@bagelink/vue 0.0.585 → 0.0.587

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

@@ -1 +1 @@
-{"version":3,"file":"NavBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/NavBar.vue"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAoC3D,iBAAS,cAAc;;;QAoRE,GAAG;mBACA,GAAG;EAG9B;AAgBD,QAAA,MAAM,eAAe;kBAML,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;kBAJD,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;iBAJD,OAAO,EAAE;WACf,OAAO,EAAE;cACN,aAAa;eACZ,MAAM;YACT,MAAM;MAEf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"NavBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/NavBar.vue"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAmC3D,iBAAS,cAAc;;;QAoRE,GAAG;mBACA,GAAG;EAG9B;AAgBD,QAAA,MAAM,eAAe;kBAML,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;kBAJD,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;;;;;;;iBAJD,OAAO,EAAE;WACf,OAAO,EAAE;cACN,aAAa;eACZ,MAAM;YACT,MAAM;MAEf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAY,MAAM,eAAe,CAAA;AA0B7E,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAmGzC,iBAAS,MAAM,SAad;AA2BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;sBAnJZ,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;QAqcS,GAAG;;;QACG,GAAG;EAGpC;AA4BD,QAAA,MAAM,eAAe;YAMZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;;YANN,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAY,MAAM,eAAe,CAAA;AA0B7E,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAmGzC,iBAAS,MAAM,SAad;AA2BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;sBAnJZ,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;QAscS,GAAG;;;QACG,GAAG;EAGpC;AA4BD,QAAA,MAAM,eAAe;YAMZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;;YANN,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/index.cjs

@@ -5511,7 +5511,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-15070735"]]);
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-e59fe705"]]);
 const _hoisted_1$I = {
   key: 0,
   class: "loading"
@@ -5864,7 +5864,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-4609dcd1"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-9b1b63ca"]]);
 const _hoisted_1$G = { class: "accordion-item" };
 const _hoisted_2$x = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
@@ -25859,7 +25859,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b4eacc5b"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-e372fd90"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -28846,7 +28846,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-681173be"]]);
-const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-472bea2f"), n2 = n2(), vue.popScopeId(), n2);
+const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-5409803c"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$j = { class: "bagel-input" };
 const _hoisted_2$e = {
   key: 0,
@@ -29090,7 +29090,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-472bea2f"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-5409803c"]]);
 const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-eceeebfb"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$i = ["title"];
 const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));

package/dist/index.mjs

@@ -5509,7 +5509,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-15070735"]]);
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-e59fe705"]]);
 const _hoisted_1$I = {
   key: 0,
   class: "loading"
@@ -5862,7 +5862,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-4609dcd1"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-9b1b63ca"]]);
 const _hoisted_1$G = { class: "accordion-item" };
 const _hoisted_2$x = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
