@bizdoc/core 2.3.22 → 2.3.23

package/fesm2022/bizdoc-core.mjs

@@ -1001,7 +1001,7 @@ const STRINGS = {
         Preferences: 'Settings',
         Tags: 'Tags',
         Mention: 'Mention',
-        TagsHint: 'Type tags',
+        TagsHint: 'Choose or type your tags',
         ContinueEditing: 'Continue editing',
         Close: 'Close',
         View: 'View',
@@ -1480,7 +1480,9 @@ const STRINGS = {
         ComposeFemale: "צרי חדש",
         Preferences: 'העדפות',
         Tags: 'תגיות',
-        TagsHint: 'הקלד/י תגיות',
+        TagsHint: 'בחר/י או הקלד/י תגיות אשיות',
+        TagsHintMale: 'בחר או הקלד תגיות אשיות',
+        TagsHintFemale: ' אשיותבחרי או הקלדי תגיות',
         ContinueEditing: 'המשך/י לערוך',
         ContinueEditingMale: 'המשך לערוך',
         ContinueEditingFemale: 'המשכי לערוך',
@@ -5407,20 +5409,22 @@ class CubeService {
         return (source) => new Observable(observe => {
             source.subscribe({
                 next: r => {
-                    const observables = [];
-                    const options = this._session.profile.cubes.find(c => c.name === cube);
-                    const axisTypeMap = {};
-                    options.axes.forEach(x => axisTypeMap[x.name] = x.dataType);
                     if (!r.length) {
                         observe.next(r);
                         observe.complete();
                         return;
                     }
+                    const observables = [];
+                    const configuration = this._session.profile.cubes.find(c => c.name === cube);
+                    const axisTypeMap = {};
+                    configuration.axes.forEach(x => axisTypeMap[x.name] = x.dataType);
+                    // compare base
                     const base = r[0].points;
                     r.forEach((s, i) => {
                         s.points.forEach(p => {
                             if (!p.x)
                                 return;
+                            // add human-readable name to point x
                             const pobservable = forkJoin(p.x.split(AXES_CODE_DIVIDER).map((k, j) => this._type.get(axisTypeMap[xAxis[j]], k))).
                                 pipe(tap(o => p.name = o.join(AXES_LABEL_DIVIDER)));
                             observables.push(pobservable);
@@ -5437,23 +5441,28 @@ class CubeService {
                                     j++;
                                 }
                                 if (missing) {
+                                    // add point to first array base
                                     const clone = { x: p.x, y: 0 };
                                     base.splice(j, 0, clone);
+                                    // add human-readable name to point x
                                     const cobservable = forkJoin(p.x.split(AXES_CODE_DIVIDER).map((k, j) => this._type.get(axisTypeMap[xAxis[j]], k))).
                                         pipe(tap(o => clone.name = o.join(AXES_LABEL_DIVIDER)));
                                     observables.push(cobservable);
                                 }
                             }
                         });
+                        // is index entry
                         if (s.index) {
-                            const index = options.indices.find(i => i.name === s.index);
+                            const index = configuration.indices.find(i => i.name === s.index);
                             s.title = index.title;
                         }
                         else if (s.name) {
+                            // add human-readable title to series name
                             const sobservable = forkJoin(s.name.split(AXES_CODE_DIVIDER).map((k, i) => this._type.get(axisTypeMap[series[i]], k))).pipe(tap(v => s.title = v.join(AXES_LABEL_DIVIDER)));
                             observables.push(sobservable);
                         }
                     });
+                    // complete when all done
                     if (observables.length)
                         forkJoin(observables).subscribe({
                             next: () => {
@@ -9864,7 +9873,7 @@ class CubeAccumulationChartComponent {
         this._elementRef = _elementRef;
         this._session = _session;
         this.id = `cube-accum-chart-${CubeAccumulationChartComponent.nextId++}`;
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this.dataLabel = {
             visible: true,
             name: 'text',
@@ -9895,7 +9904,7 @@ class CubeAccumulationChartComponent {
         this._destroy = new Subject();
         _session.themeChange.pipe(takeUntil$1(this._destroy)).
             subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.palettes = _session.accentPalette;
         });
     }
@@ -10176,12 +10185,12 @@ class CubeChartComponent {
             enable: false,
             lineType: 'Vertical'
         };
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this._intl = new Internationalization();
         this._destroy = new Subject();
         _session.themeChange.pipe(takeUntil$1(this._destroy)).
             subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.palettes = _session.accentPalette;
             this._draw();
         });
@@ -10454,25 +10463,25 @@ class CubeGridComponent {
         this._cube = this.cube ? this._session.profile.cubes.find(c => c.name === this.cube) : this._session.profile.cubes[0];
         this.currencyCode = this._cube.currencyCode;
         const x = this._cube.axes.find(a => a.name === this._xAxis[0]), y = this._cube.axes.find(a => a.name === this._series[0]);
-        const promises = [];
-        // aquire columns source
-        let observe = this._ds.all(x.dataType).
-            pipe(tap(c => {
-            this._columns = c;
-            const format = `${this.currencyCode ? 'c' : 'n'}${this._service.fractionDigits}`;
-            this.columns = [{
-                    headerText: '', field: 'title',
-                }];
-            this._columns.forEach(c => this.columns.push({
-                field: `_${c.key}`,
-                headerText: c.value,
-                width: 120,
-                format,
-                textAlign: 'Right'
-            }));
-            this.aggregates = [{
-                    columns: this._columns.map(c => {
-                        return {
+        // prepare
+        this._ready = Promise.all([
+            // aquire rows source
+            firstValueFrom(this._ds.all(y.dataType)).
+                then(r => {
+                this._rows = r;
+                const format = `${this.currencyCode ? 'c' : 'n'}${this._service.fractionDigits}`;
+                this.columns = [{
+                        headerText: '', field: 'title',
+                    }];
+                this._columns.forEach(c => this.columns.push({
+                    field: `_${c.key}`,
+                    headerText: c.value,
+                    width: 120,
+                    format,
+                    textAlign: 'Right'
+                }));
+                this.aggregates = [{
+                        columns: this._columns.map(c => ({
                             columnName: `_${c.key}`,
                             field: `_${c.key}`,
                             type: 'Custom',
@@ -10481,17 +10490,13 @@ class CubeGridComponent {
                             //\${Custom} \${/if}`,
                             format,
                             customAggregate: this.customAggregate.bind(this)
-                        };
-                    })
-                }];
-        }));
-        promises.push(observe);
-        // aquire rows source
-        observe = this._ds.all(y.dataType).
-            pipe(tap(r => this._rows = r));
-        promises.push(observe);
-        // prepare
-        this._prepare = firstValueFrom(forkJoin(promises));
+                        }))
+                    }];
+            }),
+            // aquire columns source
+            firstValueFrom(this._ds.all(x.dataType)).
+                then(c => this._columns = c)
+        ]);
         this.execute();
     }
     /** */
@@ -10505,28 +10510,24 @@ class CubeGridComponent {
         this.loadingChange.emit(true);
         this._service.series(this._cube.name, this._xAxis, { series: this._series, filters: this.filters, indices: this._indices }).
             subscribe({
-            next: series => {
-                this._prepare.then(() => {
-                    const rows = [];
-                    series.filter(s => s.index).forEach(s => {
-                        const row = { title: s.title, type: 'Index', key: s.index };
-                        this._normalize(row, s.points);
-                        rows.push(row);
-                    });
-                    this._rows.forEach(r => {
-                        const row = { title: r.value, key: r.key }, serie = series.find(s => s.name === r.key);
-                        serie &&
-                            this._normalize(row, serie.points);
-                        rows.push(row);
-                    });
-                    this.dataSource = rows;
-                    this._draw();
-                    this.loadingChange.emit(false);
+            next: series => this._ready.then(() => {
+                const rows = [];
+                series.filter(s => s.index).forEach(s => {
+                    const row = { title: s.title, type: 'Index', key: s.index };
+                    this._normalize(row, s.points);
+                    rows.push(row);
                 });
-            }, error: (e) => {
-                this._sb.error(errResource(e));
-                this.loadingChange.emit(false);
-            }
+                this._rows.forEach(r => {
+                    const row = { title: r.value, key: r.key }, serie = series.find(s => s.name === r.key);
+                    serie &&
+                        this._normalize(row, serie.points);
+                    rows.push(row);
+                });
+                this.dataSource = rows;
+                this._draw();
+            }),
+            error: (e) => this._sb.error(errResource(e)),
+            complete: () => this.loadingChange.emit(false)
         });
     }
     _normalize(row, points) {
@@ -10539,19 +10540,23 @@ class CubeGridComponent {
     _draw() {
         this.grid && this.grid.destroy();
         this.grid = new Grid({
+            enableAdaptiveUI: isMobile(),
+            enableStickyHeader: true,
             dataSource: this.dataSource,
+            enableRtl: this._session.inverse,
+            locale: this._session.locale,
             columns: this.columns,
             enableHover: false,
             allowExcelExport: true,
             selectionSettings: this.selectionSettings,
             allowSorting: false,
             frozenColumns: 1,
+            //frozenRows: this.indices ? this.indices.length : 0,
             width: this.width,
             //height: this.height,
             cellSelecting: this.cellSelecting.bind(this),
             allowPaging: false,
             queryCellInfo: this.queryCellInfo,
-            frozenRows: this.indices ? this.indices.length : 0,
             aggregates: this.aggregates,
             currencyCode: this.currencyCode
         }, this._elementRef.nativeElement);
@@ -10688,7 +10693,7 @@ class CubePivotComponent {
         this._destroy = new Subject();
         this._session.themeChange.pipe(takeUntil$1(this._destroy)).subscribe(t => {
             if (this.pivot.chart) {
-                this.chartSettings.theme = t.dark ? 'MaterialDark' : 'Material';
+                this.chartSettings.theme = t.dark ? 'Material3Dark' : 'Material3';
                 this.chartSettings.palettes = this._session.accentPalette;
             }
             else
@@ -10728,7 +10733,7 @@ class CubePivotComponent {
                     border: { width: 0 }
                 },
                 palettes: this.palettes,
-                theme: this._session.theme.dark ? 'MaterialDark' : 'Material',
+                theme: this._session.theme.dark ? 'Material3Dark' : 'Material3',
                 background: 'transparent',
                 primaryXAxis: {
                     titleStyle: {
@@ -11291,14 +11296,15 @@ class CubeSpreadsheetComponent {
             this.rows.push({ cells, source: d, height: 25 });
         });
     }
-    _dataseries(d) {
+    _dataseries(data) {
         const style = { fontWeight: 'bold', textAlign: 'center' };
         const cells = [{ value: '' }];
         this._xcolumns.forEach(c => cells.push({ value: c.value, style }));
         this.rows = [{ cells, height: 25 }];
         this._cindices?.forEach(i => {
-            const cells = [{ value: i.title, style }], series = d.find(s => s.index === i.name), map = {};
+            const series = data.find(s => s.index === i.name);
             if (series) {
+                const cells = [{ value: i.title, style }], map = {};
                 series.points.forEach(p => map[p.x] = p.y);
                 this._xcolumns.forEach(c => cells.push({
                     value: (map[c.key] || 0),
@@ -11309,7 +11315,7 @@ class CubeSpreadsheetComponent {
             }
         });
         this._yrows.forEach(r => {
-            const cells = [{ value: r.value, style }], serie = d.find(s => s.name === r.key), map = {};
+            const cells = [{ value: r.value, style }], serie = data.find(s => s.name === r.key), map = {};
             if (serie) {
                 serie.points.forEach(p => map[p.x] = p.y);
                 this._xcolumns.forEach(c => cells.push({
@@ -13392,11 +13398,8 @@ class ReportViewerComponent {
             next: r => {
                 this._instance.onBind(r, this.args);
                 this._data = r;
-                this.progress = -1;
-            }, error: () => {
-                this._sb.error();
-                this.progress = -1;
-            }
+            }, error: () => this._sb.error(),
+            complete: () => this.progress = -1
         })));
     }
     explore(item) {
@@ -23571,7 +23574,7 @@ let ActionsWidget = class ActionsWidget {
         this._session = _session;
         this._elementRef = _elementRef;
         this.id = `actions-${ActionsWidget_1.nextId++}`;
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this.palettes = this._session.accentPalette;
         this.tooltip = {
             enable: true,
@@ -23598,7 +23601,7 @@ let ActionsWidget = class ActionsWidget {
         this._destroy = new Subject();
         _session.profile.actions.forEach(a => this._map[a.name] = a.adjectivePlural || a.adjective || a.title);
         _session.themeChange.pipe(takeUntil$1(this._destroy)).subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.palettes = _session.accentPalette;
             this.chart.theme = this.theme;
             this.chart.series[0].palettes = this.palettes;
@@ -23688,7 +23691,7 @@ class CubeAnalysisBase {
         this._service = _service;
         this.id = `cube-analysis-${CubeAnalysisBase.nextId++}`;
         this.palettes = this._session.accentPalette;
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this._axisTypeMap = {};
         this._intl = new Internationalization();
         this._destroy = new Subject();
@@ -23703,7 +23706,7 @@ class CubeAnalysisBase {
         this.yType = this._cube.yAxis?.type;
         this._cube.axes.forEach((a) => this._axisTypeMap[a.name] = a.dataType);
         _session.themeChange.pipe(takeUntil$1(this._destroy)).subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.palettes = _session.accentPalette;
             this.onThemeChange();
         });
@@ -24347,12 +24350,12 @@ let PersonalActivityWidget = class PersonalActivityWidget {
             isInversed: this._session.inverse,
             visible: true
         };
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this.palettes = this._session.accentPalette;
         this.fill = this._session.getPrimery(400);
         this._destroy = new Subject();
         this._session.themeChange.pipe(takeUntil$1(this._destroy)).subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.palettes = this._session.accentPalette;
             this.fill = this._session.getPrimery(400);
             this._draw();
@@ -24450,7 +24453,7 @@ let CompareGroupsWidget = class CompareGroupsWidget {
         this._session = _session;
         this.id = `groups-compare-${CompareGroupsWidget_1.nextId++}`;
         this.palettes = this._session.accentPalette;
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this.enableRtl = this._session.inverse;
         this.rows = [
             {
@@ -24522,7 +24525,7 @@ let CompareGroupsWidget = class CompareGroupsWidget {
         };
         this._destroy = new Subject();
         _session.themeChange.pipe(takeUntil$1(this._destroy)).subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.palettes = _session.accentPalette;
             this._draw();
         });
@@ -24647,7 +24650,7 @@ let PeersPerformanceWidget = class PeersPerformanceWidget {
         this._duration = _duration;
         this._translate = _translate;
         this.id = `peers-performance-${PeersPerformanceWidget_1.nextId++}`;
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this.max = 0;
         this.direction = this._dir.value === 'ltr' ? 'ClockWise' : 'AntiClockWise';
         this.lineStyle = { width: 0 };
@@ -24676,7 +24679,7 @@ let PeersPerformanceWidget = class PeersPerformanceWidget {
         this._destroy = new Subject();
         _session.themeChange.pipe(takeUntil$1(this._destroy)).
             subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.gauge.theme = this.theme;
             this._prepare();
             this._refresh();
@@ -24917,7 +24920,7 @@ let PersonalScoreWidget = class PersonalScoreWidget {
         this._elementRef = _elementRef;
         this._translate = _translate;
         this.max = 0;
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this.margin = { left: 0, top: 0, right: 0, bottom: 0 };
         this.tooltip = {
             rangeSettings: {
@@ -24931,9 +24934,12 @@ let PersonalScoreWidget = class PersonalScoreWidget {
                 fontFamily: FONT_FAMILY
             },
             enable: true,
+            //annotationSettings: {
+            //  border: {}
+            //},
             //showAtMousePosition: true,
             type: ['Pointer', 'Range'],
-            enableAnimation: true
+            enableAnimation: false
         };
         this.lineStyle = { width: 0, color: '#1d1d1d' };
         this.labelStyle = {
@@ -24959,7 +24965,7 @@ let PersonalScoreWidget = class PersonalScoreWidget {
         this._destroy = new Subject();
         _session.themeChange.pipe(takeUntil$1(this._destroy)).
             subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.gauge.theme = this.theme;
             this._prepare();
             this._refresh();
@@ -25158,11 +25164,11 @@ class CubeDocumentsGridComponent {
         this._destroy.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CubeDocumentsGridComponent, deps: [{ token: ReportRef }, { token: DocumentInfo }, { token: SessionService }, { token: AccountService }, { token: CubeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: CubeDocumentsGridComponent, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: "<ejs-grid [dataSource]=\"dataSource\" (rowSelected)=\"rowSelected($event)\" [pageSettings]=\"pageSettings\"\r\n          [allowPaging]=false\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$5.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$5.ColumnsDirective, selector: "ejs-gantt>e-columns" }, { kind: "directive", type: i11.ColumnDirective, selector: "e-columns>e-column", inputs: ["border", "width"] }, { kind: "directive", type: i11.ColumnsDirective, selector: "ejs-chart>e-columns" }, { kind: "component", type: i8$5.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$5.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$5.ColumnsDirective, selector: "ejs-grid>e-columns" }, { kind: "directive", type: i8$5.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$5.AggregateColumnsDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns" }, { kind: "directive", type: i9$4.ColumnDirective, selector: "e-columns>e-column", inputs: ["customWidth", "format", "hidden", "index", "isLocked", "validation", "width"] }, { kind: "directive", type: i9$4.ColumnsDirective, selector: "e-sheet>e-columns" }, { kind: "directive", type: i10$1.ColumnDirective, selector: "e-columns>e-column", inputs: ["allowDrag", "allowDrop", "allowToggle", "headerText", "isExpanded", "keyField", "maxCount", "minCount", "showAddButton", "showItemCount", "template", "transitionColumns"] }, { kind: "directive", type: i10$1.ColumnsDirective, selector: "ejs-kanban>e-columns" }, { kind: "pipe", type: DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: StatePipe, name: "state" }, { kind: "pipe", type: FormPipe, name: "form" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", 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$5.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$5.ColumnsDirective, selector: "ejs-gantt>e-columns" }, { kind: "directive", type: i11.ColumnDirective, selector: "e-columns>e-column", inputs: ["border", "width"] }, { kind: "directive", type: i11.ColumnsDirective, selector: "ejs-chart>e-columns" }, { kind: "component", type: i8$5.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$5.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$5.ColumnsDirective, selector: "ejs-grid>e-columns" }, { kind: "directive", type: i8$5.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$5.AggregateColumnsDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns" }, { kind: "directive", type: i9$4.ColumnDirective, selector: "e-columns>e-column", inputs: ["customWidth", "format", "hidden", "index", "isLocked", "validation", "width"] }, { kind: "directive", type: i9$4.ColumnsDirective, selector: "e-sheet>e-columns" }, { kind: "directive", type: i10$1.ColumnDirective, selector: "e-columns>e-column", inputs: ["allowDrag", "allowDrop", "allowToggle", "headerText", "isExpanded", "keyField", "maxCount", "minCount", "showAddButton", "showItemCount", "template", "transitionColumns"] }, { kind: "directive", type: i10$1.ColumnsDirective, selector: "ejs-kanban>e-columns" }, { kind: "pipe", type: DateFormatPipe, name: "amDateFormat" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: StatePipe, name: "state" }, { kind: "pipe", type: FormPipe, name: "form" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CubeDocumentsGridComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ejs-grid [dataSource]=\"dataSource\" (rowSelected)=\"rowSelected($event)\" [pageSettings]=\"pageSettings\"\r\n          [allowPaging]=false\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" }]
+            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: ReportRef }, { type: DocumentInfo }, { type: SessionService }, { type: AccountService }, { type: CubeService }], propDecorators: { grid: [{
                 type: ViewChild,
                 args: [GridComponent]
@@ -25337,7 +25343,7 @@ class UsageChartComponent extends UsageReportBase {
             view: 'Chart'
         };
         this._session.themeChange.pipe(takeUntil$1(this._destroy)).subscribe(t => {
-            this.chartSettings.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.chartSettings.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.chartSettings.palettes = this._palettes();
             this._draw();
         });
@@ -25373,7 +25379,7 @@ class UsageChartComponent extends UsageReportBase {
             chartArea: {
                 border: { width: 0 }
             },
-            theme: this._session.theme.dark ? 'MaterialDark' : 'Material',
+            theme: this._session.theme.dark ? 'Material3Dark' : 'Material3',
             background: 'transparent',
             primaryXAxis: {
                 titleStyle: {
@@ -28814,7 +28820,7 @@ class CubeParallelComponent {
         this._service = _service;
         this._session = _session;
         this.onExplore = new EventEmitter();
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this._palettes = this._session.accentPalette;
         this.items = [];
         this.axisSettings = {
@@ -28838,7 +28844,7 @@ class CubeParallelComponent {
     ngOnInit() {
         this._session.themeChange.pipe(takeUntil$1(this._destroy)).
             subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this._primary = this._session.primeryPalette;
             this._palettes = this._session.accentPalette;
             this._draw();
@@ -29070,7 +29076,7 @@ let CubePerformanceWidget = class CubePerformanceWidget {
         this._session = _session;
         this.id = `cube-compare-${CubePerformanceWidget_1.nextId++}`;
         this.palettes = this._session.accentPalette;
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this.enableRtl = this._session.inverse;
         this.rows = [
             {
@@ -29146,7 +29152,7 @@ let CubePerformanceWidget = class CubePerformanceWidget {
         };
         this._destroy = new Subject();
         _session.themeChange.pipe(takeUntil$1(this._destroy)).subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.palettes = _session.accentPalette;
             this._draw();
         });
@@ -29482,12 +29488,12 @@ let DocumentStateWidgetComponent = class DocumentStateWidgetComponent {
                 fontFamily: FONT_FAMILY
             }
         };
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this.palettes = this._session.accentPalette;
         this._destroy = new Subject();
         _session.themeChange.pipe(takeUntil(this._destroy)).
             subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.palettes = _session.accentPalette;
         });
     }
@@ -31170,7 +31176,7 @@ let DocumentTraceComponent = class DocumentTraceComponent {
         this._guide = _guide;
         this._cd = _cd;
         this._fb = _fb;
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this.accent = this._session.getAccent();
         this.form = this._fb.group({ search: null, formId: null });
         this.diagramConstraints = DiagramConstraints.Default | DiagramConstraints.Bridging |
@@ -31244,7 +31250,7 @@ let DocumentTraceComponent = class DocumentTraceComponent {
     ngOnInit() {
         const now = dayjs();
         this._session.themeChange.pipe(takeUntil$1(this._destroy)).subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.accent = this._session.getAccent();
             //this.rangeNavigator.refresh();
         });
@@ -32431,13 +32437,13 @@ let ProfilerComponent = class ProfilerComponent {
             height: 10
         };
         this.palettes = this._session.accentPalette;
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this.cols = 2;
         this._destroy = new Subject();
         this.separatorKeysCodes = [ENTER, COMMA, SEMICOLON];
         this.cols = 2;
         _session.themeChange.pipe(takeUntil$1(this._destroy)).subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.palettes = _session.accentPalette;
         });
     }
@@ -33665,7 +33671,7 @@ class FormDesignComponent extends DesignerTypeElementComponent {
             description: null,
             cubes: null
         });
-        this.theme = this._session.theme.dark ? 'MaterialDark' : 'Material';
+        this.theme = this._session.theme.dark ? 'Material3Dark' : 'Material3';
         this.axisSettings = {
             lineSettings: {
                 opacity: .5,
@@ -33691,7 +33697,7 @@ class FormDesignComponent extends DesignerTypeElementComponent {
         this.locale = _session.language;
         this._session.themeChange.pipe(takeUntil(this._destroy)).
             subscribe(t => {
-            this.theme = t.dark ? 'MaterialDark' : 'Material';
+            this.theme = t.dark ? 'Material3Dark' : 'Material3';
             this.primary = this._session.getPrimery();
         });
     }