npm - @g1cloud/bluesea - Versions diffs - 5.0.0-beta.2 → 5.0.0-beta.4 - Mend

@g1cloud/bluesea 5.0.0-beta.2 → 5.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/dist/bluesea.umd.cjs CHANGED Viewed

@@ -583,7 +583,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     waitDuring,
     tryUntil
   };
-  const _hoisted_1$1G = ["data-popup-id"];
+  const _hoisted_1$1F = ["data-popup-id"];
   const ADJUST_OFFSET = 8;
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPopup",
@@ -768,7 +768,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 onKeydown: _cache[1] || (_cache[1] = ($event) => emit("keydown", $event))
               }, [
                 vue.renderSlot(_ctx.$slots, "default")
-              ], 46, _hoisted_1$1G)
+              ], 46, _hoisted_1$1F)
             ]),
             _: 3
           })
@@ -810,7 +810,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     };
   };
-  const _hoisted_1$1F = {
+  const _hoisted_1$1E = {
     key: 0,
     class: "popup-search pa-4"
   };
@@ -819,7 +819,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 0,
     class: "label"
   };
-  const _hoisted_4$w = {
+  const _hoisted_4$x = {
     key: 1,
     class: "label null-label"
   };
@@ -975,7 +975,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           onKeydown: vue.withKeys(vue.withModifiers(handleKeyboard, ["stop", "prevent"]), ["enter", "down", "up"])
         }, {
           default: vue.withCtx(() => [
-            actualShowSearch.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1F, [
+            actualShowSearch.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1E, [
               vue.withDirectives(vue.createElementVNode("input", {
                 type: "text",
                 onInput: setSearchKeyword,
@@ -1007,7 +1007,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "checkbox" }, null, -1)),
                   item !== void 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", _hoisted_3$N, null, 512)), [
                     [vue.unref(vT), item == null ? void 0 : item.label]
-                  ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", _hoisted_4$w, null, 512)), [
+                  ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", _hoisted_4$x, null, 512)), [
                     [vue.unref(vT), _ctx.nullLabel]
                   ])
                 ], 42, _hoisted_2$1g);
@@ -1370,7 +1370,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this.isModified(this.valueProvider.getCurrentValue());
     }
   }
-  const _hoisted_1$1E = { key: 0 };
+  const _hoisted_1$1D = { key: 0 };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
     __name: "ValidationErrors",
     props: {
@@ -1379,7 +1379,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return !_ctx.hideErrorMessage && _ctx.errors && _ctx.errors.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1E, [
+        return !_ctx.hideErrorMessage && _ctx.errors && _ctx.errors.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1D, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.errors, (error) => {
             return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
               key: error.code,
@@ -1426,17 +1426,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return defaultKey(item);
   };
-  const _hoisted_1$1D = ["tabindex", "onKeydown"];
+  const _hoisted_1$1C = ["tabindex", "onKeydown"];
   const _hoisted_2$1f = { key: 0 };
   const _hoisted_3$M = {
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_4$v = {
+  const _hoisted_4$w = {
     key: 1,
     class: "label"
   };
-  const _hoisted_5$j = {
+  const _hoisted_5$k = {
     key: 2,
     class: "small-progress"
   };
@@ -1585,11 +1585,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }, [
               selectedItem.value === void 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$M, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder || { key: " ", html: true }]
-              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$v, null, 512)), [
+              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$w, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
               _cache[4] || (_cache[4] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$j, "progress_activity")) : vue.createCommentVNode("", true)
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$k, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
               key: 0,
@@ -1619,7 +1619,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               "hide-error-message": _ctx.hideErrorMessage
             }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
           ], 64))
-        ], 42, _hoisted_1$1D)), [
+        ], 42, _hoisted_1$1C)), [
           [vue.unref(vClickOutside), () => togglePopup(false)]
         ]);
       };
@@ -1722,10 +1722,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const createContextMenuPlugin = () => {
     return new BSContextMenuPlugin();
   };
-  const _hoisted_1$1C = ["data-menu-id"];
+  const _hoisted_1$1B = ["data-menu-id"];
   const _hoisted_2$1e = ["href", "target"];
   const _hoisted_3$L = ["data-menu-id"];
-  const _hoisted_4$u = ["data-menu-id", "onMouseenter", "onClick"];
+  const _hoisted_4$v = ["data-menu-id", "onMouseenter", "onClick"];
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
     __name: "BSContextMenu",
     props: {
@@ -1808,7 +1808,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   }, null, 8, _hoisted_2$1e), [
                     [vue.unref(vT), menu.caption]
                   ])
-                ], 8, _hoisted_1$1C)) : menu.type === "route" ? (vue.openBlock(), vue.createElementBlock("div", {
+                ], 8, _hoisted_1$1B)) : menu.type === "route" ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 3,
                   "data-menu-id": menu.menuId,
                   class: "menu no-padding",
@@ -1827,7 +1827,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   "data-id": "context-menu-item",
                   onMouseenter: ($event) => showSubmenu($event, menu),
                   onClick: vue.withModifiers(($event) => handleMenuClick(menu), ["stop"])
-                }, null, 42, _hoisted_4$u)), [
+                }, null, 42, _hoisted_4$v)), [
                   [vue.unref(vT), menu.caption]
                 ])
               ], 64);
@@ -2022,7 +2022,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1B = {
+  const _hoisted_1$1A = {
     key: 0,
     class: "view-mode"
   };
@@ -2031,18 +2031,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     class: "prefix"
   };
   const _hoisted_3$K = { class: "font-icon" };
-  const _hoisted_4$t = {
+  const _hoisted_4$u = {
     key: 2,
     class: "prefix"
   };
-  const _hoisted_5$i = ["src"];
-  const _hoisted_6$8 = ["textContent"];
-  const _hoisted_7$5 = {
+  const _hoisted_5$j = ["src"];
+  const _hoisted_6$9 = ["textContent"];
+  const _hoisted_7$6 = {
     key: 1,
     class: "suffix"
   };
-  const _hoisted_8$3 = { class: "font-icon" };
-  const _hoisted_9$2 = {
+  const _hoisted_8$4 = { class: "font-icon" };
+  const _hoisted_9$3 = {
     key: 2,
     class: "suffix"
   };
@@ -2187,7 +2187,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           class: vue.normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-text-input"]),
           style: vue.normalizeStyle({ width: _ctx.width })
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1B, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1A, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getPrefixSuffixList(_ctx.prefix), (item) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                 item.type === "text" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -2197,17 +2197,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   [vue.unref(vT), item.value]
                 ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1d, [
                   vue.createElementVNode("span", _hoisted_3$K, vue.toDisplayString(item.value), 1)
-                ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$t, [
+                ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$u, [
                   vue.createElementVNode("img", {
                     src: item.value,
                     alt: "prefix"
-                  }, null, 8, _hoisted_5$i)
+                  }, null, 8, _hoisted_5$j)
                 ])) : vue.createCommentVNode("", true)
               ], 64);
             }), 256)),
             vue.createElementVNode("span", {
               textContent: vue.toDisplayString(vue.unref(stringValue))
-            }, null, 8, _hoisted_6$8),
+            }, null, 8, _hoisted_6$9),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getPrefixSuffixList(_ctx.suffix), (item) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                 item.type === "text" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -2215,9 +2215,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   class: "suffix"
                 })), [
                   [vue.unref(vT), item.value]
-                ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$5, [
-                  vue.createElementVNode("span", _hoisted_8$3, vue.toDisplayString(item.value), 1)
-                ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$2, [
+                ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$6, [
+                  vue.createElementVNode("span", _hoisted_8$4, vue.toDisplayString(item.value), 1)
+                ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$3, [
                   vue.createElementVNode("img", {
                     src: item.value,
                     alt: "suffix"
@@ -2290,7 +2290,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1A = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
+  const _hoisted_1$1z = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
   const _hoisted_2$1c = ["href", "target"];
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
     __name: "BSLink",
@@ -2301,7 +2301,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1A, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1z, [
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "font-icon mr-4" }, "link", -1)),
           vue.withDirectives(vue.createElementVNode("a", {
             href: _ctx.path,
@@ -2314,7 +2314,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   });
   const BSLink = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__scopeId", "data-v-29df56e5"]]);
-  const _hoisted_1$1z = {
+  const _hoisted_1$1y = {
     key: 0,
     class: "show-percent",
     style: { "left": "100%" }
@@ -2353,7 +2353,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             style: vue.normalizeStyle({ width: calculateProgress.value + "%" }),
             class: "inner-progressbar"
           }, [
-            calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1z, vue.toDisplayString(calculatePercent.value) + "% ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1b, vue.toDisplayString(calculatePercent.value) + "% ", 1))
+            calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1y, vue.toDisplayString(calculatePercent.value) + "% ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1b, vue.toDisplayString(calculatePercent.value) + "% ", 1))
           ], 4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$J, _cache[0] || (_cache[0] = [
             vue.createElementVNode("div", { class: "in-box" }, null, -1)
           ])))
@@ -2383,9 +2383,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   const BSConsole = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["__scopeId", "data-v-f33a4477"]]);
   const _sfc_main$1O = {};
-  const _hoisted_1$1y = { class: "bs-loading-icon" };
+  const _hoisted_1$1x = { class: "bs-loading-icon" };
   function _sfc_render$1(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1y, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1x, _cache[0] || (_cache[0] = [
       vue.createElementVNode("span", { class: "font-icon" }, "progress_activity", -1)
     ]));
   }
@@ -2660,7 +2660,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return tmp.textContent || tmp.innerText;
     }
   };
-  const _hoisted_1$1x = { class: "bs-date" };
+  const _hoisted_1$1w = { class: "bs-date" };
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDate",
     props: {
@@ -2672,11 +2672,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const props = __props;
       const formatted = vue.computed(() => formatUtil.formatDateString(props.value, props.format, props.timeZone));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1x, vue.toDisplayString(formatted.value), 1);
+        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1w, vue.toDisplayString(formatted.value), 1);
       };
     }
   });
