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

package/dist/{index-CDwzpZX0.js → index-Bx4oDJu3.js}

@@ -87,8 +87,8 @@ const defaultAddressInputComponentConfig = {
   countryConfigs: ADDRESS_COUNTRY_CONFIGS
 };
 const defaultRichTextComponentConfig = {
-  imageInsertModal: defineAsyncComponent(() => import("./ImageInsertModal-DvKLXL1n.js")),
-  videoInsertModal: defineAsyncComponent(() => import("./VideoInsertModal-BAwRYBzU.js")),
+  imageInsertModal: defineAsyncComponent(() => import("./ImageInsertModal-CO6NeKVX.js")),
+  videoInsertModal: defineAsyncComponent(() => import("./VideoInsertModal-DR06SKIA.js")),
   toolButtons: [
     "Heading",
     "FontSize",
@@ -583,7 +583,7 @@ const waitUtil = {
   waitDuring,
   tryUntil
 };
-const _hoisted_1$1q = ["data-popup-id"];
+const _hoisted_1$1p = ["data-popup-id"];
 const ADJUST_OFFSET = 8;
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   __name: "BSPopup",
@@ -768,7 +768,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
               onKeydown: _cache[1] || (_cache[1] = ($event) => emit("keydown", $event))
             }, [
               renderSlot(_ctx.$slots, "default")
-            ], 46, _hoisted_1$1q)
+            ], 46, _hoisted_1$1p)
           ]),
           _: 3
         })
@@ -810,7 +810,7 @@ const debounce$2 = (func, wait) => {
     });
   };
 };
-const _hoisted_1$1p = {
+const _hoisted_1$1o = {
   key: 0,
   class: "popup-search pa-4"
 };
@@ -975,7 +975,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
         onKeydown: withKeys(withModifiers(handleKeyboard, ["stop", "prevent"]), ["enter", "down", "up"])
       }, {
         default: withCtx(() => [
-          actualShowSearch.value ? (openBlock(), createElementBlock("div", _hoisted_1$1p, [
+          actualShowSearch.value ? (openBlock(), createElementBlock("div", _hoisted_1$1o, [
             withDirectives(createElementVNode("input", {
               type: "text",
               onInput: setSearchKeyword,
@@ -1370,7 +1370,7 @@ class SavePointHandlerImpl {
     return this.isModified(this.valueProvider.getCurrentValue());
   }
 }
-const _hoisted_1$1o = { key: 0 };
+const _hoisted_1$1n = { key: 0 };
 const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   __name: "ValidationErrors",
   props: {
@@ -1379,7 +1379,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return !_ctx.hideErrorMessage && _ctx.errors && _ctx.errors.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1o, [
+      return !_ctx.hideErrorMessage && _ctx.errors && _ctx.errors.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1n, [
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.errors, (error) => {
           return withDirectives((openBlock(), createElementBlock("div", {
             key: error.code,
@@ -1426,7 +1426,7 @@ const executeKeyProviderOrDefault = (item, keyProvider, defaultKey) => {
   }
   return defaultKey(item);
 };
-const _hoisted_1$1n = ["tabindex", "onKeydown"];
+const _hoisted_1$1m = ["tabindex", "onKeydown"];
 const _hoisted_2$11 = { key: 0 };
 const _hoisted_3$A = {
   key: 0,
@@ -1619,7 +1619,7 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
             "hide-error-message": _ctx.hideErrorMessage
           }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
         ], 64))
-      ], 42, _hoisted_1$1n)), [
+      ], 42, _hoisted_1$1m)), [
         [unref(vClickOutside), () => togglePopup(false)]
       ]);
     };
@@ -1722,7 +1722,7 @@ const useContextMenuOptional = () => {
 const createContextMenuPlugin = () => {
   return new BSContextMenuPlugin();
 };
-const _hoisted_1$1m = ["data-menu-id"];
+const _hoisted_1$1l = ["data-menu-id"];
 const _hoisted_2$10 = ["href", "target"];
 const _hoisted_3$z = ["data-menu-id"];
 const _hoisted_4$n = ["data-menu-id", "onMouseenter", "onClick"];
@@ -1808,7 +1808,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
                 }, null, 8, _hoisted_2$10), [
                   [unref(vT), menu.caption]
                 ])
-              ], 8, _hoisted_1$1m)) : menu.type === "route" ? (openBlock(), createElementBlock("div", {
+              ], 8, _hoisted_1$1l)) : menu.type === "route" ? (openBlock(), createElementBlock("div", {
                 key: 3,
                 "data-menu-id": menu.menuId,
                 class: "menu no-padding",
@@ -2022,7 +2022,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1l = {
+const _hoisted_1$1k = {
   key: 0,
   class: "view-mode"
 };
@@ -2187,7 +2187,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-text-input"]),
         style: normalizeStyle({ width: _ctx.width })
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1l, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1k, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(getPrefixSuffixList(_ctx.prefix), (item) => {
             return openBlock(), createElementBlock(Fragment$1, null, [
               item.type === "text" ? withDirectives((openBlock(), createElementBlock("span", {
@@ -2290,7 +2290,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1k = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
+const _hoisted_1$1j = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
 const _hoisted_2$_ = ["href", "target"];
 const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   __name: "BSLink",
@@ -2301,7 +2301,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1j, [
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "font-icon mr-4" }, "link", -1)),
         withDirectives(createElementVNode("a", {
           href: _ctx.path,
@@ -2314,7 +2314,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   }
 });
 const BSLink = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__scopeId", "data-v-29df56e5"]]);
-const _hoisted_1$1j = {
+const _hoisted_1$1i = {
   key: 0,
   class: "show-percent",
   style: { "left": "100%" }
@@ -2353,7 +2353,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ width: calculateProgress.value + "%" }),
           class: "inner-progressbar"
         }, [
-          calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (openBlock(), createElementBlock("span", _hoisted_1$1j, toDisplayString(calculatePercent.value) + "% ", 1)) : (openBlock(), createElementBlock("span", _hoisted_2$Z, toDisplayString(calculatePercent.value) + "% ", 1))
+          calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (openBlock(), createElementBlock("span", _hoisted_1$1i, toDisplayString(calculatePercent.value) + "% ", 1)) : (openBlock(), createElementBlock("span", _hoisted_2$Z, toDisplayString(calculatePercent.value) + "% ", 1))
         ], 4)) : (openBlock(), createElementBlock("div", _hoisted_3$x, _cache[0] || (_cache[0] = [
           createElementVNode("div", { class: "in-box" }, null, -1)
         ])))
@@ -2383,9 +2383,9 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
 });
 const BSConsole = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__scopeId", "data-v-f33a4477"]]);
 const _sfc_main$1x = {};
-const _hoisted_1$1i = { class: "bs-loading-icon" };
+const _hoisted_1$1h = { class: "bs-loading-icon" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1i, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("div", _hoisted_1$1h, _cache[0] || (_cache[0] = [
     createElementVNode("span", { class: "font-icon" }, "progress_activity", -1)
   ]));
 }
@@ -2660,7 +2660,7 @@ const formatUtil = {
     return tmp.textContent || tmp.innerText;
   }
 };
-const _hoisted_1$1h = { class: "bs-date" };
+const _hoisted_1$1g = { class: "bs-date" };
 const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "BSDate",
   props: {
@@ -2672,11 +2672,11 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     const props = __props;
     const formatted = computed(() => formatUtil.formatDateString(props.value, props.format, props.timeZone));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$1h, toDisplayString(formatted.value), 1);
+      return openBlock(), createElementBlock("span", _hoisted_1$1g, toDisplayString(formatted.value), 1);
     };
   }
 });
-const _hoisted_1$1g = { class: "page-navigation" };
+const _hoisted_1$1f = { class: "page-navigation" };
 const _hoisted_2$Y = ["data-page", "onClick"];
 const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   __name: "BSPageNavigation",
@@ -2738,7 +2738,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1f, [
         createElementVNode("span", {
           class: normalizeClass([{ "disabled": isFirstSet.value }, "font-icon first"]),
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => !isFirstSet.value && goToPage(1), ["prevent"]))
@@ -2767,7 +2767,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1f = { class: "bs-calendar bs-layout-vertical-inline" };
+const _hoisted_1$1e = { class: "bs-calendar bs-layout-vertical-inline" };
 const _hoisted_2$X = { class: "bs-layout-horizontal justify-content-between align-items-center gap-8" };
 const _hoisted_3$w = { class: "year-month bs-layout-horizontal gap-4" };
 const _hoisted_4$l = { class: "timezone" };
@@ -2957,7 +2957,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1e, [
         createElementVNode("div", _hoisted_2$X, [
           createElementVNode("div", _hoisted_3$w, [
             createVNode(BSButton, {
@@ -3014,7 +3014,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
             }), 128))
           ])
         ], 2),
-        _ctx.resolution === "HOUR" || _ctx.resolution === "MINUTE_10" || _ctx.resolution === "MINUTE" ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
+        ["HOUR", "MINUTE_10", "MINUTE", "SECOND"].includes(_ctx.resolution) ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
           createElementVNode("div", _hoisted_8$2, [
             createVNode(_sfc_main$1F, {
               disabled: _ctx.disabled,
@@ -3049,7 +3049,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1e = { class: "bs-calendar-range bs-layout-horizontal" };
+const _hoisted_1$1d = { class: "bs-calendar-range bs-layout-horizontal" };
 const _hoisted_2$W = { class: "bs-layout-vertical" };
 const _hoisted_3$v = { class: "bs-layout-horizontal align-items-center" };
 const _hoisted_4$k = {
@@ -3097,7 +3097,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     };
     const displayTimeZones = computed(() => [actualTimeZone.value, ...blueseaConfig.getValidDisplayTimeZones()]);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1d, [
         createElementVNode("div", _hoisted_2$W, [
           createElementVNode("div", _hoisted_3$v, [
             createVNode(_sfc_main$1u, {
@@ -3155,7 +3155,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1d = {
+const _hoisted_1$1c = {
   key: 0,
   class: "view-mode"
 };
@@ -3278,7 +3278,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-number-input"]),
         style: normalizeStyle({ width: _ctx.width })
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1d, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1c, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(componentUtil).toMultiLangTextArray(_ctx.prefix), (text) => {
             return withDirectives((openBlock(), createElementBlock("span", {
               key: JSON.stringify(text),
@@ -3344,7 +3344,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1c = {
+const _hoisted_1$1b = {
   key: 0,
   class: "view-mode"
 };
@@ -3476,7 +3476,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-price-input"]),
         style: normalizeStyle({ width: _ctx.width })
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1c, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
           createElementVNode("span", {
             class: "price mr-4",
             textContent: toDisplayString(_ctx.formatInViewMode ? formattedStringValue.value : unref(stringValue))
@@ -3701,7 +3701,7 @@ const NAMED_COLORS = {
   yellow: "#FFFF00",
   yellowgreen: "#9ACD32"
 };
-const _hoisted_1$1b = {
+const _hoisted_1$1a = {
   key: 0,
   class: "bs-layout-horizontal gap-4 align-items-center view-mode"
 };
@@ -3802,7 +3802,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-color-input bs-layout-vertical-inline"])
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1a, [
           createElementVNode("span", {
             style: normalizeStyle({ "background-color": unref(stringValue) }),
             class: "color-preview"
@@ -3848,6 +3848,7 @@ dayjs.extend(timezone);
 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 @@ const checkDateMinMaxValue = (value, inputFormat, endTime, resolution, inputTime
 const normalizeDateInput = (value) => {
   return value.replace(/[^\d-]/g, "");
 };
-const _hoisted_1$1a = { class: "bs-layout-vertical px-16 py-8" };
+const _hoisted_1$19 = { class: "bs-layout-vertical px-16 py-8" };
 const _hoisted_2$S = { class: "bs-layout-horizontal justify-content-center align-items-center gap-8 mt-8 mb-8" };
 const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "BSDateInputPopup",
@@ -3938,7 +3939,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
         }, ["stop"]))
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1a, [
+          createElementVNode("div", _hoisted_1$19, [
             createVNode(_sfc_main$1u, {
               modelValue: date.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date.value = $event),
@@ -3969,7 +3970,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$19 = {
+const _hoisted_1$18 = {
   key: 0,
   class: "view-mode"
 };
@@ -4034,6 +4035,19 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
       );
       return formatUtil.formatDateString(date, props.displayFormat, displayTimeZone);
     };
+    const viewModeValue = 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 = computed(() => inputFormat.value.length);
     const rootRef = useTemplateRef("root");
     const field = ref();
@@ -4130,8 +4144,8 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width }),
         onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$19, [
-          createElementVNode("span", null, toDisplayString(formattedValue.value), 1)
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$18, [
+          createElementVNode("span", null, toDisplayString(viewModeValue.value), 1)
         ])) : (openBlock(), createElementBlock("div", _hoisted_2$R, [
           createElementVNode("span", {
             class: normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
@@ -4195,7 +4209,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$18 = { class: "bs-layout-vertical px-16 py-8" };
+const _hoisted_1$17 = { class: "bs-layout-vertical px-16 py-8" };
 const _hoisted_2$Q = { class: "bs-layout-horizontal justify-content-end align-items-center gap-8 mt-16 mb-8" };
 const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "BSDateRangeInputPopup",
@@ -4235,7 +4249,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
         }, ["stop"]))
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$18, [
+          createElementVNode("div", _hoisted_1$17, [
             createVNode(_sfc_main$1t, {
               from: fromValue.value,
               "onUpdate:from": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -4270,7 +4284,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$17 = {
+const _hoisted_1$16 = {
   key: 0,
   class: "view-mode"
 };
@@ -4324,7 +4338,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const rootRef = useTemplateRef("root");
     const formattedDateRange = computed(() => {
-      return `${formattedFrom.value} ~ ${formattedTo.value}`;
+      return `${viewModeFrom.value} ~ ${viewModeTo.value}`;
     });
     const actualTimeZone = computed(() => props.timeZone || blueseaConfig.timeZone);
     const inputFormat = computed(() => dateInputFormatByResolution(props.resolution));
@@ -4350,11 +4364,12 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     const focusedTo = ref(false);
     const formattedFrom = 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 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
       );
       return formatUtil.formatDateString(date, props.displayFormat, timeZone);
     };
+    const viewModeFrom = computed(() => viewModeTimeZoneValue(props.fromValue, false, actualTimeZone.value));
+    const viewModeTo = 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 = computed(() => inputFormat.value.length);
     const disabled = computed(() => props.disabledFrom && props.disabledTo);
     const fieldFrom = ref();
@@ -4563,7 +4592,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width }),
         onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$17, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$16, [
           createElementVNode("span", null, toDisplayString(formattedDateRange.value), 1)
         ])) : (openBlock(), createElementBlock("div", _hoisted_2$P, [
           createElementVNode("span", {
@@ -4717,7 +4746,7 @@ const resolveYearsAgo = (years, from2, timeZone, baseDate) => {
   const today = dayjs().tz(timeZone);
   return from2 ? today.add(-years, "year").startOf("year") : today.add(-years, "year").endOf("year");
 };
-const _hoisted_1$16 = ["id", "checked", "disabled", "name", "tabindex"];
+const _hoisted_1$15 = ["id", "checked", "disabled", "name", "tabindex"];
 const _hoisted_2$O = ["for"];
 const _hoisted_3$p = {
   key: 0,
@@ -4771,7 +4800,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
           class: "",
           role: "radio",
           type: "radio"
-        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$16),
+        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$15),
         createElementVNode("label", { for: _ctx.id }, [
           _ctx.icon ? (openBlock(), createElementBlock("span", _hoisted_3$p, toDisplayString(_ctx.icon), 1)) : createCommentVNode("", true),
           _ctx.label ? withDirectives((openBlock(), createElementBlock("span", _hoisted_4$g, null, 512)), [
@@ -4789,7 +4818,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$15 = ["data-name"];
+const _hoisted_1$14 = ["data-name"];
 const _hoisted_2$N = { key: 0 };
 const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "BSRadioButtonGroup",
@@ -4899,7 +4928,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
         }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$15);
+      ], 10, _hoisted_1$14);
     };
   }
 });
@@ -4957,7 +4986,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$14 = ["id", "checked", "disabled", "name", "tabindex"];
+const _hoisted_1$13 = ["id", "checked", "disabled", "name", "tabindex"];
 const _hoisted_2$M = ["for"];
 const _hoisted_3$o = ["for"];
 const _sfc_main$1i = /* @__PURE__ */ defineComponent({
@@ -5016,7 +5045,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           tabindex: _ctx.tabindex,
           class: "",
           type: "checkbox"
-        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$14),
+        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$13),
         _ctx.label ? withDirectives((openBlock(), createElementBlock("label", {
           key: 0,
           for: _ctx.id,
@@ -5035,7 +5064,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$13 = ["data-name"];
+const _hoisted_1$12 = ["data-name"];
 const _hoisted_2$L = { class: "items" };
 const _hoisted_3$n = ["textContent"];
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
@@ -5161,7 +5190,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
         }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$13);
+      ], 10, _hoisted_1$12);
     };
   }
 });
@@ -5211,7 +5240,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$12 = ["tabindex", "onKeydown"];
+const _hoisted_1$11 = ["tabindex", "onKeydown"];
 const _hoisted_2$K = { key: 0 };
 const _hoisted_3$m = {
   key: 0,
@@ -5413,7 +5442,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
         }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
-      ], 42, _hoisted_1$12)), [
+      ], 42, _hoisted_1$11)), [
         [unref(vClickOutside), () => togglePopup(false)]
       ]);
     };
@@ -5574,7 +5603,7 @@ const vTreeRowDrop = {
     }
   }
 };
-const _hoisted_1$11 = { class: "bs-tree-row" };
+const _hoisted_1$10 = { class: "bs-tree-row" };
 const _hoisted_2$J = ["textContent"];
 const _hoisted_3$l = {
   key: 1,
@@ -5680,7 +5709,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_BSTreeRow = resolveComponent("BSTreeRow", true);
-      return openBlock(), createElementBlock("div", _hoisted_1$11, [
+      return openBlock(), createElementBlock("div", _hoisted_1$10, [
         withDirectives((openBlock(), createElementBlock("div", {
           ref: "row-caption",
           class: normalizeClass([{ disabled: _ctx.disabledProvider && _ctx.disabledProvider(_ctx.row) }, "row-caption"])
@@ -5746,7 +5775,6 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$10 = { class: "tree-wrap pb-80" };
 const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "BSTree",
   props: {
@@ -5763,7 +5791,8 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     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 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
         class: "bs-tree",
         onContextmenu: showOutsideContextMenu
       }, [
-        createElementVNode("div", _hoisted_1$10, [
+        createElementVNode("div", {
+          style: normalizeStyle({ "padding-bottom": _ctx.bottomPadding }),
+          class: "tree-wrap"
+        }, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.data, (item) => {
             return openBlock(), createBlock(_sfc_main$1e, {
               key: _ctx.keyProvider(item),
@@ -5900,7 +5932,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
               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);
     };
   }
@@ -5968,7 +6000,7 @@ class BSModal {
   }
   openAlert(title, message, clickHandler2) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSAlertModal-BixCrZDD.js")),
+      component: defineAsyncComponent(() => import("./BSAlertModal-BsYimMJ_.js")),
       bind: {
         title,
         message
@@ -5981,7 +6013,7 @@ class BSModal {
   }
   openYesNo(title, message, yesHandler, noHandler) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSYesNoModal-B5lERw_k.js")),
+      component: defineAsyncComponent(() => import("./BSYesNoModal-Cc1Nki9Z.js")),
       bind: {
         title,
         message
@@ -6562,7 +6594,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
             }, ["stop"]))
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1d, mergeProps(unref(treeHandler).tree, toHandlers(unref(treeHandler).treeEventListener)), null, 16)
+              createVNode(_sfc_main$1d, mergeProps({ "bottom-padding": "0" }, unref(treeHandler).tree, toHandlers(unref(treeHandler).treeEventListener)), null, 16)
             ]),
             _: 1
           }, 8, ["base-element", "max-height", "popup-align", "popup-direction"])) : createCommentVNode("", true),
@@ -6753,6 +6785,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$1d, mergeProps({
+                "bottom-padding": "0",
                 "multi-select": "",
                 "show-checkbox": ""
               }, unref(treeHandler).tree, toHandlers(unref(treeHandler).treeEventListener), {
@@ -28352,43 +28385,6 @@ const TableRow = Node2.create({
     return ["tr", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   }
 });
-const TableCell = Node2.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$X = { class: "tool-button-font-size bs-layout-horizontal align-items-center" };
 const _hoisted_2$E = ["disabled", "value"];
 const _sfc_main$18 = /* @__PURE__ */ defineComponent({
@@ -31022,10 +31018,11 @@ const renderHTMLAttr = (attr) => {
 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 @@ const RichTextTable = Table.extend({
       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 @@ const RichTextTable = Table.extend({
   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" },
@@ -31113,13 +31126,13 @@ const tableContextMenus = (modal, editor) => {
 };
 const showTableProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./TablePropertiesModal-BAxcByTD.js")),
+    component: defineAsyncComponent(() => import("./TablePropertiesModal-H8Ohz-Xv.js")),
     bind: { editor }
   });
 };
 const insertTable = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./TableInsertModal-BhyzkcTU.js")),
+    component: defineAsyncComponent(() => import("./TableInsertModal-D0cHwmgl.js")),
     bind: { editor }
   });
 };
@@ -31284,7 +31297,7 @@ const insertImage = (modal, editor) => {
   const component = (_a2 = blueseaConfig.componentConfig.richText) == null ? void 0 : _a2.imageInsertModal;
   if (component) {
     modal.openModal({
-      component: defineAsyncComponent(() => import("./ImageInsertModal-DvKLXL1n.js")),
+      component: defineAsyncComponent(() => import("./ImageInsertModal-CO6NeKVX.js")),
       bind: { editor },
       on: {
         insertImage: (image) => {
@@ -31302,7 +31315,7 @@ const insertImage = (modal, editor) => {
 };
 const showImageProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./ImagePropertiesModal-Dsg6BS63.js")),
+    component: defineAsyncComponent(() => import("./ImagePropertiesModal-NMjlJ5hA.js")),
     bind: { editor }
   });
 };
@@ -31595,16 +31608,23 @@ const RichTextYoutube = Youtube.extend({
       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 @@ const RichTextYoutube = Youtube.extend({
       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 = [];
@@ -31649,13 +31676,13 @@ const youtubeContextMenu = (modal, editor) => {
 };
 const insertYoutube = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./YoutubeInsertModal-EU6G-021.js")),
+    component: defineAsyncComponent(() => import("./YoutubeInsertModal-CL4QiU4m.js")),
     bind: { editor }
   });
 };
 const showYoutubeProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./YoutubePropertiesModal-CRy6zJwZ.js")),
+    component: defineAsyncComponent(() => import("./YoutubePropertiesModal-DaHvv9Df.js")),
     bind: { editor }
   });
 };
@@ -31699,7 +31726,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     const showLinkProperties = () => {
       if (!props.disabled) {
         modal.openModal({
-          component: defineAsyncComponent(() => import("./LinkPropertiesModal-Ct0ykD4j.js")),
+          component: defineAsyncComponent(() => import("./LinkPropertiesModal-CFQucomV.js")),
           bind: {
             editor: props.editor
           }
@@ -32064,7 +32091,7 @@ const insertVideo = (modal, editor) => {
   const component = (_a2 = blueseaConfig.componentConfig.richText) == null ? void 0 : _a2.videoInsertModal;
   if (component) {
     modal.openModal({
-      component: defineAsyncComponent(() => import("./VideoInsertModal-BAwRYBzU.js")),
+      component: defineAsyncComponent(() => import("./VideoInsertModal-DR06SKIA.js")),
       bind: { editor },
       on: {
         insertVideo: (video) => {
@@ -32082,7 +32109,7 @@ const insertVideo = (modal, editor) => {
 };
 const showVideoProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./VideoPropertiesModal-B2FeEw4W.js")),
+    component: defineAsyncComponent(() => import("./VideoPropertiesModal-BvwmSEP-.js")),
     bind: { editor }
   });
 };
@@ -33988,6 +34015,70 @@ class RichTextTableView {
 }
 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 = Node2.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$M = ["innerHTML"];
 const _hoisted_2$x = { class: "editor-container" };
 const WRAP_BEGIN = '<div class="rich-text-content">';
@@ -34041,14 +34132,14 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           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 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           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");
@@ -34187,7 +34287,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       emit("maximized");
       if (!props.internalMaximized) {
         modal.openModal({
-          component: defineAsyncComponent(() => import("./BSRichTextMaximizedModal-BqzE5__U.js")),
+          component: defineAsyncComponent(() => import("./BSRichTextMaximizedModal-LB8VUZme.js")),
           bind: {
             modelValue: getEditorValue(),
             contentMaxWidth: props.contentMaxWidth,
@@ -34724,7 +34824,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const enterYoutubeUrl = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./BSYoutubeInputModal-eRBqHjeW.js")),
+        component: defineAsyncComponent(() => import("./BSYoutubeInputModal-BJ1snN1M.js")),
         on: {
           "update:modelValue": (url) => {
             emit("update:modelValue", {
@@ -38046,7 +38146,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const openSettingModal = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./BSGridColumnSettingModal-CVVenSnr.js")),
+        component: defineAsyncComponent(() => import("./BSGridColumnSettingModal-BEB2-Ux4.js")),
         bind: {
           columns: props.columns,
           columnSettings: props.columnSettings,
@@ -69779,22 +69879,22 @@ const localeNameProvider = (locale) => {
 const BLUESEA_VERSION = "5.0.0";
 export {
   _sfc_main$T as $,
-  _sfc_main$1z as A,
+  BSLink as A,
   BSButton as B,
-  BSConsole as C,
-  BSLoadingIcon as D,
-  _sfc_main$1w as E,
-  _sfc_main$1v as F,
-  _sfc_main$1u as G,
-  _sfc_main$1t as H,
-  _sfc_main$1r as I,
-  _sfc_main$1q as J,
-  _sfc_main$1o as K,
-  _sfc_main$1m as L,
-  _sfc_main$1j as M,
-  _sfc_main$1h as N,
-  _sfc_main$1l as O,
-  _sfc_main$1k as P,
+  _sfc_main$1z as C,
+  BSConsole as D,
+  BSLoadingIcon as E,
+  _sfc_main$1w as F,
+  _sfc_main$1v as G,
+  _sfc_main$1u as H,
+  _sfc_main$1t as I,
+  _sfc_main$1r as J,
+  _sfc_main$1q as K,
+  _sfc_main$1o as L,
+  _sfc_main$1m as M,
+  _sfc_main$1j as N,
+  _sfc_main$1h as O,
+  _sfc_main$1l as P,
   _sfc_main$1g as Q,
   _sfc_main$1F as R,
   _sfc_main$1f as S,
@@ -69989,19 +70089,19 @@ export {
   _sfc_main$1i as i,
   vFocusOnLoad as j,
   componentUtil as k,
-  formValidator as l,
-  findImageNode as m,
+  _sfc_main$1k as l,
+  formValidator as m,
   notNull as n,
-  imageInfoNumberToPixel as o,
-  findYoutubeNode as p,
-  normalizeYoutubeInfoData as q,
-  findVideoNode as r,
-  videoInfoNumberToPixel as s,
-  BLUESEA_VERSION as t,
+  findImageNode as o,
+  imageInfoNumberToPixel as p,
+  findYoutubeNode as q,
+  normalizeYoutubeInfoData as r,
+  findVideoNode as s,
+  videoInfoNumberToPixel as t,
   useModalHandle as u,
   vT as v,
-  _sfc_main$1E as w,
-  _sfc_main$1C as x,
+  BLUESEA_VERSION as w,
+  _sfc_main$1E as x,
   youtubeInfoNumberToPixel as y,
-  BSLink as z
+  _sfc_main$1C as z
 };