@elementar-rt/components 0.6.57 → 0.7.0

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

@@ -128,7 +128,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 {
@@ -195,10 +201,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: [{
@@ -263,17 +269,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" }, 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" }, 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', 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,20 +344,14 @@ class CommentEditorComponent {
     editor;
     showToolbar = false;
     fullView = false;
-    contentMaxHeight = input(...(ngDevMode ? [undefined, { debugName: "contentMaxHeight" }] : []));
-    buttonCancelLabel = input('Cancel', ...(ngDevMode ? [{ debugName: "buttonCancelLabel" }] : []));
-    buttonSendLabel = input('Send', ...(ngDevMode ? [{ debugName: "buttonSendLabel" }] : []));
-    placeholder = input('Write something …', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-    toolbarAlwaysVisible = input(false, ...(ngDevMode ? [{ debugName: "toolbarAlwaysVisible", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    fullViewMode = input(false, ...(ngDevMode ? [{ debugName: "fullViewMode", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    cancelButtonAlwaysVisible = input(false, ...(ngDevMode ? [{ debugName: "cancelButtonAlwaysVisible", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    imageUploadFn = input(...(ngDevMode ? [undefined, { debugName: "imageUploadFn" }] : []));
+    contentMaxHeight = input(...(ngDevMode ? [undefined, { debugName: "contentMaxHeight" }] : /* istanbul ignore next */ []));
+    buttonCancelLabel = input('Cancel', ...(ngDevMode ? [{ debugName: "buttonCancelLabel" }] : /* istanbul ignore next */ []));
+    buttonSendLabel = input('Send', ...(ngDevMode ? [{ debugName: "buttonSendLabel" }] : /* istanbul ignore next */ []));
+    placeholder = input('Write something …', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    toolbarAlwaysVisible = input(false, { ...(ngDevMode ? { debugName: "toolbarAlwaysVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    fullViewMode = input(false, { ...(ngDevMode ? { debugName: "fullViewMode" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    cancelButtonAlwaysVisible = input(false, { ...(ngDevMode ? { debugName: "cancelButtonAlwaysVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    imageUploadFn = input(...(ngDevMode ? [undefined, { debugName: "imageUploadFn" }] : /* istanbul ignore next */ []));
     sent = output();
     canceled = output();
     ngOnInit() {
@@ -372,8 +372,10 @@ class CommentEditorComponent {
         if (!this.editor) {
             return true;
         }
+        // Some tiptap commands (e.g. toggleLink) destructure their argument
+        // internally and throw if called with undefined, so always pass an object.
         const canFocus = this.editor.can().chain().focus();
-        return !canFocus[command]().run() || null;
+        return !canFocus[command]({}).run() || null;
     }
     ngOnDestroy() {
         this.editor?.destroy();
@@ -410,7 +412,7 @@ class CommentEditorComponent {
             return;
         }
         const chainFocus = this.editor.chain().focus();
-        chainFocus[command]().run();
+        chainFocus[command]({}).run();
     }
     _init() {
         if (isPlatformServer(this._platformId)) {
@@ -454,19 +456,19 @@ class CommentEditorComponent {
                 // FloatingMenu.configure({
                 //   element: this._floatingMenu().nativeElement
                 // }),
-                BubbleMenu.configure({
-                    element: this._imageBubbleMenu().nativeElement,
-                    shouldShow: ({ editor, view, state, oldState, from, to }) => {
-                        // return editor.isActive('image');
-                        return false;
-                    },
-                }),
+                // Disabled image bubble menu, as in TextEditorComponent. It never showed
+                // (shouldShow returned false) but still registered a second extension
+                // named 'bubbleMenu', which tiptap 3 warns about as a duplicate.
+                // BubbleMenu.configure({
+                //   element: this._imageBubbleMenu().nativeElement,
+                //   shouldShow: ({ editor, view, state, oldState, from, to }) => {
+                //     // return editor.isActive('image');
+                //     return false;
+                //   },
+                // }),
                 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') &&
@@ -482,15 +484,15 @@ class CommentEditorComponent {
         });
         this._cdr.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: CommentEditorComponent, isStandalone: true, selector: "emr-comment-editor", inputs: { contentMaxHeight: { classPropertyName: "contentMaxHeight", publicName: "contentMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, buttonCancelLabel: { classPropertyName: "buttonCancelLabel", publicName: "buttonCancelLabel", isSignal: true, isRequired: false, transformFunction: null }, buttonSendLabel: { classPropertyName: "buttonSendLabel", publicName: "buttonSendLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, toolbarAlwaysVisible: { classPropertyName: "toolbarAlwaysVisible", publicName: "toolbarAlwaysVisible", isSignal: true, isRequired: false, transformFunction: null }, fullViewMode: { classPropertyName: "fullViewMode", publicName: "fullViewMode", isSignal: true, isRequired: false, transformFunction: null }, cancelButtonAlwaysVisible: { classPropertyName: "cancelButtonAlwaysVisible", publicName: "cancelButtonAlwaysVisible", isSignal: true, isRequired: false, transformFunction: null }, imageUploadFn: { classPropertyName: "imageUploadFn", publicName: "imageUploadFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sent: "sent", canceled: "canceled" }, host: { listeners: { "click": "activateFullView()" }, properties: { "class.full-view": "fullView || fullViewMode()" }, classAttribute: "emr-comment-editor" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: CommentEditorComponent, isStandalone: true, selector: "emr-comment-editor", inputs: { contentMaxHeight: { classPropertyName: "contentMaxHeight", publicName: "contentMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, buttonCancelLabel: { classPropertyName: "buttonCancelLabel", publicName: "buttonCancelLabel", isSignal: true, isRequired: false, transformFunction: null }, buttonSendLabel: { classPropertyName: "buttonSendLabel", publicName: "buttonSendLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, toolbarAlwaysVisible: { classPropertyName: "toolbarAlwaysVisible", publicName: "toolbarAlwaysVisible", isSignal: true, isRequired: false, transformFunction: null }, fullViewMode: { classPropertyName: "fullViewMode", publicName: "fullViewMode", isSignal: true, isRequired: false, transformFunction: null }, cancelButtonAlwaysVisible: { classPropertyName: "cancelButtonAlwaysVisible", publicName: "cancelButtonAlwaysVisible", isSignal: true, isRequired: false, transformFunction: null }, imageUploadFn: { classPropertyName: "imageUploadFn", publicName: "imageUploadFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sent: "sent", canceled: "canceled" }, host: { listeners: { "click": "activateFullView()" }, properties: { "class.full-view": "fullView || fullViewMode()" }, classAttribute: "emr-comment-editor" }, providers: [
             {
                 provide: COMMENT_EDITOR,
                 useExisting: forwardRef(() => CommentEditorComponent)
             }
-        ], 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 }], exportAs: ["emrCommentEditor"], ngImport: i0, template: "@if ((showToolbar || toolbarAlwaysVisible()) && (fullView || fullViewMode())) {\n  <div class=\"toolbar\">\n    <ng-content select=\"emr-comment-editor-toolbar\" />\n  </div>\n}\n<div #content class=\"content prose dark:prose-invert max-w-full\"></div>\n<div class=\"footer\">\n  <div class=\"flex items-center gap-0.5\">\n    <ng-content select=\"emr-comment-editor-footer-bar\"/>\n  </div>\n  <div class=\"flex items-center gap-2\">\n    @if ((fullView && !fullViewMode()) || cancelButtonAlwaysVisible()) {\n      <button mat-button (click)=\"cancel($event)\">{{ buttonCancelLabel() }}</button>\n    }\n\n    <button mat-flat-button [disabled]=\"!_value || null\" (click)=\"send($event)\">{{ buttonSendLabel() }}</button>\n  </div>\n</div>\n<div #imageBubbleMenu class=\"emr-comment-editor-bubble-menu\">\n</div>\n<div #bubbleMenu>\n  <ng-content select=\"emr-comment-editor-bubble-menu\"/>\n</div>\n<!--<div #floatingMenu class=\"floating-menu\">-->\n<!--  @if (editor) {-->\n<!--    <div class=\"flex items-center gap-1.5\">-->\n<!--      <button class=\"button\"-->\n<!--              [disabled]=\"isCommandDisabled('toggleCodeBlock')\"-->\n<!--              [class.active]=\"editor && editor.isActive('codeBlock')\"-->\n<!--              (click)=\"onButtonClick('toggleCodeBlock')\">-->\n<!--        <mat-icon>code</mat-icon>-->\n<!--      </button>-->\n<!--      <button class=\"button\">-->\n<!--        <mat-icon>image</mat-icon>-->\n<!--      </button>-->\n<!--    </div>-->\n<!--  }-->\n<!--</div>-->\n", styles: [":host{--emr-comment-editor-bg: transparent;--emr-comment-editor-content-max-height: 9999px;display:block;position:relative;overflow:hidden;background:var(--emr-comment-editor-bg)}:host .floating-menu{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;background:#fff;padding-top:calc(var(--spacing) * 1.5);padding-bottom:calc(var(--spacing) * 1.5);padding-inline-start:calc(var(--spacing) * 2);padding-inline-end:calc(var(--spacing) * 2);border:1px solid var(--color-border);border-radius:calc(infinity * 1px)}:host .floating-menu .button:hover{color:var(--color-primary);border-radius:calc(infinity * 1px)}:host .floating-menu .button mat-icon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);font-size:1.25rem;line-height:1.25}:host .floating-menu .button:disabled{pointer-events:none;opacity:70%}:host .content{position:absolute;inset:0;height:calc(var(--spacing) * 14)}:host .content ::ng-deep .tiptap{padding:calc(var(--spacing) * 4);min-height:calc(var(--spacing) * 10)}:host .content ::ng-deep .tiptap:focus{outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video]{cursor:move;background:var(--color-neutral-100);padding:calc(var(--spacing) * 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) * 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:14px}: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:14px}: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.full-view .content{position:static;height:auto;min-height:calc(var(--spacing) * 12);max-height:var(--emr-comment-editor-content-max-height);overflow-y:auto}:host .footer{height:calc(var(--spacing) * 14);padding:0 calc(var(--spacing) * 2.5);display:flex;align-items:center;justify-content:space-between}:host .toolbar{border-bottom:1px solid var(--color-border);height:calc(var(--spacing) * 14);padding:0 calc(var(--spacing) * 3);display:flex;align-items:center;justify-content:space-between}:host .button.active,:host ::ng-deep .button.active{background:var(--color-neutral-200)}:host-context(html.dark) .button.active,:host-context(html.dark) ::ng-deep .button.active{background:var(--color-neutral-650);color:var(--color-neutral-200)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], 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"] }] });
+        ], 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 }], exportAs: ["emrCommentEditor"], ngImport: i0, template: "@if ((showToolbar || toolbarAlwaysVisible()) && (fullView || fullViewMode())) {\n  <div class=\"toolbar\">\n    <ng-content select=\"emr-comment-editor-toolbar\" />\n  </div>\n}\n<div #content class=\"content prose dark:prose-invert max-w-full\"></div>\n<div class=\"footer\">\n  <div class=\"flex items-center gap-0.5\">\n    <ng-content select=\"emr-comment-editor-footer-bar\"/>\n  </div>\n  <div class=\"flex items-center gap-2\">\n    @if ((fullView && !fullViewMode()) || cancelButtonAlwaysVisible()) {\n      <button mat-button (click)=\"cancel($event)\">{{ buttonCancelLabel() }}</button>\n    }\n\n    <button mat-flat-button [disabled]=\"!_value || null\" (click)=\"send($event)\">{{ buttonSendLabel() }}</button>\n  </div>\n</div>\n<div #imageBubbleMenu class=\"emr-comment-editor-bubble-menu\">\n</div>\n<div #bubbleMenu style=\"z-index: 999\">\n  <ng-content select=\"emr-comment-editor-bubble-menu\"/>\n</div>\n<!--<div #floatingMenu class=\"floating-menu\">-->\n<!--  @if (editor) {-->\n<!--    <div class=\"flex items-center gap-1.5\">-->\n<!--      <button class=\"button\"-->\n<!--              [disabled]=\"isCommandDisabled('toggleCodeBlock')\"-->\n<!--              [class.active]=\"editor && editor.isActive('codeBlock')\"-->\n<!--              (click)=\"onButtonClick('toggleCodeBlock')\">-->\n<!--        <mat-icon>code</mat-icon>-->\n<!--      </button>-->\n<!--      <button class=\"button\">-->\n<!--        <mat-icon>image</mat-icon>-->\n<!--      </button>-->\n<!--    </div>-->\n<!--  }-->\n<!--</div>-->\n", styles: [":host{--emr-comment-editor-bg: transparent;--emr-comment-editor-content-max-height: 9999px;display:block;position:relative;overflow:hidden;background:var(--emr-comment-editor-bg)}:host .floating-menu{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;background:#fff;padding-top:calc(var(--spacing) * 1.5);padding-bottom:calc(var(--spacing) * 1.5);padding-inline-start:calc(var(--spacing) * 2);padding-inline-end:calc(var(--spacing) * 2);border:1px solid var(--color-border);border-radius:calc(infinity * 1px)}:host .floating-menu .button:hover{color:var(--color-primary);border-radius:calc(infinity * 1px)}:host .floating-menu .button mat-icon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);font-size:1.25rem;line-height:1.25}:host .floating-menu .button:disabled{pointer-events:none;opacity:70%}:host .content{position:absolute;inset:0;height:calc(var(--spacing) * 14)}:host .content ::ng-deep .tiptap{padding:calc(var(--spacing) * 4);min-height:calc(var(--spacing) * 10)}:host .content ::ng-deep .tiptap:focus{outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video]{cursor:move;background:var(--color-neutral-100);padding:calc(var(--spacing) * 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) * 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:14px}: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:14px}: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.full-view .content{position:static;height:auto;min-height:calc(var(--spacing) * 12);max-height:var(--emr-comment-editor-content-max-height);overflow-y:auto}:host .footer{height:calc(var(--spacing) * 14);padding:0 calc(var(--spacing) * 2.5);display:flex;align-items:center;justify-content:space-between}:host .toolbar{border-bottom:1px solid var(--color-border);height:calc(var(--spacing) * 14);padding:0 calc(var(--spacing) * 3);display:flex;align-items:center;justify-content:space-between}:host .button.active,:host ::ng-deep .button.active{background:var(--color-neutral-200)}:host-context(html.dark) .button.active,:host-context(html.dark) ::ng-deep .button.active{background:var(--color-neutral-650);color:var(--color-neutral-200)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], 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"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-comment-editor', exportAs: 'emrCommentEditor', imports: [
                         MatButton
@@ -503,27 +505,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         'class': 'emr-comment-editor',
                         '[class.full-view]': 'fullView || fullViewMode()',
                         '(click)': 'activateFullView()'
-                    }, template: "@if ((showToolbar || toolbarAlwaysVisible()) && (fullView || fullViewMode())) {\n  <div class=\"toolbar\">\n    <ng-content select=\"emr-comment-editor-toolbar\" />\n  </div>\n}\n<div #content class=\"content prose dark:prose-invert max-w-full\"></div>\n<div class=\"footer\">\n  <div class=\"flex items-center gap-0.5\">\n    <ng-content select=\"emr-comment-editor-footer-bar\"/>\n  </div>\n  <div class=\"flex items-center gap-2\">\n    @if ((fullView && !fullViewMode()) || cancelButtonAlwaysVisible()) {\n      <button mat-button (click)=\"cancel($event)\">{{ buttonCancelLabel() }}</button>\n    }\n\n    <button mat-flat-button [disabled]=\"!_value || null\" (click)=\"send($event)\">{{ buttonSendLabel() }}</button>\n  </div>\n</div>\n<div #imageBubbleMenu class=\"emr-comment-editor-bubble-menu\">\n</div>\n<div #bubbleMenu>\n  <ng-content select=\"emr-comment-editor-bubble-menu\"/>\n</div>\n<!--<div #floatingMenu class=\"floating-menu\">-->\n<!--  @if (editor) {-->\n<!--    <div class=\"flex items-center gap-1.5\">-->\n<!--      <button class=\"button\"-->\n<!--              [disabled]=\"isCommandDisabled('toggleCodeBlock')\"-->\n<!--              [class.active]=\"editor && editor.isActive('codeBlock')\"-->\n<!--              (click)=\"onButtonClick('toggleCodeBlock')\">-->\n<!--        <mat-icon>code</mat-icon>-->\n<!--      </button>-->\n<!--      <button class=\"button\">-->\n<!--        <mat-icon>image</mat-icon>-->\n<!--      </button>-->\n<!--    </div>-->\n<!--  }-->\n<!--</div>-->\n", styles: [":host{--emr-comment-editor-bg: transparent;--emr-comment-editor-content-max-height: 9999px;display:block;position:relative;overflow:hidden;background:var(--emr-comment-editor-bg)}:host .floating-menu{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;background:#fff;padding-top:calc(var(--spacing) * 1.5);padding-bottom:calc(var(--spacing) * 1.5);padding-inline-start:calc(var(--spacing) * 2);padding-inline-end:calc(var(--spacing) * 2);border:1px solid var(--color-border);border-radius:calc(infinity * 1px)}:host .floating-menu .button:hover{color:var(--color-primary);border-radius:calc(infinity * 1px)}:host .floating-menu .button mat-icon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);font-size:1.25rem;line-height:1.25}:host .floating-menu .button:disabled{pointer-events:none;opacity:70%}:host .content{position:absolute;inset:0;height:calc(var(--spacing) * 14)}:host .content ::ng-deep .tiptap{padding:calc(var(--spacing) * 4);min-height:calc(var(--spacing) * 10)}:host .content ::ng-deep .tiptap:focus{outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video]{cursor:move;background:var(--color-neutral-100);padding:calc(var(--spacing) * 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) * 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:14px}: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:14px}: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.full-view .content{position:static;height:auto;min-height:calc(var(--spacing) * 12);max-height:var(--emr-comment-editor-content-max-height);overflow-y:auto}:host .footer{height:calc(var(--spacing) * 14);padding:0 calc(var(--spacing) * 2.5);display:flex;align-items:center;justify-content:space-between}:host .toolbar{border-bottom:1px solid var(--color-border);height:calc(var(--spacing) * 14);padding:0 calc(var(--spacing) * 3);display:flex;align-items:center;justify-content:space-between}:host .button.active,:host ::ng-deep .button.active{background:var(--color-neutral-200)}:host-context(html.dark) .button.active,:host-context(html.dark) ::ng-deep .button.active{background:var(--color-neutral-650);color:var(--color-neutral-200)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@if ((showToolbar || toolbarAlwaysVisible()) && (fullView || fullViewMode())) {\n  <div class=\"toolbar\">\n    <ng-content select=\"emr-comment-editor-toolbar\" />\n  </div>\n}\n<div #content class=\"content prose dark:prose-invert max-w-full\"></div>\n<div class=\"footer\">\n  <div class=\"flex items-center gap-0.5\">\n    <ng-content select=\"emr-comment-editor-footer-bar\"/>\n  </div>\n  <div class=\"flex items-center gap-2\">\n    @if ((fullView && !fullViewMode()) || cancelButtonAlwaysVisible()) {\n      <button mat-button (click)=\"cancel($event)\">{{ buttonCancelLabel() }}</button>\n    }\n\n    <button mat-flat-button [disabled]=\"!_value || null\" (click)=\"send($event)\">{{ buttonSendLabel() }}</button>\n  </div>\n</div>\n<div #imageBubbleMenu class=\"emr-comment-editor-bubble-menu\">\n</div>\n<div #bubbleMenu style=\"z-index: 999\">\n  <ng-content select=\"emr-comment-editor-bubble-menu\"/>\n</div>\n<!--<div #floatingMenu class=\"floating-menu\">-->\n<!--  @if (editor) {-->\n<!--    <div class=\"flex items-center gap-1.5\">-->\n<!--      <button class=\"button\"-->\n<!--              [disabled]=\"isCommandDisabled('toggleCodeBlock')\"-->\n<!--              [class.active]=\"editor && editor.isActive('codeBlock')\"-->\n<!--              (click)=\"onButtonClick('toggleCodeBlock')\">-->\n<!--        <mat-icon>code</mat-icon>-->\n<!--      </button>-->\n<!--      <button class=\"button\">-->\n<!--        <mat-icon>image</mat-icon>-->\n<!--      </button>-->\n<!--    </div>-->\n<!--  }-->\n<!--</div>-->\n", styles: [":host{--emr-comment-editor-bg: transparent;--emr-comment-editor-content-max-height: 9999px;display:block;position:relative;overflow:hidden;background:var(--emr-comment-editor-bg)}:host .floating-menu{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;background:#fff;padding-top:calc(var(--spacing) * 1.5);padding-bottom:calc(var(--spacing) * 1.5);padding-inline-start:calc(var(--spacing) * 2);padding-inline-end:calc(var(--spacing) * 2);border:1px solid var(--color-border);border-radius:calc(infinity * 1px)}:host .floating-menu .button:hover{color:var(--color-primary);border-radius:calc(infinity * 1px)}:host .floating-menu .button mat-icon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);font-size:1.25rem;line-height:1.25}:host .floating-menu .button:disabled{pointer-events:none;opacity:70%}:host .content{position:absolute;inset:0;height:calc(var(--spacing) * 14)}:host .content ::ng-deep .tiptap{padding:calc(var(--spacing) * 4);min-height:calc(var(--spacing) * 10)}:host .content ::ng-deep .tiptap:focus{outline:none}:host .content ::ng-deep .tiptap div[data-youtube-video]{cursor:move;background:var(--color-neutral-100);padding:calc(var(--spacing) * 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) * 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:14px}: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:14px}: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.full-view .content{position:static;height:auto;min-height:calc(var(--spacing) * 12);max-height:var(--emr-comment-editor-content-max-height);overflow-y:auto}:host .footer{height:calc(var(--spacing) * 14);padding:0 calc(var(--spacing) * 2.5);display:flex;align-items:center;justify-content:space-between}:host .toolbar{border-bottom:1px solid var(--color-border);height:calc(var(--spacing) * 14);padding:0 calc(var(--spacing) * 3);display:flex;align-items:center;justify-content:space-between}:host .button.active,:host ::ng-deep .button.active{background:var(--color-neutral-200)}:host-context(html.dark) .button.active,:host-context(html.dark) ::ng-deep .button.active{background: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 }] }], contentMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentMaxHeight", required: false }] }], buttonCancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonCancelLabel", required: false }] }], buttonSendLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonSendLabel", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], toolbarAlwaysVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbarAlwaysVisible", required: false }] }], fullViewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullViewMode", required: false }] }], cancelButtonAlwaysVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelButtonAlwaysVisible", required: false }] }], imageUploadFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUploadFn", required: false }] }], sent: [{ type: i0.Output, args: ["sent"] }], canceled: [{ type: i0.Output, args: ["canceled"] }] } });
 
 class CommentEditorDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorDividerComponent, isStandalone: true, selector: "emr-comment-editor-divider", 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: CommentEditorDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorDividerComponent, isStandalone: true, selector: "emr-comment-editor-divider", 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: CommentEditorDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorDividerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'emr-comment-editor-divider', 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-comment-editor-divider', 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 CommentEditorToolbarComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorToolbarComponent, isStandalone: true, selector: "emr-comment-editor-toolbar", host: { classAttribute: "emr-comment-editor-toolbar" }, exportAs: ["emrCommentEditorToolbar"], ngImport: i0, template: "<ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * .5)}\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: CommentEditorToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorToolbarComponent, isStandalone: true, selector: "emr-comment-editor-toolbar", host: { classAttribute: "emr-comment-editor-toolbar" }, exportAs: ["emrCommentEditorToolbar"], ngImport: i0, template: "<ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * .5)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-comment-editor-toolbar', exportAs: 'emrCommentEditorToolbar', host: {
                         'class': 'emr-comment-editor-toolbar',
-                    }, template: "<ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * .5)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * .5)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class CommentEditorBubbleMenuComponent {
@@ -531,15 +533,15 @@ class CommentEditorBubbleMenuComponent {
     getLinkUrl() {
         return (this.commentEditor.api.editor()?.getAttributes('link')).href || null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorBubbleMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: CommentEditorBubbleMenuComponent, isStandalone: true, selector: "emr-comment-editor-bubble-menu", host: { classAttribute: "emr-comment-editor-bubble-menu" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorBubbleMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: CommentEditorBubbleMenuComponent, isStandalone: true, selector: "emr-comment-editor-bubble-menu", host: { classAttribute: "emr-comment-editor-bubble-menu" }, providers: [
             {
                 provide: COMMENT_EDITOR_BUBBLE_MENU,
                 useExisting: forwardRef(() => CommentEditorBubbleMenuComponent)
             }
-        ], exportAs: ["emrCommentEditorBubbleMenu"], ngImport: i0, template: "@if (this.commentEditor.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=\"[emrCommentEditorCommandEditLink],[emrCommentEditorCommandUnsetLink]\"></ng-content>\n    </div>\n  </div>\n}\n<div class=\"h-12 flex items-center justify-center gap-0.5\">\n  <ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\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;border-radius:calc(infinity * 1px);--emr-icon-size: 1.25rem}:host .button:hover,:host ::ng-deep .button:hover{color:var(--color-tertiary-300);background-color:var(--color-neutral-700);border-radius:calc(infinity * 1px);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: ["emrCommentEditorBubbleMenu"], ngImport: i0, template: "@if (this.commentEditor.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=\"[emrCommentEditorCommandEditLink],[emrCommentEditorCommandUnsetLink]\"></ng-content>\n    </div>\n  </div>\n}\n<div class=\"h-12 flex items-center justify-center gap-0.5\">\n  <ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\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;border-radius:calc(infinity * 1px);--emr-icon-size: 1.25rem}:host .button:hover,:host ::ng-deep .button:hover{color:var(--color-tertiary-300);background-color:var(--color-neutral-700);border-radius:calc(infinity * 1px);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: CommentEditorBubbleMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorBubbleMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-comment-editor-bubble-menu', exportAs: 'emrCommentEditorBubbleMenu', providers: [
                         {
@@ -548,25 +550,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         }
                     ], host: {
                         'class': 'emr-comment-editor-bubble-menu',
-                    }, template: "@if (this.commentEditor.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=\"[emrCommentEditorCommandEditLink],[emrCommentEditorCommandUnsetLink]\"></ng-content>\n    </div>\n  </div>\n}\n<div class=\"h-12 flex items-center justify-center gap-0.5\">\n  <ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\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;border-radius:calc(infinity * 1px);--emr-icon-size: 1.25rem}:host .button:hover,:host ::ng-deep .button:hover{color:var(--color-tertiary-300);background-color:var(--color-neutral-700);border-radius:calc(infinity * 1px);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.commentEditor.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=\"[emrCommentEditorCommandEditLink],[emrCommentEditorCommandUnsetLink]\"></ng-content>\n    </div>\n  </div>\n}\n<div class=\"h-12 flex items-center justify-center gap-0.5\">\n  <ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\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;border-radius:calc(infinity * 1px);--emr-icon-size: 1.25rem}:host .button:hover,:host ::ng-deep .button:hover{color:var(--color-tertiary-300);background-color:var(--color-neutral-700);border-radius:calc(infinity * 1px);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 CommentEditorFooterBarComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorFooterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorFooterBarComponent, isStandalone: true, selector: "emr-comment-editor-footer-bar", host: { classAttribute: "emr-comment-editor-footer-bar" }, exportAs: ["emrCommentEditorFooterBar"], ngImport: i0, template: "<ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * .5)}\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: CommentEditorFooterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorFooterBarComponent, isStandalone: true, selector: "emr-comment-editor-footer-bar", host: { classAttribute: "emr-comment-editor-footer-bar" }, exportAs: ["emrCommentEditorFooterBar"], ngImport: i0, template: "<ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * .5)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorFooterBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorFooterBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-comment-editor-footer-bar', exportAs: 'emrCommentEditorFooterBar', host: {
                         'class': 'emr-comment-editor-footer-bar',
-                    }, template: "<ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * .5)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content select=\"[emrCommentEditorCommand],emr-comment-editor-divider\"></ng-content>\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * .5)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class CommentEditorCommandDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandDirective, isStandalone: true, selector: "[emrCommentEditorCommand]", host: { properties: { "class.button": "true" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandDirective, isStandalone: true, selector: "[emrCommentEditorCommand]", host: { properties: { "class.button": "true" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommand]',
@@ -582,10 +584,10 @@ class CommentEditorCommandBoldDirective {
     onClick() {
         this.commentEditor.api.runCommand('toggleBold');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandBoldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandBoldDirective, isStandalone: true, selector: "[emrCommentEditorCommandBold]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleBold')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('bold')" } }, exportAs: ["emrCommentEditorCommandBold"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandBoldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandBoldDirective, isStandalone: true, selector: "[emrCommentEditorCommandBold]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleBold')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('bold')" } }, exportAs: ["emrCommentEditorCommandBold"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandBoldDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandBoldDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandBold]',
@@ -604,10 +606,10 @@ class CommentEditorCommandItalicDirective {
     onClick() {
         this.commentEditor.api.runCommand('toggleItalic');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandItalicDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandItalicDirective, isStandalone: true, selector: "[emrCommentEditorCommandItalic]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleItalic')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('italic')" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandItalicDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandItalicDirective, isStandalone: true, selector: "[emrCommentEditorCommandItalic]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleItalic')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('italic')" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandItalicDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandItalicDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandItalic]',
@@ -625,10 +627,10 @@ class CommentEditorCommandStrikeDirective {
     onClick() {
         this.commentEditor.api.runCommand('toggleStrike');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandStrikeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandStrikeDirective, isStandalone: true, selector: "[emrCommentEditorCommandStrike]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleStrike')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('strike')" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandStrikeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandStrikeDirective, isStandalone: true, selector: "[emrCommentEditorCommandStrike]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleStrike')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('strike')" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandStrikeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandStrikeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandStrike]',
@@ -646,10 +648,10 @@ class CommentEditorCommandBulletListDirective {
     onClick() {
         this.commentEditor.api.runCommand('toggleBulletList');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandBulletListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandBulletListDirective, isStandalone: true, selector: "[emrCommentEditorCommandBulletList]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleBulletList')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('bulletList')" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandBulletListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandBulletListDirective, isStandalone: true, selector: "[emrCommentEditorCommandBulletList]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleBulletList')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('bulletList')" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandBulletListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandBulletListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandBulletList]',
@@ -667,10 +669,10 @@ class CommentEditorCommandOrderedListDirective {
     onClick() {
         this.commentEditor.api.runCommand('toggleOrderedList');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandOrderedListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandOrderedListDirective, isStandalone: true, selector: "[emrCommentEditorCommandOrderedList]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleOrderedList')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('orderedList')" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandOrderedListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandOrderedListDirective, isStandalone: true, selector: "[emrCommentEditorCommandOrderedList]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleOrderedList')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('orderedList')" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandOrderedListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandOrderedListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandOrderedList]',
@@ -688,10 +690,10 @@ class CommentEditorCommandBlockquoteDirective {
     onClick() {
         this.commentEditor.api.runCommand('toggleBlockquote');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandBlockquoteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandBlockquoteDirective, isStandalone: true, selector: "[emrCommentEditorCommandBlockquote]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleBlockquote')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('blockquote')" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandBlockquoteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandBlockquoteDirective, isStandalone: true, selector: "[emrCommentEditorCommandBlockquote]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleBlockquote')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('blockquote')" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandBlockquoteDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandBlockquoteDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandBlockquote]',
@@ -709,10 +711,10 @@ class CommentEditorCommandCodeBlockDirective {
     onClick() {
         this.commentEditor.api.runCommand('toggleCodeBlock');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandCodeBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandCodeBlockDirective, isStandalone: true, selector: "[emrCommentEditorCommandCodeBlock]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleCodeBlock')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('codeBlock')" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandCodeBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandCodeBlockDirective, isStandalone: true, selector: "[emrCommentEditorCommandCodeBlock]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleCodeBlock')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('codeBlock')" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandCodeBlockDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandCodeBlockDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandCodeBlock]',
@@ -736,10 +738,10 @@ class CommentEditorCommandImageDirective {
             this.commentEditor.api.editor().chain().focus().addImageUploadingPlaceholder({ src, file }).run();
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandImageDirective, isStandalone: true, selector: "[emrCommentEditorCommandImage]", host: { listeners: { "fileSelected": "onImageSelected($event)" }, properties: { "attr.accept": "\"image/*\"" } }, hostDirectives: [{ directive: i1.UploadTriggerDirective, outputs: ["fileSelected", "fileSelected"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandImageDirective, isStandalone: true, selector: "[emrCommentEditorCommandImage]", host: { listeners: { "fileSelected": "onImageSelected($event)" }, properties: { "attr.accept": "\"image/*\"" } }, hostDirectives: [{ directive: i1.UploadTriggerDirective, outputs: ["fileSelected", "fileSelected"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandImage]',
@@ -765,10 +767,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", 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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.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", 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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.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', imports: [
                         FormsModule,
@@ -805,10 +807,10 @@ class CommentEditorCommandYoutubeDirective {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandYoutubeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandYoutubeDirective, isStandalone: true, selector: "[emrCommentEditorCommandYoutube]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleBlockquote')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('blockquote')" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandYoutubeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandYoutubeDirective, isStandalone: true, selector: "[emrCommentEditorCommandYoutube]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleBlockquote')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('blockquote')" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandYoutubeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandYoutubeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandYoutube]',
@@ -829,10 +831,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", 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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.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", 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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.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', imports: [
                         MatButton,
@@ -893,10 +895,10 @@ class CommentEditorCommandLinkDirective {
             .setLink({ href: url })
             .run();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandLinkDirective, isStandalone: true, selector: "[emrCommentEditorCommandLink]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleLink')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('link')" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandLinkDirective, isStandalone: true, selector: "[emrCommentEditorCommandLink]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleLink')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('link')" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandLink]',
@@ -914,10 +916,10 @@ class CommentEditorCommandCodeDirective {
     onClick() {
         this.commentEditor.api.runCommand('toggleCode');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandCodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandCodeDirective, isStandalone: true, selector: "[emrCommentEditorCommandCode]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleCode')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('code')" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandCodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandCodeDirective, isStandalone: true, selector: "[emrCommentEditorCommandCode]", host: { listeners: { "click": "onClick()" }, properties: { "attr.disabled": "(commentEditor && commentEditor.api.isCommandDisabled('toggleCode')) ? '' : null", "class.active": "commentEditor && commentEditor.api.isActive('code')" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandCodeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandCodeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandCode]',
@@ -976,10 +978,10 @@ class CommentEditorCommandEditLinkDirective {
             .setLink({ href: url })
             .run();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandEditLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandEditLinkDirective, isStandalone: true, selector: "[emrCommentEditorCommandEditLink]", 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: CommentEditorCommandEditLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandEditLinkDirective, isStandalone: true, selector: "[emrCommentEditorCommandEditLink]", host: { listeners: { "click": "onClick()" }, properties: { "class.button": "true" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandEditLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandEditLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandEditLink]',
@@ -996,10 +998,10 @@ class CommentEditorCommandUnsetLinkDirective {
     onClick() {
         this.commentEditor.api.editor().commands.unsetLink();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandUnsetLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandUnsetLinkDirective, isStandalone: true, selector: "[emrCommentEditorCommandUnsetLink]", 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: CommentEditorCommandUnsetLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandUnsetLinkDirective, isStandalone: true, selector: "[emrCommentEditorCommandUnsetLink]", host: { listeners: { "click": "onClick()" }, properties: { "class.button": "true" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandUnsetLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandUnsetLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandUnsetLink]',
@@ -1016,10 +1018,10 @@ class CommentEditorCommandToggleToolbarDirective {
     onClick() {
         this.commentEditor.api.toggleToolbar();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandToggleToolbarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CommentEditorCommandToggleToolbarDirective, isStandalone: true, selector: "[emrCommentEditorCommandToggleToolbar]", host: { listeners: { "click": "onClick()" }, properties: { "class.active": "commentEditor && commentEditor.api.isToolbarActive()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandToggleToolbarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: CommentEditorCommandToggleToolbarDirective, isStandalone: true, selector: "[emrCommentEditorCommandToggleToolbar]", host: { listeners: { "click": "onClick()" }, properties: { "class.active": "commentEditor && commentEditor.api.isToolbarActive()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentEditorCommandToggleToolbarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CommentEditorCommandToggleToolbarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCommentEditorCommandToggleToolbar]',