@bagelink/vue 0.0.579 → 0.0.583

package/dist/components/form/BglForm.vue.d.ts

@@ -1,6 +1,7 @@
 import { BglFormSchemaT } from '../..';
 
 type FormStatus = 'idle' | 'loading' | 'success' | 'error';
+declare function validateForm(): boolean | undefined;
 declare function runSubmit(): void;
 declare function deleteItem(): void;
 declare function __VLS_template(): {
@@ -22,7 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
 }>, {
     modelValue: () => {};
 }>, {
-    validateForm: () => boolean | undefined;
+    validateForm: typeof validateForm;
     deleteItem: typeof deleteItem;
     isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
     clearForm: () => {};

package/dist/components/form/BglForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BglForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglForm.vue"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,cAAc,EAAmB,MAAM,eAAe,CAAA;AAK9E,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAuD1D,iBAAS,SAAS,SAMjB;AAID,iBAAS,UAAU,SAgBlB;AAqBD,iBAAS,cAAc;;;;QAuHM,GAAG;qBACF,GAAG;mBACL,GAAG;EAG9B;AAwBD,QAAA,MAAM,eAAe;YAOX,MAAM;SACT,MAAM;YACH,cAAc,CAAC,GAAG,CAAC;iBACd,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;;;;;;YANX,MAAM;SACT,MAAM;YACH,cAAc,CAAC,GAAG,CAAC;iBACd,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;gBAHN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;MAMhC,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":"BglForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglForm.vue"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,cAAc,EAAmB,MAAM,eAAe,CAAA;AAK9E,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAwC1D,iBAAS,YAAY,wBAIpB;AAeD,iBAAS,SAAS,SAMjB;AAID,iBAAS,UAAU,SAgBlB;AAqBD,iBAAS,cAAc;;;;QAuHM,GAAG;qBACF,GAAG;mBACL,GAAG;EAG9B;AAwBD,QAAA,MAAM,eAAe;YAOX,MAAM;SACT,MAAM;YACH,cAAc,CAAC,GAAG,CAAC;iBACd,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;;;;;;YANX,MAAM;SACT,MAAM;YACH,cAAc,CAAC,GAAG,CAAC;iBACd,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;gBAHN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;MAMhC,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/SelectInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAIN,KAAK,aAAa,EAElB,MAAM,eAAe,CAAA;AAItB,KAAK,MAAM,GACR,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AA0K5C,iBAAS,cAAc;kBAyTI,GAAG;EAG7B;AA0CD,QAAA,MAAM,eAAe;aAMX,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;;;;aAZV,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;;;UAGlB,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":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAIN,KAAK,aAAa,EAElB,MAAM,eAAe,CAAA;AAItB,KAAK,MAAM,GACR,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AA0K5C,iBAAS,cAAc;kBAkUI,GAAG;EAG7B;AA0CD,QAAA,MAAM,eAAe;aAMX,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;;;;aAZV,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;;;UAGlB,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

@@ -5863,7 +5863,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-9b1b63ca"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-4609dcd1"]]);
 const _hoisted_1$G = { class: "accordion-item" };
 const _hoisted_2$x = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
@@ -5940,7 +5940,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
 });
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-f87b579d"]]);
 const _sfc_main$I = {};
-const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0" };
+const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
 const _hoisted_2$w = { class: "p-1" };
 const _hoisted_3$k = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$2(_ctx, _cache) {
@@ -16818,10 +16818,14 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
       get: () => formData.value
     });
     const form = vue.ref();
