@bizdoc/core 2.4.10 → 2.4.12

package/esm2022/lib/core/sticky-toolbar.exp.mjs

@@ -20,10 +20,10 @@ export class StickyToolbar {
     ngOnDestroy() {
         this._vc.element.nativeElement.parentElement.removeEventListener('scroll', this._listener);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: StickyToolbar, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: StickyToolbar, selector: "bizdoc-sticky", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: StickyToolbar, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: StickyToolbar, selector: "bizdoc-sticky", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: StickyToolbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: StickyToolbar, decorators: [{
             type: Directive,
             args: [{ selector: 'bizdoc-sticky' }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });

package/esm2022/lib/core/tagging/documents.component.mjs

@@ -15,10 +15,10 @@ export class DocumentTaggingComponent extends TaggingComponentBase {
     onBind(value) {
         this.items = this._mailbox.findAll({ contains: value }, { take: 8 });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: DocumentTaggingComponent, deps: [{ token: i1.MailboxService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: DocumentTaggingComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div role=\"listbox\" cdkTrapFocus class=\"tag-list\">\n  @for (item of items | async; track item) {\n    <bizdoc-tag-item [key]='item.number' [value]='item.documentId' [attr.aria-label]='item.number' matRipple>\n      <div class=\"row\">\n        <mat-icon>{{item.formId | form : 'icon' }}</mat-icon>\n        &nbsp;\n        <div class=\"column\">\n          <span>{{item.number}}</span>\n        </div>\n      </div>\n    </bizdoc-tag-item>\n  }\n</div>\n", styles: [".tag-list{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.tag-item{cursor:pointer;padding:8px}.tag-item .row{align-items:center}.tag-item.active{background:#d3d3d3}\n"], dependencies: [{ kind: "directive", type: i2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.TaggingItemDirective, selector: "bizdoc-tag-item", inputs: ["key", "value"], outputs: ["selected"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.FormPipe, name: "form" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DocumentTaggingComponent, deps: [{ token: i1.MailboxService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: DocumentTaggingComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div role=\"listbox\" cdkTrapFocus class=\"tag-list\">\n  @for (item of items | async; track item) {\n    <bizdoc-tag-item [key]='item.number' [value]='item.documentId' [attr.aria-label]='item.number' matRipple>\n      <div class=\"row\">\n        <mat-icon>{{item.formId | form : 'icon' }}</mat-icon>\n        &nbsp;\n        <div class=\"column\">\n          <span>{{item.number}}</span>\n        </div>\n      </div>\n    </bizdoc-tag-item>\n  }\n</div>\n", styles: [".tag-list{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.tag-item{cursor:pointer;padding:8px}.tag-item .row{align-items:center}.tag-item.active{background:#d3d3d3}\n"], dependencies: [{ kind: "directive", type: i2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.TaggingItemDirective, selector: "bizdoc-tag-item", inputs: ["key", "value"], outputs: ["selected"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.FormPipe, name: "form" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: DocumentTaggingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DocumentTaggingComponent, decorators: [{
             type: Component,
             args: [{ template: "<div role=\"listbox\" cdkTrapFocus class=\"tag-list\">\n  @for (item of items | async; track item) {\n    <bizdoc-tag-item [key]='item.number' [value]='item.documentId' [attr.aria-label]='item.number' matRipple>\n      <div class=\"row\">\n        <mat-icon>{{item.formId | form : 'icon' }}</mat-icon>\n        &nbsp;\n        <div class=\"column\">\n          <span>{{item.number}}</span>\n        </div>\n      </div>\n    </bizdoc-tag-item>\n  }\n</div>\n", styles: [".tag-list{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.tag-item{cursor:pointer;padding:8px}.tag-item .row{align-items:center}.tag-item.active{background:#d3d3d3}\n"] }]
         }], ctorParameters: () => [{ type: i1.MailboxService }] });

package/esm2022/lib/core/tagging/edit-input.component.mjs

@@ -187,10 +187,10 @@ export class EditInputComponent {
     _clearImage() {
         this._image = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EditInputComponent, deps: [{ token: i1.Popup }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: EditInputComponent, selector: "bizdoc-edit-text", inputs: { placeholder: "placeholder", text: "text", image: "image", resource: "resource", disabled: "disabled", autofocus: "autofocus", cache: "cache" }, outputs: { change: "change", onOk: "ok", onFocus: "focus", onBlur: "blur" }, viewQueries: [{ propertyName: "_textElement", first: true, predicate: ["textArea"], descendants: true }, { propertyName: "_rte", first: true, predicate: RichTextEditorComponent, descendants: true }], ngImport: i0, template: "<div class=\"column\">\n  @switch (mode) {\n  @case ('html') {\n  <ejs-richtexteditor [value]=\"text\"\n                      (change)=\"_htmlChange($event)\"\n                      [toolbarSettings]=\"toolbarSettings\"></ejs-richtexteditor>\n  }\n  @default {\n  <mat-form-field floatLabel=\"never\" class=\"flex\">\n    <textarea matInput cdkTextareaAutosize [autofocus]=\"autofocus\"\n              [(bizdocTagging)]=\"resource\"\n              (keydown)=\"_key($event)\"\n              (input)=\"_textChange($event)\"\n              [value]=\"text\"\n              (paste)=\"_paste($event)\"\n              [placeholder]=\"placeholder ? (placeholder | translate) : null\"\n              (focus)=\"onFocus.emit()\"\n              (focusout)=\"onBlur.emit()\"\n              maxlength=\"2000\"\n              #textArea></textarea>\n  </mat-form-field>\n  }\n  }\n  <div class=\"row nav-toolbar\">\n    <button mat-icon-button (click)=\"_openDocument($event)\" [bizdocTooltip]=\"'Document'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\" [disabled]=\"mode !== 'text'\"><mat-icon>article</mat-icon></button>\n    <button mat-icon-button (click)=\"_openMention($event)\" [bizdocTooltip]=\"'Mention'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\" [disabled]=\"mode !== 'text'\"><mat-icon>alternate_email</mat-icon></button>\n    <button mat-icon-button (click)=\"_openEmoji($event)\" [bizdocTooltip]=\"'Emoji'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\" [disabled]=\"mode !== 'text'\"><mat-icon>insert_emoticon</mat-icon></button>\n    <button mat-icon-button (click)=\"_toggleHtml()\" [bizdocTooltip]=\"'Text'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\"><mat-icon>text_fields</mat-icon></button>\n    <span class=\"divider\"></span>\n    <button mat-icon-button (click)=\"_ok()\" [disabled]=\"disabled\" class=\"tool\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\n    </button>\n  </div>\n</div>\n@if (_image) {\n<div>\n  <img [src]=\"'data:image/png;base64,'+ _image\" />\n  <button mat-icon-button (click)=\"_clearImage()\" [disabled]=\"disabled\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n}\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.mat-mdc-form-field{-ms-flex:1 auto;-webkit-flex:1 auto;flex:1 auto;padding:0 8px}.mat-mdc-form-field textarea{overflow:hidden}img{max-width:300px}\n"], dependencies: [{ kind: "component", type: i2.RichTextEditorComponent, selector: "ejs-richtexteditor", inputs: ["autoSaveOnIdle", "backgroundColor", "bulletFormatList", "cssClass", "editorMode", "emojiPickerSettings", "enableAutoUrl", "enableHtmlEncode", "enableHtmlSanitizer", "enablePersistence", "enableResize", "enableRtl", "enableTabKey", "enableXhtml", "enabled", "enterKey", "fileManagerSettings", "floatingToolbarOffset", "fontColor", "fontFamily", "fontSize", "format", "formatPainterSettings", "formatter", "height", "htmlAttributes", "iframeSettings", "inlineMode", "insertAudioSettings", "insertImageSettings", "insertVideoSettings", "keyConfig", "locale", "maxLength", "numberFormatList", "pasteCleanupSettings", "placeholder", "quickToolbarSettings", "readonly", "saveInterval", "shiftEnterKey", "showCharCount", "showTooltip", "tableSettings", "toolbarSettings", "undoRedoSteps", "undoRedoTimer", "value", "valueTemplate", "width"], outputs: ["actionBegin", "actionComplete", "afterImageDelete", "afterMediaDelete", "afterPasteCleanup", "beforeDialogClose", "beforeDialogOpen", "beforeFileUpload", "beforeImageDrop", "beforeImageUpload", "beforePasteCleanup", "beforeQuickToolbarOpen", "beforeSanitizeHtml", "blur", "change", "created", "destroyed", "dialogClose", "dialogOpen", "fileRemoving", "fileSelected", "fileUploadFailed", "fileUploadSuccess", "fileUploading", "focus", "imageRemoving", "imageSelected", "imageUploadFailed", "imageUploadSuccess", "imageUploading", "quickToolbarClose", "quickToolbarOpen", "resizeStart", "resizeStop", "resizing", "toolbarClick", "toolbarStatusUpdate", "updatedToolbarStatus", "valueChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i6.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.TaggingDirective, selector: "[bizdocTagging]", inputs: ["bizdocTagging"], outputs: ["bizdocTaggingChange"] }, { kind: "directive", type: i9.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EditInputComponent, deps: [{ token: i1.Popup }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EditInputComponent, selector: "bizdoc-edit-text", inputs: { placeholder: "placeholder", text: "text", image: "image", resource: "resource", disabled: "disabled", autofocus: "autofocus", cache: "cache" }, outputs: { change: "change", onOk: "ok", onFocus: "focus", onBlur: "blur" }, viewQueries: [{ propertyName: "_textElement", first: true, predicate: ["textArea"], descendants: true }, { propertyName: "_rte", first: true, predicate: RichTextEditorComponent, descendants: true }], ngImport: i0, template: "<div class=\"column\">\n  @switch (mode) {\n  @case ('html') {\n  <ejs-richtexteditor [value]=\"text\"\n                      (change)=\"_htmlChange($event)\"\n                      [toolbarSettings]=\"toolbarSettings\"></ejs-richtexteditor>\n  }\n  @default {\n  <mat-form-field floatLabel=\"never\" class=\"flex\">\n    <textarea matInput cdkTextareaAutosize [autofocus]=\"autofocus\"\n              [(bizdocTagging)]=\"resource\"\n              (keydown)=\"_key($event)\"\n              (input)=\"_textChange($event)\"\n              [value]=\"text\"\n              (paste)=\"_paste($event)\"\n              [placeholder]=\"placeholder ? (placeholder | translate) : null\"\n              (focus)=\"onFocus.emit()\"\n              (focusout)=\"onBlur.emit()\"\n              maxlength=\"2000\"\n              #textArea></textarea>\n  </mat-form-field>\n  }\n  }\n  <div class=\"row nav-toolbar\">\n    <button mat-icon-button (click)=\"_openDocument($event)\" [bizdocTooltip]=\"'Document'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\" [disabled]=\"mode !== 'text'\"><mat-icon>article</mat-icon></button>\n    <button mat-icon-button (click)=\"_openMention($event)\" [bizdocTooltip]=\"'Mention'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\" [disabled]=\"mode !== 'text'\"><mat-icon>alternate_email</mat-icon></button>\n    <button mat-icon-button (click)=\"_openEmoji($event)\" [bizdocTooltip]=\"'Emoji'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\" [disabled]=\"mode !== 'text'\"><mat-icon>insert_emoticon</mat-icon></button>\n    <button mat-icon-button (click)=\"_toggleHtml()\" [bizdocTooltip]=\"'Text'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\"><mat-icon>text_fields</mat-icon></button>\n    <span class=\"divider\"></span>\n    <button mat-icon-button (click)=\"_ok()\" [disabled]=\"disabled\" class=\"tool\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\n    </button>\n  </div>\n</div>\n@if (_image) {\n<div>\n  <img [src]=\"'data:image/png;base64,'+ _image\" />\n  <button mat-icon-button (click)=\"_clearImage()\" [disabled]=\"disabled\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n}\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.mat-mdc-form-field{-ms-flex:1 auto;-webkit-flex:1 auto;flex:1 auto;padding:0 8px}.mat-mdc-form-field textarea{overflow:hidden}img{max-width:300px}\n"], dependencies: [{ kind: "component", type: i2.RichTextEditorComponent, selector: "ejs-richtexteditor", inputs: ["autoSaveOnIdle", "backgroundColor", "bulletFormatList", "cssClass", "editorMode", "emojiPickerSettings", "enableAutoUrl", "enableHtmlEncode", "enableHtmlSanitizer", "enablePersistence", "enableResize", "enableRtl", "enableTabKey", "enableXhtml", "enabled", "enterKey", "fileManagerSettings", "floatingToolbarOffset", "fontColor", "fontFamily", "fontSize", "format", "formatPainterSettings", "formatter", "height", "htmlAttributes", "iframeSettings", "inlineMode", "insertAudioSettings", "insertImageSettings", "insertVideoSettings", "keyConfig", "locale", "maxLength", "numberFormatList", "pasteCleanupSettings", "placeholder", "quickToolbarSettings", "readonly", "saveInterval", "shiftEnterKey", "showCharCount", "showTooltip", "tableSettings", "toolbarSettings", "undoRedoSteps", "undoRedoTimer", "value", "valueTemplate", "width"], outputs: ["actionBegin", "actionComplete", "afterImageDelete", "afterMediaDelete", "afterPasteCleanup", "beforeDialogClose", "beforeDialogOpen", "beforeFileUpload", "beforeImageDrop", "beforeImageUpload", "beforePasteCleanup", "beforeQuickToolbarOpen", "beforeSanitizeHtml", "blur", "change", "created", "destroyed", "dialogClose", "dialogOpen", "fileRemoving", "fileSelected", "fileUploadFailed", "fileUploadSuccess", "fileUploading", "focus", "imageRemoving", "imageSelected", "imageUploadFailed", "imageUploadSuccess", "imageUploading", "quickToolbarClose", "quickToolbarOpen", "resizeStart", "resizeStop", "resizing", "toolbarClick", "toolbarStatusUpdate", "updatedToolbarStatus", "valueChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i6.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.TaggingDirective, selector: "[bizdocTagging]", inputs: ["bizdocTagging"], outputs: ["bizdocTaggingChange"] }, { kind: "directive", type: i9.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EditInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EditInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-edit-text', template: "<div class=\"column\">\n  @switch (mode) {\n  @case ('html') {\n  <ejs-richtexteditor [value]=\"text\"\n                      (change)=\"_htmlChange($event)\"\n                      [toolbarSettings]=\"toolbarSettings\"></ejs-richtexteditor>\n  }\n  @default {\n  <mat-form-field floatLabel=\"never\" class=\"flex\">\n    <textarea matInput cdkTextareaAutosize [autofocus]=\"autofocus\"\n              [(bizdocTagging)]=\"resource\"\n              (keydown)=\"_key($event)\"\n              (input)=\"_textChange($event)\"\n              [value]=\"text\"\n              (paste)=\"_paste($event)\"\n              [placeholder]=\"placeholder ? (placeholder | translate) : null\"\n              (focus)=\"onFocus.emit()\"\n              (focusout)=\"onBlur.emit()\"\n              maxlength=\"2000\"\n              #textArea></textarea>\n  </mat-form-field>\n  }\n  }\n  <div class=\"row nav-toolbar\">\n    <button mat-icon-button (click)=\"_openDocument($event)\" [bizdocTooltip]=\"'Document'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\" [disabled]=\"mode !== 'text'\"><mat-icon>article</mat-icon></button>\n    <button mat-icon-button (click)=\"_openMention($event)\" [bizdocTooltip]=\"'Mention'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\" [disabled]=\"mode !== 'text'\"><mat-icon>alternate_email</mat-icon></button>\n    <button mat-icon-button (click)=\"_openEmoji($event)\" [bizdocTooltip]=\"'Emoji'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\" [disabled]=\"mode !== 'text'\"><mat-icon>insert_emoticon</mat-icon></button>\n    <button mat-icon-button (click)=\"_toggleHtml()\" [bizdocTooltip]=\"'Text'|translate\" bizdocTooltipPosition=\"above\" class=\"tool\"><mat-icon>text_fields</mat-icon></button>\n    <span class=\"divider\"></span>\n    <button mat-icon-button (click)=\"_ok()\" [disabled]=\"disabled\" class=\"tool\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\n    </button>\n  </div>\n</div>\n@if (_image) {\n<div>\n  <img [src]=\"'data:image/png;base64,'+ _image\" />\n  <button mat-icon-button (click)=\"_clearImage()\" [disabled]=\"disabled\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n}\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.mat-mdc-form-field{-ms-flex:1 auto;-webkit-flex:1 auto;flex:1 auto;padding:0 8px}.mat-mdc-form-field textarea{overflow:hidden}img{max-width:300px}\n"] }]
         }], ctorParameters: () => [{ type: i1.Popup }, { type: i0.ChangeDetectorRef }], propDecorators: { placeholder: [{

package/esm2022/lib/core/tagging/emoji.component.mjs

@@ -17,13 +17,13 @@ export class EmojiHostComponent {
     add(event) {
         this._ref.close(event.emoji);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EmojiHostComponent, deps: [{ token: i1.PopupRef }, { token: i2.SessionService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: EmojiHostComponent, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EmojiHostComponent, deps: [{ token: i1.PopupRef }, { token: i2.SessionService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EmojiHostComponent, selector: "ng-component", ngImport: i0, template: `
   <emoji-mart class="emoji-mart" (emojiClick)="add($event)" [autoFocus]="true" set="twitter"
     [autoFocus]=true [enableSearch]=false [showPreview]=false [darkMode]=darkMode [color]=color [i18n]=i18n>
   </emoji-mart>`, isInline: true, dependencies: [{ kind: "component", type: i4.PickerComponent, selector: "emoji-mart", inputs: ["perLine", "totalFrequentLines", "i18n", "style", "title", "emoji", "darkMode", "color", "hideObsolete", "categories", "activeCategories", "set", "skin", "isNative", "emojiSize", "sheetSize", "emojisToShowFilter", "showPreview", "emojiTooltip", "autoFocus", "custom", "hideRecent", "imageUrlFn", "include", "exclude", "notFoundEmoji", "categoriesIcons", "searchIcons", "useButton", "enableFrequentEmojiSort", "enableSearch", "showSingleCategory", "virtualize", "virtualizeOffset", "recent", "backgroundImageFn"], outputs: ["emojiClick", "emojiSelect", "skinChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EmojiHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EmojiHostComponent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2022/lib/core/tagging/tagging-item.directive.mjs

@@ -13,10 +13,10 @@ export class TaggingItemDirective {
     ngOnDestroy() {
         this.selected.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TaggingItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: TaggingItemDirective, selector: "bizdoc-tag-item", inputs: { key: "key", value: "value" }, outputs: { selected: "selected" }, host: { attributes: { "role": "listitem", "tabindex": "-1" }, listeners: { "click": "selected.emit()" }, properties: { "class.active": "active" }, classAttribute: "tag-item" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TaggingItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: TaggingItemDirective, selector: "bizdoc-tag-item", inputs: { key: "key", value: "value" }, outputs: { selected: "selected" }, host: { attributes: { "role": "listitem", "tabindex": "-1" }, listeners: { "click": "selected.emit()" }, properties: { "class.active": "active" }, classAttribute: "tag-item" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TaggingItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TaggingItemDirective, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-tag-item',

package/esm2022/lib/core/tagging/tagging.component-base.mjs

@@ -17,10 +17,10 @@ export class TaggingComponentBase {
     ngOnDestroy() {
         this.selected.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TaggingComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: TaggingComponentBase, viewQueries: [{ propertyName: "options", predicate: TaggingItemDirective, descendants: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TaggingComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: TaggingComponentBase, viewQueries: [{ propertyName: "options", predicate: TaggingItemDirective, descendants: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TaggingComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TaggingComponentBase, decorators: [{
             type: Directive
         }], propDecorators: { options: [{
                 type: ViewChildren,

package/esm2022/lib/core/tagging/tagging.directive.mjs

@@ -113,10 +113,10 @@ export class TaggingDirective {
         this._input.value = this._element.nativeElement.value;
         this._element.nativeElement.selectionStart = position + key.length - (val ? val.length - 1 : 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TaggingDirective, deps: [{ token: i1.MatInput, self: true }, { token: i2.Directionality }, { token: i0.ElementRef }, { token: i3.Overlay }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: TaggingDirective, selector: "[bizdocTagging]", inputs: { resource: ["bizdocTagging", "resource"] }, outputs: { resourceChange: "bizdocTaggingChange" }, host: { listeners: { "keydown": "_handleKeydown($event)", "input": "_handleInput($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TaggingDirective, deps: [{ token: i1.MatInput, self: true }, { token: i2.Directionality }, { token: i0.ElementRef }, { token: i3.Overlay }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: TaggingDirective, selector: "[bizdocTagging]", inputs: { resource: ["bizdocTagging", "resource"] }, outputs: { resourceChange: "bizdocTaggingChange" }, host: { listeners: { "keydown": "_handleKeydown($event)", "input": "_handleInput($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TaggingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TaggingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bizdocTagging]',

package/esm2022/lib/core/tagging/tagging.pipe.mjs

@@ -62,10 +62,10 @@ export class TaggingPipe {
     ngOnDestroy() {
         this._element.nativeElement.removeEventListener('click', this._click.bind(this));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TaggingPipe, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: i2.ChatInfo }, { token: i3.SessionService }, { token: i4.TranslateService }, { token: i5.RouterImpl }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.4", ngImport: i0, type: TaggingPipe, name: "taggingHtml" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TaggingPipe, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: i2.ChatInfo }, { token: i3.SessionService }, { token: i4.TranslateService }, { token: i5.RouterImpl }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: TaggingPipe, name: "taggingHtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TaggingPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TaggingPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'taggingHtml' }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: i2.ChatInfo }, { type: i3.SessionService }, { type: i4.TranslateService }, { type: i5.RouterImpl }] });

package/esm2022/lib/core/tagging/users.component.mjs

@@ -22,10 +22,10 @@ export class UserTaggingComponent extends TaggingComponentBase {
         this.items = this._accounts.findAll(value, { take: 8 }).
             pipe(map(u => u.filter(u => u.id !== this._me)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: UserTaggingComponent, deps: [{ token: i1.SessionService }, { token: i2.AccountService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: UserTaggingComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div role=\"listbox\" cdkTrapFocus class=\"tag-list\">\n  @for (item of items | async; track item) {\n    <bizdoc-tag-item [key]='nice(item.name)' [value]='item.id'\n      matRipple [attr.aria-label]='item.name'>\n      <div class=\"row\">\n        <bizdoc-avatar [person]=item dense [interactive]=\"false\"></bizdoc-avatar>\n        &nbsp;\n        <div class=\"column\">\n          <span>{{item.name}}</span>\n          <span>{{item.email}}</span>\n        </div>\n      </div>\n    </bizdoc-tag-item>\n  }\n</div>\n", styles: [".tag-list{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.tag-item{cursor:pointer;padding:8px}.tag-item .row{align-items:center}.tag-item.active{background:#d3d3d3}\n"], dependencies: [{ kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i4.AvatarComponent, selector: "bizdoc-avatar", inputs: ["person", "interactive", "dense"] }, { kind: "component", type: i5.TaggingItemDirective, selector: "bizdoc-tag-item", inputs: ["key", "value"], outputs: ["selected"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UserTaggingComponent, deps: [{ token: i1.SessionService }, { token: i2.AccountService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: UserTaggingComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div role=\"listbox\" cdkTrapFocus class=\"tag-list\">\n  @for (item of items | async; track item) {\n    <bizdoc-tag-item [key]='nice(item.name)' [value]='item.id'\n      matRipple [attr.aria-label]='item.name'>\n      <div class=\"row\">\n        <bizdoc-avatar [person]=item dense [interactive]=\"false\"></bizdoc-avatar>\n        &nbsp;\n        <div class=\"column\">\n          <span>{{item.name}}</span>\n          <span>{{item.email}}</span>\n        </div>\n      </div>\n    </bizdoc-tag-item>\n  }\n</div>\n", styles: [".tag-list{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.tag-item{cursor:pointer;padding:8px}.tag-item .row{align-items:center}.tag-item.active{background:#d3d3d3}\n"], dependencies: [{ kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: i4.AvatarComponent, selector: "bizdoc-avatar", inputs: ["person", "interactive", "dense"] }, { kind: "component", type: i5.TaggingItemDirective, selector: "bizdoc-tag-item", inputs: ["key", "value"], outputs: ["selected"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: UserTaggingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UserTaggingComponent, decorators: [{
             type: Component,
             args: [{ template: "<div role=\"listbox\" cdkTrapFocus class=\"tag-list\">\n  @for (item of items | async; track item) {\n    <bizdoc-tag-item [key]='nice(item.name)' [value]='item.id'\n      matRipple [attr.aria-label]='item.name'>\n      <div class=\"row\">\n        <bizdoc-avatar [person]=item dense [interactive]=\"false\"></bizdoc-avatar>\n        &nbsp;\n        <div class=\"column\">\n          <span>{{item.name}}</span>\n          <span>{{item.email}}</span>\n        </div>\n      </div>\n    </bizdoc-tag-item>\n  }\n</div>\n", styles: [".tag-list{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.tag-item{cursor:pointer;padding:8px}.tag-item .row{align-items:center}.tag-item.active{background:#d3d3d3}\n"] }]
         }], ctorParameters: () => [{ type: i1.SessionService }, { type: i2.AccountService }] });

package/esm2022/lib/core/translate.service.mjs

@@ -106,10 +106,10 @@ export class TranslateService {
     get comma() {
         return this.get('JoinComma');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TranslateService, deps: [{ token: i1.SessionService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TranslateService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TranslateService, deps: [{ token: i1.SessionService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TranslateService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: TranslateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TranslateService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.SessionService }, { type: i2.HttpClient }] });