myrta-ui 17.1.3 → 17.1.5

package/fesm2022/myrta-ui.mjs

@@ -35,6 +35,7 @@ import 'jodit/esm/plugins/line-height/line-height.js';
 import 'jodit/esm/plugins/indent/indent.js';
 import 'jodit/esm/plugins/video/video.js';
 import 'jodit/esm/plugins/search/search.js';
+import 'jodit/esm/plugins/resizer/resizer.js';
 import * as i3 from 'ngx-jodit';
 import { NgxJoditComponent } from 'ngx-jodit';
 import 'ace-builds/src-min-noconflict/ace.js';
@@ -3072,59 +3073,15 @@ class MrxFormValidator {
 }
 
 class AutoSaveStore {
-    // Основной сигнал для состояния
     state = signal({ fields: [] });
-    // Хранилище подписок для каждого поля
     subscriptions = {};
-    // Публичные computed сигналы для доступа к данным
     fields = computed(() => this.state().fields);
-    // Получить поле по id
     getField(id) {
         return computed(() => this.state().fields.find(field => field.id === id));
     }
-    // Добавить или обновить поле
-    upsertField(field) {
-        this.state.update(current => {
-            const exists = current.fields.some(f => f.id === field.id);
-            if (exists) {
-                return {
-                    fields: current.fields.map(f => f.id === field.id ? { ...f, ...field } : f)
-                };
-            }
-            return {
-                fields: [...current.fields, field]
-            };
-        });
-    }
-    // Удалить поле
-    removeField(id) {
-        this.state.update(current => ({
-            fields: current.fields.filter(field => field.id !== id)
-        }));
-    }
-    // Очистить все поля
-    clear() {
-        this.state.set({ fields: [] });
-    }
-    // Очистить подписку для поля
-    clearSubscription(id) {
-        if (this.subscriptions[id]) {
-            this.subscriptions[id].unsubscribe();
-            delete this.subscriptions[id];
-        }
-    }
-    // Очистить все подписки
-    clearAllSubscriptions() {
-        Object.keys(this.subscriptions).forEach(key => {
-            this.subscriptions[key].unsubscribe();
-            delete this.subscriptions[key];
-        });
-    }
-    // Добавить id в массив fields
     addId(id, groupId) {
         this.upsertField({ id, state: 'stopped', groupId });
     }
-    // Запустить сохранение для всех полей
     start() {
         this.clearAllSubscriptions();
         this.state.update(current => ({
@@ -3134,26 +3091,22 @@ class AutoSaveStore {
             }))
         }));
     }
-    // Запустить сохранение для определенного id
     startFor(id) {
         this.clearSubscription(id);
         this.state.update(current => ({
             fields: current.fields.map(field => field.id === id
-                ? { ...field, state: field.state === 'saved' ? 'stopped' : 'saving' }
-                : field)
+                ? { ...field, state: 'saving' }
+                : { ...field, state: field.state === 'saved' ? 'stopped' : field.state })
         }));
     }
-    // Остановить сохранение для всех полей и очистить массив
     stop() {
         this.clearAllSubscriptions();
         this.clear();
     }
-    // Остановить сохранение для определенного id и удалить его
     stopFor(id) {
         this.clearSubscription(id);
         this.removeField(id);
     }
-    // Успешное сохранение для всех полей
     success() {
         this.clearAllSubscriptions();
         this.state.update(current => ({
@@ -3161,12 +3114,10 @@ class AutoSaveStore {
                 ...field, state: 'saved'
             }))
         }));
-        // Создаем подписку для каждого поля
         this.state().fields.forEach(field => {
             this.subscriptions[field.id] = timer(3000).subscribe(() => this.stop());
         });
     }
-    // Успешное сохранение для определенного id
     successFor(id) {
         this.clearSubscription(id);
         this.state.update(current => ({
@@ -3174,27 +3125,62 @@ class AutoSaveStore {
         }));
         this.subscriptions[id] = timer(3000).subscribe(() => this.stopFor(id));
     }
-    // Ошибка сохранения для всех полей
-    autosaveError() {
+    error() {
         this.clearAllSubscriptions();
         this.state.update(current => ({
             fields: current.fields.map(field => ({
                 ...field, state: 'error'
             }))
         }));
-        // Создаем подписку для каждого поля
         this.state().fields.forEach(field => {
             this.subscriptions[field.id] = timer(3000).subscribe(() => this.stop());
         });
     }
-    // Ошибка сохранения для определенного id
-    autosaveErrorFor(id) {
+    errorFor(id) {
         this.clearSubscription(id);
         this.state.update(current => ({
             fields: current.fields.map(field => field.id === id ? { ...field, state: 'error' } : field)
         }));
         this.subscriptions[id] = timer(3000).subscribe(() => this.stopFor(id));
     }
+    // Добавить или обновить поле
+    upsertField(field) {
+        this.state.update(current => {
+            const exists = current.fields.some(f => f.id === field.id);
+            if (exists) {
+                return {
+                    fields: current.fields.map(f => f.id === field.id ? { ...f, ...field } : f)
+                };
+            }
+            return {
+                fields: [...current.fields, field]
+            };
+        });
+    }
+    // Удалить поле
+    removeField(id) {
+        this.state.update(current => ({
+            fields: current.fields.filter(field => field.id !== id)
+        }));
+    }
+    // Очистить все поля
+    clear() {
+        this.state.set({ fields: [] });
+    }
+    // Очистить подписку для поля
+    clearSubscription(id) {
+        if (this.subscriptions[id]) {
+            this.subscriptions[id].unsubscribe();
+            delete this.subscriptions[id];
+        }
+    }
+    // Очистить все подписки
+    clearAllSubscriptions() {
+        Object.keys(this.subscriptions).forEach(key => {
+            this.subscriptions[key].unsubscribe();
+            delete this.subscriptions[key];
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AutoSaveStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AutoSaveStore, providedIn: 'root' });
 }
@@ -6045,7 +6031,7 @@ class GalleryItemComponent {
                     this._autoSaveStore.successFor(obj.id);
                 },
                 error: () => {
-                    this._autoSaveStore.autosaveErrorFor(obj.id);
+                    this._autoSaveStore.errorFor(obj.id);
                 }
             });
         }, 1500);
@@ -7558,8 +7544,11 @@ class EditorComponent {
             },
             blur: () => {
                 this.changeFocused(false);
-            }
-        }
+            },
+            paste: (event) => {
+                this.handlePaste(event);
+            },
+        },
         // uploader: {
         //   insertImageAsBase64URI: true
         // },
@@ -7665,6 +7654,49 @@ class EditorComponent {
         this.isFocused = value;
         this.changeDetection.detectChanges();
     }
+    handlePaste(event) {
+        if (!event.clipboardData || this.hasImageButton()) {
+            return;
+        }
+        const { clipboardData } = event;
+        const htmlData = clipboardData.getData('text/html');
+        const hasHtmlImage = htmlData?.includes('<img');
+        const hasImage = Array.from(clipboardData.items).some(item => item.type.startsWith('image/'));
+        if (!hasImage && !hasHtmlImage) {
+            return;
+        }
+        event.preventDefault();
+        const sanitizedHtml = this.removeImagesFromHtml(htmlData);
+        const textData = clipboardData.getData('text/plain');
+        const contentToInsert = sanitizedHtml || textData;
+        if (contentToInsert) {
+            this.editorElementRef.jodit.s.insertHTML(contentToInsert);
+        }
+    }
+    removeImagesFromHtml(html) {
+        if (!html) {
+            return null;
+        }
+        const div = document.createElement('div');
+        div.innerHTML = html;
+        div.querySelectorAll('img').forEach(img => img.remove());
+        return div.innerHTML;
+    }
+    hasImageButton() {
+        const buttons = this.defaultConfig?.buttons;
+        if (!buttons) {
+            return false;
+        }
+        if (typeof buttons === 'string') {
+            return buttons.includes('image');
+        }
+        if (Array.isArray(buttons)) {
+            return buttons.some(item => typeof item === 'string'
+                ? item === 'image'
+                : item?.name === 'image');
+        }
+        return false;
+    }
     onChange = (value) => {
     };
     onTouched = () => {