@bagelink/vue 0.0.605 → 0.0.610

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;oBA2LM,GAAG;EAG/B;AAwBD,QAAA,MAAM,eAAe;UA5Nb,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;;;;;;;;;;;;;YA0OjD,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,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"}

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

@@ -6,16 +6,16 @@ declare function browse(): void;
 declare function __VLS_template(): {
     files?(_: {
         files: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<{
-            organization?: string[];
+            organization?: string[] | undefined;
             name: string;
             url: string;
-            mimetype?: string;
-            size?: number;
-            extension?: string;
-            path?: string;
-            id?: string;
-            created_at?: Date | string;
-            updated_at?: Date | string;
+            mimetype?: string | undefined;
+            size?: number | undefined;
+            extension?: string | undefined;
+            path?: string | undefined;
+            id?: string | undefined;
+            created_at?: (Date | string) | undefined;
+            updated_at?: (Date | string) | undefined;
         }[]>;
         fileQueue: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<{
             file: {
@@ -30,9 +30,9 @@ declare function __VLS_template(): {
                 text: () => Promise<string>;
             };
             progress: number;
-            uploading?: boolean;
-            name?: string;
-            uploaded?: boolean;
+            uploading?: boolean | undefined;
+            name?: string | undefined;
+            uploaded?: boolean | undefined;
         }[]>;
     }): any;
     placeholder?(_: {

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;AAoB9D,iBAAS,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,sBAGhC;AAKD,iBAAS,IAAI,SAMZ;AAgBD,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QA0BpC;;gBAmHY,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;;;;;;;uBA9KM,MAAM;;gBAsKnB,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;;AAfpB,wBAiBG;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":"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;AAoB9D,iBAAS,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,sBAGhC;AAKD,iBAAS,IAAI,SAMZ;AAgBD,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QA0BpC;;gBAwIY,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;;;;;;;uBAnMM,MAAM;;gBA2LnB,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;;AAfpB,wBAiBG;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/index.cjs

@@ -6359,7 +6359,7 @@ function useVerticalVirtualList(options, list) {
     containerRef
   };
 }
-const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-84e79d8d"), n2 = n2(), vue.popScopeId(), n2);
+const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-d01cb754"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$C = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
@@ -6393,7 +6393,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "2438e78c": vue.unref(computedItemHiehgt)
+      "02b73339": vue.unref(computedItemHiehgt)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -6598,7 +6598,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-84e79d8d"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-d01cb754"]]);
 const _sfc_main$E = {};
 const _hoisted_1$B = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -6729,7 +6729,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-d1cbc45f"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-0ffde6c7"]]);
 const _hoisted_1$z = {
   key: 0,
   class: "card_label"
@@ -41487,7 +41487,7 @@ const getTextContentFromNodes = ($from, maxMatch = 500) => {
       parent,
       index: index2
     })) || node.textContent || "%leaf%";
-    textBefore += chunk.slice(0, Math.max(0, sliceEndPos - pos));
+    textBefore += node.isAtom ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
   });
   return textBefore;
 };
@@ -44395,6 +44395,11 @@ let Editor$1 = class Editor2 extends EventEmitter {
     }
     const state2 = this.state.apply(transaction);
     const selectionHasChanged = !this.state.selection.eq(state2.selection);
