@bagelink/vue 0.0.833 → 0.0.837

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

@@ -1,11 +1,15 @@
+declare function next(): void;
+declare function prev(): void;
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
         prev?(_: {
             index: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<number>;
+            prev: typeof prev;
         }): any;
         next?(_: {
             index: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<number>;
+            next: typeof next;
         }): any;
     };
     refs: {

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":"AAubA,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":"AAqYA,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/components/Pill.vue.d.ts

@@ -1,8 +1,8 @@
 import { MaterialIcons, ThemeType } from '..';
 interface BtnProp {
-    icon: MaterialIcons;
+    icon?: MaterialIcons;
     onClick: () => void;
-    value: string;
+    value?: string;
 }
 declare function __VLS_template(): {
     slots: {

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

@@ -1 +1 @@
-{"version":3,"file":"Pill.vue.d.ts","sourceRoot":"","sources":["../../src/components/Pill.vue"],"names":[],"mappings":"AAiLA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM7D,UAAU,OAAO;IAChB,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAsED,iBAAS,cAAc;;yBA8GO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eA1MT,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;UACT,OAAO;aACJ,OAAO;;eAZL,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;UACT,OAAO;aACJ,OAAO;iGAoMf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Pill.vue.d.ts","sourceRoot":"","sources":["../../src/components/Pill.vue"],"names":[],"mappings":"AAiLA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM7D,UAAU,OAAO;IAChB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAsED,iBAAS,cAAc;;yBA8GO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eA1MT,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;UACT,OAAO;aACJ,OAAO;;eAZL,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;UACT,OAAO;aACJ,OAAO;iGAoMf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/form/inputs/SelectInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAAA,OAoZO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AA8M/B,iBAAS,cAAc;;sBA2OI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCApCgD,GAAG,8CAA8C,GAAG,yBAAyB,GAC3J,6DAE+B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA4CpB,OAAO,IAA6B;EAEjD;AAiCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAneX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;;aAdvC,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;kFA4d/C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAAA,OAmZO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AA6M/B,iBAAS,cAAc;;sBA2OI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCApCgG,GAAG,8CAGpH,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA4CpE,OAAO,IAA6B;EAEjD;AAiCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAleX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;;aAdvC,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;kFA2d/C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/lightbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/lightbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAA+B,MAAM,KAAK,CAAA;;iBAiF7C,GAAG;;AADjB,wBAIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/lightbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAA+B,MAAM,KAAK,CAAA;;iBAkF7C,GAAG;;AADjB,wBAIC"}

package/dist/index.cjs

@@ -725,17 +725,23 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
         ], 38),
         vue.createElementVNode("div", _hoisted_3$m, [
           vue.createElementVNode("span", { onClick: prev }, [
-            vue.renderSlot(_ctx.$slots, "prev", { index: vue.unref(activeSlideIndex) }, void 0, true)
+            vue.renderSlot(_ctx.$slots, "prev", {
+              index: vue.unref(activeSlideIndex),
+              prev
+            }, void 0, true)
           ]),
           vue.createElementVNode("span", { onClick: next }, [
-            vue.renderSlot(_ctx.$slots, "next", { index: vue.unref(activeSlideIndex) }, void 0, true)
+            vue.renderSlot(_ctx.$slots, "next", {
+              index: vue.unref(activeSlideIndex),
+              next
+            }, void 0, true)
           ])
         ])
       ], 14, _hoisted_1$F);
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-3f8e6ea0"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-8e22119a"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -43829,7 +43835,6 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       { deep: true, immediate: true }
     );
     vue.onMounted(() => {
-      console.log("mounted");
       if (props2.defaultValue !== void 0) {
         const defaultOption = props2.options.find(
           (o2) => getValue(o2) === getValue(props2.defaultValue)
@@ -43957,7 +43962,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-e3164caf"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-4d1e8e98"]]);
 const _hoisted_1$n = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
@@ -53619,8 +53624,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "559533ce": computedBackgroundColor.value,
-      "4621e5ae": cumputedTextColor.value
+      "5217b464": computedBackgroundColor.value,
+      "0b2b363f": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = vue.useSlots();
@@ -53711,7 +53716,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4c9e6928"]]);
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5476be6c"]]);
 const _sfc_main$5 = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
@@ -55311,8 +55316,8 @@ function bindingToItem(binding, el) {
 const youtubeRegex = /youtube\.com|youtu\.be/;
 const vimeoRegex = /vimeo\.com/;
 function determineFileType(url) {
-  var _a2;
-  const extension = ((_a2 = url.split(".").pop()) == null ? void 0 : _a2.toLowerCase()) || "";
+  if (!url) return "unknown";
+  const extension = (url.split(".").pop() || "").toLowerCase();
   if (IMAGE_FORMATS_REGEXP.test(extension)) return "image";
   if (VIDEO_FORMATS_REGEXP.test(extension) || youtubeRegex.test(url) || vimeoRegex.test(url)) return "video";
   if (["pdf"].includes(extension)) return "pdf";

package/dist/index.mjs

@@ -723,17 +723,23 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         ], 38),
         createElementVNode("div", _hoisted_3$m, [
           createElementVNode("span", { onClick: prev }, [
-            renderSlot(_ctx.$slots, "prev", { index: unref(activeSlideIndex) }, void 0, true)
+            renderSlot(_ctx.$slots, "prev", {
+              index: unref(activeSlideIndex),
+              prev
+            }, void 0, true)
           ]),
           createElementVNode("span", { onClick: next }, [
-            renderSlot(_ctx.$slots, "next", { index: unref(activeSlideIndex) }, void 0, true)
+            renderSlot(_ctx.$slots, "next", {
+              index: unref(activeSlideIndex),
+              next
+            }, void 0, true)
           ])
         ])
       ], 14, _hoisted_1$F);
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-3f8e6ea0"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-8e22119a"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -43827,7 +43833,6 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       { deep: true, immediate: true }
     );
     onMounted(() => {
-      console.log("mounted");
       if (props2.defaultValue !== void 0) {
         const defaultOption = props2.options.find(
           (o2) => getValue(o2) === getValue(props2.defaultValue)
@@ -43955,7 +43960,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-e3164caf"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-4d1e8e98"]]);
 const _hoisted_1$n = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
@@ -53617,8 +53622,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "559533ce": computedBackgroundColor.value,
-      "4621e5ae": cumputedTextColor.value
+      "5217b464": computedBackgroundColor.value,
+      "0b2b363f": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = useSlots();
@@ -53709,7 +53714,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4c9e6928"]]);
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5476be6c"]]);
 const _sfc_main$5 = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");
@@ -55309,8 +55314,8 @@ function bindingToItem(binding, el) {
 const youtubeRegex = /youtube\.com|youtu\.be/;
 const vimeoRegex = /vimeo\.com/;
 function determineFileType(url) {
-  var _a2;
-  const extension = ((_a2 = url.split(".").pop()) == null ? void 0 : _a2.toLowerCase()) || "";
+  if (!url) return "unknown";
+  const extension = (url.split(".").pop() || "").toLowerCase();
   if (IMAGE_FORMATS_REGEXP.test(extension)) return "image";
   if (VIDEO_FORMATS_REGEXP.test(extension) || youtubeRegex.test(url) || vimeoRegex.test(url)) return "video";
   if (["pdf"].includes(extension)) return "pdf";

package/dist/style.css

@@ -350,7 +350,7 @@ display: block;
 	padding: 0;
 }
 
-.blocker[data-v-3f8e6ea0] {
+.blocker[data-v-8e22119a] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -358,7 +358,7 @@ display: block;
 	height: 100%;
 	z-index: 100;
 }
-.bgl-slider[data-v-3f8e6ea0] {
+.bgl-slider[data-v-8e22119a] {
 	display: grid;
 	position: relative;
 	/* scroll-behavior: smooth; */
@@ -367,43 +367,43 @@ display: block;
 	/* scroll-snap-type: x mandatory; */
 	overflow-x: hidden;
 }
-.autoHeight[data-v-3f8e6ea0] {
+.autoHeight[data-v-8e22119a] {
 	transition: height ease 0.7s;
 }
-.bgl-slider.allowScroll[data-v-3f8e6ea0] {
+.bgl-slider.allowScroll[data-v-8e22119a] {
 	overflow-x: scroll;
 }
-.bgl-slider[data-v-3f8e6ea0] {
+.bgl-slider[data-v-8e22119a] {
 	grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 1) * 1%);
 	gap: 1%;
 }
-.bgl-slider.odd[data-v-3f8e6ea0] {
+.bgl-slider.odd[data-v-8e22119a] {
 	grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 2) * 1%);
 }
-.bgl-slider.slides-1[data-v-3f8e6ea0] {
+.bgl-slider.slides-1[data-v-8e22119a] {
 	grid-auto-columns: 100%;
 	gap: 0;
 }
-.bgl-slider[data-v-3f8e6ea0]::-webkit-scrollbar {
+.bgl-slider[data-v-8e22119a]::-webkit-scrollbar {
 	display: none;
 }
-.bgl-slider[data-v-3f8e6ea0] * {
+.bgl-slider[data-v-8e22119a] * {
 	scroll-snap-align: start;
 }
-.dragging.bgl-slider[data-v-3f8e6ea0] {
+.dragging.bgl-slider[data-v-8e22119a] {
 	cursor: grabbing;
 	cursor: -webkit-grabbing;
 	scroll-snap-type: unset;
 }
-.clicking.bgl-slider[data-v-3f8e6ea0] {
+.clicking.bgl-slider[data-v-8e22119a] {
 	scroll-behavior: unset;
 }
-.dragging.bgl-slider[data-v-3f8e6ea0] * {
+.dragging.bgl-slider[data-v-8e22119a] * {
 	scroll-snap-align: unset;
 	user-select: none;
 }
 @media screen and (max-width: 600px) {
-.bgl-slider.slides-1[data-v-3f8e6ea0]  * {
+.bgl-slider.slides-1[data-v-8e22119a]  * {
 		margin-inline-start: 1%;
 }
 }
@@ -1188,10 +1188,10 @@ p {
 }
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
 
-.selectinput[data-v-e3164caf] {
+.selectinput[data-v-4d1e8e98] {
 	width: 100%;
 }
-.selectinput-option[data-v-e3164caf] {
+.selectinput-option[data-v-4d1e8e98] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1203,23 +1203,23 @@ p {
 	font-size: var(--input-font-size);
 	margin-block: 0.15rem;
 }
-.selectinput-option .bgl_icon-font[data-v-e3164caf]{
+.selectinput-option .bgl_icon-font[data-v-4d1e8e98]{
 	line-height: normal;
 }
-.selectinput-options.multiselect .selectinput-option[data-v-e3164caf] {
+.selectinput-options.multiselect .selectinput-option[data-v-4d1e8e98] {
 	grid-template-columns: 10px 1fr;
 }
-.selectinput-options[data-v-e3164caf] {
+.selectinput-options[data-v-4d1e8e98] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-e3164caf]:hover {
+.selectinput-option[data-v-4d1e8e98]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-e3164caf] {
+.isEmpty p[data-v-4d1e8e98] {
 	opacity: 0.3;
 }
-.selected[data-v-e3164caf]{
+.selected[data-v-4d1e8e98]{
 	/* background: var(--bgl-primary-tint); */
 	background: var(--bgl-selected);
 }
@@ -3174,25 +3174,25 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-.bgl_pill-btn[data-v-4c9e6928]{
+.bgl_pill-btn[data-v-5476be6c]{
 	color: var(--pill-btn-color);
 	background: var(--pill-btn-bg);
 	width: calc(var(--pill-height) / 1.25)!important;
 	height: calc(var(--pill-height) / 1.25)!important;
 }
-.loading[data-v-4c9e6928] {
+.loading[data-v-5476be6c] {
   border: 1px solid var(--bgl-light-text);
   border-bottom: 2px solid var(--bgl-light-text);
-  animation: spin-4c9e6928 1s linear infinite;
+  animation: spin-5476be6c 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-.bgl_flatPill .loading[data-v-4c9e6928] {
+.bgl_flatPill .loading[data-v-5476be6c] {
 	border-bottom: 2px solid var(--bgl-text-color);
 }
-@keyframes spin-4c9e6928 {
+@keyframes spin-5476be6c {
 0% {
     transform: rotate(0deg);
 }
@@ -3200,11 +3200,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
     transform: rotate(360deg);
 }
 }
-.bgl_pill[data-v-4c9e6928] {
+.bgl_pill[data-v-5476be6c] {
   padding-inline: 0.25rem;
   transition: var(--bgl-transition);
-  background-color: var(--559533ce);
-  color: var(--4621e5ae);
+  background-color: var(--5217b464);
+  color: var(--0b2b363f);
   display: inline-block;
   margin-inline-end: 0.25rem;
   border-radius: var(--pill-border-radius);
@@ -3212,26 +3212,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
   vertical-align: middle;
   margin-bottom: 0.25rem;
 }
-.bgl_pill[disabled="true"][data-v-4c9e6928] {
+.bgl_pill[disabled="true"][data-v-5476be6c] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_pill-flex[data-v-4c9e6928] {
+.bgl_pill-flex[data-v-5476be6c] {
   display: flex;
   align-items: center;
   gap: 0.25rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_pill.bgl_flatPill[data-v-4c9e6928] {
+.bgl_pill.bgl_flatPill[data-v-5476be6c] {
   background: transparent;
 }
-.bgl_pill.round[data-v-4c9e6928] {
+.bgl_pill.round[data-v-5476be6c] {
   border-radius: 1000px;
 }
-.bgl_pill-border[data-v-4c9e6928] {
-  outline: 1px solid var(--559533ce);
-  color: var(--559533ce);
+.bgl_pill-border[data-v-5476be6c] {
+  outline: 1px solid var(--5217b464);
+  color: var(--5217b464);
   background: transparent;
 }
 

package/package.json

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

package/src/components/Carousel.vue

@@ -178,8 +178,8 @@ watch(() => activeSlideIndex, handleSlideChange)
 			<slot />
 		</div>
 		<div class="Handlers">
-			<span @click="prev"><slot name="prev" :index="activeSlideIndex" /></span>
-			<span @click="next"><slot name="next" :index="activeSlideIndex" /></span>
+			<span @click="prev"><slot name="prev" :index="activeSlideIndex" :prev="prev" /></span>
+			<span @click="next"><slot name="next" :index="activeSlideIndex" :next="next" /></span>
 		</div>
 	</div>
 </template>

package/src/components/Pill.vue

@@ -4,9 +4,9 @@ import { Btn, MaterialIcon } from '@bagelink/vue'
 import { useSlots } from 'vue'
 
 interface BtnProp {
-	icon: MaterialIcons
+	icon?: MaterialIcons
 	onClick: () => void
-	value: string
+	value?: string
 }
 
 const props = defineProps<{

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

@@ -196,7 +196,6 @@ watch(
 )
 
 onMounted(() => {
-	console.log('mounted')
 	if (props.defaultValue !== undefined) {
 		const defaultOption = props.options.find(
 			o => getValue(o) === getValue(props.defaultValue),

package/src/components/lightbox/index.ts

@@ -59,7 +59,8 @@ const youtubeRegex = /youtube\.com|youtu\.be/
 const vimeoRegex = /vimeo\.com/
 
 function determineFileType(url: string): string {
-	const extension = url.split('.').pop()?.toLowerCase() || ''
+	if (!url) return 'unknown'
+	const extension = (url.split('.').pop() || '').toLowerCase()
 	if (IMAGE_FORMATS_REGEXP.test(extension)) return 'image'
 	if (VIDEO_FORMATS_REGEXP.test(extension) || youtubeRegex.test(url) || vimeoRegex.test(url)) return 'video'
 	if (['pdf'].includes(extension)) return 'pdf'