@firestitch/html-editor 18.0.30 → 18.0.32

package/esm2022/public_api.mjs

@@ -3,9 +3,7 @@ export { FsHtmlRendererModule } from './app/modules/html-renderer/fs-html-render
 export { FsHtmlEditorComponent } from './app/modules/html-editor/components/html-editor/html-editor.component';
 export { FsHtmlRendererComponent } from './app/modules/html-renderer/components/html-renderer/html-renderer.component';
 export { FS_HTML_EDITOR_CONFIG } from './app/modules/html-editor/injects/config.inject';
-export { ParagraphButtons } from './app/modules/html-editor/consts/paragraph-buttons.const';
-export { RichButtons } from './app/modules/html-editor/consts/rich-buttons.const';
-export { TextButtons } from './app/modules/html-editor/consts/text-buttons.const';
+export * from './app/modules/html-editor/consts';
 export { ChecklistPlugin } from './app/modules/html-editor/plugins/checklist.plugin';
 export { CodePlugin } from './app/modules/html-editor/plugins/code.plugin';
 export { MentionPlugin } from './app/modules/html-editor/plugins/mention.plugin';
@@ -13,4 +11,4 @@ export { RealtimePlugin } from './app/modules/html-editor/plugins/realtime.plugi
 export { ScreenRecordPlugin } from './app/modules/html-editor/plugins/screen-record.plugin';
 export { Plugin } from './app/modules/html-editor/classes/plugin';
 export { FsHtmlEditorContainerDirective } from './app/modules/html-editor/directives';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBRTNGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdFQUF3RSxDQUFDO0FBQy9HLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDhFQUE4RSxDQUFDO0FBRXZILE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBRXhGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNsRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scURBQXFELENBQUM7QUFNbEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUczRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDakYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ25GLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBRTVGLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEZzSHRtbEVkaXRvck1vZHVsZSB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvZnMtaHRtbC1lZGl0b3IubW9kdWxlJztcbmV4cG9ydCB7IEZzSHRtbFJlbmRlcmVyTW9kdWxlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLXJlbmRlcmVyL2ZzLWh0bWwtcmVuZGVyZXIubW9kdWxlJztcblxuZXhwb3J0IHsgRnNIdG1sRWRpdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLWVkaXRvci9jb21wb25lbnRzL2h0bWwtZWRpdG9yL2h0bWwtZWRpdG9yLmNvbXBvbmVudCc7XG5leHBvcnQgeyBGc0h0bWxSZW5kZXJlckNvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1yZW5kZXJlci9jb21wb25lbnRzL2h0bWwtcmVuZGVyZXIvaHRtbC1yZW5kZXJlci5jb21wb25lbnQnO1xuXG5leHBvcnQgeyBGU19IVE1MX0VESVRPUl9DT05GSUcgfSBmcm9tICcuL2FwcC9tb2R1bGVzL2h0bWwtZWRpdG9yL2luamVjdHMvY29uZmlnLmluamVjdCc7XG5cbmV4cG9ydCB7IFBhcmFncmFwaEJ1dHRvbnMgfSBmcm9tICcuL2FwcC9tb2R1bGVzL2h0bWwtZWRpdG9yL2NvbnN0cy9wYXJhZ3JhcGgtYnV0dG9ucy5jb25zdCc7XG5leHBvcnQgeyBSaWNoQnV0dG9ucyB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvY29uc3RzL3JpY2gtYnV0dG9ucy5jb25zdCc7XG5leHBvcnQgeyBUZXh0QnV0dG9ucyB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvY29uc3RzL3RleHQtYnV0dG9ucy5jb25zdCc7XG5cbmV4cG9ydCB7IEZzSHRtbEVkaXRvckNvbmZpZyB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvaW50ZXJmYWNlcy9odG1sLWVkaXRvci1jb25maWcnO1xuZXhwb3J0IHsgUGx1Z2luQ29uZmlnIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLWVkaXRvci9pbnRlcmZhY2VzL3BsdWdpbi1jb25maWcnO1xuZXhwb3J0IHsgVG9vbGJhckJ1dHRvbiB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvaW50ZXJmYWNlcy90b29sYmFyLWJ1dHRvbic7XG5cbmV4cG9ydCB7IENoZWNrbGlzdFBsdWdpbiB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvcGx1Z2lucy9jaGVja2xpc3QucGx1Z2luJztcbmV4cG9ydCB7IENvZGVQbHVnaW4gfSBmcm9tICcuL2FwcC9tb2R1bGVzL2h0bWwtZWRpdG9yL3BsdWdpbnMvY29kZS5wbHVnaW4nO1xuZXhwb3J0IHsgTWVudGlvblBsdWdpbkNvbmZpZyB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvcGx1Z2lucy9jb25maWdzL21lbnRpb24tcGx1Z2luLmNvbmZpZyc7XG5leHBvcnQgeyBTY3JlZW5SZWNvcmRQbHVnaW5Db25maWcgfSBmcm9tICcuL2FwcC9tb2R1bGVzL2h0bWwtZWRpdG9yL3BsdWdpbnMvY29uZmlncy9zY3JlZW4tcmVjb3JkLXBsdWdpbi5jb25maWcnO1xuZXhwb3J0IHsgTWVudGlvblBsdWdpbiB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvcGx1Z2lucy9tZW50aW9uLnBsdWdpbic7XG5leHBvcnQgeyBSZWFsdGltZVBsdWdpbiB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvcGx1Z2lucy9yZWFsdGltZS5wbHVnaW4nO1xuZXhwb3J0IHsgU2NyZWVuUmVjb3JkUGx1Z2luIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLWVkaXRvci9wbHVnaW5zL3NjcmVlbi1yZWNvcmQucGx1Z2luJztcblxuZXhwb3J0IHsgUGx1Z2luIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLWVkaXRvci9jbGFzc2VzL3BsdWdpbic7XG5leHBvcnQgeyBGc0h0bWxFZGl0b3JDb250YWluZXJEaXJlY3RpdmUgfSBmcm9tICcuL2FwcC9tb2R1bGVzL2h0bWwtZWRpdG9yL2RpcmVjdGl2ZXMnO1xuXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBRTNGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdFQUF3RSxDQUFDO0FBQy9HLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDhFQUE4RSxDQUFDO0FBRXZILE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBRXhGLGNBQWMsa0NBQWtDLENBQUM7QUFNakQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUczRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDakYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ25GLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBRTVGLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEZzSHRtbEVkaXRvck1vZHVsZSB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvZnMtaHRtbC1lZGl0b3IubW9kdWxlJztcbmV4cG9ydCB7IEZzSHRtbFJlbmRlcmVyTW9kdWxlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLXJlbmRlcmVyL2ZzLWh0bWwtcmVuZGVyZXIubW9kdWxlJztcblxuZXhwb3J0IHsgRnNIdG1sRWRpdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLWVkaXRvci9jb21wb25lbnRzL2h0bWwtZWRpdG9yL2h0bWwtZWRpdG9yLmNvbXBvbmVudCc7XG5leHBvcnQgeyBGc0h0bWxSZW5kZXJlckNvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1yZW5kZXJlci9jb21wb25lbnRzL2h0bWwtcmVuZGVyZXIvaHRtbC1yZW5kZXJlci5jb21wb25lbnQnO1xuXG5leHBvcnQgeyBGU19IVE1MX0VESVRPUl9DT05GSUcgfSBmcm9tICcuL2FwcC9tb2R1bGVzL2h0bWwtZWRpdG9yL2luamVjdHMvY29uZmlnLmluamVjdCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvY29uc3RzJztcblxuZXhwb3J0IHsgRnNIdG1sRWRpdG9yQ29uZmlnIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLWVkaXRvci9pbnRlcmZhY2VzL2h0bWwtZWRpdG9yLWNvbmZpZyc7XG5leHBvcnQgeyBQbHVnaW5Db25maWcgfSBmcm9tICcuL2FwcC9tb2R1bGVzL2h0bWwtZWRpdG9yL2ludGVyZmFjZXMvcGx1Z2luLWNvbmZpZyc7XG5leHBvcnQgeyBUb29sYmFyQnV0dG9uIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLWVkaXRvci9pbnRlcmZhY2VzL3Rvb2xiYXItYnV0dG9uJztcblxuZXhwb3J0IHsgQ2hlY2tsaXN0UGx1Z2luIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLWVkaXRvci9wbHVnaW5zL2NoZWNrbGlzdC5wbHVnaW4nO1xuZXhwb3J0IHsgQ29kZVBsdWdpbiB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvcGx1Z2lucy9jb2RlLnBsdWdpbic7XG5leHBvcnQgeyBNZW50aW9uUGx1Z2luQ29uZmlnIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLWVkaXRvci9wbHVnaW5zL2NvbmZpZ3MvbWVudGlvbi1wbHVnaW4uY29uZmlnJztcbmV4cG9ydCB7IFNjcmVlblJlY29yZFBsdWdpbkNvbmZpZyB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvcGx1Z2lucy9jb25maWdzL3NjcmVlbi1yZWNvcmQtcGx1Z2luLmNvbmZpZyc7XG5leHBvcnQgeyBNZW50aW9uUGx1Z2luIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLWVkaXRvci9wbHVnaW5zL21lbnRpb24ucGx1Z2luJztcbmV4cG9ydCB7IFJlYWx0aW1lUGx1Z2luIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9odG1sLWVkaXRvci9wbHVnaW5zL3JlYWx0aW1lLnBsdWdpbic7XG5leHBvcnQgeyBTY3JlZW5SZWNvcmRQbHVnaW4gfSBmcm9tICcuL2FwcC9tb2R1bGVzL2h0bWwtZWRpdG9yL3BsdWdpbnMvc2NyZWVuLXJlY29yZC5wbHVnaW4nO1xuXG5leHBvcnQgeyBQbHVnaW4gfSBmcm9tICcuL2FwcC9tb2R1bGVzL2h0bWwtZWRpdG9yL2NsYXNzZXMvcGx1Z2luJztcbmV4cG9ydCB7IEZzSHRtbEVkaXRvckNvbnRhaW5lckRpcmVjdGl2ZSB9IGZyb20gJy4vYXBwL21vZHVsZXMvaHRtbC1lZGl0b3IvZGlyZWN0aXZlcyc7XG5cbiJdfQ==

package/fesm2022/firestitch-html-editor.mjs

@@ -21,10 +21,13 @@ const FS_HTML_EDITOR_CONFIG = new InjectionToken('fs-html-editor.config');
 class FsFroalaLoaderService {
     _defaultConfig;
     _document;
-    _froalaEditor;
     _froalaLoaded = new BehaviorSubject(false);
     _froalaPluginsLoaded = new BehaviorSubject(false);
     _sourceLoader = fsSourceLoader;
+    _froalaEditor;
+    get FroalaEditor() {
+        return this._froalaEditor;
+    }
     _loaded$ = combineLatest([this._froalaLoaded, this._froalaPluginsLoaded])
         .pipe(map(([FroalaReady, pluginsRead]) => {
         return pluginsRead && FroalaReady;
@@ -38,9 +41,6 @@ class FsFroalaLoaderService {
     get loaded$() {
         return this._loaded$;
     }
-    get FroalaEditor() {
-        return this._froalaEditor;
-    }
     _load() {
         const baseDir = '/assets/froala/';
         this._sourceLoader.registerResources({
@@ -151,18 +151,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                 }]
         }] });
 
-class FsHtmlEditorContainerDirective {
-    static ngTemplateContextGuard(dir, ctx) {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHtmlEditorContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsHtmlEditorContainerDirective, selector: "[fsHtmlEditorContainer]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHtmlEditorContainerDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[fsHtmlEditorContainer]' }]
-        }] });
-
 const ParagraphButtons = [
     'align',
     'formatOL',
@@ -170,7 +158,7 @@ const ParagraphButtons = [
     'checklist',
     'indent',
     'outdent',
-    'lineHeight'
+    'lineHeight',
 ];
 
 const RichButtons = [
@@ -199,6 +187,48 @@ const TextButtons = [
     'code',
 ];
 
+const ToolbarButtons = {
+    moreText: {
+        buttons: TextButtons,
+        buttonsVisible: 3,
+    },
+    moreParagraph: {
+        buttons: ParagraphButtons,
+        buttonsVisible: 5,
+    },
+    moreRich: {
+        buttons: RichButtons,
+        buttonsVisible: 3,
+    },
+};
+
+const ToolbarXsButtons = {
+    moreText: {
+        buttons: TextButtons,
+        buttonsVisible: 2,
+    },
+    moreParagraph: {
+        buttons: ParagraphButtons,
+        buttonsVisible: 2,
+    },
+    moreRich: {
+        buttons: RichButtons,
+        buttonsVisible: 1,
+    },
+};
+
+class FsHtmlEditorContainerDirective {
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHtmlEditorContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsHtmlEditorContainerDirective, selector: "[fsHtmlEditorContainer]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHtmlEditorContainerDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[fsHtmlEditorContainer]' }]
+        }] });
+
 class FsHtmlEditorComponent {
     _defaultConfig;
     _cdRef;
@@ -259,7 +289,8 @@ class FsHtmlEditorComponent {
         const config = this._createConfig();
         this._initPlugins(config);
         this._initButtons(config);
-        this._editor = new this._fr.FroalaEditor(this.el, this._createOptions(), () => {
+        const froalaOptions = this._createOptions();
+        this._editor = new this._fr.FroalaEditor(this.el, froalaOptions, () => {
             this._froalaReady$.next({ config, options });
         });
     }
@@ -400,11 +431,17 @@ class FsHtmlEditorComponent {
             });
         });
     }
-    _initPlugins(config) {
-        (config.prependToolbarTextButtons || [])
+    _initToolbarButtons(buttons) {
+        (buttons || [])
+            .filter((button) => typeof button !== 'string')
             .forEach((button) => {
             this._defineButton(button);
         });
+    }
+    _initPlugins(config) {
+        this._initToolbarButtons(config.toolbars?.text?.prepend);
+        this._initToolbarButtons(config.toolbars?.paragraph?.prepend);
+        this._initToolbarButtons(config.toolbars?.rich?.prepend);
         (config.plugins || []).forEach((plugin) => {
             this._fr.FroalaEditor.PLUGINS[plugin.config.name] = function (editor) {
                 plugin.editor = editor;
@@ -452,17 +489,32 @@ class FsHtmlEditorComponent {
             },
         });
     }
+    _buttonsToNames(buttons) {
+        return (buttons || [])
+            .map((item) => {
+            return typeof item === 'string' ? item : item.name;
+        });
+    }
     _createOptions() {
         const config = this._createConfig();
-        const textButtons = [
-            ...(config.prependToolbarTextButtons || [])
-                .map((item) => item.name),
+        const moreText = [
+            ...this._buttonsToNames(config.toolbars?.text?.prepend),
             ...TextButtons,
         ];
-        return merge(
-        // For some reason editor store somewhere pointer on default config object and dublicate options each time on init
-        // Extra merge level fixed this problem and allow to init config properly without legacy data
-        {}, {
+        const moreParagraph = [
+            ...this._buttonsToNames(config.toolbars?.paragraph?.prepend),
+            ...ParagraphButtons,
+        ];
+        const moreRich = [
+            ...this._buttonsToNames(config.toolbars?.rich?.prepend),
+            ...RichButtons,
+        ];
+        const toolbarButtons = merge(ToolbarButtons, {
+            moreText: { buttons: moreText },
+            moreParagraph: { buttons: moreParagraph },
+            moreRich: { buttons: moreRich },
+        });
+        const froalaOptions = {
             shortcutsEnabled: ['show', 'bold', 'italic', 'underline', 'indent', 'outdent', 'undo', 'redo', 'insertImage', 'createLink'],
             key: config.activationKey,
             placeholderText: config.placeholder,
@@ -503,35 +555,27 @@ class FsHtmlEditorComponent {
                 Double: '2',
             },
             paragraphFormatSelection: true,
-            toolbarButtonsXS: {
-                moreText: {
-                    buttons: textButtons,
-                    buttonsVisible: 1,
-                },
-                moreParagraph: {
-                    buttons: ParagraphButtons,
-                    buttonsVisible: 2,
-                },
-                moreRich: {
-                    buttons: RichButtons,
-                    buttonsVisible: 0,
-                },
-            },
-            toolbarButtons: {
-                moreText: {
-                    buttons: textButtons,
-                    buttonsVisible: 3,
-                },
-                moreParagraph: {
-                    buttons: ParagraphButtons,
-                    buttonsVisible: 5,
-                },
-                moreRich: {
-                    buttons: RichButtons,
-                    buttonsVisible: 3,
-                },
-            },
-        }, config.froalaConfig);
+            toolbarButtons,
+            toolbarButtonsXS: ToolbarXsButtons,
+        };
+        const options = merge(
+        // For some reason editor store somewhere pointer on default config object and dublicate options each time on init
+        // Extra merge level fixed this problem and allow to init config properly without legacy data
+        {}, froalaOptions, config.froalaConfig, {
+            pluginsEnabled: [
+                "align" /* FroalaPlugin.Align */,
+                "colors" /* FroalaPlugin.Colors */,
+                "image" /* FroalaPlugin.Image */,
+                "link" /* FroalaPlugin.Link */,
+                "lists" /* FroalaPlugin.Lists */,
+                "paragraph_format" /* FroalaPlugin.ParagraphFormat */,
+                "quote" /* FroalaPlugin.Quote */,
+                "table" /* FroalaPlugin.Table */,
+                "url" /* FroalaPlugin.Url */,
+                "video" /* FroalaPlugin.Video */,
+            ],
+        });
+        return options;
     }
     _listenLazyInit() {
         this.froalaLoaded$
@@ -1084,5 +1128,5 @@ class ScreenRecordPlugin extends Plugin {
  * Generated bundle index. Do not edit.
  */
 
-export { ChecklistPlugin, CodePlugin, FS_HTML_EDITOR_CONFIG, FsHtmlEditorComponent, FsHtmlEditorContainerDirective, FsHtmlEditorModule, FsHtmlRendererComponent, FsHtmlRendererModule, MentionPlugin, ParagraphButtons, Plugin, RealtimePlugin, RichButtons, ScreenRecordPlugin, TextButtons };
+export { ChecklistPlugin, CodePlugin, FS_HTML_EDITOR_CONFIG, FsHtmlEditorComponent, FsHtmlEditorContainerDirective, FsHtmlEditorModule, FsHtmlRendererComponent, FsHtmlRendererModule, MentionPlugin, ParagraphButtons, Plugin, RealtimePlugin, RichButtons, ScreenRecordPlugin, TextButtons, ToolbarButtons, ToolbarXsButtons };
 //# sourceMappingURL=firestitch-html-editor.mjs.map