-  const _hoisted_1$1w = { class: "page-navigation" };
+  const _hoisted_1$1v = { class: "page-navigation" };
   const _hoisted_2$1a = ["data-page", "onClick"];
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPageNavigation",
@@ -2738,7 +2738,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1w, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1v, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "disabled": isFirstSet.value }, "font-icon first"]),
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => !isFirstSet.value && goToPage(1), ["prevent"]))
@@ -2767,18 +2767,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1v = { class: "bs-calendar bs-layout-vertical-inline" };
+  const _hoisted_1$1u = { class: "bs-calendar bs-layout-vertical-inline" };
   const _hoisted_2$19 = { class: "bs-layout-horizontal justify-content-between align-items-center gap-8" };
   const _hoisted_3$I = { class: "year-month bs-layout-horizontal gap-4" };
-  const _hoisted_4$s = { class: "timezone" };
-  const _hoisted_5$h = { class: "weekdays" };
-  const _hoisted_6$7 = ["onClick"];
-  const _hoisted_7$4 = {
+  const _hoisted_4$t = { class: "timezone" };
+  const _hoisted_5$i = { class: "weekdays" };
+  const _hoisted_6$8 = ["onClick"];
+  const _hoisted_7$5 = {
     key: 0,
     class: "bs-layout-horizontal justify-content-center mt-8"
   };
-  const _hoisted_8$2 = { class: "select-wrap w-full pa-8 d-flex justify-content-center align-items-center" };
-  const _hoisted_9$1 = {
+  const _hoisted_8$3 = { class: "select-wrap w-full pa-8 d-flex justify-content-center align-items-center" };
+  const _hoisted_9$2 = {
     key: 1,
     class: "extra-dates bs-layout-vertical gap-2 mt-8"
   };
@@ -2957,7 +2957,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1v, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1u, [
           vue.createElementVNode("div", _hoisted_2$19, [
             vue.createElementVNode("div", _hoisted_3$I, [
               vue.createVNode(BSButton, {
@@ -2983,13 +2983,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 onClick: nextMonth
               })
             ]),
-            vue.createElementVNode("div", _hoisted_4$s, " (" + vue.toDisplayString(vue.unref(blueseaConfig).timeZoneNameProvider(actualTimeZone.value)) + ") ", 1)
+            vue.createElementVNode("div", _hoisted_4$t, " (" + vue.toDisplayString(vue.unref(blueseaConfig).timeZoneNameProvider(actualTimeZone.value)) + ") ", 1)
           ]),
           vue.createElementVNode("table", {
             class: vue.normalizeClass([{ disabled: _ctx.disabled }, "align-self-center"])
           }, [
             vue.createElementVNode("tbody", null, [
-              vue.createElementVNode("tr", _hoisted_5$h, [
+              vue.createElementVNode("tr", _hoisted_5$i, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekdays.value, (day) => {
                   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("th", { key: day })), [
                     [vue.unref(vT), day]
@@ -3008,14 +3008,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                       onClick: () => selectDate(day)
                     }, [
                       vue.createElementVNode("div", null, vue.toDisplayString(day.date()), 1)
-                    ], 10, _hoisted_6$7);
+                    ], 10, _hoisted_6$8);
                   }), 128))
                 ]);
               }), 128))
             ])
           ], 2),
-          _ctx.resolution === "HOUR" || _ctx.resolution === "MINUTE_10" || _ctx.resolution === "MINUTE" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$4, [
-            vue.createElementVNode("div", _hoisted_8$2, [
+          ["HOUR", "MINUTE_10", "MINUTE", "SECOND"].includes(_ctx.resolution) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5, [
+            vue.createElementVNode("div", _hoisted_8$3, [
               vue.createVNode(_sfc_main$1W, {
                 disabled: _ctx.disabled,
                 items: hours,
@@ -3035,7 +3035,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }, null, 8, ["disabled", "items", "label-provider", "model-value"])
             ])
           ])) : vue.createCommentVNode("", true),
-          !_ctx.hideExtraDate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
+          !_ctx.hideExtraDate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayTimeZones.value, (tz, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: `${tz}_${index}`,
@@ -3049,15 +3049,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1u = { class: "bs-calendar-range bs-layout-horizontal" };
+  const _hoisted_1$1t = { class: "bs-calendar-range bs-layout-horizontal" };
   const _hoisted_2$18 = { class: "bs-layout-vertical" };
   const _hoisted_3$H = { class: "bs-layout-horizontal align-items-center" };
-  const _hoisted_4$r = {
+  const _hoisted_4$s = {
     key: 0,
     class: "extra-dates bs-layout-vertical gap-2 mt-8"
   };
-  const _hoisted_5$g = { key: 0 };
-  const _hoisted_6$6 = { key: 1 };
+  const _hoisted_5$h = { key: 0 };
+  const _hoisted_6$7 = { key: 1 };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
     __name: "BSCalendarRange",
     props: {
@@ -3097,7 +3097,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
       const displayTimeZones = vue.computed(() => [actualTimeZone.value, ...blueseaConfig.getValidDisplayTimeZones()]);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1u, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1t, [
           vue.createElementVNode("div", _hoisted_2$18, [
             vue.createElementVNode("div", _hoisted_3$H, [
               vue.createVNode(_sfc_main$1L, {
@@ -3138,15 +3138,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "range-type": "to"
               }, null, 8, ["modelValue", "disabled", "display-format", "end-year", "first-day", "initial-month", "initial-year", "range-value", "resolution", "start-year", "time-zone"])
             ]),
-            !_ctx.hideExtraDate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$r, [
+            !_ctx.hideExtraDate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$s, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayTimeZones.value, (tz, index) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: `${tz}_${index}`,
                   class: "extra-date"
                 }, [
-                  _ctx.from ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$g, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.from, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true),
+                  _ctx.from ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$h, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.from, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true),
                   _cache[3] || (_cache[3] = vue.createElementVNode("span", null, "~", -1)),
-                  _ctx.to ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.to, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true)
+                  _ctx.to ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$7, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.to, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true)
                 ]);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -3155,7 +3155,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1t = {
+  const _hoisted_1$1s = {
     key: 0,
     class: "view-mode"
   };
@@ -3164,7 +3164,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 1,
     class: "input-area"
   };
-  const _hoisted_4$q = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_4$r = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
     __name: "BSNumberInput",
     props: {
@@ -3278,7 +3278,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           class: vue.normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-number-input"]),
           style: vue.normalizeStyle({ width: _ctx.width })
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1t, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1s, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(componentUtil).toMultiLangTextArray(_ctx.prefix), (text) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: JSON.stringify(text),
@@ -3318,7 +3318,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tabindex: _ctx.tabindex,
               value: focused.value || !_ctx.formatOnBlur ? vue.unref(stringValue) : formattedStringValue.value,
               type: "text"
-            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$q), [
+            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$r), [
               [
                 vue.unref(vT),
                 _ctx.placeholder,
@@ -3344,18 +3344,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1s = {
+  const _hoisted_1$1r = {
     key: 0,
     class: "view-mode"
   };
   const _hoisted_2$16 = ["textContent"];
   const _hoisted_3$F = ["textContent"];
-  const _hoisted_4$p = {
+  const _hoisted_4$q = {
     key: 1,
     class: "input-area"
   };
-  const _hoisted_5$f = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _hoisted_6$5 = ["textContent"];
+  const _hoisted_5$g = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_6$6 = ["textContent"];
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPriceInput",
     props: {
@@ -3476,7 +3476,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           class: vue.normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-price-input"]),
           style: vue.normalizeStyle({ width: _ctx.width })
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1s, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1r, [
             vue.createElementVNode("span", {
               class: "price mr-4",
               textContent: vue.toDisplayString(_ctx.formatInViewMode ? formattedStringValue.value : vue.unref(stringValue))
@@ -3485,7 +3485,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "currency-code",
               textContent: vue.toDisplayString(currencyCode.value)
             }, null, 8, _hoisted_3$F)
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$p, [
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$q, [
             vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
               id: _ctx.id,
               ref_key: "field",
@@ -3497,7 +3497,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tabindex: _ctx.tabindex,
               value: focused.value || !_ctx.formatOnBlur ? vue.unref(stringValue) : formattedStringValue.value,
               type: "text"
-            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_5$f), [
+            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_5$g), [
               [
                 vue.unref(vT),
                 _ctx.placeholder,
@@ -3508,7 +3508,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             vue.createElementVNode("div", {
               class: "currency-code",
               textContent: vue.toDisplayString(currencyCode.value)
-            }, null, 8, _hoisted_6$5)
+            }, null, 8, _hoisted_6$6)
           ])),
           !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1X, {
             key: 2,
@@ -3701,7 +3701,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     yellow: "#FFFF00",
     yellowgreen: "#9ACD32"
   };
-  const _hoisted_1$1r = {
+  const _hoisted_1$1q = {
     key: 0,
     class: "bs-layout-horizontal gap-4 align-items-center view-mode"
   };
@@ -3802,7 +3802,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-color-input bs-layout-vertical-inline"])
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1r, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1q, [
             vue.createElementVNode("span", {
               style: vue.normalizeStyle({ "background-color": vue.unref(stringValue) }),
               class: "color-preview"
@@ -3848,6 +3848,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const dateInputFormatByResolution = (resolution) => {
     if (resolution === "DAY") return "YYYYMMDD";
     else if (resolution === "HOUR") return "YYYYMMDDHH";
+    else if (resolution === "SECOND") return "YYYYMMDDHHmmss";
     else return "YYYYMMDDHHmm";
   };
   const convertInputToDateString = (str, inputFormat, endTime, resolution, inputTimeZone, minDateValue, maxDateValue) => {
@@ -3899,7 +3900,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const normalizeDateInput = (value) => {
     return value.replace(/[^\d-]/g, "");
   };
-  const _hoisted_1$1q = { class: "bs-layout-vertical px-16 py-8" };
+  const _hoisted_1$1p = { class: "bs-layout-vertical px-16 py-8" };
   const _hoisted_2$14 = { class: "bs-layout-horizontal justify-content-center align-items-center gap-8 mt-8 mb-8" };
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateInputPopup",
@@ -3938,7 +3939,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }, ["stop"]))
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$1q, [
+            vue.createElementVNode("div", _hoisted_1$1p, [
               vue.createVNode(_sfc_main$1L, {
                 modelValue: date.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date.value = $event),
@@ -3969,7 +3970,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1p = {
+  const _hoisted_1$1o = {
     key: 0,
     class: "view-mode"
   };
@@ -4034,6 +4035,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         );
         return formatUtil.formatDateString(date, props.displayFormat, displayTimeZone);
       };
+      const viewModeValue = vue.computed(() => viewModeTimeZoneValue(actualTimeZone.value));
+      const viewModeTimeZoneValue = (displayTimeZone) => {
+        const date = convertInputToDateString(
+          props.modelValue,
+          "SECOND",
+          props.endTime,
+          "SECOND",
+          actualTimeZone.value,
+          props.minDateValue,
+          props.maxDateValue
+        );
+        return formatUtil.formatDateString(date, props.displayFormat, displayTimeZone);
+      };
       const maxlength = vue.computed(() => inputFormat.value.length);
       const rootRef = vue.useTemplateRef("root");
       const field = vue.ref();
@@ -4130,8 +4144,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           style: vue.normalizeStyle({ width: _ctx.width }),
           onKeydown: _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1p, [
-            vue.createElementVNode("span", null, vue.toDisplayString(formattedValue.value), 1)
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1o, [
+            vue.createElementVNode("span", null, vue.toDisplayString(viewModeValue.value), 1)
           ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$13, [
             vue.createElementVNode("span", {
               class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
@@ -4195,7 +4209,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1o = { class: "bs-layout-vertical px-16 py-8" };
+  const _hoisted_1$1n = { class: "bs-layout-vertical px-16 py-8" };
   const _hoisted_2$12 = { class: "bs-layout-horizontal justify-content-end align-items-center gap-8 mt-16 mb-8" };
   const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateRangeInputPopup",
@@ -4235,7 +4249,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }, ["stop"]))
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$1o, [
+            vue.createElementVNode("div", _hoisted_1$1n, [
               vue.createVNode(_sfc_main$1K, {
                 from: fromValue.value,
                 "onUpdate:from": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -4270,7 +4284,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1n = {
+  const _hoisted_1$1m = {
     key: 0,
     class: "view-mode"
   };
@@ -4279,7 +4293,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     class: "input-area"
   };
   const _hoisted_3$C = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _hoisted_4$o = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_4$p = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
   const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateRange",
     props: {
@@ -4324,7 +4338,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const emit = __emit;
       const rootRef = vue.useTemplateRef("root");
       const formattedDateRange = vue.computed(() => {
-        return `${formattedFrom.value} ~ ${formattedTo.value}`;
+        return `${viewModeFrom.value} ~ ${viewModeTo.value}`;
       });
       const actualTimeZone = vue.computed(() => props.timeZone || blueseaConfig.timeZone);
       const inputFormat = vue.computed(() => dateInputFormatByResolution(props.resolution));
@@ -4350,11 +4364,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const focusedTo = vue.ref(false);
       const formattedFrom = vue.computed(() => formattedTimeZoneFrom(actualTimeZone.value));
       const formattedTimeZoneFrom = (timeZone) => {
+        const resolution = props.resolution === "MINUTE_10" ? "MINUTE" : props.resolution;
         const date = convertInputToDateString(
           stringValueFrom.value,
           inputFormat.value,
           false,
-          props.resolution,
+          resolution,
           actualTimeZone.value,
           props.minDateValue,
           props.maxDateValue
@@ -4374,6 +4389,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         );
         return formatUtil.formatDateString(date, props.displayFormat, timeZone);
       };
+      const viewModeFrom = vue.computed(() => viewModeTimeZoneValue(props.fromValue, false, actualTimeZone.value));
+      const viewModeTo = vue.computed(() => viewModeTimeZoneValue(props.toValue, true, actualTimeZone.value));
+      const viewModeTimeZoneValue = (value, endTime, displayTimeZone) => {
+        const date = convertInputToDateString(
+          value,
+          "SECOND",
+          endTime,
+          "SECOND",
+          actualTimeZone.value,
+          props.minDateValue,
+          props.maxDateValue
+        );
+        return formatUtil.formatDateString(date, props.displayFormat, displayTimeZone);
+      };
       const maxlength = vue.computed(() => inputFormat.value.length);
       const disabled = vue.computed(() => props.disabledFrom && props.disabledTo);
       const fieldFrom = vue.ref();
@@ -4563,7 +4592,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           style: vue.normalizeStyle({ width: _ctx.width }),
           onKeydown: _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1n, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1m, [
             vue.createElementVNode("span", null, vue.toDisplayString(formattedDateRange.value), 1)
           ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$11, [
             vue.createElementVNode("span", {
@@ -4599,7 +4628,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tabindex: _ctx.tabindex,
               value: focusedTo.value ? vue.unref(stringValueTo) : formattedTo.value,
               type: "text"
-            }, vue.toHandlers(handlersTo, true)), null, 16, _hoisted_4$o), [
+            }, vue.toHandlers(handlersTo, true)), null, 16, _hoisted_4$p), [
               [
                 vue.unref(vT),
                 _ctx.placeholderTo,
@@ -4717,17 +4746,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const today = dayjs().tz(timeZone);
     return from ? today.add(-years, "year").startOf("year") : today.add(-years, "year").endOf("year");
   };
-  const _hoisted_1$1m = ["id", "checked", "disabled", "name", "tabindex"];
+  const _hoisted_1$1l = ["id", "checked", "disabled", "name", "tabindex"];
   const _hoisted_2$10 = ["for"];
   const _hoisted_3$B = {
     key: 0,
     class: "font-icon"
   };
-  const _hoisted_4$n = {
+  const _hoisted_4$o = {
     key: 1,
     class: "text-label"
   };
-  const _hoisted_5$e = ["for"];
+  const _hoisted_5$f = ["for"];
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
     __name: "BSRadioButton",
     props: {
@@ -4771,10 +4800,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             class: "",
             role: "radio",
             type: "radio"
-          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1m),
+          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1l),
           vue.createElementVNode("label", { for: _ctx.id }, [
             _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$B, vue.toDisplayString(_ctx.icon), 1)) : vue.createCommentVNode("", true),
-            _ctx.label ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, null, 512)), [
+            _ctx.label ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$o, null, 512)), [
               [vue.unref(vT), _ctx.label]
             ]) : vue.createCommentVNode("", true)
           ], 8, _hoisted_2$10),
@@ -4784,12 +4813,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             class: "slot-label cursor-pointer"
           }, [
             vue.renderSlot(_ctx.$slots, "default", { disabled: _ctx.disabled })
-          ], 8, _hoisted_5$e)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_5$f)) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const _hoisted_1$1l = ["data-name"];
+  const _hoisted_1$1k = ["data-name"];
   const _hoisted_2$$ = { key: 0 };
   const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
     __name: "BSRadioButtonGroup",
@@ -4899,7 +4928,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$1l);
+        ], 10, _hoisted_1$1k);
       };
     }
   });
@@ -4957,7 +4986,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1k = ["id", "checked", "disabled", "name", "tabindex"];
+  const _hoisted_1$1j = ["id", "checked", "disabled", "name", "tabindex"];
   const _hoisted_2$_ = ["for"];
   const _hoisted_3$A = ["for"];
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
@@ -5016,7 +5045,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             tabindex: _ctx.tabindex,
             class: "",
             type: "checkbox"
-          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1k),
+          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1j),
           _ctx.label ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             for: _ctx.id,
