@cleavelandprice/ngx-lib 3.4.1 → 3.5.0

package/fesm2020/cleavelandprice-ngx-lib-msgraph.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cleavelandprice-ngx-lib-msgraph.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/msgraph/src/msgraph.module.ts","../../../../projects/cleavelandprice/ngx-lib/msgraph/src/cleavelandprice-ngx-lib-msgraph.ts"],"sourcesContent":["import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [],\n  imports: [\n    CommonModule\n  ]\n})\nexport class MSGraphModule {\n  static forRoot(): ModuleWithProviders<MSGraphModule> {\n    return {\n      ngModule: MSGraphModule\n    };\n  }\n\n  constructor(@Optional() @SkipSelf() parentModule: MSGraphModule) {\n    if (parentModule) {\n      throw new Error(\n        'MSGraphModule is already loaded. Import it in the AppModule only');\n    }\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MASa,aAAa,CAAA;AAOxB,IAAA,WAAA,CAAoC,YAA2B,EAAA;AAC7D,QAAA,IAAI,YAAY,EAAE;AAChB,YAAA,MAAM,IAAI,KAAK,CACb,kEAAkE,CAAC,CAAC;AACvE,SAAA;KACF;AAXD,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,aAAa;SACxB,CAAC;KACH;;0GALU,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAHtB,YAAY,CAAA,EAAA,CAAA,CAAA;AAGH,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAHtB,YAAY,CAAA,EAAA,CAAA,CAAA;2FAGH,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACF,iBAAA,CAAA;;0BAQc,QAAQ;;0BAAI,QAAQ;;;AChBnC;;AAEG;;;;"}

package/fesm2020/cleavelandprice-ngx-lib-quill-mention.mjs

@@ -140,14 +140,14 @@ EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => EditorComponent),
             multi: true
-        }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"users\">\n    <form>\n        <quill-editor name=\"editor\"\n            [(ngModel)]=\"value\"\n            (ngModelChange)=\"updateChanges()\"\n\n            [placeholder]=\"placeholder\"\n            [format]=\"format\"\n            [style.height]=\"fullscreen ? fullscreenHeight : height\"\n            [style.width]=\"fullscreen ? fullscreenWidth : width\"\n            [readOnly]=\"readonly\"\n            [class.readonly]=\"readonly && applyReadonlyStyle\"\n            [class.no-toolbar]=\"!showToolbar\"\n            [class.no-border]=\"!showBorder\"\n            [modules]=\"modules\"\n    \n            (onBlur)=\"onBlur.emit($event)\"\n            (onContentChanged)=\"onContentChanged.emit($event)\"\n            (onEditorChanged)=\"onEditorChanged.emit($event)\"\n            (onEditorCreated)=\"onEditorCreated.emit()\"\n            (onFocus)=\"onFocus.emit($event)\"\n            (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\n    \n            <div quill-editor-toolbar *ngIf=\"showToolbar\">\n                <ng-container [ngTemplateOutlet]=\"toolbar\"></ng-container>\n                <ng-container [ngTemplateOutlet]=\"editorSize\"></ng-container>\n            </div>\n        </quill-editor>\n    </form>\n</ng-container>\n\n<ng-template #toolbar>\n    <div>\n        <ng-container [ngTemplateOutlet]=\"fontStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"blockStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"headingStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"listStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"scriptStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"indentStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"rtl\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"fontSize\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"heading\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"color\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"font\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"align\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"clean\"></ng-container>\n        <nt-container [ngTemplateOutlet]=\"formula\"></nt-container>\n        <ng-container [ngTemplateOutlet]=\"media\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #fontStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showFontStyle\">\n        <button class=\"ql-bold\"      *ngIf=\"config.buttons.bold\"      [matTooltip]=\"tooltip(config.tooltips.bold)\"></button>\n        <button class=\"ql-italic\"    *ngIf=\"config.buttons.italic\"    [matTooltip]=\"tooltip(config.tooltips.italic)\"></button>\n        <button class=\"ql-underline\" *ngIf=\"config.buttons.underline\" [matTooltip]=\"tooltip(config.tooltips.underline)\"></button>\n        <button class=\"ql-strike\"    *ngIf=\"config.buttons.strike\"    [matTooltip]=\"tooltip(config.tooltips.strike)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #blockStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showBlockStyle\">\n        <button class=\"ql-blockquote\" *ngIf=\"config.buttons.blockquote\" [matTooltip]=\"tooltip(config.tooltips.blockquote)\"></button>\n        <button class=\"ql-code-block\" *ngIf=\"config.buttons.codeblock\"  [matTooltip]=\"tooltip(config.tooltips.codeblock)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #headingStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showQuickHeadingStyle\">\n        <button class=\"ql-header\" value=\"1\" *ngIf=\"config.buttons.h1\" [matTooltip]=\"tooltip(config.tooltips.h1)\"></button>\n        <button class=\"ql-header\" value=\"2\" *ngIf=\"config.buttons.h2\" [matTooltip]=\"tooltip(config.tooltips.h2)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #listStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showListStyle\">\n        <button class=\"ql-list\" value=\"ordered\" *ngIf=\"config.buttons.ordered\"  [matTooltip]=\"tooltip(config.tooltips.ordered)\"></button>\n        <button class=\"ql-list\" value=\"bullet\"  *ngIf=\"config.buttons.bulleted\" [matTooltip]=\"tooltip(config.tooltips.bulleted)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #scriptStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showScriptStyle\">\n        <button class=\"ql-script\" value=\"sub\"   *ngIf=\"config.buttons.subScript\" [matTooltip]=\"tooltip(config.tooltips.subScript)\"></button>\n        <button class=\"ql-script\" value=\"super\" *ngIf=\"config.buttons.superScript\" [matTooltip]=\"tooltip(config.tooltips.superScript)\"></button>\n    </span>\n</ng-template>\n    \n<ng-template #indentStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showIndentStyle\">\n        <button class=\"ql-indent\" value=\"-1\" *ngIf=\"config.buttons.decreaseIndent\" [matTooltip]=\"tooltip(config.tooltips.decreaseIndent)\"></button>\n        <button class=\"ql-indent\" value=\"+1\" *ngIf=\"config.buttons.increaseIndent\" [matTooltip]=\"tooltip(config.tooltips.increaseIndent)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #rtl>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.rtl\">\n        <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config.tooltips.rtl)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #fontSize>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.fontSize\" [matTooltip]=\"tooltip(config.tooltips.fontSize)\">\n        <select class=\"ql-size\">\n            <option value=\"small\"></option>\n            <option selected></option>\n            <option value=\"large\"></option>\n            <option value=\"huge\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #heading>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.headingStyle\" [matTooltip]=\"tooltip(config.tooltips.headingStyle)\">\n        <select class=\"ql-header\">\n            <option value=\"1\"></option>\n            <option value=\"2\"></option>\n            <option value=\"3\"></option>\n            <option value=\"4\"></option>\n            <option value=\"5\"></option>\n            <option value=\"6\"></option>\n            <option selected=\"selected\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #color>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.color\" [matTooltip]=\"tooltip(config.tooltips.color)\">\n        <select class=\"ql-color\"></select>\n        <select class=\"ql-background\"></select>\n    </span>\n</ng-template>\n\n<ng-template #font>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.font\" [matTooltip]=\"tooltip(config.tooltips.font)\">\n        <select class=\"ql-font\">\n            <option selected></option>\n            <option value=\"serif\"></option>\n            <option value=\"monospace\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #align>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.align\" [matTooltip]=\"tooltip(config.tooltips.align)\">\n        <select class=\"ql-align\">\n            <option selected></option>\n            <option value=\"center\"></option>\n            <option value=\"right\"></option>\n            <option value=\"justify\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #clean>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.clean\" [matTooltip]=\"tooltip(config.tooltips.clean)\">\n        <button class=\"ql-clean\"></button>\n    </span>\n</ng-template>\n\n<ng-template #media>\n    <span class=\"ql-formats\" *ngIf=\"config.showMedia\">\n        <button class=\"ql-link\"  *ngIf=\"config.buttons.link\" [matTooltip]=\"tooltip(config.tooltips.link)\"></button>\n        <button class=\"ql-image\" *ngIf=\"config.buttons.image\" [matTooltip]=\"tooltip(config.tooltips.image)\"></button>\n        <button class=\"ql-video\" *ngIf=\"config.buttons.video\" [matTooltip]=\"tooltip(config.tooltips.video)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #editorSize>\n    <div>\n        <span class=\"ql-formats\" *ngIf=\"config.buttons.rawEditor\">\n            <button id=\"rawdog\"\n                [matTooltip]=\"tooltip(config.tooltips.rawEditor)\">\n\n                <mat-icon (click)=\"rawEdit()\">\n                    code\n                </mat-icon>\n            </button>\n        </span>\n\n        <span class=\"ql-formats\" *ngIf=\"config.buttons.editorSize\">\n            <button id=\"fullscreen\"\n                [matTooltip]=\"tooltip(fullscreen ?\n                    (fullscreenMode === 'expand' ? config.tooltips.minimize : config.tooltips.popin) :\n                    (fullscreenMode === 'expand' ? config.tooltips.maximize : config.tooltips.popout))\">\n\n                <mat-icon (click)=\"toggleFullscreen()\">\n                    {{ fullscreen ?\n                        (fullscreenMode === 'expand' ? config.icons.minimize : config.icons.popin) :\n                        (fullscreenMode === 'expand' ? config.icons.maximize : config.icons.popout)\n                    }}\n                </mat-icon>\n            </button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template #formula>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.formula\" [matTooltip]=\"tooltip(config.tooltips.formula)\">\n        <button class=\"ql-formula\"></button>\n    </span>\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6.QuillEditorComponent, selector: "quill-editor" }] });
+        }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"users\">\n    <form>\n        <quill-editor name=\"editor\"\n            [(ngModel)]=\"value\"\n            (ngModelChange)=\"updateChanges()\"\n\n            [placeholder]=\"placeholder\"\n            [format]=\"format\"\n            [style.height]=\"fullscreen ? fullscreenHeight : height\"\n            [style.width]=\"fullscreen ? fullscreenWidth : width\"\n            [readOnly]=\"readonly\"\n            [class.readonly]=\"readonly && applyReadonlyStyle\"\n            [class.no-toolbar]=\"!showToolbar\"\n            [class.no-border]=\"!showBorder\"\n            [modules]=\"modules\"\n    \n            (onBlur)=\"onBlur.emit($event)\"\n            (onContentChanged)=\"onContentChanged.emit($event)\"\n            (onEditorChanged)=\"onEditorChanged.emit($event)\"\n            (onEditorCreated)=\"onEditorCreated.emit()\"\n            (onFocus)=\"onFocus.emit($event)\"\n            (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\n    \n            <div quill-editor-toolbar *ngIf=\"showToolbar\">\n                <ng-container [ngTemplateOutlet]=\"toolbar\"></ng-container>\n                <ng-container [ngTemplateOutlet]=\"editorSize\"></ng-container>\n            </div>\n        </quill-editor>\n    </form>\n</ng-container>\n\n<ng-template #toolbar>\n    <div>\n        <ng-container [ngTemplateOutlet]=\"fontStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"blockStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"headingStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"listStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"scriptStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"indentStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"rtl\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"fontSize\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"heading\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"color\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"font\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"align\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"clean\"></ng-container>\n        <nt-container [ngTemplateOutlet]=\"formula\"></nt-container>\n        <ng-container [ngTemplateOutlet]=\"media\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #fontStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showFontStyle\">\n        <button class=\"ql-bold\"      *ngIf=\"config!.buttons.bold\"      [matTooltip]=\"tooltip(config!.tooltips.bold)\"></button>\n        <button class=\"ql-italic\"    *ngIf=\"config!.buttons.italic\"    [matTooltip]=\"tooltip(config!.tooltips.italic)\"></button>\n        <button class=\"ql-underline\" *ngIf=\"config!.buttons.underline\" [matTooltip]=\"tooltip(config!.tooltips.underline)\"></button>\n        <button class=\"ql-strike\"    *ngIf=\"config!.buttons.strike\"    [matTooltip]=\"tooltip(config!.tooltips.strike)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #blockStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showBlockStyle\">\n        <button class=\"ql-blockquote\" *ngIf=\"config!.buttons.blockquote\" [matTooltip]=\"tooltip(config!.tooltips.blockquote)\"></button>\n        <button class=\"ql-code-block\" *ngIf=\"config!.buttons.codeblock\"  [matTooltip]=\"tooltip(config!.tooltips.codeblock)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #headingStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showQuickHeadingStyle\">\n        <button class=\"ql-header\" value=\"1\" *ngIf=\"config!.buttons.h1\" [matTooltip]=\"tooltip(config!.tooltips.h1)\"></button>\n        <button class=\"ql-header\" value=\"2\" *ngIf=\"config!.buttons.h2\" [matTooltip]=\"tooltip(config!.tooltips.h2)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #listStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showListStyle\">\n        <button class=\"ql-list\" value=\"ordered\" *ngIf=\"config!.buttons.ordered\"  [matTooltip]=\"tooltip(config!.tooltips.ordered)\"></button>\n        <button class=\"ql-list\" value=\"bullet\"  *ngIf=\"config!.buttons.bulleted\" [matTooltip]=\"tooltip(config!.tooltips.bulleted)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #scriptStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showScriptStyle\">\n        <button class=\"ql-script\" value=\"sub\"   *ngIf=\"config!.buttons.subScript\" [matTooltip]=\"tooltip(config!.tooltips.subScript)\"></button>\n        <button class=\"ql-script\" value=\"super\" *ngIf=\"config!.buttons.superScript\" [matTooltip]=\"tooltip(config!.tooltips.superScript)\"></button>\n    </span>\n</ng-template>\n    \n<ng-template #indentStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showIndentStyle\">\n        <button class=\"ql-indent\" value=\"-1\" *ngIf=\"config!.buttons.decreaseIndent\" [matTooltip]=\"tooltip(config!.tooltips.decreaseIndent)\"></button>\n        <button class=\"ql-indent\" value=\"+1\" *ngIf=\"config!.buttons.increaseIndent\" [matTooltip]=\"tooltip(config!.tooltips.increaseIndent)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #rtl>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.rtl\">\n        <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config!.tooltips.rtl)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #fontSize>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.fontSize\" [matTooltip]=\"tooltip(config!.tooltips.fontSize)\">\n        <select class=\"ql-size\">\n            <option value=\"small\"></option>\n            <option selected></option>\n            <option value=\"large\"></option>\n            <option value=\"huge\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #heading>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.headingStyle\" [matTooltip]=\"tooltip(config!.tooltips.headingStyle)\">\n        <select class=\"ql-header\">\n            <option value=\"1\"></option>\n            <option value=\"2\"></option>\n            <option value=\"3\"></option>\n            <option value=\"4\"></option>\n            <option value=\"5\"></option>\n            <option value=\"6\"></option>\n            <option selected=\"selected\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #color>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.color\" [matTooltip]=\"tooltip(config!.tooltips.color)\">\n        <select class=\"ql-color\"></select>\n        <select class=\"ql-background\"></select>\n    </span>\n</ng-template>\n\n<ng-template #font>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.font\" [matTooltip]=\"tooltip(config!.tooltips.font)\">\n        <select class=\"ql-font\">\n            <option selected></option>\n            <option value=\"serif\"></option>\n            <option value=\"monospace\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #align>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.align\" [matTooltip]=\"tooltip(config!.tooltips.align)\">\n        <select class=\"ql-align\">\n            <option selected></option>\n            <option value=\"center\"></option>\n            <option value=\"right\"></option>\n            <option value=\"justify\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #clean>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.clean\" [matTooltip]=\"tooltip(config!.tooltips.clean)\">\n        <button class=\"ql-clean\"></button>\n    </span>\n</ng-template>\n\n<ng-template #media>\n    <span class=\"ql-formats\" *ngIf=\"config!.showMedia\">\n        <button class=\"ql-link\"  *ngIf=\"config!.buttons.link\" [matTooltip]=\"tooltip(config!.tooltips.link)\"></button>\n        <button class=\"ql-image\" *ngIf=\"config!.buttons.image\" [matTooltip]=\"tooltip(config!.tooltips.image)\"></button>\n        <button class=\"ql-video\" *ngIf=\"config!.buttons.video\" [matTooltip]=\"tooltip(config!.tooltips.video)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #editorSize>\n    <div>\n        <span class=\"ql-formats\" *ngIf=\"config!.buttons.rawEditor\">\n            <button id=\"rawdog\"\n                [matTooltip]=\"tooltip(config!.tooltips.rawEditor)\">\n\n                <mat-icon (click)=\"rawEdit()\">\n                    code\n                </mat-icon>\n            </button>\n        </span>\n\n        <span class=\"ql-formats\" *ngIf=\"config!.buttons.editorSize\">\n            <button id=\"fullscreen\"\n                [matTooltip]=\"tooltip(fullscreen ?\n                    (fullscreenMode === 'expand' ? config!.tooltips.minimize : config!.tooltips.popin) :\n                    (fullscreenMode === 'expand' ? config!.tooltips.maximize : config!.tooltips.popout))\">\n\n                <mat-icon (click)=\"toggleFullscreen()\">\n                    {{ fullscreen ?\n                        (fullscreenMode === 'expand' ? config!.icons.minimize : config!.icons.popin) :\n                        (fullscreenMode === 'expand' ? config!.icons.maximize : config!.icons.popout)\n                    }}\n                </mat-icon>\n            </button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template #formula>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.formula\" [matTooltip]=\"tooltip(config!.tooltips.formula)\">\n        <button class=\"ql-formula\"></button>\n    </span>\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6.QuillEditorComponent, selector: "quill-editor" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: EditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cpquill-editor-with-mention', providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => EditorComponent),
                             multi: true
