@ts-core/angular 13.0.64 → 13.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (136) hide show
  1. package/VICommonModule.d.ts +4 -4
  2. package/application/ApplicationBaseComponent.d.ts +1 -1
  3. package/application/ApplicationComponent.d.ts +3 -3
  4. package/application/MessageBaseComponent.d.ts +1 -1
  5. package/bottomSheet/BottomSheetService.d.ts +2 -2
  6. package/component/cdk-table/CdkTableDataSource.d.ts +1 -1
  7. package/component/cdk-table/CdkTableFilterableMapCollection.d.ts +1 -1
  8. package/component/cdk-table/CdkTablePaginableBookmarkMapCollection.d.ts +1 -1
  9. package/component/cdk-table/CdkTablePaginableMapCollection.d.ts +1 -1
  10. package/component/cdk-table/cell/CdkTableCellValuePipe.d.ts +8 -3
  11. package/component/cdk-table/column/ICdkTableColumn.d.ts +2 -1
  12. package/component/language/language-selector/language-selector.component.d.ts +1 -1
  13. package/cookie/CookieModule.d.ts +1 -1
  14. package/cookie/CookieOptions.d.ts +1 -1
  15. package/cookie/CookieService.d.ts +1 -1
  16. package/error/WindowClosedError.d.ts +6 -0
  17. package/esm2020/VICommonModule.mjs +5 -5
  18. package/esm2020/application/ApplicationBaseComponent.mjs +2 -2
  19. package/esm2020/application/ApplicationComponent.mjs +4 -4
  20. package/esm2020/application/MessageBaseComponent.mjs +2 -2
  21. package/esm2020/application/ShellBaseComponent.mjs +2 -2
  22. package/esm2020/asset/AssetBackgroundDirective.mjs +2 -2
  23. package/esm2020/asset/AssetBackgroundPipe.mjs +2 -2
  24. package/esm2020/asset/AssetFilePipe.mjs +2 -2
  25. package/esm2020/asset/AssetIconPipe.mjs +2 -2
  26. package/esm2020/asset/AssetImagePipe.mjs +2 -2
  27. package/esm2020/asset/AssetSoundPipe.mjs +2 -2
  28. package/esm2020/asset/AssetVideoPipe.mjs +2 -2
  29. package/esm2020/bottomSheet/BottomSheetImpl.mjs +2 -2
  30. package/esm2020/bottomSheet/BottomSheetService.mjs +3 -3
  31. package/esm2020/component/cdk-table/CdkTableBaseComponent.mjs +1 -1
  32. package/esm2020/component/cdk-table/CdkTableDataSource.mjs +3 -3
  33. package/esm2020/component/cdk-table/CdkTableFilterableMapCollection.mjs +3 -3
  34. package/esm2020/component/cdk-table/CdkTablePaginableBookmarkMapCollection.mjs +2 -2
  35. package/esm2020/component/cdk-table/CdkTablePaginableMapCollection.mjs +2 -2
  36. package/esm2020/component/cdk-table/cell/CdkTableCellValuePipe.mjs +42 -4
  37. package/esm2020/component/cdk-table/column/ICdkTableColumn.mjs +1 -1
  38. package/esm2020/component/language/language-selector/language-selector.component.mjs +2 -2
  39. package/esm2020/cookie/CookieModule.mjs +1 -1
  40. package/esm2020/cookie/CookieOptions.mjs +1 -1
  41. package/esm2020/cookie/CookieService.mjs +1 -1
  42. package/esm2020/directive/ClickToCopyDirective.mjs +2 -2
  43. package/esm2020/directive/HTMLTitleDirective.mjs +2 -2
  44. package/esm2020/directive/ScrollCheckDirective.mjs +3 -3
  45. package/esm2020/error/WindowClosedError.mjs +19 -0
  46. package/esm2020/form/FormElementAsync.mjs +2 -2
  47. package/esm2020/form/FormElementSync.mjs +1 -1
  48. package/esm2020/language/LanguageDirective.mjs +3 -3
  49. package/esm2020/language/LanguageHasDirective.mjs +3 -3
  50. package/esm2020/language/LanguageMatPaginatorIntl.mjs +2 -2
  51. package/esm2020/language/LanguageModule.mjs +2 -2
  52. package/esm2020/language/LanguageMomentDateAdapter.mjs +1 -1
  53. package/esm2020/language/LanguagePipe.mjs +3 -3
  54. package/esm2020/language/LanguagePipeHas.mjs +3 -3
  55. package/esm2020/language/LanguagePipeHasPure.mjs +2 -2
  56. package/esm2020/language/LanguagePipePure.mjs +2 -2
  57. package/esm2020/language/LanguageRequireResolver.mjs +2 -2
  58. package/esm2020/language/LanguageResolver.mjs +2 -2
  59. package/esm2020/list/IListItem.mjs +1 -1
  60. package/esm2020/list/ListItems.mjs +3 -3
  61. package/esm2020/list/select/SelectListItems.mjs +1 -1
  62. package/esm2020/login/LoginBaseService.mjs +5 -5
  63. package/esm2020/login/LoginRequireResolver.mjs +2 -2
  64. package/esm2020/menu/MenuItems.mjs +3 -3
  65. package/esm2020/module/LazyModuleLoader.mjs +4 -4
  66. package/esm2020/notification/NotificationModule.mjs +2 -2
  67. package/esm2020/notification/NotificationService.mjs +4 -4
  68. package/esm2020/notification/component/notification/notification.component.mjs +2 -2
  69. package/esm2020/pipe/MomentDatePipe.mjs +2 -2
  70. package/esm2020/pipe/NgModelErrorPipe.mjs +2 -2
  71. package/esm2020/pipe/TimePipe.mjs +2 -2
  72. package/esm2020/public-api.mjs +29 -25
  73. package/esm2020/question/QuestionManager.mjs +2 -2
  74. package/esm2020/service/BootstrapBreakpointService.mjs +3 -3
  75. package/esm2020/service/PipeBaseService.mjs +2 -2
  76. package/esm2020/service/RouterBaseService.mjs +3 -3
  77. package/esm2020/theme/ThemeAssetBackgroundDirective.mjs +2 -2
  78. package/esm2020/theme/ThemeAssetDirective.mjs +3 -3
  79. package/esm2020/theme/ThemeAssetImageDirective.mjs +2 -2
  80. package/esm2020/theme/ThemeModule.mjs +2 -2
  81. package/esm2020/theme/ThemeStyleDirective.mjs +3 -3
  82. package/esm2020/theme/ThemeStyleHoverDirective.mjs +2 -2
  83. package/esm2020/theme/ThemeToggleDirective.mjs +2 -2
  84. package/esm2020/transport/TransportLazy.mjs +2 -2
  85. package/esm2020/transport/TransportLazyModule.mjs +1 -1
  86. package/esm2020/transport/TransportLazyModuleLoadedEvent.mjs +2 -2
  87. package/esm2020/user/UserBaseService.mjs +2 -2
  88. package/esm2020/util/ViewUtil.mjs +2 -2
  89. package/esm2020/window/WindowImpl.mjs +2 -2
  90. package/esm2020/window/WindowService.mjs +3 -3
  91. package/esm2020/window/component/window-minimize-element/window-minimize-element.component.mjs +2 -2
  92. package/esm2020/window/component/window-question/window-question.component.mjs +2 -2
  93. package/fesm2015/ts-core-angular.mjs +171 -133
  94. package/fesm2015/ts-core-angular.mjs.map +1 -1
  95. package/fesm2020/ts-core-angular.mjs +171 -133
  96. package/fesm2020/ts-core-angular.mjs.map +1 -1
  97. package/language/LanguageDirective.d.ts +1 -1
  98. package/language/LanguageHasDirective.d.ts +1 -1
  99. package/language/LanguageMatPaginatorIntl.d.ts +1 -1
  100. package/language/LanguageModule.d.ts +2 -2
  101. package/language/LanguageMomentDateAdapter.d.ts +1 -1
  102. package/language/LanguagePipe.d.ts +1 -1
  103. package/language/LanguagePipeHas.d.ts +1 -1
  104. package/language/LanguagePipeHasPure.d.ts +1 -1
  105. package/language/LanguagePipePure.d.ts +1 -1
  106. package/language/LanguageRequireResolver.d.ts +1 -1
  107. package/language/LanguageResolver.d.ts +1 -1
  108. package/list/IListItem.d.ts +1 -1
  109. package/list/ListItems.d.ts +2 -2
  110. package/list/select/SelectListItems.d.ts +1 -1
  111. package/login/LoginBaseService.d.ts +1 -1
  112. package/menu/MenuItems.d.ts +1 -1
  113. package/module/LazyModuleLoader.d.ts +1 -1
  114. package/notification/NotificationModule.d.ts +1 -1
  115. package/notification/NotificationService.d.ts +2 -2
  116. package/notification/component/notification/notification.component.d.ts +1 -1
  117. package/package.json +3 -3
  118. package/pipe/NgModelErrorPipe.d.ts +1 -1
  119. package/public-api.d.ts +2 -1
  120. package/question/QuestionManager.d.ts +1 -1
  121. package/service/BootstrapBreakpointService.d.ts +1 -1
  122. package/service/PipeBaseService.d.ts +1 -1
  123. package/service/RouterBaseService.d.ts +1 -1
  124. package/theme/ThemeAssetBackgroundDirective.d.ts +1 -1
  125. package/theme/ThemeAssetDirective.d.ts +1 -1
  126. package/theme/ThemeAssetImageDirective.d.ts +1 -1
  127. package/theme/ThemeModule.d.ts +2 -2
  128. package/theme/ThemeStyleDirective.d.ts +1 -1
  129. package/theme/ThemeStyleHoverDirective.d.ts +1 -1
  130. package/theme/ThemeToggleDirective.d.ts +1 -1
  131. package/transport/TransportLazy.d.ts +3 -3
  132. package/transport/TransportLazyModule.d.ts +1 -1
  133. package/transport/TransportLazyModuleLoadedEvent.d.ts +1 -1
  134. package/user/UserBaseService.d.ts +1 -1
  135. package/window/WindowService.d.ts +2 -2
  136. package/window/component/window-question/window-question.component.d.ts +1 -1
@@ -1,29 +1,18 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { Component, ViewContainerRef, Injectable, Directive, Input, Pipe, NgModule, InjectionToken, EventEmitter, Output, HostListener, Optional, Inject, RendererStyleFlags2, NgModuleFactory } from '@angular/core';
3
- import { DestroyableContainer, LoadableEvent, Destroyable, IDestroyable, Loadable, LoadableStatus } from '@ts-core/common';
4
- import { PromiseHandler } from '@ts-core/common/promise';
3
+ import { DestroyableContainer, PromiseHandler, ExtendedError, LoadableEvent, Destroyable, IDestroyable, DateUtil, ObservableData, ObjectUtil, ArrayUtil, RemoveFilterableCondition, GetFilterableCondition, Logger, LoggerLevel, DataSourceMapCollectionEvent, FilterableDataSourceMapCollection, PaginableDataSourceMapCollection, PaginableBookmarkDataSourceMapCollection, Loadable, LoadableStatus, TransportTimeoutError, TransportNoConnectionError, FilterableMapCollection, MapCollection, TransportEvent, TransportLocal } from '@ts-core/common';
5
4
  import * as _ from 'lodash';
6
- import { Assets } from '@ts-core/frontend/asset';
7
- import { AssetUrlProvider } from '@ts-core/frontend/asset/provider';
8
- import { takeUntil, filter, debounceTime as debounceTime$1, map } from 'rxjs/operators';
9
- import { ExtendedError } from '@ts-core/common/error';
5
+ import * as i1$1 from '@ts-core/frontend';
6
+ import { Assets, AssetUrlProvider, LanguageService, ThemeService, ThemeAssetService, LoadingService, NativeWindowService, ICookieOptions, DefaultLogger } from '@ts-core/frontend';
7
+ import { takeUntil, Subject, filter, BehaviorSubject, distinctUntilChanged, debounceTime, fromEvent, of, map, merge } from 'rxjs';
10
8
  import moment from 'moment';
11
9
  import numeral from 'numeral';
12
- import { ObservableData } from '@ts-core/common/observer';
13
- import { DateUtil, ObjectUtil, ArrayUtil } from '@ts-core/common/util';
14
- import { Subject, BehaviorSubject, distinctUntilChanged, debounceTime, takeUntil as takeUntil$1, fromEvent, filter as filter$1, of, merge, map as map$1 } from 'rxjs';
15
10
  import * as i1 from '@angular/material/dialog';
16
11
  import { MatDialogConfig, MatDialogModule, MatDialog } from '@angular/material/dialog';
17
- import * as i1$1 from '@ts-core/frontend/language';
18
- import { LanguageService } from '@ts-core/frontend/language';
19
12
  import * as i4 from '@angular/common';
20
13
  import { CommonModule, DatePipe } from '@angular/common';
21
14
  import * as i5 from '@angular/forms';
22
15
  import { FormsModule, Validators } from '@angular/forms';
23
- import { Logger, LoggerLevel } from '@ts-core/common/logger';
24
- import { ICookieOptions } from '@ts-core/frontend/cookie';
25
- import { DefaultLogger } from '@ts-core/frontend/logger';
26
- import { LoadingService, NativeWindowService } from '@ts-core/frontend/service';
27
16
  import * as Cookie from 'ngx-cookie';
28
17
  import { ResizeSensor } from 'css-element-queries';
29
18
  import * as interact from 'interactjs';
@@ -33,35 +22,28 @@ import * as i2 from '@angular/material/button';
33
22
  import { MatButtonModule } from '@angular/material/button';
34
23
  import * as i1$2 from '@angular/material/bottom-sheet';
35
24
  import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
36
- import { RemoveFilterableCondition, GetFilterableCondition } from '@ts-core/common/dto';
37
25
  import * as i1$3 from '@angular/platform-browser';
38
- import * as i1$4 from '@ts-core/frontend/theme';
39
- import { ThemeService, ThemeAssetService } from '@ts-core/frontend/theme';
40
- import * as i1$5 from '@angular/material/menu';
26
+ import * as i1$4 from '@angular/material/menu';
41
27
  import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
42
28
  import { FlexibleConnectedPositionStrategy } from '@angular/cdk/overlay';
43
29
  import * as i2$1 from '@angular/material/form-field';
44
30
  import * as i3 from '@angular/material/select';
45
31
  import { MatSelectModule } from '@angular/material/select';
46
32
  import * as i4$1 from '@angular/material/core';
47
- import * as i1$6 from '@angular/material/list';
33
+ import * as i1$5 from '@angular/material/list';
48
34
  import { MatListModule } from '@angular/material/list';
49
- import * as i1$7 from '@angular/material/tabs';
35
+ import * as i1$6 from '@angular/material/tabs';
50
36
  import { MatTabsModule } from '@angular/material/tabs';
51
- import { DataSourceMapCollectionEvent, FilterableDataSourceMapCollection, PaginableDataSourceMapCollection, PaginableBookmarkDataSourceMapCollection } from '@ts-core/common/map/dataSource';
52
- import * as i1$8 from '@angular/material/table';
37
+ import * as i1$7 from '@angular/material/table';
53
38
  import { MatTableModule } from '@angular/material/table';
54
39
  import * as i2$2 from '@angular/material/sort';
55
40
  import { MatSortModule } from '@angular/material/sort';
56
41
  import * as i3$1 from '@angular/material/progress-bar';
57
42
  import { MatProgressBarModule } from '@angular/material/progress-bar';
58
43
  import { MomentDateAdapter } from '@angular/material-moment-adapter';
59
- import { TransportTimeoutError, TransportNoConnectionError, TransportEvent } from '@ts-core/common/transport';
60
- import * as i1$9 from '@angular/router';
44
+ import * as i1$8 from '@angular/router';
61
45
  import { NavigationStart, NavigationEnd, NavigationCancel, NavigationError, ActivatedRoute } from '@angular/router';
62
- import { FilterableMapCollection, MapCollection } from '@ts-core/common/map';
63
- import * as i1$a from '@angular/cdk/layout';
64
- import { TransportLocal } from '@ts-core/common/transport/local';
46
+ import * as i1$9 from '@angular/cdk/layout';
65
47
 
66
48
  class ApplicationBaseComponent extends DestroyableContainer {
67
49
  // --------------------------------------------------------------------------
@@ -1482,6 +1464,24 @@ const APPLICATION_INJECTOR = (value) => {
1482
1464
  return applicationInjector;
1483
1465
  };
1484
1466
 
1467
+ class WindowClosedError extends ExtendedError {
1468
+ // --------------------------------------------------------------------------
1469
+ //
1470
+ // Constructor
1471
+ //
1472
+ // --------------------------------------------------------------------------
1473
+ constructor(message = WindowClosedError.MESSAGE, code = WindowClosedError.CODE) {
1474
+ super(message, code);
1475
+ }
1476
+ }
1477
+ // --------------------------------------------------------------------------
1478
+ //
1479
+ // Static Methods
1480
+ //
1481
+ // --------------------------------------------------------------------------
1482
+ WindowClosedError.CODE = ExtendedError.DEFAULT_ERROR_CODE;
1483
+ WindowClosedError.MESSAGE = 'Window was closed';
1484
+
1485
1485
  class AssetBackgroundDirective extends Destroyable {
1486
1486
  // --------------------------------------------------------------------------
1487
1487
  //
@@ -1959,7 +1959,7 @@ class AspectRatioResizeDirective extends DestroyableContainer {
1959
1959
  ngAfterViewInit() {
1960
1960
  this.sensor = new ResizeManager(this.element);
1961
1961
  this.sensor.changed
1962
- .pipe(debounceTime(AspectRatioResizeDirective.UPDATE_DELAY), takeUntil$1(this.destroyed))
1962
+ .pipe(debounceTime(AspectRatioResizeDirective.UPDATE_DELAY), takeUntil(this.destroyed))
1963
1963
  .subscribe(() => this.commitResizeProperties());
1964
1964
  if (_.isNaN(this.ratio)) {
1965
1965
  this.ratio = 4 / 3;
@@ -2565,66 +2565,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
2565
2565
  args: ['focus']
2566
2566
  }] } });
2567
2567
 
2568
- class HTMLTitleDirective extends Destroyable {
2569
- // --------------------------------------------------------------------------
2570
- //
2571
- // Constructor
2572
- //
2573
- // --------------------------------------------------------------------------
2574
- constructor(element) {
2575
- super();
2576
- this.element = element;
2577
- }
2578
- // --------------------------------------------------------------------------
2579
- //
2580
- // Private Methods
2581
- //
2582
- // --------------------------------------------------------------------------
2583
- commitValueProperties() {
2584
- ViewUtil.setProperty(this.element, 'title', LanguagePipe.removeTags(this.value));
2585
- }
2586
- // --------------------------------------------------------------------------
2587
- //
2588
- // Public Methods
2589
- //
2590
- // --------------------------------------------------------------------------
2591
- destroy() {
2592
- if (this.isDestroyed) {
2593
- return;
2594
- }
2595
- super.destroy();
2596
- this._value = null;
2597
- }
2598
- // --------------------------------------------------------------------------
2599
- //
2600
- // Public Properties
2601
- //
2602
- // --------------------------------------------------------------------------
2603
- set value(value) {
2604
- if (value === this._value) {
2605
- return;
2606
- }
2607
- this._value = value;
2608
- if (!_.isNil(value)) {
2609
- this.commitValueProperties();
2610
- }
2611
- }
2612
- get value() {
2613
- return this._value;
2614
- }
2615
- }
2616
- HTMLTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HTMLTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
2617
- HTMLTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: HTMLTitleDirective, selector: "[vi-html-title]", inputs: { value: ["vi-html-title", "value"] }, usesInheritance: true, ngImport: i0 });
2618
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HTMLTitleDirective, decorators: [{
2619
- type: Directive,
2620
- args: [{
2621
- selector: '[vi-html-title]'
2622
- }]
2623
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { value: [{
2624
- type: Input,
2625
- args: ['vi-html-title']
2626
- }] } });
2627
-
2628
2568
  class LanguagePipe extends DestroyableContainer {
2629
2569
  // --------------------------------------------------------------------------
2630
2570
  //
@@ -2690,6 +2630,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
2690
2630
  }]
2691
2631
  }], ctorParameters: function () { return [{ type: i1$1.LanguageService }]; } });
2692
2632
 
