@bagelink/vue 0.0.1111 → 0.0.1117

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

@@ -1 +1 @@
-{"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAuQA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAK7D,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACjC,CAAC;AAiDH,iBAAS,cAAc;WAqIT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA3MT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;UAT1B,QAAQ,GAAG,QAAQ,GAAG,OAAO;cATzB,OAAO;YAMT,OAAO;aACN,OAAO;WAQT,OAAO;aALL,OAAO;UACV,MAAM;QAKR,MAAM;YACF,OAAO;6EAoNhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAuQA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAK7D,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACjC,CAAC;AAiDH,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA7MT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;UAT1B,QAAQ,GAAG,QAAQ,GAAG,OAAO;cATzB,OAAO;YAMT,OAAO;aACN,OAAO;WAQT,OAAO;aALL,OAAO;UACV,MAAM;QAKR,MAAM;YACF,OAAO;6EAsNhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/index.cjs

@@ -291,6 +291,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           _ctx.loading ? (vue.openBlock(), vue.createBlock(vue.unref(Loading), {
             key: 0,
+            class: "h-100p",
             size: "15"
           })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$d), {
@@ -314,7 +315,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-c23a3626"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-3efa79fb"]]);
 const _hoisted_1$U = ["dismissable"];
 const _hoisted_2$C = { class: "m-0" };
 const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
@@ -936,7 +937,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-063b5ad9"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-7456c3d5"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -20916,7 +20917,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-e606435a"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-25d991e5"]]);
 const tableTools = [
   "mergeCells",
   "splitCells",
@@ -31424,7 +31425,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
         }
         try {
           await appendScript("https://cdnjs.cloudflare.com/ajax/libs/heic2any/0.0.1/index.min.js");
-          const response = await fetch(url);
+          const response = await fetch(normalizeURL(url));
           const blob = await response.blob();
           const convertedBlob = await window.heic2any({ blob });
           imageSrc.value = URL.createObjectURL(convertedBlob);
@@ -31475,7 +31476,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-29509e85"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1b7f9bb3"]]);
 const _hoisted_1$g = { class: "m-0 pb-025 txt14 line-height-1 w60 menu-text" };
 const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "BottomMenu",

package/dist/index.mjs

@@ -289,6 +289,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           _ctx.loading ? (openBlock(), createBlock(unref(Loading), {
             key: 0,
+            class: "h-100p",
             size: "15"
           })) : (openBlock(), createElementBlock("div", _hoisted_1$V, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$d), {
@@ -312,7 +313,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-c23a3626"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-3efa79fb"]]);
 const _hoisted_1$U = ["dismissable"];
 const _hoisted_2$C = { class: "m-0" };
 const _sfc_main$14 = /* @__PURE__ */ defineComponent({
@@ -934,7 +935,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-063b5ad9"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-7456c3d5"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -20914,7 +20915,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-e606435a"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-25d991e5"]]);
 const tableTools = [
   "mergeCells",
   "splitCells",
@@ -31422,7 +31423,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         }
         try {
           await appendScript("https://cdnjs.cloudflare.com/ajax/libs/heic2any/0.0.1/index.min.js");
-          const response = await fetch(url);
+          const response = await fetch(normalizeURL(url));
           const blob = await response.blob();
           const convertedBlob = await window.heic2any({ blob });
           imageSrc.value = URL.createObjectURL(convertedBlob);
@@ -31473,7 +31474,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-29509e85"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1b7f9bb3"]]);
 const _hoisted_1$g = { class: "m-0 pb-025 txt14 line-height-1 w60 menu-text" };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "BottomMenu",

package/dist/style.css

@@ -55,62 +55,62 @@
 	max-height: 300px;
 }
 
-.bgl_btn[data-v-c23a3626] {
+.bgl_btn[data-v-3efa79fb] {
   --btn-bg: var(--bgl-primary);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-text-color);
 }
-.bgl_btn-green[data-v-c23a3626] {
+.bgl_btn-green[data-v-3efa79fb] {
   --btn-bg: var(--bgl-green);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-green);
 }
-.bgl_btn-yellow[data-v-c23a3626] {
+.bgl_btn-yellow[data-v-3efa79fb] {
   --btn-bg: var(--bgl-yellow);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-yellow);
 }
-.bgl_btn-blue[data-v-c23a3626] {
+.bgl_btn-blue[data-v-3efa79fb] {
   --btn-bg: var(--bgl-blue);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-blue);
 }
-.bgl_btn-primary[data-v-c23a3626] {
+.bgl_btn-primary[data-v-3efa79fb] {
   --btn-bg: var(--bgl-primary);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-primary);
 }
-.bgl_btn-red[data-v-c23a3626] {
+.bgl_btn-red[data-v-3efa79fb] {
   --btn-bg: var(--bgl-red);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-red);
 }
-.bgl_btn-white[data-v-c23a3626] {
+.bgl_btn-white[data-v-3efa79fb] {
   --btn-bg: var(--bgl-white);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-white);
 }
-.bgl_btn-black[data-v-c23a3626] {
+.bgl_btn-black[data-v-3efa79fb] {
   --btn-bg: var(--bgl-black);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-black);
 }
-.bgl_btn-gray[data-v-c23a3626] {
+.bgl_btn-gray[data-v-3efa79fb] {
   --btn-bg: var(--bgl-gray-light);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-gray);
 }
-.bgl_btn-light[data-v-c23a3626] {
+.bgl_btn-light[data-v-3efa79fb] {
   --btn-bg: var(--bgl-primary-light);
   --btn-color: var(--bgl-primary);
   --btn-flat-color: var(--bgl-primary-light);
 }
-.bgl_btn-gray-light[data-v-c23a3626] {
+.bgl_btn-gray-light[data-v-3efa79fb] {
   --btn-bg: var(--bgl-gray-light);
   --btn-color: var(--bgl-gray);
   --btn-flat-color: var(--bgl-gray-light);
 }
-.bgl_btn[data-v-c23a3626] {
+.bgl_btn[data-v-3efa79fb] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
@@ -118,7 +118,7 @@
   color: var(--btn-color);
   text-decoration: none;
 }
-.bgl_btn.bgl_btn-icon[data-v-c23a3626] {
+.bgl_btn.bgl_btn-icon[data-v-3efa79fb] {
   padding-left: 0;
   padding-right: 0;
   height: var(--btn-height);
@@ -127,69 +127,69 @@
   font-size: 1rem;
   flex-shrink: 0;
 }
-a[data-v-c23a3626] {
+a[data-v-3efa79fb] {
   text-decoration: none;
 }
-.bgl_btn-flex[data-v-c23a3626] {
+.bgl_btn-flex[data-v-3efa79fb] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_btn .bgl_btn-icon[data-v-c23a3626]{
+.bgl_btn .bgl_btn-icon[data-v-3efa79fb]{
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-c23a3626]:hover,
-.bgl_btn-icon[data-v-c23a3626]:hover {
+.bgl_btn[data-v-3efa79fb]:hover,
+.bgl_btn-icon[data-v-3efa79fb]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-c23a3626]:active:not(:disabled),
-.bgl_btn-icon[data-v-c23a3626]:active:not(:disabled) {
+.bgl_btn[data-v-3efa79fb]:active:not(:disabled),
+.bgl_btn-icon[data-v-3efa79fb]:active:not(:disabled) {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_btn_flat[data-v-c23a3626] {
+.bgl_btn.bgl_btn_flat[data-v-3efa79fb] {
   background: transparent;
   color: var(--btn-flat-color);
 }
-.bgl_btn_flat[data-v-c23a3626]:hover:not(:disabled),
-.bgl_btn-icon.bgl_btn_flat[data-v-c23a3626]:hover:not(:disabled) {
+.bgl_btn_flat[data-v-3efa79fb]:hover:not(:disabled),
+.bgl_btn-icon.bgl_btn_flat[data-v-3efa79fb]:hover:not(:disabled) {
   background: var(--bgl-gray-20);
 }
-.bgl_btn.bgl_btn_flat[data-v-c23a3626]:active:not(:disabled),
-.bgl_btn-icon.bgl_btn_flat[data-v-c23a3626]:active:not(:disabled) {
+.bgl_btn.bgl_btn_flat[data-v-3efa79fb]:active:not(:disabled),
+.bgl_btn-icon.bgl_btn_flat[data-v-3efa79fb]:active:not(:disabled) {
   background: var(--bgl-gray-40);
 }
-.bgl_btn.thin[data-v-c23a3626] {
+.bgl_btn.thin[data-v-3efa79fb] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-c23a3626] {
+.bgl_btn.round[data-v-3efa79fb] {
   border-radius: 1000px;
 }
-.bgl_btn-icon.thin[data-v-c23a3626] {
+.bgl_btn-icon.thin[data-v-3efa79fb] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: normal;
 }
-.bgl_btn-icon.thin .bgl_btn-flex[data-v-c23a3626] {
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-3efa79fb] {
 	height: 100%;
 }
-[dir="rtl"] .bgl_btn-icon[data-v-c23a3626]{
+[dir="rtl"] .bgl_btn-icon[data-v-3efa79fb]{
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-c23a3626], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-c23a3626] {
+.bgl_btn-border[data-v-3efa79fb], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-3efa79fb] {
 	  border: 1px solid var(--btn-flat-color);
 	  background: transparent;
 	  color: var(--btn-flat-color);
 }
-.bgl_btn-border[data-v-c23a3626]:hover {
+.bgl_btn-border[data-v-3efa79fb]:hover {
 	  color: var(--btn-flat-color);
 }
-.bgl_btn-border[data-v-c23a3626]:active:not(:disabled) {
+.bgl_btn-border[data-v-3efa79fb]:active:not(:disabled) {
   filter: brightness(80%);
 }
-.bgl_btn[data-v-c23a3626]:disabled {
+.bgl_btn[data-v-3efa79fb]:disabled {
   opacity: 0.6;
   filter: grayscale(0.3);
   cursor: not-allowed;
@@ -356,17 +356,17 @@ display: block;
 	padding: 0;
 }
 
-.dot[data-v-063b5ad9]{
+.dot[data-v-7456c3d5]{
 	height: 10px;
 	width: 10px;
 	border-radius: 50%;
 	background-color: var(--bgl-black);
 	opacity: 0.4;
 }
-.dot.current[data-v-063b5ad9]{
+.dot.current[data-v-7456c3d5]{
 	opacity: 0.8;
 }
-.blocker[data-v-063b5ad9] {
+.blocker[data-v-7456c3d5] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -374,52 +374,52 @@ display: block;
 	height: 100%;
 	z-index: 100;
 }
-.bgl-slider[data-v-063b5ad9] {
+.bgl-slider[data-v-7456c3d5] {
 	display: grid;
 	position: relative;
 	grid-auto-flow: column;
 	grid-auto-columns: 100%;
 	overflow-x: hidden;
-	scroll-snap-type: x mandatory;
-	scroll-behavior: smooth;
+	/* scroll-snap-type: x mandatory; */
+	/* scroll-behavior: smooth; */
 }
-.autoHeight[data-v-063b5ad9] {
+.autoHeight[data-v-7456c3d5] {
 	transition: height ease 0.7s;
 }
-.bgl-slider.allowScroll[data-v-063b5ad9] {
+.bgl-slider.allowScroll[data-v-7456c3d5] {
 	overflow-x: scroll;
 }
-.bgl-slider[data-v-063b5ad9] {
+.bgl-slider[data-v-7456c3d5] {
 	grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 1) * 1%);
 	gap: 1%;
 }
-.bgl-slider.odd[data-v-063b5ad9] {
+.bgl-slider.odd[data-v-7456c3d5] {
 	grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 2) * 1%);
 }
-.bgl-slider.slides-1[data-v-063b5ad9] {
+.bgl-slider.slides-1[data-v-7456c3d5] {
 	grid-auto-columns: 100%;
 	gap: 0;
 }
-.bgl-slider[data-v-063b5ad9]::-webkit-scrollbar {
+.bgl-slider[data-v-7456c3d5]::-webkit-scrollbar {
 	display: none;
 }
-.bgl-slider[data-v-063b5ad9] * {
+.bgl-slider[data-v-7456c3d5] * {
 	scroll-snap-align: start;
 }
-.dragging.bgl-slider[data-v-063b5ad9] {
+.dragging.bgl-slider[data-v-7456c3d5] {
 	cursor: grabbing;
 	cursor: -webkit-grabbing;
 	scroll-snap-type: unset;
 }
-.clicking.bgl-slider[data-v-063b5ad9] {
+.clicking.bgl-slider[data-v-7456c3d5] {
 	scroll-behavior: unset;
 }
-.dragging.bgl-slider[data-v-063b5ad9] * {
+.dragging.bgl-slider[data-v-7456c3d5] * {
 	scroll-snap-align: unset;
 	user-select: none;
 }
 @media screen and (max-width: 600px) {
-.bgl-slider.slides-1[data-v-063b5ad9]> * {
+.bgl-slider.slides-1[data-v-7456c3d5]> * {
 		margin-inline-start: 0%;
 }
 }
@@ -1353,28 +1353,28 @@ pre code.hljs{
 	color: var(--bgl-light-text);
 }
 
-.range-slider-position-txt[data-v-e606435a]{
+.range-slider-position-txt[data-v-25d991e5]{
 	margin-inline-start:  calc((var(--progress) * 1%) - (var(--bgl-range-thumb-size) * var(--progress) / 100));
 	top: calc(var(--bgl-range-thumb-size) / 2 ) ;
 	transition: transform 0.1s, opacity 0.5s, top 0.5s;
 	transform: scale(0.8);
 	width: var(--bgl-range-thumb-size);
 }
-.range-slider:hover .range-slider-position-txt[data-v-e606435a]{
+.range-slider:hover .range-slider-position-txt[data-v-25d991e5]{
 	opacity: 1;
 	transform: scale(1);
-	top: calc(var(--bgl-range-thumb-size) / 1.8) ;
+	top: calc(var(--bgl-range-thumb-size) / 2);
 }
-.range-slider[data-v-e606435a] {
+.range-slider[data-v-25d991e5] {
 	height: var(--bgl-range-track-size);
 	display: flex;
 	align-items: center;
 	margin-top: calc(var(--bgl-range-thumb-size) / 2 + 0.5rem) ;
 }
-.range-slider-txt[data-v-e606435a]{
+.range-slider-txt[data-v-25d991e5]{
 	margin-top: calc(var(--bgl-range-thumb-size) / 2) !important;
 }
-input[type="range"][data-v-e606435a] {
+input[type="range"][data-v-25d991e5] {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -1384,7 +1384,7 @@ input[type="range"][data-v-e606435a] {
   appearance: none;
   margin: 0;
 }
-input[type="range"][data-v-e606435a]::-webkit-slider-thumb {
+input[type="range"][data-v-25d991e5]::-webkit-slider-thumb {
   pointer-events: all;
   appearance: none;
   width: var(--bgl-range-thumb-size);
@@ -1397,25 +1397,25 @@ input[type="range"][data-v-e606435a]::-webkit-slider-thumb {
   cursor: grab;
   transition: var(--bgl-transition);
 }
-input[type="range"][data-v-e606435a]::-webkit-slider-thumb:hover {
+input[type="range"][data-v-25d991e5]::-webkit-slider-thumb:hover {
 	box-shadow: 0 0 0 calc(var(--bgl-range-thumb-size) / 2) var(--bgl-primary-tint);
 	filter: brightness(90%);
 }
-input[type="range"][data-v-e606435a]:focus::-webkit-slider-thumb {
+input[type="range"][data-v-25d991e5]:focus::-webkit-slider-thumb {
   outline: none;
   box-shadow: 0 0 0 calc(var(--bgl-range-thumb-size) / 2.2) var(--bgl-primary-tint);
 }
-input[type="range"][data-v-e606435a]:active::-webkit-slider-thumb {
+input[type="range"][data-v-25d991e5]:active::-webkit-slider-thumb {
 	cursor: grabbing;
 }
-.track[data-v-e606435a] {
+.track[data-v-25d991e5] {
   height: var(--bgl-range-track-height);
   background: var(--bgl-bg);
   margin-inline-start: calc(var(--bgl-range-thumb-size) / 2);
   width: calc(100% - var(--bgl-range-thumb-size));
 }
 @media screen and (max-width: 768px) {
-.range-slider-position-txt[data-v-e606435a]{
+.range-slider-position-txt[data-v-25d991e5]{
 		opacity: 1;
 		transform: scale(1);
 		top: calc(var(--bgl-range-thumb-size) / 1.8) ;
@@ -2123,7 +2123,7 @@ line-height: 1.65;
 	color: var(--bgl-green);
 }
 
-.img-web-kit[data-v-29509e85] {
+.img-web-kit[data-v-1b7f9bb3] {
 	max-width: 100%;
 	vertical-align: middle;
 	border: 0;
@@ -15662,6 +15662,12 @@ body:has([class*="slide-fade"])::-webkit-scrollbar {
 .color-bg {
     color: var(--bgl-bg) !important;
 }
+.bg-input {
+    background: var(--input-bg) !important;
+}
+.color-input {
+    color: var(--input-bg) !important;
+}
 .bg-black {
     background: var(--bgl-black) !important;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.1111",
+  "version": "0.0.1117",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -52,9 +52,9 @@
     "./vite.config.ts"
   ],
   "devDependencies": {
-    "@types/leaflet": "^1.9.15",
+    "@types/leaflet": "^1.9.16",
     "@types/signature_pad": "^2.3.6",
-    "@vue-macros/reactivity-transform": "^1.1.4",
+    "@vue-macros/reactivity-transform": "^1.1.6",
     "vue": "^3.5.13"
   },
   "peerDependencies": {
@@ -80,7 +80,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@vueuse/core": "^12.0.0",
+    "@vueuse/core": "^12.5.0",
     "axios": "^1.7.9",
     "floating-vue": "^5.2.2",
     "libphonenumber-js": "1.11.16",

package/src/components/Btn.vue

@@ -78,7 +78,7 @@ const slots: SetupContext['slots'] = useSlots()
 		@keydown.enter="onClick"
 		@keydown.space="onClick"
 	>
-		<Loading v-if="loading" size="15" />
+		<Loading v-if="loading" class="h-100p" size="15" />
 		<div v-else class="bgl_btn-flex">
 			<MaterialIcon v-if="icon" :icon="icon" />
 			<slot />

package/src/components/Carousel.vue

@@ -235,8 +235,8 @@ watch(() => activeSlideIndex, handleSlideChange)
 	grid-auto-flow: column;
 	grid-auto-columns: 100%;
 	overflow-x: hidden;
-	scroll-snap-type: x mandatory;
-	scroll-behavior: smooth;
+	/* scroll-snap-type: x mandatory; */
+	/* scroll-behavior: smooth; */
 
 }
 

package/src/components/Image.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Skeleton, normalizeDimension, appendScript } from '@bagelink/vue'
+import { Skeleton, normalizeDimension, appendScript, normalizeURL } from '@bagelink/vue'
 import { watch } from 'vue'
 
 declare global {
@@ -52,7 +52,7 @@ async function loadImage() {
 		}
 		try {
 			await appendScript('https://cdnjs.cloudflare.com/ajax/libs/heic2any/0.0.1/index.min.js')
-			const response = await fetch(url)
+			const response = await fetch(normalizeURL(url))
 			const blob = await response.blob()
 			const convertedBlob = await window.heic2any({ blob }) as Blob
 			imageSrc = URL.createObjectURL(convertedBlob)

package/src/components/form/inputs/RangeInput.vue

@@ -154,7 +154,7 @@ const displayTo = $computed(() => formatValue(validTo))
 .range-slider:hover .range-slider-position-txt{
 	opacity: 1;
 	transform: scale(1);
-	top: calc(var(--bgl-range-thumb-size) / 1.8) ;
+	top: calc(var(--bgl-range-thumb-size) / 2);
 }
 
 .range-slider {

package/src/styles/appearance.css

@@ -177,6 +177,14 @@
     color: var(--bgl-bg) !important;
 }
 
+.bg-input {
+    background: var(--input-bg) !important;
+}
+
+.color-input {
+    color: var(--input-bg) !important;
+}
+
 .bg-black {
     background: var(--bgl-black) !important;
 }