-                        }], template: "<ng-container *ngIf=\"users\">\n    <form>\n        <quill-editor name=\"editor\"\n            [(ngModel)]=\"value\"\n            (ngModelChange)=\"updateChanges()\"\n\n            [placeholder]=\"placeholder\"\n            [format]=\"format\"\n            [style.height]=\"fullscreen ? fullscreenHeight : height\"\n            [style.width]=\"fullscreen ? fullscreenWidth : width\"\n            [readOnly]=\"readonly\"\n            [class.readonly]=\"readonly && applyReadonlyStyle\"\n            [class.no-toolbar]=\"!showToolbar\"\n            [class.no-border]=\"!showBorder\"\n            [modules]=\"modules\"\n    \n            (onBlur)=\"onBlur.emit($event)\"\n            (onContentChanged)=\"onContentChanged.emit($event)\"\n            (onEditorChanged)=\"onEditorChanged.emit($event)\"\n            (onEditorCreated)=\"onEditorCreated.emit()\"\n            (onFocus)=\"onFocus.emit($event)\"\n            (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\n    \n            <div quill-editor-toolbar *ngIf=\"showToolbar\">\n                <ng-container [ngTemplateOutlet]=\"toolbar\"></ng-container>\n                <ng-container [ngTemplateOutlet]=\"editorSize\"></ng-container>\n            </div>\n        </quill-editor>\n    </form>\n</ng-container>\n\n<ng-template #toolbar>\n    <div>\n        <ng-container [ngTemplateOutlet]=\"fontStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"blockStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"headingStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"listStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"scriptStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"indentStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"rtl\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"fontSize\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"heading\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"color\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"font\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"align\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"clean\"></ng-container>\n        <nt-container [ngTemplateOutlet]=\"formula\"></nt-container>\n        <ng-container [ngTemplateOutlet]=\"media\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #fontStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showFontStyle\">\n        <button class=\"ql-bold\"      *ngIf=\"config.buttons.bold\"      [matTooltip]=\"tooltip(config.tooltips.bold)\"></button>\n        <button class=\"ql-italic\"    *ngIf=\"config.buttons.italic\"    [matTooltip]=\"tooltip(config.tooltips.italic)\"></button>\n        <button class=\"ql-underline\" *ngIf=\"config.buttons.underline\" [matTooltip]=\"tooltip(config.tooltips.underline)\"></button>\n        <button class=\"ql-strike\"    *ngIf=\"config.buttons.strike\"    [matTooltip]=\"tooltip(config.tooltips.strike)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #blockStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showBlockStyle\">\n        <button class=\"ql-blockquote\" *ngIf=\"config.buttons.blockquote\" [matTooltip]=\"tooltip(config.tooltips.blockquote)\"></button>\n        <button class=\"ql-code-block\" *ngIf=\"config.buttons.codeblock\"  [matTooltip]=\"tooltip(config.tooltips.codeblock)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #headingStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showQuickHeadingStyle\">\n        <button class=\"ql-header\" value=\"1\" *ngIf=\"config.buttons.h1\" [matTooltip]=\"tooltip(config.tooltips.h1)\"></button>\n        <button class=\"ql-header\" value=\"2\" *ngIf=\"config.buttons.h2\" [matTooltip]=\"tooltip(config.tooltips.h2)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #listStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showListStyle\">\n        <button class=\"ql-list\" value=\"ordered\" *ngIf=\"config.buttons.ordered\"  [matTooltip]=\"tooltip(config.tooltips.ordered)\"></button>\n        <button class=\"ql-list\" value=\"bullet\"  *ngIf=\"config.buttons.bulleted\" [matTooltip]=\"tooltip(config.tooltips.bulleted)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #scriptStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showScriptStyle\">\n        <button class=\"ql-script\" value=\"sub\"   *ngIf=\"config.buttons.subScript\" [matTooltip]=\"tooltip(config.tooltips.subScript)\"></button>\n        <button class=\"ql-script\" value=\"super\" *ngIf=\"config.buttons.superScript\" [matTooltip]=\"tooltip(config.tooltips.superScript)\"></button>\n    </span>\n</ng-template>\n    \n<ng-template #indentStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showIndentStyle\">\n        <button class=\"ql-indent\" value=\"-1\" *ngIf=\"config.buttons.decreaseIndent\" [matTooltip]=\"tooltip(config.tooltips.decreaseIndent)\"></button>\n        <button class=\"ql-indent\" value=\"+1\" *ngIf=\"config.buttons.increaseIndent\" [matTooltip]=\"tooltip(config.tooltips.increaseIndent)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #rtl>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.rtl\">\n        <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config.tooltips.rtl)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #fontSize>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.fontSize\" [matTooltip]=\"tooltip(config.tooltips.fontSize)\">\n        <select class=\"ql-size\">\n            <option value=\"small\"></option>\n            <option selected></option>\n            <option value=\"large\"></option>\n            <option value=\"huge\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #heading>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.headingStyle\" [matTooltip]=\"tooltip(config.tooltips.headingStyle)\">\n        <select class=\"ql-header\">\n            <option value=\"1\"></option>\n            <option value=\"2\"></option>\n            <option value=\"3\"></option>\n            <option value=\"4\"></option>\n            <option value=\"5\"></option>\n            <option value=\"6\"></option>\n            <option selected=\"selected\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #color>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.color\" [matTooltip]=\"tooltip(config.tooltips.color)\">\n        <select class=\"ql-color\"></select>\n        <select class=\"ql-background\"></select>\n    </span>\n</ng-template>\n\n<ng-template #font>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.font\" [matTooltip]=\"tooltip(config.tooltips.font)\">\n        <select class=\"ql-font\">\n            <option selected></option>\n            <option value=\"serif\"></option>\n            <option value=\"monospace\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #align>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.align\" [matTooltip]=\"tooltip(config.tooltips.align)\">\n        <select class=\"ql-align\">\n            <option selected></option>\n            <option value=\"center\"></option>\n            <option value=\"right\"></option>\n            <option value=\"justify\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #clean>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.clean\" [matTooltip]=\"tooltip(config.tooltips.clean)\">\n        <button class=\"ql-clean\"></button>\n    </span>\n</ng-template>\n\n<ng-template #media>\n    <span class=\"ql-formats\" *ngIf=\"config.showMedia\">\n        <button class=\"ql-link\"  *ngIf=\"config.buttons.link\" [matTooltip]=\"tooltip(config.tooltips.link)\"></button>\n        <button class=\"ql-image\" *ngIf=\"config.buttons.image\" [matTooltip]=\"tooltip(config.tooltips.image)\"></button>\n        <button class=\"ql-video\" *ngIf=\"config.buttons.video\" [matTooltip]=\"tooltip(config.tooltips.video)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #editorSize>\n    <div>\n        <span class=\"ql-formats\" *ngIf=\"config.buttons.rawEditor\">\n            <button id=\"rawdog\"\n                [matTooltip]=\"tooltip(config.tooltips.rawEditor)\">\n\n                <mat-icon (click)=\"rawEdit()\">\n                    code\n                </mat-icon>\n            </button>\n        </span>\n\n        <span class=\"ql-formats\" *ngIf=\"config.buttons.editorSize\">\n            <button id=\"fullscreen\"\n                [matTooltip]=\"tooltip(fullscreen ?\n                    (fullscreenMode === 'expand' ? config.tooltips.minimize : config.tooltips.popin) :\n                    (fullscreenMode === 'expand' ? config.tooltips.maximize : config.tooltips.popout))\">\n\n                <mat-icon (click)=\"toggleFullscreen()\">\n                    {{ fullscreen ?\n                        (fullscreenMode === 'expand' ? config.icons.minimize : config.icons.popin) :\n                        (fullscreenMode === 'expand' ? config.icons.maximize : config.icons.popout)\n                    }}\n                </mat-icon>\n            </button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template #formula>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.formula\" [matTooltip]=\"tooltip(config.tooltips.formula)\">\n        <button class=\"ql-formula\"></button>\n    </span>\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"] }]
+                        }], template: "<ng-container *ngIf=\"users\">\n    <form>\n        <quill-editor name=\"editor\"\n            [(ngModel)]=\"value\"\n            (ngModelChange)=\"updateChanges()\"\n\n            [placeholder]=\"placeholder\"\n            [format]=\"format\"\n            [style.height]=\"fullscreen ? fullscreenHeight : height\"\n            [style.width]=\"fullscreen ? fullscreenWidth : width\"\n            [readOnly]=\"readonly\"\n            [class.readonly]=\"readonly && applyReadonlyStyle\"\n            [class.no-toolbar]=\"!showToolbar\"\n            [class.no-border]=\"!showBorder\"\n            [modules]=\"modules\"\n    \n            (onBlur)=\"onBlur.emit($event)\"\n            (onContentChanged)=\"onContentChanged.emit($event)\"\n            (onEditorChanged)=\"onEditorChanged.emit($event)\"\n            (onEditorCreated)=\"onEditorCreated.emit()\"\n            (onFocus)=\"onFocus.emit($event)\"\n            (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\n    \n            <div quill-editor-toolbar *ngIf=\"showToolbar\">\n                <ng-container [ngTemplateOutlet]=\"toolbar\"></ng-container>\n                <ng-container [ngTemplateOutlet]=\"editorSize\"></ng-container>\n            </div>\n        </quill-editor>\n    </form>\n</ng-container>\n\n<ng-template #toolbar>\n    <div>\n        <ng-container [ngTemplateOutlet]=\"fontStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"blockStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"headingStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"listStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"scriptStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"indentStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"rtl\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"fontSize\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"heading\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"color\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"font\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"align\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"clean\"></ng-container>\n        <nt-container [ngTemplateOutlet]=\"formula\"></nt-container>\n        <ng-container [ngTemplateOutlet]=\"media\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #fontStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showFontStyle\">\n        <button class=\"ql-bold\"      *ngIf=\"config!.buttons.bold\"      [matTooltip]=\"tooltip(config!.tooltips.bold)\"></button>\n        <button class=\"ql-italic\"    *ngIf=\"config!.buttons.italic\"    [matTooltip]=\"tooltip(config!.tooltips.italic)\"></button>\n        <button class=\"ql-underline\" *ngIf=\"config!.buttons.underline\" [matTooltip]=\"tooltip(config!.tooltips.underline)\"></button>\n        <button class=\"ql-strike\"    *ngIf=\"config!.buttons.strike\"    [matTooltip]=\"tooltip(config!.tooltips.strike)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #blockStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showBlockStyle\">\n        <button class=\"ql-blockquote\" *ngIf=\"config!.buttons.blockquote\" [matTooltip]=\"tooltip(config!.tooltips.blockquote)\"></button>\n        <button class=\"ql-code-block\" *ngIf=\"config!.buttons.codeblock\"  [matTooltip]=\"tooltip(config!.tooltips.codeblock)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #headingStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showQuickHeadingStyle\">\n        <button class=\"ql-header\" value=\"1\" *ngIf=\"config!.buttons.h1\" [matTooltip]=\"tooltip(config!.tooltips.h1)\"></button>\n        <button class=\"ql-header\" value=\"2\" *ngIf=\"config!.buttons.h2\" [matTooltip]=\"tooltip(config!.tooltips.h2)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #listStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showListStyle\">\n        <button class=\"ql-list\" value=\"ordered\" *ngIf=\"config!.buttons.ordered\"  [matTooltip]=\"tooltip(config!.tooltips.ordered)\"></button>\n        <button class=\"ql-list\" value=\"bullet\"  *ngIf=\"config!.buttons.bulleted\" [matTooltip]=\"tooltip(config!.tooltips.bulleted)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #scriptStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showScriptStyle\">\n        <button class=\"ql-script\" value=\"sub\"   *ngIf=\"config!.buttons.subScript\" [matTooltip]=\"tooltip(config!.tooltips.subScript)\"></button>\n        <button class=\"ql-script\" value=\"super\" *ngIf=\"config!.buttons.superScript\" [matTooltip]=\"tooltip(config!.tooltips.superScript)\"></button>\n    </span>\n</ng-template>\n    \n<ng-template #indentStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showIndentStyle\">\n        <button class=\"ql-indent\" value=\"-1\" *ngIf=\"config!.buttons.decreaseIndent\" [matTooltip]=\"tooltip(config!.tooltips.decreaseIndent)\"></button>\n        <button class=\"ql-indent\" value=\"+1\" *ngIf=\"config!.buttons.increaseIndent\" [matTooltip]=\"tooltip(config!.tooltips.increaseIndent)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #rtl>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.rtl\">\n        <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config!.tooltips.rtl)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #fontSize>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.fontSize\" [matTooltip]=\"tooltip(config!.tooltips.fontSize)\">\n        <select class=\"ql-size\">\n            <option value=\"small\"></option>\n            <option selected></option>\n            <option value=\"large\"></option>\n            <option value=\"huge\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #heading>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.headingStyle\" [matTooltip]=\"tooltip(config!.tooltips.headingStyle)\">\n        <select class=\"ql-header\">\n            <option value=\"1\"></option>\n            <option value=\"2\"></option>\n            <option value=\"3\"></option>\n            <option value=\"4\"></option>\n            <option value=\"5\"></option>\n            <option value=\"6\"></option>\n            <option selected=\"selected\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #color>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.color\" [matTooltip]=\"tooltip(config!.tooltips.color)\">\n        <select class=\"ql-color\"></select>\n        <select class=\"ql-background\"></select>\n    </span>\n</ng-template>\n\n<ng-template #font>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.font\" [matTooltip]=\"tooltip(config!.tooltips.font)\">\n        <select class=\"ql-font\">\n            <option selected></option>\n            <option value=\"serif\"></option>\n            <option value=\"monospace\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #align>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.align\" [matTooltip]=\"tooltip(config!.tooltips.align)\">\n        <select class=\"ql-align\">\n            <option selected></option>\n            <option value=\"center\"></option>\n            <option value=\"right\"></option>\n            <option value=\"justify\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #clean>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.clean\" [matTooltip]=\"tooltip(config!.tooltips.clean)\">\n        <button class=\"ql-clean\"></button>\n    </span>\n</ng-template>\n\n<ng-template #media>\n    <span class=\"ql-formats\" *ngIf=\"config!.showMedia\">\n        <button class=\"ql-link\"  *ngIf=\"config!.buttons.link\" [matTooltip]=\"tooltip(config!.tooltips.link)\"></button>\n        <button class=\"ql-image\" *ngIf=\"config!.buttons.image\" [matTooltip]=\"tooltip(config!.tooltips.image)\"></button>\n        <button class=\"ql-video\" *ngIf=\"config!.buttons.video\" [matTooltip]=\"tooltip(config!.tooltips.video)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #editorSize>\n    <div>\n        <span class=\"ql-formats\" *ngIf=\"config!.buttons.rawEditor\">\n            <button id=\"rawdog\"\n                [matTooltip]=\"tooltip(config!.tooltips.rawEditor)\">\n\n                <mat-icon (click)=\"rawEdit()\">\n                    code\n                </mat-icon>\n            </button>\n        </span>\n\n        <span class=\"ql-formats\" *ngIf=\"config!.buttons.editorSize\">\n            <button id=\"fullscreen\"\n                [matTooltip]=\"tooltip(fullscreen ?\n                    (fullscreenMode === 'expand' ? config!.tooltips.minimize : config!.tooltips.popin) :\n                    (fullscreenMode === 'expand' ? config!.tooltips.maximize : config!.tooltips.popout))\">\n\n                <mat-icon (click)=\"toggleFullscreen()\">\n                    {{ fullscreen ?\n                        (fullscreenMode === 'expand' ? config!.icons.minimize : config!.icons.popin) :\n                        (fullscreenMode === 'expand' ? config!.icons.maximize : config!.icons.popout)\n                    }}\n                </mat-icon>\n            </button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template #formula>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.formula\" [matTooltip]=\"tooltip(config!.tooltips.formula)\">\n        <button class=\"ql-formula\"></button>\n    </span>\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {

package/fesm2020/cleavelandprice-ngx-lib-quill-mention.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cleavelandprice-ngx-lib-quill-mention.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/model/buttons.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/model/config.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/model/icons.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/model/tooltips.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/components/editor/editor.component.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/components/editor/editor.component.html","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/quill-mention.module.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/cleavelandprice-ngx-lib-quill-mention.ts"],"sourcesContent":["import { Buttons as ButtonsBase } from '@cleavelandprice/ngx-lib/quill';\r\n\r\nexport class Buttons extends ButtonsBase {\r\n}","import { Config as ConfigBase } from '@cleavelandprice/ngx-lib/quill';\r\n\r\nexport class Config extends ConfigBase {\r\n}","import { Icons as IconsBase } from '@cleavelandprice/ngx-lib/quill';\r\n\r\nexport class Icons extends IconsBase {\r\n}","import { Tooltips as TooltipsBase } from '@cleavelandprice/ngx-lib/quill';\r\n\r\nexport class Tooltips extends TooltipsBase {\r\n}","import { Component, Inject, Input, OnInit, Optional, forwardRef } from '@angular/core';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from \"@angular/forms\";\n//import { FormGroup } from '@angular/forms';\nimport { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { ActiveDirectoryService, User } from '@cleavelandprice/ngx-lib/active-directory';\n\nimport 'quill-mention';\n\n//#region Moved to client responsibility\n//import Quill from 'quill';\n\n// This doesn't work when done from the library - it must be done from the client app\n//import ImageResize from 'quill-image-resize-module';\n//Quill.register('modules/imageResize', ImageResize);\n\n// Treating ImageDrop the same way as ImageResize, even though it doesn't have the same problem described above\n//import { ImageDrop } from 'quill-image-drop-module';\n\n//#endregion\n\nimport { EditorComponent as EditorComponentBase } from '@cleavelandprice/ngx-lib/quill';\nimport { DialogData } from '../../model/dialog-data';\n\n@Component({\n  selector: 'cpquill-editor-with-mention',\n  templateUrl: './editor.component.html',\n  styleUrls: ['./editor.component.css'],\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => EditorComponent),\n    multi: true\n  }]\n})\nexport class EditorComponent extends EditorComponentBase implements OnInit, ControlValueAccessor {\n  @Input() users: User[] | undefined;\n\n  constructor(@Optional() @Inject(MAT_DIALOG_DATA) data: DialogData,\n              @Optional() private dlgRef: MatDialogRef<EditorComponent>,\n              private dlg: MatDialog,\n              @Inject(ActiveDirectoryService) private activeDirectoryService: ActiveDirectoryService) {\n                \n                super(data, dlgRef, dlg);\n  }\n\n  override ngOnInit(): void {\n    this.initialize();\n    \n    if (!this.users) {\n      this.activeDirectoryService.getUsers().subscribe(users =>\n        this.users = users\n      );\n    }\n  }\n\n  override toggleFullscreen(): void {\n    if (this.fullscreenMode === 'expand') {\n        this.fullscreen = !this.fullscreen;\n        this.fullscreenChanged.emit(this.fullscreen);\n      }\n    else {\n      if (this.fullscreen) {\n        this.dlgRef.close(this.value);\n          this.fullscreenChanged.emit(false);\n      } else {\n        const data: DialogData = {\n\n          value: this.value,\n          config: this.config,\n          placeholder: this.placeholder,\n          format: this.format,\n          height: this.fullscreenHeight,\n          width: '100%',\n          maxHeight: this.fullscreenHeight,\n          maxWidth: '100%',\n          enableTooltips: this.enableTooltips!,\n          fullscreen: true,\n          fullscreenMode: this.fullscreenMode,\n          readonly: this.readonly!,\n          applyReadonlyStyle: this.applyReadonlyStyle!,\n          showToolbar: this.showToolbar!,\n          showBorder: this.showBorder!,\n          imageResizeModule: this.imageResizeModule!,\n          imageDropModule: this.imageDropModule!,\n          syntaxModule: this.syntaxModule!,\n          users: this.users\n        };\n\n        this.dlg.open(EditorComponent, {\n          disableClose: true,\n          width: this.fullscreenWidth,\n          height: this.fullscreenHeight,\n          data\n        })\n        .afterClosed()\n        .subscribe(value => {\n          this.value = value;\n          this.updateChanges();\n        });\n\n        this.fullscreenChanged.emit(true);\n      }\n    }\n  }\n\n  override get modules() {\n    if (!this.users) { return {}; }\n\n    const modules = {\n      mention: {\n        allowedChars: /^[A-Za-z\\sÅÄÖåäö]*$/,\n\n        onSelect: (item: DOMStringMap, insertItem: any) => {\n          const editor = this.editor!.quillEditor\n          insertItem(item)\n          // necessary because quill-mention triggers changes as 'api' instead of 'user'\n          editor.insertText(editor.getLength() - 1, '', 'user')\n        },\n\n        source: (searchTerm: string, renderList: any) => {\n          if (searchTerm.length === 0) {\n            renderList(this.users?.map(u => ({ value: `${u.displayName} (${u.sAMAccountName.toLowerCase()})` })), searchTerm)\n          } else {\n            const matches: any[] = []\n\n            this.users!.forEach((entry) => {\n              if (\n                entry.displayName.toLowerCase().indexOf(searchTerm.toLowerCase()) !== -1 ||\n                entry.sAMAccountName.toLowerCase().indexOf(searchTerm.toLowerCase()) !== -1\n                ) {\n                matches.push({ value: `${entry.displayName} (${entry.sAMAccountName.toLowerCase()})` })\n              }\n            })\n\n            renderList(matches, searchTerm)\n          }\n        }\n      }\n    };\n\n    if (!this.showToolbar) {\n      modules['toolbar'] = [];\n    }\n\n    if (this.imageResizeModule) {\n      modules['imageResize'] = {};\n    }\n\n    if (this.imageDropModule) {\n      modules['imageDrop'] = true;\n    }\n\n    if (this.syntaxModule) {\n      modules['syntax'] = true;\n    }\n\n    return modules;\n  }\n}","<ng-container *ngIf=\"users\">\n    <form>\n        <quill-editor name=\"editor\"\n            [(ngModel)]=\"value\"\n            (ngModelChange)=\"updateChanges()\"\n\n            [placeholder]=\"placeholder\"\n            [format]=\"format\"\n            [style.height]=\"fullscreen ? fullscreenHeight : height\"\n            [style.width]=\"fullscreen ? fullscreenWidth : width\"\n            [readOnly]=\"readonly\"\n            [class.readonly]=\"readonly && applyReadonlyStyle\"\n            [class.no-toolbar]=\"!showToolbar\"\n            [class.no-border]=\"!showBorder\"\n            [modules]=\"modules\"\n    \n            (onBlur)=\"onBlur.emit($event)\"\n            (onContentChanged)=\"onContentChanged.emit($event)\"\n            (onEditorChanged)=\"onEditorChanged.emit($event)\"\n            (onEditorCreated)=\"onEditorCreated.emit()\"\n            (onFocus)=\"onFocus.emit($event)\"\n            (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\n    \n            <div quill-editor-toolbar *ngIf=\"showToolbar\">\n                <ng-container [ngTemplateOutlet]=\"toolbar\"></ng-container>\n                <ng-container [ngTemplateOutlet]=\"editorSize\"></ng-container>\n            </div>\n        </quill-editor>\n    </form>\n</ng-container>\n\n<ng-template #toolbar>\n    <div>\n        <ng-container [ngTemplateOutlet]=\"fontStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"blockStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"headingStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"listStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"scriptStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"indentStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"rtl\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"fontSize\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"heading\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"color\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"font\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"align\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"clean\"></ng-container>\n        <nt-container [ngTemplateOutlet]=\"formula\"></nt-container>\n        <ng-container [ngTemplateOutlet]=\"media\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #fontStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showFontStyle\">\n        <button class=\"ql-bold\"      *ngIf=\"config.buttons.bold\"      [matTooltip]=\"tooltip(config.tooltips.bold)\"></button>\n        <button class=\"ql-italic\"    *ngIf=\"config.buttons.italic\"    [matTooltip]=\"tooltip(config.tooltips.italic)\"></button>\n        <button class=\"ql-underline\" *ngIf=\"config.buttons.underline\" [matTooltip]=\"tooltip(config.tooltips.underline)\"></button>\n        <button class=\"ql-strike\"    *ngIf=\"config.buttons.strike\"    [matTooltip]=\"tooltip(config.tooltips.strike)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #blockStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showBlockStyle\">\n        <button class=\"ql-blockquote\" *ngIf=\"config.buttons.blockquote\" [matTooltip]=\"tooltip(config.tooltips.blockquote)\"></button>\n        <button class=\"ql-code-block\" *ngIf=\"config.buttons.codeblock\"  [matTooltip]=\"tooltip(config.tooltips.codeblock)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #headingStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showQuickHeadingStyle\">\n        <button class=\"ql-header\" value=\"1\" *ngIf=\"config.buttons.h1\" [matTooltip]=\"tooltip(config.tooltips.h1)\"></button>\n        <button class=\"ql-header\" value=\"2\" *ngIf=\"config.buttons.h2\" [matTooltip]=\"tooltip(config.tooltips.h2)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #listStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showListStyle\">\n        <button class=\"ql-list\" value=\"ordered\" *ngIf=\"config.buttons.ordered\"  [matTooltip]=\"tooltip(config.tooltips.ordered)\"></button>\n        <button class=\"ql-list\" value=\"bullet\"  *ngIf=\"config.buttons.bulleted\" [matTooltip]=\"tooltip(config.tooltips.bulleted)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #scriptStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showScriptStyle\">\n        <button class=\"ql-script\" value=\"sub\"   *ngIf=\"config.buttons.subScript\" [matTooltip]=\"tooltip(config.tooltips.subScript)\"></button>\n        <button class=\"ql-script\" value=\"super\" *ngIf=\"config.buttons.superScript\" [matTooltip]=\"tooltip(config.tooltips.superScript)\"></button>\n    </span>\n</ng-template>\n    \n<ng-template #indentStyle>\n    <span class=\"ql-formats\" *ngIf=\"config.showIndentStyle\">\n        <button class=\"ql-indent\" value=\"-1\" *ngIf=\"config.buttons.decreaseIndent\" [matTooltip]=\"tooltip(config.tooltips.decreaseIndent)\"></button>\n        <button class=\"ql-indent\" value=\"+1\" *ngIf=\"config.buttons.increaseIndent\" [matTooltip]=\"tooltip(config.tooltips.increaseIndent)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #rtl>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.rtl\">\n        <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config.tooltips.rtl)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #fontSize>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.fontSize\" [matTooltip]=\"tooltip(config.tooltips.fontSize)\">\n        <select class=\"ql-size\">\n            <option value=\"small\"></option>\n            <option selected></option>\n            <option value=\"large\"></option>\n            <option value=\"huge\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #heading>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.headingStyle\" [matTooltip]=\"tooltip(config.tooltips.headingStyle)\">\n        <select class=\"ql-header\">\n            <option value=\"1\"></option>\n            <option value=\"2\"></option>\n            <option value=\"3\"></option>\n            <option value=\"4\"></option>\n            <option value=\"5\"></option>\n            <option value=\"6\"></option>\n            <option selected=\"selected\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #color>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.color\" [matTooltip]=\"tooltip(config.tooltips.color)\">\n        <select class=\"ql-color\"></select>\n        <select class=\"ql-background\"></select>\n    </span>\n</ng-template>\n\n<ng-template #font>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.font\" [matTooltip]=\"tooltip(config.tooltips.font)\">\n        <select class=\"ql-font\">\n            <option selected></option>\n            <option value=\"serif\"></option>\n            <option value=\"monospace\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #align>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.align\" [matTooltip]=\"tooltip(config.tooltips.align)\">\n        <select class=\"ql-align\">\n            <option selected></option>\n            <option value=\"center\"></option>\n            <option value=\"right\"></option>\n            <option value=\"justify\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #clean>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.clean\" [matTooltip]=\"tooltip(config.tooltips.clean)\">\n        <button class=\"ql-clean\"></button>\n    </span>\n</ng-template>\n\n<ng-template #media>\n    <span class=\"ql-formats\" *ngIf=\"config.showMedia\">\n        <button class=\"ql-link\"  *ngIf=\"config.buttons.link\" [matTooltip]=\"tooltip(config.tooltips.link)\"></button>\n        <button class=\"ql-image\" *ngIf=\"config.buttons.image\" [matTooltip]=\"tooltip(config.tooltips.image)\"></button>\n        <button class=\"ql-video\" *ngIf=\"config.buttons.video\" [matTooltip]=\"tooltip(config.tooltips.video)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #editorSize>\n    <div>\n        <span class=\"ql-formats\" *ngIf=\"config.buttons.rawEditor\">\n            <button id=\"rawdog\"\n                [matTooltip]=\"tooltip(config.tooltips.rawEditor)\">\n\n                <mat-icon (click)=\"rawEdit()\">\n                    code\n                </mat-icon>\n            </button>\n        </span>\n\n        <span class=\"ql-formats\" *ngIf=\"config.buttons.editorSize\">\n            <button id=\"fullscreen\"\n                [matTooltip]=\"tooltip(fullscreen ?\n                    (fullscreenMode === 'expand' ? config.tooltips.minimize : config.tooltips.popin) :\n                    (fullscreenMode === 'expand' ? config.tooltips.maximize : config.tooltips.popout))\">\n\n                <mat-icon (click)=\"toggleFullscreen()\">\n                    {{ fullscreen ?\n                        (fullscreenMode === 'expand' ? config.icons.minimize : config.icons.popin) :\n                        (fullscreenMode === 'expand' ? config.icons.maximize : config.icons.popout)\n                    }}\n                </mat-icon>\n            </button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template #formula>\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.formula\" [matTooltip]=\"tooltip(config.tooltips.formula)\">\n        <button class=\"ql-formula\"></button>\n    </span>\n</ng-template>","import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { QuillModule as NgxQuillModule } from 'ngx-quill';\r\nimport { EditorComponent } from './components/editor/editor.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    EditorComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n\r\n    NgxQuillModule.forRoot()\r\n  ],\r\n  exports: [\r\n    EditorComponent\r\n  ]\r\n})\r\nexport class QuillMentionModule {\r\n  static forRoot(): ModuleWithProviders<QuillMentionModule> {\r\n      return {\r\n        ngModule: QuillMentionModule\r\n      };\r\n    }\r\n\r\n    constructor(@Optional() @SkipSelf() parentModule: QuillMentionModule) {\r\n      if (parentModule) {\r\n        throw new Error(\r\n          'QuillMentionModule is already loaded. Import it in the AppModule only');\r\n      }\r\n    }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["ButtonsBase","ConfigBase","IconsBase","TooltipsBase","EditorComponentBase","NgxQuillModule"],"mappings":"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"}
+{"version":3,"file":"cleavelandprice-ngx-lib-quill-mention.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/model/buttons.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/model/config.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/model/icons.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/model/tooltips.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/components/editor/editor.component.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/components/editor/editor.component.html","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/quill-mention.module.ts","../../../../projects/cleavelandprice/ngx-lib/quill/mention/src/cleavelandprice-ngx-lib-quill-mention.ts"],"sourcesContent":["import { Buttons as ButtonsBase } from '@cleavelandprice/ngx-lib/quill';\r\n\r\nexport class Buttons extends ButtonsBase {\r\n}","import { Config as ConfigBase } from '@cleavelandprice/ngx-lib/quill';\r\n\r\nexport class Config extends ConfigBase {\r\n}","import { Icons as IconsBase } from '@cleavelandprice/ngx-lib/quill';\r\n\r\nexport class Icons extends IconsBase {\r\n}","import { Tooltips as TooltipsBase } from '@cleavelandprice/ngx-lib/quill';\r\n\r\nexport class Tooltips extends TooltipsBase {\r\n}","import { Component, Inject, Input, OnInit, Optional, forwardRef } from '@angular/core';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from \"@angular/forms\";\n//import { FormGroup } from '@angular/forms';\nimport { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { ActiveDirectoryService, User } from '@cleavelandprice/ngx-lib/active-directory';\n\nimport 'quill-mention';\n\n//#region Moved to client responsibility\n//import Quill from 'quill';\n\n// This doesn't work when done from the library - it must be done from the client app\n//import ImageResize from 'quill-image-resize-module';\n//Quill.register('modules/imageResize', ImageResize);\n\n// Treating ImageDrop the same way as ImageResize, even though it doesn't have the same problem described above\n//import { ImageDrop } from 'quill-image-drop-module';\n\n//#endregion\n\nimport { EditorComponent as EditorComponentBase } from '@cleavelandprice/ngx-lib/quill';\nimport { DialogData } from '../../model/dialog-data';\n\n@Component({\n  selector: 'cpquill-editor-with-mention',\n  templateUrl: './editor.component.html',\n  styleUrls: ['./editor.component.css'],\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => EditorComponent),\n    multi: true\n  }]\n})\nexport class EditorComponent extends EditorComponentBase implements OnInit, ControlValueAccessor {\n  @Input() users: User[] | undefined;\n\n  constructor(@Optional() @Inject(MAT_DIALOG_DATA) data: DialogData,\n              @Optional() private dlgRef: MatDialogRef<EditorComponent>,\n              private dlg: MatDialog,\n              @Inject(ActiveDirectoryService) private activeDirectoryService: ActiveDirectoryService) {\n                \n                super(data, dlgRef, dlg);\n  }\n\n  override ngOnInit(): void {\n    this.initialize();\n    \n    if (!this.users) {\n      this.activeDirectoryService.getUsers().subscribe(users =>\n        this.users = users\n      );\n    }\n  }\n\n  override toggleFullscreen(): void {\n    if (this.fullscreenMode === 'expand') {\n        this.fullscreen = !this.fullscreen;\n        this.fullscreenChanged.emit(this.fullscreen);\n      }\n    else {\n      if (this.fullscreen) {\n        this.dlgRef.close(this.value);\n          this.fullscreenChanged.emit(false);\n      } else {\n        const data: DialogData = {\n\n          value: this.value,\n          config: this.config,\n          placeholder: this.placeholder,\n          format: this.format,\n          height: this.fullscreenHeight,\n          width: '100%',\n          maxHeight: this.fullscreenHeight,\n          maxWidth: '100%',\n          enableTooltips: this.enableTooltips!,\n          fullscreen: true,\n          fullscreenMode: this.fullscreenMode,\n          readonly: this.readonly!,\n          applyReadonlyStyle: this.applyReadonlyStyle!,\n          showToolbar: this.showToolbar!,\n          showBorder: this.showBorder!,\n          imageResizeModule: this.imageResizeModule!,\n          imageDropModule: this.imageDropModule!,\n          syntaxModule: this.syntaxModule!,\n          users: this.users\n        };\n\n        this.dlg.open(EditorComponent, {\n          disableClose: true,\n          width: this.fullscreenWidth,\n          height: this.fullscreenHeight,\n          data\n        })\n        .afterClosed()\n        .subscribe(value => {\n          this.value = value;\n          this.updateChanges();\n        });\n\n        this.fullscreenChanged.emit(true);\n      }\n    }\n  }\n\n  override get modules() {\n    if (!this.users) { return {}; }\n\n    const modules = {\n      mention: {\n        allowedChars: /^[A-Za-z\\sÅÄÖåäö]*$/,\n\n        onSelect: (item: DOMStringMap, insertItem: any) => {\n          const editor = this.editor!.quillEditor\n          insertItem(item)\n          // necessary because quill-mention triggers changes as 'api' instead of 'user'\n          editor.insertText(editor.getLength() - 1, '', 'user')\n        },\n\n        source: (searchTerm: string, renderList: any) => {\n          if (searchTerm.length === 0) {\n            renderList(this.users?.map(u => ({ value: `${u.displayName} (${u.sAMAccountName.toLowerCase()})` })), searchTerm)\n          } else {\n            const matches: any[] = []\n\n            this.users!.forEach((entry) => {\n              if (\n                entry.displayName.toLowerCase().indexOf(searchTerm.toLowerCase()) !== -1 ||\n                entry.sAMAccountName.toLowerCase().indexOf(searchTerm.toLowerCase()) !== -1\n                ) {\n                matches.push({ value: `${entry.displayName} (${entry.sAMAccountName.toLowerCase()})` })\n              }\n            })\n\n            renderList(matches, searchTerm)\n          }\n        }\n      }\n    };\n\n    if (!this.showToolbar) {\n      modules['toolbar'] = [];\n    }\n\n    if (this.imageResizeModule) {\n      modules['imageResize'] = {};\n    }\n\n    if (this.imageDropModule) {\n      modules['imageDrop'] = true;\n    }\n\n    if (this.syntaxModule) {\n      modules['syntax'] = true;\n    }\n\n    return modules;\n  }\n}","<ng-container *ngIf=\"users\">\n    <form>\n        <quill-editor name=\"editor\"\n            [(ngModel)]=\"value\"\n            (ngModelChange)=\"updateChanges()\"\n\n            [placeholder]=\"placeholder\"\n            [format]=\"format\"\n            [style.height]=\"fullscreen ? fullscreenHeight : height\"\n            [style.width]=\"fullscreen ? fullscreenWidth : width\"\n            [readOnly]=\"readonly\"\n            [class.readonly]=\"readonly && applyReadonlyStyle\"\n            [class.no-toolbar]=\"!showToolbar\"\n            [class.no-border]=\"!showBorder\"\n            [modules]=\"modules\"\n    \n            (onBlur)=\"onBlur.emit($event)\"\n            (onContentChanged)=\"onContentChanged.emit($event)\"\n            (onEditorChanged)=\"onEditorChanged.emit($event)\"\n            (onEditorCreated)=\"onEditorCreated.emit()\"\n            (onFocus)=\"onFocus.emit($event)\"\n            (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\n    \n            <div quill-editor-toolbar *ngIf=\"showToolbar\">\n                <ng-container [ngTemplateOutlet]=\"toolbar\"></ng-container>\n                <ng-container [ngTemplateOutlet]=\"editorSize\"></ng-container>\n            </div>\n        </quill-editor>\n    </form>\n</ng-container>\n\n<ng-template #toolbar>\n    <div>\n        <ng-container [ngTemplateOutlet]=\"fontStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"blockStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"headingStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"listStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"scriptStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"indentStyle\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"rtl\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"fontSize\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"heading\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"color\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"font\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"align\"></ng-container>\n        <ng-container [ngTemplateOutlet]=\"clean\"></ng-container>\n        <nt-container [ngTemplateOutlet]=\"formula\"></nt-container>\n        <ng-container [ngTemplateOutlet]=\"media\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #fontStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showFontStyle\">\n        <button class=\"ql-bold\"      *ngIf=\"config!.buttons.bold\"      [matTooltip]=\"tooltip(config!.tooltips.bold)\"></button>\n        <button class=\"ql-italic\"    *ngIf=\"config!.buttons.italic\"    [matTooltip]=\"tooltip(config!.tooltips.italic)\"></button>\n        <button class=\"ql-underline\" *ngIf=\"config!.buttons.underline\" [matTooltip]=\"tooltip(config!.tooltips.underline)\"></button>\n        <button class=\"ql-strike\"    *ngIf=\"config!.buttons.strike\"    [matTooltip]=\"tooltip(config!.tooltips.strike)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #blockStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showBlockStyle\">\n        <button class=\"ql-blockquote\" *ngIf=\"config!.buttons.blockquote\" [matTooltip]=\"tooltip(config!.tooltips.blockquote)\"></button>\n        <button class=\"ql-code-block\" *ngIf=\"config!.buttons.codeblock\"  [matTooltip]=\"tooltip(config!.tooltips.codeblock)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #headingStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showQuickHeadingStyle\">\n        <button class=\"ql-header\" value=\"1\" *ngIf=\"config!.buttons.h1\" [matTooltip]=\"tooltip(config!.tooltips.h1)\"></button>\n        <button class=\"ql-header\" value=\"2\" *ngIf=\"config!.buttons.h2\" [matTooltip]=\"tooltip(config!.tooltips.h2)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #listStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showListStyle\">\n        <button class=\"ql-list\" value=\"ordered\" *ngIf=\"config!.buttons.ordered\"  [matTooltip]=\"tooltip(config!.tooltips.ordered)\"></button>\n        <button class=\"ql-list\" value=\"bullet\"  *ngIf=\"config!.buttons.bulleted\" [matTooltip]=\"tooltip(config!.tooltips.bulleted)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #scriptStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showScriptStyle\">\n        <button class=\"ql-script\" value=\"sub\"   *ngIf=\"config!.buttons.subScript\" [matTooltip]=\"tooltip(config!.tooltips.subScript)\"></button>\n        <button class=\"ql-script\" value=\"super\" *ngIf=\"config!.buttons.superScript\" [matTooltip]=\"tooltip(config!.tooltips.superScript)\"></button>\n    </span>\n</ng-template>\n    \n<ng-template #indentStyle>\n    <span class=\"ql-formats\" *ngIf=\"config!.showIndentStyle\">\n        <button class=\"ql-indent\" value=\"-1\" *ngIf=\"config!.buttons.decreaseIndent\" [matTooltip]=\"tooltip(config!.tooltips.decreaseIndent)\"></button>\n        <button class=\"ql-indent\" value=\"+1\" *ngIf=\"config!.buttons.increaseIndent\" [matTooltip]=\"tooltip(config!.tooltips.increaseIndent)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #rtl>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.rtl\">\n        <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config!.tooltips.rtl)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #fontSize>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.fontSize\" [matTooltip]=\"tooltip(config!.tooltips.fontSize)\">\n        <select class=\"ql-size\">\n            <option value=\"small\"></option>\n            <option selected></option>\n            <option value=\"large\"></option>\n            <option value=\"huge\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #heading>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.headingStyle\" [matTooltip]=\"tooltip(config!.tooltips.headingStyle)\">\n        <select class=\"ql-header\">\n            <option value=\"1\"></option>\n            <option value=\"2\"></option>\n            <option value=\"3\"></option>\n            <option value=\"4\"></option>\n            <option value=\"5\"></option>\n            <option value=\"6\"></option>\n            <option selected=\"selected\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #color>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.color\" [matTooltip]=\"tooltip(config!.tooltips.color)\">\n        <select class=\"ql-color\"></select>\n        <select class=\"ql-background\"></select>\n    </span>\n</ng-template>\n\n<ng-template #font>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.font\" [matTooltip]=\"tooltip(config!.tooltips.font)\">\n        <select class=\"ql-font\">\n            <option selected></option>\n            <option value=\"serif\"></option>\n            <option value=\"monospace\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #align>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.align\" [matTooltip]=\"tooltip(config!.tooltips.align)\">\n        <select class=\"ql-align\">\n            <option selected></option>\n            <option value=\"center\"></option>\n            <option value=\"right\"></option>\n            <option value=\"justify\"></option>\n        </select>\n    </span>\n</ng-template>\n\n<ng-template #clean>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.clean\" [matTooltip]=\"tooltip(config!.tooltips.clean)\">\n        <button class=\"ql-clean\"></button>\n    </span>\n</ng-template>\n\n<ng-template #media>\n    <span class=\"ql-formats\" *ngIf=\"config!.showMedia\">\n        <button class=\"ql-link\"  *ngIf=\"config!.buttons.link\" [matTooltip]=\"tooltip(config!.tooltips.link)\"></button>\n        <button class=\"ql-image\" *ngIf=\"config!.buttons.image\" [matTooltip]=\"tooltip(config!.tooltips.image)\"></button>\n        <button class=\"ql-video\" *ngIf=\"config!.buttons.video\" [matTooltip]=\"tooltip(config!.tooltips.video)\"></button>\n    </span>\n</ng-template>\n\n<ng-template #editorSize>\n    <div>\n        <span class=\"ql-formats\" *ngIf=\"config!.buttons.rawEditor\">\n            <button id=\"rawdog\"\n                [matTooltip]=\"tooltip(config!.tooltips.rawEditor)\">\n\n                <mat-icon (click)=\"rawEdit()\">\n                    code\n                </mat-icon>\n            </button>\n        </span>\n\n        <span class=\"ql-formats\" *ngIf=\"config!.buttons.editorSize\">\n            <button id=\"fullscreen\"\n                [matTooltip]=\"tooltip(fullscreen ?\n                    (fullscreenMode === 'expand' ? config!.tooltips.minimize : config!.tooltips.popin) :\n                    (fullscreenMode === 'expand' ? config!.tooltips.maximize : config!.tooltips.popout))\">\n\n                <mat-icon (click)=\"toggleFullscreen()\">\n                    {{ fullscreen ?\n                        (fullscreenMode === 'expand' ? config!.icons.minimize : config!.icons.popin) :\n                        (fullscreenMode === 'expand' ? config!.icons.maximize : config!.icons.popout)\n                    }}\n                </mat-icon>\n            </button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template #formula>\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.formula\" [matTooltip]=\"tooltip(config!.tooltips.formula)\">\n        <button class=\"ql-formula\"></button>\n    </span>\n</ng-template>","import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { QuillModule as NgxQuillModule } from 'ngx-quill';\r\nimport { EditorComponent } from './components/editor/editor.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    EditorComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n\r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n\r\n    NgxQuillModule.forRoot()\r\n  ],\r\n  exports: [\r\n    EditorComponent\r\n  ]\r\n})\r\nexport class QuillMentionModule {\r\n  static forRoot(): ModuleWithProviders<QuillMentionModule> {\r\n      return {\r\n        ngModule: QuillMentionModule\r\n      };\r\n    }\r\n\r\n    constructor(@Optional() @SkipSelf() parentModule: QuillMentionModule) {\r\n      if (parentModule) {\r\n        throw new Error(\r\n          'QuillMentionModule is already loaded. Import it in the AppModule only');\r\n      }\r\n    }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["ButtonsBase","ConfigBase","IconsBase","TooltipsBase","EditorComponentBase","NgxQuillModule"],"mappings":"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"}

package/fesm2020/cleavelandprice-ngx-lib-quill.mjs

@@ -198,8 +198,6 @@ class EditorComponent {
         this.onChange = (_) => { }; // Invoked when the model has been changed
         this.onTouched = () => { }; // Invoked when the model has been touched
         //#endregion
-        this.config = new Config();
-        //#endregion
         //#endregion
         this.fullscreenChanged = new EventEmitter();
         //#region Passthrough events
@@ -393,14 +391,14 @@ EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => EditorComponent),
             multi: true
-        }], viewQueries: [{ propertyName: "editor", first: true, predicate: QuillEditorComponent, descendants: true }], ngImport: i0, template: "<ng-container>\r\n    <form>\r\n        <quill-editor name=\"editor\"\r\n            [(ngModel)]=\"value\"\r\n            (ngModelChange)=\"updateChanges()\"\r\n\r\n            [placeholder]=\"placeholder\"\r\n            [format]=\"format\"\r\n            [style.height]=\"fullscreen ? fullscreenHeight : height\"\r\n            [style.width]=\"fullscreen ? fullscreenWidth : width\"\r\n            [readOnly]=\"readonly\"\r\n            [class.readonly]=\"readonly && applyReadonlyStyle\"\r\n            [class.no-toolbar]=\"!showToolbar\"\r\n            [class.no-border]=\"!showBorder\"\r\n            [modules]=\"modules\"\r\n    \r\n            (onBlur)=\"onBlur.emit($event)\"\r\n            (onContentChanged)=\"onContentChanged.emit($event)\"\r\n            (onEditorChanged)=\"onEditorChanged.emit($event)\"\r\n            (onEditorCreated)=\"onEditorCreated.emit()\"\r\n            (onFocus)=\"onFocus.emit($event)\"\r\n            (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\r\n    \r\n            <div quill-editor-toolbar *ngIf=\"showToolbar\">\r\n                <ng-container [ngTemplateOutlet]=\"toolbar\"></ng-container>\r\n                <ng-container [ngTemplateOutlet]=\"editorSize\"></ng-container>\r\n            </div>\r\n        </quill-editor>\r\n    </form>\r\n</ng-container>\r\n\r\n<ng-template #toolbar>\r\n    <div>\r\n        <ng-container [ngTemplateOutlet]=\"fontStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"blockStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"headingStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"listStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"scriptStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"indentStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"rtl\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"fontSize\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"heading\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"color\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"font\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"align\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"clean\"></ng-container>\r\n        <nt-container [ngTemplateOutlet]=\"formula\"></nt-container>\r\n        <ng-container [ngTemplateOutlet]=\"media\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #fontStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showFontStyle\">\r\n        <button class=\"ql-bold\"      *ngIf=\"config.buttons.bold\"      [matTooltip]=\"tooltip(config.tooltips.bold)\"></button>\r\n        <button class=\"ql-italic\"    *ngIf=\"config.buttons.italic\"    [matTooltip]=\"tooltip(config.tooltips.italic)\"></button>\r\n        <button class=\"ql-underline\" *ngIf=\"config.buttons.underline\" [matTooltip]=\"tooltip(config.tooltips.underline)\"></button>\r\n        <button class=\"ql-strike\"    *ngIf=\"config.buttons.strike\"    [matTooltip]=\"tooltip(config.tooltips.strike)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #blockStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showBlockStyle\">\r\n        <button class=\"ql-blockquote\" *ngIf=\"config.buttons.blockquote\" [matTooltip]=\"tooltip(config.tooltips.blockquote)\"></button>\r\n        <button class=\"ql-code-block\" *ngIf=\"config.buttons.codeblock\"  [matTooltip]=\"tooltip(config.tooltips.codeblock)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #headingStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showQuickHeadingStyle\">\r\n        <button class=\"ql-header\" value=\"1\" *ngIf=\"config.buttons.h1\" [matTooltip]=\"tooltip(config.tooltips.h1)\"></button>\r\n        <button class=\"ql-header\" value=\"2\" *ngIf=\"config.buttons.h2\" [matTooltip]=\"tooltip(config.tooltips.h2)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #listStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showListStyle\">\r\n        <button class=\"ql-list\" value=\"ordered\" *ngIf=\"config.buttons.ordered\"  [matTooltip]=\"tooltip(config.tooltips.ordered)\"></button>\r\n        <button class=\"ql-list\" value=\"bullet\"  *ngIf=\"config.buttons.bulleted\" [matTooltip]=\"tooltip(config.tooltips.bulleted)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #scriptStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showScriptStyle\">\r\n        <button class=\"ql-script\" value=\"sub\"   *ngIf=\"config.buttons.subScript\" [matTooltip]=\"tooltip(config.tooltips.subScript)\"></button>\r\n        <button class=\"ql-script\" value=\"super\" *ngIf=\"config.buttons.superScript\" [matTooltip]=\"tooltip(config.tooltips.superScript)\"></button>\r\n    </span>\r\n</ng-template>\r\n    \r\n<ng-template #indentStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showIndentStyle\">\r\n        <button class=\"ql-indent\" value=\"-1\" *ngIf=\"config.buttons.decreaseIndent\" [matTooltip]=\"tooltip(config.tooltips.decreaseIndent)\"></button>\r\n        <button class=\"ql-indent\" value=\"+1\" *ngIf=\"config.buttons.increaseIndent\" [matTooltip]=\"tooltip(config.tooltips.increaseIndent)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #rtl>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.rtl\">\r\n        <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config.tooltips.rtl)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #fontSize>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.fontSize\" [matTooltip]=\"tooltip(config.tooltips.fontSize)\">\r\n        <select class=\"ql-size\">\r\n            <option value=\"small\"></option>\r\n            <option selected></option>\r\n            <option value=\"large\"></option>\r\n            <option value=\"huge\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #heading>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.headingStyle\" [matTooltip]=\"tooltip(config.tooltips.headingStyle)\">\r\n        <select class=\"ql-header\">\r\n            <option value=\"1\"></option>\r\n            <option value=\"2\"></option>\r\n            <option value=\"3\"></option>\r\n            <option value=\"4\"></option>\r\n            <option value=\"5\"></option>\r\n            <option value=\"6\"></option>\r\n            <option selected=\"selected\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #color>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.color\" [matTooltip]=\"tooltip(config.tooltips.color)\">\r\n        <select class=\"ql-color\"></select>\r\n        <select class=\"ql-background\"></select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #font>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.font\" [matTooltip]=\"tooltip(config.tooltips.font)\">\r\n        <select class=\"ql-font\">\r\n            <option selected></option>\r\n            <option value=\"serif\"></option>\r\n            <option value=\"monospace\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #align>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.align\" [matTooltip]=\"tooltip(config.tooltips.align)\">\r\n        <select class=\"ql-align\">\r\n            <option selected></option>\r\n            <option value=\"center\"></option>\r\n            <option value=\"right\"></option>\r\n            <option value=\"justify\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #clean>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.clean\" [matTooltip]=\"tooltip(config.tooltips.clean)\">\r\n        <button class=\"ql-clean\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #media>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showMedia\">\r\n        <button class=\"ql-link\"  *ngIf=\"config.buttons.link\" [matTooltip]=\"tooltip(config.tooltips.link)\"></button>\r\n        <button class=\"ql-image\" *ngIf=\"config.buttons.image\" [matTooltip]=\"tooltip(config.tooltips.image)\"></button>\r\n        <button class=\"ql-video\" *ngIf=\"config.buttons.video\" [matTooltip]=\"tooltip(config.tooltips.video)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #editorSize>\r\n    <div>\r\n        <span class=\"ql-formats\" *ngIf=\"config.buttons.rawEditor\">\r\n            <button id=\"rawdog\"\r\n                [matTooltip]=\"tooltip(config.tooltips.rawEditor)\">\r\n\r\n                <mat-icon (click)=\"rawEdit()\">\r\n                    code\r\n                </mat-icon>\r\n            </button>\r\n        </span>\r\n\r\n        <span class=\"ql-formats\" *ngIf=\"config.buttons.editorSize\">\r\n            <button id=\"fullscreen\"\r\n                [matTooltip]=\"tooltip(fullscreen ?\r\n                    (fullscreenMode === 'expand' ? config.tooltips.minimize : config.tooltips.popin) :\r\n                    (fullscreenMode === 'expand' ? config.tooltips.maximize : config.tooltips.popout))\">\r\n\r\n                <mat-icon (click)=\"toggleFullscreen()\">\r\n                    {{ fullscreen ?\r\n                        (fullscreenMode === 'expand' ? config.icons.minimize : config.icons.popin) :\r\n                        (fullscreenMode === 'expand' ? config.icons.maximize : config.icons.popout)\r\n                    }}\r\n                </mat-icon>\r\n            </button>\r\n        </span>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #formula>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.formula\" [matTooltip]=\"tooltip(config.tooltips.formula)\">\r\n        <button class=\"ql-formula\"></button>\r\n    </span>\r\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6$1.QuillEditorComponent, selector: "quill-editor" }] });
+        }], viewQueries: [{ propertyName: "editor", first: true, predicate: QuillEditorComponent, descendants: true }], ngImport: i0, template: "<ng-container>\r\n    <form>\r\n        <quill-editor name=\"editor\"\r\n            [(ngModel)]=\"value\"\r\n            (ngModelChange)=\"updateChanges()\"\r\n\r\n            [placeholder]=\"placeholder\"\r\n            [format]=\"format\"\r\n            [style.height]=\"fullscreen ? fullscreenHeight : height\"\r\n            [style.width]=\"fullscreen ? fullscreenWidth : width\"\r\n            [readOnly]=\"readonly\"\r\n            [class.readonly]=\"readonly && applyReadonlyStyle\"\r\n            [class.no-toolbar]=\"!showToolbar\"\r\n            [class.no-border]=\"!showBorder\"\r\n            [modules]=\"modules\"\r\n    \r\n            (onBlur)=\"onBlur.emit($event)\"\r\n            (onContentChanged)=\"onContentChanged.emit($event)\"\r\n            (onEditorChanged)=\"onEditorChanged.emit($event)\"\r\n            (onEditorCreated)=\"onEditorCreated.emit()\"\r\n            (onFocus)=\"onFocus.emit($event)\"\r\n            (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\r\n    \r\n            <div quill-editor-toolbar *ngIf=\"showToolbar\">\r\n                <ng-container [ngTemplateOutlet]=\"toolbar\"></ng-container>\r\n                <ng-container [ngTemplateOutlet]=\"editorSize\"></ng-container>\r\n            </div>\r\n        </quill-editor>\r\n    </form>\r\n</ng-container>\r\n\r\n<ng-template #toolbar>\r\n    <div>\r\n        <ng-container [ngTemplateOutlet]=\"fontStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"blockStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"headingStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"listStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"scriptStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"indentStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"rtl\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"fontSize\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"heading\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"color\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"font\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"align\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"clean\"></ng-container>\r\n        <nt-container [ngTemplateOutlet]=\"formula\"></nt-container>\r\n        <ng-container [ngTemplateOutlet]=\"media\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #fontStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showFontStyle\">\r\n        <button class=\"ql-bold\"      *ngIf=\"config!.buttons.bold\"      [matTooltip]=\"tooltip(config!.tooltips.bold)\"></button>\r\n        <button class=\"ql-italic\"    *ngIf=\"config!.buttons.italic\"    [matTooltip]=\"tooltip(config!.tooltips.italic)\"></button>\r\n        <button class=\"ql-underline\" *ngIf=\"config!.buttons.underline\" [matTooltip]=\"tooltip(config!.tooltips.underline)\"></button>\r\n        <button class=\"ql-strike\"    *ngIf=\"config!.buttons.strike\"    [matTooltip]=\"tooltip(config!.tooltips.strike)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #blockStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showBlockStyle\">\r\n        <button class=\"ql-blockquote\" *ngIf=\"config!.buttons.blockquote\" [matTooltip]=\"tooltip(config!.tooltips.blockquote)\"></button>\r\n        <button class=\"ql-code-block\" *ngIf=\"config!.buttons.codeblock\"  [matTooltip]=\"tooltip(config!.tooltips.codeblock)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #headingStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showQuickHeadingStyle\">\r\n        <button class=\"ql-header\" value=\"1\" *ngIf=\"config!.buttons.h1\" [matTooltip]=\"tooltip(config!.tooltips.h1)\"></button>\r\n        <button class=\"ql-header\" value=\"2\" *ngIf=\"config!.buttons.h2\" [matTooltip]=\"tooltip(config!.tooltips.h2)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #listStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showListStyle\">\r\n        <button class=\"ql-list\" value=\"ordered\" *ngIf=\"config!.buttons.ordered\"  [matTooltip]=\"tooltip(config!.tooltips.ordered)\"></button>\r\n        <button class=\"ql-list\" value=\"bullet\"  *ngIf=\"config!.buttons.bulleted\" [matTooltip]=\"tooltip(config!.tooltips.bulleted)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #scriptStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showScriptStyle\">\r\n        <button class=\"ql-script\" value=\"sub\"   *ngIf=\"config!.buttons.subScript\" [matTooltip]=\"tooltip(config!.tooltips.subScript)\"></button>\r\n        <button class=\"ql-script\" value=\"super\" *ngIf=\"config!.buttons.superScript\" [matTooltip]=\"tooltip(config!.tooltips.superScript)\"></button>\r\n    </span>\r\n</ng-template>\r\n    \r\n<ng-template #indentStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showIndentStyle\">\r\n        <button class=\"ql-indent\" value=\"-1\" *ngIf=\"config!.buttons.decreaseIndent\" [matTooltip]=\"tooltip(config!.tooltips.decreaseIndent)\"></button>\r\n        <button class=\"ql-indent\" value=\"+1\" *ngIf=\"config!.buttons.increaseIndent\" [matTooltip]=\"tooltip(config!.tooltips.increaseIndent)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #rtl>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.rtl\">\r\n        <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config!.tooltips.rtl)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #fontSize>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.fontSize\" [matTooltip]=\"tooltip(config!.tooltips.fontSize)\">\r\n        <select class=\"ql-size\">\r\n            <option value=\"small\"></option>\r\n            <option selected></option>\r\n            <option value=\"large\"></option>\r\n            <option value=\"huge\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #heading>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.headingStyle\" [matTooltip]=\"tooltip(config!.tooltips.headingStyle)\">\r\n        <select class=\"ql-header\">\r\n            <option value=\"1\"></option>\r\n            <option value=\"2\"></option>\r\n            <option value=\"3\"></option>\r\n            <option value=\"4\"></option>\r\n            <option value=\"5\"></option>\r\n            <option value=\"6\"></option>\r\n            <option selected=\"selected\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #color>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.color\" [matTooltip]=\"tooltip(config!.tooltips.color)\">\r\n        <select class=\"ql-color\"></select>\r\n        <select class=\"ql-background\"></select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #font>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.font\" [matTooltip]=\"tooltip(config!.tooltips.font)\">\r\n        <select class=\"ql-font\">\r\n            <option selected></option>\r\n            <option value=\"serif\"></option>\r\n            <option value=\"monospace\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #align>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.align\" [matTooltip]=\"tooltip(config!.tooltips.align)\">\r\n        <select class=\"ql-align\">\r\n            <option selected></option>\r\n            <option value=\"center\"></option>\r\n            <option value=\"right\"></option>\r\n            <option value=\"justify\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #clean>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.clean\" [matTooltip]=\"tooltip(config!.tooltips.clean)\">\r\n        <button class=\"ql-clean\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #media>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showMedia\">\r\n        <button class=\"ql-link\"  *ngIf=\"config!.buttons.link\" [matTooltip]=\"tooltip(config!.tooltips.link)\"></button>\r\n        <button class=\"ql-image\" *ngIf=\"config!.buttons.image\" [matTooltip]=\"tooltip(config!.tooltips.image)\"></button>\r\n        <button class=\"ql-video\" *ngIf=\"config!.buttons.video\" [matTooltip]=\"tooltip(config!.tooltips.video)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #editorSize>\r\n    <div>\r\n        <span class=\"ql-formats\" *ngIf=\"config!.buttons.rawEditor\">\r\n            <button id=\"rawdog\"\r\n                [matTooltip]=\"tooltip(config!.tooltips.rawEditor)\">\r\n\r\n                <mat-icon (click)=\"rawEdit()\">\r\n                    code\r\n                </mat-icon>\r\n            </button>\r\n        </span>\r\n\r\n        <span class=\"ql-formats\" *ngIf=\"config!.buttons.editorSize\">\r\n            <button id=\"fullscreen\"\r\n                [matTooltip]=\"tooltip(fullscreen ?\r\n                    (fullscreenMode === 'expand' ? config!.tooltips.minimize : config!.tooltips.popin) :\r\n                    (fullscreenMode === 'expand' ? config!.tooltips.maximize : config!.tooltips.popout))\">\r\n\r\n                <mat-icon (click)=\"toggleFullscreen()\">\r\n                    {{ fullscreen ?\r\n                        (fullscreenMode === 'expand' ? config!.icons.minimize : config!.icons.popin) :\r\n                        (fullscreenMode === 'expand' ? config!.icons.maximize : config!.icons.popout)\r\n                    }}\r\n                </mat-icon>\r\n            </button>\r\n        </span>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #formula>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.formula\" [matTooltip]=\"tooltip(config!.tooltips.formula)\">\r\n        <button class=\"ql-formula\"></button>\r\n    </span>\r\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6$1.QuillEditorComponent, selector: "quill-editor" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: EditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cpquill-editor', providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => EditorComponent),
                             multi: true
-                        }], template: "<ng-container>\r\n    <form>\r\n        <quill-editor name=\"editor\"\r\n            [(ngModel)]=\"value\"\r\n            (ngModelChange)=\"updateChanges()\"\r\n\r\n            [placeholder]=\"placeholder\"\r\n            [format]=\"format\"\r\n            [style.height]=\"fullscreen ? fullscreenHeight : height\"\r\n            [style.width]=\"fullscreen ? fullscreenWidth : width\"\r\n            [readOnly]=\"readonly\"\r\n            [class.readonly]=\"readonly && applyReadonlyStyle\"\r\n            [class.no-toolbar]=\"!showToolbar\"\r\n            [class.no-border]=\"!showBorder\"\r\n            [modules]=\"modules\"\r\n    \r\n            (onBlur)=\"onBlur.emit($event)\"\r\n            (onContentChanged)=\"onContentChanged.emit($event)\"\r\n            (onEditorChanged)=\"onEditorChanged.emit($event)\"\r\n            (onEditorCreated)=\"onEditorCreated.emit()\"\r\n            (onFocus)=\"onFocus.emit($event)\"\r\n            (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\r\n    \r\n            <div quill-editor-toolbar *ngIf=\"showToolbar\">\r\n                <ng-container [ngTemplateOutlet]=\"toolbar\"></ng-container>\r\n                <ng-container [ngTemplateOutlet]=\"editorSize\"></ng-container>\r\n            </div>\r\n        </quill-editor>\r\n    </form>\r\n</ng-container>\r\n\r\n<ng-template #toolbar>\r\n    <div>\r\n        <ng-container [ngTemplateOutlet]=\"fontStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"blockStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"headingStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"listStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"scriptStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"indentStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"rtl\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"fontSize\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"heading\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"color\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"font\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"align\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"clean\"></ng-container>\r\n        <nt-container [ngTemplateOutlet]=\"formula\"></nt-container>\r\n        <ng-container [ngTemplateOutlet]=\"media\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #fontStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showFontStyle\">\r\n        <button class=\"ql-bold\"      *ngIf=\"config.buttons.bold\"      [matTooltip]=\"tooltip(config.tooltips.bold)\"></button>\r\n        <button class=\"ql-italic\"    *ngIf=\"config.buttons.italic\"    [matTooltip]=\"tooltip(config.tooltips.italic)\"></button>\r\n        <button class=\"ql-underline\" *ngIf=\"config.buttons.underline\" [matTooltip]=\"tooltip(config.tooltips.underline)\"></button>\r\n        <button class=\"ql-strike\"    *ngIf=\"config.buttons.strike\"    [matTooltip]=\"tooltip(config.tooltips.strike)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #blockStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showBlockStyle\">\r\n        <button class=\"ql-blockquote\" *ngIf=\"config.buttons.blockquote\" [matTooltip]=\"tooltip(config.tooltips.blockquote)\"></button>\r\n        <button class=\"ql-code-block\" *ngIf=\"config.buttons.codeblock\"  [matTooltip]=\"tooltip(config.tooltips.codeblock)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #headingStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showQuickHeadingStyle\">\r\n        <button class=\"ql-header\" value=\"1\" *ngIf=\"config.buttons.h1\" [matTooltip]=\"tooltip(config.tooltips.h1)\"></button>\r\n        <button class=\"ql-header\" value=\"2\" *ngIf=\"config.buttons.h2\" [matTooltip]=\"tooltip(config.tooltips.h2)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #listStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showListStyle\">\r\n        <button class=\"ql-list\" value=\"ordered\" *ngIf=\"config.buttons.ordered\"  [matTooltip]=\"tooltip(config.tooltips.ordered)\"></button>\r\n        <button class=\"ql-list\" value=\"bullet\"  *ngIf=\"config.buttons.bulleted\" [matTooltip]=\"tooltip(config.tooltips.bulleted)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #scriptStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showScriptStyle\">\r\n        <button class=\"ql-script\" value=\"sub\"   *ngIf=\"config.buttons.subScript\" [matTooltip]=\"tooltip(config.tooltips.subScript)\"></button>\r\n        <button class=\"ql-script\" value=\"super\" *ngIf=\"config.buttons.superScript\" [matTooltip]=\"tooltip(config.tooltips.superScript)\"></button>\r\n    </span>\r\n</ng-template>\r\n    \r\n<ng-template #indentStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showIndentStyle\">\r\n        <button class=\"ql-indent\" value=\"-1\" *ngIf=\"config.buttons.decreaseIndent\" [matTooltip]=\"tooltip(config.tooltips.decreaseIndent)\"></button>\r\n        <button class=\"ql-indent\" value=\"+1\" *ngIf=\"config.buttons.increaseIndent\" [matTooltip]=\"tooltip(config.tooltips.increaseIndent)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #rtl>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.rtl\">\r\n        <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config.tooltips.rtl)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #fontSize>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.fontSize\" [matTooltip]=\"tooltip(config.tooltips.fontSize)\">\r\n        <select class=\"ql-size\">\r\n            <option value=\"small\"></option>\r\n            <option selected></option>\r\n            <option value=\"large\"></option>\r\n            <option value=\"huge\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #heading>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.headingStyle\" [matTooltip]=\"tooltip(config.tooltips.headingStyle)\">\r\n        <select class=\"ql-header\">\r\n            <option value=\"1\"></option>\r\n            <option value=\"2\"></option>\r\n            <option value=\"3\"></option>\r\n            <option value=\"4\"></option>\r\n            <option value=\"5\"></option>\r\n            <option value=\"6\"></option>\r\n            <option selected=\"selected\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #color>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.color\" [matTooltip]=\"tooltip(config.tooltips.color)\">\r\n        <select class=\"ql-color\"></select>\r\n        <select class=\"ql-background\"></select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #font>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.font\" [matTooltip]=\"tooltip(config.tooltips.font)\">\r\n        <select class=\"ql-font\">\r\n            <option selected></option>\r\n            <option value=\"serif\"></option>\r\n            <option value=\"monospace\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #align>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.align\" [matTooltip]=\"tooltip(config.tooltips.align)\">\r\n        <select class=\"ql-align\">\r\n            <option selected></option>\r\n            <option value=\"center\"></option>\r\n            <option value=\"right\"></option>\r\n            <option value=\"justify\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #clean>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.clean\" [matTooltip]=\"tooltip(config.tooltips.clean)\">\r\n        <button class=\"ql-clean\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #media>\r\n    <span class=\"ql-formats\" *ngIf=\"config.showMedia\">\r\n        <button class=\"ql-link\"  *ngIf=\"config.buttons.link\" [matTooltip]=\"tooltip(config.tooltips.link)\"></button>\r\n        <button class=\"ql-image\" *ngIf=\"config.buttons.image\" [matTooltip]=\"tooltip(config.tooltips.image)\"></button>\r\n        <button class=\"ql-video\" *ngIf=\"config.buttons.video\" [matTooltip]=\"tooltip(config.tooltips.video)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #editorSize>\r\n    <div>\r\n        <span class=\"ql-formats\" *ngIf=\"config.buttons.rawEditor\">\r\n            <button id=\"rawdog\"\r\n                [matTooltip]=\"tooltip(config.tooltips.rawEditor)\">\r\n\r\n                <mat-icon (click)=\"rawEdit()\">\r\n                    code\r\n                </mat-icon>\r\n            </button>\r\n        </span>\r\n\r\n        <span class=\"ql-formats\" *ngIf=\"config.buttons.editorSize\">\r\n            <button id=\"fullscreen\"\r\n                [matTooltip]=\"tooltip(fullscreen ?\r\n                    (fullscreenMode === 'expand' ? config.tooltips.minimize : config.tooltips.popin) :\r\n                    (fullscreenMode === 'expand' ? config.tooltips.maximize : config.tooltips.popout))\">\r\n\r\n                <mat-icon (click)=\"toggleFullscreen()\">\r\n                    {{ fullscreen ?\r\n                        (fullscreenMode === 'expand' ? config.icons.minimize : config.icons.popin) :\r\n                        (fullscreenMode === 'expand' ? config.icons.maximize : config.icons.popout)\r\n                    }}\r\n                </mat-icon>\r\n            </button>\r\n        </span>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #formula>\r\n    <span class=\"ql-formats\" *ngIf=\"config.buttons.formula\" [matTooltip]=\"tooltip(config.tooltips.formula)\">\r\n        <button class=\"ql-formula\"></button>\r\n    </span>\r\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"] }]
+                        }], template: "<ng-container>\r\n    <form>\r\n        <quill-editor name=\"editor\"\r\n            [(ngModel)]=\"value\"\r\n            (ngModelChange)=\"updateChanges()\"\r\n\r\n            [placeholder]=\"placeholder\"\r\n            [format]=\"format\"\r\n            [style.height]=\"fullscreen ? fullscreenHeight : height\"\r\n            [style.width]=\"fullscreen ? fullscreenWidth : width\"\r\n            [readOnly]=\"readonly\"\r\n            [class.readonly]=\"readonly && applyReadonlyStyle\"\r\n            [class.no-toolbar]=\"!showToolbar\"\r\n            [class.no-border]=\"!showBorder\"\r\n            [modules]=\"modules\"\r\n    \r\n            (onBlur)=\"onBlur.emit($event)\"\r\n            (onContentChanged)=\"onContentChanged.emit($event)\"\r\n            (onEditorChanged)=\"onEditorChanged.emit($event)\"\r\n            (onEditorCreated)=\"onEditorCreated.emit()\"\r\n            (onFocus)=\"onFocus.emit($event)\"\r\n            (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\r\n    \r\n            <div quill-editor-toolbar *ngIf=\"showToolbar\">\r\n                <ng-container [ngTemplateOutlet]=\"toolbar\"></ng-container>\r\n                <ng-container [ngTemplateOutlet]=\"editorSize\"></ng-container>\r\n            </div>\r\n        </quill-editor>\r\n    </form>\r\n</ng-container>\r\n\r\n<ng-template #toolbar>\r\n    <div>\r\n        <ng-container [ngTemplateOutlet]=\"fontStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"blockStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"headingStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"listStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"scriptStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"indentStyle\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"rtl\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"fontSize\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"heading\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"color\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"font\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"align\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"clean\"></ng-container>\r\n        <nt-container [ngTemplateOutlet]=\"formula\"></nt-container>\r\n        <ng-container [ngTemplateOutlet]=\"media\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #fontStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showFontStyle\">\r\n        <button class=\"ql-bold\"      *ngIf=\"config!.buttons.bold\"      [matTooltip]=\"tooltip(config!.tooltips.bold)\"></button>\r\n        <button class=\"ql-italic\"    *ngIf=\"config!.buttons.italic\"    [matTooltip]=\"tooltip(config!.tooltips.italic)\"></button>\r\n        <button class=\"ql-underline\" *ngIf=\"config!.buttons.underline\" [matTooltip]=\"tooltip(config!.tooltips.underline)\"></button>\r\n        <button class=\"ql-strike\"    *ngIf=\"config!.buttons.strike\"    [matTooltip]=\"tooltip(config!.tooltips.strike)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #blockStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showBlockStyle\">\r\n        <button class=\"ql-blockquote\" *ngIf=\"config!.buttons.blockquote\" [matTooltip]=\"tooltip(config!.tooltips.blockquote)\"></button>\r\n        <button class=\"ql-code-block\" *ngIf=\"config!.buttons.codeblock\"  [matTooltip]=\"tooltip(config!.tooltips.codeblock)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #headingStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showQuickHeadingStyle\">\r\n        <button class=\"ql-header\" value=\"1\" *ngIf=\"config!.buttons.h1\" [matTooltip]=\"tooltip(config!.tooltips.h1)\"></button>\r\n        <button class=\"ql-header\" value=\"2\" *ngIf=\"config!.buttons.h2\" [matTooltip]=\"tooltip(config!.tooltips.h2)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #listStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showListStyle\">\r\n        <button class=\"ql-list\" value=\"ordered\" *ngIf=\"config!.buttons.ordered\"  [matTooltip]=\"tooltip(config!.tooltips.ordered)\"></button>\r\n        <button class=\"ql-list\" value=\"bullet\"  *ngIf=\"config!.buttons.bulleted\" [matTooltip]=\"tooltip(config!.tooltips.bulleted)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #scriptStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showScriptStyle\">\r\n        <button class=\"ql-script\" value=\"sub\"   *ngIf=\"config!.buttons.subScript\" [matTooltip]=\"tooltip(config!.tooltips.subScript)\"></button>\r\n        <button class=\"ql-script\" value=\"super\" *ngIf=\"config!.buttons.superScript\" [matTooltip]=\"tooltip(config!.tooltips.superScript)\"></button>\r\n    </span>\r\n</ng-template>\r\n    \r\n<ng-template #indentStyle>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showIndentStyle\">\r\n        <button class=\"ql-indent\" value=\"-1\" *ngIf=\"config!.buttons.decreaseIndent\" [matTooltip]=\"tooltip(config!.tooltips.decreaseIndent)\"></button>\r\n        <button class=\"ql-indent\" value=\"+1\" *ngIf=\"config!.buttons.increaseIndent\" [matTooltip]=\"tooltip(config!.tooltips.increaseIndent)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #rtl>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.rtl\">\r\n        <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config!.tooltips.rtl)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #fontSize>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.fontSize\" [matTooltip]=\"tooltip(config!.tooltips.fontSize)\">\r\n        <select class=\"ql-size\">\r\n            <option value=\"small\"></option>\r\n            <option selected></option>\r\n            <option value=\"large\"></option>\r\n            <option value=\"huge\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #heading>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.headingStyle\" [matTooltip]=\"tooltip(config!.tooltips.headingStyle)\">\r\n        <select class=\"ql-header\">\r\n            <option value=\"1\"></option>\r\n            <option value=\"2\"></option>\r\n            <option value=\"3\"></option>\r\n            <option value=\"4\"></option>\r\n            <option value=\"5\"></option>\r\n            <option value=\"6\"></option>\r\n            <option selected=\"selected\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #color>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.color\" [matTooltip]=\"tooltip(config!.tooltips.color)\">\r\n        <select class=\"ql-color\"></select>\r\n        <select class=\"ql-background\"></select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #font>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.font\" [matTooltip]=\"tooltip(config!.tooltips.font)\">\r\n        <select class=\"ql-font\">\r\n            <option selected></option>\r\n            <option value=\"serif\"></option>\r\n            <option value=\"monospace\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #align>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.align\" [matTooltip]=\"tooltip(config!.tooltips.align)\">\r\n        <select class=\"ql-align\">\r\n            <option selected></option>\r\n            <option value=\"center\"></option>\r\n            <option value=\"right\"></option>\r\n            <option value=\"justify\"></option>\r\n        </select>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #clean>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.clean\" [matTooltip]=\"tooltip(config!.tooltips.clean)\">\r\n        <button class=\"ql-clean\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #media>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.showMedia\">\r\n        <button class=\"ql-link\"  *ngIf=\"config!.buttons.link\" [matTooltip]=\"tooltip(config!.tooltips.link)\"></button>\r\n        <button class=\"ql-image\" *ngIf=\"config!.buttons.image\" [matTooltip]=\"tooltip(config!.tooltips.image)\"></button>\r\n        <button class=\"ql-video\" *ngIf=\"config!.buttons.video\" [matTooltip]=\"tooltip(config!.tooltips.video)\"></button>\r\n    </span>\r\n</ng-template>\r\n\r\n<ng-template #editorSize>\r\n    <div>\r\n        <span class=\"ql-formats\" *ngIf=\"config!.buttons.rawEditor\">\r\n            <button id=\"rawdog\"\r\n                [matTooltip]=\"tooltip(config!.tooltips.rawEditor)\">\r\n\r\n                <mat-icon (click)=\"rawEdit()\">\r\n                    code\r\n                </mat-icon>\r\n            </button>\r\n        </span>\r\n\r\n        <span class=\"ql-formats\" *ngIf=\"config!.buttons.editorSize\">\r\n            <button id=\"fullscreen\"\r\n                [matTooltip]=\"tooltip(fullscreen ?\r\n                    (fullscreenMode === 'expand' ? config!.tooltips.minimize : config!.tooltips.popin) :\r\n                    (fullscreenMode === 'expand' ? config!.tooltips.maximize : config!.tooltips.popout))\">\r\n\r\n                <mat-icon (click)=\"toggleFullscreen()\">\r\n                    {{ fullscreen ?\r\n                        (fullscreenMode === 'expand' ? config!.icons.minimize : config!.icons.popin) :\r\n                        (fullscreenMode === 'expand' ? config!.icons.maximize : config!.icons.popout)\r\n                    }}\r\n                </mat-icon>\r\n            </button>\r\n        </span>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #formula>\r\n    <span class=\"ql-formats\" *ngIf=\"config!.buttons.formula\" [matTooltip]=\"tooltip(config!.tooltips.formula)\">\r\n        <button class=\"ql-formula\"></button>\r\n    </span>\r\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {