@bcgov/nr-ngx-component-lib 0.0.4 → 0.0.6
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 +3 -1
- package/components/filter-select/filter-select.component.d.ts +4 -1
- package/components/filters-panel/filters-panel.component.d.ts +6 -1
- package/components/icon/icon.component.d.ts +16 -0
- package/components/list-attachments/list-attachments.component.d.ts +1 -2
- package/components/row-list-pagination/row-list-pagination.component.d.ts +3 -2
- package/esm2022/components/button/button.component.mjs +11 -6
- package/esm2022/components/device-view/device-view.component.mjs +4 -7
- package/esm2022/components/expansion-panel/expansion-panel.component.mjs +9 -9
- package/esm2022/components/filter-date/filter-date.component.mjs +6 -6
- package/esm2022/components/filter-search/filter-search.component.mjs +5 -5
- package/esm2022/components/filter-select/filter-select.component.mjs +21 -9
- package/esm2022/components/filters-panel/filters-panel.component.mjs +24 -6
- package/esm2022/components/icon/icon.component.mjs +44 -0
- package/esm2022/components/list-attachments/list-attachments.component.mjs +12 -16
- package/esm2022/components/list-event-history/list-event-history.component.mjs +3 -3
- package/esm2022/components/page-header/page-header.component.mjs +2 -2
- package/esm2022/components/row-list-mobile/row-list-mobile.component.mjs +2 -2
- package/esm2022/components/row-list-pagination/row-list-pagination.component.mjs +7 -4
- package/esm2022/components/row-list-sorting/row-list-sorting.component.mjs +1 -1
- package/esm2022/components/snackbar/snackbar.component.mjs +4 -4
- package/esm2022/nr-ngx-component-lib.module.mjs +19 -7
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs +154 -70
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs.map +1 -1
- package/nr-ngx-component-lib.module.d.ts +28 -22
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -9,6 +9,7 @@ export declare class ButtonComponent extends ConfigurationSubscriberBase {
|
|
|
9
9
|
tooltip: any;
|
|
10
10
|
compact: any;
|
|
11
11
|
primary: boolean;
|
|
12
|
+
outline: boolean;
|
|
12
13
|
disabled: boolean;
|
|
13
14
|
click: EventEmitter<PointerEvent>;
|
|
14
15
|
isCompact: any;
|
|
@@ -16,7 +17,8 @@ export declare class ButtonComponent extends ConfigurationSubscriberBase {
|
|
|
16
17
|
onClick(ev: PointerEvent): void;
|
|
17
18
|
onConfigurationChange(): void;
|
|
18
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
19
|
-
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; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "click": "click"; }, never, ["*"], false, 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; }; "outline": { "alias": "outline"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "click": "click"; }, never, ["*"], false, never>;
|
|
20
21
|
static ngAcceptInputType_primary: unknown;
|
|
22
|
+
static ngAcceptInputType_outline: unknown;
|
|
21
23
|
static ngAcceptInputType_disabled: unknown;
|
|
22
24
|
}
|
|
@@ -23,6 +23,7 @@ export declare class FilterSelectComponent implements OnChanges {
|
|
|
23
23
|
tooltips: boolean;
|
|
24
24
|
summary: boolean;
|
|
25
25
|
clear: boolean;
|
|
26
|
+
filter: boolean;
|
|
26
27
|
valueChange: EventEmitter<string[]>;
|
|
27
28
|
floatLabel: string;
|
|
28
29
|
inputValue: any;
|
|
@@ -53,11 +54,13 @@ export declare class FilterSelectComponent implements OnChanges {
|
|
|
53
54
|
onUpperSelectionChange(ev: MatSelectionListChange): void;
|
|
54
55
|
onCancelClick(): void;
|
|
55
56
|
onInputFocus(): void;
|
|
57
|
+
onCloseClick(): void;
|
|
56
58
|
descriptionForCode(code: string): string;
|
|
57
59
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectComponent, never>;
|
|
58
|
-
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; }; }, { "valueChange": "valueChange"; }, never, never, false, 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>;
|
|
59
61
|
static ngAcceptInputType_selectMax: unknown;
|
|
60
62
|
static ngAcceptInputType_tooltips: unknown;
|
|
61
63
|
static ngAcceptInputType_summary: unknown;
|
|
62
64
|
static ngAcceptInputType_clear: unknown;
|
|
65
|
+
static ngAcceptInputType_filter: unknown;
|
|
63
66
|
}
|
|
@@ -3,11 +3,16 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class FiltersPanelComponent {
|
|
4
4
|
showClear: boolean;
|
|
5
5
|
showFilters: boolean;
|
|
6
|
+
hasAdvancedFilters: boolean;
|
|
7
|
+
showAdvancedFilters: boolean;
|
|
6
8
|
clearFilters: EventEmitter<any>;
|
|
7
9
|
showFiltersChange: EventEmitter<boolean>;
|
|
10
|
+
showAdvancedFiltersChange: EventEmitter<boolean>;
|
|
8
11
|
onClearClick(): void;
|
|
9
12
|
onHideClick(): void;
|
|
10
13
|
onShowClick(): void;
|
|
14
|
+
onHideAdvancedClick(): void;
|
|
15
|
+
onShowAdvancedClick(): void;
|
|
11
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<FiltersPanelComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FiltersPanelComponent, "nrcl-filters-panel", never, { "showClear": { "alias": "showClear"; "required": false; }; "showFilters": { "alias": "showFilters"; "required": false; }; }, { "clearFilters": "clearFilters"; "showFiltersChange": "showFiltersChange"; }, never, ["*"], false, never>;
|
|
17
|
+
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"; }, never, ["*", "[advanced]"], false, never>;
|
|
13
18
|
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { AfterContentInit, ElementRef } from '@angular/core';
|
|
2
|
+
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class IconComponent implements AfterContentInit {
|
|
5
|
+
name: keyof (typeof ICON);
|
|
6
|
+
svg: SafeHtml;
|
|
7
|
+
elementRef: ElementRef<any>;
|
|
8
|
+
domSanitizer: DomSanitizer;
|
|
9
|
+
ngAfterContentInit(): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "nrcl-icon", never, {}, {}, never, ["*"], false, never>;
|
|
12
|
+
}
|
|
13
|
+
declare const ICON: {
|
|
14
|
+
'clear-filters': string;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
@@ -27,7 +27,6 @@ export interface AttachmentRowListProvider<R, L = any> {
|
|
|
27
27
|
export declare class ListAttachmentsComponent extends RowListBase<{}, AttachmentsTableRow> {
|
|
28
28
|
rowListProvider: AttachmentRowListProvider<AttachmentsTableRow>;
|
|
29
29
|
canDelete: boolean;
|
|
30
|
-
showPagination: boolean;
|
|
31
30
|
DATE_FORMATS: {
|
|
32
31
|
fullPickerInput: string;
|
|
33
32
|
datePickerInput: string;
|
|
@@ -51,5 +50,5 @@ export declare class ListAttachmentsComponent extends RowListBase<{}, Attachment
|
|
|
51
50
|
onDownloadClick(item: AttachmentsTableRow): any;
|
|
52
51
|
onDeleteClick(item: AttachmentsTableRow): any;
|
|
53
52
|
static ɵfac: i0.ɵɵFactoryDeclaration<ListAttachmentsComponent, never>;
|
|
54
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ListAttachmentsComponent, "nrcl-list-attachments", never, { "rowListProvider": { "alias": "rowListProvider"; "required": false; }; "canDelete": { "alias": "canDelete"; "required": false; };
|
|
53
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ListAttachmentsComponent, "nrcl-list-attachments", never, { "rowListProvider": { "alias": "rowListProvider"; "required": false; }; "canDelete": { "alias": "canDelete"; "required": false; }; }, {}, never, never, false, never>;
|
|
55
54
|
}
|
|
@@ -11,6 +11,7 @@ export declare class RowListPaginationComponent implements AfterViewInit {
|
|
|
11
11
|
pageNumber: any;
|
|
12
12
|
rowCount: any;
|
|
13
13
|
showPageSize: boolean;
|
|
14
|
+
noRowsMessage: string;
|
|
14
15
|
pageSizeChange: EventEmitter<number>;
|
|
15
16
|
pageNumberChange: EventEmitter<number>;
|
|
16
17
|
componentWidth: RowListPaginationWidth;
|
|
@@ -25,7 +26,7 @@ export declare class RowListPaginationComponent implements AfterViewInit {
|
|
|
25
26
|
get pageCount(): number;
|
|
26
27
|
get firstRow(): number;
|
|
27
28
|
get lastRow(): number;
|
|
28
|
-
get hasRows():
|
|
29
|
+
get hasRows(): any;
|
|
29
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<RowListPaginationComponent, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RowListPaginationComponent, "nrcl-row-list-pagination", never, { "paginationId": { "alias": "paginationId"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageNumber": { "alias": "pageNumber"; "required": false; }; "rowCount": { "alias": "rowCount"; "required": false; }; "showPageSize": { "alias": "showPageSize"; "required": false; }; }, { "pageSizeChange": "pageSizeChange"; "pageNumberChange": "pageNumberChange"; }, never, never, false, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RowListPaginationComponent, "nrcl-row-list-pagination", never, { "paginationId": { "alias": "paginationId"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageNumber": { "alias": "pageNumber"; "required": false; }; "rowCount": { "alias": "rowCount"; "required": false; }; "showPageSize": { "alias": "showPageSize"; "required": false; }; "noRowsMessage": { "alias": "noRowsMessage"; "required": false; }; }, { "pageSizeChange": "pageSizeChange"; "pageNumberChange": "pageNumberChange"; }, never, never, false, never>;
|
|
31
32
|
}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { booleanAttribute, Component, EventEmitter, inject, Input, NgZone, Output } from '@angular/core';
|
|
2
2
|
import { ConfigurationSubscriberBase } from '../../directives/configuration-subscriber.base';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/material/
|
|
5
|
-
import * as i2 from "@angular/material/
|
|
6
|
-
import * as i3 from "
|
|
4
|
+
import * as i1 from "@angular/material/core";
|
|
5
|
+
import * as i2 from "@angular/material/tooltip";
|
|
6
|
+
import * as i3 from "../icon/icon.component";
|
|
7
7
|
export class ButtonComponent extends ConfigurationSubscriberBase {
|
|
8
8
|
constructor() {
|
|
9
9
|
super(...arguments);
|
|
10
10
|
this.primary = false;
|
|
11
|
+
this.outline = false;
|
|
11
12
|
this.disabled = false;
|
|
12
13
|
this.click = new EventEmitter();
|
|
13
14
|
this.zone = inject(NgZone);
|
|
@@ -33,18 +34,19 @@ export class ButtonComponent extends ConfigurationSubscriberBase {
|
|
|
33
34
|
});
|
|
34
35
|
}
|
|
35
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
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], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { click: "click" }, host: { properties: { "class.primary": "primary", "class.disabled": "disabled", "class.compact": "isCompact", "class.icon-left": "!isCompact && icon", "class.icon-right": "!isCompact && iconRight && label", "class.label": "label" } }, usesInheritance: true, ngImport: i0, 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 <
|
|
37
|
+
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], outline: ["outline", "outline", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { click: "click" }, host: { properties: { "class.primary": "primary", "class.outline": "outline && !primary", "class.disabled": "disabled", "class.compact": "isCompact", "class.icon-left": "!isCompact && icon", "class.icon-right": "!isCompact && iconRight && label", "class.label": "label" } }, usesInheritance: true, ngImport: i0, 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"], 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" }] }); }
|
|
37
38
|
}
|
|
38
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
39
40
|
type: Component,
|
|
40
41
|
args: [{ selector: 'nrcl-button', host: {
|
|
41
42
|
'[class.primary]': 'primary',
|
|
43
|
+
'[class.outline]': 'outline && !primary',
|
|
42
44
|
'[class.disabled]': 'disabled',
|
|
43
45
|
'[class.compact]': 'isCompact',
|
|
44
46
|
'[class.icon-left]': '!isCompact && icon',
|
|
45
47
|
'[class.icon-right]': '!isCompact && iconRight && label',
|
|
46
48
|
'[class.label]': 'label'
|
|
47
|
-
}, 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 <
|
|
49
|
+
}, 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"] }]
|
|
48
50
|
}], propDecorators: { label: [{
|
|
49
51
|
type: Input
|
|
50
52
|
}], icon: [{
|
|
@@ -60,10 +62,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
60
62
|
}], primary: [{
|
|
61
63
|
type: Input,
|
|
62
64
|
args: [{ transform: booleanAttribute }]
|
|
65
|
+
}], outline: [{
|
|
66
|
+
type: Input,
|
|
67
|
+
args: [{ transform: booleanAttribute }]
|
|
63
68
|
}], disabled: [{
|
|
64
69
|
type: Input,
|
|
65
70
|
args: [{ transform: booleanAttribute }]
|
|
66
71
|
}], click: [{
|
|
67
72
|
type: Output
|
|
68
73
|
}] } });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekcsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7Ozs7O0FBZ0I3RixNQUFNLE9BQU8sZUFBZ0IsU0FBUSwyQkFBMkI7SUFkaEU7O1FBcUI4QyxZQUFPLEdBQUcsS0FBSyxDQUFBO1FBQ2YsWUFBTyxHQUFHLEtBQUssQ0FBQTtRQUNmLGFBQVEsR0FBRyxLQUFLLENBQUE7UUFFaEQsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFBO1FBSWxELFNBQUksR0FBRyxNQUFNLENBQUUsTUFBTSxDQUFFLENBQUE7S0F3QjFCO0lBdEJHLE9BQU8sQ0FBRSxFQUFnQjtRQUNyQixJQUFLLElBQUksQ0FBQyxRQUFRO1lBQUcsT0FBTTtRQUUzQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBRSxFQUFFLENBQUUsQ0FBQTtJQUN6QixDQUFDO0lBRUQscUJBQXFCO1FBQ2pCLDZFQUE2RTtRQUM3RSxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBRSxHQUFHLEVBQUU7WUFDaEIsSUFBSyxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLEtBQUssRUFBRyxDQUFDO2dCQUNuRCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQTtZQUMxQixDQUFDO2lCQUNJLElBQUssSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxJQUFJLEVBQUcsQ0FBQztnQkFDckQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUE7WUFDekIsQ0FBQztpQkFDSSxDQUFDO2dCQUNGLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQTtZQUNuRSxDQUFDO1lBRUQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFBO1FBQ3pDLENBQUMsQ0FBRSxDQUFBO0lBQ1AsQ0FBQzsrR0F0Q1EsZUFBZTttR0FBZixlQUFlLCtMQU9ILGdCQUFnQixtQ0FDaEIsZ0JBQWdCLHNDQUNoQixnQkFBZ0Isb1dDMUJ6QyxzeUJBNkJBOzs0RkRaYSxlQUFlO2tCQWQzQixTQUFTOytCQUNJLGFBQWEsUUFHakI7d0JBQ0YsaUJBQWlCLEVBQUUsU0FBUzt3QkFDNUIsaUJBQWlCLEVBQUUscUJBQXFCO3dCQUN4QyxrQkFBa0IsRUFBRSxVQUFVO3dCQUM5QixpQkFBaUIsRUFBRSxXQUFXO3dCQUM5QixtQkFBbUIsRUFBRSxvQkFBb0I7d0JBQ3pDLG9CQUFvQixFQUFFLGtDQUFrQzt3QkFDeEQsZUFBZSxFQUFFLE9BQU87cUJBQzNCOzhCQUdRLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ29DLE9BQU87c0JBQWhELEtBQUs7dUJBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0csT0FBTztzQkFBaEQsS0FBSzt1QkFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRyxRQUFRO3NCQUFqRCxLQUFLO3VCQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUU3QixLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgaW5qZWN0LCBJbnB1dCwgTmdab25lLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbmZpZ3VyYXRpb25TdWJzY3JpYmVyQmFzZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvY29uZmlndXJhdGlvbi1zdWJzY3JpYmVyLmJhc2UnO1xuXG5AQ29tcG9uZW50KCB7XG4gICAgc2VsZWN0b3I6ICducmNsLWJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuc2NzcycsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzLnByaW1hcnldJzogJ3ByaW1hcnknLFxuICAgICAgICAnW2NsYXNzLm91dGxpbmVdJzogJ291dGxpbmUgJiYgIXByaW1hcnknLFxuICAgICAgICAnW2NsYXNzLmRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG4gICAgICAgICdbY2xhc3MuY29tcGFjdF0nOiAnaXNDb21wYWN0JyxcbiAgICAgICAgJ1tjbGFzcy5pY29uLWxlZnRdJzogJyFpc0NvbXBhY3QgJiYgaWNvbicsXG4gICAgICAgICdbY2xhc3MuaWNvbi1yaWdodF0nOiAnIWlzQ29tcGFjdCAmJiBpY29uUmlnaHQgJiYgbGFiZWwnLFxuICAgICAgICAnW2NsYXNzLmxhYmVsXSc6ICdsYWJlbCdcbiAgICB9XG59IClcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBDb25maWd1cmF0aW9uU3Vic2NyaWJlckJhc2UgeyAgICBcbiAgICBASW5wdXQoKSBsYWJlbFxuICAgIEBJbnB1dCgpIGljb25cbiAgICBASW5wdXQoKSBpY29uUmlnaHRcbiAgICBASW5wdXQoKSBpY29uQ29tcGFjdFxuICAgIEBJbnB1dCgpIHRvb2x0aXBcbiAgICBASW5wdXQoKSBjb21wYWN0XG4gICAgQElucHV0KCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9ICkgcHJpbWFyeSA9IGZhbHNlXG4gICAgQElucHV0KCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9ICkgb3V0bGluZSA9IGZhbHNlXG4gICAgQElucHV0KCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9ICkgZGlzYWJsZWQgPSBmYWxzZVxuXG4gICAgQE91dHB1dCgpIGNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxQb2ludGVyRXZlbnQ+KClcblxuICAgIGlzQ29tcGFjdFxuXG4gICAgem9uZSA9IGluamVjdCggTmdab25lIClcblxuICAgIG9uQ2xpY2soIGV2OiBQb2ludGVyRXZlbnQgKSB7XG4gICAgICAgIGlmICggdGhpcy5kaXNhYmxlZCApIHJldHVyblxuXG4gICAgICAgIHRoaXMuY2xpY2suZW1pdCggZXYgKVxuICAgIH1cblxuICAgIG9uQ29uZmlndXJhdGlvbkNoYW5nZSgpOiB2b2lkIHtcbiAgICAgICAgLy8gYXBwYXJlbnRseSB0aGlzIGlzIG5lZWRlZCB0byBlbnN1cmUgdGhhdCB0aGUgaG9zdCBiaW5kaW5nIHVwZGF0ZXMgcHJvcGVybHlcbiAgICAgICAgdGhpcy56b25lLnJ1biggKCkgPT4ge1xuICAgICAgICAgICAgaWYgKCB0aGlzLmNvbXBhY3QgPT0gbnVsbCB8fCB0aGlzLmNvbXBhY3QgPT09IGZhbHNlICkge1xuICAgICAgICAgICAgICAgIHRoaXMuaXNDb21wYWN0ID0gZmFsc2VcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2UgaWYgKCB0aGlzLmNvbXBhY3QgPT0gJycgfHwgdGhpcy5jb21wYWN0ID09PSB0cnVlICkge1xuICAgICAgICAgICAgICAgIHRoaXMuaXNDb21wYWN0ID0gdHJ1ZVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgdGhpcy5pc0NvbXBhY3QgPSB0aGlzLmNvbXBhY3QgPT0gdGhpcy5jb25maWd1cmF0aW9uLmRpc3BsYXlNb2RlXG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKClcbiAgICAgICAgfSApXG4gICAgfVxufVxuIiwiPGJ1dHRvbiBcbiAgICBtYXRSaXBwbGVcbiAgICAoY2xpY2spPVwib25DbGljayggJGV2ZW50IClcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgW21hdFRvb2x0aXBdPVwidG9vbHRpcFwiXG4+XG4gICAgQGlmICggaWNvbiB8fCBpY29uUmlnaHQgfHwgaWNvbkNvbXBhY3QgfHwgbGFiZWwgKSB7XG4gICAgICAgIEBpZiAoIGljb24gJiYgKCAhaXNDb21wYWN0IHx8ICFpY29uQ29tcGFjdCApICkgeyBcbiAgICAgICAgICAgIDxucmNsLWljb24gY2xhc3M9XCJsZWZ0XCI+e3sgaWNvbiB9fTwvbnJjbC1pY29uPiBcbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAoICFpc0NvbXBhY3QgJiYgaWNvblJpZ2h0ICYmIGxhYmVsICkgeyBcbiAgICAgICAgICAgIDxucmNsLWljb24gY2xhc3M9XCJyaWdodFwiPnt7IGljb25SaWdodCB9fTwvbnJjbC1pY29uPiBcbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAoIGlzQ29tcGFjdCAmJiBpY29uQ29tcGFjdCApIHsgXG4gICAgICAgICAgICA8bnJjbC1pY29uIGNsYXNzPVwiY29tcGFjdFwiPnt7IGljb25Db21wYWN0IH19PC9ucmNsLWljb24+IFxuICAgICAgICB9XG5cbiAgICAgICAgQGlmICggbGFiZWwgKSB7XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImxhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+ICAgICAgICBcbiAgICAgICAgfVxuICAgIH1cbiAgICBAZWxzZSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgIH1cbjwvYnV0dG9uPlxuIl19
|
|
@@ -44,13 +44,11 @@ export class DeviceViewComponent extends ConfigurationSubscriberBase {
|
|
|
44
44
|
@if ( desktopVisible && desktopContent ) {
|
|
45
45
|
<ng-container [ngTemplateOutlet]="desktopContent.templateRef"></ng-container>
|
|
46
46
|
}
|
|
47
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
47
|
+
`, isInline: true, styles: [":host:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
48
48
|
}
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DeviceViewComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
|
-
args: [{
|
|
52
|
-
selector: "nrcl-device-view",
|
|
53
|
-
template: `
|
|
51
|
+
args: [{ selector: "nrcl-device-view", template: `
|
|
54
52
|
@if ( mobileVisible && mobileContent ) {
|
|
55
53
|
<ng-container [ngTemplateOutlet]="mobileContent.templateRef"></ng-container>
|
|
56
54
|
}
|
|
@@ -58,8 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
58
56
|
@if ( desktopVisible && desktopContent ) {
|
|
59
57
|
<ng-container [ngTemplateOutlet]="desktopContent.templateRef"></ng-container>
|
|
60
58
|
}
|
|
61
|
-
`,
|
|
62
|
-
}]
|
|
59
|
+
`, styles: [":host:empty{display:none}\n"] }]
|
|
63
60
|
}], propDecorators: { desktopContent: [{
|
|
64
61
|
type: ContentChild,
|
|
65
62
|
args: [DesktopViewDirective]
|
|
@@ -67,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
67
64
|
type: ContentChild,
|
|
68
65
|
args: [MobileViewDirective]
|
|
69
66
|
}] } });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2aWNlLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZGV2aWNlLXZpZXcvZGV2aWNlLXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBZ0IsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQ3pILE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDOzs7QUFLN0YsTUFBTSxPQUFPLG9CQUFvQjtJQUM3QixZQUNXLFdBQWlDO1FBQWpDLGdCQUFXLEdBQVgsV0FBVyxDQUFzQjtJQUN6QyxDQUFDOytHQUhLLG9CQUFvQjttR0FBcEIsb0JBQW9COzs0RkFBcEIsb0JBQW9CO2tCQUhoQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxnQkFBZ0I7aUJBQzdCOztBQVdELE1BQU0sT0FBTyxtQkFBbUI7SUFDNUIsWUFDVyxXQUFpQztRQUFqQyxnQkFBVyxHQUFYLFdBQVcsQ0FBc0I7SUFDekMsQ0FBQzsrR0FISyxtQkFBbUI7bUdBQW5CLG1CQUFtQjs7NEZBQW5CLG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZUFBZTtpQkFDNUI7O0FBeUJELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSwyQkFBMkI7SUFqQnBFOztRQXFCSSxzQkFBaUIsR0FBRyxNQUFNLENBQUUsaUJBQWlCLENBQUUsQ0FBQTtLQUlsRDtJQUZHLElBQUksY0FBYyxLQUFLLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLElBQUksU0FBUyxDQUFBLENBQUMsQ0FBQztJQUMzRSxJQUFJLGFBQWEsS0FBSyxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxJQUFJLFFBQVEsQ0FBQSxDQUFDLENBQUM7K0dBUGhFLG1CQUFtQjttR0FBbkIsbUJBQW1CLG9HQUNiLG9CQUFvQixnRkFDcEIsbUJBQW1CLHVFQWpCeEI7Ozs7Ozs7O0tBUVQ7OzRGQU9RLG1CQUFtQjtrQkFqQi9CLFNBQVM7K0JBQ0ksa0JBQWtCLFlBQ2xCOzs7Ozs7OztLQVFUOzhCQVFxQyxjQUFjO3NCQUFuRCxZQUFZO3VCQUFFLG9CQUFvQjtnQkFDRSxhQUFhO3NCQUFqRCxZQUFZO3VCQUFFLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIGluamVjdCwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIH0gZnJvbSBcIi4uLy4uL2RpcmVjdGl2ZXMvY29uZmlndXJhdGlvbi1zdWJzY3JpYmVyLmJhc2VcIjtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6IFwiW2Rlc2t0b3Atdmlld11cIlxufSlcbmV4cG9ydCBjbGFzcyBEZXNrdG9wVmlld0RpcmVjdGl2ZSB7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8dW5rbm93bj5cbiAgICApIHt9XG59XG5cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6IFwiW21vYmlsZS12aWV3XVwiXG59KVxuZXhwb3J0IGNsYXNzIE1vYmlsZVZpZXdEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPHVua25vd24+XG4gICAgKSB7fVxufVxuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZGV2aWNlLXZpZXdcIixcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICBAaWYgKCBtb2JpbGVWaXNpYmxlICYmIG1vYmlsZUNvbnRlbnQgKSB7XG4gICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vYmlsZUNvbnRlbnQudGVtcGxhdGVSZWZcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAoIGRlc2t0b3BWaXNpYmxlICYmIGRlc2t0b3BDb250ZW50ICkge1xuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJkZXNrdG9wQ29udGVudC50ZW1wbGF0ZVJlZlwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICB9XG4gICAgYCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIDpob3N0OmVtcHR5IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICBgXVxufSlcbmV4cG9ydCBjbGFzcyBEZXZpY2VWaWV3Q29tcG9uZW50IGV4dGVuZHMgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIHtcbiAgICBAQ29udGVudENoaWxkKCBEZXNrdG9wVmlld0RpcmVjdGl2ZSApIGRlc2t0b3BDb250ZW50ITogRGVza3RvcFZpZXdEaXJlY3RpdmU7XG4gICAgQENvbnRlbnRDaGlsZCggTW9iaWxlVmlld0RpcmVjdGl2ZSApIG1vYmlsZUNvbnRlbnQhOiBNb2JpbGVWaWV3RGlyZWN0aXZlO1xuXG4gICAgY2hhbmdlRGV0ZWN0b3JSZWYgPSBpbmplY3QoIENoYW5nZURldGVjdG9yUmVmIClcblxuICAgIGdldCBkZXNrdG9wVmlzaWJsZSgpIHsgcmV0dXJuIHRoaXMuY29uZmlndXJhdGlvbi5kaXNwbGF5TW9kZSA9PSAnZGVza3RvcCcgfVxuICAgIGdldCBtb2JpbGVWaXNpYmxlKCkgeyByZXR1cm4gdGhpcy5jb25maWd1cmF0aW9uLmRpc3BsYXlNb2RlID09ICdtb2JpbGUnIH1cbn1cblxuIl19
|
|
@@ -2,8 +2,8 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewCh
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/material/expansion";
|
|
4
4
|
import * as i2 from "@angular/material/progress-spinner";
|
|
5
|
-
import * as i3 from "
|
|
6
|
-
import * as i4 from "../
|
|
5
|
+
import * as i3 from "../button/button.component";
|
|
6
|
+
import * as i4 from "../icon/icon.component";
|
|
7
7
|
export class ExpansionPanelComponent {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.isLoading = false;
|
|
@@ -12,7 +12,7 @@ export class ExpansionPanelComponent {
|
|
|
12
12
|
this.expandedChange = new EventEmitter();
|
|
13
13
|
}
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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
|
|
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
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
@@ -20,7 +20,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
20
20
|
'[class.is-loading]': 'isLoading',
|
|
21
21
|
'[class.expanded]': 'matExpansionPanel?.expanded',
|
|
22
22
|
'[class.disabled]': 'disabled',
|
|
23
|
-
}, 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
|
|
23
|
+
}, 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"] }]
|
|
24
24
|
}], propDecorators: { isLoading: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}], disabled: [{
|
|
@@ -68,7 +68,7 @@ export class ExpansionPanelFooterComponent {
|
|
|
68
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: `
|
|
69
69
|
@if ( showWarning ) {
|
|
70
70
|
<div class="warning">
|
|
71
|
-
<
|
|
71
|
+
<nrcl-icon>warning</nrcl-icon>
|
|
72
72
|
<span>{{ warningMessage }}</span>
|
|
73
73
|
</div>
|
|
74
74
|
}
|
|
@@ -94,14 +94,14 @@ export class ExpansionPanelFooterComponent {
|
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
<ng-content></ng-content>
|
|
97
|
-
`, isInline: true, 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
|
|
97
|
+
`, isInline: true, 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: i3.ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "outline", "disabled"], outputs: ["click"] }, { kind: "component", type: i4.IconComponent, selector: "nrcl-icon" }] }); }
|
|
98
98
|
}
|
|
99
99
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelFooterComponent, decorators: [{
|
|
100
100
|
type: Component,
|
|
101
101
|
args: [{ selector: "nrcl-expansion-panel-footer", template: `
|
|
102
102
|
@if ( showWarning ) {
|
|
103
103
|
<div class="warning">
|
|
104
|
-
<
|
|
104
|
+
<nrcl-icon>warning</nrcl-icon>
|
|
105
105
|
<span>{{ warningMessage }}</span>
|
|
106
106
|
</div>
|
|
107
107
|
}
|
|
@@ -127,7 +127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
<ng-content></ng-content>
|
|
130
|
-
`, 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
|
|
130
|
+
`, 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"] }]
|
|
131
131
|
}], propDecorators: { saveEnabled: [{
|
|
132
132
|
type: Input
|
|
133
133
|
}], cancelEnabled: [{
|
|
@@ -141,4 +141,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
141
141
|
}], cancelClick: [{
|
|
142
142
|
type: Output
|
|
143
143
|
}] } });
|
|
144
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBYzNHLE1BQU0sT0FBTyx1QkFBdUI7SUFYcEM7UUFZYSxjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQTtRQUVmLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtLQUd6RDsrR0FSWSx1QkFBdUI7bUdBQXZCLHVCQUF1QixpYkNkcEMsbXVCQXNCc0I7OzRGRFJULHVCQUF1QjtrQkFYbkMsU0FBUzsrQkFDSSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDRixvQkFBb0IsRUFBSSxXQUFXO3dCQUNuQyxrQkFBa0IsRUFBTSw2QkFBNkI7d0JBQ3JELGtCQUFrQixFQUFNLFVBQVU7cUJBQ3JDOzhCQUdRLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLGNBQWM7c0JBQXZCLE1BQU07Z0JBRWUsaUJBQWlCO3NCQUF0QyxTQUFTO3VCQUFFLE9BQU87O0FBa0R2QixNQUFNLE9BQU8sNkJBQTZCOytHQUE3Qiw2QkFBNkI7bUdBQTdCLDZCQUE2QixtRUE3QzVCOzs7Ozs7OztLQVFUOzs0RkFxQ1EsNkJBQTZCO2tCQS9DekMsU0FBUzsrQkFDSSw2QkFBNkIsWUFDN0I7Ozs7Ozs7O0tBUVQ7O0FBZ0dMLE1BQU0sT0FBTyw2QkFBNkI7SUF6RDFDO1FBNERhLG1CQUFjLEdBQUcsaUJBQWlCLENBQUE7UUFDbEMsZ0JBQVcsR0FBRyxLQUFLLENBQUE7UUFFbEIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFBO1FBQzVDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUE7S0FDM0Q7K0dBUlksNkJBQTZCO21HQUE3Qiw2QkFBNkIsMFFBdkQ1Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2QlQ7OzRGQTBCUSw2QkFBNkI7a0JBekR6QyxTQUFTOytCQUNJLDZCQUE2QixZQUM3Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2QlQ7OEJBMkJRLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTWF0RXhwYW5zaW9uUGFuZWwgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZXhwYW5zaW9uLXBhbmVsXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybDogXCIuL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuc2Nzc1wiLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzcy5pcy1sb2FkaW5nXSc6ICAgJ2lzTG9hZGluZycsXG4gICAgICAgICdbY2xhc3MuZXhwYW5kZWRdJzogICAgICdtYXRFeHBhbnNpb25QYW5lbD8uZXhwYW5kZWQnLFxuICAgICAgICAnW2NsYXNzLmRpc2FibGVkXSc6ICAgICAnZGlzYWJsZWQnLFxuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgRXhwYW5zaW9uUGFuZWxDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGlzTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgZXhwYW5kZWQgPSBmYWxzZVxuXG4gICAgQE91dHB1dCgpIGV4cGFuZGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG5cbiAgICBAVmlld0NoaWxkKCAncGFuZWwnICkgbWF0RXhwYW5zaW9uUGFuZWw6IE1hdEV4cGFuc2lvblBhbmVsXG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZXhwYW5zaW9uLXBhbmVsLWhlYWRlclwiLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNpZGVcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0LXNpZGVdLGgyLGgzXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtc2lkZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+
|
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBYzNHLE1BQU0sT0FBTyx1QkFBdUI7SUFYcEM7UUFZYSxjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQTtRQUVmLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtLQUd6RDsrR0FSWSx1QkFBdUI7bUdBQXZCLHVCQUF1QixpYkNkcEMsbXVCQXNCc0I7OzRGRFJULHVCQUF1QjtrQkFYbkMsU0FBUzsrQkFDSSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDRixvQkFBb0IsRUFBSSxXQUFXO3dCQUNuQyxrQkFBa0IsRUFBTSw2QkFBNkI7d0JBQ3JELGtCQUFrQixFQUFNLFVBQVU7cUJBQ3JDOzhCQUdRLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLGNBQWM7c0JBQXZCLE1BQU07Z0JBRWUsaUJBQWlCO3NCQUF0QyxTQUFTO3VCQUFFLE9BQU87O0FBa0R2QixNQUFNLE9BQU8sNkJBQTZCOytHQUE3Qiw2QkFBNkI7bUdBQTdCLDZCQUE2QixtRUE3QzVCOzs7Ozs7OztLQVFUOzs0RkFxQ1EsNkJBQTZCO2tCQS9DekMsU0FBUzsrQkFDSSw2QkFBNkIsWUFDN0I7Ozs7Ozs7O0tBUVQ7O0FBZ0dMLE1BQU0sT0FBTyw2QkFBNkI7SUF6RDFDO1FBNERhLG1CQUFjLEdBQUcsaUJBQWlCLENBQUE7UUFDbEMsZ0JBQVcsR0FBRyxLQUFLLENBQUE7UUFFbEIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFBO1FBQzVDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUE7S0FDM0Q7K0dBUlksNkJBQTZCO21HQUE3Qiw2QkFBNkIsMFFBdkQ1Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2QlQ7OzRGQTBCUSw2QkFBNkI7a0JBekR6QyxTQUFTOytCQUNJLDZCQUE2QixZQUM3Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2QlQ7OEJBMkJRLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTWF0RXhwYW5zaW9uUGFuZWwgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZXhwYW5zaW9uLXBhbmVsXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybDogXCIuL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuc2Nzc1wiLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzcy5pcy1sb2FkaW5nXSc6ICAgJ2lzTG9hZGluZycsXG4gICAgICAgICdbY2xhc3MuZXhwYW5kZWRdJzogICAgICdtYXRFeHBhbnNpb25QYW5lbD8uZXhwYW5kZWQnLFxuICAgICAgICAnW2NsYXNzLmRpc2FibGVkXSc6ICAgICAnZGlzYWJsZWQnLFxuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgRXhwYW5zaW9uUGFuZWxDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGlzTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgZXhwYW5kZWQgPSBmYWxzZVxuXG4gICAgQE91dHB1dCgpIGV4cGFuZGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG5cbiAgICBAVmlld0NoaWxkKCAncGFuZWwnICkgbWF0RXhwYW5zaW9uUGFuZWw6IE1hdEV4cGFuc2lvblBhbmVsXG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZXhwYW5zaW9uLXBhbmVsLWhlYWRlclwiLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNpZGVcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0LXNpZGVdLGgyLGgzXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtc2lkZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICBgLFxuICAgIHN0eWxlczogW2BcbiAgICAgICAgOmhvc3Qge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGNvbG9yOiAjMjEyMTIxO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAubGVmdC1zaWRlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgcGFkZGluZzogMTBweCAwOyAgICAgICAgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBmbGV4LXN0YXJ0O1xuICAgICAgICB9XG5cbiAgICAgICAgLmxlZnQtc2lkZSA6Om5nLWRlZXAgaDIge1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoIC0tbnJjbC1mb250LXNpemUtaDIpO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDIwMDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIH0gICAgXG5cbiAgICAgICAgLmxlZnQtc2lkZSA6Om5nLWRlZXAgaDMge1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoIC0tbnJjbC1mb250LXNpemUtaDMgKTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiAyMDA7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9ICAgIFxuXG4gICAgICAgIC5yaWdodC1zaWRlIHtcbiAgICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgICAgICB9XG4gICAgYF0sXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsSGVhZGVyQ29tcG9uZW50IHt9XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZXhwYW5zaW9uLXBhbmVsLWZvb3RlclwiLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIEBpZiAoIHNob3dXYXJuaW5nICkge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIndhcm5pbmdcIj5cbiAgICAgICAgICAgICAgICA8bnJjbC1pY29uPndhcm5pbmc8L25yY2wtaWNvbj5cbiAgICAgICAgICAgICAgICA8c3Bhbj57eyB3YXJuaW5nTWVzc2FnZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgQGlmICggY2FuY2VsRW5hYmxlZCAhPSBudWxsICkge1xuICAgICAgICAgICAgPG5yY2wtYnV0dG9uXG4gICAgICAgICAgICAgICAgbGFiZWw9XCJDYW5jZWxcIlxuICAgICAgICAgICAgICAgIGljb25Db21wYWN0PVwiY2FuY2VsXCJcbiAgICAgICAgICAgICAgICBjb21wYWN0PVwibW9iaWxlXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiIWNhbmNlbEVuYWJsZWRcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjYW5jZWxDbGljay5lbWl0KCAkZXZlbnQgKVwiXG4gICAgICAgICAgICA+PC9ucmNsLWJ1dHRvbj5cbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAoIHNhdmVFbmFibGVkICE9IG51bGwgKSB7XG4gICAgICAgICAgICA8bnJjbC1idXR0b24gcHJpbWFyeVxuICAgICAgICAgICAgICAgIGxhYmVsPVwiU2F2ZVwiXG4gICAgICAgICAgICAgICAgaWNvbkNvbXBhY3Q9XCJzYXZlXCJcbiAgICAgICAgICAgICAgICBjb21wYWN0PVwibW9iaWxlXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiIXNhdmVFbmFibGVkXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic2F2ZUNsaWNrLmVtaXQoICRldmVudCApXCJcbiAgICAgICAgICAgID48L25yY2wtYnV0dG9uPlxuICAgICAgICB9XG5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIGAsXG4gICAgc3R5bGVzOiBbYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2M2YzhjYjtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigtLW5yY2wtZ3V0dGVyLXNwYWNlKTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3Q6ZW1wdHkge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC53YXJuaW5nIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDRweDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAud2FybmluZyBucmNsLWljb24ge1xuICAgICAgICAgICAgY29sb3I6ICNGQ0JBMTk7ICAgICAgICBcbiAgICAgICAgfVxuICAgIGBdLFxufSlcbmV4cG9ydCBjbGFzcyBFeHBhbnNpb25QYW5lbEZvb3RlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgc2F2ZUVuYWJsZWQgXG4gICAgQElucHV0KCkgY2FuY2VsRW5hYmxlZCBcbiAgICBASW5wdXQoKSB3YXJuaW5nTWVzc2FnZSA9ICdVbnNhdmVkIENoYW5nZXMnXG4gICAgQElucHV0KCkgc2hvd1dhcm5pbmcgPSBmYWxzZVxuXG4gICAgQE91dHB1dCgpIHNhdmVDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8UG9pbnRlckV2ZW50PigpXG4gICAgQE91dHB1dCgpIGNhbmNlbENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxQb2ludGVyRXZlbnQ+KClcbn1cbiIsIjxtYXQtZXhwYW5zaW9uLXBhbmVsICNwYW5lbCBcbiAgICB0b2dnbGVQb3NpdGlvbj1cImJlZm9yZVwiXG4gICAgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCIgXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgXG4gICAgKG9wZW5lZCk9XCJleHBhbmRlZENoYW5nZS5lbWl0KCB0cnVlIClcIiAgIFxuICAgIChjbG9zZWQpPVwiZXhwYW5kZWRDaGFuZ2UuZW1pdCggZmFsc2UgKVwiICAgXG4+XG4gICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgICA8bWF0LXBhbmVsLWRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibnJjbC1leHBhbnNpb24tcGFuZWwtaGVhZGVyXCI+PC9uZy1jb250ZW50PlxuXG4gICAgICAgICAgICBAaWYgKCBpc0xvYWRpbmcgKSB7XG4gICAgICAgICAgICAgICAgPG1hdC1zcGlubmVyIGNsYXNzPVwibG9hZGluZ1wiIFtkaWFtZXRlcl09XCIzMFwiPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvbWF0LXBhbmVsLWRlc2NyaXB0aW9uPlxuICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG5cbiAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJucmNsLWV4cGFuc2lvbi1wYW5lbC1mb290ZXJcIj48L25nLWNvbnRlbnQ+XG48L21hdC1leHBhbnNpb24tcGFuZWw+Il19
|
|
@@ -5,9 +5,9 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
import * as i1 from "@angular/forms";
|
|
6
6
|
import * as i2 from "@angular/material/button";
|
|
7
7
|
import * as i3 from "@angular/material/form-field";
|
|
8
|
-
import * as i4 from "@angular/material/
|
|
9
|
-
import * as i5 from "@
|
|
10
|
-
import * as i6 from "
|
|
8
|
+
import * as i4 from "@angular/material/input";
|
|
9
|
+
import * as i5 from "@busacca/ng-pick-datetime";
|
|
10
|
+
import * as i6 from "../icon/icon.component";
|
|
11
11
|
export class FilterDateComponent {
|
|
12
12
|
constructor() {
|
|
13
13
|
this.label = '[label]]';
|
|
@@ -24,11 +24,11 @@ export class FilterDateComponent {
|
|
|
24
24
|
this.valueChange.emit(date);
|
|
25
25
|
}
|
|
26
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
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" }, 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 class=\"select-date\"\n [owlDateTimeTrigger]=\"selectedDateDT\" \n aria-label=\"Open Select Date Picker\"\n mat-icon-button\n matSuffix\n >\n <
|
|
27
|
+
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" }, 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 class=\"select-date\"\n [owlDateTimeTrigger]=\"selectedDateDT\" \n aria-label=\"Open Select Date Picker\"\n mat-icon-button\n matSuffix\n >\n <nrcl-icon>event</nrcl-icon>\n </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-default )}:host{--mat-form-field-container-height: calc( var( --nrcl-filter-height-default ) - 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, var(--nrcl-filter-width-default));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-height-default)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{width:var(--nrcl-filter-date-width, var(--nrcl-filter-width-default))}:host .select-date{padding:0;width:calc(var(--nrcl-filter-height-default) - 2px);height:calc(var(--nrcl-filter-height-default) - 2px);display:flex;justify-content:center;align-items:center}\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.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4.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: i5.OwlDateTimeTriggerDirective, selector: "[owlDateTimeTrigger]", inputs: ["owlDateTimeTrigger", "disabled"] }, { kind: "directive", type: i5.OwlDateTimeInputDirective, selector: "input[owlDateTime]", inputs: ["owlDateTime", "owlDateTimeFilter", "_disabled", "min", "max", "selectMode", "rangeSeparator", "value", "values"], outputs: ["dateTimeChange", "dateTimeInput"], exportAs: ["owlDateTimeInput"] }, { kind: "component", type: i5.OwlDateTimeComponent, selector: "owl-date-time", inputs: ["backdropClass", "panelClass", "startAt", "pickerType", "pickerMode", "disabled", "opened", "scrollStrategy"], outputs: ["afterPickerClosed", "afterPickerOpen", "yearSelected", "monthSelected"], exportAs: ["owlDateTime"] }, { kind: "component", type: i6.IconComponent, selector: "nrcl-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
28
28
|
}
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterDateComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: "nrcl-filter-date", changeDetection: ChangeDetectionStrategy.OnPush, 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 class=\"select-date\"\n [owlDateTimeTrigger]=\"selectedDateDT\" \n aria-label=\"Open Select Date Picker\"\n mat-icon-button\n matSuffix\n >\n <
|
|
31
|
+
args: [{ selector: "nrcl-filter-date", changeDetection: ChangeDetectionStrategy.OnPush, 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 class=\"select-date\"\n [owlDateTimeTrigger]=\"selectedDateDT\" \n aria-label=\"Open Select Date Picker\"\n mat-icon-button\n matSuffix\n >\n <nrcl-icon>event</nrcl-icon>\n </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-default )}:host{--mat-form-field-container-height: calc( var( --nrcl-filter-height-default ) - 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, var(--nrcl-filter-width-default));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-height-default)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{width:var(--nrcl-filter-date-width, var(--nrcl-filter-width-default))}:host .select-date{padding:0;width:calc(var(--nrcl-filter-height-default) - 2px);height:calc(var(--nrcl-filter-height-default) - 2px);display:flex;justify-content:center;align-items:center}\n"] }]
|
|
32
32
|
}], propDecorators: { label: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], placeholder: [{
|
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
40
40
|
}], valueChange: [{
|
|
41
41
|
type: Output
|
|
42
42
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWRhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZmlsdGVyLWRhdGUvZmlsdGVyLWRhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZmlsdGVyLWRhdGUvZmlsdGVyLWRhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxNQUFNLE1BQU0sUUFBUSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7Ozs7QUFRckQsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQU9hLFVBQUssR0FBRyxVQUFVLENBQUE7UUFDbEIsZ0JBQVcsR0FBRyxXQUFXLENBQUE7UUFFekIsVUFBSyxHQUFHLE1BQU0sRUFBRSxDQUFDLE1BQU0sQ0FBRSxZQUFZLENBQUMsZUFBZSxDQUFFLENBQUE7UUFFdEQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBV3REO0lBVEcsWUFBWSxDQUFFLEVBQUU7UUFDWixJQUFLLENBQUMsRUFBRSxFQUFHLENBQUM7WUFDUixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBRSxJQUFJLENBQUUsQ0FBQTtZQUM3QixPQUFNO1FBQ1YsQ0FBQztRQUVELElBQUksSUFBSSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUUsWUFBWSxDQUFDLGVBQWUsQ0FBRSxDQUFBO1FBQ3BELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFFLElBQUksQ0FBRSxDQUFBO0lBQ2pDLENBQUM7K0dBaEJRLG1CQUFtQjttR0FBbkIsbUJBQW1CLHVMQ2hCaEMsOHpCQStCQTs7NEZEZmEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNJLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0XG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgbW9tZW50IGZyb20gXCJtb21lbnRcIjtcbmltcG9ydCB7IERBVEVfRk9STUFUUyB9IGZyb20gXCIuLi8uLi91dGlscy9kYXRlLnV0aWxcIjtcblxuQENvbXBvbmVudCgge1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZmlsdGVyLWRhdGVcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL2ZpbHRlci1kYXRlLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmw6IFwiLi9maWx0ZXItZGF0ZS5jb21wb25lbnQuc2Nzc1wiLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSApXG5leHBvcnQgY2xhc3MgRmlsdGVyRGF0ZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgbGFiZWwgPSAnW2xhYmVsXV0nXG4gICAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnU2VsZWN0Li4uJ1xuICAgIEBJbnB1dCgpIGhpbnRcbiAgICBASW5wdXQoKSB2YWx1ZSA9IG1vbWVudCgpLmZvcm1hdCggREFURV9GT1JNQVRTLmRhdGVQaWNrZXJJbnB1dCApXG5cbiAgICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAgIG9uRGF0ZUNoYW5nZSggZXYgKSB7XG4gICAgICAgIGlmICggIWV2ICkge1xuICAgICAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KCBudWxsIClcbiAgICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG5cbiAgICAgICAgbGV0IGRhdGUgPSBldi5mb3JtYXQoIERBVEVfRk9STUFUUy5kYXRlUGlja2VySW5wdXQgKVxuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoIGRhdGUgKVxuICAgIH1cbn1cbiIsIjxtYXQtZm9ybS1maWVsZFxuICAgIGZsb2F0TGFiZWw9XCJhdXRvXCJcbiAgICBhcHBlYXJhbmNlPVwib3V0bGluZVwiXG4gICAgc3Vic2NyaXB0U2l6aW5nPVwiZHluYW1pY1wiXG4+XG4gICAgPG1hdC1sYWJlbD57eyBsYWJlbCB9fTwvbWF0LWxhYmVsPlxuXG4gICAgPGlucHV0IG1hdElucHV0IGNsYXNzPVwic2VhcmNoLWlucHV0XCIgICAgICAgICAgICBcbiAgICAgICAgW25nTW9kZWxdPVwidmFsdWVcIiBcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25EYXRlQ2hhbmdlKCAkZXZlbnQgKVwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgIFtvd2xEYXRlVGltZV09XCJzZWxlY3RlZERhdGVEVFwiIFxuICAgICAgICBtYXhsZW5ndGg9XCIxMFwiIFxuICAgICAgICBhcHBXRkRhdGVNYXNrXG4gICAgPlxuXG4gICAgQGlmICggaGludCApIHtcbiAgICAgICAgPG1hdC1oaW50Pnt7IGhpbnQgfX08L21hdC1oaW50PlxuICAgIH1cblxuICAgIDxidXR0b24gY2xhc3M9XCJzZWxlY3QtZGF0ZVwiXG4gICAgICAgIFtvd2xEYXRlVGltZVRyaWdnZXJdPVwic2VsZWN0ZWREYXRlRFRcIiBcbiAgICAgICAgYXJpYS1sYWJlbD1cIk9wZW4gU2VsZWN0IERhdGUgUGlja2VyXCJcbiAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgIG1hdFN1ZmZpeFxuICAgID5cbiAgICAgICAgPG5yY2wtaWNvbj5ldmVudDwvbnJjbC1pY29uPlxuICAgIDwvYnV0dG9uPlxuPC9tYXQtZm9ybS1maWVsZD5cblxuPG93bC1kYXRlLXRpbWUgI3NlbGVjdGVkRGF0ZURUIHBpY2tlclR5cGU9XCJjYWxlbmRhclwiPjwvb3dsLWRhdGUtdGltZT5cbiJdfQ==
|