@bagelink/vue 0.0.1094 → 0.0.1096

package/dist/index.cjs

@@ -7739,10 +7739,9 @@ async function convertValueToCoords(state2, options) {
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...rawValue
+    mainAxis: rawValue.mainAxis || 0,
+    crossAxis: rawValue.crossAxis || 0,
+    alignmentAxis: rawValue.alignmentAxis
   };
   if (alignment && typeof alignmentAxis === "number") {
     crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
@@ -7847,7 +7846,11 @@ const shift = function(options) {
         ...limitedCoords,
         data: {
           x: limitedCoords.x - x2,
-          y: limitedCoords.y - y2
+          y: limitedCoords.y - y2,
+          enabled: {
+            [mainAxis]: checkMainAxis,
+            [crossAxis]: checkCrossAxis
+          }
         }
       };
     }
@@ -7861,6 +7864,7 @@ const size = function(options) {
     name: "size",
     options,
     async fn(state2) {
+      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -7896,10 +7900,11 @@ const size = function(options) {
       const noShift = !state2.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if (isYAxis) {
-        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
-      } else {
-        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
+      if ((_state$middlewareData = state2.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+        availableWidth = maximumClippingWidth;
+      }
+      if ((_state$middlewareData2 = state2.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+        availableHeight = maximumClippingHeight;
       }
       if (noShift && !alignment) {
         const xMin = max(overflow.left, 0);
@@ -25794,7 +25799,7 @@ const endsWith = (str, searchString, position) => {
   const lastIndex = str.indexOf(searchString, position);
   return lastIndex !== -1 && lastIndex === position;
 };
-const toArray = (thing) => {
+const toArray$1 = (thing) => {
   if (!thing) return null;
   if (isArray(thing)) return thing;
   let i2 = thing.length;
@@ -25980,7 +25985,7 @@ const utils$1 = {
   kindOf,
   kindOfTest,
   endsWith,
-  toArray,
+  toArray: toArray$1,
   forEachEntry,
   matchAll,
   isHTMLForm,
@@ -32226,9 +32231,6 @@ function tryOnScopeDispose(fn2) {
   }
   return false;
 }
-function toValue(r2) {
-  return typeof r2 === "function" ? r2() : vue.unref(r2);
-}
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 const notNullish = (val) => val != null;
@@ -32252,8 +32254,8 @@ function debounceFilter(ms, options = {}) {
     lastRejector = noop;
   };
   const filter3 = (invoke) => {
-    const duration = toValue(ms);
-    const maxDuration = toValue(options.maxWait);
+    const duration = vue.toValue(ms);
+    const maxDuration = vue.toValue(options.maxWait);
     if (timer)
       _clearTimeout(timer);
     if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
@@ -32294,6 +32296,9 @@ function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
 function getLifeCycleTarget(target) {
   return vue.getCurrentInstance();
 }
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
 function useDebounceFn(fn2, ms = 200, options = {}) {
   return createFilterWrapper(
     debounceFilter(ms, options),
@@ -32334,7 +32339,7 @@ function createUntil(r2, isNot = false) {
     const promises = [watcher];
     if (timeout != null) {
       promises.push(
-        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r2)).finally(() => stop == null ? void 0 : stop())
+        promiseTimeout(timeout, throwOnTimeout).then(() => vue.toValue(r2)).finally(() => stop == null ? void 0 : stop())
       );
     }
     return Promise.race(promises);
@@ -32366,9 +32371,9 @@ function createUntil(r2, isNot = false) {
     const promises = [watcher];
     if (timeout != null) {
       promises.push(
-        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r2)).finally(() => {
+        promiseTimeout(timeout, throwOnTimeout).then(() => vue.toValue(r2)).finally(() => {
           stop == null ? void 0 : stop();
-          return toValue(r2);
+          return vue.toValue(r2);
         })
       );
     }
@@ -32389,7 +32394,7 @@ function createUntil(r2, isNot = false) {
   function toContains(value, options) {
     return toMatch((v2) => {
       const array2 = Array.from(v2);
-      return array2.includes(value) || array2.includes(toValue(value));
+      return array2.includes(value) || array2.includes(vue.toValue(value));
     }, options);
   }
   function changed(options) {
@@ -32402,7 +32407,7 @@ function createUntil(r2, isNot = false) {
       return count2 >= n2;
     }, options);
   }
-  if (Array.isArray(toValue(r2))) {
+  if (Array.isArray(vue.toValue(r2))) {
     const instance = {
       toMatch,
       toContains,
@@ -32436,7 +32441,7 @@ function until(r2) {
 const defaultWindow = isClient ? window : void 0;
 function unrefElement(elRef) {
   var _a2;
-  const plain = toValue(elRef);
+  const plain = vue.toValue(elRef);
   return (_a2 = plain == null ? void 0 : plain.$el) != null ? _a2 : plain;
 }
 function useMounted() {
@@ -32467,7 +32472,7 @@ function useResizeObserver(target, callback, options = {}) {
     }
   };
   const targets = vue.computed(() => {
-    const _targets = toValue(target);
+    const _targets = vue.toValue(target);
     return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
   });
   const stopWatch = vue.watch(
@@ -32515,7 +32520,7 @@ function useElementSize(target, initialSize = { width: 0, height: 0 }, options =
         }
       } else {
         if (boxSize) {
-          const formatBoxSize = Array.isArray(boxSize) ? boxSize : [boxSize];
+          const formatBoxSize = toArray(boxSize);
           width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
           height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
         } else {
@@ -32560,8 +32565,8 @@ function useIntersectionObserver(target, callback, options = {}) {
   } = options;
   const isSupported = useSupported(() => window2 && "IntersectionObserver" in window2);
   const targets = vue.computed(() => {
-    const _target = toValue(target);
-    return (Array.isArray(_target) ? _target : [_target]).map(unrefElement).filter(notNullish);
+    const _target = vue.toValue(target);
+    return toArray(_target).map(unrefElement).filter(notNullish);
   });
   let cleanup = noop;
   const isActive = vue.ref(immediate);
@@ -32816,7 +32821,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "f80ef6d8": vue.unref(computedItemHeight)
+      "7a7099e0": vue.unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const NON_DIGIT_REGEX = /[^\d.-]/g;
@@ -33043,7 +33048,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4c462da5"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-966ec7d7"]]);
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
@@ -33671,12 +33676,14 @@ class BagelAuth {
   }
 }
 class Bagel {
-  constructor({ host, onError }) {
+  constructor({ host, fileBaseUrl, onError }) {
     __publicField(this, "host");
+    __publicField(this, "fileBaseUrl");
     __publicField(this, "onError");
     __publicField(this, "read_table");
     __publicField(this, "auth", new BagelAuth(this));
     this.host = host == null ? void 0 : host.replace(/\/$/, "");
+    this.fileBaseUrl = fileBaseUrl == null ? void 0 : fileBaseUrl.replace(/\/$/, "");
     if (!this.host) {
       return this;
     }

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, reactive, provide, openBlock, createElementBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, unref, createVNode, createCommentVNode, toDisplayString, Transition, withCtx, isRef, Fragment, renderList, createBlock, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withModifiers, withKeys, createTextVNode, normalizeStyle, resolveComponent, onMounted, onUnmounted, mergeModels, useModel, pushScopeId, popScopeId, nextTick, normalizeProps, guardReactiveProps, withScopeId, createApp, h as h$2, onBeforeUnmount, vModelCheckbox, vModelText, toRef, createSlots, Teleport, render as render$e, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, vModelRadio, TransitionGroup, vModelDynamic, useCssVars, getCurrentInstance, shallowRef, markRaw } from "vue";
+import { defineComponent, reactive, provide, openBlock, createElementBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, unref, createVNode, createCommentVNode, toDisplayString, Transition, withCtx, isRef, Fragment, renderList, createBlock, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withModifiers, withKeys, createTextVNode, normalizeStyle, resolveComponent, onMounted, onUnmounted, mergeModels, useModel, pushScopeId, popScopeId, nextTick, normalizeProps, guardReactiveProps, withScopeId, createApp, h as h$2, onBeforeUnmount, vModelCheckbox, vModelText, toRef, createSlots, Teleport, render as render$e, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, vModelRadio, TransitionGroup, vModelDynamic, useCssVars, toValue, getCurrentInstance, shallowRef, markRaw } from "vue";
 import { RouterLink } from "vue-router";
 const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -7737,10 +7737,9 @@ async function convertValueToCoords(state2, options) {
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...rawValue
+    mainAxis: rawValue.mainAxis || 0,
+    crossAxis: rawValue.crossAxis || 0,
+    alignmentAxis: rawValue.alignmentAxis
   };
   if (alignment && typeof alignmentAxis === "number") {
     crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
@@ -7845,7 +7844,11 @@ const shift = function(options) {
         ...limitedCoords,
         data: {
           x: limitedCoords.x - x2,
-          y: limitedCoords.y - y2
+          y: limitedCoords.y - y2,
+          enabled: {
+            [mainAxis]: checkMainAxis,
+            [crossAxis]: checkCrossAxis
+          }
         }
       };
     }
@@ -7859,6 +7862,7 @@ const size = function(options) {
     name: "size",
     options,
     async fn(state2) {
+      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -7894,10 +7898,11 @@ const size = function(options) {
       const noShift = !state2.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if (isYAxis) {
-        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
-      } else {
-        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
+      if ((_state$middlewareData = state2.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+        availableWidth = maximumClippingWidth;
+      }
+      if ((_state$middlewareData2 = state2.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+        availableHeight = maximumClippingHeight;
       }
       if (noShift && !alignment) {
         const xMin = max(overflow.left, 0);
@@ -25792,7 +25797,7 @@ const endsWith = (str, searchString, position) => {
   const lastIndex = str.indexOf(searchString, position);
   return lastIndex !== -1 && lastIndex === position;
 };
-const toArray = (thing) => {
+const toArray$1 = (thing) => {
   if (!thing) return null;
   if (isArray(thing)) return thing;
   let i2 = thing.length;
@@ -25978,7 +25983,7 @@ const utils$1 = {
   kindOf,
   kindOfTest,
   endsWith,
-  toArray,
+  toArray: toArray$1,
   forEachEntry,
   matchAll,
   isHTMLForm,
@@ -32224,9 +32229,6 @@ function tryOnScopeDispose(fn2) {
   }
   return false;
 }
-function toValue(r2) {
-  return typeof r2 === "function" ? r2() : unref(r2);
-}
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 const notNullish = (val) => val != null;
@@ -32292,6 +32294,9 @@ function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
 function getLifeCycleTarget(target) {
   return getCurrentInstance();
 }
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
 function useDebounceFn(fn2, ms = 200, options = {}) {
   return createFilterWrapper(
     debounceFilter(ms, options),
@@ -32513,7 +32518,7 @@ function useElementSize(target, initialSize = { width: 0, height: 0 }, options =
         }
       } else {
         if (boxSize) {
-          const formatBoxSize = Array.isArray(boxSize) ? boxSize : [boxSize];
+          const formatBoxSize = toArray(boxSize);
           width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
           height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
         } else {
@@ -32559,7 +32564,7 @@ function useIntersectionObserver(target, callback, options = {}) {
   const isSupported = useSupported(() => window2 && "IntersectionObserver" in window2);
   const targets = computed(() => {
     const _target = toValue(target);
-    return (Array.isArray(_target) ? _target : [_target]).map(unrefElement).filter(notNullish);
+    return toArray(_target).map(unrefElement).filter(notNullish);
   });
   let cleanup = noop;
   const isActive = ref(immediate);
@@ -32814,7 +32819,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "f80ef6d8": unref(computedItemHeight)
+      "7a7099e0": unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const NON_DIGIT_REGEX = /[^\d.-]/g;
@@ -33041,7 +33046,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4c462da5"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-966ec7d7"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {
@@ -33669,12 +33674,14 @@ class BagelAuth {
   }
 }
 class Bagel {
-  constructor({ host, onError }) {
+  constructor({ host, fileBaseUrl, onError }) {
     __publicField(this, "host");
+    __publicField(this, "fileBaseUrl");
     __publicField(this, "onError");
     __publicField(this, "read_table");
     __publicField(this, "auth", new BagelAuth(this));
     this.host = host == null ? void 0 : host.replace(/\/$/, "");
+    this.fileBaseUrl = fileBaseUrl == null ? void 0 : fileBaseUrl.replace(/\/$/, "");
     if (!this.host) {
       return this;
     }

package/dist/plugins/drag-n-drop/draggable.d.ts

@@ -0,0 +1,4 @@
+import { ObjectDirective } from 'vue';
+declare const draggableDirective: ObjectDirective;
+export default draggableDirective;
+//# sourceMappingURL=draggable.d.ts.map

package/dist/plugins/drag-n-drop/draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/draggable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,KAAK,CAAA;AAQ5D,QAAA,MAAM,kBAAkB,EAAE,eAKzB,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/plugins/drag-n-drop/droppable.d.ts

@@ -0,0 +1,4 @@
+import { ObjectDirective } from 'vue';
+declare const droppableDirective: ObjectDirective;
+export default droppableDirective;
+//# sourceMappingURL=droppable.d.ts.map

package/dist/plugins/drag-n-drop/droppable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"droppable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/droppable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,KAAK,CAAA;AAQ5D,QAAA,MAAM,kBAAkB,EAAE,eAKzB,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/plugins/drag-n-drop/index.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    install(app: any): void;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/drag-n-drop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/index.ts"],"names":[],"mappings":";iBAIc,GAAG;;AADjB,wBAKC"}

package/dist/plugins/drag-n-drop/useDraggable.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+interface DraggableOptions {
+    handle?: string;
+    onGenerateDragPreview?: (args: any) => void;
+}
+export declare function useDraggable(el: Ref<HTMLElement | null>, data: any, options?: DraggableOptions): void;
+export {};
+//# sourceMappingURL=useDraggable.d.ts.map

package/dist/plugins/drag-n-drop/useDraggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/useDraggable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9B,UAAU,gBAAgB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;CAE3C;AAED,wBAAgB,YAAY,CAC3B,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3B,IAAI,EAAE,GAAG,EACT,OAAO,GAAE,gBAAqB,GAC5B,IAAI,CA0BN"}

package/dist/plugins/drag-n-drop/useDroppable.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+interface DroppableOptions {
+    canDrop?: (args: any) => boolean;
+}
+export declare function useDroppable(el: Ref<HTMLElement | null>, data: any, onDrop?: (event: any) => void, options?: DroppableOptions): void;
+export {};
+//# sourceMappingURL=useDroppable.d.ts.map

package/dist/plugins/drag-n-drop/useDroppable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDroppable.d.ts","sourceRoot":"","sources":["../../../src/plugins/drag-n-drop/useDroppable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9B,UAAU,gBAAgB;IACzB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAA;CAEhC;AAED,wBAAgB,YAAY,CAC3B,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3B,IAAI,EAAE,GAAG,EACT,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,EAC7B,OAAO,GAAE,gBAAqB,GAC5B,IAAI,CAqBN"}

package/dist/style.css

@@ -3496,22 +3496,22 @@ body:has(.bg-dark.is-active) {
   background: transparent;
 }
 
-.table-list-wrap[data-v-4c462da5] {
+.table-list-wrap[data-v-966ec7d7] {
 	min-height: 150px;
 }
-.selected[data-v-4c462da5] {
+.selected[data-v-966ec7d7] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-4c462da5]:hover {
+tbody tr.selected[data-v-966ec7d7]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-4c462da5] {
+.loading-table[data-v-966ec7d7] {
 	position: relative;
 }
-.inset[data-v-4c462da5] {
+.inset[data-v-966ec7d7] {
 	inset: 0;
 }
-.loading-table-animation[data-v-4c462da5] {
+.loading-table-animation[data-v-966ec7d7] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -3519,9 +3519,9 @@ tbody tr.selected[data-v-4c462da5]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-4c462da5 1s linear infinite;
+	animation: loading-table-966ec7d7 1s linear infinite;
 }
-@keyframes loading-table-4c462da5 {
+@keyframes loading-table-966ec7d7 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -3529,51 +3529,51 @@ tbody tr.selected[data-v-4c462da5]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-4c462da5] {
+.list-arrows[data-v-966ec7d7] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-4c462da5] {
+.list-arrows .bgl_icon-font[data-v-966ec7d7] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-4c462da5] {
+.list-arrows.sorted[data-v-966ec7d7] {
 	opacity: 1;
 }
-.col img[data-v-4c462da5] {
+.col img[data-v-966ec7d7] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-4c462da5] {
+.list-arrows.sorted .desc[data-v-966ec7d7] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-4c462da5] {
+table[data-v-966ec7d7] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-4c462da5] {
+th[data-v-966ec7d7] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--f80ef6d8);
+	height: var(--7a7099e0);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-4c462da5] {
+.embedded-field[data-v-966ec7d7] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-4c462da5] {
+.row[data-v-966ec7d7] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-4c462da5] {
+.row.first-row[data-v-966ec7d7] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -3582,7 +3582,7 @@ th[data-v-4c462da5] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-4c462da5]::after {
+.row.first-row[data-v-966ec7d7]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3590,30 +3590,33 @@ th[data-v-4c462da5] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-4c462da5] {
+.first-row .col[data-v-966ec7d7] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-4c462da5] {
+.col[data-v-966ec7d7] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	max-width: 30vw;
 }
-.col[data-v-4c462da5]:has(.bagel-input) {
+.col[data-v-966ec7d7]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-4c462da5] {
+.col > div[data-v-966ec7d7] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-4c462da5] {
+.max-col-width[data-v-966ec7d7] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-4c462da5] {
+.col.check .bgl_icon-font[data-v-966ec7d7] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -3624,35 +3627,35 @@ th[data-v-4c462da5] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-4c462da5] {
+.rows[data-v-966ec7d7] {
 	font-size: 0.88em;
 }
-.table-list[data-v-4c462da5] {
+.table-list[data-v-966ec7d7] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-4c462da5] {
+.BagelTable .table-list[data-v-966ec7d7] {
 	overflow: unset;
 }
-.row-item[data-v-4c462da5] {
-	height: var(--f80ef6d8);
+.row-item[data-v-966ec7d7] {
+	height: var(--7a7099e0);
 	transition: all 200ms ease;
 }
-.row-item[data-v-4c462da5]:hover {
+.row-item[data-v-966ec7d7]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-4c462da5] {
+.row-item input[type='checkbox'][data-v-966ec7d7] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-4c462da5] {
+.infinite-wrapper[data-v-966ec7d7] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-4c462da5] {
+input[type='checkbox'][data-v-966ec7d7] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -3664,7 +3667,7 @@ input[type='checkbox'][data-v-4c462da5] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-4c462da5]::before {
+input[type='checkbox'][data-v-966ec7d7]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -3677,18 +3680,18 @@ input[type='checkbox'][data-v-4c462da5]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-4c462da5]:hover::before {
+input[type='checkbox'][data-v-966ec7d7]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-4c462da5] {
+[lang='he'] [dir='ltr'][data-v-966ec7d7] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-4c462da5] {
+th input[type='checkbox'][data-v-966ec7d7] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-4c462da5]::after {
+th[data-v-966ec7d7]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3696,24 +3699,24 @@ th[data-v-4c462da5]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-4c462da5] {
+tr[data-v-966ec7d7] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-4c462da5],
-th[data-v-4c462da5] {
+td[data-v-966ec7d7],
+th[data-v-966ec7d7] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-4c462da5] {
+tbody tr[data-v-966ec7d7] {
 	font-size: 0.88em;
-	height: var(--f80ef6d8);
+	height: var(--7a7099e0);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-4c462da5]:hover {
+tbody tr[data-v-966ec7d7]:hover {
 	background: var(--bgl-gray-light);
 }