@g1cloud/bluesea 5.0.0-beta.24 → 5.0.0-beta.27

package/dist/{index-BN7WLYoX.js → index-BIvcVEog.js}

@@ -368,8 +368,8 @@ const defaultAddressInputComponentConfig = {
   countryConfigs: ADDRESS_COUNTRY_CONFIGS
 };
 const defaultRichTextComponentConfig = {
-  imageInsertModal: defineAsyncComponent(() => import("./ImageInsertModal-CyMCkK2H.js")),
-  videoInsertModal: defineAsyncComponent(() => import("./VideoInsertModal-DjKstAn6.js")),
+  imageInsertModal: defineAsyncComponent(() => import("./ImageInsertModal-7u7YeHsI.js")),
+  videoInsertModal: defineAsyncComponent(() => import("./VideoInsertModal-DQ-wO6_P.js")),
   toolButtons: [
     "Heading",
     "FontSize",
@@ -790,7 +790,7 @@ const vTooltip = {
     hideTooltip$1();
   }
 };
-const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
   __name: "BSButton",
   props: {
     caption: {},
@@ -839,8 +839,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const BSButton = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__scopeId", "data-v-b7ae95cb"]]);
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+const BSButton = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__scopeId", "data-v-b7ae95cb"]]);
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   __name: "BSFormLabel",
   props: {
     label: {},
@@ -883,9 +883,9 @@ const waitUtil = {
   waitDuring,
   tryUntil
 };
-const _hoisted_1$1r = ["data-popup-id"];
+const _hoisted_1$1s = ["data-popup-id"];
 const ADJUST_OFFSET = 8;
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   __name: "BSPopup",
   props: {
     popupId: {},
@@ -1068,7 +1068,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
               onKeydown: _cache[1] || (_cache[1] = ($event) => emit("keydown", $event))
             }, [
               renderSlot(_ctx.$slots, "default")
-            ], 46, _hoisted_1$1r)
+            ], 46, _hoisted_1$1s)
           ]),
           _: 3
         })
@@ -1110,11 +1110,11 @@ const debounce$2 = (func, wait) => {
     });
   };
 };
-const _hoisted_1$1q = {
+const _hoisted_1$1r = {
   key: 0,
   class: "popup-search pa-4"
 };
-const _hoisted_2$16 = ["data-value", "onMouseover", "onClick"];
+const _hoisted_2$17 = ["data-value", "onMouseover", "onClick"];
 const _hoisted_3$I = {
   key: 0,
   class: "label"
@@ -1123,7 +1123,7 @@ const _hoisted_4$r = {
   key: 1,
   class: "label null-label"
 };
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
   __name: "BSSelectPopup",
   props: {
     items: {},
@@ -1270,7 +1270,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
       handleKeyboard
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1K, {
+      return openBlock(), createBlock(_sfc_main$1L, {
         "base-element": _ctx.baseElement,
         "max-height": _ctx.maxHeight,
         "offset-from-base-element": 4,
@@ -1281,7 +1281,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
         onKeydown: withKeys(withModifiers(handleKeyboard, ["stop", "prevent"]), ["enter", "down", "up"])
       }, {
         default: withCtx(() => [
-          actualShowSearch.value ? (openBlock(), createElementBlock("div", _hoisted_1$1q, [
+          actualShowSearch.value ? (openBlock(), createElementBlock("div", _hoisted_1$1r, [
             withDirectives(createElementVNode("input", {
               type: "text",
               onInput: setSearchKeyword,
@@ -1316,7 +1316,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
                 ]) : withDirectives((openBlock(), createElementBlock("label", _hoisted_4$r, null, 512)), [
                   [unref(vT), _ctx.nullLabel]
                 ])
-              ], 42, _hoisted_2$16);
+              ], 42, _hoisted_2$17);
             }), 128))
           ], 512)
         ]),
@@ -1677,8 +1677,8 @@ class SavePointHandlerImpl {
     return this.isModified(this.valueProvider.getCurrentValue());
   }
 }
-const _hoisted_1$1p = { key: 0 };
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1q = { key: 0 };
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   __name: "ValidationErrors",
   props: {
     errors: {},
@@ -1686,7 +1686,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return !_ctx.hideErrorMessage && _ctx.errors && _ctx.errors.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1p, [
+      return !_ctx.hideErrorMessage && _ctx.errors && _ctx.errors.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1q, [
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.errors, (error) => {
           return withDirectives((openBlock(), createElementBlock("div", {
             key: error.code,
@@ -1733,8 +1733,8 @@ const executeKeyProviderOrDefault = (item, keyProvider, defaultKey) => {
   }
   return defaultKey(item);
 };
-const _hoisted_1$1o = ["tabindex", "onKeydown"];
-const _hoisted_2$15 = { key: 0 };
+const _hoisted_1$1p = ["tabindex", "onKeydown"];
+const _hoisted_2$16 = { key: 0 };
 const _hoisted_3$H = ["data-field-name"];
 const _hoisted_4$q = {
   key: 0,
@@ -1748,7 +1748,7 @@ const _hoisted_6$c = {
   key: 2,
   class: "small-progress"
 };
-const _sfc_main$1H = /* @__PURE__ */ defineComponent({
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   __name: "BSSelect",
   props: {
     modelValue: {},
@@ -1890,7 +1890,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
           withKeys(handleTabKey, ["tab"])
         ]
       }, [
-        _ctx.viewMode ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2$15, null, 512)), [
+        _ctx.viewMode ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2$16, null, 512)), [
           [unref(vT), selectedItemLabel.value]
         ]) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
           createElementVNode("div", {
@@ -1908,7 +1908,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
             _cache[4] || (_cache[4] = createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
             loadingItems.value ? (openBlock(), createElementBlock("span", _hoisted_6$c, "progress_activity")) : createCommentVNode("", true)
           ], 8, _hoisted_3$H),
-          !_ctx.disabled && showPopup.value ? (openBlock(), createBlock(_sfc_main$1J, {
+          !_ctx.disabled && showPopup.value ? (openBlock(), createBlock(_sfc_main$1K, {
             key: 0,
             ref_key: "selectPopup",
             ref: selectPopup,
@@ -1931,19 +1931,19 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
               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"])) : createCommentVNode("", true),
-          !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+          !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
             key: 1,
             errors: unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
         ], 64))
-      ], 42, _hoisted_1$1o)), [
+      ], 42, _hoisted_1$1p)), [
         [unref(vClickOutside), () => togglePopup(false)]
       ]);
     };
   }
 });
-const _sfc_main$1G = /* @__PURE__ */ defineComponent({
+const _sfc_main$1H = /* @__PURE__ */ defineComponent({
   __name: "BSYesNoSelect",
   props: {
     name: {},
@@ -1978,7 +1978,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", value2 === void 0 ? void 0 : value2 === "Y");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1H, {
+      return openBlock(), createBlock(_sfc_main$1I, {
         "allow-null": _ctx.allowNull,
         disabled: _ctx.disabled,
         "hide-error-message": _ctx.hideErrorMessage,
@@ -2044,11 +2044,11 @@ const useContextMenuOptional = () => {
 const createContextMenuPlugin = () => {
   return new BSContextMenuPlugin();
 };
-const _hoisted_1$1n = ["data-menu-id"];
-const _hoisted_2$14 = ["href", "target"];
+const _hoisted_1$1o = ["data-menu-id"];
+const _hoisted_2$15 = ["href", "target"];
 const _hoisted_3$G = ["data-menu-id"];
 const _hoisted_4$p = ["data-menu-id", "onMouseenter", "onClick"];
-const _sfc_main$1F = /* @__PURE__ */ defineComponent({
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   __name: "BSContextMenu",
   props: {
     menuItems: {},
@@ -2093,7 +2093,7 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
       const _component_BSContextMenu = resolveComponent("BSContextMenu", true);
-      return openBlock(), createBlock(_sfc_main$1K, {
+      return openBlock(), createBlock(_sfc_main$1L, {
         ref: "root",
         "base-element": _ctx.baseElement || { left: _ctx.left || 0, top: _ctx.top || 0 },
         "popup-direction": _ctx.direction,
@@ -2127,10 +2127,10 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
                   href: menu.href,
                   target: menu.target,
                   onClick: withModifiers(handleLinkClick, ["stop"])
-                }, null, 8, _hoisted_2$14), [
+                }, null, 8, _hoisted_2$15), [
                   [unref(vT), menu.caption]
                 ])
-              ], 8, _hoisted_1$1n)) : menu.type === "route" ? (openBlock(), createElementBlock("div", {
+              ], 8, _hoisted_1$1o)) : menu.type === "route" ? (openBlock(), createElementBlock("div", {
                 key: 3,
                 "data-menu-id": menu.menuId,
                 class: "menu no-padding",
@@ -2423,7 +2423,7 @@ const componentUtil = {
     return trim ? value == null ? void 0 : value.trim() : value;
   }
 };
-const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+const _sfc_main$1F = /* @__PURE__ */ defineComponent({
   __name: "BSPopupButton",
   props: {
     caption: {},
@@ -2460,14 +2460,14 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
           onKeydown: _cache[0] || (_cache[0] = withKeys(() => togglePopup(false), ["esc"]))
         }, null, 8, ["button-color", "caption", "class", "disabled", "left-icon", "right-icon"]),
         showPopup.value ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
-          _ctx.menuItems ? (openBlock(), createBlock(_sfc_main$1F, {
+          _ctx.menuItems ? (openBlock(), createBlock(_sfc_main$1G, {
             key: 0,
             "base-element": root.value,
             "menu-items": _ctx.menuItems,
             "popup-id": 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"])) : (openBlock(), createBlock(_sfc_main$1K, {
+          }, null, 8, ["base-element", "menu-items", "popup-id"])) : (openBlock(), createBlock(_sfc_main$1L, {
             key: 1,
             "base-element": root.value,
             "popup-align": _ctx.popupAlign,
@@ -2487,11 +2487,11 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1m = {
+const _hoisted_1$1n = {
   key: 0,
   class: "view-mode"
 };
-const _hoisted_2$13 = {
+const _hoisted_2$14 = {
   key: 1,
   class: "prefix"
 };
@@ -2537,7 +2537,7 @@ const _hoisted_19 = {
   class: "suffix"
 };
 const _hoisted_20 = ["src"];
-const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
   __name: "BSTextInput",
   props: {
     id: {},
@@ -2653,7 +2653,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-text-input"]),
         style: normalizeStyle({ width: _ctx.width })
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1m, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1n, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(getPrefixSuffixList(_ctx.prefix), (item) => {
             return openBlock(), createElementBlock(Fragment$1, null, [
               item.type === "text" ? withDirectives((openBlock(), createElementBlock("span", {
@@ -2661,7 +2661,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
                 class: "prefix"
               })), [
                 [unref(vT), item.value]
-              ]) : item.type === "font-icon" ? (openBlock(), createElementBlock("span", _hoisted_2$13, [
+              ]) : item.type === "font-icon" ? (openBlock(), createElementBlock("span", _hoisted_2$14, [
                 createElementVNode("span", _hoisted_3$F, toDisplayString(item.value), 1)
               ])) : item.type === "image-url" ? (openBlock(), createElementBlock("span", _hoisted_4$o, [
                 createElementVNode("img", {
@@ -2747,7 +2747,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
             ], 64);
           }), 256))
         ])),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 2,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -2756,9 +2756,9 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1l = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
-const _hoisted_2$12 = ["href", "target"];
-const _sfc_main$1C = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1m = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
+const _hoisted_2$13 = ["href", "target"];
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
   __name: "BSLink",
   props: {
     path: {},
@@ -2767,25 +2767,25 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1m, [
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "font-icon mr-4" }, "link", -1)),
         withDirectives(createElementVNode("a", {
           href: _ctx.path,
           target: _ctx.target
-        }, null, 8, _hoisted_2$12), [
+        }, null, 8, _hoisted_2$13), [
           [unref(vT), _ctx.caption || _ctx.path]
         ])
       ]);
     };
   }
 });
-const BSLink = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__scopeId", "data-v-29df56e5"]]);
-const _hoisted_1$1k = {
+const BSLink = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__scopeId", "data-v-29df56e5"]]);
+const _hoisted_1$1l = {
   key: 0,
   class: "show-percent",
   style: { "left": "100%" }
 };
-const _hoisted_2$11 = {
+const _hoisted_2$12 = {
   key: 1,
   class: "show-percent right-0 text-white"
 };
@@ -2793,7 +2793,7 @@ const _hoisted_3$E = {
   key: 1,
   class: "indeterminate"
 };
-const _sfc_main$1B = /* @__PURE__ */ defineComponent({
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   __name: "BSProgressBar",
   props: {
     width: { default: "200px" },
@@ -2819,7 +2819,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ width: calculateProgress.value + "%" }),
           class: "inner-progressbar"
         }, [
-          calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (openBlock(), createElementBlock("span", _hoisted_1$1k, toDisplayString(calculatePercent.value) + "% ", 1)) : (openBlock(), createElementBlock("span", _hoisted_2$11, toDisplayString(calculatePercent.value) + "% ", 1))
+          calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (openBlock(), createElementBlock("span", _hoisted_1$1l, toDisplayString(calculatePercent.value) + "% ", 1)) : (openBlock(), createElementBlock("span", _hoisted_2$12, toDisplayString(calculatePercent.value) + "% ", 1))
         ], 4)) : (openBlock(), createElementBlock("div", _hoisted_3$E, _cache[0] || (_cache[0] = [
           createElementVNode("div", { class: "in-box" }, null, -1)
         ])))
@@ -2827,7 +2827,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   __name: "BSConsole",
   props: {
     texts: {},
@@ -2847,17 +2847,17 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BSConsole = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["__scopeId", "data-v-f33a4477"]]);
-const _sfc_main$1z = {};
-const _hoisted_1$1j = { class: "bs-loading-icon" };
+const BSConsole = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__scopeId", "data-v-f33a4477"]]);
+const _sfc_main$1A = {};
+const _hoisted_1$1k = { class: "bs-loading-icon" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1j, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("div", _hoisted_1$1k, _cache[0] || (_cache[0] = [
     createElementVNode("span", { class: "font-icon" }, "progress_activity", -1)
   ]));
 }
-const BSLoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1]]);
-const _hoisted_1$1i = { class: "bs-date" };
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+const BSLoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1]]);
+const _hoisted_1$1j = { class: "bs-date" };
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   __name: "BSDate",
   props: {
     value: {},
@@ -2868,13 +2868,13 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     const props = __props;
     const formatted = computed(() => formatUtil.formatDateString(props.value, props.format, props.timeZone));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$1i, toDisplayString(formatted.value), 1);
+      return openBlock(), createElementBlock("span", _hoisted_1$1j, toDisplayString(formatted.value), 1);
     };
   }
 });
-const _hoisted_1$1h = { class: "page-navigation" };
-const _hoisted_2$10 = ["data-page", "onClick"];
-const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1i = { class: "page-navigation" };
+const _hoisted_2$11 = ["data-page", "onClick"];
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   __name: "BSPageNavigation",
   props: {
     totalCount: { default: 0 },
@@ -2934,7 +2934,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1i, [
         createElementVNode("span", {
           class: normalizeClass([{ "disabled": isFirstSet.value }, "font-icon first"]),
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => !isFirstSet.value && goToPage(1), ["prevent"]))
@@ -2949,7 +2949,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
             class: normalizeClass([{ on: page === currentPage.value }, "page"]),
             "data-page": page,
             onClick: withModifiers(($event) => goToPage(page), ["prevent"])
-          }, toDisplayString(page), 11, _hoisted_2$10);
+          }, toDisplayString(page), 11, _hoisted_2$11);
         }), 128)),
         createElementVNode("span", {
           class: normalizeClass([{ "disabled": isLastSet.value }, "font-icon next"]),
@@ -2963,8 +2963,8 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1g = { class: "bs-calendar bs-layout-vertical-inline" };
-const _hoisted_2$$ = { class: "bs-layout-horizontal justify-content-between align-items-center gap-8" };
+const _hoisted_1$1h = { class: "bs-calendar bs-layout-vertical-inline" };
+const _hoisted_2$10 = { class: "bs-layout-horizontal justify-content-between align-items-center gap-8" };
 const _hoisted_3$D = { class: "year-month bs-layout-horizontal gap-4" };
 const _hoisted_4$n = { class: "timezone" };
 const _hoisted_5$d = { class: "weekdays" };
@@ -2978,7 +2978,7 @@ const _hoisted_9$1 = {
   key: 1,
   class: "extra-dates bs-layout-vertical gap-2 mt-8"
 };
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   __name: "BSCalendar",
   props: {
     modelValue: {},
@@ -3156,21 +3156,21 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1g, [
-        createElementVNode("div", _hoisted_2$$, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1h, [
+        createElementVNode("div", _hoisted_2$10, [
           createElementVNode("div", _hoisted_3$D, [
             createVNode(BSButton, {
               class: "border-0 pa-0",
               "left-icon": "chevron_left",
               onClick: prevMonth
             }),
-            createVNode(_sfc_main$1H, {
+            createVNode(_sfc_main$1I, {
               modelValue: year.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => year.value = $event),
               disabled: _ctx.disabled,
               items: years.value
             }, null, 8, ["modelValue", "disabled", "items"]),
-            createVNode(_sfc_main$1H, {
+            createVNode(_sfc_main$1I, {
               modelValue: month.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => month.value = $event),
               disabled: _ctx.disabled,
@@ -3215,7 +3215,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
         ], 2),
         ["HOUR", "MINUTE_10", "MINUTE_30", "MINUTE", "SECOND"].includes(_ctx.resolution) ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
           createElementVNode("div", _hoisted_8$3, [
-            createVNode(_sfc_main$1H, {
+            createVNode(_sfc_main$1I, {
               disabled: _ctx.disabled,
               items: hours,
               "label-provider": (item) => item < 10 ? "0" + item : item.toString(),
@@ -3224,7 +3224,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": updateHour
             }, null, 8, ["disabled", "label-provider", "model-value"]),
             _cache[2] || (_cache[2] = createElementVNode("span", { class: "px-4" }, ":", -1)),
-            createVNode(_sfc_main$1H, {
+            createVNode(_sfc_main$1I, {
               disabled: _ctx.disabled || _ctx.resolution === "HOUR",
               items: minutes.value,
               "label-provider": (item) => item < 10 ? "0" + item : item.toString(),
@@ -3248,8 +3248,8 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1f = { class: "bs-calendar-range bs-layout-horizontal" };
-const _hoisted_2$_ = { class: "bs-layout-vertical" };
+const _hoisted_1$1g = { class: "bs-calendar-range bs-layout-horizontal" };
+const _hoisted_2$$ = { class: "bs-layout-vertical" };
 const _hoisted_3$C = { class: "bs-layout-horizontal align-items-center" };
 const _hoisted_4$m = {
   key: 0,
@@ -3257,7 +3257,7 @@ const _hoisted_4$m = {
 };
 const _hoisted_5$c = { key: 0 };
 const _hoisted_6$9 = { key: 1 };
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "BSCalendarRange",
   props: {
     from: {},
@@ -3296,10 +3296,10 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     };
     const displayTimeZones = computed(() => [actualTimeZone.value, ...blueseaConfig.getValidDisplayTimeZones()]);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1f, [
-        createElementVNode("div", _hoisted_2$_, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1g, [
+        createElementVNode("div", _hoisted_2$$, [
           createElementVNode("div", _hoisted_3$C, [
-            createVNode(_sfc_main$1w, {
+            createVNode(_sfc_main$1x, {
               modelValue: fromValue.value,
               "onUpdate:modelValue": [
                 _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -3317,7 +3317,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
               "range-type": "from"
             }, null, 8, ["modelValue", "disabled", "display-format", "end-year", "first-day", "range-value", "resolution", "start-year", "time-zone"]),
             _cache[2] || (_cache[2] = createElementVNode("span", { class: "tilde" }, "~", -1)),
-            createVNode(_sfc_main$1w, {
+            createVNode(_sfc_main$1x, {
               modelValue: toValue.value,
               "onUpdate:modelValue": [
                 _cache[1] || (_cache[1] = ($event) => toValue.value = $event),
@@ -3354,17 +3354,17 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1e = {
+const _hoisted_1$1f = {
   key: 0,
   class: "view-mode"
 };
-const _hoisted_2$Z = ["textContent"];
+const _hoisted_2$_ = ["textContent"];
 const _hoisted_3$B = {
   key: 1,
   class: "input-area"
 };
 const _hoisted_4$l = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
-const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   __name: "BSNumberInput",
   props: {
     id: {},
@@ -3431,7 +3431,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
       return isNaN(value) ? void 0 : value;
     };
     const convertFromValue = (value) => {
-      return value !== void 0 ? String(value) : "";
+      return value !== void 0 && value !== null ? String(value) : "";
     };
     const validationDisabled = computed(() => props.viewMode || props.disabled);
     const {
@@ -3479,7 +3479,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-number-input"]),
         style: normalizeStyle({ width: _ctx.width })
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1e, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1f, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(componentUtil).toMultiLangTextArray(_ctx.prefix), (text) => {
             return withDirectives((openBlock(), createElementBlock("span", {
               key: JSON.stringify(text),
@@ -3490,7 +3490,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
           }), 128)),
           createElementVNode("span", {
             textContent: toDisplayString(_ctx.formatInViewMode ? formattedStringValue.value : unref(stringValue))
-          }, null, 8, _hoisted_2$Z),
+          }, null, 8, _hoisted_2$_),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(componentUtil).toMultiLangTextArray(_ctx.suffix), (text) => {
             return withDirectives((openBlock(), createElementBlock("span", {
               key: JSON.stringify(text),
@@ -3536,7 +3536,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ])),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 2,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -3545,11 +3545,11 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1d = {
+const _hoisted_1$1e = {
   key: 0,
   class: "view-mode"
 };
-const _hoisted_2$Y = ["textContent"];
+const _hoisted_2$Z = ["textContent"];
 const _hoisted_3$A = ["textContent"];
 const _hoisted_4$k = {
   key: 1,
@@ -3557,7 +3557,7 @@ const _hoisted_4$k = {
 };
 const _hoisted_5$b = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
 const _hoisted_6$8 = ["textContent"];
-const _sfc_main$1t = /* @__PURE__ */ defineComponent({
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "BSPriceInput",
   props: {
     id: {},
@@ -3681,11 +3681,11 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-price-input"]),
         style: normalizeStyle({ width: _ctx.width })
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1d, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1e, [
           createElementVNode("span", {
             class: "price mr-4",
             textContent: toDisplayString(_ctx.formatInViewMode ? formattedStringValue.value : unref(stringValue))
-          }, null, 8, _hoisted_2$Y),
+          }, null, 8, _hoisted_2$Z),
           suffixText.value ? (openBlock(), createElementBlock("span", {
             key: 0,
             class: "currency-code",
@@ -3717,7 +3717,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
             textContent: toDisplayString(suffixText.value)
           }, null, 8, _hoisted_6$8)) : createCommentVNode("", true)
         ])),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 2,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -3726,7 +3726,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "BSPercentInput",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -3762,7 +3762,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
-    const percentValue = computed(() => modelValue.value !== void 0 ? Number((Number(modelValue.value) * 100).toFixed(props.maxDecimalPlaces)) : void 0);
+    const percentValue = computed(() => modelValue.value !== void 0 && modelValue.value !== null ? Number((Number(modelValue.value) * 100).toFixed(props.maxDecimalPlaces)) : void 0);
     const updateModelValue = async (value) => {
       modelValue.value = void 0;
       await nextTick();
@@ -3774,7 +3774,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     const percentMaxValue = computed(() => props.maxValue !== void 0 ? Number((props.maxValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
     const percentMinValue = computed(() => props.minValue !== void 0 ? Number((props.minValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1u, {
+      return openBlock(), createBlock(_sfc_main$1v, {
         id: _ctx.id,
         autocomplete: _ctx.autocomplete,
         disabled: _ctx.disabled,
@@ -3987,16 +3987,16 @@ const NAMED_COLORS = {
   yellow: "#FFFF00",
   yellowgreen: "#9ACD32"
 };
-const _hoisted_1$1c = {
+const _hoisted_1$1d = {
   key: 0,
   class: "bs-layout-horizontal gap-4 align-items-center view-mode"
 };
-const _hoisted_2$X = {
+const _hoisted_2$Y = {
   key: 1,
   class: "bs-layout-horizontal-inline"
 };
 const _hoisted_3$z = ["data-field-name", "disabled", "tabindex", "value"];
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "BSColorInput",
   props: {
     id: {},
@@ -4089,13 +4089,13 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-color-input bs-layout-vertical-inline"])
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1c, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1d, [
           createElementVNode("span", {
             style: normalizeStyle({ "background-color": unref(stringValue) }),
             class: "color-preview"
           }, null, 4),
           createElementVNode("span", null, toDisplayString(unref(stringValue)), 1)
-        ])) : (openBlock(), createElementBlock("div", _hoisted_2$X, [
+        ])) : (openBlock(), createElementBlock("div", _hoisted_2$Y, [
           createElementVNode("input", {
             ref_key: "field",
             ref: field,
@@ -4107,7 +4107,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
             onChange: updateColorValue,
             onInput: normalizeColorValue
           }, null, 40, _hoisted_3$z),
-          createVNode(_sfc_main$1D, {
+          createVNode(_sfc_main$1E, {
             modelValue: unref(stringValue),
             "onUpdate:modelValue": [
               _cache[0] || (_cache[0] = ($event) => isRef(stringValue) ? stringValue.value = $event : null),
@@ -4122,7 +4122,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
             "ignore-save-point": ""
           }, null, 8, ["modelValue", "autocomplete", "disabled", "name", "tabindex", "view-mode", "width"])
         ])),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 2,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -4189,9 +4189,9 @@ const checkDateMinMaxValue = (value, inputFormat, endTime, resolution, inputTime
 const normalizeDateInput = (value) => {
   return value.replace(/[^\d-]/g, "");
 };
-const _hoisted_1$1b = { class: "bs-layout-vertical px-16 py-8" };
-const _hoisted_2$W = { class: "bs-layout-horizontal justify-content-center align-items-center gap-8 mt-8 mb-8" };
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1c = { class: "bs-layout-vertical px-16 py-8" };
+const _hoisted_2$X = { class: "bs-layout-horizontal justify-content-center align-items-center gap-8 mt-8 mb-8" };
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "BSDateInputPopup",
   props: {
     modelValue: {},
@@ -4218,7 +4218,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
       emit("close");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1K, {
+      return openBlock(), createBlock(_sfc_main$1L, {
         "base-element": _ctx.baseElement,
         "popup-align": _ctx.popupAlign,
         "popup-direction": _ctx.popupDirection,
@@ -4228,8 +4228,8 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
         }, ["stop"]))
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1b, [
-            createVNode(_sfc_main$1w, {
+          createElementVNode("div", _hoisted_1$1c, [
+            createVNode(_sfc_main$1x, {
               modelValue: date.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date.value = $event),
               "display-format": _ctx.displayFormat,
@@ -4239,7 +4239,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
               "start-year": _ctx.selectStartYear,
               "time-zone": _ctx.timeZone
             }, null, 8, ["modelValue", "display-format", "end-year", "hide-extra-date", "resolution", "start-year", "time-zone"]),
-            createElementVNode("div", _hoisted_2$W, [
+            createElementVNode("div", _hoisted_2$X, [
               createVNode(BSButton, {
                 caption: { key: "bs.ok" },
                 "button-color": "blue",
@@ -4259,16 +4259,16 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1a = {
+const _hoisted_1$1b = {
   key: 0,
   class: "view-mode"
 };
-const _hoisted_2$V = {
+const _hoisted_2$W = {
   key: 1,
   class: "input-area"
 };
 const _hoisted_3$y = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "BSDateInput",
   props: {
     id: {},
@@ -4435,9 +4435,9 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width }),
         onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1a, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
           createElementVNode("span", null, toDisplayString(viewModeValue.value), 1)
-        ])) : (openBlock(), createElementBlock("div", _hoisted_2$V, [
+        ])) : (openBlock(), createElementBlock("div", _hoisted_2$W, [
           createElementVNode("span", {
             class: normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: _cache[0] || (_cache[0] = ($event) => togglePopup())
@@ -4474,12 +4474,12 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ], 2)) : createCommentVNode("", true),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 3,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
         }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true),
-        showPopup.value ? (openBlock(), createBlock(_sfc_main$1q, {
+        showPopup.value ? (openBlock(), createBlock(_sfc_main$1r, {
           key: 4,
           "base-element": unref(rootRef),
           "display-format": _ctx.displayFormat,
@@ -4500,9 +4500,9 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$19 = { class: "bs-layout-vertical px-16 py-8" };
-const _hoisted_2$U = { class: "bs-layout-horizontal justify-content-end align-items-center gap-8 mt-16 mb-8" };
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1a = { class: "bs-layout-vertical px-16 py-8" };
+const _hoisted_2$V = { class: "bs-layout-horizontal justify-content-end align-items-center gap-8 mt-16 mb-8" };
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "BSDateRangeInputPopup",
   props: {
     from: {},
@@ -4532,7 +4532,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
       emit("close");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1K, {
+      return openBlock(), createBlock(_sfc_main$1L, {
         "base-element": _ctx.baseElement,
         "max-height": "auto",
         onRequestClose: close2,
@@ -4540,8 +4540,8 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
         }, ["stop"]))
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$19, [
-            createVNode(_sfc_main$1v, {
+          createElementVNode("div", _hoisted_1$1a, [
+            createVNode(_sfc_main$1w, {
               from: fromValue.value,
               "onUpdate:from": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
               to: toValue.value,
@@ -4555,7 +4555,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
               "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"]),
-            createElementVNode("div", _hoisted_2$U, [
+            createElementVNode("div", _hoisted_2$V, [
               createVNode(BSButton, {
                 caption: { key: "bs.ok" },
                 "button-color": "blue",
@@ -4575,17 +4575,17 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$18 = {
+const _hoisted_1$19 = {
   key: 0,
   class: "view-mode"
 };
-const _hoisted_2$T = {
+const _hoisted_2$U = {
   key: 1,
   class: "input-area"
 };
 const _hoisted_3$x = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
 const _hoisted_4$j = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "BSDateRange",
   props: {
     idFrom: {},
@@ -4885,9 +4885,9 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ width: _ctx.width }),
         onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$18, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$19, [
           createElementVNode("span", null, toDisplayString(formattedDateRange.value), 1)
-        ])) : (openBlock(), createElementBlock("div", _hoisted_2$T, [
+        ])) : (openBlock(), createElementBlock("div", _hoisted_2$U, [
           createElementVNode("span", {
             class: normalizeClass([{ "bs-clickable": !disabled.value }, "font-icon"]),
             onClick: _cache[0] || (_cache[0] = () => togglePopup())
@@ -4943,12 +4943,12 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ], 2)) : createCommentVNode("", true),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 3,
           errors: errors.value,
           "hide-error-message": _ctx.hideErrorMessage || disabled.value && !_ctx.showErrorMessageOnDisabled
         }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true),
-        showPopup.value ? (openBlock(), createBlock(_sfc_main$1o, {
+        showPopup.value ? (openBlock(), createBlock(_sfc_main$1p, {
           key: 4,
           "base-element": unref(rootRef),
           "disabled-from": _ctx.disabledFrom,
@@ -5044,8 +5044,8 @@ const resolveYearsAgo = (years, from2, timeZone, baseDate) => {
   const today = dayjs().tz(timeZone);
   return from2 ? today.add(-years, "year").startOf("year") : today.add(-years, "year").endOf("year");
 };
-const _hoisted_1$17 = ["id", "checked", "disabled", "name", "tabindex"];
-const _hoisted_2$S = ["for"];
+const _hoisted_1$18 = ["id", "checked", "disabled", "name", "tabindex"];
+const _hoisted_2$T = ["for"];
 const _hoisted_3$w = {
   key: 0,
   class: "font-icon"
@@ -5055,7 +5055,7 @@ const _hoisted_4$i = {
   class: "text-label"
 };
 const _hoisted_5$a = ["for"];
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "BSRadioButton",
   props: {
     id: { default: () => componentUtil.generateNextId("radio") },
@@ -5098,13 +5098,13 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
           class: "",
           role: "radio",
           type: "radio"
-        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$17),
+        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$18),
         createElementVNode("label", { for: _ctx.id }, [
           _ctx.icon ? (openBlock(), createElementBlock("span", _hoisted_3$w, toDisplayString(_ctx.icon), 1)) : createCommentVNode("", true),
           _ctx.label ? withDirectives((openBlock(), createElementBlock("span", _hoisted_4$i, null, 512)), [
             [unref(vT), _ctx.label]
           ]) : createCommentVNode("", true)
-        ], 8, _hoisted_2$S),
+        ], 8, _hoisted_2$T),
         hasLabelSlot.value ? (openBlock(), createElementBlock("label", {
           key: 0,
           for: _ctx.id,
@@ -5116,14 +5116,14 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$16 = ["data-field-name"];
-const _hoisted_2$R = { key: 0 };
+const _hoisted_1$17 = ["data-field-name"];
+const _hoisted_2$S = { key: 0 };
 const _hoisted_3$v = {
   key: 1,
   class: "radio-button-group",
   role: "radiogroup"
 };
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "BSRadioButtonGroup",
   props: {
     name: { default: () => componentUtil.generateNextName("radioGroup") },
@@ -5203,12 +5203,12 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-radio-button-group"]),
         "data-field-name": _ctx.name
       }, [
-        _ctx.viewMode ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2$R, null, 512)), [
+        _ctx.viewMode ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2$S, null, 512)), [
           [unref(vT), modelValueLabel.value]
         ]) : (openBlock(), createElementBlock("div", _hoisted_3$v, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.items, (item) => {
             var _a2, _b;
-            return withDirectives((openBlock(), createBlock(_sfc_main$1m, {
+            return withDirectives((openBlock(), createBlock(_sfc_main$1n, {
               key: itemKey(item),
               disabled: _ctx.disabled || isDisabledItem(item),
               icon: (_a2 = _ctx.iconProvider) == null ? void 0 : _a2.call(_ctx, item),
@@ -5223,16 +5223,16 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ])),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 2,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
         }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$16);
+      ], 10, _hoisted_1$17);
     };
   }
 });
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "BSDateRangePresets",
   props: {
     modelValue: {},
@@ -5266,7 +5266,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      return _ctx.presets && _ctx.presets.length > 0 ? (openBlock(), createBlock(_sfc_main$1l, {
+      return _ctx.presets && _ctx.presets.length > 0 ? (openBlock(), createBlock(_sfc_main$1m, {
         key: 0,
         modelValue: currentPreset.value,
         "onUpdate:modelValue": [
@@ -5281,10 +5281,10 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$15 = ["id", "checked", "disabled", "name", "tabindex"];
-const _hoisted_2$Q = ["for"];
+const _hoisted_1$16 = ["id", "checked", "disabled", "name", "tabindex"];
+const _hoisted_2$R = ["for"];
 const _hoisted_3$u = ["for"];
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "BSCheckbox",
   props: {
     id: { default: () => componentUtil.generateNextId("checkbox") },
@@ -5340,12 +5340,12 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
           tabindex: _ctx.tabindex,
           class: "",
           type: "checkbox"
-        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$15),
+        }, toHandlers(handlers2, true)), null, 16, _hoisted_1$16),
         _ctx.label ? withDirectives((openBlock(), createElementBlock("label", {
           key: 0,
           for: _ctx.id,
           class: "text-label"
-        }, null, 8, _hoisted_2$Q)), [
+        }, null, 8, _hoisted_2$R)), [
           [unref(vT), _ctx.label]
         ]) : createCommentVNode("", true),
         hasLabelSlot.value ? (openBlock(), createElementBlock("label", {
@@ -5359,10 +5359,10 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$14 = ["data-field-name"];
-const _hoisted_2$P = { class: "items" };
+const _hoisted_1$15 = ["data-field-name"];
+const _hoisted_2$Q = { class: "items" };
 const _hoisted_3$t = ["textContent"];
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "BSCheckboxGroup",
   props: {
     name: {},
@@ -5468,13 +5468,13 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
         "data-field-name": _ctx.name,
         role: "group"
       }, [
-        createElementVNode("div", _hoisted_2$P, [
+        createElementVNode("div", _hoisted_2$Q, [
           _ctx.viewMode ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "view-mode",
             textContent: toDisplayString(modelValueLabels.value)
           }, null, 8, _hoisted_3$t)) : (openBlock(true), createElementBlock(Fragment$1, { key: 1 }, renderList(_ctx.items, (item) => {
-            return openBlock(), createBlock(_sfc_main$1j, {
+            return openBlock(), createBlock(_sfc_main$1k, {
               key: itemKey(item),
               disabled: _ctx.disabled || isDisabledItem(item),
               label: itemLabel(item),
@@ -5486,16 +5486,16 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
             }, null, 8, ["disabled", "label", "model-value", "name", "tabindex", "onUpdate:modelValue"]);
           }), 128))
         ]),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
         }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$14);
+      ], 10, _hoisted_1$15);
     };
   }
 });
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "BSYesNoGroup",
   props: {
     name: { default: () => componentUtil.generateNextName("yesNoGroup") },
@@ -5528,7 +5528,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", value2 === void 0 ? void 0 : value2 === "Y");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1l, {
+      return openBlock(), createBlock(_sfc_main$1m, {
         disabled: _ctx.disabled,
         "hide-error-message": _ctx.hideErrorMessage,
         "ignore-save-point": _ctx.ignoreSavePoint,
@@ -5545,8 +5545,8 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$13 = ["tabindex", "onKeydown"];
-const _hoisted_2$O = { key: 0 };
+const _hoisted_1$14 = ["tabindex", "onKeydown"];
+const _hoisted_2$P = { key: 0 };
 const _hoisted_3$s = {
   key: 0,
   class: "label"
@@ -5568,7 +5568,7 @@ const _hoisted_8$2 = {
   key: 2,
   class: "small-progress"
 };
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "BSMultiSelect",
   props: {
     modelValue: { default: () => [] },
@@ -5693,7 +5693,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
           _cache[4] || (_cache[4] = withKeys(($event) => togglePopup(false), ["tab"]))
         ]
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_2$O, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_2$P, [
           _ctx.selectedLabelProvider ? withDirectives((openBlock(), createElementBlock("span", _hoisted_3$s, null, 512)), [
             [unref(vT), _ctx.selectedLabelProvider(selectedItems.value)]
           ]) : (openBlock(true), createElementBlock(Fragment$1, { key: 1 }, renderList(selectedItems.value, (item) => {
@@ -5729,7 +5729,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
             _cache[5] || (_cache[5] = createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
             loadingItems.value ? (openBlock(), createElementBlock("span", _hoisted_8$2, "progress_activity")) : createCommentVNode("", true)
           ], 8, _hoisted_4$h),
-          !_ctx.disabled && showPopup.value ? (openBlock(), createBlock(_sfc_main$1J, {
+          !_ctx.disabled && showPopup.value ? (openBlock(), createBlock(_sfc_main$1K, {
             key: 0,
             ref_key: "selectPopup",
             ref: selectPopup,
@@ -5748,12 +5748,12 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
             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"])) : createCommentVNode("", true)
         ], 64)),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 2,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
         }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
-      ], 42, _hoisted_1$13)), [
+      ], 42, _hoisted_1$14)), [
         [unref(vClickOutside), () => togglePopup(false)]
       ]);
     };
@@ -5914,8 +5914,8 @@ const vTreeRowDrop = {
     }
   }
 };
-const _hoisted_1$12 = ["textContent"];
-const _hoisted_2$N = {
+const _hoisted_1$13 = ["textContent"];
+const _hoisted_2$O = {
   key: 1,
   class: "font-icon w-16 text-gray-400"
 };
@@ -5927,7 +5927,7 @@ const _hoisted_4$g = {
   key: 0,
   class: "child-rows"
 };
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "BSTreeRow",
   props: {
     row: {},
@@ -6038,8 +6038,8 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
             class: "bs-clickable font-icon",
             onClick: _cache[0] || (_cache[0] = ($event) => selectRow($event, true)),
             textContent: toDisplayString(isSelected.value ? "check_box" : "check_box_outline_blank")
-          }, null, 8, _hoisted_1$12)) : createCommentVNode("", true),
-          _ctx.iconProvider ? (openBlock(), createElementBlock("span", _hoisted_2$N, toDisplayString(icon.value || ""), 1)) : createCommentVNode("", true),
+          }, null, 8, _hoisted_1$13)) : createCommentVNode("", true),
+          _ctx.iconProvider ? (openBlock(), createElementBlock("span", _hoisted_2$O, toDisplayString(icon.value || ""), 1)) : createCommentVNode("", true),
           withDirectives(createElementVNode("span", {
             class: "caption",
             onClick: _cache[1] || (_cache[1] = ($event) => selectRow($event, $event.shiftKey)),
@@ -6091,7 +6091,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "BSTree",
   props: {
     data: {},
@@ -6247,7 +6247,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
           class: "tree-wrap"
         }, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.data, (item) => {
-            return openBlock(), createBlock(_sfc_main$1f, {
+            return openBlock(), createBlock(_sfc_main$1g, {
               key: _ctx.keyProvider(item),
               "children-provider": _ctx.childrenProvider,
               "disabled-provider": _ctx.rowDisabledProvider,
@@ -6336,7 +6336,7 @@ class BSModal {
   }
   openAlert(title, message, clickHandler2) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSAlertModal-BMfuyOUG.js")),
+      component: defineAsyncComponent(() => import("./BSAlertModal-DT2Wai4R.js")),
       bind: {
         title,
         message
@@ -6349,7 +6349,7 @@ class BSModal {
   }
   openYesNo(title, message, yesHandler, noHandler) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSYesNoModal-CFjCkyfv.js")),
+      component: defineAsyncComponent(() => import("./BSYesNoModal-C91E2MSF.js")),
       bind: {
         title,
         message
@@ -6764,8 +6764,8 @@ class TreeSortOrderChangeDetector {
     });
   }
 }
-const _hoisted_1$11 = ["tabindex", "onKeydown"];
-const _hoisted_2$M = { key: 0 };
+const _hoisted_1$12 = ["tabindex", "onKeydown"];
+const _hoisted_2$N = { key: 0 };
 const _hoisted_3$q = ["data-field-name"];
 const _hoisted_4$f = {
   key: 0,
@@ -6779,7 +6779,7 @@ const _hoisted_6$6 = {
   key: 2,
   class: "small-progress"
 };
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "BSTreeSelect",
   props: {
     modelValue: {},
@@ -6916,7 +6916,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
           _cache[5] || (_cache[5] = withKeys(($event) => togglePopup(false), ["tab"]))
         ]
       }, [
-        _ctx.viewMode ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2$M, null, 512)), [
+        _ctx.viewMode ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2$N, null, 512)), [
           [unref(vT), selectedItemLabel.value]
         ]) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
           createElementVNode("div", {
@@ -6934,7 +6934,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
             _cache[6] || (_cache[6] = createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
             loadingItems.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, "progress_activity")) : createCommentVNode("", true)
           ], 8, _hoisted_3$q),
-          showPopup.value ? (openBlock(), createBlock(_sfc_main$1K, {
+          showPopup.value ? (openBlock(), createBlock(_sfc_main$1L, {
             key: 0,
             "base-element": unref(rootRef),
             "max-height": _ctx.popupMaxHeight,
@@ -6946,24 +6946,24 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
             }, ["stop"]))
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1e, mergeProps({ "bottom-padding": "0" }, unref(treeHandler).tree, toHandlers(unref(treeHandler).treeEventListener)), null, 16)
+              createVNode(_sfc_main$1f, mergeProps({ "bottom-padding": "0" }, unref(treeHandler).tree, toHandlers(unref(treeHandler).treeEventListener)), null, 16)
             ]),
             _: 1
           }, 8, ["base-element", "max-height", "popup-align", "popup-direction"])) : createCommentVNode("", true),
-          !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+          !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
             key: 1,
             errors: unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
         ], 64))
-      ], 42, _hoisted_1$11)), [
+      ], 42, _hoisted_1$12)), [
         [unref(vClickOutside), () => togglePopup(false)]
       ]);
     };
   }
 });
-const _hoisted_1$10 = ["tabindex", "onKeydown"];
-const _hoisted_2$L = { key: 0 };
+const _hoisted_1$11 = ["tabindex", "onKeydown"];
+const _hoisted_2$M = { key: 0 };
 const _hoisted_3$p = ["data-field-name"];
 const _hoisted_4$e = {
   key: 0,
@@ -6977,7 +6977,7 @@ const _hoisted_6$5 = {
   key: 2,
   class: "small-progress"
 };
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "BSTreeMultiSelect",
   props: {
     modelValue: {},
@@ -7110,7 +7110,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
           _cache[6] || (_cache[6] = withKeys(($event) => togglePopup(false), ["tab"]))
         ]
       }, [
-        _ctx.viewMode ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2$L, null, 512)), [
+        _ctx.viewMode ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2$M, null, 512)), [
           [unref(vT), selectedItemLabel.value]
         ]) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
           createElementVNode("div", {
@@ -7128,7 +7128,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
             _cache[7] || (_cache[7] = createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
             loadingItems.value ? (openBlock(), createElementBlock("span", _hoisted_6$5, "progress_activity")) : createCommentVNode("", true)
           ], 8, _hoisted_3$p),
-          showPopup.value ? (openBlock(), createBlock(_sfc_main$1K, {
+          showPopup.value ? (openBlock(), createBlock(_sfc_main$1L, {
             key: 0,
             "base-element": unref(rootRef),
             "max-height": _ctx.popupMaxHeight,
@@ -7140,7 +7140,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
             }, ["stop"]))
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1e, mergeProps({
+              createVNode(_sfc_main$1f, mergeProps({
                 "bottom-padding": "0",
                 "multi-select": "",
                 "show-checkbox": ""
@@ -7151,21 +7151,21 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["base-element", "max-height", "popup-align", "popup-direction"])) : createCommentVNode("", true),
-          !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+          !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
             key: 1,
             errors: unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
         ], 64))
-      ], 42, _hoisted_1$10)), [
+      ], 42, _hoisted_1$11)), [
         [unref(vClickOutside), () => togglePopup(false)]
       ]);
     };
   }
 });
-const _hoisted_1$$ = { class: "bs-popup-select bs-layout-horizontal" };
-const _hoisted_2$K = ["textContent"];
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$10 = { class: "bs-popup-select bs-layout-horizontal" };
+const _hoisted_2$L = ["textContent"];
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "BSPopupSelect",
   props: {
     name: {},
@@ -7188,13 +7188,13 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
       emit("click");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$$, [
+      return openBlock(), createElementBlock("div", _hoisted_1$10, [
         _ctx.viewMode ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "view-mode",
           textContent: toDisplayString(label.value)
-        }, null, 8, _hoisted_2$K)) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
-          createVNode(_sfc_main$1D, {
+        }, null, 8, _hoisted_2$L)) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
+          createVNode(_sfc_main$1E, {
             "model-value": label.value,
             name: _ctx.name || "",
             disabled: "",
@@ -7211,18 +7211,18 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BSPopupSelect = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-d74fd89c"]]);
-const _hoisted_1$_ = {
+const BSPopupSelect = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-d74fd89c"]]);
+const _hoisted_1$$ = {
   key: 0,
   class: "view-mode bs-layout-horizontal gap-8 align-items-start"
 };
-const _hoisted_2$J = ["textContent"];
+const _hoisted_2$K = ["textContent"];
 const _hoisted_3$o = {
   key: 1,
   class: "input-area bs-layout-horizontal align-items-start"
 };
 const _hoisted_4$d = ["disabled", "maxlength", "name", "tabindex"];
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "BSTextArea",
   props: {
     id: {},
@@ -7337,7 +7337,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0 }, "bs-text-area"]),
         style: normalizeStyle({ width: outerWidth.value, height: outerHeight.value })
       }, [
-        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$_, [
+        _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_1$$, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(componentUtil).toMultiLangTextArray(_ctx.prefix), (text) => {
             return withDirectives((openBlock(), createElementBlock("span", {
               key: JSON.stringify(text),
@@ -7348,7 +7348,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
           }), 128)),
           createElementVNode("div", {
             textContent: toDisplayString(unref(stringValue))
-          }, null, 8, _hoisted_2$J),
+          }, null, 8, _hoisted_2$K),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(componentUtil).toMultiLangTextArray(_ctx.suffix), (text) => {
             return withDirectives((openBlock(), createElementBlock("span", {
               key: JSON.stringify(text),
@@ -7396,7 +7396,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ])),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 2,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -28742,9 +28742,9 @@ const TableRow = Node2.create({
     return ["tr", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   }
 });
-const _hoisted_1$Z = { class: "tool-button-font-size bs-layout-horizontal align-items-center" };
-const _hoisted_2$I = ["disabled", "value"];
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$_ = { class: "tool-button-font-size bs-layout-horizontal align-items-center" };
+const _hoisted_2$J = ["disabled", "value"];
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonFontSize",
   props: {
     editor: {},
@@ -28811,7 +28811,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
       props.editor.on("selectionUpdate", refreshFontSize);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$_, [
         withDirectives((openBlock(), createElementBlock("span", {
           class: normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
           onClick: decrease
@@ -28830,7 +28830,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
           value: fontSize.value,
           type: "text",
           onChange: setFontSize
-        }, null, 40, _hoisted_2$I),
+        }, null, 40, _hoisted_2$J),
         withDirectives((openBlock(), createElementBlock("span", {
           class: normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
           onClick: increase
@@ -28848,10 +28848,10 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToolButtonFontSize = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-ef5774f0"]]);
-const _hoisted_1$Y = ["title"];
-const _hoisted_2$H = ["disabled", "value"];
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const ToolButtonFontSize = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-ef5774f0"]]);
+const _hoisted_1$Z = ["title"];
+const _hoisted_2$I = ["disabled", "value"];
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonFontColor",
   props: {
     editor: {},
@@ -28883,12 +28883,12 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
           value: color.value,
           type: "color",
           onChange: setColor
-        }, null, 40, _hoisted_2$H)
-      ], 8, _hoisted_1$Y);
+        }, null, 40, _hoisted_2$I)
+      ], 8, _hoisted_1$Z);
     };
   }
 });
-const ToolButtonFontColor = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-d556d8eb"]]);
+const ToolButtonFontColor = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-d556d8eb"]]);
 var readFromCache;
 var addToCache;
 if (typeof WeakMap != "undefined") {
@@ -31483,19 +31483,19 @@ const tableContextMenus = (modal, editor) => {
 };
 const showTableProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./TablePropertiesModal-CiY15j-y.js")),
+    component: defineAsyncComponent(() => import("./TablePropertiesModal-D1wSXQ3C.js")),
     bind: { editor }
   });
 };
 const insertTable = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./TableInsertModal-zqihDr7h.js")),
+    component: defineAsyncComponent(() => import("./TableInsertModal-BfWLdDCa.js")),
     bind: { editor }
   });
 };
-const _hoisted_1$X = { class: "bs-layout-horizontal align-items-center" };
-const _hoisted_2$G = ["title"];
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$Y = { class: "bs-layout-horizontal align-items-center" };
+const _hoisted_2$H = ["title"];
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonTable",
   props: {
     editor: {},
@@ -31517,17 +31517,17 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
       props.editor.on("selectionUpdate", refreshTable);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$X, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Y, [
         createElementVNode("span", {
           class: normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
           title: unref(t$1)({ key: "bs.richtext.insertTable" }),
           onClick: doInsertTable
-        }, "table", 10, _hoisted_2$G)
+        }, "table", 10, _hoisted_2$H)
       ]);
     };
   }
 });
-const ToolButtonTable = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-537f70be"]]);
+const ToolButtonTable = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-537f70be"]]);
 const inputRegex = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
 const Image$1 = Node2.create({
   name: "image",
@@ -31654,7 +31654,7 @@ const insertImage = (modal, editor) => {
   const component = (_a2 = blueseaConfig.componentConfig.richText) == null ? void 0 : _a2.imageInsertModal;
   if (component) {
     modal.openModal({
-      component: defineAsyncComponent(() => import("./ImageInsertModal-CyMCkK2H.js")),
+      component: defineAsyncComponent(() => import("./ImageInsertModal-7u7YeHsI.js")),
       bind: { editor },
       on: {
         insertImage: (image) => {
@@ -31672,13 +31672,13 @@ const insertImage = (modal, editor) => {
 };
 const showImageProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./ImagePropertiesModal-BMDe0QC2.js")),
+    component: defineAsyncComponent(() => import("./ImagePropertiesModal-HRPdVJRK.js")),
     bind: { editor }
   });
 };
-const _hoisted_1$W = { class: "bs-layout-horizontal align-items-center" };
-const _hoisted_2$F = ["title"];
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$X = { class: "bs-layout-horizontal align-items-center" };
+const _hoisted_2$G = ["title"];
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonImage",
   props: {
     editor: {},
@@ -31693,12 +31693,12 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$W, [
+      return openBlock(), createElementBlock("div", _hoisted_1$X, [
         createElementVNode("span", {
           class: normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
           title: unref(t$1)({ key: "bs.richtext.insertImage" }),
           onClick: doInsertImage
-        }, "image", 10, _hoisted_2$F)
+        }, "image", 10, _hoisted_2$G)
       ]);
     };
   }
@@ -32033,19 +32033,19 @@ const youtubeContextMenu = (modal, editor) => {
 };
 const insertYoutube = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./YoutubeInsertModal-D1JrUwdX.js")),
+    component: defineAsyncComponent(() => import("./YoutubeInsertModal-DNq4v5Ll.js")),
     bind: { editor }
   });
 };
 const showYoutubeProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./YoutubePropertiesModal-unkfbTOY.js")),
+    component: defineAsyncComponent(() => import("./YoutubePropertiesModal-D2-7I2sg.js")),
     bind: { editor }
   });
 };
-const _hoisted_1$V = { class: "bs-layout-horizontal align-items-center" };
-const _hoisted_2$E = ["title"];
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$W = { class: "bs-layout-horizontal align-items-center" };
+const _hoisted_2$F = ["title"];
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonYoutube",
   props: {
     editor: {},
@@ -32060,18 +32060,18 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$V, [
+      return openBlock(), createElementBlock("div", _hoisted_1$W, [
         createElementVNode("span", {
           class: normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
           title: unref(t$1)({ key: "bs.richtext.insertYoutube" }),
           onClick: doInsertImage
-        }, "youtube_activity", 10, _hoisted_2$E)
+        }, "youtube_activity", 10, _hoisted_2$F)
       ]);
     };
   }
 });
-const _hoisted_1$U = ["title"];
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$V = ["title"];
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonLink",
   props: {
     editor: {},
@@ -32083,7 +32083,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     const showLinkProperties = () => {
       if (!props.disabled) {
         modal.openModal({
-          component: defineAsyncComponent(() => import("./LinkPropertiesModal-bKceh08c.js")),
+          component: defineAsyncComponent(() => import("./LinkPropertiesModal-x73isyqI.js")),
           bind: {
             editor: props.editor
           }
@@ -32095,11 +32095,11 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
         title: unref(t$1)({ key: "bs.link" }),
         onClick: showLinkProperties
-      }, " link ", 10, _hoisted_1$U);
+      }, " link ", 10, _hoisted_1$V);
     };
   }
 });
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonMaximize",
   props: {
     maximized: { type: Boolean }
@@ -32127,8 +32127,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToolButtonMaximize = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-c1655c12"]]);
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const ToolButtonMaximize = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-c1655c12"]]);
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonHeading",
   props: {
     disabled: { type: Boolean },
@@ -32156,7 +32156,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1H, {
+      return openBlock(), createBlock(_sfc_main$1I, {
         disabled: _ctx.disabled,
         items,
         "label-provider": (item) => item.caption,
@@ -32168,8 +32168,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$T = { class: "text-align tool-button-group bs-layout-horizontal" };
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$U = { class: "text-align tool-button-group bs-layout-horizontal" };
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonTextAlign",
   props: {
     disabled: { type: Boolean },
@@ -32177,7 +32177,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$T, [
+      return openBlock(), createElementBlock("div", _hoisted_1$U, [
         withDirectives((openBlock(), createElementBlock("div", {
           class: 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 +32221,8 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$S = { class: "font-style tool-button-group bs-layout-horizontal" };
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$T = { class: "font-style tool-button-group bs-layout-horizontal" };
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonFontStyle",
   props: {
     disabled: { type: Boolean },
@@ -32230,7 +32230,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$S, [
+      return openBlock(), createElementBlock("div", _hoisted_1$T, [
         withDirectives((openBlock(), createElementBlock("div", {
           class: 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 +32274,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$R = { class: "list-item tool-button-group bs-layout-horizontal" };
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _hoisted_1$S = { class: "list-item tool-button-group bs-layout-horizontal" };
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonListItem",
   props: {
     disabled: { type: Boolean },
@@ -32283,7 +32283,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$R, [
+      return openBlock(), createElementBlock("div", _hoisted_1$S, [
         withDirectives((openBlock(), createElementBlock("div", {
           class: 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())
@@ -32448,7 +32448,7 @@ const insertVideo = (modal, editor) => {
   const component = (_a2 = blueseaConfig.componentConfig.richText) == null ? void 0 : _a2.videoInsertModal;
   if (component) {
     modal.openModal({
-      component: defineAsyncComponent(() => import("./VideoInsertModal-DjKstAn6.js")),
+      component: defineAsyncComponent(() => import("./VideoInsertModal-DQ-wO6_P.js")),
       bind: { editor },
       on: {
         insertVideo: (video) => {
@@ -32466,13 +32466,13 @@ const insertVideo = (modal, editor) => {
 };
 const showVideoProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./VideoPropertiesModal-Ct0iUWXO.js")),
+    component: defineAsyncComponent(() => import("./VideoPropertiesModal-BYADjPfV.js")),
     bind: { editor }
   });
 };
-const _hoisted_1$Q = { class: "bs-layout-horizontal align-items-center" };
-const _hoisted_2$D = ["title"];
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _hoisted_1$R = { class: "bs-layout-horizontal align-items-center" };
+const _hoisted_2$E = ["title"];
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "ToolButtonVideo",
   props: {
     editor: {},
@@ -32487,20 +32487,20 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$R, [
         createElementVNode("span", {
           class: normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
           title: unref(t$1)({ key: "bs.richtext.insertVideo" }),
           onClick: doInsertVideo
-        }, "movie", 10, _hoisted_2$D)
+        }, "movie", 10, _hoisted_2$E)
       ]);
     };
   }
 });
-const _hoisted_1$P = { class: "rich-text-toolbar bs-layout-horizontal align-items-center min-w-512" };
-const _hoisted_2$C = { class: "bs-layout-horizontal flex-grow-1 h-full gap-4 left-buttons" };
+const _hoisted_1$Q = { class: "rich-text-toolbar bs-layout-horizontal align-items-center min-w-512" };
+const _hoisted_2$D = { class: "bs-layout-horizontal flex-grow-1 h-full gap-4 left-buttons" };
 const _hoisted_3$n = { class: "bs-layout-horizontal right-buttons" };
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "RichTextToolbar",
   props: {
     editor: {},
@@ -32515,27 +32515,27 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       return props.toolButtons.map((toolButton) => {
         switch (toolButton) {
           case "Heading":
-            return _sfc_main$12;
+            return _sfc_main$13;
           case "FontSize":
             return ToolButtonFontSize;
           case "FontColor":
             return ToolButtonFontColor;
           case "FontStyle":
-            return _sfc_main$10;
-          case "TextAlign":
             return _sfc_main$11;
+          case "TextAlign":
+            return _sfc_main$12;
           case "ListItem":
-            return _sfc_main$$;
+            return _sfc_main$10;
           case "Link":
-            return _sfc_main$14;
+            return _sfc_main$15;
           case "Table":
             return ToolButtonTable;
           case "Image":
-            return _sfc_main$16;
+            return _sfc_main$17;
           case "Video":
-            return _sfc_main$_;
+            return _sfc_main$$;
           case "Youtube":
-            return _sfc_main$15;
+            return _sfc_main$16;
           default:
             return toolButton;
         }
@@ -32543,8 +32543,8 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     });
     const emit = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$P, [
-        createElementVNode("div", _hoisted_2$C, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
+        createElementVNode("div", _hoisted_2$D, [
           renderSlot(_ctx.$slots, "toolbarPrefix"),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(toolComponents.value, (toolButton) => {
             return openBlock(), createBlock(resolveDynamicComponent(toolButton), {
@@ -34436,11 +34436,11 @@ const RichTextTableCell = TableCell.extend({
     };
   }
 });
-const _hoisted_1$O = ["innerHTML"];
-const _hoisted_2$B = { class: "editor-container" };
+const _hoisted_1$P = ["innerHTML"];
+const _hoisted_2$C = { class: "editor-container" };
 const WRAP_BEGIN = '<div class="rich-text-content">';
 const WRAP_END = "</div>";
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "BSRichText",
   props: {
     modelValue: { default: "" },
@@ -34644,7 +34644,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       emit("maximized");
       if (!props.internalMaximized) {
         modal.openModal({
-          component: defineAsyncComponent(() => import("./BSRichTextMaximizedModal-G5U2NGik.js")),
+          component: defineAsyncComponent(() => import("./BSRichTextMaximizedModal-CaaSAgmI.js")),
           bind: {
             modelValue: getEditorValue(),
             contentMaxWidth: props.contentMaxWidth,
@@ -34678,7 +34678,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
           key: 0,
           class: "view-mode user-text",
           innerHTML: _ctx.modelValue
-        }, null, 8, _hoisted_1$O)) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
+        }, null, 8, _hoisted_1$P)) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
           createElementVNode("div", {
             ref_key: "field",
             ref: field,
@@ -34686,7 +34686,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             class: "input-area bs-layout-vertical",
             role: "textbox"
           }, [
-            unref(editor) ? (openBlock(), createBlock(_sfc_main$Z, {
+            unref(editor) ? (openBlock(), createBlock(_sfc_main$_, {
               key: 0,
               disabled: _ctx.disabled,
               editor: unref(editor),
@@ -34699,7 +34699,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
               ]),
               _: 3
             }, 8, ["disabled", "editor", "maximized", "tool-buttons"])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_2$B, [
+            createElementVNode("div", _hoisted_2$C, [
               createElementVNode("iframe", {
                 ref_key: "iframeRef",
                 ref: iframeRef,
@@ -34719,7 +34719,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
               ], 8, ["to"])) : createCommentVNode("", true)
             ])
           ], 4),
-          !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+          !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
             key: 0,
             errors: unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -34854,8 +34854,8 @@ const makeFileSizeString = (size) => {
   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$N = ["poster"];
-const _hoisted_2$A = ["src"];
+const _hoisted_1$O = ["poster"];
+const _hoisted_2$B = ["src"];
 const _hoisted_3$m = ["alt", "src"];
 const _hoisted_4$c = ["alt", "src"];
 const _hoisted_5$6 = ["href"];
@@ -34863,7 +34863,7 @@ const _hoisted_6$4 = {
   key: 7,
   class: "font-icon bottom-2 left-2 button"
 };
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "BSMediaPreview",
   props: {
     file: {},
@@ -34875,7 +34875,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     maxWidth: {},
     mediaObjectUrlStore: {}
   },
-  emits: ["removeImage", "thumbnailUploaded"],
+  emits: ["removeImage", "thumbnailUploaded", "preview"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -34946,7 +34946,16 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
         }
       }
     };
-    onUnmounted(() => internalMediaObjectUrlStore.revokeAll());
+    const preview = () => {
+      if (props.file.mediaType === "Youtube") {
+        window.open(props.file.fileUrl, "_blank");
+        return;
+      }
+      emit("preview");
+    };
+    onUnmounted(() => {
+      internalMediaObjectUrlStore.revokeAll();
+    });
     return (_ctx, _cache) => {
       return fileUrl.value ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -34960,8 +34969,8 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           poster: thumbnailUrl.value,
           style: normalizeStyle({ width: _ctx.width, height: _ctx.height, maxWidth: _ctx.maxWidth })
         }, [
-          createElementVNode("source", { src: fileUrl.value }, null, 8, _hoisted_2$A)
-        ], 12, _hoisted_1$N)) : _ctx.file.mediaType === "Youtube" ? (openBlock(), createElementBlock("img", {
+          createElementVNode("source", { src: fileUrl.value }, null, 8, _hoisted_2$B)
+        ], 12, _hoisted_1$O)) : _ctx.file.mediaType === "Youtube" ? (openBlock(), createElementBlock("img", {
           key: 1,
           alt: _ctx.file.altText,
           src: youtubePreviewImage.value,
@@ -35014,7 +35023,8 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           key: 5,
           href: fileUrl.value,
           class: "bs-clickable font-icon button show-on-hover bottom-2 right-2",
-          target: "_blank"
+          target: "_blank",
+          onClick: withModifiers(preview, ["prevent"])
         }, _cache[2] || (_cache[2] = [
           createTextVNode("zoom_in")
         ]), 8, _hoisted_5$6)), [
@@ -35043,6 +35053,96 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$N = ["src"];
+const _hoisted_2$A = ["alt", "src"];
+const _sfc_main$X = /* @__PURE__ */ 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 = ref(props.startIndex);
+    const imageIndices = computed(
+      () => props.files.map((_, i) => i).filter((i) => props.files[i].mediaType === "Image")
+    );
+    const currentImagePosition = computed(() => imageIndices.value.indexOf(currentIndex.value));
+    const hasPrevImage = computed(() => currentImagePosition.value > 0);
+    const hasNextImage = 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();
+    };
+    watch(() => props.visible, (v) => {
+      if (v) {
+        currentIndex.value = props.startIndex;
+        document.addEventListener("keydown", onKeydown);
+      } else {
+        document.removeEventListener("keydown", onKeydown);
+      }
+    }, { immediate: true });
+    onUnmounted(() => document.removeEventListener("keydown", onKeydown));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        _ctx.preload || _ctx.visible ? withDirectives((openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "bs-media-overlay",
+          onClick: _cache[3] || (_cache[3] = withModifiers(($event) => emit("close"), ["self"]))
+        }, [
+          createElementVNode("span", {
+            class: "font-icon bs-media-overlay-close bs-clickable",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+          }, "close"),
+          imageIndices.value.length > 1 ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: 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] = withModifiers(($event) => hasPrevImage.value && prevImage(), ["stop"]))
+          }, "chevron_left", 2)) : createCommentVNode("", true),
+          (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.files, (file, idx) => {
+            return openBlock(), createElementBlock(Fragment$1, { key: idx }, [
+              file.mediaType === "Video" && idx === currentIndex.value ? (openBlock(), createElementBlock("video", {
+                key: 0,
+                src: resolveUrl(file.fileUrl),
+                autoplay: "",
+                class: "bs-media-overlay-media",
+                controls: ""
+              }, null, 8, _hoisted_1$N)) : file.mediaType === "Image" ? withDirectives((openBlock(), createElementBlock("img", {
+                key: 1,
+                alt: file.altText,
+                src: resolveUrl(file.fileUrl),
+                class: "bs-media-overlay-media"
+              }, null, 8, _hoisted_2$A)), [
+                [vShow, idx === currentIndex.value]
+              ]) : createCommentVNode("", true)
+            ], 64);
+          }), 128)),
+          imageIndices.value.length > 1 ? (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: 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] = withModifiers(($event) => hasNextImage.value && nextImage(), ["stop"]))
+          }, "chevron_right", 2)) : createCommentVNode("", true)
+        ], 512)), [
+          [vShow, _ctx.visible]
+        ]) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
 const _hoisted_1$M = ["data-field-name"];
 const _hoisted_2$z = {
   key: 1,
@@ -35067,6 +35167,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     supportTypes: { default: () => ["Image"] },
     showPreviewButton: { type: Boolean, default: true },
     disableRightClick: { type: Boolean },
+    preloadOverlay: { type: Boolean },
     multiple: { type: Boolean },
     validationMessageRequired: {},
     validationMessageMaxFileSize: {},
@@ -35076,7 +35177,8 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     hideErrorMessage: { type: Boolean },
     showErrorMessageOnDisabled: { type: Boolean },
     imageNo: { default: 0 },
-    mediaObjectUrlStore: {}
+    mediaObjectUrlStore: {},
+    onOpenPreview: {}
   },
   emits: ["update:modelValue", "multipleFiles", "multipleUris"],
   setup(__props, { emit: __emit }) {
@@ -35089,6 +35191,14 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       return result.join("|");
     });
     const field = ref();
+    const overlayOpen = ref(false);
+    const handlePreview = () => {
+      if (props.onOpenPreview) {
+        props.onOpenPreview();
+      } else {
+        overlayOpen.value = true;
+      }
+    };
     const chooseImage = () => {
       var _a2;
       if (validationDisabled.value) {
@@ -35191,7 +35301,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const enterYoutubeUrl = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./BSYoutubeInputModal-CsPL5_5t.js")),
+        component: defineAsyncComponent(() => import("./BSYoutubeInputModal-DSI-NoGb.js")),
         on: {
           "update:modelValue": (url) => {
             emit("update:modelValue", {
@@ -35254,20 +35364,29 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
               [unref(vT), _ctx.caption]
             ])
           ], 4),
-          _ctx.modelValue && _ctx.modelValue.fileUrl ? (openBlock(), createBlock(_sfc_main$X, {
-            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"])) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
+          _ctx.modelValue && _ctx.modelValue.fileUrl ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
+            createVNode(_sfc_main$Y, {
+              "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) ? (openBlock(), createBlock(_sfc_main$X, {
+              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"])) : createCommentVNode("", true)
+          ], 64)) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
             createElementVNode("div", {
               class: normalizeClass([{ dropping: dropping.value }, "upload-btn-wrapper bs-layout-vertical flex-align-center justify-content-center"]),
               style: normalizeStyle({ width: _ctx.uploadWidth, height: _ctx.imageHeight }),
@@ -35280,7 +35399,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
                 withDirectives((openBlock(), createElementBlock("div", {
                   class: normalizeClass([{ "bs-clickable": !validationDisabled.value, disabled: _ctx.disabled }, "upload-btn"]),
                   onClick: chooseImage
-                }, _cache[0] || (_cache[0] = [
+                }, _cache[1] || (_cache[1] = [
                   createElementVNode("span", { class: "font-icon" }, "upload", -1)
                 ]), 2)), [
                   [
@@ -35294,7 +35413,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
                   key: 0,
                   class: normalizeClass([{ "bs-clickable": !validationDisabled.value, disabled: _ctx.disabled }, "youtube-btn"]),
                   onClick: enterYoutubeUrl
-                }, _cache[1] || (_cache[1] = [
+                }, _cache[2] || (_cache[2] = [
                   createElementVNode("span", { class: "font-icon" }, "youtube_activity", -1)
                 ]), 2)), [
                   [
@@ -35320,7 +35439,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
             onChange: imageSelected
           }, null, 40, _hoisted_3$l)
         ], 2),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           class: normalizeClass({ "text-nowrap": !_ctx.wrapErrorMessage }),
           errors: unref(errors),
@@ -35488,6 +35607,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     supportTypes: { default: () => ["Image"] },
     showPreviewButton: { type: Boolean, default: true },
     disableRightClick: { type: Boolean },
+    preloadOverlay: { type: Boolean },
     validationMessageRequired: {},
     validationMessageMaxFileSize: {},
     extraValidationRules: {},
@@ -35597,6 +35717,14 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     });
     const modified = computed(() => !!(savePointHandler == null ? void 0 : savePointHandler.isModified(props.modelValue)));
     onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
+    const overlayOpen = ref(false);
+    const previewStartIndex = ref(0);
+    const imageFiles = 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 +35764,14 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
                     "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"])
                 ])), [
                   [unref(vDragSupport$1), { draggable: _ctx.enableDraggableOrder }],
                   [unref(vDropSupport$1), {
@@ -35675,16 +35805,24 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
         ])), [
           [unref(vParentDropSupport), { droppable: _ctx.enableDraggableOrder, dropHandler }]
         ]),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
-        }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
+        }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true),
+        _ctx.preloadOverlay && imageFiles.value.length > 0 || overlayOpen.value ? (openBlock(), createBlock(_sfc_main$X, {
+          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"])) : createCommentVNode("", true)
       ], 10, _hoisted_1$L);
     };
   }
 });
-const BSMultiImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-b7698f30"]]);
+const BSMultiImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-e57e268c"]]);
 const _hoisted_1$K = ["data-field-name"];
 const _hoisted_2$x = { class: "bs-layout-horizontal-wrap gap-8" };
 const _hoisted_3$k = { class: "mr-4" };
@@ -35706,6 +35844,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     supportTypes: { default: () => ["Image"] },
     showPreviewButton: { type: Boolean, default: true },
     disableRightClick: { type: Boolean },
+    preloadOverlay: { type: Boolean },
     guideMessage: {},
     validationMessageRequired: {},
     validationMessageMaxFileSize: {},
@@ -35826,6 +35965,16 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       ((_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);
     };
     onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
+    const overlayOpen = ref(false);
+    const previewStartIndex = ref(0);
+    const imageFiles = 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 openBlock(), createElementBlock("div", {
         ref_key: "field",
@@ -35836,7 +35985,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_2$x, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.count, (idx) => {
-            var _a2;
+            var _a2, _b;
             return openBlock(), createBlock(_sfc_main$W, {
               key: idx,
               caption: (_a2 = _ctx.guideMessage) == null ? void 0 : _a2[idx],
@@ -35849,7 +35998,9 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
               "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 +36014,22 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                 createElementVNode("span", _hoisted_3$k, 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 ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
-        }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true)
+        }, null, 8, ["errors", "hide-error-message"])) : createCommentVNode("", true),
+        _ctx.preloadOverlay && imageFiles.value.length > 0 || overlayOpen.value ? (openBlock(), createBlock(_sfc_main$X, {
+          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"])) : createCommentVNode("", true)
       ], 12, _hoisted_1$K);
     };
   }
@@ -36119,7 +36278,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             onChange: fileSelected
           }, null, 40, _hoisted_8$1)
         ], 2),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           class: normalizeClass({ "text-nowrap": !_ctx.wrapErrorMessage }),
           errors: unref(errors),
@@ -38185,7 +38344,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             ])
           ], 512)
         ]),
-        _ctx.showPageNavigation ? (openBlock(), createBlock(_sfc_main$1x, {
+        _ctx.showPageNavigation ? (openBlock(), createBlock(_sfc_main$1y, {
           key: 0,
           limit: ((_a2 = _ctx.pageInfo) == null ? void 0 : _a2.limit) || 10,
           offset: ((_b = _ctx.pageInfo) == null ? void 0 : _b.offset) || 0,
@@ -38429,7 +38588,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1n, {
+      return openBlock(), createBlock(_sfc_main$1o, {
         "from-value": fromValue.value,
         "onUpdate:fromValue": [
           _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -38615,7 +38774,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               "data-id": "removeDateFilterBtn",
               onClick: ($event) => removeDateFilter(index)
             }, "remove", 8, _hoisted_2$q)),
-            createVNode(_sfc_main$1H, {
+            createVNode(_sfc_main$1I, {
               items: _ctx.dateFilter.filterItems,
               "label-provider": (filter) => filter.caption,
               "model-value": item.propertyId,
@@ -38640,7 +38799,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               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"]),
-            createVNode(_sfc_main$1k, {
+            createVNode(_sfc_main$1l, {
               modelValue: item.value,
               "onUpdate:modelValue": [($event) => item.value = $event, (value, preset) => setDateFilterValue(index, value, preset)],
               presets: _ctx.presets,
@@ -38848,7 +39007,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const openSettingModal = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./BSGridColumnSettingModal-BINKuyM2.js")),
+        component: defineAsyncComponent(() => import("./BSGridColumnSettingModal-CUMe_yWj.js")),
         bind: {
           columns: props.columns,
           columnSettings: props.columnSettings,
@@ -38922,7 +39081,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           }, null, 8, _hoisted_9)
         ])) : createCommentVNode("", true),
         _ctx.showLimit ? (openBlock(), createElementBlock("div", _hoisted_10, [
-          createVNode(_sfc_main$1H, {
+          createVNode(_sfc_main$1I, {
             modelValue: limitValue.value,
             "onUpdate:modelValue": [
               _cache[2] || (_cache[2] = ($event) => limitValue.value = $event),
@@ -39369,7 +39528,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{ selected: _ctx.selected, expanded: actualExpanded.value }, "bs-list-layout-item"])
       }, [
         createElementVNode("div", _hoisted_1$t, [
-          _ctx.showCheckbox ? (openBlock(), createBlock(_sfc_main$1j, {
+          _ctx.showCheckbox ? (openBlock(), createBlock(_sfc_main$1k, {
             key: 0,
             "model-value": _ctx.selected,
             class: "mr-8",
@@ -39731,7 +39890,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$q, [
         createElementVNode("div", _hoisted_2$i, [
-          _ctx.showAddButton ? (openBlock(), createBlock(_sfc_main$1E, {
+          _ctx.showAddButton ? (openBlock(), createBlock(_sfc_main$1F, {
             key: 0,
             disabled: _ctx.addButtonDisabled === true,
             "menu-items": addButtonItems,
@@ -39866,7 +40025,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(actualLocales.value, (locale) => {
           return openBlock(), createElementBlock(Fragment$1, { key: locale }, [
             isVisibleLocale(locale) ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
-              createVNode(_sfc_main$1D, {
+              createVNode(_sfc_main$1E, {
                 id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                 autocomplete: _ctx.autocomplete,
                 class: normalizeClass({ modified: modifiedByLocale(locale), "required-locale": isRequiredLocale(locale) }),
@@ -39896,7 +40055,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -40001,7 +40160,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(actualLocales.value, (locale) => {
           return openBlock(), createElementBlock(Fragment$1, { key: locale }, [
             isVisibleLocale(locale) ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
-              createVNode(_sfc_main$1a, {
+              createVNode(_sfc_main$1b, {
                 id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                 autocomplete: _ctx.autocomplete,
                 class: normalizeClass({ modified: modifiedByLocale(locale), "required-locale": isRequiredLocale(locale) }),
@@ -40031,7 +40190,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -40136,7 +40295,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(actualLocales.value, (locale) => {
           return openBlock(), createElementBlock(Fragment$1, { key: locale }, [
             isVisibleLocale(locale) ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
-              createVNode(_sfc_main$Y, {
+              createVNode(_sfc_main$Z, {
                 id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                 autocomplete: _ctx.autocomplete,
                 class: normalizeClass({ modified: modifiedByLocale(locale) }),
@@ -40172,7 +40331,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
@@ -40312,7 +40471,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ]),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
@@ -67972,7 +68131,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           tabindex: _ctx.tabindex,
           class: "flex-grow-1"
         }, toHandlers(handlers2)), null, 16, ["disabled", "extensions", "model-value", "name", "style", "tabindex"]),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
@@ -68015,12 +68174,15 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         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);
     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 +68272,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             }, 8, ["tabs"])
           ])
         ]),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
@@ -68233,7 +68395,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock(Fragment$1, { key: locale }, [
             isVisibleLocale(locale) ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
               createVNode(_sfc_main$n, {
-                class: normalizeClass([{ modified: modifiedByLocale(locale) }, "flex-grow-1"]),
+                class: normalizeClass([{ modified: modifiedByLocale(locale) }, "flex-grow-1 w-full"]),
                 "data-multi-lang-locale": locale,
                 disabled: _ctx.disabled,
                 "extra-validation-rules": extraValidationRulesByLocale(locale),
@@ -68261,7 +68423,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
@@ -68287,7 +68449,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       emit("changeLocale", locale || blueseaConfig.defaultLocale);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1H, {
+      return openBlock(), createBlock(_sfc_main$1I, {
         items: localeList.value,
         "label-provider": (item) => item.displayName || "",
         "model-value": unref(blueseaConfig).currentLocale,
@@ -68386,7 +68548,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 ((_a2 = _ctx.config.captions) == null ? void 0 : _a2[index - 1]) ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$i, null, 512)), [
                   [unref(vT), (_b = _ctx.config.captions) == null ? void 0 : _b[index - 1]]
                 ]) : createCommentVNode("", true),
-                createVNode(_sfc_main$1D, {
+                createVNode(_sfc_main$1E, {
                   id: `${_ctx.id}${index}`,
                   modelValue: nameValue.value[`name${index}`],
                   "onUpdate:modelValue": [($event) => nameValue.value[`name${index}`] = $event, emitValue],
@@ -68405,7 +68567,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             ], 64);
           }), 128))
         ], 512),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 0,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
@@ -68537,7 +68699,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             class: "bs-layout-horizontal-inline gap-2 align-items-center",
             role: "textbox"
           }, [
-            showCountryCode.value ? (openBlock(), createBlock(_sfc_main$1H, {
+            showCountryCode.value ? (openBlock(), createBlock(_sfc_main$1I, {
               key: 0,
               modelValue: countryNo.value,
               "onUpdate:modelValue": [
@@ -68551,7 +68713,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               "label-provider": (countryInfo) => countryInfo.name,
               "value-provider": (countryInfo) => countryInfo.code
             }, null, 8, ["modelValue", "allow-null", "class", "disabled", "items", "label-provider", "value-provider"])) : createCommentVNode("", true),
-            inputCount.value === 1 ? (openBlock(), createBlock(_sfc_main$1D, {
+            inputCount.value === 1 ? (openBlock(), createBlock(_sfc_main$1E, {
               key: 1,
               id: _ctx.id,
               modelValue: phoneNo.value,
@@ -68565,7 +68727,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               width: "10em",
               onChange: emitValue
             }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"])) : (openBlock(), createElementBlock(Fragment$1, { key: 2 }, [
-              createVNode(_sfc_main$1D, {
+              createVNode(_sfc_main$1E, {
                 id: `${_ctx.id}1`,
                 modelValue: phoneNo1.value,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => phoneNo1.value = $event),
@@ -68579,7 +68741,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 onChange: emitValue
               }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"]),
               _cache[5] || (_cache[5] = createTextVNode(" - ")),
-              createVNode(_sfc_main$1D, {
+              createVNode(_sfc_main$1E, {
                 id: `${_ctx.id}2`,
                 modelValue: phoneNo2.value,
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => phoneNo2.value = $event),
@@ -68593,7 +68755,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 onChange: emitValue
               }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"]),
               _cache[6] || (_cache[6] = createTextVNode(" - ")),
-              createVNode(_sfc_main$1D, {
+              createVNode(_sfc_main$1E, {
                 id: `${_ctx.id}3`,
                 modelValue: phoneNo3.value,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => phoneNo3.value = $event),
@@ -68608,7 +68770,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"])
             ], 64))
           ], 512),
-          !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+          !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
             key: 0,
             errors: unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -68653,7 +68815,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           _ctx.selectedConfig.zipCodeCaption ? withDirectives((openBlock(), createElementBlock("span", _hoisted_3$6, null, 512)), [
             [unref(vT), _ctx.selectedConfig.zipCodeCaption]
           ]) : createCommentVNode("", true),
-          createVNode(_sfc_main$1D, {
+          createVNode(_sfc_main$1E, {
             id: `${_ctx.id}ZipCode`,
             class: normalizeClass({ error: _ctx.markError }),
             disabled: _ctx.disabled || !!_ctx.selectedConfig.zipCodeButtonHandler,
@@ -68780,7 +68942,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           createTextVNode(toDisplayString(unref(serializeAddress)(_ctx.modelValue)), 1)
         ], 64)) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
           _ctx.config.countries && _ctx.config.countries.length > 0 || selectedConfig.value.zipCodePosition === "before-input" ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
-            _ctx.config.countries && _ctx.config.countries.length > 0 ? (openBlock(), createBlock(_sfc_main$1H, {
+            _ctx.config.countries && _ctx.config.countries.length > 0 ? (openBlock(), createBlock(_sfc_main$1I, {
               key: 0,
               modelValue: addrValue.value.countryCode,
               "onUpdate:modelValue": [
@@ -68817,7 +68979,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   ((_a2 = selectedConfig.value.captions) == null ? void 0 : _a2[index - 1]) ? withDirectives((openBlock(), createElementBlock("span", _hoisted_3$5, null, 512)), [
                     [unref(vT), (_b = selectedConfig.value.captions) == null ? void 0 : _b[index - 1]]
                   ]) : createCommentVNode("", true),
-                  createVNode(_sfc_main$1D, {
+                  createVNode(_sfc_main$1E, {
                     id: `${_ctx.name}_${index}`,
                     modelValue: addrValue.value[`address${index}`],
                     "onUpdate:modelValue": [($event) => addrValue.value[`address${index}`] = $event, emitValue],
@@ -68850,7 +69012,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             "onUpdate:address": updateAddress
           }, null, 8, ["id", "modelValue", "disabled", "mark-error", "name", "selected-config", "view-mode"])) : createCommentVNode("", true)
         ], 64)),
-        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1I, {
+        !_ctx.viewMode ? (openBlock(), createBlock(_sfc_main$1J, {
           key: 2,
           errors: unref(errors),
           "hide-error-message": _ctx.hideErrorMessage
@@ -69468,7 +69630,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(hideContextMenu, ["prevent"]),
           onContextmenu: withModifiers(hideContextMenu, ["prevent"])
         }, null, 32)) : createCommentVNode("", true),
-        menuItems.value ? (openBlock(), createBlock(_sfc_main$1F, {
+        menuItems.value ? (openBlock(), createBlock(_sfc_main$1G, {
           key: 1,
           left: position.value.x,
           "menu-items": menuItems.value,
@@ -70052,7 +70214,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const context = useDefaultFrame();
-    const menuLink = computed(() => props.menu.menu.pages && props.menu.menu.pages.length > 0 ? `${context.config.framePrefix}/${props.menu.menu.pages[0].pageId}` : void 0);
+    const menuLink = computed(() => (!props.menu.subMenuView || props.menu.subMenuView.length === 0) && (props.menu.menu.pages && props.menu.menu.pages.length > 0) ? `${context.config.framePrefix}/${props.menu.menu.pages[0].pageId}` : void 0);
     const isFavoriteMenu = computed(() => {
       var _a2;
       return (_a2 = props.favorites) == null ? void 0 : _a2.includes(props.menu.menu.menuId);
@@ -70446,7 +70608,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           class: "tab-list-button font-icon",
           onClick: _cache[0] || (_cache[0] = ($event) => togglePopup())
         }, "keyboard_arrow_down"),
-        showPopup.value ? (openBlock(), createBlock(_sfc_main$1J, {
+        showPopup.value ? (openBlock(), createBlock(_sfc_main$1K, {
           key: 0,
           ref_key: "popupRef",
           ref: popupRef,
@@ -70679,32 +70841,32 @@ const localeNameProvider = (locale) => {
 const BLUESEA_VERSION = "5.0.0";
 export {
   Editor$1 as $,
-  _sfc_main$1G as A,
+  _sfc_main$1H as A,
   BSButton as B,
-  _sfc_main$1E as C,
+  _sfc_main$1F as C,
   BSLink as D,
-  _sfc_main$1B as E,
+  _sfc_main$1C as E,
   BSConsole as F,
   BSLoadingIcon as G,
-  _sfc_main$1y as H,
-  _sfc_main$1x as I,
-  _sfc_main$1w as J,
-  _sfc_main$1v as K,
-  _sfc_main$1t as L,
-  _sfc_main$1s as M,
-  _sfc_main$1r as N,
-  _sfc_main$1p as O,
-  _sfc_main$1n as P,
-  _sfc_main$1k as Q,
-  _sfc_main$1i as R,
-  _sfc_main$1m as S,
-  _sfc_main$1h as T,
-  _sfc_main$1H as U,
-  _sfc_main$1g as V,
-  _sfc_main$1d as W,
-  _sfc_main$1c as X,
+  _sfc_main$1z as H,
+  _sfc_main$1y as I,
+  _sfc_main$1x as J,
+  _sfc_main$1w as K,
+  _sfc_main$1u as L,
+  _sfc_main$1t as M,
+  _sfc_main$1s as N,
+  _sfc_main$1q as O,
+  _sfc_main$1o as P,
+  _sfc_main$1l as Q,
+  _sfc_main$1j as R,
+  _sfc_main$1n as S,
+  _sfc_main$1i as T,
+  _sfc_main$1I as U,
+  _sfc_main$1h as V,
+  _sfc_main$1e as W,
+  _sfc_main$1d as X,
   BSPopupSelect as Y,
-  _sfc_main$1a as Z,
+  _sfc_main$1b as Z,
   _sfc_main$d as _,
   _sfc_main$A as a,
   PageGridHandlerImpl as a$,
@@ -70749,7 +70911,7 @@ export {
   BSListControl as ab,
   _sfc_main$w as ac,
   _sfc_main$v as ad,
-  _sfc_main$1e as ae,
+  _sfc_main$1f as ae,
   BSTreeControl as af,
   _sfc_main$t as ag,
   _sfc_main$s as ah,
@@ -70764,14 +70926,14 @@ export {
   _sfc_main$g as aq,
   _sfc_main$o as ar,
   _sfc_main$n as as,
-  _sfc_main$1K as at,
-  _sfc_main$1J as au,
-  _sfc_main$1q as av,
-  _sfc_main$1o as aw,
+  _sfc_main$1L as at,
+  _sfc_main$1K as au,
+  _sfc_main$1r as av,
+  _sfc_main$1p as aw,
   _sfc_main$e as ax,
   _sfc_main$b as ay,
   BSAlarmFrame as az,
-  _sfc_main$1L as b,
+  _sfc_main$1M as b,
   equalFilter as b$,
   EditablePageGridHandlerImpl as b0,
   InputGridHandlerImpl as b1,
@@ -70836,7 +70998,7 @@ export {
   executeBetweenLengthValidation as bx,
   executeBetweenValueValidation as by,
   executeDateRangeValidation as bz,
-  _sfc_main$1D as c,
+  _sfc_main$1E as c,
   betweenFilter as c0,
   betweenDateFilter as c1,
   isNullFilter as c2,
@@ -70890,18 +71052,18 @@ export {
   LocalStorageFavoriteMenuHandler as cx,
   DefaultFrameContext as cy,
   createDefaultFrameContext as cz,
-  _sfc_main$Y as d,
+  _sfc_main$Z as d,
   extractYoutubeVideoId as e,
   buildYoutubeUrl as f,
   createInputGridHandler as g,
   _sfc_main$I as h,
   isYoutubeNocookieUrl as i,
-  _sfc_main$1u as j,
-  _sfc_main$1j as k,
+  _sfc_main$1v as j,
+  _sfc_main$1k as k,
   vFocusOnLoad as l,
   componentUtil as m,
   notNull as n,
-  _sfc_main$1l as o,
+  _sfc_main$1m as o,
   formValidator as p,
   findImageNode as q,
   imageInfoNumberToPixel as r,