@bizdoc/core 2.4.10 → 2.4.11

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

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

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

@@ -18,10 +18,10 @@ export class UpcomingEventNotification {
         this.notification = notification;
         this._router = _router;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", 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: "17.2.4", 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: "17.3.0", 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: "17.3.0", 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: "17.2.4", ngImport: i0, type: UpcomingEventNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", 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

@@ -231,10 +231,10 @@ export class OptionsComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", 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: "17.2.4", 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"], 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: "17.3.0", 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: "17.3.0", 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"], 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: "17.2.4", ngImport: i0, type: OptionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", 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

@@ -32,10 +32,10 @@ export class OptionsService {
         oRef.attach(portal);
         oRef.backdropClick().subscribe(() => oRef.dispose());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", 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: "17.2.4", ngImport: i0, type: OptionsService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", 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: "17.3.0", ngImport: i0, type: OptionsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: OptionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: OptionsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Directionality }, { type: i2.Overlay }, { type: i0.Injector }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvcmUvc3JjL2xpYi9vcHRpb25zL29wdGlvbnMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFXLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRTFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQTBCLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7O0FBRzdGLE1BQU0sT0FBTyxjQUFjO0lBQ3pCLFlBQW9CLElBQW9CLEVBQzlCLFFBQWlCLEVBQ2pCLFNBQW1CO1FBRlQsU0FBSSxHQUFKLElBQUksQ0FBZ0I7UUFDOUIsYUFBUSxHQUFSLFFBQVEsQ0FBUztRQUNqQixjQUFTLEdBQVQsU0FBUyxDQUFVO0lBQzdCLENBQUM7SUFDRCxJQUFJLENBQUMsT0FBb0I7UUFDdkIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDM0YsTUFBTSxNQUFNLEdBQUcsSUFBSSxhQUFhLENBQUM7WUFDL0IsZ0JBQWdCLEVBQUUsUUFBUTtZQUMxQixXQUFXLEVBQUUsSUFBSTtZQUNqQixtQkFBbUIsRUFBRSxJQUFJO1lBQ3pCLFVBQVUsRUFBRSxZQUFZO1lBQ3hCLGFBQWEsRUFBRSwyQkFBMkI7WUFDMUMsU0FBUyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSztTQUMzQixDQUFDLENBQUM7UUFFSCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMxQyxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDO1lBQy9CLFNBQVMsRUFBRTtnQkFDVCxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBZ0IsRUFBRTtnQkFDdkUsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7YUFDeEMsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVM7U0FDMUIsQ0FBQyxDQUFDO1FBQ0gsTUFBTSxNQUFNLEdBQUcsSUFBSSxlQUFlLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ3JFLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDcEIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUN2RCxDQUFDOzhHQTFCVSxjQUFjO2tIQUFkLGNBQWM7OzJGQUFkLGNBQWM7a0JBRDFCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBPdmVybGF5UmVmLCBPdmVybGF5LCBPdmVybGF5Q29uZmlnIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xyXG5pbXBvcnQgeyBEaXJlY3Rpb25hbGl0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9iaWRpJztcclxuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XHJcbmltcG9ydCB7IE9wdGlvblR5cGUsIE9wdGlvbkRhdGEsIE9QVElPTl9QQU5FTCwgT3B0aW9uc0NvbXBvbmVudCB9IGZyb20gJy4vb3B0aW9ucy5jb21wb25lbnQnO1xyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgT3B0aW9uc1NlcnZpY2Uge1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2RpcjogRGlyZWN0aW9uYWxpdHksXHJcbiAgICBwcml2YXRlIF9vdmVybGF5OiBPdmVybGF5LFxyXG4gICAgcHJpdmF0ZSBfaW5qZWN0b3I6IEluamVjdG9yKSB7XHJcbiAgfVxyXG4gIG9wZW4oc2VjdGlvbj86IE9wdGlvblR5cGUpIHtcclxuICAgIGNvbnN0IHBvc2l0aW9uID0gdGhpcy5fb3ZlcmxheS5wb3NpdGlvbigpLmdsb2JhbCgpLmNlbnRlckhvcml6b250YWxseSgpLmNlbnRlclZlcnRpY2FsbHkoKTtcclxuICAgIGNvbnN0IGNvbmZpZyA9IG5ldyBPdmVybGF5Q29uZmlnKHtcclxuICAgICAgcG9zaXRpb25TdHJhdGVneTogcG9zaXRpb24sXHJcbiAgICAgIGhhc0JhY2tkcm9wOiB0cnVlLFxyXG4gICAgICBkaXNwb3NlT25OYXZpZ2F0aW9uOiB0cnVlLFxyXG4gICAgICBwYW5lbENsYXNzOiAnaG9tZS1wYW5lbCcsXHJcbiAgICAgIGJhY2tkcm9wQ2xhc3M6ICdjZGstb3ZlcmxheS1kYXJrLWJhY2tkcm9wJyxcclxuICAgICAgZGlyZWN0aW9uOiB0aGlzLl9kaXIudmFsdWVcclxuICAgIH0pO1xyXG5cclxuICAgIGNvbnN0IG9SZWYgPSB0aGlzLl9vdmVybGF5LmNyZWF0ZShjb25maWcpO1xyXG4gICAgY29uc3QgaW5qZWN0b3IgPSBJbmplY3Rvci5jcmVhdGUoe1xyXG4gICAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICB7IHByb3ZpZGU6IE9QVElPTl9QQU5FTCwgdXNlVmFsdWU6IHsgc2VjdGlvbjogc2VjdGlvbiB9IGFzIE9wdGlvbkRhdGEgfSxcclxuICAgICAgICB7IHByb3ZpZGU6IE92ZXJsYXlSZWYsIHVzZVZhbHVlOiBvUmVmIH0sXHJcbiAgICAgIF0sIHBhcmVudDogdGhpcy5faW5qZWN0b3JcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChPcHRpb25zQ29tcG9uZW50LCBudWxsLCBpbmplY3Rvcik7XHJcbiAgICBvUmVmLmF0dGFjaChwb3J0YWwpO1xyXG4gICAgb1JlZi5iYWNrZHJvcENsaWNrKCkuc3Vic2NyaWJlKCgpID0+IG9SZWYuZGlzcG9zZSgpKTtcclxuICB9XHJcbn1cclxuIl19

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