@@ -25857,7 +25857,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b4eacc5b"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-e372fd90"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George
@@ -28844,7 +28844,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-681173be"]]);
-const _withScopeId$2 = (n2) => (pushScopeId("data-v-472bea2f"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$2 = (n2) => (pushScopeId("data-v-5409803c"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$j = { class: "bagel-input" };
 const _hoisted_2$e = {
   key: 0,
@@ -29088,7 +29088,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-472bea2f"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-5409803c"]]);
 const _withScopeId$1 = (n2) => (pushScopeId("data-v-eceeebfb"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$i = ["title"];
 const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));

package/dist/style.css

@@ -1,8 +1,8 @@
 @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
-[dir='rtl'] .top-arrow[data-v-15070735] {
+[dir='rtl'] .top-arrow[data-v-e59fe705] {
 	transform: rotate(180deg);
 }
-.nav-expend[data-v-15070735] {
+.nav-expend[data-v-e59fe705] {
 	text-align: center;
 	cursor: pointer;
 	background: var(--bgl-white);
@@ -28,17 +28,17 @@
 	margin-bottom: 30px;
 }
 */
-.nav-expend[data-v-15070735] {
+.nav-expend[data-v-e59fe705] {
 	background: var(--bgl-white);
 }
-.nav-expend[data-v-15070735]:hover {
+.nav-expend[data-v-e59fe705]:hover {
 	filter: brightness(95%);
 	box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
 }
-.nav-expend[data-v-15070735]:active {
+.nav-expend[data-v-e59fe705]:active {
 	filter: var(--bgl-active-filter);
 }
-.nav[data-v-15070735] {
+.nav[data-v-e59fe705] {
 	color: var(--bgl-white);
 	background: var(--bgl-primary);
 	z-index: 100;
@@ -47,10 +47,10 @@
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-15070735] * {
+.nav[data-v-e59fe705] * {
 	user-select: none;
 }
-.nav-button[data-v-15070735] {
+.nav-button[data-v-e59fe705] {
 	text-decoration: none;
 	cursor: pointer;
 	display: flex;
@@ -61,11 +61,11 @@
 	transition: all 0.2s ease;
 	pointer-events: none;
 }
-.nav-button[data-v-15070735]:hover {
+.nav-button[data-v-e59fe705]:hover {
 	width: fit-content;
 	pointer-events: all;
 }
-.nav-button .bgl_icon-font[data-v-15070735] {
+.nav-button .bgl_icon-font[data-v-e59fe705] {
 	font-size: 22px;
 	margin: 0.25rem 10px;
 	padding: 10px;
@@ -78,16 +78,16 @@
 	transition: all 0.2s ease;
 	pointer-events: all;
 }
-.nav-button:hover .bgl_icon-font[data-v-15070735],
-.nav-button.router-link-active .bgl_icon-font[data-v-15070735] {
+.nav-button:hover .bgl_icon-font[data-v-e59fe705],
+.nav-button.router-link-active .bgl_icon-font[data-v-e59fe705] {
 	background: var(--bgl-white);
 	color: var(--bgl-primary);
 }
-.nav-button:hover .tooltip[data-v-15070735] {
+.nav-button:hover .tooltip[data-v-e59fe705] {
 	opacity: 1;
 	pointer-events: all;
 }
-.tooltip[data-v-15070735] {
+.tooltip[data-v-e59fe705] {
 	background-color: var(--bgl-white);
 	color: var(--bgl-primary);
 	line-height: 1;
@@ -101,23 +101,23 @@
 	opacity: 0;
 	margin-inline-start: 1rem;
 }
-.tooltip[data-v-15070735]:hover {
+.tooltip[data-v-e59fe705]:hover {
 	filter: brightness(95%);
 }
-.tooltip[data-v-15070735]:active {
+.tooltip[data-v-e59fe705]:active {
 	filter: brightness(90%);
 }
-.bot-buttons-wrapper[data-v-15070735] {
+.bot-buttons-wrapper[data-v-e59fe705] {
 	margin-top: auto;
 	width: 100%;
 }
-.nav-links-wrapper[data-v-15070735] {
+.nav-links-wrapper[data-v-e59fe705] {
 	direction: ltr;
 }
-[dir='rtl'] .nav-links-wrapper[data-v-15070735] {
+[dir='rtl'] .nav-links-wrapper[data-v-e59fe705] {
 	direction: rtl;
 }
-.nav-scroll[data-v-15070735] {
+.nav-scroll[data-v-e59fe705] {
 	overflow-y: scroll;
 	width: 50vw;
 	direction: rtl;
@@ -127,30 +127,30 @@
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-15070735]::-webkit-scrollbar-thumb {
+.nav[data-v-e59fe705]::-webkit-scrollbar-thumb {
 	background-color: transparent;
 }
-.nav[data-v-15070735]:hover::-webkit-scrollbar-thumb {
+.nav[data-v-e59fe705]:hover::-webkit-scrollbar-thumb {
 	background-color: var(--bgl-gray);
 }
-[dir='rtl'] .nav-scroll[data-v-15070735] {
+[dir='rtl'] .nav-scroll[data-v-e59fe705] {
 	direction: ltr;
 }
-.full-nav[data-v-15070735] {
+.full-nav[data-v-e59fe705] {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
 }
 @media screen and (min-width: 910px) {
-.nav.open .nav-expend[data-v-15070735] {
+.nav.open .nav-expend[data-v-e59fe705] {
 		margin-inline-start: 189px;
 		transform: rotate(180deg);
 }
-.nav.open[data-v-15070735] {
+.nav.open[data-v-e59fe705] {
 		width: 200px;
 		text-align: start;
 }
-.nav.open .tooltip[data-v-15070735] {
+.nav.open .tooltip[data-v-e59fe705] {
 		background-color: transparent;
 		color: var(--bgl-white);
 		padding: 0;
@@ -159,30 +159,30 @@
 		opacity: 1;
 		margin-inline-start: 0rem;
 }
-.nav.open .nav-button .bgl_icon-font[data-v-15070735] {
+.nav.open .nav-button .bgl_icon-font[data-v-e59fe705] {
 		margin: 0;
 		background: transparent;
 }
-.nav.open .nav-button[data-v-15070735] {
+.nav.open .nav-button[data-v-e59fe705] {
 		width: 180px;
 		border-radius: 10px;
 		margin-inline-start: 10px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 }
-.nav.open .nav-button[data-v-15070735]:hover,
-	.nav.open .nav-button.router-link-active[data-v-15070735] {
+.nav.open .nav-button[data-v-e59fe705]:hover,
+	.nav.open .nav-button.router-link-active[data-v-e59fe705] {
 		background: var(--bgl-white);
 		color: var(--bgl-primary);
 }
-.nav.open .nav-button[data-v-15070735]:hover,
-	.nav.open .nav-button:hover .tooltip[data-v-15070735],
-	.nav.open .nav-button.router-link-active .tooltip[data-v-15070735] {
+.nav.open .nav-button[data-v-e59fe705]:hover,
+	.nav.open .nav-button:hover .tooltip[data-v-e59fe705],
+	.nav.open .nav-button.router-link-active .tooltip[data-v-e59fe705] {
 		color: var(--bgl-primary);
 }
 }
 @media screen and (max-width: 910px) {
-.full-nav[data-v-15070735] {
+.full-nav[data-v-e59fe705] {
 		height: auto;
 		display: flex;
 		flex-direction: row;
@@ -191,10 +191,10 @@
 		inset-inline-end: 0;
 		overflow-x: auto;
 }
-.nav.open[data-v-15070735] {
+.nav.open[data-v-e59fe705] {
 		width: initial;
 }
-.nav[data-v-15070735] {
+.nav[data-v-e59fe705] {
 		width: auto;
 		display: flex;
 		flex-direction: row;
@@ -202,7 +202,7 @@
 		overflow-x: auto;
 		justify-content: flex-start;
 }
-.tooltip[data-v-15070735] {
+.tooltip[data-v-e59fe705] {
 		opacity: 1;
 		background: transparent;
 		color: var(--bgl-white);
@@ -211,25 +211,25 @@
 		padding: 0;
 		margin: 0;
 }
-.nav-button[data-v-15070735] {
+.nav-button[data-v-e59fe705] {
 		flex-direction: column;
 		margin: 12px 0.25rem;
 }
-.nav-button .bgl_icon-font[data-v-15070735] {
+.nav-button .bgl_icon-font[data-v-e59fe705] {
 		padding: 2px 0 0 0;
 		margin: 0;
 		height: 30px;
 		width: 30px;
 }
-.nav-links-wrapper[data-v-15070735] {
+.nav-links-wrapper[data-v-e59fe705] {
 		display: flex;
 }
-.bot-buttons-wrapper[data-v-15070735] {
+.bot-buttons-wrapper[data-v-e59fe705] {
 		margin-top: 0;
 		width: auto;
 		display: flex;
 }
-.nav-scroll[data-v-15070735] {
+.nav-scroll[data-v-e59fe705] {
 		overflow-y: visible;
 		width: auto;
 		direction: auto;
@@ -240,10 +240,10 @@
 		flex-direction: row;
 		margin-inline-end: auto;
 }
-.nav[data-v-15070735]::-webkit-scrollbar {
+.nav[data-v-e59fe705]::-webkit-scrollbar {
 		display: none;
 }
-.nav-expend[data-v-15070735] {
+.nav-expend[data-v-e59fe705] {
 		display: none;
 }
 }
@@ -531,11 +531,11 @@ a[data-v-59ea4a90] {
 	border-radius: var(--card-border-radius);
 }
 
-.modal-title[data-v-4609dcd1] {
+.modal-title[data-v-9b1b63ca] {
 	margin-top: 0.5rem;
 }
 @media screen and (max-width: 910px) {
-.modal-title[data-v-4609dcd1] {
+.modal-title[data-v-9b1b63ca] {
 		margin-top: 1rem;
 }
 }
@@ -1909,10 +1909,10 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 .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-b4eacc5b] {
+.selectinput[data-v-e372fd90] {
 	width: 100%;
 }
-.selectinput-option[data-v-b4eacc5b] {
+.selectinput-option[data-v-e372fd90] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1923,14 +1923,14 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	width: 100%;
 	font-size: var(--input-font-size);
 }
-.selectinput-options[data-v-b4eacc5b] {
+.selectinput-options[data-v-e372fd90] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-b4eacc5b]:hover {
+.selectinput-option[data-v-e372fd90]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-b4eacc5b] {
+.isEmpty p[data-v-e372fd90] {
 	opacity: 0.3;
 }
 
@@ -2337,7 +2337,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	color: var(--bgl-white);
 }
 
-.bagel-input .fileUploadWrap[data-v-472bea2f] {
+.bagel-input .fileUploadWrap[data-v-5409803c] {
 	--width: 320px;
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
@@ -2350,7 +2350,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	overflow-y: auto;
 	background: var(--input-bg);
 }
-.previewName[data-v-472bea2f] {
+.previewName[data-v-5409803c] {
 	padding: 0.5rem;
 	text-align: start;
 	color: var(--input-color);
@@ -2360,18 +2360,18 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	align-items: center;
 	padding-inline: 14px;
 }
-.previewName p[data-v-472bea2f] {
+.previewName p[data-v-5409803c] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.imagePreviewWrap[data-v-472bea2f] {
+.imagePreviewWrap[data-v-5409803c] {
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
 	padding: 5px;
 	min-height: 90px;
 }
-img.preview[data-v-472bea2f] {
+img.preview[data-v-5409803c] {
 	/* max-height: calc(var(--width) / 2); */
 	/* max-width: calc(var(--width) * 2); */
 	width: 40px;
@@ -2381,7 +2381,7 @@ img.preview[data-v-472bea2f] {
 	background: var(--bgl-gray-light);
 	box-shadow: 0 0 10px #00000012;
 }
-img.preview.single[data-v-472bea2f] {
+img.preview.single[data-v-5409803c] {
 	max-width: var(--width);
 	width: auto;
 	object-fit: contain;
@@ -2389,11 +2389,11 @@ img.preview.single[data-v-472bea2f] {
 	max-height: calc(var(--width) / 2);
 	margin: 1rem;
 }
-.fileUploadWrap.dragover[data-v-472bea2f],
-.fileUploadWrap[data-v-472bea2f]:hover {
+.fileUploadWrap.dragover[data-v-5409803c],
+.fileUploadWrap[data-v-5409803c]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.bagel-input .fileUploadWrap[data-v-472bea2f] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-5409803c] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -2401,7 +2401,7 @@ img.preview.single[data-v-472bea2f] {
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.pie[data-v-472bea2f] {
+.pie[data-v-5409803c] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -2409,7 +2409,7 @@ img.preview.single[data-v-472bea2f] {
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-472bea2f]:before {
+.pie[data-v-5409803c]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -2427,26 +2427,26 @@ img.preview.single[data-v-472bea2f] {
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-472bea2f] {
+.pie .success[data-v-5409803c] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-472bea2f] {
+.pie .progress[data-v-5409803c] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-472bea2f] {
+.pie.complete .progress[data-v-5409803c] {
 	display: none;
 }
-.pie.complete .success[data-v-472bea2f] {
+.pie.complete .success[data-v-5409803c] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-472bea2f]:before {
+.pie.complete[data-v-5409803c]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-472bea2f] {
+.pie.complete[data-v-5409803c] {
 	color: var(--bgl-green);
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.585",
+  "version": "0.0.587",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -54,7 +54,7 @@
     "@types/leaflet": "^1.9.12",
     "@types/signature_pad": "^2.3.6",
     "@vue-macros/reactivity-transform": "^0.4.6",
-    "vue": "^3.4.31"
+    "vue": "^3.4.32"
   },
   "peerDependencies": {
     "@bagelink/sdk": "*",

package/src/components/ModalForm.vue

@@ -45,13 +45,13 @@ const form = $ref<InstanceType<typeof BagelForm>>()
 const closeModal = () => modal?.closeModal()
 
 async function runSubmit() {
-		if (form?.validateForm?.() === false) return
-		try {
-			await props.onSubmit?.(formData.value)
-			closeModal()
-		} catch (err: any) {
-			if (props.onError) props.onError(err)
-			else bagel.onError?.(err)
+	if (form?.validateForm?.() === false) return
+	try {
+		await props.onSubmit?.(formData.value)
+		closeModal()
+	} catch (err: any) {
+		if (props.onError) props.onError(err)
+		else bagel.onError?.(err)
 	}
 }
 

package/src/components/NavBar.vue

@@ -2,7 +2,6 @@
 import type { MaterialIcons, NavLink } from '@bagelink/vue'
 import { MaterialIcon } from '@bagelink/vue'
 
-
 withDefaults(
 	defineProps<{
 		footerLinks?: NavLink[]

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

@@ -305,7 +305,7 @@ img.preview.single {
 	box-shadow: inset 0 0 10px #00000012;
 }
 
-.bagel-input .fileUploadWrap {
+.bagel-input .fileUploadWrap.fileDropZone {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;

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

@@ -192,7 +192,7 @@ onMounted(() => {
 	>
 		<label>
 			{{ label }}
-		<div class="flex gap-05">
+			<div class="flex gap-05">
 				<button
 					:disabled="disabled"
 					type="button"
@@ -205,7 +205,7 @@ onMounted(() => {
 					<p v-if="!hideLabel">
 						{{ selectedLabel }}
 					</p>
-	
+
 					<div v-if="clearable && selectedItemCount > 0" class="ms-auto ps-05 me-05">
 						<Btn
 							thin
@@ -228,8 +228,7 @@ onMounted(() => {
 					required
 					@input="updateOpen(true)"
 				>
-	
-</div>
+			</div>
 		</label>
 		<template #popper>
 			<Card