@deot/vc 1.0.55 → 1.0.57

package/dist/index.iife.js

@@ -18574,23 +18574,16 @@ var Vc = (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 });
@@ -18601,9 +18594,6 @@ var Vc = (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 });
@@ -18787,9 +18777,8 @@ var Vc = (function (exports, vue) {
                     "selected": true
                   }, null);
                 }
-                const v = key === "line-height" ? +it * 10 : it;
                 return vue.createVNode("option", {
-                  "value": `${v}`
+                  "value": `${it}`
                 }, null);
               })]);
             }
@@ -18802,19 +18791,22 @@ var Vc = (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);
           }
         });
       };
+      const handlePrevent = (e) => e.preventDefault();
       vue.onMounted(() => {
         insertStyle(buttons.value);
       });
@@ -18825,7 +18817,8 @@ var Vc = (function (exports, vue) {
       });
       return () => {
         return vue.createVNode("div", {
-          "id": props2.elementId
+          "id": props2.elementId,
+          "onClick": handlePrevent
         }, [renderButtonGroup(buttons.value), slots?.extend?.()]);
       };
     }
@@ -18889,20 +18882,19 @@ var Vc = (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"]
@@ -19571,18 +19563,12 @@ var Vc = (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);
   };
   const registerExtends = (e) => {
@@ -19635,6 +19621,7 @@ var Vc = (function (exports, vue) {
   const Editor$1 = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$14,
     props: props$M,
+    defaults: defaults$3,
     emits: ["ready", "blur", "focus", "input", "update:modelValue", "change"],
     setup(props2, {
       slots,

package/dist/index.umd.cjs

@@ -18577,23 +18577,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 });
@@ -18604,9 +18597,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 });
@@ -18790,9 +18780,8 @@
                     "selected": true
                   }, null);
                 }
-                const v = key === "line-height" ? +it * 10 : it;
                 return vue.createVNode("option", {
-                  "value": `${v}`
+                  "value": `${it}`
                 }, null);
               })]);
             }
@@ -18805,19 +18794,22 @@
           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);
           }
         });
       };
+      const handlePrevent = (e) => e.preventDefault();
       vue.onMounted(() => {
         insertStyle(buttons.value);
       });
@@ -18828,7 +18820,8 @@
       });
       return () => {
         return vue.createVNode("div", {
-          "id": props2.elementId
+          "id": props2.elementId,
+          "onClick": handlePrevent
         }, [renderButtonGroup(buttons.value), slots?.extend?.()]);
       };
     }
@@ -18892,20 +18885,19 @@
   };
   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"]
@@ -19574,18 +19566,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);
   };
   const registerExtends = (e) => {
@@ -19638,6 +19624,7 @@
   const Editor$1 = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$14,
     props: props$M,
+    defaults: defaults$3,
     emits: ["ready", "blur", "focus", "input", "update:modelValue", "change"],
     setup(props2, {
       slots,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc",
-  "version": "1.0.55",
+  "version": "1.0.57",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,9 +19,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@deot/vc-components": "^1.0.55",
-    "@deot/vc-hooks": "^1.0.55",
-    "@deot/vc-shared": "^1.0.55"
+    "@deot/vc-components": "^1.0.57",
+    "@deot/vc-hooks": "^1.0.57",
+    "@deot/vc-shared": "^1.0.57"
   },
   "peerDependencies": {
     "vue": "*"