@bagelink/vue 0.0.625 → 0.0.629

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

@@ -1 +1 @@
-{"version":3,"file":"DataPreview.vue.d.ts","sourceRoot":"","sources":["../../src/components/DataPreview.vue"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AA8CtB,iBAAS,cAAc;oBA0LM,GAAG;EAG/B;AAwBD,QAAA,MAAM,eAAe;UA3Nb,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;;;;;;;;;;;;;;UAA3C,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;;;;;;;;;;;;;YAyOjD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"DataPreview.vue.d.ts","sourceRoot":"","sources":["../../src/components/DataPreview.vue"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,cAAc,EAMnB,MAAM,eAAe,CAAA;AA6CtB,iBAAS,cAAc;oBA0LM,GAAG;EAG/B;AAwBD,QAAA,MAAM,eAAe;UA3Nb,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;;;;;;;;;;;;;;UAA3C,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;;;;;;;;;;;;;YAyOjD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/dashboard/Lineart.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lineart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/Lineart.vue"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAa,IAAI,EAAE,MAAM,wBAAwB,CAAA;;UA+SV,IAAI,EAAE;YAAU,MAAM;;UAAtB,IAAI,EAAE;YAAU,MAAM;;AALzE,wBAMG;AACH,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"}
+{"version":3,"file":"Lineart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/Lineart.vue"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAa,IAAI,EAAE,MAAM,wBAAwB,CAAA;;UAgTV,IAAI,EAAE;YAAU,MAAM;;UAAtB,IAAI,EAAE;YAAU,MAAM;;AALzE,wBAMG;AACH,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SignaturePad.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SignaturePad.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAMnE,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,CAAA;AAwB9D,iBAAS,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,sBAGhC;AAKD,iBAAS,IAAI,SAMZ;AAgBD,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QA0BpC;;gBA6IY,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;;;;;;;;uBAzMM,MAAM;;gBAgMnB,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;;;eAAP,OAAO;;AAhBpB,wBAkBG;AACH,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"}
+{"version":3,"file":"SignaturePad.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SignaturePad.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAMnE,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,CAAA;AAuB9D,iBAAS,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,sBAGhC;AAKD,iBAAS,IAAI,SAMZ;AAgBD,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QA0BpC;;gBA6IY,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;;;;;;;;uBAzMM,MAAM;;gBAgMnB,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;;;eAAP,OAAO;;AAhBpB,wBAkBG;AACH,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"}

package/dist/index.cjs

@@ -5578,8 +5578,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "39397c0e": computedBackgroundColor.value,
-      "427e8569": cumputedTextColor.value
+      "50d471e9": computedBackgroundColor.value,
+      "e0dc88f8": cumputedTextColor.value
     }));
     const props2 = __props;
     const isComponent = vue.computed(() => {
@@ -5668,7 +5668,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-59ea4a90"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-26f1062f"]]);
 const _hoisted_1$H = {
   key: 0,
   class: "tool-bar"
@@ -6679,7 +6679,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
           dataValue[key] = dataTransform(dataValue[key]);
         });
       }
-      if (typeof dataValue === "string" && /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(dataValue)) {
+      if (isDate$1(dataValue)) {
         const date2 = new Date(dataValue);
         return date2.toDateString();
       }
@@ -6734,7 +6734,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-d3655508"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-4d174f13"]]);
 const _hoisted_1$z = {
   key: 0,
   class: "card_label"
@@ -28647,7 +28647,12 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
             (...args) => _ctx.onFocusout && _ctx.onFocusout(...args)),
             onInput: updateInputVal
           }), null, 16, _hoisted_3$d)), [
-            [vue.vModelDynamic, vue.unref(inputVal)]
+            [
+              vue.vModelDynamic,
+              vue.unref(inputVal),
+              void 0,
+              { trim: true }
+            ]
           ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", vue.mergeProps({
             key: 1,
             id: _ctx.id,
@@ -28679,7 +28684,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-5e9a753f"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-82137f41"]]);
 const _hoisted_1$n = { class: "primary-checkbox" };
 const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
