@bcgov/nr-ngx-component-lib 0.0.18 → 0.0.20
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/button/button.component.d.ts +16 -3
- package/components/filter-container/filter-container.component.d.ts +3 -2
- 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 +2 -1
- package/components/filters-panel/filters-panel.component.d.ts +3 -1
- package/components/icon/icon.component.d.ts +5 -1
- package/esm2022/components/button/button.component.mjs +42 -19
- package/esm2022/components/expansion-panel/footer/expansion-panel-footer.component.mjs +1 -1
- package/esm2022/components/filter-container/filter-container.component.mjs +7 -7
- package/esm2022/components/filter-date/filter-date.component.mjs +11 -8
- package/esm2022/components/filter-search/filter-search.component.mjs +10 -8
- package/esm2022/components/filter-select/filter-select.component.mjs +15 -9
- package/esm2022/components/filters-panel/filters-panel.component.mjs +10 -5
- package/esm2022/components/icon/icon.component.mjs +16 -5
- package/esm2022/components/list-attachments/list-attachments.component.mjs +1 -1
- package/esm2022/components/row-list-pagination/row-list-pagination.component.mjs +1 -1
- package/esm2022/components/row-list-sorting/row-list-sorting.component.mjs +1 -1
- package/esm2022/components/snackbar/snackbar.component.mjs +1 -1
- package/esm2022/components/tag-list/tag-list.component.mjs +4 -4
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs +106 -55
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/global.scss +9 -5
|
@@ -9,16 +9,29 @@ export declare class ButtonComponent extends ConfigurationSubscriberBase {
|
|
|
9
9
|
tooltip: any;
|
|
10
10
|
compact: any;
|
|
11
11
|
primary: boolean;
|
|
12
|
-
|
|
12
|
+
secondary: boolean;
|
|
13
|
+
tertiary: boolean;
|
|
13
14
|
disabled: boolean;
|
|
15
|
+
small: boolean;
|
|
14
16
|
click: EventEmitter<PointerEvent>;
|
|
15
17
|
isCompact: any;
|
|
18
|
+
isPrimary: any;
|
|
19
|
+
isSecondary: any;
|
|
20
|
+
isTertiary: any;
|
|
21
|
+
hasIconLeft: any;
|
|
22
|
+
hasIconRight: any;
|
|
23
|
+
hasIconCompact: any;
|
|
24
|
+
hasLabel: any;
|
|
25
|
+
useContent: any;
|
|
16
26
|
zone: NgZone;
|
|
17
27
|
onClick(ev: PointerEvent): void;
|
|
18
28
|
onConfigurationChange(): void;
|
|
29
|
+
updateState(): void;
|
|
19
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "nrcl-button", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "iconCompact": { "alias": "iconCompact"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "nrcl-button", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "iconCompact": { "alias": "iconCompact"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; "tertiary": { "alias": "tertiary"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "small": { "alias": "small"; "required": false; }; }, { "click": "click"; }, never, ["*"], false, never>;
|
|
21
32
|
static ngAcceptInputType_primary: unknown;
|
|
22
|
-
static
|
|
33
|
+
static ngAcceptInputType_secondary: unknown;
|
|
34
|
+
static ngAcceptInputType_tertiary: unknown;
|
|
23
35
|
static ngAcceptInputType_disabled: unknown;
|
|
36
|
+
static ngAcceptInputType_small: unknown;
|
|
24
37
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { NrclBase } from "../../directives/nrcl.base";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class FilterContainerComponent extends NrclBase {
|
|
4
|
-
label:
|
|
4
|
+
label: any;
|
|
5
5
|
hint: any;
|
|
6
|
+
wide: any;
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterContainerComponent, never>;
|
|
7
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterContainerComponent, "nrcl-filter-container", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterContainerComponent, "nrcl-filter-container", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
8
9
|
}
|
|
@@ -6,8 +6,9 @@ export declare class FilterDateComponent extends NrclBase {
|
|
|
6
6
|
placeholder: string;
|
|
7
7
|
hint: any;
|
|
8
8
|
value: string;
|
|
9
|
+
wide: any;
|
|
9
10
|
valueChange: EventEmitter<string>;
|
|
10
11
|
onDateChange(ev: any): void;
|
|
11
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterDateComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateComponent, "nrcl-filter-date", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateComponent, "nrcl-filter-date", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
13
14
|
}
|
|
@@ -6,6 +6,7 @@ export declare class FilterSearchComponent extends NrclBase {
|
|
|
6
6
|
placeholder: string;
|
|
7
7
|
hint: any;
|
|
8
8
|
value: string;
|
|
9
|
+
wide: any;
|
|
9
10
|
valueChange: EventEmitter<string>;
|
|
10
11
|
inputEl: ElementRef;
|
|
11
12
|
hasValue: boolean;
|
|
@@ -15,5 +16,5 @@ export declare class FilterSearchComponent extends NrclBase {
|
|
|
15
16
|
onCancelClick(): void;
|
|
16
17
|
focus(): void;
|
|
17
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterSearchComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterSearchComponent, "nrcl-filter-search", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterSearchComponent, "nrcl-filter-search", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
19
20
|
}
|
|
@@ -28,6 +28,7 @@ export declare class FilterSelectComponent extends NrclBase implements OnInit, O
|
|
|
28
28
|
filterCharsMin: number;
|
|
29
29
|
optionFormatter: (option: CodeDescription, plaintext: boolean) => string;
|
|
30
30
|
overlayClass: any;
|
|
31
|
+
wide: any;
|
|
31
32
|
valueChange: EventEmitter<string[]>;
|
|
32
33
|
floatLabel: string;
|
|
33
34
|
inputValue: any;
|
|
@@ -65,7 +66,7 @@ export declare class FilterSelectComponent extends NrclBase implements OnInit, O
|
|
|
65
66
|
optionForCode(code: string): CodeDescription;
|
|
66
67
|
formatOption(option: CodeDescription): string;
|
|
67
68
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectComponent, never>;
|
|
68
|
-
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; }; "optionFormatter": { "alias": "optionFormatter"; "required": false; }; "overlayClass": { "alias": "overlayClass"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
69
|
+
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; }; "optionFormatter": { "alias": "optionFormatter"; "required": false; }; "overlayClass": { "alias": "overlayClass"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
69
70
|
static ngAcceptInputType_selectMax: unknown;
|
|
70
71
|
static ngAcceptInputType_tooltips: unknown;
|
|
71
72
|
static ngAcceptInputType_summary: unknown;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from "@angular/core";
|
|
2
2
|
import { NrclBase } from "../../directives/nrcl.base";
|
|
3
|
+
import { FilterSearchComponent } from "../filter-search/filter-search.component";
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class FiltersPanelComponent extends NrclBase {
|
|
5
6
|
showClear: boolean;
|
|
@@ -9,11 +10,12 @@ export declare class FiltersPanelComponent extends NrclBase {
|
|
|
9
10
|
clearFilters: EventEmitter<any>;
|
|
10
11
|
showFiltersChange: EventEmitter<boolean>;
|
|
11
12
|
showAdvancedFiltersChange: EventEmitter<boolean>;
|
|
13
|
+
search: FilterSearchComponent;
|
|
12
14
|
onClearClick(): void;
|
|
13
15
|
onHideClick(): void;
|
|
14
16
|
onShowClick(): void;
|
|
15
17
|
onHideAdvancedClick(): void;
|
|
16
18
|
onShowAdvancedClick(): void;
|
|
17
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<FiltersPanelComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FiltersPanelComponent, "nrcl-filters-panel", never, { "showClear": { "alias": "showClear"; "required": false; }; "showFilters": { "alias": "showFilters"; "required": false; }; "hasAdvancedFilters": { "alias": "hasAdvancedFilters"; "required": false; }; "showAdvancedFilters": { "alias": "showAdvancedFilters"; "required": false; }; }, { "clearFilters": "clearFilters"; "showFiltersChange": "showFiltersChange"; "showAdvancedFiltersChange": "showAdvancedFiltersChange"; },
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FiltersPanelComponent, "nrcl-filters-panel", never, { "showClear": { "alias": "showClear"; "required": false; }; "showFilters": { "alias": "showFilters"; "required": false; }; "hasAdvancedFilters": { "alias": "hasAdvancedFilters"; "required": false; }; "showAdvancedFilters": { "alias": "showAdvancedFilters"; "required": false; }; }, { "clearFilters": "clearFilters"; "showFiltersChange": "showFiltersChange"; "showAdvancedFiltersChange": "showAdvancedFiltersChange"; }, ["search"], ["nrcl-filter-search", "*", "[advanced]"], false, never>;
|
|
19
21
|
}
|
|
@@ -3,13 +3,17 @@ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
|
3
3
|
import { NrclBase } from '../../directives/nrcl.base';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class IconComponent extends NrclBase implements AfterContentInit {
|
|
6
|
+
small: boolean;
|
|
7
|
+
large: boolean;
|
|
6
8
|
name: keyof (typeof ICON);
|
|
7
9
|
svg: SafeHtml;
|
|
8
10
|
elementRef: ElementRef<any>;
|
|
9
11
|
domSanitizer: DomSanitizer;
|
|
10
12
|
ngAfterContentInit(): void;
|
|
11
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "nrcl-icon", never, {}, {}, never, ["*"], false, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "nrcl-icon", never, { "small": { "alias": "small"; "required": false; }; "large": { "alias": "large"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
15
|
+
static ngAcceptInputType_small: unknown;
|
|
16
|
+
static ngAcceptInputType_large: unknown;
|
|
13
17
|
}
|
|
14
18
|
declare const ICON: {
|
|
15
19
|
'clear-filters': string;
|
|
@@ -8,8 +8,10 @@ export class ButtonComponent extends ConfigurationSubscriberBase {
|
|
|
8
8
|
constructor() {
|
|
9
9
|
super(...arguments);
|
|
10
10
|
this.primary = false;
|
|
11
|
-
this.
|
|
11
|
+
this.secondary = false;
|
|
12
|
+
this.tertiary = false;
|
|
12
13
|
this.disabled = false;
|
|
14
|
+
this.small = false;
|
|
13
15
|
this.click = new EventEmitter();
|
|
14
16
|
this.zone = inject(NgZone);
|
|
15
17
|
}
|
|
@@ -22,32 +24,47 @@ export class ButtonComponent extends ConfigurationSubscriberBase {
|
|
|
22
24
|
onConfigurationChange() {
|
|
23
25
|
// apparently this is needed to ensure that the host binding updates properly
|
|
24
26
|
this.zone.run(() => {
|
|
25
|
-
|
|
26
|
-
this.isCompact = false;
|
|
27
|
-
}
|
|
28
|
-
else if (this.compact == '' || this.compact === true) {
|
|
29
|
-
this.isCompact = true;
|
|
30
|
-
}
|
|
31
|
-
else {
|
|
32
|
-
this.isCompact = this.compact == this.configuration.displayMode;
|
|
33
|
-
}
|
|
27
|
+
this.updateState();
|
|
34
28
|
this.changeDetectorRef.markForCheck();
|
|
35
29
|
});
|
|
36
30
|
}
|
|
31
|
+
updateState() {
|
|
32
|
+
if (this.compact == null || this.compact === false) {
|
|
33
|
+
this.isCompact = false;
|
|
34
|
+
}
|
|
35
|
+
else if (this.compact == '' || this.compact === true) {
|
|
36
|
+
this.isCompact = true;
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
this.isCompact = this.compact == this.configuration.displayMode;
|
|
40
|
+
}
|
|
41
|
+
this.isPrimary = this.primary;
|
|
42
|
+
this.isSecondary = (this.secondary && !this.primary) || (!this.primary && !this.tertiary && !this.small && !this.isCompact);
|
|
43
|
+
this.isTertiary = (this.tertiary || this.small || this.isCompact) && !this.primary && !this.secondary;
|
|
44
|
+
this.hasLabel = !!this.label;
|
|
45
|
+
this.hasIconLeft = !!this.icon && !this.isCompact;
|
|
46
|
+
this.hasIconRight = !!this.iconRight && this.hasLabel && !this.isCompact;
|
|
47
|
+
this.hasIconCompact = (!!this.iconCompact || !!this.icon) && this.isCompact;
|
|
48
|
+
this.useContent = !this.hasLabel && !this.hasIconLeft && !this.hasIconRight && !this.hasIconCompact;
|
|
49
|
+
}
|
|
37
50
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ButtonComponent, selector: "nrcl-button", inputs: { label: "label", icon: "icon", iconRight: "iconRight", iconCompact: "iconCompact", tooltip: "tooltip", compact: "compact", primary: ["primary", "primary", booleanAttribute],
|
|
51
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ButtonComponent, selector: "nrcl-button", inputs: { label: "label", icon: "icon", iconRight: "iconRight", iconCompact: "iconCompact", tooltip: "tooltip", compact: "compact", primary: ["primary", "primary", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], tertiary: ["tertiary", "tertiary", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], small: ["small", "small", booleanAttribute] }, outputs: { click: "click" }, host: { properties: { "class.disabled": "disabled", "class.primary": "isPrimary", "class.secondary": "isSecondary", "class.tertiary": "isTertiary", "class.normal": "!isCompact && !small", "class.compact": "isCompact", "class.small": "small && !isCompact", "class.label": "hasLabel", "class.icon-left": "hasIconLeft", "class.icon-right": "hasIconRight", "class.icon-compact": "hasIconCompact" } }, usesInheritance: true, ngImport: i0, template: "<button \n matRipple\n (click)=\"onClick( $event )\"\n [disabled]=\"disabled\"\n [matTooltip]=\"tooltip\"\n>\n @if ( useContent ) {\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n }\n @else {\n @if ( hasIconLeft ) { \n <nrcl-icon [small]=\"small\" class=\"left\">{{ icon }}</nrcl-icon> \n }\n\n @if ( hasIconRight ) { \n <nrcl-icon [small]=\"small\" class=\"right\">{{ iconRight }}</nrcl-icon> \n }\n\n @if ( hasIconCompact ) { \n <nrcl-icon class=\"compact\">{{ iconCompact || icon }}</nrcl-icon> \n }\n\n @if ( hasLabel ) {\n <span class=\"label\">{{ label }}</span> \n }\n }\n</button>\n", styles: ["::ng-deep :root{--nrcl-button-normal-height: 36px;--nrcl-button-normal-padding-horizontal: 16px;--nrcl-button-normal-font-size: var( --nrcl-font-size );--nrcl-button-normal-icon-size: var( --nrcl-icon-normal-size );--nrcl-button-small-height: 24px;--nrcl-button-small-padding-horizontal: 8px;--nrcl-button-small-font-size: var( --nrcl-font-size-small );--nrcl-button-small-icon-size: var( --nrcl-icon-small-size );--nrcl-button-compact-height: 44px;--nrcl-button-compact-padding-horizontal: 8px;--nrcl-button-compact-font-size: var( --nrcl-font-size-small );--nrcl-button-compact-icon-size: var( --nrcl-icon-normal-size );--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-primary-disabled-foreground-color: #7E7E7E;--nrcl-button-primary-disabled-background-color: #CCCCCC;--nrcl-button-primary-disabled-border-color: #CCCCCC;--nrcl-button-primary-disabled-hover-background-color: #CCCCCC;--nrcl-button-secondary-foreground-color: black;--nrcl-button-secondary-background-color: white;--nrcl-button-secondary-border-color: #003366;--nrcl-button-secondary-hover-background-color: #f5f5f5;--nrcl-button-secondary-disabled-foreground-color: #7E7E7E;--nrcl-button-secondary-disabled-background-color: #CCCCCC;--nrcl-button-secondary-disabled-border-color: #CCCCCC;--nrcl-button-secondary-disabled-hover-background-color: #CCCCCC;--nrcl-button-tertiary-foreground-color: black;--nrcl-button-tertiary-background-color: transparent;--nrcl-button-tertiary-border-color: transparent;--nrcl-button-tertiary-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-tertiary-disabled-foreground-color: #7E7E7E;--nrcl-button-tertiary-disabled-background-color: transparent;--nrcl-button-tertiary-disabled-border-color: transparent;--nrcl-button-tertiary-disabled-hover-background-color: transparent}:host{--nrcl-button-height: 50px;--nrcl-button-font-size: 40px;--nrcl-button-padding-left: 50px;--nrcl-button-padding-right: 50px;--nrcl-button-foreground-color: #red;--nrcl-button-background-color: #green;--nrcl-button-border-color: #yellow;--nrcl-button-hover-background-color: #blue}:host button{display:flex;align-items:center;position:relative;height:var(--nrcl-button-height);min-width:var(--nrcl-button-height);width:var(--nrcl-button-width);cursor:pointer;margin:0;padding:0;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}:host button:hover{background-color:var(--nrcl-button-hover-background-color)}:host button .label,:host button .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-button-font-size);white-space:nowrap;font-weight:500}:host button .content{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right);display:flex;align-items:center}:host.normal{--nrcl-button-height: var( --nrcl-button-normal-height );--nrcl-button-padding-left: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-normal-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size )}:host.small{--nrcl-button-height: var( --nrcl-button-small-height );--nrcl-button-padding-left: var( --nrcl-button-small-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-small-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-small-font-size );--nrcl-button-icon-size: var( --nrcl-button-small-icon-size )}:host.compact{--nrcl-button-height: var( --nrcl-button-compact-height );--nrcl-button-padding-left: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-compact-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size )}:host.compact button{flex-direction:column;justify-content:center}:host.label button{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right)}:host.icon-left button{--nrcl-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-button-icon-size)) / 2 - 1px)}:host.icon-right button{--nrcl-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-button-icon-size)) / 2 - 1px)}:host.primary{--nrcl-button-foreground-color: var( --nrcl-button-primary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-hover-background-color )}:host.primary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.primary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-primary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-disabled-hover-background-color )}:host.secondary{--nrcl-button-foreground-color: var( --nrcl-button-secondary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-hover-background-color )}:host.secondary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.secondary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-secondary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-disabled-hover-background-color )}:host.tertiary{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-hover-background-color )}:host.tertiary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-disabled-hover-background-color )}\n"], dependencies: [{ kind: "directive", type: i1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }] }); }
|
|
39
52
|
}
|
|
40
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
41
54
|
type: Component,
|
|
42
55
|
args: [{ selector: 'nrcl-button', host: {
|
|
43
|
-
'[class.primary]': 'primary',
|
|
44
|
-
'[class.outline]': 'outline && !primary',
|
|
45
56
|
'[class.disabled]': 'disabled',
|
|
57
|
+
'[class.primary]': 'isPrimary',
|
|
58
|
+
'[class.secondary]': 'isSecondary',
|
|
59
|
+
'[class.tertiary]': 'isTertiary',
|
|
60
|
+
'[class.normal]': '!isCompact && !small',
|
|
46
61
|
'[class.compact]': 'isCompact',
|
|
47
|
-
'[class.
|
|
48
|
-
'[class.
|
|
49
|
-
'[class.
|
|
50
|
-
|
|
62
|
+
'[class.small]': 'small && !isCompact',
|
|
63
|
+
'[class.label]': 'hasLabel',
|
|
64
|
+
'[class.icon-left]': 'hasIconLeft',
|
|
65
|
+
'[class.icon-right]': 'hasIconRight',
|
|
66
|
+
'[class.icon-compact]': 'hasIconCompact',
|
|
67
|
+
}, template: "<button \n matRipple\n (click)=\"onClick( $event )\"\n [disabled]=\"disabled\"\n [matTooltip]=\"tooltip\"\n>\n @if ( useContent ) {\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n }\n @else {\n @if ( hasIconLeft ) { \n <nrcl-icon [small]=\"small\" class=\"left\">{{ icon }}</nrcl-icon> \n }\n\n @if ( hasIconRight ) { \n <nrcl-icon [small]=\"small\" class=\"right\">{{ iconRight }}</nrcl-icon> \n }\n\n @if ( hasIconCompact ) { \n <nrcl-icon class=\"compact\">{{ iconCompact || icon }}</nrcl-icon> \n }\n\n @if ( hasLabel ) {\n <span class=\"label\">{{ label }}</span> \n }\n }\n</button>\n", styles: ["::ng-deep :root{--nrcl-button-normal-height: 36px;--nrcl-button-normal-padding-horizontal: 16px;--nrcl-button-normal-font-size: var( --nrcl-font-size );--nrcl-button-normal-icon-size: var( --nrcl-icon-normal-size );--nrcl-button-small-height: 24px;--nrcl-button-small-padding-horizontal: 8px;--nrcl-button-small-font-size: var( --nrcl-font-size-small );--nrcl-button-small-icon-size: var( --nrcl-icon-small-size );--nrcl-button-compact-height: 44px;--nrcl-button-compact-padding-horizontal: 8px;--nrcl-button-compact-font-size: var( --nrcl-font-size-small );--nrcl-button-compact-icon-size: var( --nrcl-icon-normal-size );--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-primary-disabled-foreground-color: #7E7E7E;--nrcl-button-primary-disabled-background-color: #CCCCCC;--nrcl-button-primary-disabled-border-color: #CCCCCC;--nrcl-button-primary-disabled-hover-background-color: #CCCCCC;--nrcl-button-secondary-foreground-color: black;--nrcl-button-secondary-background-color: white;--nrcl-button-secondary-border-color: #003366;--nrcl-button-secondary-hover-background-color: #f5f5f5;--nrcl-button-secondary-disabled-foreground-color: #7E7E7E;--nrcl-button-secondary-disabled-background-color: #CCCCCC;--nrcl-button-secondary-disabled-border-color: #CCCCCC;--nrcl-button-secondary-disabled-hover-background-color: #CCCCCC;--nrcl-button-tertiary-foreground-color: black;--nrcl-button-tertiary-background-color: transparent;--nrcl-button-tertiary-border-color: transparent;--nrcl-button-tertiary-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-tertiary-disabled-foreground-color: #7E7E7E;--nrcl-button-tertiary-disabled-background-color: transparent;--nrcl-button-tertiary-disabled-border-color: transparent;--nrcl-button-tertiary-disabled-hover-background-color: transparent}:host{--nrcl-button-height: 50px;--nrcl-button-font-size: 40px;--nrcl-button-padding-left: 50px;--nrcl-button-padding-right: 50px;--nrcl-button-foreground-color: #red;--nrcl-button-background-color: #green;--nrcl-button-border-color: #yellow;--nrcl-button-hover-background-color: #blue}:host button{display:flex;align-items:center;position:relative;height:var(--nrcl-button-height);min-width:var(--nrcl-button-height);width:var(--nrcl-button-width);cursor:pointer;margin:0;padding:0;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}:host button:hover{background-color:var(--nrcl-button-hover-background-color)}:host button .label,:host button .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-button-font-size);white-space:nowrap;font-weight:500}:host button .content{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right);display:flex;align-items:center}:host.normal{--nrcl-button-height: var( --nrcl-button-normal-height );--nrcl-button-padding-left: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-normal-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size )}:host.small{--nrcl-button-height: var( --nrcl-button-small-height );--nrcl-button-padding-left: var( --nrcl-button-small-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-small-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-small-font-size );--nrcl-button-icon-size: var( --nrcl-button-small-icon-size )}:host.compact{--nrcl-button-height: var( --nrcl-button-compact-height );--nrcl-button-padding-left: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-compact-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size )}:host.compact button{flex-direction:column;justify-content:center}:host.label button{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right)}:host.icon-left button{--nrcl-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-button-icon-size)) / 2 - 1px)}:host.icon-right button{--nrcl-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-button-icon-size)) / 2 - 1px)}:host.primary{--nrcl-button-foreground-color: var( --nrcl-button-primary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-hover-background-color )}:host.primary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.primary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-primary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-disabled-hover-background-color )}:host.secondary{--nrcl-button-foreground-color: var( --nrcl-button-secondary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-hover-background-color )}:host.secondary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.secondary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-secondary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-disabled-hover-background-color )}:host.tertiary{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-hover-background-color )}:host.tertiary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-disabled-hover-background-color )}\n"] }]
|
|
51
68
|
}], propDecorators: { label: [{
|
|
52
69
|
type: Input
|
|
53
70
|
}], icon: [{
|
|
@@ -63,13 +80,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
63
80
|
}], primary: [{
|
|
64
81
|
type: Input,
|
|
65
82
|
args: [{ transform: booleanAttribute }]
|
|
66
|
-
}],
|
|
83
|
+
}], secondary: [{
|
|
84
|
+
type: Input,
|
|
85
|
+
args: [{ transform: booleanAttribute }]
|
|
86
|
+
}], tertiary: [{
|
|
67
87
|
type: Input,
|
|
68
88
|
args: [{ transform: booleanAttribute }]
|
|
69
89
|
}], disabled: [{
|
|
70
90
|
type: Input,
|
|
71
91
|
args: [{ transform: booleanAttribute }]
|
|
92
|
+
}], small: [{
|
|
93
|
+
type: Input,
|
|
94
|
+
args: [{ transform: booleanAttribute }]
|
|
72
95
|
}], click: [{
|
|
73
96
|
type: Output
|
|
74
97
|
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7Ozs7O0FBb0I3RixNQUFNLE9BQU8sZUFBZ0IsU0FBUSwyQkFBMkI7SUFsQmhFOztRQXlCOEMsWUFBTyxHQUFHLEtBQUssQ0FBQTtRQUNmLGNBQVMsR0FBRyxLQUFLLENBQUE7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQTtRQUNoQixhQUFRLEdBQUcsS0FBSyxDQUFBO1FBQ2hCLFVBQUssR0FBRyxLQUFLLENBQUE7UUFFN0MsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFBO1FBWWxELFNBQUksR0FBRyxNQUFNLENBQUUsTUFBTSxDQUFFLENBQUE7S0F1QzFCO0lBckNHLE9BQU8sQ0FBRSxFQUFnQjtRQUNyQixJQUFLLElBQUksQ0FBQyxRQUFRO1lBQUcsT0FBTTtRQUUzQixFQUFFLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUUsRUFBRSxDQUFFLENBQUE7SUFDekIsQ0FBQztJQUVELHFCQUFxQjtRQUNqQiw2RUFBNkU7UUFDN0UsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUUsR0FBRyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQTtZQUNsQixJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUE7UUFDekMsQ0FBQyxDQUFFLENBQUE7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUssSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLEVBQUcsQ0FBQztZQUNuRCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQTtRQUMxQixDQUFDO2FBQ0ksSUFBSyxJQUFJLENBQUMsT0FBTyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLElBQUksRUFBRyxDQUFDO1lBQ3JELElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFBO1FBQ3pCLENBQUM7YUFDSSxDQUFDO1lBQ0YsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFBO1FBQ25FLENBQUM7UUFFRCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUE7UUFDN0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFFLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFFLElBQUksQ0FBRSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUUsQ0FBQTtRQUMvSCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFBO1FBRXZHLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUE7UUFDNUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUE7UUFDakQsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQTtRQUN4RSxJQUFJLENBQUMsY0FBYyxHQUFHLENBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUUsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFBO1FBRTdFLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFBO0lBQ3ZHLENBQUM7K0dBL0RRLGVBQWU7bUdBQWYsZUFBZSwrTEFPSCxnQkFBZ0IseUNBQ2hCLGdCQUFnQixzQ0FDaEIsZ0JBQWdCLHNDQUNoQixnQkFBZ0IsNkJBQ2hCLGdCQUFnQiw4ZENoQ3pDLDZ2QkE2QkE7OzRGRFJhLGVBQWU7a0JBbEIzQixTQUFTOytCQUNJLGFBQWEsUUFHakI7d0JBQ0Ysa0JBQWtCLEVBQUUsVUFBVTt3QkFDOUIsaUJBQWlCLEVBQUUsV0FBVzt3QkFDOUIsbUJBQW1CLEVBQUUsYUFBYTt3QkFDbEMsa0JBQWtCLEVBQUUsWUFBWTt3QkFDaEMsZ0JBQWdCLEVBQUUsc0JBQXNCO3dCQUN4QyxpQkFBaUIsRUFBRSxXQUFXO3dCQUM5QixlQUFlLEVBQUUscUJBQXFCO3dCQUN0QyxlQUFlLEVBQUUsVUFBVTt3QkFDM0IsbUJBQW1CLEVBQUUsYUFBYTt3QkFDbEMsb0JBQW9CLEVBQUUsY0FBYzt3QkFDcEMsc0JBQXNCLEVBQUUsZ0JBQWdCO3FCQUMzQzs4QkFHUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNvQyxPQUFPO3NCQUFoRCxLQUFLO3VCQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNHLFNBQVM7c0JBQWxELEtBQUs7dUJBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0csUUFBUTtzQkFBakQsS0FBSzt1QkFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRyxRQUFRO3NCQUFqRCxLQUFLO3VCQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNHLEtBQUs7c0JBQTlDLEtBQUs7dUJBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRTdCLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0LCBOZ1pvbmUsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9jb25maWd1cmF0aW9uLXN1YnNjcmliZXIuYmFzZSc7XG5cbkBDb21wb25lbnQoIHtcbiAgICBzZWxlY3RvcjogJ25yY2wtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJyxcbiAgICBob3N0OiB7XG4gICAgICAgICdbY2xhc3MuZGlzYWJsZWRdJzogJ2Rpc2FibGVkJyxcbiAgICAgICAgJ1tjbGFzcy5wcmltYXJ5XSc6ICdpc1ByaW1hcnknLFxuICAgICAgICAnW2NsYXNzLnNlY29uZGFyeV0nOiAnaXNTZWNvbmRhcnknLFxuICAgICAgICAnW2NsYXNzLnRlcnRpYXJ5XSc6ICdpc1RlcnRpYXJ5JyxcbiAgICAgICAgJ1tjbGFzcy5ub3JtYWxdJzogJyFpc0NvbXBhY3QgJiYgIXNtYWxsJyxcbiAgICAgICAgJ1tjbGFzcy5jb21wYWN0XSc6ICdpc0NvbXBhY3QnLFxuICAgICAgICAnW2NsYXNzLnNtYWxsXSc6ICdzbWFsbCAmJiAhaXNDb21wYWN0JyxcbiAgICAgICAgJ1tjbGFzcy5sYWJlbF0nOiAnaGFzTGFiZWwnLFxuICAgICAgICAnW2NsYXNzLmljb24tbGVmdF0nOiAnaGFzSWNvbkxlZnQnLFxuICAgICAgICAnW2NsYXNzLmljb24tcmlnaHRdJzogJ2hhc0ljb25SaWdodCcsXG4gICAgICAgICdbY2xhc3MuaWNvbi1jb21wYWN0XSc6ICdoYXNJY29uQ29tcGFjdCcsXG4gICAgfVxufSApXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIHsgICAgXG4gICAgQElucHV0KCkgbGFiZWxcbiAgICBASW5wdXQoKSBpY29uXG4gICAgQElucHV0KCkgaWNvblJpZ2h0XG4gICAgQElucHV0KCkgaWNvbkNvbXBhY3RcbiAgICBASW5wdXQoKSB0b29sdGlwXG4gICAgQElucHV0KCkgY29tcGFjdFxuICAgIEBJbnB1dCggeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSApIHByaW1hcnkgPSBmYWxzZVxuICAgIEBJbnB1dCggeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSApIHNlY29uZGFyeSA9IGZhbHNlXG4gICAgQElucHV0KCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9ICkgdGVydGlhcnkgPSBmYWxzZVxuICAgIEBJbnB1dCggeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSApIGRpc2FibGVkID0gZmFsc2VcbiAgICBASW5wdXQoIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0gKSBzbWFsbCA9IGZhbHNlXG5cbiAgICBAT3V0cHV0KCkgY2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFBvaW50ZXJFdmVudD4oKVxuXG4gICAgaXNDb21wYWN0XG4gICAgaXNQcmltYXJ5XG4gICAgaXNTZWNvbmRhcnlcbiAgICBpc1RlcnRpYXJ5XG4gICAgaGFzSWNvbkxlZnRcbiAgICBoYXNJY29uUmlnaHRcbiAgICBoYXNJY29uQ29tcGFjdFxuICAgIGhhc0xhYmVsXG4gICAgdXNlQ29udGVudFxuXG4gICAgem9uZSA9IGluamVjdCggTmdab25lIClcblxuICAgIG9uQ2xpY2soIGV2OiBQb2ludGVyRXZlbnQgKSB7XG4gICAgICAgIGlmICggdGhpcy5kaXNhYmxlZCApIHJldHVyblxuXG4gICAgICAgIGV2LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgIHRoaXMuY2xpY2suZW1pdCggZXYgKVxuICAgIH1cblxuICAgIG9uQ29uZmlndXJhdGlvbkNoYW5nZSgpOiB2b2lkIHtcbiAgICAgICAgLy8gYXBwYXJlbnRseSB0aGlzIGlzIG5lZWRlZCB0byBlbnN1cmUgdGhhdCB0aGUgaG9zdCBiaW5kaW5nIHVwZGF0ZXMgcHJvcGVybHlcbiAgICAgICAgdGhpcy56b25lLnJ1biggKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy51cGRhdGVTdGF0ZSgpXG4gICAgICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpXG4gICAgICAgIH0gKVxuICAgIH1cblxuICAgIHVwZGF0ZVN0YXRlKCkge1xuICAgICAgICBpZiAoIHRoaXMuY29tcGFjdCA9PSBudWxsIHx8IHRoaXMuY29tcGFjdCA9PT0gZmFsc2UgKSB7XG4gICAgICAgICAgICB0aGlzLmlzQ29tcGFjdCA9IGZhbHNlXG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAoIHRoaXMuY29tcGFjdCA9PSAnJyB8fCB0aGlzLmNvbXBhY3QgPT09IHRydWUgKSB7XG4gICAgICAgICAgICB0aGlzLmlzQ29tcGFjdCA9IHRydWVcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuaXNDb21wYWN0ID0gdGhpcy5jb21wYWN0ID09IHRoaXMuY29uZmlndXJhdGlvbi5kaXNwbGF5TW9kZVxuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5pc1ByaW1hcnkgPSB0aGlzLnByaW1hcnlcbiAgICAgICAgdGhpcy5pc1NlY29uZGFyeSA9ICggdGhpcy5zZWNvbmRhcnkgJiYgIXRoaXMucHJpbWFyeSApIHx8ICggIXRoaXMucHJpbWFyeSAmJiAhdGhpcy50ZXJ0aWFyeSAmJiAhdGhpcy5zbWFsbCAmJiAhdGhpcy5pc0NvbXBhY3QgKVxuICAgICAgICB0aGlzLmlzVGVydGlhcnkgPSAoIHRoaXMudGVydGlhcnkgfHwgdGhpcy5zbWFsbCB8fCB0aGlzLmlzQ29tcGFjdCApICYmICF0aGlzLnByaW1hcnkgJiYgIXRoaXMuc2Vjb25kYXJ5XG5cbiAgICAgICAgdGhpcy5oYXNMYWJlbCA9ICEhdGhpcy5sYWJlbFxuICAgICAgICB0aGlzLmhhc0ljb25MZWZ0ID0gISF0aGlzLmljb24gJiYgIXRoaXMuaXNDb21wYWN0XG4gICAgICAgIHRoaXMuaGFzSWNvblJpZ2h0ID0gISF0aGlzLmljb25SaWdodCAmJiB0aGlzLmhhc0xhYmVsICYmICF0aGlzLmlzQ29tcGFjdFxuICAgICAgICB0aGlzLmhhc0ljb25Db21wYWN0ID0gKCAhIXRoaXMuaWNvbkNvbXBhY3QgfHwgISF0aGlzLmljb24gKSAmJiB0aGlzLmlzQ29tcGFjdFxuXG4gICAgICAgIHRoaXMudXNlQ29udGVudCA9ICF0aGlzLmhhc0xhYmVsICYmICF0aGlzLmhhc0ljb25MZWZ0ICYmICF0aGlzLmhhc0ljb25SaWdodCAmJiAhdGhpcy5oYXNJY29uQ29tcGFjdFxuICAgIH1cbn1cbiIsIjxidXR0b24gXG4gICAgbWF0UmlwcGxlXG4gICAgKGNsaWNrKT1cIm9uQ2xpY2soICRldmVudCApXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFttYXRUb29sdGlwXT1cInRvb2x0aXBcIlxuPlxuICAgIEBpZiAoIHVzZUNvbnRlbnQgKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgIH1cbiAgICBAZWxzZSB7XG4gICAgICAgIEBpZiAoIGhhc0ljb25MZWZ0ICkgeyBcbiAgICAgICAgICAgIDxucmNsLWljb24gW3NtYWxsXT1cInNtYWxsXCIgY2xhc3M9XCJsZWZ0XCI+e3sgaWNvbiB9fTwvbnJjbC1pY29uPiBcbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAoIGhhc0ljb25SaWdodCApIHsgXG4gICAgICAgICAgICA8bnJjbC1pY29uIFtzbWFsbF09XCJzbWFsbFwiIGNsYXNzPVwicmlnaHRcIj57eyBpY29uUmlnaHQgfX08L25yY2wtaWNvbj4gXG4gICAgICAgIH1cblxuICAgICAgICBAaWYgKCBoYXNJY29uQ29tcGFjdCApIHsgXG4gICAgICAgICAgICA8bnJjbC1pY29uIGNsYXNzPVwiY29tcGFjdFwiPnt7IGljb25Db21wYWN0IHx8IGljb24gfX08L25yY2wtaWNvbj4gXG4gICAgICAgIH1cblxuICAgICAgICBAaWYgKCBoYXNMYWJlbCApIHtcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGFiZWxcIj57eyBsYWJlbCB9fTwvc3Bhbj4gICAgICAgIFxuICAgICAgICB9XG4gICAgfVxuPC9idXR0b24+XG4iXX0=
|
|
@@ -12,7 +12,7 @@ export class ExpansionPanelFooterComponent extends NrclBase {
|
|
|
12
12
|
this.cancelClick = new EventEmitter();
|
|
13
13
|
}
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
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: "@if ( showWarning ) {\n <div class=\"warning\">\n <nrcl-icon>warning</nrcl-icon>\n <span>{{ warningMessage }}</span>\n </div>\n}\n\n@if ( cancelEnabled != null ) {\n <nrcl-button\n label=\"Cancel\"\n iconCompact=\"cancel\"\n compact=\"mobile\"\n [disabled]=\"!cancelEnabled\"\n (click)=\"cancelClick.emit( $event )\"\n ></nrcl-button>\n}\n\n@if ( saveEnabled != null ) {\n <nrcl-button primary\n label=\"Save\"\n iconCompact=\"save\"\n compact=\"mobile\"\n [disabled]=\"!saveEnabled\"\n (click)=\"saveClick.emit( $event )\"\n ></nrcl-button>\n}\n\n<ng-content></ng-content>\n", styles: [":host{border-top:1px solid #c6c8cb;padding:var(--nrcl-gutter-space);background-color:#f2f2f2;display:flex;gap:8px;justify-content:flex-end}:host:empty{display:none}.warning{display:flex;gap:4px;align-items:center}.warning nrcl-icon{color:#fcba19}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "
|
|
15
|
+
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: "@if ( showWarning ) {\n <div class=\"warning\">\n <nrcl-icon>warning</nrcl-icon>\n <span>{{ warningMessage }}</span>\n </div>\n}\n\n@if ( cancelEnabled != null ) {\n <nrcl-button\n label=\"Cancel\"\n iconCompact=\"cancel\"\n compact=\"mobile\"\n [disabled]=\"!cancelEnabled\"\n (click)=\"cancelClick.emit( $event )\"\n ></nrcl-button>\n}\n\n@if ( saveEnabled != null ) {\n <nrcl-button primary\n label=\"Save\"\n iconCompact=\"save\"\n compact=\"mobile\"\n [disabled]=\"!saveEnabled\"\n (click)=\"saveClick.emit( $event )\"\n ></nrcl-button>\n}\n\n<ng-content></ng-content>\n", styles: [":host{border-top:1px solid #c6c8cb;padding:var(--nrcl-gutter-space);background-color:#f2f2f2;display:flex;gap:8px;justify-content:flex-end}:host:empty{display:none}.warning{display:flex;gap:4px;align-items:center}.warning nrcl-icon{color:#fcba19}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "secondary", "tertiary", "disabled", "small"], outputs: ["click"] }, { kind: "component", type: i2.IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }] }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelFooterComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
@@ -4,19 +4,19 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "@angular/material/form-field";
|
|
5
5
|
import * as i2 from "@angular/material/input";
|
|
6
6
|
export class FilterContainerComponent extends NrclBase {
|
|
7
|
-
constructor() {
|
|
8
|
-
super(...arguments);
|
|
9
|
-
this.label = '[label]';
|
|
10
|
-
}
|
|
11
7
|
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-
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FilterContainerComponent, selector: "nrcl-filter-container", inputs: { label: "label", hint: "hint", wide: "wide" }, host: { properties: { "style.--nrcl-filter-container-width": "this.wide ? \"var( --nrcl-filter-width-\" + this.wide + \" )\" : null" } }, usesInheritance: true, ngImport: i0, template: "<mat-form-field\n [floatLabel]=\"label ? 'always' : 'auto'\"\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-2 );--nrcl-filter-container-height: var( --nrcl-filter-height )}:host{--mat-form-field-container-height: calc( var( --nrcl-filter-container-height ) - 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);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)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{width:var(--nrcl-filter-container-width);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)}: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 }); }
|
|
13
9
|
}
|
|
14
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterContainerComponent, decorators: [{
|
|
15
11
|
type: Component,
|
|
16
|
-
args: [{ selector: "nrcl-filter-container", changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12
|
+
args: [{ selector: "nrcl-filter-container", changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
13
|
+
'[style.--nrcl-filter-container-width]': 'this.wide ? "var( --nrcl-filter-width-" + this.wide + " )" : null'
|
|
14
|
+
}, template: "<mat-form-field\n [floatLabel]=\"label ? 'always' : 'auto'\"\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-2 );--nrcl-filter-container-height: var( --nrcl-filter-height )}:host{--mat-form-field-container-height: calc( var( --nrcl-filter-container-height ) - 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);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)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{width:var(--nrcl-filter-container-width);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)}: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"] }]
|
|
17
15
|
}], propDecorators: { label: [{
|
|
18
16
|
type: Input
|
|
19
17
|
}], hint: [{
|
|
20
18
|
type: Input
|
|
19
|
+
}], wide: [{
|
|
20
|
+
type: Input
|
|
21
21
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uci1uZ3gtY29tcG9uZW50LWxpYi9zcmMvY29tcG9uZW50cy9maWx0ZXItY29udGFpbmVyL2ZpbHRlci1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZmlsdGVyLWNvbnRhaW5lci9maWx0ZXItY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDUixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7QUFXdEQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFFBQVE7K0dBQXpDLHdCQUF3QjttR0FBeEIsd0JBQXdCLHNSQ2hCckMsMFdBaUJBOzs0RkREYSx3QkFBd0I7a0JBVHBDLFNBQVM7K0JBQ0ksdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNGLHVDQUF1QyxFQUFFLG1FQUFtRTtxQkFDL0c7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBJbnB1dFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTnJjbEJhc2UgfSBmcm9tIFwiLi4vLi4vZGlyZWN0aXZlcy9ucmNsLmJhc2VcIjtcblxuQENvbXBvbmVudCgge1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZmlsdGVyLWNvbnRhaW5lclwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vZmlsdGVyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsOiBcIi4vZmlsdGVyLWNvbnRhaW5lci5jb21wb25lbnQuc2Nzc1wiLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tzdHlsZS4tLW5yY2wtZmlsdGVyLWNvbnRhaW5lci13aWR0aF0nOiAndGhpcy53aWRlID8gXCJ2YXIoIC0tbnJjbC1maWx0ZXItd2lkdGgtXCIgKyB0aGlzLndpZGUgKyBcIiApXCIgOiBudWxsJ1xuICAgIH1cbn0gKVxuZXhwb3J0IGNsYXNzIEZpbHRlckNvbnRhaW5lckNvbXBvbmVudCBleHRlbmRzIE5yY2xCYXNlIHtcbiAgICBASW5wdXQoKSBsYWJlbCBcbiAgICBASW5wdXQoKSBoaW50XG4gICAgQElucHV0KCkgd2lkZSBcblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkXG4gICAgW2Zsb2F0TGFiZWxdPVwibGFiZWwgPyAnYWx3YXlzJyA6ICdhdXRvJ1wiXG4gICAgYXBwZWFyYW5jZT1cIm91dGxpbmVcIlxuICAgIHN1YnNjcmlwdFNpemluZz1cImR5bmFtaWNcIlxuPlxuICAgIDxtYXQtbGFiZWw+e3sgbGFiZWwgfX08L21hdC1sYWJlbD5cblxuICAgIDxpbnB1dCBtYXRJbnB1dD5cblxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cblxuICAgIEBpZiAoIGhpbnQgKSB7XG4gICAgICAgIDxtYXQtaGludD57eyBoaW50IH19PC9tYXQtaGludD5cbiAgICB9XG48L21hdC1mb3JtLWZpZWxkPlxuIl19
|
|
@@ -4,11 +4,10 @@ import { DATE_FORMATS } from "../../utils/date.util";
|
|
|
4
4
|
import { NrclBase } from "../../directives/nrcl.base";
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/forms";
|
|
7
|
-
import * as i2 from "@angular/material/
|
|
8
|
-
import * as i3 from "@angular/material/
|
|
9
|
-
import * as i4 from "@
|
|
10
|
-
import * as i5 from "
|
|
11
|
-
import * as i6 from "../icon/icon.component";
|
|
7
|
+
import * as i2 from "@angular/material/form-field";
|
|
8
|
+
import * as i3 from "@angular/material/input";
|
|
9
|
+
import * as i4 from "@busacca/ng-pick-datetime";
|
|
10
|
+
import * as i5 from "../button/button.component";
|
|
12
11
|
export class FilterDateComponent extends NrclBase {
|
|
13
12
|
constructor() {
|
|
14
13
|
super(...arguments);
|
|
@@ -26,11 +25,13 @@ export class FilterDateComponent extends NrclBase {
|
|
|
26
25
|
this.valueChange.emit(date);
|
|
27
26
|
}
|
|
28
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterDateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FilterDateComponent, selector: "nrcl-filter-date", inputs: { label: "label", placeholder: "placeholder", hint: "hint", value: "value" }, outputs: { valueChange: "valueChange" }, usesInheritance: true, ngImport: i0, template: "<mat-form-field\n floatLabel=\"auto\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n>\n <mat-label>{{ label }}</mat-label>\n\n <input matInput class=\"search-input\" \n [ngModel]=\"value\" \n (ngModelChange)=\"onDateChange( $event )\"\n [placeholder]=\"placeholder\"\n [owlDateTime]=\"selectedDateDT\" \n maxlength=\"10\" \n appWFDateMask\n >\n\n @if ( hint ) {\n <mat-hint>{{ hint }}</mat-hint>\n }\n\n <button
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FilterDateComponent, selector: "nrcl-filter-date", inputs: { label: "label", placeholder: "placeholder", hint: "hint", value: "value", wide: "wide" }, outputs: { valueChange: "valueChange" }, host: { properties: { "style.--nrcl-filter-date-width": "this.wide ? \"var( --nrcl-filter-width-\" + this.wide + \" )\" : null" } }, usesInheritance: true, ngImport: i0, template: "<mat-form-field\n floatLabel=\"auto\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n>\n <mat-label>{{ label }}</mat-label>\n\n <input matInput class=\"search-input\" \n [ngModel]=\"value\" \n (ngModelChange)=\"onDateChange( $event )\"\n [placeholder]=\"placeholder\"\n [owlDateTime]=\"selectedDateDT\" \n maxlength=\"10\" \n appWFDateMask\n >\n\n @if ( hint ) {\n <mat-hint>{{ hint }}</mat-hint>\n }\n\n <nrcl-button tertiary matSuffix\n icon=\"event\"\n [owlDateTimeTrigger]=\"selectedDateDT\" \n ></nrcl-button>\n</mat-form-field>\n\n<owl-date-time #selectedDateDT pickerType=\"calendar\"></owl-date-time>\n", styles: ["::ng-deep :root{--nrcl-filter-date-width: var( --nrcl-filter-width-2 );--nrcl-filter-date-height: var( --nrcl-filter-height )}:host{--mat-form-field-container-height: calc( var( --nrcl-filter-date-height ) - 4px );--mat-form-field-container-vertical-padding: 8px;--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-date-width);display:block}: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-date-height)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{width:var(--nrcl-filter-date-width)}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3.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"] }, { kind: "directive", type: i4.OwlDateTimeTriggerDirective, selector: "[owlDateTimeTrigger]", inputs: ["owlDateTimeTrigger", "disabled"] }, { kind: "directive", type: i4.OwlDateTimeInputDirective, selector: "input[owlDateTime]", inputs: ["owlDateTime", "owlDateTimeFilter", "_disabled", "min", "max", "selectMode", "rangeSeparator", "value", "values"], outputs: ["dateTimeChange", "dateTimeInput"], exportAs: ["owlDateTimeInput"] }, { kind: "component", type: i4.OwlDateTimeComponent, selector: "owl-date-time", inputs: ["backdropClass", "panelClass", "startAt", "pickerType", "pickerMode", "disabled", "opened", "scrollStrategy"], outputs: ["afterPickerClosed", "afterPickerOpen", "yearSelected", "monthSelected"], exportAs: ["owlDateTime"] }, { kind: "component", type: i5.ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "secondary", "tertiary", "disabled", "small"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
30
29
|
}
|
|
31
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterDateComponent, decorators: [{
|
|
32
31
|
type: Component,
|
|
33
|
-
args: [{ selector: "nrcl-filter-date", changeDetection: ChangeDetectionStrategy.OnPush,
|
|
32
|
+
args: [{ selector: "nrcl-filter-date", changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
33
|
+
'[style.--nrcl-filter-date-width]': 'this.wide ? "var( --nrcl-filter-width-" + this.wide + " )" : null'
|
|
34
|
+
}, template: "<mat-form-field\n floatLabel=\"auto\"\n appearance=\"outline\"\n subscriptSizing=\"dynamic\"\n>\n <mat-label>{{ label }}</mat-label>\n\n <input matInput class=\"search-input\" \n [ngModel]=\"value\" \n (ngModelChange)=\"onDateChange( $event )\"\n [placeholder]=\"placeholder\"\n [owlDateTime]=\"selectedDateDT\" \n maxlength=\"10\" \n appWFDateMask\n >\n\n @if ( hint ) {\n <mat-hint>{{ hint }}</mat-hint>\n }\n\n <nrcl-button tertiary matSuffix\n icon=\"event\"\n [owlDateTimeTrigger]=\"selectedDateDT\" \n ></nrcl-button>\n</mat-form-field>\n\n<owl-date-time #selectedDateDT pickerType=\"calendar\"></owl-date-time>\n", styles: ["::ng-deep :root{--nrcl-filter-date-width: var( --nrcl-filter-width-2 );--nrcl-filter-date-height: var( --nrcl-filter-height )}:host{--mat-form-field-container-height: calc( var( --nrcl-filter-date-height ) - 4px );--mat-form-field-container-vertical-padding: 8px;--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-date-width);display:block}: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-date-height)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{width:var(--nrcl-filter-date-width)}\n"] }]
|
|
34
35
|
}], propDecorators: { label: [{
|
|
35
36
|
type: Input
|
|
36
37
|
}], placeholder: [{
|
|
@@ -39,7 +40,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
39
40
|
type: Input
|
|
40
41
|
}], value: [{
|
|
41
42
|
type: Input
|
|
43
|
+
}], wide: [{
|
|
44
|
+
type: Input
|
|
42
45
|
}], valueChange: [{
|
|
43
46
|
type: Output
|
|
44
47
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWRhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZmlsdGVyLWRhdGUvZmlsdGVyLWRhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZmlsdGVyLWRhdGUvZmlsdGVyLWRhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxNQUFNLE1BQU0sUUFBUSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7QUFXdEQsTUFBTSxPQUFPLG1CQUFvQixTQUFRLFFBQVE7SUFUakQ7O1FBVWEsVUFBSyxHQUFHLFVBQVUsQ0FBQTtRQUNsQixnQkFBVyxHQUFHLFdBQVcsQ0FBQTtRQUV6QixVQUFLLEdBQUcsTUFBTSxFQUFFLENBQUMsTUFBTSxDQUFFLFlBQVksQ0FBQyxlQUFlLENBQUUsQ0FBQTtRQUd0RCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FXdEQ7SUFURyxZQUFZLENBQUUsRUFBRTtRQUNaLElBQUssQ0FBQyxFQUFFLEVBQUcsQ0FBQztZQUNSLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFFLElBQUksQ0FBRSxDQUFBO1lBQzdCLE9BQU07UUFDVixDQUFDO1FBRUQsSUFBSSxJQUFJLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBRSxZQUFZLENBQUMsZUFBZSxDQUFFLENBQUE7UUFDcEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUUsSUFBSSxDQUFFLENBQUE7SUFDakMsQ0FBQzsrR0FqQlEsbUJBQW1CO21HQUFuQixtQkFBbUIsaVdDcEJoQyxxdEJBMkJBOzs0RkRQYSxtQkFBbUI7a0JBVC9CLFNBQVM7K0JBQ0ksa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0Ysa0NBQWtDLEVBQUUsbUVBQW1FO3FCQUMxRzs4QkFHUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IG1vbWVudCBmcm9tIFwibW9tZW50XCI7XG5pbXBvcnQgeyBEQVRFX0ZPUk1BVFMgfSBmcm9tIFwiLi4vLi4vdXRpbHMvZGF0ZS51dGlsXCI7XG5pbXBvcnQgeyBOcmNsQmFzZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL25yY2wuYmFzZVwiO1xuXG5AQ29tcG9uZW50KCB7XG4gICAgc2VsZWN0b3I6IFwibnJjbC1maWx0ZXItZGF0ZVwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vZmlsdGVyLWRhdGUuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybDogXCIuL2ZpbHRlci1kYXRlLmNvbXBvbmVudC5zY3NzXCIsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICAnW3N0eWxlLi0tbnJjbC1maWx0ZXItZGF0ZS13aWR0aF0nOiAndGhpcy53aWRlID8gXCJ2YXIoIC0tbnJjbC1maWx0ZXItd2lkdGgtXCIgKyB0aGlzLndpZGUgKyBcIiApXCIgOiBudWxsJ1xuICAgIH1cbn0gKVxuZXhwb3J0IGNsYXNzIEZpbHRlckRhdGVDb21wb25lbnQgZXh0ZW5kcyBOcmNsQmFzZSB7XG4gICAgQElucHV0KCkgbGFiZWwgPSAnW2xhYmVsXV0nXG4gICAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnU2VsZWN0Li4uJ1xuICAgIEBJbnB1dCgpIGhpbnRcbiAgICBASW5wdXQoKSB2YWx1ZSA9IG1vbWVudCgpLmZvcm1hdCggREFURV9GT1JNQVRTLmRhdGVQaWNrZXJJbnB1dCApXG4gICAgQElucHV0KCkgd2lkZSBcblxuICAgIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgb25EYXRlQ2hhbmdlKCBldiApIHtcbiAgICAgICAgaWYgKCAhZXYgKSB7XG4gICAgICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoIG51bGwgKVxuICAgICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cblxuICAgICAgICBsZXQgZGF0ZSA9IGV2LmZvcm1hdCggREFURV9GT1JNQVRTLmRhdGVQaWNrZXJJbnB1dCApXG4gICAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCggZGF0ZSApXG4gICAgfVxufVxuIiwiPG1hdC1mb3JtLWZpZWxkXG4gICAgZmxvYXRMYWJlbD1cImF1dG9cIlxuICAgIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCJcbiAgICBzdWJzY3JpcHRTaXppbmc9XCJkeW5hbWljXCJcbj5cbiAgICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG5cbiAgICA8aW5wdXQgbWF0SW5wdXQgY2xhc3M9XCJzZWFyY2gtaW5wdXRcIiAgICAgICAgICAgIFxuICAgICAgICBbbmdNb2RlbF09XCJ2YWx1ZVwiIFxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbkRhdGVDaGFuZ2UoICRldmVudCApXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgW293bERhdGVUaW1lXT1cInNlbGVjdGVkRGF0ZURUXCIgXG4gICAgICAgIG1heGxlbmd0aD1cIjEwXCIgXG4gICAgICAgIGFwcFdGRGF0ZU1hc2tcbiAgICA+XG5cbiAgICBAaWYgKCBoaW50ICkge1xuICAgICAgICA8bWF0LWhpbnQ+e3sgaGludCB9fTwvbWF0LWhpbnQ+XG4gICAgfVxuXG4gICAgPG5yY2wtYnV0dG9uIHRlcnRpYXJ5IG1hdFN1ZmZpeFxuICAgICAgICBpY29uPVwiZXZlbnRcIlxuICAgICAgICBbb3dsRGF0ZVRpbWVUcmlnZ2VyXT1cInNlbGVjdGVkRGF0ZURUXCIgXG4gICAgPjwvbnJjbC1idXR0b24+XG48L21hdC1mb3JtLWZpZWxkPlxuXG48b3dsLWRhdGUtdGltZSAjc2VsZWN0ZWREYXRlRFQgcGlja2VyVHlwZT1cImNhbGVuZGFyXCI+PC9vd2wtZGF0ZS10aW1lPlxuIl19
|