@bizdoc/core 3.9.6 → 3.10.0

package/fesm2022/bizdoc-core.mjs

@@ -1122,7 +1122,7 @@ class SessionService {
      */
     prepare() {
         const promises = [];
-        ('serviceWorker' in navigator) && loadServiceWorker();
+        loadServiceWorker();
         this._config.maps && promises.push(this._loadGoogleMaps());
         promises.push(this._changeTheme(this.theme));
         return Promise.all(promises);
@@ -1175,15 +1175,15 @@ class SessionService {
         });
     }
     reportInboxRead(date, move) {
-        const { inboxView } = this._profile.options;
-        inboxView !== undefined &&
-            inboxView < date &&
+        const { inboxTouch } = this._profile.options;
+        inboxTouch !== undefined &&
+            inboxTouch < date &&
             this._stepInboxCount(move);
     }
     reportNotificationsRead(date, move) {
-        const { notificationsView } = this._profile.options;
-        notificationsView !== undefined &&
-            notificationsView < date &&
+        const { notificationsTouch } = this._profile.options;
+        notificationsTouch !== undefined &&
+            notificationsTouch < date &&
             !this.isImpersonating &&
             this._stepNotificationsCount(move);
     }
@@ -1214,10 +1214,10 @@ class SessionService {
         return this._accentpalette;
     }
     _isAboveWatermark(date) {
-        const { notificationsView } = this.profile.options;
+        const { notificationsTouch } = this.profile.options;
         return !this.isImpersonating &&
-            notificationsView !== undefined &&
-            notificationsView < date;
+            notificationsTouch !== undefined &&
+            notificationsTouch < date;
     }
     get primeryPalette() {
         return this._primarypalette;
@@ -1279,6 +1279,12 @@ class SessionService {
         this.profile.available = value === 'Online' ? null : value;
         this._http.put(`/api/account/available?mode=${this.profile.available || ''}`, {}).subscribe();
     }
+    get timeZone() { return this._profile.options.timeZone || Intl.DateTimeFormat().resolvedOptions().timeZone; }
+    set timeZone(value) {
+        this._http.put('/api/account/timezone', {
+            value
+        }).subscribe();
+    }
     isInRole(role) {
         return this._http.get('/api/account/isInRole', {
             params: { role },
@@ -1356,7 +1362,7 @@ class SessionService {
         }
         return firstValueFrom(this._http.put('/api/account/inboxview', {}, { headers: { 'no-progress': 'true' } }).pipe(tap(e => {
             this._stepInboxCount(0);
-            this._profile.options.inboxView = e.time;
+            this._profile.options.inboxTouch = e.time;
         })));
     }
     markNotificationsAsTouched() {
@@ -1366,7 +1372,7 @@ class SessionService {
         }
         return firstValueFrom(this._http.put('/api/account/notificationsView', {}, { headers: { 'no-progress': 'true' } }).pipe(tap(e => {
             this._stepNotificationsCount(0);
-            this._profile.options.notificationsView = e.time;
+            this._profile.options.notificationsTouch = e.time;
         })));
     }
     _constructPalette(color) {
@@ -1455,9 +1461,9 @@ function promote(move, counter) {
     return counter;
 }
 function loadServiceWorker() {
-    window.addEventListener('load', function () {
-        navigator.serviceWorker.register('/js/app-sw.js').then(function () {
-        }, null);
+    ('serviceWorker' in navigator) && window.addEventListener('load', function () {
+        setTimeout(() => navigator.serviceWorker.register('/js/app-sw.js').then(function () {
+        }, null), 5000);
     });
 }
 
@@ -4809,8 +4815,7 @@ class OptionsControlField {
     }
     ngOnInit() {
         this.required && this.control.addValidators(Validators.required);
-        if (this.dataType)
-            this._ds.all(this.dataType).subscribe(v => this.options = v);
+        this.dataType && this._ds.all(this.dataType).subscribe(v => this.options = v);
     }
     optionOf(value) {
         return this.options?.find(o => o.key === value)?.value;
@@ -5797,7 +5802,7 @@ let CheckboxControlDesigner = class CheckboxControlDesigner {
     constructor(_fb) {
         this._fb = _fb;
         this.form = this._fb.group({
-            label: this._fb.control(null, Validators.required),
+            label: this._fb.control(null),
             hint: null,
         });
     }
@@ -5882,10 +5887,10 @@ let ChecklistControlDesigner = class ChecklistControlDesigner extends OptionsCon
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: ChecklistControlDesigner, deps: [{ token: SystemService }, { token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: ChecklistControlDesigner, isStandalone: false, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-   <form autocomplete="off" [formGroup]="form" class="column">
-      <bizdoc-localized-string [placeholder]="'Label'|translate" required formControlName="label"></bizdoc-localized-string>
-     <mat-checkbox formControlName="multiple">{{'Multiple'|translate}}</mat-checkbox>
-     @if (datatypes) {
+    <form autocomplete="off" [formGroup]="form" class="column">
+    <bizdoc-localized-string [placeholder]="'Label'|translate" formControlName="label"></bizdoc-localized-string>
+    <mat-checkbox formControlName="multiple">{{'Multiple'|translate}}</mat-checkbox>
+    @if (datatypes) {
        <mat-form-field>
          <mat-label>{{'DataType'|translate}}</mat-label>
          <mat-select formControlName="dataType">
@@ -5910,7 +5915,7 @@ let ChecklistControlDesigner = class ChecklistControlDesigner extends OptionsCon
        </mat-form-field>
      }
      <bizdoc-design-options [form]="form" [model]="model"></bizdoc-design-options>
-   </form>`, isInline: true, dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$6.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3$1.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", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2$7.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: ControlOptionsComponent, selector: "bizdoc-design-options", inputs: ["form", "model"] }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+   </form>`, isInline: true, dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$6.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3$1.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", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2$7.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: LocalizedStringComponent, selector: "bizdoc-localized-string", inputs: ["class", "floatLabel", "value", "placeholder", "required", "disabled", "maxlength"] }, { kind: "component", type: ControlOptionsComponent, selector: "bizdoc-design-options", inputs: ["form", "model"] }, { kind: "pipe", type: ArraySortPipe, name: "sort" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 };
 ChecklistControlDesigner = __decorate([
     BizDoc({ selector: 'checklist-control-designer' })
@@ -5920,10 +5925,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
             args: [{
                     standalone: false,
                     template: `
-   <form autocomplete="off" [formGroup]="form" class="column">
-      <bizdoc-localized-string [placeholder]="'Label'|translate" required formControlName="label"></bizdoc-localized-string>
-     <mat-checkbox formControlName="multiple">{{'Multiple'|translate}}</mat-checkbox>
-     @if (datatypes) {
+    <form autocomplete="off" [formGroup]="form" class="column">
+    <bizdoc-localized-string [placeholder]="'Label'|translate" formControlName="label"></bizdoc-localized-string>
+    <mat-checkbox formControlName="multiple">{{'Multiple'|translate}}</mat-checkbox>
+    @if (datatypes) {
        <mat-form-field>
          <mat-label>{{'DataType'|translate}}</mat-label>
          <mat-select formControlName="dataType">
@@ -6538,9 +6543,9 @@ class LayoutComponent {
         });
         this.form.statusChanges.pipe(startWith(), takeUntil(this._destroy)).subscribe(() => {
             this.dirtyChange.emit(this.form.dirty);
-            this.valid = this.form.valid;
-            this.validChange.emit(this.form.valid);
+            this.validChange.emit(this.valid = this.form.valid);
         });
+        this.validChange.emit(this.valid = this.form.valid);
     }
     /** */
     focus() {
@@ -7711,7 +7716,8 @@ class ActionDialog {
         this._fr = _fr;
         this.arguments = {};
         this._destroy = new Subject();
-        this.action = session.profile.actions.find(a => a.name === data.action);
+        const action = this.action = session.profile.actions.find(a => a.name === data.action);
+        this.verb = decapitalize(action.verb || action.title);
     }
     ngOnInit() {
         if (this.action.template) {
@@ -7728,21 +7734,22 @@ class ActionDialog {
             this.valid = true;
     }
     attached(compRef) {
-        const { instance } = compRef;
-        instance.form.valueChanges.pipe(takeUntil(this._destroy)).subscribe(v => this.arguments = v);
-        instance.form.statusChanges.pipe(takeUntil(this._destroy)).
-            subscribe(() => this.valid = instance.form.valid);
+        const { instance: { form } } = compRef;
+        this.valid = form.valid;
+        form.valueChanges.pipe(takeUntil(this._destroy)).subscribe(v => this.arguments = v);
+        form.statusChanges.pipe(takeUntil(this._destroy)).
+            subscribe(() => this.valid = form.valid);
     }
     ngOnDestroy() {
         this._destroy.next();
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: ActionDialog, deps: [{ token: MAT_DIALOG_DATA }, { token: SessionService }, { token: BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: ActionDialog, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<h2 mat-dialog-title>{{action.title}}</h2>\r\n<mat-dialog-content class=\"column\">\r\n  @if (!action.arguments?.length) {\r\n  <p>\r\n    {{ 'ActionAsk' | translate : (action.verb || action.title).toLowerCase() }}\r\n  </p>\r\n  }\r\n  @if (!action.template) {\r\n  <bizdoc-layout [fields]=\"action.arguments!\"\r\n                 [(model)]=\"arguments\"\r\n                 [(valid)]=\"valid\"></bizdoc-layout>\r\n  } @else {\r\n  <ng-container [cdkPortalOutlet]=\"portal\" (attached)=\"attached($event)\"></ng-container>\r\n  }\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <button mat-button type=\"submit\" [disabled]=\"!valid\" [mat-dialog-close]=\"arguments\" color=\"primary\">{{'OK'|translate}}</button>\r\n  <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\r\n</mat-dialog-actions>\r\n<ng-template #template>\r\n  <ng-container [cdkPortalOutlet]=\"portal\" (attached)=\"attached($event)\"></ng-container>\r\n</ng-template>\r\n", styles: [":host ::ng-deep form{display:flex}\n"], dependencies: [{ kind: "directive", type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i2$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: LayoutComponent, selector: "bizdoc-layout", inputs: ["fields", "model", "dirty", "params", "valid"], outputs: ["modelChange", "dirtyChange", "validChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: ActionDialog, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<h2 mat-dialog-title>{{action.title}}</h2>\r\n<mat-dialog-content class=\"column\">\r\n  @if (!action.arguments?.length) {\r\n  <p>\r\n    {{ 'ActionAsk' | translate : verb }}\r\n  </p>\r\n  }\r\n  @if (!action.template) {\r\n  <bizdoc-layout [fields]=\"action.arguments!\"\r\n                 [(model)]=\"arguments\"\r\n                 [(valid)]=\"valid\"></bizdoc-layout>\r\n  } @else {\r\n  <ng-container [cdkPortalOutlet]=\"portal\" (attached)=\"attached($event)\"></ng-container>\r\n  }\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <button mat-button type=\"submit\" [disabled]=\"!valid\" [mat-dialog-close]=\"arguments\" color=\"primary\">{{'OK'|translate}}</button>\r\n  <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\r\n</mat-dialog-actions>\r\n", styles: [":host ::ng-deep form{display:flex}\n"], dependencies: [{ kind: "directive", type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i2$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: LayoutComponent, selector: "bizdoc-layout", inputs: ["fields", "model", "dirty", "params", "valid"], outputs: ["modelChange", "dirtyChange", "validChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: ActionDialog, decorators: [{
             type: Component,
-            args: [{ standalone: false, template: "<h2 mat-dialog-title>{{action.title}}</h2>\r\n<mat-dialog-content class=\"column\">\r\n  @if (!action.arguments?.length) {\r\n  <p>\r\n    {{ 'ActionAsk' | translate : (action.verb || action.title).toLowerCase() }}\r\n  </p>\r\n  }\r\n  @if (!action.template) {\r\n  <bizdoc-layout [fields]=\"action.arguments!\"\r\n                 [(model)]=\"arguments\"\r\n                 [(valid)]=\"valid\"></bizdoc-layout>\r\n  } @else {\r\n  <ng-container [cdkPortalOutlet]=\"portal\" (attached)=\"attached($event)\"></ng-container>\r\n  }\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <button mat-button type=\"submit\" [disabled]=\"!valid\" [mat-dialog-close]=\"arguments\" color=\"primary\">{{'OK'|translate}}</button>\r\n  <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\r\n</mat-dialog-actions>\r\n<ng-template #template>\r\n  <ng-container [cdkPortalOutlet]=\"portal\" (attached)=\"attached($event)\"></ng-container>\r\n</ng-template>\r\n", styles: [":host ::ng-deep form{display:flex}\n"] }]
+            args: [{ standalone: false, template: "<h2 mat-dialog-title>{{action.title}}</h2>\r\n<mat-dialog-content class=\"column\">\r\n  @if (!action.arguments?.length) {\r\n  <p>\r\n    {{ 'ActionAsk' | translate : verb }}\r\n  </p>\r\n  }\r\n  @if (!action.template) {\r\n  <bizdoc-layout [fields]=\"action.arguments!\"\r\n                 [(model)]=\"arguments\"\r\n                 [(valid)]=\"valid\"></bizdoc-layout>\r\n  } @else {\r\n  <ng-container [cdkPortalOutlet]=\"portal\" (attached)=\"attached($event)\"></ng-container>\r\n  }\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <button mat-button type=\"submit\" [disabled]=\"!valid\" [mat-dialog-close]=\"arguments\" color=\"primary\">{{'OK'|translate}}</button>\r\n  <button mat-button mat-dialog-close>{{'Cancel' | translate}}</button>\r\n</mat-dialog-actions>\r\n", styles: [":host ::ng-deep form{display:flex}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -13931,13 +13938,13 @@ class CommentsComponent {
             window.localStorage.setItem(id, this.input.text);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: CommentsComponent, deps: [{ token: AccountService }, { token: SessionService }, { token: PromptService }, { token: TranslateService }, { token: ChatInfo }, { token: MailboxService }, { token: HubService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: CommentsComponent, isStandalone: false, 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) {\r\n  <bizdoc-none icon=\"format_quote\"></bizdoc-none>\r\n}\r\n\r\n<div class=\"column comments-thread mat-body\" #thread (scroll)=\"onScroll($event)\">\r\n  @for (c of model.comments; track c.id) {\r\n    <ng-container>\r\n      @if (!c.deleted || showDeleted.has(c.id)) {\r\n        <bizdoc-comment role=\"listitem\"\r\n          [model]=\"model\"\r\n          [item]=\"c\"\r\n          (reply)=\"reply(c)\">\r\n        </bizdoc-comment>\r\n      } @else {\r\n        <a (click)=\"showDeleted.add(c.id)\" class=\"comment-deleted\">{{'Deleted' | translate}}</a>\r\n      }\r\n    </ng-container>\r\n  }\r\n</div>\r\n\r\n<small class=\"mat-body comments-typing\" [style.visibility]=\"typing ? 'visible': 'hidden'\">{{'Typing' | translate : typing}}</small>\r\n\r\n@if (replyName) {\r\n<small class=\"mat-body comments-reply\">\r\n  {{'ReplyTo' |translate : replyName }}\r\n  &nbsp; <a class=\"comment-cancel-reply\" (click)=\"clearReply()\">{{'Cancel'|translate}}</a>\r\n</small>\r\n}\r\n\r\n<bizdoc-edit-text (ok)=\"post($event)\" (change)=\"_textChange.next()\"\r\n                  placeholder=\"CommentHere\"\r\n  [disabled]=\"sending\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\r\n</bizdoc-edit-text>\r\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}.comments-typing,.comments-reply{font-size:11px;padding:0 8px}.comments-reply .comment-cancel-reply{font-variant:small-caps}\n"], dependencies: [{ kind: "component", type: EditInputComponent, selector: "bizdoc-edit-text", inputs: ["placeholder", "text", "image", "resource", "disabled", "autofocus", "cache"], outputs: ["change", "ok", "focus", "blur"] }, { kind: "component", type: NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "component", type: CommentComponent, selector: "bizdoc-comment", inputs: ["model", "item"], outputs: ["deleted", "reply"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: CommentsComponent, isStandalone: false, 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) {\r\n  <bizdoc-none icon=\"format_quote\"></bizdoc-none>\r\n}\r\n\r\n<div class=\"column comments-thread mat-body\" #thread (scroll)=\"onScroll($event)\">\r\n  @for (c of model.comments; track c.id) {\r\n    <ng-container>\r\n      @if (!c.deleted || showDeleted.has(c.id)) {\r\n        <bizdoc-comment role=\"listitem\"\r\n          [model]=\"model\"\r\n          [item]=\"c\"\r\n          (reply)=\"reply(c)\">\r\n        </bizdoc-comment>\r\n      } @else {\r\n        <a (click)=\"showDeleted.add(c.id)\" class=\"comment-deleted\">{{'Deleted' | translate}}</a>\r\n      }\r\n    </ng-container>\r\n  }\r\n</div>\r\n\r\n<small class=\"mat-body comments-typing\" [style.visibility]=\"typing ? 'visible': 'hidden'\">{{'Typing' | translate : typing}}</small>\r\n\r\n@if (replyName) {\r\n<small class=\"mat-body comments-reply\">\r\n  {{'ReplyTo' |translate : replyName }}\r\n  &nbsp; <a class=\"comment-cancel-reply\" (click)=\"clearReply()\">{{'Cancel'|translate}}</a>\r\n</small>\r\n}\r\n\r\n<bizdoc-edit-text (ok)=\"post($event)\" (change)=\"_textChange.next()\"\r\n                  placeholder=\"CommentHere\"\r\n  [disabled]=\"sending\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\r\n</bizdoc-edit-text>\r\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}.comments-typing,.comments-reply{font-size:11px;padding:0 8px}.comments-reply .comment-cancel-reply{font-variant-caps:all-small-caps}\n"], dependencies: [{ kind: "component", type: EditInputComponent, selector: "bizdoc-edit-text", inputs: ["placeholder", "text", "image", "resource", "disabled", "autofocus", "cache"], outputs: ["change", "ok", "focus", "blur"] }, { kind: "component", type: NoneComponent, selector: "bizdoc-none", inputs: ["title", "subtitle", "icon"] }, { kind: "component", type: CommentComponent, selector: "bizdoc-comment", inputs: ["model", "item"], outputs: ["deleted", "reply"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: CommentsComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'bizdoc-comments', host: {
                         class: 'comments'
-                    }, template: "@if (!model.comments.length) {\r\n  <bizdoc-none icon=\"format_quote\"></bizdoc-none>\r\n}\r\n\r\n<div class=\"column comments-thread mat-body\" #thread (scroll)=\"onScroll($event)\">\r\n  @for (c of model.comments; track c.id) {\r\n    <ng-container>\r\n      @if (!c.deleted || showDeleted.has(c.id)) {\r\n        <bizdoc-comment role=\"listitem\"\r\n          [model]=\"model\"\r\n          [item]=\"c\"\r\n          (reply)=\"reply(c)\">\r\n        </bizdoc-comment>\r\n      } @else {\r\n        <a (click)=\"showDeleted.add(c.id)\" class=\"comment-deleted\">{{'Deleted' | translate}}</a>\r\n      }\r\n    </ng-container>\r\n  }\r\n</div>\r\n\r\n<small class=\"mat-body comments-typing\" [style.visibility]=\"typing ? 'visible': 'hidden'\">{{'Typing' | translate : typing}}</small>\r\n\r\n@if (replyName) {\r\n<small class=\"mat-body comments-reply\">\r\n  {{'ReplyTo' |translate : replyName }}\r\n  &nbsp; <a class=\"comment-cancel-reply\" (click)=\"clearReply()\">{{'Cancel'|translate}}</a>\r\n</small>\r\n}\r\n\r\n<bizdoc-edit-text (ok)=\"post($event)\" (change)=\"_textChange.next()\"\r\n                  placeholder=\"CommentHere\"\r\n  [disabled]=\"sending\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\r\n</bizdoc-edit-text>\r\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}.comments-typing,.comments-reply{font-size:11px;padding:0 8px}.comments-reply .comment-cancel-reply{font-variant:small-caps}\n"] }]
+                    }, template: "@if (!model.comments.length) {\r\n  <bizdoc-none icon=\"format_quote\"></bizdoc-none>\r\n}\r\n\r\n<div class=\"column comments-thread mat-body\" #thread (scroll)=\"onScroll($event)\">\r\n  @for (c of model.comments; track c.id) {\r\n    <ng-container>\r\n      @if (!c.deleted || showDeleted.has(c.id)) {\r\n        <bizdoc-comment role=\"listitem\"\r\n          [model]=\"model\"\r\n          [item]=\"c\"\r\n          (reply)=\"reply(c)\">\r\n        </bizdoc-comment>\r\n      } @else {\r\n        <a (click)=\"showDeleted.add(c.id)\" class=\"comment-deleted\">{{'Deleted' | translate}}</a>\r\n      }\r\n    </ng-container>\r\n  }\r\n</div>\r\n\r\n<small class=\"mat-body comments-typing\" [style.visibility]=\"typing ? 'visible': 'hidden'\">{{'Typing' | translate : typing}}</small>\r\n\r\n@if (replyName) {\r\n<small class=\"mat-body comments-reply\">\r\n  {{'ReplyTo' |translate : replyName }}\r\n  &nbsp; <a class=\"comment-cancel-reply\" (click)=\"clearReply()\">{{'Cancel'|translate}}</a>\r\n</small>\r\n}\r\n\r\n<bizdoc-edit-text (ok)=\"post($event)\" (change)=\"_textChange.next()\"\r\n                  placeholder=\"CommentHere\"\r\n  [disabled]=\"sending\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\r\n</bizdoc-edit-text>\r\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}.comments-typing,.comments-reply{font-size:11px;padding:0 8px}.comments-reply .comment-cancel-reply{font-variant-caps:all-small-caps}\n"] }]
         }], ctorParameters: () => [{ type: AccountService }, { type: SessionService }, { type: PromptService }, { type: TranslateService }, { type: ChatInfo }, { type: MailboxService }, { type: HubService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [BIZDOC_CONFIG]
@@ -21619,6 +21626,11 @@ class HomeComponent extends HomeBase {
         this.input.nativeElement.focus();
         setTimeout(() => this.trigger.openPanel(), 200);
     }
+    /**
+     *
+     * @param item
+     * @param compRef
+     */
     onAttached(item, compRef) {
         item.instance = compRef.instance;
         compRef.instance.onBind(item.model);
@@ -21924,7 +21936,8 @@ class ActionPaneComponent extends ActionBase {
         this.okChange = new EventEmitter();
         this._destroy = new Subject();
         this.model = _pane.data['item'];
-        this.action = session.profile.actions.find(a => a.name === _pane.params['action']);
+        const action = this.action = session.profile.actions.find(a => a.name === _pane.params['action']);
+        this.verb = decapitalize(action.verb || action.title);
     }
     close() { this._pane.close(); }
     ok() {
@@ -21955,11 +21968,11 @@ class ActionPaneComponent extends ActionBase {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: ActionPaneComponent, deps: [{ token: PaneRef }, { token: MailboxService }, { token: BizDocComponentFactoryResolver }, { token: AccountService }, { token: PromptService }, { token: TranslateService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: ActionPaneComponent, isStandalone: false, selector: "bizdoc-action-dialog-pane", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<h2 mat-dialog-title>{{action.title}}</h2>\r\n<mat-dialog-content>\r\n  @if (!action.arguments?.length) {\r\n    <p>\r\n      {{ 'ActionAsk' | translate : (action.verb || action.title).toLowerCase() }}\r\n    </p>\r\n  }\r\n  <ng-container #container>\r\n  </ng-container>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <button mat-button type=\"submit\" [disabled]=\"!valid\" (click)=\"ok()\" color=\"primary\">{{'Yes'|translate}}</button>\r\n  <button mat-button (click)='close()'>{{'No' | translate}}</button>\r\n</mat-dialog-actions>\r\n", styles: [":host ::ng-deep form{display:flex}\n"], dependencies: [{ kind: "directive", type: i2$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: ActionPaneComponent, isStandalone: false, selector: "bizdoc-action-dialog-pane", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<h2 mat-dialog-title>{{action.title}}</h2>\r\n<mat-dialog-content>\r\n  @if (!action.arguments?.length) {\r\n    <p>\r\n      {{ 'ActionAsk' | translate : verb }}\r\n    </p>\r\n  }\r\n  <ng-container #container>\r\n  </ng-container>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <button mat-button type=\"submit\" [disabled]=\"!valid\" (click)=\"ok()\" color=\"primary\">{{'Yes'|translate}}</button>\r\n  <button mat-button (click)='close()'>{{'No' | translate}}</button>\r\n</mat-dialog-actions>\r\n", styles: [":host ::ng-deep form{display:flex}\n"], dependencies: [{ kind: "directive", type: i2$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: ActionPaneComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'bizdoc-action-dialog-pane', template: "<h2 mat-dialog-title>{{action.title}}</h2>\r\n<mat-dialog-content>\r\n  @if (!action.arguments?.length) {\r\n    <p>\r\n      {{ 'ActionAsk' | translate : (action.verb || action.title).toLowerCase() }}\r\n    </p>\r\n  }\r\n  <ng-container #container>\r\n  </ng-container>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <button mat-button type=\"submit\" [disabled]=\"!valid\" (click)=\"ok()\" color=\"primary\">{{'Yes'|translate}}</button>\r\n  <button mat-button (click)='close()'>{{'No' | translate}}</button>\r\n</mat-dialog-actions>\r\n", styles: [":host ::ng-deep form{display:flex}\n"] }]
+            args: [{ standalone: false, selector: 'bizdoc-action-dialog-pane', template: "<h2 mat-dialog-title>{{action.title}}</h2>\r\n<mat-dialog-content>\r\n  @if (!action.arguments?.length) {\r\n    <p>\r\n      {{ 'ActionAsk' | translate : verb }}\r\n    </p>\r\n  }\r\n  <ng-container #container>\r\n  </ng-container>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <button mat-button type=\"submit\" [disabled]=\"!valid\" (click)=\"ok()\" color=\"primary\">{{'Yes'|translate}}</button>\r\n  <button mat-button (click)='close()'>{{'No' | translate}}</button>\r\n</mat-dialog-actions>\r\n", styles: [":host ::ng-deep form{display:flex}\n"] }]
         }], ctorParameters: () => [{ type: PaneRef }, { type: MailboxService }, { type: BizDocComponentFactoryResolver }, { type: AccountService }, { type: PromptService }, { type: TranslateService }, { type: SessionService }], propDecorators: { container: [{
                 type: ViewChild,
                 args: ['container']