@g1cloud/bluesea 5.0.0-beta.26 → 5.0.0-beta.28

package/dist/bluesea.umd.cjs

@@ -528,9 +528,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     constructor() {
       __publicField(this, "localeTexts", {});
     }
-    addTexts(locale, textList) {
+    addTexts(locale, input) {
       const text = this.ensureAddLocale(locale);
-      textList.forEach((t2) => text[t2.key] = t2);
+      if (Array.isArray(input)) {
+        input.forEach((t2) => text[t2.key] = t2);
+      } else {
+        for (const key in input) {
+          const v = input[key];
+          text[key] = Array.isArray(v) ? { key, text: String(v[0]), html: !!v[1] } : { key, text: v };
+        }
+      }
     }
     /**
      * 현재 언어코드에서 `key` 에 해당하는 `TextRecord` 를 리턴한다.
@@ -790,7 +797,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       hideTooltip$1();
     }
   };
-  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSButton",
     props: {
       caption: {},
@@ -839,8 +846,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return target;
   };
-  const BSButton = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__scopeId", "data-v-b7ae95cb"]]);
-  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
+  const BSButton = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__scopeId", "data-v-b7ae95cb"]]);
+  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSFormLabel",
     props: {
       label: {},
@@ -883,9 +890,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     waitDuring,
     tryUntil
   };
-  const _hoisted_1$1H = ["data-popup-id"];
+  const _hoisted_1$1I = ["data-popup-id"];
   const ADJUST_OFFSET = 8;
-  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPopup",
     props: {
       popupId: {},
@@ -1068,7 +1075,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$1H)
+              ], 46, _hoisted_1$1I)
             ]),
             _: 3
           })
@@ -1110,11 +1117,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     };
   };
-  const _hoisted_1$1G = {
+  const _hoisted_1$1H = {
     key: 0,
     class: "popup-search pa-4"
   };
-  const _hoisted_2$1k = ["data-value", "onMouseover", "onClick"];
+  const _hoisted_2$1l = ["data-value", "onMouseover", "onClick"];
   const _hoisted_3$U = {
     key: 0,
     class: "label"
@@ -1123,7 +1130,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 1,
     class: "label null-label"
   };
-  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
     __name: "BSSelectPopup",
     props: {
       items: {},
@@ -1270,7 +1277,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         handleKeyboard
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1$, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$20, {
           "base-element": _ctx.baseElement,
           "max-height": _ctx.maxHeight,
           "offset-from-base-element": 4,
@@ -1281,7 +1288,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$1G, [
+            actualShowSearch.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1H, [
               vue.withDirectives(vue.createElementVNode("input", {
                 type: "text",
                 onInput: setSearchKeyword,
@@ -1316,7 +1323,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", _hoisted_4$z, null, 512)), [
                     [vue.unref(vT), _ctx.nullLabel]
                   ])
-                ], 42, _hoisted_2$1k);
+                ], 42, _hoisted_2$1l);
               }), 128))
             ], 512)
           ]),
@@ -1677,8 +1684,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this.isModified(this.valueProvider.getCurrentValue());
     }
   }
-  const _hoisted_1$1F = { key: 0 };
-  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1G = { key: 0 };
+  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
     __name: "ValidationErrors",
     props: {
       errors: {},
@@ -1686,7 +1693,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$1F, [
+        return !_ctx.hideErrorMessage && _ctx.errors && _ctx.errors.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1G, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.errors, (error) => {
             return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
               key: error.code,
@@ -1733,8 +1740,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return defaultKey(item);
   };
-  const _hoisted_1$1E = ["tabindex", "onKeydown"];
-  const _hoisted_2$1j = { key: 0 };
+  const _hoisted_1$1F = ["tabindex", "onKeydown"];
+  const _hoisted_2$1k = { key: 0 };
   const _hoisted_3$T = ["data-field-name"];
   const _hoisted_4$y = {
     key: 0,
@@ -1748,7 +1755,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 2,
     class: "small-progress"
   };
-  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
     __name: "BSSelect",
     props: {
       modelValue: {},
@@ -1890,7 +1897,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             vue.withKeys(handleTabKey, ["tab"])
           ]
         }, [
-          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1j, null, 512)), [
+          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1k, null, 512)), [
             [vue.unref(vT), selectedItemLabel.value]
           ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createElementVNode("div", {
@@ -1908,7 +1915,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               _cache[4] || (_cache[4] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
               loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$d, "progress_activity")) : vue.createCommentVNode("", true)
             ], 8, _hoisted_3$T),
-            !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
+            !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1$, {
               key: 0,
               ref_key: "selectPopup",
               ref: selectPopup,
@@ -1931,19 +1938,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 focusToRoot();
               })
             }, null, 8, ["allow-null", "base-element", "initial-item", "items", "label-provider", "max-height", "null-label", "popup-align", "popup-direction", "selected-items", "show-search", "enabled-item-provider", "value-provider"])) : vue.createCommentVNode("", true),
-            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
               key: 1,
               errors: vue.unref(errors),
               "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
             }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
           ], 64))
-        ], 42, _hoisted_1$1E)), [
+        ], 42, _hoisted_1$1F)), [
           [vue.unref(vClickOutside), () => togglePopup(false)]
         ]);
       };
     }
   });
-  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
     __name: "BSYesNoSelect",
     props: {
       name: {},
@@ -1978,7 +1985,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         emit("update:modelValue", value2 === void 0 ? void 0 : value2 === "Y");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
           "allow-null": _ctx.allowNull,
           disabled: _ctx.disabled,
           "hide-error-message": _ctx.hideErrorMessage,
@@ -2044,11 +2051,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const createContextMenuPlugin = () => {
     return new BSContextMenuPlugin();
   };
-  const _hoisted_1$1D = ["data-menu-id"];
-  const _hoisted_2$1i = ["href", "target"];
+  const _hoisted_1$1E = ["data-menu-id"];
+  const _hoisted_2$1j = ["href", "target"];
   const _hoisted_3$S = ["data-menu-id"];
   const _hoisted_4$x = ["data-menu-id", "onMouseenter", "onClick"];
-  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
     __name: "BSContextMenu",
     props: {
       menuItems: {},
@@ -2093,7 +2100,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return (_ctx, _cache) => {
         const _component_router_link = vue.resolveComponent("router-link");
         const _component_BSContextMenu = vue.resolveComponent("BSContextMenu", true);
-        return vue.openBlock(), vue.createBlock(_sfc_main$1$, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$20, {
           ref: "root",
           "base-element": _ctx.baseElement || { left: _ctx.left || 0, top: _ctx.top || 0 },
           "popup-direction": _ctx.direction,
@@ -2127,10 +2134,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                     href: menu.href,
                     target: menu.target,
                     onClick: vue.withModifiers(handleLinkClick, ["stop"])
-                  }, null, 8, _hoisted_2$1i), [
+                  }, null, 8, _hoisted_2$1j), [
                     [vue.unref(vT), menu.caption]
                   ])
-                ], 8, _hoisted_1$1D)) : menu.type === "route" ? (vue.openBlock(), vue.createElementBlock("div", {
+                ], 8, _hoisted_1$1E)) : menu.type === "route" ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 3,
                   "data-menu-id": menu.menuId,
                   class: "menu no-padding",
@@ -2423,7 +2430,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return trim ? value == null ? void 0 : value.trim() : value;
     }
   };
-  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPopupButton",
     props: {
       caption: {},
@@ -2460,14 +2467,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             onKeydown: _cache[0] || (_cache[0] = vue.withKeys(() => togglePopup(false), ["esc"]))
           }, null, 8, ["button-color", "caption", "class", "disabled", "left-icon", "right-icon"]),
           showPopup.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            _ctx.menuItems ? (vue.openBlock(), vue.createBlock(_sfc_main$1W, {
+            _ctx.menuItems ? (vue.openBlock(), vue.createBlock(_sfc_main$1X, {
               key: 0,
               "base-element": root.value,
               "menu-items": _ctx.menuItems,
               "popup-id": vue.unref(popupId),
               onRequestClose: _cache[1] || (_cache[1] = ($event) => togglePopup(false)),
               onMenuClicked: _cache[2] || (_cache[2] = ($event) => togglePopup(false))
-            }, null, 8, ["base-element", "menu-items", "popup-id"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1$, {
+            }, null, 8, ["base-element", "menu-items", "popup-id"])) : (vue.openBlock(), vue.createBlock(_sfc_main$20, {
               key: 1,
               "base-element": root.value,
               "popup-align": _ctx.popupAlign,
@@ -2487,11 +2494,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1C = {
+  const _hoisted_1$1D = {
     key: 0,
     class: "view-mode"
   };
-  const _hoisted_2$1h = {
+  const _hoisted_2$1i = {
     key: 1,
     class: "prefix"
   };
@@ -2537,7 +2544,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     class: "suffix"
   };
   const _hoisted_20 = ["src"];
-  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTextInput",
     props: {
       id: {},
@@ -2653,7 +2660,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$1C, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1D, [
             (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", {
@@ -2661,7 +2668,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   class: "prefix"
                 })), [
                   [vue.unref(vT), item.value]
-                ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1h, [
+                ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1i, [
                   vue.createElementVNode("span", _hoisted_3$R, vue.toDisplayString(item.value), 1)
                 ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$w, [
                   vue.createElementVNode("img", {
@@ -2747,7 +2754,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ], 64);
             }), 256))
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -2756,9 +2763,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1B = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
-  const _hoisted_2$1g = ["href", "target"];
-  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1C = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
+  const _hoisted_2$1h = ["href", "target"];
+  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
     __name: "BSLink",
     props: {
       path: {},
@@ -2767,25 +2774,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1B, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1C, [
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "font-icon mr-4" }, "link", -1)),
           vue.withDirectives(vue.createElementVNode("a", {
             href: _ctx.path,
             target: _ctx.target
-          }, null, 8, _hoisted_2$1g), [
+          }, null, 8, _hoisted_2$1h), [
             [vue.unref(vT), _ctx.caption || _ctx.path]
           ])
         ]);
       };
     }
   });
-  const BSLink = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__scopeId", "data-v-29df56e5"]]);
-  const _hoisted_1$1A = {
+  const BSLink = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__scopeId", "data-v-29df56e5"]]);
+  const _hoisted_1$1B = {
     key: 0,
     class: "show-percent",
     style: { "left": "100%" }
   };
-  const _hoisted_2$1f = {
+  const _hoisted_2$1g = {
     key: 1,
     class: "show-percent right-0 text-white"
   };
@@ -2793,7 +2800,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 1,
     class: "indeterminate"
   };
-  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
     __name: "BSProgressBar",
     props: {
       width: { default: "200px" },
@@ -2819,7 +2826,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$1A, vue.toDisplayString(calculatePercent.value) + "% ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1f, vue.toDisplayString(calculatePercent.value) + "% ", 1))
+            calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1B, vue.toDisplayString(calculatePercent.value) + "% ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1g, vue.toDisplayString(calculatePercent.value) + "% ", 1))
           ], 4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$Q, _cache[0] || (_cache[0] = [
             vue.createElementVNode("div", { class: "in-box" }, null, -1)
           ])))
@@ -2827,7 +2834,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
     __name: "BSConsole",
     props: {
       texts: {},
@@ -2847,17 +2854,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const BSConsole = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__scopeId", "data-v-f33a4477"]]);
-  const _sfc_main$1Q = {};
-  const _hoisted_1$1z = { class: "bs-loading-icon" };
+  const BSConsole = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__scopeId", "data-v-f33a4477"]]);
+  const _sfc_main$1R = {};
+  const _hoisted_1$1A = { class: "bs-loading-icon" };
   function _sfc_render$1(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1z, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1A, _cache[0] || (_cache[0] = [
       vue.createElementVNode("span", { class: "font-icon" }, "progress_activity", -1)
     ]));
   }
-  const BSLoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1]]);
-  const _hoisted_1$1y = { class: "bs-date" };
-  const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
+  const BSLoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$1]]);
+  const _hoisted_1$1z = { class: "bs-date" };
+  const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDate",
     props: {
       value: {},
@@ -2868,13 +2875,13 @@ 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$1y, vue.toDisplayString(formatted.value), 1);
+        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1z, vue.toDisplayString(formatted.value), 1);
       };
     }
   });
-  const _hoisted_1$1x = { class: "page-navigation" };
-  const _hoisted_2$1e = ["data-page", "onClick"];
-  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1y = { class: "page-navigation" };
+  const _hoisted_2$1f = ["data-page", "onClick"];
+  const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPageNavigation",
     props: {
       totalCount: { default: 0 },
@@ -2934,7 +2941,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1x, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1y, [
           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"]))
@@ -2949,7 +2956,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: vue.normalizeClass([{ on: page === currentPage.value }, "page"]),
               "data-page": page,
               onClick: vue.withModifiers(($event) => goToPage(page), ["prevent"])
-            }, vue.toDisplayString(page), 11, _hoisted_2$1e);
+            }, vue.toDisplayString(page), 11, _hoisted_2$1f);
           }), 128)),
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "disabled": isLastSet.value }, "font-icon next"]),
@@ -2963,8 +2970,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1w = { class: "bs-calendar bs-layout-vertical-inline" };
-  const _hoisted_2$1d = { class: "bs-layout-horizontal justify-content-between align-items-center gap-8" };
+  const _hoisted_1$1x = { class: "bs-calendar bs-layout-vertical-inline" };
+  const _hoisted_2$1e = { class: "bs-layout-horizontal justify-content-between align-items-center gap-8" };
   const _hoisted_3$P = { class: "year-month bs-layout-horizontal gap-4" };
   const _hoisted_4$v = { class: "timezone" };
   const _hoisted_5$i = { class: "weekdays" };
@@ -2978,7 +2985,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 1,
     class: "extra-dates bs-layout-vertical gap-2 mt-8"
   };
-  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
     __name: "BSCalendar",
     props: {
       modelValue: {},
@@ -3156,21 +3163,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1w, [
-          vue.createElementVNode("div", _hoisted_2$1d, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1x, [
+          vue.createElementVNode("div", _hoisted_2$1e, [
             vue.createElementVNode("div", _hoisted_3$P, [
               vue.createVNode(BSButton, {
                 class: "border-0 pa-0",
                 "left-icon": "chevron_left",
                 onClick: prevMonth
               }),
-              vue.createVNode(_sfc_main$1Y, {
+              vue.createVNode(_sfc_main$1Z, {
                 modelValue: year.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => year.value = $event),
                 disabled: _ctx.disabled,
                 items: years.value
               }, null, 8, ["modelValue", "disabled", "items"]),
-              vue.createVNode(_sfc_main$1Y, {
+              vue.createVNode(_sfc_main$1Z, {
                 modelValue: month.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => month.value = $event),
                 disabled: _ctx.disabled,
@@ -3215,7 +3222,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           ], 2),
           ["HOUR", "MINUTE_10", "MINUTE_30", "MINUTE", "SECOND"].includes(_ctx.resolution) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$6, [
             vue.createElementVNode("div", _hoisted_8$4, [
-              vue.createVNode(_sfc_main$1Y, {
+              vue.createVNode(_sfc_main$1Z, {
                 disabled: _ctx.disabled,
                 items: hours,
                 "label-provider": (item) => item < 10 ? "0" + item : item.toString(),
@@ -3224,7 +3231,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "onUpdate:modelValue": updateHour
               }, null, 8, ["disabled", "label-provider", "model-value"]),
               _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "px-4" }, ":", -1)),
-              vue.createVNode(_sfc_main$1Y, {
+              vue.createVNode(_sfc_main$1Z, {
                 disabled: _ctx.disabled || _ctx.resolution === "HOUR",
                 items: minutes.value,
                 "label-provider": (item) => item < 10 ? "0" + item : item.toString(),
@@ -3248,8 +3255,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1v = { class: "bs-calendar-range bs-layout-horizontal" };
-  const _hoisted_2$1c = { class: "bs-layout-vertical" };
+  const _hoisted_1$1w = { class: "bs-calendar-range bs-layout-horizontal" };
+  const _hoisted_2$1d = { class: "bs-layout-vertical" };
   const _hoisted_3$O = { class: "bs-layout-horizontal align-items-center" };
   const _hoisted_4$u = {
     key: 0,
@@ -3257,7 +3264,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   };
   const _hoisted_5$h = { key: 0 };
   const _hoisted_6$a = { key: 1 };
-  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
     __name: "BSCalendarRange",
     props: {
       from: {},
@@ -3296,10 +3303,10 @@ 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$1v, [
-          vue.createElementVNode("div", _hoisted_2$1c, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1w, [
+          vue.createElementVNode("div", _hoisted_2$1d, [
             vue.createElementVNode("div", _hoisted_3$O, [
-              vue.createVNode(_sfc_main$1N, {
+              vue.createVNode(_sfc_main$1O, {
                 modelValue: fromValue.value,
                 "onUpdate:modelValue": [
                   _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -3317,7 +3324,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "range-type": "from"
               }, null, 8, ["modelValue", "disabled", "display-format", "end-year", "first-day", "range-value", "resolution", "start-year", "time-zone"]),
               _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "tilde" }, "~", -1)),
-              vue.createVNode(_sfc_main$1N, {
+              vue.createVNode(_sfc_main$1O, {
                 modelValue: toValue.value,
                 "onUpdate:modelValue": [
                   _cache[1] || (_cache[1] = ($event) => toValue.value = $event),
@@ -3354,17 +3361,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1u = {
+  const _hoisted_1$1v = {
     key: 0,
     class: "view-mode"
   };
-  const _hoisted_2$1b = ["textContent"];
+  const _hoisted_2$1c = ["textContent"];
   const _hoisted_3$N = {
     key: 1,
     class: "input-area"
   };
   const _hoisted_4$t = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
     __name: "BSNumberInput",
     props: {
       id: {},
@@ -3479,7 +3486,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$1u, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1v, [
             (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),
@@ -3490,7 +3497,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }), 128)),
             vue.createElementVNode("span", {
               textContent: vue.toDisplayString(_ctx.formatInViewMode ? formattedStringValue.value : vue.unref(stringValue))
-            }, null, 8, _hoisted_2$1b),
+            }, null, 8, _hoisted_2$1c),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(componentUtil).toMultiLangTextArray(_ctx.suffix), (text) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: JSON.stringify(text),
@@ -3536,7 +3543,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]);
             }), 128))
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -3545,11 +3552,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1t = {
+  const _hoisted_1$1u = {
     key: 0,
     class: "view-mode"
   };
-  const _hoisted_2$1a = ["textContent"];
+  const _hoisted_2$1b = ["textContent"];
   const _hoisted_3$M = ["textContent"];
   const _hoisted_4$s = {
     key: 1,
@@ -3557,7 +3564,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   };
   const _hoisted_5$g = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
   const _hoisted_6$9 = ["textContent"];
-  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPriceInput",
     props: {
       id: {},
@@ -3681,11 +3688,11 @@ 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$1t, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1u, [
             vue.createElementVNode("span", {
               class: "price mr-4",
               textContent: vue.toDisplayString(_ctx.formatInViewMode ? formattedStringValue.value : vue.unref(stringValue))
-            }, null, 8, _hoisted_2$1a),
+            }, null, 8, _hoisted_2$1b),
             suffixText.value ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               class: "currency-code",
@@ -3717,7 +3724,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               textContent: vue.toDisplayString(suffixText.value)
             }, null, 8, _hoisted_6$9)) : vue.createCommentVNode("", true)
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -3726,7 +3733,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPercentInput",
     props: /* @__PURE__ */ vue.mergeModels({
       id: {},
@@ -3774,7 +3781,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const percentMaxValue = vue.computed(() => props.maxValue !== void 0 ? Number((props.maxValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
       const percentMinValue = vue.computed(() => props.minValue !== void 0 ? Number((props.minValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1L, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1M, {
           id: _ctx.id,
           autocomplete: _ctx.autocomplete,
           disabled: _ctx.disabled,
@@ -3987,16 +3994,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     yellow: "#FFFF00",
     yellowgreen: "#9ACD32"
   };
-  const _hoisted_1$1s = {
+  const _hoisted_1$1t = {
     key: 0,
     class: "bs-layout-horizontal gap-4 align-items-center view-mode"
   };
-  const _hoisted_2$19 = {
+  const _hoisted_2$1a = {
     key: 1,
     class: "bs-layout-horizontal-inline"
   };
   const _hoisted_3$L = ["data-field-name", "disabled", "tabindex", "value"];
-  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
     __name: "BSColorInput",
     props: {
       id: {},
@@ -4089,13 +4096,13 @@ 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$1s, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1t, [
             vue.createElementVNode("span", {
               style: vue.normalizeStyle({ "background-color": vue.unref(stringValue) }),
               class: "color-preview"
             }, null, 4),
             vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(stringValue)), 1)
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$19, [
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1a, [
             vue.createElementVNode("input", {
               ref_key: "field",
               ref: field,
@@ -4107,7 +4114,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               onChange: updateColorValue,
               onInput: normalizeColorValue
             }, null, 40, _hoisted_3$L),
-            vue.createVNode(_sfc_main$1U, {
+            vue.createVNode(_sfc_main$1V, {
               modelValue: vue.unref(stringValue),
               "onUpdate:modelValue": [
                 _cache[0] || (_cache[0] = ($event) => vue.isRef(stringValue) ? stringValue.value = $event : null),
@@ -4122,7 +4129,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               "ignore-save-point": ""
             }, null, 8, ["modelValue", "autocomplete", "disabled", "name", "tabindex", "view-mode", "width"])
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -4189,9 +4196,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const normalizeDateInput = (value) => {
     return value.replace(/[^\d-]/g, "");
   };
-  const _hoisted_1$1r = { class: "bs-layout-vertical px-16 py-8" };
-  const _hoisted_2$18 = { class: "bs-layout-horizontal justify-content-center align-items-center gap-8 mt-8 mb-8" };
-  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1s = { class: "bs-layout-vertical px-16 py-8" };
+  const _hoisted_2$19 = { class: "bs-layout-horizontal justify-content-center align-items-center gap-8 mt-8 mb-8" };
+  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateInputPopup",
     props: {
       modelValue: {},
@@ -4218,7 +4225,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         emit("close");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1$, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$20, {
           "base-element": _ctx.baseElement,
           "popup-align": _ctx.popupAlign,
           "popup-direction": _ctx.popupDirection,
@@ -4228,8 +4235,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }, ["stop"]))
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$1r, [
-              vue.createVNode(_sfc_main$1N, {
+            vue.createElementVNode("div", _hoisted_1$1s, [
+              vue.createVNode(_sfc_main$1O, {
                 modelValue: date.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date.value = $event),
                 "display-format": _ctx.displayFormat,
@@ -4239,7 +4246,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "start-year": _ctx.selectStartYear,
                 "time-zone": _ctx.timeZone
               }, null, 8, ["modelValue", "display-format", "end-year", "hide-extra-date", "resolution", "start-year", "time-zone"]),
-              vue.createElementVNode("div", _hoisted_2$18, [
+              vue.createElementVNode("div", _hoisted_2$19, [
                 vue.createVNode(BSButton, {
                   caption: { key: "bs.ok" },
                   "button-color": "blue",
@@ -4259,16 +4266,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1q = {
+  const _hoisted_1$1r = {
     key: 0,
     class: "view-mode"
   };
-  const _hoisted_2$17 = {
+  const _hoisted_2$18 = {
     key: 1,
     class: "input-area"
   };
   const _hoisted_3$K = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateInput",
     props: {
       id: {},
@@ -4435,9 +4442,9 @@ 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$1q, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1r, [
             vue.createElementVNode("span", null, vue.toDisplayString(viewModeValue.value), 1)
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$17, [
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$18, [
             vue.createElementVNode("span", {
               class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
               onClick: _cache[0] || (_cache[0] = ($event) => togglePopup())
@@ -4474,12 +4481,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]);
             }), 128))
           ], 2)) : vue.createCommentVNode("", true),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 3,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true),
-          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1H, {
+          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1I, {
             key: 4,
             "base-element": vue.unref(rootRef),
             "display-format": _ctx.displayFormat,
@@ -4500,9 +4507,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1p = { class: "bs-layout-vertical px-16 py-8" };
-  const _hoisted_2$16 = { class: "bs-layout-horizontal justify-content-end align-items-center gap-8 mt-16 mb-8" };
-  const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1q = { class: "bs-layout-vertical px-16 py-8" };
+  const _hoisted_2$17 = { class: "bs-layout-horizontal justify-content-end align-items-center gap-8 mt-16 mb-8" };
+  const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateRangeInputPopup",
     props: {
       from: {},
@@ -4532,7 +4539,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         emit("close");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1$, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$20, {
           "base-element": _ctx.baseElement,
           "max-height": "auto",
           onRequestClose: close2,
@@ -4540,8 +4547,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }, ["stop"]))
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$1p, [
-              vue.createVNode(_sfc_main$1M, {
+            vue.createElementVNode("div", _hoisted_1$1q, [
+              vue.createVNode(_sfc_main$1N, {
                 from: fromValue.value,
                 "onUpdate:from": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                 to: toValue.value,
@@ -4555,7 +4562,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "start-year": _ctx.selectStartYear,
                 "time-zone": _ctx.timeZone
               }, null, 8, ["from", "to", "disabled-from", "disabled-to", "display-format", "end-year", "hide-extra-date", "resolution", "start-year", "time-zone"]),
-              vue.createElementVNode("div", _hoisted_2$16, [
+              vue.createElementVNode("div", _hoisted_2$17, [
                 vue.createVNode(BSButton, {
                   caption: { key: "bs.ok" },
                   "button-color": "blue",
@@ -4575,17 +4582,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1o = {
+  const _hoisted_1$1p = {
     key: 0,
     class: "view-mode"
   };
-  const _hoisted_2$15 = {
+  const _hoisted_2$16 = {
     key: 1,
     class: "input-area"
   };
   const _hoisted_3$J = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
   const _hoisted_4$r = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateRange",
     props: {
       idFrom: {},
@@ -4885,9 +4892,9 @@ 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$1o, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1p, [
             vue.createElementVNode("span", null, vue.toDisplayString(formattedDateRange.value), 1)
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$15, [
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$16, [
             vue.createElementVNode("span", {
               class: vue.normalizeClass([{ "bs-clickable": !disabled.value }, "font-icon"]),
               onClick: _cache[0] || (_cache[0] = () => togglePopup())
@@ -4943,12 +4950,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]);
             }), 128))
           ], 2)) : vue.createCommentVNode("", true),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 3,
             errors: errors.value,
             "hide-error-message": _ctx.hideErrorMessage || disabled.value && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true),
-          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1F, {
+          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1G, {
             key: 4,
             "base-element": vue.unref(rootRef),
             "disabled-from": _ctx.disabledFrom,
@@ -5044,8 +5051,8 @@ 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$1n = ["id", "checked", "disabled", "name", "tabindex"];
-  const _hoisted_2$14 = ["for"];
+  const _hoisted_1$1o = ["id", "checked", "disabled", "name", "tabindex"];
+  const _hoisted_2$15 = ["for"];
   const _hoisted_3$I = {
     key: 0,
     class: "font-icon"
@@ -5055,7 +5062,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     class: "text-label"
   };
   const _hoisted_5$f = ["for"];
-  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
     __name: "BSRadioButton",
     props: {
       id: { default: () => componentUtil.generateNextId("radio") },
@@ -5098,13 +5105,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             class: "",
             role: "radio",
             type: "radio"
-          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1n),
+          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1o),
           vue.createElementVNode("label", { for: _ctx.id }, [
             _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$I, vue.toDisplayString(_ctx.icon), 1)) : vue.createCommentVNode("", true),
             _ctx.label ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$q, null, 512)), [
               [vue.unref(vT), _ctx.label]
             ]) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_2$14),
+          ], 8, _hoisted_2$15),
           hasLabelSlot.value ? (vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             for: _ctx.id,
@@ -5116,14 +5123,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1m = ["data-field-name"];
-  const _hoisted_2$13 = { key: 0 };
+  const _hoisted_1$1n = ["data-field-name"];
+  const _hoisted_2$14 = { key: 0 };
   const _hoisted_3$H = {
     key: 1,
     class: "radio-button-group",
     role: "radiogroup"
   };
-  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
     __name: "BSRadioButtonGroup",
     props: {
       name: { default: () => componentUtil.generateNextName("radioGroup") },
@@ -5203,12 +5210,12 @@ 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-radio-button-group"]),
           "data-field-name": _ctx.name
         }, [
-          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$13, null, 512)), [
+          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$14, null, 512)), [
             [vue.unref(vT), modelValueLabel.value]
           ]) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$H, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
               var _a2, _b;
-              return vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$1D, {
+              return vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$1E, {
                 key: itemKey(item),
                 disabled: _ctx.disabled || isDisabledItem(item),
                 icon: (_a2 = _ctx.iconProvider) == null ? void 0 : _a2.call(_ctx, item),
@@ -5223,16 +5230,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]);
             }), 128))
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$1m);
+        ], 10, _hoisted_1$1n);
       };
     }
   });
-  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateRangePresets",
     props: {
       modelValue: {},
@@ -5266,7 +5273,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         { immediate: true }
       );
       return (_ctx, _cache) => {
-        return _ctx.presets && _ctx.presets.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$1C, {
+        return _ctx.presets && _ctx.presets.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$1D, {
           key: 0,
           modelValue: currentPreset.value,
           "onUpdate:modelValue": [
@@ -5281,10 +5288,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1l = ["id", "checked", "disabled", "name", "tabindex"];
-  const _hoisted_2$12 = ["for"];
+  const _hoisted_1$1m = ["id", "checked", "disabled", "name", "tabindex"];
+  const _hoisted_2$13 = ["for"];
   const _hoisted_3$G = ["for"];
-  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
     __name: "BSCheckbox",
     props: {
       id: { default: () => componentUtil.generateNextId("checkbox") },
@@ -5340,12 +5347,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             tabindex: _ctx.tabindex,
             class: "",
             type: "checkbox"
-          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1l),
+          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1m),
           _ctx.label ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             for: _ctx.id,
             class: "text-label"
-          }, null, 8, _hoisted_2$12)), [
+          }, null, 8, _hoisted_2$13)), [
             [vue.unref(vT), _ctx.label]
           ]) : vue.createCommentVNode("", true),
           hasLabelSlot.value ? (vue.openBlock(), vue.createElementBlock("label", {
@@ -5359,10 +5366,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1k = ["data-field-name"];
-  const _hoisted_2$11 = { class: "items" };
+  const _hoisted_1$1l = ["data-field-name"];
+  const _hoisted_2$12 = { class: "items" };
   const _hoisted_3$F = ["textContent"];
-  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
     __name: "BSCheckboxGroup",
     props: {
       name: {},
@@ -5468,13 +5475,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           "data-field-name": _ctx.name,
           role: "group"
         }, [
-          vue.createElementVNode("div", _hoisted_2$11, [
+          vue.createElementVNode("div", _hoisted_2$12, [
             _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "view-mode",
               textContent: vue.toDisplayString(modelValueLabels.value)
             }, null, 8, _hoisted_3$F)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.items, (item) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$1A, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$1B, {
                 key: itemKey(item),
                 disabled: _ctx.disabled || isDisabledItem(item),
                 label: itemLabel(item),
@@ -5486,16 +5493,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }, null, 8, ["disabled", "label", "model-value", "name", "tabindex", "onUpdate:modelValue"]);
             }), 128))
           ]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$1k);
+        ], 10, _hoisted_1$1l);
       };
     }
   });
-  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
     __name: "BSYesNoGroup",
     props: {
       name: { default: () => componentUtil.generateNextName("yesNoGroup") },
@@ -5528,7 +5535,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         emit("update:modelValue", value2 === void 0 ? void 0 : value2 === "Y");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1C, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1D, {
           disabled: _ctx.disabled,
           "hide-error-message": _ctx.hideErrorMessage,
           "ignore-save-point": _ctx.ignoreSavePoint,
@@ -5545,8 +5552,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1j = ["tabindex", "onKeydown"];
-  const _hoisted_2$10 = { key: 0 };
+  const _hoisted_1$1k = ["tabindex", "onKeydown"];
+  const _hoisted_2$11 = { key: 0 };
   const _hoisted_3$E = {
     key: 0,
     class: "label"
@@ -5568,7 +5575,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 2,
     class: "small-progress"
   };
-  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
     __name: "BSMultiSelect",
     props: {
       modelValue: { default: () => [] },
@@ -5693,7 +5700,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             _cache[4] || (_cache[4] = vue.withKeys(($event) => togglePopup(false), ["tab"]))
           ]
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$10, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$11, [
             _ctx.selectedLabelProvider ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$E, null, 512)), [
               [vue.unref(vT), _ctx.selectedLabelProvider(selectedItems.value)]
             ]) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(selectedItems.value, (item) => {
@@ -5729,7 +5736,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               _cache[5] || (_cache[5] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
               loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$3, "progress_activity")) : vue.createCommentVNode("", true)
             ], 8, _hoisted_4$p),
-            !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
+            !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1$, {
               key: 0,
               ref_key: "selectPopup",
               ref: selectPopup,
@@ -5748,12 +5755,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               onRequestClose: _cache[0] || (_cache[0] = ($event) => togglePopup(false))
             }, null, 8, ["base-element", "initial-item", "items", "label-provider", "max-height", "popup-align", "popup-direction", "selected-items", "show-search", "enabled-item-provider", "value-provider"])) : vue.createCommentVNode("", true)
           ], 64)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 42, _hoisted_1$1j)), [
+        ], 42, _hoisted_1$1k)), [
           [vue.unref(vClickOutside), () => togglePopup(false)]
         ]);
       };
@@ -5914,8 +5921,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
   };
-  const _hoisted_1$1i = ["textContent"];
-  const _hoisted_2$$ = {
+  const _hoisted_1$1j = ["textContent"];
+  const _hoisted_2$10 = {
     key: 1,
     class: "font-icon w-16 text-gray-400"
   };
@@ -5927,7 +5934,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 0,
     class: "child-rows"
   };
-  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTreeRow",
     props: {
       row: {},
@@ -6038,8 +6045,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "bs-clickable font-icon",
               onClick: _cache[0] || (_cache[0] = ($event) => selectRow($event, true)),
               textContent: vue.toDisplayString(isSelected.value ? "check_box" : "check_box_outline_blank")
-            }, null, 8, _hoisted_1$1i)) : vue.createCommentVNode("", true),
-            _ctx.iconProvider ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$$, vue.toDisplayString(icon.value || ""), 1)) : vue.createCommentVNode("", true),
+            }, null, 8, _hoisted_1$1j)) : vue.createCommentVNode("", true),
+            _ctx.iconProvider ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$10, vue.toDisplayString(icon.value || ""), 1)) : vue.createCommentVNode("", true),
             vue.withDirectives(vue.createElementVNode("span", {
               class: "caption",
               onClick: _cache[1] || (_cache[1] = ($event) => selectRow($event, $event.shiftKey)),
@@ -6091,7 +6098,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTree",
     props: {
       data: {},
@@ -6247,7 +6254,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             class: "tree-wrap"
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$1w, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$1x, {
                 key: _ctx.keyProvider(item),
                 "children-provider": _ctx.childrenProvider,
                 "disabled-provider": _ctx.rowDisabledProvider,
@@ -6764,8 +6771,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
   }
-  const _hoisted_1$1h = ["tabindex", "onKeydown"];
-  const _hoisted_2$_ = { key: 0 };
+  const _hoisted_1$1i = ["tabindex", "onKeydown"];
+  const _hoisted_2$$ = { key: 0 };
   const _hoisted_3$C = ["data-field-name"];
   const _hoisted_4$n = {
     key: 0,
@@ -6779,7 +6786,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 2,
     class: "small-progress"
   };
-  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTreeSelect",
     props: {
       modelValue: {},
@@ -6916,7 +6923,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             _cache[5] || (_cache[5] = vue.withKeys(($event) => togglePopup(false), ["tab"]))
           ]
         }, [
-          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$_, null, 512)), [
+          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$$, null, 512)), [
             [vue.unref(vT), selectedItemLabel.value]
           ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createElementVNode("div", {
@@ -6934,7 +6941,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
               loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$7, "progress_activity")) : vue.createCommentVNode("", true)
             ], 8, _hoisted_3$C),
