@bagelink/vue 1.2.20 → 1.2.22

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

@@ -1 +1 @@
-{"version":3,"file":"Index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Spreadsheet/Index.vue"],"names":[],"mappings":"AAwxBA,KAAK,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,SAAS,CAAA;AAEhG,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,GAAG,CAAA;CAClB;AAGD,UAAU,KAAK;IACd,UAAU,EAAE,KAAK,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,CAAA;IACzC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0oCD,wBASG"}
+{"version":3,"file":"Index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Spreadsheet/Index.vue"],"names":[],"mappings":"AA4xBA,KAAK,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,SAAS,CAAA;AAEhG,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,GAAG,CAAA;CAClB;AAGD,UAAU,KAAK;IACd,UAAU,EAAE,KAAK,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,CAAA;IACzC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwpCD,wBASG"}

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

@@ -27,6 +27,7 @@ interface Props {
     selectionEnd: CellPosition | null;
     editingCell: CellPosition | null;
     baseColumnIndex: number;
+    wrapText?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     [x: string]: any;

package/dist/components/Spreadsheet/SpreadsheetTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpreadsheetTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Spreadsheet/SpreadsheetTable.vue"],"names":[],"mappings":"AAiUA,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACX;AAED,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,SAAS,CAAA;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,GAAG,CAAA;CAClB;AAED,UAAU,KAAK;IACd,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,IAAI,EAAE,KAAK,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,CAAA;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACjC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,aAAa,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,WAAW,EAAE,YAAY,GAAG,IAAI,CAAA;IAChC,eAAe,EAAE,MAAM,CAAA;CACvB;;;;;;;;AAoSD,wBAQG"}
+{"version":3,"file":"SpreadsheetTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Spreadsheet/SpreadsheetTable.vue"],"names":[],"mappings":"AAiVA,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACX;AAED,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,SAAS,CAAA;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,GAAG,CAAA;CAClB;AAED,UAAU,KAAK;IACd,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,IAAI,EAAE,KAAK,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,CAAA;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACjC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,aAAa,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,WAAW,EAAE,YAAY,GAAG,IAAI,CAAA;IAChC,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB;;;;;;;;AAwSD,wBAQG"}

package/dist/components/form/BglMultiStepForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BglMultiStepForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglMultiStepForm.vue"],"names":[],"mappings":"AA0bA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,KAAK,EAAoB,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,SAAS,EAAqB,MAAM,eAAe,CAAA;yBAG3C,CAAC,SAAS;IAAC,CAAC,GAAG,EAAC,MAAM,GAAE,GAAG,CAAA;CAAC,EAAE,CAAC,EAC/C,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;WAwgBO,mBAAmB,CAAC;;;;;oBA/Qd,CAAC;;yBAvPI,IAAI,CACpB,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EACtC,CACA,QAAQ,GAAG,GAAG,MAAM,YAAY,GAAG,MAAM,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE,GAAG,UAAU,CAClF,CACD;gBACO,gBAAgB,CAAC,CAAC,CAAC;uBACZ,OAAO;cAChB,OAAO;qBACA,MAAM,EAAE;8BACC,OAAO;0BACX,OAAO;QACzB,+EAA+E;oBACnE,MAAM,GAAG,MAAM,GAAG,OAAO;oBAyfuD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;8BAvWlB,MAAM;;;;;MAuWkC,GAAG,IAAI;WACpE,GAAG;;;;;kCAxWkB,MAAM;;;yCAbgB,MAAM;YAgU3B,GAAG;yBACH,GAAG;uBACL,GAAG;;;;;;;;YACA,GAAG;;UAoD3B,2GAAqC;EAExC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnhBzE,wBAmhB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"BglMultiStepForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglMultiStepForm.vue"],"names":[],"mappings":"AA2bA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,KAAK,EAAoB,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,SAAS,EAAqB,MAAM,eAAe,CAAA;yBAG3C,CAAC,SAAS;IAAC,CAAC,GAAG,EAAC,MAAM,GAAE,GAAG,CAAA;CAAC,EAAE,CAAC,EAC/C,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;WAwgBO,mBAAmB,CAAC;;;;;oBA/Qd,CAAC;;yBAvPI,IAAI,CACpB,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EACtC,CACA,QAAQ,GAAG,GAAG,MAAM,YAAY,GAAG,MAAM,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE,GAAG,UAAU,CAClF,CACD;gBACO,gBAAgB,CAAC,CAAC,CAAC;uBACZ,OAAO;cAChB,OAAO;qBACA,MAAM,EAAE;8BACC,OAAO;0BACX,OAAO;QACzB,+EAA+E;oBACnE,MAAM,GAAG,MAAM,GAAG,OAAO;oBAyfuD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;8BAvWlB,MAAM;;;;;MAuWkC,GAAG,IAAI;WACpE,GAAG;;;;;kCAxWkB,MAAM;;;yCAbgB,MAAM;YAgU3B,GAAG;yBACH,GAAG;uBACL,GAAG;;;;;;;;YACA,GAAG;;UAoD3B,2GAAqC;EAExC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnhBzE,wBAmhB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -13744,7 +13744,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.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"
@@ -15301,7 +15301,7 @@ const _hoisted_11$3 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_12$2 = {
+const _hoisted_12$3 = {
   key: 1,
   class: "bgl-single-preview"
 };
@@ -15650,7 +15650,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                 ]);
               }), 128))
             ])) : vue.createCommentVNode("", true),
-            !_ctx.multiple && (storageFiles.value.length > 0 || fileQueue.value.length > 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$2, [
+            !_ctx.multiple && (storageFiles.value.length > 0 || fileQueue.value.length > 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$3, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(storageFiles.value, (file) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: file.id,
@@ -27094,7 +27094,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("label", { for: _ctx.id }, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-          !_ctx.multiline && !_ctx.autoheight && !_ctx.code ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
+          !_ctx.multiline && !_ctx.autoheight && !_ctx.code && inputRows.value < 2 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
             key: 0,
             id: _ctx.id,
             ref_key: "input",
@@ -27158,7 +27158,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.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"];
@@ -27265,7 +27265,7 @@ const _hoisted_11$2 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_12$1 = {
+const _hoisted_12$2 = {
   key: 1,
   class: "bgl-single-preview"
 };
@@ -27526,7 +27526,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                   ], 6)
                 ], 2);
               }), 128))
-            ])) : pathKeys.value.length > 0 || fileQueue.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [
+            ])) : pathKeys.value.length > 0 || fileQueue.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$2, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pathKeys.value, (path_key) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: path_key,
@@ -33552,23 +33552,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"
 };
@@ -33585,7 +33586,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     selectionStart: {},
     selectionEnd: {},
     editingCell: {},
-    baseColumnIndex: {}
+    baseColumnIndex: {},
+    wrapText: { type: Boolean }
   },
   emits: ["sortColumn", "resizeStart", "selectRow", "cellMouseDown", "cellMouseOver", "cellEditStart", "cellKeyDown", "updateCell", "stopEditing", "setInputRef"],
   setup(__props) {
@@ -33640,18 +33642,18 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("table", {
         class: vue.normalizeClass({ "fixed-columns": _ctx.isFixed, "w-100p": !_ctx.isFixed })
       }, [
-        vue.createElementVNode("thead", null, [
+        vue.createElementVNode("thead", _hoisted_1$4, [
           vue.createElementVNode("tr", null, [
-            _ctx.showRowNumbers ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_1$4)) : vue.createCommentVNode("", true),
+            _ctx.showRowNumbers ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_2$2)) : vue.createCommentVNode("", true),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (col) => {
               return vue.openBlock(), vue.createElementBlock("th", {
                 key: col.key,
                 style: vue.normalizeStyle({ width: _ctx.columnWidths.get(col.key) ? `${_ctx.columnWidths.get(col.key)}px` : col.width })
               }, [
-                vue.createElementVNode("div", _hoisted_2$2, [
+                vue.createElementVNode("div", _hoisted_3$2, [
                   vue.createElementVNode("span", {
                     onClick: ($event) => col.sortable && _ctx.$emit("sortColumn", col.key)
-                  }, vue.toDisplayString(col.label || col.key), 9, _hoisted_3$2),
+                  }, vue.toDisplayString(col.label || col.key), 9, _hoisted_4$2),
                   _ctx.sortColumn === col.key ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), {
                     key: 0,
                     class: vue.normalizeClass(["line-height-0 transition-400", { "rotate-180": _ctx.sortDirection === "desc" }]),
@@ -33660,7 +33662,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("div", {
                     class: "resize-handle",
                     onMousedown: vue.withModifiers(($event) => _ctx.$emit("resizeStart", $event, col.key), ["stop"])
-                  }, null, 40, _hoisted_4$2)
+                  }, null, 40, _hoisted_5$2)
                 ])
               ], 4);
             }), 128))
