@elementar-rt/components 0.6.58 → 0.7.1

package/fesm2022/elementar-rt-components-text-editor.mjs

@@ -130,7 +130,13 @@ class AngularNodeView extends NodeView {
     }
     handleSelectionUpdate() {
         const { from, to } = this.editor.state.selection;
-        if (from <= this.getPos() && to >= this.getPos() + this.node.nodeSize) {
+        // tiptap 3 widened getPos() to `number | undefined`: it returns undefined
+        // once the node has been removed from the document.
+        const pos = this.getPos();
+        if (pos === undefined) {
+            return;
+        }
+        if (from <= pos && to >= pos + this.node.nodeSize) {
             this.selectNode();
         }
         else {
@@ -197,10 +203,10 @@ class AngularNodeViewComponent {
     HTMLAttributes;
     innerDecorations;
     view;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AngularNodeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: AngularNodeViewComponent, isStandalone: true, selector: "ng-component", inputs: { editor: "editor", node: "node", decorations: "decorations", selected: "selected", extension: "extension", getPos: "getPos", updateAttributes: "updateAttributes", deleteNode: "deleteNode", HTMLAttributes: "HTMLAttributes", innerDecorations: "innerDecorations", view: "view" }, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AngularNodeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: AngularNodeViewComponent, isStandalone: true, selector: "ng-component", inputs: { editor: "editor", node: "node", decorations: "decorations", selected: "selected", extension: "extension", getPos: "getPos", updateAttributes: "updateAttributes", deleteNode: "deleteNode", HTMLAttributes: "HTMLAttributes", innerDecorations: "innerDecorations", view: "view" }, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AngularNodeViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AngularNodeViewComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, template: '' }]
         }], propDecorators: { editor: [{
@@ -265,17 +271,17 @@ class ImageUploadingPlaceholderComponent extends AngularNodeViewComponent {
         }
         return new Blob([ab], { type: mimeString });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageUploadingPlaceholderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ImageUploadingPlaceholderComponent, isStandalone: true, selector: "emr-image-uploading-placeholder", host: { properties: { "class.selected": "selected" }, classAttribute: "emr-image-uploading-placeholder" }, exportAs: ["emrTextEditorUploadingPlaceholder"], usesInheritance: true, ngImport: i0, template: "@if (src) {\n  <div class=\"flex items-center justify-center relative\">\n    @if (error) {\n      <div class=\"absolute top-0 start-0 right-0 min-h-8 bg-error z-[2]\n                    text-on-error text-tiny flex items-center px-3\">{{ error }}</div>\n    }\n    <div class=\"w-max absolute start-1/2 top-1/2 z-[1] -translate-y-1/2 -translate-x-1/2\">\n      @if (!error) {\n        <mat-spinner></mat-spinner>\n      }\n    </div>\n    <img [src]=\"src\" alt=\"\" class=\"max-w-full opacity-70\">\n  </div>\n}\n", styles: [":host{display:block}:host.selected{outline:var(--sys-tertiary) solid 4px}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ImageUploadingPlaceholderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ImageUploadingPlaceholderComponent, isStandalone: true, selector: "emr-image-uploading-placeholder", host: { properties: { "class.selected": "selected" }, classAttribute: "emr-image-uploading-placeholder" }, exportAs: ["emrTextEditorUploadingPlaceholder"], usesInheritance: true, ngImport: i0, template: "@if (src) {\n  <div class=\"flex items-center justify-center relative\">\n    @if (error) {\n      <div class=\"absolute top-0 start-0 right-0 min-h-8 bg-error z-[2]\n                    text-on-error text-tiny flex items-center px-3\">{{ error }}</div>\n    }\n    <div class=\"w-max absolute start-1/2 top-1/2 z-[1] -translate-y-1/2 -translate-x-1/2\">\n      @if (!error) {\n        <mat-spinner></mat-spinner>\n      }\n    </div>\n    <img [src]=\"src\" alt=\"\" class=\"max-w-full opacity-70\">\n  </div>\n}\n", styles: [":host{display:block}:host.selected{outline:var(--sys-tertiary) solid 4px}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageUploadingPlaceholderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ImageUploadingPlaceholderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-image-uploading-placeholder', exportAs: 'emrTextEditorUploadingPlaceholder', imports: [
                         MatProgressSpinner
                     ], host: {
                         'class': 'emr-image-uploading-placeholder',
                         '[class.selected]': 'selected'
-                    }, template: "@if (src) {\n  <div class=\"flex items-center justify-center relative\">\n    @if (error) {\n      <div class=\"absolute top-0 start-0 right-0 min-h-8 bg-error z-[2]\n                    text-on-error text-tiny flex items-center px-3\">{{ error }}</div>\n    }\n    <div class=\"w-max absolute start-1/2 top-1/2 z-[1] -translate-y-1/2 -translate-x-1/2\">\n      @if (!error) {\n        <mat-spinner></mat-spinner>\n      }\n    </div>\n    <img [src]=\"src\" alt=\"\" class=\"max-w-full opacity-70\">\n  </div>\n}\n", styles: [":host{display:block}:host.selected{outline:var(--sys-tertiary) solid 4px}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@if (src) {\n  <div class=\"flex items-center justify-center relative\">\n    @if (error) {\n      <div class=\"absolute top-0 start-0 right-0 min-h-8 bg-error z-[2]\n                    text-on-error text-tiny flex items-center px-3\">{{ error }}</div>\n    }\n    <div class=\"w-max absolute start-1/2 top-1/2 z-[1] -translate-y-1/2 -translate-x-1/2\">\n      @if (!error) {\n        <mat-spinner></mat-spinner>\n      }\n    </div>\n    <img [src]=\"src\" alt=\"\" class=\"max-w-full opacity-70\">\n  </div>\n}\n", styles: [":host{display:block}:host.selected{outline:var(--sys-tertiary) solid 4px}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 const ImageUploadingPlaceholderExtension = (injector, options) => {
@@ -338,11 +344,11 @@ class TextEditorComponent {
     _floatingMenu = viewChild.required('floatingMenu');
     _value = '';
     editor;
-    content = input('', ...(ngDevMode ? [{ debugName: "content" }] : []));
-    extensions = input([], ...(ngDevMode ? [{ debugName: "extensions" }] : []));
-    contentMaxHeight = input(...(ngDevMode ? [undefined, { debugName: "contentMaxHeight" }] : []));
-    placeholder = input('Write something …', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-    imageUploadFn = input(...(ngDevMode ? [undefined, { debugName: "imageUploadFn" }] : []));
+    content = input('', ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+    extensions = input([], ...(ngDevMode ? [{ debugName: "extensions" }] : /* istanbul ignore next */ []));
+    contentMaxHeight = input(...(ngDevMode ? [undefined, { debugName: "contentMaxHeight" }] : /* istanbul ignore next */ []));
+    placeholder = input('Write something …', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    imageUploadFn = input(...(ngDevMode ? [undefined, { debugName: "imageUploadFn" }] : /* istanbul ignore next */ []));
     contentChange = output();
     get api() {
         return {
@@ -422,10 +428,7 @@ class TextEditorComponent {
             // }),
             BubbleMenu.configure({
                 element: this._bubbleMenu().nativeElement,
-                tippyOptions: {
-                    appendTo: this._document.body,
-                    zIndex: 999
-                },
+                appendTo: this._document.body,
                 shouldShow: ({ editor, view, state, oldState, from, to }) => {
                     return !editor.isActive('image') &&
                         !editor.isActive('youtube') &&
@@ -450,15 +453,15 @@ class TextEditorComponent {
         });
         this._cdr.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: TextEditorComponent, isStandalone: true, selector: "emr-text-editor", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, extensions: { classPropertyName: "extensions", publicName: "extensions", isSignal: true, isRequired: false, transformFunction: null }, contentMaxHeight: { classPropertyName: "contentMaxHeight", publicName: "contentMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, imageUploadFn: { classPropertyName: "imageUploadFn", publicName: "imageUploadFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange" }, host: { classAttribute: "emr-text-editor" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.22", type: TextEditorComponent, isStandalone: true, selector: "emr-text-editor", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, extensions: { classPropertyName: "extensions", publicName: "extensions", isSignal: true, isRequired: false, transformFunction: null }, contentMaxHeight: { classPropertyName: "contentMaxHeight", publicName: "contentMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, imageUploadFn: { classPropertyName: "imageUploadFn", publicName: "imageUploadFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange" }, host: { classAttribute: "emr-text-editor" }, providers: [
             {
                 provide: TEXT_EDITOR,
                 useExisting: forwardRef(() => TextEditorComponent)
             }
-        ], viewQueries: [{ propertyName: "_content", first: true, predicate: ["content"], descendants: true, isSignal: true }, { propertyName: "_bubbleMenu", first: true, predicate: ["bubbleMenu"], descendants: true, isSignal: true }, { propertyName: "_imageBubbleMenu", first: true, predicate: ["imageBubbleMenu"], descendants: true, isSignal: true }, { propertyName: "_floatingMenu", first: true, predicate: ["floatingMenu"], descendants: true, isSignal: true }], exportAs: ["emrTextEditor"], ngImport: i0, template: "<ng-content select=\"emr-text-editor-toolbar\"/>\n<div #content class=\"content prose dark:prose-invert max-w-full\"></div>\n<div #imageBubbleMenu class=\"emr-text-editor-bubble-menu\"></div>\n<div #bubbleMenu>\n  <ng-content select=\"emr-text-editor-bubble-menu\"/>\n</div>\n<div #floatingMenu class=\"floating-menu\">\n  <ng-content select=\"emr-text-editor-floating-menu\"/>\n</div>\n", styles: [":host{--emr-text-editor-bg: transparent;--emr-text-editor-content-max-height: 9999px;--emr-text-editor-content-padding: calc(var(--spacing, .25rem) * 6);display:block}:host:not([class*=bg-]){background-color:var(--emr-text-editor-bg)}:host .floating-menu:empty{display:none}:host ::ng-deep .tippy-box{max-width:800px!important}:host .content ::ng-deep .tiptap{padding:var(--emr-text-editor-content-padding);min-height:100%}:host .content ::ng-deep .tiptap:focus{outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video]{cursor:move;background-color:var(--color-neutral-100);padding:calc(var(--spacing, .25rem) * 6);display:flex;align-items:center;justify-content:center}:host .content ::ng-deep .tiptap div[data-youtube-video] iframe{width:100%;aspect-ratio:16/9;border:none;display:block;min-height:200px;min-width:200px;outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video].ProseMirror-selectednode iframe{outline:var(--sys-tertiary) solid 4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .content ::ng-deep .tiptap img{display:block;height:auto;margin:calc(var(--spacing, .25rem) * 6) 0;max-width:100%}:host .content ::ng-deep .tiptap img.ProseMirror-selectednode{outline:var(--sys-tertiary) solid 4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .content ::ng-deep .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-neutral-500);float:left;height:0;pointer-events:none;font-size:.875rem}:host .content ::ng-deep .tiptap.ProseMirror-focused p.is-editor-empty:first-child:before{content:none}:host .content ::ng-deep .tiptap p.is-empty:before{content:attr(data-placeholder);color:var(--color-neutral-500);float:left;height:0;pointer-events:none;font-size:.875rem}:host .content ::ng-deep p:first-child,:host .content ::ng-deep pre:first-child{margin-top:0}:host .content ::ng-deep p:last-child,:host .content ::ng-deep pre:last-child{margin-bottom:0}:host .button.active,:host ::ng-deep .button.active{background-color:var(--color-neutral-100)}:host-context(html.dark) .button.active,:host-context(html.dark) ::ng-deep .button.active{background-color:var(--color-neutral-650);color:var(--color-neutral-200)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], viewQueries: [{ propertyName: "_content", first: true, predicate: ["content"], descendants: true, isSignal: true }, { propertyName: "_bubbleMenu", first: true, predicate: ["bubbleMenu"], descendants: true, isSignal: true }, { propertyName: "_imageBubbleMenu", first: true, predicate: ["imageBubbleMenu"], descendants: true, isSignal: true }, { propertyName: "_floatingMenu", first: true, predicate: ["floatingMenu"], descendants: true, isSignal: true }], exportAs: ["emrTextEditor"], ngImport: i0, template: "<ng-content select=\"emr-text-editor-toolbar\"/>\n<div #content class=\"content prose dark:prose-invert max-w-full\"></div>\n<div #imageBubbleMenu class=\"emr-text-editor-bubble-menu\"></div>\n<div #bubbleMenu style=\"z-index: 999\">\n  <ng-content select=\"emr-text-editor-bubble-menu\"/>\n</div>\n<div #floatingMenu class=\"floating-menu\">\n  <ng-content select=\"emr-text-editor-floating-menu\"/>\n</div>\n", styles: [":host{--emr-text-editor-bg: transparent;--emr-text-editor-content-max-height: 9999px;--emr-text-editor-content-padding: calc(var(--spacing, .25rem) * 6);display:block}:host:not([class*=bg-]){background-color:var(--emr-text-editor-bg)}:host .floating-menu:empty{display:none}:host ::ng-deep .tippy-box{max-width:800px!important}:host .content ::ng-deep .tiptap{padding:var(--emr-text-editor-content-padding);min-height:100%}:host .content ::ng-deep .tiptap:focus{outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video]{cursor:move;background-color:var(--color-neutral-100);padding:calc(var(--spacing, .25rem) * 6);display:flex;align-items:center;justify-content:center}:host .content ::ng-deep .tiptap div[data-youtube-video] iframe{width:100%;aspect-ratio:16/9;border:none;display:block;min-height:200px;min-width:200px;outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video].ProseMirror-selectednode iframe{outline:var(--sys-tertiary) solid 4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .content ::ng-deep .tiptap img{display:block;height:auto;margin:calc(var(--spacing, .25rem) * 6) 0;max-width:100%}:host .content ::ng-deep .tiptap img.ProseMirror-selectednode{outline:var(--sys-tertiary) solid 4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .content ::ng-deep .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-neutral-500);float:left;height:0;pointer-events:none;font-size:.875rem}:host .content ::ng-deep .tiptap.ProseMirror-focused p.is-editor-empty:first-child:before{content:none}:host .content ::ng-deep .tiptap p.is-empty:before{content:attr(data-placeholder);color:var(--color-neutral-500);float:left;height:0;pointer-events:none;font-size:.875rem}:host .content ::ng-deep p:first-child,:host .content ::ng-deep pre:first-child{margin-top:0}:host .content ::ng-deep p:last-child,:host .content ::ng-deep pre:last-child{margin-bottom:0}:host .button.active,:host ::ng-deep .button.active{background-color:var(--color-neutral-100)}:host-context(html.dark) .button.active,:host-context(html.dark) ::ng-deep .button.active{background-color:var(--color-neutral-650);color:var(--color-neutral-200)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-text-editor', exportAs: 'emrTextEditor', imports: [], providers: [
                         {
@@ -467,25 +470,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         }
                     ], host: {
                         'class': 'emr-text-editor'
-                    }, template: "<ng-content select=\"emr-text-editor-toolbar\"/>\n<div #content class=\"content prose dark:prose-invert max-w-full\"></div>\n<div #imageBubbleMenu class=\"emr-text-editor-bubble-menu\"></div>\n<div #bubbleMenu>\n  <ng-content select=\"emr-text-editor-bubble-menu\"/>\n</div>\n<div #floatingMenu class=\"floating-menu\">\n  <ng-content select=\"emr-text-editor-floating-menu\"/>\n</div>\n", styles: [":host{--emr-text-editor-bg: transparent;--emr-text-editor-content-max-height: 9999px;--emr-text-editor-content-padding: calc(var(--spacing, .25rem) * 6);display:block}:host:not([class*=bg-]){background-color:var(--emr-text-editor-bg)}:host .floating-menu:empty{display:none}:host ::ng-deep .tippy-box{max-width:800px!important}:host .content ::ng-deep .tiptap{padding:var(--emr-text-editor-content-padding);min-height:100%}:host .content ::ng-deep .tiptap:focus{outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video]{cursor:move;background-color:var(--color-neutral-100);padding:calc(var(--spacing, .25rem) * 6);display:flex;align-items:center;justify-content:center}:host .content ::ng-deep .tiptap div[data-youtube-video] iframe{width:100%;aspect-ratio:16/9;border:none;display:block;min-height:200px;min-width:200px;outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video].ProseMirror-selectednode iframe{outline:var(--sys-tertiary) solid 4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .content ::ng-deep .tiptap img{display:block;height:auto;margin:calc(var(--spacing, .25rem) * 6) 0;max-width:100%}:host .content ::ng-deep .tiptap img.ProseMirror-selectednode{outline:var(--sys-tertiary) solid 4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .content ::ng-deep .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-neutral-500);float:left;height:0;pointer-events:none;font-size:.875rem}:host .content ::ng-deep .tiptap.ProseMirror-focused p.is-editor-empty:first-child:before{content:none}:host .content ::ng-deep .tiptap p.is-empty:before{content:attr(data-placeholder);color:var(--color-neutral-500);float:left;height:0;pointer-events:none;font-size:.875rem}:host .content ::ng-deep p:first-child,:host .content ::ng-deep pre:first-child{margin-top:0}:host .content ::ng-deep p:last-child,:host .content ::ng-deep pre:last-child{margin-bottom:0}:host .button.active,:host ::ng-deep .button.active{background-color:var(--color-neutral-100)}:host-context(html.dark) .button.active,:host-context(html.dark) ::ng-deep .button.active{background-color:var(--color-neutral-650);color:var(--color-neutral-200)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content select=\"emr-text-editor-toolbar\"/>\n<div #content class=\"content prose dark:prose-invert max-w-full\"></div>\n<div #imageBubbleMenu class=\"emr-text-editor-bubble-menu\"></div>\n<div #bubbleMenu style=\"z-index: 999\">\n  <ng-content select=\"emr-text-editor-bubble-menu\"/>\n</div>\n<div #floatingMenu class=\"floating-menu\">\n  <ng-content select=\"emr-text-editor-floating-menu\"/>\n</div>\n", styles: [":host{--emr-text-editor-bg: transparent;--emr-text-editor-content-max-height: 9999px;--emr-text-editor-content-padding: calc(var(--spacing, .25rem) * 6);display:block}:host:not([class*=bg-]){background-color:var(--emr-text-editor-bg)}:host .floating-menu:empty{display:none}:host ::ng-deep .tippy-box{max-width:800px!important}:host .content ::ng-deep .tiptap{padding:var(--emr-text-editor-content-padding);min-height:100%}:host .content ::ng-deep .tiptap:focus{outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video]{cursor:move;background-color:var(--color-neutral-100);padding:calc(var(--spacing, .25rem) * 6);display:flex;align-items:center;justify-content:center}:host .content ::ng-deep .tiptap div[data-youtube-video] iframe{width:100%;aspect-ratio:16/9;border:none;display:block;min-height:200px;min-width:200px;outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video].ProseMirror-selectednode iframe{outline:var(--sys-tertiary) solid 4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .content ::ng-deep .tiptap img{display:block;height:auto;margin:calc(var(--spacing, .25rem) * 6) 0;max-width:100%}:host .content ::ng-deep .tiptap img.ProseMirror-selectednode{outline:var(--sys-tertiary) solid 4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .content ::ng-deep .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-neutral-500);float:left;height:0;pointer-events:none;font-size:.875rem}:host .content ::ng-deep .tiptap.ProseMirror-focused p.is-editor-empty:first-child:before{content:none}:host .content ::ng-deep .tiptap p.is-empty:before{content:attr(data-placeholder);color:var(--color-neutral-500);float:left;height:0;pointer-events:none;font-size:.875rem}:host .content ::ng-deep p:first-child,:host .content ::ng-deep pre:first-child{margin-top:0}:host .content ::ng-deep p:last-child,:host .content ::ng-deep pre:last-child{margin-bottom:0}:host .button.active,:host ::ng-deep .button.active{background-color:var(--color-neutral-100)}:host-context(html.dark) .button.active,:host-context(html.dark) ::ng-deep .button.active{background-color:var(--color-neutral-650);color:var(--color-neutral-200)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { _content: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }], _bubbleMenu: [{ type: i0.ViewChild, args: ['bubbleMenu', { isSignal: true }] }], _imageBubbleMenu: [{ type: i0.ViewChild, args: ['imageBubbleMenu', { isSignal: true }] }], _floatingMenu: [{ type: i0.ViewChild, args: ['floatingMenu', { isSignal: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], extensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "extensions", required: false }] }], contentMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentMaxHeight", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], imageUploadFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUploadFn", required: false }] }], contentChange: [{ type: i0.Output, args: ["contentChange"] }] } });
 
 class TextEditorToolbarComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorToolbarComponent, isStandalone: true, selector: "emr-text-editor-toolbar", exportAs: ["emrTextEditorToolbar"], ngImport: i0, template: "<ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n\n", styles: [":host{border-top-left-radius:inherit;border-top-right-radius:inherit;gap:calc(var(--spacing) * .5);border-bottom:1px solid var(--color-border);height:calc(var(--spacing) * 14);padding-left:calc(var(--spacing) * 3);padding-right:calc(var(--spacing) * 3);display:flex;align-items:center;z-index:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorToolbarComponent, isStandalone: true, selector: "emr-text-editor-toolbar", exportAs: ["emrTextEditorToolbar"], ngImport: i0, template: "<ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n\n", styles: [":host{border-top-left-radius:inherit;border-top-right-radius:inherit;gap:calc(var(--spacing) * .5);border-bottom:1px solid var(--color-border);height:calc(var(--spacing) * 14);padding-left:calc(var(--spacing) * 3);padding-right:calc(var(--spacing) * 3);display:flex;align-items:center;z-index:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'emr-text-editor-toolbar', exportAs: 'emrTextEditorToolbar', imports: [], template: "<ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n\n", styles: [":host{border-top-left-radius:inherit;border-top-right-radius:inherit;gap:calc(var(--spacing) * .5);border-bottom:1px solid var(--color-border);height:calc(var(--spacing) * 14);padding-left:calc(var(--spacing) * 3);padding-right:calc(var(--spacing) * 3);display:flex;align-items:center;z-index:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'emr-text-editor-toolbar', exportAs: 'emrTextEditorToolbar', imports: [], template: "<ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n\n", styles: [":host{border-top-left-radius:inherit;border-top-right-radius:inherit;gap:calc(var(--spacing) * .5);border-bottom:1px solid var(--color-border);height:calc(var(--spacing) * 14);padding-left:calc(var(--spacing) * 3);padding-right:calc(var(--spacing) * 3);display:flex;align-items:center;z-index:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class TextEditorDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorDividerComponent, isStandalone: true, selector: "emr-text-editor-divider", exportAs: ["emrTextEditorDivider"], ngImport: i0, template: "<div class=\"divider\"></div>\n", styles: [":host{display:block;padding:0 calc(var(--spacing) * 2)}:host .divider{height:calc(var(--spacing) * 6);background:var(--color-neutral-300);width:1px}:host-context(html.dark) .divider{background:var(--color-neutral-500)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorDividerComponent, isStandalone: true, selector: "emr-text-editor-divider", exportAs: ["emrTextEditorDivider"], ngImport: i0, template: "<div class=\"divider\"></div>\n", styles: [":host{display:block;padding:0 calc(var(--spacing) * 2)}:host .divider{height:calc(var(--spacing) * 6);background:var(--color-neutral-300);width:1px}:host-context(html.dark) .divider{background:var(--color-neutral-500)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorDividerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'emr-text-editor-divider', exportAs: 'emrTextEditorDivider', imports: [], template: "<div class=\"divider\"></div>\n", styles: [":host{display:block;padding:0 calc(var(--spacing) * 2)}:host .divider{height:calc(var(--spacing) * 6);background:var(--color-neutral-300);width:1px}:host-context(html.dark) .divider{background:var(--color-neutral-500)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'emr-text-editor-divider', exportAs: 'emrTextEditorDivider', imports: [], template: "<div class=\"divider\"></div>\n", styles: [":host{display:block;padding:0 calc(var(--spacing) * 2)}:host .divider{height:calc(var(--spacing) * 6);background:var(--color-neutral-300);width:1px}:host-context(html.dark) .divider{background:var(--color-neutral-500)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class TextEditorBubbleMenuComponent {
@@ -493,33 +496,33 @@ class TextEditorBubbleMenuComponent {
     getLinkUrl() {
         return (this.textEditor.api.editor()?.getAttributes('link')).href || null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorBubbleMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TextEditorBubbleMenuComponent, isStandalone: true, selector: "emr-text-editor-bubble-menu", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorBubbleMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: TextEditorBubbleMenuComponent, isStandalone: true, selector: "emr-text-editor-bubble-menu", providers: [
             {
                 provide: TEXT_EDITOR_BUBBLE_MENU,
                 useExisting: forwardRef(() => TextEditorBubbleMenuComponent)
             }
-        ], exportAs: ["emitTextEditorBubbleMenu"], ngImport: i0, template: "@if (this.textEditor.api.isActive('link') && getLinkUrl()) {\n  <div class=\"flex items-center gap-1 h-11 border-b border-b-default border-b-neutral-700\">\n    <div class=\"grow text-sm overflow-hidden text-ellipsis whitespace-nowrap w-[116px]\">\n      <a [href]=\"getLinkUrl()\" target=\"_blank\" class=\"link\">{{ getLinkUrl() }}</a>\n    </div>\n    <div class=\"flex items-center flex-none\">\n      <ng-content select=\"[emrTextEditorCommandEditLink],[emrCommentEditorCommandUnsetLink]\"/>\n    </div>\n  </div>\n}\n<div class=\"h-12 flex items-center justify-center gap-0.5\">\n  <ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n</div>\n", styles: [":host{display:block;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;background:var(--color-neutral-950);color:var(--color-neutral-200);min-height:calc(var(--spacing) * 12);border-radius:1rem;top:1px;padding-inline-start:calc(var(--spacing) * 2);padding-inline-end:calc(var(--spacing) * 2)}:host .button,:host ::ng-deep .button{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);display:flex;align-items:center;justify-content:center;--emr-icon-size: 1.25rem;border-radius:calc(infinity * 1px)}:host .button:hover,:host ::ng-deep .button:hover{color:var(--color-tertiary-300);background-color:var(--color-neutral-700);padding:calc(var(--spacing) * 1.5)}:host .button.active,:host ::ng-deep .button.active{color:var(--color-tertiary-300);background-color:var(--color-neutral-700)}:host .button mat-icon,:host ::ng-deep .button mat-icon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);font-size:1.25rem;line-height:1.25}:host .button:disabled,:host ::ng-deep .button:disabled{pointer-events:none;opacity:70%}:host .link{color:var(--color-tertiary-300);position:relative;top:1px}:host .link:hover{color:var(--color-tertiary-100)}:host-context(html.dark){background:var(--color-tertiary-200);color:var(--color-neutral-900)}:host-context(html.dark) .link{color:var(--color-tertiary-700)}:host-context(html.dark) .link:hover{color:var(--color-tertiary-800)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["emitTextEditorBubbleMenu"], ngImport: i0, template: "@if (this.textEditor.api.isActive('link') && getLinkUrl()) {\n  <div class=\"flex items-center gap-1 h-11 border-b border-b-default border-b-neutral-700\">\n    <div class=\"grow text-sm overflow-hidden text-ellipsis whitespace-nowrap w-[116px]\">\n      <a [href]=\"getLinkUrl()\" target=\"_blank\" class=\"link\">{{ getLinkUrl() }}</a>\n    </div>\n    <div class=\"flex items-center flex-none\">\n      <ng-content select=\"[emrTextEditorCommandEditLink],[emrCommentEditorCommandUnsetLink]\"/>\n    </div>\n  </div>\n}\n<div class=\"h-12 flex items-center justify-center gap-0.5\">\n  <ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n</div>\n", styles: [":host{display:block;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;background:var(--color-neutral-950);color:var(--color-neutral-200);min-height:calc(var(--spacing) * 12);border-radius:1rem;top:1px;padding-inline-start:calc(var(--spacing) * 2);padding-inline-end:calc(var(--spacing) * 2)}:host .button,:host ::ng-deep .button{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);display:flex;align-items:center;justify-content:center;--emr-icon-size: 1.25rem;border-radius:calc(infinity * 1px)}:host .button:hover,:host ::ng-deep .button:hover{color:var(--color-tertiary-300);background-color:var(--color-neutral-700);padding:calc(var(--spacing) * 1.5)}:host .button.active,:host ::ng-deep .button.active{color:var(--color-tertiary-300);background-color:var(--color-neutral-700)}:host .button mat-icon,:host ::ng-deep .button mat-icon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);font-size:1.25rem;line-height:1.25}:host .button:disabled,:host ::ng-deep .button:disabled{pointer-events:none;opacity:70%}:host .link{color:var(--color-tertiary-300);position:relative;top:1px}:host .link:hover{color:var(--color-tertiary-100)}:host-context(html.dark){background:var(--color-tertiary-200);color:var(--color-neutral-900)}:host-context(html.dark) .link{color:var(--color-tertiary-700)}:host-context(html.dark) .link:hover{color:var(--color-tertiary-800)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorBubbleMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorBubbleMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-text-editor-bubble-menu', exportAs: 'emitTextEditorBubbleMenu', imports: [], providers: [
                         {
                             provide: TEXT_EDITOR_BUBBLE_MENU,
                             useExisting: forwardRef(() => TextEditorBubbleMenuComponent)
                         }
-                    ], template: "@if (this.textEditor.api.isActive('link') && getLinkUrl()) {\n  <div class=\"flex items-center gap-1 h-11 border-b border-b-default border-b-neutral-700\">\n    <div class=\"grow text-sm overflow-hidden text-ellipsis whitespace-nowrap w-[116px]\">\n      <a [href]=\"getLinkUrl()\" target=\"_blank\" class=\"link\">{{ getLinkUrl() }}</a>\n    </div>\n    <div class=\"flex items-center flex-none\">\n      <ng-content select=\"[emrTextEditorCommandEditLink],[emrCommentEditorCommandUnsetLink]\"/>\n    </div>\n  </div>\n}\n<div class=\"h-12 flex items-center justify-center gap-0.5\">\n  <ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n</div>\n", styles: [":host{display:block;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;background:var(--color-neutral-950);color:var(--color-neutral-200);min-height:calc(var(--spacing) * 12);border-radius:1rem;top:1px;padding-inline-start:calc(var(--spacing) * 2);padding-inline-end:calc(var(--spacing) * 2)}:host .button,:host ::ng-deep .button{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);display:flex;align-items:center;justify-content:center;--emr-icon-size: 1.25rem;border-radius:calc(infinity * 1px)}:host .button:hover,:host ::ng-deep .button:hover{color:var(--color-tertiary-300);background-color:var(--color-neutral-700);padding:calc(var(--spacing) * 1.5)}:host .button.active,:host ::ng-deep .button.active{color:var(--color-tertiary-300);background-color:var(--color-neutral-700)}:host .button mat-icon,:host ::ng-deep .button mat-icon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);font-size:1.25rem;line-height:1.25}:host .button:disabled,:host ::ng-deep .button:disabled{pointer-events:none;opacity:70%}:host .link{color:var(--color-tertiary-300);position:relative;top:1px}:host .link:hover{color:var(--color-tertiary-100)}:host-context(html.dark){background:var(--color-tertiary-200);color:var(--color-neutral-900)}:host-context(html.dark) .link{color:var(--color-tertiary-700)}:host-context(html.dark) .link:hover{color:var(--color-tertiary-800)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "@if (this.textEditor.api.isActive('link') && getLinkUrl()) {\n  <div class=\"flex items-center gap-1 h-11 border-b border-b-default border-b-neutral-700\">\n    <div class=\"grow text-sm overflow-hidden text-ellipsis whitespace-nowrap w-[116px]\">\n      <a [href]=\"getLinkUrl()\" target=\"_blank\" class=\"link\">{{ getLinkUrl() }}</a>\n    </div>\n    <div class=\"flex items-center flex-none\">\n      <ng-content select=\"[emrTextEditorCommandEditLink],[emrCommentEditorCommandUnsetLink]\"/>\n    </div>\n  </div>\n}\n<div class=\"h-12 flex items-center justify-center gap-0.5\">\n  <ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n</div>\n", styles: [":host{display:block;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;background:var(--color-neutral-950);color:var(--color-neutral-200);min-height:calc(var(--spacing) * 12);border-radius:1rem;top:1px;padding-inline-start:calc(var(--spacing) * 2);padding-inline-end:calc(var(--spacing) * 2)}:host .button,:host ::ng-deep .button{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);display:flex;align-items:center;justify-content:center;--emr-icon-size: 1.25rem;border-radius:calc(infinity * 1px)}:host .button:hover,:host ::ng-deep .button:hover{color:var(--color-tertiary-300);background-color:var(--color-neutral-700);padding:calc(var(--spacing) * 1.5)}:host .button.active,:host ::ng-deep .button.active{color:var(--color-tertiary-300);background-color:var(--color-neutral-700)}:host .button mat-icon,:host ::ng-deep .button mat-icon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);font-size:1.25rem;line-height:1.25}:host .button:disabled,:host ::ng-deep .button:disabled{pointer-events:none;opacity:70%}:host .link{color:var(--color-tertiary-300);position:relative;top:1px}:host .link:hover{color:var(--color-tertiary-100)}:host-context(html.dark){background:var(--color-tertiary-200);color:var(--color-neutral-900)}:host-context(html.dark) .link{color:var(--color-tertiary-700)}:host-context(html.dark) .link:hover{color:var(--color-tertiary-800)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class TextEditorFloatingMenuComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorFloatingMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorFloatingMenuComponent, isStandalone: true, selector: "emr-text-editor-floating-menu", host: { classAttribute: "emr-text-editor-floating-menu" }, exportAs: ["emrTextEditorFloatingMenu"], ngImport: i0, template: "<ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n", styles: [":host{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;margin-left:calc(var(--spacing) * 3);margin-right:calc(var(--spacing) * 3);background-color:var(--sys-surface-container-lowest);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--spacing) * .5);border:1px solid var(--color-border);border-radius:1rem}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorFloatingMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorFloatingMenuComponent, isStandalone: true, selector: "emr-text-editor-floating-menu", host: { classAttribute: "emr-text-editor-floating-menu" }, exportAs: ["emrTextEditorFloatingMenu"], ngImport: i0, template: "<ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n", styles: [":host{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;margin-left:calc(var(--spacing) * 3);margin-right:calc(var(--spacing) * 3);background-color:var(--sys-surface-container-lowest);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--spacing) * .5);border:1px solid var(--color-border);border-radius:1rem}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorFloatingMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorFloatingMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-text-editor-floating-menu', exportAs: 'emrTextEditorFloatingMenu', imports: [], host: {
                         'class': 'emr-text-editor-floating-menu'
-                    }, template: "<ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n", styles: [":host{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;margin-left:calc(var(--spacing) * 3);margin-right:calc(var(--spacing) * 3);background-color:var(--sys-surface-container-lowest);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--spacing) * .5);border:1px solid var(--color-border);border-radius:1rem}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content select=\"[emrTextEditorCommand],emr-text-editor-divider\"/>\n", styles: [":host{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;margin-left:calc(var(--spacing) * 3);margin-right:calc(var(--spacing) * 3);background-color:var(--sys-surface-container-lowest);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--spacing) * .5);border:1px solid var(--color-border);border-radius:1rem}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class TextEditorCommandBlockquoteDirective {
@@ -527,10 +530,10 @@ class TextEditorCommandBlockquoteDirective {
     onClick() {
         this.textEditor.api.runCommand('toggleBlockquote');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandBlockquoteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandBlockquoteDirective, isStandalone: true, selector: "[emrTextEditorCommandBlockquote]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleBlockquote')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('blockquote')" } }, exportAs: ["emrTextEditorCommandBlockquote"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandBlockquoteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandBlockquoteDirective, isStandalone: true, selector: "[emrTextEditorCommandBlockquote]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleBlockquote')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('blockquote')" } }, exportAs: ["emrTextEditorCommandBlockquote"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandBlockquoteDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandBlockquoteDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandBlockquote]',
@@ -548,10 +551,10 @@ class TextEditorCommandBoldDirective {
     onClick() {
         this.textEditor.api.runCommand('toggleBold');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandBoldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandBoldDirective, isStandalone: true, selector: "[emrTextEditorCommandBold]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleBold')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('bold')" } }, exportAs: ["emrTextEditorCommandBold"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandBoldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandBoldDirective, isStandalone: true, selector: "[emrTextEditorCommandBold]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleBold')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('bold')" } }, exportAs: ["emrTextEditorCommandBold"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandBoldDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandBoldDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandBold]',
@@ -569,10 +572,10 @@ class TextEditorCommandBulletListDirective {
     onClick() {
         this.textEditor.api.runCommand('toggleBulletList');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandBulletListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandBulletListDirective, isStandalone: true, selector: "[emrTextEditorCommandBulletList]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleBulletList')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('bulletList')" } }, exportAs: ["emrTextEditorCommandBulletList"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandBulletListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandBulletListDirective, isStandalone: true, selector: "[emrTextEditorCommandBulletList]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleBulletList')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('bulletList')" } }, exportAs: ["emrTextEditorCommandBulletList"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandBulletListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandBulletListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandBulletList]',
@@ -590,10 +593,10 @@ class TextEditorCommandCodeBlockDirective {
     onClick() {
         this.textEditor.api.runCommand('toggleCodeBlock');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandCodeBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandCodeBlockDirective, isStandalone: true, selector: "[emrTextEditorCommandCodeBlock]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleCodeBlock')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('codeBlock')" } }, exportAs: ["emrTextEditorCommandCodeBlock"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandCodeBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandCodeBlockDirective, isStandalone: true, selector: "[emrTextEditorCommandCodeBlock]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleCodeBlock')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('codeBlock')" } }, exportAs: ["emrTextEditorCommandCodeBlock"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandCodeBlockDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandCodeBlockDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandCodeBlock]',
@@ -611,10 +614,10 @@ class TextEditorCommandCodeDirective {
     onClick() {
         this.textEditor.api.runCommand('toggleCode');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandCodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandCodeDirective, isStandalone: true, selector: "[emrTextEditorCommandCode]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleCode')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('code')" } }, exportAs: ["emrTextEditorCommandCode"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandCodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandCodeDirective, isStandalone: true, selector: "[emrTextEditorCommandCode]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleCode')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('code')" } }, exportAs: ["emrTextEditorCommandCode"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandCodeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandCodeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandCode]',
@@ -635,10 +638,10 @@ class LinkDialog {
     onSubmit() {
         this._dialogRef.close(this.linkUrl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinkDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: LinkDialog, isStandalone: true, selector: "emr-link", exportAs: ["emrLink"], ngImport: i0, template: "<form class=\"w-[500px]\" (ngSubmit)=\"onSubmit()\">\n  <h3 class=\"mat-title-large\" mat-dialog-title>\n    @if (isUpdate) {\n      Update Link\n    } @else {\n      Add Link\n    }</h3>\n  <mat-dialog-content>\n    <div class=\"pt-4\">\n      <mat-form-field class=\"w-full\">\n        <mat-label>Paste Link</mat-label>\n        <input name=\"linkUrl\" matInput [(ngModel)]=\"linkUrl\">\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions align=\"end\">\n    <button mat-button>Cancel</button>\n    <button type=\"submit\" mat-flat-button color=\"primary\"\n            cdkFocusInitial [disabled]=\"!linkUrl.trim() || null\">\n      @if (isUpdate) {\n        Save\n      } @else {\n        Add link\n      }\n    </button>\n  </mat-dialog-actions>\n</form>\n", styles: [""], dependencies: [{ kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: LinkDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: LinkDialog, isStandalone: true, selector: "emr-link", exportAs: ["emrLink"], ngImport: i0, template: "<form class=\"w-[500px]\" (ngSubmit)=\"onSubmit()\">\n  <h3 class=\"mat-title-large\" mat-dialog-title>\n    @if (isUpdate) {\n      Update Link\n    } @else {\n      Add Link\n    }</h3>\n  <mat-dialog-content>\n    <div class=\"pt-4\">\n      <mat-form-field class=\"w-full\">\n        <mat-label>Paste Link</mat-label>\n        <input name=\"linkUrl\" matInput [(ngModel)]=\"linkUrl\">\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions align=\"end\">\n    <button mat-button>Cancel</button>\n    <button type=\"submit\" mat-flat-button color=\"primary\"\n            cdkFocusInitial [disabled]=\"!linkUrl.trim() || null\">\n      @if (isUpdate) {\n        Save\n      } @else {\n        Add link\n      }\n    </button>\n  </mat-dialog-actions>\n</form>\n", styles: [""], dependencies: [{ kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinkDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: LinkDialog, decorators: [{
             type: Component,
             args: [{ selector: 'emr-link', exportAs: 'emrLink', imports: [
                         MatButton,
@@ -699,10 +702,10 @@ class TextEditorCommandEditLinkDirective {
             .setLink({ href: url })
             .run();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandEditLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandEditLinkDirective, isStandalone: true, selector: "[emrTextEditorCommandEditLink]", host: { listeners: { "click": "onClick()" }, properties: { "class.button": "true" } }, exportAs: ["emrTextEditorCommandEditLink"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandEditLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandEditLinkDirective, isStandalone: true, selector: "[emrTextEditorCommandEditLink]", host: { listeners: { "click": "onClick()" }, properties: { "class.button": "true" } }, exportAs: ["emrTextEditorCommandEditLink"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandEditLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandEditLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandEditLink]',
@@ -725,10 +728,10 @@ class TextEditorCommandImageDirective {
             this.textEditor.api.editor().chain().focus().addImageUploadingPlaceholder({ src, file }).run();
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandImageDirective, isStandalone: true, selector: "[emrTextEditorCommandImage]", host: { listeners: { "fileSelected": "onImageSelected($event)" }, properties: { "attr.accept": "\"image/*\"" } }, exportAs: ["emrTextEditorCommandImage"], hostDirectives: [{ directive: i1$1.UploadTriggerDirective, outputs: ["fileSelected", "fileSelected"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandImageDirective, isStandalone: true, selector: "[emrTextEditorCommandImage]", host: { listeners: { "fileSelected": "onImageSelected($event)" }, properties: { "attr.accept": "\"image/*\"" } }, exportAs: ["emrTextEditorCommandImage"], hostDirectives: [{ directive: i1$1.UploadTriggerDirective, outputs: ["fileSelected", "fileSelected"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandImage]',
@@ -751,10 +754,10 @@ class TextEditorCommandItalicDirective {
     onClick() {
         this.textEditor.api.runCommand('toggleItalic');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandItalicDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandItalicDirective, isStandalone: true, selector: "[emrTextEditorCommandItalic]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleItalic')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('italic')" } }, exportAs: ["emrTextEditorCommandItalic"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandItalicDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandItalicDirective, isStandalone: true, selector: "[emrTextEditorCommandItalic]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleItalic')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('italic')" } }, exportAs: ["emrTextEditorCommandItalic"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandItalicDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandItalicDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandItalic]',
@@ -768,10 +771,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }] });
 
 class TextEditorCommandDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandDirective, isStandalone: true, selector: "[emrTextEditorCommand]", host: { properties: { "class.button": "true" } }, exportAs: ["emrTextEditorCommand"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandDirective, isStandalone: true, selector: "[emrTextEditorCommand]", host: { properties: { "class.button": "true" } }, exportAs: ["emrTextEditorCommand"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommand]',
@@ -790,10 +793,10 @@ class YoutubeDialog {
     onSubmit() {
         this._dialogRef.close(this.linkUrl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: YoutubeDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: YoutubeDialog, isStandalone: true, selector: "emr-youtube", exportAs: ["emrYoutube"], ngImport: i0, template: "<form class=\"w-[500px]\" (ngSubmit)=\"onSubmit()\">\n  <h3 class=\"mat-title-large\" mat-dialog-title>\n    @if (isUpdate) {\n      Update Youtube\n    } @else {\n      Add Youtube\n    }\n  </h3>\n  <mat-dialog-content>\n    <div class=\"pt-4\">\n      <mat-form-field class=\"w-full\">\n        <mat-label>Paste Url</mat-label>\n        <input name=\"linkUrl\" matInput [(ngModel)]=\"linkUrl\">\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions align=\"end\">\n    <button mat-button>Cancel</button>\n    <button type=\"submit\" mat-flat-button color=\"primary\"\n            cdkFocusInitial [disabled]=\"!linkUrl.trim() || null\">\n      @if (isUpdate) {\n        Save\n      } @else {\n        Add url\n      }\n    </button>\n  </mat-dialog-actions>\n</form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: YoutubeDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: YoutubeDialog, isStandalone: true, selector: "emr-youtube", exportAs: ["emrYoutube"], ngImport: i0, template: "<form class=\"w-[500px]\" (ngSubmit)=\"onSubmit()\">\n  <h3 class=\"mat-title-large\" mat-dialog-title>\n    @if (isUpdate) {\n      Update Youtube\n    } @else {\n      Add Youtube\n    }\n  </h3>\n  <mat-dialog-content>\n    <div class=\"pt-4\">\n      <mat-form-field class=\"w-full\">\n        <mat-label>Paste Url</mat-label>\n        <input name=\"linkUrl\" matInput [(ngModel)]=\"linkUrl\">\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions align=\"end\">\n    <button mat-button>Cancel</button>\n    <button type=\"submit\" mat-flat-button color=\"primary\"\n            cdkFocusInitial [disabled]=\"!linkUrl.trim() || null\">\n      @if (isUpdate) {\n        Save\n      } @else {\n        Add url\n      }\n    </button>\n  </mat-dialog-actions>\n</form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: YoutubeDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: YoutubeDialog, decorators: [{
             type: Component,
             args: [{ selector: 'emr-youtube', exportAs: 'emrYoutube', imports: [
                         FormsModule,
@@ -830,10 +833,10 @@ class TextEditorCommandYoutubeDirective {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandYoutubeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandYoutubeDirective, isStandalone: true, selector: "[emrTextEditorCommandYoutube]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleBlockquote')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('blockquote')" } }, exportAs: ["emrTextEditorCommandYoutube"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandYoutubeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandYoutubeDirective, isStandalone: true, selector: "[emrTextEditorCommandYoutube]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleBlockquote')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('blockquote')" } }, exportAs: ["emrTextEditorCommandYoutube"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandYoutubeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandYoutubeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandYoutube]',
@@ -851,10 +854,10 @@ class TextEditorCommandUnsetLinkDirective {
     onClick() {
         this.textEditor.api.editor().commands.unsetLink();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandUnsetLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandUnsetLinkDirective, isStandalone: true, selector: "[emrTextEditorCommandUnsetLink]", host: { listeners: { "click": "onClick()" }, properties: { "class.button": "true" } }, exportAs: ["emrTextEditorCommandUnsetLink"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandUnsetLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandUnsetLinkDirective, isStandalone: true, selector: "[emrTextEditorCommandUnsetLink]", host: { listeners: { "click": "onClick()" }, properties: { "class.button": "true" } }, exportAs: ["emrTextEditorCommandUnsetLink"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandUnsetLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandUnsetLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandUnsetLink]',
@@ -871,10 +874,10 @@ class TextEditorCommandStrikeDirective {
     onClick() {
         this.textEditor.api.runCommand('toggleStrike');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandStrikeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandStrikeDirective, isStandalone: true, selector: "[emrTextEditorCommandStrike]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleStrike')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('strike')" } }, exportAs: ["emrTextEditorCommandStrike"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandStrikeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandStrikeDirective, isStandalone: true, selector: "[emrTextEditorCommandStrike]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleStrike')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('strike')" } }, exportAs: ["emrTextEditorCommandStrike"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandStrikeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandStrikeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandStrike]',
@@ -892,10 +895,10 @@ class TextEditorCommandOrderedListDirective {
     onClick() {
         this.textEditor.api.runCommand('toggleOrderedList');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandOrderedListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandOrderedListDirective, isStandalone: true, selector: "[emrTextEditorCommandOrderedList]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleOrderedList')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('orderedList')" } }, exportAs: ["emrTextEditorCommandOrderedList"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandOrderedListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandOrderedListDirective, isStandalone: true, selector: "[emrTextEditorCommandOrderedList]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleOrderedList')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('orderedList')" } }, exportAs: ["emrTextEditorCommandOrderedList"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandOrderedListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandOrderedListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandOrderedList]',
@@ -954,10 +957,10 @@ class TextEditorCommandLinkDirective {
             .setLink({ href: url })
             .run();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandLinkDirective, isStandalone: true, selector: "[emrTextEditorCommandLink]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleLink')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('link')" } }, exportAs: ["emrTextEditorCommandLink"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandLinkDirective, isStandalone: true, selector: "[emrTextEditorCommandLink]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(textEditor && textEditor.api.isCommandDisabled('toggleLink')) ? '' : null", "class.active": "textEditor && textEditor.api.isActive('link')" } }, exportAs: ["emrTextEditorCommandLink"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandLink]',
@@ -972,9 +975,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 
 class TextEditorCommandHeadingDirective {
     textEditor = inject(TEXT_EDITOR);
-    level = input.required(...(ngDevMode ? [{ debugName: "level", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
+    level = input.required({ ...(ngDevMode ? { debugName: "level" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     get isActive() {
         return !!(this.textEditor && this.textEditor.api.isActive('heading', { level: this.level() }));
     }
@@ -984,10 +985,10 @@ class TextEditorCommandHeadingDirective {
     onClick() {
         this.textEditor.api.runCommand('toggleHeading', { level: this.level() });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandHeadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: TextEditorCommandHeadingDirective, isStandalone: true, selector: "[emrTextEditorCommandHeading]", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "isDisabled ? '' : null", "class.active": "isActive" } }, exportAs: ["emrTextEditorCommandHeading"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandHeadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: TextEditorCommandHeadingDirective, isStandalone: true, selector: "[emrTextEditorCommandHeading]", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "isDisabled ? '' : null", "class.active": "isActive" } }, exportAs: ["emrTextEditorCommandHeading"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandHeadingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandHeadingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandHeading]',
@@ -1005,10 +1006,10 @@ class TextEditorCommandHorizontalRuleDirective {
     onClick() {
         this.textEditor.api.editor().chain().focus().setHorizontalRule().run();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandHorizontalRuleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TextEditorCommandHorizontalRuleDirective, isStandalone: true, selector: "[emrTextEditorCommandHorizontalRule]", host: { listeners: { "click": "onClick()" }, properties: { "class.button": "true" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandHorizontalRuleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TextEditorCommandHorizontalRuleDirective, isStandalone: true, selector: "[emrTextEditorCommandHorizontalRule]", host: { listeners: { "click": "onClick()" }, properties: { "class.button": "true" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextEditorCommandHorizontalRuleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TextEditorCommandHorizontalRuleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTextEditorCommandHorizontalRule]',