@deot/vc-components 1.0.55 → 1.0.56

package/dist/index.cjs

@@ -10091,23 +10091,16 @@ const insertFontSizeStyle = (value, id) => {
 				.ql-snow .ql-font-size.ql-picker .ql-picker-label[data-value="${fontSize}"]:before {
 					content: "${fontSize}"
 				}`;
-    pre += `.ql-editor .ql-font-size-${fontSize} {
-					font-size: ${fontSize};
-				}`;
     return pre;
   }, "");
   return Load__namespace.style(code, { id });
 };
 const insertLineHeightStyle = (value, id) => {
   const code = value.reduce((pre, lineHeight) => {
-    const classLineHeightValue = +lineHeight * 10;
-    pre += `.ql-snow .ql-line-height.ql-picker .ql-picker-item[data-value="${classLineHeightValue}"]:before,
-				.ql-snow .ql-line-height.ql-picker .ql-picker-label[data-value="${classLineHeightValue}"]:before {
+    pre += `.ql-snow .ql-line-height.ql-picker .ql-picker-item[data-value="${lineHeight}"]:before,
+				.ql-snow .ql-line-height.ql-picker .ql-picker-label[data-value="${lineHeight}"]:before {
 					content: "${+lineHeight}" 
 				}`;
-    pre += `.ql-editor .ql-line-height-${classLineHeightValue} {
-					line-height: ${+lineHeight};
-				}`;
     return pre;
   }, "");
   return Load__namespace.style(code, { id });
@@ -10118,9 +10111,6 @@ const insertLetterSpacingStyle = (value, id) => {
 				.ql-snow .ql-letter-spacing.ql-picker .ql-picker-label[data-value="${letterSpacing}"]:before {
 					content: "${letterSpacing}"
 				}`;
-    pre += `.ql-editor .ql-letter-spacing-${letterSpacing} {
-					letter-spacing: ${letterSpacing};
-				}`;
     return pre;
   }, "");
   return Load__namespace.style(code, { id });
@@ -10308,9 +10298,8 @@ const EditorToolbar = /* @__PURE__ */ vue.defineComponent({
                   "selected": true
                 }, null);
               }
-              const v = key === 'line-height' ? +it * 10 : it;
               return vue.createVNode("option", {
-                "value": `${v}`
+                "value": `${it}`
               }, null);
             })]);
           }
@@ -10323,16 +10312,18 @@ const EditorToolbar = /* @__PURE__ */ vue.defineComponent({
         if (Array.isArray(item)) {
           return insertStyle(item);
         }
+        let key = item;
+        let value = [];
         if (typeof item === 'object') {
-          const [key, value] = Object.entries(item)[0];
-          const options = value.length && value || toolbarDefaultsMap[key];
-          if (key === 'font-size') {
-            insertFontSizeStyle(options, styleId);
-          } else if (key === 'line-height') {
-            insertLineHeightStyle(options, lineHeightStyleId);
-          } else if (key === 'letter-spacing') {
-            insertLetterSpacingStyle(options, letterSpacingStyleId);
-          }
+          [key, value] = Object.entries(item)[0];
+        }
+        value = value.length && value || toolbarDefaultsMap[key];
+        if (key === 'font-size' && Array.isArray(value)) {
+          insertFontSizeStyle(value, styleId);
+        } else if (key === 'line-height') {
+          insertLineHeightStyle(value, lineHeightStyleId);
+        } else if (key === 'letter-spacing') {
+          insertLetterSpacingStyle(value, letterSpacingStyleId);
         }
       });
     };
@@ -10413,21 +10404,20 @@ const registerAudioBlot = (quillInstance) => {
 
 const registerLineHeight = (quillInstance) => {
   const lineHeight = toolbarDefaultsMap["line-height"];
-  const whitelist = lineHeight.map((i) => String(+i * 10));
   const Parchment = quillInstance.import("parchment");
-  const lineHeightStyle = new Parchment.ClassAttributor(
+  const lineHeightStyle = new Parchment.StyleAttributor(
+    "line-height",
     "line-height",
-    "ql-line-height",
-    { scope: Parchment.Scope.INLINE, whitelist }
+    { scope: Parchment.Scope.INLINE, whitelist: lineHeight }
   );
   quillInstance.register({ "formats/line-height": lineHeightStyle }, true);
 };
 
 const registerLetterSpacing = (quillInstance) => {
   const Parchment = quillInstance.import("parchment");
-  const letterSpacingStyle = new Parchment.ClassAttributor(
+  const letterSpacingStyle = new Parchment.StyleAttributor(
+    "letter-spacing",
     "letter-spacing",
-    "ql-letter-spacing",
     {
       scope: Parchment.Scope.INLINE,
       whitelist: toolbarDefaultsMap["letter-spacing"]
@@ -11111,18 +11101,12 @@ const registerEventModule = (QuillClass) => {
 const registerFontSize = (editor) => {
   const Parchment = editor.import("parchment");
   const fontSize = toolbarDefaultsMap["font-size"];
-  const SizeClass = new Parchment.ClassAttributor("font-size", "ql-font-size", {
-    scope: Parchment.Scope.INLINE,
-    whitelist: fontSize
-  });
   const SizeStyle = new Parchment.StyleAttributor("font-size", "font-size", {
     scope: Parchment.Scope.INLINE,
     whitelist: fontSize
   });
   editor.register({
-    "formats/font-size": SizeClass,
-    "attributors/class/font-size": SizeClass,
-    "attributors/style/font-size": SizeStyle
+    "formats/font-size": SizeStyle
   }, true);
 };
 
@@ -11180,6 +11164,7 @@ const COMPONENT_NAME$14 = 'vc-editor';
 const Editor = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$14,
   props: props$M,
+  defaults,
   emits: ['ready', 'blur', 'focus', 'input', 'update:modelValue', 'change'],
   setup(props, {
     slots,

package/dist/index.iife.js

@@ -16544,23 +16544,16 @@ var VcComponents = (function (exports, vue) {
 				.ql-snow .ql-font-size.ql-picker .ql-picker-label[data-value="${fontSize}"]:before {
 					content: "${fontSize}"
 				}`;
-	    pre += `.ql-editor .ql-font-size-${fontSize} {
-					font-size: ${fontSize};
-				}`;
 	    return pre;
 	  }, "");
 	  return style(code, { id });
 	};
 	const insertLineHeightStyle = (value, id) => {
 	  const code = value.reduce((pre, lineHeight) => {
-	    const classLineHeightValue = +lineHeight * 10;
-	    pre += `.ql-snow .ql-line-height.ql-picker .ql-picker-item[data-value="${classLineHeightValue}"]:before,
-				.ql-snow .ql-line-height.ql-picker .ql-picker-label[data-value="${classLineHeightValue}"]:before {
+	    pre += `.ql-snow .ql-line-height.ql-picker .ql-picker-item[data-value="${lineHeight}"]:before,
+				.ql-snow .ql-line-height.ql-picker .ql-picker-label[data-value="${lineHeight}"]:before {
 					content: "${+lineHeight}" 
 				}`;
-	    pre += `.ql-editor .ql-line-height-${classLineHeightValue} {
-					line-height: ${+lineHeight};
-				}`;
 	    return pre;
 	  }, "");
 	  return style(code, { id });
@@ -16571,9 +16564,6 @@ var VcComponents = (function (exports, vue) {
 				.ql-snow .ql-letter-spacing.ql-picker .ql-picker-label[data-value="${letterSpacing}"]:before {
 					content: "${letterSpacing}"
 				}`;
-	    pre += `.ql-editor .ql-letter-spacing-${letterSpacing} {
-					letter-spacing: ${letterSpacing};
-				}`;
 	    return pre;
 	  }, "");
 	  return style(code, { id });
@@ -16761,9 +16751,8 @@ var VcComponents = (function (exports, vue) {
 	                  "selected": true
 	                }, null);
 	              }
-	              const v = key === 'line-height' ? +it * 10 : it;
 	              return vue.createVNode("option", {
-	                "value": `${v}`
+	                "value": `${it}`
 	              }, null);
 	            })]);
 	          }
@@ -16776,16 +16765,18 @@ var VcComponents = (function (exports, vue) {
 	        if (Array.isArray(item)) {
 	          return insertStyle(item);
 	        }
+	        let key = item;
+	        let value = [];
 	        if (typeof item === 'object') {
-	          const [key, value] = Object.entries(item)[0];
-	          const options = value.length && value || toolbarDefaultsMap[key];
-	          if (key === 'font-size') {
-	            insertFontSizeStyle(options, styleId);
-	          } else if (key === 'line-height') {
-	            insertLineHeightStyle(options, lineHeightStyleId);
-	          } else if (key === 'letter-spacing') {
-	            insertLetterSpacingStyle(options, letterSpacingStyleId);
-	          }
+	          [key, value] = Object.entries(item)[0];
+	        }
+	        value = value.length && value || toolbarDefaultsMap[key];
+	        if (key === 'font-size' && Array.isArray(value)) {
+	          insertFontSizeStyle(value, styleId);
+	        } else if (key === 'line-height') {
+	          insertLineHeightStyle(value, lineHeightStyleId);
+	        } else if (key === 'letter-spacing') {
+	          insertLetterSpacingStyle(value, letterSpacingStyleId);
 	        }
 	      });
 	    };
@@ -16866,21 +16857,20 @@ var VcComponents = (function (exports, vue) {
 
 	const registerLineHeight = (quillInstance) => {
 	  const lineHeight = toolbarDefaultsMap["line-height"];
-	  const whitelist = lineHeight.map((i) => String(+i * 10));
 	  const Parchment = quillInstance.import("parchment");
-	  const lineHeightStyle = new Parchment.ClassAttributor(
+	  const lineHeightStyle = new Parchment.StyleAttributor(
+	    "line-height",
 	    "line-height",
-	    "ql-line-height",
-	    { scope: Parchment.Scope.INLINE, whitelist }
+	    { scope: Parchment.Scope.INLINE, whitelist: lineHeight }
 	  );
 	  quillInstance.register({ "formats/line-height": lineHeightStyle }, true);
 	};
 
 	const registerLetterSpacing = (quillInstance) => {
 	  const Parchment = quillInstance.import("parchment");
-	  const letterSpacingStyle = new Parchment.ClassAttributor(
+	  const letterSpacingStyle = new Parchment.StyleAttributor(
+	    "letter-spacing",
 	    "letter-spacing",
-	    "ql-letter-spacing",
 	    {
 	      scope: Parchment.Scope.INLINE,
 	      whitelist: toolbarDefaultsMap["letter-spacing"]
@@ -19522,18 +19512,12 @@ var VcComponents = (function (exports, vue) {
 	const registerFontSize = (editor) => {
 	  const Parchment = editor.import("parchment");
 	  const fontSize = toolbarDefaultsMap["font-size"];
-	  const SizeClass = new Parchment.ClassAttributor("font-size", "ql-font-size", {
-	    scope: Parchment.Scope.INLINE,
-	    whitelist: fontSize
-	  });
 	  const SizeStyle = new Parchment.StyleAttributor("font-size", "font-size", {
 	    scope: Parchment.Scope.INLINE,
 	    whitelist: fontSize
 	  });
 	  editor.register({
-	    "formats/font-size": SizeClass,
-	    "attributors/class/font-size": SizeClass,
-	    "attributors/style/font-size": SizeStyle
+	    "formats/font-size": SizeStyle
 	  }, true);
 	};
 
@@ -19591,6 +19575,7 @@ var VcComponents = (function (exports, vue) {
 	const Editor$1 = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$14,
 	  props: props$M,
+	  defaults: defaults$1,
 	  emits: ['ready', 'blur', 'focus', 'input', 'update:modelValue', 'change'],
 	  setup(props, {
 	    slots,

package/dist/index.js

@@ -10069,23 +10069,16 @@ const insertFontSizeStyle = (value, id) => {
 				.ql-snow .ql-font-size.ql-picker .ql-picker-label[data-value="${fontSize}"]:before {
 					content: "${fontSize}"
 				}`;
-    pre += `.ql-editor .ql-font-size-${fontSize} {
-					font-size: ${fontSize};
-				}`;
     return pre;
   }, "");
   return Load.style(code, { id });
 };
 const insertLineHeightStyle = (value, id) => {
   const code = value.reduce((pre, lineHeight) => {
-    const classLineHeightValue = +lineHeight * 10;
-    pre += `.ql-snow .ql-line-height.ql-picker .ql-picker-item[data-value="${classLineHeightValue}"]:before,
-				.ql-snow .ql-line-height.ql-picker .ql-picker-label[data-value="${classLineHeightValue}"]:before {
+    pre += `.ql-snow .ql-line-height.ql-picker .ql-picker-item[data-value="${lineHeight}"]:before,
+				.ql-snow .ql-line-height.ql-picker .ql-picker-label[data-value="${lineHeight}"]:before {
 					content: "${+lineHeight}" 
 				}`;
-    pre += `.ql-editor .ql-line-height-${classLineHeightValue} {
-					line-height: ${+lineHeight};
-				}`;
     return pre;
   }, "");
   return Load.style(code, { id });
@@ -10096,9 +10089,6 @@ const insertLetterSpacingStyle = (value, id) => {
 				.ql-snow .ql-letter-spacing.ql-picker .ql-picker-label[data-value="${letterSpacing}"]:before {
 					content: "${letterSpacing}"
 				}`;
-    pre += `.ql-editor .ql-letter-spacing-${letterSpacing} {
-					letter-spacing: ${letterSpacing};
-				}`;
     return pre;
   }, "");
   return Load.style(code, { id });
@@ -10286,9 +10276,8 @@ const EditorToolbar = /* @__PURE__ */ defineComponent({
                   "selected": true
                 }, null);
               }
-              const v = key === 'line-height' ? +it * 10 : it;
               return createVNode("option", {
-                "value": `${v}`
+                "value": `${it}`
               }, null);
             })]);
           }
@@ -10301,16 +10290,18 @@ const EditorToolbar = /* @__PURE__ */ defineComponent({
         if (Array.isArray(item)) {
           return insertStyle(item);
         }
+        let key = item;
+        let value = [];
         if (typeof item === 'object') {
-          const [key, value] = Object.entries(item)[0];
-          const options = value.length && value || toolbarDefaultsMap[key];
-          if (key === 'font-size') {
-            insertFontSizeStyle(options, styleId);
-          } else if (key === 'line-height') {
-            insertLineHeightStyle(options, lineHeightStyleId);
-          } else if (key === 'letter-spacing') {
-            insertLetterSpacingStyle(options, letterSpacingStyleId);
-          }
+          [key, value] = Object.entries(item)[0];
+        }
+        value = value.length && value || toolbarDefaultsMap[key];
+        if (key === 'font-size' && Array.isArray(value)) {
+          insertFontSizeStyle(value, styleId);
+        } else if (key === 'line-height') {
+          insertLineHeightStyle(value, lineHeightStyleId);
+        } else if (key === 'letter-spacing') {
+          insertLetterSpacingStyle(value, letterSpacingStyleId);
         }
       });
     };
@@ -10391,21 +10382,20 @@ const registerAudioBlot = (quillInstance) => {
 
 const registerLineHeight = (quillInstance) => {
   const lineHeight = toolbarDefaultsMap["line-height"];
-  const whitelist = lineHeight.map((i) => String(+i * 10));
   const Parchment = quillInstance.import("parchment");
-  const lineHeightStyle = new Parchment.ClassAttributor(
+  const lineHeightStyle = new Parchment.StyleAttributor(
+    "line-height",
     "line-height",
-    "ql-line-height",
-    { scope: Parchment.Scope.INLINE, whitelist }
+    { scope: Parchment.Scope.INLINE, whitelist: lineHeight }
   );
   quillInstance.register({ "formats/line-height": lineHeightStyle }, true);
 };
 
 const registerLetterSpacing = (quillInstance) => {
   const Parchment = quillInstance.import("parchment");
-  const letterSpacingStyle = new Parchment.ClassAttributor(
+  const letterSpacingStyle = new Parchment.StyleAttributor(
+    "letter-spacing",
     "letter-spacing",
-    "ql-letter-spacing",
     {
       scope: Parchment.Scope.INLINE,
       whitelist: toolbarDefaultsMap["letter-spacing"]
@@ -11089,18 +11079,12 @@ const registerEventModule = (QuillClass) => {
 const registerFontSize = (editor) => {
   const Parchment = editor.import("parchment");
   const fontSize = toolbarDefaultsMap["font-size"];
-  const SizeClass = new Parchment.ClassAttributor("font-size", "ql-font-size", {
-    scope: Parchment.Scope.INLINE,
-    whitelist: fontSize
-  });
   const SizeStyle = new Parchment.StyleAttributor("font-size", "font-size", {
     scope: Parchment.Scope.INLINE,
     whitelist: fontSize
   });
   editor.register({
-    "formats/font-size": SizeClass,
-    "attributors/class/font-size": SizeClass,
-    "attributors/style/font-size": SizeStyle
+    "formats/font-size": SizeStyle
   }, true);
 };
 
@@ -11158,6 +11142,7 @@ const COMPONENT_NAME$14 = 'vc-editor';
 const Editor = /* @__PURE__ */ defineComponent({
   name: COMPONENT_NAME$14,
   props: props$M,
+  defaults,
   emits: ['ready', 'blur', 'focus', 'input', 'update:modelValue', 'change'],
   setup(props, {
     slots,

package/dist/index.umd.cjs

@@ -16547,23 +16547,16 @@
 				.ql-snow .ql-font-size.ql-picker .ql-picker-label[data-value="${fontSize}"]:before {
 					content: "${fontSize}"
 				}`;
-	    pre += `.ql-editor .ql-font-size-${fontSize} {
-					font-size: ${fontSize};
-				}`;
 	    return pre;
 	  }, "");
 	  return style(code, { id });
 	};
 	const insertLineHeightStyle = (value, id) => {
 	  const code = value.reduce((pre, lineHeight) => {
-	    const classLineHeightValue = +lineHeight * 10;
-	    pre += `.ql-snow .ql-line-height.ql-picker .ql-picker-item[data-value="${classLineHeightValue}"]:before,
-				.ql-snow .ql-line-height.ql-picker .ql-picker-label[data-value="${classLineHeightValue}"]:before {
+	    pre += `.ql-snow .ql-line-height.ql-picker .ql-picker-item[data-value="${lineHeight}"]:before,
+				.ql-snow .ql-line-height.ql-picker .ql-picker-label[data-value="${lineHeight}"]:before {
 					content: "${+lineHeight}" 
 				}`;
-	    pre += `.ql-editor .ql-line-height-${classLineHeightValue} {
-					line-height: ${+lineHeight};
-				}`;
 	    return pre;
 	  }, "");
 	  return style(code, { id });
@@ -16574,9 +16567,6 @@
 				.ql-snow .ql-letter-spacing.ql-picker .ql-picker-label[data-value="${letterSpacing}"]:before {
 					content: "${letterSpacing}"
 				}`;
-	    pre += `.ql-editor .ql-letter-spacing-${letterSpacing} {
-					letter-spacing: ${letterSpacing};
-				}`;
 	    return pre;
 	  }, "");
 	  return style(code, { id });
@@ -16764,9 +16754,8 @@
 	                  "selected": true
 	                }, null);
 	              }
-	              const v = key === 'line-height' ? +it * 10 : it;
 	              return vue.createVNode("option", {
-	                "value": `${v}`
+	                "value": `${it}`
 	              }, null);
 	            })]);
 	          }
@@ -16779,16 +16768,18 @@
 	        if (Array.isArray(item)) {
 	          return insertStyle(item);
 	        }
+	        let key = item;
+	        let value = [];
 	        if (typeof item === 'object') {
-	          const [key, value] = Object.entries(item)[0];
-	          const options = value.length && value || toolbarDefaultsMap[key];
-	          if (key === 'font-size') {
-	            insertFontSizeStyle(options, styleId);
-	          } else if (key === 'line-height') {
-	            insertLineHeightStyle(options, lineHeightStyleId);
-	          } else if (key === 'letter-spacing') {
-	            insertLetterSpacingStyle(options, letterSpacingStyleId);
-	          }
+	          [key, value] = Object.entries(item)[0];
+	        }
+	        value = value.length && value || toolbarDefaultsMap[key];
+	        if (key === 'font-size' && Array.isArray(value)) {
+	          insertFontSizeStyle(value, styleId);
+	        } else if (key === 'line-height') {
+	          insertLineHeightStyle(value, lineHeightStyleId);
+	        } else if (key === 'letter-spacing') {
+	          insertLetterSpacingStyle(value, letterSpacingStyleId);
 	        }
 	      });
 	    };
@@ -16869,21 +16860,20 @@
 
 	const registerLineHeight = (quillInstance) => {
 	  const lineHeight = toolbarDefaultsMap["line-height"];
-	  const whitelist = lineHeight.map((i) => String(+i * 10));
 	  const Parchment = quillInstance.import("parchment");
-	  const lineHeightStyle = new Parchment.ClassAttributor(
+	  const lineHeightStyle = new Parchment.StyleAttributor(
+	    "line-height",
 	    "line-height",
-	    "ql-line-height",
-	    { scope: Parchment.Scope.INLINE, whitelist }
+	    { scope: Parchment.Scope.INLINE, whitelist: lineHeight }
 	  );
 	  quillInstance.register({ "formats/line-height": lineHeightStyle }, true);
 	};
 
 	const registerLetterSpacing = (quillInstance) => {
 	  const Parchment = quillInstance.import("parchment");
-	  const letterSpacingStyle = new Parchment.ClassAttributor(
+	  const letterSpacingStyle = new Parchment.StyleAttributor(
+	    "letter-spacing",
 	    "letter-spacing",
-	    "ql-letter-spacing",
 	    {
 	      scope: Parchment.Scope.INLINE,
 	      whitelist: toolbarDefaultsMap["letter-spacing"]
@@ -19525,18 +19515,12 @@
 	const registerFontSize = (editor) => {
 	  const Parchment = editor.import("parchment");
 	  const fontSize = toolbarDefaultsMap["font-size"];
-	  const SizeClass = new Parchment.ClassAttributor("font-size", "ql-font-size", {
-	    scope: Parchment.Scope.INLINE,
-	    whitelist: fontSize
-	  });
 	  const SizeStyle = new Parchment.StyleAttributor("font-size", "font-size", {
 	    scope: Parchment.Scope.INLINE,
 	    whitelist: fontSize
 	  });
 	  editor.register({
-	    "formats/font-size": SizeClass,
-	    "attributors/class/font-size": SizeClass,
-	    "attributors/style/font-size": SizeStyle
+	    "formats/font-size": SizeStyle
 	  }, true);
 	};
 
@@ -19594,6 +19578,7 @@
 	const Editor$1 = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$14,
 	  props: props$M,
+	  defaults: defaults$1,
 	  emits: ['ready', 'blur', 'focus', 'input', 'update:modelValue', 'change'],
 	  setup(props, {
 	    slots,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc-components",
-  "version": "1.0.55",
+  "version": "1.0.56",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",