@@ -5035,7 +5064,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1j = ["data-name"];
+  const _hoisted_1$1i = ["data-name"];
   const _hoisted_2$Z = { class: "items" };
   const _hoisted_3$z = ["textContent"];
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
@@ -5161,7 +5190,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$1j);
+        ], 10, _hoisted_1$1i);
       };
     }
   });
@@ -5211,25 +5240,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1i = ["tabindex", "onKeydown"];
+  const _hoisted_1$1h = ["tabindex", "onKeydown"];
   const _hoisted_2$Y = { key: 0 };
   const _hoisted_3$y = {
     key: 0,
     class: "label"
   };
-  const _hoisted_4$m = {
+  const _hoisted_4$n = {
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_5$d = {
+  const _hoisted_5$e = {
     key: 1,
     class: "text-truncate"
   };
-  const _hoisted_6$4 = {
+  const _hoisted_6$5 = {
     key: 0,
     class: "label"
   };
-  const _hoisted_7$3 = {
+  const _hoisted_7$4 = {
     key: 2,
     class: "small-progress"
   };
@@ -5373,10 +5402,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "selected w-full",
               role: "listbox"
             }, [
-              selectedItems.value.length === 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m, null, 512)), [
+              selectedItems.value.length === 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder]
-              ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$d, [
-                _ctx.selectedLabelProvider ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_6$4, null, 512)), [
+              ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$e, [
+                _ctx.selectedLabelProvider ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, null, 512)), [
                   [vue.unref(vT), _ctx.selectedLabelProvider(selectedItems.value)]
                 ]) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(selectedItems.value, (item) => {
                   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -5388,7 +5417,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 }), 128))
               ])),
               _cache[5] || (_cache[5] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$3, "progress_activity")) : vue.createCommentVNode("", true)
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
               key: 0,
@@ -5413,7 +5442,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 42, _hoisted_1$1i)), [
+        ], 42, _hoisted_1$1h)), [
           [vue.unref(vClickOutside), () => togglePopup(false)]
         ]);
       };
@@ -5574,17 +5603,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
   };
-  const _hoisted_1$1h = { class: "bs-tree-row" };
+  const _hoisted_1$1g = { class: "bs-tree-row" };
   const _hoisted_2$X = ["textContent"];
   const _hoisted_3$x = {
     key: 1,
     class: "font-icon w-16 text-gray-400"
   };
-  const _hoisted_4$l = {
+  const _hoisted_4$m = {
     key: 2,
     class: "move-buttons"
   };
-  const _hoisted_5$c = {
+  const _hoisted_5$d = {
     key: 0,
     class: "child-rows"
   };
@@ -5680,7 +5709,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
       return (_ctx, _cache) => {
         const _component_BSTreeRow = vue.resolveComponent("BSTreeRow", true);
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1h, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1g, [
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             ref: "row-caption",
             class: vue.normalizeClass([{ disabled: _ctx.disabledProvider && _ctx.disabledProvider(_ctx.row) }, "row-caption"])
@@ -5705,7 +5734,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               [vue.unref(vT), label.value],
               [vue.unref(vTreeRowDrag), dragOption]
             ]),
-            _ctx.showMoveButton ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$l, [
+            _ctx.showMoveButton ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m, [
               vue.createElementVNode("span", {
                 class: "bs-clickable font-icon move-down",
                 onClick: moveDownRow
@@ -5718,7 +5747,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           ], 2)), [
             [vue.unref(vTreeRowDrop), dropOption]
           ]),
-          children.value && children.value.length > 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
+          children.value && children.value.length > 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(children.value, (child) => {
               return vue.openBlock(), vue.createBlock(_component_BSTreeRow, {
                 key: _ctx.keyProvider(child),
@@ -5746,7 +5775,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1g = { class: "tree-wrap pb-80" };
   const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTree",
     props: {
@@ -5763,7 +5791,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       multiSelect: { type: Boolean },
       showCheckbox: { type: Boolean },
       rowDisabledProvider: {},
-      contextMenuProvider: {}
+      contextMenuProvider: {},
+      bottomPadding: { default: "80px" }
     },
     emits: ["update:expandedRows", "before:selectedRows", "update:selectedRows", "rowMoved"],
     setup(__props, { emit: __emit }) {
@@ -5878,7 +5907,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           class: "bs-tree",
           onContextmenu: showOutsideContextMenu
         }, [
-          vue.createElementVNode("div", _hoisted_1$1g, [
+          vue.createElementVNode("div", {
+            style: vue.normalizeStyle({ "padding-bottom": _ctx.bottomPadding }),
+            class: "tree-wrap"
+          }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
               return vue.openBlock(), vue.createBlock(_sfc_main$1v, {
                 key: _ctx.keyProvider(item),
@@ -5900,7 +5932,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 onSelectRow: selectRow
               }, null, 8, ["children-provider", "disabled-provider", "enable-drag-and-drop", "icon-provider", "key-provider", "label-provider", "multi-select", "row", "show-checkbox", "show-move-button", "siblings"]);
             }), 128))
-          ])
+          ], 4)
         ], 32);
       };
     }
@@ -6390,11 +6422,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_4$k = {
+  const _hoisted_4$l = {
     key: 1,
     class: "label"
   };
-  const _hoisted_5$b = {
+  const _hoisted_5$c = {
     key: 2,
     class: "small-progress"
   };
@@ -6544,11 +6576,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }, [
               !selectedItem.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$w, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder]
-              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$k, null, 512)), [
+              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$l, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
               _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$b, "progress_activity")) : vue.createCommentVNode("", true)
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$c, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
               key: 0,
@@ -6562,7 +6594,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }, ["stop"]))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$1u, vue.mergeProps(vue.unref(treeHandler).tree, vue.toHandlers(vue.unref(treeHandler).treeEventListener)), null, 16)
+                vue.createVNode(_sfc_main$1u, vue.mergeProps({ "bottom-padding": "0" }, vue.unref(treeHandler).tree, vue.toHandlers(vue.unref(treeHandler).treeEventListener)), null, 16)
               ]),
               _: 1
             }, 8, ["base-element", "max-height", "popup-align", "popup-direction"])) : vue.createCommentVNode("", true),
@@ -6584,11 +6616,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_4$j = {
+  const _hoisted_4$k = {
     key: 1,
     class: "label"
   };
-  const _hoisted_5$a = {
+  const _hoisted_5$b = {
     key: 2,
     class: "small-progress"
   };
@@ -6734,11 +6766,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }, [
               !selectedItems.value || selectedItems.value.length == 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$v, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder]
-              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$j, null, 512)), [
+              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$k, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
               _cache[7] || (_cache[7] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$a, "progress_activity")) : vue.createCommentVNode("", true)
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$b, "progress_activity")) : vue.createCommentVNode("", true)
             ], 512),
             showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
               key: 0,
@@ -6753,6 +6785,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(_sfc_main$1u, vue.mergeProps({
+                  "bottom-padding": "0",
                   "multi-select": "",
                   "show-checkbox": ""
                 }, vue.unref(treeHandler).tree, vue.toHandlers(vue.unref(treeHandler).treeEventListener), {
@@ -6832,7 +6865,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 1,
     class: "input-area bs-layout-horizontal align-items-start"
   };
-  const _hoisted_4$i = ["disabled", "maxlength", "name", "tabindex"];
+  const _hoisted_4$j = ["disabled", "maxlength", "name", "tabindex"];
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTextArea",
     props: {
@@ -6988,7 +7021,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "flex-grow-1",
               onPointerdown: capturePointer,
               onPointerup: preserveResizedHeight
-            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$i), [
+            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$j), [
               [vue.vModelText, vue.unref(stringValue)],
               [
                 vue.unref(vT),
@@ -28352,43 +28385,6 @@ img.ProseMirror-separator {
       return ["tr", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     }
   });
-  const TableCell = Node.create({
-    name: "tableCell",
-    addOptions() {
-      return {
-        HTMLAttributes: {}
-      };
-    },
-    content: "block+",
-    addAttributes() {
-      return {
-        colspan: {
-          default: 1
-        },
-        rowspan: {
-          default: 1
-        },
-        colwidth: {
-          default: null,
-          parseHTML: (element) => {
-            const colwidth = element.getAttribute("colwidth");
-            const value = colwidth ? colwidth.split(",").map((width) => parseInt(width, 10)) : null;
-            return value;
-          }
-        }
-      };
-    },
-    tableRole: "cell",
-    isolating: true,
-    parseHTML() {
-      return [
-        { tag: "td" }
-      ];
-    },
-    renderHTML({ HTMLAttributes }) {
-      return ["td", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-    }
-  });
   const _hoisted_1$1b = { class: "tool-button-font-size bs-layout-horizontal align-items-center" };
   const _hoisted_2$S = ["disabled", "value"];
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
@@ -31022,10 +31018,11 @@ img.ProseMirror-separator {
   const parseHTMLStyle = (attr) => {
     return (element) => element.style[attr];
   };
-  const renderHTMLStyle = (attr) => {
+  const renderHTMLStyle = (attr, attrName2) => {
     return (attrs) => {
       const kebabCaseName = attr.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-      return attrs[attr] ? { style: `${kebabCaseName}: ${attrs[attr]}` } : void 0;
+      const value = attrs[attrName2 || attr];
+      return value ? { style: `${kebabCaseName}: ${value}` } : void 0;
     };
   };
   const createStyleString = (attr, names) => {
@@ -31038,6 +31035,15 @@ img.ProseMirror-separator {
         height: { parseHTML: parseHTMLStyle("height"), renderHTML: renderHTMLStyle("height") },
         maxWidth: { parseHTML: parseHTMLStyle("maxWidth"), renderHTML: renderHTMLStyle("maxWidth") },
         maxHeight: { parseHTML: parseHTMLStyle("maxHeight"), renderHTML: renderHTMLStyle("maxHeight") },
+        marginLeft: { parseHTML: parseHTMLStyle("marginLeft"), renderHTML: renderHTMLStyle("marginLeft") },
+        marginTop: { parseHTML: parseHTMLStyle("marginTop"), renderHTML: renderHTMLStyle("marginTop") },
+        marginRight: { parseHTML: parseHTMLStyle("marginRight"), renderHTML: renderHTMLStyle("marginRight") },
+        marginBottom: { parseHTML: parseHTMLStyle("marginBottom"), renderHTML: renderHTMLStyle("marginBottom") },
+        tableAlign: {
+          default: "",
+          parseHTML: parseHTMLStyle("alignSelf"),
+          renderHTML: renderHTMLStyle("alignSelf", "tableAlign")
+        },
         class: {
           default: void 0,
           parseHTML: (element) => element.className,
@@ -31050,6 +31056,13 @@ img.ProseMirror-separator {
     renderHTML: (props) => {
       var _a2;
       const result = (_a2 = Table.config.renderHTML) == null ? void 0 : _a2.apply(Table, [props]);
+      if (Array.isArray(result) && result.length > 1) {
+        const attrs = result[1];
+        attrs.style = props.HTMLAttributes.style;
+      }
+      if (Array.isArray(result) && result.length > 2 && result[2][0] === "colgroup") {
+        result.splice(2, 1);
+      }
       return [
         "div",
         { class: "table-wrapper" },
@@ -31595,16 +31608,23 @@ img.ProseMirror-separator {
         start: {
           default: 0
         },
-        width: { parseHTML: parseHTMLStyle("width"), renderHTML: renderHTMLStyle("width") },
-        height: { parseHTML: parseHTMLStyle("height"), renderHTML: renderHTMLStyle("height") },
-        maxWidth: { parseHTML: parseHTMLStyle("maxWidth"), renderHTML: renderHTMLStyle("maxWidth") },
-        maxHeight: { parseHTML: parseHTMLStyle("maxHeight"), renderHTML: renderHTMLStyle("maxHeight") },
-        marginLeft: { parseHTML: parseHTMLStyle("marginLeft"), renderHTML: renderHTMLStyle("marginLeft") },
-        marginTop: { parseHTML: parseHTMLStyle("marginTop"), renderHTML: renderHTMLStyle("marginTop") },
-        marginRight: { parseHTML: parseHTMLStyle("marginRight"), renderHTML: renderHTMLStyle("marginRight") },
-        marginBottom: { parseHTML: parseHTMLStyle("marginBottom"), renderHTML: renderHTMLStyle("marginBottom") }
+        width: { parseHTML: parseWrapperHTMLStyle("width"), renderHTML: renderHTMLStyle("width") },
+        height: { parseHTML: parseWrapperHTMLStyle("height"), renderHTML: renderHTMLStyle("height") },
+        maxWidth: { parseHTML: parseWrapperHTMLStyle("maxWidth"), renderHTML: renderHTMLStyle("maxWidth") },
+        maxHeight: { parseHTML: parseWrapperHTMLStyle("maxHeight"), renderHTML: renderHTMLStyle("maxHeight") },
+        marginLeft: { parseHTML: parseWrapperHTMLStyle("marginLeft"), renderHTML: renderHTMLStyle("marginLeft") },
+        marginTop: { parseHTML: parseWrapperHTMLStyle("marginTop"), renderHTML: renderHTMLStyle("marginTop") },
+        marginRight: { parseHTML: parseWrapperHTMLStyle("marginRight"), renderHTML: renderHTMLStyle("marginRight") },
+        marginBottom: { parseHTML: parseWrapperHTMLStyle("marginBottom"), renderHTML: renderHTMLStyle("marginBottom") }
       };
     },
+    parseHTML() {
+      return [
+        {
+          tag: "span[data-youtube-video] iframe"
+        }
+      ];
+    },
     // Youtube extension 에서는 div 로 감싸는데, p 안에 div 가 들어갈 수 없어, span 으로 변경함.
     renderHTML: (props) => {
       var _a2;
@@ -31616,14 +31636,21 @@ img.ProseMirror-separator {
         const iframeAttr = result[2][1];
         delete iframeAttr.width;
         delete iframeAttr.height;
-        iframeAttr.style = `width: 100%; height:100%;`;
+        iframeAttr.style = `width: 100%; height:100%; ${args.style};`;
         return ["span", args, [iframe, iframeAttr]];
       }
       return "span";
     }
   });
+  const parseWrapperHTMLStyle = (attr) => {
+    return (element) => {
+      var _a2;
+      return (_a2 = element.parentElement) == null ? void 0 : _a2.style[attr];
+    };
+  };
   const createWrapperStyle = (attrs) => {
     if (!attrs.aspectRatio) attrs.aspectRatio = "16/9";
+    if (!attrs.width) attrs.width = "100%";
     attrs = normalizeYoutubeInfoData(attrs);
     const styleKeys = ["aspectRatio", "width", "height", "maxWidth", "maxHeight", "marginLeft", "marginTop", "marginRight", "marginBottom"];
     const styles = [];
@@ -33988,6 +34015,70 @@ img.ProseMirror-separator {
   }
   const richTextContentStyle = '.rich-text-content {\n  font-size: 14px;\n}\n.rich-text-content * {\n  line-height: 1.4em;\n}\n.rich-text-content p {\n  margin: 0 0 4px 0;\n  padding: 0;\n}\n.rich-text-content p:empty:before {\n  content: " ";\n  white-space: pre;\n}\n.rich-text-content pre {\n  background-color: #eee;\n  padding: 8px;\n  margin: 8px 0;\n  border-radius: 4px;\n  font-family: "Lucida Console", sans-serif;\n}\n.rich-text-content h1 {\n  font-size: 1.8rem;\n  margin: 1rem 0 0.4rem;\n}\n.rich-text-content h2 {\n  font-size: 1.6rem;\n  margin: 0.6rem 0 0.2rem;\n}\n.rich-text-content h3 {\n  font-size: 1.4rem;\n  margin: 0.4rem 0 0.2rem;\n}\n.rich-text-content h4 {\n  font-size: 1.2rem;\n  margin: 0.4rem 0 0.2rem;\n}\n.rich-text-content ul {\n  padding-left: 1em;\n}\n.rich-text-content ul li {\n  list-style: inside disc;\n}\n.rich-text-content ul li > ul > li {\n  list-style: inside circle;\n}\n.rich-text-content ul li > ul > li > ul > li {\n  list-style: inside square;\n}\n.rich-text-content ul li > p {\n  display: inline;\n}\n.rich-text-content ol {\n  padding-left: 1em;\n}\n.rich-text-content ol li {\n  list-style: inside decimal;\n}\n.rich-text-content ol li > ol > li {\n  list-style: inside lower-alpha;\n}\n.rich-text-content ol li > ol > li > ol > li {\n  list-style: inside lower-roman;\n}\n.rich-text-content ol li > p {\n  display: inline;\n}\n.rich-text-content > div > ul, .rich-text-content > div > ol {\n  margin: 8px 0;\n}\n.rich-text-content em {\n  font-style: italic;\n}\n.rich-text-content .table-wrapper {\n  margin: 0.5rem 0;\n  overflow-x: auto;\n  display: flex;\n  flex-direction: column;\n}\n.rich-text-content table {\n  border-collapse: collapse;\n  text-align: left;\n}\n.rich-text-content table > tr > th, .rich-text-content table > tr > td, .rich-text-content table > tbody > tr > th, .rich-text-content table > tbody > tr > td {\n  border: 1px solid #ccc;\n  box-sizing: border-box;\n  padding: 6px 8px;\n  vertical-align: top;\n}\n.rich-text-content table > tr > th > p, .rich-text-content table > tr > td > p, .rich-text-content table > tbody > tr > th > p, .rich-text-content table > tbody > tr > td > p {\n  margin-bottom: 0;\n}\n.rich-text-content img {\n  display: inline-block;\n  height: auto;\n  margin: 0.5rem 0;\n  max-width: 100%;\n}\n.rich-text-content span[data-youtube-video] {\n  padding-right: 0.5rem;\n  display: inline-block;\n}\n.rich-text-content span[data-youtube-video] iframe {\n  border: 0.5rem solid var(--black-contrast);\n  outline: 0 solid transparent;\n}';
   const richTextContainerStyle = ':root {\n  --body-bg: #ffffff;\n  --gray-400: #A9A9A9;\n  --primary: #5672EF;\n  --icon-font-family: Material Symbols Outlined, monospace;\n}\n\n.bs-rich-text-editor {\n  width: 100%;\n  box-sizing: border-box;\n  overflow: auto;\n  padding: 8px;\n  margin: 0 auto;\n  background-color: var(--body-bg);\n  align-self: center;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);\n  /* table */\n  /* image */\n  /* youtube */\n}\n.bs-rich-text-editor > .tiptap {\n  width: 100%;\n  flex-grow: 1;\n}\n.bs-rich-text-editor > .tiptap:focus {\n  outline: 0;\n}\n.bs-rich-text-editor table {\n  table-layout: fixed;\n}\n.bs-rich-text-editor table td,\n.bs-rich-text-editor table th {\n  min-width: 1em;\n  position: relative;\n}\n.bs-rich-text-editor table td > *,\n.bs-rich-text-editor table th > * {\n  margin-bottom: 0;\n}\n.bs-rich-text-editor table th {\n  font-weight: bold;\n  text-align: left;\n}\n.bs-rich-text-editor table .selectedCell:after {\n  background: var(--gray-400);\n  opacity: 0.3;\n  content: "";\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  pointer-events: none;\n  position: absolute;\n  z-index: 1;\n}\n.bs-rich-text-editor table .column-resize-handle {\n  background-color: var(--primary);\n  bottom: -2px;\n  pointer-events: none;\n  position: absolute;\n  right: -2px;\n  top: 0;\n  width: 4px;\n  z-index: 2;\n}\n.bs-rich-text-editor img, .bs-rich-text-editor video {\n  user-select: auto;\n}\n.bs-rich-text-editor img.ProseMirror-selectednode, .bs-rich-text-editor video.ProseMirror-selectednode {\n  outline: 3px solid var(--primary);\n  position: relative;\n  transition: outline 0.15s;\n  z-index: 1;\n}\n.bs-rich-text-editor span[data-youtube-video] {\n  position: relative;\n  cursor: move;\n}\n.bs-rich-text-editor span[data-youtube-video] iframe {\n  user-select: auto;\n}\n.bs-rich-text-editor span[data-youtube-video].ProseMirror-selectednode iframe {\n  outline: 3px solid var(--primary);\n  transition: outline 0.15s;\n}\n.bs-rich-text-editor span[data-youtube-video]::after {\n  content: "menu";\n  font-family: var(--icon-font-family);\n  position: absolute;\n  background-color: white;\n  border-radius: 4px;\n  padding: 4px;\n  left: 8px;\n  top: 8px;\n  font-size: 20px;\n  line-height: 1em;\n}';
+  const TableCell = Node.create({
+    name: "tableCell",
+    addOptions() {
+      return {
+        HTMLAttributes: {}
+      };
+    },
+    content: "block+",
+    addAttributes() {
+      return {
+        colspan: {
+          default: 1
+        },
+        rowspan: {
+          default: 1
+        },
+        colwidth: {
+          default: null,
+          parseHTML: (element) => {
+            const colwidth = element.getAttribute("colwidth");
+            const value = colwidth ? colwidth.split(",").map((width) => parseInt(width, 10)) : null;
+            return value;
+          }
+        }
+      };
+    },
+    tableRole: "cell",
+    isolating: true,
+    parseHTML() {
+      return [
+        { tag: "td" }
+      ];
+    },
+    renderHTML({ HTMLAttributes }) {
+      return ["td", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+    }
+  });
+  const RichTextTableCell = TableCell.extend({
+    addAttributes() {
+      var _a2;
+      return {
+        ...(_a2 = this.parent) == null ? void 0 : _a2.call(this),
+        width: { parseHTML: parseHTMLStyle("width"), renderHTML: renderHTMLStyle("width") },
+        colspan: {
+          default: 1,
+          parseHTML: (el) => {
+            return Number(el.getAttribute("colspan")) || 1;
+          },
+          renderHTML: (attrs) => {
+            if ((attrs.colspan || 1) > 1) return { colspan: attrs.colspan };
+          }
+        },
+        rowspan: {
+          default: 1,
+          parseHTML: (el) => {
+            return Number(el.getAttribute("rowspan")) || 1;
+          },
+          renderHTML: (attrs) => {
+            if ((attrs.rowspan || 1) > 1) return { rowspan: attrs.rowspan };
+          }
+        }
+      };
+    }
+  });
   const _hoisted_1$10 = ["innerHTML"];
   const _hoisted_2$L = { class: "editor-container" };
   const WRAP_BEGIN = '<div class="rich-text-content">';
@@ -34041,14 +34132,14 @@ img.ProseMirror-separator {
             inline: true
           }),
           RichTextTable.configure({
-            resizable: true,
-            lastColumnResizable: true,
+            resizable: false,
+            lastColumnResizable: false,
             allowTableNodeSelection: true,
             View: RichTextTableView
           }),
           TableHeader,
           TableRow,
-          TableCell,
+          RichTextTableCell,
           RichTextYoutube.configure({
             inline: true,
             controls: false,
@@ -34168,10 +34259,19 @@ img.ProseMirror-separator {
             const doc2 = iframeRef.value.contentWindow.document;
             const context = {
               iframeDocument: doc2,
+              fontLinks: [
+                "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block"
+              ],
               editorStyles: [richTextContainerStyle],
               contentStyles: [richTextContentStyle]
             };
             emit("editorIframeReady", context);
+            context.fontLinks.forEach((font) => {
+              const link = doc2.createElement("link");
+              link.setAttribute("href", font);
+              link.setAttribute("rel", "stylesheet");
+              doc2.head.appendChild(link);
+            });
             const styles = [...context.editorStyles || [], ...context.contentStyles || []];
             styles.forEach((css2) => {
               const style2 = doc2.createElement("style");
@@ -34391,9 +34491,9 @@ img.ProseMirror-separator {
   const _hoisted_1$$ = ["poster"];
   const _hoisted_2$K = ["src"];
   const _hoisted_3$s = ["alt", "src"];
-  const _hoisted_4$h = ["alt", "src"];
-  const _hoisted_5$9 = ["href"];
-  const _hoisted_6$3 = {
+  const _hoisted_4$i = ["alt", "src"];
+  const _hoisted_5$a = ["href"];
+  const _hoisted_6$4 = {
     key: 7,
     class: "font-icon bottom-2 left-2 button"
   };
@@ -34505,7 +34605,7 @@ img.ProseMirror-separator {
             alt: _ctx.file.altText,
             src: fileUrl.value,
             style: vue.normalizeStyle({ width: _ctx.width, height: _ctx.height, maxWidth: _ctx.maxWidth })
-          }, null, 12, _hoisted_4$h)),
+          }, null, 12, _hoisted_4$i)),
           _ctx.showDeleteButton ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
             key: 3,
             class: "bs-clickable font-icon button show-on-hover top-2 right-2",
@@ -34551,7 +34651,7 @@ img.ProseMirror-separator {
             target: "_blank"
           }, _cache[2] || (_cache[2] = [
             vue.createTextVNode("zoom_in")
-          ]), 8, _hoisted_5$9)), [
+          ]), 8, _hoisted_5$a)), [
             [
               vue.unref(vT),
               { key: "bs.openInNewTab" },
@@ -34572,7 +34672,7 @@ img.ProseMirror-separator {
               void 0,
               { title: true }
             ]
-          ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$3, vue.toDisplayString(mediaTypeIcon.value), 1))
+          ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$4, vue.toDisplayString(mediaTypeIcon.value), 1))
         ], 34)) : vue.createCommentVNode("", true);
       };
     }
@@ -36449,7 +36549,7 @@ img.ProseMirror-separator {
   const _hoisted_1$X = ["data-property-id"];
   const _hoisted_2$H = { class: "bs-layout-horizontal align-items-center" };
   const _hoisted_3$p = { class: "flex-grow-1 text-truncate" };
-  const _hoisted_4$g = ["textContent"];
+  const _hoisted_4$h = ["textContent"];
   const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSGridHeaderCell",
     props: {
@@ -36538,7 +36638,7 @@ img.ProseMirror-separator {
                 class: vue.normalizeClass([{ "text-gray-400": ascending.value === void 0, "descending": !ascending.value }, "sort-icon font-icon bs-clickable"]),
                 onClick: sort,
                 textContent: vue.toDisplayString(ascending.value === void 0 ? "swap_vert" : "straight")
-              }, null, 10, _hoisted_4$g)) : vue.createCommentVNode("", true)
+              }, null, 10, _hoisted_4$h)) : vue.createCommentVNode("", true)
             ]),
             vue.renderSlot(_ctx.$slots, "filter", {}, void 0, true),
             vue.createVNode(BSGridHeaderCellResizeHandle, {
@@ -37051,13 +37151,13 @@ img.ProseMirror-separator {
     key: 0,
     class: "fixed func-cell"
   };
-  const _hoisted_4$f = {
+  const _hoisted_4$g = {
     key: 2,
     class: "fixed func-cell edit-icon"
   };
-  const _hoisted_5$8 = { key: 0 };
-  const _hoisted_6$2 = { key: 1 };
-  const _hoisted_7$2 = { class: "position-absolute text-nowrap pa-8" };
+  const _hoisted_5$9 = { key: 0 };
+  const _hoisted_6$3 = { key: 1 };
+  const _hoisted_7$3 = { class: "position-absolute text-nowrap pa-8" };
   const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     __name: "BSGrid",
     props: {
@@ -37333,7 +37433,7 @@ img.ProseMirror-separator {
                     "selected-row-count": vue.unref(internalSelectedRows).size,
                     onClick: toggleAllSelection
                   }, null, 8, ["selected-row-count"])) : vue.createCommentVNode("", true),
-                  _ctx.editable && !_ctx.hideEditIcon ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$f, _cache[1] || (_cache[1] = [
+                  _ctx.editable && !_ctx.hideEditIcon ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$g, _cache[1] || (_cache[1] = [
                     vue.createElementVNode("div", null, null, -1)
                   ]))) : vue.createCommentVNode("", true),
                   _ctx.showSerial ? (vue.openBlock(), vue.createBlock(BSGridHeaderCellSerialNo, { key: 3 })) : vue.createCommentVNode("", true),
@@ -37363,13 +37463,13 @@ img.ProseMirror-separator {
                 ])
               ]),
               vue.createElementVNode("tbody", null, [
-                _ctx.loading ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$8, [
+                _ctx.loading ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$9, [
                   vue.createElementVNode("td", null, [
                     vue.createVNode(BSLoadingIcon, { class: "position-absolute pa-8" })
                   ])
-                ])) : _ctx.data && _ctx.data.length === 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_6$2, [
+                ])) : _ctx.data && _ctx.data.length === 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_6$3, [
                   vue.createElementVNode("td", null, [
-                    vue.withDirectives(vue.createElementVNode("div", _hoisted_7$2, null, 512), [
+                    vue.withDirectives(vue.createElementVNode("div", _hoisted_7$3, null, 512), [
                       [vue.unref(vT), { key: "bs.grid.empty" }]
                     ])
                   ])
@@ -37478,7 +37578,7 @@ img.ProseMirror-separator {
   const _hoisted_1$O = { class: "bs-text-filter" };
   const _hoisted_2$D = { class: "input-wrap" };
   const _hoisted_3$n = { class: "textarea-wrap" };
-  const _hoisted_4$e = {
+  const _hoisted_4$f = {
     class: "filter-caption text-nowrap",
     "data-id": "filterCaption"
   };
@@ -37611,7 +37711,7 @@ img.ProseMirror-separator {
           ], 512), [
             [vue.vShow, filterMode.value === "TEXTAREA"]
           ]),
-          vue.createElementVNode("div", _hoisted_4$e, [
+          vue.createElementVNode("div", _hoisted_4$f, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filterMode.value === "INPUT" ? likeTextFilterItems.value : inTextFilterItems.value, (item) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: item.propertyId
@@ -37995,12 +38095,12 @@ img.ProseMirror-separator {
   const _hoisted_1$L = { class: "bs-grid-control" };
   const _hoisted_2$A = { key: 0 };
   const _hoisted_3$m = { key: 1 };
-  const _hoisted_4$d = { key: 2 };
-  const _hoisted_5$7 = { key: 3 };
-  const _hoisted_6$1 = { key: 4 };
-  const _hoisted_7$1 = ["textContent"];
-  const _hoisted_8$1 = { key: 5 };
-  const _hoisted_9 = ["textContent"];
+  const _hoisted_4$e = { key: 2 };
+  const _hoisted_5$8 = { key: 3 };
+  const _hoisted_6$2 = { key: 4 };
+  const _hoisted_7$2 = ["textContent"];
+  const _hoisted_8$2 = { key: 5 };
+  const _hoisted_9$1 = ["textContent"];
   const _hoisted_10 = { key: 6 };
   const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     __name: "BSGridControl",
@@ -38075,7 +38175,7 @@ img.ProseMirror-separator {
               onClick: refreshGrid
             })
           ])) : vue.createCommentVNode("", true),
-          _ctx.showClearFilter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$d, [
+          _ctx.showClearFilter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$e, [
             vue.createVNode(BSButton, {
               caption: { key: "bs.grid.clearSetting" },
               "data-id": "clearSettingBtn",
@@ -38083,7 +38183,7 @@ img.ProseMirror-separator {
               onClick: clearGridFilter
             })
           ])) : vue.createCommentVNode("", true),
-          _ctx.showAddButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
+          _ctx.showAddButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8, [
             vue.createVNode(BSButton, {
               caption: { key: "bs.gridcontrol.addRow" },
               "data-id": "addRowBtn",
@@ -38091,7 +38191,7 @@ img.ProseMirror-separator {
               onClick: _cache[0] || (_cache[0] = ($event) => emit("clickAdd"))
             })
           ])) : vue.createCommentVNode("", true),
-          _ctx.showRemoveButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
+          _ctx.showRemoveButton ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
             vue.createVNode(BSButton, {
               caption: { key: "bs.gridcontrol.removeRow" },
               "data-id": "removeRowBtn",
@@ -38107,9 +38207,9 @@ img.ProseMirror-separator {
             vue.createElementVNode("span", {
               "data-id": "totalCount",
               textContent: vue.toDisplayString(formattedTotalCount.value)
-            }, null, 8, _hoisted_7$1)
+            }, null, 8, _hoisted_7$2)
           ]),
-          selectedCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
+          selectedCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, [
             vue.withDirectives(vue.createElementVNode("span", null, null, 512), [
               [vue.unref(vT), { key: "bs.gridcontrol.selectedCount" }]
             ]),
@@ -38117,7 +38217,7 @@ img.ProseMirror-separator {
             vue.createElementVNode("span", {
               "data-id": "selectedCount",
               textContent: vue.toDisplayString(formattedSelectedCount.value)
-            }, null, 8, _hoisted_9)
+            }, null, 8, _hoisted_9$1)
           ])) : vue.createCommentVNode("", true),
           _ctx.showLimit ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
             vue.createVNode(_sfc_main$1W, {
@@ -38346,14 +38446,14 @@ img.ProseMirror-separator {
   const _hoisted_1$J = ["data-current-tab"];
   const _hoisted_2$y = { class: "prefix" };
   const _hoisted_3$l = { class: "tabs flex-grow-1 flex-shrink-1" };
-  const _hoisted_4$c = ["data-tab-id", "onClick"];
-  const _hoisted_5$6 = {
+  const _hoisted_4$d = ["data-tab-id", "onClick"];
+  const _hoisted_5$7 = {
     key: 0,
     class: "font-icon"
   };
-  const _hoisted_6 = { class: "ml-4" };
-  const _hoisted_7 = { class: "buttons text-nowrap" };
-  const _hoisted_8 = { class: "flex-grow-1 h-4 bs-layout-vertical" };
+  const _hoisted_6$1 = { class: "ml-4" };
+  const _hoisted_7$1 = { class: "buttons text-nowrap" };
+  const _hoisted_8$1 = { class: "flex-grow-1 h-4 bs-layout-vertical" };
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTabSheet",
     props: {
@@ -38463,18 +38563,18 @@ img.ProseMirror-separator {
                   "data-tab-id": tab.tabId,
                   onClick: ($event) => selectTab(tab)
                 }, [
-                  tab.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$6, vue.toDisplayString(tab.icon), 1)) : vue.createCommentVNode("", true),
-                  vue.withDirectives(vue.createElementVNode("span", _hoisted_6, null, 512), [
+                  tab.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, vue.toDisplayString(tab.icon), 1)) : vue.createCommentVNode("", true),
+                  vue.withDirectives(vue.createElementVNode("span", _hoisted_6$1, null, 512), [
                     [vue.unref(vT), tab.caption]
                   ])
-                ], 10, _hoisted_4$c);
+                ], 10, _hoisted_4$d);
               }), 128))
             ]),
-            vue.createElementVNode("div", _hoisted_7, [
+            vue.createElementVNode("div", _hoisted_7$1, [
               vue.renderSlot(_ctx.$slots, "buttons")
             ])
           ], 2),
-          vue.createElementVNode("div", _hoisted_8, [
+          vue.createElementVNode("div", _hoisted_8$1, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(createdTabs.value, (createdTab) => {
               var _a3;
               return vue.renderSlot(_ctx.$slots, createdTab.tabId, {
@@ -67795,7 +67895,7 @@ img.ProseMirror-separator {
     key: 0,
     class: "address-caption"
   };
-  const _hoisted_4$b = { key: 0 };
+  const _hoisted_4$c = { key: 0 };
   const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     __name: "BSAddressInput",
     props: {
@@ -67941,7 +68041,7 @@ img.ProseMirror-separator {
                       width: ((_e = selectedConfig.value.widths) == null ? void 0 : _e[index - 1]) || "100%"
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "class", "disabled", "max-length", "maxlength", "name", "view-mode", "width"])
                   ]),
-                  selectedConfig.value.lineBreak === index || selectedConfig.value.lineBreak === "all" ? (vue.openBlock(), vue.createElementBlock("br", _hoisted_4$b)) : vue.createCommentVNode("", true)
+                  selectedConfig.value.lineBreak === index || selectedConfig.value.lineBreak === "all" ? (vue.openBlock(), vue.createElementBlock("br", _hoisted_4$c)) : vue.createCommentVNode("", true)
                 ], 64);
               }), 128))
             ]),
@@ -68329,7 +68429,7 @@ img.ProseMirror-separator {
     class: "title-bar bs-layout-horizontal flex-align-center"
   };
   const _hoisted_3$f = { class: "title flex-grow-1" };
