@bagelink/vue 0.0.1224 → 0.0.1227

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, 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, useCssVars, onMounted, Comment, Text, nextTick, onBeforeUnmount, onUnmounted, h as h$2, getCurrentScope, onScopeDispose, toValue, getCurrentInstance, shallowRef, mergeModels, useModel, normalizeProps, vModelCheckbox, pushScopeId, popScopeId, guardReactiveProps, withScopeId, createApp, vModelText, toRef, createSlots, Teleport, render as render$e, onBeforeUpdate, vShow, vModelRadio, TransitionGroup, vModelDynamic, 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, useCssVars, onMounted, Comment, Text, nextTick, onBeforeUnmount, onUnmounted, isVNode, h as h$2, getCurrentScope, onScopeDispose, toValue, getCurrentInstance, shallowRef, mergeModels, useModel, normalizeProps, vModelCheckbox, pushScopeId, popScopeId, guardReactiveProps, withScopeId, createApp, vModelText, toRef, createSlots, Teleport, render as render$e, onBeforeUpdate, vShow, vModelRadio, TransitionGroup, vModelDynamic, markRaw } from "vue";
 import { RouterLink } from "vue-router";
 const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -315,7 +315,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-7b18a02c"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-bfc435b3"]]);
 const _hoisted_1$17 = ["dismissable"];
 const _hoisted_2$Q = { class: "m-0" };
 const _sfc_main$1j = /* @__PURE__ */ defineComponent({
@@ -10761,6 +10761,11 @@ function useSchemaField(options) {
     }
     return typeof field.$el === "object" ? field.$el : componentMap[field.$el] ?? field.$el ?? "div";
   }
+  function renderChild(child, slots) {
+    if (typeof child === "string") return child;
+    if (isVNode(child)) return child;
+    return renderField(child, slots);
+  }
   function renderField(field, slots) {
     const Component = getComponent(field);
     if (!Component) return null;
@@ -10840,17 +10845,24 @@ function useSchemaField(options) {
     props2.class = classify(currentValue, rowData, fieldClass, props2.class);
     const componentSlots = {};
     if (children2 == null ? void 0 : children2.length) {
-      componentSlots.default = () => children2.map((child) => {
-        if (typeof child === "string") return child;
-        return renderField(child, slots);
-      }).filter(Boolean);
+      componentSlots.default = () => children2.map((child) => renderChild(child, slots)).filter(Boolean);
     }
     if (isSlotValueComponent && transformedValue !== void 0) {
       componentSlots.default = () => (transformedValue == null ? void 0 : transformedValue.toString()) || "";
     }
     if (fieldSlots) {
       Object.entries(fieldSlots).forEach(([name, slot]) => {
-        componentSlots[name] = typeof slot === "function" ? () => slot(currentValue, rowData) : () => slot;
+        componentSlots[name] = () => {
+          if (Array.isArray(slot)) {
+            return slot.map((schemaField) => renderField(schemaField, slots));
+          } else if (isVNode(slot)) {
+            return slot;
+          } else if (typeof slot === "function") {
+            const slotFn = slot;
+            return slotFn({ row: rowData, field });
+          }
+          return slot;
+        };
       });
     }
     const slotContent = field.id && (slots == null ? void 0 : slots[field.id]) ? slots[field.id]({ row: rowData, field }) : void 0;
@@ -15105,9 +15117,12 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     async function handleSubmit() {
       var _a2;
       try {
+        if (formState.value === "submitting") return;
+        formState.value = "submitting";
         await ((_a2 = props2.onSubmit) == null ? void 0 : _a2.call(props2, formData.value));
         initialFormData.value = structuredClone(formData.value);
         formState.value = "success";
+        window.parent.postMessage({ type: "BAGEL_FORM_SUCCESS", data: formData.value }, "*");
       } catch (error) {
         formState.value = "error";
       }
@@ -15145,7 +15160,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "submit", {
           submit: handleSubmit,
           isDirty: isDirty.value,
-          validateForm
+          validateForm,
+          formState: formState.value
         }),
         formState.value === "success" ? renderSlot(_ctx.$slots, "success", { key: 2 }) : createCommentVNode("", true),
         formState.value === "error" ? renderSlot(_ctx.$slots, "error", { key: 3 }) : createCommentVNode("", true)
@@ -42144,7 +42160,7 @@ const _hoisted_5$1 = {
 };
 const _hoisted_6$1 = ["onClick"];
 const _hoisted_7$1 = ["onClick"];
-const _hoisted_8$1 = ["onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
+const _hoisted_8$1 = ["tabindex", "onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
 const _hoisted_9$1 = ["value", "onInput"];
 const _hoisted_10$1 = { class: "spreadsheet-cell spreadsheetCellPlaceHolder" };
 const _hoisted_11$1 = {
@@ -42164,7 +42180,7 @@ const _hoisted_16 = {
 };
 const _hoisted_17 = ["onClick"];
 const _hoisted_18 = ["onClick"];
-const _hoisted_19 = ["onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
+const _hoisted_19 = ["tabindex", "onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
 const _hoisted_20 = ["value", "onInput"];
 const _hoisted_21 = { class: "spreadsheet-cell spreadsheetCellPlaceHolder" };
 const _hoisted_22 = {
@@ -42248,7 +42264,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           format: (configuredColumn == null ? void 0 : configuredColumn.format) ?? "text",
           width: configuredColumn == null ? void 0 : configuredColumn.width,
           fixed: (configuredColumn == null ? void 0 : configuredColumn.fixed) ?? false,
-          hidden: (configuredColumn == null ? void 0 : configuredColumn.hidden) ?? false
+          hidden: (configuredColumn == null ? void 0 : configuredColumn.hidden) ?? false,
+          defaultValue: configuredColumn == null ? void 0 : configuredColumn.defaultValue
         };
       });
     });
@@ -42418,7 +42435,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       if (column == null ? void 0 : column.locked) return;
       saveState("cell");
       const parsedValue = parseValueForFormat(newValue, column == null ? void 0 : column.format);
-      localRows.value[rowIndex][key] = parsedValue;
+      localRows.value[rowIndex][key] = parsedValue ?? (column == null ? void 0 : column.defaultValue) ?? ((column == null ? void 0 : column.format) === "boolean" ? false : "");
       emitUpdate();
     }
     const fixedColumns = computed(() => {
@@ -42430,7 +42447,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     function createEmptyRow() {
       const newRow = {};
       columns.value.forEach((col) => {
-        newRow[col.key] = col.format === "boolean" ? false : "";
+        if (col.defaultValue !== void 0) {
+          newRow[col.key] = col.defaultValue;
+        } else {
+          newRow[col.key] = col.format === "boolean" ? false : "";
+        }
       });
       return newRow;
     }
@@ -42510,6 +42531,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         const input = editInputRef.value.get(inputKey);
         if (input) {
           input.focus();
+          if (initialKey !== void 0) {
+            input.value = initialKey;
+          }
         }
       });
     }
@@ -42524,7 +42548,17 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
       editingCell.value = null;
       editingOriginalValue.value = null;
-      console.log(editingCell.value);
+    }
+    function handleStopEditingAndBlur(cancelled = false) {
+      nextTick(() => {
+        stopEditing(cancelled);
+        nextTick(() => {
+          const spreadsheet = document.querySelector(".spreadsheet");
+          if (spreadsheet) {
+            spreadsheet.focus();
+          }
+        });
+      });
     }
     window.addEventListener("mouseup", handleMouseUp);
     function selectEntireRow(rowIndex) {
@@ -42677,7 +42711,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                           locked: !isCellEditable(col.key)
                         }),
                         style: normalizeStyle({ width: col.width }),
-                        tabindex: "0",
+                        tabindex: col.hidden ? void 0 : 0,
                         onMousedown: ($event) => handleMouseDown(rowIndex, fixedColumns.value.indexOf(col)),
                         onMouseover: ($event) => handleMouseOver(rowIndex, fixedColumns.value.indexOf(col)),
                         onFocusin: ($event) => handleMouseOver(rowIndex, fixedColumns.value.indexOf(col)),
@@ -42691,12 +42725,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                             value: row[col.key],
                             type: "text",
                             class: "spreadsheet-input",
-                            autofocus: "",
                             onInput: (e) => updateCell(rowIndex, col.key, e.target.value),
-                            onBlur: _cache[1] || (_cache[1] = ($event) => stopEditing(false)),
+                            onBlur: _cache[1] || (_cache[1] = ($event) => handleStopEditingAndBlur(false)),
                             onKeydown: [
-                              _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => stopEditing(true), ["prevent"]), ["esc"])),
-                              _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => stopEditing(false), ["prevent"]), ["enter"]))
+                              _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => handleStopEditingAndBlur(false), ["prevent"]), ["enter"])),
+                              _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => handleStopEditingAndBlur(true), ["prevent"]), ["esc"]))
                             ],
                             onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {
                             }, ["stop"]))
@@ -42761,7 +42794,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                             locked: !isCellEditable(col.key)
                           }),
                           style: normalizeStyle({ width: col.width }),
-                          tabindex: "0",
+                          tabindex: col.hidden ? void 0 : 0,
                           onMousedown: ($event) => handleMouseDown(rowIndex, fixedColumns.value.length + colIndex),
                           onMouseover: ($event) => handleMouseOver(rowIndex, fixedColumns.value.length + colIndex),
                           onFocusin: ($event) => handleMouseOver(rowIndex, fixedColumns.value.length + colIndex),
@@ -42775,12 +42808,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                               value: row[col.key],
                               type: "text",
                               class: "spreadsheet-input",
-                              autofocus: "",
                               onInput: (e) => updateCell(rowIndex, col.key, e.target.value),
-                              onBlur: _cache[6] || (_cache[6] = ($event) => stopEditing(false)),
+                              onBlur: _cache[6] || (_cache[6] = ($event) => handleStopEditingAndBlur(false)),
                               onKeydown: [
-                                _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => stopEditing(true), ["prevent"]), ["esc"])),
-                                _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => stopEditing(false), ["prevent"]), ["enter"]))
+                                _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => handleStopEditingAndBlur(false), ["prevent"]), ["enter"])),
+                                _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => handleStopEditingAndBlur(true), ["prevent"]), ["esc"]))
                               ],
                               onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {
                               }, ["stop"]))
@@ -42827,7 +42859,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-c988b157"]]);
+const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-784daa05"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {
@@ -43695,7 +43727,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { name: "fade" }, {
         default: withCtx(() => {
-          var _a2, _b, _c, _d, _e2, _f, _g, _h;
+          var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j;
           return [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -43756,7 +43788,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: _cache[2] || (_cache[2] = ($event) => zoom.value++)
                     }, null, 8, ["disabled"])
                   ])) : createCommentVNode("", true),
-                  ((_c = unref(currentItem)) == null ? void 0 : _c.openFile) ? (openBlock(), createBlock(unref(Btn), {
+                  ((_c = unref(currentItem)) == null ? void 0 : _c.openFile) && ((_d = unref(currentItem)) == null ? void 0 : _d.src) ? (openBlock(), createBlock(unref(Btn), {
                     key: 1,
                     class: "color-white",
                     round: "",
@@ -43764,10 +43796,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     flat: "",
                     iconEnd: "arrow_outward",
                     value: "Open File",
-                    href: (_d = unref(currentItem)) == null ? void 0 : _d.src,
+                    href: (_e2 = unref(currentItem)) == null ? void 0 : _e2.src,
                     target: "_blank"
                   }, null, 8, ["href"])) : createCommentVNode("", true),
-                  ((_e2 = unref(currentItem)) == null ? void 0 : _e2.download) ? (openBlock(), createBlock(unref(Btn), {
+                  ((_f = unref(currentItem)) == null ? void 0 : _f.download) && ((_g = unref(currentItem)) == null ? void 0 : _g.src) ? (openBlock(), createBlock(unref(Btn), {
                     key: 2,
                     class: "color-white",
                     round: "",
@@ -43775,10 +43807,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     flat: "",
                     icon: "download",
                     value: "Download File",
-                    href: upgradeHeaders((_f = unref(currentItem)) == null ? void 0 : _f.src),
+                    href: upgradeHeaders((_h = unref(currentItem)) == null ? void 0 : _h.src),
                     download: ""
                   }, null, 8, ["href"])) : createCommentVNode("", true),
-                  !((_g = unref(currentItem)) == null ? void 0 : _g.openFile) && !((_h = unref(currentItem)) == null ? void 0 : _h.download) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+                  !((_i = unref(currentItem)) == null ? void 0 : _i.openFile) && !((_j = unref(currentItem)) == null ? void 0 : _j.download) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
                 ]),
                 createVNode(unref(Carousel), {
                   index: unref(currentIndex),
@@ -43803,18 +43835,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             createVNode(unref(Image$1), {
                               draggable: false,
                               src: item == null ? void 0 : item.src,
+                              pathKey: item == null ? void 0 : item.pathKey,
                               alt: "Preview",
                               class: "vw90 lightbox-image"
-                            }, null, 8, ["src"])
+                            }, null, 8, ["src", "pathKey"])
                           ]),
                           _: 2
-                        }, 1032, ["zoom", "disabled"])) : (item == null ? void 0 : item.type) === "video" ? (openBlock(), createBlock(unref(BglVideo), {
+                        }, 1032, ["zoom", "disabled"])) : (item == null ? void 0 : item.type) === "video" && (item == null ? void 0 : item.src) ? (openBlock(), createBlock(unref(BglVideo), {
                           key: 1,
                           src: item == null ? void 0 : item.src,
                           autoplay: "",
                           controls: "",
                           class: "vw90"
-                        }, null, 8, ["src"])) : (item == null ? void 0 : item.type) === "pdf" ? (openBlock(), createElementBlock("embed", {
+                        }, null, 8, ["src"])) : (item == null ? void 0 : item.type) === "pdf" && (item == null ? void 0 : item.src) ? (openBlock(), createElementBlock("embed", {
                           key: 2,
                           src: unref(normalizeURL)(item == null ? void 0 : item.src),
                           type: "application/pdf",
@@ -43886,7 +43919,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f833758f"]]);
+const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-194584ac"]]);
 const groups = {};
 let clickHandler = (_e2) => void 0;
 const lightboxDirective = {
@@ -44285,7 +44318,8 @@ function findBglFieldById(id, _schema) {
   for (const field of _schema) {
     if (field.id === id) return field;
     if (field.children && Number(field.children.length) > 0) {
-      const child = findBglFieldById(id, field.children.filter((c2) => typeof c2 !== "string"));
+      const fieldChildren = field.children.filter((c2) => typeof c2 === "object" && "$el" in c2);
+      const child = findBglFieldById(id, fieldChildren);
       if (child) return child;
     }
   }

package/dist/style.css

@@ -55,62 +55,62 @@
 	max-height: 300px;
 }
 
-.bgl_btn[data-v-7b18a02c] {
+.bgl_btn[data-v-bfc435b3] {
   --btn-bg: var(--bgl-primary);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-text-color);
 }
-.bgl_btn-green[data-v-7b18a02c] {
+.bgl_btn-green[data-v-bfc435b3] {
   --btn-bg: var(--bgl-green);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-green);
 }
-.bgl_btn-yellow[data-v-7b18a02c] {
+.bgl_btn-yellow[data-v-bfc435b3] {
   --btn-bg: var(--bgl-yellow);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-yellow);
 }
-.bgl_btn-blue[data-v-7b18a02c] {
+.bgl_btn-blue[data-v-bfc435b3] {
   --btn-bg: var(--bgl-blue);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-blue);
 }
-.bgl_btn-primary[data-v-7b18a02c] {
+.bgl_btn-primary[data-v-bfc435b3] {
   --btn-bg: var(--bgl-primary);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-primary);
 }
-.bgl_btn-red[data-v-7b18a02c] {
+.bgl_btn-red[data-v-bfc435b3] {
   --btn-bg: var(--bgl-red);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-red);
 }
-.bgl_btn-white[data-v-7b18a02c] {
+.bgl_btn-white[data-v-bfc435b3] {
   --btn-bg: var(--bgl-white);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-white);
 }
-.bgl_btn-black[data-v-7b18a02c] {
+.bgl_btn-black[data-v-bfc435b3] {
   --btn-bg: var(--bgl-black);
   --btn-color: var(--bgl-light-text);
   --btn-flat-color: var(--bgl-black);
 }
-.bgl_btn-gray[data-v-7b18a02c] {
+.bgl_btn-gray[data-v-bfc435b3] {
   --btn-bg: var(--bgl-gray-light);
   --btn-color: var(--bgl-black);
   --btn-flat-color: var(--bgl-gray);
 }
-.bgl_btn-light[data-v-7b18a02c] {
+.bgl_btn-light[data-v-bfc435b3] {
   --btn-bg: var(--bgl-primary-light);
   --btn-color: var(--bgl-primary);
   --btn-flat-color: var(--bgl-primary-light);
 }
-.bgl_btn-gray-light[data-v-7b18a02c] {
+.bgl_btn-gray-light[data-v-bfc435b3] {
   --btn-bg: var(--bgl-gray-light);
   --btn-color: var(--bgl-gray);
   --btn-flat-color: var(--bgl-gray-light);
 }
-.bgl_btn[data-v-7b18a02c] {
+.bgl_btn[data-v-bfc435b3] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
@@ -118,7 +118,7 @@
   color: var(--btn-color);
   text-decoration: none;
 }
-.bgl_btn.bgl_btn-icon[data-v-7b18a02c] {
+.bgl_btn.bgl_btn-icon[data-v-bfc435b3] {
   padding-left: 0;
   padding-right: 0;
   height: var(--btn-height);
@@ -127,69 +127,72 @@
   font-size: 1rem;
   flex-shrink: 0;
 }
-a[data-v-7b18a02c] {
+a[data-v-bfc435b3] {
   text-decoration: none;
 }
-.bgl_btn-flex[data-v-7b18a02c] {
+.bgl_btn-flex[data-v-bfc435b3] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_btn .bgl_btn-icon[data-v-7b18a02c]{
+.bgl_btn .bgl_btn-icon[data-v-bfc435b3]{
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-7b18a02c]:hover,
-.bgl_btn-icon[data-v-7b18a02c]:hover {
+.bgl_btn[data-v-bfc435b3]:hover,
+.bgl_btn-icon[data-v-bfc435b3]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-7b18a02c]:active:not(:disabled),
-.bgl_btn-icon[data-v-7b18a02c]:active:not(:disabled) {
+.bgl_btn[data-v-bfc435b3]:active:not(:disabled),
+.bgl_btn-icon[data-v-bfc435b3]:active:not(:disabled) {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_btn_flat[data-v-7b18a02c] {
+.bgl_btn.bgl_btn_flat[data-v-bfc435b3] {
   background: transparent;
   color: var(--btn-flat-color);
 }
-.bgl_btn_flat[data-v-7b18a02c]:hover:not(:disabled),
-.bgl_btn-icon.bgl_btn_flat[data-v-7b18a02c]:hover:not(:disabled) {
+.bgl_btn_flat[data-v-bfc435b3]:hover:not(:disabled),
+.bgl_btn-icon.bgl_btn_flat[data-v-bfc435b3]:hover:not(:disabled) {
   background: var(--bgl-gray-20);
 }
-.bgl_btn.bgl_btn_flat[data-v-7b18a02c]:active:not(:disabled),
-.bgl_btn-icon.bgl_btn_flat[data-v-7b18a02c]:active:not(:disabled) {
+.bgl_btn.bgl_btn_flat[data-v-bfc435b3]:active:not(:disabled),
+.bgl_btn-icon.bgl_btn_flat[data-v-bfc435b3]:active:not(:disabled) {
   background: var(--bgl-gray-40);
 }
-.bgl_btn.thin[data-v-7b18a02c] {
+.bgl_btn.thin[data-v-bfc435b3] {
   padding-inline: calc(var(--btn-padding) / 3);
   border-radius: calc(var(--btn-border-radius) / 1.5);
 }
-.bgl_btn.round[data-v-7b18a02c] {
+.bgl_btn.round[data-v-bfc435b3] {
   border-radius: 1000px;
 }
-.bgl_btn-icon.thin[data-v-7b18a02c] {
+.bgl_btn-icon.thin[data-v-bfc435b3] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: normal;
 }
-.bgl_btn-icon.thin .bgl_btn-flex[data-v-7b18a02c] {
+.bgl_btn-icon.thin .bgl_btn-flex[data-v-bfc435b3] {
 	height: 100%;
 }
-[dir="rtl"] .bgl_btn-icon[data-v-7b18a02c]{
+[dir="rtl"] .bgl_btn-icon[data-v-bfc435b3]{
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-7b18a02c], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-7b18a02c] {
+[dir="rtl"] .ltr .bgl_btn-icon[data-v-bfc435b3]{
+  transform: rotateY(0deg);
+}
+.bgl_btn-border[data-v-bfc435b3], .bgl_btn-icon.bgl_btn_flat.bgl_btn-border[data-v-bfc435b3] {
 	  border: 1px solid var(--btn-flat-color);
 	  background: transparent;
 	  color: var(--btn-flat-color);
 }
-.bgl_btn-border[data-v-7b18a02c]:hover {
+.bgl_btn-border[data-v-bfc435b3]:hover {
 	  color: var(--btn-flat-color);
 }
-.bgl_btn-border[data-v-7b18a02c]:active:not(:disabled) {
+.bgl_btn-border[data-v-bfc435b3]:active:not(:disabled) {
   filter: brightness(80%);
 }
-.bgl_btn[data-v-7b18a02c]:disabled {
+.bgl_btn[data-v-bfc435b3]:disabled {
   opacity: 0.6;
   filter: grayscale(0.3);
   cursor: not-allowed;
@@ -4305,20 +4308,20 @@ body:has(.bg-dark.is-active) {
   background: transparent;
 }
 
-.fixed-columns[data-v-c988b157] {
+.fixed-columns[data-v-784daa05] {
 	border-right: 2px solid var(--border-color);
 }
-.spreadsheet table[data-v-c988b157] {
+.spreadsheet table[data-v-784daa05] {
 	border-collapse: collapse;
 }
-.spreadsheet th[data-v-c988b157], .spreadsheet td[data-v-c988b157] {
+.spreadsheet th[data-v-784daa05], .spreadsheet td[data-v-784daa05] {
 	border: 1px solid var(--border-color);
 	padding: 0.1rem 0.5rem;
 	min-width: 80px;
 	background: var(--bgl-white);
 	user-select: none;
 }
-.spreadsheet th[data-v-c988b157] {
+.spreadsheet th[data-v-784daa05] {
 	background: var(--input-bg);
 	white-space: nowrap;
 	position: relative;
@@ -4326,27 +4329,27 @@ body:has(.bg-dark.is-active) {
 	font-weight: 500;
 	text-align: start;
 }
-.spreadsheet th .bgl_icon-font[data-v-c988b157]{
+.spreadsheet th .bgl_icon-font[data-v-784daa05]{
 	vertical-align: middle;
 }
-.spreadsheet td.selected[data-v-c988b157] {
+.spreadsheet td.selected[data-v-784daa05] {
 	background: var(--bgl-primary-light);
 }
-.spreadsheet td.locked[data-v-c988b157] {
+.spreadsheet td.locked[data-v-784daa05] {
 	background: var(--bgl-gray-light);
 	cursor: default;
 }
-.spreadsheet td.locked.selected[data-v-c988b157] {
+.spreadsheet td.locked.selected[data-v-784daa05] {
 	background: var(--bgl-primary-light);
 }
-.spreadsheet td[data-v-c988b157] {
+.spreadsheet td[data-v-784daa05] {
 	height: 40px;
 	vertical-align: middle;
 }
-.spreadsheet td[data-v-c988b157]:has(img){
+.spreadsheet td[data-v-784daa05]:has(img){
 	padding: 0;
 }
-.spreadsheet td span[data-v-c988b157]{
+.spreadsheet td span[data-v-784daa05]{
 	display: block;
     display: -webkit-box;
     max-width: 100%;
@@ -4356,7 +4359,7 @@ body:has(.bg-dark.is-active) {
     -webkit-line-clamp: 1;
 	word-break: break-all;
 }
-.spreadsheet input[data-v-c988b157] {
+.spreadsheet input[data-v-784daa05] {
 	width: 100%;
 	border: none;
 	background: transparent;
@@ -4365,31 +4368,31 @@ body:has(.bg-dark.is-active) {
 	min-height: 0;
 	min-width: 0;
 }
-.spreadsheet input[data-v-c988b157]:focus {
+.spreadsheet input[data-v-784daa05]:focus {
 	outline: 2px solid var(--bgl-primary);
 	outline-offset: 6px;
 }
-.spreadsheet th.sortable[data-v-c988b157] {
+.spreadsheet th.sortable[data-v-784daa05] {
 	cursor: pointer;
 }
-.row-number-header[data-v-c988b157], .row-number[data-v-c988b157] {
+.row-number-header[data-v-784daa05], .row-number[data-v-784daa05] {
 	width: fit-content;
 	min-width: fit-content !important;
 	padding: 0.1rem 0.7rem !important;
 }
-.spreadsheet td .bgl-checkbox[data-v-c988b157]{
+.spreadsheet td .bgl-checkbox[data-v-784daa05]{
 	margin: 0;
 	text-align: center;
 	justify-content: center;
 }
-.spreadsheet td[data-v-c988b157]:has(.bgl-checkbox){
+.spreadsheet td[data-v-784daa05]:has(.bgl-checkbox){
 	text-align: center;
 	background: var(--input-bg);
 }
-.spreadsheet td[data-v-c988b157]:has(:checked){
+.spreadsheet td[data-v-784daa05]:has(:checked){
 	background: var(--bgl-primary-light);
 }
-.spreadsheetCellPlaceHolder[data-v-c988b157]{
+.spreadsheetCellPlaceHolder[data-v-784daa05]{
 	height: 0px;
 	overflow: hidden;
 	opactiy: 0;
@@ -4427,19 +4430,19 @@ body:has(.bg-dark.is-active) {
   -moz-user-drag: none;
 }
 
-.lightbox-image[data-v-f833758f]{
+.lightbox-image[data-v-194584ac]{
 	object-fit: contain;
 }
-.bgl-lightbox-overlay[data-v-f833758f] {
+.bgl-lightbox-overlay[data-v-194584ac] {
 	background: rgba(0, 0, 0, 0.8);
 }
-.bgl-lightbox[data-v-f833758f] {
+.bgl-lightbox[data-v-194584ac] {
 	max-height: 90%;
 }
-.bgl-lightbox-item[data-v-f833758f]{
-	animation: 500ms ease bgl-lightbox-load-f833758f;
+.bgl-lightbox-item[data-v-194584ac]{
+	animation: 500ms ease bgl-lightbox-load-194584ac;
 }
-@keyframes bgl-lightbox-load-f833758f {
+@keyframes bgl-lightbox-load-194584ac {
 from {
     scale:0.7;
 }
@@ -4447,44 +4450,44 @@ to {
 	scale:1;
 }
 }
-.bgl-lightbox-item[data-v-f833758f] * {
+.bgl-lightbox-item[data-v-194584ac] * {
 	max-height: calc(80vh - 90px);
 	border-radius: 3px;
 	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-f833758f;
+	animation: 200ms ease bgl-lightbox-load-194584ac;
 	transition: max-height 200ms ease;
 }
-.bgl-lightbox-item.zoomed[data-v-f833758f] * {
+.bgl-lightbox-item.zoomed[data-v-194584ac] * {
 	max-height: calc(100vh - 90px);
 	height: calc(100vh - 90px);
 }
-.navigation[data-v-f833758f] {
+.navigation[data-v-194584ac] {
 	top: 50%;
 	transform: translateY(-50%);
 }
-.thumbnail[data-v-f833758f] {
+.thumbnail[data-v-194584ac] {
 	height: 50px;
 	width: 50px;
 }
-.thumbnail[data-v-f833758f]:hover {
+.thumbnail[data-v-194584ac]:hover {
 	opacity: 1;
 }
-.thumbnail[data-v-f833758f]:active {
+.thumbnail[data-v-194584ac]:active {
 	opacity: 0.8;
 }
-.thumbnail.active[data-v-f833758f] {
+.thumbnail.active[data-v-194584ac] {
 	opacity: 1;
 	outline: 2px solid white;
 }
-.file-info[data-v-f833758f]{
+.file-info[data-v-194584ac]{
 	max-width: 420px
 }
 @media screen and (max-width: 910px) {
-.file-info[data-v-f833758f]{
+.file-info[data-v-194584ac]{
 	max-width: 220px;
 	text-align: center !important;
 }
-.file-info[data-v-f833758f] *{
+.file-info[data-v-194584ac] *{
 	text-align: center !important;
 	margin-inline: 0 !important;;
 	max-width: 100% !important;