@bcgov/nr-ngx-component-lib 0.0.44 → 0.0.46
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.
- package/components/loading-status/loading-status.component.d.ts +8 -0
- package/components/page-header/page-header.component.d.ts +1 -1
- package/components/tabs/tab/tab.component.d.ts +28 -0
- package/components/tabs/tab-group/tab-group.component.d.ts +34 -0
- package/esm2022/components/loading-status/loading-status.component.mjs +22 -0
- package/esm2022/components/page-header/page-header.component.mjs +3 -3
- package/esm2022/components/tabs/tab/tab.component.mjs +62 -0
- package/esm2022/components/tabs/tab-group/tab-group.component.mjs +85 -0
- package/esm2022/nr-ngx-component-lib.module.mjs +33 -6
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs +188 -8
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs.map +1 -1
- package/nr-ngx-component-lib.module.d.ts +28 -24
- package/package.json +1 -1
- package/public-api.d.ts +3 -0
package/esm2022/public-api.mjs
CHANGED
|
@@ -32,6 +32,9 @@ export * from './components/snackbar/snackbar.component';
|
|
|
32
32
|
export * from './components/tag-list/tag-list.component';
|
|
33
33
|
export * from './components/dialog/dialog.component';
|
|
34
34
|
export * from './components/dialog-confirm/dialog-confirm.component';
|
|
35
|
+
export * from './components/tabs/tab-group/tab-group.component';
|
|
36
|
+
export * from './components/tabs/tab/tab.component';
|
|
37
|
+
export * from './components/loading-status/loading-status.component';
|
|
35
38
|
export * from './directives/configuration-subscriber.base';
|
|
36
39
|
export * from './directives/row-list.base';
|
|
37
40
|
export * from './directives/nrcl.base';
|
|
@@ -45,4 +48,4 @@ export * from './utils/date.util';
|
|
|
45
48
|
export * from './utils/filter.util';
|
|
46
49
|
export * from './utils/row-list.util';
|
|
47
50
|
export * from './nr-ngx-component-lib.module';
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsY0FBYyxzQ0FBc0MsQ0FBQTtBQUNwRCxjQUFjLGtEQUFrRCxDQUFBO0FBQ2hFLGNBQWMsZ0RBQWdELENBQUE7QUFDOUQsY0FBYyx3REFBd0QsQ0FBQTtBQUN0RSxjQUFjLHNFQUFzRSxDQUFBO0FBQ3BGLGNBQWMsc0VBQXNFLENBQUE7QUFDcEYsY0FBYyx3RUFBd0UsQ0FBQTtBQUN0RixjQUFjLDBEQUEwRCxDQUFBO0FBQ3hFLGNBQWMsZ0RBQWdELENBQUE7QUFDOUQsY0FBYyxvREFBb0QsQ0FBQTtBQUNsRSxjQUFjLG9EQUFvRCxDQUFBO0FBQ2xFLGNBQWMsb0RBQW9ELENBQUE7QUFDbEUsY0FBYyw4Q0FBOEMsQ0FBQTtBQUM1RCxjQUFjLGdEQUFnRCxDQUFBO0FBQzlELGNBQWMsa0NBQWtDLENBQUE7QUFDaEQsY0FBYyw0Q0FBNEMsQ0FBQTtBQUMxRCxjQUFjLDBEQUEwRCxDQUFBO0FBQ3hFLGNBQWMsZ0NBQWdDLENBQUE7QUFDOUMsY0FBYywwREFBMEQsQ0FBQTtBQUN4RSxjQUFjLDhEQUE4RCxDQUFBO0FBQzVFLGNBQWMsZ0RBQWdELENBQUE7QUFDOUQsY0FBYyxzREFBc0QsQ0FBQTtBQUNwRSxjQUFjLGdEQUFnRCxDQUFBO0FBQzlELGNBQWMsMERBQTBELENBQUE7QUFDeEUsY0FBYyx3REFBd0QsQ0FBQTtBQUN0RSxjQUFjLGdFQUFnRSxDQUFBO0FBQzlFLGNBQWMsMERBQTBELENBQUE7QUFDeEUsY0FBYywwQ0FBMEMsQ0FBQTtBQUN4RCxjQUFjLDBDQUEwQyxDQUFBO0FBQ3hELGNBQWMsc0NBQXNDLENBQUE7QUFDcEQsY0FBYyxzREFBc0QsQ0FBQTtBQUNwRSxjQUFjLGlEQUFpRCxDQUFBO0FBQy9ELGNBQWMscUNBQXFDLENBQUE7QUFDbkQsY0FBYyxzREFBc0QsQ0FBQTtBQUVwRSxjQUFjLDRDQUE0QyxDQUFBO0FBQzFELGNBQWMsNEJBQTRCLENBQUE7QUFDMUMsY0FBYyx3QkFBd0IsQ0FBQTtBQUN0QyxjQUFjLDBCQUEwQixDQUFBO0FBRXhDLGNBQWMsa0NBQWtDLENBQUE7QUFDaEQsY0FBYyxrQ0FBa0MsQ0FBQTtBQUNoRCxjQUFjLCtCQUErQixDQUFBO0FBQzdDLGNBQWMsMkJBQTJCLENBQUE7QUFFekMsY0FBYyx5QkFBeUIsQ0FBQTtBQUN2QyxjQUFjLG1CQUFtQixDQUFBO0FBQ2pDLGNBQWMscUJBQXFCLENBQUE7QUFDbkMsY0FBYyx1QkFBdUIsQ0FBQTtBQUVyQyxjQUFjLCtCQUErQixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB3ZmNjLWFwcGxpY2F0aW9uLXVpXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9jZWxsLWNvbnRlbnQvY2VsbC1jb250ZW50LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9kZXZpY2Utdmlldy9kZXZpY2Utdmlldy5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZXhwYW5zaW9uLXBhbmVsL2hlYWRlci9leHBhbnNpb24tcGFuZWwtaGVhZGVyLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9leHBhbnNpb24tcGFuZWwvZm9vdGVyL2V4cGFuc2lvbi1wYW5lbC1mb290ZXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2V4cGFuc2lvbi1wYW5lbC9zZWN0aW9uL2V4cGFuc2lvbi1wYW5lbC1zZWN0aW9uLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9maWx0ZXItY29udGFpbmVyL2ZpbHRlci1jb250YWluZXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2ZpbHRlci1kYXRlL2ZpbHRlci1kYXRlLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9maWx0ZXItc2VhcmNoL2ZpbHRlci1zZWFyY2guY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2ZpbHRlci1zZWxlY3QvZmlsdGVyLXNlbGVjdC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZmlsdGVycy1wYW5lbC9maWx0ZXJzLXBhbmVsLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9mb3JtLWZpZWxkL2Zvcm0tZmllbGQuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2Zvcm0tbGF5b3V0L2Zvcm0tbGF5b3V0LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2luZGljYXRvci9pbmRpY2F0b3IuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2luZGljYXRvci1zZWxlY3QvaW5kaWNhdG9yLXNlbGVjdC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZ2FwL2dhcC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvbGlzdC1hdHRhY2htZW50cy9saXN0LWF0dGFjaG1lbnRzLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9saXN0LWV2ZW50LWhpc3RvcnkvbGlzdC1ldmVudC1oaXN0b3J5LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9saXN0LXNlbGVjdC9saXN0LXNlbGVjdC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvcGFnZS1jb250YWluZXIvcGFnZS1jb250YWluZXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9yb3ctbGlzdC1kZXNrdG9wL3Jvdy1saXN0LWRlc2t0b3AuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3Jvdy1saXN0LW1vYmlsZS9yb3ctbGlzdC1tb2JpbGUuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3Jvdy1saXN0LXBhZ2luYXRpb24vcm93LWxpc3QtcGFnaW5hdGlvbi5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvcm93LWxpc3Qtc29ydGluZy9yb3ctbGlzdC1zb3J0aW5nLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9zbmFja2Jhci9zbmFja2Jhci5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvdGFnLWxpc3QvdGFnLWxpc3QuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2RpYWxvZy1jb25maXJtL2RpYWxvZy1jb25maXJtLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy90YWJzL3RhYi1ncm91cC90YWItZ3JvdXAuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3RhYnMvdGFiL3RhYi5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvbG9hZGluZy1zdGF0dXMvbG9hZGluZy1zdGF0dXMuY29tcG9uZW50J1xuXG5leHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMvY29uZmlndXJhdGlvbi1zdWJzY3JpYmVyLmJhc2UnXG5leHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMvcm93LWxpc3QuYmFzZSdcbmV4cG9ydCAqIGZyb20gJy4vZGlyZWN0aXZlcy9ucmNsLmJhc2UnXG5leHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMvZGlhbG9nLmJhc2UnXG5cbmV4cG9ydCAqIGZyb20gJy4vc2VydmljZXMvc25hY2tiYXItdXRpbC5zZXJ2aWNlJ1xuZXhwb3J0ICogZnJvbSAnLi9zZXJ2aWNlcy9jb25maWd1cmF0aW9uLnNlcnZpY2UnXG5leHBvcnQgKiBmcm9tICcuL3NlcnZpY2VzL3BhZ2Utc3RhdGUuc2VydmljZSdcbmV4cG9ydCAqIGZyb20gJy4vc2VydmljZXMvZGlhbG9nLnNlcnZpY2UnXG5cbmV4cG9ydCAqIGZyb20gJy4vdXRpbHMvY29kZS10YWJsZS51dGlsJ1xuZXhwb3J0ICogZnJvbSAnLi91dGlscy9kYXRlLnV0aWwnXG5leHBvcnQgKiBmcm9tICcuL3V0aWxzL2ZpbHRlci51dGlsJ1xuZXhwb3J0ICogZnJvbSAnLi91dGlscy9yb3ctbGlzdC51dGlsJ1xuXG5leHBvcnQgKiBmcm9tICcuL25yLW5neC1jb21wb25lbnQtbGliLm1vZHVsZSdcbiJdfQ==
|
|
@@ -43,6 +43,8 @@ import * as i2$4 from '@angular/material/chips';
|
|
|
43
43
|
import { MatChipsModule } from '@angular/material/chips';
|
|
44
44
|
import * as i2$5 from '@angular/material/dialog';
|
|
45
45
|
import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogModule } from '@angular/material/dialog';
|
|
46
|
+
import * as i2$6 from '@angular/material/tabs';
|
|
47
|
+
import { MatTabGroup, MatTabsModule } from '@angular/material/tabs';
|
|
46
48
|
import { MatButtonModule } from '@angular/material/button';
|
|
47
49
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
48
50
|
import { MatMenuModule } from '@angular/material/menu';
|
|
@@ -1911,13 +1913,13 @@ class PageHeaderComponent extends ConfigurationSubscriberBase {
|
|
|
1911
1913
|
this.isLoading = false;
|
|
1912
1914
|
}
|
|
1913
1915
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1914
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PageHeaderComponent, selector: "nrcl-page-header", inputs: { isLoading: "isLoading" }, host: { properties: { "class.isLoading": "isLoading" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #headers>\n <ng-content select=\"h1\"></ng-content>\n <ng-content select=\"h2\"></ng-content>\n</ng-template>\n\n<ng-template #indicator>\n <ng-content select=\"nrcl-indicator,[indicator]\"></ng-content>\n</ng-template>\n\n<ng-template #leftSide>\n <ng-content select=\"[left-side]\"></ng-content>\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"[action]\"></ng-content>\n</ng-template>\n\n<ng-template #rightSide>\n <ng-content select=\"[right-side]\"></ng-content>\n <ng-content></ng-content>\n</ng-template>\n\n@if ( desktopVisible ) {\n <div class=\"left-side\">\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n\n <div class=\"below-title\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n </div>\n </div>\n\n <div class=\"middle\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n </div>\n </div>\n\n <div class=\"right-side\">\n <div class=\"actions\">\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n <div class=\"below-actions\">\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n </div>\n}\n\n@if ( mobileVisible ) {\n <div class=\"top\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n </div>\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n </div>\n\n <div class=\"actions\">\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n\n <div class=\"bottom\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n}\n\n", styles: [":host{display:flex;position:relative;padding-top:var(--nrcl-gutter-space);font-family:var(--nrcl-font-family)}:host .headers{display:flex;flex-direction:column}:host .headers ::ng-deep h1{font-size:var(--nrcl-font-size-h1);font-weight:200;padding:0;margin:0}:host .headers ::ng-deep h2{font-size:var(--nrcl-font-size-h2);font-weight:200;padding:0;margin:0}:host .actions{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--nrcl-gutter-space);position:relative}:host .actions:empty{display:none}:host .loading{position:absolute;top:0;right:0;display:none}:host.isLoading .loading{display:block}:host-context(.nrcl-device-desktop) :host .left-side{display:flex;flex-direction:column}:host-context(.nrcl-device-desktop) :host .middle{flex-grow:1}:host-context(.nrcl-device-desktop) :host .middle .indicator{display:flex;align-items:center;height:var(--nrcl-button-normal-height);margin-left:var(--nrcl-gutter-space)}:host-context(.nrcl-device-desktop) :host .right-side{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}:host-context(.nrcl-device-desktop) :host.isLoading .actions>::ng-deep *:not(.loading){visibility:hidden}:host-context(.nrcl-device-mobile) :host{flex-direction:column;gap:var(--nrcl-gutter-space)}:host-context(.nrcl-device-mobile) :host .top{display:block}:host-context(.nrcl-device-mobile) :host .top .headers{display:contents}:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h1,:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h2{display:block}:host-context(.nrcl-device-mobile) :host .top .indicator{float:right}:host-context(.nrcl-device-mobile) :host .top .indicator:empty{display:none}:host-context(.nrcl-device-mobile) :host .actions{align-self:stretch;justify-content:flex-start}:host-context(.nrcl-device-mobile) :host .bottom{display:flex;flex-direction:column}:host-context(.nrcl-device-mobile) :host .bottom:empty{display:none}:host-context(.nrcl-device-mobile) :host.isLoading .indicator>::ng-deep *:not(.loading){visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1916
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PageHeaderComponent, selector: "nrcl-page-header", inputs: { isLoading: "isLoading" }, host: { properties: { "class.isLoading": "isLoading" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #headers>\n <ng-content select=\"h1:not([right-side]):not([action])\"></ng-content>\n <ng-content select=\"h2:not([right-side]):not([action])\"></ng-content>\n</ng-template>\n\n<ng-template #indicator>\n <ng-content select=\"nrcl-indicator,[indicator]\"></ng-content>\n</ng-template>\n\n<ng-template #leftSide>\n <ng-content select=\"[left-side]\"></ng-content>\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"[action]\"></ng-content>\n</ng-template>\n\n<ng-template #rightSide>\n <ng-content select=\"[right-side]\"></ng-content>\n <ng-content></ng-content>\n</ng-template>\n\n@if ( desktopVisible ) {\n <div class=\"left-side\">\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n\n <div class=\"below-title\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n </div>\n </div>\n\n <div class=\"middle\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n </div>\n </div>\n\n <div class=\"right-side\">\n <div class=\"actions\">\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n <div class=\"below-actions\">\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n </div>\n}\n\n@if ( mobileVisible ) {\n <div class=\"top\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n </div>\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n </div>\n\n <div class=\"actions\">\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n\n <div class=\"bottom\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n}\n\n", styles: [":host{display:flex;position:relative;padding-top:var(--nrcl-gutter-space);font-family:var(--nrcl-font-family)}:host .headers{display:flex;flex-direction:column}:host .headers ::ng-deep h1{font-size:var(--nrcl-font-size-h1);font-weight:200;padding:0;margin:0}:host .headers ::ng-deep h2{font-size:var(--nrcl-font-size-h2);font-weight:200;padding:0;margin:0}:host .actions{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--nrcl-gutter-space);position:relative}:host .actions:empty{display:none}:host .loading{position:absolute;top:0;right:0;display:none}:host.isLoading .loading{display:block}:host-context(.nrcl-device-desktop) :host .left-side{display:flex;flex-direction:column}:host-context(.nrcl-device-desktop) :host .middle{flex-grow:1}:host-context(.nrcl-device-desktop) :host .middle .indicator{display:flex;align-items:center;height:var(--nrcl-button-normal-height);margin-left:var(--nrcl-gutter-space)}:host-context(.nrcl-device-desktop) :host .right-side{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}:host-context(.nrcl-device-desktop) :host.isLoading .actions>::ng-deep *:not(.loading){visibility:hidden}:host-context(.nrcl-device-mobile) :host{flex-direction:column;gap:var(--nrcl-gutter-space)}:host-context(.nrcl-device-mobile) :host .top{display:block}:host-context(.nrcl-device-mobile) :host .top .headers{display:contents}:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h1,:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h2{display:block}:host-context(.nrcl-device-mobile) :host .top .indicator{float:right}:host-context(.nrcl-device-mobile) :host .top .indicator:empty{display:none}:host-context(.nrcl-device-mobile) :host .actions{align-self:stretch;justify-content:flex-start}:host-context(.nrcl-device-mobile) :host .bottom{display:flex;flex-direction:column}:host-context(.nrcl-device-mobile) :host .bottom:empty{display:none}:host-context(.nrcl-device-mobile) :host.isLoading .indicator>::ng-deep *:not(.loading){visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1915
1917
|
}
|
|
1916
1918
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
1917
1919
|
type: Component,
|
|
1918
1920
|
args: [{ selector: "nrcl-page-header", changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1919
1921
|
'[class.isLoading]': 'isLoading',
|
|
1920
|
-
}, template: "<ng-template #headers>\n <ng-content select=\"h1\"></ng-content>\n <ng-content select=\"h2\"></ng-content>\n</ng-template>\n\n<ng-template #indicator>\n <ng-content select=\"nrcl-indicator,[indicator]\"></ng-content>\n</ng-template>\n\n<ng-template #leftSide>\n <ng-content select=\"[left-side]\"></ng-content>\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"[action]\"></ng-content>\n</ng-template>\n\n<ng-template #rightSide>\n <ng-content select=\"[right-side]\"></ng-content>\n <ng-content></ng-content>\n</ng-template>\n\n@if ( desktopVisible ) {\n <div class=\"left-side\">\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n\n <div class=\"below-title\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n </div>\n </div>\n\n <div class=\"middle\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n </div>\n </div>\n\n <div class=\"right-side\">\n <div class=\"actions\">\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n <div class=\"below-actions\">\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n </div>\n}\n\n@if ( mobileVisible ) {\n <div class=\"top\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n </div>\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n </div>\n\n <div class=\"actions\">\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n\n <div class=\"bottom\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n}\n\n", styles: [":host{display:flex;position:relative;padding-top:var(--nrcl-gutter-space);font-family:var(--nrcl-font-family)}:host .headers{display:flex;flex-direction:column}:host .headers ::ng-deep h1{font-size:var(--nrcl-font-size-h1);font-weight:200;padding:0;margin:0}:host .headers ::ng-deep h2{font-size:var(--nrcl-font-size-h2);font-weight:200;padding:0;margin:0}:host .actions{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--nrcl-gutter-space);position:relative}:host .actions:empty{display:none}:host .loading{position:absolute;top:0;right:0;display:none}:host.isLoading .loading{display:block}:host-context(.nrcl-device-desktop) :host .left-side{display:flex;flex-direction:column}:host-context(.nrcl-device-desktop) :host .middle{flex-grow:1}:host-context(.nrcl-device-desktop) :host .middle .indicator{display:flex;align-items:center;height:var(--nrcl-button-normal-height);margin-left:var(--nrcl-gutter-space)}:host-context(.nrcl-device-desktop) :host .right-side{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}:host-context(.nrcl-device-desktop) :host.isLoading .actions>::ng-deep *:not(.loading){visibility:hidden}:host-context(.nrcl-device-mobile) :host{flex-direction:column;gap:var(--nrcl-gutter-space)}:host-context(.nrcl-device-mobile) :host .top{display:block}:host-context(.nrcl-device-mobile) :host .top .headers{display:contents}:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h1,:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h2{display:block}:host-context(.nrcl-device-mobile) :host .top .indicator{float:right}:host-context(.nrcl-device-mobile) :host .top .indicator:empty{display:none}:host-context(.nrcl-device-mobile) :host .actions{align-self:stretch;justify-content:flex-start}:host-context(.nrcl-device-mobile) :host .bottom{display:flex;flex-direction:column}:host-context(.nrcl-device-mobile) :host .bottom:empty{display:none}:host-context(.nrcl-device-mobile) :host.isLoading .indicator>::ng-deep *:not(.loading){visibility:hidden}\n"] }]
|
|
1922
|
+
}, template: "<ng-template #headers>\n <ng-content select=\"h1:not([right-side]):not([action])\"></ng-content>\n <ng-content select=\"h2:not([right-side]):not([action])\"></ng-content>\n</ng-template>\n\n<ng-template #indicator>\n <ng-content select=\"nrcl-indicator,[indicator]\"></ng-content>\n</ng-template>\n\n<ng-template #leftSide>\n <ng-content select=\"[left-side]\"></ng-content>\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"[action]\"></ng-content>\n</ng-template>\n\n<ng-template #rightSide>\n <ng-content select=\"[right-side]\"></ng-content>\n <ng-content></ng-content>\n</ng-template>\n\n@if ( desktopVisible ) {\n <div class=\"left-side\">\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n\n <div class=\"below-title\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n </div>\n </div>\n\n <div class=\"middle\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n </div>\n </div>\n\n <div class=\"right-side\">\n <div class=\"actions\">\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n <div class=\"below-actions\">\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n </div>\n}\n\n@if ( mobileVisible ) {\n <div class=\"top\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n </div>\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n </div>\n\n <div class=\"actions\">\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n\n <div class=\"bottom\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n}\n\n", styles: [":host{display:flex;position:relative;padding-top:var(--nrcl-gutter-space);font-family:var(--nrcl-font-family)}:host .headers{display:flex;flex-direction:column}:host .headers ::ng-deep h1{font-size:var(--nrcl-font-size-h1);font-weight:200;padding:0;margin:0}:host .headers ::ng-deep h2{font-size:var(--nrcl-font-size-h2);font-weight:200;padding:0;margin:0}:host .actions{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--nrcl-gutter-space);position:relative}:host .actions:empty{display:none}:host .loading{position:absolute;top:0;right:0;display:none}:host.isLoading .loading{display:block}:host-context(.nrcl-device-desktop) :host .left-side{display:flex;flex-direction:column}:host-context(.nrcl-device-desktop) :host .middle{flex-grow:1}:host-context(.nrcl-device-desktop) :host .middle .indicator{display:flex;align-items:center;height:var(--nrcl-button-normal-height);margin-left:var(--nrcl-gutter-space)}:host-context(.nrcl-device-desktop) :host .right-side{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}:host-context(.nrcl-device-desktop) :host.isLoading .actions>::ng-deep *:not(.loading){visibility:hidden}:host-context(.nrcl-device-mobile) :host{flex-direction:column;gap:var(--nrcl-gutter-space)}:host-context(.nrcl-device-mobile) :host .top{display:block}:host-context(.nrcl-device-mobile) :host .top .headers{display:contents}:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h1,:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h2{display:block}:host-context(.nrcl-device-mobile) :host .top .indicator{float:right}:host-context(.nrcl-device-mobile) :host .top .indicator:empty{display:none}:host-context(.nrcl-device-mobile) :host .actions{align-self:stretch;justify-content:flex-start}:host-context(.nrcl-device-mobile) :host .bottom{display:flex;flex-direction:column}:host-context(.nrcl-device-mobile) :host .bottom:empty{display:none}:host-context(.nrcl-device-mobile) :host.isLoading .indicator>::ng-deep *:not(.loading){visibility:hidden}\n"] }]
|
|
1921
1923
|
}], propDecorators: { isLoading: [{
|
|
1922
1924
|
type: Input
|
|
1923
1925
|
}] } });
|
|
@@ -2073,6 +2075,161 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2073
2075
|
args: [{ selector: 'nrcl-dialog-confirm', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nrcl-dialog\n [title]=\"title\"\n [isLoading]=\"false\"\n [showClose]=\"true\"\n [saveLabel]=\"saveLabel\"\n [saveEnabled]=\"true\"\n [cancelLabel]=\"cancelLabel\"\n [cancelEnabled]=\"true\"\n [showWarning]=\"false\"\n [showActions]=\"true\"\n (saveClick)=\"onSaveClick()\"\n (cancelClick)=\"onCancelClick()\"\n>\n <ng-container \n [ngTemplateOutlet]=\"config.template\" \n [ngTemplateOutletContext]=\"{ $implicit: config.context }\">\n </ng-container>\n</nrcl-dialog>\n" }]
|
|
2074
2076
|
}] });
|
|
2075
2077
|
|
|
2078
|
+
class TabLabelDirective {
|
|
2079
|
+
constructor(template) {
|
|
2080
|
+
this.template = template;
|
|
2081
|
+
}
|
|
2082
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabLabelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2083
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TabLabelDirective, selector: "[nrclTabLabel]", ngImport: i0 }); }
|
|
2084
|
+
}
|
|
2085
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabLabelDirective, decorators: [{
|
|
2086
|
+
type: Directive,
|
|
2087
|
+
args: [{
|
|
2088
|
+
selector: '[nrclTabLabel]'
|
|
2089
|
+
}]
|
|
2090
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
2091
|
+
// ================================================================================
|
|
2092
|
+
class TabContentDirective {
|
|
2093
|
+
constructor(template) {
|
|
2094
|
+
this.template = template;
|
|
2095
|
+
}
|
|
2096
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2097
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TabContentDirective, selector: "[nrclTabContent]", ngImport: i0 }); }
|
|
2098
|
+
}
|
|
2099
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabContentDirective, decorators: [{
|
|
2100
|
+
type: Directive,
|
|
2101
|
+
args: [{
|
|
2102
|
+
selector: '[nrclTabContent]'
|
|
2103
|
+
}]
|
|
2104
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
2105
|
+
// ================================================================================
|
|
2106
|
+
class TabComponent extends NrclBase {
|
|
2107
|
+
constructor() {
|
|
2108
|
+
super(...arguments);
|
|
2109
|
+
this.elementRef = inject(ElementRef);
|
|
2110
|
+
this.changeDetectorRef = inject(ChangeDetectorRef);
|
|
2111
|
+
this.disabled = false;
|
|
2112
|
+
}
|
|
2113
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2114
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: TabComponent, selector: "nrcl-tab", inputs: { name: "name", label: "label", disabled: ["disabled", "disabled", booleanAttribute] }, queries: [{ propertyName: "labelTemplate", first: true, predicate: TabLabelDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: TabContentDirective, descendants: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #label>\n <ng-content select=\"[nrclTabLabel]\"></ng-content>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [""] }); }
|
|
2115
|
+
}
|
|
2116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabComponent, decorators: [{
|
|
2117
|
+
type: Component,
|
|
2118
|
+
args: [{ selector: 'nrcl-tab', template: "<ng-template #label>\n <ng-content select=\"[nrclTabLabel]\"></ng-content>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
2119
|
+
}], propDecorators: { name: [{
|
|
2120
|
+
type: Input
|
|
2121
|
+
}], label: [{
|
|
2122
|
+
type: Input
|
|
2123
|
+
}], disabled: [{
|
|
2124
|
+
type: Input,
|
|
2125
|
+
args: [{ transform: booleanAttribute }]
|
|
2126
|
+
}], labelTemplate: [{
|
|
2127
|
+
type: ContentChild,
|
|
2128
|
+
args: [TabLabelDirective]
|
|
2129
|
+
}], contentTemplate: [{
|
|
2130
|
+
type: ContentChild,
|
|
2131
|
+
args: [TabContentDirective]
|
|
2132
|
+
}], content: [{
|
|
2133
|
+
type: ViewChild,
|
|
2134
|
+
args: ['content', { static: true }]
|
|
2135
|
+
}] } });
|
|
2136
|
+
|
|
2137
|
+
class TabGroupComponent extends NrclBase {
|
|
2138
|
+
constructor() {
|
|
2139
|
+
super(...arguments);
|
|
2140
|
+
this.elementRef = inject(ElementRef);
|
|
2141
|
+
this.changeDetectorRef = inject(ChangeDetectorRef);
|
|
2142
|
+
this.standard = false;
|
|
2143
|
+
this.classic = false;
|
|
2144
|
+
this.selectedTab = -1;
|
|
2145
|
+
this.selectedTabChange = new EventEmitter();
|
|
2146
|
+
this.activateTab = new EventEmitter();
|
|
2147
|
+
this.isStandard = false;
|
|
2148
|
+
this.isClassic = false;
|
|
2149
|
+
}
|
|
2150
|
+
ngOnChanges(changes) {
|
|
2151
|
+
console.log(changes);
|
|
2152
|
+
this.updateState();
|
|
2153
|
+
}
|
|
2154
|
+
ngAfterViewInit() {
|
|
2155
|
+
let self = this;
|
|
2156
|
+
this.tabGroup._handleClick = (function (inner) {
|
|
2157
|
+
return function (tab, tabHeader, index) {
|
|
2158
|
+
console.log(index);
|
|
2159
|
+
// return inner.call( this, tab, tabHeader, index )
|
|
2160
|
+
if (index == self.tabGroup.selectedIndex)
|
|
2161
|
+
return;
|
|
2162
|
+
let shouldCancel = Promise.resolve(false);
|
|
2163
|
+
let activate = {
|
|
2164
|
+
tab: index,
|
|
2165
|
+
name: self.tabs.get(index)?.name,
|
|
2166
|
+
cancel: (should) => { shouldCancel = should; }
|
|
2167
|
+
};
|
|
2168
|
+
self.activateTab.emit(activate);
|
|
2169
|
+
shouldCancel.then(cancel => {
|
|
2170
|
+
if (cancel)
|
|
2171
|
+
return;
|
|
2172
|
+
inner.call(this, tab, tabHeader, index);
|
|
2173
|
+
// self.changeDetectorRef.detectChanges()
|
|
2174
|
+
});
|
|
2175
|
+
};
|
|
2176
|
+
})(this.tabGroup._handleClick);
|
|
2177
|
+
}
|
|
2178
|
+
updateState() {
|
|
2179
|
+
this.isStandard = this.standard && !this.classic;
|
|
2180
|
+
this.isClassic = this.classic && !this.standard;
|
|
2181
|
+
}
|
|
2182
|
+
onSelectedIndexChange(index) {
|
|
2183
|
+
let t = this.tabs.get(index);
|
|
2184
|
+
this.selectedTabChange.emit({ index, name: t?.name });
|
|
2185
|
+
}
|
|
2186
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2187
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TabGroupComponent, selector: "nrcl-tab-group", inputs: { standard: ["standard", "standard", booleanAttribute], classic: ["classic", "classic", booleanAttribute], selectedTab: "selectedTab" }, outputs: { selectedTabChange: "selectedTabChange", activateTab: "activateTab" }, host: { properties: { "class.look-standard": "isStandard", "class.look-classic": "isClassic" } }, queries: [{ propertyName: "tabs", predicate: TabComponent }], viewQueries: [{ propertyName: "tabGroup", first: true, predicate: MatTabGroup, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<mat-tab-group \n mat-stretch-tabs=\"false\"\n animationDuration=\"500ms\" \n disableRipple=\"false\"\n [selectedIndex]=\"selectedTab\"\n (selectedIndexChange)=\"onSelectedIndexChange( $event )\"\n [class.mat-elevation-z2]=\"isClassic\"\n> \n @for ( tab of tabs; track tab ) {\n <mat-tab \n [label]=\"tab.label\"\n [disabled]=\"tab.disabled\"\n >\n @if ( tab.labelTemplate ) {\n <ng-template mat-tab-label>\n <ng-container *ngTemplateOutlet=\"tab.labelTemplate.template\"></ng-container>\n </ng-template>\n }\n\n <ng-template matTabContent>\n @if ( tab.contentTemplate ) {\n <ng-container *ngTemplateOutlet=\"tab.contentTemplate.template\"></ng-container>\n }\n @else if ( tab.content ) {\n <ng-container *ngTemplateOutlet=\"tab.content\"></ng-container>\n }\n </ng-template> \n </mat-tab>\n }\n</mat-tab-group>\n", styles: ["::ng-deep :root{--nrcl-tab-group-border-color: #c6c8cb;--nrcl-tab-group-border-radius: 5px;--nrcl-tab-group-header-font-size: 17px;--nrcl-tab-group-header-active-background-color: #ffffff;--nrcl-tab-group-header-inactive-background-color: #f2f2f2;--nrcl-tab-group-header-disabled-background-color: #f7f7f7;--nrcl-tab-group-header-inactive-foreground-color: #000000de;--nrcl-tab-group-header-active-foreground-color: #003366;--nrcl-tab-group-header-disabled-foreground-color: #8f8f8f;--nrcl-tag-group-header-padding: unset;--nrcl-tag-group-content-padding: unset}:host{display:block}:host.look-standard>.mat-mdc-tab-group{font-family:var(--nrcl-font-family);width:100%}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header{border-bottom:1px solid #c6c8cb}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels{gap:0}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels>.mat-mdc-tab{padding:0 var(--nrcl-tag-group-header-padding, var(--nrcl-gutter-space));font-size:var(--nrcl-tab-group-header-font-size);font-family:var(--nrcl-font-family);font-weight:400;opacity:1;min-width:unset}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels>.mat-mdc-tab .mdc-tab__text-label{color:var(--nrcl-tab-group-header-inactive-foreground-color)}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels>.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__text-label{color:var(--nrcl-tab-group-header-disabled-foreground-color)}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels .mdc-tab--active{font-family:var(--nrcl-font-family);background-color:var(--nrcl-tab-group-header-active-background-color);color:var(--nrcl-tab-group-header-active-foreground-color);font-weight:700}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mdc-tab-indicator__content--underline{border-color:var(--nrcl-tab-group-header-active-foreground-color)}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper>.mat-mdc-tab-body{font-family:var(--nrcl-font-family);overflow-y:hidden}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper>.mat-mdc-tab-body>.mat-mdc-tab-body-content{padding-top:var(--nrcl-gutter-space)}:host.look-classic>.mat-mdc-tab-group{margin-top:10px;font-family:var(--nrcl-font-family)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header{border-bottom:none}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab{padding:0 var(--nrcl-tag-group-header-padding, var(--nrcl-gutter-space));min-width:unset;font-size:var(--nrcl-tab-group-header-font-size);font-family:var(--nrcl-font-family);font-weight:400;opacity:1;border-width:1px;border-style:solid;border-top-color:var(--nrcl-tab-group-border-color);border-left-color:var(--nrcl-tab-group-border-color);border-right-color:var(--nrcl-tab-group-border-color);border-bottom-color:var(--nrcl-tab-group-border-color);border-top-width:1px;background-color:var(--nrcl-tab-group-header-inactive-background-color)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab:first-child{border-top-left-radius:var(--nrcl-tab-group-border-radius)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab:last-child{border-top-right-radius:var(--nrcl-tab-group-border-radius)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab:not(:first-child){border-left:0}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label{color:var(--nrcl-tab-group-header-inactive-foreground-color)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab.mat-mdc-tab-disabled{background-color:var(--nrcl-tab-group-header-disabled-background-color)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__text-label{color:var(--nrcl-tab-group-header-disabled-foreground-color)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab--active{font-family:var(--nrcl-font-family);font-weight:700;background-color:var(--nrcl-tab-group-header-active-background-color);position:relative;border-bottom-color:transparent}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab--active .mdc-tab__ripple:before{opacity:0}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels:after{content:\"\";border-bottom:1px solid var(--nrcl-tab-group-border-color);flex-grow:1}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-header-pagination{border-bottom:1px solid var(--nrcl-tab-group-border-color);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mdc-tab-indicator__content--underline{border:none}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper>.mat-mdc-tab-body{font-family:var(--nrcl-font-family);padding:var(--nrcl-tag-group-content-padding, var(--nrcl-gutter-space));border-bottom:1px solid var(--nrcl-tab-group-border-color);border-left:1px solid var(--nrcl-tab-group-border-color);border-right:1px solid var(--nrcl-tab-group-border-color);border-radius:0 0 var(--nrcl-tab-group-border-radius) var(--nrcl-tab-group-border-radius)}:host.no-tab-padding>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels>.mat-mdc-tab{padding:0;height:unset}:host.no-body-scrolling>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper{overflow:visible;flex-direction:column}:host.no-body-scrolling>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper>.mat-mdc-tab-body{overflow:visible}:host.no-body-scrolling>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper>.mat-mdc-tab-body>.mat-mdc-tab-body-content{overflow:visible}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$6.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i2$6.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2$6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }] }); }
|
|
2188
|
+
}
|
|
2189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabGroupComponent, decorators: [{
|
|
2190
|
+
type: Component,
|
|
2191
|
+
args: [{ selector: 'nrcl-tab-group', host: {
|
|
2192
|
+
'[class.look-standard]': 'isStandard',
|
|
2193
|
+
'[class.look-classic]': 'isClassic',
|
|
2194
|
+
}, template: "<mat-tab-group \n mat-stretch-tabs=\"false\"\n animationDuration=\"500ms\" \n disableRipple=\"false\"\n [selectedIndex]=\"selectedTab\"\n (selectedIndexChange)=\"onSelectedIndexChange( $event )\"\n [class.mat-elevation-z2]=\"isClassic\"\n> \n @for ( tab of tabs; track tab ) {\n <mat-tab \n [label]=\"tab.label\"\n [disabled]=\"tab.disabled\"\n >\n @if ( tab.labelTemplate ) {\n <ng-template mat-tab-label>\n <ng-container *ngTemplateOutlet=\"tab.labelTemplate.template\"></ng-container>\n </ng-template>\n }\n\n <ng-template matTabContent>\n @if ( tab.contentTemplate ) {\n <ng-container *ngTemplateOutlet=\"tab.contentTemplate.template\"></ng-container>\n }\n @else if ( tab.content ) {\n <ng-container *ngTemplateOutlet=\"tab.content\"></ng-container>\n }\n </ng-template> \n </mat-tab>\n }\n</mat-tab-group>\n", styles: ["::ng-deep :root{--nrcl-tab-group-border-color: #c6c8cb;--nrcl-tab-group-border-radius: 5px;--nrcl-tab-group-header-font-size: 17px;--nrcl-tab-group-header-active-background-color: #ffffff;--nrcl-tab-group-header-inactive-background-color: #f2f2f2;--nrcl-tab-group-header-disabled-background-color: #f7f7f7;--nrcl-tab-group-header-inactive-foreground-color: #000000de;--nrcl-tab-group-header-active-foreground-color: #003366;--nrcl-tab-group-header-disabled-foreground-color: #8f8f8f;--nrcl-tag-group-header-padding: unset;--nrcl-tag-group-content-padding: unset}:host{display:block}:host.look-standard>.mat-mdc-tab-group{font-family:var(--nrcl-font-family);width:100%}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header{border-bottom:1px solid #c6c8cb}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels{gap:0}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels>.mat-mdc-tab{padding:0 var(--nrcl-tag-group-header-padding, var(--nrcl-gutter-space));font-size:var(--nrcl-tab-group-header-font-size);font-family:var(--nrcl-font-family);font-weight:400;opacity:1;min-width:unset}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels>.mat-mdc-tab .mdc-tab__text-label{color:var(--nrcl-tab-group-header-inactive-foreground-color)}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels>.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__text-label{color:var(--nrcl-tab-group-header-disabled-foreground-color)}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels .mdc-tab--active{font-family:var(--nrcl-font-family);background-color:var(--nrcl-tab-group-header-active-background-color);color:var(--nrcl-tab-group-header-active-foreground-color);font-weight:700}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mdc-tab-indicator__content--underline{border-color:var(--nrcl-tab-group-header-active-foreground-color)}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper>.mat-mdc-tab-body{font-family:var(--nrcl-font-family);overflow-y:hidden}:host.look-standard>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper>.mat-mdc-tab-body>.mat-mdc-tab-body-content{padding-top:var(--nrcl-gutter-space)}:host.look-classic>.mat-mdc-tab-group{margin-top:10px;font-family:var(--nrcl-font-family)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header{border-bottom:none}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab{padding:0 var(--nrcl-tag-group-header-padding, var(--nrcl-gutter-space));min-width:unset;font-size:var(--nrcl-tab-group-header-font-size);font-family:var(--nrcl-font-family);font-weight:400;opacity:1;border-width:1px;border-style:solid;border-top-color:var(--nrcl-tab-group-border-color);border-left-color:var(--nrcl-tab-group-border-color);border-right-color:var(--nrcl-tab-group-border-color);border-bottom-color:var(--nrcl-tab-group-border-color);border-top-width:1px;background-color:var(--nrcl-tab-group-header-inactive-background-color)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab:first-child{border-top-left-radius:var(--nrcl-tab-group-border-radius)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab:last-child{border-top-right-radius:var(--nrcl-tab-group-border-radius)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab:not(:first-child){border-left:0}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label{color:var(--nrcl-tab-group-header-inactive-foreground-color)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab.mat-mdc-tab-disabled{background-color:var(--nrcl-tab-group-header-disabled-background-color)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__text-label{color:var(--nrcl-tab-group-header-disabled-foreground-color)}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab--active{font-family:var(--nrcl-font-family);font-weight:700;background-color:var(--nrcl-tab-group-header-active-background-color);position:relative;border-bottom-color:transparent}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab--active .mdc-tab__ripple:before{opacity:0}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-labels:after{content:\"\";border-bottom:1px solid var(--nrcl-tab-group-border-color);flex-grow:1}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mat-mdc-tab-header-pagination{border-bottom:1px solid var(--nrcl-tab-group-border-color);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header .mdc-tab-indicator__content--underline{border:none}:host.look-classic>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper>.mat-mdc-tab-body{font-family:var(--nrcl-font-family);padding:var(--nrcl-tag-group-content-padding, var(--nrcl-gutter-space));border-bottom:1px solid var(--nrcl-tab-group-border-color);border-left:1px solid var(--nrcl-tab-group-border-color);border-right:1px solid var(--nrcl-tab-group-border-color);border-radius:0 0 var(--nrcl-tab-group-border-radius) var(--nrcl-tab-group-border-radius)}:host.no-tab-padding>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-header>.mat-mdc-tab-label-container>.mat-mdc-tab-list>.mat-mdc-tab-labels>.mat-mdc-tab{padding:0;height:unset}:host.no-body-scrolling>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper{overflow:visible;flex-direction:column}:host.no-body-scrolling>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper>.mat-mdc-tab-body{overflow:visible}:host.no-body-scrolling>.mat-mdc-tab-group ::ng-deep>.mat-mdc-tab-body-wrapper>.mat-mdc-tab-body>.mat-mdc-tab-body-content{overflow:visible}\n"] }]
|
|
2195
|
+
}], propDecorators: { standard: [{
|
|
2196
|
+
type: Input,
|
|
2197
|
+
args: [{ transform: booleanAttribute }]
|
|
2198
|
+
}], classic: [{
|
|
2199
|
+
type: Input,
|
|
2200
|
+
args: [{ transform: booleanAttribute }]
|
|
2201
|
+
}], selectedTab: [{
|
|
2202
|
+
type: Input
|
|
2203
|
+
}], selectedTabChange: [{
|
|
2204
|
+
type: Output
|
|
2205
|
+
}], activateTab: [{
|
|
2206
|
+
type: Output
|
|
2207
|
+
}], tabGroup: [{
|
|
2208
|
+
type: ViewChild,
|
|
2209
|
+
args: [MatTabGroup]
|
|
2210
|
+
}], tabs: [{
|
|
2211
|
+
type: ContentChildren,
|
|
2212
|
+
args: [TabComponent]
|
|
2213
|
+
}] } });
|
|
2214
|
+
|
|
2215
|
+
class LoadingStatusComponent extends NrclBase {
|
|
2216
|
+
constructor() {
|
|
2217
|
+
super(...arguments);
|
|
2218
|
+
this.loading = false;
|
|
2219
|
+
}
|
|
2220
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoadingStatusComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2221
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: LoadingStatusComponent, selector: "nrcl-loading-status", inputs: { loading: ["loading", "loading", booleanAttribute] }, host: { properties: { "class.is-loading": "loading" } }, usesInheritance: true, ngImport: i0, template: "<mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n\n<div class=\"content\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-block;position:relative}:host .loading{display:none;position:absolute;top:0;right:0}:host.is-loading .content{visibility:hidden}:host.is-loading .loading{display:block}\n"], dependencies: [{ kind: "component", type: i2$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
2222
|
+
}
|
|
2223
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoadingStatusComponent, decorators: [{
|
|
2224
|
+
type: Component,
|
|
2225
|
+
args: [{ selector: 'nrcl-loading-status', host: {
|
|
2226
|
+
'[class.is-loading]': "loading",
|
|
2227
|
+
}, template: "<mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n\n<div class=\"content\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-block;position:relative}:host .loading{display:none;position:absolute;top:0;right:0}:host.is-loading .content{visibility:hidden}:host.is-loading .loading{display:block}\n"] }]
|
|
2228
|
+
}], propDecorators: { loading: [{
|
|
2229
|
+
type: Input,
|
|
2230
|
+
args: [{ transform: booleanAttribute }]
|
|
2231
|
+
}] } });
|
|
2232
|
+
|
|
2076
2233
|
class SnackbarUtilService {
|
|
2077
2234
|
constructor() {
|
|
2078
2235
|
this.snackbar = inject(MatSnackBar);
|
|
@@ -2228,7 +2385,12 @@ class NrNgxComponentLibModule {
|
|
|
2228
2385
|
DialogComponent,
|
|
2229
2386
|
DialogConfirmComponent,
|
|
2230
2387
|
IndicatorSelectComponent,
|
|
2231
|
-
ListSelectComponent
|
|
2388
|
+
ListSelectComponent,
|
|
2389
|
+
TabGroupComponent,
|
|
2390
|
+
TabComponent,
|
|
2391
|
+
TabLabelDirective,
|
|
2392
|
+
TabContentDirective,
|
|
2393
|
+
LoadingStatusComponent], imports: [BrowserAnimationsModule,
|
|
2232
2394
|
CommonModule,
|
|
2233
2395
|
FormsModule,
|
|
2234
2396
|
MatButtonModule,
|
|
@@ -2252,7 +2414,8 @@ class NrNgxComponentLibModule {
|
|
|
2252
2414
|
OwlDateTimeModule,
|
|
2253
2415
|
OwlMomentDateTimeModule,
|
|
2254
2416
|
NgxPaginationModule,
|
|
2255
|
-
MatDialogModule
|
|
2417
|
+
MatDialogModule,
|
|
2418
|
+
MatTabsModule], exports: [ButtonComponent,
|
|
2256
2419
|
CellContentComponent,
|
|
2257
2420
|
ExpansionPanelComponent,
|
|
2258
2421
|
ExpansionPanelHeaderComponent,
|
|
@@ -2284,7 +2447,12 @@ class NrNgxComponentLibModule {
|
|
|
2284
2447
|
DialogComponent,
|
|
2285
2448
|
DialogConfirmComponent,
|
|
2286
2449
|
IndicatorSelectComponent,
|
|
2287
|
-
ListSelectComponent
|
|
2450
|
+
ListSelectComponent,
|
|
2451
|
+
TabGroupComponent,
|
|
2452
|
+
TabComponent,
|
|
2453
|
+
TabLabelDirective,
|
|
2454
|
+
TabContentDirective,
|
|
2455
|
+
LoadingStatusComponent] }); }
|
|
2288
2456
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NrNgxComponentLibModule, providers: [
|
|
2289
2457
|
SnackbarUtilService,
|
|
2290
2458
|
ConfigurationService,
|
|
@@ -2315,7 +2483,8 @@ class NrNgxComponentLibModule {
|
|
|
2315
2483
|
OwlDateTimeModule,
|
|
2316
2484
|
OwlMomentDateTimeModule,
|
|
2317
2485
|
NgxPaginationModule,
|
|
2318
|
-
MatDialogModule
|
|
2486
|
+
MatDialogModule,
|
|
2487
|
+
MatTabsModule] }); }
|
|
2319
2488
|
}
|
|
2320
2489
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NrNgxComponentLibModule, decorators: [{
|
|
2321
2490
|
type: NgModule,
|
|
@@ -2345,7 +2514,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2345
2514
|
OwlDateTimeModule,
|
|
2346
2515
|
OwlMomentDateTimeModule,
|
|
2347
2516
|
NgxPaginationModule,
|
|
2348
|
-
MatDialogModule
|
|
2517
|
+
MatDialogModule,
|
|
2518
|
+
MatTabsModule
|
|
2349
2519
|
],
|
|
2350
2520
|
declarations: [
|
|
2351
2521
|
ButtonComponent,
|
|
@@ -2381,6 +2551,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2381
2551
|
DialogConfirmComponent,
|
|
2382
2552
|
IndicatorSelectComponent,
|
|
2383
2553
|
ListSelectComponent,
|
|
2554
|
+
TabGroupComponent,
|
|
2555
|
+
TabComponent,
|
|
2556
|
+
TabLabelDirective,
|
|
2557
|
+
TabContentDirective,
|
|
2558
|
+
LoadingStatusComponent,
|
|
2384
2559
|
],
|
|
2385
2560
|
exports: [
|
|
2386
2561
|
ButtonComponent,
|
|
@@ -2416,6 +2591,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2416
2591
|
DialogConfirmComponent,
|
|
2417
2592
|
IndicatorSelectComponent,
|
|
2418
2593
|
ListSelectComponent,
|
|
2594
|
+
TabGroupComponent,
|
|
2595
|
+
TabComponent,
|
|
2596
|
+
TabLabelDirective,
|
|
2597
|
+
TabContentDirective,
|
|
2598
|
+
LoadingStatusComponent,
|
|
2419
2599
|
],
|
|
2420
2600
|
providers: [
|
|
2421
2601
|
SnackbarUtilService,
|
|
@@ -2435,5 +2615,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2435
2615
|
* Generated bundle index. Do not edit.
|
|
2436
2616
|
*/
|
|
2437
2617
|
|
|
2438
|
-
export { Aborted, ButtonComponent, CellContentComponent, CodeTable, ConfigurationService, ConfigurationSubscriberBase, DATE_FORMATS, DesktopViewDirective, DeviceViewComponent, DialogBase, DialogComponent, DialogConfirmComponent, DialogService, ExpansionPanelComponent, ExpansionPanelFooterComponent, ExpansionPanelHeaderComponent, ExpansionPanelSectionComponent, FilterContainerComponent, FilterDateComponent, FilterSearchComponent, FilterSelectComponent, FiltersPanelComponent, FormFieldComponent, FormLayoutComponent, GapComponent, IconComponent, IndicatorComponent, IndicatorSelectComponent, ListAttachmentsComponent, ListEventHistoryComponent, ListSelectComponent, MobileViewDirective, NrNgxComponentLibModule, NrclBase, ObservableAborter, PageContainerComponent, PageHeaderComponent, PageStateService, RowListBase, RowListDesktopComponent, RowListMobileComponent, RowListPaginationComponent, RowListSortingComponent, SnackbarComponent, SnackbarUtilService, TagListComponent, mapToCodeDescription, unwrapFilterValue, wrapFilterValue };
|
|
2618
|
+
export { Aborted, ButtonComponent, CellContentComponent, CodeTable, ConfigurationService, ConfigurationSubscriberBase, DATE_FORMATS, DesktopViewDirective, DeviceViewComponent, DialogBase, DialogComponent, DialogConfirmComponent, DialogService, ExpansionPanelComponent, ExpansionPanelFooterComponent, ExpansionPanelHeaderComponent, ExpansionPanelSectionComponent, FilterContainerComponent, FilterDateComponent, FilterSearchComponent, FilterSelectComponent, FiltersPanelComponent, FormFieldComponent, FormLayoutComponent, GapComponent, IconComponent, IndicatorComponent, IndicatorSelectComponent, ListAttachmentsComponent, ListEventHistoryComponent, ListSelectComponent, LoadingStatusComponent, MobileViewDirective, NrNgxComponentLibModule, NrclBase, ObservableAborter, PageContainerComponent, PageHeaderComponent, PageStateService, RowListBase, RowListDesktopComponent, RowListMobileComponent, RowListPaginationComponent, RowListSortingComponent, SnackbarComponent, SnackbarUtilService, TabComponent, TabContentDirective, TabGroupComponent, TabLabelDirective, TagListComponent, mapToCodeDescription, unwrapFilterValue, wrapFilterValue };
|
|
2439
2619
|
//# sourceMappingURL=bcgov-nr-ngx-component-lib.mjs.map
|