@bagelink/vue 1.1.27 → 1.1.31

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.vue.d.ts","sourceRoot":"","sources":["../../src/components/Loading.vue"],"names":[],"mappings":"AAmLA,KAAK,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,CAAA;AAE9C,KAAK,WAAW,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAC;;AAyGF,wBAOG"}
+{"version":3,"file":"Loading.vue.d.ts","sourceRoot":"","sources":["../../src/components/Loading.vue"],"names":[],"mappings":"AAoLA,KAAK,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,CAAA;AAE9C,KAAK,WAAW,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAC;;AAyGF,wBAOG"}

package/dist/components/dataTable/DataTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.vue"],"names":[],"mappings":"AAueA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAY/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAEtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAmVO,mBAAmB,CAAC;;;;;;;;;;wBAxNV,MAAM,EAAE;0CAwNoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UApD0E,GAAG;UAsDjF,2TAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9VzE,wBA8V4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.vue"],"names":[],"mappings":"AAyeA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAY/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAEtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAoVO,mBAAmB,CAAC;;;;;;;;;;wBAxNV,MAAM,EAAE;0CAwNoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UApD0E,GAAG;UAsDjF,2TAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA/VzE,wBA+V4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/dataTable/useTableSelection.d.ts

@@ -1,11 +1,13 @@
+import { ComputedRef, Ref } from 'vue';
 import { TableSelectionOptions } from '../../types/TableSchema';
 export interface UseTableSelectionOptions<T> extends TableSelectionOptions<T> {
     cleanData?: (item: T) => T;
+    data: Ref<T[]> | ComputedRef<T[]>;
 }
 export declare function useTableSelection<T extends Record<string, any>>(options: UseTableSelectionOptions<T>): {
-    computedSelectedItems: import('vue').ComputedRef<string[]>;
-    isSelectable: import('vue').ComputedRef<boolean>;
-    allSelectorEl: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    computedSelectedItems: ComputedRef<string[]>;
+    isSelectable: ComputedRef<boolean>;
+    allSelectorEl: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     updateAllSelectorState: () => void;
     toggleSelectItem: (item: T) => void;
     toggleSelectAll: (event: Event) => void;

package/dist/components/dataTable/useTableSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableSelection.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/useTableSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAGpE,MAAM,WAAW,wBAAwB,CAAC,CAAC,CAAE,SAAQ,qBAAqB,CAAC,CAAC,CAAC;IAC5E,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAA;CAC1B;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,wBAAwB,CAAC,CAAC,CAAC;;;;;6BAapE,CAAC;6BAyBD,KAAK;EAarC"}
+{"version":3,"file":"useTableSelection.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/useTableSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAGpE,MAAM,WAAW,wBAAwB,CAAC,CAAC,CAAE,SAAQ,qBAAqB,CAAC,CAAC,CAAC;IAC5E,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAA;IAC1B,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;CACjC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,wBAAwB,CAAC,CAAC,CAAC;;;;;6BAgCpE,CAAC;6BA0BD,KAAK;EAkBrC"}

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/NumberInput.vue"],"names":[],"mappings":"AAiPA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI7C,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAA;AAEzD,UAAU,gBAAgB;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;;;;;;AAuWD,wBAQG"}
+{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/NumberInput.vue"],"names":[],"mappings":"AAoPA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI7C,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAA;AAEzD,UAAU,gBAAgB;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;;;;;;AAwWD,wBAQG"}

package/dist/index.cjs

@@ -10910,11 +10910,17 @@ function useTableSelection(options) {
   const allSelectorEl = vue.ref();
   const computedSelectedItems = vue.computed(() => options.selectedItems.value);
   const isSelectable = vue.computed(() => options.selectable === true && Array.isArray(options.selectedItems.value));
+  const allItems = vue.computed(() => options.data.value);
   function updateAllSelectorState() {
-    if (!allSelectorEl.value) return;
-    const allSelected = computedSelectedItems.value.length === options.selectedItems.value.length && computedSelectedItems.value.every((id) => options.selectedItems.value.includes(id));
+    if (allSelectorEl.value === void 0) return;
+    if (!allItems.value) {
+      allSelectorEl.value.indeterminate = options.selectedItems.value.length > 0;
+      return;
+    }
+    const allItemIds = allItems.value.map((item) => item.id);
+    const allSelected = allItemIds.length > 0 && options.selectedItems.value.length === allItemIds.length && allItemIds.every((id) => options.selectedItems.value.includes(id));
     allSelectorEl.value.checked = allSelected;
-    allSelectorEl.value.indeterminate = !allSelected && computedSelectedItems.value.length > 0;
+    allSelectorEl.value.indeterminate = !allSelected && options.selectedItems.value.length > 0;
   }
   function toggleSelectItem(item) {
     if (computedSelectedItems.value.length === 0) {
@@ -10938,7 +10944,11 @@ function useTableSelection(options) {
   }
   function toggleSelectAll(event) {
     const value = event.target.checked;
-    options.selectedItems.value = value ? computedSelectedItems.value.map((d2) => d2.id) : [];
+    if (allItems.value && value) {
+      options.selectedItems.value = allItems.value.map((item) => item.id);
+    } else {
+      options.selectedItems.value = [];
+    }
   }
   return {
     computedSelectedItems,
@@ -11738,7 +11748,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "104156b0": vue.unref(computedItemHeight)
+      "5e326637": vue.unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11775,6 +11785,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
       toggleSelectItem,
       toggleSelectAll
     } = useTableSelection({
+      data: computedData,
       selectable: props2.selectable,
       selectedItems,
       cleanData: cleanTransformedData,
@@ -11820,13 +11831,13 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
       { immediate: true }
     );
     vue.watch(
-      computedSelectedItems,
+      () => computedSelectedItems.value.length,
       () => {
         updateAllSelectorState();
       }
     );
     vue.watch(
-      computedData,
+      () => computedData.value,
       (newData, oldData) => {
         if (newData.length === oldData.length || props2.onLastItemVisible !== void 0) return;
         scrollTo(0);
@@ -11852,8 +11863,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
                   type: "checkbox",
                   onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
                   }, ["stop"])),
-                  onChange: _cache[1] || (_cache[1] = //@ts-ignore
-                  (...args) => vue.unref(toggleSelectAll) && vue.unref(toggleSelectAll)(...args))
+                  onChange: _cache[1] || (_cache[1] = (e) => vue.unref(toggleSelectAll)(e))
                 }, null, 544)
               ])) : vue.createCommentVNode("", true),
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedSchema), (field) => {
@@ -11926,7 +11936,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-6cf42b66"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-642a5cfe"]]);
 function useDraggable(options = {}) {
   const isDragging = vue.ref(false);
   const dragElement = vue.ref(null);
@@ -15369,6 +15379,24 @@ function arrField(id, label, schemaOrType, options) {
     attrs
   };
 }
+function useForm() {
+  return {
+    txtField,
+    selectField,
+    checkField,
+    dateField,
+    numField,
+    frmRow,
+    uploadField,
+    rangeField,
+    bglForm,
+    telField,
+    colorField,
+    arrField,
+    richText,
+    findBglFieldById
+  };
+}
 const BagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   arrField,
@@ -15386,7 +15414,8 @@ const BagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
   slctField,
   telField,
   txtField,
-  uploadField
+  uploadField,
+  useForm
 }, Symbol.toStringTag, { value: "Module" }));
 const state$1 = vue.reactive({
   defaultLang: "",
@@ -17901,7 +17930,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-f5b06aa8"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-78609eff"]]);
 const _hoisted_1$A = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "OTP",
@@ -19393,7 +19422,7 @@ function combineURLs(baseURL, relativeURL) {
 }
 function buildFullPath(baseURL, requestedURL, allowAbsoluteUrls) {
   let isRelativeUrl = !isAbsoluteURL(requestedURL);
-  if (baseURL && isRelativeUrl || allowAbsoluteUrls == false) {
+  if (baseURL && (isRelativeUrl || allowAbsoluteUrls == false)) {
     return combineURLs(baseURL, requestedURL);
   }
   return requestedURL;
@@ -19997,7 +20026,7 @@ function dispatchRequest(config) {
     return Promise.reject(reason);
   });
 }
-const VERSION$1 = "1.8.3";
+const VERSION$1 = "1.8.4";
 const validators$1 = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((type3, i2) => {
   validators$1[type3] = function validator2(thing) {
@@ -34447,7 +34476,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-221a3053"]]);
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-2d349a92"]]);
 const _hoisted_1$b = ["id"];
 const defaultMarkerSVG = '<svg width="28" height="38" viewBox="0 0 28 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2263 37.7955C17.0897 37.7955 19.4109 37.0138 19.4109 36.0496C19.4109 35.0854 17.0897 34.3037 14.2263 34.3037C11.363 34.3037 9.04175 35.0854 9.04175 36.0496C9.04175 37.0138 11.363 37.7955 14.2263 37.7955Z" fill="black" fill-opacity="0.1"/><path d="M14.2265 0.549591C21.2842 0.549591 27.0131 6.23786 27.0787 13.28V13.4024C27.0787 19.3328 24.4759 24.4306 21.5627 28.2764C18.6511 32.12 15.4577 34.6754 14.3457 35.5097C14.2748 35.5629 14.1778 35.5629 14.1068 35.5097C12.9947 34.675 9.80135 32.1197 6.88984 28.2762C3.97665 24.4304 1.37378 19.3328 1.37378 13.4024C1.37378 6.30387 7.12806 0.549591 14.2265 0.549591Z" fill="#ED1b3E" stroke="#ED6C6F"/><path d="M14.2263 21.6185C18.7639 21.6185 22.4424 17.94 22.4424 13.4024C22.4424 8.86477 18.7639 5.18631 14.2263 5.18631C9.68872 5.18631 6.01025 8.86477 6.01025 13.4024C6.01025 17.94 9.68872 21.6185 14.2263 21.6185Z" fill="white"/></svg>';
 const leafletScriptUrl = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js";
@@ -38005,6 +38034,7 @@ exports.useDebounceFn = useDebounceFn;
 exports.useDevice = useDevice;
 exports.useDraggable = useDraggable;
 exports.useEscape = useEscape;
+exports.useForm = useForm;
 exports.useI18nT = useI18nT;
 exports.useLang = useLang;
 exports.useLocalStorage = useLocalStorage;

package/dist/index.mjs

@@ -10908,11 +10908,17 @@ function useTableSelection(options) {
   const allSelectorEl = ref();
   const computedSelectedItems = computed(() => options.selectedItems.value);
   const isSelectable = computed(() => options.selectable === true && Array.isArray(options.selectedItems.value));
+  const allItems = computed(() => options.data.value);
   function updateAllSelectorState() {
-    if (!allSelectorEl.value) return;
-    const allSelected = computedSelectedItems.value.length === options.selectedItems.value.length && computedSelectedItems.value.every((id) => options.selectedItems.value.includes(id));
+    if (allSelectorEl.value === void 0) return;
+    if (!allItems.value) {
+      allSelectorEl.value.indeterminate = options.selectedItems.value.length > 0;
+      return;
+    }
+    const allItemIds = allItems.value.map((item) => item.id);
+    const allSelected = allItemIds.length > 0 && options.selectedItems.value.length === allItemIds.length && allItemIds.every((id) => options.selectedItems.value.includes(id));
     allSelectorEl.value.checked = allSelected;
-    allSelectorEl.value.indeterminate = !allSelected && computedSelectedItems.value.length > 0;
+    allSelectorEl.value.indeterminate = !allSelected && options.selectedItems.value.length > 0;
   }
   function toggleSelectItem(item) {
     if (computedSelectedItems.value.length === 0) {
@@ -10936,7 +10942,11 @@ function useTableSelection(options) {
   }
   function toggleSelectAll(event) {
     const value = event.target.checked;
-    options.selectedItems.value = value ? computedSelectedItems.value.map((d2) => d2.id) : [];
+    if (allItems.value && value) {
+      options.selectedItems.value = allItems.value.map((item) => item.id);
+    } else {
+      options.selectedItems.value = [];
+    }
   }
   return {
     computedSelectedItems,
@@ -11736,7 +11746,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "104156b0": unref(computedItemHeight)
+      "5e326637": unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11773,6 +11783,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       toggleSelectItem,
       toggleSelectAll
     } = useTableSelection({
+      data: computedData,
       selectable: props2.selectable,
       selectedItems,
       cleanData: cleanTransformedData,
@@ -11818,13 +11829,13 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     watch(
-      computedSelectedItems,
+      () => computedSelectedItems.value.length,
       () => {
         updateAllSelectorState();
       }
     );
     watch(
-      computedData,
+      () => computedData.value,
       (newData, oldData) => {
         if (newData.length === oldData.length || props2.onLastItemVisible !== void 0) return;
         scrollTo(0);
@@ -11850,8 +11861,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
                   type: "checkbox",
                   onClick: _cache[0] || (_cache[0] = withModifiers(() => {
                   }, ["stop"])),
-                  onChange: _cache[1] || (_cache[1] = //@ts-ignore
-                  (...args) => unref(toggleSelectAll) && unref(toggleSelectAll)(...args))
+                  onChange: _cache[1] || (_cache[1] = (e) => unref(toggleSelectAll)(e))
                 }, null, 544)
               ])) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedSchema), (field) => {
@@ -11924,7 +11934,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-6cf42b66"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-642a5cfe"]]);
 function useDraggable(options = {}) {
   const isDragging = ref(false);
   const dragElement = ref(null);
@@ -15367,6 +15377,24 @@ function arrField(id, label, schemaOrType, options) {
     attrs
   };
 }
+function useForm() {
+  return {
+    txtField,
+    selectField,
+    checkField,
+    dateField,
+    numField,
+    frmRow,
+    uploadField,
+    rangeField,
+    bglForm,
+    telField,
+    colorField,
+    arrField,
+    richText,
+    findBglFieldById
+  };
+}
 const BagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   arrField,
@@ -15384,7 +15412,8 @@ const BagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
   slctField,
   telField,
   txtField,
-  uploadField
+  uploadField,
+  useForm
 }, Symbol.toStringTag, { value: "Module" }));
 const state$1 = reactive({
   defaultLang: "",
@@ -17899,7 +17928,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-f5b06aa8"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-78609eff"]]);
 const _hoisted_1$A = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "OTP",
@@ -19391,7 +19420,7 @@ function combineURLs(baseURL, relativeURL) {
 }
 function buildFullPath(baseURL, requestedURL, allowAbsoluteUrls) {
   let isRelativeUrl = !isAbsoluteURL(requestedURL);
-  if (baseURL && isRelativeUrl || allowAbsoluteUrls == false) {
+  if (baseURL && (isRelativeUrl || allowAbsoluteUrls == false)) {
     return combineURLs(baseURL, requestedURL);
   }
   return requestedURL;
@@ -19995,7 +20024,7 @@ function dispatchRequest(config) {
     return Promise.reject(reason);
   });
 }
-const VERSION$1 = "1.8.3";
+const VERSION$1 = "1.8.4";
 const validators$1 = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((type3, i2) => {
   validators$1[type3] = function validator2(thing) {
@@ -34445,7 +34474,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-221a3053"]]);
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-2d349a92"]]);
 const _hoisted_1$b = ["id"];
 const defaultMarkerSVG = '<svg width="28" height="38" viewBox="0 0 28 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2263 37.7955C17.0897 37.7955 19.4109 37.0138 19.4109 36.0496C19.4109 35.0854 17.0897 34.3037 14.2263 34.3037C11.363 34.3037 9.04175 35.0854 9.04175 36.0496C9.04175 37.0138 11.363 37.7955 14.2263 37.7955Z" fill="black" fill-opacity="0.1"/><path d="M14.2265 0.549591C21.2842 0.549591 27.0131 6.23786 27.0787 13.28V13.4024C27.0787 19.3328 24.4759 24.4306 21.5627 28.2764C18.6511 32.12 15.4577 34.6754 14.3457 35.5097C14.2748 35.5629 14.1778 35.5629 14.1068 35.5097C12.9947 34.675 9.80135 32.1197 6.88984 28.2762C3.97665 24.4304 1.37378 19.3328 1.37378 13.4024C1.37378 6.30387 7.12806 0.549591 14.2265 0.549591Z" fill="#ED1b3E" stroke="#ED6C6F"/><path d="M14.2263 21.6185C18.7639 21.6185 22.4424 17.94 22.4424 13.4024C22.4424 8.86477 18.7639 5.18631 14.2263 5.18631C9.68872 5.18631 6.01025 8.86477 6.01025 13.4024C6.01025 17.94 9.68872 21.6185 14.2263 21.6185Z" fill="white"/></svg>';
 const leafletScriptUrl = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js";
@@ -38004,6 +38033,7 @@ export {
   useDevice,
   useDraggable,
   useEscape,
+  useForm,
   useI18nT,
   useLang,
   useLocalStorage,

package/dist/style.css

@@ -1031,22 +1031,22 @@ display: block;
 	text-align: center;
 }
 
-.table-list-wrap[data-v-6cf42b66] {
+.table-list-wrap[data-v-642a5cfe] {
 	min-height: 150px;
 }
-.selected[data-v-6cf42b66] {
+.selected[data-v-642a5cfe] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-6cf42b66]:hover {
+tbody tr.selected[data-v-642a5cfe]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-6cf42b66] {
+.loading-table[data-v-642a5cfe] {
 	position: relative;
 }
-.inset[data-v-6cf42b66] {
+.inset[data-v-642a5cfe] {
 	inset: 0;
 }
-.loading-table-animation[data-v-6cf42b66] {
+.loading-table-animation[data-v-642a5cfe] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -1054,9 +1054,9 @@ tbody tr.selected[data-v-6cf42b66]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-6cf42b66 1s linear infinite;
+	animation: loading-table-642a5cfe 1s linear infinite;
 }
-@keyframes loading-table-6cf42b66 {
+@keyframes loading-table-642a5cfe {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -1064,55 +1064,55 @@ tbody tr.selected[data-v-6cf42b66]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-6cf42b66] {
+.list-arrows[data-v-642a5cfe] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-6cf42b66] {
+.list-arrows .bgl_icon-font[data-v-642a5cfe] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-6cf42b66] {
+.list-arrows.sorted[data-v-642a5cfe] {
 	opacity: 1;
 }
-.col img[data-v-6cf42b66] {
+.col img[data-v-642a5cfe] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 	object-fit: cover;
 }
-.col[data-v-6cf42b66]:has(img) {
+.col[data-v-642a5cfe]:has(img) {
 	padding-inline-end: 0.5rem;
 }
-.list-arrows.sorted .desc[data-v-6cf42b66] {
+.list-arrows.sorted .desc[data-v-642a5cfe] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-6cf42b66] {
+table[data-v-642a5cfe] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-6cf42b66] {
+th[data-v-642a5cfe] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--104156b0);
+	height: var(--5e326637);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-6cf42b66] {
+.embedded-field[data-v-642a5cfe] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-6cf42b66] {
+.row[data-v-642a5cfe] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-6cf42b66] {
+.row.first-row[data-v-642a5cfe] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -1121,7 +1121,7 @@ th[data-v-6cf42b66] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-6cf42b66]::after {
+.row.first-row[data-v-642a5cfe]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1129,11 +1129,11 @@ th[data-v-6cf42b66] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-6cf42b66] {
+.first-row .col[data-v-642a5cfe] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-6cf42b66] {
+.col[data-v-642a5cfe] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
@@ -1143,19 +1143,19 @@ th[data-v-6cf42b66] {
 	overflow: hidden;
 	max-width: 30vw;
 }
-.col[data-v-6cf42b66]:has(.bagel-input) {
+.col[data-v-642a5cfe]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-6cf42b66] {
+.col > div[data-v-642a5cfe] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-6cf42b66] {
+.max-col-width[data-v-642a5cfe] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-6cf42b66] {
+.col.check .bgl_icon-font[data-v-642a5cfe] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -1166,35 +1166,35 @@ th[data-v-6cf42b66] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-6cf42b66] {
+.rows[data-v-642a5cfe] {
 	font-size: 0.88em;
 }
-.table-list[data-v-6cf42b66] {
+.table-list[data-v-642a5cfe] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-6cf42b66] {
+.BagelTable .table-list[data-v-642a5cfe] {
 	overflow: unset;
 }
-.row-item[data-v-6cf42b66] {
-	height: var(--104156b0);
+.row-item[data-v-642a5cfe] {
+	height: var(--5e326637);
 	transition: all 200ms ease;
 }
-.row-item[data-v-6cf42b66]:hover {
+.row-item[data-v-642a5cfe]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-6cf42b66] {
+.row-item input[type='checkbox'][data-v-642a5cfe] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-6cf42b66] {
+.infinite-wrapper[data-v-642a5cfe] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-6cf42b66] {
+input[type='checkbox'][data-v-642a5cfe] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -1206,7 +1206,7 @@ input[type='checkbox'][data-v-6cf42b66] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-6cf42b66]::before {
+input[type='checkbox'][data-v-642a5cfe]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -1219,18 +1219,18 @@ input[type='checkbox'][data-v-6cf42b66]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-6cf42b66]:hover::before {
+input[type='checkbox'][data-v-642a5cfe]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-6cf42b66] {
+[lang='he'] [dir='ltr'][data-v-642a5cfe] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-6cf42b66] {
+th input[type='checkbox'][data-v-642a5cfe] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-6cf42b66]::after {
+th[data-v-642a5cfe]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1238,24 +1238,24 @@ th[data-v-6cf42b66]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-6cf42b66] {
+tr[data-v-642a5cfe] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-6cf42b66],
-th[data-v-6cf42b66] {
+td[data-v-642a5cfe],
+th[data-v-642a5cfe] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-6cf42b66] {
+tbody tr[data-v-642a5cfe] {
 	font-size: 0.88em;
-	height: var(--104156b0);
+	height: var(--5e326637);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-6cf42b66]:hover {
+tbody tr[data-v-642a5cfe]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -1913,14 +1913,17 @@ pre code.hljs{
 	direction: ltr;
 }
 
-.txtInputIconStart .iconStart[data-v-f5b06aa8] {
+.txtInputIconStart input[data-v-78609eff]{
+	padding-inline-start: calc(var(--input-height) / 1.5);
+}
+.txtInputIconStart .iconStart[data-v-78609eff] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.textInputSpinnerWrap .spinner[data-v-f5b06aa8] {
+.textInputSpinnerWrap .spinner[data-v-78609eff] {
 	color: var(--input-color);
 	position: absolute;
 	inset-inline-end: 0;
@@ -1930,18 +1933,18 @@ pre code.hljs{
 	flex-direction: column;
 	gap: 0;
 }
-.top-bgl-ctrl-num-btn[data-v-f5b06aa8]{
+.top-bgl-ctrl-num-btn[data-v-78609eff]{
 	margin-top: calc(var(--input-height) / 10) !important;
 }
-.bgl-ctrl-num-btn[data-v-f5b06aa8]{
+.bgl-ctrl-num-btn[data-v-78609eff]{
 	height: calc(var(--input-height) / 2.5) !important;
 	isolation: isolate;
 }
-.bgl-big-ctrl-num-btn[data-v-f5b06aa8]{
+.bgl-big-ctrl-num-btn[data-v-78609eff]{
 	width: 100% !important;
 	isolation: isolate;
 }
-.bgl-number-input[data-v-f5b06aa8]{
+.bgl-number-input[data-v-78609eff]{
 	padding-inline-end: 1.75rem !important;
 }
 
@@ -3160,16 +3163,16 @@ button.list-item {
 }
 
 /* Bar Theme */
-.lds-bar[data-v-221a3053] {
+.lds-bar[data-v-2d349a92] {
   height: 4px;
   width: 100%;
   max-width: 130px;
   --c: no-repeat linear-gradient(currentColor 0 0);
   background: var(--c), var(--c), #ddd;
   background-size: 60% 100%;
-  animation: bar-animation-221a3053 3s infinite ease-in-out;
+  animation: bar-animation-2d349a92 3s infinite ease-in-out;
 }
-@keyframes bar-animation-221a3053 {
+@keyframes bar-animation-2d349a92 {
 0% { background-position: -150% 0, -150% 0
 }
 66% { background-position: 250% 0, -150% 0
@@ -3177,17 +3180,18 @@ button.list-item {
 100% { background-position: 250% 0, 250% 0
 }
 }
-.lds-ring[data-v-221a3053],
-.lds-ring div[data-v-221a3053] {
+.lds-ring[data-v-2d349a92],
+.lds-ring div[data-v-2d349a92] {
   box-sizing: border-box;
 }
-.lds-ring[data-v-221a3053] {
+.lds-ring[data-v-2d349a92] {
   position: relative;
   width: var(--size);
   height: var(--size);
   transform: translate(calc(var(--thickness) * -1), calc(var(--thickness) * -1));
+  direction: ltr;
 }
-.lds-ring div[data-v-221a3053] {
+.lds-ring div[data-v-2d349a92] {
   box-sizing: border-box;
   display: block;
   position: absolute;
@@ -3196,19 +3200,19 @@ button.list-item {
   margin: var(--thickness);
   border: var(--thickness) solid currentColor;
   border-radius: 50%;
-  animation: lds-ring-221a3053 var(--animation-duration) cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  animation: lds-ring-2d349a92 var(--animation-duration) cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: currentColor transparent transparent transparent;
 }
-.lds-ring div[data-v-221a3053]:nth-child(1) {
+.lds-ring div[data-v-2d349a92]:nth-child(1) {
   animation-delay: calc(var(--animation-duration) * -0.38);
 }
-.lds-ring div[data-v-221a3053]:nth-child(2) {
+.lds-ring div[data-v-2d349a92]:nth-child(2) {
   animation-delay: calc(var(--animation-duration) / -4);
 }
-.lds-ring div[data-v-221a3053]:nth-child(3) {
+.lds-ring div[data-v-2d349a92]:nth-child(3) {
   animation-delay: calc(var(--animation-duration) / -8);
 }
-@keyframes lds-ring-221a3053 {
+@keyframes lds-ring-2d349a92 {
 0% {
     transform: rotate(0deg);
 }
@@ -3216,17 +3220,17 @@ button.list-item {
     transform: rotate(360deg);
 }
 }
-.lds-ellipsis[data-v-221a3053],
-.lds-ellipsis div[data-v-221a3053] {
+.lds-ellipsis[data-v-2d349a92],
+.lds-ellipsis div[data-v-2d349a92] {
   box-sizing: border-box;
 }
-.lds-ellipsis[data-v-221a3053] {
+.lds-ellipsis[data-v-2d349a92] {
   display: inline-block;
   position: relative;
   width: var(--size);
   height: var(--size);
 }
-.lds-ellipsis div[data-v-221a3053] {
+.lds-ellipsis div[data-v-2d349a92] {
   position: absolute;
   top: calc(var(--size) - 40%);
   width: calc(var(--size) / 5);
@@ -3235,23 +3239,23 @@ button.list-item {
   background: currentColor;
   animation-timing-function: cubic-bezier(0, 1, 1, 0);
 }
-.lds-ellipsis div[data-v-221a3053]:nth-child(1) {
+.lds-ellipsis div[data-v-2d349a92]:nth-child(1) {
   left: calc(var(--size) / 10);
-  animation: lds-ellipsis1-221a3053 0.6s infinite;
+  animation: lds-ellipsis1-2d349a92 0.6s infinite;
 }
-.lds-ellipsis div[data-v-221a3053]:nth-child(2) {
+.lds-ellipsis div[data-v-2d349a92]:nth-child(2) {
   left: calc(var(--size) / 10);
-  animation: lds-ellipsis2-221a3053 0.6s infinite;
+  animation: lds-ellipsis2-2d349a92 0.6s infinite;
 }
-.lds-ellipsis div[data-v-221a3053]:nth-child(3) {
+.lds-ellipsis div[data-v-2d349a92]:nth-child(3) {
   left: calc(var(--size) / 2.5);
-  animation: lds-ellipsis2-221a3053 0.6s infinite;
+  animation: lds-ellipsis2-2d349a92 0.6s infinite;
 }
-.lds-ellipsis div[data-v-221a3053]:nth-child(4) {
+.lds-ellipsis div[data-v-2d349a92]:nth-child(4) {
   left: calc(var(--size) / 1.42);
-  animation: lds-ellipsis3-221a3053 0.6s infinite;
+  animation: lds-ellipsis3-2d349a92 0.6s infinite;
 }
-@keyframes lds-ellipsis1-221a3053 {
+@keyframes lds-ellipsis1-2d349a92 {
 0% {
     transform: scale(0);
 }
@@ -3259,7 +3263,7 @@ button.list-item {
     transform: scale(1);
 }
 }
-@keyframes lds-ellipsis3-221a3053 {
+@keyframes lds-ellipsis3-2d349a92 {
 0% {
     transform: scale(1);
 }
@@ -3267,7 +3271,7 @@ button.list-item {
     transform: scale(0);
 }
 }
-@keyframes lds-ellipsis2-221a3053 {
+@keyframes lds-ellipsis2-2d349a92 {
 0% {
     transform: translate(0, 0);
 }

package/dist/types/TableSchema.d.ts

@@ -14,7 +14,7 @@ export interface SortingOptions<T> {
     onSort: (field: string, direction: SortDirectionsT) => void;
 }
 export interface TableSelectionOptions<T> {
-    selectable: boolean | undefined;
+    selectable?: boolean;
     selectedItems: {
         value: string[];
     };

package/dist/types/TableSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.d.ts","sourceRoot":"","sources":["../../src/types/TableSchema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAE3C,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;AAEvD,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACpF,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACtD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,KAAK,IAAI,CAAA;CAC3D;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACvC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,aAAa,EAAE;QAAE,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAC3B;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC5C,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAClC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IACjC,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACtH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,eAAe,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;CACvB"}
+{"version":3,"file":"TableSchema.d.ts","sourceRoot":"","sources":["../../src/types/TableSchema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAE3C,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;AAEvD,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACpF,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACtD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,KAAK,IAAI,CAAA;CAC3D;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,EAAE;QAAE,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAC3B;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC5C,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAClC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IACjC,MAAM,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IACtH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,eAAe,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;CACvB"}

package/dist/utils/BagelFormUtils.d.ts

@@ -138,5 +138,21 @@ type ArrayType = 'number' | 'text';
 export declare function arrField<T extends {
     [key: string]: any;
 }>(id: PropertyPath<T>, label: string, schemaOrType: BglFormSchemaT | ArrayType, options?: ArrayFieldOptions): Field<T>;
+export declare function useForm(): {
+    txtField: typeof txtField;
+    selectField: typeof selectField;
+    checkField: typeof checkField;
+    dateField: typeof dateField;
+    numField: typeof numField;
+    frmRow: typeof frmRow;
+    uploadField: typeof uploadField;
+    rangeField: typeof rangeField;
+    bglForm: typeof bglForm;
+    telField: typeof telField;
+    colorField: typeof colorField;
+    arrField: typeof arrField;
+    richText: typeof richText;
+    findBglFieldById: typeof findBglFieldById;
+};
 export {};
 //# sourceMappingURL=BagelFormUtils.d.ts.map

package/dist/utils/BagelFormUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}

package/dist/utils/index.d.ts

@@ -23,6 +23,7 @@ export declare function appendStyle(src: string): Promise<void>;
 export declare function normalizeURL(url: string): string;
 export declare function normalizeDimension(value: string | number | undefined, defaultMetric?: string): string | undefined;
 export * as bagelFormUtils from './BagelFormUtils';
+export { useForm } from './BagelFormUtils';
 export { useLang } from './lang';
 export { formatString } from './strings';
 export { useDebounceFn } from '@vueuse/core';

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAI/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAcP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,OAAO,CAAC,EAAE,MAAM,EAAE,GAChB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAoBlF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAO5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAM5C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAE,GAAe,GAAG,GAAG,CAa1F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAI/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAcP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,OAAO,CAAC,EAAE,MAAM,EAAE,GAChB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAoBlF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAO5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAM5C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAE,GAAe,GAAG,GAAG,CAa1F"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.1.27",
+  "version": "1.1.31",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -51,7 +51,7 @@
     "./vite.config.ts"
   ],
   "devDependencies": {
-    "@types/leaflet": "^1.9.16",
+    "@types/leaflet": "^1.9.17",
     "@types/signature_pad": "^4.0.0",
     "@vue-macros/reactivity-transform": "^1.1.6",
     "vue": "^3.5.13",
@@ -82,7 +82,7 @@
   "dependencies": {
     "date-fns": "^4.1.0",
     "@vueuse/core": "^13.0.0",
-    "axios": "^1.8.3",
+    "axios": "^1.8.4",
     "floating-vue": "^5.2.2",
     "libphonenumber-js": "1.12.6",
     "signature_pad": "^5.0.7"

package/src/components/Loading.vue

@@ -82,6 +82,7 @@ const computedBorder = $computed(() => {
   width: var(--size);
   height: var(--size);
   transform: translate(calc(var(--thickness) * -1), calc(var(--thickness) * -1));
+  direction: ltr;
 }
 .lds-ring div {
   box-sizing: border-box;

package/src/components/dataTable/DataTable.vue

@@ -61,6 +61,7 @@ const {
 	toggleSelectItem,
 	toggleSelectAll
 } = useTableSelection<T>({
+	data: computedData,
 	selectable: props.selectable,
 	selectedItems,
 	cleanData: cleanTransformedData,
@@ -108,12 +109,12 @@ watch(
 )
 
 watch(
-	computedSelectedItems,
+	() => computedSelectedItems.value.length,
 	() => { updateAllSelectorState() }
 )
 
 watch(
-	computedData,
+	() => computedData.value,
 	(newData, oldData) => {
 		if (newData.length === oldData.length || props.onLastItemVisible !== undefined) return
 		scrollTo(0)
@@ -146,8 +147,9 @@ const showLoading = computed(() => loading.value || schemaState.value === 'loadi
 							ref="allSelectorEl"
 							type="checkbox"
 							@click.stop
-							@change="toggleSelectAll"
+							@change="(e) => toggleSelectAll(e)"
 						>
+						<!-- @change="toggleSelectAll" -->
 					</th>
 					<th
 						v-for="field in computedSchema"

package/src/components/dataTable/useTableSelection.ts

@@ -1,21 +1,42 @@
+import type { ComputedRef, Ref } from 'vue'
 import type { TableSelectionOptions } from '../../types/TableSchema'
 import { computed, ref } from 'vue'
 
 export interface UseTableSelectionOptions<T> extends TableSelectionOptions<T> {
 	cleanData?: (item: T) => T
+	data: Ref<T[]> | ComputedRef<T[]>
 }
 
 export function useTableSelection<T extends Record<string, any>>(options: UseTableSelectionOptions<T>) {
 	const allSelectorEl = ref<HTMLInputElement>()
 	const computedSelectedItems = computed(() => options.selectedItems.value)
 	const isSelectable = computed(() => options.selectable === true && Array.isArray(options.selectedItems.value))
+	const allItems = $computed(() => options.data.value)
 
 	function updateAllSelectorState() {
-		if (!allSelectorEl.value) return
-		const allSelected = computedSelectedItems.value.length === options.selectedItems.value.length
-			&& computedSelectedItems.value.every(id => options.selectedItems.value.includes(id))
+		if (allSelectorEl.value === undefined) return
+
+		// If we don't know the total items, we can't determine if "all" are selected
+		if (!allItems) {
+			allSelectorEl.value.indeterminate = options.selectedItems.value.length > 0
+			return
+		}
+
+		// Get all possible item IDs
+		const allItemIds = allItems.map(item => item.id)
+
+		// Check if all items are selected
+		const allSelected
+    = allItemIds.length > 0
+    	&& options.selectedItems.value.length === allItemIds.length
+    	&& allItemIds.every(id => options.selectedItems.value.includes(id))
+
+		// Set checked state
 		allSelectorEl.value.checked = allSelected
-		allSelectorEl.value.indeterminate = !allSelected && computedSelectedItems.value.length > 0
+
+		// Set indeterminate state (some but not all items selected)
+		allSelectorEl.value.indeterminate
+    = !allSelected && options.selectedItems.value.length > 0
 	}
 
 	function toggleSelectItem(item: T) {
@@ -43,9 +64,15 @@ export function useTableSelection<T extends Record<string, any>>(options: UseTab
 		}
 	}
 
+	// Update toggleSelectAll to pass allItems to updateAllSelectorState
 	function toggleSelectAll(event: Event) {
 		const value = (event.target as HTMLInputElement).checked
-		options.selectedItems.value = value ? computedSelectedItems.value.map((d: any) => d.id) : []
+
+		if (allItems && value) {
+			options.selectedItems.value = allItems.map(item => item.id)
+		} else {
+			options.selectedItems.value = []
+		}
 	}
 
 	return {

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

@@ -202,6 +202,9 @@ watch(() => modelValue, (newVal) => {
 </template>
 
 <style scoped>
+.txtInputIconStart input{
+	padding-inline-start: calc(var(--input-height) / 1.5);
+}
 .txtInputIconStart .iconStart {
 	color: var(--input-color);
 	position: absolute;

package/src/types/TableSchema.ts

@@ -18,7 +18,7 @@ export interface SortingOptions<T> {
 }
 
 export interface TableSelectionOptions<T> {
-	selectable: boolean | undefined
+	selectable?: boolean
 	selectedItems: { value: string[] }
 	onSelect: (item: T) => void
 }

package/src/utils/BagelFormUtils.ts

@@ -351,3 +351,37 @@ export function arrField<T extends { [key: string]: any }>(
 // 				return f
 // 			})
 // }
+
+export function useForm(): {
+	txtField: typeof txtField
+	selectField: typeof selectField
+	checkField: typeof checkField
+	dateField: typeof dateField
+	numField: typeof numField
+	frmRow: typeof frmRow
+	uploadField: typeof uploadField
+	rangeField: typeof rangeField
+	bglForm: typeof bglForm
+	telField: typeof telField
+	colorField: typeof colorField
+	arrField: typeof arrField
+	richText: typeof richText
+	findBglFieldById: typeof findBglFieldById
+} {
+	return {
+		txtField,
+		selectField,
+		checkField,
+		dateField,
+		numField,
+		frmRow,
+		uploadField,
+		rangeField,
+		bglForm,
+		telField,
+		colorField,
+		arrField,
+		richText,
+		findBglFieldById,
+	}
+}

package/src/utils/index.ts

@@ -163,6 +163,7 @@ export function normalizeDimension(value: string | number | undefined, defaultMe
 }
 
 export * as bagelFormUtils from './BagelFormUtils'
+export { useForm } from './BagelFormUtils'
 
 export { useLang } from './lang'