@bagelink/vue 1.2.20 → 1.2.22

package/dist/index.mjs

@@ -13742,7 +13742,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-4ead8342"]]);
+const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-06c34cf2"]]);
 const _hoisted_1$K = {
   key: 0,
   class: "label mb-05"
@@ -15299,7 +15299,7 @@ const _hoisted_11$3 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_12$2 = {
+const _hoisted_12$3 = {
   key: 1,
   class: "bgl-single-preview"
 };
@@ -15648,7 +15648,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                 ]);
               }), 128))
             ])) : createCommentVNode("", true),
-            !_ctx.multiple && (storageFiles.value.length > 0 || fileQueue.value.length > 0) ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
+            !_ctx.multiple && (storageFiles.value.length > 0 || fileQueue.value.length > 0) ? (openBlock(), createElementBlock("div", _hoisted_12$3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(storageFiles.value, (file) => {
                 return openBlock(), createElementBlock("div", {
                   key: file.id,
@@ -27092,7 +27092,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("label", { for: _ctx.id }, [
           createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          !_ctx.multiline && !_ctx.autoheight && !_ctx.code ? withDirectives((openBlock(), createElementBlock("input", mergeProps({
+          !_ctx.multiline && !_ctx.autoheight && !_ctx.code && inputRows.value < 2 ? withDirectives((openBlock(), createElementBlock("input", mergeProps({
             key: 0,
             id: _ctx.id,
             ref_key: "input",
@@ -27156,7 +27156,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-6dfc73c3"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-da1189c6"]]);
 const _hoisted_1$n = ["title"];
 const _hoisted_2$d = ["id", "required"];
 const _hoisted_3$b = ["for"];
@@ -27263,7 +27263,7 @@ const _hoisted_11$2 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_12$1 = {
+const _hoisted_12$2 = {
   key: 1,
   class: "bgl-single-preview"
 };
@@ -27524,7 +27524,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   ], 6)
                 ], 2);
               }), 128))
-            ])) : pathKeys.value.length > 0 || fileQueue.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
+            ])) : pathKeys.value.length > 0 || fileQueue.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(pathKeys.value, (path_key) => {
                 return openBlock(), createElementBlock("div", {
                   key: path_key,
@@ -33550,23 +33550,24 @@ function _sfc_render$2(_ctx, _cache) {
   });
 }
 const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$2]]);
-const _hoisted_1$4 = {
+const _hoisted_1$4 = { class: "stickyTop" };
+const _hoisted_2$2 = {
   key: 0,
   class: "row-number-header bg-white"
 };
-const _hoisted_2$2 = { class: "th-content" };
-const _hoisted_3$2 = ["onClick"];
-const _hoisted_4$2 = ["onMousedown"];
-const _hoisted_5$2 = ["onClick"];
-const _hoisted_6$2 = ["tabindex", "onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
-const _hoisted_7$2 = ["value", "onInput"];
-const _hoisted_8$1 = { class: "spreadsheet-cell spreadsheetCellPlaceHolder" };
-const _hoisted_9$1 = {
+const _hoisted_3$2 = { class: "th-content" };
+const _hoisted_4$2 = ["onClick"];
+const _hoisted_5$2 = ["onMousedown"];
+const _hoisted_6$2 = ["onClick"];
+const _hoisted_7$2 = ["tabindex", "onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
+const _hoisted_8$1 = ["value", "onInput"];
+const _hoisted_9$1 = { class: "spreadsheet-cell spreadsheetCellPlaceHolder" };
+const _hoisted_10$1 = {
   key: 0,
   class: "h40px w-100p flex align-items-center justify-content-center overflow-hidden"
 };
-const _hoisted_10$1 = ["src", "alt"];
-const _hoisted_11$1 = {
+const _hoisted_11$1 = ["src", "alt"];
+const _hoisted_12$1 = {
   key: 2,
   class: "spreadsheet-cell"
 };
@@ -33583,7 +33584,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     selectionStart: {},
     selectionEnd: {},
     editingCell: {},
-    baseColumnIndex: {}
+    baseColumnIndex: {},
+    wrapText: { type: Boolean }
   },
   emits: ["sortColumn", "resizeStart", "selectRow", "cellMouseDown", "cellMouseOver", "cellEditStart", "cellKeyDown", "updateCell", "stopEditing", "setInputRef"],
   setup(__props) {
@@ -33638,18 +33640,18 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("table", {
         class: normalizeClass({ "fixed-columns": _ctx.isFixed, "w-100p": !_ctx.isFixed })
       }, [
-        createElementVNode("thead", null, [
+        createElementVNode("thead", _hoisted_1$4, [
           createElementVNode("tr", null, [
-            _ctx.showRowNumbers ? (openBlock(), createElementBlock("th", _hoisted_1$4)) : createCommentVNode("", true),
+            _ctx.showRowNumbers ? (openBlock(), createElementBlock("th", _hoisted_2$2)) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
               return openBlock(), createElementBlock("th", {
                 key: col.key,
                 style: normalizeStyle({ width: _ctx.columnWidths.get(col.key) ? `${_ctx.columnWidths.get(col.key)}px` : col.width })
               }, [
-                createElementVNode("div", _hoisted_2$2, [
+                createElementVNode("div", _hoisted_3$2, [
                   createElementVNode("span", {
                     onClick: ($event) => col.sortable && _ctx.$emit("sortColumn", col.key)
-                  }, toDisplayString(col.label || col.key), 9, _hoisted_3$2),
+                  }, toDisplayString(col.label || col.key), 9, _hoisted_4$2),
                   _ctx.sortColumn === col.key ? (openBlock(), createBlock(unref(_sfc_main$s), {
                     key: 0,
                     class: normalizeClass(["line-height-0 transition-400", { "rotate-180": _ctx.sortDirection === "desc" }]),
@@ -33658,7 +33660,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", {
                     class: "resize-handle",
                     onMousedown: withModifiers(($event) => _ctx.$emit("resizeStart", $event, col.key), ["stop"])
-                  }, null, 40, _hoisted_4$2)
+                  }, null, 40, _hoisted_5$2)
                 ])
               ], 4);
             }), 128))
@@ -33671,13 +33673,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: "row-number txt-center hover user-select-none pointer txt12 regular",
                 onClick: ($event) => _ctx.$emit("selectRow", rowIndex)
-              }, toDisplayString(rowIndex + 1), 9, _hoisted_5$2)) : createCommentVNode("", true),
+              }, toDisplayString(rowIndex + 1), 9, _hoisted_6$2)) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col, colIndex) => {
                 return openBlock(), createElementBlock("td", {
                   key: col.key,
                   class: normalizeClass({
-                    selected: isCellSelected(rowIndex, colIndex),
-                    locked: !isCellEditable(col.key)
+                    "selected": isCellSelected(rowIndex, colIndex),
+                    "locked": !isCellEditable(col.key),
+                    "wrap-text": _ctx.wrapText
                   }),
                   style: normalizeStyle({ width: _ctx.columnWidths.get(col.key) ? `${_ctx.columnWidths.get(col.key)}px` : col.width }),
                   tabindex: col.hidden ? void 0 : 0,
@@ -33702,15 +33705,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       ],
                       onMousedown: _cache[3] || (_cache[3] = withModifiers(() => {
                       }, ["stop"]))
-                    }, null, 40, _hoisted_7$2),
-                    createElementVNode("span", _hoisted_8$1, toDisplayString(formatCellValue(row[col.key], col.format)), 1)
+                    }, null, 40, _hoisted_8$1),
+                    createElementVNode("span", _hoisted_9$1, toDisplayString(formatCellValue(row[col.key], col.format)), 1)
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    col.format === "image" ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+                    col.format === "image" ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
                       createElementVNode("img", {
                         class: "w-100p h-100p contain radius-05",
                         src: row[col.key],
                         alt: col.label || col.key
-                      }, null, 8, _hoisted_10$1)
+                      }, null, 8, _hoisted_11$1)
                     ])) : col.format === "boolean" ? (openBlock(), createBlock(unref(CheckInput), {
                       key: 1,
                       modelValue: !!row[col.key],
@@ -33718,9 +33721,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       "onUpdate:modelValue": (value) => _ctx.$emit("updateCell", rowIndex, col.key, !!value),
                       onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {
                       }, ["stop"]))
-                    }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_11$1, toDisplayString(formatCellValue(row[col.key], col.format)), 1))
+                    }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_12$1, toDisplayString(formatCellValue(row[col.key], col.format)), 1))
                   ], 64))
