@bagelink/vue 1.0.60 → 1.0.64

package/dist/components/AddressSearch.vue.d.ts

@@ -12,10 +12,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             readonly thin?: boolean | undefined;
             readonly flat?: boolean | undefined;
             readonly disabled?: boolean | undefined;
-            readonly icon?: import('../index.ts').IconType | undefined;
-            readonly color?: import('../index.ts').ThemeType | undefined;
+            readonly icon?: import('..').IconType | undefined;
+            readonly color?: import('..').ThemeType | undefined;
             readonly triggerClass?: string | undefined;
-            readonly iconEnd?: import('../index.ts').IconType | undefined;
+            readonly iconEnd?: import('..').IconType | undefined;
             readonly border?: boolean | undefined;
             readonly outline?: boolean | undefined;
             readonly round?: boolean | undefined;
@@ -539,10 +539,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             thin?: boolean;
             flat?: boolean;
             disabled?: boolean;
-            icon?: import('../index.ts').IconType;
-            color?: import('../index.ts').ThemeType;
+            icon?: import('..').IconType;
+            color?: import('..').ThemeType;
             triggerClass?: string;
-            iconEnd?: import('../index.ts').IconType;
+            iconEnd?: import('..').IconType;
             border?: boolean;
             outline?: boolean;
             round?: boolean;
@@ -589,10 +589,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         thin?: boolean;
         flat?: boolean;
         disabled?: boolean;
-        icon?: import('../index.ts').IconType;
-        color?: import('../index.ts').ThemeType;
+        icon?: import('..').IconType;
+        color?: import('..').ThemeType;
         triggerClass?: string;
-        iconEnd?: import('../index.ts').IconType;
+        iconEnd?: import('..').IconType;
         border?: boolean;
         outline?: boolean;
         round?: boolean;

package/dist/components/Alert.vue.d.ts