-    const validateForm = () => {
+    function validateForm() {
       var _a2;
+      setTimeout(() => {
+        var _a3;
+        return (_a3 = form.value) == null ? void 0 : _a3.reportValidity();
+      }, 300);
       return (_a2 = form.value) == null ? void 0 : _a2.reportValidity();
-    };
+    }
     const clearForm = () => data2.value = {};
     vue.watch(
       () => props2.status,
@@ -25807,44 +25811,46 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           }, 8, ["style"])
         ]),
         default: vue.withCtx(() => [
-          vue.createElementVNode("label", _hoisted_1$q, [
+          vue.createElementVNode("label", null, [
             vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-            vue.createElementVNode("button", {
-              disabled: _ctx.disabled,
-              type: "button",
-              class: vue.normalizeClass(["selectinput-btn", { isEmpty: selectedItemCount.value === 0 }]),
-              onKeydown: openOptions,
-              onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
-            }, [
-              _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
-                key: 0,
-                icon: _ctx.icon
-              }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-              !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$f, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
-              _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [
-                vue.createVNode(vue.unref(Btn), {
-                  thin: "",
-                  icon: "clear",
-                  class: "color-black bg-gray-light",
-                  onClick: _cache[0] || (_cache[0] = ($event) => {
-                    vue.isRef(selectedItems) ? selectedItems.value = [] : selectedItems = [];
-                    emitUpdate();
+            vue.createElementVNode("div", _hoisted_1$q, [
+              vue.createElementVNode("button", {
+                disabled: _ctx.disabled,
+                type: "button",
+                class: vue.normalizeClass(["selectinput-btn", { isEmpty: selectedItemCount.value === 0 }]),
+                onKeydown: openOptions,
+                onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
+              }, [
+                _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+                  key: 0,
+                  icon: _ctx.icon
+                }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+                !_ctx.hideLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$f, vue.toDisplayString(selectedLabel.value), 1)) : vue.createCommentVNode("", true),
+                _ctx.clearable && selectedItemCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [
+                  vue.createVNode(vue.unref(Btn), {
+                    thin: "",
+                    icon: "clear",
+                    class: "color-black bg-gray-light",
+                    onClick: _cache[0] || (_cache[0] = ($event) => {
+                      vue.isRef(selectedItems) ? selectedItems.value = [] : selectedItems = [];
+                      emitUpdate();
+                    })
                   })
-                })
-              ])) : vue.createCommentVNode("", true),
-              !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), vue.mergeProps({
-                key: 3,
-                thin: ""
-              }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
-            ], 42, _hoisted_2$k),
-            _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
-              key: 0,
-              tabindex: "-1",
-              style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
-              value: vue.unref(selectedItems),
-              required: "",
-              onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
-            }, null, 40, _hoisted_5$b)) : vue.createCommentVNode("", true)
+                ])) : vue.createCommentVNode("", true),
+                !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), vue.mergeProps({
+                  key: 3,
+                  thin: ""
+                }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
+              ], 42, _hoisted_2$k),
+              _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
+                key: 0,
+                tabindex: "-1",
+                style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
+                value: vue.unref(selectedItems),
+                required: "",
+                onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
+              }, null, 40, _hoisted_5$b)) : vue.createCommentVNode("", true)
+            ])
           ])
         ]),
         _: 3
@@ -25852,7 +25858,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-7343ed4f"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b4eacc5b"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George

package/dist/index.mjs

@@ -5861,7 +5861,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-9b1b63ca"]]);
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-4609dcd1"]]);
 const _hoisted_1$G = { class: "accordion-item" };
 const _hoisted_2$x = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
@@ -5938,7 +5938,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
 });
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-f87b579d"]]);
 const _sfc_main$I = {};
-const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0" };
+const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
 const _hoisted_2$w = { class: "p-1" };
 const _hoisted_3$k = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$2(_ctx, _cache) {
@@ -16816,10 +16816,14 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       get: () => formData.value
     });
     const form = ref();
