@bcgov/nr-ngx-component-lib 0.0.8 → 0.0.10
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/cell-content/cell-content.component.d.ts +2 -1
- package/components/expansion-panel/expansion-panel.component.d.ts +4 -3
- package/components/filter-container/filter-container.component.d.ts +2 -1
- package/components/filter-date/filter-date.component.d.ts +2 -1
- package/components/filter-search/filter-search.component.d.ts +2 -1
- package/components/filter-select/filter-select.component.d.ts +9 -3
- package/components/filters-panel/filters-panel.component.d.ts +2 -1
- package/components/form-field/form-field.component.d.ts +2 -1
- package/components/form-layout/form-layout.component.d.ts +2 -1
- package/components/gap/gap.component.d.ts +2 -1
- package/components/icon/icon.component.d.ts +2 -1
- package/components/page-container/page-container.component.d.ts +2 -1
- package/components/page-header/page-header.component.d.ts +2 -1
- package/components/row-list-desktop/row-list-desktop.component.d.ts +2 -1
- package/components/row-list-mobile/row-list-mobile.component.d.ts +2 -1
- package/components/row-list-pagination/row-list-pagination.component.d.ts +2 -1
- package/components/row-list-sorting/row-list-sorting.component.d.ts +2 -1
- package/components/snackbar/snackbar.component.d.ts +2 -1
- package/directives/configuration-subscriber.base.d.ts +2 -1
- package/directives/nrcl.base.d.ts +9 -0
- package/directives/row-list.base.d.ts +2 -1
- package/esm2022/components/button/button.component.mjs +2 -2
- package/esm2022/components/cell-content/cell-content.component.mjs +6 -4
- package/esm2022/components/expansion-panel/expansion-panel.component.mjs +13 -10
- package/esm2022/components/filter-container/filter-container.component.mjs +6 -4
- package/esm2022/components/filter-date/filter-date.component.mjs +6 -4
- package/esm2022/components/filter-search/filter-search.component.mjs +6 -4
- package/esm2022/components/filter-select/filter-select.component.mjs +61 -37
- package/esm2022/components/filters-panel/filters-panel.component.mjs +6 -4
- package/esm2022/components/form-field/form-field.component.mjs +6 -4
- package/esm2022/components/form-layout/form-layout.component.mjs +5 -4
- package/esm2022/components/gap/gap.component.mjs +6 -4
- package/esm2022/components/icon/icon.component.mjs +6 -4
- package/esm2022/components/page-container/page-container.component.mjs +5 -4
- package/esm2022/components/page-header/page-header.component.mjs +6 -4
- package/esm2022/components/row-list-desktop/row-list-desktop.component.mjs +5 -4
- package/esm2022/components/row-list-mobile/row-list-mobile.component.mjs +5 -4
- package/esm2022/components/row-list-pagination/row-list-pagination.component.mjs +6 -4
- package/esm2022/components/row-list-sorting/row-list-sorting.component.mjs +6 -4
- package/esm2022/components/snackbar/snackbar.component.mjs +5 -3
- package/esm2022/directives/configuration-subscriber.base.mjs +7 -4
- package/esm2022/directives/nrcl.base.mjs +20 -0
- package/esm2022/directives/row-list.base.mjs +5 -3
- package/esm2022/nr-ngx-component-lib.module.mjs +5 -12
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs +162 -110
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs.map +1 -1
- package/nr-ngx-component-lib.module.d.ts +0 -5
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { AfterContentInit, ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
|
+
import { NrclBase } from '../../directives/nrcl.base';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class CellContentComponent implements AfterContentInit {
|
|
4
|
+
export declare class CellContentComponent extends NrclBase implements AfterContentInit {
|
|
4
5
|
tooltip: any;
|
|
5
6
|
content: any;
|
|
6
7
|
elementRef: ElementRef<any>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { EventEmitter } from "@angular/core";
|
|
2
2
|
import { MatExpansionPanel } from "@angular/material/expansion";
|
|
3
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ExpansionPanelComponent {
|
|
5
|
+
export declare class ExpansionPanelComponent extends NrclBase {
|
|
5
6
|
isLoading: boolean;
|
|
6
7
|
disabled: boolean;
|
|
7
8
|
expanded: boolean;
|
|
@@ -10,11 +11,11 @@ export declare class ExpansionPanelComponent {
|
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelComponent, never>;
|
|
11
12
|
static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "nrcl-expansion-panel", never, { "isLoading": { "alias": "isLoading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; }, never, ["nrcl-expansion-panel-header", "*", "nrcl-expansion-panel-footer"], false, never>;
|
|
12
13
|
}
|
|
13
|
-
export declare class ExpansionPanelHeaderComponent {
|
|
14
|
+
export declare class ExpansionPanelHeaderComponent extends NrclBase {
|
|
14
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelHeaderComponent, never>;
|
|
15
16
|
static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelHeaderComponent, "nrcl-expansion-panel-header", never, {}, {}, never, ["[left-side],h2,h3", "*"], false, never>;
|
|
16
17
|
}
|
|
17
|
-
export declare class ExpansionPanelFooterComponent {
|
|
18
|
+
export declare class ExpansionPanelFooterComponent extends NrclBase {
|
|
18
19
|
saveEnabled: any;
|
|
19
20
|
cancelEnabled: any;
|
|
20
21
|
warningMessage: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class FilterContainerComponent {
|
|
3
|
+
export declare class FilterContainerComponent extends NrclBase {
|
|
3
4
|
label: string;
|
|
4
5
|
hint: any;
|
|
5
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterContainerComponent, never>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class FilterDateComponent {
|
|
4
|
+
export declare class FilterDateComponent extends NrclBase {
|
|
4
5
|
label: string;
|
|
5
6
|
placeholder: string;
|
|
6
7
|
hint: any;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ChangeDetectorRef, ElementRef, EventEmitter } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class FilterSearchComponent {
|
|
4
|
+
export declare class FilterSearchComponent extends NrclBase {
|
|
4
5
|
label: string;
|
|
5
6
|
placeholder: string;
|
|
6
7
|
hint: any;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { Overlay, OverlayRef } from "@angular/cdk/overlay";
|
|
2
|
-
import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, SimpleChanges, TemplateRef, ViewContainerRef } from "@angular/core";
|
|
2
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, ViewContainerRef } from "@angular/core";
|
|
3
3
|
import { FormControl } from "@angular/forms";
|
|
4
4
|
import { MatSelectionListChange } from "@angular/material/list";
|
|
5
5
|
import { CodeDescription } from "../../utils/code-table.util";
|
|
6
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
/**
|
|
8
9
|
* A filter select component that allows users to select multiple options from a list.
|
|
@@ -13,7 +14,7 @@ import * as i0 from "@angular/core";
|
|
|
13
14
|
* - Tooltips for long descriptions
|
|
14
15
|
* - Summary display of selected items
|
|
15
16
|
*/
|
|
16
|
-
export declare class FilterSelectComponent implements OnChanges {
|
|
17
|
+
export declare class FilterSelectComponent extends NrclBase implements OnInit, OnChanges, OnDestroy {
|
|
17
18
|
label: any;
|
|
18
19
|
placeholder: string;
|
|
19
20
|
hint: any;
|
|
@@ -24,6 +25,7 @@ export declare class FilterSelectComponent implements OnChanges {
|
|
|
24
25
|
summary: boolean;
|
|
25
26
|
clear: boolean;
|
|
26
27
|
filter: boolean;
|
|
28
|
+
filterCharsMin: number;
|
|
27
29
|
valueChange: EventEmitter<string[]>;
|
|
28
30
|
floatLabel: string;
|
|
29
31
|
inputValue: any;
|
|
@@ -41,7 +43,9 @@ export declare class FilterSelectComponent implements OnChanges {
|
|
|
41
43
|
trigger: ElementRef;
|
|
42
44
|
filterInput: ElementRef;
|
|
43
45
|
overlayTemplate: TemplateRef<any>;
|
|
46
|
+
ngOnInit(): void;
|
|
44
47
|
ngOnChanges(changes: SimpleChanges): void;
|
|
48
|
+
ngOnDestroy(): void;
|
|
45
49
|
get single(): boolean;
|
|
46
50
|
emitValueChange(): void;
|
|
47
51
|
open(): void;
|
|
@@ -54,13 +58,15 @@ export declare class FilterSelectComponent implements OnChanges {
|
|
|
54
58
|
onUpperSelectionChange(ev: MatSelectionListChange): void;
|
|
55
59
|
onCancelClick(): void;
|
|
56
60
|
onInputFocus(): void;
|
|
61
|
+
onInputBlur(): void;
|
|
57
62
|
onCloseClick(): void;
|
|
58
63
|
descriptionForCode(code: string): string;
|
|
59
64
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectComponent, never>;
|
|
60
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterSelectComponent, "nrcl-filter-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "options": { "alias": "options"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectMax": { "alias": "selectMax"; "required": false; }; "tooltips": { "alias": "tooltips"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "clear": { "alias": "clear"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
65
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterSelectComponent, "nrcl-filter-select", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "options": { "alias": "options"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectMax": { "alias": "selectMax"; "required": false; }; "tooltips": { "alias": "tooltips"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "clear": { "alias": "clear"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterCharsMin": { "alias": "filterCharsMin"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
61
66
|
static ngAcceptInputType_selectMax: unknown;
|
|
62
67
|
static ngAcceptInputType_tooltips: unknown;
|
|
63
68
|
static ngAcceptInputType_summary: unknown;
|
|
64
69
|
static ngAcceptInputType_clear: unknown;
|
|
65
70
|
static ngAcceptInputType_filter: unknown;
|
|
71
|
+
static ngAcceptInputType_filterCharsMin: unknown;
|
|
66
72
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class FiltersPanelComponent {
|
|
4
|
+
export declare class FiltersPanelComponent extends NrclBase {
|
|
4
5
|
showClear: boolean;
|
|
5
6
|
showFilters: boolean;
|
|
6
7
|
hasAdvancedFilters: boolean;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ElementRef, OnChanges, Renderer2, SimpleChanges } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class FormFieldComponent implements OnChanges {
|
|
4
|
+
export declare class FormFieldComponent extends NrclBase implements OnChanges {
|
|
4
5
|
required: any;
|
|
5
6
|
readonly: any;
|
|
6
7
|
element: ElementRef<any>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class FormLayoutComponent {
|
|
3
|
+
export declare class FormLayoutComponent extends NrclBase {
|
|
3
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormLayoutComponent, never>;
|
|
4
5
|
static ɵcmp: i0.ɵɵComponentDeclaration<FormLayoutComponent, "nrcl-form-layout", never, {}, {}, never, ["*"], false, never>;
|
|
5
6
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { NrclBase } from '../../directives/nrcl.base';
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class GapComponent {
|
|
3
|
+
export declare class GapComponent extends NrclBase {
|
|
3
4
|
horizontal: boolean;
|
|
4
5
|
vertical: boolean;
|
|
5
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<GapComponent, never>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { AfterContentInit, ElementRef } from '@angular/core';
|
|
2
2
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
3
|
+
import { NrclBase } from '../../directives/nrcl.base';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class IconComponent implements AfterContentInit {
|
|
5
|
+
export declare class IconComponent extends NrclBase implements AfterContentInit {
|
|
5
6
|
name: keyof (typeof ICON);
|
|
6
7
|
svg: SafeHtml;
|
|
7
8
|
elementRef: ElementRef<any>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class PageContainerComponent {
|
|
3
|
+
export declare class PageContainerComponent extends NrclBase {
|
|
3
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<PageContainerComponent, never>;
|
|
4
5
|
static ɵcmp: i0.ɵɵComponentDeclaration<PageContainerComponent, "nrcl-page-container", never, {}, {}, never, ["*"], false, never>;
|
|
5
6
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class PageHeaderComponent {
|
|
3
|
+
export declare class PageHeaderComponent extends NrclBase {
|
|
3
4
|
isLoading: boolean;
|
|
4
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
|
|
5
6
|
static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "nrcl-page-header", never, { "isLoading": { "alias": "isLoading"; "required": false; }; }, {}, never, ["[left-side],h1,h2", "[right-side]", "*"], false, never>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class RowListDesktopComponent {
|
|
3
|
+
export declare class RowListDesktopComponent extends NrclBase {
|
|
3
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<RowListDesktopComponent, never>;
|
|
4
5
|
static ɵcmp: i0.ɵɵComponentDeclaration<RowListDesktopComponent, "nrcl-row-list-desktop", never, {}, {}, never, ["*"], false, never>;
|
|
5
6
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class RowListMobileComponent {
|
|
3
|
+
export declare class RowListMobileComponent extends NrclBase {
|
|
3
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<RowListMobileComponent, never>;
|
|
4
5
|
static ɵcmp: i0.ɵɵComponentDeclaration<RowListMobileComponent, "nrcl-row-list-mobile", never, {}, {}, never, ["*"], false, never>;
|
|
5
6
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export type RowListPaginationWidth = 'sufficient' | 'tight' | 'restrictive';
|
|
4
|
-
export declare class RowListPaginationComponent implements AfterViewInit {
|
|
5
|
+
export declare class RowListPaginationComponent extends NrclBase implements AfterViewInit {
|
|
5
6
|
paginationId: string;
|
|
6
7
|
pageSizeOptions: {
|
|
7
8
|
code: number;
|
|
@@ -2,8 +2,9 @@ import { EventEmitter } from "@angular/core";
|
|
|
2
2
|
import { CodeDescription } from "../../utils/code-table.util";
|
|
3
3
|
import { Sort, SortDirection } from "@angular/material/sort";
|
|
4
4
|
import { unwrapFilterValue, wrapFilterValue } from "../../utils/filter.util";
|
|
5
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class RowListSortingComponent {
|
|
7
|
+
export declare class RowListSortingComponent extends NrclBase {
|
|
7
8
|
sortColumn: string;
|
|
8
9
|
sortColumnOptions: CodeDescription[];
|
|
9
10
|
sortDirection: SortDirection;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { MatSnackBarRef } from "@angular/material/snack-bar";
|
|
2
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export type SnackbarType = 'success' | 'error' | 'info' | 'update';
|
|
4
5
|
export type SnackbarConfig = {
|
|
5
6
|
message: string;
|
|
6
7
|
type: SnackbarType;
|
|
7
8
|
};
|
|
8
|
-
export declare class SnackbarComponent {
|
|
9
|
+
export declare class SnackbarComponent extends NrclBase {
|
|
9
10
|
snackBarRef: MatSnackBarRef<SnackbarComponent>;
|
|
10
11
|
config: SnackbarConfig;
|
|
11
12
|
constructor(snackBarRef: MatSnackBarRef<SnackbarComponent>, config: SnackbarConfig);
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { ChangeDetectorRef, OnDestroy, OnInit } from "@angular/core";
|
|
2
2
|
import { Configuration, ConfigurationService } from "../services/configuration.service";
|
|
3
|
+
import { NrclBase } from "./nrcl.base";
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ConfigurationSubscriberBase implements OnInit, OnDestroy {
|
|
5
|
+
export declare class ConfigurationSubscriberBase extends NrclBase implements OnInit, OnDestroy {
|
|
5
6
|
configurationSubscription: any;
|
|
6
7
|
configuration: Configuration;
|
|
7
8
|
configurationService: ConfigurationService;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ElementRef, OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class NrclBase implements OnInit {
|
|
4
|
+
elementClass: string;
|
|
5
|
+
elementRef: ElementRef<any>;
|
|
6
|
+
ngOnInit(): void;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NrclBase, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NrclBase, never, never, {}, {}, never, never, false, never>;
|
|
9
|
+
}
|
|
@@ -3,6 +3,7 @@ import { SortDirection } from "@angular/material/sort";
|
|
|
3
3
|
import { Observable } from "rxjs";
|
|
4
4
|
import { PageStateService } from "../services/page-state.service";
|
|
5
5
|
import { CodeDescription } from "../public-api";
|
|
6
|
+
import { NrclBase } from "./nrcl.base";
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export type RowListState<F> = {
|
|
8
9
|
filter: F;
|
|
@@ -15,7 +16,7 @@ export type LoadRowListResult<R> = {
|
|
|
15
16
|
rows: R[];
|
|
16
17
|
totalRowCount: number;
|
|
17
18
|
};
|
|
18
|
-
export declare class RowListBase<F, R, L = any> implements RowListState<F>, AfterViewInit {
|
|
19
|
+
export declare class RowListBase<F, R, L = any> extends NrclBase implements RowListState<F>, AfterViewInit {
|
|
19
20
|
isLoadingChange: EventEmitter<boolean>;
|
|
20
21
|
private _isLoading;
|
|
21
22
|
get isLoading(): boolean;
|
|
@@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
46
46
|
'[class.compact]': 'isCompact',
|
|
47
47
|
'[class.icon-left]': '!isCompact && icon',
|
|
48
48
|
'[class.icon-right]': '!isCompact && iconRight && label',
|
|
49
|
-
'[class.label]': 'label'
|
|
49
|
+
'[class.label]': 'label',
|
|
50
50
|
}, template: "<button \n matRipple\n (click)=\"onClick( $event )\"\n [disabled]=\"disabled\"\n [matTooltip]=\"tooltip\"\n>\n @if ( icon || iconRight || iconCompact || label ) {\n @if ( icon && ( !isCompact || !iconCompact ) ) { \n <nrcl-icon class=\"left\">{{ icon }}</nrcl-icon> \n }\n\n @if ( !isCompact && iconRight && label ) { \n <nrcl-icon class=\"right\">{{ iconRight }}</nrcl-icon> \n }\n\n @if ( isCompact && iconCompact ) { \n <nrcl-icon class=\"compact\">{{ iconCompact }}</nrcl-icon> \n }\n\n @if ( label ) {\n <span class=\"label\">{{ label }}</span> \n }\n }\n @else {\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n }\n</button>\n", styles: ["::ng-deep :root{--nrcl-button-height: 36px;--nrcl-compact-button-height: 44px;--nrcl-button-foreground-color: black;--nrcl-button-background-color: white;--nrcl-button-border-color: #003366;--nrcl-button-hover-background-color: #f5f5f5;--nrcl-button-primary-foreground-color: white;--nrcl-button-primary-background-color: #003366;--nrcl-button-primary-border-color: #003366;--nrcl-button-primary-hover-background-color: #144a89cc;--nrcl-button-outline-foreground-color: black;--nrcl-button-outline-background-color: transparent;--nrcl-button-outline-border-color: rgba(0, 0, 0, .12);--nrcl-button-outline-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-disabled-foreground-color: #7E7E7E;--nrcl-button-disabled-background-color: #CCCCCC;--nrcl-button-disabled-border-color: #CCCCCC;--nrcl-button-disabled-hover-background-color: #CCCCCC}:host button{height:var(--nrcl-button-height);cursor:pointer;margin:0;padding:0;display:flex;align-items:center;position:relative;background-color:var(--nrcl-button-background-color);color:var(--nrcl-button-foreground-color);border-color:var(--nrcl-button-border-color);border-width:1px;border-style:solid;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host button .label,:host button .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);white-space:nowrap;font-weight:500}:host button:hover{background-color:var(--nrcl-button-hover-background-color)}:host button .content{padding-left:16px;padding-right:16px;display:flex;align-items:center}:host.label button{padding-left:16px;padding-right:16px}:host.icon-left button{padding-left:var(--nrcl-button-height)}:host.icon-left button .content{padding-left:0}:host.icon-left button ::ng-deep .mat-icon.left,:host.icon-left button ::ng-deep nrcl-icon.left{position:absolute;left:calc((var(--nrcl-button-height) - var(--nrcl-icon-size)) / 2)}:host.icon-right button{padding-right:var(--nrcl-button-height)}:host.icon-right button .content{padding-right:0}:host.icon-right button ::ng-deep .mat-icon.right,:host.icon-right button ::ng-deep nrcl-icon.right{position:absolute;right:calc((var(--nrcl-button-height) - var(--nrcl-icon-size)) / 2)}:host.primary button{background-color:var(--nrcl-button-primary-background-color);color:var(--nrcl-button-primary-foreground-color);border-color:var(--nrcl-button-primary-border-color)}:host.primary button:hover{background-color:var(--nrcl-button-primary-hover-background-color)}:host.outline button{background-color:var(--nrcl-button-outline-background-color);color:var(--nrcl-button-outline-foreground-color);border-color:var(--nrcl-button-outline-border-color);box-shadow:none}:host.outline button:hover{background-color:var(--nrcl-button-outline-hover-background-color)}:host.compact button{height:var(--nrcl-compact-button-height);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px;box-shadow:none;background-color:transparent;color:var(--nrcl-button-foreground-color)}:host.compact button:hover{background-color:var(--nrcl-button-hover-background-color)}:host.compact button .label{line-height:20px;font-size:var(--nrcl-font-size-small)}:host.disabled button{background-color:var(--nrcl-button-disabled-background-color);color:var(--nrcl-button-disabled-foreground-color);border-color:var(--nrcl-button-disabled-border-color)}:host.disabled button:hover{background-color:var(--nrcl-button-disabled-hover-background-color)}\n"] }]
|
|
51
51
|
}], propDecorators: { label: [{
|
|
52
52
|
type: Input
|
|
@@ -72,4 +72,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
72
72
|
}], click: [{
|
|
73
73
|
type: Output
|
|
74
74
|
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7Ozs7O0FBZ0I3RixNQUFNLE9BQU8sZUFBZ0IsU0FBUSwyQkFBMkI7SUFkaEU7O1FBcUI4QyxZQUFPLEdBQUcsS0FBSyxDQUFBO1FBQ2YsWUFBTyxHQUFHLEtBQUssQ0FBQTtRQUNmLGFBQVEsR0FBRyxLQUFLLENBQUE7UUFFaEQsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFBO1FBSWxELFNBQUksR0FBRyxNQUFNLENBQUUsTUFBTSxDQUFFLENBQUE7S0F5QjFCO0lBdkJHLE9BQU8sQ0FBRSxFQUFnQjtRQUNyQixJQUFLLElBQUksQ0FBQyxRQUFRO1lBQUcsT0FBTTtRQUUzQixFQUFFLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUUsRUFBRSxDQUFFLENBQUE7SUFDekIsQ0FBQztJQUVELHFCQUFxQjtRQUNqQiw2RUFBNkU7UUFDN0UsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUUsR0FBRyxFQUFFO1lBQ2hCLElBQUssSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLEVBQUcsQ0FBQztnQkFDbkQsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUE7WUFDMUIsQ0FBQztpQkFDSSxJQUFLLElBQUksQ0FBQyxPQUFPLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssSUFBSSxFQUFHLENBQUM7Z0JBQ3JELElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFBO1lBQ3pCLENBQUM7aUJBQ0ksQ0FBQztnQkFDRixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUE7WUFDbkUsQ0FBQztZQUVELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQTtRQUN6QyxDQUFDLENBQUUsQ0FBQTtJQUNQLENBQUM7K0dBdkNRLGVBQWU7bUdBQWYsZUFBZSwrTEFPSCxnQkFBZ0IsbUNBQ2hCLGdCQUFnQixzQ0FDaEIsZ0JBQWdCLG9XQzFCekMsc3lCQTZCQTs7NEZEWmEsZUFBZTtrQkFkM0IsU0FBUzsrQkFDSSxhQUFhLFFBR2pCO3dCQUNGLGlCQUFpQixFQUFFLFNBQVM7d0JBQzVCLGlCQUFpQixFQUFFLHFCQUFxQjt3QkFDeEMsa0JBQWtCLEVBQUUsVUFBVTt3QkFDOUIsaUJBQWlCLEVBQUUsV0FBVzt3QkFDOUIsbUJBQW1CLEVBQUUsb0JBQW9CO3dCQUN6QyxvQkFBb0IsRUFBRSxrQ0FBa0M7d0JBQ3hELGVBQWUsRUFBRSxPQUFPO3FCQUMzQjs4QkFHUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNvQyxPQUFPO3NCQUFoRCxLQUFLO3VCQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNHLE9BQU87c0JBQWhELEtBQUs7dUJBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0csUUFBUTtzQkFBakQsS0FBSzt1QkFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFFN0IsS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIGluamVjdCwgSW5wdXQsIE5nWm9uZSwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb25maWd1cmF0aW9uU3Vic2NyaWJlckJhc2UgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2NvbmZpZ3VyYXRpb24tc3Vic2NyaWJlci5iYXNlJztcblxuQENvbXBvbmVudCgge1xuICAgIHNlbGVjdG9yOiAnbnJjbC1idXR0b24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9idXR0b24uY29tcG9uZW50LnNjc3MnLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzcy5wcmltYXJ5XSc6ICdwcmltYXJ5JyxcbiAgICAgICAgJ1tjbGFzcy5vdXRsaW5lXSc6ICdvdXRsaW5lICYmICFwcmltYXJ5JyxcbiAgICAgICAgJ1tjbGFzcy5kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuICAgICAgICAnW2NsYXNzLmNvbXBhY3RdJzogJ2lzQ29tcGFjdCcsXG4gICAgICAgICdbY2xhc3MuaWNvbi1sZWZ0XSc6ICchaXNDb21wYWN0ICYmIGljb24nLFxuICAgICAgICAnW2NsYXNzLmljb24tcmlnaHRdJzogJyFpc0NvbXBhY3QgJiYgaWNvblJpZ2h0ICYmIGxhYmVsJyxcbiAgICAgICAgJ1tjbGFzcy5sYWJlbF0nOiAnbGFiZWwnLFxuICAgIH1cbn0gKVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIENvbmZpZ3VyYXRpb25TdWJzY3JpYmVyQmFzZSB7ICAgIFxuICAgIEBJbnB1dCgpIGxhYmVsXG4gICAgQElucHV0KCkgaWNvblxuICAgIEBJbnB1dCgpIGljb25SaWdodFxuICAgIEBJbnB1dCgpIGljb25Db21wYWN0XG4gICAgQElucHV0KCkgdG9vbHRpcFxuICAgIEBJbnB1dCgpIGNvbXBhY3RcbiAgICBASW5wdXQoIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0gKSBwcmltYXJ5ID0gZmFsc2VcbiAgICBASW5wdXQoIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0gKSBvdXRsaW5lID0gZmFsc2VcbiAgICBASW5wdXQoIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0gKSBkaXNhYmxlZCA9IGZhbHNlXG5cbiAgICBAT3V0cHV0KCkgY2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFBvaW50ZXJFdmVudD4oKVxuXG4gICAgaXNDb21wYWN0XG5cbiAgICB6b25lID0gaW5qZWN0KCBOZ1pvbmUgKVxuXG4gICAgb25DbGljayggZXY6IFBvaW50ZXJFdmVudCApIHtcbiAgICAgICAgaWYgKCB0aGlzLmRpc2FibGVkICkgcmV0dXJuXG5cbiAgICAgICAgZXYuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgICAgdGhpcy5jbGljay5lbWl0KCBldiApXG4gICAgfVxuXG4gICAgb25Db25maWd1cmF0aW9uQ2hhbmdlKCk6IHZvaWQge1xuICAgICAgICAvLyBhcHBhcmVudGx5IHRoaXMgaXMgbmVlZGVkIHRvIGVuc3VyZSB0aGF0IHRoZSBob3N0IGJpbmRpbmcgdXBkYXRlcyBwcm9wZXJseVxuICAgICAgICB0aGlzLnpvbmUucnVuKCAoKSA9PiB7XG4gICAgICAgICAgICBpZiAoIHRoaXMuY29tcGFjdCA9PSBudWxsIHx8IHRoaXMuY29tcGFjdCA9PT0gZmFsc2UgKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5pc0NvbXBhY3QgPSBmYWxzZVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSBpZiAoIHRoaXMuY29tcGFjdCA9PSAnJyB8fCB0aGlzLmNvbXBhY3QgPT09IHRydWUgKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5pc0NvbXBhY3QgPSB0cnVlXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzQ29tcGFjdCA9IHRoaXMuY29tcGFjdCA9PSB0aGlzLmNvbmZpZ3VyYXRpb24uZGlzcGxheU1vZGVcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKVxuICAgICAgICB9IClcbiAgICB9XG59XG4iLCI8YnV0dG9uIFxuICAgIG1hdFJpcHBsZVxuICAgIChjbGljayk9XCJvbkNsaWNrKCAkZXZlbnQgKVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbbWF0VG9vbHRpcF09XCJ0b29sdGlwXCJcbj5cbiAgICBAaWYgKCBpY29uIHx8IGljb25SaWdodCB8fCBpY29uQ29tcGFjdCB8fCBsYWJlbCApIHtcbiAgICAgICAgQGlmICggaWNvbiAmJiAoICFpc0NvbXBhY3QgfHwgIWljb25Db21wYWN0ICkgKSB7IFxuICAgICAgICAgICAgPG5yY2wtaWNvbiBjbGFzcz1cImxlZnRcIj57eyBpY29uIH19PC9ucmNsLWljb24+IFxuICAgICAgICB9XG5cbiAgICAgICAgQGlmICggIWlzQ29tcGFjdCAmJiBpY29uUmlnaHQgJiYgbGFiZWwgKSB7IFxuICAgICAgICAgICAgPG5yY2wtaWNvbiBjbGFzcz1cInJpZ2h0XCI+e3sgaWNvblJpZ2h0IH19PC9ucmNsLWljb24+IFxuICAgICAgICB9XG5cbiAgICAgICAgQGlmICggaXNDb21wYWN0ICYmIGljb25Db21wYWN0ICkgeyBcbiAgICAgICAgICAgIDxucmNsLWljb24gY2xhc3M9XCJjb21wYWN0XCI+e3sgaWNvbkNvbXBhY3QgfX08L25yY2wtaWNvbj4gXG4gICAgICAgIH1cblxuICAgICAgICBAaWYgKCBsYWJlbCApIHtcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGFiZWxcIj57eyBsYWJlbCB9fTwvc3Bhbj4gICAgICAgIFxuICAgICAgICB9XG4gICAgfVxuICAgIEBlbHNlIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuPC9idXR0b24+XG4iXX0=
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { ChangeDetectorRef, Component, ElementRef, inject, Input } from '@angular/core';
|
|
2
|
+
import { NrclBase } from '../../directives/nrcl.base';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "@angular/material/tooltip";
|
|
4
|
-
export class CellContentComponent {
|
|
5
|
+
export class CellContentComponent extends NrclBase {
|
|
5
6
|
constructor() {
|
|
7
|
+
super(...arguments);
|
|
6
8
|
this.elementRef = inject(ElementRef);
|
|
7
9
|
this.changeDetectorRef = inject(ChangeDetectorRef);
|
|
8
10
|
}
|
|
@@ -20,8 +22,8 @@ export class CellContentComponent {
|
|
|
20
22
|
this.changeDetectorRef.detectChanges();
|
|
21
23
|
});
|
|
22
24
|
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellContentComponent, deps:
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CellContentComponent, selector: "nrcl-cell-content", inputs: { tooltip: "tooltip", content: "content" }, ngImport: i0, template: "<div [matTooltip]=\"tooltipContent\" class=\"content\">\n @if ( content ) {\n {{ content }}\n }\n @else {\n <ng-content></ng-content>\n }\n</div>\n", styles: [":host{display:block;width:100%;font-family:var(--nrcl-font-family)}:host .content{width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CellContentComponent, selector: "nrcl-cell-content", inputs: { tooltip: "tooltip", content: "content" }, usesInheritance: true, ngImport: i0, template: "<div [matTooltip]=\"tooltipContent\" class=\"content\">\n @if ( content ) {\n {{ content }}\n }\n @else {\n <ng-content></ng-content>\n }\n</div>\n", styles: [":host{display:block;width:100%;font-family:var(--nrcl-font-family)}:host .content{width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
25
27
|
}
|
|
26
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellContentComponent, decorators: [{
|
|
27
29
|
type: Component,
|
|
@@ -31,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
31
33
|
}], content: [{
|
|
32
34
|
type: Input
|
|
33
35
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VsbC1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2NlbGwtY29udGVudC9jZWxsLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvY2VsbC1jb250ZW50L2NlbGwtY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXNDLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1SCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQU90RCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsUUFBUTtJQUxsRDs7UUFTSSxlQUFVLEdBQUcsTUFBTSxDQUFFLFVBQVUsQ0FBRSxDQUFBO1FBQ2pDLHNCQUFpQixHQUFHLE1BQU0sQ0FBRSxpQkFBaUIsQ0FBRSxDQUFBO0tBbUJsRDtJQWZHLGtCQUFrQjtRQUNkLFVBQVUsQ0FBRSxHQUFHLEVBQUU7WUFDYixJQUFLLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssS0FBSyxFQUFHLENBQUM7Z0JBQ25ELDZCQUE2QjtZQUNqQyxDQUFDO2lCQUNJLElBQUssSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxJQUFJLEVBQUcsQ0FBQztnQkFDckQsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxFQUFFLFdBQVcsQ0FBQTtZQUNyRixDQUFDO2lCQUNJLENBQUM7Z0JBQ0YsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFBO1lBQ3RDLENBQUM7WUFFRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUE7UUFDMUMsQ0FBQyxDQUFFLENBQUE7SUFDUCxDQUFDOytHQXZCUSxvQkFBb0I7bUdBQXBCLG9CQUFvQixvSUNSakMsK0tBUUE7OzRGREFhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDSSxtQkFBbUI7OEJBS3BCLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBib29sZWFuQXR0cmlidXRlLCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBpbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOcmNsQmFzZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvbnJjbC5iYXNlJztcblxuQENvbXBvbmVudCgge1xuICAgIHNlbGVjdG9yOiAnbnJjbC1jZWxsLWNvbnRlbnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jZWxsLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9jZWxsLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnLFxufSApXG5leHBvcnQgY2xhc3MgQ2VsbENvbnRlbnRDb21wb25lbnQgZXh0ZW5kcyBOcmNsQmFzZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBJbnB1dCgpIHRvb2x0aXBcbiAgICBASW5wdXQoKSBjb250ZW50XG4gICAgXG4gICAgZWxlbWVudFJlZiA9IGluamVjdCggRWxlbWVudFJlZiApXG4gICAgY2hhbmdlRGV0ZWN0b3JSZWYgPSBpbmplY3QoIENoYW5nZURldGVjdG9yUmVmIClcblxuICAgIHRvb2x0aXBDb250ZW50XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIHNldFRpbWVvdXQoICgpID0+IHtcbiAgICAgICAgICAgIGlmICggdGhpcy50b29sdGlwID09IG51bGwgfHwgdGhpcy50b29sdGlwID09PSBmYWxzZSApIHtcbiAgICAgICAgICAgICAgICAvLyBubyB0b29sdGlwICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSBpZiAoIHRoaXMudG9vbHRpcCA9PSAnJyB8fCB0aGlzLnRvb2x0aXAgPT09IHRydWUgKSB7XG4gICAgICAgICAgICAgICAgdGhpcy50b29sdGlwQ29udGVudCA9IHRoaXMuY29udGVudCB8fCB0aGlzLmVsZW1lbnRSZWY/Lm5hdGl2ZUVsZW1lbnQ/LnRleHRDb250ZW50XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLnRvb2x0aXBDb250ZW50ID0gdGhpcy50b29sdGlwXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBcbiAgICAgICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpXG4gICAgICAgIH0gKVxuICAgIH1cbn1cbiIsIjxkaXYgW21hdFRvb2x0aXBdPVwidG9vbHRpcENvbnRlbnRcIiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICBAaWYgKCBjb250ZW50ICkge1xuICAgICAgICB7eyBjb250ZW50IH19XG4gICAgfVxuICAgIEBlbHNlIHtcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIH1cbjwvZGl2PlxuIl19
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "@angular/material/expansion";
|
|
4
5
|
import * as i2 from "@angular/material/progress-spinner";
|
|
5
6
|
import * as i3 from "../button/button.component";
|
|
6
7
|
import * as i4 from "../icon/icon.component";
|
|
7
|
-
export class ExpansionPanelComponent {
|
|
8
|
+
export class ExpansionPanelComponent extends NrclBase {
|
|
8
9
|
constructor() {
|
|
10
|
+
super(...arguments);
|
|
9
11
|
this.isLoading = false;
|
|
10
12
|
this.disabled = false;
|
|
11
13
|
this.expanded = false;
|
|
12
14
|
this.expandedChange = new EventEmitter();
|
|
13
15
|
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelComponent, deps:
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ExpansionPanelComponent, selector: "nrcl-expansion-panel", inputs: { isLoading: "isLoading", disabled: "disabled", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-loading": "isLoading", "class.expanded": "matExpansionPanel?.expanded", "class.disabled": "disabled" } }, viewQueries: [{ propertyName: "matExpansionPanel", first: true, predicate: ["panel"], descendants: true }], ngImport: i0, template: "<mat-expansion-panel #panel \n togglePosition=\"before\"\n [expanded]=\"expanded\" \n [disabled]=\"disabled\" \n (opened)=\"expandedChange.emit( true )\" \n (closed)=\"expandedChange.emit( false )\" \n>\n <mat-expansion-panel-header>\n <mat-panel-description>\n <ng-content select=\"nrcl-expansion-panel-header\"></ng-content>\n\n @if ( isLoading ) {\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n\n <div class=\"body\">\n <ng-content></ng-content>\n </div>\n\n <ng-content select=\"nrcl-expansion-panel-footer\"></ng-content>\n</mat-expansion-panel>", styles: [":host mat-expansion-panel>.mat-expansion-panel-header{padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space);height:unset;min-height:50px;border-bottom:1px solid #c6c8cb;border-bottom-left-radius:0;border-bottom-right-radius:0;font-family:var(--nrcl-font-family);align-items:flex-start}:host mat-expansion-panel>.mat-expansion-panel-header>::ng-deep .mat-expansion-indicator{align-self:center;padding-bottom:4px}:host mat-expansion-panel>.mat-expansion-panel-header.mat-expanded>::ng-deep .mat-expansion-indicator{padding-bottom:0}:host mat-expansion-panel>.mat-expansion-panel-header .mat-expansion-panel-header-description{position:relative;margin-right:0}:host mat-expansion-panel>.mat-expansion-panel-header .mat-expansion-panel-header-description .loading{position:absolute;top:10px;right:0}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size)}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{padding:0}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body .body{padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space)}:host.is-loading .mat-expansion-panel>.mat-expansion-panel-header ::ng-deep nrcl-expansion-panel-header .right-side{visibility:hidden}:host.disabled .mat-expansion-panel>.mat-expansion-panel-header>::ng-deep .mat-content{margin-left:0}\n"], dependencies: [{ kind: "component", type: i1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ExpansionPanelComponent, selector: "nrcl-expansion-panel", inputs: { isLoading: "isLoading", disabled: "disabled", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-loading": "isLoading", "class.expanded": "matExpansionPanel?.expanded", "class.disabled": "disabled" } }, viewQueries: [{ propertyName: "matExpansionPanel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-expansion-panel #panel \n togglePosition=\"before\"\n [expanded]=\"expanded\" \n [disabled]=\"disabled\" \n (opened)=\"expandedChange.emit( true )\" \n (closed)=\"expandedChange.emit( false )\" \n>\n <mat-expansion-panel-header>\n <mat-panel-description>\n <ng-content select=\"nrcl-expansion-panel-header\"></ng-content>\n\n @if ( isLoading ) {\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n\n <div class=\"body\">\n <ng-content></ng-content>\n </div>\n\n <ng-content select=\"nrcl-expansion-panel-footer\"></ng-content>\n</mat-expansion-panel>", styles: [":host mat-expansion-panel>.mat-expansion-panel-header{padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space);height:unset;min-height:50px;border-bottom:1px solid #c6c8cb;border-bottom-left-radius:0;border-bottom-right-radius:0;font-family:var(--nrcl-font-family);align-items:flex-start}:host mat-expansion-panel>.mat-expansion-panel-header>::ng-deep .mat-expansion-indicator{align-self:center;padding-bottom:4px}:host mat-expansion-panel>.mat-expansion-panel-header.mat-expanded>::ng-deep .mat-expansion-indicator{padding-bottom:0}:host mat-expansion-panel>.mat-expansion-panel-header .mat-expansion-panel-header-description{position:relative;margin-right:0}:host mat-expansion-panel>.mat-expansion-panel-header .mat-expansion-panel-header-description .loading{position:absolute;top:10px;right:0}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size)}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{padding:0}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body .body{padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space)}:host.is-loading .mat-expansion-panel>.mat-expansion-panel-header ::ng-deep nrcl-expansion-panel-header .right-side{visibility:hidden}:host.disabled .mat-expansion-panel>.mat-expansion-panel-header>::ng-deep .mat-content{margin-left:0}\n"], dependencies: [{ kind: "component", type: i1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16
18
|
}
|
|
17
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
18
20
|
type: Component,
|
|
@@ -33,9 +35,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
33
35
|
type: ViewChild,
|
|
34
36
|
args: ['panel']
|
|
35
37
|
}] } });
|
|
36
|
-
export class ExpansionPanelHeaderComponent {
|
|
37
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelHeaderComponent, deps:
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ExpansionPanelHeaderComponent, selector: "nrcl-expansion-panel-header", ngImport: i0, template: `
|
|
38
|
+
export class ExpansionPanelHeaderComponent extends NrclBase {
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ExpansionPanelHeaderComponent, selector: "nrcl-expansion-panel-header", usesInheritance: true, ngImport: i0, template: `
|
|
39
41
|
<div class="left-side">
|
|
40
42
|
<ng-content select="[left-side],h2,h3"></ng-content>
|
|
41
43
|
</div>
|
|
@@ -57,15 +59,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
57
59
|
</div>
|
|
58
60
|
`, styles: [":host{display:flex;color:#212121;width:100%}.left-side{display:flex;flex-direction:column;padding:10px 0;align-self:flex-start}.left-side ::ng-deep h2{font-size:var( --nrcl-font-size-h2);font-weight:200;padding:0;margin:0}.left-side ::ng-deep h3{font-size:var( --nrcl-font-size-h3 );font-weight:200;padding:0;margin:0}.right-side{flex-grow:1;display:flex;justify-content:flex-end;align-self:center}\n"] }]
|
|
59
61
|
}] });
|
|
60
|
-
export class ExpansionPanelFooterComponent {
|
|
62
|
+
export class ExpansionPanelFooterComponent extends NrclBase {
|
|
61
63
|
constructor() {
|
|
64
|
+
super(...arguments);
|
|
62
65
|
this.warningMessage = 'Unsaved Changes';
|
|
63
66
|
this.showWarning = false;
|
|
64
67
|
this.saveClick = new EventEmitter();
|
|
65
68
|
this.cancelClick = new EventEmitter();
|
|
66
69
|
}
|
|
67
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelFooterComponent, deps:
|
|
68
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ExpansionPanelFooterComponent, selector: "nrcl-expansion-panel-footer", inputs: { saveEnabled: "saveEnabled", cancelEnabled: "cancelEnabled", warningMessage: "warningMessage", showWarning: "showWarning" }, outputs: { saveClick: "saveClick", cancelClick: "cancelClick" }, ngImport: i0, template: `
|
|
70
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ExpansionPanelFooterComponent, selector: "nrcl-expansion-panel-footer", inputs: { saveEnabled: "saveEnabled", cancelEnabled: "cancelEnabled", warningMessage: "warningMessage", showWarning: "showWarning" }, outputs: { saveClick: "saveClick", cancelClick: "cancelClick" }, usesInheritance: true, ngImport: i0, template: `
|
|
69
72
|
@if ( showWarning ) {
|
|
70
73
|
<div class="warning">
|
|
71
74
|
<nrcl-icon>warning</nrcl-icon>
|
|
@@ -141,4 +144,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
141
144
|
}], cancelClick: [{
|
|
142
145
|
type: Output
|
|
143
146
|
}] } });
|
|
144
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
147
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzRyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQWF0RCxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsUUFBUTtJQVhyRDs7UUFZYSxjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQTtRQUVmLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtLQUd6RDsrR0FSWSx1QkFBdUI7bUdBQXZCLHVCQUF1Qix3Y0NmcEMsbXVCQXNCc0I7OzRGRFBULHVCQUF1QjtrQkFYbkMsU0FBUzsrQkFDSSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDRixvQkFBb0IsRUFBSSxXQUFXO3dCQUNuQyxrQkFBa0IsRUFBTSw2QkFBNkI7d0JBQ3JELGtCQUFrQixFQUFNLFVBQVU7cUJBQ3JDOzhCQUdRLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLGNBQWM7c0JBQXZCLE1BQU07Z0JBRWUsaUJBQWlCO3NCQUF0QyxTQUFTO3VCQUFFLE9BQU87O0FBa0R2QixNQUFNLE9BQU8sNkJBQThCLFNBQVEsUUFBUTsrR0FBOUMsNkJBQTZCO21HQUE3Qiw2QkFBNkIsMEZBN0M1Qjs7Ozs7Ozs7S0FRVDs7NEZBcUNRLDZCQUE2QjtrQkEvQ3pDLFNBQVM7K0JBQ0ksNkJBQTZCLFlBQzdCOzs7Ozs7OztLQVFUOztBQWdHTCxNQUFNLE9BQU8sNkJBQThCLFNBQVEsUUFBUTtJQXpEM0Q7O1FBNERhLG1CQUFjLEdBQUcsaUJBQWlCLENBQUE7UUFDbEMsZ0JBQVcsR0FBRyxLQUFLLENBQUE7UUFFbEIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFBO1FBQzVDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUE7S0FDM0Q7K0dBUlksNkJBQTZCO21HQUE3Qiw2QkFBNkIsaVNBdkQ1Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2QlQ7OzRGQTBCUSw2QkFBNkI7a0JBekR6QyxTQUFTOytCQUNJLDZCQUE2QixZQUM3Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2QlQ7OEJBMkJRLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTWF0RXhwYW5zaW9uUGFuZWwgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uXCI7XG5pbXBvcnQgeyBOcmNsQmFzZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL25yY2wuYmFzZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJucmNsLWV4cGFuc2lvbi1wYW5lbFwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmw6IFwiLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnNjc3NcIixcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgICdbY2xhc3MuaXMtbG9hZGluZ10nOiAgICdpc0xvYWRpbmcnLFxuICAgICAgICAnW2NsYXNzLmV4cGFuZGVkXSc6ICAgICAnbWF0RXhwYW5zaW9uUGFuZWw/LmV4cGFuZGVkJyxcbiAgICAgICAgJ1tjbGFzcy5kaXNhYmxlZF0nOiAgICAgJ2Rpc2FibGVkJyxcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge1xuICAgIEBJbnB1dCgpIGlzTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgZXhwYW5kZWQgPSBmYWxzZVxuXG4gICAgQE91dHB1dCgpIGV4cGFuZGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG5cbiAgICBAVmlld0NoaWxkKCAncGFuZWwnICkgbWF0RXhwYW5zaW9uUGFuZWw6IE1hdEV4cGFuc2lvblBhbmVsXG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZXhwYW5zaW9uLXBhbmVsLWhlYWRlclwiLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNpZGVcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0LXNpZGVdLGgyLGgzXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtc2lkZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICBgLFxuICAgIHN0eWxlczogW2BcbiAgICAgICAgOmhvc3Qge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGNvbG9yOiAjMjEyMTIxO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAubGVmdC1zaWRlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgcGFkZGluZzogMTBweCAwOyAgICAgICAgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBmbGV4LXN0YXJ0O1xuICAgICAgICB9XG5cbiAgICAgICAgLmxlZnQtc2lkZSA6Om5nLWRlZXAgaDIge1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoIC0tbnJjbC1mb250LXNpemUtaDIpO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDIwMDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIH0gICAgXG5cbiAgICAgICAgLmxlZnQtc2lkZSA6Om5nLWRlZXAgaDMge1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoIC0tbnJjbC1mb250LXNpemUtaDMgKTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiAyMDA7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9ICAgIFxuXG4gICAgICAgIC5yaWdodC1zaWRlIHtcbiAgICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgICAgICB9XG4gICAgYF0sXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsSGVhZGVyQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge31cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibnJjbC1leHBhbnNpb24tcGFuZWwtZm9vdGVyXCIsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgQGlmICggc2hvd1dhcm5pbmcgKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwid2FybmluZ1wiPlxuICAgICAgICAgICAgICAgIDxucmNsLWljb24+d2FybmluZzwvbnJjbC1pY29uPlxuICAgICAgICAgICAgICAgIDxzcGFuPnt7IHdhcm5pbmdNZXNzYWdlIH19PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cblxuICAgICAgICBAaWYgKCBjYW5jZWxFbmFibGVkICE9IG51bGwgKSB7XG4gICAgICAgICAgICA8bnJjbC1idXR0b25cbiAgICAgICAgICAgICAgICBsYWJlbD1cIkNhbmNlbFwiXG4gICAgICAgICAgICAgICAgaWNvbkNvbXBhY3Q9XCJjYW5jZWxcIlxuICAgICAgICAgICAgICAgIGNvbXBhY3Q9XCJtb2JpbGVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhY2FuY2VsRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNhbmNlbENsaWNrLmVtaXQoICRldmVudCApXCJcbiAgICAgICAgICAgID48L25yY2wtYnV0dG9uPlxuICAgICAgICB9XG5cbiAgICAgICAgQGlmICggc2F2ZUVuYWJsZWQgIT0gbnVsbCApIHtcbiAgICAgICAgICAgIDxucmNsLWJ1dHRvbiBwcmltYXJ5XG4gICAgICAgICAgICAgICAgbGFiZWw9XCJTYXZlXCJcbiAgICAgICAgICAgICAgICBpY29uQ29tcGFjdD1cInNhdmVcIlxuICAgICAgICAgICAgICAgIGNvbXBhY3Q9XCJtb2JpbGVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhc2F2ZUVuYWJsZWRcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzYXZlQ2xpY2suZW1pdCggJGV2ZW50IClcIlxuICAgICAgICAgICAgPjwvbnJjbC1idXR0b24+XG4gICAgICAgIH1cblxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgYCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjYzZjOGNiO1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKC0tbnJjbC1ndXR0ZXItc3BhY2UpO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdDplbXB0eSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLndhcm5pbmcge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogNHB4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC53YXJuaW5nIG5yY2wtaWNvbiB7XG4gICAgICAgICAgICBjb2xvcjogI0ZDQkExOTsgICAgICAgIFxuICAgICAgICB9XG4gICAgYF0sXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsRm9vdGVyQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge1xuICAgIEBJbnB1dCgpIHNhdmVFbmFibGVkIFxuICAgIEBJbnB1dCgpIGNhbmNlbEVuYWJsZWQgXG4gICAgQElucHV0KCkgd2FybmluZ01lc3NhZ2UgPSAnVW5zYXZlZCBDaGFuZ2VzJ1xuICAgIEBJbnB1dCgpIHNob3dXYXJuaW5nID0gZmFsc2VcblxuICAgIEBPdXRwdXQoKSBzYXZlQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFBvaW50ZXJFdmVudD4oKVxuICAgIEBPdXRwdXQoKSBjYW5jZWxDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8UG9pbnRlckV2ZW50PigpXG59XG4iLCI8bWF0LWV4cGFuc2lvbi1wYW5lbCAjcGFuZWwgXG4gICAgdG9nZ2xlUG9zaXRpb249XCJiZWZvcmVcIlxuICAgIFtleHBhbmRlZF09XCJleHBhbmRlZFwiIFxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxuICAgIChvcGVuZWQpPVwiZXhwYW5kZWRDaGFuZ2UuZW1pdCggdHJ1ZSApXCIgICBcbiAgICAoY2xvc2VkKT1cImV4cGFuZGVkQ2hhbmdlLmVtaXQoIGZhbHNlIClcIiAgIFxuPlxuICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICAgICAgPG1hdC1wYW5lbC1kZXNjcmlwdGlvbj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm5yY2wtZXhwYW5zaW9uLXBhbmVsLWhlYWRlclwiPjwvbmctY29udGVudD5cblxuICAgICAgICAgICAgQGlmICggaXNMb2FkaW5nICkge1xuICAgICAgICAgICAgICAgIDxtYXQtc3Bpbm5lciBjbGFzcz1cImxvYWRpbmdcIiBbZGlhbWV0ZXJdPVwiMzBcIj48L21hdC1zcGlubmVyPlxuICAgICAgICAgICAgfVxuICAgICAgICA8L21hdC1wYW5lbC1kZXNjcmlwdGlvbj5cbiAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuXG4gICAgPGRpdiBjbGFzcz1cImJvZHlcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibnJjbC1leHBhbnNpb24tcGFuZWwtZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuPC9tYXQtZXhwYW5zaW9uLXBhbmVsPiJdfQ==
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "@angular/material/form-field";
|
|
4
5
|
import * as i2 from "@angular/material/input";
|
|
5
|
-
export class FilterContainerComponent {
|
|
6
|
+
export class FilterContainerComponent extends NrclBase {
|
|
6
7
|
constructor() {
|
|
8
|
+
super(...arguments);
|
|
7
9
|
this.label = '[label]';
|
|
8
10
|
}
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterContainerComponent, deps:
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FilterContainerComponent, selector: "nrcl-filter-container", inputs: { label: "label", hint: "hint" }, ngImport: i0, template: "<mat-form-field\n floatLabel=\"always\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n>\n <mat-label>{{ label }}</mat-label>\n\n <input matInput>\n\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n\n @if ( hint ) {\n <mat-hint>{{ hint }}</mat-hint>\n }\n</mat-form-field>\n", styles: ["::ng-deep :root{--nrcl-filter-container-width: var( --nrcl-filter-width-default );--nrcl-filter-container-height: var( --nrcl-filter-height-default )}:host{--mat-form-field-container-height: calc( var( --nrcl-filter-height-default ) - 4px );--mat-form-field-container-vertical-padding: 10px;--mat-form-field-container-text-size: 15px;--mdc-outlined-text-field-focus-label-text-color: black;--mdc-outlined-text-field-hover-label-text-color: black;width:var(--nrcl-filter-container-width, var(--nrcl-filter-width-default));display:block}:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent,:host ::ng-deep mat-selection-list .mat-mdc-list-option{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size)}:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox{padding-left:0;padding-right:0}:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox .mdc-checkbox__native-control~.mdc-checkbox__background,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control~.mdc-checkbox__background{left:0;border:1px solid #c6c8cb}:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{background-color:#fff}:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox:hover .mdc-checkbox__native-control:not([disabled])~.mdc-checkbox__ripple,:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox .mat-mdc-checkbox-ripple,:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox .mdc-checkbox__ripple,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control:not([disabled])~.mdc-checkbox__ripple,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox .mat-mdc-checkbox-ripple,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__ripple{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%,-50%)}:host ::ng-deep .table-search-header .search-and-filters .field.filter-checkbox-group .checkbox-group{gap:15px}:host ::ng-deep .mat-mdc-radio-button.mat-accent{--mdc-radio-selected-focus-icon-color: #003366;--mdc-radio-selected-hover-icon-color: #003366;--mdc-radio-selected-icon-color: #003366;--mdc-radio-selected-pressed-icon-color: #003366;--mat-mdc-radio-checked-ripple-color: #003366}:host ::ng-deep .mat-mdc-radio-button.mat-accent .mdc-form-field .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__outer-circle{background-color:#fff}:host ::ng-deep .mat-mdc-form-field{width:100%}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:#fff;height:var(--nrcl-filter-container-height, var(--nrcl-filter-height-default))}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{width:var(--nrcl-filter-container-width, var(--nrcl-filter-width-default));padding:0}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix>input{display:none}:host .content{display:flex;gap:var(--nrcl-gutter-space);align-items:center;height:var(--nrcl-filter-container-height, var(--nrcl-filter-height-default))}:host .content ::ng-deep .mdc-checkbox{padding:0}:host .content ::ng-deep .mdc-checkbox .mdc-checkbox__background{top:0}:host .content ::ng-deep .mat-mdc-radio-group{display:flex;gap:var(--nrcl-gutter-space)}:host .content ::ng-deep .mat-mdc-radio-group .mdc-radio{padding:0}\n"], dependencies: [{ kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FilterContainerComponent, selector: "nrcl-filter-container", inputs: { label: "label", hint: "hint" }, usesInheritance: true, ngImport: i0, template: "<mat-form-field\n floatLabel=\"always\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n>\n <mat-label>{{ label }}</mat-label>\n\n <input matInput>\n\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n\n @if ( hint ) {\n <mat-hint>{{ hint }}</mat-hint>\n }\n</mat-form-field>\n", styles: ["::ng-deep :root{--nrcl-filter-container-width: var( --nrcl-filter-width-default );--nrcl-filter-container-height: var( --nrcl-filter-height-default )}:host{--mat-form-field-container-height: calc( var( --nrcl-filter-height-default ) - 4px );--mat-form-field-container-vertical-padding: 10px;--mat-form-field-container-text-size: 15px;--mdc-outlined-text-field-focus-label-text-color: black;--mdc-outlined-text-field-hover-label-text-color: black;width:var(--nrcl-filter-container-width, var(--nrcl-filter-width-default));display:block}:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent,:host ::ng-deep mat-selection-list .mat-mdc-list-option{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size)}:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox{padding-left:0;padding-right:0}:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox .mdc-checkbox__native-control~.mdc-checkbox__background,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control~.mdc-checkbox__background{left:0;border:1px solid #c6c8cb}:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{background-color:#fff}:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox:hover .mdc-checkbox__native-control:not([disabled])~.mdc-checkbox__ripple,:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox .mat-mdc-checkbox-ripple,:host ::ng-deep mat-checkbox.mat-mdc-checkbox.mat-accent .mdc-checkbox .mdc-checkbox__ripple,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control:not([disabled])~.mdc-checkbox__ripple,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox .mat-mdc-checkbox-ripple,:host ::ng-deep mat-selection-list .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__ripple{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%,-50%)}:host ::ng-deep .table-search-header .search-and-filters .field.filter-checkbox-group .checkbox-group{gap:15px}:host ::ng-deep .mat-mdc-radio-button.mat-accent{--mdc-radio-selected-focus-icon-color: #003366;--mdc-radio-selected-hover-icon-color: #003366;--mdc-radio-selected-icon-color: #003366;--mdc-radio-selected-pressed-icon-color: #003366;--mat-mdc-radio-checked-ripple-color: #003366}:host ::ng-deep .mat-mdc-radio-button.mat-accent .mdc-form-field .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__outer-circle{background-color:#fff}:host ::ng-deep .mat-mdc-form-field{width:100%}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:#fff;height:var(--nrcl-filter-container-height, var(--nrcl-filter-height-default))}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{width:var(--nrcl-filter-container-width, var(--nrcl-filter-width-default));padding:0}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix>input{display:none}:host .content{display:flex;gap:var(--nrcl-gutter-space);align-items:center;height:var(--nrcl-filter-container-height, var(--nrcl-filter-height-default))}:host .content ::ng-deep .mdc-checkbox{padding:0}:host .content ::ng-deep .mdc-checkbox .mdc-checkbox__background{top:0}:host .content ::ng-deep .mat-mdc-radio-group{display:flex;gap:var(--nrcl-gutter-space)}:host .content ::ng-deep .mat-mdc-radio-group .mdc-radio{padding:0}\n"], dependencies: [{ kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11
13
|
}
|
|
12
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterContainerComponent, decorators: [{
|
|
13
15
|
type: Component,
|
|
@@ -17,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
17
19
|
}], hint: [{
|
|
18
20
|
type: Input
|
|
19
21
|
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uci1uZ3gtY29tcG9uZW50LWxpYi9zcmMvY29tcG9uZW50cy9maWx0ZXItY29udGFpbmVyL2ZpbHRlci1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZmlsdGVyLWNvbnRhaW5lci9maWx0ZXItY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDUixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7QUFRdEQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFFBQVE7SUFOdEQ7O1FBT2EsVUFBSyxHQUFHLFNBQVMsQ0FBQTtLQUU3QjsrR0FIWSx3QkFBd0I7bUdBQXhCLHdCQUF3Qiw4SENickMscVZBaUJBOzs0RkRKYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0ksdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgSW5wdXRcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5yY2xCYXNlIH0gZnJvbSBcIi4uLy4uL2RpcmVjdGl2ZXMvbnJjbC5iYXNlXCI7XG5cbkBDb21wb25lbnQoIHtcbiAgICBzZWxlY3RvcjogXCJucmNsLWZpbHRlci1jb250YWluZXJcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL2ZpbHRlci1jb250YWluZXIuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybDogXCIuL2ZpbHRlci1jb250YWluZXIuY29tcG9uZW50LnNjc3NcIixcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0gKVxuZXhwb3J0IGNsYXNzIEZpbHRlckNvbnRhaW5lckNvbXBvbmVudCBleHRlbmRzIE5yY2xCYXNlIHtcbiAgICBASW5wdXQoKSBsYWJlbCA9ICdbbGFiZWxdJ1xuICAgIEBJbnB1dCgpIGhpbnRcbn1cbiIsIjxtYXQtZm9ybS1maWVsZFxuICAgIGZsb2F0TGFiZWw9XCJhbHdheXNcIlxuICAgIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCJcbiAgICBzdWJzY3JpcHRTaXppbmc9XCJkeW5hbWljXCJcbj5cbiAgICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG5cbiAgICA8aW5wdXQgbWF0SW5wdXQ+XG5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG5cbiAgICBAaWYgKCBoaW50ICkge1xuICAgICAgICA8bWF0LWhpbnQ+e3sgaGludCB9fTwvbWF0LWhpbnQ+XG4gICAgfVxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==
|