-  const _hoisted_4$a = { class: "title-buttons" };
+  const _hoisted_4$b = { class: "title-buttons" };
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     __name: "BSModalFrame",
     props: {
@@ -68375,7 +68475,7 @@ img.ProseMirror-separator {
                 ])
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_4$a, [
+            vue.createElementVNode("div", _hoisted_4$b, [
               vue.renderSlot(_ctx.$slots, "title-buttons")
             ]),
             vue.createElementVNode("div", null, [
@@ -68451,7 +68551,7 @@ img.ProseMirror-separator {
   const _hoisted_1$r = { class: "bs-notification-container" };
   const _hoisted_2$k = { class: "top-notification bs-layout-vertical-inline flex-align-center gap-4" };
   const _hoisted_3$e = { class: "bottom-notification bs-layout-vertical-inline flex-align-end gap-4" };
-  const _hoisted_4$9 = { class: "tooltip-container" };
+  const _hoisted_4$a = { class: "tooltip-container" };
   const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     __name: "BSNotificationContainer",
     setup(__props) {
@@ -68494,7 +68594,7 @@ img.ProseMirror-separator {
               _: 1
             })
           ]),
-          vue.createElementVNode("div", _hoisted_4$9, [
+          vue.createElementVNode("div", _hoisted_4$a, [
             vue.unref(tooltipEntry) ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
               key: 0,
               ref_key: "tooltip",
@@ -68516,8 +68616,8 @@ img.ProseMirror-separator {
     class: "title-bar bs-layout-horizontal flex-align-center"
   };
   const _hoisted_3$d = { class: "title d-flex align-items-center gap-8" };
-  const _hoisted_4$8 = { class: "flex-grow-1 overflow-auto" };
-  const _hoisted_5$5 = {
+  const _hoisted_4$9 = { class: "flex-grow-1 overflow-auto" };
+  const _hoisted_5$6 = {
     key: 1,
     class: "buttons"
   };
@@ -68543,10 +68643,10 @@ img.ProseMirror-separator {
               ], true)
             ])
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_4$8, [
+          vue.createElementVNode("div", _hoisted_4$9, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
-          hasButtons.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
+          hasButtons.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
             vue.renderSlot(_ctx.$slots, "buttons", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
         ]);
@@ -69019,8 +69119,8 @@ img.ProseMirror-separator {
   const _hoisted_1$o = { class: "menu-search position-relative bs-layout-horizontal gap-8" };
   const _hoisted_2$i = { class: "menu-search-box flex-grow-1" };
   const _hoisted_3$c = ["value"];
-  const _hoisted_4$7 = { class: "icon bs-layout-horizontal align-items-center" };
-  const _hoisted_5$4 = { class: "font-icon" };
+  const _hoisted_4$8 = { class: "icon bs-layout-horizontal align-items-center" };
+  const _hoisted_5$5 = { class: "font-icon" };
   const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     __name: "SidebarMenuSearch",
     props: {
@@ -69109,7 +69209,7 @@ img.ProseMirror-separator {
                 { placeholder: true }
               ]
             ]),
-            vue.createElementVNode("div", _hoisted_4$7, [
+            vue.createElementVNode("div", _hoisted_4$8, [
               vue.createElementVNode("button", {
                 class: "bs-clickable",
                 onClick: emptyKeyword
@@ -69129,7 +69229,7 @@ img.ProseMirror-separator {
             class: "bs-clickable",
             onClick: toggleFixedMenu
           }, [
-            vue.createElementVNode("span", _hoisted_5$4, vue.toDisplayString(fixedMenuIcon.value), 1)
+            vue.createElementVNode("span", _hoisted_5$5, vue.toDisplayString(fixedMenuIcon.value), 1)
           ])
         ]);
       };
@@ -69780,8 +69880,8 @@ img.ProseMirror-separator {
   const _hoisted_1$f = { class: "title" };
   const _hoisted_2$d = { class: "title" };
   const _hoisted_3$b = { class: "title" };
-  const _hoisted_4$6 = { class: "title" };
-  const _hoisted_5$3 = { class: "bs-layout-horizontal gap-2" };
+  const _hoisted_4$7 = { class: "title" };
+  const _hoisted_5$4 = { class: "bs-layout-horizontal gap-2" };
   const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     __name: "ImageProperties",
     props: {
@@ -69882,10 +69982,10 @@ img.ProseMirror-separator {
             ])
           ]),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("div", _hoisted_4$6, [
+            vue.createElementVNode("div", _hoisted_4$7, [
               vue.createVNode(_sfc_main$1_, { label: { key: "bs.margin" } })
             ]),
-            vue.createElementVNode("div", _hoisted_5$3, [
+            vue.createElementVNode("div", _hoisted_5$4, [
               vue.withDirectives(vue.createVNode(_sfc_main$1S, {
                 modelValue: _ctx.imageInfo.marginLeft,
                 "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.imageInfo.marginLeft = $event),
@@ -70059,8 +70159,8 @@ img.ProseMirror-separator {
   const _hoisted_1$d = { class: "bs-layout-horizontal gap-8" };
   const _hoisted_2$b = { class: "title" };
   const _hoisted_3$9 = { class: "title" };
-  const _hoisted_4$5 = { class: "title" };
-  const _hoisted_5$2 = { class: "bs-layout-horizontal gap-2" };
+  const _hoisted_4$6 = { class: "title" };
+  const _hoisted_5$3 = { class: "bs-layout-horizontal gap-2" };
   const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     __name: "VideoProperties",
     props: {
@@ -70175,10 +70275,10 @@ img.ProseMirror-separator {
             ])
           ]),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("div", _hoisted_4$5, [
+            vue.createElementVNode("div", _hoisted_4$6, [
               vue.createVNode(_sfc_main$1_, { label: { key: "bs.margin" } })
             ]),
-            vue.createElementVNode("div", _hoisted_5$2, [
+            vue.createElementVNode("div", _hoisted_5$3, [
               vue.withDirectives(vue.createVNode(_sfc_main$1S, {
                 modelValue: _ctx.videoInfo.marginLeft,
                 "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.videoInfo.marginLeft = $event),
@@ -70483,9 +70583,34 @@ img.ProseMirror-separator {
       marginBottom: componentUtil.numberToPixel(data.marginBottom)
     };
   };
+  const setTableColumnWidth = (node, tablePos, colIndex, width, tr2) => {
+    node.forEach((row, rowOffset) => {
+      let col = 0;
+      row.forEach((cell, cellOffset) => {
+        const colspan = cell.attrs.colspan || 1;
+        if (col <= colIndex && col + colspan > colIndex) {
+          tr2.setNodeMarkup(
+            tablePos + 1 + rowOffset + cellOffset,
+            void 0,
+            {
+              ...cell.attrs,
+              width
+            }
+          );
+        }
+        col += colspan;
+      });
+    });
+  };
   const _hoisted_1$9 = { class: "title" };
   const _hoisted_2$9 = { class: "title" };
-  const _hoisted_3$7 = { class: "bs-layout-horizontal justify-content-end gap-8" };
+  const _hoisted_3$7 = { class: "title" };
+  const _hoisted_4$5 = { class: "bs-layout-horizontal gap-2" };
+  const _hoisted_5$2 = { class: "title" };
+  const _hoisted_6 = { class: "title" };
+  const _hoisted_7 = { class: "py-2 pr-8" };
+  const _hoisted_8 = { class: "pt-4" };
+  const _hoisted_9 = { class: "bs-layout-horizontal justify-content-end gap-8" };
   const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     __name: "TablePropertiesModal",
     props: {
@@ -70495,6 +70620,7 @@ img.ProseMirror-separator {
       const props = __props;
       const disabled = vue.computed(() => !props.editor.isEditable);
       const data = vue.ref();
+      const columns = vue.ref([]);
       vue.onMounted(() => {
         const selection = props.editor.state.selection;
         const { node } = findTableNode(selection, "table");
@@ -70502,20 +70628,41 @@ img.ProseMirror-separator {
           data.value = {
             ...node.attrs
           };
+          if (node.firstChild && (node.firstChild.children.length || 0) > 0) {
+            columns.value = node.firstChild.children.map((col) => ({
+              width: col.attrs.width || void 0
+            }));
+          }
         }
       });
+      const resetAllColumns = () => {
+        var _a2;
+        (_a2 = columns.value) == null ? void 0 : _a2.forEach((col) => {
+          col.width = void 0;
+        });
+      };
+      const alignItems = [
+        { value: "", caption: "", icon: "format_align_justify" },
+        { value: "start", caption: "", icon: "format_align_left", tooltip: { key: "bs.richtext.alignLeft" } },
+        { value: "center", caption: "", icon: "format_align_center", tooltip: { key: "bs.richtext.alignCenter" } },
+        { value: "end", caption: "", icon: "format_align_right", tooltip: { key: "bs.richtext.alignRight" } }
+      ];
       const modalHandle = useModalHandle();
       const form = vue.useTemplateRef("form");
       const validator = formValidator({ element: form });
       const save = async () => {
         await validator.validate();
         props.editor.chain().focus().command(({ tr: tr2 }) => {
+          var _a2;
           const { node, nodePos } = findTableNode(tr2.selection, "table");
           if (node && nodePos && data.value) {
             tr2.setNodeMarkup(nodePos - 1, null, {
               ...node.attrs,
               ...tableInfoNumberToPixel(data.value)
             });
+            (_a2 = columns.value) == null ? void 0 : _a2.forEach((column, index) => {
+              setTableColumnWidth(node, nodePos, index, column.width, tr2);
+            });
           }
           return true;
         }).run();
@@ -70526,7 +70673,7 @@ img.ProseMirror-separator {
       };
       modalHandle.setDefaultStyle({
         width: "500px",
-        height: "400px"
+        maxHeight: "80%"
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(_sfc_main$u, { title: { key: "bs.richtext.table" } }, {
@@ -70548,7 +70695,7 @@ img.ProseMirror-separator {
                     disabled: disabled.value,
                     name: "width",
                     prefix: "W",
-                    width: "100px"
+                    width: "120px"
                   }, null, 8, ["modelValue", "disabled"]), [
                     [
                       vue.unref(vT),
@@ -70557,14 +70704,14 @@ img.ProseMirror-separator {
                       { title: true }
                     ]
                   ]),
-                  _cache[4] || (_cache[4] = vue.createTextVNode(" x ")),
+                  _cache[9] || (_cache[9] = vue.createTextVNode(" x ")),
                   vue.withDirectives(vue.createVNode(_sfc_main$1S, {
                     modelValue: data.value.height,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => data.value.height = $event),
                     disabled: disabled.value,
                     name: "height",
                     prefix: "H",
-                    width: "100px"
+                    width: "120px"
                   }, null, 8, ["modelValue", "disabled"]), [
                     [
                       vue.unref(vT),
@@ -70586,7 +70733,7 @@ img.ProseMirror-separator {
                     disabled: disabled.value,
                     name: "maxWidth",
                     prefix: "W",
-                    width: "100px"
+                    width: "120px"
                   }, null, 8, ["modelValue", "disabled"]), [
                     [
                       vue.unref(vT),
@@ -70595,14 +70742,14 @@ img.ProseMirror-separator {
                       { title: true }
                     ]
                   ]),
-                  _cache[5] || (_cache[5] = vue.createTextVNode(" x ")),
+                  _cache[10] || (_cache[10] = vue.createTextVNode(" x ")),
                   vue.withDirectives(vue.createVNode(_sfc_main$1S, {
                     modelValue: data.value.maxHeight,
                     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => data.value.maxHeight = $event),
                     disabled: disabled.value,
                     name: "maxHeight",
                     prefix: "H",
-                    width: "100px"
+                    width: "120px"
                   }, null, 8, ["modelValue", "disabled"]), [
                     [
                       vue.unref(vT),
@@ -70612,11 +70759,133 @@ img.ProseMirror-separator {
                     ]
                   ])
                 ])
+              ]),
+              vue.createElementVNode("div", null, [
+                vue.createElementVNode("div", _hoisted_3$7, [
+                  vue.createVNode(_sfc_main$1_, { label: { key: "bs.margin" } })
+                ]),
+                vue.createElementVNode("div", _hoisted_4$5, [
+                  vue.withDirectives(vue.createVNode(_sfc_main$1S, {
+                    modelValue: data.value.marginLeft,
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => data.value.marginLeft = $event),
+                    disabled: disabled.value,
+                    prefix: { type: "font-icon", value: "keyboard_arrow_left" },
+                    name: "marginLeft",
+                    width: "80px"
+                  }, null, 8, ["modelValue", "disabled"]), [
+                    [
+                      vue.unref(vT),
+                      { key: "bs.left" },
+                      void 0,
+                      { title: true }
+                    ]
+                  ]),
+                  vue.withDirectives(vue.createVNode(_sfc_main$1S, {
+                    modelValue: data.value.marginTop,
+                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => data.value.marginTop = $event),
+                    disabled: disabled.value,
+                    prefix: { type: "font-icon", value: "keyboard_arrow_up" },
+                    name: "marginTop",
+                    width: "80px"
+                  }, null, 8, ["modelValue", "disabled"]), [
+                    [
+                      vue.unref(vT),
+                      { key: "bs.top" },
+                      void 0,
+                      { title: true }
+                    ]
+                  ]),
+                  vue.withDirectives(vue.createVNode(_sfc_main$1S, {
+                    modelValue: data.value.marginBottom,
+                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => data.value.marginBottom = $event),
+                    disabled: disabled.value,
+                    prefix: { type: "font-icon", value: "keyboard_arrow_down" },
+                    name: "marginBottom",
+                    width: "80px"
+                  }, null, 8, ["modelValue", "disabled"]), [
+                    [
+                      vue.unref(vT),
+                      { key: "bs.bottom" },
+                      void 0,
+                      { title: true }
+                    ]
+                  ]),
+                  vue.withDirectives(vue.createVNode(_sfc_main$1S, {
+                    modelValue: data.value.marginRight,
+                    "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => data.value.marginRight = $event),
+                    disabled: disabled.value,
+                    prefix: { type: "font-icon", value: "keyboard_arrow_right" },
+                    name: "marginRight",
+                    width: "80px"
+                  }, null, 8, ["modelValue", "disabled"]), [
+                    [
+                      vue.unref(vT),
+                      { key: "bs.right" },
+                      void 0,
+                      { title: true }
+                    ]
+                  ])
+                ])
+              ]),
+              vue.createElementVNode("div", null, [
+                vue.createElementVNode("div", _hoisted_5$2, [
+                  vue.createVNode(_sfc_main$1_, { label: { key: "bs.align" } })
+                ]),
+                vue.createElementVNode("div", null, [
+                  vue.createVNode(_sfc_main$1B, {
+                    modelValue: data.value.tableAlign,
+                    "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => data.value.tableAlign = $event),
+                    disabled: disabled.value,
+                    "icon-provider": (item) => item.icon,
+                    items: alignItems,
+                    "label-provider": (item) => item.caption,
+                    "tooltip-provider": (item) => item.tooltip,
+                    "value-provider": (item) => item.value,
+                    class: "button-group-style",
+                    name: "tableAlign"
+                  }, null, 8, ["modelValue", "disabled", "icon-provider", "label-provider", "tooltip-provider", "value-provider"])
+                ])
+              ]),
+              vue.createElementVNode("div", null, [
+                vue.createElementVNode("div", _hoisted_6, [
+                  vue.createVNode(_sfc_main$1_, { label: { key: "bs.richtext.tableColumnInfo" } })
+                ]),
+                vue.createElementVNode("div", null, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (column, index) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: index,
+                      class: "mb-4"
+                    }, [
+                      vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(index + 1) + ":", 1),
+                      vue.withDirectives(vue.createVNode(_sfc_main$1S, {
+                        modelValue: column.width,
+                        "onUpdate:modelValue": ($event) => column.width = $event,
+                        disabled: disabled.value,
+                        name: `columnWidth_${index}`,
+                        prefix: "W",
+                        width: "120px"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "name"]), [
+                        [
+                          vue.unref(vT),
+                          { key: "bs.width" },
+                          void 0,
+                          { title: true }
+                        ]
+                      ])
+                    ]);
+                  }), 128)),
+                  vue.createElementVNode("div", _hoisted_8, [
+                    vue.createVNode(BSButton, {
+                      caption: { key: "bs.clearAll" },
+                      onClick: resetAllColumns
+                    })
+                  ])
+                ])
               ])
             ], 512)) : vue.createCommentVNode("", true)
           ]),
           buttons: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_3$7, [
+            vue.createElementVNode("div", _hoisted_9, [
               vue.createVNode(BSButton, {
                 caption: { key: "bs.ok" },
                 "button-color": "blue",
@@ -70995,7 +71264,7 @@ img.ProseMirror-separator {
     setup(__props) {
       const props = __props;
       const disabled = vue.computed(() => !props.editor.isEditable);
-      const data = vue.ref({ src: "", aspectRatio: "16/9" });
+      const data = vue.ref({ src: "", aspectRatio: "16/9", width: "480px" });
       const modalHandle = useModalHandle();
       const insert2 = () => {
         if (data.value.src) {