@bizdoc/core 2.5.5 → 2.5.6

package/esm2022/lib/compose/action/return-action.component.mjs

@@ -35,8 +35,8 @@ let ReturnActionComponent = class ReturnActionComponent {
             this.form.updateValueAndValidity();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ReturnActionComponent, deps: [{ token: i1.FormBuilder }, { token: i2.ActionRef }, { token: i3.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: ReturnActionComponent, selector: "ng-component", ngImport: i0, template: "<form autocomplete=\"off\" class=\"column\" [formGroup]=\"form\">\n  <mat-form-field>\n    <mat-select formControlName=\"recipientId\" cdkFocusInitial [placeholder]=\"'User'|translate\" required>\n      @for (r of recipients; track r) {\n        <mat-option [value]=\"r.id\">{{r.userId | userName | async }}</mat-option>\n      }\n    </mat-select>\n    @if (form.controls.recipientId.hasError('required')) {\n      <mat-error>{{'RequiredErr'|translate:('User'|translate)}}</mat-error>\n    }\n  </mat-form-field>\n  <mat-form-field>\n    <textarea matInput cdkTextareaAutosize formControlName=\"note\" [placeholder]=\"'Note'|translate\" maxlength=\"200\">\n    </textarea>\n    <mat-hint align=\"end\">{{form.controls.note.value?.length || 0}} / {{200}}</mat-hint>\n  </mat-form-field>\n</form>\n", dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i7.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: i8.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }, { kind: "pipe", type: i11.UserNamePipe, name: "userName" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ReturnActionComponent, deps: [{ token: i1.FormBuilder }, { token: i2.ActionRef }, { token: i3.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: ReturnActionComponent, selector: "ng-component", ngImport: i0, template: "<form autocomplete=\"off\" class=\"column\" [formGroup]=\"form\">\n  <mat-form-field>\n    <mat-select formControlName=\"recipientId\" cdkFocusInitial [placeholder]=\"'User'|translate\" required>\n      @for (r of recipients; track r) {\n        <mat-option [value]=\"r.id\">{{r.userId | userName | async }}</mat-option>\n      }\n    </mat-select>\n    @if (form.controls.recipientId.hasError('required')) {\n      <mat-error>{{'RequiredErr'|translate:('User'|translate)}}</mat-error>\n    }\n  </mat-form-field>\n  <mat-form-field>\n    <textarea matInput cdkTextareaAutosize formControlName=\"note\" [placeholder]=\"'Note'|translate\" maxlength=\"200\">\n    </textarea>\n    <mat-hint align=\"end\">{{form.controls.note.value?.length || 0}} / {{200}}</mat-hint>\n  </mat-form-field>\n</form>\n", dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i7.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: i8.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "pipe", type: i9.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }, { kind: "pipe", type: i11.UserNamePipe, name: "userName" }] }); }
 };
 ReturnActionComponent = __decorate([
     BizDoc({
@@ -44,7 +44,7 @@ ReturnActionComponent = __decorate([
     })
 ], ReturnActionComponent);
 export { ReturnActionComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ReturnActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ReturnActionComponent, decorators: [{
             type: Component,
             args: [{ template: "<form autocomplete=\"off\" class=\"column\" [formGroup]=\"form\">\n  <mat-form-field>\n    <mat-select formControlName=\"recipientId\" cdkFocusInitial [placeholder]=\"'User'|translate\" required>\n      @for (r of recipients; track r) {\n        <mat-option [value]=\"r.id\">{{r.userId | userName | async }}</mat-option>\n      }\n    </mat-select>\n    @if (form.controls.recipientId.hasError('required')) {\n      <mat-error>{{'RequiredErr'|translate:('User'|translate)}}</mat-error>\n    }\n  </mat-form-field>\n  <mat-form-field>\n    <textarea matInput cdkTextareaAutosize formControlName=\"note\" [placeholder]=\"'Note'|translate\" maxlength=\"200\">\n    </textarea>\n    <mat-hint align=\"end\">{{form.controls.note.value?.length || 0}} / {{200}}</mat-hint>\n  </mat-form-field>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.ActionRef }, { type: i3.SessionService }] });

package/esm2022/lib/compose/attachments/attachments.component.mjs

@@ -114,10 +114,10 @@ export class AttachmentsComponent {
         else
             this._sb.ask('DeleteFileAsk', 'DeleteFile', { color: 'warn' }).subscribe(ok => ok && task());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AttachmentsComponent, deps: [{ token: i1.MailboxService }, { token: i2.SessionService }, { token: i0.ViewContainerRef }, { token: i3.PromptService }, { token: i4.Overlay }, { token: i0.Injector }, { token: i5.Directionality }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: AttachmentsComponent, selector: "bizdoc-attachments", inputs: { model: "model", viewedIndicator: "viewedIndicator", includeDeleted: "includeDeleted" }, usesOnChanges: true, ngImport: i0, template: "@for (a of attachments; track a) {\n  <div>\n    <button mat-button class=\"attachment-link\" [matMenuTriggerFor]=\"attachment\" [bizdocTooltip]=\"a.time | amCalendar\"\n            [progressIndicator]=\"a.progress\">\n      @if (viewedIndicator && a.viewed) {\n        <mat-icon>done_all</mat-icon>\n      }\n      <!--[bizdocTooltip]=\"a.viewed | amCalendar\"-->\n      <mat-icon>attachment</mat-icon>&nbsp;\n      <span [class.deleted]=\"a.deleted\" [class.failed]=\"a.failed\">{{a.fileName}}</span>\n    </button>\n    <mat-menu #attachment>\n      @if (!a.failed) {\n      <button mat-menu-item (click)=\"download(a)\">{{\"Download\" | translate}}</button>\n      @if (canPreview(a)) {\n      <button mat-menu-item (click)=\"preview(a)\"><mat-icon>landscape</mat-icon> {{\"Preview\" | translate}}</button>\n      }\n      @if (hasVersion(a)) {\n      <mat-divider></mat-divider>\n      @for (v of getVersions(a); track v) {\n      <button mat-menu-item (click)=\"previewOrDownload(v)\">{{v.time |  amCalendar}}</button>\n      }\n      }\n      @if (canDelete(a)) {\n      <mat-divider></mat-divider>\n      <button mat-menu-item (click)=\"discard(a)\">{{\"Discard\" | translate}}</button>\n      }\n      }\n      @if (a.failed) {\n      <button mat-menu-item (click)=\"cancel(a)\">{{\"Cancel\" | translate}}</button>\n      }\n    </mat-menu>\n  </div>\n}\n", styles: [":host{display:flex;flex-flow:wrap;position:relative;z-index:0}.attachment-link.failed{color:red}.attachment-link .deleted{text-decoration:line-through}::ng-deep button .progress{background-color:#696969;position:absolute;height:100%}\n"], dependencies: [{ kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i10.ProgressDirective, selector: "[progressIndicator]", inputs: ["progressIndicator"] }, { kind: "directive", type: i11.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i12.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AttachmentsComponent, deps: [{ token: i1.MailboxService }, { token: i2.SessionService }, { token: i0.ViewContainerRef }, { token: i3.PromptService }, { token: i4.Overlay }, { token: i0.Injector }, { token: i5.Directionality }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: AttachmentsComponent, selector: "bizdoc-attachments", inputs: { model: "model", viewedIndicator: "viewedIndicator", includeDeleted: "includeDeleted" }, usesOnChanges: true, ngImport: i0, template: "@for (a of attachments; track a) {\n  <div>\n    <button mat-button class=\"attachment-link\" [matMenuTriggerFor]=\"attachment\" [bizdocTooltip]=\"a.time | amCalendar\"\n            [progressIndicator]=\"a.progress\">\n      @if (viewedIndicator && a.viewed) {\n        <mat-icon>done_all</mat-icon>\n      }\n      <!--[bizdocTooltip]=\"a.viewed | amCalendar\"-->\n      <mat-icon>attachment</mat-icon>&nbsp;\n      <span [class.deleted]=\"a.deleted\" [class.failed]=\"a.failed\">{{a.fileName}}</span>\n    </button>\n    <mat-menu #attachment>\n      @if (!a.failed) {\n      <button mat-menu-item (click)=\"download(a)\">{{\"Download\" | translate}}</button>\n      @if (canPreview(a)) {\n      <button mat-menu-item (click)=\"preview(a)\"><mat-icon>landscape</mat-icon> {{\"Preview\" | translate}}</button>\n      }\n      @if (hasVersion(a)) {\n      <mat-divider></mat-divider>\n      @for (v of getVersions(a); track v) {\n      <button mat-menu-item (click)=\"previewOrDownload(v)\">{{v.time |  amCalendar}}</button>\n      }\n      }\n      @if (canDelete(a)) {\n      <mat-divider></mat-divider>\n      <button mat-menu-item (click)=\"discard(a)\">{{\"Discard\" | translate}}</button>\n      }\n      }\n      @if (a.failed) {\n      <button mat-menu-item (click)=\"cancel(a)\">{{\"Cancel\" | translate}}</button>\n      }\n    </mat-menu>\n  </div>\n}\n", styles: [":host{display:flex;flex-flow:wrap;position:relative;z-index:0}.attachment-link.failed{color:red}.attachment-link .deleted{text-decoration:line-through}::ng-deep button .progress{background-color:#696969;position:absolute;height:100%}\n"], dependencies: [{ kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i10.ProgressDirective, selector: "[progressIndicator]", inputs: ["progressIndicator"] }, { kind: "directive", type: i11.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i12.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AttachmentsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AttachmentsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-attachments', template: "@for (a of attachments; track a) {\n  <div>\n    <button mat-button class=\"attachment-link\" [matMenuTriggerFor]=\"attachment\" [bizdocTooltip]=\"a.time | amCalendar\"\n            [progressIndicator]=\"a.progress\">\n      @if (viewedIndicator && a.viewed) {\n        <mat-icon>done_all</mat-icon>\n      }\n      <!--[bizdocTooltip]=\"a.viewed | amCalendar\"-->\n      <mat-icon>attachment</mat-icon>&nbsp;\n      <span [class.deleted]=\"a.deleted\" [class.failed]=\"a.failed\">{{a.fileName}}</span>\n    </button>\n    <mat-menu #attachment>\n      @if (!a.failed) {\n      <button mat-menu-item (click)=\"download(a)\">{{\"Download\" | translate}}</button>\n      @if (canPreview(a)) {\n      <button mat-menu-item (click)=\"preview(a)\"><mat-icon>landscape</mat-icon> {{\"Preview\" | translate}}</button>\n      }\n      @if (hasVersion(a)) {\n      <mat-divider></mat-divider>\n      @for (v of getVersions(a); track v) {\n      <button mat-menu-item (click)=\"previewOrDownload(v)\">{{v.time |  amCalendar}}</button>\n      }\n      }\n      @if (canDelete(a)) {\n      <mat-divider></mat-divider>\n      <button mat-menu-item (click)=\"discard(a)\">{{\"Discard\" | translate}}</button>\n      }\n      }\n      @if (a.failed) {\n      <button mat-menu-item (click)=\"cancel(a)\">{{\"Cancel\" | translate}}</button>\n      }\n    </mat-menu>\n  </div>\n}\n", styles: [":host{display:flex;flex-flow:wrap;position:relative;z-index:0}.attachment-link.failed{color:red}.attachment-link .deleted{text-decoration:line-through}::ng-deep button .progress{background-color:#696969;position:absolute;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1.MailboxService }, { type: i2.SessionService }, { type: i0.ViewContainerRef }, { type: i3.PromptService }, { type: i4.Overlay }, { type: i0.Injector }, { type: i5.Directionality }], propDecorators: { model: [{

package/esm2022/lib/compose/attachments/preview/attachment-preview.component.mjs

@@ -96,8 +96,8 @@ export class AttachmentPreview {
     startExitAnimation() {
         this.animationState = 'leave';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AttachmentPreview, deps: [{ token: i1.Directionality }, { token: i0.Renderer2 }, { token: FILE_PREVIEW_DIALOG_DATA }, { token: i2.DomSanitizer }, { token: i3.MailboxService }, { token: i4.OverlayRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: AttachmentPreview, selector: "bizdoc-attachment-preview", host: { listeners: { "document:resize": "resize()", "document:keydown.escape": "close()" } }, viewQueries: [{ propertyName: "obj", first: true, predicate: ["obj"], descendants: true }, { propertyName: "img", first: true, predicate: ["img"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"overlay-content\" [@slideContent]=\"animationState\" (@slideContent.start)=\"onAnimationStart($event)\"\n  [dir]=\"dir\" (@slideContent.done)=\"onAnimationDone($event)\">\n  @if (!loading) {\n    <div class=\"toolbar-wrapper row\" [@slideDown]=\"slideDown\">\n      <button mat-icon-button (click)=\"close()\" bizdocTooltip=\"{{'Back' | translate}}\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_left</mat-icon></button>\n      <span class=\"mat-body-1\">{{data.file.fileName}}</span>\n      <span class=\"divider\"></span>\n      <button mat-icon-button (click)=\"rotate()\" bizdocTooltip=\"{{'Rotate' | translate }}\"><mat-icon>screen_rotation</mat-icon></button>\n      <button mat-icon-button (click)=\"download()\" bizdocTooltip=\"{{'Download' | translate}}\"><mat-icon>save_alt</mat-icon></button>\n    </div>\n  }\n  @if (loading) {\n    <div class=\"spinner-wrapper\">\n      <mat-spinner></mat-spinner>\n    </div>\n  }\n  @if (!isImage) {\n    <object (load)=\"onLoad($event)\" [data]=\"objectData\" [type]=\"data.file.contentType\" #obj width=\"250\"\n      height=\"200\">\n    </object>\n  }\n  @if (isImage) {\n    <img (load)=\"onLoad($event)\" [style.opacity]=\"loading ? 0 : 1\" [@fade]=\"loading ? 'fadeOut' : 'fadeIn'\" [src]=\"objectData\" #img>\n  }\n</div>\n", styles: [":host{display:flex;flex-direction:column;align-items:center}.spinner-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}img{width:100%;max-width:500px;height:auto}.overlay-content{padding:1em}.overlay-content .toolbar-wrapper{align-items:center;color:#f5f5f5}.divider{flex:1 1 auto}\n"], dependencies: [{ kind: "directive", type: i1.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AttachmentPreview, deps: [{ token: i1.Directionality }, { token: i0.Renderer2 }, { token: FILE_PREVIEW_DIALOG_DATA }, { token: i2.DomSanitizer }, { token: i3.MailboxService }, { token: i4.OverlayRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: AttachmentPreview, selector: "bizdoc-attachment-preview", host: { listeners: { "document:resize": "resize()", "document:keydown.escape": "close()" } }, viewQueries: [{ propertyName: "obj", first: true, predicate: ["obj"], descendants: true }, { propertyName: "img", first: true, predicate: ["img"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"overlay-content\" [@slideContent]=\"animationState\" (@slideContent.start)=\"onAnimationStart($event)\"\n  [dir]=\"dir\" (@slideContent.done)=\"onAnimationDone($event)\">\n  @if (!loading) {\n    <div class=\"toolbar-wrapper row\" [@slideDown]=\"slideDown\">\n      <button mat-icon-button (click)=\"close()\" bizdocTooltip=\"{{'Back' | translate}}\"><mat-icon class=\"mat-icon-rtl-mirror\">keyboard_arrow_left</mat-icon></button>\n      <span class=\"mat-body-1\">{{data.file.fileName}}</span>\n      <span class=\"divider\"></span>\n      <button mat-icon-button (click)=\"rotate()\" bizdocTooltip=\"{{'Rotate' | translate }}\"><mat-icon>screen_rotation</mat-icon></button>\n      <button mat-icon-button (click)=\"download()\" bizdocTooltip=\"{{'Download' | translate}}\"><mat-icon>save_alt</mat-icon></button>\n    </div>\n  }\n  @if (loading) {\n    <div class=\"spinner-wrapper\">\n      <mat-spinner></mat-spinner>\n    </div>\n  }\n  @if (!isImage) {\n    <object (load)=\"onLoad($event)\" [data]=\"objectData\" [type]=\"data.file.contentType\" #obj width=\"250\"\n      height=\"200\">\n    </object>\n  }\n  @if (isImage) {\n    <img (load)=\"onLoad($event)\" [style.opacity]=\"loading ? 0 : 1\" [@fade]=\"loading ? 'fadeOut' : 'fadeIn'\" [src]=\"objectData\" #img>\n  }\n</div>\n", styles: [":host{display:flex;flex-direction:column;align-items:center}.spinner-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}img{width:100%;max-width:500px;height:auto}.overlay-content{padding:1em}.overlay-content .toolbar-wrapper{align-items:center;color:#f5f5f5}.divider{flex:1 1 auto}\n"], dependencies: [{ kind: "directive", type: i1.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], animations: [
             trigger('fade', [
                 state('fadeOut', style({ opacity: 0 })),
                 state('fadeIn', style({ opacity: 1 })),
@@ -117,7 +117,7 @@ export class AttachmentPreview {
             ])
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AttachmentPreview, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AttachmentPreview, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-attachment-preview', animations: [
                         trigger('fade', [

package/esm2022/lib/compose/attachments/progress-button.directive.mjs

@@ -13,10 +13,10 @@ export class ProgressDirective {
     ngOnChanges(_changes) {
         this.renderer.setStyle(this._progressDiv, 'width', `${this.progressIndicator}%`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ProgressDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: ProgressDirective, selector: "[progressIndicator]", inputs: { progressIndicator: "progressIndicator" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: ProgressDirective, selector: "[progressIndicator]", inputs: { progressIndicator: "progressIndicator" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ProgressDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[progressIndicator]' }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { progressIndicator: [{

package/esm2022/lib/compose/box/box.component.mjs

@@ -30,14 +30,14 @@ let BoxFormComponent = class BoxFormComponent {
         data[field.name] !== undefined && instance.control.setValue(data[field.name], { emitEvent: false });
         group.addControl(field.name, instance.control);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BoxFormComponent, deps: [{ token: i1.FormBuilder }, { token: i2.FormRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: BoxFormComponent, selector: "ng-component", ngImport: i0, template: "@if (mode !== 'compose') {\n  <form>\n    @for (s of metadata.sections; track s) {\n      <section>\n        <h2 class=\"mat-h2\">{{s.title|localizedString}}</h2>\n        @switch (s.multiLine) {\n          @case (true) {\n            @for (r of s.rows; track r) {\n              <div class=\"row\">\n                @for (f of r.fields; track f) {\n                }\n              </div>\n            }\n          }\n          @default {\n            @for (r of s.rows; track r) {\n              <div class=\"row\">\n                @for (f of r.fields; track f) {\n                  <bizdoc-box-control [metadata]=\"f\"\n                    [mode]=\"mode\"\n                    [model]=\"data.model[s.name]\"\n                    [attr.data-field]=\"f.name\"\n                  [form]=\"form.get(s.name)\"></bizdoc-box-control>\n                }\n              </div>\n            }\n          }\n        }\n      </section>\n    }\n  </form>\n} @else {\n  @if (guide) {\n    <bizdoc-help-tip [name]=\"guide\"></bizdoc-help-tip>\n  }\n  <form [formGroup]=\"form\" autocomplete=\"off\">\n    @for (s of metadata.sections; track s) {\n      <section [attr.data-section]=\"s.name\">\n        <h2 class=\"mat-h2\">{{s.title|localizedString}}</h2>\n        @if (s.note) {\n          <p class=\"mat-body-1\">{{s.note|localizedString}}</p>\n        }\n        <hr />\n        @switch (s.multiLine) {\n          @case (true) {\n            <ng-container [formArrayName]=\"s.name\">\n              <table class=\"mat-mdc-table\">\n                @for (r of s.rows; track r) {\n                  <thead class=\"\">\n                    <tr class=\"mat-mdc-row\">\n                      @for (f of r.fields; track f) {\n                        <th class=\"mat-mdc-cell\">\n                        </th>\n                      }\n                    </tr>\n                  </thead>\n                }\n                @for (r of s.rows; track r) {\n                  <tbody class=\"\">\n                    <tr class=\"mat-mdc-row\">\n                      @for (f of r.fields; track f) {\n                        <td class=\"mat-mdc-cell\">\n                        </td>\n                      }\n                      <td>\n                        <button mat-icon-button></button>\n                      </td>\n                    </tr>\n                  </tbody>\n                }\n              </table>\n            </ng-container>\n          }\n          @default {\n            <ng-container [formGroupName]=\"s.name\">\n              @for (r of s.rows; track r) {\n                <div class=\"row box-row\">\n                  @for (f of r.fields; track f) {\n                    <bizdoc-box-control [metadata]=\"f\"\n                      [mode]=\"mode\"\n                      [model]=\"data.model[s.name]\"\n                      [attr.data-field]=\"f.name\"\n                    [form]=\"form.get(s.name)\"></bizdoc-box-control>\n                  }\n                </div>\n              }\n            </ng-container>\n          }\n        }\n      </section>\n    }\n  </form>\n}\n", styles: ["form{padding:8px}section{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}section .box-row{padding:4px}::ng-deep field{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.HelpTipComponent, selector: "bizdoc-help-tip", inputs: ["name"] }, { kind: "component", type: i5.BoxFormControlComponent, selector: "bizdoc-box-control", inputs: ["form", "mode", "model", "metadata"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BoxFormComponent, deps: [{ token: i1.FormBuilder }, { token: i2.FormRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: BoxFormComponent, selector: "ng-component", ngImport: i0, template: "@if (mode !== 'compose') {\n  <form>\n    @for (s of metadata.sections; track s) {\n      <section>\n        <h2 class=\"mat-h2\">{{s.title|localizedString}}</h2>\n        @switch (s.multiLine) {\n          @case (true) {\n            @for (r of s.rows; track r) {\n              <div class=\"row\">\n                @for (f of r.fields; track f) {\n                }\n              </div>\n            }\n          }\n          @default {\n            @for (r of s.rows; track r) {\n              <div class=\"row\">\n                @for (f of r.fields; track f) {\n                  <bizdoc-box-control [metadata]=\"f\"\n                    [mode]=\"mode\"\n                    [model]=\"data.model[s.name]\"\n                    [attr.data-field]=\"f.name\"\n                  [form]=\"form.get(s.name)\"></bizdoc-box-control>\n                }\n              </div>\n            }\n          }\n        }\n      </section>\n    }\n  </form>\n} @else {\n  @if (guide) {\n    <bizdoc-help-tip [name]=\"guide\"></bizdoc-help-tip>\n  }\n  <form [formGroup]=\"form\" autocomplete=\"off\">\n    @for (s of metadata.sections; track s) {\n      <section [attr.data-section]=\"s.name\">\n        <h2 class=\"mat-h2\">{{s.title|localizedString}}</h2>\n        @if (s.note) {\n          <p class=\"mat-body-1\">{{s.note|localizedString}}</p>\n        }\n        <hr />\n        @switch (s.multiLine) {\n          @case (true) {\n            <ng-container [formArrayName]=\"s.name\">\n              <table class=\"mat-mdc-table\">\n                @for (r of s.rows; track r) {\n                  <thead class=\"\">\n                    <tr class=\"mat-mdc-row\">\n                      @for (f of r.fields; track f) {\n                        <th class=\"mat-mdc-cell\">\n                        </th>\n                      }\n                    </tr>\n                  </thead>\n                }\n                @for (r of s.rows; track r) {\n                  <tbody class=\"\">\n                    <tr class=\"mat-mdc-row\">\n                      @for (f of r.fields; track f) {\n                        <td class=\"mat-mdc-cell\">\n                        </td>\n                      }\n                      <td>\n                        <button mat-icon-button></button>\n                      </td>\n                    </tr>\n                  </tbody>\n                }\n              </table>\n            </ng-container>\n          }\n          @default {\n            <ng-container [formGroupName]=\"s.name\">\n              @for (r of s.rows; track r) {\n                <div class=\"row box-row\">\n                  @for (f of r.fields; track f) {\n                    <bizdoc-box-control [metadata]=\"f\"\n                      [mode]=\"mode\"\n                      [model]=\"data.model[s.name]\"\n                      [attr.data-field]=\"f.name\"\n                    [form]=\"form.get(s.name)\"></bizdoc-box-control>\n                  }\n                </div>\n              }\n            </ng-container>\n          }\n        }\n      </section>\n    }\n  </form>\n}\n", styles: ["form{padding:8px}section{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}section .box-row{padding:4px}::ng-deep field{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.HelpTipComponent, selector: "bizdoc-help-tip", inputs: ["name"] }, { kind: "component", type: i5.BoxFormControlComponent, selector: "bizdoc-box-control", inputs: ["form", "mode", "model", "metadata"] }, { kind: "pipe", type: i6.LocalizedStringPipe, name: "localizedString" }] }); }
 };
 BoxFormComponent = __decorate([
     BizDoc({ selector: 'bizdoc-box-form' })
 ], BoxFormComponent);
 export { BoxFormComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BoxFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BoxFormComponent, decorators: [{
             type: Component,
             args: [{ template: "@if (mode !== 'compose') {\n  <form>\n    @for (s of metadata.sections; track s) {\n      <section>\n        <h2 class=\"mat-h2\">{{s.title|localizedString}}</h2>\n        @switch (s.multiLine) {\n          @case (true) {\n            @for (r of s.rows; track r) {\n              <div class=\"row\">\n                @for (f of r.fields; track f) {\n                }\n              </div>\n            }\n          }\n          @default {\n            @for (r of s.rows; track r) {\n              <div class=\"row\">\n                @for (f of r.fields; track f) {\n                  <bizdoc-box-control [metadata]=\"f\"\n                    [mode]=\"mode\"\n                    [model]=\"data.model[s.name]\"\n                    [attr.data-field]=\"f.name\"\n                  [form]=\"form.get(s.name)\"></bizdoc-box-control>\n                }\n              </div>\n            }\n          }\n        }\n      </section>\n    }\n  </form>\n} @else {\n  @if (guide) {\n    <bizdoc-help-tip [name]=\"guide\"></bizdoc-help-tip>\n  }\n  <form [formGroup]=\"form\" autocomplete=\"off\">\n    @for (s of metadata.sections; track s) {\n      <section [attr.data-section]=\"s.name\">\n        <h2 class=\"mat-h2\">{{s.title|localizedString}}</h2>\n        @if (s.note) {\n          <p class=\"mat-body-1\">{{s.note|localizedString}}</p>\n        }\n        <hr />\n        @switch (s.multiLine) {\n          @case (true) {\n            <ng-container [formArrayName]=\"s.name\">\n              <table class=\"mat-mdc-table\">\n                @for (r of s.rows; track r) {\n                  <thead class=\"\">\n                    <tr class=\"mat-mdc-row\">\n                      @for (f of r.fields; track f) {\n                        <th class=\"mat-mdc-cell\">\n                        </th>\n                      }\n                    </tr>\n                  </thead>\n                }\n                @for (r of s.rows; track r) {\n                  <tbody class=\"\">\n                    <tr class=\"mat-mdc-row\">\n                      @for (f of r.fields; track f) {\n                        <td class=\"mat-mdc-cell\">\n                        </td>\n                      }\n                      <td>\n                        <button mat-icon-button></button>\n                      </td>\n                    </tr>\n                  </tbody>\n                }\n              </table>\n            </ng-container>\n          }\n          @default {\n            <ng-container [formGroupName]=\"s.name\">\n              @for (r of s.rows; track r) {\n                <div class=\"row box-row\">\n                  @for (f of r.fields; track f) {\n                    <bizdoc-box-control [metadata]=\"f\"\n                      [mode]=\"mode\"\n                      [model]=\"data.model[s.name]\"\n                      [attr.data-field]=\"f.name\"\n                    [form]=\"form.get(s.name)\"></bizdoc-box-control>\n                  }\n                </div>\n              }\n            </ng-container>\n          }\n        }\n      </section>\n    }\n  </form>\n}\n", styles: ["form{padding:8px}section{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}section .box-row{padding:4px}::ng-deep field{display:flex}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.FormRef }] });

package/esm2022/lib/compose/box/control.component.mjs

@@ -22,10 +22,10 @@ export class BoxFormControlComponent {
             instance.control.setValue(this.model[this.metadata.name], { emitEvent: false });
         this.form.addControl(this.metadata.name, instance.control, { emitEvent: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BoxFormControlComponent, deps: [{ token: BIZDOC_CONFIG }, { token: i0.ViewContainerRef }, { token: i1.BizDocComponentFactoryResolver }, { token: i2.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: BoxFormControlComponent, selector: "bizdoc-box-control", inputs: { form: "form", mode: "mode", model: "model", metadata: "metadata" }, host: { properties: { "attr.data-help": "metadata.name" } }, ngImport: i0, template: '', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BoxFormControlComponent, deps: [{ token: BIZDOC_CONFIG }, { token: i0.ViewContainerRef }, { token: i1.BizDocComponentFactoryResolver }, { token: i2.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BoxFormControlComponent, selector: "bizdoc-box-control", inputs: { form: "form", mode: "mode", model: "model", metadata: "metadata" }, host: { properties: { "attr.data-help": "metadata.name" } }, ngImport: i0, template: '', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BoxFormControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BoxFormControlComponent, decorators: [{
             type: Component,
             args: [{
                     encapsulation: ViewEncapsulation.None,

package/esm2022/lib/compose/box/row.component.mjs

@@ -20,10 +20,10 @@ export class BoxFormRowComponent {
             this.form.addControl(f.name, instance.control);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BoxFormRowComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.BizDocComponentFactoryResolver }, { token: i2.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: BoxFormRowComponent, selector: "bizdoc-box-row", inputs: { form: "form", mode: "mode", model: "model", metadata: "metadata" }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BoxFormRowComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.BizDocComponentFactoryResolver }, { token: i2.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BoxFormRowComponent, selector: "bizdoc-box-row", inputs: { form: "form", mode: "mode", model: "model", metadata: "metadata" }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BoxFormRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BoxFormRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-box-row',

package/esm2022/lib/compose/can-deactivate-changes.service.mjs

@@ -18,10 +18,10 @@ export class CanDeactivateCompose {
         else
             return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CanDeactivateCompose, deps: [{ token: i1.PromptService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CanDeactivateCompose }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CanDeactivateCompose, deps: [{ token: i1.PromptService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CanDeactivateCompose }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CanDeactivateCompose, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CanDeactivateCompose, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.PromptService }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FuLWRlYWN0aXZhdGUtY2hhbmdlcy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvcmUvc3JjL2xpYi9jb21wb3NlL2Nhbi1kZWFjdGl2YXRlLWNoYW5nZXMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzNDLE9BQU8sRUFBYyxFQUFFLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFdEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFHM0MsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixZQUFvQixHQUFrQjtRQUFsQixRQUFHLEdBQUgsR0FBRyxDQUFlO0lBQ3RDLENBQUM7SUFDRCxhQUFhLENBQUMsU0FBaUM7UUFDN0MsSUFBSSxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUs7WUFDdEIsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQyxFQUFFO2dCQUN2SSxJQUFJLEVBQUU7b0JBQ0osT0FBTyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDOztvQkFFN0IsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDcEIsQ0FBQyxDQUFDLENBQUMsQ0FBQzs7WUFDRCxPQUFPLElBQUksQ0FBQztJQUNuQixDQUFDOzhHQVpVLG9CQUFvQjtrSEFBcEIsb0JBQW9COzsyRkFBcEIsb0JBQW9CO2tCQURoQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVcmxUcmVlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgQ29tcG9zZU1vYmlsZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9zZS5tb2JpbGUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgb2YgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgUHJvbXB0U2VydmljZSB9IGZyb20gJy4uL2NvcmUvcHJvbXB0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBzd2l0Y2hNYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcblxyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBDYW5EZWFjdGl2YXRlQ29tcG9zZSB7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfc2I6IFByb21wdFNlcnZpY2UpIHtcclxuICB9XHJcbiAgY2FuRGVhY3RpdmF0ZShjb21wb25lbnQ6IENvbXBvc2VNb2JpbGVDb21wb25lbnQpOiBPYnNlcnZhYmxlPGJvb2xlYW4gfCBVcmxUcmVlPiB8IFByb21pc2U8Ym9vbGVhbiB8IFVybFRyZWU+IHwgYm9vbGVhbiB8IFVybFRyZWUge1xyXG4gICAgaWYgKGNvbXBvbmVudC5mb3JtLmRpcnR5KVxyXG4gICAgICByZXR1cm4gdGhpcy5fc2IuYXNrKCdTYXZlQ2hhbmdlc0FzaycsICdTYXZlQ2hhbmdlcycsIHsgaTE4bjogdHJ1ZSwgY29sb3I6ICdwcmltYXJ5Jywgb2s6ICdTYXZlJywgY2FuY2VsOiAnSWdub3JlJyB9KS5waXBlKHN3aXRjaE1hcChvayA9PiB7XHJcbiAgICAgICAgaWYgKG9rKVxyXG4gICAgICAgICAgcmV0dXJuIGNvbXBvbmVudC5mb3JtLnNhdmUoKTtcclxuICAgICAgICBlbHNlXHJcbiAgICAgICAgICByZXR1cm4gb2YodHJ1ZSk7XHJcbiAgICAgIH0pKTtcclxuICAgIGVsc2UgcmV0dXJuIHRydWU7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/lib/compose/comments/comment.component.mjs

@@ -156,10 +156,10 @@ export class CommentComponent {
             documentId: this.model.documentId
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CommentComponent, deps: [{ token: i1.SessionService }, { token: i2.PromptService }, { token: i3.TranslateService }, { token: i4.ChatInfo }, { token: i5.AccountService }, { token: i6.Popup }, { token: i7.Overlay }, { token: i8.MailboxService }, { token: i0.ViewContainerRef }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: CommentComponent, selector: "bizdoc-comment", inputs: { model: "model", item: "item" }, outputs: { deleted: "deleted", reply: "reply" }, host: { classAttribute: "comment" }, viewQueries: [{ propertyName: "bodyElement", first: true, predicate: ["body"], descendants: true }, { propertyName: "previewTemplate", first: true, predicate: ["previewTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"row\">\n  <div class=\"comment-body\" #body>\n    <div [innerHTML]=\"item.text|taggingHtml:item.resource\" class=\"comment-text\"></div>\n    @if (item.image) {\n    <img [src]=\"'data:image/png;base64,'+item.image\" alt=\"\" (click)=\"preview()\" />\n    }\n  </div>\n  @if (me) {\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"tool\" (click)=\"$event.stopPropagation()\"><mat-icon>more_vert</mat-icon></button>\n  }\n  <mat-menu #menu>\n    <ng-template matMenuContent>\n      <button mat-menu-item (click)=\"edit()\">{{'Edit'|translate}}</button>\n      <mat-divider></mat-divider>\n      <button mat-menu-item (click)=\"delete()\">{{'Delete'|translate}}</button>\n    </ng-template>\n  </mat-menu>\n</div>\n<div class=\"row\">\n  <div class=\"column\">\n    <span [innerHTML]=\"name | sanitizeHtml\" (click)=\"chat($event)\"></span>\n    <div>\n      <small class=\"flex\" bizdocTooltip=\"{{item.edited || item.time | amCalendar }}\">{{item.edited || item.time | amTimeAgo}}</small>\n      @if (item.edited) {\n      &nbsp;<a (click)=\"edits()\" class=\"modification\">{{'Edited'| translate}}</a>\n      }\n      @if (!me) {\n      &nbsp;<a (click)=\"reply.emit()\" class=\"modification\">{{'Reply'| translate}}</a>\n      }\n    </div>\n  </div>\n  @if (voting) {\n  <div class=\"comment-actions\">\n    @if (item.votes > 0 || item.votes < 0) {\n    <a [class.score-negative]=\"item.votes < 0\" class=\"comment-score\" dir=\"ltr\" (click)=\"votes()\" [bizdocTooltip]=\"'Votes'|translate\">{{item.votes}}</a>\n    }\n    <button mat-icon-button (click)=\"vote(1, $event)\" [class.voted-true]=\"item.voted===1\" [disableRipple]=\"true\"><mat-icon>thumb_up_alt</mat-icon></button>\n    <button mat-icon-button (click)=\"vote(-1, $event)\" [class.voted-false]=\"item.voted===-1\" [disableRipple]=\"true\"><mat-icon>thumb_down_alt</mat-icon></button>\n  </div>\n  }\n</div>\n<ng-template #previewTemplate>\n  <img [src]=\"'data:image/png;base64,'+item.image\" alt=\"\" />\n</ng-template>\n", dependencies: [{ kind: "directive", type: i9.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i10.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i13.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i13.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i13.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i14.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i15.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i16.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }, { kind: "pipe", type: i18.SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: i19.TaggingPipe, name: "taggingHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentComponent, deps: [{ token: i1.SessionService }, { token: i2.PromptService }, { token: i3.TranslateService }, { token: i4.ChatInfo }, { token: i5.AccountService }, { token: i6.Popup }, { token: i7.Overlay }, { token: i8.MailboxService }, { token: i0.ViewContainerRef }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: CommentComponent, selector: "bizdoc-comment", inputs: { model: "model", item: "item" }, outputs: { deleted: "deleted", reply: "reply" }, host: { classAttribute: "comment" }, viewQueries: [{ propertyName: "bodyElement", first: true, predicate: ["body"], descendants: true }, { propertyName: "previewTemplate", first: true, predicate: ["previewTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"row\">\n  <div class=\"comment-body\" #body>\n    <div [innerHTML]=\"item.text|taggingHtml:item.resource\" class=\"comment-text\"></div>\n    @if (item.image) {\n    <img [src]=\"'data:image/png;base64,'+item.image\" alt=\"\" (click)=\"preview()\" />\n    }\n  </div>\n  @if (me) {\n  <button mat-icon-button [matMenuTriggerFor]=\"menu\" class=\"tool\" (click)=\"$event.stopPropagation()\"><mat-icon>more_vert</mat-icon></button>\n  }\n  <mat-menu #menu>\n    <ng-template matMenuContent>\n      <button mat-menu-item (click)=\"edit()\">{{'Edit'|translate}}</button>\n      <mat-divider></mat-divider>\n      <button mat-menu-item (click)=\"delete()\">{{'Delete'|translate}}</button>\n    </ng-template>\n  </mat-menu>\n</div>\n<div class=\"row\">\n  <div class=\"column\">\n    <span [innerHTML]=\"name | sanitizeHtml\" (click)=\"chat($event)\"></span>\n    <div>\n      <small class=\"flex\" bizdocTooltip=\"{{item.edited || item.time | amCalendar }}\">{{item.edited || item.time | amTimeAgo}}</small>\n      @if (item.edited) {\n      &nbsp;<a (click)=\"edits()\" class=\"modification\">{{'Edited'| translate}}</a>\n      }\n      @if (!me) {\n      &nbsp;<a (click)=\"reply.emit()\" class=\"modification\">{{'Reply'| translate}}</a>\n      }\n    </div>\n  </div>\n  @if (voting) {\n  <div class=\"comment-actions\">\n    @if (item.votes > 0 || item.votes < 0) {\n    <a [class.score-negative]=\"item.votes < 0\" class=\"comment-score\" dir=\"ltr\" (click)=\"votes()\" [bizdocTooltip]=\"'Votes'|translate\">{{item.votes}}</a>\n    }\n    <button mat-icon-button (click)=\"vote(1, $event)\" [class.voted-true]=\"item.voted===1\" [disableRipple]=\"true\"><mat-icon>thumb_up_alt</mat-icon></button>\n    <button mat-icon-button (click)=\"vote(-1, $event)\" [class.voted-false]=\"item.voted===-1\" [disableRipple]=\"true\"><mat-icon>thumb_down_alt</mat-icon></button>\n  </div>\n  }\n</div>\n<ng-template #previewTemplate>\n  <img [src]=\"'data:image/png;base64,'+item.image\" alt=\"\" />\n</ng-template>\n", dependencies: [{ kind: "directive", type: i9.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i10.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i13.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i13.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i13.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i14.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i15.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i16.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }, { kind: "pipe", type: i18.SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: i19.TaggingPipe, name: "taggingHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CommentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-comment', host: {
                         class: 'comment'

package/esm2022/lib/compose/comments/comments.component.mjs

@@ -201,10 +201,10 @@ export class CommentsComponent {
         this.input.text && this.input.text.length &&
             window.localStorage.setItem(id, this.input.text);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CommentsComponent, deps: [{ token: i1.AccountService }, { token: i2.SessionService }, { token: i3.PromptService }, { token: i4.TranslateService }, { token: i5.ChatInfo }, { token: i6.MailboxService }, { token: i7.HubService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: CommentsComponent, selector: "bizdoc-comments", inputs: { model: "model" }, outputs: { change: "change" }, host: { classAttribute: "comments" }, viewQueries: [{ propertyName: "threadElement", first: true, predicate: ["thread"], descendants: true, read: ElementRef, static: true }, { propertyName: "input", first: true, predicate: EditInputComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (!model.comments.length) {\n  <bizdoc-none icon=\"format_quote\"></bizdoc-none>\n}\n\n<div class=\"column comments-thread\" #thread (scroll)=\"onScroll($event)\">\n  @for (c of model.comments; track c.id) {\n    <ng-container role=\"listitem\">\n      @if (!c.deleted || showDeleted) {\n        <bizdoc-comment\n          [model]=\"model\"\n          [item]=\"c\"\n          (reply)=\"reply(c)\"\n          (deleted)=\"deleted(c)\">\n        </bizdoc-comment>\n      } @else {\n        <a (click)=\"showDeleted = true\" class=\"comment-deleted\">{{'Deleted' | translate}}</a>\n      }\n    </ng-container>\n  }\n</div>\n\n<div class=\"comments-typing\" [style.visibility]=\"typing ? 'visible': 'hidden'\">{{'Typing' | translate : typing}}</div>\n\n@if (replyName) {\n  <div class=\"comments-reply\">\n    <span [innerHTML]=\"replyName | sanitizeHtml\" (click)=\"chat($event)\"></span>\n    &nbsp; <a class=\"modification\" (click)=\"clearReply()\">{{'Cancel'|translate}}</a>\n  </div>\n}\n\n<bizdoc-edit-text (ok)=\"post($event)\" (change)=\"_textChange.next()\"\n                  placeholder=\"CommentHere\"\n  [disabled]=\"sending\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n</bizdoc-edit-text>\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%}.comments-thread{flex:1 1 auto;overflow:auto;padding:8px 12px 0}.comment-deleted{align-self:center;font-variant:small-caps}.comments-typing,.comments-reply{font-size:12px;padding:0 8px}.comments-reply .modification{font-size:medium}.modification{font-variant:small-caps}\n"], dependencies: [{ kind: "component", type: i8.EditInputComponent, selector: "bizdoc-edit-text", inputs: ["placeholder", "text", "image", "resource", "disabled", "autofocus", "cache"], outputs: ["change", "ok", "focus", "blur"] }, { kind: "component", type: i9.NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "component", type: i10.CommentComponent, selector: "bizdoc-comment", inputs: ["model", "item"], outputs: ["deleted", "reply"] }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }, { kind: "pipe", type: i12.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentsComponent, deps: [{ token: i1.AccountService }, { token: i2.SessionService }, { token: i3.PromptService }, { token: i4.TranslateService }, { token: i5.ChatInfo }, { token: i6.MailboxService }, { token: i7.HubService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: CommentsComponent, selector: "bizdoc-comments", inputs: { model: "model" }, outputs: { change: "change" }, host: { classAttribute: "comments" }, viewQueries: [{ propertyName: "threadElement", first: true, predicate: ["thread"], descendants: true, read: ElementRef, static: true }, { propertyName: "input", first: true, predicate: EditInputComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (!model.comments.length) {\n  <bizdoc-none icon=\"format_quote\"></bizdoc-none>\n}\n\n<div class=\"column comments-thread\" #thread (scroll)=\"onScroll($event)\">\n  @for (c of model.comments; track c.id) {\n    <ng-container role=\"listitem\">\n      @if (!c.deleted || showDeleted) {\n        <bizdoc-comment\n          [model]=\"model\"\n          [item]=\"c\"\n          (reply)=\"reply(c)\"\n          (deleted)=\"deleted(c)\">\n        </bizdoc-comment>\n      } @else {\n        <a (click)=\"showDeleted = true\" class=\"comment-deleted\">{{'Deleted' | translate}}</a>\n      }\n    </ng-container>\n  }\n</div>\n\n<div class=\"comments-typing\" [style.visibility]=\"typing ? 'visible': 'hidden'\">{{'Typing' | translate : typing}}</div>\n\n@if (replyName) {\n  <div class=\"comments-reply\">\n    <span [innerHTML]=\"replyName | sanitizeHtml\" (click)=\"chat($event)\"></span>\n    &nbsp; <a class=\"modification\" (click)=\"clearReply()\">{{'Cancel'|translate}}</a>\n  </div>\n}\n\n<bizdoc-edit-text (ok)=\"post($event)\" (change)=\"_textChange.next()\"\n                  placeholder=\"CommentHere\"\n  [disabled]=\"sending\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n</bizdoc-edit-text>\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%}.comments-thread{flex:1 1 auto;overflow:auto;padding:8px 12px 0}.comment-deleted{align-self:center;font-variant:small-caps}.comments-typing,.comments-reply{font-size:12px;padding:0 8px}.comments-reply .modification{font-size:medium}.modification{font-variant:small-caps}\n"], dependencies: [{ kind: "component", type: i8.EditInputComponent, selector: "bizdoc-edit-text", inputs: ["placeholder", "text", "image", "resource", "disabled", "autofocus", "cache"], outputs: ["change", "ok", "focus", "blur"] }, { kind: "component", type: i9.NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "component", type: i10.CommentComponent, selector: "bizdoc-comment", inputs: ["model", "item"], outputs: ["deleted", "reply"] }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }, { kind: "pipe", type: i12.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CommentsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-comments', host: {
                         class: 'comments'

package/esm2022/lib/compose/comments/comments.pane.component.mjs

@@ -27,10 +27,10 @@ export class CommentsPaneComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CommentsPaneComponent, deps: [{ token: i1.TranslateService }, { token: i2.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: CommentsPaneComponent, selector: "ng-component", viewQueries: [{ propertyName: "_comments", first: true, predicate: CommentsComponent, descendants: true, static: true }], ngImport: i0, template: `<bizdoc-comments [model]=model></bizdoc-comments>`, isInline: true, styles: [":host{min-width:320px}\n"], dependencies: [{ kind: "component", type: i3.CommentsComponent, selector: "bizdoc-comments", inputs: ["model"], outputs: ["change"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentsPaneComponent, deps: [{ token: i1.TranslateService }, { token: i2.PaneRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: CommentsPaneComponent, selector: "ng-component", viewQueries: [{ propertyName: "_comments", first: true, predicate: CommentsComponent, descendants: true, static: true }], ngImport: i0, template: `<bizdoc-comments [model]=model></bizdoc-comments>`, isInline: true, styles: [":host{min-width:320px}\n"], dependencies: [{ kind: "component", type: i3.CommentsComponent, selector: "bizdoc-comments", inputs: ["model"], outputs: ["change"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CommentsPaneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentsPaneComponent, decorators: [{
             type: Component,
             args: [{ template: `<bizdoc-comments [model]=model></bizdoc-comments>`, styles: [":host{min-width:320px}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.PaneRef }], propDecorators: { _comments: [{

package/esm2022/lib/compose/comments/edit-comment.component.mjs

@@ -19,10 +19,10 @@ export class EditCommentComponent {
             this._sb.error();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EditCommentComponent, deps: [{ token: i1.PopupRef }, { token: POPUP_DATA }, { token: i2.PromptService }, { token: i3.MailboxService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: EditCommentComponent, selector: "bizdoc-edit-comment", ngImport: i0, template: "<bizdoc-edit-text (ok)=\"ok($event)\"\r\n                  [resource]=\"data.resource\"\r\n                  [text]=\"data.text\"\r\n                  placeholder=\"CommentHere\"\r\n                  [image]=\"data.image\"\r\n                  [disabled]=\"sending\" autofocus></bizdoc-edit-text>\r\n", dependencies: [{ kind: "component", type: i4.EditInputComponent, selector: "bizdoc-edit-text", inputs: ["placeholder", "text", "image", "resource", "disabled", "autofocus", "cache"], outputs: ["change", "ok", "focus", "blur"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: EditCommentComponent, deps: [{ token: i1.PopupRef }, { token: POPUP_DATA }, { token: i2.PromptService }, { token: i3.MailboxService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: EditCommentComponent, selector: "bizdoc-edit-comment", ngImport: i0, template: "<bizdoc-edit-text (ok)=\"ok($event)\"\r\n                  [resource]=\"data.resource\"\r\n                  [text]=\"data.text\"\r\n                  placeholder=\"CommentHere\"\r\n                  [image]=\"data.image\"\r\n                  [disabled]=\"sending\" autofocus></bizdoc-edit-text>\r\n", dependencies: [{ kind: "component", type: i4.EditInputComponent, selector: "bizdoc-edit-text", inputs: ["placeholder", "text", "image", "resource", "disabled", "autofocus", "cache"], outputs: ["change", "ok", "focus", "blur"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EditCommentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: EditCommentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-edit-comment', template: "<bizdoc-edit-text (ok)=\"ok($event)\"\r\n                  [resource]=\"data.resource\"\r\n                  [text]=\"data.text\"\r\n                  placeholder=\"CommentHere\"\r\n                  [image]=\"data.image\"\r\n                  [disabled]=\"sending\" autofocus></bizdoc-edit-text>\r\n" }]
         }], ctorParameters: () => [{ type: i1.PopupRef }, { type: undefined, decorators: [{

package/esm2022/lib/compose/comments/edits.component.mjs

@@ -17,10 +17,10 @@ export class CommentEditsComponent {
     ngOnInit() {
         this.versions = this._mailbox.edits(this._data.documentId, this._data.id);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CommentEditsComponent, deps: [{ token: POPUP_DATA }, { token: i1.MailboxService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: CommentEditsComponent, selector: "bizdoc-comment-edits", ngImport: i0, template: "<span class=\"mat-h2\">{{'History' | translate}}</span>\n\n@for (v of versions | async; track v) {\n  <div class=\"comment\">\n    <p [innerHTML]=\"v.text|taggingHtml:resource\"></p>\n    @if (v.byId || byId) {\n      <bizdoc-identity-name class=\"mat-body\" [identity]=\"v.userId\" [by]=\"v.byId\"></bizdoc-identity-name>\n    }\n    <small>{{v.time | amCalendar}}</small>\n  </div>\n}\n", styles: [":host{padding:8px}\n"], dependencies: [{ kind: "component", type: i2.IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i6.TaggingPipe, name: "taggingHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentEditsComponent, deps: [{ token: POPUP_DATA }, { token: i1.MailboxService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: CommentEditsComponent, selector: "bizdoc-comment-edits", ngImport: i0, template: "<span class=\"mat-h2\">{{'History' | translate}}</span>\n\n@for (v of versions | async; track v) {\n  <div class=\"comment\">\n    <p [innerHTML]=\"v.text|taggingHtml:resource\"></p>\n    @if (v.byId || byId) {\n      <bizdoc-identity-name class=\"mat-body\" [identity]=\"v.userId\" [by]=\"v.byId\"></bizdoc-identity-name>\n    }\n    <small>{{v.time | amCalendar}}</small>\n  </div>\n}\n", styles: [":host{padding:8px}\n"], dependencies: [{ kind: "component", type: i2.IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i6.TaggingPipe, name: "taggingHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CommentEditsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentEditsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-comment-edits', template: "<span class=\"mat-h2\">{{'History' | translate}}</span>\n\n@for (v of versions | async; track v) {\n  <div class=\"comment\">\n    <p [innerHTML]=\"v.text|taggingHtml:resource\"></p>\n    @if (v.byId || byId) {\n      <bizdoc-identity-name class=\"mat-body\" [identity]=\"v.userId\" [by]=\"v.byId\"></bizdoc-identity-name>\n    }\n    <small>{{v.time | amCalendar}}</small>\n  </div>\n}\n", styles: [":host{padding:8px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/lib/compose/comments/quick-comment.component.exp.mjs

@@ -51,10 +51,10 @@ export class QuickCommentComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: QuickCommentComponent, deps: [{ token: DOCUMENT_MODEL }, { token: i1.AccountService }, { token: i2.MailboxService }, { token: i3.HubService }, { token: i4.PromptService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: QuickCommentComponent, selector: "bizdoc-quick-comment", ngImport: i0, template: "<div class=\"comments-typing\" [style.visibility]=\"typing ? 'visible': 'hidden'\">{{'Typing' | translate : typing}}</div>\n<bizdoc-edit-text (ok)=\"post($event)\" (change)=\"_textChange.next()\"\n                  [disabled]=\"sending\">\n</bizdoc-edit-text>\n@if (model.comments.length) {\n<div>{{(model.comments.length === 1 ? 'OneComment' : 'CommentsCount') | translate: model.comments.length}}</div>\n}\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.comments-typing{font-size:12px;padding:0 8px}\n"], dependencies: [{ kind: "component", type: i5.EditInputComponent, selector: "bizdoc-edit-text", inputs: ["placeholder", "text", "image", "resource", "disabled", "autofocus", "cache"], outputs: ["change", "ok", "focus", "blur"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: QuickCommentComponent, deps: [{ token: DOCUMENT_MODEL }, { token: i1.AccountService }, { token: i2.MailboxService }, { token: i3.HubService }, { token: i4.PromptService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: QuickCommentComponent, selector: "bizdoc-quick-comment", ngImport: i0, template: "<div class=\"comments-typing\" [style.visibility]=\"typing ? 'visible': 'hidden'\">{{'Typing' | translate : typing}}</div>\n<bizdoc-edit-text (ok)=\"post($event)\" (change)=\"_textChange.next()\"\n                  [disabled]=\"sending\">\n</bizdoc-edit-text>\n@if (model.comments.length) {\n<div>{{(model.comments.length === 1 ? 'OneComment' : 'CommentsCount') | translate: model.comments.length}}</div>\n}\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.comments-typing{font-size:12px;padding:0 8px}\n"], dependencies: [{ kind: "component", type: i5.EditInputComponent, selector: "bizdoc-edit-text", inputs: ["placeholder", "text", "image", "resource", "disabled", "autofocus", "cache"], outputs: ["change", "ok", "focus", "blur"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: QuickCommentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: QuickCommentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-quick-comment', template: "<div class=\"comments-typing\" [style.visibility]=\"typing ? 'visible': 'hidden'\">{{'Typing' | translate : typing}}</div>\n<bizdoc-edit-text (ok)=\"post($event)\" (change)=\"_textChange.next()\"\n                  [disabled]=\"sending\">\n</bizdoc-edit-text>\n@if (model.comments.length) {\n<div>{{(model.comments.length === 1 ? 'OneComment' : 'CommentsCount') | translate: model.comments.length}}</div>\n}\n", styles: [":host{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.comments-typing{font-size:12px;padding:0 8px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/lib/compose/comments/votes.component.mjs

@@ -29,10 +29,10 @@ export class CommentLikesComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CommentLikesComponent, deps: [{ token: POPUP_DATA }, { token: i1.MailboxService }, { token: i2.HubService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: CommentLikesComponent, selector: "bizdoc-comment-votes", ngImport: i0, template: "<span class=\"mat-h2\">{{'Votes' | translate}}</span>\n@for (v of votes | async; track v) {\n  <div class=\"vote\">\n    <bizdoc-identity-name class=\"mat-body\" [identity]=\"v.userId\" [by]=\"v.byId\"></bizdoc-identity-name>\n    <button mat-icon-button><mat-icon>{{v.voted === 1 ? 'thumb_up_alt' : 'thumb_down_alt'}}</mat-icon></button>\n    <br />\n    <small bizdocTooltip=\"{{v.time | amCalendar }}\">{{v.time | amTimeAgo}}</small>\n  </div>\n}\n", styles: [":host{padding:8px}\n"], dependencies: [{ kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i9.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentLikesComponent, deps: [{ token: POPUP_DATA }, { token: i1.MailboxService }, { token: i2.HubService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: CommentLikesComponent, selector: "bizdoc-comment-votes", ngImport: i0, template: "<span class=\"mat-h2\">{{'Votes' | translate}}</span>\n@for (v of votes | async; track v) {\n  <div class=\"vote\">\n    <bizdoc-identity-name class=\"mat-body\" [identity]=\"v.userId\" [by]=\"v.byId\"></bizdoc-identity-name>\n    <button mat-icon-button><mat-icon>{{v.voted === 1 ? 'thumb_up_alt' : 'thumb_down_alt'}}</mat-icon></button>\n    <br />\n    <small bizdocTooltip=\"{{v.time | amCalendar }}\">{{v.time | amTimeAgo}}</small>\n  </div>\n}\n", styles: [":host{padding:8px}\n"], dependencies: [{ kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i9.TimeAgoPipe, name: "amTimeAgo" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CommentLikesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CommentLikesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-comment-votes', template: "<span class=\"mat-h2\">{{'Votes' | translate}}</span>\n@for (v of votes | async; track v) {\n  <div class=\"vote\">\n    <bizdoc-identity-name class=\"mat-body\" [identity]=\"v.userId\" [by]=\"v.byId\"></bizdoc-identity-name>\n    <button mat-icon-button><mat-icon>{{v.voted === 1 ? 'thumb_up_alt' : 'thumb_down_alt'}}</mat-icon></button>\n    <br />\n    <small bizdocTooltip=\"{{v.time | amCalendar }}\">{{v.time | amTimeAgo}}</small>\n  </div>\n}\n", styles: [":host{padding:8px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/lib/compose/compose-resolve.service.mjs

@@ -25,10 +25,10 @@ export class RecipientResolveService {
             throw e;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: RecipientResolveService, deps: [{ token: i1.MailboxService }, { token: i2.PromptService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: RecipientResolveService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RecipientResolveService, deps: [{ token: i1.MailboxService }, { token: i2.PromptService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RecipientResolveService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: RecipientResolveService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RecipientResolveService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.MailboxService }, { type: i2.PromptService }, { type: i3.Router }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9zZS1yZXNvbHZlLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJyYXJpZXMvY29yZS9zcmMvbGliL2NvbXBvc2UvY29tcG9zZS1yZXNvbHZlLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzQyxPQUFPLEVBQUUsVUFBVSxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFJbEQ7cUNBQ3FDO0FBRXJDLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsWUFBb0IsUUFBd0IsRUFBVSxHQUFrQixFQUFVLE9BQWU7UUFBN0UsYUFBUSxHQUFSLFFBQVEsQ0FBZ0I7UUFBVSxRQUFHLEdBQUgsR0FBRyxDQUFlO1FBQVUsWUFBTyxHQUFQLE9BQU8sQ0FBUTtJQUVqRyxDQUFDO0lBQ0QsT0FBTyxDQUFDLEtBQTZCO1FBQ25DLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztRQUNoRCxJQUFJLEdBQUcsQ0FBQyxNQUFNLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNuQyxNQUFNLElBQUksR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUN0QyxJQUFJLElBQUk7Z0JBQ04sT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDcEIsQ0FBQztRQUNELE1BQU0sRUFBRSxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQy9DLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUMvQyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2pCLE1BQU0sQ0FBQyxDQUFDO1FBQ1YsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNOLENBQUM7OEdBaEJVLHVCQUF1QjtrSEFBdkIsdUJBQXVCOzsyRkFBdkIsdUJBQXVCO2tCQURuQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZVNuYXBzaG90LCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBjYXRjaEVycm9yLCBPYnNlcnZhYmxlLCBvZiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBSZWNpcGllbnRNb2RlbCB9IGZyb20gJy4uL2NvcmUvbW9kZWxzJztcclxuaW1wb3J0IHsgTWFpbGJveFNlcnZpY2UgfSBmcm9tICcuLi9jb3JlL21haWxib3guc2VydmljZSc7XHJcbmltcG9ydCB7IFByb21wdFNlcnZpY2UgfSBmcm9tICcuLi9jb3JlL3Byb21wdC5zZXJ2aWNlJztcclxuLyoqXHJcbiAqIGdldCBtb2RlbCBiZWZvcmUgcm91dGUgbmF2aWdhdGUgKi9cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgUmVjaXBpZW50UmVzb2x2ZVNlcnZpY2Uge1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX21haWxib3g6IE1haWxib3hTZXJ2aWNlLCBwcml2YXRlIF9zYjogUHJvbXB0U2VydmljZSwgcHJpdmF0ZSBfcm91dGVyOiBSb3V0ZXIpIHtcclxuXHJcbiAgfVxyXG4gIHJlc29sdmUocm91dGU6IEFjdGl2YXRlZFJvdXRlU25hcHNob3QpOiBPYnNlcnZhYmxlPHZvaWQgfCBSZWNpcGllbnRNb2RlbDxhbnk+PiB7XHJcbiAgICBjb25zdCBuYXYgPSB0aGlzLl9yb3V0ZXIuZ2V0Q3VycmVudE5hdmlnYXRpb24oKTtcclxuICAgIGlmIChuYXYuZXh0cmFzICYmIG5hdi5leHRyYXMuc3RhdGUpIHtcclxuICAgICAgY29uc3QgaXRlbSA9IG5hdi5leHRyYXMuc3RhdGVbJ2l0ZW0nXTtcclxuICAgICAgaWYgKGl0ZW0pXHJcbiAgICAgICAgcmV0dXJuIG9mKGl0ZW0pO1xyXG4gICAgfVxyXG4gICAgY29uc3QgaWQgPSByb3V0ZS5wYXJhbU1hcC5nZXQoJ2lkJykuZGVjb2RlSWQoKTtcclxuICAgIHJldHVybiB0aGlzLl9tYWlsYm94LmdldChpZCkucGlwZShjYXRjaEVycm9yKGUgPT4ge1xyXG4gICAgICB0aGlzLl9zYi5lcnJvcigpO1xyXG4gICAgICB0aHJvdyBlO1xyXG4gICAgfSkpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2022/lib/compose/compose.mobile.component.mjs

@@ -95,10 +95,10 @@ export class ComposeMobileComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ComposeMobileComponent, deps: [{ token: i1.WindowTitleService }, { token: i2.SessionService }, { token: i3.Router }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: ComposeMobileComponent, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: ComposeFormComponent, descendants: true, static: true }, { propertyName: "comments", first: true, predicate: CommentsComponent, descendants: true }, { propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\n  @if (page !== undefined) {\n    <button mat-icon-button (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" tabindex=\"1\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon>\n    </button>\n  }\n  @if (model.draft) {\n    <button mat-icon-button color=\"primary\" data-help=\"submit\"\n      (click)=\"submit()\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Submit' | translate\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\n    </button>\n  }\n  @if (form.actions.length === 1) {\n    <button mat-icon-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"form.actions[0].title\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">{{form.actions[0].icon || 'send'}}</mat-icon>\n    </button>\n  }\n  @else if (form.actions.length > 1) {\n    <button mat-icon-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionmenu\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Send' | translate\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\n    </button>\n  }\n  <!-- action -->\n  <mat-menu #actionmenu>\n    @for (a of form.actions | sort : 'group'; track a; let i = $index) {\n      @if (i > 0 && form.actions[i-1].group !== a.group) {\n        <mat-divider></mat-divider>\n      }\n      <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\n    }\n  </mat-menu>\n  @if (mode === 'compose') {\n    <button mat-icon-button (click)=\"form.save().subscribe()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"(model.draft ? 'SaveDraft' : 'Save') | translate\">\n      <mat-icon>save</mat-icon>\n    </button>\n  }\n  <button mat-icon-button data-help=\"tag\" (click)=\"form.tag($event)\" [bizdocTooltip]=\"'Tags' | translate\" [disabled]=\"working\"><mat-icon class=\"filled\">{{model.tags && model.tags.length ?'bookmark':'bookmark_border'}}</mat-icon></button>\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon class=\"filled\">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\n  @if (mode !== 'compose' && !model.completed && model.pending) {\n    <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\"><mat-icon>create</mat-icon></button>\n  }\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"toggle('comments')\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\n    <mat-icon class=\"filled\">format_quote</mat-icon>\n  </button>\n  @if (enableAnalysis) {\n    <button mat-icon-button (click)=\"toggle('views')\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\n  }\n  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</mat-icon></button>\n  <mat-menu #optionsMenu=\"matMenu\">\n    <ng-template matMenuContent>\n      <button mat-menu-item (click)=\"form.copy()\" [disabled]=\"working\">\n        <!--<mat-icon>content_copy</mat-icon>-->\n        <span>{{'Copy' | translate}}</span>\n      </button>\n      @if (model.draft && !model.issued) {\n        <button mat-menu-item (click)=\"discard()\" [disabled]=\"working\">\n          <!--<mat-icon>delete_outlined</mat-icon>-->\n          <span>{{'Discard' | translate}}</span>\n        </button>\n      }\n      @if (form.help) {\n        <mat-divider></mat-divider>\n        <button mat-menu-item (click)=\"form.guide(form.help)\">\n          <!--<mat-icon>help_outline</mat-icon>-->\n          <span>{{'Help' | translate}}</span>\n        </button>\n      }\n    </ng-template>\n  </mat-menu>\n</mat-toolbar>\n<mat-sidenav-container class=\"page-container\">\n  <mat-sidenav-content>\n    <bizdoc-form [model]=model #form (validChange)=\"valid=$event\"\n      (workingChange)=\"working=$event\" [page]=\"page\"\n    (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\n  </mat-sidenav-content>\n  <mat-sidenav mode=\"over\" position=\"end\" [opened]=\"false\" #drawer autoFocus=\"false\" class=\"side-nav\">\n    @switch (viewMode) {\n      @case ('views') {\n        <bizdoc-document-views [model]=\"model\"></bizdoc-document-views>\n      }\n      @default {\n        <bizdoc-comments [model]=\"model\"></bizdoc-comments>\n      }\n    }\n  </mat-sidenav>\n</mat-sidenav-container>\n", styles: [".page-container ::ng-deep form{padding:6px}.side-nav{min-width:280px}\n"], dependencies: [{ kind: "directive", type: i4.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i11.DocumentViewsComponent, selector: "bizdoc-document-views", inputs: ["model"] }, { kind: "component", type: i12.CommentsComponent, selector: "bizdoc-comments", inputs: ["model"], outputs: ["change"] }, { kind: "component", type: i13.ComposeFormComponent, selector: "bizdoc-form", inputs: ["model", "working", "dirty", "valid", "page", "mode", "contacts"], outputs: ["modelChange", "workingChange", "dirtyChange", "validChange", "saved"] }, { kind: "directive", type: i14.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i15.ArraySortPipe, name: "sort" }, { kind: "pipe", type: i16.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ComposeMobileComponent, deps: [{ token: i1.WindowTitleService }, { token: i2.SessionService }, { token: i3.Router }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: ComposeMobileComponent, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: ComposeFormComponent, descendants: true, static: true }, { propertyName: "comments", first: true, predicate: CommentsComponent, descendants: true }, { propertyName: "drawer", first: true, predicate: MatSidenav, descendants: true, static: true }], ngImport: i0, template: "<mat-toolbar class=\"nav-toolbar\">\n  @if (page !== undefined) {\n    <button mat-icon-button (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" tabindex=\"1\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon>\n    </button>\n  }\n  @if (model.draft) {\n    <button mat-icon-button color=\"primary\" data-help=\"submit\"\n      (click)=\"submit()\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Submit' | translate\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\n    </button>\n  }\n  @if (form.actions.length === 1) {\n    <button mat-icon-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"form.actions[0].title\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">{{form.actions[0].icon || 'send'}}</mat-icon>\n    </button>\n  }\n  @else if (form.actions.length > 1) {\n    <button mat-icon-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionmenu\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Send' | translate\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\n    </button>\n  }\n  <!-- action -->\n  <mat-menu #actionmenu>\n    @for (a of form.actions | sort : 'group'; track a; let i = $index) {\n      @if (i > 0 && form.actions[i-1].group !== a.group) {\n        <mat-divider></mat-divider>\n      }\n      <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\n    }\n  </mat-menu>\n  @if (mode === 'compose') {\n    <button mat-icon-button (click)=\"form.save().subscribe()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"(model.draft ? 'SaveDraft' : 'Save') | translate\">\n      <mat-icon>save</mat-icon>\n    </button>\n  }\n  <button mat-icon-button data-help=\"tag\" (click)=\"form.tag($event)\" [bizdocTooltip]=\"'Tags' | translate\" [disabled]=\"working\"><mat-icon class=\"filled\">{{model.tags && model.tags.length ?'bookmark':'bookmark_border'}}</mat-icon></button>\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon class=\"filled\">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\n  @if (mode !== 'compose' && !model.completed && model.pending) {\n    <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\"><mat-icon>create</mat-icon></button>\n  }\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"toggle('comments')\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\n    <mat-icon class=\"filled\">format_quote</mat-icon>\n  </button>\n  @if (enableAnalysis) {\n    <button mat-icon-button (click)=\"toggle('views')\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\n  }\n  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</mat-icon></button>\n  <mat-menu #optionsMenu=\"matMenu\">\n    <ng-template matMenuContent>\n      <button mat-menu-item (click)=\"form.copy()\" [disabled]=\"working\">\n        <!--<mat-icon>content_copy</mat-icon>-->\n        <span>{{'Copy' | translate}}</span>\n      </button>\n      @if (model.draft && !model.issued) {\n        <button mat-menu-item (click)=\"discard()\" [disabled]=\"working\">\n          <!--<mat-icon>delete_outlined</mat-icon>-->\n          <span>{{'Discard' | translate}}</span>\n        </button>\n      }\n      @if (form.help) {\n        <mat-divider></mat-divider>\n        <button mat-menu-item (click)=\"form.guide(form.help)\">\n          <!--<mat-icon>help_outline</mat-icon>-->\n          <span>{{'Help' | translate}}</span>\n        </button>\n      }\n    </ng-template>\n  </mat-menu>\n</mat-toolbar>\n<mat-sidenav-container class=\"page-container\">\n  <mat-sidenav-content>\n    <bizdoc-form [model]=model #form (validChange)=\"valid=$event\"\n      (workingChange)=\"working=$event\" [page]=\"page\"\n    (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\n  </mat-sidenav-content>\n  <mat-sidenav mode=\"over\" position=\"end\" [opened]=\"false\" #drawer autoFocus=\"false\" class=\"side-nav\">\n    @switch (viewMode) {\n      @case ('views') {\n        <bizdoc-document-views [model]=\"model\"></bizdoc-document-views>\n      }\n      @default {\n        <bizdoc-comments [model]=\"model\"></bizdoc-comments>\n      }\n    }\n  </mat-sidenav>\n</mat-sidenav-container>\n", styles: [".page-container ::ng-deep form{padding:6px}.side-nav{min-width:280px}\n"], dependencies: [{ kind: "directive", type: i4.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i10.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i10.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i11.DocumentViewsComponent, selector: "bizdoc-document-views", inputs: ["model"] }, { kind: "component", type: i12.CommentsComponent, selector: "bizdoc-comments", inputs: ["model"], outputs: ["change"] }, { kind: "component", type: i13.ComposeFormComponent, selector: "bizdoc-form", inputs: ["model", "working", "dirty", "valid", "page", "mode", "contacts"], outputs: ["modelChange", "workingChange", "dirtyChange", "validChange", "saved"] }, { kind: "directive", type: i14.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i15.ArraySortPipe, name: "sort" }, { kind: "pipe", type: i16.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ComposeMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ComposeMobileComponent, decorators: [{
             type: Component,
             args: [{ template: "<mat-toolbar class=\"nav-toolbar\">\n  @if (page !== undefined) {\n    <button mat-icon-button (click)=\"form.back()\" [bizdocTooltip]=\"'Back'|translate\" tabindex=\"1\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">arrow_circle_left</mat-icon>\n    </button>\n  }\n  @if (model.draft) {\n    <button mat-icon-button color=\"primary\" data-help=\"submit\"\n      (click)=\"submit()\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Submit' | translate\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\n    </button>\n  }\n  @if (form.actions.length === 1) {\n    <button mat-icon-button color=\"primary\" [attr.data-help]=\"'action-'+form.actions[0].name\" (click)=\"send(model.actions[0])\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"form.actions[0].title\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">{{form.actions[0].icon || 'send'}}</mat-icon>\n    </button>\n  }\n  @else if (form.actions.length > 1) {\n    <button mat-icon-button data-help=\"send\" color=\"primary\" [matMenuTriggerFor]=\"actionmenu\" [disabled]=\"!valid||working\" [bizdocTooltip]=\"'Send' | translate\">\n      <mat-icon class=\"mat-icon-rtl-mirror\">send</mat-icon>\n    </button>\n  }\n  <!-- action -->\n  <mat-menu #actionmenu>\n    @for (a of form.actions | sort : 'group'; track a; let i = $index) {\n      @if (i > 0 && form.actions[i-1].group !== a.group) {\n        <mat-divider></mat-divider>\n      }\n      <button mat-menu-item (click)=\"send(a.name)\">{{a.title}}</button>\n    }\n  </mat-menu>\n  @if (mode === 'compose') {\n    <button mat-icon-button (click)=\"form.save().subscribe()\" data-help=\"save\" [disabled]=\"!dirty||working\" [bizdocTooltip]=\"(model.draft ? 'SaveDraft' : 'Save') | translate\">\n      <mat-icon>save</mat-icon>\n    </button>\n  }\n  <button mat-icon-button data-help=\"tag\" (click)=\"form.tag($event)\" [bizdocTooltip]=\"'Tags' | translate\" [disabled]=\"working\"><mat-icon class=\"filled\">{{model.tags && model.tags.length ?'bookmark':'bookmark_border'}}</mat-icon></button>\n  <button mat-icon-button data-help=\"flag\" [bizdocTooltip]=\"'Flagged'| translate\" [disabled]=\"working\" (click)=\"form.flag()\"><mat-icon class=\"filled\">{{model.flag ? 'star' : 'star_border'}}</mat-icon></button>\n  <button mat-icon-button (click)=\"form.attach()\" data-help=\"attach\" [bizdocTooltip]=\"'AttachFile' | translate\" [disabled]=\"working\"><mat-icon>attach_file</mat-icon></button>\n  @if (mode !== 'compose' && !model.completed && model.pending) {\n    <button mat-icon-button [disabled]=\"working\" data-help=\"edit\" (click)=\"edit()\" [bizdocTooltip]=\"'Edit' | translate\"><mat-icon>create</mat-icon></button>\n  }\n  <span class=\"divider\"></span>\n  <button mat-icon-button (click)=\"toggle('comments')\" data-help=\"comments\" [bizdocTooltip]=\"'Comments' | translate\" [matBadge]=\"newCommentsCount\" [matBadgeHidden]=\"!newCommentsCount\" matBadgeColor=\"accent\">\n    <mat-icon class=\"filled\">format_quote</mat-icon>\n  </button>\n  @if (enableAnalysis) {\n    <button mat-icon-button (click)=\"toggle('views')\" [bizdocTooltip]=\"'View' | translate\" [attr.aria-label]=\"'View' | translate\" class=\"tool\"><mat-icon>data_usage</mat-icon></button>\n  }\n  <button mat-icon-button [matMenuTriggerFor]=\"optionsMenu\" [bizdocTooltip]=\"'Options' | translate\" [attr.aria-label]=\"'Options' | translate\"><mat-icon>more_vert</mat-icon></button>\n  <mat-menu #optionsMenu=\"matMenu\">\n    <ng-template matMenuContent>\n      <button mat-menu-item (click)=\"form.copy()\" [disabled]=\"working\">\n        <!--<mat-icon>content_copy</mat-icon>-->\n        <span>{{'Copy' | translate}}</span>\n      </button>\n      @if (model.draft && !model.issued) {\n        <button mat-menu-item (click)=\"discard()\" [disabled]=\"working\">\n          <!--<mat-icon>delete_outlined</mat-icon>-->\n          <span>{{'Discard' | translate}}</span>\n        </button>\n      }\n      @if (form.help) {\n        <mat-divider></mat-divider>\n        <button mat-menu-item (click)=\"form.guide(form.help)\">\n          <!--<mat-icon>help_outline</mat-icon>-->\n          <span>{{'Help' | translate}}</span>\n        </button>\n      }\n    </ng-template>\n  </mat-menu>\n</mat-toolbar>\n<mat-sidenav-container class=\"page-container\">\n  <mat-sidenav-content>\n    <bizdoc-form [model]=model #form (validChange)=\"valid=$event\"\n      (workingChange)=\"working=$event\" [page]=\"page\"\n    (dirtyChange)=\"dirty=$event\" [mode]=\"mode\"></bizdoc-form>\n  </mat-sidenav-content>\n  <mat-sidenav mode=\"over\" position=\"end\" [opened]=\"false\" #drawer autoFocus=\"false\" class=\"side-nav\">\n    @switch (viewMode) {\n      @case ('views') {\n        <bizdoc-document-views [model]=\"model\"></bizdoc-document-views>\n      }\n      @default {\n        <bizdoc-comments [model]=\"model\"></bizdoc-comments>\n      }\n    }\n  </mat-sidenav>\n</mat-sidenav-container>\n", styles: [".page-container ::ng-deep form{padding:6px}.side-nav{min-width:280px}\n"] }]
         }], ctorParameters: () => [{ type: i1.WindowTitleService }, { type: i2.SessionService }, { type: i3.Router }, { type: i3.ActivatedRoute }], propDecorators: { form: [{