-    const validateForm = () => {
+    function validateForm() {
       var _a2;
+      setTimeout(() => {
+        var _a3;
+        return (_a3 = form.value) == null ? void 0 : _a3.reportValidity();
+      }, 300);
       return (_a2 = form.value) == null ? void 0 : _a2.reportValidity();
-    };
+    }
     const clearForm = () => data2.value = {};
     watch(
       () => props2.status,
@@ -25805,44 +25809,46 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           }, 8, ["style"])
         ]),
         default: withCtx(() => [
-          createElementVNode("label", _hoisted_1$q, [
+          createElementVNode("label", null, [
             createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-            createElementVNode("button", {
-              disabled: _ctx.disabled,
-              type: "button",
-              class: normalizeClass(["selectinput-btn", { isEmpty: selectedItemCount.value === 0 }]),
-              onKeydown: openOptions,
-              onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
-            }, [
-              _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$O), {
-                key: 0,
-                icon: _ctx.icon
-              }, null, 8, ["icon"])) : createCommentVNode("", true),
-              !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_3$f, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
-              _ctx.clearable && selectedItemCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
-                createVNode(unref(Btn), {
-                  thin: "",
-                  icon: "clear",
-                  class: "color-black bg-gray-light",
-                  onClick: _cache[0] || (_cache[0] = ($event) => {
-                    isRef(selectedItems) ? selectedItems.value = [] : selectedItems = [];
-                    emitUpdate();
+            createElementVNode("div", _hoisted_1$q, [
+              createElementVNode("button", {
+                disabled: _ctx.disabled,
+                type: "button",
+                class: normalizeClass(["selectinput-btn", { isEmpty: selectedItemCount.value === 0 }]),
+                onKeydown: openOptions,
+                onClick: _cache[1] || (_cache[1] = ($event) => updateOpen(true))
+              }, [
+                _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$O), {
+                  key: 0,
+                  icon: _ctx.icon
+                }, null, 8, ["icon"])) : createCommentVNode("", true),
+                !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_3$f, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
+                _ctx.clearable && selectedItemCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
+                  createVNode(unref(Btn), {
+                    thin: "",
+                    icon: "clear",
+                    class: "color-black bg-gray-light",
+                    onClick: _cache[0] || (_cache[0] = ($event) => {
+                      isRef(selectedItems) ? selectedItems.value = [] : selectedItems = [];
+                      emitUpdate();
+                    })
                   })
-                })
-              ])) : createCommentVNode("", true),
-              !_ctx.disabled ? (openBlock(), createBlock(unref(_sfc_main$O), mergeProps({
-                key: 3,
-                thin: ""
-              }, { icon: unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : createCommentVNode("", true)
-            ], 42, _hoisted_2$k),
-            _ctx.required ? (openBlock(), createElementBlock("input", {
-              key: 0,
-              tabindex: "-1",
-              style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
-              value: unref(selectedItems),
-              required: "",
-              onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
-            }, null, 40, _hoisted_5$b)) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true),
+                !_ctx.disabled ? (openBlock(), createBlock(unref(_sfc_main$O), mergeProps({
+                  key: 3,
+                  thin: ""
+                }, { icon: unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : createCommentVNode("", true)
+              ], 42, _hoisted_2$k),
+              _ctx.required ? (openBlock(), createElementBlock("input", {
+                key: 0,
+                tabindex: "-1",
+                style: { "width": "0", "height": "0", "position": "absolute", "opacity": "0", "z-index": "-1" },
+                value: unref(selectedItems),
+                required: "",
+                onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
+              }, null, 40, _hoisted_5$b)) : createCommentVNode("", true)
+            ])
           ])
         ]),
         _: 3
@@ -25850,7 +25856,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-7343ed4f"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b4eacc5b"]]);
 /*!
   * vue-draggable-next v2.2.0
   * (c) 2023 Anish George

package/dist/style.css

@@ -531,11 +531,11 @@ a[data-v-59ea4a90] {
 	border-radius: var(--card-border-radius);
 }
 
-.modal-title[data-v-9b1b63ca] {
+.modal-title[data-v-4609dcd1] {
 	margin-top: 0.5rem;
 }
 @media screen and (max-width: 910px) {
-.modal-title[data-v-9b1b63ca] {
+.modal-title[data-v-4609dcd1] {
 		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-7343ed4f] {
+.selectinput[data-v-b4eacc5b] {
 	width: 100%;
 }
-.selectinput-option[data-v-7343ed4f] {
+.selectinput-option[data-v-b4eacc5b] {
 	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-7343ed4f] {
+.selectinput-options[data-v-b4eacc5b] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-7343ed4f]:hover {
+.selectinput-option[data-v-b4eacc5b]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-7343ed4f] {
+.isEmpty p[data-v-b4eacc5b] {
 	opacity: 0.3;
 }
 
@@ -4933,6 +4933,7 @@ input[type="number"][data-v-4c741194] {
     .m_w100p,
     .m_w100p .m_width-100 {
         width: 100% !important;
+        max-width: 100% !important;
     }
 
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.579",
+  "version": "0.0.583",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -121,7 +121,7 @@
     "leaflet": "^1.9.4",
     "libphonenumber-js": "1.11.4",
     "signature_pad": "^5.0.2",
-    "type-fest": "^4.21.0"
+    "type-fest": "^4.22.0"
   },
   "scripts": {
     "dev": "tsx watch src/index.ts",

package/src/components/ListView.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup></script>
 
 <template>
-	<div class="list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0">
+	<div class="list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0">
 		<div class="p-1">
 			<slot name="header" />
 		</div>

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/form/BglForm.vue

@@ -42,7 +42,11 @@ let data = $computed({
 })
 const form = $ref<HTMLFormElement>()
 
-const validateForm = () => form?.reportValidity()
+function validateForm() {
+	// ? Ensures that scrolling does not dismiss validation-tooltip in safari
+	setTimeout(() => form?.reportValidity(), 300) // TODO: check if browser is safari
+	return form?.reportValidity()
+}
 
 const clearForm = () => (data = {})
 

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

@@ -190,44 +190,46 @@ onMounted(() => {
 		@click.stop
 		@hide="updateOpen(false)"
 	>
-		<label class="flex gap-05">
+		<label>
 			{{ label }}
-			<button
-				:disabled="disabled"
-				type="button"
-				class="selectinput-btn"
-				:class="{ isEmpty: selectedItemCount === 0 }"
-				@keydown="openOptions"
-				@click="updateOpen(true)"
-			>
-				<Icon v-if="icon" :icon="icon" />
-				<p v-if="!hideLabel">
-					{{ selectedLabel }}
-				</p>
-
-				<div v-if="clearable && selectedItemCount > 0" class="ms-auto ps-05 me-05">
-					<Btn
+		<div class="flex gap-05">
+				<button
+					:disabled="disabled"
+					type="button"
+					class="selectinput-btn"
+					:class="{ isEmpty: selectedItemCount === 0 }"
+					@keydown="openOptions"
+					@click="updateOpen(true)"
+				>
+					<Icon v-if="icon" :icon="icon" />
+					<p v-if="!hideLabel">
+						{{ selectedLabel }}
+					</p>
+	
+					<div v-if="clearable && selectedItemCount > 0" class="ms-auto ps-05 me-05">
+						<Btn
+							thin
+							icon="clear"
+							class="color-black bg-gray-light"
+							@click="selectedItems = []; emitUpdate()"
+						/>
+					</div>
+					<Icon
+						v-if="!disabled"
 						thin
-						icon="clear"
-						class="color-black bg-gray-light"
-						@click="selectedItems = []; emitUpdate()"
+						v-bind="{ icon: open ? 'unfold_less' : 'unfold_more' }"
 					/>
-				</div>
-				<Icon
-					v-if="!disabled"
-					thin
-					v-bind="{ icon: open ? 'unfold_less' : 'unfold_more' }"
-				/>
-			</button>
-			<input
-				v-if="required"
-				tabindex="-1"
-				style="width: 0; height: 0; position: absolute; opacity: 0; z-index: -1"
-				:value="selectedItems"
-				required
-				@input="updateOpen(true)"
-			>
-
+				</button>
+				<input
+					v-if="required"
+					tabindex="-1"
+					style="width: 0; height: 0; position: absolute; opacity: 0; z-index: -1"
+					:value="selectedItems"
+					required
+					@input="updateOpen(true)"
+				>
+	
+</div>
 		</label>
 		<template #popper>
 			<Card

package/src/styles/mobilLayout.css

@@ -198,6 +198,7 @@
     .m_w100p,
     .m_w100p .m_width-100 {
         width: 100% !important;
+        max-width: 100% !important;
     }