-                ], 46, _hoisted_6$2);
+                ], 46, _hoisted_7$2);
               }), 128))
             ]);
           }), 128))
@@ -33729,7 +33732,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SpreadsheetTable = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ad70b6cd"]]);
+const SpreadsheetTable = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-857ccb8b"]]);
 const _hoisted_1$3 = { class: "flex gap-05 py-05 justify-content-end m_flex-wrap" };
 const _hoisted_2$1 = {
   key: 0,
@@ -33739,7 +33742,7 @@ const _hoisted_3$1 = { class: "flex gap-075" };
 const _hoisted_4$1 = { class: "p-05" };
 const _hoisted_5$1 = { class: "flex space-between" };
 const _hoisted_6$1 = { class: "flex w-100p relative" };
-const _hoisted_7$1 = { class: "flex-shrink flex-grow overflow-x" };
+const _hoisted_7$1 = { class: "flex-shrink flex-grow" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "Index",
   props: {
@@ -33893,6 +33896,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const isSelecting = ref(false);
     const selectionStart = ref(null);
     const selectionEnd = ref(null);
+    const wrapText = localRef("wrapText", false);
     const editingCell = ref(null);
     const editInputRef = ref(/* @__PURE__ */ new Map());
     function setInputRef(el, key) {
@@ -34208,16 +34212,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return columns.value.filter((col) => !col.hidden);
     });
     return (_ctx, _cache) => {
-      const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", {
-        class: "w-100p overflow-hidden",
+        class: "w-100p",
         tabindex: "-1",
         onKeydown: handleSpreadsheetKeyDown
       }, [
         createElementVNode("div", _hoisted_1$3, [
           _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$1, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_3$1, [
-            createVNode(_sfc_main$W, {
+            createVNode(unref(_sfc_main$W), {
               flat: "",
               thin: "",
               icon: "view_column"
@@ -34265,44 +34268,42 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               placeholder: "Search",
               class: "m-0 max-w200px"
             }, null, 8, ["modelValue"]),
-            withDirectives(createVNode(unref(Btn), {
-              flat: "",
-              thin: "",
-              round: "",
-              icon: "paste",
-              onClick: pasteSelection
-            }, null, 512), [
-              [_directive_tooltip, "Paste"]
-            ]),
-            withDirectives(createVNode(unref(Btn), {
-              flat: "",
-              thin: "",
-              round: "",
-              icon: "copy",
-              onClick: copySelection
-            }, null, 512), [
-              [_directive_tooltip, "copy"]
-            ]),
-            withDirectives(createVNode(unref(Btn), {
-              flat: "",
-              thin: "",
-              round: "",
-              icon: "undo",
-              disabled: !canUndo.value,
-              onClick: undo
-            }, null, 8, ["disabled"]), [
-              [_directive_tooltip, "Undo"]
-            ]),
-            withDirectives(createVNode(unref(Btn), {
+            createVNode(unref(_sfc_main$W), {
               flat: "",
               thin: "",
-              round: "",
-              icon: "redo",
-              disabled: !canRedo.value,
-              onClick: redo
-            }, null, 8, ["disabled"]), [
-              [_directive_tooltip, "Redo"]
-            ])
+              icon: "more_vert"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$h), {
+                  title: "Paste",
+                  icon: "paste",
+                  onClick: pasteSelection
+                }),
+                createVNode(unref(_sfc_main$h), {
+                  title: "copy",
+                  icon: "copy",
+                  onClick: copySelection
+                }),
+                createVNode(unref(_sfc_main$h), {
+                  title: "Undo",
+                  icon: "undo",
+                  disabled: !canUndo.value,
+                  onClick: undo
+                }, null, 8, ["disabled"]),
+                createVNode(unref(_sfc_main$h), {
+                  title: "Redo",
+                  icon: "redo",
+                  disabled: !canRedo.value,
+                  onClick: redo
+                }, null, 8, ["disabled"]),
+                createVNode(unref(ToggleInput), {
+                  modelValue: unref(wrapText),
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(wrapText) ? wrapText.value = $event : null),
+                  label: "Wrap Text"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
           ])
         ]),
         createElementVNode("div", {
@@ -34323,6 +34324,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               "selection-end": selectionEnd.value,
               "editing-cell": editingCell.value,
               "base-column-index": 0,
+              "wrap-text": unref(wrapText),
               class: "sticky z-2 start-0 bg-white",
               onSortColumn: sortByColumn,
               onResizeStart: handleResizeStart,
@@ -34334,7 +34336,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               onUpdateCell: updateCell,
               onStopEditing: handleStopEditingAndBlur,
               onSetInputRef: setInputRef
-            }, null, 8, ["columns", "rows", "column-widths", "sort-column", "sort-direction", "selection-start", "selection-end", "editing-cell"])) : createCommentVNode("", true),
+            }, null, 8, ["columns", "rows", "column-widths", "sort-column", "sort-direction", "selection-start", "selection-end", "editing-cell", "wrap-text"])) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_7$1, [
               createVNode(SpreadsheetTable, {
                 columns: scrollableColumns.value,
@@ -34348,6 +34350,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 "selection-end": selectionEnd.value,
                 "editing-cell": editingCell.value,
                 "base-column-index": fixedColumns.value.length,
+                "wrap-text": unref(wrapText),
                 onSortColumn: sortByColumn,
                 onResizeStart: handleResizeStart,
                 onSelectRow: selectEntireRow,
@@ -34358,7 +34361,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 onUpdateCell: updateCell,
                 onStopEditing: handleStopEditingAndBlur,
                 onSetInputRef: setInputRef
-              }, null, 8, ["columns", "rows", "show-row-numbers", "column-widths", "sort-column", "sort-direction", "selection-start", "selection-end", "editing-cell", "base-column-index"])
+              }, null, 8, ["columns", "rows", "show-row-numbers", "column-widths", "sort-column", "sort-direction", "selection-start", "selection-end", "editing-cell", "base-column-index", "wrap-text"])
             ])
           ]),
           _ctx.allowAddRow ? (openBlock(), createBlock(unref(Btn), {
@@ -34376,7 +34379,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-1e744d43"]]);
+const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a7d01d6e"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {