@bcgov/nr-ngx-component-lib 0.0.47 → 0.0.48
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.
|
@@ -37,11 +37,11 @@ export class GapComponent extends NrclBase {
|
|
|
37
37
|
this.componentClass = `direction-${direction} divider-position-${dividerPosition}`;
|
|
38
38
|
}
|
|
39
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GapComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GapComponent, selector: "nrcl-gap", inputs: { horizontal: "horizontal", vertical: "vertical", divider: "divider" }, host: { properties: { "class": "this.componentClass", "style.--nrcl-gap-multiple": "this.multiple" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"divider\"></div>", styles: [":host.direction-horizontal{display:inline-flex;width:var(--nrcl-gutter-space);align-items:stretch}:host.direction-horizontal.divider-position-before{justify-content:flex-start}:host.direction-horizontal.divider-position-middle{justify-content:center}:host.direction-horizontal.divider-position-after{justify-content:flex-end}:host.direction-horizontal.divider-position-before,:host.direction-horizontal.divider-position-middle,:host.direction-horizontal.divider-position-after{width:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-horizontal.divider-position-before .divider,:host.direction-horizontal.divider-position-middle .divider,:host.direction-horizontal.divider-position-after .divider{width:1px;height:100%;border-right:1px solid var(--nrcl-divider-color)}:host.direction-vertical{display:flex;height:var(--nrcl-gutter-space)}:host.direction-vertical.divider-position-before{align-items:flex-start}:host.direction-vertical.divider-position-middle{align-items:center}:host.direction-vertical.divider-position-after{align-items:flex-end}:host.direction-vertical.divider-position-before,:host.direction-vertical.divider-position-middle,:host.direction-vertical.divider-position-after{height:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-vertical.divider-position-before .divider,:host.direction-vertical.divider-position-middle .divider,:host.direction-vertical.divider-position-after .divider{height:1px;width:100%;border-bottom:1px solid var(--nrcl-divider-color)}\n"] }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GapComponent, selector: "nrcl-gap", inputs: { horizontal: "horizontal", vertical: "vertical", divider: "divider" }, host: { properties: { "class": "this.componentClass", "style.--nrcl-gap-multiple": "this.multiple" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"divider\"></div>", styles: [":host.direction-horizontal{display:inline-flex;width:var(--nrcl-gutter-space);align-items:stretch;flex-grow:0;flex-shrink:0}:host.direction-horizontal.divider-position-before{justify-content:flex-start}:host.direction-horizontal.divider-position-middle{justify-content:center}:host.direction-horizontal.divider-position-after{justify-content:flex-end}:host.direction-horizontal.divider-position-before,:host.direction-horizontal.divider-position-middle,:host.direction-horizontal.divider-position-after{width:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-horizontal.divider-position-before .divider,:host.direction-horizontal.divider-position-middle .divider,:host.direction-horizontal.divider-position-after .divider{width:1px;height:100%;border-right:1px solid var(--nrcl-divider-color)}:host.direction-vertical{display:flex;height:var(--nrcl-gutter-space);flex-grow:0;flex-shrink:0}:host.direction-vertical.divider-position-before{align-items:flex-start}:host.direction-vertical.divider-position-middle{align-items:center}:host.direction-vertical.divider-position-after{align-items:flex-end}:host.direction-vertical.divider-position-before,:host.direction-vertical.divider-position-middle,:host.direction-vertical.divider-position-after{height:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-vertical.divider-position-before .divider,:host.direction-vertical.divider-position-middle .divider,:host.direction-vertical.divider-position-after .divider{height:1px;width:100%;border-bottom:1px solid var(--nrcl-divider-color)}\n"] }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GapComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
|
-
args: [{ selector: 'nrcl-gap', template: "<div class=\"divider\"></div>", styles: [":host.direction-horizontal{display:inline-flex;width:var(--nrcl-gutter-space);align-items:stretch}:host.direction-horizontal.divider-position-before{justify-content:flex-start}:host.direction-horizontal.divider-position-middle{justify-content:center}:host.direction-horizontal.divider-position-after{justify-content:flex-end}:host.direction-horizontal.divider-position-before,:host.direction-horizontal.divider-position-middle,:host.direction-horizontal.divider-position-after{width:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-horizontal.divider-position-before .divider,:host.direction-horizontal.divider-position-middle .divider,:host.direction-horizontal.divider-position-after .divider{width:1px;height:100%;border-right:1px solid var(--nrcl-divider-color)}:host.direction-vertical{display:flex;height:var(--nrcl-gutter-space)}:host.direction-vertical.divider-position-before{align-items:flex-start}:host.direction-vertical.divider-position-middle{align-items:center}:host.direction-vertical.divider-position-after{align-items:flex-end}:host.direction-vertical.divider-position-before,:host.direction-vertical.divider-position-middle,:host.direction-vertical.divider-position-after{height:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-vertical.divider-position-before .divider,:host.direction-vertical.divider-position-middle .divider,:host.direction-vertical.divider-position-after .divider{height:1px;width:100%;border-bottom:1px solid var(--nrcl-divider-color)}\n"] }]
|
|
44
|
+
args: [{ selector: 'nrcl-gap', template: "<div class=\"divider\"></div>", styles: [":host.direction-horizontal{display:inline-flex;width:var(--nrcl-gutter-space);align-items:stretch;flex-grow:0;flex-shrink:0}:host.direction-horizontal.divider-position-before{justify-content:flex-start}:host.direction-horizontal.divider-position-middle{justify-content:center}:host.direction-horizontal.divider-position-after{justify-content:flex-end}:host.direction-horizontal.divider-position-before,:host.direction-horizontal.divider-position-middle,:host.direction-horizontal.divider-position-after{width:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-horizontal.divider-position-before .divider,:host.direction-horizontal.divider-position-middle .divider,:host.direction-horizontal.divider-position-after .divider{width:1px;height:100%;border-right:1px solid var(--nrcl-divider-color)}:host.direction-vertical{display:flex;height:var(--nrcl-gutter-space);flex-grow:0;flex-shrink:0}:host.direction-vertical.divider-position-before{align-items:flex-start}:host.direction-vertical.divider-position-middle{align-items:center}:host.direction-vertical.divider-position-after{align-items:flex-end}:host.direction-vertical.divider-position-before,:host.direction-vertical.divider-position-middle,:host.direction-vertical.divider-position-after{height:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-vertical.divider-position-before .divider,:host.direction-vertical.divider-position-middle .divider,:host.direction-vertical.divider-position-after .divider{height:1px;width:100%;border-bottom:1px solid var(--nrcl-divider-color)}\n"] }]
|
|
45
45
|
}], propDecorators: { horizontal: [{
|
|
46
46
|
type: Input
|
|
47
47
|
}], vertical: [{
|
|
@@ -55,14 +55,14 @@ export class TabGroupComponent extends NrclBase {
|
|
|
55
55
|
this.selectedTabChange.emit({ index, name: t?.name });
|
|
56
56
|
}
|
|
57
57
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
58
|
-
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=\"
|
|
58
|
+
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=\"0ms\" \n disableRipple=\"false\"\n [selectedIndex]=\"selectedTab\"\n (selectedIndexChange)=\"onSelectedIndexChange( $event )\"\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:calc(2 * var(--nrcl-gutter-space))}: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;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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i2.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2.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"] }] }); }
|
|
59
59
|
}
|
|
60
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabGroupComponent, decorators: [{
|
|
61
61
|
type: Component,
|
|
62
62
|
args: [{ selector: 'nrcl-tab-group', host: {
|
|
63
63
|
'[class.look-standard]': 'isStandard',
|
|
64
64
|
'[class.look-classic]': 'isClassic',
|
|
65
|
-
}, template: "<mat-tab-group \n mat-stretch-tabs=\"false\"\n animationDuration=\"
|
|
65
|
+
}, template: "<mat-tab-group \n mat-stretch-tabs=\"false\"\n animationDuration=\"0ms\" \n disableRipple=\"false\"\n [selectedIndex]=\"selectedTab\"\n (selectedIndexChange)=\"onSelectedIndexChange( $event )\"\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:calc(2 * var(--nrcl-gutter-space))}: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;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"] }]
|
|
66
66
|
}], propDecorators: { standard: [{
|
|
67
67
|
type: Input,
|
|
68
68
|
args: [{ transform: booleanAttribute }]
|
|
@@ -82,4 +82,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
82
82
|
type: ContentChildren,
|
|
83
83
|
args: [TabComponent]
|
|
84
84
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL3RhYnMvdGFiLWdyb3VwL3RhYi1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uci1uZ3gtY29tcG9uZW50LWxpYi9zcmMvY29tcG9uZW50cy90YWJzL3RhYi1ncm91cC90YWItZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixnQkFBZ0IsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQTRCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoTixPQUFPLEVBQVUsV0FBVyxFQUF5QixNQUFNLHdCQUF3QixDQUFDO0FBQ3BGLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFpQnBELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxRQUFRO0lBVC9DOztRQVVJLGVBQVUsR0FBRyxNQUFNLENBQUUsVUFBVSxDQUFFLENBQUE7UUFDakMsc0JBQWlCLEdBQUcsTUFBTSxDQUFFLGlCQUFpQixDQUFFLENBQUE7UUFFTCxhQUFRLEdBQUcsS0FBSyxDQUFBO1FBQ2hCLFlBQU8sR0FBRyxLQUFLLENBQUE7UUFDaEQsZ0JBQVcsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUVmLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFvQyxDQUFBO1FBQ3hFLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQW9CLENBQUE7UUFNNUQsZUFBVSxHQUFHLEtBQUssQ0FBQTtRQUNsQixjQUFTLEdBQUcsS0FBSyxDQUFBO0tBNENwQjtJQTFDRyxXQUFXLENBQUUsT0FBc0I7UUFDL0IsT0FBTyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQTtRQUNwQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUE7SUFDdEIsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLElBQUksR0FBRyxJQUFJLENBQUE7UUFFZixJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksR0FBRyxDQUFFLFVBQVcsS0FBSztZQUMzQyxPQUFPLFVBQVcsR0FBVyxFQUFFLFNBQWdDLEVBQUUsS0FBYTtnQkFDMUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtnQkFDbEIsc0RBQXNEO2dCQUN0RCxJQUFLLEtBQUssSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWE7b0JBQUcsT0FBTTtnQkFFbEQsSUFBSSxZQUFZLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBRSxLQUFLLENBQUUsQ0FBQTtnQkFDM0MsSUFBSSxRQUFRLEdBQXFCO29CQUM3QixHQUFHLEVBQUUsS0FBSztvQkFDVixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUUsS0FBSyxDQUFFLEVBQUUsSUFBSTtvQkFDbEMsTUFBTSxFQUFFLENBQUUsTUFBd0IsRUFBRyxFQUFFLEdBQUcsWUFBWSxHQUFHLE1BQU0sQ0FBQSxDQUFDLENBQUM7aUJBQ3BFLENBQUE7Z0JBRUQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUUsUUFBUSxDQUFFLENBQUE7Z0JBRWpDLFlBQVksQ0FBQyxJQUFJLENBQUUsTUFBTSxDQUFDLEVBQUU7b0JBQ3hCLElBQUssTUFBTTt3QkFBRyxPQUFNO29CQUVwQixLQUFLLENBQUMsSUFBSSxDQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBRSxDQUFBO29CQUN6Qyx5Q0FBeUM7Z0JBQzdDLENBQUMsQ0FBRSxDQUFBO1lBQ1AsQ0FBQyxDQUFBO1FBQ0wsQ0FBQyxDQUFFLENBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUUsQ0FBQTtJQUNyQyxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUE7UUFDaEQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQTtJQUNuRCxDQUFDO0lBRUQscUJBQXFCLENBQUUsS0FBYTtRQUNoQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBRSxLQUFLLENBQUUsQ0FBQTtRQUM5QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUUsQ0FBQTtJQUMzRCxDQUFDOytHQTNEUSxpQkFBaUI7bUdBQWpCLGlCQUFpQiwyRUFJTCxnQkFBZ0IsbUNBQ2hCLGdCQUFnQixpUUFRcEIsWUFBWSx1RUFGbEIsV0FBVyw0RkMvQjFCLHlnQ0E2QkE7OzRGRFRhLGlCQUFpQjtrQkFUN0IsU0FBUzsrQkFDSSxnQkFBZ0IsUUFHcEI7d0JBQ0YsdUJBQXVCLEVBQUUsWUFBWTt3QkFDckMsc0JBQXNCLEVBQUUsV0FBVztxQkFDdEM7OEJBTXlDLFFBQVE7c0JBQWpELEtBQUs7dUJBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0csT0FBTztzQkFBaEQsS0FBSzt1QkFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDOUIsV0FBVztzQkFBbkIsS0FBSztnQkFFSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFFaUIsUUFBUTtzQkFBL0IsU0FBUzt1QkFBQyxXQUFXO2dCQUVTLElBQUk7c0JBQWxDLGVBQWU7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIGJvb2xlYW5BdHRyaWJ1dGUsIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgUXVlcnlMaXN0LCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFRhYiwgTWF0VGFiR3JvdXAsIE1hdFRhYkdyb3VwQmFzZUhlYWRlciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYnMnO1xuaW1wb3J0IHsgTnJjbEJhc2UgfSBmcm9tICcuLi8uLi8uLi9kaXJlY3RpdmVzL25yY2wuYmFzZSc7XG5pbXBvcnQgeyBUYWJDb21wb25lbnQgfSBmcm9tICcuLi90YWIvdGFiLmNvbXBvbmVudCc7XG5cbmV4cG9ydCB0eXBlIEFjdGl2YXRlVGFiRXZlbnQgPSB7XG4gICAgdGFiOiBudW1iZXIsXG4gICAgbmFtZT86IHN0cmluZyxcbiAgICBjYW5jZWw6ICggc2hvdWxkQ2FuY2VsOiBQcm9taXNlPGJvb2xlYW4+ICkgPT4gdm9pZFxufVxuXG5AQ29tcG9uZW50KCB7XG4gICAgc2VsZWN0b3I6ICducmNsLXRhYi1ncm91cCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RhYi1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3RhYi1ncm91cC5jb21wb25lbnQuc2NzcycsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzLmxvb2stc3RhbmRhcmRdJzogJ2lzU3RhbmRhcmQnLFxuICAgICAgICAnW2NsYXNzLmxvb2stY2xhc3NpY10nOiAnaXNDbGFzc2ljJyxcbiAgICB9XG59IClcbmV4cG9ydCBjbGFzcyBUYWJHcm91cENvbXBvbmVudCBleHRlbmRzIE5yY2xCYXNlIGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0IHtcbiAgICBlbGVtZW50UmVmID0gaW5qZWN0KCBFbGVtZW50UmVmIClcbiAgICBjaGFuZ2VEZXRlY3RvclJlZiA9IGluamVjdCggQ2hhbmdlRGV0ZWN0b3JSZWYgKVxuXG4gICAgQElucHV0KCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9ICkgc3RhbmRhcmQgPSBmYWxzZVxuICAgIEBJbnB1dCggeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSApIGNsYXNzaWMgPSBmYWxzZVxuICAgIEBJbnB1dCgpIHNlbGVjdGVkVGFiID0gLTFcblxuICAgIEBPdXRwdXQoKSBzZWxlY3RlZFRhYkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8eyBpbmRleDogbnVtYmVyLCBuYW1lPzogc3RyaW5nIH0+KClcbiAgICBAT3V0cHV0KCkgYWN0aXZhdGVUYWIgPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGl2YXRlVGFiRXZlbnQ+KClcblxuICAgIEBWaWV3Q2hpbGQoTWF0VGFiR3JvdXApIHRhYkdyb3VwOiBNYXRUYWJHcm91cDtcblxuICAgIEBDb250ZW50Q2hpbGRyZW4oVGFiQ29tcG9uZW50KSB0YWJzITogUXVlcnlMaXN0PFRhYkNvbXBvbmVudD47XG5cbiAgICBpc1N0YW5kYXJkID0gZmFsc2VcbiAgICBpc0NsYXNzaWMgPSBmYWxzZVxuXG4gICAgbmdPbkNoYW5nZXMoIGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMgKTogdm9pZCB7XG4gICAgICAgIGNvbnNvbGUubG9nKGNoYW5nZXMpXG4gICAgICAgIHRoaXMudXBkYXRlU3RhdGUoKVxuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgbGV0IHNlbGYgPSB0aGlzXG5cbiAgICAgICAgdGhpcy50YWJHcm91cC5faGFuZGxlQ2xpY2sgPSAoIGZ1bmN0aW9uICggaW5uZXIgKSB7XG4gICAgICAgICAgICByZXR1cm4gZnVuY3Rpb24gKCB0YWI6IE1hdFRhYiwgdGFiSGVhZGVyOiBNYXRUYWJHcm91cEJhc2VIZWFkZXIsIGluZGV4OiBudW1iZXIgKSB7XG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coaW5kZXgpXG4gICAgICAgICAgICAgICAgLy8gICAgcmV0dXJuIGlubmVyLmNhbGwoIHRoaXMsIHRhYiwgdGFiSGVhZGVyLCBpbmRleCApXG4gICAgICAgICAgICAgICAgaWYgKCBpbmRleCA9PSBzZWxmLnRhYkdyb3VwLnNlbGVjdGVkSW5kZXggKSByZXR1cm5cblxuICAgICAgICAgICAgICAgIGxldCBzaG91bGRDYW5jZWwgPSBQcm9taXNlLnJlc29sdmUoIGZhbHNlIClcbiAgICAgICAgICAgICAgICBsZXQgYWN0aXZhdGU6IEFjdGl2YXRlVGFiRXZlbnQgPSB7IFxuICAgICAgICAgICAgICAgICAgICB0YWI6IGluZGV4LCBcbiAgICAgICAgICAgICAgICAgICAgbmFtZTogc2VsZi50YWJzLmdldCggaW5kZXggKT8ubmFtZSxcbiAgICAgICAgICAgICAgICAgICAgY2FuY2VsOiAoIHNob3VsZDogUHJvbWlzZTxib29sZWFuPiApID0+IHsgc2hvdWxkQ2FuY2VsID0gc2hvdWxkIH1cbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBzZWxmLmFjdGl2YXRlVGFiLmVtaXQoIGFjdGl2YXRlIClcblxuICAgICAgICAgICAgICAgIHNob3VsZENhbmNlbC50aGVuKCBjYW5jZWwgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAoIGNhbmNlbCApIHJldHVyblxuICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgIGlubmVyLmNhbGwoIHRoaXMsIHRhYiwgdGFiSGVhZGVyLCBpbmRleCApXG4gICAgICAgICAgICAgICAgICAgIC8vIHNlbGYuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpXG4gICAgICAgICAgICAgICAgfSApXG4gICAgICAgICAgICB9XG4gICAgICAgIH0gKSggdGhpcy50YWJHcm91cC5faGFuZGxlQ2xpY2sgKVxuICAgIH1cblxuICAgIHVwZGF0ZVN0YXRlKCkge1xuICAgICAgICB0aGlzLmlzU3RhbmRhcmQgPSB0aGlzLnN0YW5kYXJkICYmICF0aGlzLmNsYXNzaWNcbiAgICAgICAgdGhpcy5pc0NsYXNzaWMgPSB0aGlzLmNsYXNzaWMgJiYgIXRoaXMuc3RhbmRhcmRcbiAgICB9XG5cbiAgICBvblNlbGVjdGVkSW5kZXhDaGFuZ2UoIGluZGV4OiBudW1iZXIgKSB7XG4gICAgICAgIGxldCB0ID0gdGhpcy50YWJzLmdldCggaW5kZXggKVxuICAgICAgICB0aGlzLnNlbGVjdGVkVGFiQ2hhbmdlLmVtaXQoIHsgaW5kZXgsIG5hbWU6IHQ/Lm5hbWUgfSApXG4gICAgfVxufVxuIiwiPG1hdC10YWItZ3JvdXAgXG4gICAgbWF0LXN0cmV0Y2gtdGFicz1cImZhbHNlXCJcbiAgICBhbmltYXRpb25EdXJhdGlvbj1cIjBtc1wiIFxuICAgIGRpc2FibGVSaXBwbGU9XCJmYWxzZVwiXG4gICAgW3NlbGVjdGVkSW5kZXhdPVwic2VsZWN0ZWRUYWJcIlxuICAgIChzZWxlY3RlZEluZGV4Q2hhbmdlKT1cIm9uU2VsZWN0ZWRJbmRleENoYW5nZSggJGV2ZW50IClcIlxuPiAgICBcbiAgICBAZm9yICggdGFiIG9mIHRhYnM7IHRyYWNrIHRhYiApIHtcbiAgICAgICAgPG1hdC10YWIgXG4gICAgICAgICAgICBbbGFiZWxdPVwidGFiLmxhYmVsXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJ0YWIuZGlzYWJsZWRcIlxuICAgICAgICA+XG4gICAgICAgICAgICBAaWYgKCB0YWIubGFiZWxUZW1wbGF0ZSApIHtcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgbWF0LXRhYi1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRhYi5sYWJlbFRlbXBsYXRlLnRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIG1hdFRhYkNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgQGlmICggdGFiLmNvbnRlbnRUZW1wbGF0ZSApIHtcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRhYi5jb250ZW50VGVtcGxhdGUudGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgQGVsc2UgaWYgKCB0YWIuY29udGVudCApIHtcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRhYi5jb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT4gICAgXG4gICAgICAgIDwvbWF0LXRhYj5cbiAgICB9XG48L21hdC10YWItZ3JvdXA+XG4iXX0=
|
|
@@ -509,11 +509,11 @@ class GapComponent extends NrclBase {
|
|
|
509
509
|
this.componentClass = `direction-${direction} divider-position-${dividerPosition}`;
|
|
510
510
|
}
|
|
511
511
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GapComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
512
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GapComponent, selector: "nrcl-gap", inputs: { horizontal: "horizontal", vertical: "vertical", divider: "divider" }, host: { properties: { "class": "this.componentClass", "style.--nrcl-gap-multiple": "this.multiple" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"divider\"></div>", styles: [":host.direction-horizontal{display:inline-flex;width:var(--nrcl-gutter-space);align-items:stretch}:host.direction-horizontal.divider-position-before{justify-content:flex-start}:host.direction-horizontal.divider-position-middle{justify-content:center}:host.direction-horizontal.divider-position-after{justify-content:flex-end}:host.direction-horizontal.divider-position-before,:host.direction-horizontal.divider-position-middle,:host.direction-horizontal.divider-position-after{width:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-horizontal.divider-position-before .divider,:host.direction-horizontal.divider-position-middle .divider,:host.direction-horizontal.divider-position-after .divider{width:1px;height:100%;border-right:1px solid var(--nrcl-divider-color)}:host.direction-vertical{display:flex;height:var(--nrcl-gutter-space)}:host.direction-vertical.divider-position-before{align-items:flex-start}:host.direction-vertical.divider-position-middle{align-items:center}:host.direction-vertical.divider-position-after{align-items:flex-end}:host.direction-vertical.divider-position-before,:host.direction-vertical.divider-position-middle,:host.direction-vertical.divider-position-after{height:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-vertical.divider-position-before .divider,:host.direction-vertical.divider-position-middle .divider,:host.direction-vertical.divider-position-after .divider{height:1px;width:100%;border-bottom:1px solid var(--nrcl-divider-color)}\n"] }); }
|
|
512
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GapComponent, selector: "nrcl-gap", inputs: { horizontal: "horizontal", vertical: "vertical", divider: "divider" }, host: { properties: { "class": "this.componentClass", "style.--nrcl-gap-multiple": "this.multiple" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"divider\"></div>", styles: [":host.direction-horizontal{display:inline-flex;width:var(--nrcl-gutter-space);align-items:stretch;flex-grow:0;flex-shrink:0}:host.direction-horizontal.divider-position-before{justify-content:flex-start}:host.direction-horizontal.divider-position-middle{justify-content:center}:host.direction-horizontal.divider-position-after{justify-content:flex-end}:host.direction-horizontal.divider-position-before,:host.direction-horizontal.divider-position-middle,:host.direction-horizontal.divider-position-after{width:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-horizontal.divider-position-before .divider,:host.direction-horizontal.divider-position-middle .divider,:host.direction-horizontal.divider-position-after .divider{width:1px;height:100%;border-right:1px solid var(--nrcl-divider-color)}:host.direction-vertical{display:flex;height:var(--nrcl-gutter-space);flex-grow:0;flex-shrink:0}:host.direction-vertical.divider-position-before{align-items:flex-start}:host.direction-vertical.divider-position-middle{align-items:center}:host.direction-vertical.divider-position-after{align-items:flex-end}:host.direction-vertical.divider-position-before,:host.direction-vertical.divider-position-middle,:host.direction-vertical.divider-position-after{height:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-vertical.divider-position-before .divider,:host.direction-vertical.divider-position-middle .divider,:host.direction-vertical.divider-position-after .divider{height:1px;width:100%;border-bottom:1px solid var(--nrcl-divider-color)}\n"] }); }
|
|
513
513
|
}
|
|
514
514
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GapComponent, decorators: [{
|
|
515
515
|
type: Component,
|
|
516
|
-
args: [{ selector: 'nrcl-gap', template: "<div class=\"divider\"></div>", styles: [":host.direction-horizontal{display:inline-flex;width:var(--nrcl-gutter-space);align-items:stretch}:host.direction-horizontal.divider-position-before{justify-content:flex-start}:host.direction-horizontal.divider-position-middle{justify-content:center}:host.direction-horizontal.divider-position-after{justify-content:flex-end}:host.direction-horizontal.divider-position-before,:host.direction-horizontal.divider-position-middle,:host.direction-horizontal.divider-position-after{width:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-horizontal.divider-position-before .divider,:host.direction-horizontal.divider-position-middle .divider,:host.direction-horizontal.divider-position-after .divider{width:1px;height:100%;border-right:1px solid var(--nrcl-divider-color)}:host.direction-vertical{display:flex;height:var(--nrcl-gutter-space)}:host.direction-vertical.divider-position-before{align-items:flex-start}:host.direction-vertical.divider-position-middle{align-items:center}:host.direction-vertical.divider-position-after{align-items:flex-end}:host.direction-vertical.divider-position-before,:host.direction-vertical.divider-position-middle,:host.direction-vertical.divider-position-after{height:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-vertical.divider-position-before .divider,:host.direction-vertical.divider-position-middle .divider,:host.direction-vertical.divider-position-after .divider{height:1px;width:100%;border-bottom:1px solid var(--nrcl-divider-color)}\n"] }]
|
|
516
|
+
args: [{ selector: 'nrcl-gap', template: "<div class=\"divider\"></div>", styles: [":host.direction-horizontal{display:inline-flex;width:var(--nrcl-gutter-space);align-items:stretch;flex-grow:0;flex-shrink:0}:host.direction-horizontal.divider-position-before{justify-content:flex-start}:host.direction-horizontal.divider-position-middle{justify-content:center}:host.direction-horizontal.divider-position-after{justify-content:flex-end}:host.direction-horizontal.divider-position-before,:host.direction-horizontal.divider-position-middle,:host.direction-horizontal.divider-position-after{width:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-horizontal.divider-position-before .divider,:host.direction-horizontal.divider-position-middle .divider,:host.direction-horizontal.divider-position-after .divider{width:1px;height:100%;border-right:1px solid var(--nrcl-divider-color)}:host.direction-vertical{display:flex;height:var(--nrcl-gutter-space);flex-grow:0;flex-shrink:0}:host.direction-vertical.divider-position-before{align-items:flex-start}:host.direction-vertical.divider-position-middle{align-items:center}:host.direction-vertical.divider-position-after{align-items:flex-end}:host.direction-vertical.divider-position-before,:host.direction-vertical.divider-position-middle,:host.direction-vertical.divider-position-after{height:calc(var(--nrcl-gap-multiple) * var(--nrcl-gutter-space))}:host.direction-vertical.divider-position-before .divider,:host.direction-vertical.divider-position-middle .divider,:host.direction-vertical.divider-position-after .divider{height:1px;width:100%;border-bottom:1px solid var(--nrcl-divider-color)}\n"] }]
|
|
517
517
|
}], propDecorators: { horizontal: [{
|
|
518
518
|
type: Input
|
|
519
519
|
}], vertical: [{
|
|
@@ -2184,14 +2184,14 @@ class TabGroupComponent extends NrclBase {
|
|
|
2184
2184
|
this.selectedTabChange.emit({ index, name: t?.name });
|
|
2185
2185
|
}
|
|
2186
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=\"
|
|
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=\"0ms\" \n disableRipple=\"false\"\n [selectedIndex]=\"selectedTab\"\n (selectedIndexChange)=\"onSelectedIndexChange( $event )\"\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:calc(2 * var(--nrcl-gutter-space))}: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;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
2188
|
}
|
|
2189
2189
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabGroupComponent, decorators: [{
|
|
2190
2190
|
type: Component,
|
|
2191
2191
|
args: [{ selector: 'nrcl-tab-group', host: {
|
|
2192
2192
|
'[class.look-standard]': 'isStandard',
|
|
2193
2193
|
'[class.look-classic]': 'isClassic',
|
|
2194
|
-
}, template: "<mat-tab-group \n mat-stretch-tabs=\"false\"\n animationDuration=\"
|
|
2194
|
+
}, template: "<mat-tab-group \n mat-stretch-tabs=\"false\"\n animationDuration=\"0ms\" \n disableRipple=\"false\"\n [selectedIndex]=\"selectedTab\"\n (selectedIndexChange)=\"onSelectedIndexChange( $event )\"\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:calc(2 * var(--nrcl-gutter-space))}: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;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
2195
|
}], propDecorators: { standard: [{
|
|
2196
2196
|
type: Input,
|
|
2197
2197
|
args: [{ transform: booleanAttribute }]
|