@bcgov/nr-ngx-component-lib 0.0.45 → 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/tabs/tab/tab.component.d.ts +28 -0
- package/components/tabs/tab-group/tab-group.component.d.ts +34 -0
- 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 +26 -4
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs +162 -4
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs.map +1 -1
- package/nr-ngx-component-lib.module.d.ts +28 -25
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -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';
|
|
@@ -2073,6 +2075,143 @@ 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
|
+
|
|
2076
2215
|
class LoadingStatusComponent extends NrclBase {
|
|
2077
2216
|
constructor() {
|
|
2078
2217
|
super(...arguments);
|
|
@@ -2247,6 +2386,10 @@ class NrNgxComponentLibModule {
|
|
|
2247
2386
|
DialogConfirmComponent,
|
|
2248
2387
|
IndicatorSelectComponent,
|
|
2249
2388
|
ListSelectComponent,
|
|
2389
|
+
TabGroupComponent,
|
|
2390
|
+
TabComponent,
|
|
2391
|
+
TabLabelDirective,
|
|
2392
|
+
TabContentDirective,
|
|
2250
2393
|
LoadingStatusComponent], imports: [BrowserAnimationsModule,
|
|
2251
2394
|
CommonModule,
|
|
2252
2395
|
FormsModule,
|
|
@@ -2271,7 +2414,8 @@ class NrNgxComponentLibModule {
|
|
|
2271
2414
|
OwlDateTimeModule,
|
|
2272
2415
|
OwlMomentDateTimeModule,
|
|
2273
2416
|
NgxPaginationModule,
|
|
2274
|
-
MatDialogModule
|
|
2417
|
+
MatDialogModule,
|
|
2418
|
+
MatTabsModule], exports: [ButtonComponent,
|
|
2275
2419
|
CellContentComponent,
|
|
2276
2420
|
ExpansionPanelComponent,
|
|
2277
2421
|
ExpansionPanelHeaderComponent,
|
|
@@ -2304,6 +2448,10 @@ class NrNgxComponentLibModule {
|
|
|
2304
2448
|
DialogConfirmComponent,
|
|
2305
2449
|
IndicatorSelectComponent,
|
|
2306
2450
|
ListSelectComponent,
|
|
2451
|
+
TabGroupComponent,
|
|
2452
|
+
TabComponent,
|
|
2453
|
+
TabLabelDirective,
|
|
2454
|
+
TabContentDirective,
|
|
2307
2455
|
LoadingStatusComponent] }); }
|
|
2308
2456
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NrNgxComponentLibModule, providers: [
|
|
2309
2457
|
SnackbarUtilService,
|
|
@@ -2335,7 +2483,8 @@ class NrNgxComponentLibModule {
|
|
|
2335
2483
|
OwlDateTimeModule,
|
|
2336
2484
|
OwlMomentDateTimeModule,
|
|
2337
2485
|
NgxPaginationModule,
|
|
2338
|
-
MatDialogModule
|
|
2486
|
+
MatDialogModule,
|
|
2487
|
+
MatTabsModule] }); }
|
|
2339
2488
|
}
|
|
2340
2489
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NrNgxComponentLibModule, decorators: [{
|
|
2341
2490
|
type: NgModule,
|
|
@@ -2365,7 +2514,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2365
2514
|
OwlDateTimeModule,
|
|
2366
2515
|
OwlMomentDateTimeModule,
|
|
2367
2516
|
NgxPaginationModule,
|
|
2368
|
-
MatDialogModule
|
|
2517
|
+
MatDialogModule,
|
|
2518
|
+
MatTabsModule
|
|
2369
2519
|
],
|
|
2370
2520
|
declarations: [
|
|
2371
2521
|
ButtonComponent,
|
|
@@ -2401,6 +2551,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2401
2551
|
DialogConfirmComponent,
|
|
2402
2552
|
IndicatorSelectComponent,
|
|
2403
2553
|
ListSelectComponent,
|
|
2554
|
+
TabGroupComponent,
|
|
2555
|
+
TabComponent,
|
|
2556
|
+
TabLabelDirective,
|
|
2557
|
+
TabContentDirective,
|
|
2404
2558
|
LoadingStatusComponent,
|
|
2405
2559
|
],
|
|
2406
2560
|
exports: [
|
|
@@ -2437,6 +2591,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2437
2591
|
DialogConfirmComponent,
|
|
2438
2592
|
IndicatorSelectComponent,
|
|
2439
2593
|
ListSelectComponent,
|
|
2594
|
+
TabGroupComponent,
|
|
2595
|
+
TabComponent,
|
|
2596
|
+
TabLabelDirective,
|
|
2597
|
+
TabContentDirective,
|
|
2440
2598
|
LoadingStatusComponent,
|
|
2441
2599
|
],
|
|
2442
2600
|
providers: [
|
|
@@ -2457,5 +2615,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2457
2615
|
* Generated bundle index. Do not edit.
|
|
2458
2616
|
*/
|
|
2459
2617
|
|
|
2460
|
-
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, 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 };
|
|
2461
2619
|
//# sourceMappingURL=bcgov-nr-ngx-component-lib.mjs.map
|