@@ -1,4 +1,4 @@
-import { IconType } from '../index.ts';
+import { IconType } from '..';
 interface Props {
     message: string;
     dismissable?: boolean;

package/dist/components/Badge.vue.d.ts

@@ -1,4 +1,4 @@
-import { IconType } from '../index.ts';
+import { IconType } from '..';
 interface Props {
     color?: 'green' | 'red' | 'blue' | 'light' | 'gray' | 'yellow';
     size?: string;

package/dist/components/Btn.vue.d.ts

@@ -1,4 +1,4 @@
-import { IconType, ThemeType } from '../index.ts';
+import { IconType, ThemeType } from '..';
 type __VLS_Props = {
     disabled?: boolean;
     icon?: IconType;

package/dist/components/Dropdown.vue.d.ts

@@ -1,4 +1,4 @@
-import { IconType, ThemeType } from '../index.ts';
+import { IconType, ThemeType } from '..';
 import { TriggerEvent } from 'floating-vue';
 export type Side = 'top' | 'right' | 'bottom' | 'left' | 'auto';
 export type Alignment = 'start' | 'end';

package/dist/components/Icon/Icon.vue.d.ts

@@ -1,4 +1,4 @@
-import { IconType } from '../../index.ts';
+import { IconType } from '../..';
 type __VLS_Props = {
     icon?: IconType;
     name?: IconType;

package/dist/components/ListItem.vue.d.ts

@@ -1,4 +1,4 @@
-import { IconType } from '../index.ts';
+import { IconType } from '..';
 type __VLS_Props = {
     src?: string;
     showAvatar?: boolean;

package/dist/components/Modal.vue.d.ts

@@ -1,4 +1,4 @@
-import { BtnOptions } from '../index.ts';
+import { BtnOptions } from '..';
 type __VLS_Props = {
     thin?: boolean;
     side?: boolean;

package/dist/components/ModalConfirm.vue.d.ts

@@ -1,4 +1,4 @@
-import { ThemeType } from '../index.ts';
+import { ThemeType } from '..';
 type __VLS_Props = {
     title?: string;
     message?: string;

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

@@ -1,4 +1,4 @@
-import { IconType, NavLink } from '../index.ts';
+import { IconType, NavLink } from '..';
 type __VLS_Props = {
     footerLinks?: NavLink[];
     links?: NavLink[];

package/dist/components/Pill.vue.d.ts

@@ -1,4 +1,4 @@
-import { IconType, ThemeType } from '../index.ts';
+import { IconType, ThemeType } from '..';
 interface BtnProp {
     icon?: IconType;
     onClick: () => void;

package/dist/components/Spreadsheet/Index.vue.d.ts

@@ -40,8 +40,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
         nativeInputAttrs?: {
             [key: string]: any;
         };
-        icon?: import('../../index.ts').IconType;
-        iconStart?: import('../../index.ts').IconType;
+        icon?: import('../..').IconType;
+        iconStart?: import('../..').IconType;
         multiline?: boolean;
         autoheight?: boolean;
         code?: boolean;
@@ -90,8 +90,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
         nativeInputAttrs?: {
             [key: string]: any;
         };
-        icon?: import('../../index.ts').IconType;
-        iconStart?: import('../../index.ts').IconType;
+        icon?: import('../..').IconType;
+        iconStart?: import('../..').IconType;
         multiline?: boolean;
         autoheight?: boolean;
         code?: boolean;

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":"AA+dA,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;WAgVO,mBAAmB,CAAC;;;;;;;;;;wBA7NV,MAAM,EAAE;0CA6NoE,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;AA3VzE,wBA2V4E;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":"AAieA,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;WA6UO,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;AAxVzE,wBAwV4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { BglFormSchemaT } from '../../index.ts';
+import { BglFormSchemaT } from '../..';
 export type SortDirectionsT = 'ASC' | 'DESC';
 export type EmitOrderT = `${string} ${SortDirectionsT}`;
 export interface TableSchemaProps<T extends Record<string, any> = Record<string, any>> {

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

@@ -1,4 +1,4 @@
-import { BglFormSchemaFnT, BglFormSchemaT } from '../../index.ts';
+import { BglFormSchemaFnT, BglFormSchemaT } from '../..';
 declare const _default: <T extends {
     [key: string]: any;
 }>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

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

@@ -1,4 +1,4 @@
-import { AttributeFn, AttributeValue, Attributes, BagelFieldOptions, BglFormSchemaFnT, Field } from '../../index.ts';
+import { AttributeFn, AttributeValue, Attributes, BagelFieldOptions, BglFormSchemaFnT, Field } from '../..';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

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

@@ -1,4 +1,4 @@
-import { StorageFile } from '../../../index.ts';
+import { StorageFile } from '../../..';
 type StrKey = keyof StorageFile;
 type __VLS_Props = {
     label?: string;

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

@@ -1,4 +1,4 @@
-import { IconType } from '../../../index.ts';
+import { IconType } from '../../..';
 type NumberLayout = 'default' | 'vertical' | 'horizontal';
 interface NumberInputProps {
     modelValue?: number | string;

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

@@ -1,4 +1,4 @@
-import { IconType } from '../../../index.ts';
+import { IconType } from '../../..';
 export interface TextInputProps {
     id?: string;
     title?: string;

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

@@ -42,8 +42,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         nativeInputAttrs?: {
             [key: string]: any;
         };
-        icon?: import('../../../index.ts').IconType;
-        iconStart?: import('../../../index.ts').IconType;
+        icon?: import('../../..').IconType;
+        iconStart?: import('../../..').IconType;
         multiline?: boolean;
         autoheight?: boolean;
         code?: boolean;
@@ -92,8 +92,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         nativeInputAttrs?: {
             [key: string]: any;
         };
-        icon?: import('../../../index.ts').IconType;
-        iconStart?: import('../../../index.ts').IconType;
+        icon?: import('../../..').IconType;
+        iconStart?: import('../../..').IconType;
         multiline?: boolean;
         autoheight?: boolean;
         code?: boolean;

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

@@ -1,4 +1,4 @@
-import { Option } from '../../../index.ts';
+import { Option } from '../../..';
 type __VLS_Props = {
     options?: Option[];
     modelValue?: any;

package/dist/components/form/inputs/RichText/utils/media.d.ts

@@ -1,4 +1,4 @@
-import { Modal } from '../../../../../index.ts';
+import { Modal } from '../../../../..';
 import { EditorState } from '../richTextTypes';
 export declare function insertImage(modal: typeof Modal, state: EditorState): void;
 export declare function insertLink(modal: typeof Modal, state: EditorState): void;

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

@@ -1,4 +1,4 @@
-import { IconType, Option } from '../../../index.ts';
+import { IconType, Option } from '../../..';
 import { AlignedPlacement } from '../../Dropdown.vue';
 interface PropTypes {
     options: Option[];
@@ -34,7 +34,7 @@ declare function __VLS_template(): {
                 readonly flat?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly icon?: IconType | undefined;
-                readonly color?: import('../../../index.ts').ThemeType | undefined;
+                readonly color?: import('../../..').ThemeType | undefined;
                 readonly triggerClass?: string | undefined;
                 readonly iconEnd?: IconType | undefined;
                 readonly border?: boolean | undefined;
@@ -561,7 +561,7 @@ declare function __VLS_template(): {
                 flat?: boolean;
                 disabled?: boolean;
                 icon?: IconType;
-                color?: import('../../../index.ts').ThemeType;
+                color?: import('../../..').ThemeType;
                 triggerClass?: string;
                 iconEnd?: IconType;
                 border?: boolean;
@@ -611,7 +611,7 @@ declare function __VLS_template(): {
             flat?: boolean;
             disabled?: boolean;
             icon?: IconType;
-            color?: import('../../../index.ts').ThemeType;
+            color?: import('../../..').ThemeType;
             triggerClass?: string;
             iconEnd?: IconType;
             border?: boolean;
@@ -750,7 +750,7 @@ declare const __VLS_component: import('vue').DefineComponent<PropTypes, {}, {},
             readonly flat?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly icon?: IconType | undefined;
-            readonly color?: import('../../../index.ts').ThemeType | undefined;
+            readonly color?: import('../../..').ThemeType | undefined;
             readonly triggerClass?: string | undefined;
             readonly iconEnd?: IconType | undefined;
             readonly border?: boolean | undefined;
@@ -1277,7 +1277,7 @@ declare const __VLS_component: import('vue').DefineComponent<PropTypes, {}, {},
             flat?: boolean;
             disabled?: boolean;
             icon?: IconType;
-            color?: import('../../../index.ts').ThemeType;
+            color?: import('../../..').ThemeType;
             triggerClass?: string;
             iconEnd?: IconType;
             border?: boolean;
@@ -1327,7 +1327,7 @@ declare const __VLS_component: import('vue').DefineComponent<PropTypes, {}, {},
         flat?: boolean;
         disabled?: boolean;
         icon?: IconType;
-        color?: import('../../../index.ts').ThemeType;
+        color?: import('../../..').ThemeType;
         triggerClass?: string;
         iconEnd?: IconType;
         border?: boolean;

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

@@ -1,4 +1,4 @@
-import { IconType } from '../../../index.ts';
+import { IconType } from '../../..';
 type __VLS_Props = {
     id?: string;
     title?: string;

package/dist/components/layout/BottomMenu.vue.d.ts

@@ -1,4 +1,4 @@
-import { NavLink } from '../../index.ts';
+import { NavLink } from '../..';
 type __VLS_Props = {
     navLinks: NavLink[];
 };

package/dist/components/layout/SidebarMenu.vue.d.ts

@@ -1,4 +1,4 @@
-import { NavLink } from '../../index.ts';
+import { NavLink } from '../..';
 type __VLS_Props = {
     navLinks?: NavLink[];
     expandable?: boolean;

package/dist/components/layout/Tabs.vue.d.ts

@@ -1,4 +1,4 @@
-import { Tab } from '../../index.ts';
+import { Tab } from '../..';
 type __VLS_Props = {
     tabs: Tab[];
     modelValue?: string;

package/dist/components/layout/TabsNav.vue.d.ts

@@ -1,4 +1,4 @@
-import { IconType } from '../../index.ts';
+import { IconType } from '../..';
 interface TabType {
     id?: string;
     label?: string;

package/dist/composables/index.d.ts

@@ -1,4 +1,4 @@
-import { BglFormSchemaFnT, BglFormSchemaT, IfAny } from '../index.ts';
+import { BglFormSchemaFnT, BglFormSchemaT, IfAny } from '..';
 import { Ref, UnwrapRef } from 'vue';
 interface UseBglSchemaParamsT<T> {
     schema?: BglFormSchemaFnT<T>;

package/dist/composables/useFormField.d.ts

@@ -1,4 +1,4 @@
-import { Field } from '../index.ts';
+import { Field } from '..';
 import { BagelFormState } from '../components/form/useBagelFormState';
 export declare function useFormField<T = any>(props: {
     field: Field<T>;

package/dist/index.cjs

@@ -11575,7 +11575,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) => ({
-      "2365e570": vue.unref(computedItemHeight)
+      "45188dd8": vue.unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11663,13 +11663,17 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
         scrollTo(0);
       }
     );
+    const showLoading = vue.computed(() => loading.value || schemaState.value === "loading");
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
-        class: { "loading-table": loading.value || vue.unref(schemaState) === "loading" }
+        class: { "loading-table": showLoading.value }
       }), [
-        loading.value || vue.unref(schemaState) === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, _cache[4] || (_cache[4] = [
-          vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1)
-        ]))) : vue.unref(schemaState) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, " Error loading table schema ")) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 2 }, vue.unref(wrapperProps))), [
+        showLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, _cache[4] || (_cache[4] = [
+          vue.createElementVNode("div", { class: "loading-table-animation fixed oval top-7" }, null, -1)
+        ]))) : vue.unref(schemaState) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, " Error loading table schema ")) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", vue.mergeProps(vue.unref(wrapperProps), {
+          class: { "pointer-events-none": showLoading.value }
+        }), [
           vue.createElementVNode("table", _hoisted_3$u, [
             vue.createElementVNode("thead", _hoisted_4$k, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$j, [
@@ -11748,12 +11752,12 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
               }, null, 512)) : vue.createCommentVNode("", true)
             ])
           ])
-        ], 16))
+        ], 16)
       ], 16);
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-4a68fdec"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-996e0727"]]);
 function useDraggable(options = {}) {
   const isDragging = vue.ref(false);
   const dragElement = vue.ref(null);
@@ -15184,6 +15188,7 @@ function arrField(id, label, schemaOrType, options) {
   return {
     label,
     id,
+    class: options == null ? void 0 : options.class,
     $el: "array",
     vIf: options == null ? void 0 : options.vIf,
     attrs

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, reactive, provide, createElementBlock, openBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, createVNode, unref, createCommentVNode, toDisplayString, Transition, withCtx, Fragment, renderList, createBlock, isRef, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withKeys, withModifiers, createTextVNode, normalizeStyle, useCssVars, onMounted, Comment, Text, nextTick, onBeforeUnmount, onUnmounted, resolveComponent, isVNode, h as h$2, toValue, getCurrentScope, onScopeDispose, getCurrentInstance, shallowRef, mergeModels, useModel, normalizeProps, vModelCheckbox, createApp, pushScopeId, popScopeId, withScopeId, guardReactiveProps, toRef, vModelText, vModelRadio, TransitionGroup, vModelDynamic, createSlots } from "vue";
+import { defineComponent, reactive, provide, createElementBlock, openBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, createVNode, unref, createCommentVNode, toDisplayString, Transition, withCtx, Fragment, renderList, createBlock, isRef, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withKeys, withModifiers, createTextVNode, normalizeStyle, useCssVars, onMounted, Comment, Text, nextTick, onBeforeUnmount, onUnmounted, resolveComponent, isVNode, h as h$2, toValue, getCurrentScope, onScopeDispose, getCurrentInstance, shallowRef, mergeModels, useModel, vModelCheckbox, createApp, pushScopeId, popScopeId, withScopeId, normalizeProps, guardReactiveProps, toRef, vModelText, vModelRadio, TransitionGroup, vModelDynamic, createSlots } from "vue";
 import { RouterLink } from "vue-router";
 const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
@@ -11573,7 +11573,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) => ({
-      "2365e570": unref(computedItemHeight)
+      "45188dd8": unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -11661,13 +11661,17 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         scrollTo(0);
       }
     );
+    const showLoading = computed(() => loading.value || schemaState.value === "loading");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
-        class: { "loading-table": loading.value || unref(schemaState) === "loading" }
+        class: { "loading-table": showLoading.value }
       }), [
-        loading.value || unref(schemaState) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_1$O, _cache[4] || (_cache[4] = [
-          createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1)
-        ]))) : unref(schemaState) === "error" ? (openBlock(), createElementBlock("div", _hoisted_2$A, " Error loading table schema ")) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 2 }, unref(wrapperProps))), [
+        showLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$O, _cache[4] || (_cache[4] = [
+          createElementVNode("div", { class: "loading-table-animation fixed oval top-7" }, null, -1)
+        ]))) : unref(schemaState) === "error" ? (openBlock(), createElementBlock("div", _hoisted_2$A, " Error loading table schema ")) : createCommentVNode("", true),
+        createElementVNode("div", mergeProps(unref(wrapperProps), {
+          class: { "pointer-events-none": showLoading.value }
+        }), [
           createElementVNode("table", _hoisted_3$u, [
             createElementVNode("thead", _hoisted_4$k, [
               unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_5$j, [
@@ -11746,12 +11750,12 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
               }, null, 512)) : createCommentVNode("", true)
             ])
           ])