@@ -28705,7 +28710,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-0878583e"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-bf11f9a2"]]);
 const _hoisted_1$m = ["title"];
 const _hoisted_2$h = ["id", "placeholder", "required"];
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
@@ -41491,7 +41496,7 @@ const getTextContentFromNodes = ($from, maxMatch = 500) => {
       parent,
       index: index2
     })) || node.textContent || "%leaf%";
-    textBefore += node.isAtom ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
+    textBefore += node.isAtom && !node.isText ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
   });
   return textBefore;
 };
@@ -49956,11 +49961,10 @@ const EditorContent = vue.defineComponent({
           if (instance) {
             editor.appContext = {
               ...instance.appContext,
-              provides: {
-                // @ts-ignore
-                ...instance.provides,
-                ...instance.appContext.provides
-              }
+              // Vue internally uses prototype chain to forward/shadow injects across the entire component chain
+              // so don't use object spread operator or 'Object.assign' and just set `provides` as is on editor's appContext
+              // @ts-expect-error forward instance's 'provides' into appContext
+              provides: instance.provides
             };
           }
           editor.setOptions({
@@ -52880,10 +52884,7 @@ const Table = Node$2.create({
         columnResizing({
           handleWidth: this.options.handleWidth,
           cellMinWidth: this.options.cellMinWidth,
-          // @ts-ignore (incorrect type)
           View: this.options.View,
-          // TODO: PR for @types/prosemirror-tables
-          // @ts-ignore (incorrect type)
           lastColumnResizable: this.options.lastColumnResizable
         })
       ] : [],
@@ -56367,7 +56368,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       function resizeCanvas(c2) {
         let url;
         if (!isEmpty2()) url = save2();
-        const ratio = props2.ratio || 1 / 2;
+        const ratio = props2.ratio ?? 1 / 2;
         const { width } = c2.getBoundingClientRect();
         c2.width = props2.width ? Number(props2.width.replace(/px/g, "")) : width;
         c2.height = props2.height ? Number(props2.height.replace(/px/g, "")) : width * ratio;
@@ -63230,7 +63231,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-718e118e"]]);
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-38a31955"]]);
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "TabsBody",

package/dist/index.mjs

@@ -5576,8 +5576,8 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "39397c0e": computedBackgroundColor.value,
-      "427e8569": cumputedTextColor.value
+      "50d471e9": computedBackgroundColor.value,
+      "e0dc88f8": cumputedTextColor.value
     }));
     const props2 = __props;
     const isComponent = computed(() => {
@@ -5666,7 +5666,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-59ea4a90"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-26f1062f"]]);
 const _hoisted_1$H = {
   key: 0,
   class: "tool-bar"
@@ -6677,7 +6677,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           dataValue[key] = dataTransform(dataValue[key]);
         });
       }
-      if (typeof dataValue === "string" && /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(dataValue)) {
+      if (isDate$1(dataValue)) {
         const date2 = new Date(dataValue);
         return date2.toDateString();
       }
@@ -6732,7 +6732,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-d3655508"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-4d174f13"]]);
 const _hoisted_1$z = {
   key: 0,
   class: "card_label"
@@ -28645,7 +28645,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             (...args) => _ctx.onFocusout && _ctx.onFocusout(...args)),
             onInput: updateInputVal
           }), null, 16, _hoisted_3$d)), [
-            [vModelDynamic, unref(inputVal)]
+            [
+              vModelDynamic,
+              unref(inputVal),
+              void 0,
+              { trim: true }
+            ]
           ]) : withDirectives((openBlock(), createElementBlock("textarea", mergeProps({
             key: 1,
             id: _ctx.id,
@@ -28677,7 +28682,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-5e9a753f"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-82137f41"]]);
 const _hoisted_1$n = { class: "primary-checkbox" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
@@ -28703,7 +28708,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-0878583e"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-bf11f9a2"]]);
 const _hoisted_1$m = ["title"];
 const _hoisted_2$h = ["id", "placeholder", "required"];
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
@@ -41489,7 +41494,7 @@ const getTextContentFromNodes = ($from, maxMatch = 500) => {
       parent,
       index: index2
     })) || node.textContent || "%leaf%";
-    textBefore += node.isAtom ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
+    textBefore += node.isAtom && !node.isText ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
   });
   return textBefore;
 };
@@ -49954,11 +49959,10 @@ const EditorContent = defineComponent({
           if (instance) {
             editor.appContext = {
               ...instance.appContext,
-              provides: {
-                // @ts-ignore
-                ...instance.provides,
-                ...instance.appContext.provides
-              }
+              // Vue internally uses prototype chain to forward/shadow injects across the entire component chain
+              // so don't use object spread operator or 'Object.assign' and just set `provides` as is on editor's appContext
+              // @ts-expect-error forward instance's 'provides' into appContext
+              provides: instance.provides
             };
           }
           editor.setOptions({
@@ -52878,10 +52882,7 @@ const Table = Node$2.create({
         columnResizing({
           handleWidth: this.options.handleWidth,
           cellMinWidth: this.options.cellMinWidth,
-          // @ts-ignore (incorrect type)
           View: this.options.View,
-          // TODO: PR for @types/prosemirror-tables
-          // @ts-ignore (incorrect type)
           lastColumnResizable: this.options.lastColumnResizable
         })
       ] : [],
@@ -56365,7 +56366,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       function resizeCanvas(c2) {
         let url;
         if (!isEmpty2()) url = save2();
-        const ratio = props2.ratio || 1 / 2;
+        const ratio = props2.ratio ?? 1 / 2;
         const { width } = c2.getBoundingClientRect();
         c2.width = props2.width ? Number(props2.width.replace(/px/g, "")) : width;
         c2.height = props2.height ? Number(props2.height.replace(/px/g, "")) : width * ratio;
@@ -63228,7 +63229,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-718e118e"]]);
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-38a31955"]]);
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "TabsBody",

package/dist/style.css

@@ -254,19 +254,19 @@
 }
 }
 
-a[data-v-59ea4a90] {
+a[data-v-26f1062f] {
   text-decoration: none;
 }
-.loading[data-v-59ea4a90] {
+.loading[data-v-26f1062f] {
   border: 1px solid var(--bgl-white);
   border-bottom: 2px solid var(--bgl-white);
-  animation: spin-59ea4a90 1s linear infinite;
+  animation: spin-26f1062f 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-59ea4a90 {
+@keyframes spin-26f1062f {
 0% {
     transform: rotate(0deg);
 }
@@ -274,7 +274,7 @@ a[data-v-59ea4a90] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-59ea4a90] {
+.bgl_btn-icon[data-v-26f1062f] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -284,101 +284,102 @@ a[data-v-59ea4a90] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-59ea4a90] {
+.bgl_btn[data-v-26f1062f] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-59ea4a90] {
+.bgl_btn[disabled="true"][data-v-26f1062f] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-59ea4a90] {
+.bgl_btn-flex[data-v-26f1062f] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-59ea4a90] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-26f1062f] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-59ea4a90],
-.bgl_btn-icon[data-v-59ea4a90] {
-  background-color: var(--39397c0e);
-  color: var(--427e8569);
+.bgl_btn[data-v-26f1062f],
+.bgl_btn-icon[data-v-26f1062f] {
+  background-color: var(--50d471e9);
+  color: var(--e0dc88f8);
 }
-.bgl_btn[data-v-59ea4a90]:hover,
-.bgl_btn-icon[data-v-59ea4a90]:hover {
+.bgl_btn[data-v-26f1062f]:hover,
+.bgl_btn-icon[data-v-26f1062f]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-59ea4a90]:active,
-.bgl_btn-icon[data-v-59ea4a90]:active {
+.bgl_btn[data-v-26f1062f]:active,
+.bgl_btn-icon[data-v-26f1062f]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-59ea4a90] {
+.bgl_btn.bgl_flatBtn[data-v-26f1062f] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-59ea4a90] {
+.bgl_btn-icon.bgl_flatBtn[data-v-26f1062f] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-59ea4a90]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-59ea4a90]:hover {
-  filter: var(--bgl-active-filter);
+.bgl_btn.bgl_flatBtn[data-v-26f1062f]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-26f1062f]:hover {
+  filter: var(--bgl-hover-filter);
+  background: var(--bgl-gray-20);
 }
-.bgl_btn.bgl_flatBtn[data-v-59ea4a90]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-59ea4a90]:active {
+.bgl_btn.bgl_flatBtn[data-v-26f1062f]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-26f1062f]:active {
   background: var(--bgl-gray-40);
-  filter: var(--bgl-hover-filter);
+  filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-59ea4a90],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-59ea4a90] {
+.bgl_btn.bgl_flatBtn.red[data-v-26f1062f],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-26f1062f] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-59ea4a90],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-59ea4a90] {
+.bgl_btn.bgl_flatBtn.white[data-v-26f1062f],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-26f1062f] {
   color: var(--bgl-white);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-59ea4a90],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-59ea4a90] {
+.bgl_btn.bgl_flatBtn.light[data-v-26f1062f],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-26f1062f] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-59ea4a90],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-59ea4a90] {
+.bgl_btn.bgl_flatBtn.black[data-v-26f1062f],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-26f1062f] {
   color: var(--bgl-black);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-59ea4a90],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-59ea4a90] {
+.bgl_btn.bgl_flatBtn.gray[data-v-26f1062f],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-26f1062f] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-59ea4a90] {
+.bgl_btn.thin[data-v-26f1062f] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-59ea4a90] {
+.bgl_btn.round[data-v-26f1062f] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-59ea4a90] {
+.bgl_btn-icon.thin[data-v-26f1062f] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: 1;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-59ea4a90] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-26f1062f] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-59ea4a90] {
-  outline: 1px solid var(--39397c0e);
-  color: var(--39397c0e);
+.bgl_btn-border[data-v-26f1062f] {
+  outline: 1px solid var(--50d471e9);
+  color: var(--50d471e9);
   background: transparent;
 }
-.bgl_btn-border[data-v-59ea4a90]:hover {
+.bgl_btn-border[data-v-26f1062f]:hover {
   color: var(--bgl-white);
-  background: var(--39397c0e);
+  background: var(--50d471e9);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-59ea4a90]:active {
+.bgl_btn-border[data-v-26f1062f]:active {
   filter: brightness(80%);
 }
 .bg-dark {
@@ -865,25 +866,25 @@ tbody tr[data-v-d01cb754]:hover {
 	background: var(--bgl-gray-light);
 }
 
-data[data-v-d3655508] {
+data[data-v-4d174f13] {
 	font-size: var(--input-font-size);
 	border: 1.1px solid var(--border-color);
 	padding: 20px;
 	border-radius: var(--input-border-radius);
 }
-.data-row[data-v-d3655508] {
+.data-row[data-v-4d174f13] {
 	display: flex;
 	justify-content: space-between;
 	border-bottom: 1px solid var(--border-color);
 	align-items: center;
 	min-height: 50px;
 }
-.data-row .bagel-input.shrink[data-v-d3655508],
-.data-row .bagel-input.shrink input[data-v-d3655508] {
+.data-row .bagel-input.shrink[data-v-4d174f13],
+.data-row .bagel-input.shrink input[data-v-4d174f13] {
 	min-width: 140px !important;
 	/* margin-top: -0.45rem !important; */
 }
-.data-link[data-v-d3655508] {
+.data-link[data-v-4d174f13] {
 	display: block;
 	font-size: var(--input-font-size);
 	margin-bottom: 2px;
@@ -891,7 +892,7 @@ data[data-v-d3655508] {
 	color: var(--input-color);
 }
 @media screen and (max-width: 910px) {
-.data-row[data-v-d3655508] {
+.data-row[data-v-4d174f13] {
 		display: block;
 		/* min-height: 80px; */
 		padding-bottom: 1rem;
@@ -2157,66 +2158,66 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-5e9a753f] {
+.bagel-input textarea[data-v-82137f41] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-5e9a753f] {
+.bagel-input.text-input textarea[data-v-82137f41] {
 	resize: none;
 }
-.code textarea[data-v-5e9a753f] {
+.code textarea[data-v-82137f41] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-black) !important;
 	color: var(--bgl-white) !important;
 }
-.code textarea[data-v-5e9a753f]::placeholder {
+.code textarea[data-v-82137f41]::placeholder {
 	color: var(--bgl-white) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-5e9a753f] {
+.bagel-input.small[data-v-82137f41] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-5e9a753f] {
+.bagel-input.dense label[data-v-82137f41] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-5e9a753f]:disabled {
+.bagel-input input[data-v-82137f41]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-5e9a753f] {
+.bagel-input label[data-v-82137f41] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap[data-v-5e9a753f] {
+.textInputIconWrap[data-v-82137f41] {
 	position: relative;
 }
-.textInputIconWrap .bgl_icon-font[data-v-5e9a753f] {
+.textInputIconWrap .bgl_icon-font[data-v-82137f41] {
 	position: absolute;
 	inset-inline-end: 0.7rem;
 	bottom: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart .iconStart[data-v-5e9a753f] {
+.txtInputIconStart .iconStart[data-v-82137f41] {
 	position: absolute;
 	inset-inline-start: 0.7rem;
 	top: 50%;
 	line-height: 0;
 	color: var(--bgl-gray);
 }
-.txtInputIconStart textarea[data-v-5e9a753f] {
+.txtInputIconStart textarea[data-v-82137f41] {
 	padding-inline-start: 2rem;
 }
-.bagel-input.small textarea[data-v-5e9a753f] {
+.bagel-input.small textarea[data-v-82137f41] {
 	height: 30px;
 }
 
-.primary-checkbox input[data-v-0878583e] {
+.primary-checkbox input[data-v-bf11f9a2] {
   appearance: none;
   accent-color: var(--bgl-primary);
-	height: calc(var(--input-height) / 2.75);
-	width: calc(var(--input-height) / 2.75);
+	height: calc(var(--input-height) / 1.75);
+	width: calc(var(--input-height) / 1.75);
   min-width: 0;
   display: flex;
   justify-content: center;
@@ -2224,9 +2225,9 @@ svg.leaflet-image-layer.leaflet-interactive path {
   cursor: pointer;
   border-radius: 100%;
   background: var(--bgl-white);
-  border: 2px solid var(--input-bg);
+  border: 2px solid var(--bgl-gray);
 }
-.primary-checkbox[data-v-0878583e] {
+.primary-checkbox[data-v-bf11f9a2] {
   height:var(--input-height);
   width:var(--input-height);
   display: flex;
@@ -2235,14 +2236,15 @@ svg.leaflet-image-layer.leaflet-interactive path {
   transition: var(--bgl-transition);
   transform: scale(0.8);
 }
-.primary-checkbox[data-v-0878583e]:hover {
+.primary-checkbox[data-v-bf11f9a2]:hover {
   filter: brightness(90%);
 }
-.primary-checkbox[data-v-0878583e]:active {
+.primary-checkbox[data-v-bf11f9a2]:active {
   filter: brightness(80%);
 }
-.primary-checkbox input[data-v-0878583e]:checked {
+.primary-checkbox input[data-v-bf11f9a2]:checked {
   background: var(--bgl-primary);
+  box-shadow: inset 0 0 0px 2px white;
 }
 
 .datetime-wrap {
@@ -2984,7 +2986,7 @@ input[type="number"][data-v-4c741194] {
   color: var(--bgl-primary) !important;
 }
 
-.bgl_tabs_wrap[data-v-718e118e] {
+.bgl_tabs_wrap[data-v-38a31955] {
 	background: var(--input-bg);
 	border-radius: calc(var(--input-border-radius) * 1.4);
 	padding-inline: calc(var(--btn-padding) / 8);
@@ -2992,7 +2994,7 @@ input[type="number"][data-v-4c741194] {
 	box-shadow: inset 0 0 10px #00000012;
 	gap: 0.25rem;
 }
-.bgl_tab[data-v-718e118e] {
+.bgl_tab[data-v-38a31955] {
 	border: none;
 	background: transparent;
 	cursor: pointer;
@@ -3003,10 +3005,10 @@ input[type="number"][data-v-4c741194] {
 	border-radius: var(--input-border-radius);
 	transition: var(--bgl-transition);
 }
-.bgl_tab[data-v-718e118e]:hover {
+.bgl_tab[data-v-38a31955]:hover {
 	background: rgba(255, 255, 255, .4);
 }
-.bgl_tabs_wrap[data-v-718e118e]::before {
+.bgl_tabs_wrap[data-v-38a31955]::before {
 	content: '';
 	position: absolute;
 	top: calc(var(--btn-padding) / 8);
@@ -3086,7 +3088,7 @@ input[type="number"][data-v-4c741194] {
     align-items: flex-start !important;
 }
 .align-items-center {
-    align-items: center;
+    align-items: center !important;
 }
 .align-items-baseline {
     align-items: baseline;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.625",
+  "version": "0.0.629",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -105,15 +105,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@tiptap/extension-image": "^2.5.7",
-    "@tiptap/extension-table": "^2.5.7",
-    "@tiptap/extension-table-cell": "^2.5.7",
-    "@tiptap/extension-table-header": "^2.5.7",
-    "@tiptap/extension-table-row": "^2.5.7",
-    "@tiptap/extension-youtube": "^2.5.7",
-    "@tiptap/pm": "^2.5.7",
-    "@tiptap/starter-kit": "^2.5.7",
-    "@tiptap/vue-3": "^2.5.7",
+    "@tiptap/extension-image": "^2.5.8",
+    "@tiptap/extension-table": "^2.5.8",
+    "@tiptap/extension-table-cell": "^2.5.8",
+    "@tiptap/extension-table-header": "^2.5.8",
+    "@tiptap/extension-table-row": "^2.5.8",
+    "@tiptap/extension-youtube": "^2.5.8",
+    "@tiptap/pm": "^2.5.8",
+    "@tiptap/starter-kit": "^2.5.8",
+    "@tiptap/vue-3": "^2.5.8",
     "@vuepic/vue-datepicker": "^8.8.1",
     "@vueuse/core": "^10.11.0",
     "axios": "^1.7.2",

package/src/components/Btn.vue

@@ -202,13 +202,14 @@ a {
 
 .bgl_btn.bgl_flatBtn:hover,
 .bgl_btn-icon.bgl_flatBtn:hover {
-  filter: var(--bgl-active-filter);
+  filter: var(--bgl-hover-filter);
+  background: var(--bgl-gray-20);
 }
 
 .bgl_btn.bgl_flatBtn:active,
 .bgl_btn-icon.bgl_flatBtn:active {
   background: var(--bgl-gray-40);
-  filter: var(--bgl-hover-filter);
+  filter: var(--bgl-active-filter);
 }
 
 .bgl_btn.bgl_flatBtn.red,

package/src/components/DataPreview.vue

@@ -5,6 +5,7 @@ import {
 	Title,
 	getFallbackSchema,
 	iffer,
+	isDate,
 	keyToLabel,
 } from '@bagelink/vue'
 
@@ -25,13 +26,12 @@ function dataTransform(dataValue: any): any {
 			dataValue[key] = dataTransform(dataValue[key])
 		})
 	}
-	if (
-		typeof dataValue === 'string'
-		&& /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(dataValue)
-	) {
+
+	if (isDate(dataValue)) {
 		const date = new Date(dataValue)
 		return date.toDateString()
 	}
+
 	return dataValue
 }
 

package/src/components/dashboard/Lineart.vue

@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { onMounted, onUnmounted } from 'vue'
 import {
 	Area,
 	Chart,
@@ -9,6 +8,7 @@ import {
 	Tooltip,
 } from 'vue3-charts'
 import type { ChartAxis, Data } from 'vue3-charts/dist/types'
+import { onMounted, onUnmounted } from 'vue'
 
 const props = defineProps<{ data: Data[], locale: string }>()
 
@@ -109,7 +109,7 @@ function dotStyling(ctx: Record<string, any>) {
 		<Chart
 			v-if="chartSize"
 			:size="chartSize"
-			:data="data"
+			:data
 			:margin="chartMargin"
 			:axis="axisConfig"
 		>

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

@@ -15,8 +15,8 @@ const val = defineModel('modelValue', {
 .primary-checkbox input {
   appearance: none;
   accent-color: var(--bgl-primary);
-	height: calc(var(--input-height) / 2.75);
-	width: calc(var(--input-height) / 2.75);
+	height: calc(var(--input-height) / 1.75);
+	width: calc(var(--input-height) / 1.75);
   min-width: 0;
   display: flex;
   justify-content: center;
@@ -24,7 +24,7 @@ const val = defineModel('modelValue', {
   cursor: pointer;
   border-radius: 100%;
   background: var(--bgl-white);
-  border: 2px solid var(--input-bg);
+  border: 2px solid var(--bgl-gray);
 }
 
 .primary-checkbox {
@@ -47,5 +47,6 @@ const val = defineModel('modelValue', {
 
 .primary-checkbox input:checked {
   background: var(--bgl-primary);
+  box-shadow: inset 0 0 0px 2px white;
 }
 </style>

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

@@ -29,8 +29,7 @@ const props = withDefaults(defineProps<{
 	defaultUrl?: string
 	format?: FormatType
 	clearable?: boolean
-}>(),
-{
+}>(), {
 	clearable: true,
 })
 
@@ -104,7 +103,7 @@ function draw() {
 	function resizeCanvas(c: HTMLCanvasElement) {
 		let url
 		if (!isEmpty()) url = save()
-		const ratio = props.ratio || 1 / 2
+		const ratio = props.ratio ?? 1 / 2
 		const { width } = c.getBoundingClientRect()
 		c.width = props.width ? Number(props.width.replace(/px/g, '')) : width
 		c.height = props.height ? Number(props.height.replace(/px/g, '')) : width * ratio
@@ -131,7 +130,7 @@ defineExpose({
 </script>
 
 <template>
-	<div class="bgl_input signature-pad relative" @touchmove.prevent :class="{'bg-transparent':disabled}">
+	<div class="bgl_input signature-pad relative" :class="{ 'bg-transparent': disabled }" @touchmove.prevent>
 		<Btn v-if="clearable && !disabled" flat thin icon="refresh" class="position-bottom-end" @click="clear" />
 		<canvas ref="vCanvas" class="canvas" :disabled />
 	</div>

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

@@ -90,7 +90,7 @@ onMounted(() => {
 				v-if="!multiline && !autoheight && !code"
 				:id="id"
 				ref="input"
-				v-model="inputVal"
+				v-model.trim="inputVal"
 				:title="title"
 				:autocomplete="autocomplete"
 				:type="type"

package/src/components/layout/Tabs.vue

@@ -36,7 +36,7 @@ const tabComponent = defineComponent({
 
 z
 <template>
-	<TabsNav v-model="slctTab" :tabs="tabs" :group="group" class="mb-05" />
+	<TabsNav v-model="slctTab" :tabs :group class="mb-05" />
 	<div v-if="currentTab">
 		<template v-if="slots[currentTab]">
 			<slot :name="currentTab" />

package/src/components/layout/TabsNav.vue

@@ -21,8 +21,8 @@ const emit = defineEmits(['update:modelValue'])
 const { currentTab } = useTabs(props.group)
 currentTab.value
   = props.modelValue || typeof props.tabs[0] === 'string'
-  	? props.tabs[0]
-  	: props.tabs[0].id
+		? props.tabs[0]
+		: props.tabs[0].id
 
 const tabsWrap = ref<HTMLElement | null>(null)
 const tabs = ref<HTMLElement[]>([])

package/src/styles/layout.css

@@ -57,7 +57,7 @@
 }
 
 .align-items-center {
-    align-items: center;
+    align-items: center !important;
 }
 
 .align-items-baseline {