@libs-ui/components-inputs-quill 0.2.356-34 → 0.2.356-37

package/fesm2022/libs-ui-components-inputs-quill.mjs

@@ -24,6 +24,75 @@ import { returnListObject } from '@libs-ui/services-http-request';
 import { lastValueFrom } from 'rxjs/internal/lastValueFrom';
 import { timer } from 'rxjs/internal/observable/timer';
 
+const Block = Quill.import('blots/block');
+class QuillDivBlot extends Block {
+    static tagName = 'div';
+}
+
+const Embed = Quill.import('blots/embed');
+class QuillMentionBlot extends Embed {
+    static blotName = 'mention';
+    static tagName = 'span';
+    static className = 'libs-ui-quill-mention';
+    static create(data) {
+        const node = super.create();
+        node.innerText += data.value;
+        node.setAttribute('id', data.id);
+        node.setAttribute('feId', data.feId);
+        node.setAttribute('value', data.value);
+        return node;
+    }
+    static value(domNode) {
+        return {
+            id: domNode.getAttribute('id'),
+            feId: domNode.getAttribute('feId'),
+            value: domNode.getAttribute('value'),
+        };
+    }
+    attach() {
+        super.attach();
+        if (!this.mounted) {
+            this.mounted = true;
+            this.clickHandler = this.getClickHandler;
+            this.domNode.addEventListener('click', this.clickHandler, false);
+        }
+    }
+    getClickHandler(event) {
+        event.stopPropagation();
+    }
+}
+
+const ImageFormat = Quill.import('formats/image');
+class CustomImageBlot extends ImageFormat {
+    static create(value) {
+        const node = super.create(value);
+        node.classList.add('libs-ui-quill-format-image');
+        return node;
+    }
+    formats() {
+        return {}; // Tránh Quill tự động thêm thẻ `<span>`
+    }
+}
+
+const parchment = Quill.import('parchment');
+const pixelLevels = [1, 2, 3, 4, 5, 6, 7, 8];
+const tabMultiplier = 3;
+class IndentAttributor extends parchment.Attributor.Style {
+    constructor(formatName, styleProperty, attributorOptions) {
+        super(formatName, styleProperty, attributorOptions);
+    }
+    add(node, value) {
+        return super.add(node, `${+value * tabMultiplier}em`);
+    }
+    value(node) {
+        return parseFloat(super.value(node)) / tabMultiplier || undefined; // Don't return NaN
+    }
+}
+const CustomIndentStyleBlot = new IndentAttributor('indent', 'margin-left', {
+    scope: parchment.Scope.BLOCK,
+    whitelist: pixelLevels.map((value) => `${value * tabMultiplier}em`),
+});
+
 class LibsUiComponentsInputsQuillLinkComponent {
     dataLink = signal({ title: '', link: '' });
     patternLink = signal(patternUrl());
@@ -752,75 +821,6 @@ const insertContentWithRange = (content, savedRange, element) => {
     selection.addRange(savedRange);
 };
 
-const Block = Quill.import('blots/block');
-class QuillDivBlot extends Block {
-    static tagName = 'div';
-}
-
-const Embed = Quill.import('blots/embed');
-class QuillMentionBlot extends Embed {
-    static blotName = 'mention';
-    static tagName = 'span';
-    static className = 'libs-ui-quill-mention';
-    static create(data) {
-        const node = super.create();
-        node.innerText += data.value;
-        node.setAttribute('id', data.id);
-        node.setAttribute('feId', data.feId);
-        node.setAttribute('value', data.value);
-        return node;
-    }
-    static value(domNode) {
-        return {
-            id: domNode.getAttribute('id'),
-            feId: domNode.getAttribute('feId'),
-            value: domNode.getAttribute('value'),
-        };
-    }
-    attach() {
-        super.attach();
-        if (!this.mounted) {
-            this.mounted = true;
-            this.clickHandler = this.getClickHandler;
-            this.domNode.addEventListener('click', this.clickHandler, false);
-        }
-    }
-    getClickHandler(event) {
-        event.stopPropagation();
-    }
-}
-
-const ImageFormat = Quill.import('formats/image');
-class CustomImageBlot extends ImageFormat {
-    static create(value) {
-        const node = super.create(value);
-        node.classList.add('libs-ui-quill-format-image');
-        return node;
-    }
-    formats() {
-        return {}; // Tránh Quill tự động thêm thẻ `<span>`
-    }
-}
-
-const parchment = Quill.import('parchment');
-const pixelLevels = [1, 2, 3, 4, 5, 6, 7, 8];
-const tabMultiplier = 3;
-class IndentAttributor extends parchment.Attributor.Style {
-    constructor(formatName, styleProperty, attributorOptions) {
-        super(formatName, styleProperty, attributorOptions);
-    }
-    add(node, value) {
-        return super.add(node, `${+value * tabMultiplier}em`);
-    }
-    value(node) {
-        return parseFloat(super.value(node)) / tabMultiplier || undefined; // Don't return NaN
-    }
-}
-const CustomIndentStyleBlot = new IndentAttributor('indent', 'margin-left', {
-    scope: parchment.Scope.BLOCK,
-    whitelist: pixelLevels.map((value) => `${value * tabMultiplier}em`),
-});
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class LibsUiComponentsInputsQuillComponent {
     qlEditorElement = signal(undefined);
@@ -1447,7 +1447,6 @@ class LibsUiComponentsInputsQuillComponent {
                     element.setAttribute('style', item.style);
                     return;
                 }
-                // Fixbug issue: https://admin-cv.mobio.vn/issues/49092
                 let styleExist = element.getAttribute('style');
                 if (styleExist) {
                     ['font-family: Arial', 'font-family: sans-serif', 'font-family: serif', 'font-family: monospace', 'font-family: Helvetica'].forEach((font) => {