-        ], 16))
+        ], 16)
       ], 16);
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-4a68fdec"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-996e0727"]]);
 function useDraggable(options = {}) {
   const isDragging = ref(false);
   const dragElement = ref(null);
@@ -15182,6 +15186,7 @@ function arrField(id, label, schemaOrType, options) {
   return {
     label,
     id,
+    class: options == null ? void 0 : options.class,
     $el: "array",
     vIf: options == null ? void 0 : options.vIf,
     attrs

package/dist/plugins/modalTypes.d.ts

@@ -1,4 +1,4 @@
-import { BglFormSchemaFnT, BtnOptions, ThemeType } from '../index.ts';
+import { BglFormSchemaFnT, BtnOptions, ThemeType } from '..';
 export interface ModalOptions {
     title?: string;
     dismissable?: boolean;

package/dist/style.css

@@ -1021,22 +1021,22 @@ display: block;
 	text-align: center;
 }
 
-.table-list-wrap[data-v-4a68fdec] {
+.table-list-wrap[data-v-996e0727] {
 	min-height: 150px;
 }
-.selected[data-v-4a68fdec] {
+.selected[data-v-996e0727] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-4a68fdec]:hover {
+tbody tr.selected[data-v-996e0727]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-4a68fdec] {
+.loading-table[data-v-996e0727] {
 	position: relative;
 }
-.inset[data-v-4a68fdec] {
+.inset[data-v-996e0727] {
 	inset: 0;
 }
-.loading-table-animation[data-v-4a68fdec] {
+.loading-table-animation[data-v-996e0727] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -1044,9 +1044,9 @@ tbody tr.selected[data-v-4a68fdec]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-4a68fdec 1s linear infinite;
+	animation: loading-table-996e0727 1s linear infinite;
 }
-@keyframes loading-table-4a68fdec {
+@keyframes loading-table-996e0727 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -1054,55 +1054,55 @@ tbody tr.selected[data-v-4a68fdec]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-4a68fdec] {
+.list-arrows[data-v-996e0727] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-4a68fdec] {
+.list-arrows .bgl_icon-font[data-v-996e0727] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-4a68fdec] {
+.list-arrows.sorted[data-v-996e0727] {
 	opacity: 1;
 }
-.col img[data-v-4a68fdec] {
+.col img[data-v-996e0727] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 	object-fit: cover;
 }
-.col[data-v-4a68fdec]:has(img) {
+.col[data-v-996e0727]:has(img) {
 	padding-inline-end: 0.5rem;
 }
-.list-arrows.sorted .desc[data-v-4a68fdec] {
+.list-arrows.sorted .desc[data-v-996e0727] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-4a68fdec] {
+table[data-v-996e0727] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-4a68fdec] {
+th[data-v-996e0727] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--2365e570);
+	height: var(--45188dd8);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-4a68fdec] {
+.embedded-field[data-v-996e0727] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-4a68fdec] {
+.row[data-v-996e0727] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-4a68fdec] {
+.row.first-row[data-v-996e0727] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -1111,7 +1111,7 @@ th[data-v-4a68fdec] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-4a68fdec]::after {
+.row.first-row[data-v-996e0727]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1119,11 +1119,11 @@ th[data-v-4a68fdec] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-4a68fdec] {
+.first-row .col[data-v-996e0727] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-4a68fdec] {
+.col[data-v-996e0727] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
@@ -1133,19 +1133,19 @@ th[data-v-4a68fdec] {
 	overflow: hidden;
 	max-width: 30vw;
 }
-.col[data-v-4a68fdec]:has(.bagel-input) {
+.col[data-v-996e0727]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-4a68fdec] {
+.col > div[data-v-996e0727] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-4a68fdec] {
+.max-col-width[data-v-996e0727] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-4a68fdec] {
+.col.check .bgl_icon-font[data-v-996e0727] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -1156,35 +1156,35 @@ th[data-v-4a68fdec] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-4a68fdec] {
+.rows[data-v-996e0727] {
 	font-size: 0.88em;
 }
-.table-list[data-v-4a68fdec] {
+.table-list[data-v-996e0727] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-4a68fdec] {
+.BagelTable .table-list[data-v-996e0727] {
 	overflow: unset;
 }
-.row-item[data-v-4a68fdec] {
-	height: var(--2365e570);
+.row-item[data-v-996e0727] {
+	height: var(--45188dd8);
 	transition: all 200ms ease;
 }
-.row-item[data-v-4a68fdec]:hover {
+.row-item[data-v-996e0727]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-4a68fdec] {
+.row-item input[type='checkbox'][data-v-996e0727] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-4a68fdec] {
+.infinite-wrapper[data-v-996e0727] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-4a68fdec] {
+input[type='checkbox'][data-v-996e0727] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -1196,7 +1196,7 @@ input[type='checkbox'][data-v-4a68fdec] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-4a68fdec]::before {
+input[type='checkbox'][data-v-996e0727]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -1209,18 +1209,18 @@ input[type='checkbox'][data-v-4a68fdec]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-4a68fdec]:hover::before {
+input[type='checkbox'][data-v-996e0727]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-4a68fdec] {
+[lang='he'] [dir='ltr'][data-v-996e0727] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-4a68fdec] {
+th input[type='checkbox'][data-v-996e0727] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-4a68fdec]::after {
+th[data-v-996e0727]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1228,24 +1228,24 @@ th[data-v-4a68fdec]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-4a68fdec] {
+tr[data-v-996e0727] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-4a68fdec],
-th[data-v-4a68fdec] {
+td[data-v-996e0727],
+th[data-v-996e0727] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-4a68fdec] {
+tbody tr[data-v-996e0727] {
 	font-size: 0.88em;
-	height: var(--2365e570);
+	height: var(--45188dd8);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-4a68fdec]:hover {
+tbody tr[data-v-996e0727]:hover {
 	background: var(--bgl-gray-light);
 }
 

package/dist/types/BagelForm.d.ts

@@ -1,4 +1,4 @@
-import { SelectInput, TextInput } from '../index.ts';
+import { SelectInput, TextInput } from '..';
 import { VNode } from 'vue';
 export type AttributeValue = string | number | boolean | undefined | undefined | {
     [key: string]: any;

package/dist/types/NavLink.d.ts

@@ -1,4 +1,4 @@
-import { IconType } from '../index.ts';
+import { IconType } from '..';
 export interface NavLink {
     label: string;
     to?: string;

package/dist/types/TableSchema.d.ts

@@ -1,4 +1,4 @@
-import { BglFormSchemaT } from '../index.ts';
+import { BglFormSchemaT } from '..';
 import { Ref, ComputedRef } from 'vue';
 export type SortDirectionsT = 'ASC' | 'DESC';
 export type EmitOrderT = `${string} ${SortDirectionsT}`;

package/dist/utils/BagelFormUtils.d.ts

@@ -1,4 +1,4 @@
-import { BglFormSchemaT, Field, Option, DotNotation } from '../index.ts';
+import { BglFormSchemaT, Field, Option, DotNotation } from '..';
 import { UploadInputProps } from '../components/form/inputs/Upload/upload.types';
 interface InputOptions {
     required?: boolean;
@@ -110,14 +110,14 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
     $el: string;
     id: string;
     attrs: {
-        schema: (string | import('../index.ts').BaseBagelField<{
+        schema: (string | import('..').BaseBagelField<{
             [key: string]: any;
         }>)[];
     };
 } | {
     $el: string;
     attrs: {
-        schema: (import('../index.ts').BaseBagelField<{
+        schema: (import('..').BaseBagelField<{
             [key: string]: any;
         }> | undefined)[];
     };

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

@@ -1,4 +1,4 @@
-import { Attributes, BglFormSchemaT } from '../index.ts';
+import { Attributes, BglFormSchemaT } from '..';
 export declare function debounce(fn: () => void, wait?: number): void;
 export declare function slugify(str: string): string;
 export declare function keyToLabel(key?: string): string | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.0.60",
+  "version": "1.0.64",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/dataTable/DataTable.vue

@@ -113,24 +113,26 @@ watch(
 		scrollTo(0)
 	}
 )
+
+const showLoading = computed(() => loading.value || schemaState.value === 'loading')
 </script>
 
 <template>
 	<div
 		class="table-list-wrap h-100"
 		v-bind="containerProps"
-		:class="{ 'loading-table': loading || schemaState === 'loading' }"
+		:class="{ 'loading-table': showLoading }"
 	>
 		<div
-			v-if="loading || schemaState === 'loading'"
+			v-if="showLoading"
 			class="loading-table-wrapper z-99 h-100 w-100 absolute inset"
 		>
-			<div class="loading-table-animation absolute oval" />
+			<div class="loading-table-animation fixed oval top-7" />
 		</div>
 		<div v-else-if="schemaState === 'error'" class="flex-center h-300px txt-red">
 			Error loading table schema
 		</div>
-		<div v-else v-bind="wrapperProps">
+		<div v-bind="wrapperProps" :class="{ 'pointer-events-none': showLoading }">
 			<table class="infinite-wrapper">
 				<thead class="row first-row">
 					<th v-if="isSelectable">

package/src/utils/BagelFormUtils.ts

@@ -325,6 +325,7 @@ export function arrField<T extends { [key: string]: any }>(
 	return {
 		label,
 		id,
+		class: options?.class,
 		$el: 'array',
 		vIf: options?.vIf,
 		attrs,

package/tsconfig.json

@@ -50,5 +50,10 @@
 		"**/**/*.d.ts",
 		"./vite.config.ts",
 		"src/directives/pattern",
+	],
+	"exclude": [
+		"./tests",
+		"./vite.config.ts",
+		"./vitest.config.ts"
 	]
 }

package/vite.config.ts

@@ -10,7 +10,7 @@ const indexDir = resolve(import.meta.dirname, 'src')
 
 export default defineConfig(() => ({
 	plugins: [
-		tsconfigPaths(),
+		tsconfigPaths({ root: indexDir, }),
 		ReactivityTransform(),
 		vue(),
 		dts({
@@ -19,8 +19,7 @@ export default defineConfig(() => ({
 	],
 	resolve: {
 		alias: {
-			'@bagelink/vue': resolve(indexDir, 'index.ts'),
-			'@bagelink/vue/*': `${indexDir}/*`,
+			'@bagelink/vue': indexDir,
 		},
 	},
 	build: {
@@ -28,8 +27,7 @@ export default defineConfig(() => ({
 		lib: {
 			entry: resolve(indexDir, 'index.ts'),
 			formats: ['es', 'cjs'],
-			fileName: (module, entry) =>
-				`${entry}.${module === 'es' ? 'mjs' : module}`,
+			fileName: (module, entry) => `${entry}.${module === 'es' ? 'mjs' : module}`,
 			cssFileName: 'style',
 		},
 		rollupOptions: {