@g1cloud/bluesea 5.0.0-beta.19 → 5.0.0-beta.20

package/dist/bluesea.umd.cjs

@@ -790,7 +790,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       hideTooltip$1();
     }
   };
-  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSButton",
     props: {
       caption: {},
@@ -839,8 +839,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return target;
   };
-  const BSButton = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__scopeId", "data-v-b7ae95cb"]]);
-  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
+  const BSButton = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__scopeId", "data-v-b7ae95cb"]]);
+  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSFormLabel",
     props: {
       label: {},
@@ -883,9 +883,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     waitDuring,
     tryUntil
   };
-  const _hoisted_1$1G = ["data-popup-id"];
+  const _hoisted_1$1H = ["data-popup-id"];
   const ADJUST_OFFSET = 8;
-  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPopup",
     props: {
       popupId: {},
@@ -1068,7 +1068,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 onKeydown: _cache[1] || (_cache[1] = ($event) => emit("keydown", $event))
               }, [
                 vue.renderSlot(_ctx.$slots, "default")
-              ], 46, _hoisted_1$1G)
+              ], 46, _hoisted_1$1H)
             ]),
             _: 3
           })
@@ -1110,20 +1110,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     };
   };
-  const _hoisted_1$1F = {
+  const _hoisted_1$1G = {
     key: 0,
     class: "popup-search pa-4"
   };
-  const _hoisted_2$1j = ["data-value", "onMouseover", "onClick"];
-  const _hoisted_3$T = {
+  const _hoisted_2$1k = ["data-value", "onMouseover", "onClick"];
+  const _hoisted_3$U = {
     key: 0,
     class: "label"
   };
-  const _hoisted_4$y = {
+  const _hoisted_4$z = {
     key: 1,
     class: "label null-label"
   };
-  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
     __name: "BSSelectPopup",
     props: {
       items: {},
@@ -1264,7 +1264,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         handleKeyboard
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1_, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1$, {
           "base-element": _ctx.baseElement,
           "max-height": _ctx.maxHeight,
           "offset-from-base-element": 4,
@@ -1275,7 +1275,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           onKeydown: vue.withKeys(vue.withModifiers(handleKeyboard, ["stop", "prevent"]), ["enter", "down", "up"])
         }, {
           default: vue.withCtx(() => [
-            actualShowSearch.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1F, [
+            actualShowSearch.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1G, [
               vue.withDirectives(vue.createElementVNode("input", {
                 type: "text",
                 onInput: setSearchKeyword,
@@ -1305,12 +1305,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   onClick: vue.withModifiers(($event) => selectPopupItem(item == null ? void 0 : item.original), ["stop"])
                 }, [
                   _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "checkbox" }, null, -1)),
-                  item !== void 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", _hoisted_3$T, null, 512)), [
+                  item !== void 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", _hoisted_3$U, null, 512)), [
                     [vue.unref(vT), item == null ? void 0 : item.label]
-                  ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", _hoisted_4$y, null, 512)), [
+                  ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", _hoisted_4$z, null, 512)), [
                     [vue.unref(vT), _ctx.nullLabel]
                   ])
-                ], 42, _hoisted_2$1j);
+                ], 42, _hoisted_2$1k);
               }), 128))
             ], 512)
           ]),
@@ -1671,8 +1671,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this.isModified(this.valueProvider.getCurrentValue());
     }
   }
-  const _hoisted_1$1E = { key: 0 };
-  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1F = { key: 0 };
+  const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
     __name: "ValidationErrors",
     props: {
       errors: {},
@@ -1680,7 +1680,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return !_ctx.hideErrorMessage && _ctx.errors && _ctx.errors.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1E, [
+        return !_ctx.hideErrorMessage && _ctx.errors && _ctx.errors.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1F, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.errors, (error) => {
             return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
               key: error.code,
@@ -1727,22 +1727,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return defaultKey(item);
   };
-  const _hoisted_1$1D = ["tabindex", "onKeydown"];
-  const _hoisted_2$1i = { key: 0 };
-  const _hoisted_3$S = ["data-field-name"];
-  const _hoisted_4$x = {
+  const _hoisted_1$1E = ["tabindex", "onKeydown"];
+  const _hoisted_2$1j = { key: 0 };
+  const _hoisted_3$T = ["data-field-name"];
+  const _hoisted_4$y = {
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_5$j = {
+  const _hoisted_5$k = {
     key: 1,
     class: "label"
   };
-  const _hoisted_6$c = {
+  const _hoisted_6$d = {
     key: 2,
     class: "small-progress"
   };
-  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
     __name: "BSSelect",
     props: {
       modelValue: {},
@@ -1883,7 +1883,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             vue.withKeys(handleTabKey, ["tab"])
           ]
         }, [
-          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1i, null, 512)), [
+          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1j, null, 512)), [
             [vue.unref(vT), selectedItemLabel.value]
           ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createElementVNode("div", {
@@ -1893,15 +1893,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "selected w-full",
               role: "listbox"
             }, [
-              selectedItem.value === void 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$x, null, 512)), [
+              selectedItem.value === void 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$y, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder || { key: " ", html: true }]
-              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_5$j, null, 512)), [
+              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_5$k, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
               _cache[4] || (_cache[4] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$c, "progress_activity")) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_3$S),
-            !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$d, "progress_activity")) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$T),
+            !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
               key: 0,
               ref_key: "selectPopup",
               ref: selectPopup,
@@ -1923,19 +1923,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 focusToRoot();
               })
             }, null, 8, ["allow-null", "base-element", "initial-item", "items", "label-provider", "max-height", "null-label", "popup-align", "popup-direction", "selected-items", "show-search", "value-provider"])) : vue.createCommentVNode("", true),
-            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
               key: 1,
               errors: vue.unref(errors),
               "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
             }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
           ], 64))
-        ], 42, _hoisted_1$1D)), [
+        ], 42, _hoisted_1$1E)), [
           [vue.unref(vClickOutside), () => togglePopup(false)]
         ]);
       };
     }
   });
-  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
     __name: "BSYesNoSelect",
     props: {
       name: {},
@@ -1970,7 +1970,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         emit("update:modelValue", value2 === void 0 ? void 0 : value2 === "Y");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1X, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
           "allow-null": _ctx.allowNull,
           disabled: _ctx.disabled,
           "hide-error-message": _ctx.hideErrorMessage,
@@ -2036,11 +2036,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const createContextMenuPlugin = () => {
     return new BSContextMenuPlugin();
   };
-  const _hoisted_1$1C = ["data-menu-id"];
-  const _hoisted_2$1h = ["href", "target"];
-  const _hoisted_3$R = ["data-menu-id"];
-  const _hoisted_4$w = ["data-menu-id", "onMouseenter", "onClick"];
-  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1D = ["data-menu-id"];
+  const _hoisted_2$1i = ["href", "target"];
+  const _hoisted_3$S = ["data-menu-id"];
+  const _hoisted_4$x = ["data-menu-id", "onMouseenter", "onClick"];
+  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
     __name: "BSContextMenu",
     props: {
       menuItems: {},
@@ -2085,7 +2085,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return (_ctx, _cache) => {
         const _component_router_link = vue.resolveComponent("router-link");
         const _component_BSContextMenu = vue.resolveComponent("BSContextMenu", true);
-        return vue.openBlock(), vue.createBlock(_sfc_main$1_, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1$, {
           ref: "root",
           "base-element": _ctx.baseElement || { left: _ctx.left || 0, top: _ctx.top || 0 },
           "popup-direction": _ctx.direction,
@@ -2119,10 +2119,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                     href: menu.href,
                     target: menu.target,
                     onClick: vue.withModifiers(handleLinkClick, ["stop"])
-                  }, null, 8, _hoisted_2$1h), [
+                  }, null, 8, _hoisted_2$1i), [
                     [vue.unref(vT), menu.caption]
                   ])
-                ], 8, _hoisted_1$1C)) : menu.type === "route" ? (vue.openBlock(), vue.createElementBlock("div", {
+                ], 8, _hoisted_1$1D)) : menu.type === "route" ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 3,
                   "data-menu-id": menu.menuId,
                   class: "menu no-padding",
@@ -2134,14 +2134,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   }, null, 8, ["to"]), [
                     [vue.unref(vT), menu.caption]
                   ])
-                ], 8, _hoisted_3$R)) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+                ], 8, _hoisted_3$S)) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                   key: 4,
                   class: vue.normalizeClass([{ "has-submenu": menu.children, disabled: menu.disabled }, "menu"]),
                   "data-menu-id": menu.menuId,
                   "data-id": "context-menu-item",
                   onMouseenter: ($event) => showSubmenu($event, menu),
                   onClick: vue.withModifiers(($event) => handleMenuClick(menu), ["stop"])
-                }, null, 42, _hoisted_4$w)), [
+                }, null, 42, _hoisted_4$x)), [
                   [vue.unref(vT), menu.caption]
                 ])
               ], 64);
@@ -2415,7 +2415,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return trim ? value == null ? void 0 : value.trim() : value;
     }
   };
-  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPopupButton",
     props: {
       caption: {},
@@ -2452,14 +2452,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             onKeydown: _cache[0] || (_cache[0] = vue.withKeys(() => togglePopup(false), ["esc"]))
           }, null, 8, ["button-color", "caption", "class", "disabled", "left-icon", "right-icon"]),
           showPopup.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            _ctx.menuItems ? (vue.openBlock(), vue.createBlock(_sfc_main$1V, {
+            _ctx.menuItems ? (vue.openBlock(), vue.createBlock(_sfc_main$1W, {
               key: 0,
               "base-element": root.value,
               "menu-items": _ctx.menuItems,
               "popup-id": vue.unref(popupId),
               onRequestClose: _cache[1] || (_cache[1] = ($event) => togglePopup(false)),
               onMenuClicked: _cache[2] || (_cache[2] = ($event) => togglePopup(false))
-            }, null, 8, ["base-element", "menu-items", "popup-id"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
+            }, null, 8, ["base-element", "menu-items", "popup-id"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1$, {
               key: 1,
               "base-element": root.value,
               "popup-align": _ctx.popupAlign,
@@ -2479,26 +2479,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1B = {
+  const _hoisted_1$1C = {
     key: 0,
     class: "view-mode"
   };
-  const _hoisted_2$1g = {
+  const _hoisted_2$1h = {
     key: 1,
     class: "prefix"
   };
-  const _hoisted_3$Q = { class: "font-icon" };
-  const _hoisted_4$v = {
+  const _hoisted_3$R = { class: "font-icon" };
+  const _hoisted_4$w = {
     key: 2,
     class: "prefix"
   };
-  const _hoisted_5$i = ["src"];
-  const _hoisted_6$b = ["textContent"];
-  const _hoisted_7$6 = {
+  const _hoisted_5$j = ["src"];
+  const _hoisted_6$c = ["textContent"];
+  const _hoisted_7$7 = {
     key: 1,
     class: "suffix"
   };
-  const _hoisted_8$5 = { class: "font-icon" };
+  const _hoisted_8$6 = { class: "font-icon" };
   const _hoisted_9$3 = {
     key: 2,
     class: "suffix"
@@ -2529,7 +2529,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     class: "suffix"
   };
   const _hoisted_20 = ["src"];
-  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTextInput",
     props: {
       id: {},
@@ -2645,7 +2645,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           class: vue.normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-text-input"]),
           style: vue.normalizeStyle({ width: _ctx.width })
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1B, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1C, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getPrefixSuffixList(_ctx.prefix), (item) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                 item.type === "text" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -2653,19 +2653,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   class: "prefix"
                 })), [
                   [vue.unref(vT), item.value]
-                ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1g, [
-                  vue.createElementVNode("span", _hoisted_3$Q, vue.toDisplayString(item.value), 1)
-                ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$v, [
+                ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1h, [
+                  vue.createElementVNode("span", _hoisted_3$R, vue.toDisplayString(item.value), 1)
+                ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$w, [
                   vue.createElementVNode("img", {
                     src: item.value,
                     alt: "prefix"
-                  }, null, 8, _hoisted_5$i)
+                  }, null, 8, _hoisted_5$j)
                 ])) : vue.createCommentVNode("", true)
               ], 64);
             }), 256)),
             vue.createElementVNode("span", {
               textContent: vue.toDisplayString(vue.unref(stringValue))
-            }, null, 8, _hoisted_6$b),
+            }, null, 8, _hoisted_6$c),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getPrefixSuffixList(_ctx.suffix), (item) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                 item.type === "text" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -2673,8 +2673,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   class: "suffix"
                 })), [
                   [vue.unref(vT), item.value]
-                ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$6, [
-                  vue.createElementVNode("span", _hoisted_8$5, vue.toDisplayString(item.value), 1)
+                ]) : item.type === "font-icon" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$7, [
+                  vue.createElementVNode("span", _hoisted_8$6, vue.toDisplayString(item.value), 1)
                 ])) : item.type === "image-url" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$3, [
                   vue.createElementVNode("img", {
                     src: item.value,
@@ -2739,7 +2739,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ], 64);
             }), 256))
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -2748,9 +2748,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1A = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
-  const _hoisted_2$1f = ["href", "target"];
-  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1B = { class: "bs-link bs-layout-horizontal-inline flex-align-center" };
+  const _hoisted_2$1g = ["href", "target"];
+  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
     __name: "BSLink",
     props: {
       path: {},
@@ -2759,33 +2759,33 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1A, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1B, [
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "font-icon mr-4" }, "link", -1)),
           vue.withDirectives(vue.createElementVNode("a", {
             href: _ctx.path,
             target: _ctx.target
-          }, null, 8, _hoisted_2$1f), [
+          }, null, 8, _hoisted_2$1g), [
             [vue.unref(vT), _ctx.caption || _ctx.path]
           ])
         ]);
       };
     }
   });
-  const BSLink = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__scopeId", "data-v-29df56e5"]]);
-  const _hoisted_1$1z = {
+  const BSLink = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__scopeId", "data-v-29df56e5"]]);
+  const _hoisted_1$1A = {
     key: 0,
     class: "show-percent",
     style: { "left": "100%" }
   };
-  const _hoisted_2$1e = {
+  const _hoisted_2$1f = {
     key: 1,
     class: "show-percent right-0 text-white"
   };
-  const _hoisted_3$P = {
+  const _hoisted_3$Q = {
     key: 1,
     class: "indeterminate"
   };
-  const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
     __name: "BSProgressBar",
     props: {
       width: { default: "200px" },
@@ -2811,15 +2811,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             style: vue.normalizeStyle({ width: calculateProgress.value + "%" }),
             class: "inner-progressbar"
           }, [
-            calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1z, vue.toDisplayString(calculatePercent.value) + "% ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1e, vue.toDisplayString(calculatePercent.value) + "% ", 1))
-          ], 4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$P, _cache[0] || (_cache[0] = [
+            calculateProgress.value !== void 0 && calculateProgress.value < 50 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1A, vue.toDisplayString(calculatePercent.value) + "% ", 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1f, vue.toDisplayString(calculatePercent.value) + "% ", 1))
+          ], 4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$Q, _cache[0] || (_cache[0] = [
             vue.createElementVNode("div", { class: "in-box" }, null, -1)
           ])))
         ], 4);
       };
     }
   });
-  const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
     __name: "BSConsole",
     props: {
       texts: {},
@@ -2839,17 +2839,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const BSConsole = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["__scopeId", "data-v-f33a4477"]]);
-  const _sfc_main$1P = {};
-  const _hoisted_1$1y = { class: "bs-loading-icon" };
+  const BSConsole = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["__scopeId", "data-v-f33a4477"]]);
+  const _sfc_main$1Q = {};
+  const _hoisted_1$1z = { class: "bs-loading-icon" };
   function _sfc_render$1(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1y, _cache[0] || (_cache[0] = [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1z, _cache[0] || (_cache[0] = [
       vue.createElementVNode("span", { class: "font-icon" }, "progress_activity", -1)
     ]));
   }
-  const BSLoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_render$1]]);
-  const _hoisted_1$1x = { class: "bs-date" };
-  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
+  const BSLoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1]]);
+  const _hoisted_1$1y = { class: "bs-date" };
+  const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDate",
     props: {
       value: {},
@@ -2860,13 +2860,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const props = __props;
       const formatted = vue.computed(() => formatUtil.formatDateString(props.value, props.format, props.timeZone));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1x, vue.toDisplayString(formatted.value), 1);
+        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1y, vue.toDisplayString(formatted.value), 1);
       };
     }
   });
-  const _hoisted_1$1w = { class: "page-navigation" };
-  const _hoisted_2$1d = ["data-page", "onClick"];
-  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1x = { class: "page-navigation" };
+  const _hoisted_2$1e = ["data-page", "onClick"];
+  const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPageNavigation",
     props: {
       totalCount: { default: 0 },
@@ -2926,7 +2926,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1w, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1x, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "disabled": isFirstSet.value }, "font-icon first"]),
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => !isFirstSet.value && goToPage(1), ["prevent"]))
@@ -2941,7 +2941,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: vue.normalizeClass([{ on: page === currentPage.value }, "page"]),
               "data-page": page,
               onClick: vue.withModifiers(($event) => goToPage(page), ["prevent"])
-            }, vue.toDisplayString(page), 11, _hoisted_2$1d);
+            }, vue.toDisplayString(page), 11, _hoisted_2$1e);
           }), 128)),
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "disabled": isLastSet.value }, "font-icon next"]),
@@ -2955,22 +2955,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1v = { class: "bs-calendar bs-layout-vertical-inline" };
-  const _hoisted_2$1c = { class: "bs-layout-horizontal justify-content-between align-items-center gap-8" };
-  const _hoisted_3$O = { class: "year-month bs-layout-horizontal gap-4" };
-  const _hoisted_4$u = { class: "timezone" };
-  const _hoisted_5$h = { class: "weekdays" };
-  const _hoisted_6$a = ["onClick"];
-  const _hoisted_7$5 = {
+  const _hoisted_1$1w = { class: "bs-calendar bs-layout-vertical-inline" };
+  const _hoisted_2$1d = { class: "bs-layout-horizontal justify-content-between align-items-center gap-8" };
+  const _hoisted_3$P = { class: "year-month bs-layout-horizontal gap-4" };
+  const _hoisted_4$v = { class: "timezone" };
+  const _hoisted_5$i = { class: "weekdays" };
+  const _hoisted_6$b = ["onClick"];
+  const _hoisted_7$6 = {
     key: 0,
     class: "bs-layout-horizontal justify-content-center mt-8"
   };
-  const _hoisted_8$4 = { class: "select-wrap w-full pa-8 d-flex justify-content-center align-items-center" };
+  const _hoisted_8$5 = { class: "select-wrap w-full pa-8 d-flex justify-content-center align-items-center" };
   const _hoisted_9$2 = {
     key: 1,
     class: "extra-dates bs-layout-vertical gap-2 mt-8"
   };
-  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
     __name: "BSCalendar",
     props: {
       modelValue: {},
@@ -3148,21 +3148,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1v, [
-          vue.createElementVNode("div", _hoisted_2$1c, [
-            vue.createElementVNode("div", _hoisted_3$O, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1w, [
+          vue.createElementVNode("div", _hoisted_2$1d, [
+            vue.createElementVNode("div", _hoisted_3$P, [
               vue.createVNode(BSButton, {
                 class: "border-0 pa-0",
                 "left-icon": "chevron_left",
                 onClick: prevMonth
               }),
-              vue.createVNode(_sfc_main$1X, {
+              vue.createVNode(_sfc_main$1Y, {
                 modelValue: year.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => year.value = $event),
                 disabled: _ctx.disabled,
                 items: years.value
               }, null, 8, ["modelValue", "disabled", "items"]),
-              vue.createVNode(_sfc_main$1X, {
+              vue.createVNode(_sfc_main$1Y, {
                 modelValue: month.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => month.value = $event),
                 disabled: _ctx.disabled,
@@ -3174,13 +3174,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 onClick: nextMonth
               })
             ]),
-            vue.createElementVNode("div", _hoisted_4$u, " (" + vue.toDisplayString(vue.unref(blueseaConfig).timeZoneNameProvider(actualTimeZone.value)) + ") ", 1)
+            vue.createElementVNode("div", _hoisted_4$v, " (" + vue.toDisplayString(vue.unref(blueseaConfig).timeZoneNameProvider(actualTimeZone.value)) + ") ", 1)
           ]),
           vue.createElementVNode("table", {
             class: vue.normalizeClass([{ disabled: _ctx.disabled }, "align-self-center"])
           }, [
             vue.createElementVNode("tbody", null, [
-              vue.createElementVNode("tr", _hoisted_5$h, [
+              vue.createElementVNode("tr", _hoisted_5$i, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekdays.value, (day) => {
                   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("th", { key: day })), [
                     [vue.unref(vT), day]
@@ -3199,15 +3199,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                       onClick: () => selectDate(day)
                     }, [
                       vue.createElementVNode("div", null, vue.toDisplayString(day.date()), 1)
-                    ], 10, _hoisted_6$a);
+                    ], 10, _hoisted_6$b);
                   }), 128))
                 ]);
               }), 128))
             ])
           ], 2),
-          ["HOUR", "MINUTE_10", "MINUTE_30", "MINUTE", "SECOND"].includes(_ctx.resolution) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5, [
-            vue.createElementVNode("div", _hoisted_8$4, [
-              vue.createVNode(_sfc_main$1X, {
+          ["HOUR", "MINUTE_10", "MINUTE_30", "MINUTE", "SECOND"].includes(_ctx.resolution) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$6, [
+            vue.createElementVNode("div", _hoisted_8$5, [
+              vue.createVNode(_sfc_main$1Y, {
                 disabled: _ctx.disabled,
                 items: hours,
                 "label-provider": (item) => item < 10 ? "0" + item : item.toString(),
@@ -3216,7 +3216,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "onUpdate:modelValue": updateHour
               }, null, 8, ["disabled", "label-provider", "model-value"]),
               _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "px-4" }, ":", -1)),
-              vue.createVNode(_sfc_main$1X, {
+              vue.createVNode(_sfc_main$1Y, {
                 disabled: _ctx.disabled || _ctx.resolution === "HOUR",
                 items: minutes.value,
                 "label-provider": (item) => item < 10 ? "0" + item : item.toString(),
@@ -3240,16 +3240,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1u = { class: "bs-calendar-range bs-layout-horizontal" };
-  const _hoisted_2$1b = { class: "bs-layout-vertical" };
-  const _hoisted_3$N = { class: "bs-layout-horizontal align-items-center" };
-  const _hoisted_4$t = {
+  const _hoisted_1$1v = { class: "bs-calendar-range bs-layout-horizontal" };
+  const _hoisted_2$1c = { class: "bs-layout-vertical" };
+  const _hoisted_3$O = { class: "bs-layout-horizontal align-items-center" };
+  const _hoisted_4$u = {
     key: 0,
     class: "extra-dates bs-layout-vertical gap-2 mt-8"
   };
-  const _hoisted_5$g = { key: 0 };
-  const _hoisted_6$9 = { key: 1 };
-  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_5$h = { key: 0 };
+  const _hoisted_6$a = { key: 1 };
+  const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
     __name: "BSCalendarRange",
     props: {
       from: {},
@@ -3288,10 +3288,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
       const displayTimeZones = vue.computed(() => [actualTimeZone.value, ...blueseaConfig.getValidDisplayTimeZones()]);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1u, [
-          vue.createElementVNode("div", _hoisted_2$1b, [
-            vue.createElementVNode("div", _hoisted_3$N, [
-              vue.createVNode(_sfc_main$1M, {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1v, [
+          vue.createElementVNode("div", _hoisted_2$1c, [
+            vue.createElementVNode("div", _hoisted_3$O, [
+              vue.createVNode(_sfc_main$1N, {
                 modelValue: fromValue.value,
                 "onUpdate:modelValue": [
                   _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -3309,7 +3309,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "range-type": "from"
               }, null, 8, ["modelValue", "disabled", "display-format", "end-year", "first-day", "range-value", "resolution", "start-year", "time-zone"]),
               _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "tilde" }, "~", -1)),
-              vue.createVNode(_sfc_main$1M, {
+              vue.createVNode(_sfc_main$1N, {
                 modelValue: toValue.value,
                 "onUpdate:modelValue": [
                   _cache[1] || (_cache[1] = ($event) => toValue.value = $event),
@@ -3329,15 +3329,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "range-type": "to"
               }, null, 8, ["modelValue", "disabled", "display-format", "end-year", "first-day", "initial-month", "initial-year", "range-value", "resolution", "start-year", "time-zone"])
             ]),
-            !_ctx.hideExtraDate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$t, [
+            !_ctx.hideExtraDate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$u, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayTimeZones.value, (tz, index) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: `${tz}_${index}`,
                   class: "extra-date"
                 }, [
-                  _ctx.from ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$g, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.from, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true),
+                  _ctx.from ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$h, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.from, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true),
                   _cache[3] || (_cache[3] = vue.createElementVNode("span", null, "~", -1)),
-                  _ctx.to ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$9, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.to, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true)
+                  _ctx.to ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$a, vue.toDisplayString(vue.unref(formatUtil).formatDateString(_ctx.to, _ctx.displayFormat, tz)), 1)) : vue.createCommentVNode("", true)
                 ]);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -3346,17 +3346,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1t = {
+  const _hoisted_1$1u = {
     key: 0,
     class: "view-mode"
   };
-  const _hoisted_2$1a = ["textContent"];
-  const _hoisted_3$M = {
+  const _hoisted_2$1b = ["textContent"];
+  const _hoisted_3$N = {
     key: 1,
     class: "input-area"
   };
-  const _hoisted_4$s = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$t = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
     __name: "BSNumberInput",
     props: {
       id: {},
@@ -3471,7 +3471,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           class: vue.normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-number-input"]),
           style: vue.normalizeStyle({ width: _ctx.width })
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1t, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1u, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(componentUtil).toMultiLangTextArray(_ctx.prefix), (text) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: JSON.stringify(text),
@@ -3482,7 +3482,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }), 128)),
             vue.createElementVNode("span", {
               textContent: vue.toDisplayString(_ctx.formatInViewMode ? formattedStringValue.value : vue.unref(stringValue))
-            }, null, 8, _hoisted_2$1a),
+            }, null, 8, _hoisted_2$1b),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(componentUtil).toMultiLangTextArray(_ctx.suffix), (text) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: JSON.stringify(text),
@@ -3491,7 +3491,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 [vue.unref(vT), text]
               ]);
             }), 128))
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$M, [
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$N, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(componentUtil).toMultiLangTextArray(_ctx.prefix), (text) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: JSON.stringify(text),
@@ -3511,7 +3511,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tabindex: _ctx.tabindex,
               value: focused.value || !_ctx.formatOnBlur ? vue.unref(stringValue) : formattedStringValue.value,
               type: "text"
-            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$s), [
+            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$t), [
               [
                 vue.unref(vT),
                 _ctx.placeholder,
@@ -3528,7 +3528,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]);
             }), 128))
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -3537,19 +3537,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1s = {
+  const _hoisted_1$1t = {
     key: 0,
     class: "view-mode"
   };
-  const _hoisted_2$19 = ["textContent"];
-  const _hoisted_3$L = ["textContent"];
-  const _hoisted_4$r = {
+  const _hoisted_2$1a = ["textContent"];
+  const _hoisted_3$M = ["textContent"];
+  const _hoisted_4$s = {
     key: 1,
     class: "input-area"
   };
-  const _hoisted_5$f = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _hoisted_6$8 = ["textContent"];
-  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_5$g = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_6$9 = ["textContent"];
+  const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPriceInput",
     props: {
       id: {},
@@ -3671,16 +3671,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           class: vue.normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-price-input"]),
           style: vue.normalizeStyle({ width: _ctx.width })
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1s, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1t, [
             vue.createElementVNode("span", {
               class: "price mr-4",
               textContent: vue.toDisplayString(_ctx.formatInViewMode ? formattedStringValue.value : vue.unref(stringValue))
-            }, null, 8, _hoisted_2$19),
+            }, null, 8, _hoisted_2$1a),
             vue.createElementVNode("span", {
               class: "currency-code",
               textContent: vue.toDisplayString(currencyCode.value)
-            }, null, 8, _hoisted_3$L)
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$r, [
+            }, null, 8, _hoisted_3$M)
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$s, [
             vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
               id: _ctx.id,
               ref_key: "field",
@@ -3692,7 +3692,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tabindex: _ctx.tabindex,
               value: focused.value || !_ctx.formatOnBlur ? vue.unref(stringValue) : formattedStringValue.value,
               type: "text"
-            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_5$f), [
+            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_5$g), [
               [
                 vue.unref(vT),
                 _ctx.placeholder,
@@ -3703,9 +3703,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             vue.createElementVNode("div", {
               class: "currency-code",
               textContent: vue.toDisplayString(currencyCode.value)
-            }, null, 8, _hoisted_6$8)
+            }, null, 8, _hoisted_6$9)
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -3714,7 +3714,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPercentInput",
     props: /* @__PURE__ */ vue.mergeModels({
       id: {},
@@ -3762,7 +3762,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const percentMaxValue = vue.computed(() => props.maxValue ? Number((props.maxValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
       const percentMinValue = vue.computed(() => props.minValue ? Number((props.minValue * 100).toFixed(props.maxDecimalPlaces)) : void 0);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1K, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1L, {
           id: _ctx.id,
           autocomplete: _ctx.autocomplete,
           disabled: _ctx.disabled,
@@ -3975,16 +3975,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     yellow: "#FFFF00",
     yellowgreen: "#9ACD32"
   };
-  const _hoisted_1$1r = {
+  const _hoisted_1$1s = {
     key: 0,
     class: "bs-layout-horizontal gap-4 align-items-center view-mode"
   };
-  const _hoisted_2$18 = {
+  const _hoisted_2$19 = {
     key: 1,
     class: "bs-layout-horizontal-inline"
   };
-  const _hoisted_3$K = ["data-field-name", "disabled", "tabindex", "value"];
-  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$L = ["data-field-name", "disabled", "tabindex", "value"];
+  const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
     __name: "BSColorInput",
     props: {
       id: {},
@@ -4077,13 +4077,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-color-input bs-layout-vertical-inline"])
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1r, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1s, [
             vue.createElementVNode("span", {
               style: vue.normalizeStyle({ "background-color": vue.unref(stringValue) }),
               class: "color-preview"
             }, null, 4),
             vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(stringValue)), 1)
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$18, [
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$19, [
             vue.createElementVNode("input", {
               ref_key: "field",
               ref: field,
@@ -4094,8 +4094,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               type: "color",
               onChange: updateColorValue,
               onInput: normalizeColorValue
-            }, null, 40, _hoisted_3$K),
-            vue.createVNode(_sfc_main$1T, {
+            }, null, 40, _hoisted_3$L),
+            vue.createVNode(_sfc_main$1U, {
               modelValue: vue.unref(stringValue),
               "onUpdate:modelValue": [
                 _cache[0] || (_cache[0] = ($event) => vue.isRef(stringValue) ? stringValue.value = $event : null),
@@ -4110,7 +4110,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               "ignore-save-point": ""
             }, null, 8, ["modelValue", "autocomplete", "disabled", "name", "tabindex", "view-mode", "width"])
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -4177,9 +4177,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const normalizeDateInput = (value) => {
     return value.replace(/[^\d-]/g, "");
   };
-  const _hoisted_1$1q = { class: "bs-layout-vertical px-16 py-8" };
-  const _hoisted_2$17 = { class: "bs-layout-horizontal justify-content-center align-items-center gap-8 mt-8 mb-8" };
-  const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1r = { class: "bs-layout-vertical px-16 py-8" };
+  const _hoisted_2$18 = { class: "bs-layout-horizontal justify-content-center align-items-center gap-8 mt-8 mb-8" };
+  const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateInputPopup",
     props: {
       modelValue: {},
@@ -4206,7 +4206,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         emit("close");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1_, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1$, {
           "base-element": _ctx.baseElement,
           "popup-align": _ctx.popupAlign,
           "popup-direction": _ctx.popupDirection,
@@ -4216,8 +4216,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }, ["stop"]))
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$1q, [
-              vue.createVNode(_sfc_main$1M, {
+            vue.createElementVNode("div", _hoisted_1$1r, [
+              vue.createVNode(_sfc_main$1N, {
                 modelValue: date.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date.value = $event),
                 "display-format": _ctx.displayFormat,
@@ -4227,7 +4227,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "start-year": _ctx.selectStartYear,
                 "time-zone": _ctx.timeZone
               }, null, 8, ["modelValue", "display-format", "end-year", "hide-extra-date", "resolution", "start-year", "time-zone"]),
-              vue.createElementVNode("div", _hoisted_2$17, [
+              vue.createElementVNode("div", _hoisted_2$18, [
                 vue.createVNode(BSButton, {
                   caption: { key: "bs.ok" },
                   "button-color": "blue",
@@ -4247,16 +4247,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1p = {
+  const _hoisted_1$1q = {
     key: 0,
     class: "view-mode"
   };
-  const _hoisted_2$16 = {
+  const _hoisted_2$17 = {
     key: 1,
     class: "input-area"
   };
-  const _hoisted_3$J = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$K = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateInput",
     props: {
       id: {},
@@ -4423,9 +4423,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           style: vue.normalizeStyle({ width: _ctx.width }),
           onKeydown: _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1p, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1q, [
             vue.createElementVNode("span", null, vue.toDisplayString(viewModeValue.value), 1)
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$16, [
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$17, [
             vue.createElementVNode("span", {
               class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
               onClick: _cache[0] || (_cache[0] = ($event) => togglePopup())
@@ -4440,7 +4440,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tabindex: _ctx.tabindex,
               value: focused.value ? vue.unref(stringValue) : formattedValue.value,
               type: "text"
-            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_3$J), [
+            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_3$K), [
               [
                 vue.unref(vT),
                 _ctx.placeholder,
@@ -4462,12 +4462,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]);
             }), 128))
           ], 2)) : vue.createCommentVNode("", true),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 3,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true),
-          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1G, {
+          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1H, {
             key: 4,
             "base-element": vue.unref(rootRef),
             "display-format": _ctx.displayFormat,
@@ -4488,9 +4488,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1o = { class: "bs-layout-vertical px-16 py-8" };
-  const _hoisted_2$15 = { class: "bs-layout-horizontal justify-content-end align-items-center gap-8 mt-16 mb-8" };
-  const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1p = { class: "bs-layout-vertical px-16 py-8" };
+  const _hoisted_2$16 = { class: "bs-layout-horizontal justify-content-end align-items-center gap-8 mt-16 mb-8" };
+  const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateRangeInputPopup",
     props: {
       from: {},
@@ -4520,7 +4520,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         emit("close");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1_, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1$, {
           "base-element": _ctx.baseElement,
           "max-height": "auto",
           onRequestClose: close2,
@@ -4528,8 +4528,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }, ["stop"]))
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$1o, [
-              vue.createVNode(_sfc_main$1L, {
+            vue.createElementVNode("div", _hoisted_1$1p, [
+              vue.createVNode(_sfc_main$1M, {
                 from: fromValue.value,
                 "onUpdate:from": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                 to: toValue.value,
@@ -4543,7 +4543,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "start-year": _ctx.selectStartYear,
                 "time-zone": _ctx.timeZone
               }, null, 8, ["from", "to", "disabled-from", "disabled-to", "display-format", "end-year", "hide-extra-date", "resolution", "start-year", "time-zone"]),
-              vue.createElementVNode("div", _hoisted_2$15, [
+              vue.createElementVNode("div", _hoisted_2$16, [
                 vue.createVNode(BSButton, {
                   caption: { key: "bs.ok" },
                   "button-color": "blue",
@@ -4563,17 +4563,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1n = {
+  const _hoisted_1$1o = {
     key: 0,
     class: "view-mode"
   };
-  const _hoisted_2$14 = {
+  const _hoisted_2$15 = {
     key: 1,
     class: "input-area"
   };
-  const _hoisted_3$I = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _hoisted_4$q = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
-  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$J = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _hoisted_4$r = ["id", "disabled", "maxlength", "name", "tabindex", "value"];
+  const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateRange",
     props: {
       idFrom: {},
@@ -4873,9 +4873,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           style: vue.normalizeStyle({ width: _ctx.width }),
           onKeydown: _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(() => togglePopup(false), ["stop", "prevent"]), ["esc"]))
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1n, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1o, [
             vue.createElementVNode("span", null, vue.toDisplayString(formattedDateRange.value), 1)
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$14, [
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$15, [
             vue.createElementVNode("span", {
               class: vue.normalizeClass([{ "bs-clickable": !disabled.value }, "font-icon"]),
               onClick: _cache[0] || (_cache[0] = () => togglePopup())
@@ -4890,7 +4890,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tabindex: _ctx.tabindex,
               value: focusedFrom.value ? vue.unref(stringValueFrom) : formattedFrom.value,
               type: "text"
-            }, vue.toHandlers(handlersFrom, true)), null, 16, _hoisted_3$I), [
+            }, vue.toHandlers(handlersFrom, true)), null, 16, _hoisted_3$J), [
               [
                 vue.unref(vT),
                 _ctx.placeholderFrom,
@@ -4909,7 +4909,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tabindex: _ctx.tabindex,
               value: focusedTo.value ? vue.unref(stringValueTo) : formattedTo.value,
               type: "text"
-            }, vue.toHandlers(handlersTo, true)), null, 16, _hoisted_4$q), [
+            }, vue.toHandlers(handlersTo, true)), null, 16, _hoisted_4$r), [
               [
                 vue.unref(vT),
                 _ctx.placeholderTo,
@@ -4931,12 +4931,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]);
             }), 128))
           ], 2)) : vue.createCommentVNode("", true),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 3,
             errors: errors.value,
             "hide-error-message": _ctx.hideErrorMessage || disabled.value && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true),
-          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1E, {
+          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1F, {
             key: 4,
             "base-element": vue.unref(rootRef),
             "disabled-from": _ctx.disabledFrom,
@@ -5032,18 +5032,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const today = dayjs().tz(timeZone);
     return from ? today.add(-years, "year").startOf("year") : today.add(-years, "year").endOf("year");
   };
-  const _hoisted_1$1m = ["id", "checked", "disabled", "name", "tabindex"];
-  const _hoisted_2$13 = ["for"];
-  const _hoisted_3$H = {
+  const _hoisted_1$1n = ["id", "checked", "disabled", "name", "tabindex"];
+  const _hoisted_2$14 = ["for"];
+  const _hoisted_3$I = {
     key: 0,
     class: "font-icon"
   };
-  const _hoisted_4$p = {
+  const _hoisted_4$q = {
     key: 1,
     class: "text-label"
   };
-  const _hoisted_5$e = ["for"];
-  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_5$f = ["for"];
+  const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
     __name: "BSRadioButton",
     props: {
       id: { default: () => componentUtil.generateNextId("radio") },
@@ -5086,32 +5086,32 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             class: "",
             role: "radio",
             type: "radio"
-          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1m),
+          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1n),
           vue.createElementVNode("label", { for: _ctx.id }, [
-            _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$H, vue.toDisplayString(_ctx.icon), 1)) : vue.createCommentVNode("", true),
-            _ctx.label ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$p, null, 512)), [
+            _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$I, vue.toDisplayString(_ctx.icon), 1)) : vue.createCommentVNode("", true),
+            _ctx.label ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$q, null, 512)), [
               [vue.unref(vT), _ctx.label]
             ]) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_2$13),
+          ], 8, _hoisted_2$14),
           hasLabelSlot.value ? (vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             for: _ctx.id,
             class: "slot-label cursor-pointer"
           }, [
             vue.renderSlot(_ctx.$slots, "default", { disabled: _ctx.disabled })
-          ], 8, _hoisted_5$e)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_5$f)) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const _hoisted_1$1l = ["data-field-name"];
-  const _hoisted_2$12 = { key: 0 };
-  const _hoisted_3$G = {
+  const _hoisted_1$1m = ["data-field-name"];
+  const _hoisted_2$13 = { key: 0 };
+  const _hoisted_3$H = {
     key: 1,
     class: "radio-button-group",
     role: "radiogroup"
   };
-  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
     __name: "BSRadioButtonGroup",
     props: {
       name: { default: () => componentUtil.generateNextName("radioGroup") },
@@ -5191,12 +5191,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           class: vue.normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-radio-button-group"]),
           "data-field-name": _ctx.name
         }, [
-          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$12, null, 512)), [
+          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$13, null, 512)), [
             [vue.unref(vT), modelValueLabel.value]
-          ]) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$G, [
+          ]) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$H, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
               var _a2, _b;
-              return vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$1C, {
+              return vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$1D, {
                 key: itemKey(item),
                 disabled: _ctx.disabled || isDisabledItem(item),
                 icon: (_a2 = _ctx.iconProvider) == null ? void 0 : _a2.call(_ctx, item),
@@ -5211,16 +5211,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]);
             }), 128))
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$1l);
+        ], 10, _hoisted_1$1m);
       };
     }
   });
-  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
     __name: "BSDateRangePresets",
     props: {
       modelValue: {},
@@ -5254,7 +5254,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         { immediate: true }
       );
       return (_ctx, _cache) => {
-        return _ctx.presets && _ctx.presets.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$1B, {
+        return _ctx.presets && _ctx.presets.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$1C, {
           key: 0,
           modelValue: currentPreset.value,
           "onUpdate:modelValue": [
@@ -5269,10 +5269,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1k = ["id", "checked", "disabled", "name", "tabindex"];
-  const _hoisted_2$11 = ["for"];
-  const _hoisted_3$F = ["for"];
-  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1l = ["id", "checked", "disabled", "name", "tabindex"];
+  const _hoisted_2$12 = ["for"];
+  const _hoisted_3$G = ["for"];
+  const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
     __name: "BSCheckbox",
     props: {
       id: { default: () => componentUtil.generateNextId("checkbox") },
@@ -5328,12 +5328,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             tabindex: _ctx.tabindex,
             class: "",
             type: "checkbox"
-          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1k),
+          }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_1$1l),
           _ctx.label ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             for: _ctx.id,
             class: "text-label"
-          }, null, 8, _hoisted_2$11)), [
+          }, null, 8, _hoisted_2$12)), [
             [vue.unref(vT), _ctx.label]
           ]) : vue.createCommentVNode("", true),
           hasLabelSlot.value ? (vue.openBlock(), vue.createElementBlock("label", {
@@ -5342,15 +5342,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             class: "slot-label cursor-pointer"
           }, [
             vue.renderSlot(_ctx.$slots, "default", { disabled: _ctx.disabled })
-          ], 8, _hoisted_3$F)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_3$G)) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const _hoisted_1$1j = ["data-field-name"];
-  const _hoisted_2$10 = { class: "items" };
-  const _hoisted_3$E = ["textContent"];
-  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1k = ["data-field-name"];
+  const _hoisted_2$11 = { class: "items" };
+  const _hoisted_3$F = ["textContent"];
+  const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
     __name: "BSCheckboxGroup",
     props: {
       name: {},
@@ -5456,13 +5456,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           "data-field-name": _ctx.name,
           role: "group"
         }, [
-          vue.createElementVNode("div", _hoisted_2$10, [
+          vue.createElementVNode("div", _hoisted_2$11, [
             _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "view-mode",
               textContent: vue.toDisplayString(modelValueLabels.value)
-            }, null, 8, _hoisted_3$E)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.items, (item) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$1z, {
+            }, null, 8, _hoisted_3$F)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.items, (item) => {
+              return vue.openBlock(), vue.createBlock(_sfc_main$1A, {
                 key: itemKey(item),
                 disabled: _ctx.disabled || isDisabledItem(item),
                 label: itemLabel(item),
@@ -5474,16 +5474,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }, null, 8, ["disabled", "label", "model-value", "name", "tabindex", "onUpdate:modelValue"]);
             }), 128))
           ]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$1j);
+        ], 10, _hoisted_1$1k);
       };
     }
   });
-  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
     __name: "BSYesNoGroup",
     props: {
       name: { default: () => componentUtil.generateNextName("yesNoGroup") },
@@ -5516,7 +5516,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         emit("update:modelValue", value2 === void 0 ? void 0 : value2 === "Y");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1B, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1C, {
           disabled: _ctx.disabled,
           "hide-error-message": _ctx.hideErrorMessage,
           "ignore-save-point": _ctx.ignoreSavePoint,
@@ -5533,30 +5533,30 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _hoisted_1$1i = ["tabindex", "onKeydown"];
-  const _hoisted_2$$ = { key: 0 };
-  const _hoisted_3$D = {
+  const _hoisted_1$1j = ["tabindex", "onKeydown"];
+  const _hoisted_2$10 = { key: 0 };
+  const _hoisted_3$E = {
     key: 0,
     class: "label"
   };
-  const _hoisted_4$o = ["data-field-name"];
-  const _hoisted_5$d = {
+  const _hoisted_4$p = ["data-field-name"];
+  const _hoisted_5$e = {
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_6$7 = {
+  const _hoisted_6$8 = {
     key: 1,
     class: "text-truncate"
   };
-  const _hoisted_7$4 = {
+  const _hoisted_7$5 = {
     key: 0,
     class: "label"
   };
-  const _hoisted_8$3 = {
+  const _hoisted_8$4 = {
     key: 2,
     class: "small-progress"
   };
-  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
     __name: "BSMultiSelect",
     props: {
       modelValue: { default: () => [] },
@@ -5680,8 +5680,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             _cache[4] || (_cache[4] = vue.withKeys(($event) => togglePopup(false), ["tab"]))
           ]
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$$, [
-            _ctx.selectedLabelProvider ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$D, null, 512)), [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$10, [
+            _ctx.selectedLabelProvider ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$E, null, 512)), [
               [vue.unref(vT), _ctx.selectedLabelProvider(selectedItems.value)]
             ]) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(selectedItems.value, (item) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -5699,10 +5699,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "selected w-full",
               role: "listbox"
             }, [
-              selectedItems.value.length === 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_5$d, null, 512)), [
+              selectedItems.value.length === 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_5$e, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder]
-              ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$7, [
-                _ctx.selectedLabelProvider ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, null, 512)), [
+              ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$8, [
+                _ctx.selectedLabelProvider ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_7$5, null, 512)), [
                   [vue.unref(vT), _ctx.selectedLabelProvider(selectedItems.value)]
                 ]) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(selectedItems.value, (item) => {
                   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -5714,9 +5714,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 }), 128))
               ])),
               _cache[5] || (_cache[5] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$3, "progress_activity")) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_4$o),
-            !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$4, "progress_activity")) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_4$p),
+            !_ctx.disabled && showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
               key: 0,
               ref_key: "selectPopup",
               ref: selectPopup,
@@ -5734,12 +5734,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               onRequestClose: _cache[0] || (_cache[0] = ($event) => togglePopup(false))
             }, null, 8, ["base-element", "initial-item", "items", "label-provider", "max-height", "popup-align", "popup-direction", "selected-items", "show-search", "value-provider"])) : vue.createCommentVNode("", true)
           ], 64)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 42, _hoisted_1$1i)), [
+        ], 42, _hoisted_1$1j)), [
           [vue.unref(vClickOutside), () => togglePopup(false)]
         ]);
       };
@@ -5900,20 +5900,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
   };
-  const _hoisted_1$1h = ["textContent"];
-  const _hoisted_2$_ = {
+  const _hoisted_1$1i = ["textContent"];
+  const _hoisted_2$$ = {
     key: 1,
     class: "font-icon w-16 text-gray-400"
   };
-  const _hoisted_3$C = {
+  const _hoisted_3$D = {
     key: 2,
     class: "move-buttons"
   };
-  const _hoisted_4$n = {
+  const _hoisted_4$o = {
     key: 0,
     class: "child-rows"
   };
-  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTreeRow",
     props: {
       row: {},
@@ -6024,8 +6024,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "bs-clickable font-icon",
               onClick: _cache[0] || (_cache[0] = ($event) => selectRow($event, true)),
               textContent: vue.toDisplayString(isSelected.value ? "check_box" : "check_box_outline_blank")
-            }, null, 8, _hoisted_1$1h)) : vue.createCommentVNode("", true),
-            _ctx.iconProvider ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$_, vue.toDisplayString(icon.value || ""), 1)) : vue.createCommentVNode("", true),
+            }, null, 8, _hoisted_1$1i)) : vue.createCommentVNode("", true),
+            _ctx.iconProvider ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$$, vue.toDisplayString(icon.value || ""), 1)) : vue.createCommentVNode("", true),
             vue.withDirectives(vue.createElementVNode("span", {
               class: "caption",
               onClick: _cache[1] || (_cache[1] = ($event) => selectRow($event, $event.shiftKey)),
@@ -6035,7 +6035,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               [vue.unref(vT), label.value],
               [vue.unref(vTreeRowDrag), dragOption]
             ]),
-            _ctx.showMoveButton ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$C, [
+            _ctx.showMoveButton ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$D, [
               vue.createElementVNode("span", {
                 class: "bs-clickable font-icon move-down",
                 onClick: moveDownRow
@@ -6048,7 +6048,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           ], 2)), [
             [vue.unref(vTreeRowDrop), dropOption]
           ]),
-          children.value && children.value.length > 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
+          children.value && children.value.length > 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(children.value, (child) => {
               return vue.openBlock(), vue.createBlock(_component_BSTreeRow, {
                 key: _ctx.keyProvider(child),
@@ -6077,7 +6077,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTree",
     props: {
       data: {},
@@ -6233,7 +6233,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             class: "tree-wrap"
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$1v, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$1w, {
                 key: _ctx.keyProvider(item),
                 "children-provider": _ctx.childrenProvider,
                 "disabled-provider": _ctx.rowDisabledProvider,
@@ -6750,22 +6750,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
   }
-  const _hoisted_1$1g = ["tabindex", "onKeydown"];
-  const _hoisted_2$Z = { key: 0 };
-  const _hoisted_3$B = ["data-field-name"];
-  const _hoisted_4$m = {
+  const _hoisted_1$1h = ["tabindex", "onKeydown"];
+  const _hoisted_2$_ = { key: 0 };
+  const _hoisted_3$C = ["data-field-name"];
+  const _hoisted_4$n = {
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_5$c = {
+  const _hoisted_5$d = {
     key: 1,
     class: "label"
   };
-  const _hoisted_6$6 = {
+  const _hoisted_6$7 = {
     key: 2,
     class: "small-progress"
   };
-  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTreeSelect",
     props: {
       modelValue: {},
@@ -6902,7 +6902,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             _cache[5] || (_cache[5] = vue.withKeys(($event) => togglePopup(false), ["tab"]))
           ]
         }, [
-          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$Z, null, 512)), [
+          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$_, null, 512)), [
             [vue.unref(vT), selectedItemLabel.value]
           ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createElementVNode("div", {
@@ -6912,15 +6912,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "selected w-full",
               role: "listbox"
             }, [
-              !selectedItem.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m, null, 512)), [
+              !selectedItem.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder]
-              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_5$c, null, 512)), [
+              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_5$d, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
               _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, "progress_activity")) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_3$B),
-            showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$7, "progress_activity")) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$C),
+            showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1$, {
               key: 0,
               "base-element": vue.unref(rootRef),
               "max-height": _ctx.popupMaxHeight,
@@ -6932,38 +6932,38 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }, ["stop"]))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$1u, vue.mergeProps({ "bottom-padding": "0" }, vue.unref(treeHandler).tree, vue.toHandlers(vue.unref(treeHandler).treeEventListener)), null, 16)
+                vue.createVNode(_sfc_main$1v, vue.mergeProps({ "bottom-padding": "0" }, vue.unref(treeHandler).tree, vue.toHandlers(vue.unref(treeHandler).treeEventListener)), null, 16)
               ]),
               _: 1
             }, 8, ["base-element", "max-height", "popup-align", "popup-direction"])) : vue.createCommentVNode("", true),
-            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
               key: 1,
               errors: vue.unref(errors),
               "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
             }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
           ], 64))
-        ], 42, _hoisted_1$1g)), [
+        ], 42, _hoisted_1$1h)), [
           [vue.unref(vClickOutside), () => togglePopup(false)]
         ]);
       };
     }
   });
-  const _hoisted_1$1f = ["tabindex", "onKeydown"];
-  const _hoisted_2$Y = { key: 0 };
-  const _hoisted_3$A = ["data-field-name"];
-  const _hoisted_4$l = {
+  const _hoisted_1$1g = ["tabindex", "onKeydown"];
+  const _hoisted_2$Z = { key: 0 };
+  const _hoisted_3$B = ["data-field-name"];
+  const _hoisted_4$m = {
     key: 0,
     class: "placeholder flex-grow-1"
   };
-  const _hoisted_5$b = {
+  const _hoisted_5$c = {
     key: 1,
     class: "label"
   };
-  const _hoisted_6$5 = {
+  const _hoisted_6$6 = {
     key: 2,
     class: "small-progress"
   };
-  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTreeMultiSelect",
     props: {
       modelValue: {},
@@ -7096,7 +7096,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             _cache[6] || (_cache[6] = vue.withKeys(($event) => togglePopup(false), ["tab"]))
           ]
         }, [
-          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$Y, null, 512)), [
+          _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$Z, null, 512)), [
             [vue.unref(vT), selectedItemLabel.value]
           ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createElementVNode("div", {
@@ -7106,15 +7106,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "selected w-full",
               role: "listbox"
             }, [
-              !selectedItems.value || selectedItems.value.length == 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$l, null, 512)), [
+              !selectedItems.value || selectedItems.value.length == 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m, null, 512)), [
                 [vue.unref(vT), _ctx.placeholder]
-              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_5$b, null, 512)), [
+              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_5$c, null, 512)), [
                 [vue.unref(vT), selectedItemLabel.value]
               ]),
               _cache[7] || (_cache[7] = vue.createElementVNode("span", { class: "dropdown-btn" }, "expand_more", -1)),
-              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, "progress_activity")) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_3$A),
-            showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
+              loadingItems.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$6, "progress_activity")) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$B),
+            showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1$, {
               key: 0,
               "base-element": vue.unref(rootRef),
               "max-height": _ctx.popupMaxHeight,
@@ -7126,7 +7126,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }, ["stop"]))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$1u, vue.mergeProps({
+                vue.createVNode(_sfc_main$1v, vue.mergeProps({
                   "bottom-padding": "0",
                   "multi-select": "",
                   "show-checkbox": ""
@@ -7137,21 +7137,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]),
               _: 1
             }, 8, ["base-element", "max-height", "popup-align", "popup-direction"])) : vue.createCommentVNode("", true),
-            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
               key: 1,
               errors: vue.unref(errors),
               "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
             }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
           ], 64))
-        ], 42, _hoisted_1$1f)), [
+        ], 42, _hoisted_1$1g)), [
           [vue.unref(vClickOutside), () => togglePopup(false)]
         ]);
       };
     }
   });
-  const _hoisted_1$1e = { class: "bs-popup-select bs-layout-horizontal" };
-  const _hoisted_2$X = ["textContent"];
-  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1f = { class: "bs-popup-select bs-layout-horizontal" };
+  const _hoisted_2$Y = ["textContent"];
+  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPopupSelect",
     props: {
       name: {},
@@ -7174,13 +7174,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         emit("click");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1e, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1f, [
           _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: "view-mode",
             textContent: vue.toDisplayString(label.value)
-          }, null, 8, _hoisted_2$X)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createVNode(_sfc_main$1T, {
+          }, null, 8, _hoisted_2$Y)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            vue.createVNode(_sfc_main$1U, {
               "model-value": label.value,
               name: _ctx.name || "",
               disabled: "",
@@ -7197,18 +7197,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   });
-  const BSPopupSelect = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__scopeId", "data-v-d74fd89c"]]);
-  const _hoisted_1$1d = {
+  const BSPopupSelect = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__scopeId", "data-v-d74fd89c"]]);
+  const _hoisted_1$1e = {
     key: 0,
     class: "view-mode bs-layout-horizontal gap-8 align-items-start"
   };
-  const _hoisted_2$W = ["textContent"];
-  const _hoisted_3$z = {
+  const _hoisted_2$X = ["textContent"];
+  const _hoisted_3$A = {
     key: 1,
     class: "input-area bs-layout-horizontal align-items-start"
   };
-  const _hoisted_4$k = ["disabled", "maxlength", "name", "tabindex"];
-  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$l = ["disabled", "maxlength", "name", "tabindex"];
+  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
     __name: "BSTextArea",
     props: {
       id: {},
@@ -7323,7 +7323,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           class: vue.normalizeClass([{ disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-text-area"]),
           style: vue.normalizeStyle({ width: outerWidth.value, height: outerHeight.value })
         }, [
-          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
+          _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1e, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(componentUtil).toMultiLangTextArray(_ctx.prefix), (text) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: JSON.stringify(text),
@@ -7334,7 +7334,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }), 128)),
             vue.createElementVNode("div", {
               textContent: vue.toDisplayString(vue.unref(stringValue))
-            }, null, 8, _hoisted_2$W),
+            }, null, 8, _hoisted_2$X),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(componentUtil).toMultiLangTextArray(_ctx.suffix), (text) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: JSON.stringify(text),
@@ -7343,7 +7343,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 [vue.unref(vT), text]
               ]);
             }), 128))
-          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$z, [
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$A, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(componentUtil).toMultiLangTextArray(_ctx.prefix), (text) => {
               return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                 key: JSON.stringify(text),
@@ -7364,7 +7364,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               class: "flex-grow-1",
               onPointerdown: capturePointer,
               onPointerup: preserveResizedHeight
-            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$k), [
+            }, vue.toHandlers(handlers2, true)), null, 16, _hoisted_4$l), [
               [vue.vModelText, vue.unref(stringValue)],
               [
                 vue.unref(vT),
@@ -7382,7 +7382,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               ]);
             }), 128))
           ])),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -28728,9 +28728,9 @@ img.ProseMirror-separator {
       return ["tr", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     }
   });
-  const _hoisted_1$1c = { class: "tool-button-font-size bs-layout-horizontal align-items-center" };
-  const _hoisted_2$V = ["disabled", "value"];
-  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1d = { class: "tool-button-font-size bs-layout-horizontal align-items-center" };
+  const _hoisted_2$W = ["disabled", "value"];
+  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonFontSize",
     props: {
       editor: {},
@@ -28797,7 +28797,7 @@ img.ProseMirror-separator {
         props.editor.on("selectionUpdate", refreshFontSize);
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1c, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: decrease
@@ -28816,7 +28816,7 @@ img.ProseMirror-separator {
             value: fontSize.value,
             type: "text",
             onChange: setFontSize
-          }, null, 40, _hoisted_2$V),
+          }, null, 40, _hoisted_2$W),
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: increase
@@ -28834,10 +28834,10 @@ img.ProseMirror-separator {
       };
     }
   });
-  const ToolButtonFontSize = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__scopeId", "data-v-ef5774f0"]]);
-  const _hoisted_1$1b = ["title"];
-  const _hoisted_2$U = ["disabled", "value"];
-  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
+  const ToolButtonFontSize = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__scopeId", "data-v-ef5774f0"]]);
+  const _hoisted_1$1c = ["title"];
+  const _hoisted_2$V = ["disabled", "value"];
+  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonFontColor",
     props: {
       editor: {},
@@ -28869,12 +28869,12 @@ img.ProseMirror-separator {
             value: color.value,
             type: "color",
             onChange: setColor
-          }, null, 40, _hoisted_2$U)
-        ], 8, _hoisted_1$1b);
+          }, null, 40, _hoisted_2$V)
+        ], 8, _hoisted_1$1c);
       };
     }
   });
-  const ToolButtonFontColor = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-d556d8eb"]]);
+  const ToolButtonFontColor = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__scopeId", "data-v-d556d8eb"]]);
   var readFromCache;
   var addToCache;
   if (typeof WeakMap != "undefined") {
@@ -31479,9 +31479,9 @@ img.ProseMirror-separator {
       bind: { editor }
     });
   };
-  const _hoisted_1$1a = { class: "bs-layout-horizontal align-items-center" };
-  const _hoisted_2$T = ["title"];
-  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1b = { class: "bs-layout-horizontal align-items-center" };
+  const _hoisted_2$U = ["title"];
+  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonTable",
     props: {
       editor: {},
@@ -31503,17 +31503,17 @@ img.ProseMirror-separator {
         props.editor.on("selectionUpdate", refreshTable);
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1b, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             title: vue.unref(t$1)({ key: "bs.richtext.insertTable" }),
             onClick: doInsertTable
-          }, "table", 10, _hoisted_2$T)
+          }, "table", 10, _hoisted_2$U)
         ]);
       };
     }
   });
-  const ToolButtonTable = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__scopeId", "data-v-537f70be"]]);
+  const ToolButtonTable = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-537f70be"]]);
   const inputRegex = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
   const Image$1 = Node.create({
     name: "image",
@@ -31662,9 +31662,9 @@ img.ProseMirror-separator {
       bind: { editor }
     });
   };
-  const _hoisted_1$19 = { class: "bs-layout-horizontal align-items-center" };
-  const _hoisted_2$S = ["title"];
-  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1a = { class: "bs-layout-horizontal align-items-center" };
+  const _hoisted_2$T = ["title"];
+  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonImage",
     props: {
       editor: {},
@@ -31679,12 +31679,12 @@ img.ProseMirror-separator {
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             title: vue.unref(t$1)({ key: "bs.richtext.insertImage" }),
             onClick: doInsertImage
-          }, "image", 10, _hoisted_2$S)
+          }, "image", 10, _hoisted_2$T)
         ]);
       };
     }
@@ -32029,9 +32029,9 @@ img.ProseMirror-separator {
       bind: { editor }
     });
   };
-  const _hoisted_1$18 = { class: "bs-layout-horizontal align-items-center" };
-  const _hoisted_2$R = ["title"];
-  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$19 = { class: "bs-layout-horizontal align-items-center" };
+  const _hoisted_2$S = ["title"];
+  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonYoutube",
     props: {
       editor: {},
@@ -32046,18 +32046,18 @@ img.ProseMirror-separator {
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$19, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             title: vue.unref(t$1)({ key: "bs.richtext.insertYoutube" }),
             onClick: doInsertImage
-          }, "youtube_activity", 10, _hoisted_2$R)
+          }, "youtube_activity", 10, _hoisted_2$S)
         ]);
       };
     }
   });
-  const _hoisted_1$17 = ["title"];
-  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$18 = ["title"];
+  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonLink",
     props: {
       editor: {},
@@ -32081,11 +32081,11 @@ img.ProseMirror-separator {
           class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
           title: vue.unref(t$1)({ key: "bs.link" }),
           onClick: showLinkProperties
-        }, " link ", 10, _hoisted_1$17);
+        }, " link ", 10, _hoisted_1$18);
       };
     }
   });
-  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonMaximize",
     props: {
       maximized: { type: Boolean }
@@ -32113,8 +32113,8 @@ img.ProseMirror-separator {
       };
     }
   });
-  const ToolButtonMaximize = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-c1655c12"]]);
-  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+  const ToolButtonMaximize = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-c1655c12"]]);
+  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonHeading",
     props: {
       disabled: { type: Boolean },
@@ -32142,7 +32142,7 @@ img.ProseMirror-separator {
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1X, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
           disabled: _ctx.disabled,
           items,
           "label-provider": (item) => item.caption,
@@ -32154,8 +32154,8 @@ img.ProseMirror-separator {
       };
     }
   });
-  const _hoisted_1$16 = { class: "text-align tool-button-group bs-layout-horizontal" };
-  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$17 = { class: "text-align tool-button-group bs-layout-horizontal" };
+  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonTextAlign",
     props: {
       disabled: { type: Boolean },
@@ -32163,7 +32163,7 @@ img.ProseMirror-separator {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$17, [
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             class: vue.normalizeClass([{ active: _ctx.editor.isActive({ textAlign: "left" }), "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && _ctx.editor.chain().focus().setTextAlign("left").run())
@@ -32207,8 +32207,8 @@ img.ProseMirror-separator {
       };
     }
   });
-  const _hoisted_1$15 = { class: "font-style tool-button-group bs-layout-horizontal" };
-  const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$16 = { class: "font-style tool-button-group bs-layout-horizontal" };
+  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonFontStyle",
     props: {
       disabled: { type: Boolean },
@@ -32216,7 +32216,7 @@ img.ProseMirror-separator {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             class: vue.normalizeClass([{ active: _ctx.editor.isActive("bold"), "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && _ctx.editor.chain().focus().toggleBold().removeEmptyTextStyle().run())
@@ -32260,8 +32260,8 @@ img.ProseMirror-separator {
       };
     }
   });
-  const _hoisted_1$14 = { class: "list-item tool-button-group bs-layout-horizontal" };
-  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$15 = { class: "list-item tool-button-group bs-layout-horizontal" };
+  const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonListItem",
     props: {
       disabled: { type: Boolean },
@@ -32269,7 +32269,7 @@ img.ProseMirror-separator {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$14, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             class: vue.normalizeClass([{ active: _ctx.editor.isActive("bulletList"), "bs-clickable": !_ctx.disabled }, "font-icon"]),
             onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && _ctx.editor.chain().focus().toggleBulletList().run())
@@ -32456,9 +32456,9 @@ img.ProseMirror-separator {
       bind: { editor }
     });
   };
-  const _hoisted_1$13 = { class: "bs-layout-horizontal align-items-center" };
-  const _hoisted_2$Q = ["title"];
-  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$14 = { class: "bs-layout-horizontal align-items-center" };
+  const _hoisted_2$R = ["title"];
+  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     __name: "ToolButtonVideo",
     props: {
       editor: {},
@@ -32473,20 +32473,20 @@ img.ProseMirror-separator {
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$13, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$14, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([{ "bs-clickable": !_ctx.disabled }, "font-icon"]),
             title: vue.unref(t$1)({ key: "bs.richtext.insertVideo" }),
             onClick: doInsertVideo
-          }, "movie", 10, _hoisted_2$Q)
+          }, "movie", 10, _hoisted_2$R)
         ]);
       };
     }
   });
-  const _hoisted_1$12 = { class: "rich-text-toolbar bs-layout-horizontal align-items-center min-w-512" };
-  const _hoisted_2$P = { class: "bs-layout-horizontal flex-grow-1 h-full gap-4 left-buttons" };
-  const _hoisted_3$y = { class: "bs-layout-horizontal right-buttons" };
-  const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$13 = { class: "rich-text-toolbar bs-layout-horizontal align-items-center min-w-512" };
+  const _hoisted_2$Q = { class: "bs-layout-horizontal flex-grow-1 h-full gap-4 left-buttons" };
+  const _hoisted_3$z = { class: "bs-layout-horizontal right-buttons" };
+  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     __name: "RichTextToolbar",
     props: {
       editor: {},
@@ -32501,27 +32501,27 @@ img.ProseMirror-separator {
         return props.toolButtons.map((toolButton) => {
           switch (toolButton) {
             case "Heading":
-              return _sfc_main$1i;
+              return _sfc_main$1j;
             case "FontSize":
               return ToolButtonFontSize;
             case "FontColor":
               return ToolButtonFontColor;
             case "FontStyle":
-              return _sfc_main$1g;
-            case "TextAlign":
               return _sfc_main$1h;
+            case "TextAlign":
+              return _sfc_main$1i;
             case "ListItem":
-              return _sfc_main$1f;
+              return _sfc_main$1g;
             case "Link":
-              return _sfc_main$1k;
+              return _sfc_main$1l;
             case "Table":
               return ToolButtonTable;
             case "Image":
-              return _sfc_main$1m;
+              return _sfc_main$1n;
             case "Video":
-              return _sfc_main$1e;
+              return _sfc_main$1f;
             case "Youtube":
-              return _sfc_main$1l;
+              return _sfc_main$1m;
             default:
               return toolButton;
           }
@@ -32529,8 +32529,8 @@ img.ProseMirror-separator {
       });
       const emit = __emit;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
-          vue.createElementVNode("div", _hoisted_2$P, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$13, [
+          vue.createElementVNode("div", _hoisted_2$Q, [
             vue.renderSlot(_ctx.$slots, "toolbarPrefix"),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(toolComponents.value, (toolButton) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(toolButton), {
@@ -32541,7 +32541,7 @@ img.ProseMirror-separator {
             }), 128)),
             vue.renderSlot(_ctx.$slots, "toolbarSuffix")
           ]),
-          vue.createElementVNode("div", _hoisted_3$y, [
+          vue.createElementVNode("div", _hoisted_3$z, [
             vue.createVNode(ToolButtonMaximize, {
               maximized: _ctx.maximized,
               onMaximized: _cache[0] || (_cache[0] = ($event) => emit("maximized"))
@@ -34422,11 +34422,11 @@ img.ProseMirror-separator {
       };
     }
   });
-  const _hoisted_1$11 = ["innerHTML"];
-  const _hoisted_2$O = { class: "editor-container" };
+  const _hoisted_1$12 = ["innerHTML"];
+  const _hoisted_2$P = { class: "editor-container" };
   const WRAP_BEGIN = '<div class="rich-text-content">';
   const WRAP_END = "</div>";
-  const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     __name: "BSRichText",
     props: {
       modelValue: { default: "" },
@@ -34664,7 +34664,7 @@ img.ProseMirror-separator {
             key: 0,
             class: "view-mode user-text",
             innerHTML: _ctx.modelValue
-          }, null, 8, _hoisted_1$11)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          }, null, 8, _hoisted_1$12)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createElementVNode("div", {
               ref_key: "field",
               ref: field,
@@ -34672,7 +34672,7 @@ img.ProseMirror-separator {
               class: "input-area bs-layout-vertical",
               role: "textbox"
             }, [
-              vue.unref(editor) ? (vue.openBlock(), vue.createBlock(_sfc_main$1d, {
+              vue.unref(editor) ? (vue.openBlock(), vue.createBlock(_sfc_main$1e, {
                 key: 0,
                 disabled: _ctx.disabled,
                 editor: vue.unref(editor),
@@ -34685,7 +34685,7 @@ img.ProseMirror-separator {
                 ]),
                 _: 3
               }, 8, ["disabled", "editor", "maximized", "tool-buttons"])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_2$O, [
+              vue.createElementVNode("div", _hoisted_2$P, [
                 vue.createElementVNode("iframe", {
                   ref_key: "iframeRef",
                   ref: iframeRef,
@@ -34705,7 +34705,7 @@ img.ProseMirror-separator {
                 ], 8, ["to"])) : vue.createCommentVNode("", true)
               ])
             ], 4),
-            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
               key: 0,
               errors: vue.unref(errors),
               "hide-error-message": _ctx.hideErrorMessage
@@ -34831,16 +34831,16 @@ img.ProseMirror-separator {
     const kb = size / 1024;
     return mb < 1 ? `${kb.toFixed(kb % 1 === 0 ? 0 : 1)}KB` : `${mb.toFixed(mb % 1 === 0 ? 0 : 1)}MB`;
   };
-  const _hoisted_1$10 = ["poster"];
-  const _hoisted_2$N = ["src"];
-  const _hoisted_3$x = ["alt", "src"];
-  const _hoisted_4$j = ["alt", "src"];
-  const _hoisted_5$a = ["href"];
-  const _hoisted_6$4 = {
+  const _hoisted_1$11 = ["poster"];
+  const _hoisted_2$O = ["src"];
+  const _hoisted_3$y = ["alt", "src"];
+  const _hoisted_4$k = ["alt", "src"];
+  const _hoisted_5$b = ["href"];
+  const _hoisted_6$5 = {
     key: 7,
     class: "font-icon bottom-2 left-2 button"
   };
-  const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     __name: "BSMediaPreview",
     props: {
       file: {},
@@ -34937,18 +34937,18 @@ img.ProseMirror-separator {
             poster: thumbnailUrl.value,
             style: vue.normalizeStyle({ width: _ctx.width, height: _ctx.height, maxWidth: _ctx.maxWidth })
           }, [
-            vue.createElementVNode("source", { src: fileUrl.value }, null, 8, _hoisted_2$N)
-          ], 12, _hoisted_1$10)) : _ctx.file.mediaType === "Youtube" ? (vue.openBlock(), vue.createElementBlock("img", {
+            vue.createElementVNode("source", { src: fileUrl.value }, null, 8, _hoisted_2$O)
+          ], 12, _hoisted_1$11)) : _ctx.file.mediaType === "Youtube" ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 1,
             alt: _ctx.file.altText,
             src: youtubePreviewImage.value,
             style: vue.normalizeStyle({ width: _ctx.width, height: _ctx.height, maxWidth: _ctx.maxWidth })
-          }, null, 12, _hoisted_3$x)) : (vue.openBlock(), vue.createElementBlock("img", {
+          }, null, 12, _hoisted_3$y)) : (vue.openBlock(), vue.createElementBlock("img", {
             key: 2,
             alt: _ctx.file.altText,
             src: fileUrl.value,
             style: vue.normalizeStyle({ width: _ctx.width, height: _ctx.height, maxWidth: _ctx.maxWidth })
-          }, null, 12, _hoisted_4$j)),
+          }, null, 12, _hoisted_4$k)),
           _ctx.showDeleteButton ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
             key: 3,
             class: "bs-clickable font-icon button show-on-hover top-2 right-2",
@@ -34994,7 +34994,7 @@ img.ProseMirror-separator {
             target: "_blank"
           }, _cache[2] || (_cache[2] = [
             vue.createTextVNode("zoom_in")
-          ]), 8, _hoisted_5$a)), [
+          ]), 8, _hoisted_5$b)), [
             [
               vue.unref(vT),
               { key: "bs.openInNewTab" },
@@ -35015,18 +35015,18 @@ img.ProseMirror-separator {
               void 0,
               { title: true }
             ]
-          ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$4, vue.toDisplayString(mediaTypeIcon.value), 1))
+          ]) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, vue.toDisplayString(mediaTypeIcon.value), 1))
         ], 34)) : vue.createCommentVNode("", true);
       };
     }
   });
-  const _hoisted_1$$ = ["data-field-name"];
-  const _hoisted_2$M = {
+  const _hoisted_1$10 = ["data-field-name"];
+  const _hoisted_2$N = {
     key: 1,
     class: "image-box"
   };
-  const _hoisted_3$w = ["accept", "disabled", "name"];
-  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$x = ["accept", "disabled", "name"];
+  const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     __name: "BSImageUpload",
     props: {
       name: { default: () => componentUtil.generateNextName("imageUpload") },
@@ -35231,7 +35231,7 @@ img.ProseMirror-separator {
                 [vue.unref(vT), _ctx.caption]
               ])
             ], 4),
-            _ctx.modelValue && _ctx.modelValue.fileUrl ? (vue.openBlock(), vue.createBlock(_sfc_main$1b, {
+            _ctx.modelValue && _ctx.modelValue.fileUrl ? (vue.openBlock(), vue.createBlock(_sfc_main$1c, {
               key: 0,
               "disable-right-click": _ctx.disableRightClick,
               file: _ctx.modelValue,
@@ -35244,7 +35244,7 @@ img.ProseMirror-separator {
               class: "image-box",
               onRemoveImage: removeImage,
               onThumbnailUploaded: changeThumbnail
-            }, null, 8, ["disable-right-click", "file", "height", "max-width", "media-object-url-store", "show-delete-button", "show-preview-button", "width"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$M, [
+            }, null, 8, ["disable-right-click", "file", "height", "max-width", "media-object-url-store", "show-delete-button", "show-preview-button", "width"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, [
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([{ dropping: dropping.value }, "upload-btn-wrapper bs-layout-vertical flex-align-center justify-content-center"]),
                 style: vue.normalizeStyle({ width: _ctx.uploadWidth, height: _ctx.imageHeight }),
@@ -35295,15 +35295,15 @@ img.ProseMirror-separator {
               style: { "display": "none" },
               type: "file",
               onChange: imageSelected
-            }, null, 40, _hoisted_3$w)
+            }, null, 40, _hoisted_3$x)
           ], 2),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             class: vue.normalizeClass({ "text-nowrap": !_ctx.wrapErrorMessage }),
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
           }, null, 8, ["class", "errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 14, _hoisted_1$$);
+        ], 14, _hoisted_1$10);
       };
     }
   });
@@ -35444,9 +35444,9 @@ img.ProseMirror-separator {
     const y2 = event.clientY - targetRect.top;
     return y2 < targetRect.height / 2 ? "before" : "after";
   };
-  const _hoisted_1$_ = ["data-field-name"];
-  const _hoisted_2$L = { class: "bs-layout-horizontal-wrap gap-4" };
-  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$$ = ["data-field-name"];
+  const _hoisted_2$M = { class: "bs-layout-horizontal-wrap gap-4" };
+  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
     __name: "BSMultiImageUpload",
     props: {
       name: {},
@@ -35595,7 +35595,7 @@ img.ProseMirror-separator {
           class: vue.normalizeClass([{ required: _ctx.required, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0 }, "bs-multi-image-upload bs-layout-vertical"]),
           "data-field-name": _ctx.name
         }, [
-          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$L, [
+          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$M, [
             vue.createVNode(vue.TransitionGroup, { name: "image-upload" }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.modelValue, (image, index) => {
@@ -35603,7 +35603,7 @@ img.ProseMirror-separator {
                     key: `${image.fileUrl}`,
                     draggable: true
                   }, [
-                    vue.createVNode(_sfc_main$1a, {
+                    vue.createVNode(_sfc_main$1b, {
                       class: vue.normalizeClass({ error: errorRecord.value[index] }),
                       "disable-right-click": _ctx.disableRightClick,
                       "image-height": _ctx.imageHeight,
@@ -35628,7 +35628,7 @@ img.ProseMirror-separator {
                     }]
                   ]);
                 }), 128)),
-                canUpload.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1a, {
+                canUpload.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1b, {
                   key: 0,
                   "image-height": _ctx.imageHeight,
                   "image-width": _ctx.imageWidth,
@@ -35651,20 +35651,20 @@ img.ProseMirror-separator {
           ])), [
             [vue.unref(vParentDropSupport), { droppable: _ctx.enableDraggableOrder, dropHandler }]
           ]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$_);
+        ], 10, _hoisted_1$$);
       };
     }
   });
-  const BSMultiImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-bb3fe045"]]);
-  const _hoisted_1$Z = ["data-field-name"];
-  const _hoisted_2$K = { class: "bs-layout-horizontal-wrap gap-8" };
-  const _hoisted_3$v = { class: "mr-4" };
-  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+  const BSMultiImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-bb3fe045"]]);
+  const _hoisted_1$_ = ["data-field-name"];
+  const _hoisted_2$L = { class: "bs-layout-horizontal-wrap gap-8" };
+  const _hoisted_3$w = { class: "mr-4" };
+  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSPositionedImageUpload",
     props: {
       name: {},
@@ -35810,10 +35810,10 @@ img.ProseMirror-separator {
           style: vue.normalizeStyle({ width: _ctx.width }),
           class: "bs-positioned-image-upload bs-layout-vertical"
         }, [
-          vue.createElementVNode("div", _hoisted_2$K, [
+          vue.createElementVNode("div", _hoisted_2$L, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (idx) => {
               var _a2;
-              return vue.openBlock(), vue.createBlock(_sfc_main$1a, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$1b, {
                 key: idx,
                 caption: (_a2 = _ctx.guideMessage) == null ? void 0 : _a2[idx],
                 class: vue.normalizeClass({ modified: modifiedByIndex(idx), error: errorRecord[idx] }),
@@ -35836,18 +35836,272 @@ img.ProseMirror-separator {
                 "onUpdate:modelValue": ($event) => updateValue($event, idx)
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("span", _hoisted_3$v, vue.toDisplayString(idx), 1)
+                  vue.createElementVNode("span", _hoisted_3$w, vue.toDisplayString(idx), 1)
                 ]),
                 _: 2
               }, 1032, ["caption", "class", "disable-right-click", "disabled", "image-no", "max-file-size", "media-object-url-store", "model-value", "name", "required", "show-preview-button", "support-types", "tabindex", "view-mode", "onUpdate:modelValue"]);
             }), 128))
           ]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
           }, null, 8, ["errors", "hide-error-message"])) : vue.createCommentVNode("", true)
