@g1cloud/bluesea 5.0.0-beta.1 → 5.0.0-beta.3

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

@@ -87,8 +87,8 @@ const defaultAddressInputComponentConfig = {
   countryConfigs: ADDRESS_COUNTRY_CONFIGS
 };
 const defaultRichTextComponentConfig = {
-  imageInsertModal: defineAsyncComponent(() => import("./ImageInsertModal-DvKLXL1n.js")),
-  videoInsertModal: defineAsyncComponent(() => import("./VideoInsertModal-BAwRYBzU.js")),
+  imageInsertModal: defineAsyncComponent(() => import("./ImageInsertModal-BjQMX1aF.js")),
+  videoInsertModal: defineAsyncComponent(() => import("./VideoInsertModal-DMtZM5vy.js")),
   toolButtons: [
     "Heading",
     "FontSize",
@@ -5968,7 +5968,7 @@ class BSModal {
   }
   openAlert(title, message, clickHandler2) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSAlertModal-BixCrZDD.js")),
+      component: defineAsyncComponent(() => import("./BSAlertModal-xBi30_WT.js")),
       bind: {
         title,
         message
@@ -5981,7 +5981,7 @@ class BSModal {
   }
   openYesNo(title, message, yesHandler, noHandler) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSYesNoModal-B5lERw_k.js")),
+      component: defineAsyncComponent(() => import("./BSYesNoModal-g_jspSyV.js")),
       bind: {
         title,
         message
@@ -28352,43 +28352,6 @@ const TableRow = Node2.create({
     return ["tr", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   }
 });
-const TableCell = Node2.create({
-  name: "tableCell",
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  content: "block+",
-  addAttributes() {
-    return {
-      colspan: {
-        default: 1
-      },
-      rowspan: {
-        default: 1
-      },
-      colwidth: {
-        default: null,
-        parseHTML: (element) => {
-          const colwidth = element.getAttribute("colwidth");
-          const value = colwidth ? colwidth.split(",").map((width) => parseInt(width, 10)) : null;
-          return value;
-        }
-      }
-    };
-  },
-  tableRole: "cell",
-  isolating: true,
-  parseHTML() {
-    return [
-      { tag: "td" }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return ["td", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-  }
-});
 const _hoisted_1$X = { class: "tool-button-font-size bs-layout-horizontal align-items-center" };
 const _hoisted_2$E = ["disabled", "value"];
 const _sfc_main$18 = /* @__PURE__ */ defineComponent({
@@ -31022,10 +30985,11 @@ const renderHTMLAttr = (attr) => {
 const parseHTMLStyle = (attr) => {
   return (element) => element.style[attr];
 };
-const renderHTMLStyle = (attr) => {
+const renderHTMLStyle = (attr, attrName2) => {
   return (attrs) => {
     const kebabCaseName = attr.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-    return attrs[attr] ? { style: `${kebabCaseName}: ${attrs[attr]}` } : void 0;
+    const value = attrs[attrName2 || attr];
+    return value ? { style: `${kebabCaseName}: ${value}` } : void 0;
   };
 };
 const createStyleString = (attr, names) => {
@@ -31038,6 +31002,15 @@ const RichTextTable = Table.extend({
       height: { parseHTML: parseHTMLStyle("height"), renderHTML: renderHTMLStyle("height") },
       maxWidth: { parseHTML: parseHTMLStyle("maxWidth"), renderHTML: renderHTMLStyle("maxWidth") },
       maxHeight: { parseHTML: parseHTMLStyle("maxHeight"), renderHTML: renderHTMLStyle("maxHeight") },
+      marginLeft: { parseHTML: parseHTMLStyle("marginLeft"), renderHTML: renderHTMLStyle("marginLeft") },
+      marginTop: { parseHTML: parseHTMLStyle("marginTop"), renderHTML: renderHTMLStyle("marginTop") },
+      marginRight: { parseHTML: parseHTMLStyle("marginRight"), renderHTML: renderHTMLStyle("marginRight") },
+      marginBottom: { parseHTML: parseHTMLStyle("marginBottom"), renderHTML: renderHTMLStyle("marginBottom") },
+      tableAlign: {
+        default: "",
+        parseHTML: parseHTMLStyle("alignSelf"),
+        renderHTML: renderHTMLStyle("alignSelf", "tableAlign")
+      },
       class: {
         default: void 0,
         parseHTML: (element) => element.className,
@@ -31050,6 +31023,13 @@ const RichTextTable = Table.extend({
   renderHTML: (props) => {
     var _a2;
     const result = (_a2 = Table.config.renderHTML) == null ? void 0 : _a2.apply(Table, [props]);
+    if (Array.isArray(result) && result.length > 1) {
+      const attrs = result[1];
+      attrs.style = props.HTMLAttributes.style;
+    }
+    if (Array.isArray(result) && result.length > 2 && result[2][0] === "colgroup") {
+      result.splice(2, 1);
+    }
     return [
       "div",
       { class: "table-wrapper" },
@@ -31113,13 +31093,13 @@ const tableContextMenus = (modal, editor) => {
 };
 const showTableProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./TablePropertiesModal-BAxcByTD.js")),
+    component: defineAsyncComponent(() => import("./TablePropertiesModal-rKhKzzYG.js")),
     bind: { editor }
   });
 };
 const insertTable = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./TableInsertModal-BhyzkcTU.js")),
+    component: defineAsyncComponent(() => import("./TableInsertModal-W9oMIgb_.js")),
     bind: { editor }
   });
 };
@@ -31284,7 +31264,7 @@ const insertImage = (modal, editor) => {
   const component = (_a2 = blueseaConfig.componentConfig.richText) == null ? void 0 : _a2.imageInsertModal;
   if (component) {
     modal.openModal({
-      component: defineAsyncComponent(() => import("./ImageInsertModal-DvKLXL1n.js")),
+      component: defineAsyncComponent(() => import("./ImageInsertModal-BjQMX1aF.js")),
       bind: { editor },
       on: {
         insertImage: (image) => {
@@ -31302,7 +31282,7 @@ const insertImage = (modal, editor) => {
 };
 const showImageProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./ImagePropertiesModal-Dsg6BS63.js")),
+    component: defineAsyncComponent(() => import("./ImagePropertiesModal-BVMSRdqN.js")),
     bind: { editor }
   });
 };
@@ -31595,16 +31575,23 @@ const RichTextYoutube = Youtube.extend({
       start: {
         default: 0
       },
-      width: { parseHTML: parseHTMLStyle("width"), renderHTML: renderHTMLStyle("width") },
-      height: { parseHTML: parseHTMLStyle("height"), renderHTML: renderHTMLStyle("height") },
-      maxWidth: { parseHTML: parseHTMLStyle("maxWidth"), renderHTML: renderHTMLStyle("maxWidth") },
-      maxHeight: { parseHTML: parseHTMLStyle("maxHeight"), renderHTML: renderHTMLStyle("maxHeight") },
-      marginLeft: { parseHTML: parseHTMLStyle("marginLeft"), renderHTML: renderHTMLStyle("marginLeft") },
-      marginTop: { parseHTML: parseHTMLStyle("marginTop"), renderHTML: renderHTMLStyle("marginTop") },
-      marginRight: { parseHTML: parseHTMLStyle("marginRight"), renderHTML: renderHTMLStyle("marginRight") },
-      marginBottom: { parseHTML: parseHTMLStyle("marginBottom"), renderHTML: renderHTMLStyle("marginBottom") }
+      width: { parseHTML: parseWrapperHTMLStyle("width"), renderHTML: renderHTMLStyle("width") },
+      height: { parseHTML: parseWrapperHTMLStyle("height"), renderHTML: renderHTMLStyle("height") },
+      maxWidth: { parseHTML: parseWrapperHTMLStyle("maxWidth"), renderHTML: renderHTMLStyle("maxWidth") },
+      maxHeight: { parseHTML: parseWrapperHTMLStyle("maxHeight"), renderHTML: renderHTMLStyle("maxHeight") },
+      marginLeft: { parseHTML: parseWrapperHTMLStyle("marginLeft"), renderHTML: renderHTMLStyle("marginLeft") },
+      marginTop: { parseHTML: parseWrapperHTMLStyle("marginTop"), renderHTML: renderHTMLStyle("marginTop") },
+      marginRight: { parseHTML: parseWrapperHTMLStyle("marginRight"), renderHTML: renderHTMLStyle("marginRight") },
+      marginBottom: { parseHTML: parseWrapperHTMLStyle("marginBottom"), renderHTML: renderHTMLStyle("marginBottom") }
     };
   },
+  parseHTML() {
+    return [
+      {
+        tag: "span[data-youtube-video] iframe"
+      }
+    ];
+  },
   // Youtube extension 에서는 div 로 감싸는데, p 안에 div 가 들어갈 수 없어, span 으로 변경함.
   renderHTML: (props) => {
     var _a2;
@@ -31616,14 +31603,21 @@ const RichTextYoutube = Youtube.extend({
       const iframeAttr = result[2][1];
       delete iframeAttr.width;
       delete iframeAttr.height;
-      iframeAttr.style = `width: 100%; height:100%;`;
+      iframeAttr.style = `width: 100%; height:100%; ${args.style};`;
       return ["span", args, [iframe, iframeAttr]];
     }
     return "span";
   }
 });
+const parseWrapperHTMLStyle = (attr) => {
+  return (element) => {
+    var _a2;
+    return (_a2 = element.parentElement) == null ? void 0 : _a2.style[attr];
+  };
+};
 const createWrapperStyle = (attrs) => {
   if (!attrs.aspectRatio) attrs.aspectRatio = "16/9";
+  if (!attrs.width) attrs.width = "100%";
   attrs = normalizeYoutubeInfoData(attrs);
   const styleKeys = ["aspectRatio", "width", "height", "maxWidth", "maxHeight", "marginLeft", "marginTop", "marginRight", "marginBottom"];
   const styles = [];
@@ -31649,13 +31643,13 @@ const youtubeContextMenu = (modal, editor) => {
 };
 const insertYoutube = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./YoutubeInsertModal-EU6G-021.js")),
+    component: defineAsyncComponent(() => import("./YoutubeInsertModal-4_qANoY5.js")),
     bind: { editor }
   });
 };
 const showYoutubeProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./YoutubePropertiesModal-CRy6zJwZ.js")),
+    component: defineAsyncComponent(() => import("./YoutubePropertiesModal-BKwZsK6d.js")),
     bind: { editor }
   });
 };
@@ -31699,7 +31693,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     const showLinkProperties = () => {
       if (!props.disabled) {
         modal.openModal({
-          component: defineAsyncComponent(() => import("./LinkPropertiesModal-Ct0ykD4j.js")),
+          component: defineAsyncComponent(() => import("./LinkPropertiesModal-CjQMdxnd.js")),
           bind: {
             editor: props.editor
           }
@@ -32064,7 +32058,7 @@ const insertVideo = (modal, editor) => {
   const component = (_a2 = blueseaConfig.componentConfig.richText) == null ? void 0 : _a2.videoInsertModal;
   if (component) {
     modal.openModal({
-      component: defineAsyncComponent(() => import("./VideoInsertModal-BAwRYBzU.js")),
+      component: defineAsyncComponent(() => import("./VideoInsertModal-DMtZM5vy.js")),
       bind: { editor },
       on: {
         insertVideo: (video) => {
@@ -32082,7 +32076,7 @@ const insertVideo = (modal, editor) => {
 };
 const showVideoProperties = (modal, editor) => {
   modal.openModal({
-    component: defineAsyncComponent(() => import("./VideoPropertiesModal-B2FeEw4W.js")),
+    component: defineAsyncComponent(() => import("./VideoPropertiesModal-CLkvzq3Y.js")),
     bind: { editor }
   });
 };
@@ -33988,6 +33982,70 @@ class RichTextTableView {
 }
 const richTextContentStyle = '.rich-text-content {\n  font-size: 14px;\n}\n.rich-text-content * {\n  line-height: 1.4em;\n}\n.rich-text-content p {\n  margin: 0 0 4px 0;\n  padding: 0;\n}\n.rich-text-content p:empty:before {\n  content: " ";\n  white-space: pre;\n}\n.rich-text-content pre {\n  background-color: #eee;\n  padding: 8px;\n  margin: 8px 0;\n  border-radius: 4px;\n  font-family: "Lucida Console", sans-serif;\n}\n.rich-text-content h1 {\n  font-size: 1.8rem;\n  margin: 1rem 0 0.4rem;\n}\n.rich-text-content h2 {\n  font-size: 1.6rem;\n  margin: 0.6rem 0 0.2rem;\n}\n.rich-text-content h3 {\n  font-size: 1.4rem;\n  margin: 0.4rem 0 0.2rem;\n}\n.rich-text-content h4 {\n  font-size: 1.2rem;\n  margin: 0.4rem 0 0.2rem;\n}\n.rich-text-content ul {\n  padding-left: 1em;\n}\n.rich-text-content ul li {\n  list-style: inside disc;\n}\n.rich-text-content ul li > ul > li {\n  list-style: inside circle;\n}\n.rich-text-content ul li > ul > li > ul > li {\n  list-style: inside square;\n}\n.rich-text-content ul li > p {\n  display: inline;\n}\n.rich-text-content ol {\n  padding-left: 1em;\n}\n.rich-text-content ol li {\n  list-style: inside decimal;\n}\n.rich-text-content ol li > ol > li {\n  list-style: inside lower-alpha;\n}\n.rich-text-content ol li > ol > li > ol > li {\n  list-style: inside lower-roman;\n}\n.rich-text-content ol li > p {\n  display: inline;\n}\n.rich-text-content > div > ul, .rich-text-content > div > ol {\n  margin: 8px 0;\n}\n.rich-text-content em {\n  font-style: italic;\n}\n.rich-text-content .table-wrapper {\n  margin: 0.5rem 0;\n  overflow-x: auto;\n  display: flex;\n  flex-direction: column;\n}\n.rich-text-content table {\n  border-collapse: collapse;\n  text-align: left;\n}\n.rich-text-content table > tr > th, .rich-text-content table > tr > td, .rich-text-content table > tbody > tr > th, .rich-text-content table > tbody > tr > td {\n  border: 1px solid #ccc;\n  box-sizing: border-box;\n  padding: 6px 8px;\n  vertical-align: top;\n}\n.rich-text-content table > tr > th > p, .rich-text-content table > tr > td > p, .rich-text-content table > tbody > tr > th > p, .rich-text-content table > tbody > tr > td > p {\n  margin-bottom: 0;\n}\n.rich-text-content img {\n  display: inline-block;\n  height: auto;\n  margin: 0.5rem 0;\n  max-width: 100%;\n}\n.rich-text-content span[data-youtube-video] {\n  padding-right: 0.5rem;\n  display: inline-block;\n}\n.rich-text-content span[data-youtube-video] iframe {\n  border: 0.5rem solid var(--black-contrast);\n  outline: 0 solid transparent;\n}';
 const richTextContainerStyle = ':root {\n  --body-bg: #ffffff;\n  --gray-400: #A9A9A9;\n  --primary: #5672EF;\n  --icon-font-family: Material Symbols Outlined, monospace;\n}\n\n.bs-rich-text-editor {\n  width: 100%;\n  box-sizing: border-box;\n  overflow: auto;\n  padding: 8px;\n  margin: 0 auto;\n  background-color: var(--body-bg);\n  align-self: center;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);\n  /* table */\n  /* image */\n  /* youtube */\n}\n.bs-rich-text-editor > .tiptap {\n  width: 100%;\n  flex-grow: 1;\n}\n.bs-rich-text-editor > .tiptap:focus {\n  outline: 0;\n}\n.bs-rich-text-editor table {\n  table-layout: fixed;\n}\n.bs-rich-text-editor table td,\n.bs-rich-text-editor table th {\n  min-width: 1em;\n  position: relative;\n}\n.bs-rich-text-editor table td > *,\n.bs-rich-text-editor table th > * {\n  margin-bottom: 0;\n}\n.bs-rich-text-editor table th {\n  font-weight: bold;\n  text-align: left;\n}\n.bs-rich-text-editor table .selectedCell:after {\n  background: var(--gray-400);\n  opacity: 0.3;\n  content: "";\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  pointer-events: none;\n  position: absolute;\n  z-index: 1;\n}\n.bs-rich-text-editor table .column-resize-handle {\n  background-color: var(--primary);\n  bottom: -2px;\n  pointer-events: none;\n  position: absolute;\n  right: -2px;\n  top: 0;\n  width: 4px;\n  z-index: 2;\n}\n.bs-rich-text-editor img, .bs-rich-text-editor video {\n  user-select: auto;\n}\n.bs-rich-text-editor img.ProseMirror-selectednode, .bs-rich-text-editor video.ProseMirror-selectednode {\n  outline: 3px solid var(--primary);\n  position: relative;\n  transition: outline 0.15s;\n  z-index: 1;\n}\n.bs-rich-text-editor span[data-youtube-video] {\n  position: relative;\n  cursor: move;\n}\n.bs-rich-text-editor span[data-youtube-video] iframe {\n  user-select: auto;\n}\n.bs-rich-text-editor span[data-youtube-video].ProseMirror-selectednode iframe {\n  outline: 3px solid var(--primary);\n  transition: outline 0.15s;\n}\n.bs-rich-text-editor span[data-youtube-video]::after {\n  content: "menu";\n  font-family: var(--icon-font-family);\n  position: absolute;\n  background-color: white;\n  border-radius: 4px;\n  padding: 4px;\n  left: 8px;\n  top: 8px;\n  font-size: 20px;\n  line-height: 1em;\n}';
+const TableCell = Node2.create({
+  name: "tableCell",
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  content: "block+",
+  addAttributes() {
+    return {
+      colspan: {
+        default: 1
+      },
+      rowspan: {
+        default: 1
+      },
+      colwidth: {
+        default: null,
+        parseHTML: (element) => {
+          const colwidth = element.getAttribute("colwidth");
+          const value = colwidth ? colwidth.split(",").map((width) => parseInt(width, 10)) : null;
+          return value;
+        }
+      }
+    };
+  },
+  tableRole: "cell",
+  isolating: true,
+  parseHTML() {
+    return [
+      { tag: "td" }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["td", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+  }
+});
+const RichTextTableCell = TableCell.extend({
+  addAttributes() {
+    var _a2;
+    return {
+      ...(_a2 = this.parent) == null ? void 0 : _a2.call(this),
+      width: { parseHTML: parseHTMLStyle("width"), renderHTML: renderHTMLStyle("width") },
+      colspan: {
+        default: 1,
+        parseHTML: (el) => {
+          return Number(el.getAttribute("colspan")) || 1;
+        },
+        renderHTML: (attrs) => {
+          if ((attrs.colspan || 1) > 1) return { colspan: attrs.colspan };
+        }
+      },
+      rowspan: {
+        default: 1,
+        parseHTML: (el) => {
+          return Number(el.getAttribute("rowspan")) || 1;
+        },
+        renderHTML: (attrs) => {
+          if ((attrs.rowspan || 1) > 1) return { rowspan: attrs.rowspan };
+        }
+      }
+    };
+  }
+});
 const _hoisted_1$M = ["innerHTML"];
 const _hoisted_2$x = { class: "editor-container" };
 const WRAP_BEGIN = '<div class="rich-text-content">';
@@ -34041,14 +34099,14 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           inline: true
         }),
         RichTextTable.configure({
-          resizable: true,
-          lastColumnResizable: true,
+          resizable: false,
+          lastColumnResizable: false,
           allowTableNodeSelection: true,
           View: RichTextTableView
         }),
         TableHeader,
         TableRow,
-        TableCell,
+        RichTextTableCell,
         RichTextYoutube.configure({
           inline: true,
           controls: false,
@@ -34168,10 +34226,19 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           const doc2 = iframeRef.value.contentWindow.document;
           const context = {
             iframeDocument: doc2,
+            fontLinks: [
+              "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block"
+            ],
             editorStyles: [richTextContainerStyle],
             contentStyles: [richTextContentStyle]
           };
           emit("editorIframeReady", context);
+          context.fontLinks.forEach((font) => {
+            const link = doc2.createElement("link");
+            link.setAttribute("href", font);
+            link.setAttribute("rel", "stylesheet");
+            doc2.head.appendChild(link);
+          });
           const styles = [...context.editorStyles || [], ...context.contentStyles || []];
           styles.forEach((css2) => {
             const style2 = doc2.createElement("style");
@@ -34187,7 +34254,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       emit("maximized");
       if (!props.internalMaximized) {
         modal.openModal({
-          component: defineAsyncComponent(() => import("./BSRichTextMaximizedModal-BqzE5__U.js")),
+          component: defineAsyncComponent(() => import("./BSRichTextMaximizedModal-bwfs_ETq.js")),
           bind: {
             modelValue: getEditorValue(),
             contentMaxWidth: props.contentMaxWidth,
@@ -34724,7 +34791,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const enterYoutubeUrl = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./BSYoutubeInputModal-eRBqHjeW.js")),
+        component: defineAsyncComponent(() => import("./BSYoutubeInputModal-gxqSatHw.js")),
         on: {
           "update:modelValue": (url) => {
             emit("update:modelValue", {
@@ -38046,7 +38113,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const modal = useModal();
     const openSettingModal = () => {
       modal.openModal({
-        component: defineAsyncComponent(() => import("./BSGridColumnSettingModal-CVVenSnr.js")),
+        component: defineAsyncComponent(() => import("./BSGridColumnSettingModal-CGOmNxYg.js")),
         bind: {
           columns: props.columns,
           columnSettings: props.columnSettings,
@@ -69779,22 +69846,22 @@ const localeNameProvider = (locale) => {
 const BLUESEA_VERSION = "5.0.0";
 export {
   _sfc_main$T as $,
-  _sfc_main$1z as A,
+  BSLink as A,
   BSButton as B,
-  BSConsole as C,
-  BSLoadingIcon as D,
-  _sfc_main$1w as E,
-  _sfc_main$1v as F,
-  _sfc_main$1u as G,
-  _sfc_main$1t as H,
-  _sfc_main$1r as I,
-  _sfc_main$1q as J,
-  _sfc_main$1o as K,
-  _sfc_main$1m as L,
-  _sfc_main$1j as M,
-  _sfc_main$1h as N,
-  _sfc_main$1l as O,
-  _sfc_main$1k as P,
+  _sfc_main$1z as C,
+  BSConsole as D,
+  BSLoadingIcon as E,
+  _sfc_main$1w as F,
+  _sfc_main$1v as G,
+  _sfc_main$1u as H,
+  _sfc_main$1t as I,
+  _sfc_main$1r as J,
+  _sfc_main$1q as K,
+  _sfc_main$1o as L,
+  _sfc_main$1m as M,
+  _sfc_main$1j as N,
+  _sfc_main$1h as O,
+  _sfc_main$1l as P,
   _sfc_main$1g as Q,
   _sfc_main$1F as R,
   _sfc_main$1f as S,
@@ -69989,19 +70056,19 @@ export {
   _sfc_main$1i as i,
   vFocusOnLoad as j,
   componentUtil as k,
-  formValidator as l,
-  findImageNode as m,
+  _sfc_main$1k as l,
+  formValidator as m,
   notNull as n,
-  imageInfoNumberToPixel as o,
-  findYoutubeNode as p,
-  normalizeYoutubeInfoData as q,
-  findVideoNode as r,
-  videoInfoNumberToPixel as s,
-  BLUESEA_VERSION as t,
+  findImageNode as o,
+  imageInfoNumberToPixel as p,
+  findYoutubeNode as q,
+  normalizeYoutubeInfoData as r,
+  findVideoNode as s,
+  videoInfoNumberToPixel as t,
   useModalHandle as u,
   vT as v,
-  _sfc_main$1E as w,
-  _sfc_main$1C as x,
+  BLUESEA_VERSION as w,
+  _sfc_main$1E as x,
   youtubeInfoNumberToPixel as y,
-  BSLink as z
+  _sfc_main$1C as z
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/bluesea",
   "private": false,
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0-beta.3",
   "description": "Ui Library for g1cloud BackOffice.",
   "type": "module",
   "engines": {
@@ -54,13 +54,13 @@
     "@vitest/coverage-v8": "^1.5.3",
     "@vue/test-utils": "^2.4.6",
     "jsdom": "^26.1.0",
+    "sass": "^1.86.3",
     "typescript": "^5.4.5",
     "vite": "^6.3.2",
     "vite-plugin-dts": "^3.9.0",
     "vitest": "^3.1.1",
     "vitest-canvas-mock": "^0.3.3",
-    "vue-tsc": "^2.2.8",
-    "sass": "^1.86.3"
+    "vue-tsc": "^2.2.8"
   },
   "peerDependencies": {
     "dayjs": "^1.11.11",

package/scss/component.scss

@@ -276,32 +276,36 @@
 .bs-checkbox-group,
 .bs-radio-button-group {
   &.modified {
-    input::before {
-      color: var(--purple) !important;
-    }
+    .bs-checkbox:not(.disabled), .bs-radio-button:not(.disabled) {
+      input::before {
+        color: var(--purple) !important;
+      }
 
-    input ~ label {
-      color: var(--purple) !important;
+      input ~ label {
+        color: var(--purple) !important;
+      }
     }
   }
 
-  &.disabled {
-    & input::before {
-      color: var(--gray-400) !important;
-    }
+  &.error {
+    .bs-checkbox:not(.disabled), .bs-radio-button:not(.disabled) {
+      input::before {
+        color: var(--danger) !important;
+      }
 
-    & input ~ label {
-      color: var(--gray-400) !important;
+      input ~ label {
+        color: var(--danger) !important;
+      }
     }
   }
 
-  &.error {
+  &.disabled {
     input::before {
-      color: var(--danger) !important;
+      color: var(--gray-400) !important;
     }
 
     input ~ label {
-      color: var(--danger) !important;
+      color: var(--gray-400) !important;
     }
   }
 }

package/text/bluesea_text_en.json

@@ -7,6 +7,10 @@
     "key": "bs.addYoutubeUrl",
     "text": "Add YouTube URL"
   },
+  {
+    "key": "bs.align",
+    "text": "Align"
+  },
   {
     "key": "bs.am",
     "text": "AM"
@@ -35,6 +39,10 @@
     "key": "bs.clear",
     "text": "Clear"
   },
+  {
+    "key": "bs.clearAll",
+    "text": "Clear All"
+  },
   {
     "key": "bs.cleared",
     "text": "It has been cleared."
@@ -765,6 +773,10 @@
     "key": "bs.richtext.table",
     "text": "Table"
   },
+  {
+    "key": "bs.richtext.tableColumnInfo",
+    "text": "Column Info."
+  },
   {
     "key": "bs.richtext.tableProperties",
     "text": "Table Properties"

package/text/bluesea_text_fr.json

@@ -7,6 +7,10 @@
     "key": "bs.addYoutubeUrl",
     "text": "Ajouter une URL YouTube"
   },
+  {
+    "key": "bs.align",
+    "text": "Aligner"
+  },
   {
     "key": "bs.am",
     "text": "SUIS"
@@ -35,6 +39,10 @@
     "key": "bs.clear",
     "text": "Clair"
   },
+  {
+    "key": "bs.clearAll",
+    "text": "Tout effacer"
+  },
   {
     "key": "bs.cleared",
     "text": "Cela a été effacé."
@@ -765,6 +773,10 @@
     "key": "bs.richtext.table",
     "text": "Tableau"
   },
+  {
+    "key": "bs.richtext.tableColumnInfo",
+    "text": "Info. sur la colonne"
+  },
   {
     "key": "bs.richtext.tableProperties",
     "text": "Propriétés du tableau"

package/text/bluesea_text_ja.json

@@ -7,6 +7,10 @@
     "key": "bs.addYoutubeUrl",
     "text": "YouTube動画登録"
   },
+  {
+    "key": "bs.align",
+    "text": "並べ替え"
+  },
   {
     "key": "bs.am",
     "text": "午前"
@@ -35,6 +39,10 @@
     "key": "bs.clear",
     "text": "クリア"
   },
+  {
+    "key": "bs.clearAll",
+    "text": "全体初期化"
+  },
   {
     "key": "bs.cleared",
     "text": "初期化されました。"
@@ -765,6 +773,10 @@
     "key": "bs.richtext.table",
     "text": "テーブル"
   },
+  {
+    "key": "bs.richtext.tableColumnInfo",
+    "text": "コラム情報"
+  },
   {
     "key": "bs.richtext.tableProperties",
     "text": "テーブル属性"

package/text/bluesea_text_ko.json

@@ -7,6 +7,10 @@
     "key": "bs.addYoutubeUrl",
     "text": "YouTube 동영상 등록"
   },
+  {
+    "key": "bs.align",
+    "text": "정렬"
+  },
   {
     "key": "bs.am",
     "text": "오전"
@@ -35,6 +39,10 @@
     "key": "bs.clear",
     "text": "초기화"
   },
+  {
+    "key": "bs.clearAll",
+    "text": "전체 초기화"
+  },
   {
     "key": "bs.cleared",
     "text": "초기화 되었습니다."
@@ -765,6 +773,10 @@
     "key": "bs.richtext.table",
     "text": "테이블"
   },
+  {
+    "key": "bs.richtext.tableColumnInfo",
+    "text": "칼럼 정보"
+  },
   {
     "key": "bs.richtext.tableProperties",
     "text": "테이블 속성"