-            showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1$, {
+            showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$20, {
               key: 0,
               "base-element": vue.unref(rootRef),
               "max-height": _ctx.popupMaxHeight,
@@ -6946,24 +6953,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }, ["stop"]))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$1v, vue.mergeProps({ "bottom-padding": "0" }, vue.unref(treeHandler).tree, vue.toHandlers(vue.unref(treeHandler).treeEventListener)), null, 16)
+                vue.createVNode(_sfc_main$1w, 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),
-            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
               key: 1,
               errors: vue.unref(errors),
               "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
             }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
           ], 64))
-        ], 42, _hoisted_1$1h)), [
+        ], 42, _hoisted_1$1i)), [
           [vue.unref(vClickOutside), () => togglePopup(false)]
         ]);
       };
     }
   });
-  const _hoisted_1$1g = ["tabindex", "onKeydown"];
-  const _hoisted_2$Z = { key: 0 };
+  const _hoisted_1$1h = ["tabindex", "onKeydown"];
+  const _hoisted_2$_ = { key: 0 };
   const _hoisted_3$B = ["data-field-name"];
   const _hoisted_4$m = {
     key: 0,
@@ -6977,7 +6984,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     key: 2,
     class: "small-progress"
   };
-  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTreeMultiSelect",
     props: {
       modelValue: {},
@@ -7110,7 +7117,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             _cache[6] || (_cache[6] = vue.withKeys(($event) => togglePopup(false), ["tab"]))
           ]
         }, [
-          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$Z, null, 512)), [
+          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$_, null, 512)), [
             [vue.unref(vT), selectedItemLabel.value]
           ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createElementVNode("div", {
@@ -7128,7 +7135,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               _cache[7] || (_cache[7] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
               loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, "progress_activity")) : vue.createCommentVNode("", true)
             ], 8, _hoisted_3$B),
-            showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1$, {
+            showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$20, {
               key: 0,
               "base-element": vue.unref(rootRef),
               "max-height": _ctx.popupMaxHeight,
@@ -7140,7 +7147,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }, ["stop"]))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$1v, vue.mergeProps({
+                vue.createVNode(_sfc_main$1w, vue.mergeProps({
                   "bottom-padding": "0",
                   "multi-select": "",
                   "show-checkbox": ""
@@ -7151,21 +7158,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]),
               _: 1
             }, 8, ["base-element", "max-height", "popup-align", "popup-direction"])) : vue.createCommentVNode("", true),
-            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
               key: 1,
               errors: vue.unref(errors),
               "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
             }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
           ], 64))
-        ], 42, _hoisted_1$1g)), [
+        ], 42, _hoisted_1$1h)), [
           [vue.unref(vClickOutside), () => togglePopup(false)]
         ]);
       };
     }
   });
-  const _hoisted_1$1f = { class: "bs-popup-select bs-layout-horizontal" };
-  const _hoisted_2$Y = ["textContent"];
-  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1g = { class: "bs-popup-select bs-layout-horizontal" };
+  const _hoisted_2$Z = ["textContent"];
+  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPopupSelect",
     props: {
       name: {},
@@ -7188,13 +7195,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         emit("click");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1f, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1g, [
           _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: "view-mode",
             textContent: vue.toDisplayString(label.value)
-          }, null, 8, _hoisted_2$Y)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createVNode(_sfc_main$1U, {
+          }, null, 8, _hoisted_2$Z)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            vue.createVNode(_sfc_main$1V, {
               "model-value": label.value,
               name: _ctx.name || "",
               disabled: "",
@@ -7211,18 +7218,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const BSPopupSelect = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__scopeId", "data-v-d74fd89c"]]);
-  const _hoisted_1$1e = {
+  const BSPopupSelect = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__scopeId", "data-v-d74fd89c"]]);
+  const _hoisted_1$1f = {
     key: 0,
     class: "view-mode bs-layout-horizontal gap-8 align-items-start"
   };
-  const _hoisted_2$X = ["textContent"];
+  const _hoisted_2$Y = ["textContent"];
   const _hoisted_3$A = {
     key: 1,
     class: "input-area bs-layout-horizontal align-items-start"
   };
   const _hoisted_4$l = ["disabled", "maxlength", "name", "tabindex"];
-  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTextArea",
     props: {
       id: {},
@@ -7337,7 +7344,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           class: vue.normalizeClass([{ disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-text-area"]),
           style: vue.normalizeStyle({ width: outerWidth.value, height: outerHeight.value })
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1e, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1f, [
             (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),
@@ -7348,7 +7355,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }), 128)),
             vue.createElementVNode("div", {
               textContent: vue.toDisplayString(vue.unref(stringValue))
-            }, null, 8, _hoisted_2$X),
+            }, null, 8, _hoisted_2$Y),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(componentUtil).toMultiLangTextArray(_ctx.suffix), (text) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: JSON.stringify(text),
@@ -7396,7 +7403,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]);
             }), 128))
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -28742,9 +28749,9 @@ img.ProseMirror-separator {
       return ["tr", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     }
   });
-  const _hoisted_1$1d = { class: "tool-button-font-size bs-layout-horizontal align-items-center" };
-  const _hoisted_2$W = ["disabled", "value"];
-  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1e = { class: "tool-button-font-size bs-layout-horizontal align-items-center" };
+  const _hoisted_2$X = ["disabled", "value"];
+  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonFontSize",
     props: {
       editor: {},
@@ -28811,7 +28818,7 @@ img.ProseMirror-separator {
         props.editor.on("selectionUpdate", refreshFontSize);
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1e, [
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: decrease
@@ -28830,7 +28837,7 @@ img.ProseMirror-separator {
             value: fontSize.value,
             type: "text",
             onChange: setFontSize
-          }, null, 40, _hoisted_2$W),
+          }, null, 40, _hoisted_2$X),
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: increase
@@ -28848,10 +28855,10 @@ img.ProseMirror-separator {
       };
     }
   });
-  const ToolButtonFontSize = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__scopeId", "data-v-ef5774f0"]]);
-  const _hoisted_1$1c = ["title"];
-  const _hoisted_2$V = ["disabled", "value"];
-  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
+  const ToolButtonFontSize = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__scopeId", "data-v-ef5774f0"]]);
+  const _hoisted_1$1d = ["title"];
+  const _hoisted_2$W = ["disabled", "value"];
+  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonFontColor",
     props: {
       editor: {},
@@ -28883,12 +28890,12 @@ img.ProseMirror-separator {
             value: color.value,
             type: "color",
             onChange: setColor
-          }, null, 40, _hoisted_2$V)
-        ], 8, _hoisted_1$1c);
+          }, null, 40, _hoisted_2$W)
+        ], 8, _hoisted_1$1d);
       };
     }
   });
-  const ToolButtonFontColor = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__scopeId", "data-v-d556d8eb"]]);
+  const ToolButtonFontColor = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__scopeId", "data-v-d556d8eb"]]);
   var readFromCache;
   var addToCache;
   if (typeof WeakMap != "undefined") {
@@ -31493,9 +31500,9 @@ img.ProseMirror-separator {
       bind: { editor }
     });
   };
-  const _hoisted_1$1b = { class: "bs-layout-horizontal align-items-center" };
-  const _hoisted_2$U = ["title"];
-  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1c = { class: "bs-layout-horizontal align-items-center" };
+  const _hoisted_2$V = ["title"];
+  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonTable",
     props: {
       editor: {},
@@ -31517,17 +31524,17 @@ img.ProseMirror-separator {
         props.editor.on("selectionUpdate", refreshTable);
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1b, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1c, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             title: vue.unref(t$1)({ key: "bs.richtext.insertTable" }),
             onClick: doInsertTable
-          }, "table", 10, _hoisted_2$U)
+          }, "table", 10, _hoisted_2$V)
         ]);
       };
     }
   });
-  const ToolButtonTable = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-537f70be"]]);
+  const ToolButtonTable = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__scopeId", "data-v-537f70be"]]);
   const inputRegex = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
   const Image$1 = Node.create({
     name: "image",
@@ -31676,9 +31683,9 @@ img.ProseMirror-separator {
       bind: { editor }
     });
   };
-  const _hoisted_1$1a = { class: "bs-layout-horizontal align-items-center" };
-  const _hoisted_2$T = ["title"];
-  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1b = { class: "bs-layout-horizontal align-items-center" };
+  const _hoisted_2$U = ["title"];
+  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonImage",
     props: {
       editor: {},
@@ -31693,12 +31700,12 @@ img.ProseMirror-separator {
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1b, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             title: vue.unref(t$1)({ key: "bs.richtext.insertImage" }),
             onClick: doInsertImage
-          }, "image", 10, _hoisted_2$T)
+          }, "image", 10, _hoisted_2$U)
         ]);
       };
     }
@@ -32043,9 +32050,9 @@ img.ProseMirror-separator {
       bind: { editor }
     });
   };
-  const _hoisted_1$19 = { class: "bs-layout-horizontal align-items-center" };
-  const _hoisted_2$S = ["title"];
-  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1a = { class: "bs-layout-horizontal align-items-center" };
+  const _hoisted_2$T = ["title"];
+  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonYoutube",
     props: {
       editor: {},
@@ -32060,18 +32067,18 @@ img.ProseMirror-separator {
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             title: vue.unref(t$1)({ key: "bs.richtext.insertYoutube" }),
             onClick: doInsertImage
-          }, "youtube_activity", 10, _hoisted_2$S)
+          }, "youtube_activity", 10, _hoisted_2$T)
         ]);
       };
     }
   });
-  const _hoisted_1$18 = ["title"];
-  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$19 = ["title"];
+  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonLink",
     props: {
       editor: {},
@@ -32095,11 +32102,11 @@ img.ProseMirror-separator {
           class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
           title: vue.unref(t$1)({ key: "bs.link" }),
           onClick: showLinkProperties
-        }, " link ", 10, _hoisted_1$18);
+        }, " link ", 10, _hoisted_1$19);
       };
     }
   });
-  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonMaximize",
     props: {
       maximized: { type: Boolean }
@@ -32127,8 +32134,8 @@ img.ProseMirror-separator {
       };
     }
   });
-  const ToolButtonMaximize = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-c1655c12"]]);
-  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+  const ToolButtonMaximize = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__scopeId", "data-v-c1655c12"]]);
+  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonHeading",
     props: {
       disabled: { type: Boolean },
@@ -32156,7 +32163,7 @@ img.ProseMirror-separator {
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
           disabled: _ctx.disabled,
           items,
           "label-provider": (item) => item.caption,
@@ -32168,8 +32175,8 @@ img.ProseMirror-separator {
       };
     }
   });
-  const _hoisted_1$17 = { class: "text-align tool-button-group bs-layout-horizontal" };
-  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$18 = { class: "text-align tool-button-group bs-layout-horizontal" };
+  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonTextAlign",
     props: {
       disabled: { type: Boolean },
@@ -32177,7 +32184,7 @@ img.ProseMirror-separator {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$17, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             class: vue.normalizeClass([{ active: _ctx.editor.isActive({ textAlign: "left" }), "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && _ctx.editor.chain().focus().setTextAlign("left").run())
@@ -32221,8 +32228,8 @@ img.ProseMirror-separator {
       };
     }
   });
-  const _hoisted_1$16 = { class: "font-style tool-button-group bs-layout-horizontal" };
-  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$17 = { class: "font-style tool-button-group bs-layout-horizontal" };
+  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonFontStyle",
     props: {
       disabled: { type: Boolean },
@@ -32230,7 +32237,7 @@ img.ProseMirror-separator {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$17, [
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             class: vue.normalizeClass([{ active: _ctx.editor.isActive("bold"), "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && _ctx.editor.chain().focus().toggleBold().removeEmptyTextStyle().run())
@@ -32274,8 +32281,8 @@ img.ProseMirror-separator {
       };
     }
   });
-  const _hoisted_1$15 = { class: "list-item tool-button-group bs-layout-horizontal" };
-  const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$16 = { class: "list-item tool-button-group bs-layout-horizontal" };
+  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonListItem",
     props: {
       disabled: { type: Boolean },
@@ -32283,7 +32290,7 @@ img.ProseMirror-separator {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             class: vue.normalizeClass([{ active: _ctx.editor.isActive("bulletList"), "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && _ctx.editor.chain().focus().toggleBulletList().run())
@@ -32470,9 +32477,9 @@ img.ProseMirror-separator {
       bind: { editor }
     });
   };
-  const _hoisted_1$14 = { class: "bs-layout-horizontal align-items-center" };
-  const _hoisted_2$R = ["title"];
-  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$15 = { class: "bs-layout-horizontal align-items-center" };
+  const _hoisted_2$S = ["title"];
+  const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonVideo",
     props: {
       editor: {},
@@ -32487,20 +32494,20 @@ img.ProseMirror-separator {
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$14, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             title: vue.unref(t$1)({ key: "bs.richtext.insertVideo" }),
             onClick: doInsertVideo
-          }, "movie", 10, _hoisted_2$R)
+          }, "movie", 10, _hoisted_2$S)
         ]);
       };
     }
   });
-  const _hoisted_1$13 = { class: "rich-text-toolbar bs-layout-horizontal align-items-center min-w-512" };
-  const _hoisted_2$Q = { class: "bs-layout-horizontal flex-grow-1 h-full gap-4 left-buttons" };
+  const _hoisted_1$14 = { class: "rich-text-toolbar bs-layout-horizontal align-items-center min-w-512" };
+  const _hoisted_2$R = { class: "bs-layout-horizontal flex-grow-1 h-full gap-4 left-buttons" };
   const _hoisted_3$z = { class: "bs-layout-horizontal right-buttons" };
-  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     __name: "RichTextToolbar",
     props: {
       editor: {},
@@ -32515,27 +32522,27 @@ img.ProseMirror-separator {
         return props.toolButtons.map((toolButton) => {
           switch (toolButton) {
             case "Heading":
-              return _sfc_main$1j;
+              return _sfc_main$1k;
             case "FontSize":
               return ToolButtonFontSize;
             case "FontColor":
               return ToolButtonFontColor;
             case "FontStyle":
-              return _sfc_main$1h;
-            case "TextAlign":
               return _sfc_main$1i;
+            case "TextAlign":
+              return _sfc_main$1j;
             case "ListItem":
-              return _sfc_main$1g;
+              return _sfc_main$1h;
             case "Link":
-              return _sfc_main$1l;
+              return _sfc_main$1m;
             case "Table":
               return ToolButtonTable;
             case "Image":
-              return _sfc_main$1n;
+              return _sfc_main$1o;
             case "Video":
-              return _sfc_main$1f;
+              return _sfc_main$1g;
             case "Youtube":
-              return _sfc_main$1m;
+              return _sfc_main$1n;
             default:
               return toolButton;
           }
@@ -32543,8 +32550,8 @@ img.ProseMirror-separator {
       });
       const emit = __emit;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$13, [
-          vue.createElementVNode("div", _hoisted_2$Q, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$14, [
+          vue.createElementVNode("div", _hoisted_2$R, [
             vue.renderSlot(_ctx.$slots, "toolbarPrefix"),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(toolComponents.value, (toolButton) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(toolButton), {
@@ -34436,11 +34443,11 @@ img.ProseMirror-separator {
       };
     }
   });
-  const _hoisted_1$12 = ["innerHTML"];
-  const _hoisted_2$P = { class: "editor-container" };
+  const _hoisted_1$13 = ["innerHTML"];
+  const _hoisted_2$Q = { class: "editor-container" };
   const WRAP_BEGIN = '<div class="rich-text-content">';
   const WRAP_END = "</div>";
-  const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     __name: "BSRichText",
     props: {
       modelValue: { default: "" },
@@ -34678,7 +34685,7 @@ img.ProseMirror-separator {
             key: 0,
             class: "view-mode user-text",
             innerHTML: _ctx.modelValue
-          }, null, 8, _hoisted_1$12)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          }, null, 8, _hoisted_1$13)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createElementVNode("div", {
               ref_key: "field",
               ref: field,
@@ -34686,7 +34693,7 @@ img.ProseMirror-separator {
               class: "input-area bs-layout-vertical",
               role: "textbox"
             }, [
-              vue.unref(editor) ? (vue.openBlock(), vue.createBlock(_sfc_main$1e, {
+              vue.unref(editor) ? (vue.openBlock(), vue.createBlock(_sfc_main$1f, {
                 key: 0,
                 disabled: _ctx.disabled,
                 editor: vue.unref(editor),
@@ -34699,7 +34706,7 @@ img.ProseMirror-separator {
                 ]),
                 _: 3
               }, 8, ["disabled", "editor", "maximized", "tool-buttons"])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_2$P, [
+              vue.createElementVNode("div", _hoisted_2$Q, [
                 vue.createElementVNode("iframe", {
                   ref_key: "iframeRef",
                   ref: iframeRef,
@@ -34719,7 +34726,7 @@ img.ProseMirror-separator {
                 ], 8, ["to"])) : vue.createCommentVNode("", true)
               ])
             ], 4),
-            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
               key: 0,
               errors: vue.unref(errors),
               "hide-error-message": _ctx.hideErrorMessage
@@ -34854,8 +34861,8 @@ img.ProseMirror-separator {
     const kb = size / 1024;
     return mb < 1 ? `${kb.toFixed(kb % 1 === 0 ? 0 : 1)}KB` : `${mb.toFixed(mb % 1 === 0 ? 0 : 1)}MB`;
   };
-  const _hoisted_1$11 = ["poster"];
-  const _hoisted_2$O = ["src"];
+  const _hoisted_1$12 = ["poster"];
+  const _hoisted_2$P = ["src"];
   const _hoisted_3$y = ["alt", "src"];
   const _hoisted_4$k = ["alt", "src"];
   const _hoisted_5$b = ["href"];
@@ -34863,7 +34870,7 @@ img.ProseMirror-separator {
     key: 7,
     class: "font-icon bottom-2 left-2 button"
   };
-  const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     __name: "BSMediaPreview",
     props: {
       file: {},
@@ -34875,7 +34882,7 @@ img.ProseMirror-separator {
       maxWidth: {},
       mediaObjectUrlStore: {}
     },
-    emits: ["removeImage", "thumbnailUploaded"],
+    emits: ["removeImage", "thumbnailUploaded", "preview"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
@@ -34946,7 +34953,16 @@ img.ProseMirror-separator {
           }
         }
       };
-      vue.onUnmounted(() => internalMediaObjectUrlStore.revokeAll());
+      const preview = () => {
+        if (props.file.mediaType === "Youtube") {
+          window.open(props.file.fileUrl, "_blank");
+          return;
+        }
+        emit("preview");
+      };
+      vue.onUnmounted(() => {
+        internalMediaObjectUrlStore.revokeAll();
+      });
       return (_ctx, _cache) => {
         return fileUrl.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
@@ -34960,8 +34976,8 @@ img.ProseMirror-separator {
             poster: thumbnailUrl.value,
             style: vue.normalizeStyle({ width: _ctx.width, height: _ctx.height, maxWidth: _ctx.maxWidth })
           }, [
-            vue.createElementVNode("source", { src: fileUrl.value }, null, 8, _hoisted_2$O)
-          ], 12, _hoisted_1$11)) : _ctx.file.mediaType === "Youtube" ? (vue.openBlock(), vue.createElementBlock("img", {
+            vue.createElementVNode("source", { src: fileUrl.value }, null, 8, _hoisted_2$P)
+          ], 12, _hoisted_1$12)) : _ctx.file.mediaType === "Youtube" ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 1,
             alt: _ctx.file.altText,
             src: youtubePreviewImage.value,
@@ -35014,7 +35030,8 @@ img.ProseMirror-separator {
             key: 5,
             href: fileUrl.value,
             class: "bs-clickable font-icon button show-on-hover bottom-2 right-2",
-            target: "_blank"
+            target: "_blank",
+            onClick: vue.withModifiers(preview, ["prevent"])
           }, _cache[2] || (_cache[2] = [
             vue.createTextVNode("zoom_in")
           ]), 8, _hoisted_5$b)), [
@@ -35043,6 +35060,96 @@ img.ProseMirror-separator {
       };
     }
   });
+  const _hoisted_1$11 = ["src"];
+  const _hoisted_2$O = ["alt", "src"];
+  const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSMediaPreviewOverlay",
+    props: {
+      files: {},
+      startIndex: { default: 0 },
+      preload: { type: Boolean, default: false },
+      visible: { type: Boolean }
+    },
+    emits: ["close"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const resolveUrl = (url) => blueseaConfig.fileUrlResolver ? blueseaConfig.fileUrlResolver(url) : url;
+      const currentIndex = vue.ref(props.startIndex);
+      const imageIndices = vue.computed(
+        () => props.files.map((_, i2) => i2).filter((i2) => props.files[i2].mediaType === "Image")
+      );
+      const currentImagePosition = vue.computed(() => imageIndices.value.indexOf(currentIndex.value));
+      const hasPrevImage = vue.computed(() => currentImagePosition.value > 0);
+      const hasNextImage = vue.computed(() => currentImagePosition.value < imageIndices.value.length - 1);
+      const prevImage = () => {
+        const pos = currentImagePosition.value;
+        if (pos > 0) currentIndex.value = imageIndices.value[pos - 1];
+      };
+      const nextImage = () => {
+        const pos = currentImagePosition.value;
+        if (pos < imageIndices.value.length - 1) currentIndex.value = imageIndices.value[pos + 1];
+      };
+      const onKeydown = (e) => {
+        if (e.key === "Escape") emit("close");
+        else if (e.key === "ArrowLeft") prevImage();
+        else if (e.key === "ArrowRight") nextImage();
+      };
+      vue.watch(() => props.visible, (v) => {
+        if (v) {
+          currentIndex.value = props.startIndex;
+          document.addEventListener("keydown", onKeydown);
+        } else {
+          document.removeEventListener("keydown", onKeydown);
+        }
+      }, { immediate: true });
+      vue.onUnmounted(() => document.removeEventListener("keydown", onKeydown));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          _ctx.preload || _ctx.visible ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "bs-media-overlay",
+            onClick: _cache[3] || (_cache[3] = vue.withModifiers(($event) => emit("close"), ["self"]))
+          }, [
+            vue.createElementVNode("span", {
+              class: "font-icon bs-media-overlay-close bs-clickable",
+              onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+            }, "close"),
+            imageIndices.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 0,
+              class: vue.normalizeClass([{ "bs-media-overlay-nav-disabled": !hasPrevImage.value }, "font-icon bs-media-overlay-nav bs-media-overlay-prev bs-clickable"]),
+              onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => hasPrevImage.value && prevImage(), ["stop"]))
+            }, "chevron_left", 2)) : vue.createCommentVNode("", true),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.files, (file, idx) => {
+              return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: idx }, [
+                file.mediaType === "Video" && idx === currentIndex.value ? (vue.openBlock(), vue.createElementBlock("video", {
+                  key: 0,
+                  src: resolveUrl(file.fileUrl),
+                  autoplay: "",
+                  class: "bs-media-overlay-media",
+                  controls: ""
+                }, null, 8, _hoisted_1$11)) : file.mediaType === "Image" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("img", {
+                  key: 1,
+                  alt: file.altText,
+                  src: resolveUrl(file.fileUrl),
+                  class: "bs-media-overlay-media"
+                }, null, 8, _hoisted_2$O)), [
+                  [vue.vShow, idx === currentIndex.value]
+                ]) : vue.createCommentVNode("", true)
+              ], 64);
+            }), 128)),
+            imageIndices.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 1,
+              class: vue.normalizeClass([{ "bs-media-overlay-nav-disabled": !hasNextImage.value }, "font-icon bs-media-overlay-nav bs-media-overlay-next bs-clickable"]),
+              onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => hasNextImage.value && nextImage(), ["stop"]))
+            }, "chevron_right", 2)) : vue.createCommentVNode("", true)
+          ], 512)), [
+            [vue.vShow, _ctx.visible]
+          ]) : vue.createCommentVNode("", true)
+        ]);
+      };
+    }
+  });
   const _hoisted_1$10 = ["data-field-name"];
   const _hoisted_2$N = {
     key: 1,
@@ -35067,6 +35174,7 @@ img.ProseMirror-separator {
       supportTypes: { default: () => ["Image"] },
       showPreviewButton: { type: Boolean, default: true },
       disableRightClick: { type: Boolean },
+      preloadOverlay: { type: Boolean },
       multiple: { type: Boolean },
       validationMessageRequired: {},
       validationMessageMaxFileSize: {},
@@ -35076,7 +35184,8 @@ img.ProseMirror-separator {
       hideErrorMessage: { type: Boolean },
       showErrorMessageOnDisabled: { type: Boolean },
       imageNo: { default: 0 },
-      mediaObjectUrlStore: {}
+      mediaObjectUrlStore: {},
+      onOpenPreview: {}
     },
     emits: ["update:modelValue", "multipleFiles", "multipleUris"],
     setup(__props, { emit: __emit }) {
@@ -35089,6 +35198,14 @@ img.ProseMirror-separator {
         return result.join("|");
       });
       const field = vue.ref();
+      const overlayOpen = vue.ref(false);
+      const handlePreview = () => {
+        if (props.onOpenPreview) {
+          props.onOpenPreview();
+        } else {
+          overlayOpen.value = true;
+        }
+      };
       const chooseImage = () => {
         var _a2;
         if (validationDisabled.value) {
@@ -35254,20 +35371,29 @@ img.ProseMirror-separator {
                 [vue.unref(vT), _ctx.caption]
               ])
             ], 4),
-            _ctx.modelValue && _ctx.modelValue.fileUrl ? (vue.openBlock(), vue.createBlock(_sfc_main$1c, {
-              key: 0,
-              "disable-right-click": _ctx.disableRightClick,
-              file: _ctx.modelValue,
-              height: _ctx.imageHeight,
-              "max-width": _ctx.maxImageWidth,
-              "media-object-url-store": _ctx.mediaObjectUrlStore,
-              "show-delete-button": !validationDisabled.value,
-              "show-preview-button": _ctx.showPreviewButton,
-              width: _ctx.imageWidth,
-              class: "image-box",
-              onRemoveImage: removeImage,
-              onThumbnailUploaded: changeThumbnail
-            }, null, 8, ["disable-right-click", "file", "height", "max-width", "media-object-url-store", "show-delete-button", "show-preview-button", "width"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, [
+            _ctx.modelValue && _ctx.modelValue.fileUrl ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createVNode(_sfc_main$1d, {
+                "disable-right-click": _ctx.disableRightClick,
+                file: _ctx.modelValue,
+                height: _ctx.imageHeight,
+                "max-width": _ctx.maxImageWidth,
+                "media-object-url-store": _ctx.mediaObjectUrlStore,
+                "show-delete-button": !validationDisabled.value,
+                "show-preview-button": _ctx.showPreviewButton,
+                width: _ctx.imageWidth,
+                class: "image-box",
+                onPreview: handlePreview,
+                onRemoveImage: removeImage,
+                onThumbnailUploaded: changeThumbnail
+              }, null, 8, ["disable-right-click", "file", "height", "max-width", "media-object-url-store", "show-delete-button", "show-preview-button", "width"]),
+              !_ctx.onOpenPreview && (_ctx.preloadOverlay || overlayOpen.value) ? (vue.openBlock(), vue.createBlock(_sfc_main$1c, {
+                key: 0,
+                files: _ctx.modelValue ? [_ctx.modelValue] : [],
+                preload: _ctx.preloadOverlay,
+                visible: overlayOpen.value,
+                onClose: _cache[0] || (_cache[0] = ($event) => overlayOpen.value = false)
+              }, null, 8, ["files", "preload", "visible"])) : vue.createCommentVNode("", true)
+            ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, [
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([{ dropping: dropping.value }, "upload-btn-wrapper bs-layout-vertical flex-align-center justify-content-center"]),
                 style: vue.normalizeStyle({ width: _ctx.uploadWidth, height: _ctx.imageHeight }),
@@ -35280,7 +35406,7 @@ img.ProseMirror-separator {
                   vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                     class: vue.normalizeClass([{ "bs-clickable": !validationDisabled.value, disabled: _ctx.disabled }, "upload-btn"]),
                     onClick: chooseImage
-                  }, _cache[0] || (_cache[0] = [
+                  }, _cache[1] || (_cache[1] = [
                     vue.createElementVNode("span", { class: "font-icon" }, "upload", -1)
                   ]), 2)), [
                     [
@@ -35294,7 +35420,7 @@ img.ProseMirror-separator {
                     key: 0,
                     class: vue.normalizeClass([{ "bs-clickable": !validationDisabled.value, disabled: _ctx.disabled }, "youtube-btn"]),
                     onClick: enterYoutubeUrl
-                  }, _cache[1] || (_cache[1] = [
+                  }, _cache[2] || (_cache[2] = [
                     vue.createElementVNode("span", { class: "font-icon" }, "youtube_activity", -1)
                   ]), 2)), [
                     [
@@ -35320,7 +35446,7 @@ img.ProseMirror-separator {
               onChange: imageSelected
             }, null, 40, _hoisted_3$x)
           ], 2),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             class: vue.normalizeClass({ "text-nowrap": !_ctx.wrapErrorMessage }),
             errors: vue.unref(errors),
@@ -35488,6 +35614,7 @@ img.ProseMirror-separator {
       supportTypes: { default: () => ["Image"] },
       showPreviewButton: { type: Boolean, default: true },
       disableRightClick: { type: Boolean },
+      preloadOverlay: { type: Boolean },
       validationMessageRequired: {},
       validationMessageMaxFileSize: {},
       extraValidationRules: {},
@@ -35597,6 +35724,14 @@ img.ProseMirror-separator {
       });
       const modified = vue.computed(() => !!(savePointHandler == null ? void 0 : savePointHandler.isModified(props.modelValue)));
       vue.onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
+      const overlayOpen = vue.ref(false);
+      const previewStartIndex = vue.ref(0);
+      const imageFiles = vue.computed(() => props.modelValue.filter((f) => f.mediaType === "Image"));
+      const openPreview = (index) => {
+        const file = props.modelValue[index];
+        previewStartIndex.value = imageFiles.value.indexOf(file);
+        overlayOpen.value = true;
+      };
       const isDroppable = (dndContext2, _target) => {
         var _a2;
         return ((_a2 = dndContext2.sourceElement.parentElement) == null ? void 0 : _a2.parentElement) === field.value;
@@ -35636,12 +35771,14 @@ img.ProseMirror-separator {
                       "media-object-url-store": _ctx.mediaObjectUrlStore,
                       "model-value": image,
                       name: `${_ctx.name}_${index}`,
+                      "on-open-preview": image.mediaType === "Image" ? () => openPreview(index) : void 0,
+                      "preload-overlay": _ctx.preloadOverlay,
                       "show-preview-button": _ctx.showPreviewButton,
                       "upload-width": _ctx.uploadWidth,
                       "view-mode": _ctx.viewMode || _ctx.disabled,
                       "ignore-save-point": "",
                       "onUpdate:modelValue": ($event) => removeFile(image, index)
-                    }, null, 8, ["class", "disable-right-click", "image-height", "image-width", "max-image-width", "media-object-url-store", "model-value", "name", "show-preview-button", "upload-width", "view-mode", "onUpdate:modelValue"])
+                    }, null, 8, ["class", "disable-right-click", "image-height", "image-width", "max-image-width", "media-object-url-store", "model-value", "name", "on-open-preview", "preload-overlay", "show-preview-button", "upload-width", "view-mode", "onUpdate:modelValue"])
                   ])), [
                     [vue.unref(vDragSupport$1), { draggable: _ctx.enableDraggableOrder }],
                     [vue.unref(vDropSupport$1), {
@@ -35675,16 +35812,24 @@ img.ProseMirror-separator {
           ])), [
             [vue.unref(vParentDropSupport), { droppable: _ctx.enableDraggableOrder, dropHandler }]
           ]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
-          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
+          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true),
+          _ctx.preloadOverlay && imageFiles.value.length > 0 || overlayOpen.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1c, {
+            key: 1,
+            files: imageFiles.value,
+            preload: _ctx.preloadOverlay,
+            "start-index": previewStartIndex.value,
+            visible: overlayOpen.value,
+            onClose: _cache[0] || (_cache[0] = ($event) => overlayOpen.value = false)
+          }, null, 8, ["files", "preload", "start-index", "visible"])) : vue.createCommentVNode("", true)
         ], 10, _hoisted_1$$);
       };
     }
   });
-  const BSMultiImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-b7698f30"]]);
+  const BSMultiImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-e57e268c"]]);
   const _hoisted_1$_ = ["data-field-name"];
   const _hoisted_2$L = { class: "bs-layout-horizontal-wrap gap-8" };
   const _hoisted_3$w = { class: "mr-4" };
@@ -35706,6 +35851,7 @@ img.ProseMirror-separator {
       supportTypes: { default: () => ["Image"] },
       showPreviewButton: { type: Boolean, default: true },
       disableRightClick: { type: Boolean },
+      preloadOverlay: { type: Boolean },
       guideMessage: {},
       validationMessageRequired: {},
       validationMessageMaxFileSize: {},
@@ -35826,6 +35972,16 @@ img.ProseMirror-separator {
         ((_b = (_a2 = savePointHandler == null ? void 0 : savePointHandler.getSavedValue()) == null ? void 0 : _a2[index]) == null ? void 0 : _b.fileUrl) !== ((_c = props.modelValue[index]) == null ? void 0 : _c.fileUrl);
       };
       vue.onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
+      const overlayOpen = vue.ref(false);
+      const previewStartIndex = vue.ref(0);
+      const imageFiles = vue.computed(
+        () => Object.values(props.modelValue).filter((f) => !!(f == null ? void 0 : f.fileUrl) && f.mediaType === "Image")
+      );
+      const openPreview = (idx) => {
+        const file = props.modelValue[idx];
+        previewStartIndex.value = imageFiles.value.indexOf(file);
+        overlayOpen.value = true;
+      };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           ref_key: "field",
@@ -35836,7 +35992,7 @@ img.ProseMirror-separator {
         }, [
           vue.createElementVNode("div", _hoisted_2$L, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (idx) => {
-              var _a2;
+              var _a2, _b;
               return vue.openBlock(), vue.createBlock(_sfc_main$1b, {
                 key: idx,
                 caption: (_a2 = _ctx.guideMessage) == null ? void 0 : _a2[idx],
@@ -35849,7 +36005,9 @@ img.ProseMirror-separator {
                 "model-value": _ctx.modelValue[idx],
                 multiple: true,
                 name: `${_ctx.name}_${idx}`,
+                "on-open-preview": ((_b = _ctx.modelValue[idx]) == null ? void 0 : _b.mediaType) === "Image" ? () => openPreview(idx) : void 0,
                 required: _ctx.required,
+                "preload-overlay": _ctx.preloadOverlay,
                 "show-preview-button": _ctx.showPreviewButton,
                 "support-types": _ctx.supportTypes,
                 tabindex: _ctx.tabindex,
@@ -35863,14 +36021,22 @@ img.ProseMirror-separator {
                   vue.createElementVNode("span", _hoisted_3$w, vue.toDisplayString(idx), 1)
                 ]),
                 _: 2
-              }, 1032, ["caption", "class", "disable-right-click", "disabled", "image-no", "max-file-size", "media-object-url-store", "model-value", "name", "required", "show-preview-button", "support-types", "tabindex", "view-mode", "onUpdate:modelValue"]);
+              }, 1032, ["caption", "class", "disable-right-click", "disabled", "image-no", "max-file-size", "media-object-url-store", "model-value", "name", "on-open-preview", "required", "preload-overlay", "show-preview-button", "support-types", "tabindex", "view-mode", "onUpdate:modelValue"]);
             }), 128))
           ]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
-          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
+          }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true),
+          _ctx.preloadOverlay && imageFiles.value.length > 0 || overlayOpen.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1c, {
+            key: 1,
+            files: imageFiles.value,
+            preload: _ctx.preloadOverlay,
+            "start-index": previewStartIndex.value,
+            visible: overlayOpen.value,
+            onClose: _cache[0] || (_cache[0] = ($event) => overlayOpen.value = false)
+          }, null, 8, ["files", "preload", "start-index", "visible"])) : vue.createCommentVNode("", true)
         ], 12, _hoisted_1$_);
       };
     }
@@ -36119,7 +36285,7 @@ img.ProseMirror-separator {
               onChange: fileSelected
             }, null, 40, _hoisted_8$2)
           ], 2),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             class: vue.normalizeClass({ "text-nowrap": !_ctx.wrapErrorMessage }),
             errors: vue.unref(errors),
@@ -38185,7 +38351,7 @@ img.ProseMirror-separator {
               ])
             ], 512)
           ]),
-          _ctx.showPageNavigation ? (vue.openBlock(), vue.createBlock(_sfc_main$1O, {
+          _ctx.showPageNavigation ? (vue.openBlock(), vue.createBlock(_sfc_main$1P, {
             key: 0,
             limit: ((_a2 = _ctx.pageInfo) == null ? void 0 : _a2.limit) || 10,
             offset: ((_b = _ctx.pageInfo) == null ? void 0 : _b.offset) || 0,
@@ -38429,7 +38595,7 @@ img.ProseMirror-separator {
         emit("update:modelValue", value);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1E, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1F, {
           "from-value": fromValue.value,
           "onUpdate:fromValue": [
             _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -38615,7 +38781,7 @@ img.ProseMirror-separator {
                 "data-id": "removeDateFilterBtn",
                 onClick: ($event) => removeDateFilter(index)
               }, "remove", 8, _hoisted_2$E)),
-              vue.createVNode(_sfc_main$1Y, {
+              vue.createVNode(_sfc_main$1Z, {
                 items: _ctx.dateFilter.filterItems,
                 "label-provider": (filter) => filter.caption,
                 "model-value": item.propertyId,
@@ -38640,7 +38806,7 @@ img.ProseMirror-separator {
                 width: filterWidthOfFilterItem(item.propertyId),
                 "onUpdate:modelValue": ($event) => setDateFilterValue(index, $event)
               }, null, 8, ["display-format", "from-id", "model-value", "name-from", "name-to", "popup-display-format", "popup-end-year", "popup-start-year", "resolution", "time-zone", "to-id", "width", "onUpdate:modelValue"]),
-              vue.createVNode(_sfc_main$1B, {
+              vue.createVNode(_sfc_main$1C, {
                 modelValue: item.value,
                 "onUpdate:modelValue": [($event) => item.value = $event, (value, preset) => setDateFilterValue(index, value, preset)],
                 presets: _ctx.presets,
@@ -38922,7 +39088,7 @@ img.ProseMirror-separator {
             }, null, 8, _hoisted_9$1)
           ])) : vue.createCommentVNode("", true),
           _ctx.showLimit ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-            vue.createVNode(_sfc_main$1Y, {
+            vue.createVNode(_sfc_main$1Z, {
               modelValue: limitValue.value,
               "onUpdate:modelValue": [
                 _cache[2] || (_cache[2] = ($event) => limitValue.value = $event),
@@ -39369,7 +39535,7 @@ img.ProseMirror-separator {
           class: vue.normalizeClass([{ selected: _ctx.selected, expanded: actualExpanded.value }, "bs-list-layout-item"])
         }, [
           vue.createElementVNode("div", _hoisted_1$J, [
-            _ctx.showCheckbox ? (vue.openBlock(), vue.createBlock(_sfc_main$1A, {
+            _ctx.showCheckbox ? (vue.openBlock(), vue.createBlock(_sfc_main$1B, {
               key: 0,
               "model-value": _ctx.selected,
               class: "mr-8",
@@ -39731,7 +39897,7 @@ img.ProseMirror-separator {
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
           vue.createElementVNode("div", _hoisted_2$w, [
-            _ctx.showAddButton ? (vue.openBlock(), vue.createBlock(_sfc_main$1V, {
+            _ctx.showAddButton ? (vue.openBlock(), vue.createBlock(_sfc_main$1W, {
               key: 0,
               disabled: _ctx.addButtonDisabled === true,
               "menu-items": addButtonItems,
@@ -39866,7 +40032,7 @@ img.ProseMirror-separator {
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(actualLocales.value, (locale) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: locale }, [
               isVisibleLocale(locale) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$v, [
-                vue.createVNode(_sfc_main$1U, {
+                vue.createVNode(_sfc_main$1V, {
                   id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                   autocomplete: _ctx.autocomplete,
                   class: vue.normalizeClass({ modified: modifiedByLocale(locale), "required-locale": isRequiredLocale(locale) }),
@@ -39896,7 +40062,7 @@ img.ProseMirror-separator {
               ])) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -40001,7 +40167,7 @@ img.ProseMirror-separator {
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(actualLocales.value, (locale) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: locale }, [
               isVisibleLocale(locale) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
-                vue.createVNode(_sfc_main$1r, {
+                vue.createVNode(_sfc_main$1s, {
                   id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                   autocomplete: _ctx.autocomplete,
                   class: vue.normalizeClass({ modified: modifiedByLocale(locale), "required-locale": isRequiredLocale(locale) }),
@@ -40031,7 +40197,7 @@ img.ProseMirror-separator {
               ])) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -40136,7 +40302,7 @@ img.ProseMirror-separator {
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(actualLocales.value, (locale) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: locale }, [
               isVisibleLocale(locale) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
-                vue.createVNode(_sfc_main$1d, {
+                vue.createVNode(_sfc_main$1e, {
                   id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                   autocomplete: _ctx.autocomplete,
                   class: vue.normalizeClass({ modified: modifiedByLocale(locale) }),
@@ -40172,7 +40338,7 @@ img.ProseMirror-separator {
               ])) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -40312,7 +40478,7 @@ img.ProseMirror-separator {
               ]);
             }), 128))
           ]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -67972,7 +68138,7 @@ img.ProseMirror-separator {
             tabindex: _ctx.tabindex,
             class: "flex-grow-1"
           }, vue.toHandlers(handlers2)), null, 16, ["disabled", "extensions", "model-value", "name", "style", "tabindex"]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -68015,12 +68181,15 @@ img.ProseMirror-separator {
           props.useCss ? { tabId: "css", caption: "CSS" } : void 0
         ].filter(notNull)
       );
+      const updateHtmlCssCode = (value) => {
+        htmlCode.value = (value == null ? void 0 : value.html) || "";
+        cssCode.value = (value == null ? void 0 : value.css) || "";
+      };
+      updateHtmlCssCode(props.modelValue);
       vue.watch(
         () => props.modelValue,
         () => {
-          var _a2, _b;
-          htmlCode.value = ((_a2 = props.modelValue) == null ? void 0 : _a2.html) || "";
-          cssCode.value = ((_b = props.modelValue) == null ? void 0 : _b.css) || "";
+          updateHtmlCssCode(props.modelValue);
           validateValue(props.modelValue, "change");
         }
       );
@@ -68110,7 +68279,7 @@ img.ProseMirror-separator {
               }, 8, ["tabs"])
             ])
           ]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -68261,7 +68430,7 @@ img.ProseMirror-separator {
               ])) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -68287,7 +68456,7 @@ img.ProseMirror-separator {
         emit("changeLocale", locale || blueseaConfig.defaultLocale);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
           items: localeList.value,
           "label-provider": (item) => item.displayName || "",
           "model-value": vue.unref(blueseaConfig).currentLocale,
@@ -68386,7 +68555,7 @@ img.ProseMirror-separator {
                   ((_a2 = _ctx.config.captions) == null ? void 0 : _a2[index - 1]) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_1$y, null, 512)), [
                     [vue.unref(vT), (_b = _ctx.config.captions) == null ? void 0 : _b[index - 1]]
                   ]) : vue.createCommentVNode("", true),
-                  vue.createVNode(_sfc_main$1U, {
+                  vue.createVNode(_sfc_main$1V, {
                     id: `${_ctx.id}${index}`,
                     modelValue: nameValue.value[`name${index}`],
                     "onUpdate:modelValue": [($event) => nameValue.value[`name${index}`] = $event, emitValue],
@@ -68405,7 +68574,7 @@ img.ProseMirror-separator {
               ], 64);
             }), 128))
           ], 512),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -68537,7 +68706,7 @@ img.ProseMirror-separator {
               class: "bs-layout-horizontal-inline gap-2 align-items-center",
               role: "textbox"
             }, [
-              showCountryCode.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+              showCountryCode.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
                 key: 0,
                 modelValue: countryNo.value,
                 "onUpdate:modelValue": [
@@ -68551,7 +68720,7 @@ img.ProseMirror-separator {
                 "label-provider": (countryInfo) => countryInfo.name,
                 "value-provider": (countryInfo) => countryInfo.code
               }, null, 8, ["modelValue", "allow-null", "class", "disabled", "items", "label-provider", "value-provider"])) : vue.createCommentVNode("", true),
-              inputCount.value === 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$1U, {
+              inputCount.value === 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$1V, {
                 key: 1,
                 id: _ctx.id,
                 modelValue: phoneNo.value,
@@ -68565,7 +68734,7 @@ img.ProseMirror-separator {
                 width: "10em",
                 onChange: emitValue
               }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-                vue.createVNode(_sfc_main$1U, {
+                vue.createVNode(_sfc_main$1V, {
                   id: `${_ctx.id}1`,
                   modelValue: phoneNo1.value,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => phoneNo1.value = $event),
@@ -68579,7 +68748,7 @@ img.ProseMirror-separator {
                   onChange: emitValue
                 }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"]),
                 _cache[5] || (_cache[5] = vue.createTextVNode(" - ")),
-                vue.createVNode(_sfc_main$1U, {
+                vue.createVNode(_sfc_main$1V, {
                   id: `${_ctx.id}2`,
                   modelValue: phoneNo2.value,
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => phoneNo2.value = $event),
@@ -68593,7 +68762,7 @@ img.ProseMirror-separator {
                   onChange: emitValue
                 }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"]),
                 _cache[6] || (_cache[6] = vue.createTextVNode(" - ")),
-                vue.createVNode(_sfc_main$1U, {
+                vue.createVNode(_sfc_main$1V, {
                   id: `${_ctx.id}3`,
                   modelValue: phoneNo3.value,
                   "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => phoneNo3.value = $event),
@@ -68608,7 +68777,7 @@ img.ProseMirror-separator {
                 }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"])
               ], 64))
             ], 512),
-            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
               key: 0,
               errors: vue.unref(errors),
               "hide-error-message": _ctx.hideErrorMessage
@@ -68653,7 +68822,7 @@ img.ProseMirror-separator {
             _ctx.selectedConfig.zipCodeCaption ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$i, null, 512)), [
               [vue.unref(vT), _ctx.selectedConfig.zipCodeCaption]
             ]) : vue.createCommentVNode("", true),
-            vue.createVNode(_sfc_main$1U, {
+            vue.createVNode(_sfc_main$1V, {
               id: `${_ctx.id}ZipCode`,
               class: vue.normalizeClass({ error: _ctx.markError }),
               disabled: _ctx.disabled || !!_ctx.selectedConfig.zipCodeButtonHandler,
@@ -68780,7 +68949,7 @@ img.ProseMirror-separator {
             vue.createTextVNode(vue.toDisplayString(vue.unref(serializeAddress)(_ctx.modelValue)), 1)
           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             _ctx.config.countries && _ctx.config.countries.length > 0 || selectedConfig.value.zipCodePosition === "before-input" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
-              _ctx.config.countries && _ctx.config.countries.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+              _ctx.config.countries && _ctx.config.countries.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
                 key: 0,
                 modelValue: addrValue.value.countryCode,
                 "onUpdate:modelValue": [
@@ -68817,7 +68986,7 @@ img.ProseMirror-separator {
                     ((_a2 = selectedConfig.value.captions) == null ? void 0 : _a2[index - 1]) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$h, null, 512)), [
                       [vue.unref(vT), (_b = selectedConfig.value.captions) == null ? void 0 : _b[index - 1]]
                     ]) : vue.createCommentVNode("", true),
-                    vue.createVNode(_sfc_main$1U, {
+                    vue.createVNode(_sfc_main$1V, {
                       id: `${_ctx.name}_${index}`,
                       modelValue: addrValue.value[`address${index}`],
                       "onUpdate:modelValue": [($event) => addrValue.value[`address${index}`] = $event, emitValue],
@@ -68850,7 +69019,7 @@ img.ProseMirror-separator {
               "onUpdate:address": updateAddress
             }, null, 8, ["id", "modelValue", "disabled", "mark-error", "name", "selected-config", "view-mode"])) : vue.createCommentVNode("", true)
           ], 64)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -69468,7 +69637,7 @@ img.ProseMirror-separator {
             onClick: vue.withModifiers(hideContextMenu, ["prevent"]),
             onContextmenu: vue.withModifiers(hideContextMenu, ["prevent"])
           }, null, 32)) : vue.createCommentVNode("", true),
-          menuItems.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1W, {
+          menuItems.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1X, {
             key: 1,
             left: position.value.x,
             "menu-items": menuItems.value,
@@ -70446,7 +70615,7 @@ img.ProseMirror-separator {
             class: "tab-list-button font-icon",
             onClick: _cache[0] || (_cache[0] = ($event) => togglePopup())
           }, "keyboard_arrow_down"),
-          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
+          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1$, {
             key: 0,
             ref_key: "popupRef",
             ref: popupRef,
@@ -70693,10 +70862,10 @@ img.ProseMirror-separator {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_1$f, [
-              vue.createVNode(_sfc_main$20, { label: { key: "bs.fileupload.alt" } })
+              vue.createVNode(_sfc_main$21, { label: { key: "bs.fileupload.alt" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.createVNode(_sfc_main$1U, {
+              vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.imageInfo.alt,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.imageInfo.alt = $event),
                 disabled: _ctx.disabled,
@@ -70707,10 +70876,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_2$d, [
-              vue.createVNode(_sfc_main$20, { label: { key: "bs.size" } })
+              vue.createVNode(_sfc_main$21, { label: { key: "bs.size" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.imageInfo.width,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.imageInfo.width = $event),
                 disabled: _ctx.disabled,
@@ -70726,7 +70895,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[9] || (_cache[9] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.imageInfo.height,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.imageInfo.height = $event),
                 disabled: _ctx.disabled,
@@ -70745,10 +70914,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_3$b, [
-              vue.createVNode(_sfc_main$20, { label: { key: "bs.maxSize" } })
+              vue.createVNode(_sfc_main$21, { label: { key: "bs.maxSize" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.imageInfo.maxWidth,
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.imageInfo.maxWidth = $event),
                 disabled: _ctx.disabled,
@@ -70764,7 +70933,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[10] || (_cache[10] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.imageInfo.maxHeight,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.imageInfo.maxHeight = $event),
                 disabled: _ctx.disabled,
@@ -70783,10 +70952,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_4$7, [
-              vue.createVNode(_sfc_main$20, { label: { key: "bs.margin" } })
+              vue.createVNode(_sfc_main$21, { label: { key: "bs.margin" } })
             ]),
             vue.createElementVNode("div", _hoisted_5$4, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.imageInfo.marginLeft,
                 "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.imageInfo.marginLeft = $event),
                 disabled: _ctx.disabled,
@@ -70801,7 +70970,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.imageInfo.marginTop,
                 "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.imageInfo.marginTop = $event),
                 disabled: _ctx.disabled,
@@ -70816,7 +70985,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.imageInfo.marginBottom,
                 "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.imageInfo.marginBottom = $event),
                 disabled: _ctx.disabled,
@@ -70831,7 +71000,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.imageInfo.marginRight,
                 "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.imageInfo.marginRight = $event),
                 disabled: _ctx.disabled,
@@ -70904,13 +71073,13 @@ img.ProseMirror-separator {
                 vue.withDirectives(vue.createElementVNode("div", _hoisted_1$e, [
                   vue.createElementVNode("div", null, [
                     vue.createElementVNode("div", _hoisted_2$c, [
-                      vue.createVNode(_sfc_main$20, {
+                      vue.createVNode(_sfc_main$21, {
                         label: { key: "bs.url" },
                         required: ""
                       })
                     ]),
                     vue.createElementVNode("div", null, [
-                      vue.createVNode(_sfc_main$1U, {
+                      vue.createVNode(_sfc_main$1V, {
                         modelValue: data.value.src,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                         disabled: disabled.value,
@@ -70972,25 +71141,25 @@ img.ProseMirror-separator {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_1$d, [
-              vue.createVNode(_sfc_main$1A, {
+              vue.createVNode(_sfc_main$1B, {
                 modelValue: _ctx.videoInfo.controls,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.videoInfo.controls = $event),
                 disabled: _ctx.disabled,
                 label: { key: "bs.richtext.showVideoControl" }
               }, null, 8, ["modelValue", "disabled"]),
-              vue.createVNode(_sfc_main$1A, {
+              vue.createVNode(_sfc_main$1B, {
                 modelValue: _ctx.videoInfo.autoplay,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.videoInfo.autoplay = $event),
                 disabled: _ctx.disabled,
                 label: { key: "bs.richtext.videoAutoplay" }
               }, null, 8, ["modelValue", "disabled"]),
-              vue.createVNode(_sfc_main$1A, {
+              vue.createVNode(_sfc_main$1B, {
                 modelValue: _ctx.videoInfo.loop,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.videoInfo.loop = $event),
                 disabled: _ctx.disabled,
                 label: { key: "bs.richtext.videoLoop" }
               }, null, 8, ["modelValue", "disabled"]),
-              vue.createVNode(_sfc_main$1A, {
+              vue.createVNode(_sfc_main$1B, {
                 modelValue: _ctx.videoInfo.muted,
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.videoInfo.muted = $event),
                 disabled: _ctx.disabled,
@@ -71000,10 +71169,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_2$b, [
-              vue.createVNode(_sfc_main$20, { label: { key: "bs.size" } })
+              vue.createVNode(_sfc_main$21, { label: { key: "bs.size" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.videoInfo.width,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.videoInfo.width = $event),
                 disabled: _ctx.disabled,
@@ -71019,7 +71188,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[12] || (_cache[12] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.videoInfo.height,
                 "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.videoInfo.height = $event),
                 disabled: _ctx.disabled,
@@ -71038,10 +71207,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_3$9, [
-              vue.createVNode(_sfc_main$20, { label: { key: "bs.maxSize" } })
+              vue.createVNode(_sfc_main$21, { label: { key: "bs.maxSize" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.videoInfo.maxWidth,
                 "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.videoInfo.maxWidth = $event),
                 disabled: _ctx.disabled,
@@ -71057,7 +71226,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[13] || (_cache[13] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.videoInfo.maxHeight,
                 "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.videoInfo.maxHeight = $event),
                 disabled: _ctx.disabled,
@@ -71076,10 +71245,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_4$6, [
-              vue.createVNode(_sfc_main$20, { label: { key: "bs.margin" } })
+              vue.createVNode(_sfc_main$21, { label: { key: "bs.margin" } })
             ]),
             vue.createElementVNode("div", _hoisted_5$3, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.videoInfo.marginLeft,
                 "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.videoInfo.marginLeft = $event),
                 disabled: _ctx.disabled,
@@ -71094,7 +71263,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.videoInfo.marginTop,
                 "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => _ctx.videoInfo.marginTop = $event),
                 disabled: _ctx.disabled,
@@ -71109,7 +71278,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.videoInfo.marginBottom,
                 "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => _ctx.videoInfo.marginBottom = $event),
                 disabled: _ctx.disabled,
@@ -71124,7 +71293,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.videoInfo.marginRight,
                 "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => _ctx.videoInfo.marginRight = $event),
                 disabled: _ctx.disabled,
@@ -71197,13 +71366,13 @@ img.ProseMirror-separator {
                 vue.withDirectives(vue.createElementVNode("div", _hoisted_1$c, [
                   vue.createElementVNode("div", null, [
                     vue.createElementVNode("div", _hoisted_2$a, [
-                      vue.createVNode(_sfc_main$20, {
+                      vue.createVNode(_sfc_main$21, {
                         label: { key: "bs.url" },
                         required: ""
                       })
                     ]),
                     vue.createElementVNode("div", null, [
-                      vue.createVNode(_sfc_main$1U, {
+                      vue.createVNode(_sfc_main$1V, {
                         modelValue: data.value.src,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                         disabled: disabled.value,
@@ -71486,10 +71655,10 @@ img.ProseMirror-separator {
             }, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_1$9, [
-                  vue.createVNode(_sfc_main$20, { label: { key: "bs.size" } })
+                  vue.createVNode(_sfc_main$21, { label: { key: "bs.size" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.width,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.width = $event),
                     disabled: disabled.value,
@@ -71505,7 +71674,7 @@ img.ProseMirror-separator {
                     ]
                   ]),
                   _cache[9] || (_cache[9] = vue.createTextVNode(" x ")),
-                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.height,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => data.value.height = $event),
                     disabled: disabled.value,
@@ -71524,10 +71693,10 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_2$9, [
-                  vue.createVNode(_sfc_main$20, { label: { key: "bs.maxSize" } })
+                  vue.createVNode(_sfc_main$21, { label: { key: "bs.maxSize" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.maxWidth,
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => data.value.maxWidth = $event),
                     disabled: disabled.value,
@@ -71543,7 +71712,7 @@ img.ProseMirror-separator {
                     ]
                   ]),
                   _cache[10] || (_cache[10] = vue.createTextVNode(" x ")),
-                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.maxHeight,
                     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => data.value.maxHeight = $event),
                     disabled: disabled.value,
@@ -71562,10 +71731,10 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_3$7, [
-                  vue.createVNode(_sfc_main$20, { label: { key: "bs.margin" } })
+                  vue.createVNode(_sfc_main$21, { label: { key: "bs.margin" } })
                 ]),
                 vue.createElementVNode("div", _hoisted_4$5, [
-                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.marginLeft,
                     "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => data.value.marginLeft = $event),
                     disabled: disabled.value,
@@ -71580,7 +71749,7 @@ img.ProseMirror-separator {
                       { title: true }
                     ]
                   ]),
-                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.marginTop,
                     "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => data.value.marginTop = $event),
                     disabled: disabled.value,
@@ -71595,7 +71764,7 @@ img.ProseMirror-separator {
                       { title: true }
                     ]
                   ]),
-                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.marginBottom,
                     "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => data.value.marginBottom = $event),
                     disabled: disabled.value,
@@ -71610,7 +71779,7 @@ img.ProseMirror-separator {
                       { title: true }
                     ]
                   ]),
-                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.marginRight,
                     "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => data.value.marginRight = $event),
                     disabled: disabled.value,
@@ -71629,10 +71798,10 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_5$2, [
-                  vue.createVNode(_sfc_main$20, { label: { key: "bs.align" } })
+                  vue.createVNode(_sfc_main$21, { label: { key: "bs.align" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1C, {
+                  vue.createVNode(_sfc_main$1D, {
                     modelValue: data.value.tableAlign,
                     "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => data.value.tableAlign = $event),
                     disabled: disabled.value,
@@ -71648,7 +71817,7 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_6, [
-                  vue.createVNode(_sfc_main$20, { label: { key: "bs.richtext.tableColumnInfo" } })
+                  vue.createVNode(_sfc_main$21, { label: { key: "bs.richtext.tableColumnInfo" } })
                 ]),
                 vue.createElementVNode("div", null, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (column, index) => {
@@ -71657,7 +71826,7 @@ img.ProseMirror-separator {
                       class: "mb-4"
                     }, [
                       vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(index + 1) + ":", 1),
-                      vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+                      vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                         modelValue: column.width,
                         "onUpdate:modelValue": ($event) => column.width = $event,
                         disabled: disabled.value,
@@ -71733,10 +71902,10 @@ img.ProseMirror-separator {
             vue.createElementVNode("div", _hoisted_1$8, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_2$8, [
-                  vue.createVNode(_sfc_main$20, { label: { key: "bs.richtext.rows" } })
+                  vue.createVNode(_sfc_main$21, { label: { key: "bs.richtext.rows" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1L, {
+                  vue.createVNode(_sfc_main$1M, {
                     modelValue: rows.value,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => rows.value = $event),
                     width: "100px"
@@ -71745,10 +71914,10 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_3$6, [
-                  vue.createVNode(_sfc_main$20, { label: { key: "bs.richtext.columns" } })
+                  vue.createVNode(_sfc_main$21, { label: { key: "bs.richtext.columns" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1L, {
+                  vue.createVNode(_sfc_main$1M, {
                     modelValue: columns.value,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => columns.value = $event),
                     width: "100px"
@@ -71834,10 +72003,10 @@ img.ProseMirror-separator {
             }, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_1$7, [
-                  vue.createVNode(_sfc_main$20, { label: { key: "bs.url" } })
+                  vue.createVNode(_sfc_main$21, { label: { key: "bs.url" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1U, {
+                  vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.src,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                     disabled: "",
@@ -71893,10 +72062,10 @@ img.ProseMirror-separator {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_1$6, [
-              vue.createVNode(_sfc_main$20, { label: { key: "bs.widthHeightRatio" } })
+              vue.createVNode(_sfc_main$21, { label: { key: "bs.widthHeightRatio" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.createVNode(_sfc_main$1U, {
+              vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.youtubeInfo.aspectRatio,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.youtubeInfo.aspectRatio = $event),
                 disabled: _ctx.disabled,
@@ -71908,10 +72077,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_2$6, [
-              vue.createVNode(_sfc_main$20, { label: { key: "bs.size" } })
+              vue.createVNode(_sfc_main$21, { label: { key: "bs.size" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.youtubeInfo.width,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.youtubeInfo.width = $event),
                 disabled: _ctx.disabled,
@@ -71927,7 +72096,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[9] || (_cache[9] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.youtubeInfo.height,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.youtubeInfo.height = $event),
                 disabled: _ctx.disabled,
@@ -71946,10 +72115,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_3$5, [
-              vue.createVNode(_sfc_main$20, { label: { key: "bs.maxSize" } })
+              vue.createVNode(_sfc_main$21, { label: { key: "bs.maxSize" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.youtubeInfo.maxWidth,
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.youtubeInfo.maxWidth = $event),
                 disabled: _ctx.disabled,
@@ -71965,7 +72134,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[10] || (_cache[10] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.youtubeInfo.maxHeight,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.youtubeInfo.maxHeight = $event),
                 disabled: _ctx.disabled,
@@ -71984,10 +72153,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_4$3, [
-              vue.createVNode(_sfc_main$20, { label: { key: "bs.margin" } })
+              vue.createVNode(_sfc_main$21, { label: { key: "bs.margin" } })
             ]),
             vue.createElementVNode("div", _hoisted_5$1, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.youtubeInfo.marginLeft,
                 "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.youtubeInfo.marginLeft = $event),
                 disabled: _ctx.disabled,
@@ -72002,7 +72171,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.youtubeInfo.marginTop,
                 "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.youtubeInfo.marginTop = $event),
                 disabled: _ctx.disabled,
@@ -72017,7 +72186,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.youtubeInfo.marginBottom,
                 "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.youtubeInfo.marginBottom = $event),
                 disabled: _ctx.disabled,
@@ -72032,7 +72201,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1V, {
                 modelValue: _ctx.youtubeInfo.marginRight,
                 "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.youtubeInfo.marginRight = $event),
                 disabled: _ctx.disabled,
@@ -72089,13 +72258,13 @@ img.ProseMirror-separator {
             vue.createElementVNode("div", _hoisted_1$5, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_2$5, [
-                  vue.createVNode(_sfc_main$20, {
+                  vue.createVNode(_sfc_main$21, {
                     label: { key: "bs.richtext.youtubeUrl" },
                     required: ""
                   })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1U, {
+                  vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.src,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                     name: "youtubeUrl",
@@ -72188,13 +72357,13 @@ img.ProseMirror-separator {
             data.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_2$4, [
-                  vue.createVNode(_sfc_main$20, {
+                  vue.createVNode(_sfc_main$21, {
                     label: { key: "bs.richtext.youtubeUrl" },
                     required: ""
                   })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1U, {
+                  vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.src,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                     disabled: disabled.value,
@@ -72285,13 +72454,13 @@ img.ProseMirror-separator {
             vue.createElementVNode("div", _hoisted_1$3, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_2$3, [
-                  vue.createVNode(_sfc_main$20, {
+                  vue.createVNode(_sfc_main$21, {
                     label: { key: "bs.linkUrl" },
                     required: ""
                   })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1U, {
+                  vue.createVNode(_sfc_main$1V, {
                     modelValue: link.value.url,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => link.value.url = $event),
                     name: "url",
@@ -72302,10 +72471,10 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_3$2, [
-                  vue.createVNode(_sfc_main$20, { label: { key: "bs.linkTarget" } })
+                  vue.createVNode(_sfc_main$21, { label: { key: "bs.linkTarget" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1U, {
+                  vue.createVNode(_sfc_main$1V, {
                     modelValue: link.value.target,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => link.value.target = $event),
                     name: "target",
@@ -72406,10 +72575,10 @@ img.ProseMirror-separator {
             }, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_1$2, [
-                  vue.createVNode(_sfc_main$20, { label: { key: "bs.url" } })
+                  vue.createVNode(_sfc_main$21, { label: { key: "bs.url" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1U, {
+                  vue.createVNode(_sfc_main$1V, {
                     modelValue: data.value.src,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                     disabled: "",
@@ -72483,7 +72652,7 @@ img.ProseMirror-separator {
         maxWidth: "1280px"
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1d, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1e, {
           ref: "richText",
           modelValue: modelValue.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
@@ -72547,8 +72716,8 @@ img.ProseMirror-separator {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1$1, [
               vue.createElementVNode("div", _hoisted_2$1, [
-                vue.createVNode(_sfc_main$20, { label: { key: "bs.youtubeUrl" } }),
-                vue.createVNode(_sfc_main$1U, {
+                vue.createVNode(_sfc_main$21, { label: { key: "bs.youtubeUrl" } }),
+                vue.createVNode(_sfc_main$1V, {
                   modelValue: url.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => url.value = $event),
                   class: "flex-grow-1 ml-8",
@@ -72680,7 +72849,7 @@ img.ProseMirror-separator {
             }, vue.unref(gridHandler).grid, vue.toHandlers(vue.unref(gridHandler).gridEventListener)), {
               visible: vue.withCtx(({ row }) => [
                 vue.createElementVNode("div", _hoisted_1, [
-                  vue.createVNode(_sfc_main$1A, {
+                  vue.createVNode(_sfc_main$1B, {
                     "model-value": !row.hidden,
                     class: "reverted",
                     "onUpdate:modelValue": (value) => row.hidden = !value
@@ -72689,7 +72858,7 @@ img.ProseMirror-separator {
               ]),
               fixed: vue.withCtx(({ row }) => [
                 vue.createElementVNode("div", _hoisted_2, [
-                  vue.createVNode(_sfc_main$1A, {
+                  vue.createVNode(_sfc_main$1B, {
                     modelValue: row.fixed,
                     "onUpdate:modelValue": [($event) => row.fixed = $event, ($event) => updateFixedColumn($event, row)],
                     class: "reverted"
@@ -72697,7 +72866,7 @@ img.ProseMirror-separator {
                 ])
               ]),
               width: vue.withCtx(({ row }) => [
-                vue.createVNode(_sfc_main$1L, {
+                vue.createVNode(_sfc_main$1M, {
                   modelValue: row.width,
                   "onUpdate:modelValue": ($event) => row.width = $event,
                   width: "100%"
@@ -72745,26 +72914,26 @@ img.ProseMirror-separator {
   exports2.BSAddressInput = _sfc_main$y;
   exports2.BSAlarmFrame = BSAlarmFrame;
   exports2.BSButton = BSButton;
-  exports2.BSCalendar = _sfc_main$1N;
-  exports2.BSCalendarRange = _sfc_main$1M;
+  exports2.BSCalendar = _sfc_main$1O;
+  exports2.BSCalendarRange = _sfc_main$1N;
   exports2.BSCardLayout = _sfc_main$S;
-  exports2.BSCheckbox = _sfc_main$1A;
-  exports2.BSCheckboxGroup = _sfc_main$1z;
+  exports2.BSCheckbox = _sfc_main$1B;
+  exports2.BSCheckboxGroup = _sfc_main$1A;
   exports2.BSCodeEditor = _sfc_main$F;
-  exports2.BSColorInput = _sfc_main$1I;
+  exports2.BSColorInput = _sfc_main$1J;
   exports2.BSConsole = BSConsole;
   exports2.BSContextMenuContainer = _sfc_main$q;
   exports2.BSContextMenuPlugin = BSContextMenuPlugin;
-  exports2.BSDate = _sfc_main$1P;
-  exports2.BSDateInput = _sfc_main$1G;
-  exports2.BSDateInputPopup = _sfc_main$1H;
-  exports2.BSDateRange = _sfc_main$1E;
+  exports2.BSDate = _sfc_main$1Q;
+  exports2.BSDateInput = _sfc_main$1H;
+  exports2.BSDateInputPopup = _sfc_main$1I;
+  exports2.BSDateRange = _sfc_main$1F;
   exports2.BSDateRangeFilter = _sfc_main$X;
   exports2.BSDateRangeFilters = _sfc_main$W;
-  exports2.BSDateRangeInputPopup = _sfc_main$1F;
-  exports2.BSDateRangePresets = _sfc_main$1B;
+  exports2.BSDateRangeInputPopup = _sfc_main$1G;
+  exports2.BSDateRangePresets = _sfc_main$1C;
   exports2.BSFileUpload = _sfc_main$18;
-  exports2.BSFormLabel = _sfc_main$20;
+  exports2.BSFormLabel = _sfc_main$21;
   exports2.BSGrid = _sfc_main$Z;
   exports2.BSGridControl = _sfc_main$U;
   exports2.BSGridLookup = _sfc_main$V;
@@ -72787,35 +72956,35 @@ img.ProseMirror-separator {
   exports2.BSMultiLangRichText = _sfc_main$I;
   exports2.BSMultiLangTextArea = _sfc_main$J;
   exports2.BSMultiLangTextInput = _sfc_main$K;
-  exports2.BSMultiSelect = _sfc_main$1x;
+  exports2.BSMultiSelect = _sfc_main$1y;
   exports2.BSNameInput = _sfc_main$B;
   exports2.BSNotificationContainer = _sfc_main$s;
-  exports2.BSNumberInput = _sfc_main$1L;
-  exports2.BSPageNavigation = _sfc_main$1O;
-  exports2.BSPercentInput = _sfc_main$1J;
-  exports2.BSPopup = _sfc_main$1$;
-  exports2.BSPopupButton = _sfc_main$1V;
+  exports2.BSNumberInput = _sfc_main$1M;
+  exports2.BSPageNavigation = _sfc_main$1P;
+  exports2.BSPercentInput = _sfc_main$1K;
+  exports2.BSPopup = _sfc_main$20;
+  exports2.BSPopupButton = _sfc_main$1W;
   exports2.BSPopupSelect = BSPopupSelect;
   exports2.BSPositionedImageUpload = _sfc_main$19;
-  exports2.BSPriceInput = _sfc_main$1K;
-  exports2.BSProgressBar = _sfc_main$1S;
-  exports2.BSRadioButton = _sfc_main$1D;
-  exports2.BSRadioButtonGroup = _sfc_main$1C;
-  exports2.BSRichText = _sfc_main$1d;
-  exports2.BSSelect = _sfc_main$1Y;
-  exports2.BSSelectPopup = _sfc_main$1_;
+  exports2.BSPriceInput = _sfc_main$1L;
+  exports2.BSProgressBar = _sfc_main$1T;
+  exports2.BSRadioButton = _sfc_main$1E;
+  exports2.BSRadioButtonGroup = _sfc_main$1D;
+  exports2.BSRichText = _sfc_main$1e;
+  exports2.BSSelect = _sfc_main$1Z;
+  exports2.BSSelectPopup = _sfc_main$1$;
   exports2.BSTabSheet = _sfc_main$R;
   exports2.BSTelInput = _sfc_main$A;
-  exports2.BSTextArea = _sfc_main$1r;
+  exports2.BSTextArea = _sfc_main$1s;
   exports2.BSTextFilter = _sfc_main$Y;
-  exports2.BSTextInput = _sfc_main$1U;
-  exports2.BSTree = _sfc_main$1v;
+  exports2.BSTextInput = _sfc_main$1V;
+  exports2.BSTree = _sfc_main$1w;
   exports2.BSTreeControl = BSTreeControl;
-  exports2.BSTreeMultiSelect = _sfc_main$1t;
-  exports2.BSTreeSelect = _sfc_main$1u;
+  exports2.BSTreeMultiSelect = _sfc_main$1u;
+  exports2.BSTreeSelect = _sfc_main$1v;
   exports2.BSVerticalLayoutResizer = _sfc_main$M;
-  exports2.BSYesNoGroup = _sfc_main$1y;
-  exports2.BSYesNoSelect = _sfc_main$1X;
+  exports2.BSYesNoGroup = _sfc_main$1z;
+  exports2.BSYesNoSelect = _sfc_main$1Y;
   exports2.BetweenDateFilter = BetweenDateFilter;
   exports2.BetweenDateFilterWithPreset = BetweenDateFilterWithPreset;
   exports2.BetweenFilter = BetweenFilter;