@@ -58,10 +58,10 @@ export class ReportArgumentsComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", 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: "17.2.4", 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: "17.3.0", 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: "17.3.0", 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: "17.2.4", ngImport: i0, type: ReportArgumentsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ReportArgumentsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bizdoc-report-arguments',

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

@@ -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: "17.2.4", 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: "17.2.4", type: CubeDocumentsComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", 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: "17.3.0", 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: "17.2.4", ngImport: i0, type: CubeDocumentsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CubeDocumentsComponent, decorators: [{
             type: Component,
             args: [{
                     template: ''

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

@@ -59,10 +59,10 @@ export class CubeDocumentsGridComponent {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", 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: "17.2.4", 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", "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: "17.3.0", 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: "17.3.0", 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", "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: "17.2.4", ngImport: i0, type: CubeDocumentsGridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", 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

@@ -244,8 +244,8 @@ let PerformanceHiloComponent = class PerformanceHiloComponent {
         this.chart?.destroy();
         this._destroy.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", 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: "17.2.4", 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: "17.3.0", 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: "17.3.0", 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: "17.2.4", ngImport: i0, type: PerformanceHiloComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", 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

@@ -252,8 +252,8 @@ let PerformanceWindComponent = class PerformanceWindComponent {
     ngOnDestroy() {
         this._destroy.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", 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: "17.2.4", type: PerformanceWindComponent, selector: "ng-component", viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: " @if(records) {\r\n<div class=\"row\">\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</div>\r\n}\r\n", styles: [":host{flex:1;display:flex}.legend{overflow-y:auto;display:flex;flex-wrap:wrap;max-width:400px}\n"], dependencies: [{ kind: "directive", type: i6.PointerDirective, selector: "e-pointers>e-pointer", inputs: ["animation", "border", "cap", "color", "description", "imageUrl", "linearGradient", "markerHeight", "markerShape", "markerWidth", "needleEndWidth", "needleStartWidth", "needleTail", "offset", "pointerWidth", "position", "radialGradient", "radius", "roundedCornerRadius", "text", "textStyle", "type", "value"] }, { kind: "directive", type: i6.PointersDirective, selector: "ej-circulargauge>e-axes>e-axis>e-pointers" }, { kind: "directive", type: i6.AxisDirective, selector: "e-axes>e-axis", inputs: ["annotations", "background", "direction", "endAngle", "hideIntersectingLabel", "labelStyle", "lineStyle", "majorTicks", "maximum", "minimum", "minorTicks", "pointers", "radius", "rangeGap", "ranges", "roundingPlaces", "showLastLabel", "startAndEndRangeGap", "startAngle"] }, { kind: "directive", type: i6.AxesDirective, selector: "ej-circulargauge>e-axes" }, { kind: "component", type: i7.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: i7.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: i7.SeriesCollectionDirective, selector: "ej-chart>e-series-collection" }, { kind: "directive", type: i7.AxisDirective, selector: "e-axes>e-axis", inputs: ["border", "coefficient", "columnIndex", "crossesAt", "crossesInAxis", "crosshairTooltip", "description", "desiredIntervals", "edgeLabelPlacement", "enableAutoIntervalOnZooming", "enableScrollbarOnZooming", "enableTrim", "interval", "intervalType", "isIndexed", "isInversed", "labelFormat", "labelIntersectAction", "labelPadding", "labelPlacement", "labelPosition", "labelRotation", "labelStyle", "lineBreakAlignment", "lineStyle", "logBase", "majorGridLines", "majorTickLines", "maximum", "maximumLabelWidth", "maximumLabels", "minimum", "minorGridLines", "minorTickLines", "minorTicksPerInterval", "multiLevelLabels", "name", "opposedPosition", "placeNextToAxisLine", "plotOffset", "plotOffsetBottom", "plotOffsetLeft", "plotOffsetRight", "plotOffsetTop", "rangePadding", "rowIndex", "scrollbarSettings", "skeleton", "skeletonType", "span", "startAngle", "startFromZero", "stripLines", "tabIndex", "tickPosition", "title", "titlePadding", "titleRotation", "titleStyle", "valueType", "visible", "zoomFactor", "zoomPosition"] }, { kind: "directive", type: i7.AxesDirective, selector: "ejs-chart>e-axes" }, { kind: "component", type: i8.LinearGaugeComponent, selector: "ejs-lineargauge", inputs: ["allowImageExport", "allowMargin", "allowPdfExport", "allowPrint", "animationDuration", "annotations", "axes", "background", "border", "container", "description", "edgeLabelPlacement", "enablePersistence", "enableRtl", "format", "height", "locale", "margin", "orientation", "rangePalettes", "tabIndex", "theme", "title", "titleStyle", "tooltip", "useGroupingSeparator", "width"], outputs: ["animationComplete", "annotationRender", "axisLabelRender", "beforePrint", "dragEnd", "dragMove", "dragStart", "gaugeMouseDown", "gaugeMouseLeave", "gaugeMouseMove", "gaugeMouseUp", "load", "loaded", "resized", "tooltipRender", "valueChange"] }, { kind: "directive", type: i8.PointerDirective, selector: "e-pointers>e-pointer", inputs: ["animationDuration", "border", "color", "description", "enableDrag", "height", "imageUrl", "linearGradient", "markerType", "offset", "opacity", "placement", "position", "radialGradient", "roundedCornerRadius", "text", "textStyle", "type", "value", "width"] }, { kind: "directive", type: i8.PointersDirective, selector: "ej-linear-gauge>e-axes>e-axis>e-pointers" }, { kind: "directive", type: i8.AxisDirective, selector: "e-axes>e-axis", inputs: ["isInversed", "labelStyle", "line", "majorTicks", "maximum", "minimum", "minorTicks", "opposedPosition", "pointers", "ranges", "showLastLabel"] }, { kind: "directive", type: i8.AxesDirective, selector: "ej-lineargauge>e-axes" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", 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: "17.3.0", type: PerformanceWindComponent, selector: "ng-component", viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: " @if(records) {\r\n<div class=\"row\">\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</div>\r\n}\r\n", styles: [":host{flex:1;display:flex}.legend{overflow-y:auto;display:flex;flex-wrap:wrap;max-width:400px}\n"], dependencies: [{ kind: "directive", type: i6.PointerDirective, selector: "e-pointers>e-pointer", inputs: ["animation", "border", "cap", "color", "description", "imageUrl", "linearGradient", "markerHeight", "markerShape", "markerWidth", "needleEndWidth", "needleStartWidth", "needleTail", "offset", "pointerWidth", "position", "radialGradient", "radius", "roundedCornerRadius", "text", "textStyle", "type", "value"] }, { kind: "directive", type: i6.PointersDirective, selector: "ej-circulargauge>e-axes>e-axis>e-pointers" }, { kind: "directive", type: i6.AxisDirective, selector: "e-axes>e-axis", inputs: ["annotations", "background", "direction", "endAngle", "hideIntersectingLabel", "labelStyle", "lineStyle", "majorTicks", "maximum", "minimum", "minorTicks", "pointers", "radius", "rangeGap", "ranges", "roundingPlaces", "showLastLabel", "startAndEndRangeGap", "startAngle"] }, { kind: "directive", type: i6.AxesDirective, selector: "ej-circulargauge>e-axes" }, { kind: "component", type: i7.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: i7.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: i7.SeriesCollectionDirective, selector: "ej-chart>e-series-collection" }, { kind: "directive", type: i7.AxisDirective, selector: "e-axes>e-axis", inputs: ["border", "coefficient", "columnIndex", "crossesAt", "crossesInAxis", "crosshairTooltip", "description", "desiredIntervals", "edgeLabelPlacement", "enableAutoIntervalOnZooming", "enableScrollbarOnZooming", "enableTrim", "interval", "intervalType", "isIndexed", "isInversed", "labelFormat", "labelIntersectAction", "labelPadding", "labelPlacement", "labelPosition", "labelRotation", "labelStyle", "lineBreakAlignment", "lineStyle", "logBase", "majorGridLines", "majorTickLines", "maximum", "maximumLabelWidth", "maximumLabels", "minimum", "minorGridLines", "minorTickLines", "minorTicksPerInterval", "multiLevelLabels", "name", "opposedPosition", "placeNextToAxisLine", "plotOffset", "plotOffsetBottom", "plotOffsetLeft", "plotOffsetRight", "plotOffsetTop", "rangePadding", "rowIndex", "scrollbarSettings", "skeleton", "skeletonType", "span", "startAngle", "startFromZero", "stripLines", "tabIndex", "tickPosition", "title", "titlePadding", "titleRotation", "titleStyle", "valueType", "visible", "zoomFactor", "zoomPosition"] }, { kind: "directive", type: i7.AxesDirective, selector: "ejs-chart>e-axes" }, { kind: "component", type: i8.LinearGaugeComponent, selector: "ejs-lineargauge", inputs: ["allowImageExport", "allowMargin", "allowPdfExport", "allowPrint", "animationDuration", "annotations", "axes", "background", "border", "container", "description", "edgeLabelPlacement", "enablePersistence", "enableRtl", "format", "height", "locale", "margin", "orientation", "rangePalettes", "tabIndex", "theme", "title", "titleStyle", "tooltip", "useGroupingSeparator", "width"], outputs: ["animationComplete", "annotationRender", "axisLabelRender", "beforePrint", "dragEnd", "dragMove", "dragStart", "gaugeMouseDown", "gaugeMouseLeave", "gaugeMouseMove", "gaugeMouseUp", "load", "loaded", "resized", "tooltipRender", "valueChange"] }, { kind: "directive", type: i8.PointerDirective, selector: "e-pointers>e-pointer", inputs: ["animationDuration", "border", "color", "description", "enableDrag", "height", "imageUrl", "linearGradient", "markerType", "offset", "opacity", "placement", "position", "radialGradient", "roundedCornerRadius", "text", "textStyle", "type", "value", "width"] }, { kind: "directive", type: i8.PointersDirective, selector: "ej-linear-gauge>e-axes>e-axis>e-pointers" }, { kind: "directive", type: i8.AxisDirective, selector: "e-axes>e-axis", inputs: ["isInversed", "labelStyle", "line", "majorTicks", "maximum", "minimum", "minorTicks", "opposedPosition", "pointers", "ranges", "showLastLabel"] }, { kind: "directive", type: i8.AxesDirective, selector: "ej-lineargauge>e-axes" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
 };
 PerformanceWindComponent = __decorate([
     BizDoc({
@@ -261,7 +261,7 @@ PerformanceWindComponent = __decorate([
     })
 ], PerformanceWindComponent);
 export { PerformanceWindComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PerformanceWindComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PerformanceWindComponent, decorators: [{
             type: Component,
             args: [{ template: " @if(records) {\r\n<div class=\"row\">\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</div>\r\n}\r\n", styles: [":host{flex:1;display:flex}.legend{overflow-y:auto;display:flex;flex-wrap:wrap;max-width:400px}\n"] }]
         }], ctorParameters: () => [{ type: i1.RouterImpl }, { type: i2.AccountService }, { type: i3.SessionService }, { type: i4.TranslateService }, { type: i5.ReportRef }], propDecorators: { chart: [{

package/esm2022/lib/reports/cube/table-documents.component.mjs

@@ -40,10 +40,10 @@ export class CubeDocumentsTableComponent {
     open(id) {
         this._info.open(id);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CubeDocumentsTableComponent, deps: [{ token: i1.ReportRef }, { token: i2.DocumentInfo }, { token: i3.SessionService }, { token: i4.CubeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: CubeDocumentsTableComponent, selector: "ng-component", viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<table mat-table matSort [dataSource]=\"dataSource\" [@list]=\"PAGE_SIZE\">\n  <ng-container matColumnDef=\"number\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Number' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> <a (click)=\"open(element.id)\">{{element.number}}</a> </td>\n  </ng-container>\n  <ng-container matColumnDef=\"subject\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Subject' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> {{element.subject}} </td>\n  </ng-container>\n  <ng-container matColumnDef=\"userId\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'Name' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\">\n      <bizdoc-identity-name [identity]=\"element.userId\" [by]=\"element.byId\"></bizdoc-identity-name>\n    </td>\n  </ng-container>\n  <ng-container matColumnDef=\"stateId\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Status' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> <span class=\"document-state\" [style.color]=\"element.stateId|state : 'color'\" [style.borderColor]=\"element.stateId|state : 'color'\">{{element.stateId | state}}</span> </td>\n  </ng-container>\n  <ng-container matColumnDef=\"value\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Value' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\" class=\"figure\">\n      {{element.value | currency : (element.currencyCode || DEFAULT_CURRENCY) : 'symbol' : CURRENCY_FORMAT }}\n      @if (element.partial) {\n        <mat-icon [bizdocTooltip]=\"element.total | currency : element.currencyCode : 'symbol' : CURRENCY_FORMAT\">error_outline</mat-icon>\n      }\n    </td>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"displayColumns\"></tr>\n  <tr mat-row [@item] *matRowDef=\"let element; columns: displayColumns;\"></tr>\n</table>\n<mat-paginator [pageSize]=\"PAGE_SIZE\" hidePageSize showFirstLastButtons [style.display]=\"paging ? '' : 'none'\"></mat-paginator>\n", styles: ["table{width:100%}td.figure{text-align:right}.document-state{border-radius:2px 3px;padding:4px;border-width:1px;border-style:solid}\n"], dependencies: [{ kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "directive", type: i10.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i11.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }, { kind: "pipe", type: i13.StatePipe, name: "state" }], animations: [listAnimation, itemAnimation] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CubeDocumentsTableComponent, deps: [{ token: i1.ReportRef }, { token: i2.DocumentInfo }, { token: i3.SessionService }, { token: i4.CubeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: CubeDocumentsTableComponent, selector: "ng-component", viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<table mat-table matSort [dataSource]=\"dataSource\" [@list]=\"PAGE_SIZE\">\n  <ng-container matColumnDef=\"number\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Number' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> <a (click)=\"open(element.id)\">{{element.number}}</a> </td>\n  </ng-container>\n  <ng-container matColumnDef=\"subject\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Subject' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> {{element.subject}} </td>\n  </ng-container>\n  <ng-container matColumnDef=\"userId\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'Name' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\">\n      <bizdoc-identity-name [identity]=\"element.userId\" [by]=\"element.byId\"></bizdoc-identity-name>\n    </td>\n  </ng-container>\n  <ng-container matColumnDef=\"stateId\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Status' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> <span class=\"document-state\" [style.color]=\"element.stateId|state : 'color'\" [style.borderColor]=\"element.stateId|state : 'color'\">{{element.stateId | state}}</span> </td>\n  </ng-container>\n  <ng-container matColumnDef=\"value\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Value' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\" class=\"figure\">\n      {{element.value | currency : (element.currencyCode || DEFAULT_CURRENCY) : 'symbol' : CURRENCY_FORMAT }}\n      @if (element.partial) {\n        <mat-icon [bizdocTooltip]=\"element.total | currency : element.currencyCode : 'symbol' : CURRENCY_FORMAT\">error_outline</mat-icon>\n      }\n    </td>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"displayColumns\"></tr>\n  <tr mat-row [@item] *matRowDef=\"let element; columns: displayColumns;\"></tr>\n</table>\n<mat-paginator [pageSize]=\"PAGE_SIZE\" hidePageSize showFirstLastButtons [style.display]=\"paging ? '' : 'none'\"></mat-paginator>\n", styles: ["table{width:100%}td.figure{text-align:right}.document-state{border-radius:2px 3px;padding:4px;border-width:1px;border-style:solid}\n"], dependencies: [{ kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.IdentityName, selector: "bizdoc-identity-name", inputs: ["identity", "by", "chating"] }, { kind: "directive", type: i10.TooltipDirective, selector: "[bizdocTooltip]", inputs: ["bizdocTooltip", "bizdocTooltipTemplate", "bizdocTooltipContext", "bizdocTooltipPosition", "bizdocTooltipDuration", "bizdocTooltipDisabled"] }, { kind: "pipe", type: i11.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }, { kind: "pipe", type: i13.StatePipe, name: "state" }], animations: [listAnimation, itemAnimation] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CubeDocumentsTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CubeDocumentsTableComponent, decorators: [{
             type: Component,
             args: [{ animations: [listAnimation, itemAnimation], template: "<table mat-table matSort [dataSource]=\"dataSource\" [@list]=\"PAGE_SIZE\">\n  <ng-container matColumnDef=\"number\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Number' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> <a (click)=\"open(element.id)\">{{element.number}}</a> </td>\n  </ng-container>\n  <ng-container matColumnDef=\"subject\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Subject' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> {{element.subject}} </td>\n  </ng-container>\n  <ng-container matColumnDef=\"userId\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'Name' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\">\n      <bizdoc-identity-name [identity]=\"element.userId\" [by]=\"element.byId\"></bizdoc-identity-name>\n    </td>\n  </ng-container>\n  <ng-container matColumnDef=\"stateId\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Status' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\"> <span class=\"document-state\" [style.color]=\"element.stateId|state : 'color'\" [style.borderColor]=\"element.stateId|state : 'color'\">{{element.stateId | state}}</span> </td>\n  </ng-container>\n  <ng-container matColumnDef=\"value\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{'Value' | translate}}</th>\n    <td mat-cell *matCellDef=\"let element\" class=\"figure\">\n      {{element.value | currency : (element.currencyCode || DEFAULT_CURRENCY) : 'symbol' : CURRENCY_FORMAT }}\n      @if (element.partial) {\n        <mat-icon [bizdocTooltip]=\"element.total | currency : element.currencyCode : 'symbol' : CURRENCY_FORMAT\">error_outline</mat-icon>\n      }\n    </td>\n  </ng-container>\n  <tr mat-header-row *matHeaderRowDef=\"displayColumns\"></tr>\n  <tr mat-row [@item] *matRowDef=\"let element; columns: displayColumns;\"></tr>\n</table>\n<mat-paginator [pageSize]=\"PAGE_SIZE\" hidePageSize showFirstLastButtons [style.display]=\"paging ? '' : 'none'\"></mat-paginator>\n", styles: ["table{width:100%}td.figure{text-align:right}.document-state{border-radius:2px 3px;padding:4px;border-width:1px;border-style:solid}\n"] }]
         }], ctorParameters: () => [{ type: i1.ReportRef }, { type: i2.DocumentInfo }, { type: i3.SessionService }, { type: i4.CubeService }], propDecorators: { sort: [{

package/esm2022/lib/reports/cube/usage-args.component.mjs

@@ -45,8 +45,8 @@ let UsageReportArgs = class UsageReportArgs {
         this.form.reset({}, { emitEvent: false });
         this.form.patchValue(axes);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: UsageReportArgs, deps: [{ token: i1.ReportRef }, { token: i2.FormBuilder }, { token: i3.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: UsageReportArgs, selector: "ng-component", ngImport: i0, template: "<bizdoc-cube-filter [cube]=\"cube\"\r\n                    [axes]=\"values\"\r\n                    (axesChange)=\"valuesChange($event)\"></bizdoc-cube-filter>\r\n", dependencies: [{ kind: "component", type: i4.CubeFilterComponent, selector: "bizdoc-cube-filter", inputs: ["cube", "exclude", "include", "axes"], outputs: ["axesChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UsageReportArgs, deps: [{ token: i1.ReportRef }, { token: i2.FormBuilder }, { token: i3.SessionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: UsageReportArgs, selector: "ng-component", ngImport: i0, template: "<bizdoc-cube-filter [cube]=\"cube\"\r\n                    [axes]=\"values\"\r\n                    (axesChange)=\"valuesChange($event)\"></bizdoc-cube-filter>\r\n", dependencies: [{ kind: "component", type: i4.CubeFilterComponent, selector: "bizdoc-cube-filter", inputs: ["cube", "exclude", "include", "axes"], outputs: ["axesChange"] }] }); }
 };
 UsageReportArgs = __decorate([
     BizDoc({
@@ -54,7 +54,7 @@ UsageReportArgs = __decorate([
     })
 ], UsageReportArgs);
 export { UsageReportArgs };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: UsageReportArgs, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UsageReportArgs, decorators: [{
             type: Component,
             args: [{ template: "<bizdoc-cube-filter [cube]=\"cube\"\r\n                    [axes]=\"values\"\r\n                    (axesChange)=\"valuesChange($event)\"></bizdoc-cube-filter>\r\n" }]
         }], ctorParameters: () => [{ type: i1.ReportRef }, { type: i2.FormBuilder }, { type: i3.SessionService }] });

package/esm2022/lib/reports/cube/usage-base.mjs

@@ -69,10 +69,10 @@ export class UsageReportBase {
         this._destroy.next();
         this._destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: UsageReportBase, deps: [{ token: i1.RouterImpl }, { token: i2.ReportRef }, { token: i3.DatasourceService }, { token: i4.CubeService }, { token: i5.SessionService }, { token: i6.PromptService }, { token: i7.Directionality }, { token: i8.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: UsageReportBase, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UsageReportBase, deps: [{ token: i1.RouterImpl }, { token: i2.ReportRef }, { token: i3.DatasourceService }, { token: i4.CubeService }, { token: i5.SessionService }, { token: i6.PromptService }, { token: i7.Directionality }, { token: i8.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: UsageReportBase, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: UsageReportBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UsageReportBase, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i1.RouterImpl }, { type: i2.ReportRef }, { type: i3.DatasourceService }, { type: i4.CubeService }, { type: i5.SessionService }, { type: i6.PromptService }, { type: i7.Directionality }, { type: i8.TranslateService }] });
 ;

package/esm2022/lib/reports/cube/usage-chart.component.mjs

@@ -342,10 +342,10 @@ export class UsageChartComponent extends UsageReportBase {
         this.pivot && this.pivot.destroy();
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: UsageChartComponent, deps: [{ token: i1.ReportRef }, { token: i2.DatasourceService }, { token: i3.CubeService }, { token: i4.SessionService }, { token: i5.RouterImpl }, { token: i6.PromptService }, { token: i0.ElementRef }, { token: i7.Directionality }, { token: i8.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: UsageChartComponent, selector: "ng-component", host: { properties: { "id": "id", "dir": "dir" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UsageChartComponent, deps: [{ token: i1.ReportRef }, { token: i2.DatasourceService }, { token: i3.CubeService }, { token: i4.SessionService }, { token: i5.RouterImpl }, { token: i6.PromptService }, { token: i0.ElementRef }, { token: i7.Directionality }, { token: i8.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: UsageChartComponent, selector: "ng-component", host: { properties: { "id": "id", "dir": "dir" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: UsageChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UsageChartComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',