@@ -33673,13 +33675,14 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 key: 0,
                 class: "row-number txt-center hover user-select-none pointer txt12 regular",
                 onClick: ($event) => _ctx.$emit("selectRow", rowIndex)
-              }, vue.toDisplayString(rowIndex + 1), 9, _hoisted_5$2)) : vue.createCommentVNode("", true),
+              }, vue.toDisplayString(rowIndex + 1), 9, _hoisted_6$2)) : vue.createCommentVNode("", true),
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (col, colIndex) => {
                 return vue.openBlock(), vue.createElementBlock("td", {
                   key: col.key,
                   class: vue.normalizeClass({
-                    selected: isCellSelected(rowIndex, colIndex),
-                    locked: !isCellEditable(col.key)
+                    "selected": isCellSelected(rowIndex, colIndex),
+                    "locked": !isCellEditable(col.key),
+                    "wrap-text": _ctx.wrapText
                   }),
                   style: vue.normalizeStyle({ width: _ctx.columnWidths.get(col.key) ? `${_ctx.columnWidths.get(col.key)}px` : col.width }),
                   tabindex: col.hidden ? void 0 : 0,
@@ -33704,15 +33707,15 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                       ],
                       onMousedown: _cache[3] || (_cache[3] = vue.withModifiers(() => {
                       }, ["stop"]))
-                    }, null, 40, _hoisted_7$2),
-                    vue.createElementVNode("span", _hoisted_8$1, vue.toDisplayString(formatCellValue(row[col.key], col.format)), 1)
+                    }, null, 40, _hoisted_8$1),
+                    vue.createElementVNode("span", _hoisted_9$1, vue.toDisplayString(formatCellValue(row[col.key], col.format)), 1)
                   ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                    col.format === "image" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
+                    col.format === "image" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
                       vue.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" ? (vue.openBlock(), vue.createBlock(vue.unref(CheckInput), {
                       key: 1,
                       modelValue: !!row[col.key],
@@ -33720,9 +33723,9 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                       "onUpdate:modelValue": (value) => _ctx.$emit("updateCell", rowIndex, col.key, !!value),
                       onMousedown: _cache[4] || (_cache[4] = vue.withModifiers(() => {
                       }, ["stop"]))
-                    }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$1, vue.toDisplayString(formatCellValue(row[col.key], col.format)), 1))
+                    }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$1, vue.toDisplayString(formatCellValue(row[col.key], col.format)), 1))
                   ], 64))
-                ], 46, _hoisted_6$2);
+                ], 46, _hoisted_7$2);
               }), 128))
             ]);
           }), 128))
@@ -33731,7 +33734,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.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,
@@ -33741,7 +33744,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__ */ vue.defineComponent({
   __name: "Index",
   props: {
@@ -33895,6 +33898,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     const isSelecting = vue.ref(false);
     const selectionStart = vue.ref(null);
     const selectionEnd = vue.ref(null);
+    const wrapText = localRef("wrapText", false);
     const editingCell = vue.ref(null);
     const editInputRef = vue.ref(/* @__PURE__ */ new Map());
     function setInputRef(el, key) {
@@ -34210,16 +34214,15 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
       return columns.value.filter((col) => !col.hidden);
     });
     return (_ctx, _cache) => {
-      const _directive_tooltip = vue.resolveDirective("tooltip");
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: "w-100p overflow-hidden",
+        class: "w-100p",
         tabindex: "-1",
         onKeydown: handleSpreadsheetKeyDown
       }, [
         vue.createElementVNode("div", _hoisted_1$3, [
           _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$1, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_3$1, [
-            vue.createVNode(_sfc_main$W, {
+            vue.createVNode(vue.unref(_sfc_main$W), {
               flat: "",
               thin: "",
               icon: "view_column"
@@ -34267,44 +34270,42 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               placeholder: "Search",
               class: "m-0 max-w200px"
             }, null, 8, ["modelValue"]),
-            vue.withDirectives(vue.createVNode(vue.unref(Btn), {
-              flat: "",
-              thin: "",
-              round: "",
-              icon: "paste",
-              onClick: pasteSelection
-            }, null, 512), [
-              [_directive_tooltip, "Paste"]
-            ]),
-            vue.withDirectives(vue.createVNode(vue.unref(Btn), {
-              flat: "",
-              thin: "",
-              round: "",
-              icon: "copy",
-              onClick: copySelection
-            }, null, 512), [
-              [_directive_tooltip, "copy"]
-            ]),
-            vue.withDirectives(vue.createVNode(vue.unref(Btn), {
-              flat: "",
-              thin: "",
-              round: "",
-              icon: "undo",
-              disabled: !canUndo.value,
-              onClick: undo
-            }, null, 8, ["disabled"]), [
-              [_directive_tooltip, "Undo"]
-            ]),
-            vue.withDirectives(vue.createVNode(vue.unref(Btn), {
+            vue.createVNode(vue.unref(_sfc_main$W), {
               flat: "",
               thin: "",
-              round: "",
-              icon: "redo",
-              disabled: !canRedo.value,
-              onClick: redo
-            }, null, 8, ["disabled"]), [
-              [_directive_tooltip, "Redo"]
-            ])
+              icon: "more_vert"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(_sfc_main$h), {
+                  title: "Paste",
+                  icon: "paste",
+                  onClick: pasteSelection
+                }),
+                vue.createVNode(vue.unref(_sfc_main$h), {
+                  title: "copy",
+                  icon: "copy",
+                  onClick: copySelection
+                }),
+                vue.createVNode(vue.unref(_sfc_main$h), {
+                  title: "Undo",
+                  icon: "undo",
+                  disabled: !canUndo.value,
+                  onClick: undo
+                }, null, 8, ["disabled"]),
+                vue.createVNode(vue.unref(_sfc_main$h), {
+                  title: "Redo",
+                  icon: "redo",
+                  disabled: !canRedo.value,
+                  onClick: redo
+                }, null, 8, ["disabled"]),
+                vue.createVNode(vue.unref(ToggleInput), {
+                  modelValue: vue.unref(wrapText),
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(wrapText) ? wrapText.value = $event : null),
+                  label: "Wrap Text"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
           ])
         ]),
         vue.createElementVNode("div", {
@@ -34325,6 +34326,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               "selection-end": selectionEnd.value,
               "editing-cell": editingCell.value,
               "base-column-index": 0,
+              "wrap-text": vue.unref(wrapText),
               class: "sticky z-2 start-0 bg-white",
               onSortColumn: sortByColumn,
               onResizeStart: handleResizeStart,
@@ -34336,7 +34338,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               onUpdateCell: updateCell,
               onStopEditing: handleStopEditingAndBlur,
               onSetInputRef: setInputRef
-            }, null, 8, ["columns", "rows", "column-widths", "sort-column", "sort-direction", "selection-start", "selection-end", "editing-cell"])) : vue.createCommentVNode("", true),
+            }, null, 8, ["columns", "rows", "column-widths", "sort-column", "sort-direction", "selection-start", "selection-end", "editing-cell", "wrap-text"])) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_7$1, [
               vue.createVNode(SpreadsheetTable, {
                 columns: scrollableColumns.value,
@@ -34350,6 +34352,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                 "selection-end": selectionEnd.value,
                 "editing-cell": editingCell.value,
                 "base-column-index": fixedColumns.value.length,
+                "wrap-text": vue.unref(wrapText),
                 onSortColumn: sortByColumn,
                 onResizeStart: handleResizeStart,
                 onSelectRow: selectEntireRow,
@@ -34360,7 +34363,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.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 ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
@@ -34378,7 +34381,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "Title",
   props: {