-        ], 12, _hoisted_1$Z);
+        ], 12, _hoisted_1$_);
+      };
+    }
+  });
+  const _hoisted_1$Z = ["data-field-name"];
+  const _hoisted_2$K = {
+    key: 0,
+    class: "caption text-nowrap overflow-hidden text-ellipsis"
+  };
+  const _hoisted_3$v = {
+    key: 1,
+    class: "file-box"
+  };
+  const _hoisted_4$j = ["href", "download"];
+  const _hoisted_5$a = {
+    key: 1,
+    class: "file-name"
+  };
+  const _hoisted_6$4 = {
+    key: 2,
+    class: "file-box"
+  };
+  const _hoisted_7$4 = {
+    key: 1,
+    class: "no-file"
+  };
+  const _hoisted_8$3 = ["accept", "disabled", "name"];
+  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+    __name: "BSFileUpload",
+    props: {
+      name: { default: () => componentUtil.generateNextName("fileUpload") },
+      modelValue: {},
+      caption: {},
+      width: { default: "100%" },
+      required: { type: Boolean },
+      disabled: { type: Boolean },
+      viewMode: { type: Boolean },
+      maxFileSize: {},
+      accept: {},
+      validationMessageRequired: {},
+      validationMessageMaxFileSize: {},
+      extraValidationRules: {},
+      wrapErrorMessage: { type: Boolean },
+      ignoreSavePoint: { type: Boolean },
+      hideErrorMessage: { type: Boolean },
+      showErrorMessageOnDisabled: { type: Boolean }
+    },
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const field = vue.ref();
+      const chooseFile = () => {
+        var _a2;
+        if (validationDisabled.value) {
+          return;
+        }
+        (_a2 = field.value) == null ? void 0 : _a2.click();
+      };
+      const fileSelected = async (event) => {
+        const target = event.target;
+        await addFile(target.files);
+        target.value = "";
+      };
+      const addFile = async (files) => {
+        if (files && files.length > 0) {
+          const file = files[0];
+          const newFile = {
+            mediaType: "Unknown",
+            altText: file.name,
+            file
+          };
+          emit("update:modelValue", newFile);
+        }
+      };
+      const removeFile = () => {
+        if (validationDisabled.value) {
+          return;
+        }
+        emit("update:modelValue", void 0);
+      };
+      const hasFile = vue.computed(() => {
+        var _a2, _b;
+        return ((_a2 = props.modelValue) == null ? void 0 : _a2.file) || ((_b = props.modelValue) == null ? void 0 : _b.fileUrl);
+      });
+      const displayFileName = vue.computed(() => {
+        const value = props.modelValue;
+        if (!value) return "";
+        if (value.file) {
+          return `${value.file.name} (${makeFileSizeString(value.file.size)})`;
+        } else if (value.fileUrl) {
+          return value.altText || extractFileNameFromUrl(value.fileUrl);
+        }
+        return "";
+      });
+      const extractFileNameFromUrl = (url) => {
+        try {
+          const pathname = new URL(url).pathname;
+          return pathname.substring(pathname.lastIndexOf("/") + 1);
+        } catch {
+          return url.substring(url.lastIndexOf("/") + 1);
+        }
+      };
+      const maxFileSizeValue = vue.computed(() => props.maxFileSize || blueseaConfig.maxFileSize);
+      vue.watch(
+        () => props.modelValue,
+        () => validateValue(props.modelValue, "change")
+      );
+      const fieldContext = useFieldContext();
+      const isValid = async (value, phase) => {
+        const errors2 = [];
+        if (props.required && !(value == null ? void 0 : value.file) && !(value == null ? void 0 : value.fileUrl)) {
+          errors2.push({ code: "required", message: props.validationMessageRequired || { key: "bs.error.validation.required" } });
+        }
+        if (value == null ? void 0 : value.file) {
+          const fileSize = value.file.size;
+          if (fileSize > maxFileSizeValue.value) {
+            errors2.push({
+              code: "maxFileSize",
+              message: props.validationMessageMaxFileSize || {
+                key: "bs.ckeditorfileupload.validatemessage",
+                args: [makeFileSizeString(maxFileSizeValue.value)]
+              }
+            });
+          }
+        }
+        if (value) {
+          await executeFieldValidationRule(value, props.extraValidationRules, errors2, phase, fieldContext);
+        }
+        return errors2;
+      };
+      const validationDisabled = vue.computed(() => props.viewMode || props.disabled);
+      const { errors, validateValue } = fieldValidator({
+        field,
+        disabled: validationDisabled,
+        initialValue: props.modelValue,
+        isValid
+      });
+      const savePoint = props.ignoreSavePoint ? void 0 : useSavePoint();
+      const savePointHandler = savePoint == null ? void 0 : savePoint.registerField({
+        field,
+        getCurrentValue: () => props.modelValue,
+        setCurrentValue: (value) => emit("update:modelValue", value),
+        compare: (savedValue, currentValue) => JSON.stringify(savedValue) === JSON.stringify(currentValue)
+      });
+      const modified = vue.computed(() => !!(savePointHandler == null ? void 0 : savePointHandler.isModified(props.modelValue)));
+      vue.onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
+      const dropping = vue.ref(false);
+      const dragover = (event) => {
+        var _a2;
+        if (validationDisabled.value) return;
+        const files = (_a2 = event.dataTransfer) == null ? void 0 : _a2.files;
+        if (files) {
+          dropping.value = true;
+          event.preventDefault();
+        }
+      };
+      const dragend = (event) => {
+        dropping.value = false;
+        event.preventDefault();
+      };
+      const drop = async (event) => {
+        var _a2;
+        event.preventDefault();
+        if (validationDisabled.value) {
+          dragend(event);
+          return;
+        }
+        const files = (_a2 = event.dataTransfer) == null ? void 0 : _a2.files;
+        if (files && files.length > 0) {
+          await addFile(files);
+        }
+        dragend(event);
+      };
+      return (_ctx, _cache) => {
+        var _a2;
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([{ required: _ctx.required, modified: modified.value, error: !_ctx.viewMode && vue.unref(errors).length > 0 }, "bs-file-upload"]),
+          "data-field-name": _ctx.name,
+          style: vue.normalizeStyle({ width: _ctx.width })
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass({ "view-mode": _ctx.viewMode, disabled: _ctx.disabled })
+          }, [
+            _ctx.caption ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$K, [
+              vue.renderSlot(_ctx.$slots, "default"),
+              vue.withDirectives(vue.createElementVNode("span", null, null, 512), [
+                [vue.unref(vT), _ctx.caption]
+              ])
+            ])) : vue.createCommentVNode("", true),
+            hasFile.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$v, [
+              _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "font-icon file-icon" }, "description", -1)),
+              _ctx.viewMode && ((_a2 = _ctx.modelValue) == null ? void 0 : _a2.fileUrl) ? (vue.openBlock(), vue.createElementBlock("a", {
+                key: 0,
+                href: _ctx.modelValue.fileUrl,
+                download: displayFileName.value,
+                class: "file-name",
+                target: "_blank"
+              }, vue.toDisplayString(displayFileName.value), 9, _hoisted_4$j)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$a, vue.toDisplayString(displayFileName.value), 1)),
+              !validationDisabled.value ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 2,
+                type: "button",
+                class: "remove-btn bs-clickable",
+                onClick: removeFile
+              }, _cache[0] || (_cache[0] = [
+                vue.createElementVNode("span", { class: "font-icon" }, "close", -1)
+              ]))) : vue.createCommentVNode("", true)
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([{ dropping: dropping.value }, "upload-btn-wrapper"]),
+                onDragend: dragend,
+                onDragleave: dragend,
+                onDragover: dragover,
+                onDrop: drop
+              }, [
+                !_ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  class: vue.normalizeClass([{ "bs-clickable": !validationDisabled.value, disabled: _ctx.disabled }, "upload-btn"]),
+                  onClick: chooseFile
+                }, [
+                  _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "font-icon" }, "upload", -1)),
+                  vue.withDirectives(vue.createElementVNode("span", null, null, 512), [
+                    [vue.unref(vT), { key: "bs.fileUpload.selectFile" }]
+                  ])
+                ], 2)), [
+                  [
+                    vue.unref(vT),
+                    { key: "bs.fileUpload.selectFile" },
+                    void 0,
+                    { title: true }
+                  ]
+                ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, null, 512)), [
+                  [vue.unref(vT), { key: "bs.fileUpload.noFile" }]
+                ])
+              ], 34)
+            ])),
+            vue.createElementVNode("input", {
+              ref_key: "field",
+              ref: field,
+              accept: _ctx.accept,
+              disabled: validationDisabled.value,
+              name: _ctx.name,
+              hidden: "",
+              style: { "display": "none" },
+              type: "file",
+              onChange: fileSelected
+            }, null, 40, _hoisted_8$3)
+          ], 2),
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+            key: 0,
+            class: vue.normalizeClass({ "text-nowrap": !_ctx.wrapErrorMessage }),
+            errors: vue.unref(errors),
+            "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
+          }, null, 8, ["class", "errors", "hide-error-message"])) : vue.createCommentVNode("", true)
+        ], 14, _hoisted_1$Z);
       };
     }
   });
@@ -37907,7 +38161,7 @@ img.ProseMirror-separator {
               ])
             ], 512)
           ]),
-          _ctx.showPageNavigation ? (vue.openBlock(), vue.createBlock(_sfc_main$1N, {
+          _ctx.showPageNavigation ? (vue.openBlock(), vue.createBlock(_sfc_main$1O, {
             key: 0,
             limit: ((_a2 = _ctx.pageInfo) == null ? void 0 : _a2.limit) || 10,
             offset: ((_b = _ctx.pageInfo) == null ? void 0 : _b.offset) || 0,
@@ -38151,7 +38405,7 @@ img.ProseMirror-separator {
         emit("update:modelValue", value);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1D, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1E, {
           "from-value": fromValue.value,
           "onUpdate:fromValue": [
             _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -38337,7 +38591,7 @@ img.ProseMirror-separator {
                 "data-id": "removeDateFilterBtn",
                 onClick: ($event) => removeDateFilter(index)
               }, "remove", 8, _hoisted_2$E)),
-              vue.createVNode(_sfc_main$1X, {
+              vue.createVNode(_sfc_main$1Y, {
                 items: _ctx.dateFilter.filterItems,
                 "label-provider": (filter) => filter.caption,
                 "model-value": item.propertyId,
@@ -38362,7 +38616,7 @@ img.ProseMirror-separator {
                 width: filterWidthOfFilterItem(item.propertyId),
                 "onUpdate:modelValue": ($event) => setDateFilterValue(index, $event)
               }, null, 8, ["display-format", "from-id", "model-value", "name-from", "name-to", "popup-display-format", "popup-end-year", "popup-start-year", "resolution", "time-zone", "to-id", "width", "onUpdate:modelValue"]),
-              vue.createVNode(_sfc_main$1A, {
+              vue.createVNode(_sfc_main$1B, {
                 modelValue: item.value,
                 "onUpdate:modelValue": [($event) => item.value = $event, (value, preset) => setDateFilterValue(index, value, preset)],
                 presets: _ctx.presets,
@@ -38644,7 +38898,7 @@ img.ProseMirror-separator {
             }, null, 8, _hoisted_9$1)
           ])) : vue.createCommentVNode("", true),
           _ctx.showLimit ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-            vue.createVNode(_sfc_main$1X, {
+            vue.createVNode(_sfc_main$1Y, {
               modelValue: limitValue.value,
               "onUpdate:modelValue": [
                 _cache[2] || (_cache[2] = ($event) => limitValue.value = $event),
@@ -39049,7 +39303,7 @@ img.ProseMirror-separator {
           class: vue.normalizeClass([{ selected: _ctx.selected, expanded: actualExpanded.value }, "bs-list-layout-item"])
         }, [
           vue.createElementVNode("div", _hoisted_1$J, [
-            _ctx.showCheckbox ? (vue.openBlock(), vue.createBlock(_sfc_main$1z, {
+            _ctx.showCheckbox ? (vue.openBlock(), vue.createBlock(_sfc_main$1A, {
               key: 0,
               "model-value": _ctx.selected,
               class: "mr-8",
@@ -39411,7 +39665,7 @@ img.ProseMirror-separator {
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
           vue.createElementVNode("div", _hoisted_2$w, [
-            _ctx.showAddButton ? (vue.openBlock(), vue.createBlock(_sfc_main$1U, {
+            _ctx.showAddButton ? (vue.openBlock(), vue.createBlock(_sfc_main$1V, {
               key: 0,
               disabled: _ctx.addButtonDisabled === true,
               "menu-items": addButtonItems,
@@ -39546,7 +39800,7 @@ img.ProseMirror-separator {
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(actualLocales.value, (locale) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: locale }, [
               isVisibleLocale(locale) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$v, [
-                vue.createVNode(_sfc_main$1T, {
+                vue.createVNode(_sfc_main$1U, {
                   id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                   autocomplete: _ctx.autocomplete,
                   class: vue.normalizeClass({ modified: modifiedByLocale(locale), "required-locale": isRequiredLocale(locale) }),
@@ -39576,7 +39830,7 @@ img.ProseMirror-separator {
               ])) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -39681,7 +39935,7 @@ img.ProseMirror-separator {
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(actualLocales.value, (locale) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: locale }, [
               isVisibleLocale(locale) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
-                vue.createVNode(_sfc_main$1q, {
+                vue.createVNode(_sfc_main$1r, {
                   id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                   autocomplete: _ctx.autocomplete,
                   class: vue.normalizeClass({ modified: modifiedByLocale(locale), "required-locale": isRequiredLocale(locale) }),
@@ -39711,7 +39965,7 @@ img.ProseMirror-separator {
               ])) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage || _ctx.disabled && !_ctx.showErrorMessageOnDisabled
@@ -39816,7 +40070,7 @@ img.ProseMirror-separator {
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(actualLocales.value, (locale) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: locale }, [
               isVisibleLocale(locale) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
-                vue.createVNode(_sfc_main$1c, {
+                vue.createVNode(_sfc_main$1d, {
                   id: _ctx.id ? `${_ctx.id}_${locale}` : void 0,
                   autocomplete: _ctx.autocomplete,
                   class: vue.normalizeClass({ modified: modifiedByLocale(locale) }),
@@ -39852,7 +40106,7 @@ img.ProseMirror-separator {
               ])) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -39972,7 +40226,7 @@ img.ProseMirror-separator {
                   class: vue.normalizeClass([{ "required-locale": isRequiredLocale(locale) }, "locale-tag"]),
                   textContent: vue.toDisplayString(locale)
                 }, null, 10, _hoisted_3$m),
-                vue.createVNode(_sfc_main$1a, {
+                vue.createVNode(_sfc_main$1b, {
                   modelValue: _ctx.modelValue[locale],
                   "onUpdate:modelValue": [($event) => _ctx.modelValue[locale] = $event, ($event) => updateValue($event, locale)],
                   class: vue.normalizeClass({ modified: modifiedByLocale(locale) }),
@@ -39992,7 +40246,7 @@ img.ProseMirror-separator {
               ]);
             }), 128))
           ]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -67652,7 +67906,7 @@ img.ProseMirror-separator {
             tabindex: _ctx.tabindex,
             class: "flex-grow-1"
           }, vue.toHandlers(handlers2)), null, 16, ["disabled", "extensions", "model-value", "name", "style", "tabindex"]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -67790,7 +68044,7 @@ img.ProseMirror-separator {
               }, 8, ["tabs"])
             ])
           ]),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -67939,7 +68193,7 @@ img.ProseMirror-separator {
               ])) : vue.createCommentVNode("", true)
             ], 64);
           }), 128)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -67965,7 +68219,7 @@ img.ProseMirror-separator {
         emit("changeLocale", locale || blueseaConfig.defaultLocale);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1X, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
           items: localeList.value,
           "label-provider": (item) => item.displayName || "",
           "model-value": vue.unref(blueseaConfig).currentLocale,
@@ -68064,7 +68318,7 @@ img.ProseMirror-separator {
                   ((_a2 = _ctx.config.captions) == null ? void 0 : _a2[index - 1]) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_1$y, null, 512)), [
                     [vue.unref(vT), (_b = _ctx.config.captions) == null ? void 0 : _b[index - 1]]
                   ]) : vue.createCommentVNode("", true),
-                  vue.createVNode(_sfc_main$1T, {
+                  vue.createVNode(_sfc_main$1U, {
                     id: `${_ctx.id}${index}`,
                     modelValue: nameValue.value[`name${index}`],
                     "onUpdate:modelValue": [($event) => nameValue.value[`name${index}`] = $event, emitValue],
@@ -68083,7 +68337,7 @@ img.ProseMirror-separator {
               ], 64);
             }), 128))
           ], 512),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 0,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -68215,7 +68469,7 @@ img.ProseMirror-separator {
               class: "bs-layout-horizontal-inline gap-2 align-items-center",
               role: "textbox"
             }, [
-              showCountryCode.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1X, {
+              showCountryCode.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
                 key: 0,
                 modelValue: countryNo.value,
                 "onUpdate:modelValue": [
@@ -68229,7 +68483,7 @@ img.ProseMirror-separator {
                 "label-provider": (countryInfo) => countryInfo.name,
                 "value-provider": (countryInfo) => countryInfo.code
               }, null, 8, ["modelValue", "allow-null", "class", "disabled", "items", "label-provider", "value-provider"])) : vue.createCommentVNode("", true),
-              inputCount.value === 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$1T, {
+              inputCount.value === 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$1U, {
                 key: 1,
                 id: _ctx.id,
                 modelValue: phoneNo.value,
@@ -68243,7 +68497,7 @@ img.ProseMirror-separator {
                 width: "10em",
                 onChange: emitValue
               }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-                vue.createVNode(_sfc_main$1T, {
+                vue.createVNode(_sfc_main$1U, {
                   id: `${_ctx.id}1`,
                   modelValue: phoneNo1.value,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => phoneNo1.value = $event),
@@ -68257,7 +68511,7 @@ img.ProseMirror-separator {
                   onChange: emitValue
                 }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"]),
                 _cache[5] || (_cache[5] = vue.createTextVNode(" - ")),
-                vue.createVNode(_sfc_main$1T, {
+                vue.createVNode(_sfc_main$1U, {
                   id: `${_ctx.id}2`,
                   modelValue: phoneNo2.value,
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => phoneNo2.value = $event),
@@ -68271,7 +68525,7 @@ img.ProseMirror-separator {
                   onChange: emitValue
                 }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"]),
                 _cache[6] || (_cache[6] = vue.createTextVNode(" - ")),
-                vue.createVNode(_sfc_main$1T, {
+                vue.createVNode(_sfc_main$1U, {
                   id: `${_ctx.id}3`,
                   modelValue: phoneNo3.value,
                   "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => phoneNo3.value = $event),
@@ -68286,7 +68540,7 @@ img.ProseMirror-separator {
                 }, null, 8, ["id", "modelValue", "class", "disabled", "max-length", "maxlength", "name"])
               ], 64))
             ], 512),
-            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+            !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
               key: 0,
               errors: vue.unref(errors),
               "hide-error-message": _ctx.hideErrorMessage
@@ -68331,7 +68585,7 @@ img.ProseMirror-separator {
             _ctx.selectedConfig.zipCodeCaption ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$i, null, 512)), [
               [vue.unref(vT), _ctx.selectedConfig.zipCodeCaption]
             ]) : vue.createCommentVNode("", true),
-            vue.createVNode(_sfc_main$1T, {
+            vue.createVNode(_sfc_main$1U, {
               id: `${_ctx.id}ZipCode`,
               class: vue.normalizeClass({ error: _ctx.markError }),
               disabled: _ctx.disabled || !!_ctx.selectedConfig.zipCodeButtonHandler,
@@ -68458,7 +68712,7 @@ img.ProseMirror-separator {
             vue.createTextVNode(vue.toDisplayString(vue.unref(serializeAddress)(_ctx.modelValue)), 1)
           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             _ctx.config.countries && _ctx.config.countries.length > 0 || selectedConfig.value.zipCodePosition === "before-input" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
-              _ctx.config.countries && _ctx.config.countries.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$1X, {
+              _ctx.config.countries && _ctx.config.countries.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
                 key: 0,
                 modelValue: addrValue.value.countryCode,
                 "onUpdate:modelValue": [
@@ -68495,7 +68749,7 @@ img.ProseMirror-separator {
                     ((_a2 = selectedConfig.value.captions) == null ? void 0 : _a2[index - 1]) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", _hoisted_3$h, null, 512)), [
                       [vue.unref(vT), (_b = selectedConfig.value.captions) == null ? void 0 : _b[index - 1]]
                     ]) : vue.createCommentVNode("", true),
-                    vue.createVNode(_sfc_main$1T, {
+                    vue.createVNode(_sfc_main$1U, {
                       id: `${_ctx.name}_${index}`,
                       modelValue: addrValue.value[`address${index}`],
                       "onUpdate:modelValue": [($event) => addrValue.value[`address${index}`] = $event, emitValue],
@@ -68528,7 +68782,7 @@ img.ProseMirror-separator {
               "onUpdate:address": updateAddress
             }, null, 8, ["id", "modelValue", "disabled", "mark-error", "name", "selected-config", "view-mode"])) : vue.createCommentVNode("", true)
           ], 64)),
-          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Y, {
+          !_ctx.viewMode ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
             key: 2,
             errors: vue.unref(errors),
             "hide-error-message": _ctx.hideErrorMessage
@@ -69146,7 +69400,7 @@ img.ProseMirror-separator {
             onClick: vue.withModifiers(hideContextMenu, ["prevent"]),
             onContextmenu: vue.withModifiers(hideContextMenu, ["prevent"])
           }, null, 32)) : vue.createCommentVNode("", true),
-          menuItems.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1V, {
+          menuItems.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1W, {
             key: 1,
             left: position.value.x,
             "menu-items": menuItems.value,
@@ -70124,7 +70378,7 @@ img.ProseMirror-separator {
             class: "tab-list-button font-icon",
             onClick: _cache[0] || (_cache[0] = ($event) => togglePopup())
           }, "keyboard_arrow_down"),
-          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1Z, {
+          showPopup.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1_, {
             key: 0,
             ref_key: "popupRef",
             ref: popupRef,
@@ -70371,10 +70625,10 @@ img.ProseMirror-separator {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_1$f, [
-              vue.createVNode(_sfc_main$1$, { label: { key: "bs.fileupload.alt" } })
+              vue.createVNode(_sfc_main$20, { label: { key: "bs.fileupload.alt" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.createVNode(_sfc_main$1T, {
+              vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.imageInfo.alt,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.imageInfo.alt = $event),
                 disabled: _ctx.disabled,
@@ -70385,10 +70639,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_2$d, [
-              vue.createVNode(_sfc_main$1$, { label: { key: "bs.size" } })
+              vue.createVNode(_sfc_main$20, { label: { key: "bs.size" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.imageInfo.width,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.imageInfo.width = $event),
                 disabled: _ctx.disabled,
@@ -70404,7 +70658,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[9] || (_cache[9] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.imageInfo.height,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.imageInfo.height = $event),
                 disabled: _ctx.disabled,
@@ -70423,10 +70677,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_3$b, [
-              vue.createVNode(_sfc_main$1$, { label: { key: "bs.maxSize" } })
+              vue.createVNode(_sfc_main$20, { label: { key: "bs.maxSize" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.imageInfo.maxWidth,
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.imageInfo.maxWidth = $event),
                 disabled: _ctx.disabled,
@@ -70442,7 +70696,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[10] || (_cache[10] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.imageInfo.maxHeight,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.imageInfo.maxHeight = $event),
                 disabled: _ctx.disabled,
@@ -70461,10 +70715,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_4$7, [
-              vue.createVNode(_sfc_main$1$, { label: { key: "bs.margin" } })
+              vue.createVNode(_sfc_main$20, { label: { key: "bs.margin" } })
             ]),
             vue.createElementVNode("div", _hoisted_5$4, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.imageInfo.marginLeft,
                 "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.imageInfo.marginLeft = $event),
                 disabled: _ctx.disabled,
@@ -70479,7 +70733,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.imageInfo.marginTop,
                 "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.imageInfo.marginTop = $event),
                 disabled: _ctx.disabled,
@@ -70494,7 +70748,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.imageInfo.marginBottom,
                 "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.imageInfo.marginBottom = $event),
                 disabled: _ctx.disabled,
@@ -70509,7 +70763,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.imageInfo.marginRight,
                 "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.imageInfo.marginRight = $event),
                 disabled: _ctx.disabled,
@@ -70582,13 +70836,13 @@ img.ProseMirror-separator {
                 vue.withDirectives(vue.createElementVNode("div", _hoisted_1$e, [
                   vue.createElementVNode("div", null, [
                     vue.createElementVNode("div", _hoisted_2$c, [
-                      vue.createVNode(_sfc_main$1$, {
+                      vue.createVNode(_sfc_main$20, {
                         label: { key: "bs.url" },
                         required: ""
                       })
                     ]),
                     vue.createElementVNode("div", null, [
-                      vue.createVNode(_sfc_main$1T, {
+                      vue.createVNode(_sfc_main$1U, {
                         modelValue: data.value.src,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                         disabled: disabled.value,
@@ -70650,25 +70904,25 @@ img.ProseMirror-separator {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_1$d, [
-              vue.createVNode(_sfc_main$1z, {
+              vue.createVNode(_sfc_main$1A, {
                 modelValue: _ctx.videoInfo.controls,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.videoInfo.controls = $event),
                 disabled: _ctx.disabled,
                 label: { key: "bs.richtext.showVideoControl" }
               }, null, 8, ["modelValue", "disabled"]),
-              vue.createVNode(_sfc_main$1z, {
+              vue.createVNode(_sfc_main$1A, {
                 modelValue: _ctx.videoInfo.autoplay,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.videoInfo.autoplay = $event),
                 disabled: _ctx.disabled,
                 label: { key: "bs.richtext.videoAutoplay" }
               }, null, 8, ["modelValue", "disabled"]),
-              vue.createVNode(_sfc_main$1z, {
+              vue.createVNode(_sfc_main$1A, {
                 modelValue: _ctx.videoInfo.loop,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.videoInfo.loop = $event),
                 disabled: _ctx.disabled,
                 label: { key: "bs.richtext.videoLoop" }
               }, null, 8, ["modelValue", "disabled"]),
-              vue.createVNode(_sfc_main$1z, {
+              vue.createVNode(_sfc_main$1A, {
                 modelValue: _ctx.videoInfo.muted,
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.videoInfo.muted = $event),
                 disabled: _ctx.disabled,
@@ -70678,10 +70932,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_2$b, [
-              vue.createVNode(_sfc_main$1$, { label: { key: "bs.size" } })
+              vue.createVNode(_sfc_main$20, { label: { key: "bs.size" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.videoInfo.width,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.videoInfo.width = $event),
                 disabled: _ctx.disabled,
@@ -70697,7 +70951,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[12] || (_cache[12] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.videoInfo.height,
                 "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.videoInfo.height = $event),
                 disabled: _ctx.disabled,
@@ -70716,10 +70970,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_3$9, [
-              vue.createVNode(_sfc_main$1$, { label: { key: "bs.maxSize" } })
+              vue.createVNode(_sfc_main$20, { label: { key: "bs.maxSize" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.videoInfo.maxWidth,
                 "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.videoInfo.maxWidth = $event),
                 disabled: _ctx.disabled,
@@ -70735,7 +70989,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[13] || (_cache[13] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.videoInfo.maxHeight,
                 "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.videoInfo.maxHeight = $event),
                 disabled: _ctx.disabled,
@@ -70754,10 +71008,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_4$6, [
-              vue.createVNode(_sfc_main$1$, { label: { key: "bs.margin" } })
+              vue.createVNode(_sfc_main$20, { label: { key: "bs.margin" } })
             ]),
             vue.createElementVNode("div", _hoisted_5$3, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.videoInfo.marginLeft,
                 "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.videoInfo.marginLeft = $event),
                 disabled: _ctx.disabled,
@@ -70772,7 +71026,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.videoInfo.marginTop,
                 "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => _ctx.videoInfo.marginTop = $event),
                 disabled: _ctx.disabled,
@@ -70787,7 +71041,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.videoInfo.marginBottom,
                 "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => _ctx.videoInfo.marginBottom = $event),
                 disabled: _ctx.disabled,
@@ -70802,7 +71056,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.videoInfo.marginRight,
                 "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => _ctx.videoInfo.marginRight = $event),
                 disabled: _ctx.disabled,
@@ -70875,13 +71129,13 @@ img.ProseMirror-separator {
                 vue.withDirectives(vue.createElementVNode("div", _hoisted_1$c, [
                   vue.createElementVNode("div", null, [
                     vue.createElementVNode("div", _hoisted_2$a, [
-                      vue.createVNode(_sfc_main$1$, {
+                      vue.createVNode(_sfc_main$20, {
                         label: { key: "bs.url" },
                         required: ""
                       })
                     ]),
                     vue.createElementVNode("div", null, [
-                      vue.createVNode(_sfc_main$1T, {
+                      vue.createVNode(_sfc_main$1U, {
                         modelValue: data.value.src,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                         disabled: disabled.value,
@@ -71164,10 +71418,10 @@ img.ProseMirror-separator {
             }, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_1$9, [
-                  vue.createVNode(_sfc_main$1$, { label: { key: "bs.size" } })
+                  vue.createVNode(_sfc_main$20, { label: { key: "bs.size" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.width,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.width = $event),
                     disabled: disabled.value,
@@ -71183,7 +71437,7 @@ img.ProseMirror-separator {
                     ]
                   ]),
                   _cache[9] || (_cache[9] = vue.createTextVNode(" x ")),
-                  vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.height,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => data.value.height = $event),
                     disabled: disabled.value,
@@ -71202,10 +71456,10 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_2$9, [
-                  vue.createVNode(_sfc_main$1$, { label: { key: "bs.maxSize" } })
+                  vue.createVNode(_sfc_main$20, { label: { key: "bs.maxSize" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.maxWidth,
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => data.value.maxWidth = $event),
                     disabled: disabled.value,
@@ -71221,7 +71475,7 @@ img.ProseMirror-separator {
                     ]
                   ]),
                   _cache[10] || (_cache[10] = vue.createTextVNode(" x ")),
-                  vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.maxHeight,
                     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => data.value.maxHeight = $event),
                     disabled: disabled.value,
@@ -71240,10 +71494,10 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_3$7, [
-                  vue.createVNode(_sfc_main$1$, { label: { key: "bs.margin" } })
+                  vue.createVNode(_sfc_main$20, { label: { key: "bs.margin" } })
                 ]),
                 vue.createElementVNode("div", _hoisted_4$5, [
-                  vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.marginLeft,
                     "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => data.value.marginLeft = $event),
                     disabled: disabled.value,
@@ -71258,7 +71512,7 @@ img.ProseMirror-separator {
                       { title: true }
                     ]
                   ]),
-                  vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.marginTop,
                     "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => data.value.marginTop = $event),
                     disabled: disabled.value,
@@ -71273,7 +71527,7 @@ img.ProseMirror-separator {
                       { title: true }
                     ]
                   ]),
-                  vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.marginBottom,
                     "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => data.value.marginBottom = $event),
                     disabled: disabled.value,
@@ -71288,7 +71542,7 @@ img.ProseMirror-separator {
                       { title: true }
                     ]
                   ]),
-                  vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+                  vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.marginRight,
                     "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => data.value.marginRight = $event),
                     disabled: disabled.value,
@@ -71307,10 +71561,10 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_5$2, [
-                  vue.createVNode(_sfc_main$1$, { label: { key: "bs.align" } })
+                  vue.createVNode(_sfc_main$20, { label: { key: "bs.align" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1B, {
+                  vue.createVNode(_sfc_main$1C, {
                     modelValue: data.value.tableAlign,
                     "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => data.value.tableAlign = $event),
                     disabled: disabled.value,
@@ -71326,7 +71580,7 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_6, [
-                  vue.createVNode(_sfc_main$1$, { label: { key: "bs.richtext.tableColumnInfo" } })
+                  vue.createVNode(_sfc_main$20, { label: { key: "bs.richtext.tableColumnInfo" } })
                 ]),
                 vue.createElementVNode("div", null, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (column, index) => {
@@ -71335,7 +71589,7 @@ img.ProseMirror-separator {
                       class: "mb-4"
                     }, [
                       vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(index + 1) + ":", 1),
-                      vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+                      vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                         modelValue: column.width,
                         "onUpdate:modelValue": ($event) => column.width = $event,
                         disabled: disabled.value,
@@ -71411,10 +71665,10 @@ img.ProseMirror-separator {
             vue.createElementVNode("div", _hoisted_1$8, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_2$8, [
-                  vue.createVNode(_sfc_main$1$, { label: { key: "bs.richtext.rows" } })
+                  vue.createVNode(_sfc_main$20, { label: { key: "bs.richtext.rows" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1K, {
+                  vue.createVNode(_sfc_main$1L, {
                     modelValue: rows.value,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => rows.value = $event),
                     width: "100px"
@@ -71423,10 +71677,10 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_3$6, [
-                  vue.createVNode(_sfc_main$1$, { label: { key: "bs.richtext.columns" } })
+                  vue.createVNode(_sfc_main$20, { label: { key: "bs.richtext.columns" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1K, {
+                  vue.createVNode(_sfc_main$1L, {
                     modelValue: columns.value,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => columns.value = $event),
                     width: "100px"
@@ -71512,10 +71766,10 @@ img.ProseMirror-separator {
             }, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_1$7, [
-                  vue.createVNode(_sfc_main$1$, { label: { key: "bs.url" } })
+                  vue.createVNode(_sfc_main$20, { label: { key: "bs.url" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1T, {
+                  vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.src,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                     disabled: "",
@@ -71571,10 +71825,10 @@ img.ProseMirror-separator {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_1$6, [
-              vue.createVNode(_sfc_main$1$, { label: { key: "bs.widthHeightRatio" } })
+              vue.createVNode(_sfc_main$20, { label: { key: "bs.widthHeightRatio" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.createVNode(_sfc_main$1T, {
+              vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.youtubeInfo.aspectRatio,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.youtubeInfo.aspectRatio = $event),
                 disabled: _ctx.disabled,
@@ -71586,10 +71840,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_2$6, [
-              vue.createVNode(_sfc_main$1$, { label: { key: "bs.size" } })
+              vue.createVNode(_sfc_main$20, { label: { key: "bs.size" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.youtubeInfo.width,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.youtubeInfo.width = $event),
                 disabled: _ctx.disabled,
@@ -71605,7 +71859,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[9] || (_cache[9] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.youtubeInfo.height,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.youtubeInfo.height = $event),
                 disabled: _ctx.disabled,
@@ -71624,10 +71878,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_3$5, [
-              vue.createVNode(_sfc_main$1$, { label: { key: "bs.maxSize" } })
+              vue.createVNode(_sfc_main$20, { label: { key: "bs.maxSize" } })
             ]),
             vue.createElementVNode("div", null, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.youtubeInfo.maxWidth,
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.youtubeInfo.maxWidth = $event),
                 disabled: _ctx.disabled,
@@ -71643,7 +71897,7 @@ img.ProseMirror-separator {
                 ]
               ]),
               _cache[10] || (_cache[10] = vue.createTextVNode(" x ")),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.youtubeInfo.maxHeight,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.youtubeInfo.maxHeight = $event),
                 disabled: _ctx.disabled,
@@ -71662,10 +71916,10 @@ img.ProseMirror-separator {
           ]),
           vue.createElementVNode("div", null, [
             vue.createElementVNode("div", _hoisted_4$3, [
-              vue.createVNode(_sfc_main$1$, { label: { key: "bs.margin" } })
+              vue.createVNode(_sfc_main$20, { label: { key: "bs.margin" } })
             ]),
             vue.createElementVNode("div", _hoisted_5$1, [
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.youtubeInfo.marginLeft,
                 "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.youtubeInfo.marginLeft = $event),
                 disabled: _ctx.disabled,
@@ -71680,7 +71934,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.youtubeInfo.marginTop,
                 "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.youtubeInfo.marginTop = $event),
                 disabled: _ctx.disabled,
@@ -71695,7 +71949,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.youtubeInfo.marginBottom,
                 "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.youtubeInfo.marginBottom = $event),
                 disabled: _ctx.disabled,
@@ -71710,7 +71964,7 @@ img.ProseMirror-separator {
                   { title: true }
                 ]
               ]),
-              vue.withDirectives(vue.createVNode(_sfc_main$1T, {
+              vue.withDirectives(vue.createVNode(_sfc_main$1U, {
                 modelValue: _ctx.youtubeInfo.marginRight,
                 "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.youtubeInfo.marginRight = $event),
                 disabled: _ctx.disabled,
@@ -71767,13 +72021,13 @@ img.ProseMirror-separator {
             vue.createElementVNode("div", _hoisted_1$5, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_2$5, [
-                  vue.createVNode(_sfc_main$1$, {
+                  vue.createVNode(_sfc_main$20, {
                     label: { key: "bs.richtext.youtubeUrl" },
                     required: ""
                   })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1T, {
+                  vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.src,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                     name: "youtubeUrl",
@@ -71866,13 +72120,13 @@ img.ProseMirror-separator {
             data.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_2$4, [
-                  vue.createVNode(_sfc_main$1$, {
+                  vue.createVNode(_sfc_main$20, {
                     label: { key: "bs.richtext.youtubeUrl" },
                     required: ""
                   })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1T, {
+                  vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.src,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                     disabled: disabled.value,
@@ -71963,13 +72217,13 @@ img.ProseMirror-separator {
             vue.createElementVNode("div", _hoisted_1$3, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_2$3, [
-                  vue.createVNode(_sfc_main$1$, {
+                  vue.createVNode(_sfc_main$20, {
                     label: { key: "bs.linkUrl" },
                     required: ""
                   })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1T, {
+                  vue.createVNode(_sfc_main$1U, {
                     modelValue: link.value.url,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => link.value.url = $event),
                     name: "url",
@@ -71980,10 +72234,10 @@ img.ProseMirror-separator {
               ]),
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_3$2, [
-                  vue.createVNode(_sfc_main$1$, { label: { key: "bs.linkTarget" } })
+                  vue.createVNode(_sfc_main$20, { label: { key: "bs.linkTarget" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1T, {
+                  vue.createVNode(_sfc_main$1U, {
                     modelValue: link.value.target,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => link.value.target = $event),
                     name: "target",
@@ -72084,10 +72338,10 @@ img.ProseMirror-separator {
             }, [
               vue.createElementVNode("div", null, [
                 vue.createElementVNode("div", _hoisted_1$2, [
-                  vue.createVNode(_sfc_main$1$, { label: { key: "bs.url" } })
+                  vue.createVNode(_sfc_main$20, { label: { key: "bs.url" } })
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createVNode(_sfc_main$1T, {
+                  vue.createVNode(_sfc_main$1U, {
                     modelValue: data.value.src,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
                     disabled: "",
@@ -72161,7 +72415,7 @@ img.ProseMirror-separator {
         maxWidth: "1280px"
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1c, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1d, {
           ref: "richText",
           modelValue: modelValue.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
@@ -72220,8 +72474,8 @@ img.ProseMirror-separator {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1$1, [
               vue.createElementVNode("div", _hoisted_2$1, [
-                vue.createVNode(_sfc_main$1$, { label: { key: "bs.youtubeUrl" } }),
-                vue.createVNode(_sfc_main$1T, {
+                vue.createVNode(_sfc_main$20, { label: { key: "bs.youtubeUrl" } }),
+                vue.createVNode(_sfc_main$1U, {
                   modelValue: url.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => url.value = $event),
                   class: "flex-grow-1 ml-8",
@@ -72353,7 +72607,7 @@ img.ProseMirror-separator {
             }, vue.unref(gridHandler).grid, vue.toHandlers(vue.unref(gridHandler).gridEventListener)), {
               visible: vue.withCtx(({ row }) => [
                 vue.createElementVNode("div", _hoisted_1, [
-                  vue.createVNode(_sfc_main$1z, {
+                  vue.createVNode(_sfc_main$1A, {
                     "model-value": !row.hidden,
                     class: "reverted",
                     "onUpdate:modelValue": (value) => row.hidden = !value
@@ -72362,7 +72616,7 @@ img.ProseMirror-separator {
               ]),
               fixed: vue.withCtx(({ row }) => [
                 vue.createElementVNode("div", _hoisted_2, [
-                  vue.createVNode(_sfc_main$1z, {
+                  vue.createVNode(_sfc_main$1A, {
                     modelValue: row.fixed,
                     "onUpdate:modelValue": [($event) => row.fixed = $event, ($event) => updateFixedColumn($event, row)],
                     class: "reverted"
@@ -72370,7 +72624,7 @@ img.ProseMirror-separator {
                 ])
               ]),
               width: vue.withCtx(({ row }) => [
-                vue.createVNode(_sfc_main$1K, {
+                vue.createVNode(_sfc_main$1L, {
                   modelValue: row.width,
                   "onUpdate:modelValue": ($event) => row.width = $event,
                   width: "100%"
@@ -72418,32 +72672,33 @@ img.ProseMirror-separator {
   exports2.BSAddressInput = _sfc_main$y;
   exports2.BSAlarmFrame = BSAlarmFrame;
   exports2.BSButton = BSButton;
-  exports2.BSCalendar = _sfc_main$1M;
-  exports2.BSCalendarRange = _sfc_main$1L;
+  exports2.BSCalendar = _sfc_main$1N;
+  exports2.BSCalendarRange = _sfc_main$1M;
   exports2.BSCardLayout = _sfc_main$S;
-  exports2.BSCheckbox = _sfc_main$1z;
-  exports2.BSCheckboxGroup = _sfc_main$1y;
+  exports2.BSCheckbox = _sfc_main$1A;
+  exports2.BSCheckboxGroup = _sfc_main$1z;
   exports2.BSCodeEditor = _sfc_main$F;
-  exports2.BSColorInput = _sfc_main$1H;
+  exports2.BSColorInput = _sfc_main$1I;
   exports2.BSConsole = BSConsole;
   exports2.BSContextMenuContainer = _sfc_main$q;
   exports2.BSContextMenuPlugin = BSContextMenuPlugin;
-  exports2.BSDate = _sfc_main$1O;
-  exports2.BSDateInput = _sfc_main$1F;
-  exports2.BSDateInputPopup = _sfc_main$1G;
-  exports2.BSDateRange = _sfc_main$1D;
+  exports2.BSDate = _sfc_main$1P;
+  exports2.BSDateInput = _sfc_main$1G;
+  exports2.BSDateInputPopup = _sfc_main$1H;
+  exports2.BSDateRange = _sfc_main$1E;
   exports2.BSDateRangeFilter = _sfc_main$X;
   exports2.BSDateRangeFilters = _sfc_main$W;
-  exports2.BSDateRangeInputPopup = _sfc_main$1E;
-  exports2.BSDateRangePresets = _sfc_main$1A;
-  exports2.BSFormLabel = _sfc_main$1$;
+  exports2.BSDateRangeInputPopup = _sfc_main$1F;
+  exports2.BSDateRangePresets = _sfc_main$1B;
+  exports2.BSFileUpload = _sfc_main$18;
+  exports2.BSFormLabel = _sfc_main$20;
   exports2.BSGrid = _sfc_main$Z;
   exports2.BSGridControl = _sfc_main$U;
   exports2.BSGridLookup = _sfc_main$V;
   exports2.BSHorizontalLayoutResizer = _sfc_main$N;
   exports2.BSHtmlEditor = _sfc_main$E;
   exports2.BSImage = _sfc_main$x;
-  exports2.BSImageUpload = _sfc_main$1a;
+  exports2.BSImageUpload = _sfc_main$1b;
   exports2.BSLink = BSLink;
   exports2.BSListControl = BSListControl;
   exports2.BSListLayout = _sfc_main$P;
@@ -72459,35 +72714,35 @@ img.ProseMirror-separator {
   exports2.BSMultiLangRichText = _sfc_main$I;
   exports2.BSMultiLangTextArea = _sfc_main$J;
   exports2.BSMultiLangTextInput = _sfc_main$K;
-  exports2.BSMultiSelect = _sfc_main$1w;
+  exports2.BSMultiSelect = _sfc_main$1x;
   exports2.BSNameInput = _sfc_main$B;
   exports2.BSNotificationContainer = _sfc_main$s;
-  exports2.BSNumberInput = _sfc_main$1K;
-  exports2.BSPageNavigation = _sfc_main$1N;
-  exports2.BSPercentInput = _sfc_main$1I;
-  exports2.BSPopup = _sfc_main$1_;
-  exports2.BSPopupButton = _sfc_main$1U;
+  exports2.BSNumberInput = _sfc_main$1L;
+  exports2.BSPageNavigation = _sfc_main$1O;
+  exports2.BSPercentInput = _sfc_main$1J;
+  exports2.BSPopup = _sfc_main$1$;
+  exports2.BSPopupButton = _sfc_main$1V;
   exports2.BSPopupSelect = BSPopupSelect;
-  exports2.BSPositionedImageUpload = _sfc_main$18;
-  exports2.BSPriceInput = _sfc_main$1J;
-  exports2.BSProgressBar = _sfc_main$1R;
-  exports2.BSRadioButton = _sfc_main$1C;
-  exports2.BSRadioButtonGroup = _sfc_main$1B;
-  exports2.BSRichText = _sfc_main$1c;
-  exports2.BSSelect = _sfc_main$1X;
-  exports2.BSSelectPopup = _sfc_main$1Z;
+  exports2.BSPositionedImageUpload = _sfc_main$19;
+  exports2.BSPriceInput = _sfc_main$1K;
+  exports2.BSProgressBar = _sfc_main$1S;
+  exports2.BSRadioButton = _sfc_main$1D;
+  exports2.BSRadioButtonGroup = _sfc_main$1C;
+  exports2.BSRichText = _sfc_main$1d;
+  exports2.BSSelect = _sfc_main$1Y;
+  exports2.BSSelectPopup = _sfc_main$1_;
   exports2.BSTabSheet = _sfc_main$R;
   exports2.BSTelInput = _sfc_main$A;
-  exports2.BSTextArea = _sfc_main$1q;
+  exports2.BSTextArea = _sfc_main$1r;
   exports2.BSTextFilter = _sfc_main$Y;
-  exports2.BSTextInput = _sfc_main$1T;
-  exports2.BSTree = _sfc_main$1u;
+  exports2.BSTextInput = _sfc_main$1U;
+  exports2.BSTree = _sfc_main$1v;
   exports2.BSTreeControl = BSTreeControl;
-  exports2.BSTreeMultiSelect = _sfc_main$1s;
-  exports2.BSTreeSelect = _sfc_main$1t;
+  exports2.BSTreeMultiSelect = _sfc_main$1t;
+  exports2.BSTreeSelect = _sfc_main$1u;
   exports2.BSVerticalLayoutResizer = _sfc_main$M;
-  exports2.BSYesNoGroup = _sfc_main$1x;
-  exports2.BSYesNoSelect = _sfc_main$1W;
+  exports2.BSYesNoGroup = _sfc_main$1y;
+  exports2.BSYesNoSelect = _sfc_main$1X;
   exports2.BetweenDateFilter = BetweenDateFilter;
   exports2.BetweenDateFilterWithPreset = BetweenDateFilterWithPreset;
   exports2.BetweenFilter = BetweenFilter;