@flogeez/angular-tiptap-editor 3.5.4 → 3.5.5

package/esm2022/lib/utils/ate-equality.utils.mjs

@@ -0,0 +1,14 @@
+export function shallowArrayEqual(a, b) {
+    return a === b || (a.length === b.length && a.every((item, i) => item === b[i]));
+}
+export function shallowObjectEqual(a, b) {
+    if (a === b) {
+        return true;
+    }
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    return (aKeys.length === bKeys.length &&
+        aKeys.every(key => Object.prototype.hasOwnProperty.call(b, key) &&
+            a[key] === b[key]));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRlLWVxdWFsaXR5LnV0aWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci10aXB0YXAtZWRpdG9yL3NyYy9saWIvdXRpbHMvYXRlLWVxdWFsaXR5LnV0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sVUFBVSxpQkFBaUIsQ0FBSSxDQUFlLEVBQUUsQ0FBZTtJQUNuRSxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ25GLENBQUM7QUFFRCxNQUFNLFVBQVUsa0JBQWtCLENBQW1CLENBQUksRUFBRSxDQUFJO0lBQzdELElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1FBQ1osT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBQ0QsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM3QixNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdCLE9BQU8sQ0FDTCxLQUFLLENBQUMsTUFBTSxLQUFLLEtBQUssQ0FBQyxNQUFNO1FBQzdCLEtBQUssQ0FBQyxLQUFLLENBQ1QsR0FBRyxDQUFDLEVBQUUsQ0FDSixNQUFNLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQztZQUMzQyxDQUE2QixDQUFDLEdBQUcsQ0FBQyxLQUFNLENBQTZCLENBQUMsR0FBRyxDQUFDLENBQzlFLENBQ0YsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZnVuY3Rpb24gc2hhbGxvd0FycmF5RXF1YWw8VD4oYTogcmVhZG9ubHkgVFtdLCBiOiByZWFkb25seSBUW10pOiBib29sZWFuIHtcbiAgcmV0dXJuIGEgPT09IGIgfHwgKGEubGVuZ3RoID09PSBiLmxlbmd0aCAmJiBhLmV2ZXJ5KChpdGVtLCBpKSA9PiBpdGVtID09PSBiW2ldKSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBzaGFsbG93T2JqZWN0RXF1YWw8VCBleHRlbmRzIG9iamVjdD4oYTogVCwgYjogVCk6IGJvb2xlYW4ge1xuICBpZiAoYSA9PT0gYikge1xuICAgIHJldHVybiB0cnVlO1xuICB9XG4gIGNvbnN0IGFLZXlzID0gT2JqZWN0LmtleXMoYSk7XG4gIGNvbnN0IGJLZXlzID0gT2JqZWN0LmtleXMoYik7XG4gIHJldHVybiAoXG4gICAgYUtleXMubGVuZ3RoID09PSBiS2V5cy5sZW5ndGggJiZcbiAgICBhS2V5cy5ldmVyeShcbiAgICAgIGtleSA9PlxuICAgICAgICBPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwoYiwga2V5KSAmJlxuICAgICAgICAoYSBhcyBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPilba2V5XSA9PT0gKGIgYXMgUmVjb3JkPHN0cmluZywgdW5rbm93bj4pW2tleV1cbiAgICApXG4gICk7XG59XG4iXX0=

package/fesm2022/flogeez-angular-tiptap-editor.mjs

@@ -7297,6 +7297,16 @@ class AteColorBubbleMenuComponent extends AteBaseSubBubbleMenu {
         }
         return false;
     }
+    findColoredElementInContent(start, contentRoot) {
+        let current = start;
+        while (current && current !== contentRoot && contentRoot.contains(current)) {
+            if (current.matches('[style*="color"], [style*="background"], mark')) {
+                return current;
+            }
+            current = current.parentElement;
+        }
+        return null;
+    }
     getSelectionRect() {
         const trigger = this.colorPickerSvc.menuTrigger();
         const ed = this.editor();
@@ -7316,7 +7326,7 @@ class AteColorBubbleMenuComponent extends AteBaseSubBubbleMenu {
         try {
             const { node } = ed.view.domAtPos(from);
             const element = node instanceof Element ? node : node.parentElement;
-            const colorElement = element?.closest('[style*="color"], [style*="background"], mark');
+            const colorElement = this.findColoredElementInContent(element, ed.view.dom);
             if (colorElement) {
                 return colorElement.getBoundingClientRect();
             }
@@ -8848,6 +8858,20 @@ const AteBlockControlsExtension = Extension.create({
     },
 });
 
+function shallowArrayEqual(a, b) {
+    return a === b || (a.length === b.length && a.every((item, i) => item === b[i]));
+}
+function shallowObjectEqual(a, b) {
+    if (a === b) {
+        return true;
+    }
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    return (aKeys.length === bKeys.length &&
+        aKeys.every(key => Object.prototype.hasOwnProperty.call(b, key) &&
+            a[key] === b[key]));
+}
+
 function transformBooleanInput(val) {
     if (val === undefined || val === null) {
         return undefined;
@@ -9133,10 +9157,12 @@ class AngularTiptapEditorComponent {
         this.finalShowWordCount = computed(() => this.showWordCount() ?? this.effectiveConfig().showWordCount ?? true);
         this.finalLocale = computed(() => this.locale() ?? this.effectiveConfig().locale);
         // Extensions & Options
-        this.finalTiptapExtensions = computed(() => this.tiptapExtensions() ?? this.effectiveConfig().tiptapExtensions ?? []);
-        this.finalTiptapOptions = computed(() => this.tiptapOptions() ?? this.effectiveConfig().tiptapOptions ?? {});
+        this.finalTiptapExtensions = computed(() => this.tiptapExtensions() ?? this.effectiveConfig().tiptapExtensions ?? [], { equal: shallowArrayEqual });
+        this.finalTiptapOptions = computed(() => this.tiptapOptions() ?? this.effectiveConfig().tiptapOptions ?? {}, { equal: shallowObjectEqual });
         this.finalStateCalculators = computed(() => this.stateCalculators() ?? this.effectiveConfig().stateCalculators ?? []);
-        this.finalAngularNodesConfig = computed(() => this.effectiveConfig().angularNodes ?? []);
+        this.finalAngularNodesConfig = computed(() => this.effectiveConfig().angularNodes ?? [], {
+            equal: shallowArrayEqual,
+        });
         // Image Upload
         this.finalImageUploadConfig = computed(() => {
             const fromInput = this.imageUpload();