2633
+ class HTMLTitleDirective extends Destroyable {
2634
+ // --------------------------------------------------------------------------
2635
+ //
2636
+ // Constructor
2637
+ //
2638
+ // --------------------------------------------------------------------------
2639
+ constructor(element) {
2640
+ super();
2641
+ this.element = element;
2642
+ }
2643
+ // --------------------------------------------------------------------------
2644
+ //
2645
+ // Private Methods
2646
+ //
2647
+ // --------------------------------------------------------------------------
2648
+ commitValueProperties() {
2649
+ ViewUtil.setProperty(this.element, 'title', LanguagePipe.removeTags(this.value));
2650
+ }
2651
+ // --------------------------------------------------------------------------
2652
+ //
2653
+ // Public Methods
2654
+ //
2655
+ // --------------------------------------------------------------------------
2656
+ destroy() {
2657
+ if (this.isDestroyed) {
2658
+ return;
2659
+ }
2660
+ super.destroy();
2661
+ this._value = null;
2662
+ }
2663
+ // --------------------------------------------------------------------------
2664
+ //
2665
+ // Public Properties
2666
+ //
2667
+ // --------------------------------------------------------------------------
2668
+ set value(value) {
2669
+ if (value === this._value) {
2670
+ return;
2671
+ }
2672
+ this._value = value;
2673
+ if (!_.isNil(value)) {
2674
+ this.commitValueProperties();
2675
+ }
2676
+ }
2677
+ get value() {
2678
+ return this._value;
2679
+ }
2680
+ }
2681
+ HTMLTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HTMLTitleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
2682
+ HTMLTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: HTMLTitleDirective, selector: "[vi-html-title]", inputs: { value: ["vi-html-title", "value"] }, usesInheritance: true, ngImport: i0 });
2683
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HTMLTitleDirective, decorators: [{
2684
+ type: Directive,
2685
+ args: [{
2686
+ selector: '[vi-html-title]'
2687
+ }]
2688
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { value: [{
2689
+ type: Input,
2690
+ args: ['vi-html-title']
2691
+ }] } });
2692
+
2693
2693
  class HTMLContentTitleDirective extends Destroyable {
2694
2694
  // --------------------------------------------------------------------------
2695
2695
  //
@@ -2841,7 +2841,7 @@ class ScrollCheckDirective extends DestroyableContainer {
2841
2841
  this.isExceedLimit = false;
2842
2842
  this._scrollValue = element.nativeElement.scrollTop;
2843
2843
  fromEvent(element.nativeElement, 'scroll')
2844
- .pipe(debounceTime$1(DateUtil.MILISECONDS_SECOND / 10), takeUntil(this.destroyed))
2844
+ .pipe(debounceTime(DateUtil.MILISECONDS_SECOND / 10), takeUntil(this.destroyed))
2845
2845
  .subscribe(() => {
2846
2846
  this._scrollValue = element.nativeElement.scrollTop;
2847
2847
  this.check();
@@ -4102,10 +4102,10 @@ class WindowImpl extends WindowBase {
4102
4102
  this._backdrop = this.properties.overlay.backdropElement;
4103
4103
  this._container = this.properties.overlay.overlayElement;
4104
4104
  this.setProperties();
4105
- this.getReference().afterOpened().pipe(takeUntil$1(this.destroyed)).subscribe(this.setOpened);
4106
- this.getReference().afterClosed().pipe(takeUntil$1(this.destroyed)).subscribe(this.setClosed);
4105
+ this.getReference().afterOpened().pipe(takeUntil(this.destroyed)).subscribe(this.setOpened);
4106
+ this.getReference().afterClosed().pipe(takeUntil(this.destroyed)).subscribe(this.setClosed);
4107
4107
  this.events
4108
- .pipe(filter$1(event => event === WindowEvent.CONTENT_READY), takeUntil$1(this.destroyed))
4108
+ .pipe(filter(event => event === WindowEvent.CONTENT_READY), takeUntil(this.destroyed))
4109
4109
  .subscribe(this.updatePosition);
4110
4110
  }
4111
4111
  // --------------------------------------------------------------------------
@@ -5011,8 +5011,8 @@ class BottomSheetImpl extends DestroyableContainer {
5011
5011
  this._container = this.properties.overlay.overlayElement;
5012
5012
  this.setProperties();
5013
5013
  this.elementsCreate();
5014
- this.getReference().afterOpened().pipe(takeUntil$1(this.destroyed)).subscribe(this.setOpened);
5015
- this.getReference().afterDismissed().pipe(takeUntil$1(this.destroyed)).subscribe(this.setClosed);
5014
+ this.getReference().afterOpened().pipe(takeUntil(this.destroyed)).subscribe(this.setOpened);
5015
+ this.getReference().afterDismissed().pipe(takeUntil(this.destroyed)).subscribe(this.setClosed);
5016
5016
  }
5017
5017
  // --------------------------------------------------------------------------
5018
5018
  //
@@ -5429,10 +5429,10 @@ class NotificationImpl extends WindowBase {
5429
5429
  // Have to save for unsubscribe on destroy
5430
5430
  this._container = this.properties.overlay.overlayElement;
5431
5431
  this.setProperties();
5432
- this.getReference().afterOpened().pipe(takeUntil$1(this.destroyed)).subscribe(this.setOpened);
5433
- this.getReference().afterClosed().pipe(takeUntil$1(this.destroyed)).subscribe(this.setClosed);
5432
+ this.getReference().afterOpened().pipe(takeUntil(this.destroyed)).subscribe(this.setOpened);
5433
+ this.getReference().afterClosed().pipe(takeUntil(this.destroyed)).subscribe(this.setClosed);
5434
5434
  this.observer
5435
- .pipe(filter$1(event => event === WindowEvent.CONTENT_READY), takeUntil$1(this.destroyed))
5435
+ .pipe(filter(event => event === WindowEvent.CONTENT_READY), takeUntil(this.destroyed))
5436
5436
  .subscribe(this.updatePosition);
5437
5437
  }
5438
5438
  // --------------------------------------------------------------------------
@@ -6447,11 +6447,11 @@ class ThemeAssetDirective extends Destroyable {
6447
6447
  }
6448
6448
  }
6449
6449
  }
6450
- ThemeAssetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetDirective, deps: [{ token: i0.ElementRef }, { token: i1$4.ThemeService }, { token: i1$4.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
6450
+ ThemeAssetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }, { token: i1$1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
6451
6451
  ThemeAssetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeAssetDirective, inputs: { isSound: "isSound", isVideo: "isVideo", isFile: "isFile", isImage: "isImage", isBackground: "isBackground", isIgnoreTheme: "isIgnoreTheme", name: "name", extension: "extension" }, host: { listeners: { "error": "errorLoadingHandler($event)" } }, usesInheritance: true, ngImport: i0 });
6452
6452
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetDirective, decorators: [{
6453
6453
  type: Directive
6454
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$4.ThemeService }, { type: i1$4.ThemeAssetService }]; }, propDecorators: { errorLoadingHandler: [{
6454
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.ThemeService }, { type: i1$1.ThemeAssetService }]; }, propDecorators: { errorLoadingHandler: [{
6455
6455
  type: HostListener,
6456
6456
  args: ['error', ['$event']]
6457
6457
  }], isSound: [{
@@ -6494,14 +6494,14 @@ class ThemeAssetBackgroundDirective extends ThemeAssetDirective {
6494
6494
  ViewUtil.removeStyle(this.element, 'backgroundImage');
6495
6495
  }
6496
6496
  }
6497
- ThemeAssetBackgroundDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetBackgroundDirective, deps: [{ token: i0.ElementRef }, { token: i1$4.ThemeService }, { token: i1$4.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
6497
+ ThemeAssetBackgroundDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetBackgroundDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }, { token: i1$1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
6498
6498
  ThemeAssetBackgroundDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeAssetBackgroundDirective, selector: "[vi-theme-background]", usesInheritance: true, ngImport: i0 });
6499
6499
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetBackgroundDirective, decorators: [{
6500
6500
  type: Directive,
6501
6501
  args: [{
6502
6502
  selector: '[vi-theme-background]'
6503
6503
  }]
6504
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$4.ThemeService }, { type: i1$4.ThemeAssetService }]; } });
6504
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.ThemeService }, { type: i1$1.ThemeAssetService }]; } });
6505
6505
 
6506
6506
  class ThemeAssetImageDirective extends ThemeAssetDirective {
6507
6507
  // --------------------------------------------------------------------------
@@ -6524,14 +6524,14 @@ class ThemeAssetImageDirective extends ThemeAssetDirective {
6524
6524
  this.element.src = null;
6525
6525
  }
6526
6526
  }
6527
- ThemeAssetImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetImageDirective, deps: [{ token: i0.ElementRef }, { token: i1$4.ThemeService }, { token: i1$4.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
6527
+ ThemeAssetImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetImageDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }, { token: i1$1.ThemeAssetService }], target: i0.ɵɵFactoryTarget.Directive });
6528
6528
  ThemeAssetImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeAssetImageDirective, selector: "[vi-theme-image]", usesInheritance: true, ngImport: i0 });
6529
6529
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeAssetImageDirective, decorators: [{
6530
6530
  type: Directive,
6531
6531
  args: [{
6532
6532
  selector: '[vi-theme-image]'
6533
6533
  }]
6534
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$4.ThemeService }, { type: i1$4.ThemeAssetService }]; } });
6534
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.ThemeService }, { type: i1$1.ThemeAssetService }]; } });
6535
6535
 
6536
6536
  class ThemeToggleDirective extends Destroyable {
6537
6537
  // --------------------------------------------------------------------------
@@ -6579,14 +6579,14 @@ class ThemeToggleDirective extends Destroyable {
6579
6579
  this.theme = null;
6580
6580
  }
6581
6581
  }
6582
- ThemeToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeToggleDirective, deps: [{ token: i1$4.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
6582
+ ThemeToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeToggleDirective, deps: [{ token: i1$1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
6583
6583
  ThemeToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeToggleDirective, selector: "[vi-theme-toggle]", host: { listeners: { "click": "clickHandler($event)" } }, usesInheritance: true, ngImport: i0 });
6584
6584
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeToggleDirective, decorators: [{
6585
6585
  type: Directive,
6586
6586
  args: [{
6587
6587
  selector: '[vi-theme-toggle]'
6588
6588
  }]
6589
- }], ctorParameters: function () { return [{ type: i1$4.ThemeService }]; }, propDecorators: { clickHandler: [{
6589
+ }], ctorParameters: function () { return [{ type: i1$1.ThemeService }]; }, propDecorators: { clickHandler: [{
6590
6590
  type: HostListener,
6591
6591
  args: ['click', ['$event']]
6592
6592
  }] } });
@@ -6683,14 +6683,14 @@ class ThemeStyleDirective extends Destroyable {
6683
6683
  }
6684
6684
  }
6685
6685
  }
6686
- ThemeStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeStyleDirective, deps: [{ token: i0.ElementRef }, { token: i1$4.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
6686
+ ThemeStyleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeStyleDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
6687
6687
  ThemeStyleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeStyleDirective, selector: "[vi-theme-style]", inputs: { flags: "flags", styleName: "styleName", key: ["vi-theme-style", "key"] }, usesInheritance: true, ngImport: i0 });
6688
6688
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeStyleDirective, decorators: [{
6689
6689
  type: Directive,
6690
6690
  args: [{
6691
6691
  selector: '[vi-theme-style]'
6692
6692
  }]
6693
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$4.ThemeService }]; }, propDecorators: { flags: [{
6693
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.ThemeService }]; }, propDecorators: { flags: [{
6694
6694
  type: Input
6695
6695
  }], styleName: [{
6696
6696
  type: Input
@@ -6786,14 +6786,14 @@ class ThemeStyleHoverDirective extends ThemeStyleDirective {
6786
6786
  super.flags = value;
6787
6787
  }
6788
6788
  }
6789
- ThemeStyleHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeStyleHoverDirective, deps: [{ token: i0.ElementRef }, { token: i1$4.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
6789
+ ThemeStyleHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeStyleHoverDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ThemeService }], target: i0.ɵɵFactoryTarget.Directive });
6790
6790
  ThemeStyleHoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ThemeStyleHoverDirective, selector: "[vi-theme-style-hover]", inputs: { key: ["vi-theme-style-hover", "key"], styleName: "styleName", flags: "flags" }, usesInheritance: true, ngImport: i0 });
6791
6791
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ThemeStyleHoverDirective, decorators: [{
6792
6792
  type: Directive,
6793
6793
  args: [{
6794
6794
  selector: '[vi-theme-style-hover]'
6795
6795
  }]
6796
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$4.ThemeService }]; }, propDecorators: { key: [{
6796
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.ThemeService }]; }, propDecorators: { key: [{
6797
6797
  type: Input,
6798
6798
  args: ['vi-theme-style-hover']
6799
6799
  }], styleName: [{
@@ -7225,7 +7225,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
7225
7225
  class MenuListComponent extends DestroyableContainer {
7226
7226
  }
7227
7227
  MenuListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
7228
- MenuListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuListComponent, selector: "vi-menu-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.filtered\">\n <button mat-menu-item [ngClass]=\"item.className\" (click)=\"list?.actionItem(item)\">\n <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\"></span>\n <span [innerHTML]=\"item.label\" [title]=\"item.label\"></span>\n </button>\n</ng-container>\n", components: [{ type: i1$5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
7228
+ MenuListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuListComponent, selector: "vi-menu-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.filtered\">\n <button mat-menu-item [ngClass]=\"item.className\" (click)=\"list?.actionItem(item)\">\n <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\"></span>\n <span [innerHTML]=\"item.label\" [title]=\"item.label\"></span>\n </button>\n</ng-container>\n", components: [{ type: i1$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
7229
7229
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuListComponent, decorators: [{
7230
7230
  type: Component,
7231
7231
  args: [{ selector: 'vi-menu-list', template: "<ng-container *ngFor=\"let item of list?.filtered\">\n <button mat-menu-item [ngClass]=\"item.className\" (click)=\"list?.actionItem(item)\">\n <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\"></span>\n <span [innerHTML]=\"item.label\" [title]=\"item.label\"></span>\n </button>\n</ng-container>\n" }]
@@ -7236,7 +7236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
7236
7236
  class SelectListComponent extends DestroyableContainer {
7237
7237
  }
7238
7238
  SelectListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
7239
- SelectListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SelectListComponent, selector: "vi-select-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.collection\">\n\n <mat-list-item [ngClass]=\"item.isSelected? item.selectedClassName : item.className\" *ngIf=\"item.isEnabled\" (click)=\"list.actionItem(item)\" >\n <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\" matListIcon></span>\n <span [innerHTML]=\"item.label\" [title]=\"item.label\" matLine></span>\n </mat-list-item>\n\n</ng-container>\n", components: [{ type: i1$6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$6.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4$1.MatLine, selector: "[mat-line], [matLine]" }] });
7239
+ SelectListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SelectListComponent, selector: "vi-select-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.collection\">\n\n <mat-list-item [ngClass]=\"item.isSelected? item.selectedClassName : item.className\" *ngIf=\"item.isEnabled\" (click)=\"list.actionItem(item)\" >\n <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\" matListIcon></span>\n <span [innerHTML]=\"item.label\" [title]=\"item.label\" matLine></span>\n </mat-list-item>\n\n</ng-container>\n", components: [{ type: i1$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$5.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4$1.MatLine, selector: "[mat-line], [matLine]" }] });
7240
7240
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectListComponent, decorators: [{
7241
7241
  type: Component,
7242
7242
  args: [{ selector: 'vi-select-list', template: "<ng-container *ngFor=\"let item of list?.collection\">\n\n <mat-list-item [ngClass]=\"item.isSelected? item.selectedClassName : item.className\" *ngIf=\"item.isEnabled\" (click)=\"list.actionItem(item)\" >\n <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\" matListIcon></span>\n <span [innerHTML]=\"item.label\" [title]=\"item.label\" matLine></span>\n </mat-list-item>\n\n</ng-container>\n" }]
@@ -7299,7 +7299,7 @@ class TabGroupComponent extends DestroyableContainer {
7299
7299
  }
7300
7300
  }
7301
7301
  TabGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
7302
- TabGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TabGroupComponent, selector: "vi-tab-group", inputs: { className: "className", list: "list" }, usesInheritance: true, ngImport: i0, template: "<mat-tab-group [ngClass]=\"className\" (selectedIndexChange)=\"list.selectedIndex = $event\" [selectedIndex]=\"list?.selectedIndex\"\n (selectedTabChange)=\"selectedTabChange($event)\">\n <ng-container *ngFor=\"let item of list?.collection\">\n <mat-tab [ngClass]=\"item.className\" [label]=\"item.label\" [disabled]=\"!item.isEnabled\" (click)=\"list?.actionItem(item)\"></mat-tab>\n </ng-container>\n</mat-tab-group>\n", components: [{ type: i1$7.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i1$7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
7302
+ TabGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TabGroupComponent, selector: "vi-tab-group", inputs: { className: "className", list: "list" }, usesInheritance: true, ngImport: i0, template: "<mat-tab-group [ngClass]=\"className\" (selectedIndexChange)=\"list.selectedIndex = $event\" [selectedIndex]=\"list?.selectedIndex\"\n (selectedTabChange)=\"selectedTabChange($event)\">\n <ng-container *ngFor=\"let item of list?.collection\">\n <mat-tab [ngClass]=\"item.className\" [label]=\"item.label\" [disabled]=\"!item.isEnabled\" (click)=\"list?.actionItem(item)\"></mat-tab>\n </ng-container>\n</mat-tab-group>\n", components: [{ type: i1$6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i1$6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
7303
7303
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabGroupComponent, decorators: [{
7304
7304
  type: Component,
7305
7305
  args: [{ selector: 'vi-tab-group', template: "<mat-tab-group [ngClass]=\"className\" (selectedIndexChange)=\"list.selectedIndex = $event\" [selectedIndex]=\"list?.selectedIndex\"\n (selectedTabChange)=\"selectedTabChange($event)\">\n <ng-container *ngFor=\"let item of list?.collection\">\n <mat-tab [ngClass]=\"item.className\" [label]=\"item.label\" [disabled]=\"!item.isEnabled\" (click)=\"list?.actionItem(item)\"></mat-tab>\n </ng-container>\n</mat-tab-group>\n" }]
@@ -7720,23 +7720,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
7720
7720
  }] });
7721
7721
 
7722
7722
  class CdkTableCellValuePipe {
7723
+ // --------------------------------------------------------------------------
7724
+ //
7725
+ // Constructor
7726
+ //
7727
+ // --------------------------------------------------------------------------
7728
+ constructor(detection) {
7729
+ this.detection = detection;
7730
+ }
7723
7731
  // --------------------------------------------------------------------------
7724
7732
  //
7725
7733
  // Public Methods
7726
7734
  //
7727
7735
  // --------------------------------------------------------------------------
7728
7736
  transform(item, column) {
7729
- return !_.isNil(column) && !_.isNil(column.format) ? column.format(item, column) : item[column.name];
7737
+ if (!_.isNil(this.value)) {
7738
+ return this.value;
7739
+ }
7740
+ let value = CdkTableCellValuePipe.PENDING_SYMBOL;
7741
+ if (_.isNil(column.format)) {
7742
+ value = this.value = item[column.name];
7743
+ return value;
7744
+ }
7745
+ let result = column.format(item, column);
7746
+ if (!(result instanceof Promise)) {
7747
+ value = this.value = result;
7748
+ return value;
7749
+ }
7750
+ result
7751
+ .then(item => {
7752
+ value = this.value = item;
7753
+ })
7754
+ .catch(error => {
7755
+ value = this.value = CdkTableCellValuePipe.ERROR_SYMBOL;
7756
+ })
7757
+ .finally(() => {
7758
+ this.detection.markForCheck();
7759
+ });
7760
+ return value;
7730
7761
  }
7731
7762
  }
7732
- CdkTableCellValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
7763
+ // --------------------------------------------------------------------------
7764
+ //
7765
+ // Static Properties
7766
+ //
7767
+ // --------------------------------------------------------------------------
7768
+ CdkTableCellValuePipe.ERROR_SYMBOL = 'x';
7769
+ CdkTableCellValuePipe.PENDING_SYMBOL = '-';
7770
+ CdkTableCellValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
7733
7771
  CdkTableCellValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, name: "viCdkTableCellValue" });
7734
7772
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, decorators: [{
7735
7773
  type: Pipe,
7736
7774
  args: [{
7737
7775
  name: 'viCdkTableCellValue'
7738
7776
  }]
7739
- }] });
7777
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
7740
7778
 
7741
7779
  class CdkTableRowClassNamePipe {
7742
7780
  // --------------------------------------------------------------------------
@@ -7812,7 +7850,7 @@ class CdkTablePaginableComponent extends CdkTableBaseComponent {
7812
7850
  }
7813
7851
  }
7814
7852
  CdkTablePaginableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
7815
- CdkTablePaginableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTablePaginableComponent, selector: "vi-cdk-table-paginable", inputs: { paginator: "paginator" }, usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [trackBy]=\"table.trackByFn\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n \n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0\"\n [pageSize]=\"table?.pageSize\"\n [pageIndex]=\"table?.pageIndex\"\n [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\"\n [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n [hidePageSize]=\"paginator?.hidePageSize\"\n *ngIf=\"paginator\"\n ></mat-paginator>\n</div>\n", components: [{ type: i1$8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i4$2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$8.MatCellDef, selector: "[matCellDef]" }, { type: i1$8.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$8.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
7853
+ CdkTablePaginableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTablePaginableComponent, selector: "vi-cdk-table-paginable", inputs: { paginator: "paginator" }, usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [trackBy]=\"table.trackByFn\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n \n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0\"\n [pageSize]=\"table?.pageSize\"\n [pageIndex]=\"table?.pageIndex\"\n [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\"\n [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n [hidePageSize]=\"paginator?.hidePageSize\"\n *ngIf=\"paginator\"\n ></mat-paginator>\n</div>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i4$2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
7816
7854
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableComponent, decorators: [{
7817
7855
  type: Component,
7818
7856
  args: [{ selector: 'vi-cdk-table-paginable', template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [trackBy]=\"table.trackByFn\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n \n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n <mat-paginator\n class=\"flex-shrink-0\"\n [pageSize]=\"table?.pageSize\"\n [pageIndex]=\"table?.pageIndex\"\n [length]=\"table?.total\"\n (page)=\"table?.pageEventHandler($event)\"\n [pageSizeOptions]=\"paginator?.pageSizes\"\n [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n [hidePageSize]=\"paginator?.hidePageSize\"\n *ngIf=\"paginator\"\n ></mat-paginator>\n</div>\n" }]
@@ -7832,7 +7870,7 @@ class CdkTableFilterableComponent extends CdkTableBaseComponent {
7832
7870
  }
7833
7871
  }
7834
7872
  CdkTableFilterableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableFilterableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
7835
- CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n</div>\n", components: [{ type: i1$8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$8.MatCellDef, selector: "[matCellDef]" }, { type: i1$8.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$8.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
7873
+ CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n</div>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
7836
7874
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableFilterableComponent, decorators: [{
7837
7875
  type: Component,
7838
7876
  args: [{ selector: 'vi-cdk-table-filterable', template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n <ng-content></ng-content>\n</div>\n" }]
@@ -7850,7 +7888,7 @@ class CdkTablePaginableBookmarkComponent extends CdkTableBaseComponent {
7850
7888
  }
7851
7889
  }
7852
7890
  CdkTablePaginableBookmarkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableBookmarkComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
7853
- CdkTablePaginableBookmarkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTablePaginableBookmarkComponent, selector: "vi-cdk-table-paginable-bookmark", usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n", components: [{ type: i1$8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$8.MatCellDef, selector: "[matCellDef]" }, { type: i1$8.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$8.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
7891
+ CdkTablePaginableBookmarkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTablePaginableBookmarkComponent, selector: "vi-cdk-table-paginable-bookmark", usesInheritance: true, ngImport: i0, template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
7854
7892
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableBookmarkComponent, decorators: [{
7855
7893
  type: Component,
7856
7894
  args: [{ selector: 'vi-cdk-table-paginable-bookmark', template: "<mat-table\n class=\"flex-grow-1 vertical-scroll-only\"\n matSort\n [dataSource]=\"table?.table?.dataSource\"\n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n [class.mat-nav-list]=\"settings?.isInteractive\"\n (matSortChange)=\"table.sortEventHandler($event)\"\n>\n <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n <ng-container [matColumnDef]=\"column.name\">\n <mat-header-cell\n class=\"px-2\"\n mat-sort-header\n [disableClear]=\"true\"\n [disabled]=\"column.isDisableSort\"\n [ngClass]=\"column.headerClassName\"\n *matHeaderCellDef\n >\n <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n </mat-header-cell>\n <mat-cell\n class=\"p-2\"\n (click)=\"cellClickHandler(row, column, $event)\"\n *matCellDef=\"let row\"\n [ngClass]=\"row | viCdkTableColumnClassName: column\"\n [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n >\n <ng-container [ngSwitch]=\"column.isImage\">\n <img\n *ngSwitchCase=\"true\"\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [src]=\"row | viCdkTableCellValue: column\"\n />\n <span\n *ngSwitchDefault\n [ngClass]=\"row | viCdkTableCellClassName: column\"\n [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n ></span>\n </ng-container>\n </mat-cell>\n </ng-container>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n <mat-row\n class=\"mat-list-item\"\n *matRowDef=\"let row; columns: columnNames\"\n [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n (click)=\"rowClickHandler(row, $event)\"\n ></mat-row>\n\n <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n" }]
@@ -8500,7 +8538,7 @@ class LoginGuard extends LoginRequireResolver {
8500
8538
  //
8501
8539
  // --------------------------------------------------------------------------
8502
8540
  LoginGuard.redirectUrl = '/login';
8503
- LoginGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginGuard, deps: [{ token: LoginBaseService }, { token: i1$9.Router }], target: i0.ɵɵFactoryTarget.Injectable });
8541
+ LoginGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginGuard, deps: [{ token: LoginBaseService }, { token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable });
8504
8542
  LoginGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginGuard, providedIn: 'root' });
8505
8543
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginGuard, decorators: [{
8506
8544
  type: Injectable,
@@ -8508,7 +8546,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
8508
8546
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
8509
8547
  type: Inject,
8510
8548
  args: [LoginBaseService]
8511
- }] }, { type: i1$9.Router }]; } });
8549
+ }] }, { type: i1$8.Router }]; } });
8512
8550
 
8513
8551
  class LoginNotGuard extends LoginRequireResolver {
8514
8552
  // --------------------------------------------------------------------------
@@ -8535,7 +8573,7 @@ class LoginNotGuard extends LoginRequireResolver {
8535
8573
  //
8536
8574
  // --------------------------------------------------------------------------
8537
8575
  LoginNotGuard.redirectUrl = '/';
8538
- LoginNotGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginNotGuard, deps: [{ token: LoginBaseService }, { token: i1$9.Router }], target: i0.ɵɵFactoryTarget.Injectable });
8576
+ LoginNotGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginNotGuard, deps: [{ token: LoginBaseService }, { token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable });
8539
8577
  LoginNotGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginNotGuard, providedIn: 'root' });
8540
8578
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginNotGuard, decorators: [{
8541
8579
  type: Injectable,
@@ -8543,7 +8581,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
8543
8581
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
8544
8582
  type: Inject,
8545
8583
  args: [LoginBaseService]
8546
- }] }, { type: i1$9.Router }]; } });
8584
+ }] }, { type: i1$8.Router }]; } });
8547
8585
 
8548
8586
  class LoginIfCanGuard extends LoginGuard {
8549
8587
  // --------------------------------------------------------------------------
@@ -8583,7 +8621,7 @@ class LoginIfCanGuard extends LoginGuard {
8583
8621
  return super.canActivate(route, state);
8584
8622
  }
8585
8623
  }
8586
- LoginIfCanGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginIfCanGuard, deps: [{ token: LoginBaseService }, { token: i1$9.Router }], target: i0.ɵɵFactoryTarget.Injectable });
8624
+ LoginIfCanGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginIfCanGuard, deps: [{ token: LoginBaseService }, { token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable });
8587
8625
  LoginIfCanGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginIfCanGuard, providedIn: 'root' });
8588
8626
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoginIfCanGuard, decorators: [{
8589
8627
  type: Injectable,
@@ -8591,7 +8629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
8591
8629
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
8592
8630
  type: Inject,
8593
8631
  args: [LoginBaseService]
8594
- }] }, { type: i1$9.Router }]; } });
8632
+ }] }, { type: i1$8.Router }]; } });
8595
8633
 
8596
8634
  class LoginResolver extends LoginRequireResolver {
8597
8635
  // --------------------------------------------------------------------------
@@ -9391,12 +9429,12 @@ BootstrapBreakpointService.DEFAULT_MD = 768;
9391
9429
  BootstrapBreakpointService.DEFAULT_LG = 992;
9392
9430
  BootstrapBreakpointService.DEFAULT_XL = 1200;
9393
9431
  BootstrapBreakpointService.DEFAULT_XXL = 1400;
9394
- BootstrapBreakpointService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BootstrapBreakpointService, deps: [{ token: i1$a.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
9432
+ BootstrapBreakpointService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BootstrapBreakpointService, deps: [{ token: i1$9.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
9395
9433
  BootstrapBreakpointService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BootstrapBreakpointService, providedIn: 'root' });
9396
9434
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BootstrapBreakpointService, decorators: [{
9397
9435
  type: Injectable,
9398
9436
  args: [{ providedIn: 'root' }]
9399
- }], ctorParameters: function () { return [{ type: i1$a.BreakpointObserver }]; } });
9437
+ }], ctorParameters: function () { return [{ type: i1$9.BreakpointObserver }]; } });
9400
9438
  var BootstrapBreakpointServiceEvent;
9401
9439
  (function (BootstrapBreakpointServiceEvent) {
9402
9440
  BootstrapBreakpointServiceEvent["CHANGED"] = "CHANGED";
@@ -9641,7 +9679,7 @@ class UserBaseService extends DestroyableContainer {
9641
9679
  if (this.login.isLoggedIn) {
9642
9680
  this.loginedHandler();
9643
9681
  }
9644
- this.login.events.pipe(takeUntil$1(this.destroyed)).subscribe(data => {
9682
+ this.login.events.pipe(takeUntil(this.destroyed)).subscribe(data => {
9645
9683
  if (data.type === LoginBaseServiceEvent.LOGIN_COMPLETE) {
9646
9684
  this.loginedHandler();
9647
9685
  }
@@ -9704,13 +9742,13 @@ class UserBaseService extends DestroyableContainer {
9704
9742
  return this.observer.asObservable();
9705
9743
  }
9706
9744
  get logined() {
9707
- return this.events.pipe(filter$1(item => item.type === UserBaseServiceEvent.LOGINED), map$1(item => item.data));
9745
+ return this.events.pipe(filter(item => item.type === UserBaseServiceEvent.LOGINED), map(item => item.data));
9708
9746
  }
9709
9747
  get changed() {
9710
- return this.events.pipe(filter$1(item => item.type === UserBaseServiceEvent.CHANGED), map$1(item => item.data));
9748
+ return this.events.pipe(filter(item => item.type === UserBaseServiceEvent.CHANGED), map(item => item.data));
9711
9749
  }
9712
9750
  get logouted() {
9713
- return this.events.pipe(filter$1(item => item.type === UserBaseServiceEvent.LOGOUTED), map$1(() => null));
9751
+ return this.events.pipe(filter(item => item.type === UserBaseServiceEvent.LOGOUTED), map(() => null));
9714
9752
  }
9715
9753
  get hasUser() {
9716
9754
  return !_.isNil(this._user);
@@ -9946,11 +9984,11 @@ class TransportLazyModule {
9946
9984
  }
9947
9985
  }
9948
9986
 
9949
- /* ======= */
9987
+ //
9950
9988
 
9951
9989
  /**
9952
9990
  * Generated bundle index. Do not edit.
9953
9991
  */
9954
9992
 
9955
- export { APPLICATION_INJECTOR, ApplicationBaseComponent, ApplicationComponent, AspectRatioResizeDirective, AssetBackgroundDirective, AssetBackgroundPipe, AssetFilePipe, AssetIconPipe, AssetImagePipe, AssetModule, AssetSoundPipe, AssetVideoPipe, AutoScrollBottomDirective, BootstrapBreakpoint, BootstrapBreakpointService, BootstrapBreakpointServiceEvent, BottomSheetBaseComponent, BottomSheetService, COOKIE_OPTIONS, CamelCasePipe, CanDeactivateGuard, CdkTableBaseComponent, CdkTableCellClassNamePipe, CdkTableCellStyleNamePipe, CdkTableCellValuePipe, CdkTableColumnClassNamePipe, CdkTableColumnStyleNamePipe, CdkTableDataSource, CdkTableFilterableComponent, CdkTableFilterableMapCollection, CdkTablePaginableBookmarkComponent, CdkTablePaginableBookmarkMapCollection, CdkTablePaginableComponent, CdkTablePaginableMapCollection, CdkTableRowClassNamePipe, CdkTableRowStyleNamePipe, ClickToCopyDirective, ClickToSelectDirective, CookieModule, CookieOptions, CookieService, Direction, FinancePipe, FocusDirective, FocusManager, FormElementAsync, FormElementSync, HTMLContentTitleDirective, HTMLTitleDirective, INotification, INotificationContent, IUser, IVICommonOptions, IWindow, IWindowContent, InfiniteScrollDirective, LANGUAGE_OPTIONS, LanguageDirective, LanguageHasDirective, LanguageMatPaginatorIntl, LanguageModule, LanguageMomentDateAdapter, LanguagePipe, LanguagePipeHas, LanguagePipeHasPure, LanguagePipePure, LanguageRequireResolver, LanguageResolver, LanguageSelectorComponent, LazyModuleLoader, ListItem, ListItems, LoginBaseService, LoginBaseServiceEvent, LoginGuard, LoginIfCanGuard, LoginNotGuard, LoginRequireResolver, LoginResolver, MenuItem, MenuItemBase, MenuItems, MenuListComponent, MenuTriggerForDirective, MessageBaseComponent, MomentDateAdaptivePipe, MomentDateFromNowPipe, MomentDatePipe, MomentTimePipe, NavigationMenuItem, NgModelErrorPipe, NotificationBaseComponent, NotificationComponent, NotificationConfig, NotificationEvent, NotificationFactory, NotificationModule, NotificationService, NotificationServiceEvent, PipeBaseService, PrettifyPipe, PropertiesManager, QuestionEvent, QuestionManager, QuestionMode, ResizeDirective, ResizeManager, RouterBaseService, SanitizePipe, ScrollCheckDirective, ScrollDirective, SelectListComponent, SelectListItem, SelectListItems, SelectOnFocusDirective, ShellBaseComponent, StartCasePipe, THEME_OPTIONS, TabGroupComponent, ThemeAssetBackgroundDirective, ThemeAssetDirective, ThemeAssetImageDirective, ThemeModule, ThemeStyleDirective, ThemeStyleHoverDirective, ThemeToggleDirective, TimePipe, TransportLazy, TransportLazyModule, TransportLazyModuleLoadedEvent, TruncatePipe, UserBaseService, UserBaseServiceEvent, VICommonModule, VIComponentModule, VI_ANGULAR_OPTIONS, ViewUtil, WINDOW_CONTENT_CONTAINER, WindowAlign, WindowBase, WindowBaseComponent, WindowCloseElementComponent, WindowConfig, WindowDragAreaDirective, WindowElement, WindowEvent, WindowExpandElementComponent, WindowFactory, WindowImpl, WindowMinimizeElementComponent, WindowModule, WindowQuestionBaseComponent, WindowQuestionComponent, WindowResizeElementComponent, WindowService, WindowServiceEvent, cookieServiceFactory, languageServiceFactory, loggerServiceFactory, notificationServiceFactory, themeAssetServiceFactory, themeServiceFactory };
9993
+ export { APPLICATION_INJECTOR, ApplicationBaseComponent, ApplicationComponent, AspectRatioResizeDirective, AssetBackgroundDirective, AssetBackgroundPipe, AssetFilePipe, AssetIconPipe, AssetImagePipe, AssetModule, AssetSoundPipe, AssetVideoPipe, AutoScrollBottomDirective, BootstrapBreakpoint, BootstrapBreakpointService, BootstrapBreakpointServiceEvent, BottomSheetBaseComponent, BottomSheetService, COOKIE_OPTIONS, CamelCasePipe, CanDeactivateGuard, CdkTableBaseComponent, CdkTableCellClassNamePipe, CdkTableCellStyleNamePipe, CdkTableCellValuePipe, CdkTableColumnClassNamePipe, CdkTableColumnStyleNamePipe, CdkTableDataSource, CdkTableFilterableComponent, CdkTableFilterableMapCollection, CdkTablePaginableBookmarkComponent, CdkTablePaginableBookmarkMapCollection, CdkTablePaginableComponent, CdkTablePaginableMapCollection, CdkTableRowClassNamePipe, CdkTableRowStyleNamePipe, ClickToCopyDirective, ClickToSelectDirective, CookieModule, CookieOptions, CookieService, Direction, FinancePipe, FocusDirective, FocusManager, FormElementAsync, FormElementSync, HTMLContentTitleDirective, HTMLTitleDirective, INotification, INotificationContent, IUser, IVICommonOptions, IWindow, IWindowContent, InfiniteScrollDirective, LANGUAGE_OPTIONS, LanguageDirective, LanguageHasDirective, LanguageMatPaginatorIntl, LanguageModule, LanguageMomentDateAdapter, LanguagePipe, LanguagePipeHas, LanguagePipeHasPure, LanguagePipePure, LanguageRequireResolver, LanguageResolver, LanguageSelectorComponent, LazyModuleLoader, ListItem, ListItems, LoginBaseService, LoginBaseServiceEvent, LoginGuard, LoginIfCanGuard, LoginNotGuard, LoginRequireResolver, LoginResolver, MenuItem, MenuItemBase, MenuItems, MenuListComponent, MenuTriggerForDirective, MessageBaseComponent, MomentDateAdaptivePipe, MomentDateFromNowPipe, MomentDatePipe, MomentTimePipe, NavigationMenuItem, NgModelErrorPipe, NotificationBaseComponent, NotificationComponent, NotificationConfig, NotificationEvent, NotificationFactory, NotificationModule, NotificationService, NotificationServiceEvent, PipeBaseService, PrettifyPipe, PropertiesManager, QuestionEvent, QuestionManager, QuestionMode, ResizeDirective, ResizeManager, RouterBaseService, SanitizePipe, ScrollCheckDirective, ScrollDirective, SelectListComponent, SelectListItem, SelectListItems, SelectOnFocusDirective, ShellBaseComponent, StartCasePipe, THEME_OPTIONS, TabGroupComponent, ThemeAssetBackgroundDirective, ThemeAssetDirective, ThemeAssetImageDirective, ThemeModule, ThemeStyleDirective, ThemeStyleHoverDirective, ThemeToggleDirective, TimePipe, TransportLazy, TransportLazyModule, TransportLazyModuleLoadedEvent, TruncatePipe, UserBaseService, UserBaseServiceEvent, VICommonModule, VIComponentModule, VI_ANGULAR_OPTIONS, ViewUtil, WINDOW_CONTENT_CONTAINER, WindowAlign, WindowBase, WindowBaseComponent, WindowCloseElementComponent, WindowClosedError, WindowConfig, WindowDragAreaDirective, WindowElement, WindowEvent, WindowExpandElementComponent, WindowFactory, WindowImpl, WindowMinimizeElementComponent, WindowModule, WindowQuestionBaseComponent, WindowQuestionComponent, WindowResizeElementComponent, WindowService, WindowServiceEvent, cookieServiceFactory, languageServiceFactory, loggerServiceFactory, notificationServiceFactory, themeAssetServiceFactory, themeServiceFactory };
9956
9994
  //# sourceMappingURL=ts-core-angular.mjs.map