npm - @bizdoc/core - Versions diffs - 3.0.2 → 3.0.4 - Mend

@bizdoc/core 3.0.2 → 3.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (399) hide show

package/esm2022/lib/notifications/types/liked.notification.mjs CHANGED Viewed

@@ -28,8 +28,8 @@ export class LikedNotification extends NotificationBase {
         this.notification = notification;
         this._accounts = _accounts;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: LikedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.AccountService }, { token: i2.TranslateService }, { token: i3.RouterImpl }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: LikedNotification, selector: "bizdoc-liked-notification", usesInheritance: true, ngImport: i0, template: `@if (message) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: LikedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.AccountService }, { token: i2.TranslateService }, { token: i3.RouterImpl }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: LikedNotification, selector: "bizdoc-liked-notification", usesInheritance: true, ngImport: i0, template: `@if (message) {
   @if (notification.userIds.length < 3) {
     <span [innerHTML]='message | sanitizeHtml'></span>
   }
@@ -38,7 +38,7 @@ export class LikedNotification extends NotificationBase {
   }
 }`, isInline: true, dependencies: [{ kind: "directive", type: i6.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i7.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: LikedNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: LikedNotification, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-liked-notification',

package/esm2022/lib/notifications/types/long-running-task.notification.mjs CHANGED Viewed

@@ -15,10 +15,10 @@ export class LongRunningTaskNotification {
         this._session = _session;
         this._router = _router;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: LongRunningTaskNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.SessionService }, { token: i2.RouterImpl }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: LongRunningTaskNotification, selector: "ng-component", host: { listeners: { "click": "open($event)" } }, ngImport: i0, template: `<span></span>`, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: LongRunningTaskNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.SessionService }, { token: i2.RouterImpl }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: LongRunningTaskNotification, selector: "ng-component", host: { listeners: { "click": "open($event)" } }, ngImport: i0, template: `<span></span>`, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: LongRunningTaskNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: LongRunningTaskNotification, decorators: [{
             type: Component,
             args: [{ template: `<span></span>` }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/lib/notifications/types/notification-base.mjs CHANGED Viewed

@@ -28,10 +28,10 @@ export class NotificationBase {
                 policy: OpenPolicy.Tab | OpenPolicy.Expandable
             });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NotificationBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: NotificationBase, host: { listeners: { "click": "open($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: NotificationBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.3", type: NotificationBase, host: { listeners: { "click": "open($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NotificationBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: NotificationBase, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }, { type: i1.RouterImpl }, { type: i2.SessionService }, { type: i3.TranslateService }, { type: i4.ChatInfo }], propDecorators: { open: [{
                 type: HostListener,

package/esm2022/lib/notifications/types/nudge.notification.mjs CHANGED Viewed

@@ -16,10 +16,10 @@ export class NudgeNotification extends NotificationBase {
         super(notification, router, session, translate, chat);
         this.notification = notification;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NudgeNotification, deps: [{ token: i1.RouterImpl }, { token: i2.TranslateService }, { token: i3.SessionService }, { token: i4.ChatInfo }, { token: NOTIFICATION_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: NudgeNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<span [innerHTML]='"NudgeNotify" | translate : notification.number : expire.toNow() | sanitizeHtml'></span>`, isInline: true, dependencies: [{ kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i6.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: NudgeNotification, deps: [{ token: i1.RouterImpl }, { token: i2.TranslateService }, { token: i3.SessionService }, { token: i4.ChatInfo }, { token: NOTIFICATION_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: NudgeNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<span [innerHTML]='"NudgeNotify" | translate : notification.number : expire.toNow() | sanitizeHtml'></span>`, isInline: true, dependencies: [{ kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i6.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NudgeNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: NudgeNotification, decorators: [{
             type: Component,
             args: [{
                     template: `<span [innerHTML]='"NudgeNotify" | translate : notification.number : expire.toNow() | sanitizeHtml'></span>`

package/esm2022/lib/notifications/types/state-changed.notification.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ export class StateChangedNotification extends NotificationBase {
         super(notification, router, session, translate, chat);
         this.notification = notification;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StateChangedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.SessionService }, { token: i2.RouterImpl }, { token: i3.TranslateService }, { token: i4.ChatInfo }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: StateChangedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<span [innerHTML]="'StateChangedNotify' | translate : form.title : notification.number : (notification.state | state : 'past' | lowercase) | sanitizeHtml"></span>`, isInline: true, dependencies: [{ kind: "pipe", type: i5.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i7.SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: i8.StatePipe, name: "state" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: StateChangedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.SessionService }, { token: i2.RouterImpl }, { token: i3.TranslateService }, { token: i4.ChatInfo }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: StateChangedNotification, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<span [innerHTML]="'StateChangedNotify' | translate : form.title : notification.number : (notification.state | state : 'past' | lowercase) | sanitizeHtml"></span>`, isInline: true, dependencies: [{ kind: "pipe", type: i5.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i7.SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "pipe", type: i8.StatePipe, name: "state" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StateChangedNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: StateChangedNotification, decorators: [{
             type: Component,
             args: [{ template: `<span [innerHTML]="'StateChangedNotify' | translate : form.title : notification.number : (notification.state | state : 'past' | lowercase) | sanitizeHtml"></span>` }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/lib/notifications/types/tagged.notification.mjs CHANGED Viewed

@@ -23,12 +23,12 @@ export class TaggedNotification extends NotificationBase {
         this.notification = notification;
         this._accounts = _accounts;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TaggedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.AccountService }, { token: i2.TranslateService }, { token: i3.RouterImpl }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TaggedNotification, selector: "bizdoc-notify-tagged", usesInheritance: true, ngImport: i0, template: `@if (message) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: TaggedNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.AccountService }, { token: i2.TranslateService }, { token: i3.RouterImpl }, { token: i4.SessionService }, { token: i5.ChatInfo }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: TaggedNotification, selector: "bizdoc-notify-tagged", usesInheritance: true, ngImport: i0, template: `@if (message) {
   <span [innerHTML]='message | sanitizeHtml'></span>
 }`, isInline: true, dependencies: [{ kind: "pipe", type: i6.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TaggedNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: TaggedNotification, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-notify-tagged',

package/esm2022/lib/notifications/types/text.notification.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ export class TextNotification {
     constructor(notification) {
         this.notification = notification;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TextNotification, deps: [{ token: NOTIFICATION_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: TextNotification, selector: "bizdoc-notify-text", ngImport: i0, template: `<span [innerHTML]="notification.text"></span>`, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: TextNotification, deps: [{ token: NOTIFICATION_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: TextNotification, selector: "bizdoc-notify-text", ngImport: i0, template: `<span [innerHTML]="notification.text"></span>`, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TextNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: TextNotification, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-notify-text',

package/esm2022/lib/notifications/types/upcoming-event.notification.mjs CHANGED Viewed

@@ -18,10 +18,10 @@ export class UpcomingEventNotification {
         this.notification = notification;
         this._router = _router;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: UpcomingEventNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.RouterImpl }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: UpcomingEventNotification, selector: "ng-component", host: { listeners: { "click": "open($event)" } }, ngImport: i0, template: `<span [bizdocTooltip]="notification.starting | amCalendar" [innerHTML]="'UpcomingEventNotify' | translate : notification.number : duration.fromNow() | sanitizeHtml"></span>`, isInline: true, dependencies: [{ kind: "directive", type: i2.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i3.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i5.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: UpcomingEventNotification, deps: [{ token: NOTIFICATION_DATA }, { token: i1.RouterImpl }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: UpcomingEventNotification, selector: "ng-component", host: { listeners: { "click": "open($event)" } }, ngImport: i0, template: `<span [bizdocTooltip]="notification.starting | amCalendar" [innerHTML]="'UpcomingEventNotify' | translate : notification.number : duration.fromNow() | sanitizeHtml"></span>`, isInline: true, dependencies: [{ kind: "directive", type: i2.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i3.CalendarPipe, name: "amCalendar" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i5.SanitizeHtmlPipe, name: "sanitizeHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: UpcomingEventNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: UpcomingEventNotification, decorators: [{
             type: Component,
             args: [{
                     template: `<span [bizdocTooltip]="notification.starting | amCalendar" [innerHTML]="'UpcomingEventNotify' | translate : notification.number : duration.fromNow() | sanitizeHtml"></span>`

package/esm2022/lib/options/options.component.mjs CHANGED Viewed

@@ -231,10 +231,10 @@ export class OptionsComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OptionsComponent, deps: [{ token: OPTION_PANEL, optional: true }, { token: i1.OverlayRef, optional: true }, { token: i2.FormBuilder }, { token: i3.AccountService }, { token: i4.PromptService }, { token: i5.SessionService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: OptionsComponent, selector: "bizdoc-options", inputs: { sectionName: ["section", "sectionName"] }, viewQueries: [{ propertyName: "substitueInput", first: true, predicate: ["substitueInput"], descendants: true, read: MatInput }, { propertyName: "grantInput", first: true, predicate: ["grantInput"], descendants: true, read: MatChipInput }, { propertyName: "oooTmpl", first: true, predicate: ["oooTmpl"], descendants: true, static: true }, { propertyName: "notificationsTmpl", first: true, predicate: ["notificationsTmpl"], descendants: true, static: true }], ngImport: i0, template: "<!--<bizdoc-v-tabs [initialName]=\"sectionName\">\n  <tab name=\"notifications\" title=\"Notifications\">\n    <div [formGroup]=\"form.controls.notifications\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-slide-toggle formControlName=\"myDocumentStateChange\">{{'MyStateChange' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"anyDocumentStateChange\">{{'AnyStateChange' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"commentMyDocument\">{{'CommentMyDocument' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"commentAnyDocument\">{{'CommentAnyDocument' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"likes\" [style.display]=\"voating?'':'none'\">{{'LikedComment' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"tagged\">{{'TaggedInComments' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"upcomingEvents\">{{'UpcomingEvents' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"cubeAnomaly\">{{'CubeAnomaly' | translate}}</mat-slide-toggle>\n      <div class=\"row\">\n        <span class=\"divider\"></span>\n        <button mat-icon-button type=\"button\" (click)=\"toggleSound()\" [disabled]=\"!form.value.notifications.active\" [bizdocTooltip]=\"(form.value.notifications.sound ? 'SoundOn': 'SoundOff')|translate\"><mat-icon>{{form.value.notifications.sound ? 'volume_up' : 'volume_off'}}</mat-icon></button>\n      </div>\n    </div>\n  </tab>\n  <tab name=\"emails\" title=\"Emails\">\n    <div [formGroup]=\"form.controls.emails\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-slide-toggle formControlName=\"mail\">{{'Mails' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"chat\">{{'Conversations' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"notifications\">{{'EmailNotifications' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"events\">{{'AlarmEvents' | translate}}</mat-slide-toggle>\n    </div>\n  </tab>\n  <tab name=\"out_of_office\" title=\"OutOfOffice\">\n    <div [formGroup]=\"form.controls.outOfOffice\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-form-field class=\"flex\">\n        <input matInput [formControl]=\"oooId\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\n               [placeholder]=\"'Associate' | translate\" [required]=\"form.value.outOfOffice.active\" />\n        <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"display\"\n                          (optionSelected)=\"oooSelected($event)\">\n          @for (u of susers$ | async; track u.id) {\n          <mat-option [value]=\"u\">\n            <span>{{u.name}}</span>\n          </mat-option>\n          }\n        </mat-autocomplete>\n        <mat-hint>{{'OutOfOfficeTip' | translate}}</mat-hint>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Dates'|translate}}</mat-label>\n        <mat-date-range-input [rangePicker]=\"dates\">\n          <input matStartDate formControlName=\"from\" [placeholder]=\"'From'|translate\" [min]=\"today\">\n          <input matEndDate formControlName=\"to\" [placeholder]=\"'To'|translate\">\n        </mat-date-range-input>\n        <mat-datepicker-toggle matSuffix [for]=\"dates\"></mat-datepicker-toggle>\n        <mat-date-range-picker #dates [touchUi]=\"isMobile\"></mat-date-range-picker>\n      </mat-form-field>\n    </div>\n  </tab>\n  <tab name=\"grant_access\" title=\"GrantAccess\">\n    <div [formGroup]=\"form.controls.grantAccess\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <mat-form-field>\n        <mat-chip-grid #grantList [attr.aria-label]=\"\" [disabled]=\"!form.value.grantAccess.active\">\n          @for (u of form.value.grantAccess.users || []; track u.id) {\n          <mat-chip-row (removed)=\"removeGrant(u)\">\n            {{u | userName | async}}\n            <mat-icon matChipRemove>cancel</mat-icon>\n          </mat-chip-row>\n          }\n        </mat-chip-grid>\n        <input [formControl]=\"grantUserIds\" placeholder=\"{{'Users'| translate}}\"\n               #grantInput\n               [matAutocomplete]=\"grantAuto\"\n               [matChipInputFor]=\"grantList\"\n               [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n        <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\n          @for (u of gusers$ | async; track u.id) {\n          <mat-option [value]=\"u.id\">\n            {{u.name}}\n            @if (u.email) {\n            <span>&nbsp; - {{u.email}}</span>\n            }\n          </mat-option>\n          }\n        </mat-autocomplete>\n        <mat-hint>{{'GrantTip' | translate}}</mat-hint>\n      </mat-form-field>\n    </div>\n  </tab>\n  <tab name=\"preferences\" title=\"Preferences\">\n    <div class=\"column\">\n      <mat-form-field>\n        <mat-chip-grid #chips>\n          @for (item of form.value.tags; track item) {\n          <mat-chip-row [removable]=\"true\" (removed)=\"removeTag(item)\">\n            {{item}}\n            <mat-icon matChipRemove>cancel</mat-icon>\n          </mat-chip-row>\n          }\n        </mat-chip-grid>\n        <input [placeholder]=\"'Tags'|translate\"\n               [matChipInputFor]=\"chips\"\n               [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n               [matChipInputAddOnBlur]=\"true\"\n               (matChipInputTokenEnd)=\"addTag($event)\">\n      </mat-form-field>\n    </div>\n  </tab>\n</bizdoc-v-tabs>-->\n<div class=\"row\">\n  <mat-nav-list class=\"nav-list\">\n    <mat-list-item (click)=\"nav('notifications', notificationsTmpl, 0)\" [class.active]=\"sectionName === 'notifications'\">\n      <span matListItemTitle>{{'Notifications' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('emails', emailsTmpl, 1)\" [class.active]=\"sectionName === 'emails'\">\n      <span matListItemTitle>{{'Emails' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('out_of_office', oooTmpl, 2)\" [class.active]=\"sectionName === 'out_of_office'\">\n      <span matListItemTitle>{{'OutOfOffice' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('grant_access', grantAccessTmpl, 3)\" [class.active]=\"sectionName === 'grant_access'\">\n      <span matListItemTitle>{{'GrantAccess' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('preferences', preferencesTmpl, 4)\" [class.active]=\"sectionName === 'preferences'\">\n      <span matListItemTitle>{{'Preferences' | translate}}</span>\n    </mat-list-item>\n  </mat-nav-list>\n  <div class=\"separator\"></div>\n  <form autocomplete=\"off\" [@v-swape]=\"sectionIndex\">\n    <ng-container *ngTemplateOutlet=\"sectionTmpl\"></ng-container>\n  </form>\n</div>\n<!--preferences-->\n<ng-template #preferencesTmpl>\n  <div class=\"column\">\n    <mat-form-field>\n      <mat-label>{{'Tags'|translate}}</mat-label>\n      <mat-chip-grid #chips>\n        @for (item of form.value.tags; track item) {\n        <mat-chip-row [removable]=\"true\" (removed)=\"removeTag(item)\">\n          {{item}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n        }\n      </mat-chip-grid>\n      <input [matChipInputFor]=\"chips\"\n             [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n             [matChipInputAddOnBlur]=\"true\"\n             (matChipInputTokenEnd)=\"addTag($event)\">\n    </mat-form-field>\n  </div>\n</ng-template>\n<!--notifications-->\n<ng-template #notificationsTmpl>\n  <div [formGroup]=\"form.controls.notifications\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-slide-toggle formControlName=\"myDocumentStateChange\">{{'MyStateChange' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"anyDocumentStateChange\">{{'AnyStateChange' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"commentMyDocument\">{{'CommentMyDocument' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"commentAnyDocument\">{{'CommentAnyDocument' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"likes\" [style.display]=\"voating?'':'none'\">{{'LikedComment' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"tagged\">{{'TaggedInComments' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"upcomingEvents\">{{'UpcomingEvents' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"cubeAnomaly\">{{'CubeAnomaly' | translate}}</mat-slide-toggle>\n    <div class=\"row\">\n      <span class=\"divider\"></span>\n      <button mat-icon-button type=\"button\" (click)=\"toggleSound()\" [disabled]=\"!form.value.notifications.active\" [bizdocTooltip]=\"(form.value.notifications.sound ? 'SoundOn': 'SoundOff')|translate\"><mat-icon>{{form.value.notifications.sound ? 'volume_up' : 'volume_off'}}</mat-icon></button>\n    </div>\n  </div>\n</ng-template>\n<!--emails-->\n<ng-template #emailsTmpl>\n  <div [formGroup]=\"form.controls.emails\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-slide-toggle formControlName=\"mail\">{{'Mails' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"chat\">{{'Conversations' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"notifications\">{{'EmailNotifications' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"events\">{{'AlarmEvents' | translate}}</mat-slide-toggle>\n  </div>\n</ng-template>\n<!--ooo-->\n<ng-template #oooTmpl>\n  <div [formGroup]=\"form.controls.outOfOffice\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-form-field class=\"flex\">\n      <input matInput [formControl]=\"oooId\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\n             [placeholder]=\"'Associate' | translate\" [required]=\"form.value.outOfOffice.active\" />\n      <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"display\"\n                        (optionSelected)=\"oooSelected($event)\">\n        @for (u of susers$ | async; track u.id) {\n        <mat-option [value]=\"u\">\n          <span>{{u.name}}</span>\n        </mat-option>\n        }\n      </mat-autocomplete>\n      <mat-hint>{{'OutOfOfficeTip' | translate}}</mat-hint>\n    </mat-form-field>\n    <mat-form-field>\n      <mat-label>{{'Dates'|translate}}</mat-label>\n      <mat-date-range-input [rangePicker]=\"dates\">\n        <input matStartDate formControlName=\"from\" [placeholder]=\"'From'|translate\" [min]=\"today\">\n        <input matEndDate formControlName=\"to\" [placeholder]=\"'To'|translate\">\n      </mat-date-range-input>\n      <mat-datepicker-toggle matSuffix [for]=\"dates\"></mat-datepicker-toggle>\n      <mat-date-range-picker #dates [touchUi]=\"isMobile\"></mat-date-range-picker>\n    </mat-form-field>\n  </div>\n</ng-template>\n<!--grantAccess-->\n<ng-template #grantAccessTmpl>\n  <div [formGroup]=\"form.controls.grantAccess\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-form-field>\n      <mat-label>{{'Associates'| translate}}</mat-label>\n      <mat-chip-grid #grantList [attr.aria-label]=\"\" [disabled]=\"!form.value.grantAccess.active\">\n        @for (u of form.value.grantAccess.users || []; track u.id) {\n        <mat-chip-row (removed)=\"removeGrant(u)\">\n          {{u | userName | async}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n        }\n      </mat-chip-grid>\n      <input [formControl]=\"grantUserIds\"\n             #grantInput\n             [matAutocomplete]=\"grantAuto\"\n             [matChipInputFor]=\"grantList\"\n             [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n      <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\n        @for (u of gusers$ | async; track u.id) {\n        <mat-option [value]=\"u.id\">\n          {{u.name}}\n          @if (u.email) {\n          <span>&nbsp; - {{u.email}}</span>\n          }\n        </mat-option>\n        }\n      </mat-autocomplete>\n      <mat-hint>{{'GrantTip' | translate}}</mat-hint>\n    </mat-form-field>\n  </div>\n</ng-template>\n", styles: [":host{max-width:80vw;min-width:420px}.separator{height:280px;width:1px;background-color:#0003}form{padding:20px 8px 0;min-width:320px}\n"], dependencies: [{ kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i8.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i8.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i8.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i8.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i8.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i9.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i9.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i9.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i10.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i10.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i12.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i12.MatLabel, selector: "mat-label" }, { kind: "directive", type: i12.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i12.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i13.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i14.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i15.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: "component", type: i16.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i17.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i18.TranslatePipe, name: "translate" }, { kind: "pipe", type: i19.UserNamePipe, name: "userName" }], animations: [verticalSwapAnimation] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: OptionsComponent, deps: [{ token: OPTION_PANEL, optional: true }, { token: i1.OverlayRef, optional: true }, { token: i2.FormBuilder }, { token: i3.AccountService }, { token: i4.PromptService }, { token: i5.SessionService }, { token: BIZDOC_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: OptionsComponent, selector: "bizdoc-options", inputs: { sectionName: ["section", "sectionName"] }, viewQueries: [{ propertyName: "substitueInput", first: true, predicate: ["substitueInput"], descendants: true, read: MatInput }, { propertyName: "grantInput", first: true, predicate: ["grantInput"], descendants: true, read: MatChipInput }, { propertyName: "oooTmpl", first: true, predicate: ["oooTmpl"], descendants: true, static: true }, { propertyName: "notificationsTmpl", first: true, predicate: ["notificationsTmpl"], descendants: true, static: true }], ngImport: i0, template: "<!--<bizdoc-v-tabs [initialName]=\"sectionName\">\n  <tab name=\"notifications\" title=\"Notifications\">\n    <div [formGroup]=\"form.controls.notifications\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-slide-toggle formControlName=\"myDocumentStateChange\">{{'MyStateChange' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"anyDocumentStateChange\">{{'AnyStateChange' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"commentMyDocument\">{{'CommentMyDocument' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"commentAnyDocument\">{{'CommentAnyDocument' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"likes\" [style.display]=\"voating?'':'none'\">{{'LikedComment' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"tagged\">{{'TaggedInComments' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"upcomingEvents\">{{'UpcomingEvents' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"cubeAnomaly\">{{'CubeAnomaly' | translate}}</mat-slide-toggle>\n      <div class=\"row\">\n        <span class=\"divider\"></span>\n        <button mat-icon-button type=\"button\" (click)=\"toggleSound()\" [disabled]=\"!form.value.notifications.active\" [bizdocTooltip]=\"(form.value.notifications.sound ? 'SoundOn': 'SoundOff')|translate\"><mat-icon>{{form.value.notifications.sound ? 'volume_up' : 'volume_off'}}</mat-icon></button>\n      </div>\n    </div>\n  </tab>\n  <tab name=\"emails\" title=\"Emails\">\n    <div [formGroup]=\"form.controls.emails\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-slide-toggle formControlName=\"mail\">{{'Mails' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"chat\">{{'Conversations' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"notifications\">{{'EmailNotifications' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"events\">{{'AlarmEvents' | translate}}</mat-slide-toggle>\n    </div>\n  </tab>\n  <tab name=\"out_of_office\" title=\"OutOfOffice\">\n    <div [formGroup]=\"form.controls.outOfOffice\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-form-field class=\"flex\">\n        <input matInput [formControl]=\"oooId\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\n               [placeholder]=\"'Associate' | translate\" [required]=\"form.value.outOfOffice.active\" />\n        <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"display\"\n                          (optionSelected)=\"oooSelected($event)\">\n          @for (u of susers$ | async; track u.id) {\n          <mat-option [value]=\"u\">\n            <span>{{u.name}}</span>\n          </mat-option>\n          }\n        </mat-autocomplete>\n        <mat-hint>{{'OutOfOfficeTip' | translate}}</mat-hint>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Dates'|translate}}</mat-label>\n        <mat-date-range-input [rangePicker]=\"dates\">\n          <input matStartDate formControlName=\"from\" [placeholder]=\"'From'|translate\" [min]=\"today\">\n          <input matEndDate formControlName=\"to\" [placeholder]=\"'To'|translate\">\n        </mat-date-range-input>\n        <mat-datepicker-toggle matSuffix [for]=\"dates\"></mat-datepicker-toggle>\n        <mat-date-range-picker #dates [touchUi]=\"isMobile\"></mat-date-range-picker>\n      </mat-form-field>\n    </div>\n  </tab>\n  <tab name=\"grant_access\" title=\"GrantAccess\">\n    <div [formGroup]=\"form.controls.grantAccess\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <mat-form-field>\n        <mat-chip-grid #grantList [attr.aria-label]=\"\" [disabled]=\"!form.value.grantAccess.active\">\n          @for (u of form.value.grantAccess.users || []; track u.id) {\n          <mat-chip-row (removed)=\"removeGrant(u)\">\n            {{u | userName | async}}\n            <mat-icon matChipRemove>cancel</mat-icon>\n          </mat-chip-row>\n          }\n        </mat-chip-grid>\n        <input [formControl]=\"grantUserIds\" placeholder=\"{{'Users'| translate}}\"\n               #grantInput\n               [matAutocomplete]=\"grantAuto\"\n               [matChipInputFor]=\"grantList\"\n               [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n        <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\n          @for (u of gusers$ | async; track u.id) {\n          <mat-option [value]=\"u.id\">\n            {{u.name}}\n            @if (u.email) {\n            <span>&nbsp; - {{u.email}}</span>\n            }\n          </mat-option>\n          }\n        </mat-autocomplete>\n        <mat-hint>{{'GrantTip' | translate}}</mat-hint>\n      </mat-form-field>\n    </div>\n  </tab>\n  <tab name=\"preferences\" title=\"Preferences\">\n    <div class=\"column\">\n      <mat-form-field>\n        <mat-chip-grid #chips>\n          @for (item of form.value.tags; track item) {\n          <mat-chip-row [removable]=\"true\" (removed)=\"removeTag(item)\">\n            {{item}}\n            <mat-icon matChipRemove>cancel</mat-icon>\n          </mat-chip-row>\n          }\n        </mat-chip-grid>\n        <input [placeholder]=\"'Tags'|translate\"\n               [matChipInputFor]=\"chips\"\n               [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n               [matChipInputAddOnBlur]=\"true\"\n               (matChipInputTokenEnd)=\"addTag($event)\">\n      </mat-form-field>\n    </div>\n  </tab>\n</bizdoc-v-tabs>-->\n<div class=\"row\">\n  <mat-nav-list class=\"nav-list\">\n    <mat-list-item (click)=\"nav('notifications', notificationsTmpl, 0)\" [class.active]=\"sectionName === 'notifications'\">\n      <span matListItemTitle>{{'Notifications' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('emails', emailsTmpl, 1)\" [class.active]=\"sectionName === 'emails'\">\n      <span matListItemTitle>{{'Emails' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('out_of_office', oooTmpl, 2)\" [class.active]=\"sectionName === 'out_of_office'\">\n      <span matListItemTitle>{{'OutOfOffice' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('grant_access', grantAccessTmpl, 3)\" [class.active]=\"sectionName === 'grant_access'\">\n      <span matListItemTitle>{{'GrantAccess' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('preferences', preferencesTmpl, 4)\" [class.active]=\"sectionName === 'preferences'\">\n      <span matListItemTitle>{{'Preferences' | translate}}</span>\n    </mat-list-item>\n  </mat-nav-list>\n  <div class=\"separator\"></div>\n  <form autocomplete=\"off\" [@v-swape]=\"sectionIndex\">\n    <ng-container *ngTemplateOutlet=\"sectionTmpl\"></ng-container>\n  </form>\n</div>\n<!--preferences-->\n<ng-template #preferencesTmpl>\n  <div class=\"column\">\n    <mat-form-field>\n      <mat-label>{{'Tags'|translate}}</mat-label>\n      <mat-chip-grid #chips>\n        @for (item of form.value.tags; track item) {\n        <mat-chip-row [removable]=\"true\" (removed)=\"removeTag(item)\">\n          {{item}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n        }\n      </mat-chip-grid>\n      <input [matChipInputFor]=\"chips\"\n             [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n             [matChipInputAddOnBlur]=\"true\"\n             (matChipInputTokenEnd)=\"addTag($event)\">\n    </mat-form-field>\n  </div>\n</ng-template>\n<!--notifications-->\n<ng-template #notificationsTmpl>\n  <div [formGroup]=\"form.controls.notifications\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-slide-toggle formControlName=\"myDocumentStateChange\">{{'MyStateChange' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"anyDocumentStateChange\">{{'AnyStateChange' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"commentMyDocument\">{{'CommentMyDocument' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"commentAnyDocument\">{{'CommentAnyDocument' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"likes\" [style.display]=\"voating?'':'none'\">{{'LikedComment' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"tagged\">{{'TaggedInComments' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"upcomingEvents\">{{'UpcomingEvents' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"cubeAnomaly\">{{'CubeAnomaly' | translate}}</mat-slide-toggle>\n    <div class=\"row\">\n      <span class=\"divider\"></span>\n      <button mat-icon-button type=\"button\" (click)=\"toggleSound()\" [disabled]=\"!form.value.notifications.active\" [bizdocTooltip]=\"(form.value.notifications.sound ? 'SoundOn': 'SoundOff')|translate\"><mat-icon>{{form.value.notifications.sound ? 'volume_up' : 'volume_off'}}</mat-icon></button>\n    </div>\n  </div>\n</ng-template>\n<!--emails-->\n<ng-template #emailsTmpl>\n  <div [formGroup]=\"form.controls.emails\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-slide-toggle formControlName=\"mail\">{{'Mails' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"chat\">{{'Conversations' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"notifications\">{{'EmailNotifications' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"events\">{{'AlarmEvents' | translate}}</mat-slide-toggle>\n  </div>\n</ng-template>\n<!--ooo-->\n<ng-template #oooTmpl>\n  <div [formGroup]=\"form.controls.outOfOffice\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-form-field class=\"flex\">\n      <input matInput [formControl]=\"oooId\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\n             [placeholder]=\"'Associate' | translate\" [required]=\"form.value.outOfOffice.active\" />\n      <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"display\"\n                        (optionSelected)=\"oooSelected($event)\">\n        @for (u of susers$ | async; track u.id) {\n        <mat-option [value]=\"u\">\n          <span>{{u.name}}</span>\n        </mat-option>\n        }\n      </mat-autocomplete>\n      <mat-hint>{{'OutOfOfficeTip' | translate}}</mat-hint>\n    </mat-form-field>\n    <mat-form-field>\n      <mat-label>{{'Dates'|translate}}</mat-label>\n      <mat-date-range-input [rangePicker]=\"dates\">\n        <input matStartDate formControlName=\"from\" [placeholder]=\"'From'|translate\" [min]=\"today\">\n        <input matEndDate formControlName=\"to\" [placeholder]=\"'To'|translate\">\n      </mat-date-range-input>\n      <mat-datepicker-toggle matSuffix [for]=\"dates\"></mat-datepicker-toggle>\n      <mat-date-range-picker #dates [touchUi]=\"isMobile\"></mat-date-range-picker>\n    </mat-form-field>\n  </div>\n</ng-template>\n<!--grantAccess-->\n<ng-template #grantAccessTmpl>\n  <div [formGroup]=\"form.controls.grantAccess\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-form-field>\n      <mat-label>{{'Associates'| translate}}</mat-label>\n      <mat-chip-grid #grantList [attr.aria-label]=\"\" [disabled]=\"!form.value.grantAccess.active\">\n        @for (u of form.value.grantAccess.users || []; track u.id) {\n        <mat-chip-row (removed)=\"removeGrant(u)\">\n          {{u | userName | async}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n        }\n      </mat-chip-grid>\n      <input [formControl]=\"grantUserIds\"\n             #grantInput\n             [matAutocomplete]=\"grantAuto\"\n             [matChipInputFor]=\"grantList\"\n             [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n      <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\n        @for (u of gusers$ | async; track u.id) {\n        <mat-option [value]=\"u.id\">\n          {{u.name}}\n          @if (u.email) {\n          <span>&nbsp; - {{u.email}}</span>\n          }\n        </mat-option>\n        }\n      </mat-autocomplete>\n      <mat-hint>{{'GrantTip' | translate}}</mat-hint>\n    </mat-form-field>\n  </div>\n</ng-template>\n", styles: [":host{max-width:80vw;min-width:420px}.separator{height:280px;width:1px;background-color:#0003}form{padding:20px 8px 0;min-width:320px}\n"], dependencies: [{ kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i8.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i8.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i8.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i8.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i8.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i9.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i9.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i9.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i10.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i10.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i12.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i12.MatLabel, selector: "mat-label" }, { kind: "directive", type: i12.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i12.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i13.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i14.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i15.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: "component", type: i16.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i17.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i18.TranslatePipe, name: "translate" }, { kind: "pipe", type: i19.UserNamePipe, name: "userName" }], animations: [verticalSwapAnimation] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OptionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: OptionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizdoc-options', animations: [verticalSwapAnimation], template: "<!--<bizdoc-v-tabs [initialName]=\"sectionName\">\n  <tab name=\"notifications\" title=\"Notifications\">\n    <div [formGroup]=\"form.controls.notifications\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-slide-toggle formControlName=\"myDocumentStateChange\">{{'MyStateChange' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"anyDocumentStateChange\">{{'AnyStateChange' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"commentMyDocument\">{{'CommentMyDocument' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"commentAnyDocument\">{{'CommentAnyDocument' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"likes\" [style.display]=\"voating?'':'none'\">{{'LikedComment' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"tagged\">{{'TaggedInComments' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"upcomingEvents\">{{'UpcomingEvents' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"cubeAnomaly\">{{'CubeAnomaly' | translate}}</mat-slide-toggle>\n      <div class=\"row\">\n        <span class=\"divider\"></span>\n        <button mat-icon-button type=\"button\" (click)=\"toggleSound()\" [disabled]=\"!form.value.notifications.active\" [bizdocTooltip]=\"(form.value.notifications.sound ? 'SoundOn': 'SoundOff')|translate\"><mat-icon>{{form.value.notifications.sound ? 'volume_up' : 'volume_off'}}</mat-icon></button>\n      </div>\n    </div>\n  </tab>\n  <tab name=\"emails\" title=\"Emails\">\n    <div [formGroup]=\"form.controls.emails\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-slide-toggle formControlName=\"mail\">{{'Mails' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"chat\">{{'Conversations' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"notifications\">{{'EmailNotifications' | translate}}</mat-slide-toggle>\n      <mat-slide-toggle formControlName=\"events\">{{'AlarmEvents' | translate}}</mat-slide-toggle>\n    </div>\n  </tab>\n  <tab name=\"out_of_office\" title=\"OutOfOffice\">\n    <div [formGroup]=\"form.controls.outOfOffice\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <br />\n      <mat-form-field class=\"flex\">\n        <input matInput [formControl]=\"oooId\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\n               [placeholder]=\"'Associate' | translate\" [required]=\"form.value.outOfOffice.active\" />\n        <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"display\"\n                          (optionSelected)=\"oooSelected($event)\">\n          @for (u of susers$ | async; track u.id) {\n          <mat-option [value]=\"u\">\n            <span>{{u.name}}</span>\n          </mat-option>\n          }\n        </mat-autocomplete>\n        <mat-hint>{{'OutOfOfficeTip' | translate}}</mat-hint>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>{{'Dates'|translate}}</mat-label>\n        <mat-date-range-input [rangePicker]=\"dates\">\n          <input matStartDate formControlName=\"from\" [placeholder]=\"'From'|translate\" [min]=\"today\">\n          <input matEndDate formControlName=\"to\" [placeholder]=\"'To'|translate\">\n        </mat-date-range-input>\n        <mat-datepicker-toggle matSuffix [for]=\"dates\"></mat-datepicker-toggle>\n        <mat-date-range-picker #dates [touchUi]=\"isMobile\"></mat-date-range-picker>\n      </mat-form-field>\n    </div>\n  </tab>\n  <tab name=\"grant_access\" title=\"GrantAccess\">\n    <div [formGroup]=\"form.controls.grantAccess\" class=\"column\">\n      <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n      <mat-form-field>\n        <mat-chip-grid #grantList [attr.aria-label]=\"\" [disabled]=\"!form.value.grantAccess.active\">\n          @for (u of form.value.grantAccess.users || []; track u.id) {\n          <mat-chip-row (removed)=\"removeGrant(u)\">\n            {{u | userName | async}}\n            <mat-icon matChipRemove>cancel</mat-icon>\n          </mat-chip-row>\n          }\n        </mat-chip-grid>\n        <input [formControl]=\"grantUserIds\" placeholder=\"{{'Users'| translate}}\"\n               #grantInput\n               [matAutocomplete]=\"grantAuto\"\n               [matChipInputFor]=\"grantList\"\n               [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n        <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\n          @for (u of gusers$ | async; track u.id) {\n          <mat-option [value]=\"u.id\">\n            {{u.name}}\n            @if (u.email) {\n            <span>&nbsp; - {{u.email}}</span>\n            }\n          </mat-option>\n          }\n        </mat-autocomplete>\n        <mat-hint>{{'GrantTip' | translate}}</mat-hint>\n      </mat-form-field>\n    </div>\n  </tab>\n  <tab name=\"preferences\" title=\"Preferences\">\n    <div class=\"column\">\n      <mat-form-field>\n        <mat-chip-grid #chips>\n          @for (item of form.value.tags; track item) {\n          <mat-chip-row [removable]=\"true\" (removed)=\"removeTag(item)\">\n            {{item}}\n            <mat-icon matChipRemove>cancel</mat-icon>\n          </mat-chip-row>\n          }\n        </mat-chip-grid>\n        <input [placeholder]=\"'Tags'|translate\"\n               [matChipInputFor]=\"chips\"\n               [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n               [matChipInputAddOnBlur]=\"true\"\n               (matChipInputTokenEnd)=\"addTag($event)\">\n      </mat-form-field>\n    </div>\n  </tab>\n</bizdoc-v-tabs>-->\n<div class=\"row\">\n  <mat-nav-list class=\"nav-list\">\n    <mat-list-item (click)=\"nav('notifications', notificationsTmpl, 0)\" [class.active]=\"sectionName === 'notifications'\">\n      <span matListItemTitle>{{'Notifications' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('emails', emailsTmpl, 1)\" [class.active]=\"sectionName === 'emails'\">\n      <span matListItemTitle>{{'Emails' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('out_of_office', oooTmpl, 2)\" [class.active]=\"sectionName === 'out_of_office'\">\n      <span matListItemTitle>{{'OutOfOffice' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('grant_access', grantAccessTmpl, 3)\" [class.active]=\"sectionName === 'grant_access'\">\n      <span matListItemTitle>{{'GrantAccess' | translate}}</span>\n    </mat-list-item>\n    <mat-list-item (click)=\"nav('preferences', preferencesTmpl, 4)\" [class.active]=\"sectionName === 'preferences'\">\n      <span matListItemTitle>{{'Preferences' | translate}}</span>\n    </mat-list-item>\n  </mat-nav-list>\n  <div class=\"separator\"></div>\n  <form autocomplete=\"off\" [@v-swape]=\"sectionIndex\">\n    <ng-container *ngTemplateOutlet=\"sectionTmpl\"></ng-container>\n  </form>\n</div>\n<!--preferences-->\n<ng-template #preferencesTmpl>\n  <div class=\"column\">\n    <mat-form-field>\n      <mat-label>{{'Tags'|translate}}</mat-label>\n      <mat-chip-grid #chips>\n        @for (item of form.value.tags; track item) {\n        <mat-chip-row [removable]=\"true\" (removed)=\"removeTag(item)\">\n          {{item}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n        }\n      </mat-chip-grid>\n      <input [matChipInputFor]=\"chips\"\n             [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n             [matChipInputAddOnBlur]=\"true\"\n             (matChipInputTokenEnd)=\"addTag($event)\">\n    </mat-form-field>\n  </div>\n</ng-template>\n<!--notifications-->\n<ng-template #notificationsTmpl>\n  <div [formGroup]=\"form.controls.notifications\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-slide-toggle formControlName=\"myDocumentStateChange\">{{'MyStateChange' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"anyDocumentStateChange\">{{'AnyStateChange' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"commentMyDocument\">{{'CommentMyDocument' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"commentAnyDocument\">{{'CommentAnyDocument' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"likes\" [style.display]=\"voating?'':'none'\">{{'LikedComment' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"tagged\">{{'TaggedInComments' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"upcomingEvents\">{{'UpcomingEvents' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"cubeAnomaly\">{{'CubeAnomaly' | translate}}</mat-slide-toggle>\n    <div class=\"row\">\n      <span class=\"divider\"></span>\n      <button mat-icon-button type=\"button\" (click)=\"toggleSound()\" [disabled]=\"!form.value.notifications.active\" [bizdocTooltip]=\"(form.value.notifications.sound ? 'SoundOn': 'SoundOff')|translate\"><mat-icon>{{form.value.notifications.sound ? 'volume_up' : 'volume_off'}}</mat-icon></button>\n    </div>\n  </div>\n</ng-template>\n<!--emails-->\n<ng-template #emailsTmpl>\n  <div [formGroup]=\"form.controls.emails\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-slide-toggle formControlName=\"mail\">{{'Mails' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"chat\">{{'Conversations' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"notifications\">{{'EmailNotifications' | translate}}</mat-slide-toggle>\n    <mat-slide-toggle formControlName=\"events\">{{'AlarmEvents' | translate}}</mat-slide-toggle>\n  </div>\n</ng-template>\n<!--ooo-->\n<ng-template #oooTmpl>\n  <div [formGroup]=\"form.controls.outOfOffice\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-form-field class=\"flex\">\n      <input matInput [formControl]=\"oooId\" type=\"search\" [matAutocomplete]=\"sauto\" #substitueInput\n             [placeholder]=\"'Associate' | translate\" [required]=\"form.value.outOfOffice.active\" />\n      <mat-autocomplete #sauto=\"matAutocomplete\" [displayWith]=\"display\"\n                        (optionSelected)=\"oooSelected($event)\">\n        @for (u of susers$ | async; track u.id) {\n        <mat-option [value]=\"u\">\n          <span>{{u.name}}</span>\n        </mat-option>\n        }\n      </mat-autocomplete>\n      <mat-hint>{{'OutOfOfficeTip' | translate}}</mat-hint>\n    </mat-form-field>\n    <mat-form-field>\n      <mat-label>{{'Dates'|translate}}</mat-label>\n      <mat-date-range-input [rangePicker]=\"dates\">\n        <input matStartDate formControlName=\"from\" [placeholder]=\"'From'|translate\" [min]=\"today\">\n        <input matEndDate formControlName=\"to\" [placeholder]=\"'To'|translate\">\n      </mat-date-range-input>\n      <mat-datepicker-toggle matSuffix [for]=\"dates\"></mat-datepicker-toggle>\n      <mat-date-range-picker #dates [touchUi]=\"isMobile\"></mat-date-range-picker>\n    </mat-form-field>\n  </div>\n</ng-template>\n<!--grantAccess-->\n<ng-template #grantAccessTmpl>\n  <div [formGroup]=\"form.controls.grantAccess\" class=\"column\">\n    <mat-slide-toggle formControlName=\"active\">{{'Active' | translate}}</mat-slide-toggle>\n    <br />\n    <mat-form-field>\n      <mat-label>{{'Associates'| translate}}</mat-label>\n      <mat-chip-grid #grantList [attr.aria-label]=\"\" [disabled]=\"!form.value.grantAccess.active\">\n        @for (u of form.value.grantAccess.users || []; track u.id) {\n        <mat-chip-row (removed)=\"removeGrant(u)\">\n          {{u | userName | async}}\n          <mat-icon matChipRemove>cancel</mat-icon>\n        </mat-chip-row>\n        }\n      </mat-chip-grid>\n      <input [formControl]=\"grantUserIds\"\n             #grantInput\n             [matAutocomplete]=\"grantAuto\"\n             [matChipInputFor]=\"grantList\"\n             [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n      <mat-autocomplete #grantAuto=\"matAutocomplete\" (optionSelected)=\"addGrant(grantInput, $event)\">\n        @for (u of gusers$ | async; track u.id) {\n        <mat-option [value]=\"u.id\">\n          {{u.name}}\n          @if (u.email) {\n          <span>&nbsp; - {{u.email}}</span>\n          }\n        </mat-option>\n        }\n      </mat-autocomplete>\n      <mat-hint>{{'GrantTip' | translate}}</mat-hint>\n    </mat-form-field>\n  </div>\n</ng-template>\n", styles: [":host{max-width:80vw;min-width:420px}.separator{height:280px;width:1px;background-color:#0003}form{padding:20px 8px 0;min-width:320px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/lib/options/options.service.mjs CHANGED Viewed

@@ -33,10 +33,10 @@ export class OptionsService {
         oRef.attach(portal);
         oRef.backdropClick().subscribe(() => oRef.dispose());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OptionsService, deps: [{ token: i1.Directionality }, { token: i2.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OptionsService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: OptionsService, deps: [{ token: i1.Directionality }, { token: i2.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: OptionsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OptionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: OptionsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Directionality }, { type: i2.Overlay }, { type: i0.Injector }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvcmUvc3JjL2xpYi9vcHRpb25zL29wdGlvbnMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFXLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRTFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQTBCLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7O0FBRTdGLE9BQU87QUFFUCxNQUFNLE9BQU8sY0FBYztJQUN6QixZQUFvQixJQUFvQixFQUM5QixRQUFpQixFQUNqQixTQUFtQjtRQUZULFNBQUksR0FBSixJQUFJLENBQWdCO1FBQzlCLGFBQVEsR0FBUixRQUFRLENBQVM7UUFDakIsY0FBUyxHQUFULFNBQVMsQ0FBVTtJQUM3QixDQUFDO0lBQ0QsSUFBSSxDQUFDLE9BQW9CO1FBQ3ZCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxFQUFFLENBQUMsa0JBQWtCLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQzNGLE1BQU0sTUFBTSxHQUFHLElBQUksYUFBYSxDQUFDO1lBQy9CLGdCQUFnQixFQUFFLFFBQVE7WUFDMUIsV0FBVyxFQUFFLElBQUk7WUFDakIsbUJBQW1CLEVBQUUsSUFBSTtZQUN6QixVQUFVLEVBQUUsWUFBWTtZQUN4QixhQUFhLEVBQUUsMkJBQTJCO1lBQzFDLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUs7U0FDM0IsQ0FBQyxDQUFDO1FBRUgsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDMUMsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUMvQixTQUFTLEVBQUU7Z0JBQ1QsRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQWdCLEVBQUU7Z0JBQ3ZFLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2FBQ3hDLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTO1NBQzFCLENBQUMsQ0FBQztRQUNILE1BQU0sTUFBTSxHQUFHLElBQUksZUFBZSxDQUFDLGdCQUFnQixFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsQ0FBQztRQUNyRSxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFDdkQsQ0FBQzs4R0ExQlUsY0FBYztrSEFBZCxjQUFjOzsyRkFBZCxjQUFjO2tCQUQxQixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT3ZlcmxheVJlZiwgT3ZlcmxheSwgT3ZlcmxheUNvbmZpZyB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcclxuaW1wb3J0IHsgRGlyZWN0aW9uYWxpdHkgfSBmcm9tICdAYW5ndWxhci9jZGsvYmlkaSc7XHJcbmltcG9ydCB7IENvbXBvbmVudFBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xyXG5pbXBvcnQgeyBPcHRpb25UeXBlLCBPcHRpb25EYXRhLCBPUFRJT05fUEFORUwsIE9wdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL29wdGlvbnMuY29tcG9uZW50JztcclxuXHJcbi8vKiogKi9cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgT3B0aW9uc1NlcnZpY2Uge1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2RpcjogRGlyZWN0aW9uYWxpdHksXHJcbiAgICBwcml2YXRlIF9vdmVybGF5OiBPdmVybGF5LFxyXG4gICAgcHJpdmF0ZSBfaW5qZWN0b3I6IEluamVjdG9yKSB7XHJcbiAgfVxyXG4gIG9wZW4oc2VjdGlvbj86IE9wdGlvblR5cGUpIHtcclxuICAgIGNvbnN0IHBvc2l0aW9uID0gdGhpcy5fb3ZlcmxheS5wb3NpdGlvbigpLmdsb2JhbCgpLmNlbnRlckhvcml6b250YWxseSgpLmNlbnRlclZlcnRpY2FsbHkoKTtcclxuICAgIGNvbnN0IGNvbmZpZyA9IG5ldyBPdmVybGF5Q29uZmlnKHtcclxuICAgICAgcG9zaXRpb25TdHJhdGVneTogcG9zaXRpb24sXHJcbiAgICAgIGhhc0JhY2tkcm9wOiB0cnVlLFxyXG4gICAgICBkaXNwb3NlT25OYXZpZ2F0aW9uOiB0cnVlLFxyXG4gICAgICBwYW5lbENsYXNzOiAnaG9tZS1wYW5lbCcsXHJcbiAgICAgIGJhY2tkcm9wQ2xhc3M6ICdjZGstb3ZlcmxheS1kYXJrLWJhY2tkcm9wJyxcclxuICAgICAgZGlyZWN0aW9uOiB0aGlzLl9kaXIudmFsdWVcclxuICAgIH0pO1xyXG5cclxuICAgIGNvbnN0IG9SZWYgPSB0aGlzLl9vdmVybGF5LmNyZWF0ZShjb25maWcpO1xyXG4gICAgY29uc3QgaW5qZWN0b3IgPSBJbmplY3Rvci5jcmVhdGUoe1xyXG4gICAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICB7IHByb3ZpZGU6IE9QVElPTl9QQU5FTCwgdXNlVmFsdWU6IHsgc2VjdGlvbjogc2VjdGlvbiB9IGFzIE9wdGlvbkRhdGEgfSxcclxuICAgICAgICB7IHByb3ZpZGU6IE92ZXJsYXlSZWYsIHVzZVZhbHVlOiBvUmVmIH0sXHJcbiAgICAgIF0sIHBhcmVudDogdGhpcy5faW5qZWN0b3JcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChPcHRpb25zQ29tcG9uZW50LCBudWxsLCBpbmplY3Rvcik7XHJcbiAgICBvUmVmLmF0dGFjaChwb3J0YWwpO1xyXG4gICAgb1JlZi5iYWNrZHJvcENsaWNrKCkuc3Vic2NyaWJlKCgpID0+IG9SZWYuZGlzcG9zZSgpKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2022/lib/reports/arguments-component.mjs CHANGED Viewed

@@ -58,10 +58,10 @@ export class ReportArgumentsComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ReportArgumentsComponent, deps: [{ token: i0.Injector }, { token: i0.ViewContainerRef }, { token: i1.BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ReportArgumentsComponent, selector: "bizdoc-report-arguments", inputs: { reportRef: "reportRef", template: "template", arguments: "arguments", args: "args" }, outputs: { argsChange: "argsChange" }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ReportArgumentsComponent, deps: [{ token: i0.Injector }, { token: i0.ViewContainerRef }, { token: i1.BizDocComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: ReportArgumentsComponent, selector: "bizdoc-report-arguments", inputs: { reportRef: "reportRef", template: "template", arguments: "arguments", args: "args" }, outputs: { argsChange: "argsChange" }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ReportArgumentsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: ReportArgumentsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-report-arguments',

package/esm2022/lib/reports/cube/documents.component.mjs CHANGED Viewed

@@ -20,8 +20,8 @@ let CubeDocumentsComponent = class CubeDocumentsComponent {
         //  else comp = CubeDocumentsTableComponent;
         this._instance = this._vc.createComponent(comp, { injector: this._injector }).instance;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CubeDocumentsComponent, deps: [{ token: i0.Injector }, { token: i1.ReportRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: CubeDocumentsComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: CubeDocumentsComponent, deps: [{ token: i0.Injector }, { token: i1.ReportRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: CubeDocumentsComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
 };
 CubeDocumentsComponent = __decorate([
     BizDoc({
@@ -29,7 +29,7 @@ CubeDocumentsComponent = __decorate([
     })
 ], CubeDocumentsComponent);
 export { CubeDocumentsComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CubeDocumentsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: CubeDocumentsComponent, decorators: [{
             type: Component,
             args: [{
                     template: ''

package/esm2022/lib/reports/cube/grid-documents.component.mjs CHANGED Viewed

@@ -59,10 +59,10 @@ export class CubeDocumentsGridComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CubeDocumentsGridComponent, deps: [{ token: i1.ReportRef }, { token: i2.DocumentInfo }, { token: i3.SessionService }, { token: i4.AccountService }, { token: i5.CubeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: CubeDocumentsGridComponent, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: "<ejs-grid [dataSource]=\"dataSource\" (rowSelected)=\"rowSelected($event)\"\r\n          [pageSettings]=pageSettings\r\n          [allowPaging]=false\r\n          [enableHover]=false\r\n          [enableAdaptiveUI]=true\r\n          [enableStickyHeader]=true\r\n          [allowExcelExport]=true\r\n          [height]=height\r\n          [allowGrouping]=true\r\n          [allowSorting]=true\r\n          [groupSettings]=groupSettings>\r\n  <e-columns>\r\n    <e-column field=\"number\" [headerText]=\"'Number'|translate\"></e-column>\r\n    <e-column field=\"subject\" [headerText]=\"'Subject'|translate\"></e-column>\r\n    <e-column field=\"stateId\" [headerText]=\"'Status'|translate\">\r\n      <ng-template #template let-data>{{data.stateId | state}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"date\" [headerText]=\"'Date'|translate\">\r\n      <ng-template #template let-data>{{data.date | amDateFormat: 'lll'}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"formId\" [headerText]=\"'Form'|translate\">\r\n      <ng-template #template let-data>{{data.formId | form}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"userName\" [headerText]=\"'Name'|translate\">\r\n    </e-column>\r\n    <!--<e-column *ngFor=\"let a of cube.axes\" [field]=\"a.name\" [headerText]=\"a.title|translate\">\r\n    </e-column>-->\r\n    <e-column field=\"total\" [headerText]=\"'Value'|translate\" textAlign=\"Right\" [format]=\"valueFormat\">\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n", dependencies: [{ kind: "directive", type: i6.ColumnDirective, selector: "ejs-gantt>e-columns>e-column", inputs: ["allowEditing", "allowFiltering", "allowReordering", "allowResizing", "allowSorting", "clipMode", "customAttributes", "disableHtmlEncode", "displayAsCheckBox", "edit", "editType", "field", "filter", "format", "formatter", "headerTemplate", "headerText", "headerTextAlign", "hideAtMedia", "isPrimaryKey", "maxWidth", "minWidth", "sortComparer", "template", "textAlign", "type", "validationRules", "valueAccessor", "visible", "width"] }, { kind: "directive", type: i6.ColumnsDirective, selector: "ejs-gantt>e-columns" }, { kind: "directive", type: i7.ColumnDirective, selector: "e-columns>e-column", inputs: ["border", "width"] }, { kind: "directive", type: i7.ColumnsDirective, selector: "ejs-chart>e-columns" }, { kind: "component", type: i8.GridComponent, selector: "ejs-grid", inputs: ["aggregates", "allowExcelExport", "allowFiltering", "allowGrouping", "allowKeyboard", "allowMultiSorting", "allowPaging", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTextWrap", "autoFit", "childGrid", "clipMode", "columnChooserSettings", "columnMenuItems", "columnQueryMode", "columns", "contextMenuItems", "cssClass", "currencyCode", "currentAction", "currentViewData", "dataSource", "detailTemplate", "editSettings", "ej2StatePersistenceVersion", "emptyRecordTemplate", "enableAdaptiveUI", "enableAltRow", "enableAutoFill", "enableColumnVirtualization", "enableHeaderFocus", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableInfiniteScrolling", "enablePersistence", "enableRtl", "enableStickyHeader", "enableVirtualMaskRow", "enableVirtualization", "exportGrids", "filterSettings", "frozenColumns", "frozenRows", "gridLines", "groupSettings", "height", "hierarchyPrintMode", "infiniteScrollSettings", "loadingIndicator", "locale", "pageSettings", "pagerTemplate", "parentDetails", "printMode", "query", "queryString", "resizeSettings", "rowDropSettings", "rowHeight", "rowRenderingMode", "rowTemplate", "searchSettings", "selectedRowIndex", "selectionSettings", "showColumnChooser", "showColumnMenu", "showHider", "sortSettings", "textWrapSettings", "toolbar", "toolbarTemplate", "width"], outputs: ["actionBegin", "actionComplete", "actionFailure", "batchAdd", "batchCancel", "batchDelete", "beforeAutoFill", "beforeBatchAdd", "beforeBatchDelete", "beforeBatchSave", "beforeCopy", "beforeDataBound", "beforeExcelExport", "beforeOpenAdaptiveDialog", "beforeOpenColumnChooser", "beforePaste", "beforePdfExport", "beforePrint", "beginEdit", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSaved", "cellSelected", "cellSelecting", "checkBoxChange", "columnDataStateChange", "columnDeselected", "columnDeselecting", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "columnSelected", "columnSelecting", "commandClick", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataSourceChanged", "dataStateChange", "destroyed", "detailDataBound", "excelAggregateQueryCellInfo", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "exportDetailDataBound", "exportDetailTemplate", "exportGroupCaption", "headerCellInfo", "keyPressed", "lazyLoadGroupCollapse", "lazyLoadGroupExpand", "load", "pdfAggregateQueryCellInfo", "pdfExportComplete", "pdfHeaderQueryCellInfo", "pdfQueryCellInfo", "printComplete", "queryCellInfo", "recordClick", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "toolbarClick", "dataSourceChange"] }, { kind: "directive", type: i8.ColumnDirective, selector: "ejs-grid>e-columns>e-column", inputs: ["allowEditing", "allowFiltering", "allowGrouping", "allowReordering", "allowResizing", "allowSearching", "allowSorting", "autoFit", "clipMode", "columns", "commands", "customAttributes", "dataSource", "defaultValue", "disableHtmlEncode", "displayAsCheckBox", "edit", "editTemplate", "editType", "enableGroupByFormat", "field", "filter", "filterBarTemplate", "filterTemplate", "foreignKeyField", "foreignKeyValue", "format", "formatter", "freeze", "headerTemplate", "headerText", "headerTextAlign", "headerValueAccessor", "hideAtMedia", "index", "isFrozen", "isIdentity", "isPrimaryKey", "lockColumn", "maxWidth", "minWidth", "showColumnMenu", "showInColumnChooser", "sortComparer", "template", "textAlign", "type", "uid", "validationRules", "valueAccessor", "visible", "width"] }, { kind: "directive", type: i8.ColumnsDirective, selector: "ejs-grid>e-columns" }, { kind: "directive", type: i8.AggregateColumnDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns>e-column", inputs: ["columnName", "customAggregate", "field", "footerTemplate", "format", "groupCaptionTemplate", "groupFooterTemplate", "type"] }, { kind: "directive", type: i8.AggregateColumnsDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns" }, { kind: "directive", type: i9.ColumnDirective, selector: "e-columns>e-column", inputs: ["customWidth", "format", "hidden", "index", "isLocked", "isReadOnly", "validation", "width"] }, { kind: "directive", type: i9.ColumnsDirective, selector: "e-sheet>e-columns" }, { kind: "directive", type: i10.ColumnDirective, selector: "e-columns>e-column", inputs: ["allowDrag", "allowDrop", "allowToggle", "headerText", "isExpanded", "keyField", "maxCount", "minCount", "showAddButton", "showItemCount", "template", "transitionColumns"] }, { kind: "directive", type: i10.ColumnsDirective, selector: "ejs-kanban>e-columns" }, { kind: "pipe", type: i11.DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }, { kind: "pipe", type: i13.StatePipe, name: "state" }, { kind: "pipe", type: i14.FormPipe, name: "form" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: CubeDocumentsGridComponent, deps: [{ token: i1.ReportRef }, { token: i2.DocumentInfo }, { token: i3.SessionService }, { token: i4.AccountService }, { token: i5.CubeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: CubeDocumentsGridComponent, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: "<ejs-grid [dataSource]=\"dataSource\" (rowSelected)=\"rowSelected($event)\"\r\n          [pageSettings]=pageSettings\r\n          [allowPaging]=false\r\n          [enableHover]=false\r\n          [enableAdaptiveUI]=true\r\n          [enableStickyHeader]=true\r\n          [allowExcelExport]=true\r\n          [height]=height\r\n          [allowGrouping]=true\r\n          [allowSorting]=true\r\n          [groupSettings]=groupSettings>\r\n  <e-columns>\r\n    <e-column field=\"number\" [headerText]=\"'Number'|translate\"></e-column>\r\n    <e-column field=\"subject\" [headerText]=\"'Subject'|translate\"></e-column>\r\n    <e-column field=\"stateId\" [headerText]=\"'Status'|translate\">\r\n      <ng-template #template let-data>{{data.stateId | state}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"date\" [headerText]=\"'Date'|translate\">\r\n      <ng-template #template let-data>{{data.date | amDateFormat: 'lll'}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"formId\" [headerText]=\"'Form'|translate\">\r\n      <ng-template #template let-data>{{data.formId | form}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"userName\" [headerText]=\"'Name'|translate\">\r\n    </e-column>\r\n    <!--<e-column *ngFor=\"let a of cube.axes\" [field]=\"a.name\" [headerText]=\"a.title|translate\">\r\n    </e-column>-->\r\n    <e-column field=\"total\" [headerText]=\"'Value'|translate\" textAlign=\"Right\" [format]=\"valueFormat\">\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n", dependencies: [{ kind: "directive", type: i6.ColumnDirective, selector: "ejs-gantt>e-columns>e-column", inputs: ["allowEditing", "allowFiltering", "allowReordering", "allowResizing", "allowSorting", "clipMode", "customAttributes", "disableHtmlEncode", "displayAsCheckBox", "edit", "editType", "field", "filter", "format", "formatter", "headerTemplate", "headerText", "headerTextAlign", "hideAtMedia", "isPrimaryKey", "maxWidth", "minWidth", "sortComparer", "template", "textAlign", "type", "validationRules", "valueAccessor", "visible", "width"] }, { kind: "directive", type: i6.ColumnsDirective, selector: "ejs-gantt>e-columns" }, { kind: "directive", type: i7.ColumnDirective, selector: "e-columns>e-column", inputs: ["border", "width"] }, { kind: "directive", type: i7.ColumnsDirective, selector: "ejs-chart>e-columns" }, { kind: "component", type: i8.GridComponent, selector: "ejs-grid", inputs: ["aggregates", "allowExcelExport", "allowFiltering", "allowGrouping", "allowKeyboard", "allowMultiSorting", "allowPaging", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTextWrap", "autoFit", "childGrid", "clipMode", "columnChooserSettings", "columnMenuItems", "columnQueryMode", "columns", "contextMenuItems", "cssClass", "currencyCode", "currentAction", "currentViewData", "dataSource", "detailTemplate", "editSettings", "ej2StatePersistenceVersion", "emptyRecordTemplate", "enableAdaptiveUI", "enableAltRow", "enableAutoFill", "enableColumnVirtualization", "enableHeaderFocus", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableInfiniteScrolling", "enablePersistence", "enableRtl", "enableStickyHeader", "enableVirtualMaskRow", "enableVirtualization", "exportGrids", "filterSettings", "frozenColumns", "frozenRows", "gridLines", "groupSettings", "height", "hierarchyPrintMode", "infiniteScrollSettings", "loadingIndicator", "locale", "pageSettings", "pagerTemplate", "parentDetails", "printMode", "query", "queryString", "resizeSettings", "rowDropSettings", "rowHeight", "rowRenderingMode", "rowTemplate", "searchSettings", "selectedRowIndex", "selectionSettings", "showColumnChooser", "showColumnMenu", "showHider", "sortSettings", "textWrapSettings", "toolbar", "toolbarTemplate", "width"], outputs: ["actionBegin", "actionComplete", "actionFailure", "batchAdd", "batchCancel", "batchDelete", "beforeAutoFill", "beforeBatchAdd", "beforeBatchDelete", "beforeBatchSave", "beforeCopy", "beforeDataBound", "beforeExcelExport", "beforeOpenAdaptiveDialog", "beforeOpenColumnChooser", "beforePaste", "beforePdfExport", "beforePrint", "beginEdit", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSaved", "cellSelected", "cellSelecting", "checkBoxChange", "columnDataStateChange", "columnDeselected", "columnDeselecting", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "columnSelected", "columnSelecting", "commandClick", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataSourceChanged", "dataStateChange", "destroyed", "detailDataBound", "excelAggregateQueryCellInfo", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "exportDetailDataBound", "exportDetailTemplate", "exportGroupCaption", "headerCellInfo", "keyPressed", "lazyLoadGroupCollapse", "lazyLoadGroupExpand", "load", "pdfAggregateQueryCellInfo", "pdfExportComplete", "pdfHeaderQueryCellInfo", "pdfQueryCellInfo", "printComplete", "queryCellInfo", "recordClick", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "toolbarClick", "dataSourceChange"] }, { kind: "directive", type: i8.ColumnDirective, selector: "ejs-grid>e-columns>e-column", inputs: ["allowEditing", "allowFiltering", "allowGrouping", "allowReordering", "allowResizing", "allowSearching", "allowSorting", "autoFit", "clipMode", "columns", "commands", "customAttributes", "dataSource", "defaultValue", "disableHtmlEncode", "displayAsCheckBox", "edit", "editTemplate", "editType", "enableGroupByFormat", "field", "filter", "filterBarTemplate", "filterTemplate", "foreignKeyField", "foreignKeyValue", "format", "formatter", "freeze", "headerTemplate", "headerText", "headerTextAlign", "headerValueAccessor", "hideAtMedia", "index", "isFrozen", "isIdentity", "isPrimaryKey", "lockColumn", "maxWidth", "minWidth", "showColumnMenu", "showInColumnChooser", "sortComparer", "template", "textAlign", "type", "uid", "validationRules", "valueAccessor", "visible", "width"] }, { kind: "directive", type: i8.ColumnsDirective, selector: "ejs-grid>e-columns" }, { kind: "directive", type: i8.AggregateColumnDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns>e-column", inputs: ["columnName", "customAggregate", "field", "footerTemplate", "format", "groupCaptionTemplate", "groupFooterTemplate", "type"] }, { kind: "directive", type: i8.AggregateColumnsDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns" }, { kind: "directive", type: i9.ColumnDirective, selector: "e-columns>e-column", inputs: ["customWidth", "format", "hidden", "index", "isLocked", "isReadOnly", "validation", "width"] }, { kind: "directive", type: i9.ColumnsDirective, selector: "e-sheet>e-columns" }, { kind: "directive", type: i10.ColumnDirective, selector: "e-columns>e-column", inputs: ["allowDrag", "allowDrop", "allowToggle", "headerText", "isExpanded", "keyField", "maxCount", "minCount", "showAddButton", "showItemCount", "template", "transitionColumns"] }, { kind: "directive", type: i10.ColumnsDirective, selector: "ejs-kanban>e-columns" }, { kind: "pipe", type: i11.DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }, { kind: "pipe", type: i13.StatePipe, name: "state" }, { kind: "pipe", type: i14.FormPipe, name: "form" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CubeDocumentsGridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: CubeDocumentsGridComponent, decorators: [{
             type: Component,
             args: [{ template: "<ejs-grid [dataSource]=\"dataSource\" (rowSelected)=\"rowSelected($event)\"\r\n          [pageSettings]=pageSettings\r\n          [allowPaging]=false\r\n          [enableHover]=false\r\n          [enableAdaptiveUI]=true\r\n          [enableStickyHeader]=true\r\n          [allowExcelExport]=true\r\n          [height]=height\r\n          [allowGrouping]=true\r\n          [allowSorting]=true\r\n          [groupSettings]=groupSettings>\r\n  <e-columns>\r\n    <e-column field=\"number\" [headerText]=\"'Number'|translate\"></e-column>\r\n    <e-column field=\"subject\" [headerText]=\"'Subject'|translate\"></e-column>\r\n    <e-column field=\"stateId\" [headerText]=\"'Status'|translate\">\r\n      <ng-template #template let-data>{{data.stateId | state}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"date\" [headerText]=\"'Date'|translate\">\r\n      <ng-template #template let-data>{{data.date | amDateFormat: 'lll'}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"formId\" [headerText]=\"'Form'|translate\">\r\n      <ng-template #template let-data>{{data.formId | form}}</ng-template>\r\n    </e-column>\r\n    <e-column field=\"userName\" [headerText]=\"'Name'|translate\">\r\n    </e-column>\r\n    <!--<e-column *ngFor=\"let a of cube.axes\" [field]=\"a.name\" [headerText]=\"a.title|translate\">\r\n    </e-column>-->\r\n    <e-column field=\"total\" [headerText]=\"'Value'|translate\" textAlign=\"Right\" [format]=\"valueFormat\">\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n" }]
         }], ctorParameters: () => [{ type: i1.ReportRef }, { type: i2.DocumentInfo }, { type: i3.SessionService }, { type: i4.AccountService }, { type: i5.CubeService }], propDecorators: { grid: [{

package/esm2022/lib/reports/cube/performance-hilo.component.mjs CHANGED Viewed

@@ -244,8 +244,8 @@ let PerformanceHiloComponent = class PerformanceHiloComponent {
         this.chart?.destroy();
         this._destroy.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PerformanceHiloComponent, deps: [{ token: i0.ElementRef }, { token: i1.AccountService }, { token: i2.SessionService }, { token: i3.TranslateService }, { token: i4.ReportRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: PerformanceHiloComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true, styles: [":host{flex:1}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: PerformanceHiloComponent, deps: [{ token: i0.ElementRef }, { token: i1.AccountService }, { token: i2.SessionService }, { token: i3.TranslateService }, { token: i4.ReportRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: PerformanceHiloComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true, styles: [":host{flex:1}\n"] }); }
 };
 PerformanceHiloComponent = __decorate([
     BizDoc({
@@ -253,7 +253,7 @@ PerformanceHiloComponent = __decorate([
     })
 ], PerformanceHiloComponent);
 export { PerformanceHiloComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PerformanceHiloComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: PerformanceHiloComponent, decorators: [{
             type: Component,
             args: [{ template: '', styles: [":host{flex:1}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.AccountService }, { type: i2.SessionService }, { type: i3.TranslateService }, { type: i4.ReportRef }] });

package/esm2022/lib/reports/cube/performance-wind.component.mjs CHANGED Viewed

@@ -250,8 +250,8 @@ let PerformanceWindComponent = class PerformanceWindComponent {
     ngOnDestroy() {
         this._destroy.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PerformanceWindComponent, deps: [{ token: i1.RouterImpl }, { token: i2.AccountService }, { token: i3.SessionService }, { token: i4.TranslateService }, { token: i5.ReportRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: PerformanceWindComponent, selector: "ng-component", viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: " @if(records) {\r\n<!--<div class=\"legend\">\r\n  @for (r of records; track r; let i = $index) {\r\n  <div (mouseover)=\"highlight(i)\">\r\n    <ejs-lineargauge style=\"display: block\" background=\"transparent\" orientation=\"Horizontal\" [theme]=\"theme\"\r\n                     [tooltip]=\"linearTooltip\" width=\"190px\" height=\"45px\" [title]=\"r.name\"\r\n                     [titleStyle]=\"linearTitleStyle\" (tooltipRender)=\"linearTooltipRender($event)\">\r\n      <e-axes>\r\n        <e-axis [minimum]='durationMin - 1' [maximum]='durationMax + 1' [minorTicks]=\"minorTicks\" [majorTicks]=\"majorTicks\"\r\n                [labelStyle]=\"labelStyle\" [line]=\"line\" format='p1'>\r\n          <e-pointers>\r\n            <e-pointer [value]=\"r.durationAvg\"\r\n                       [height]=7\r\n                       [width]=7\r\n                       type='Marker'\r\n                       [color]='accentColor'\r\n                       position='Outside' [animationDuration]=\"1500\"></e-pointer>\r\n            @if(r.standardAvg)\r\n            {\r\n            <e-pointer markerType='Rectangle'\r\n                       [value]=\"r.standardAvg\"\r\n                       position='Cross'\r\n                       [width]=\"2\"\r\n                       [height]=\"6\"\r\n                       [color]=\"primeryColor\"></e-pointer>\r\n            }\r\n          </e-pointers>\r\n        </e-axis>\r\n      </e-axes>\r\n    </ejs-lineargauge>\r\n  </div>\r\n  }\r\n</div>-->\r\n<ejs-chart style=\"flex: 1 1 100%; display: block\" [theme]=\"theme\"\r\n           selectionMode='Series'\r\n           [margin]='margin'\r\n           [title]='title'\r\n           [titleStyle]='titleStyle'\r\n           [subTitle]='subTitle'\r\n           [subTitleStyle]='titleStyle'\r\n           [tooltip]='tooltip'\r\n           [enableAnimation]=true\r\n           (tooltipRender)='tooltipRender($event)'\r\n           (axisLabelRender)='labelRender($event)'\r\n           [palettes]='palettes'\r\n           [enableRtl]='inverse'\r\n           height='100%'\r\n           highlightMode='Series'\r\n           [legendSettings]='legendSettings'\r\n           (pointClick)='explore($event)'>\r\n  <e-series-collection>\r\n    <e-series [name]=\"'Standard'|translate\"\r\n              xName='date'\r\n              yName='standardTime'\r\n              type='Polar'\r\n              drawType='Line'\r\n              [marker]='standardMarker'\r\n              [dataSource]='standards'>\r\n    </e-series>\r\n    @for (r of records; track r)\r\n    {\r\n    <e-series [dataSource]='r.items'\r\n              [name]='r.name'\r\n              type='Polar'\r\n              drawType='Line'\r\n              [marker]='marker'\r\n              xName='date'\r\n              yName='duration'></e-series>\r\n    }\r\n  </e-series-collection>\r\n</ejs-chart>\r\n}\r\n", styles: [":host{flex:1;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.legend{overflow-y:auto;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;max-width:400px}\n"], dependencies: [{ kind: "component", type: i6.ChartComponent, selector: "ejs-chart", inputs: ["allowExport", "allowMultiSelection", "annotations", "axes", "background", "backgroundImage", "border", "chartArea", "columns", "crosshair", "currencyCode", "dataSource", "description", "enableAnimation", "enableAutoIntervalOnBothAxis", "enableCanvas", "enableExport", "enablePersistence", "enableRtl", "enableSideBySidePlacement", "height", "highlightColor", "highlightMode", "highlightPattern", "indicators", "isMultiSelect", "isTransposed", "legendSettings", "locale", "margin", "palettes", "primaryXAxis", "primaryYAxis", "rangeColorSettings", "rows", "selectedDataIndexes", "selectionMode", "selectionPattern", "series", "subTitle", "subTitleStyle", "tabIndex", "theme", "title", "titleStyle", "tooltip", "useGroupingSeparator", "width", "zoomSettings"], outputs: ["afterExport", "animationComplete", "annotationRender", "axisLabelClick", "axisLabelRender", "axisMultiLabelRender", "axisRangeCalculated", "beforeExport", "beforePrint", "beforeResize", "chartDoubleClick", "chartMouseClick", "chartMouseDown", "chartMouseLeave", "chartMouseMove", "chartMouseUp", "drag", "dragComplete", "dragEnd", "dragStart", "legendClick", "legendRender", "load", "loaded", "multiLevelLabelClick", "onZooming", "pointClick", "pointDoubleClick", "pointMove", "pointRender", "resized", "scrollChanged", "scrollEnd", "scrollStart", "selectionComplete", "seriesRender", "sharedTooltipRender", "textRender", "tooltipRender", "zoomComplete", "dataSourceChange"] }, { kind: "directive", type: i6.SeriesDirective, selector: "e-series-collection>e-series", inputs: ["animation", "bearFillColor", "binInterval", "border", "boxPlotMode", "bullFillColor", "cardinalSplineTension", "close", "colorName", "columnFacet", "columnSpacing", "columnWidth", "columnWidthInPixel", "connector", "cornerRadius", "dashArray", "dataSource", "dragSettings", "drawType", "emptyPointSettings", "enableComplexProperty", "enableSolidCandles", "enableTooltip", "errorBar", "fill", "groupName", "high", "intermediateSumIndexes", "isClosed", "legendImageUrl", "legendShape", "low", "marker", "maxRadius", "minRadius", "name", "negativeFillColor", "nonHighlightStyle", "opacity", "open", "paretoOptions", "pointColorMapping", "query", "segmentAxis", "segments", "selectionStyle", "showMean", "showNormalDistribution", "size", "splineType", "stackingGroup", "step", "sumIndexes", "summaryFillColor", "tooltipFormat", "tooltipMappingName", "trendlines", "type", "unSelectedStyle", "visible", "volume", "width", "xAxisName", "xName", "yAxisName", "yName", "zOrder"] }, { kind: "directive", type: i6.SeriesCollectionDirective, selector: "ej-chart>e-series-collection" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: PerformanceWindComponent, deps: [{ token: i1.RouterImpl }, { token: i2.AccountService }, { token: i3.SessionService }, { token: i4.TranslateService }, { token: i5.ReportRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.3", type: PerformanceWindComponent, selector: "ng-component", viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: " @if(records) {\r\n<!--<div class=\"legend\">\r\n  @for (r of records; track r; let i = $index) {\r\n  <div (mouseover)=\"highlight(i)\">\r\n    <ejs-lineargauge style=\"display: block\" background=\"transparent\" orientation=\"Horizontal\" [theme]=\"theme\"\r\n                     [tooltip]=\"linearTooltip\" width=\"190px\" height=\"45px\" [title]=\"r.name\"\r\n                     [titleStyle]=\"linearTitleStyle\" (tooltipRender)=\"linearTooltipRender($event)\">\r\n      <e-axes>\r\n        <e-axis [minimum]='durationMin - 1' [maximum]='durationMax + 1' [minorTicks]=\"minorTicks\" [majorTicks]=\"majorTicks\"\r\n                [labelStyle]=\"labelStyle\" [line]=\"line\" format='p1'>\r\n          <e-pointers>\r\n            <e-pointer [value]=\"r.durationAvg\"\r\n                       [height]=7\r\n                       [width]=7\r\n                       type='Marker'\r\n                       [color]='accentColor'\r\n                       position='Outside' [animationDuration]=\"1500\"></e-pointer>\r\n            @if(r.standardAvg)\r\n            {\r\n            <e-pointer markerType='Rectangle'\r\n                       [value]=\"r.standardAvg\"\r\n                       position='Cross'\r\n                       [width]=\"2\"\r\n                       [height]=\"6\"\r\n                       [color]=\"primeryColor\"></e-pointer>\r\n            }\r\n          </e-pointers>\r\n        </e-axis>\r\n      </e-axes>\r\n    </ejs-lineargauge>\r\n  </div>\r\n  }\r\n</div>-->\r\n<ejs-chart style=\"flex: 1 1 100%; display: block\" [theme]=\"theme\"\r\n           selectionMode='Series'\r\n           [margin]='margin'\r\n           [title]='title'\r\n           [titleStyle]='titleStyle'\r\n           [subTitle]='subTitle'\r\n           [subTitleStyle]='titleStyle'\r\n           [tooltip]='tooltip'\r\n           [enableAnimation]=true\r\n           (tooltipRender)='tooltipRender($event)'\r\n           (axisLabelRender)='labelRender($event)'\r\n           [palettes]='palettes'\r\n           [enableRtl]='inverse'\r\n           height='100%'\r\n           highlightMode='Series'\r\n           [legendSettings]='legendSettings'\r\n           (pointClick)='explore($event)'>\r\n  <e-series-collection>\r\n    <e-series [name]=\"'Standard'|translate\"\r\n              xName='date'\r\n              yName='standardTime'\r\n              type='Polar'\r\n              drawType='Line'\r\n              [marker]='standardMarker'\r\n              [dataSource]='standards'>\r\n    </e-series>\r\n    @for (r of records; track r)\r\n    {\r\n    <e-series [dataSource]='r.items'\r\n              [name]='r.name'\r\n              type='Polar'\r\n              drawType='Line'\r\n              [marker]='marker'\r\n              xName='date'\r\n              yName='duration'></e-series>\r\n    }\r\n  </e-series-collection>\r\n</ejs-chart>\r\n}\r\n", styles: [":host{flex:1;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.legend{overflow-y:auto;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;max-width:400px}\n"], dependencies: [{ kind: "component", type: i6.ChartComponent, selector: "ejs-chart", inputs: ["allowExport", "allowMultiSelection", "annotations", "axes", "background", "backgroundImage", "border", "chartArea", "columns", "crosshair", "currencyCode", "dataSource", "description", "enableAnimation", "enableAutoIntervalOnBothAxis", "enableCanvas", "enableExport", "enablePersistence", "enableRtl", "enableSideBySidePlacement", "height", "highlightColor", "highlightMode", "highlightPattern", "indicators", "isMultiSelect", "isTransposed", "legendSettings", "locale", "margin", "palettes", "primaryXAxis", "primaryYAxis", "rangeColorSettings", "rows", "selectedDataIndexes", "selectionMode", "selectionPattern", "series", "subTitle", "subTitleStyle", "tabIndex", "theme", "title", "titleStyle", "tooltip", "useGroupingSeparator", "width", "zoomSettings"], outputs: ["afterExport", "animationComplete", "annotationRender", "axisLabelClick", "axisLabelRender", "axisMultiLabelRender", "axisRangeCalculated", "beforeExport", "beforePrint", "beforeResize", "chartDoubleClick", "chartMouseClick", "chartMouseDown", "chartMouseLeave", "chartMouseMove", "chartMouseUp", "drag", "dragComplete", "dragEnd", "dragStart", "legendClick", "legendRender", "load", "loaded", "multiLevelLabelClick", "onZooming", "pointClick", "pointDoubleClick", "pointMove", "pointRender", "resized", "scrollChanged", "scrollEnd", "scrollStart", "selectionComplete", "seriesRender", "sharedTooltipRender", "textRender", "tooltipRender", "zoomComplete", "dataSourceChange"] }, { kind: "directive", type: i6.SeriesDirective, selector: "e-series-collection>e-series", inputs: ["animation", "bearFillColor", "binInterval", "border", "boxPlotMode", "bullFillColor", "cardinalSplineTension", "close", "colorName", "columnFacet", "columnSpacing", "columnWidth", "columnWidthInPixel", "connector", "cornerRadius", "dashArray", "dataSource", "dragSettings", "drawType", "emptyPointSettings", "enableComplexProperty", "enableSolidCandles", "enableTooltip", "errorBar", "fill", "groupName", "high", "intermediateSumIndexes", "isClosed", "legendImageUrl", "legendShape", "low", "marker", "maxRadius", "minRadius", "name", "negativeFillColor", "nonHighlightStyle", "opacity", "open", "paretoOptions", "pointColorMapping", "query", "segmentAxis", "segments", "selectionStyle", "showMean", "showNormalDistribution", "size", "splineType", "stackingGroup", "step", "sumIndexes", "summaryFillColor", "tooltipFormat", "tooltipMappingName", "trendlines", "type", "unSelectedStyle", "visible", "volume", "width", "xAxisName", "xName", "yAxisName", "yName", "zOrder"] }, { kind: "directive", type: i6.SeriesCollectionDirective, selector: "ej-chart>e-series-collection" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 PerformanceWindComponent = __decorate([
     BizDoc({
@@ -259,7 +259,7 @@ PerformanceWindComponent = __decorate([
     })
 ], PerformanceWindComponent);
 export { PerformanceWindComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PerformanceWindComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: PerformanceWindComponent, decorators: [{
             type: Component,
             args: [{ template: " @if(records) {\r\n<!--<div class=\"legend\">\r\n  @for (r of records; track r; let i = $index) {\r\n  <div (mouseover)=\"highlight(i)\">\r\n    <ejs-lineargauge style=\"display: block\" background=\"transparent\" orientation=\"Horizontal\" [theme]=\"theme\"\r\n                     [tooltip]=\"linearTooltip\" width=\"190px\" height=\"45px\" [title]=\"r.name\"\r\n                     [titleStyle]=\"linearTitleStyle\" (tooltipRender)=\"linearTooltipRender($event)\">\r\n      <e-axes>\r\n        <e-axis [minimum]='durationMin - 1' [maximum]='durationMax + 1' [minorTicks]=\"minorTicks\" [majorTicks]=\"majorTicks\"\r\n                [labelStyle]=\"labelStyle\" [line]=\"line\" format='p1'>\r\n          <e-pointers>\r\n            <e-pointer [value]=\"r.durationAvg\"\r\n                       [height]=7\r\n                       [width]=7\r\n                       type='Marker'\r\n                       [color]='accentColor'\r\n                       position='Outside' [animationDuration]=\"1500\"></e-pointer>\r\n            @if(r.standardAvg)\r\n            {\r\n            <e-pointer markerType='Rectangle'\r\n                       [value]=\"r.standardAvg\"\r\n                       position='Cross'\r\n                       [width]=\"2\"\r\n                       [height]=\"6\"\r\n                       [color]=\"primeryColor\"></e-pointer>\r\n            }\r\n          </e-pointers>\r\n        </e-axis>\r\n      </e-axes>\r\n    </ejs-lineargauge>\r\n  </div>\r\n  }\r\n</div>-->\r\n<ejs-chart style=\"flex: 1 1 100%; display: block\" [theme]=\"theme\"\r\n           selectionMode='Series'\r\n           [margin]='margin'\r\n           [title]='title'\r\n           [titleStyle]='titleStyle'\r\n           [subTitle]='subTitle'\r\n           [subTitleStyle]='titleStyle'\r\n           [tooltip]='tooltip'\r\n           [enableAnimation]=true\r\n           (tooltipRender)='tooltipRender($event)'\r\n           (axisLabelRender)='labelRender($event)'\r\n           [palettes]='palettes'\r\n           [enableRtl]='inverse'\r\n           height='100%'\r\n           highlightMode='Series'\r\n           [legendSettings]='legendSettings'\r\n           (pointClick)='explore($event)'>\r\n  <e-series-collection>\r\n    <e-series [name]=\"'Standard'|translate\"\r\n              xName='date'\r\n              yName='standardTime'\r\n              type='Polar'\r\n              drawType='Line'\r\n              [marker]='standardMarker'\r\n              [dataSource]='standards'>\r\n    </e-series>\r\n    @for (r of records; track r)\r\n    {\r\n    <e-series [dataSource]='r.items'\r\n              [name]='r.name'\r\n              type='Polar'\r\n              drawType='Line'\r\n              [marker]='marker'\r\n              xName='date'\r\n              yName='duration'></e-series>\r\n    }\r\n  </e-series-collection>\r\n</ejs-chart>\r\n}\r\n", styles: [":host{flex:1;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.legend{overflow-y:auto;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;max-width:400px}\n"] }]
         }], ctorParameters: () => [{ type: i1.RouterImpl }, { type: i2.AccountService }, { type: i3.SessionService }, { type: i4.TranslateService }, { type: i5.ReportRef }], propDecorators: { chart: [{