+    this.emit("beforeTransaction", {
+      editor: this,
+      transaction,
+      nextState: state2
+    });
     this.view.updateState(state2);
     this.emit("transaction", {
       editor: this,
@@ -49856,12 +49861,12 @@ function useDebouncedRef(value) {
 class Editor extends Editor$1 {
   constructor(options = {}) {
     super(options);
-    this.vueRenderers = vue.reactive(/* @__PURE__ */ new Map());
     this.contentComponent = null;
+    this.appContext = null;
     this.reactiveState = useDebouncedRef(this.view.state);
     this.reactiveExtensionStorage = useDebouncedRef(this.extensionStorage);
-    this.on("transaction", () => {
-      this.reactiveState.value = this.view.state;
+    this.on("beforeTransaction", ({ nextState }) => {
+      this.reactiveState.value = nextState;
       this.reactiveExtensionStorage.value = this.extensionStorage;
     });
     return vue.markRaw(this);
@@ -49908,6 +49913,16 @@ const EditorContent = vue.defineComponent({
           const element = vue.unref(rootEl2.value);
           rootEl2.value.append(...editor.options.element.childNodes);
           editor.contentComponent = instance.ctx._;
+          if (instance) {
+            editor.appContext = {
+              ...instance.appContext,
+              provides: {
+                // @ts-ignore
+                ...instance.provides,
+                ...instance.appContext.provides
+              }
+            };
+          }
           editor.setOptions({
             element
           });
@@ -49926,6 +49941,7 @@ const EditorContent = vue.defineComponent({
         });
       }
       editor.contentComponent = null;
+      editor.appContext = null;
       if (!editor.options.element.firstChild) {
         return;
       }
@@ -49938,24 +49954,11 @@ const EditorContent = vue.defineComponent({
     return { rootEl: rootEl2 };
   },
   render() {
-    const vueRenderers = [];
-    if (this.editor) {
-      this.editor.vueRenderers.forEach((vueRenderer) => {
-        const node = vue.h(vue.Teleport, {
-          to: vueRenderer.teleportElement,
-          key: vueRenderer.id
-        }, vue.h(vueRenderer.component, {
-          ref: vueRenderer.id,
-          ...vueRenderer.props
-        }));
-        vueRenderers.push(node);
-      });
-    }
     return vue.h("div", {
       ref: (el) => {
         this.rootEl = el;
       }
-    }, ...vueRenderers);
+    });
   }
 });
 vue.defineComponent({
@@ -56342,10 +56345,18 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: "bgl_input signature-pad",
+        class: "bgl_input signature-pad relative",
         onTouchmove: _cache[0] || (_cache[0] = vue.withModifiers(() => {
         }, ["prevent"]))
       }, [
+        !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+          key: 0,
+          flat: "",
+          thin: "",
+          icon: "refresh",
+          class: "position-bottom-end",
+          onClick: clear
+        })) : vue.createCommentVNode("", true),
         vue.createElementVNode("canvas", {
           ref_key: "vCanvas",
           ref: vCanvas,

package/dist/index.mjs

@@ -6357,7 +6357,7 @@ function useVerticalVirtualList(options, list) {
     containerRef
   };
 }
-const _withScopeId$3 = (n2) => (pushScopeId("data-v-84e79d8d"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$3 = (n2) => (pushScopeId("data-v-d01cb754"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$C = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
@@ -6391,7 +6391,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "2438e78c": unref(computedItemHiehgt)
+      "02b73339": unref(computedItemHiehgt)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -6596,7 +6596,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-84e79d8d"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-d01cb754"]]);
 const _sfc_main$E = {};
 const _hoisted_1$B = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -6727,7 +6727,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-d1cbc45f"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-0ffde6c7"]]);
 const _hoisted_1$z = {
   key: 0,
   class: "card_label"
@@ -41485,7 +41485,7 @@ const getTextContentFromNodes = ($from, maxMatch = 500) => {
       parent,
       index: index2
     })) || node.textContent || "%leaf%";
-    textBefore += chunk.slice(0, Math.max(0, sliceEndPos - pos));
+    textBefore += node.isAtom ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
   });
   return textBefore;
 };
@@ -44393,6 +44393,11 @@ let Editor$1 = class Editor2 extends EventEmitter {
     }
     const state2 = this.state.apply(transaction);
     const selectionHasChanged = !this.state.selection.eq(state2.selection);
+    this.emit("beforeTransaction", {
+      editor: this,
+      transaction,
+      nextState: state2
+    });
     this.view.updateState(state2);
     this.emit("transaction", {
       editor: this,
@@ -49854,12 +49859,12 @@ function useDebouncedRef(value) {
 class Editor extends Editor$1 {
   constructor(options = {}) {
     super(options);
-    this.vueRenderers = reactive(/* @__PURE__ */ new Map());
     this.contentComponent = null;
+    this.appContext = null;
     this.reactiveState = useDebouncedRef(this.view.state);
     this.reactiveExtensionStorage = useDebouncedRef(this.extensionStorage);
-    this.on("transaction", () => {
-      this.reactiveState.value = this.view.state;
+    this.on("beforeTransaction", ({ nextState }) => {
+      this.reactiveState.value = nextState;
       this.reactiveExtensionStorage.value = this.extensionStorage;
     });
     return markRaw(this);
@@ -49906,6 +49911,16 @@ const EditorContent = defineComponent({
           const element = unref(rootEl2.value);
           rootEl2.value.append(...editor.options.element.childNodes);
           editor.contentComponent = instance.ctx._;
+          if (instance) {
+            editor.appContext = {
+              ...instance.appContext,
+              provides: {
+                // @ts-ignore
+                ...instance.provides,
+                ...instance.appContext.provides
+              }
+            };
+          }
           editor.setOptions({
             element
           });
@@ -49924,6 +49939,7 @@ const EditorContent = defineComponent({
         });
       }
       editor.contentComponent = null;
+      editor.appContext = null;
       if (!editor.options.element.firstChild) {
         return;
       }
@@ -49936,24 +49952,11 @@ const EditorContent = defineComponent({
     return { rootEl: rootEl2 };
   },
   render() {
-    const vueRenderers = [];
-    if (this.editor) {
-      this.editor.vueRenderers.forEach((vueRenderer) => {
-        const node = h$2(Teleport, {
-          to: vueRenderer.teleportElement,
-          key: vueRenderer.id
-        }, h$2(vueRenderer.component, {
-          ref: vueRenderer.id,
-          ...vueRenderer.props
-        }));
-        vueRenderers.push(node);
-      });
-    }
     return h$2("div", {
       ref: (el) => {
         this.rootEl = el;
       }
-    }, ...vueRenderers);
+    });
   }
 });
 defineComponent({
@@ -56340,10 +56343,18 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "bgl_input signature-pad",
+        class: "bgl_input signature-pad relative",
         onTouchmove: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["prevent"]))
       }, [
+        !_ctx.disabled ? (openBlock(), createBlock(unref(Btn), {
+          key: 0,
+          flat: "",
+          thin: "",
+          icon: "refresh",
+          class: "position-bottom-end",
+          onClick: clear
+        })) : createCommentVNode("", true),
         createElementVNode("canvas", {
           ref_key: "vCanvas",
           ref: vCanvas,

package/dist/style.css

@@ -640,19 +640,19 @@ a[data-v-59ea4a90] {
 }
 }
 
-.selected[data-v-84e79d8d] {
+.selected[data-v-d01cb754] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-84e79d8d]:hover {
+tbody tr.selected[data-v-d01cb754]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-84e79d8d] {
+.loading-table[data-v-d01cb754] {
 	position: relative;
 }
-.inset[data-v-84e79d8d] {
+.inset[data-v-d01cb754] {
 	inset: 0;
 }
-.loading-table-animation[data-v-84e79d8d] {
+.loading-table-animation[data-v-d01cb754] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -660,9 +660,9 @@ tbody tr.selected[data-v-84e79d8d]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-84e79d8d 1s linear infinite;
+	animation: loading-table-d01cb754 1s linear infinite;
 }
-@keyframes loading-table-84e79d8d {
+@keyframes loading-table-d01cb754 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -670,51 +670,52 @@ tbody tr.selected[data-v-84e79d8d]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-84e79d8d] {
+.list-arrows[data-v-d01cb754] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-84e79d8d] {
+.list-arrows .bgl_icon-font[data-v-d01cb754] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-84e79d8d] {
+.list-arrows.sorted[data-v-d01cb754] {
 	opacity: 1;
 }
-.col img[data-v-84e79d8d] {
+.col img[data-v-d01cb754] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-84e79d8d] {
+.list-arrows.sorted .desc[data-v-d01cb754] {
 	transform: rotate(180deg);
+	display: inline-block;
 }
-table[data-v-84e79d8d] {
+table[data-v-d01cb754] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-84e79d8d] {
+th[data-v-d01cb754] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-white);
-	height: var(--2438e78c);
+	height: var(--02b73339);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-84e79d8d] {
+.embedded-field[data-v-d01cb754] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-84e79d8d] {
+.row[data-v-d01cb754] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-84e79d8d] {
+.row.first-row[data-v-d01cb754] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -723,7 +724,7 @@ th[data-v-84e79d8d] {
 	background: var(--bgl-white);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-84e79d8d]::after {
+.row.first-row[data-v-d01cb754]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -731,30 +732,30 @@ th[data-v-84e79d8d] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-84e79d8d] {
+.first-row .col[data-v-d01cb754] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-84e79d8d] {
+.col[data-v-d01cb754] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-84e79d8d]:has(.bagel-input) {
+.col[data-v-d01cb754]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-84e79d8d] {
+.col > div[data-v-d01cb754] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-84e79d8d] {
+.max-col-width[data-v-d01cb754] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-84e79d8d] {
+.col.check .bgl_icon-font[data-v-d01cb754] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -765,35 +766,35 @@ th[data-v-84e79d8d] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-84e79d8d] {
+.rows[data-v-d01cb754] {
 	font-size: 0.88em;
 }
-.table-list[data-v-84e79d8d] {
+.table-list[data-v-d01cb754] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-84e79d8d] {
+.BagelTable .table-list[data-v-d01cb754] {
 	overflow: unset;
 }
-.row-item[data-v-84e79d8d] {
-	height: var(--2438e78c);
+.row-item[data-v-d01cb754] {
+	height: var(--02b73339);
 	transition: all 200ms ease;
 }
-.row-item[data-v-84e79d8d]:hover {
+.row-item[data-v-d01cb754]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-84e79d8d] {
+.row-item input[type='checkbox'][data-v-d01cb754] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-primary);
 }
-.infinite-wrapper[data-v-84e79d8d] {
+.infinite-wrapper[data-v-d01cb754] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-84e79d8d] {
+input[type='checkbox'][data-v-d01cb754] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-primary);
 	transform: scale(1.2);
@@ -805,7 +806,7 @@ input[type='checkbox'][data-v-84e79d8d] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-84e79d8d]::before {
+input[type='checkbox'][data-v-d01cb754]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -818,18 +819,18 @@ input[type='checkbox'][data-v-84e79d8d]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-84e79d8d]:hover::before {
+input[type='checkbox'][data-v-d01cb754]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-84e79d8d] {
+[lang='he'] [dir='ltr'][data-v-d01cb754] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-84e79d8d] {
+th input[type='checkbox'][data-v-d01cb754] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-primary);
 }
-th[data-v-84e79d8d]::after {
+th[data-v-d01cb754]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -837,49 +838,46 @@ th[data-v-84e79d8d]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-84e79d8d] {
+tr[data-v-d01cb754] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-84e79d8d],
-th[data-v-84e79d8d] {
+td[data-v-d01cb754],
+th[data-v-d01cb754] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-84e79d8d] {
+tbody tr[data-v-d01cb754] {
 	font-size: 0.88em;
-	height: var(--2438e78c);
+	height: var(--02b73339);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-84e79d8d]:hover {
+tbody tr[data-v-d01cb754]:hover {
 	background: var(--bgl-gray-light);
 }
 
-[data-v-d1cbc45f] {
-	/* outline: rebeccapurple 1px solid; */
-}
-.data[data-v-d1cbc45f] {
+data[data-v-0ffde6c7] {
 	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-d1cbc45f] {
+.data-row[data-v-0ffde6c7] {
 	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-d1cbc45f],
-.data-row .bagel-input.shrink input[data-v-d1cbc45f] {
+.data-row .bagel-input.shrink[data-v-0ffde6c7],
+.data-row .bagel-input.shrink input[data-v-0ffde6c7] {
 	min-width: 140px !important;
 	/* margin-top: -0.45rem !important; */
 }
-.data-link[data-v-d1cbc45f] {
+.data-link[data-v-0ffde6c7] {
 	display: block;
 	font-size: var(--input-font-size);
 	margin-bottom: 2px;
@@ -887,7 +885,7 @@ tbody tr[data-v-84e79d8d]:hover {
 	color: var(--input-color);
 }
 @media screen and (max-width: 910px) {
-.data-row[data-v-d1cbc45f] {
+.data-row[data-v-0ffde6c7] {
 		display: block;
 		/* min-height: 80px; */
 		padding-bottom: 1rem;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.605",
+  "version": "0.0.610",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -53,7 +53,7 @@
   "devDependencies": {
     "@types/leaflet": "^1.9.12",
     "@types/signature_pad": "^2.3.6",
-    "@vue-macros/reactivity-transform": "^0.4.6",
+    "@vue-macros/reactivity-transform": "^0.4.7",
     "vue": "^3.4.33"
   },
   "peerDependencies": {
@@ -105,15 +105,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@tiptap/extension-image": "^2.5.4",
-    "@tiptap/extension-table": "^2.5.4",
-    "@tiptap/extension-table-cell": "^2.5.4",
-    "@tiptap/extension-table-header": "^2.5.4",
-    "@tiptap/extension-table-row": "^2.5.4",
-    "@tiptap/extension-youtube": "^2.5.4",
-    "@tiptap/pm": "^2.5.4",
-    "@tiptap/starter-kit": "^2.5.4",
-    "@tiptap/vue-3": "^2.5.4",
+    "@tiptap/extension-image": "^2.5.5",
+    "@tiptap/extension-table": "^2.5.5",
+    "@tiptap/extension-table-cell": "^2.5.5",
+    "@tiptap/extension-table-header": "^2.5.5",
+    "@tiptap/extension-table-row": "^2.5.5",
+    "@tiptap/extension-youtube": "^2.5.5",
+    "@tiptap/pm": "^2.5.5",
+    "@tiptap/starter-kit": "^2.5.5",
+    "@tiptap/vue-3": "^2.5.5",
     "@vuepic/vue-datepicker": "^8.8.1",
     "@vueuse/core": "^10.11.0",
     "axios": "^1.7.2",
@@ -121,7 +121,7 @@
     "leaflet": "^1.9.4",
     "libphonenumber-js": "1.11.4",
     "signature_pad": "^5.0.2",
-    "type-fest": "^4.22.1"
+    "type-fest": "^4.23.0"
   },
   "scripts": {
     "dev": "tsx watch src/index.ts",

package/src/components/DataPreview.vue

@@ -84,10 +84,7 @@ const computedSchema = $computed(() => getFallbackSchema([itemData.value], props
 </template>
 
 <style scoped>
-* {
-	/* outline: rebeccapurple 1px solid; */
-}
-.data {
+data {
 	font-size: var(--input-font-size);
 	border: 1.1px solid var(--border-color);
 	padding: 20px;

package/src/components/TableSchema.vue

@@ -309,6 +309,7 @@ tbody tr.selected:hover {
 
 .list-arrows.sorted .desc {
 	transform: rotate(180deg);
+	display: inline-block;
 }
 
 table {

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import SignaturePad from 'signature_pad'
 import type { Options as SignaturePadOptions } from 'signature_pad'
-
+import { Btn } from '@bagelink/vue'
 import { onMounted, watch } from 'vue'
 
 interface WaterMark {
@@ -127,7 +127,8 @@ defineExpose({
 </script>
 
 <template>
-	<div class="bgl_input signature-pad" @touchmove.prevent>
+	<div class="bgl_input signature-pad relative" @touchmove.prevent>
+		<Btn v-if="!disabled" flat thin icon="refresh" class="position-bottom-end" @click="clear" />
 		<canvas ref="vCanvas" class="canvas" :disabled="disabled" />
 	</div>
 </template>