@bcgov/nr-ngx-component-lib 0.0.30 → 0.0.32

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.
Files changed (29) hide show
  1. package/components/device-view/device-view.component.d.ts +0 -2
  2. package/components/dialog/dialog.component.d.ts +18 -0
  3. package/components/dialog-confirm/dialog-confirm.component.d.ts +17 -0
  4. package/components/indicator/indicator.component.d.ts +3 -1
  5. package/components/page-header/page-header.component.d.ts +3 -3
  6. package/directives/configuration-subscriber.base.d.ts +2 -0
  7. package/directives/{edit-dialog.base.d.ts → dialog.base.d.ts} +13 -12
  8. package/esm2022/components/button/button.component.mjs +2 -2
  9. package/esm2022/components/device-view/device-view.component.mjs +3 -5
  10. package/esm2022/components/dialog/dialog.component.mjs +51 -0
  11. package/esm2022/components/dialog-confirm/dialog-confirm.component.mjs +20 -0
  12. package/esm2022/components/form-layout/form-layout.component.mjs +2 -2
  13. package/esm2022/components/indicator/indicator.component.mjs +11 -5
  14. package/esm2022/components/page-header/page-header.component.mjs +7 -6
  15. package/esm2022/directives/configuration-subscriber.base.mjs +3 -1
  16. package/esm2022/directives/dialog.base.mjs +46 -0
  17. package/esm2022/nr-ngx-component-lib.module.mjs +11 -6
  18. package/esm2022/public-api.mjs +4 -3
  19. package/esm2022/services/dialog.service.mjs +6 -3
  20. package/fesm2022/bcgov-nr-ngx-component-lib.mjs +109 -71
  21. package/fesm2022/bcgov-nr-ngx-component-lib.mjs.map +1 -1
  22. package/nr-ngx-component-lib.module.d.ts +28 -27
  23. package/package.json +1 -1
  24. package/public-api.d.ts +3 -2
  25. package/services/dialog.service.d.ts +4 -2
  26. package/styles/global.scss +0 -4
  27. package/components/edit-dialog/edit-dialog.component.d.ts +0 -15
  28. package/esm2022/components/edit-dialog/edit-dialog.component.mjs +0 -43
  29. package/esm2022/directives/edit-dialog.base.mjs +0 -41
package/components/device-view/device-view.component.d.ts CHANGED
@@ -17,8 +17,6 @@ export declare class DeviceViewComponent extends ConfigurationSubscriberBase {
17
17
  desktopContent: DesktopViewDirective;
18
18
  mobileContent: MobileViewDirective;
19
19
  changeDetectorRef: ChangeDetectorRef;
20
- get desktopVisible(): boolean;
21
- get mobileVisible(): boolean;
22
20
  static ɵfac: i0.ɵɵFactoryDeclaration<DeviceViewComponent, never>;
23
21
  static ɵcmp: i0.ɵɵComponentDeclaration<DeviceViewComponent, "nrcl-device-view", never, {}, {}, ["desktopContent", "mobileContent"], never, false, never>;
24
22
  }
package/components/dialog/dialog.component.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { EventEmitter } from "@angular/core";
2
+ import { NrclBase } from "../../directives/nrcl.base";
3
+ import * as i0 from "@angular/core";
4
+ export declare class DialogComponent extends NrclBase {
5
+ title: string;
6
+ isLoading: boolean;
7
+ showClose: boolean;
8
+ saveLabel: string;
9
+ saveEnabled: boolean;
10
+ cancelLabel: string;
11
+ cancelEnabled: boolean;
12
+ showWarning: boolean;
13
+ showActions: boolean;
14
+ saveClick: EventEmitter<void>;
15
+ cancelClick: EventEmitter<void>;
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
17
+ static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "nrcl-dialog", never, { "title": { "alias": "title"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "saveLabel": { "alias": "saveLabel"; "required": false; }; "saveEnabled": { "alias": "saveEnabled"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "cancelEnabled": { "alias": "cancelEnabled"; "required": false; }; "showWarning": { "alias": "showWarning"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; }, { "saveClick": "saveClick"; "cancelClick": "cancelClick"; }, never, ["section[title]", "*", "section[footer]", "section[actions]"], false, never>;
18
+ }
package/components/dialog-confirm/dialog-confirm.component.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import { TemplateRef } from "@angular/core";
2
+ import { DialogBase } from "../../directives/dialog.base";
3
+ import * as i0 from "@angular/core";
4
+ export type DialogConfirmConfig = {
5
+ title: any;
6
+ saveLabel?: any;
7
+ cancelLabel?: any;
8
+ template: TemplateRef<any>;
9
+ context?: any;
10
+ };
11
+ export declare class DialogConfirmComponent extends DialogBase<DialogConfirmConfig> {
12
+ title: any;
13
+ saveLabel: any;
14
+ cancelLabel: any;
15
+ static ɵfac: i0.ɵɵFactoryDeclaration<DialogConfirmComponent, never>;
16
+ static ɵcmp: i0.ɵɵComponentDeclaration<DialogConfirmComponent, "nrcl-dialog-confirm", never, {}, {}, never, never, false, never>;
17
+ }
package/components/indicator/indicator.component.d.ts CHANGED
@@ -6,8 +6,10 @@ export declare class IndicatorComponent extends NrclBase implements AfterContent
6
6
  private _status;
7
7
  set status(v: string);
8
8
  get status(): string;
9
+ large: boolean;
9
10
  elementRef: ElementRef<any>;
10
11
  ngAfterContentChecked(): void;
11
12
  static ɵfac: i0.ɵɵFactoryDeclaration<IndicatorComponent, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<IndicatorComponent, "nrcl-indicator", never, { "status": { "alias": "status"; "required": false; }; }, {}, never, ["*"], false, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<IndicatorComponent, "nrcl-indicator", never, { "status": { "alias": "status"; "required": false; }; "large": { "alias": "large"; "required": false; }; }, {}, never, ["*"], false, never>;
14
+ static ngAcceptInputType_large: unknown;
13
15
  }
package/components/page-header/page-header.component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import { NrclBase } from "../../directives/nrcl.base";
1
+ import { ConfigurationSubscriberBase } from "../../directives/configuration-subscriber.base";
2
2
  import * as i0 from "@angular/core";
3
- export declare class PageHeaderComponent extends NrclBase {
3
+ export declare class PageHeaderComponent extends ConfigurationSubscriberBase {
4
4
  isLoading: boolean;
5
5
  static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "nrcl-page-header", never, { "isLoading": { "alias": "isLoading"; "required": false; }; }, {}, never, ["[left-side],h1,h2", "[right-side]", "*"], false, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "nrcl-page-header", never, { "isLoading": { "alias": "isLoading"; "required": false; }; }, {}, never, ["h1", "h2", "nrcl-indicator,[indicator]", "[left-side]", "[action]", "[right-side]", "*"], false, never>;
7
7
  }
package/directives/configuration-subscriber.base.d.ts CHANGED
@@ -10,6 +10,8 @@ export declare class ConfigurationSubscriberBase extends NrclBase implements OnI
10
10
  ngOnInit(): void;
11
11
  ngOnDestroy(): void;
12
12
  onConfigurationChange(): void;
13
+ get desktopVisible(): boolean;
14
+ get mobileVisible(): boolean;
13
15
  static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationSubscriberBase, never>;
14
16
  static ɵdir: i0.ɵɵDirectiveDeclaration<ConfigurationSubscriberBase, never, never, {}, {}, never, never, false, never>;
15
17
  }
package/directives/{edit-dialog.base.d.ts → dialog.base.d.ts} RENAMED
@@ -1,25 +1,26 @@
1
1
  import { ChangeDetectorRef } from "@angular/core";
2
2
  import { MatDialogRef } from "@angular/material/dialog";
3
+ import { NrclBase } from "./nrcl.base";
3
4
  import * as i0 from "@angular/core";
4
- export type EditDialogBaseResult<R> = R | 'cancel';
5
- export declare class EditDialogBase<CONFIG, RESULT = any> {
5
+ export type DialogBaseResult<R> = R | 'cancel';
6
+ export declare class DialogBase<CONFIG, RESULT = any> extends NrclBase {
6
7
  dialogRef: MatDialogRef<any, any>;
7
8
  changeDetectorRef: ChangeDetectorRef;
8
- title: string;
9
+ private _isLoading;
10
+ get isLoading(): boolean;
11
+ set isLoading(v: boolean);
9
12
  saveLabel: string;
10
13
  private _saveEnabled;
11
14
  get saveEnabled(): boolean;
12
15
  set saveEnabled(v: boolean);
13
16
  cancelLabel: string;
14
- private _isLoading;
15
- get isLoading(): boolean;
16
- set isLoading(v: boolean);
17
- result: RESULT;
18
- data: CONFIG;
17
+ private _cancelEnabled;
18
+ get cancelEnabled(): boolean;
19
+ set cancelEnabled(v: boolean);
20
+ config: CONFIG;
21
+ getResult(): RESULT;
19
22
  onSaveClick(): void;
20
23
  onCancelClick(): void;
21
- ok(): void;
22
- cancel(): void;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<EditDialogBase<any, any>, never>;
24
- static ɵdir: i0.ɵɵDirectiveDeclaration<EditDialogBase<any, any>, never, never, {}, {}, never, never, false, never>;
24
+ static ɵfac: i0.ɵɵFactoryDeclaration<DialogBase<any, any>, never>;
25
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DialogBase<any, any>, never, never, {}, {}, never, never, false, never>;
25
26
  }
package/esm2022/components/button/button.component.mjs CHANGED
@@ -80,7 +80,7 @@ export class ButtonComponent extends ConfigurationSubscriberBase {
80
80
  this.useContent = !this.hasLabel && !this.hasIconLeft && !this.hasIconRight && !this.hasIconCompact;
81
81
  }
82
82
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
83
- 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", small: "small", primary: ["primary", "primary", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], tertiary: ["tertiary", "tertiary", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], anchor: "anchor" }, outputs: { click: "click" }, host: { properties: { "class.disabled": "disabled", "class.primary": "isPrimary", "class.secondary": "isSecondary", "class.tertiary": "isTertiary", "class.anchor": "isAnchor", "class.normal": "!isCompact && !isSmall", "class.compact": "isCompact", "class.small": "isSmall && !isCompact", "class.label": "hasLabel", "class.icon-left": "hasIconLeft", "class.icon-right": "hasIconRight", "class.icon-compact": "hasIconCompact", "class.icon-small": "isIconSmall" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ( !isAnchor ) {\n <button\n matRipple\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 class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n }\n\n @if ( hasIconRight ) {\n <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n }\n\n @if ( hasIconCompact ) {\n <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n }\n\n @if ( hasLabel ) {\n <span class=\"label\">{{ label }}</span>\n }\n }\n </button>\n}\n@else {\n <a [attr.href]=\"href\" [attr.target]=\"href && target\">\n @if ( hasIconLeft ) {\n <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n }\n\n @if ( hasIconRight ) {\n <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n }\n\n @if ( hasIconCompact ) {\n <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n }\n\n @if ( hasLabel ) {\n <span class=\"label\">{{ label }}</span>\n }\n </a>\n}", styles: ["::ng-deep :root{--nrcl-button-normal-height: 36px;--nrcl-button-normal-padding-horizontal: 16px;--nrcl-button-normal-icon-padding-horizontal: 36px;--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-icon-padding-horizontal: 24px;--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;--nrcl-button-anchor-foreground-color: #027DB4;--nrcl-button-anchor-background-color: transparent;--nrcl-button-anchor-border-color: transparent;--nrcl-button-anchor-hover-foreground-color: #F59A23;--nrcl-button-anchor-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-anchor-disabled-foreground-color: #7E7E7E;--nrcl-button-anchor-disabled-background-color: transparent;--nrcl-button-anchor-disabled-border-color: transparent;--nrcl-button-anchor-disabled-hover-background-color: transparent}:host{--nrcl-button-height: 50px;--nrcl-icon-padding: 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,:host a{display:inline-flex;align-items:center;position:relative;height:var(--nrcl-button-height);min-width:var(--nrcl-button-height);width:var(--nrcl-button-width);cursor:pointer;-webkit-user-select:none;user-select:none;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,:host a:hover{background-color:var(--nrcl-button-hover-background-color)}:host button .label,:host button .content,:host a .label,:host a .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-button-font-size);white-space:nowrap;font-weight:500}:host button .content,:host a .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 );--nrcl-icon-padding: var( --nrcl-button-normal-icon-padding-horizontal )}:host.small{--nrcl-button-height: var( --nrcl-button-small-height );--nrcl-button-font-size: var( --nrcl-button-small-font-size )}:host.icon-small{--nrcl-button-padding-left: var( --nrcl-button-small-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-small-padding-horizontal );--nrcl-button-icon-size: var( --nrcl-button-small-icon-size );--nrcl-icon-padding: var( --nrcl-button-small-icon-padding-horizontal )}: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,:host.label a{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right)}:host.icon-left button,:host.icon-left a{--nrcl-button-padding-left: var( --nrcl-icon-padding )}:host.icon-left button .content,:host.icon-left a .content{padding-left:0}:host.icon-left button ::ng-deep .mat-icon.left,:host.icon-left button ::ng-deep nrcl-icon.left,:host.icon-left a ::ng-deep .mat-icon.left,:host.icon-left a ::ng-deep nrcl-icon.left{position:absolute;left:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.icon-right button,:host.icon-right a{--nrcl-button-padding-right: var( --nrcl-icon-padding )}:host.icon-right button .content,:host.icon-right a .content{padding-right:0}:host.icon-right button ::ng-deep .mat-icon.right,:host.icon-right button ::ng-deep nrcl-icon.right,:host.icon-right a ::ng-deep .mat-icon.right,:host.icon-right a ::ng-deep nrcl-icon.right{position:absolute;right:calc((var(--nrcl-icon-padding) - 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 )}:host.anchor{--nrcl-button-foreground-color: var( --nrcl-button-anchor-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-hover-background-color )}:host.anchor a:hover{color:var(--nrcl-button-anchor-hover-foreground-color)}:host.anchor a .label,:host.anchor a .content{text-decoration:underline}:host.anchor.disabled{--nrcl-button-foreground-color: var( --nrcl-button-anchor-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-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"] }] }); }
83
+ 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", small: "small", primary: ["primary", "primary", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], tertiary: ["tertiary", "tertiary", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], anchor: "anchor" }, outputs: { click: "click" }, host: { properties: { "class.disabled": "disabled", "class.primary": "isPrimary", "class.secondary": "isSecondary", "class.tertiary": "isTertiary", "class.anchor": "isAnchor", "class.normal": "!isCompact && !isSmall", "class.compact": "isCompact", "class.small": "isSmall && !isCompact", "class.label": "hasLabel", "class.icon-left": "hasIconLeft", "class.icon-right": "hasIconRight", "class.icon-compact": "hasIconCompact", "class.icon-small": "isIconSmall" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ( !isAnchor ) {\n <button\n matRipple\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 class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n }\n\n @if ( hasIconRight ) {\n <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n }\n\n @if ( hasIconCompact ) {\n <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n }\n\n @if ( hasLabel ) {\n <span class=\"label\">{{ label }}</span>\n }\n }\n </button>\n}\n@else {\n <a [attr.href]=\"href\" [attr.target]=\"href && target\">\n @if ( hasIconLeft ) {\n <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n }\n\n @if ( hasIconRight ) {\n <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n }\n\n @if ( hasIconCompact ) {\n <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n }\n\n @if ( hasLabel ) {\n <span class=\"label\">{{ label }}</span>\n }\n </a>\n}", styles: ["::ng-deep :root{--nrcl-button-normal-height: 36px;--nrcl-button-normal-padding-horizontal: 16px;--nrcl-button-normal-icon-padding-horizontal: 36px;--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-icon-padding-horizontal: 24px;--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;--nrcl-button-anchor-foreground-color: #027DB4;--nrcl-button-anchor-background-color: transparent;--nrcl-button-anchor-border-color: transparent;--nrcl-button-anchor-hover-foreground-color: #F59A23;--nrcl-button-anchor-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-anchor-disabled-foreground-color: #7E7E7E;--nrcl-button-anchor-disabled-background-color: transparent;--nrcl-button-anchor-disabled-border-color: transparent;--nrcl-button-anchor-disabled-hover-background-color: transparent}:host{--nrcl-button-height: 50px;--nrcl-icon-padding: 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,:host a{display:inline-flex;align-items:center;position:relative;height:var(--nrcl-button-height);min-width:var(--nrcl-button-height);width:var(--nrcl-button-width);cursor:pointer;-webkit-user-select:none;user-select:none;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,:host a:hover{background-color:var(--nrcl-button-hover-background-color)}:host button .label,:host button .content,:host a .label,:host a .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-button-font-size);white-space:nowrap;font-weight:500}:host button .content,:host a .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 );--nrcl-icon-padding: var( --nrcl-button-normal-icon-padding-horizontal )}:host.small{--nrcl-button-height: var( --nrcl-button-small-height );--nrcl-button-font-size: var( --nrcl-button-small-font-size )}:host.icon-small{--nrcl-button-padding-left: var( --nrcl-button-small-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-small-padding-horizontal );--nrcl-button-icon-size: var( --nrcl-button-small-icon-size );--nrcl-icon-padding: var( --nrcl-button-small-icon-padding-horizontal )}: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,:host.label a{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right)}:host.icon-left button,:host.icon-left a{--nrcl-button-padding-left: var( --nrcl-icon-padding )}:host.icon-left button .content,:host.icon-left a .content{padding-left:0}:host.icon-left button ::ng-deep .mat-icon.left,:host.icon-left button ::ng-deep nrcl-icon.left,:host.icon-left a ::ng-deep .mat-icon.left,:host.icon-left a ::ng-deep nrcl-icon.left{position:absolute;left:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.icon-right button,:host.icon-right a{--nrcl-button-padding-right: var( --nrcl-icon-padding )}:host.icon-right button .content,:host.icon-right a .content{padding-right:0}:host.icon-right button ::ng-deep .mat-icon.right,:host.icon-right button ::ng-deep nrcl-icon.right,:host.icon-right a ::ng-deep .mat-icon.right,:host.icon-right a ::ng-deep nrcl-icon.right{position:absolute;right:calc((var(--nrcl-icon-padding) - 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 )}:host.anchor{--nrcl-button-foreground-color: var( --nrcl-button-anchor-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-hover-background-color );--nrcl-button-padding-left: 0;--nrcl-button-padding-right: 0;--nrcl-button-normal-height: 20px;--nrcl-button-normal-padding-horizontal: 0;--nrcl-button-normal-icon-padding-horizontal: 0}:host.anchor a:hover{color:var(--nrcl-button-anchor-hover-foreground-color)}:host.anchor a .label,:host.anchor a .content{text-decoration:underline}:host.anchor.disabled{--nrcl-button-foreground-color: var( --nrcl-button-anchor-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-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"] }] }); }
84
84
  }
85
85
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
86
86
  type: Component,
@@ -98,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
98
98
  '[class.icon-right]': 'hasIconRight',
99
99
  '[class.icon-compact]': 'hasIconCompact',
100
100
  '[class.icon-small]': 'isIconSmall',
101
- }, template: "@if ( !isAnchor ) {\n <button\n matRipple\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 class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n }\n\n @if ( hasIconRight ) {\n <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n }\n\n @if ( hasIconCompact ) {\n <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n }\n\n @if ( hasLabel ) {\n <span class=\"label\">{{ label }}</span>\n }\n }\n </button>\n}\n@else {\n <a [attr.href]=\"href\" [attr.target]=\"href && target\">\n @if ( hasIconLeft ) {\n <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n }\n\n @if ( hasIconRight ) {\n <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n }\n\n @if ( hasIconCompact ) {\n <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n }\n\n @if ( hasLabel ) {\n <span class=\"label\">{{ label }}</span>\n }\n </a>\n}", styles: ["::ng-deep :root{--nrcl-button-normal-height: 36px;--nrcl-button-normal-padding-horizontal: 16px;--nrcl-button-normal-icon-padding-horizontal: 36px;--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-icon-padding-horizontal: 24px;--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;--nrcl-button-anchor-foreground-color: #027DB4;--nrcl-button-anchor-background-color: transparent;--nrcl-button-anchor-border-color: transparent;--nrcl-button-anchor-hover-foreground-color: #F59A23;--nrcl-button-anchor-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-anchor-disabled-foreground-color: #7E7E7E;--nrcl-button-anchor-disabled-background-color: transparent;--nrcl-button-anchor-disabled-border-color: transparent;--nrcl-button-anchor-disabled-hover-background-color: transparent}:host{--nrcl-button-height: 50px;--nrcl-icon-padding: 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,:host a{display:inline-flex;align-items:center;position:relative;height:var(--nrcl-button-height);min-width:var(--nrcl-button-height);width:var(--nrcl-button-width);cursor:pointer;-webkit-user-select:none;user-select:none;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,:host a:hover{background-color:var(--nrcl-button-hover-background-color)}:host button .label,:host button .content,:host a .label,:host a .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-button-font-size);white-space:nowrap;font-weight:500}:host button .content,:host a .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 );--nrcl-icon-padding: var( --nrcl-button-normal-icon-padding-horizontal )}:host.small{--nrcl-button-height: var( --nrcl-button-small-height );--nrcl-button-font-size: var( --nrcl-button-small-font-size )}:host.icon-small{--nrcl-button-padding-left: var( --nrcl-button-small-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-small-padding-horizontal );--nrcl-button-icon-size: var( --nrcl-button-small-icon-size );--nrcl-icon-padding: var( --nrcl-button-small-icon-padding-horizontal )}: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,:host.label a{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right)}:host.icon-left button,:host.icon-left a{--nrcl-button-padding-left: var( --nrcl-icon-padding )}:host.icon-left button .content,:host.icon-left a .content{padding-left:0}:host.icon-left button ::ng-deep .mat-icon.left,:host.icon-left button ::ng-deep nrcl-icon.left,:host.icon-left a ::ng-deep .mat-icon.left,:host.icon-left a ::ng-deep nrcl-icon.left{position:absolute;left:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.icon-right button,:host.icon-right a{--nrcl-button-padding-right: var( --nrcl-icon-padding )}:host.icon-right button .content,:host.icon-right a .content{padding-right:0}:host.icon-right button ::ng-deep .mat-icon.right,:host.icon-right button ::ng-deep nrcl-icon.right,:host.icon-right a ::ng-deep .mat-icon.right,:host.icon-right a ::ng-deep nrcl-icon.right{position:absolute;right:calc((var(--nrcl-icon-padding) - 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 )}:host.anchor{--nrcl-button-foreground-color: var( --nrcl-button-anchor-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-hover-background-color )}:host.anchor a:hover{color:var(--nrcl-button-anchor-hover-foreground-color)}:host.anchor a .label,:host.anchor a .content{text-decoration:underline}:host.anchor.disabled{--nrcl-button-foreground-color: var( --nrcl-button-anchor-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-disabled-hover-background-color )}\n"] }]
101
+ }, template: "@if ( !isAnchor ) {\n <button\n matRipple\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 class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n }\n\n @if ( hasIconRight ) {\n <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n }\n\n @if ( hasIconCompact ) {\n <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n }\n\n @if ( hasLabel ) {\n <span class=\"label\">{{ label }}</span>\n }\n }\n </button>\n}\n@else {\n <a [attr.href]=\"href\" [attr.target]=\"href && target\">\n @if ( hasIconLeft ) {\n <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n }\n\n @if ( hasIconRight ) {\n <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n }\n\n @if ( hasIconCompact ) {\n <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n }\n\n @if ( hasLabel ) {\n <span class=\"label\">{{ label }}</span>\n }\n </a>\n}", styles: ["::ng-deep :root{--nrcl-button-normal-height: 36px;--nrcl-button-normal-padding-horizontal: 16px;--nrcl-button-normal-icon-padding-horizontal: 36px;--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-icon-padding-horizontal: 24px;--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;--nrcl-button-anchor-foreground-color: #027DB4;--nrcl-button-anchor-background-color: transparent;--nrcl-button-anchor-border-color: transparent;--nrcl-button-anchor-hover-foreground-color: #F59A23;--nrcl-button-anchor-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-anchor-disabled-foreground-color: #7E7E7E;--nrcl-button-anchor-disabled-background-color: transparent;--nrcl-button-anchor-disabled-border-color: transparent;--nrcl-button-anchor-disabled-hover-background-color: transparent}:host{--nrcl-button-height: 50px;--nrcl-icon-padding: 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,:host a{display:inline-flex;align-items:center;position:relative;height:var(--nrcl-button-height);min-width:var(--nrcl-button-height);width:var(--nrcl-button-width);cursor:pointer;-webkit-user-select:none;user-select:none;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,:host a:hover{background-color:var(--nrcl-button-hover-background-color)}:host button .label,:host button .content,:host a .label,:host a .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-button-font-size);white-space:nowrap;font-weight:500}:host button .content,:host a .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 );--nrcl-icon-padding: var( --nrcl-button-normal-icon-padding-horizontal )}:host.small{--nrcl-button-height: var( --nrcl-button-small-height );--nrcl-button-font-size: var( --nrcl-button-small-font-size )}:host.icon-small{--nrcl-button-padding-left: var( --nrcl-button-small-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-small-padding-horizontal );--nrcl-button-icon-size: var( --nrcl-button-small-icon-size );--nrcl-icon-padding: var( --nrcl-button-small-icon-padding-horizontal )}: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,:host.label a{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right)}:host.icon-left button,:host.icon-left a{--nrcl-button-padding-left: var( --nrcl-icon-padding )}:host.icon-left button .content,:host.icon-left a .content{padding-left:0}:host.icon-left button ::ng-deep .mat-icon.left,:host.icon-left button ::ng-deep nrcl-icon.left,:host.icon-left a ::ng-deep .mat-icon.left,:host.icon-left a ::ng-deep nrcl-icon.left{position:absolute;left:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.icon-right button,:host.icon-right a{--nrcl-button-padding-right: var( --nrcl-icon-padding )}:host.icon-right button .content,:host.icon-right a .content{padding-right:0}:host.icon-right button ::ng-deep .mat-icon.right,:host.icon-right button ::ng-deep nrcl-icon.right,:host.icon-right a ::ng-deep .mat-icon.right,:host.icon-right a ::ng-deep nrcl-icon.right{position:absolute;right:calc((var(--nrcl-icon-padding) - 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 )}:host.anchor{--nrcl-button-foreground-color: var( --nrcl-button-anchor-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-hover-background-color );--nrcl-button-padding-left: 0;--nrcl-button-padding-right: 0;--nrcl-button-normal-height: 20px;--nrcl-button-normal-padding-horizontal: 0;--nrcl-button-normal-icon-padding-horizontal: 0}:host.anchor a:hover{color:var(--nrcl-button-anchor-hover-foreground-color)}:host.anchor a .label,:host.anchor a .content{text-decoration:underline}:host.anchor.disabled{--nrcl-button-foreground-color: var( --nrcl-button-anchor-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-disabled-hover-background-color )}\n"] }]
102
102
  }], propDecorators: { label: [{
103
103
  type: Input
104
104
  }], icon: [{
package/esm2022/components/device-view/device-view.component.mjs CHANGED
@@ -33,8 +33,6 @@ export class DeviceViewComponent extends ConfigurationSubscriberBase {
33
33
  super(...arguments);
34
34
  this.changeDetectorRef = inject(ChangeDetectorRef);
35
35
  }
36
- get desktopVisible() { return this.configuration.displayMode == 'desktop'; }
37
- get mobileVisible() { return this.configuration.displayMode == 'mobile'; }
38
36
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DeviceViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
39
37
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DeviceViewComponent, selector: "nrcl-device-view", queries: [{ propertyName: "desktopContent", first: true, predicate: DesktopViewDirective, descendants: true }, { propertyName: "mobileContent", first: true, predicate: MobileViewDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
40
38
  @if ( mobileVisible && mobileContent ) {
@@ -44,7 +42,7 @@ export class DeviceViewComponent extends ConfigurationSubscriberBase {
44
42
  @if ( desktopVisible && desktopContent ) {
45
43
  <ng-container [ngTemplateOutlet]="desktopContent.templateRef"></ng-container>
46
44
  }
47
- `, isInline: true, styles: [":host:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
45
+ `, isInline: true, styles: [":host{display:contents}:host:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
48
46
  }
49
47
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DeviceViewComponent, decorators: [{
50
48
  type: Component,
@@ -56,7 +54,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
56
54
  @if ( desktopVisible && desktopContent ) {
57
55
  <ng-container [ngTemplateOutlet]="desktopContent.templateRef"></ng-container>
58
56
  }
59
- `, styles: [":host:empty{display:none}\n"] }]
57
+ `, styles: [":host{display:contents}:host:empty{display:none}\n"] }]
60
58
  }], propDecorators: { desktopContent: [{
61
59
  type: ContentChild,
62
60
  args: [DesktopViewDirective]
@@ -64,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
64
62
  type: ContentChild,
65
63
  args: [MobileViewDirective]
66
64
  }] } });
67
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2aWNlLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZGV2aWNlLXZpZXcvZGV2aWNlLXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBZ0IsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQ3pILE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDOzs7QUFLN0YsTUFBTSxPQUFPLG9CQUFvQjtJQUM3QixZQUNXLFdBQWlDO1FBQWpDLGdCQUFXLEdBQVgsV0FBVyxDQUFzQjtJQUN6QyxDQUFDOytHQUhLLG9CQUFvQjttR0FBcEIsb0JBQW9COzs0RkFBcEIsb0JBQW9CO2tCQUhoQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxnQkFBZ0I7aUJBQzdCOztBQVdELE1BQU0sT0FBTyxtQkFBbUI7SUFDNUIsWUFDVyxXQUFpQztRQUFqQyxnQkFBVyxHQUFYLFdBQVcsQ0FBc0I7SUFDekMsQ0FBQzsrR0FISyxtQkFBbUI7bUdBQW5CLG1CQUFtQjs7NEZBQW5CLG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZUFBZTtpQkFDNUI7O0FBeUJELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSwyQkFBMkI7SUFqQnBFOztRQXFCSSxzQkFBaUIsR0FBRyxNQUFNLENBQUUsaUJBQWlCLENBQUUsQ0FBQTtLQUlsRDtJQUZHLElBQUksY0FBYyxLQUFLLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLElBQUksU0FBUyxDQUFBLENBQUMsQ0FBQztJQUMzRSxJQUFJLGFBQWEsS0FBSyxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxJQUFJLFFBQVEsQ0FBQSxDQUFDLENBQUM7K0dBUGhFLG1CQUFtQjttR0FBbkIsbUJBQW1CLG9HQUNiLG9CQUFvQixnRkFDcEIsbUJBQW1CLHVFQWpCeEI7Ozs7Ozs7O0tBUVQ7OzRGQU9RLG1CQUFtQjtrQkFqQi9CLFNBQVM7K0JBQ0ksa0JBQWtCLFlBQ2xCOzs7Ozs7OztLQVFUOzhCQVFxQyxjQUFjO3NCQUFuRCxZQUFZO3VCQUFFLG9CQUFvQjtnQkFDRSxhQUFhO3NCQUFqRCxZQUFZO3VCQUFFLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIGluamVjdCwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIH0gZnJvbSBcIi4uLy4uL2RpcmVjdGl2ZXMvY29uZmlndXJhdGlvbi1zdWJzY3JpYmVyLmJhc2VcIjtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6IFwiW2Rlc2t0b3Atdmlld11cIlxufSlcbmV4cG9ydCBjbGFzcyBEZXNrdG9wVmlld0RpcmVjdGl2ZSB7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8dW5rbm93bj5cbiAgICApIHt9XG59XG5cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6IFwiW21vYmlsZS12aWV3XVwiXG59KVxuZXhwb3J0IGNsYXNzIE1vYmlsZVZpZXdEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPHVua25vd24+XG4gICAgKSB7fVxufVxuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZGV2aWNlLXZpZXdcIixcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICBAaWYgKCBtb2JpbGVWaXNpYmxlICYmIG1vYmlsZUNvbnRlbnQgKSB7XG4gICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vYmlsZUNvbnRlbnQudGVtcGxhdGVSZWZcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAoIGRlc2t0b3BWaXNpYmxlICYmIGRlc2t0b3BDb250ZW50ICkge1xuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJkZXNrdG9wQ29udGVudC50ZW1wbGF0ZVJlZlwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICB9XG4gICAgYCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIDpob3N0OmVtcHR5IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICBgXVxufSlcbmV4cG9ydCBjbGFzcyBEZXZpY2VWaWV3Q29tcG9uZW50IGV4dGVuZHMgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIHtcbiAgICBAQ29udGVudENoaWxkKCBEZXNrdG9wVmlld0RpcmVjdGl2ZSApIGRlc2t0b3BDb250ZW50ITogRGVza3RvcFZpZXdEaXJlY3RpdmU7XG4gICAgQENvbnRlbnRDaGlsZCggTW9iaWxlVmlld0RpcmVjdGl2ZSApIG1vYmlsZUNvbnRlbnQhOiBNb2JpbGVWaWV3RGlyZWN0aXZlO1xuXG4gICAgY2hhbmdlRGV0ZWN0b3JSZWYgPSBpbmplY3QoIENoYW5nZURldGVjdG9yUmVmIClcblxuICAgIGdldCBkZXNrdG9wVmlzaWJsZSgpIHsgcmV0dXJuIHRoaXMuY29uZmlndXJhdGlvbi5kaXNwbGF5TW9kZSA9PSAnZGVza3RvcCcgfVxuICAgIGdldCBtb2JpbGVWaXNpYmxlKCkgeyByZXR1cm4gdGhpcy5jb25maWd1cmF0aW9uLmRpc3BsYXlNb2RlID09ICdtb2JpbGUnIH1cbn1cblxuIl19
65
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2aWNlLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZGV2aWNlLXZpZXcvZGV2aWNlLXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBZ0IsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQ3pILE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDOzs7QUFLN0YsTUFBTSxPQUFPLG9CQUFvQjtJQUM3QixZQUNXLFdBQWlDO1FBQWpDLGdCQUFXLEdBQVgsV0FBVyxDQUFzQjtJQUN6QyxDQUFDOytHQUhLLG9CQUFvQjttR0FBcEIsb0JBQW9COzs0RkFBcEIsb0JBQW9CO2tCQUhoQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxnQkFBZ0I7aUJBQzdCOztBQVdELE1BQU0sT0FBTyxtQkFBbUI7SUFDNUIsWUFDVyxXQUFpQztRQUFqQyxnQkFBVyxHQUFYLFdBQVcsQ0FBc0I7SUFDekMsQ0FBQzsrR0FISyxtQkFBbUI7bUdBQW5CLG1CQUFtQjs7NEZBQW5CLG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZUFBZTtpQkFDNUI7O0FBNkJELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSwyQkFBMkI7SUFyQnBFOztRQXlCSSxzQkFBaUIsR0FBRyxNQUFNLENBQUUsaUJBQWlCLENBQUUsQ0FBQTtLQUNsRDsrR0FMWSxtQkFBbUI7bUdBQW5CLG1CQUFtQixvR0FDYixvQkFBb0IsZ0ZBQ3BCLG1CQUFtQix1RUFyQnhCOzs7Ozs7OztLQVFUOzs0RkFXUSxtQkFBbUI7a0JBckIvQixTQUFTOytCQUNJLGtCQUFrQixZQUNsQjs7Ozs7Ozs7S0FRVDs4QkFZcUMsY0FBYztzQkFBbkQsWUFBWTt1QkFBRSxvQkFBb0I7Z0JBQ0UsYUFBYTtzQkFBakQsWUFBWTt1QkFBRSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBpbmplY3QsIFRlbXBsYXRlUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbmZpZ3VyYXRpb25TdWJzY3JpYmVyQmFzZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL2NvbmZpZ3VyYXRpb24tc3Vic2NyaWJlci5iYXNlXCI7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiBcIltkZXNrdG9wLXZpZXddXCJcbn0pXG5leHBvcnQgY2xhc3MgRGVza3RvcFZpZXdEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPHVua25vd24+XG4gICAgKSB7fVxufVxuXG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiBcIlttb2JpbGUtdmlld11cIlxufSlcbmV4cG9ydCBjbGFzcyBNb2JpbGVWaWV3RGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHVibGljIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjx1bmtub3duPlxuICAgICkge31cbn1cblxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJucmNsLWRldmljZS12aWV3XCIsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgQGlmICggbW9iaWxlVmlzaWJsZSAmJiBtb2JpbGVDb250ZW50ICkge1xuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJtb2JpbGVDb250ZW50LnRlbXBsYXRlUmVmXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIH1cblxuICAgICAgICBAaWYgKCBkZXNrdG9wVmlzaWJsZSAmJiBkZXNrdG9wQ29udGVudCApIHtcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiZGVza3RvcENvbnRlbnQudGVtcGxhdGVSZWZcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgfVxuICAgIGAsXG4gICAgc3R5bGVzOiBbYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgICBkaXNwbGF5OiBjb250ZW50cztcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0OmVtcHR5IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICBgXVxufSlcbmV4cG9ydCBjbGFzcyBEZXZpY2VWaWV3Q29tcG9uZW50IGV4dGVuZHMgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIHtcbiAgICBAQ29udGVudENoaWxkKCBEZXNrdG9wVmlld0RpcmVjdGl2ZSApIGRlc2t0b3BDb250ZW50ITogRGVza3RvcFZpZXdEaXJlY3RpdmU7XG4gICAgQENvbnRlbnRDaGlsZCggTW9iaWxlVmlld0RpcmVjdGl2ZSApIG1vYmlsZUNvbnRlbnQhOiBNb2JpbGVWaWV3RGlyZWN0aXZlO1xuXG4gICAgY2hhbmdlRGV0ZWN0b3JSZWYgPSBpbmplY3QoIENoYW5nZURldGVjdG9yUmVmIClcbn1cblxuIl19
package/esm2022/components/dialog/dialog.component.mjs ADDED
@@ -0,0 +1,51 @@
1
+ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
2
+ import { NrclBase } from "../../directives/nrcl.base";
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@angular/material/progress-spinner";
5
+ import * as i2 from "@angular/material/dialog";
6
+ import * as i3 from "../button/button.component";
7
+ import * as i4 from "../icon/icon.component";
8
+ export class DialogComponent extends NrclBase {
9
+ constructor() {
10
+ super(...arguments);
11
+ this.isLoading = false;
12
+ this.showClose = false;
13
+ this.saveLabel = 'Save';
14
+ this.saveEnabled = false;
15
+ this.cancelLabel = 'Cancel';
16
+ this.cancelEnabled = true;
17
+ this.showWarning = true;
18
+ this.showActions = true;
19
+ this.saveClick = new EventEmitter();
20
+ this.cancelClick = new EventEmitter();
21
+ }
22
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
23
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DialogComponent, selector: "nrcl-dialog", inputs: { title: "title", isLoading: "isLoading", showClose: "showClose", saveLabel: "saveLabel", saveEnabled: "saveEnabled", cancelLabel: "cancelLabel", cancelEnabled: "cancelEnabled", showWarning: "showWarning", showActions: "showActions" }, outputs: { saveClick: "saveClick", cancelClick: "cancelClick" }, usesInheritance: true, ngImport: i0, template: "<div mat-dialog-title >\n <div class=\"title-bar\">\n <h1>{{ title }}</h1>\n\n <div style=\"flex: 1 0\"></div>\n\n @if ( isLoading ) {\n <div class=\"spinner-header\">\n <mat-spinner [diameter]=\"25\"></mat-spinner>\n </div>\n }\n\n @if ( showClose ) {\n <nrcl-button tertiary class=\"close\"\n icon=\"close\"\n (click)=\"cancelClick.emit()\"\n ></nrcl-button> \n }\n </div>\n\n <ng-content select=\"section[title]\"></ng-content>\n</div>\n\n<div mat-dialog-content>\n <div class=\"content-wrapper\">\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-content select=\"section[footer]\"></ng-content>\n\n@if ( showActions ) {\n <div mat-dialog-actions align=\"end\">\n <ng-content select=\"section[actions]\"></ng-content>\n\n <div class=\"action-button-wrapper\"> \n @if ( saveEnabled && showWarning ) {\n <div class=\"warning\">\n <nrcl-icon attr.alt=\"Unsaved Changes\">warning</nrcl-icon>\n <span>Unsaved Changes</span>\n </div>\n } \n \n @if ( cancelEnabled != null ) {\n <nrcl-button \n [label]=\"cancelLabel\"\n (click)=\"cancelClick.emit()\"\n [disabled]=\"!cancelEnabled\"\n ></nrcl-button>\n }\n\n @if ( saveEnabled != null ) {\n <nrcl-button primary\n [label]=\"saveLabel\"\n (click)=\"saveClick.emit()\" \n [disabled]=\"!saveEnabled\"\n ></nrcl-button>\n }\n </div>\n </div>\n}\n", styles: [":host{display:contents}:host .title-bar{display:flex;align-items:center;background-color:#036;color:#fff;padding:var(--nrcl-gutter-space)}:host .title-bar h1{margin:0;padding:0;font-weight:400;font-family:var(--nrcl-font-family);font-size:var(--mdc-dialog-subhead-size, 1rem);display:flex;align-items:center}:host .title-bar .spinner-header{--mdc-circular-progress-active-indicator-color: white}:host .title-bar .close{display:flex;--nrcl-button-tertiary-foreground-color: white}:host ::ng-deep .mat-mdc-dialog-title{padding:0}:host ::ng-deep .mat-mdc-dialog-title:before{display:none}:host ::ng-deep .mat-mdc-dialog-content{margin:0;padding:0}:host ::ng-deep .mat-mdc-dialog-content .content-wrapper{padding-top:var(--nrcl-gutter-space);padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space);padding-bottom:0}:host ::ng-deep .mat-mdc-dialog-actions{margin:0;padding:0}:host ::ng-deep .mat-mdc-dialog-actions .footer{width:100%}:host ::ng-deep .mat-mdc-dialog-actions .action-button-wrapper{background-color:#f2f2f2;border-top:solid 1px #c6c8cb;padding:var(--nrcl-gutter-space);display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}:host ::ng-deep .mat-mdc-dialog-actions .action-button-wrapper .warning{display:flex;align-items:center}:host ::ng-deep .mat-mdc-dialog-actions .action-button-wrapper .warning .mat-icon{color:#fcba19;margin-right:8px}::ng-deep .cdk-overlay-pane.nrcl-dialog mat-dialog-container.mat-mdc-dialog-container{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);--mdc-dialog-supporting-text-color: rgba(0, 0, 0, .87)}::ng-deep .cdk-overlay-pane.nrcl-dialog mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size)}::ng-deep .nrcl-device-desktop .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface{overflow:hidden}::ng-deep .nrcl-device-desktop .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content.no-scroll{overflow-y:hidden}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog{width:unset!important;max-width:unset!important}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface{overflow:hidden}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .title-bar .spinner-header{top:10px;right:14px}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content{overflow-y:auto!important;max-height:calc(var(--vh, 1vh) * 100 - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 135px);width:calc(var(--vw, 1vw) * 100 - env(safe-area-inset-left) - env(safe-area-inset-right) - 2 * var(--nrcl-gutter-space))}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .mat-mdc-dialog-actions{width:calc(var(--vw, 1vw) * 100 - env(safe-area-inset-left) - env(safe-area-inset-right) - 2 * var(--nrcl-gutter-space))}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .max-content-width{width:calc(var(--vw, 1vw) * 100 - env(safe-area-inset-left) - env(safe-area-inset-right) - 2 * var(--nrcl-gutter-space))}\n"], dependencies: [{ kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "small", "primary", "secondary", "tertiary", "disabled", "anchor"], outputs: ["click"] }, { kind: "component", type: i4.IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
24
+ }
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogComponent, decorators: [{
26
+ type: Component,
27
+ args: [{ selector: 'nrcl-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div mat-dialog-title >\n <div class=\"title-bar\">\n <h1>{{ title }}</h1>\n\n <div style=\"flex: 1 0\"></div>\n\n @if ( isLoading ) {\n <div class=\"spinner-header\">\n <mat-spinner [diameter]=\"25\"></mat-spinner>\n </div>\n }\n\n @if ( showClose ) {\n <nrcl-button tertiary class=\"close\"\n icon=\"close\"\n (click)=\"cancelClick.emit()\"\n ></nrcl-button> \n }\n </div>\n\n <ng-content select=\"section[title]\"></ng-content>\n</div>\n\n<div mat-dialog-content>\n <div class=\"content-wrapper\">\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-content select=\"section[footer]\"></ng-content>\n\n@if ( showActions ) {\n <div mat-dialog-actions align=\"end\">\n <ng-content select=\"section[actions]\"></ng-content>\n\n <div class=\"action-button-wrapper\"> \n @if ( saveEnabled && showWarning ) {\n <div class=\"warning\">\n <nrcl-icon attr.alt=\"Unsaved Changes\">warning</nrcl-icon>\n <span>Unsaved Changes</span>\n </div>\n } \n \n @if ( cancelEnabled != null ) {\n <nrcl-button \n [label]=\"cancelLabel\"\n (click)=\"cancelClick.emit()\"\n [disabled]=\"!cancelEnabled\"\n ></nrcl-button>\n }\n\n @if ( saveEnabled != null ) {\n <nrcl-button primary\n [label]=\"saveLabel\"\n (click)=\"saveClick.emit()\" \n [disabled]=\"!saveEnabled\"\n ></nrcl-button>\n }\n </div>\n </div>\n}\n", styles: [":host{display:contents}:host .title-bar{display:flex;align-items:center;background-color:#036;color:#fff;padding:var(--nrcl-gutter-space)}:host .title-bar h1{margin:0;padding:0;font-weight:400;font-family:var(--nrcl-font-family);font-size:var(--mdc-dialog-subhead-size, 1rem);display:flex;align-items:center}:host .title-bar .spinner-header{--mdc-circular-progress-active-indicator-color: white}:host .title-bar .close{display:flex;--nrcl-button-tertiary-foreground-color: white}:host ::ng-deep .mat-mdc-dialog-title{padding:0}:host ::ng-deep .mat-mdc-dialog-title:before{display:none}:host ::ng-deep .mat-mdc-dialog-content{margin:0;padding:0}:host ::ng-deep .mat-mdc-dialog-content .content-wrapper{padding-top:var(--nrcl-gutter-space);padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space);padding-bottom:0}:host ::ng-deep .mat-mdc-dialog-actions{margin:0;padding:0}:host ::ng-deep .mat-mdc-dialog-actions .footer{width:100%}:host ::ng-deep .mat-mdc-dialog-actions .action-button-wrapper{background-color:#f2f2f2;border-top:solid 1px #c6c8cb;padding:var(--nrcl-gutter-space);display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}:host ::ng-deep .mat-mdc-dialog-actions .action-button-wrapper .warning{display:flex;align-items:center}:host ::ng-deep .mat-mdc-dialog-actions .action-button-wrapper .warning .mat-icon{color:#fcba19;margin-right:8px}::ng-deep .cdk-overlay-pane.nrcl-dialog mat-dialog-container.mat-mdc-dialog-container{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);--mdc-dialog-supporting-text-color: rgba(0, 0, 0, .87)}::ng-deep .cdk-overlay-pane.nrcl-dialog mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size)}::ng-deep .nrcl-device-desktop .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface{overflow:hidden}::ng-deep .nrcl-device-desktop .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content.no-scroll{overflow-y:hidden}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog{width:unset!important;max-width:unset!important}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface{overflow:hidden}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .title-bar .spinner-header{top:10px;right:14px}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content{overflow-y:auto!important;max-height:calc(var(--vh, 1vh) * 100 - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 135px);width:calc(var(--vw, 1vw) * 100 - env(safe-area-inset-left) - env(safe-area-inset-right) - 2 * var(--nrcl-gutter-space))}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .mat-mdc-dialog-actions{width:calc(var(--vw, 1vw) * 100 - env(safe-area-inset-left) - env(safe-area-inset-right) - 2 * var(--nrcl-gutter-space))}::ng-deep .nrcl-device-mobile .cdk-overlay-pane.nrcl-dialog .mat-mdc-dialog-container .max-content-width{width:calc(var(--vw, 1vw) * 100 - env(safe-area-inset-left) - env(safe-area-inset-right) - 2 * var(--nrcl-gutter-space))}\n"] }]
28
+ }], propDecorators: { title: [{
29
+ type: Input
30
+ }], isLoading: [{
31
+ type: Input
32
+ }], showClose: [{
33
+ type: Input
34
+ }], saveLabel: [{
35
+ type: Input
36
+ }], saveEnabled: [{
37
+ type: Input
38
+ }], cancelLabel: [{
39
+ type: Input
40
+ }], cancelEnabled: [{
41
+ type: Input
42
+ }], showWarning: [{
43
+ type: Input
44
+ }], showActions: [{
45
+ type: Input
46
+ }], saveClick: [{
47
+ type: Output
48
+ }], cancelClick: [{
49
+ type: Output
50
+ }] } });
51
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0FBUXRELE1BQU0sT0FBTyxlQUFnQixTQUFRLFFBQVE7SUFON0M7O1FBUWEsY0FBUyxHQUFHLEtBQUssQ0FBQTtRQUNqQixjQUFTLEdBQUcsS0FBSyxDQUFBO1FBQ2pCLGNBQVMsR0FBRyxNQUFNLENBQUE7UUFDbEIsZ0JBQVcsR0FBRyxLQUFLLENBQUE7UUFDbkIsZ0JBQVcsR0FBRyxRQUFRLENBQUE7UUFDdEIsa0JBQWEsR0FBRyxJQUFJLENBQUE7UUFDcEIsZ0JBQVcsR0FBRyxJQUFJLENBQUE7UUFDbEIsZ0JBQVcsR0FBRyxJQUFJLENBQUE7UUFFakIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUE7UUFDcEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFBO0tBQ25EOytHQWJZLGVBQWU7bUdBQWYsZUFBZSwrWENUNUIsa3pEQTZEQTs7NEZEcERhLGVBQWU7a0JBTjNCLFNBQVM7K0JBQ0ksYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBOcmNsQmFzZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL25yY2wuYmFzZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25yY2wtZGlhbG9nJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vZGlhbG9nLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge1xuICAgIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaXNMb2FkaW5nID0gZmFsc2VcbiAgICBASW5wdXQoKSBzaG93Q2xvc2UgPSBmYWxzZVxuICAgIEBJbnB1dCgpIHNhdmVMYWJlbCA9ICdTYXZlJ1xuICAgIEBJbnB1dCgpIHNhdmVFbmFibGVkID0gZmFsc2VcbiAgICBASW5wdXQoKSBjYW5jZWxMYWJlbCA9ICdDYW5jZWwnXG4gICAgQElucHV0KCkgY2FuY2VsRW5hYmxlZCA9IHRydWVcbiAgICBASW5wdXQoKSBzaG93V2FybmluZyA9IHRydWVcbiAgICBASW5wdXQoKSBzaG93QWN0aW9ucyA9IHRydWVcblxuICAgIEBPdXRwdXQoKSBzYXZlQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KClcbiAgICBAT3V0cHV0KCkgY2FuY2VsQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KClcbn1cbiIsIjxkaXYgbWF0LWRpYWxvZy10aXRsZSA+XG4gICAgPGRpdiBjbGFzcz1cInRpdGxlLWJhclwiPlxuICAgICAgICA8aDE+e3sgdGl0bGUgfX08L2gxPlxuXG4gICAgICAgIDxkaXYgc3R5bGU9XCJmbGV4OiAxIDBcIj48L2Rpdj5cblxuICAgICAgICBAaWYgKCBpc0xvYWRpbmcgKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3Bpbm5lci1oZWFkZXJcIj5cbiAgICAgICAgICAgICAgICA8bWF0LXNwaW5uZXIgW2RpYW1ldGVyXT1cIjI1XCI+PC9tYXQtc3Bpbm5lcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgQGlmICggc2hvd0Nsb3NlICkge1xuICAgICAgICAgICAgPG5yY2wtYnV0dG9uIHRlcnRpYXJ5IGNsYXNzPVwiY2xvc2VcIlxuICAgICAgICAgICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNhbmNlbENsaWNrLmVtaXQoKVwiXG4gICAgICAgICAgICA+PC9ucmNsLWJ1dHRvbj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuICAgICAgICB9XG4gICAgPC9kaXY+XG5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJzZWN0aW9uW3RpdGxlXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48ZGl2IG1hdC1kaWFsb2ctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudC13cmFwcGVyXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG48bmctY29udGVudCBzZWxlY3Q9XCJzZWN0aW9uW2Zvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG5cbkBpZiAoIHNob3dBY3Rpb25zICkge1xuICAgIDxkaXYgbWF0LWRpYWxvZy1hY3Rpb25zIGFsaWduPVwiZW5kXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNlY3Rpb25bYWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFjdGlvbi1idXR0b24td3JhcHBlclwiPiAgICAgICAgXG4gICAgICAgICAgICBAaWYgKCBzYXZlRW5hYmxlZCAmJiBzaG93V2FybmluZyApIHtcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwid2FybmluZ1wiPlxuICAgICAgICAgICAgICAgICAgICA8bnJjbC1pY29uIGF0dHIuYWx0PVwiVW5zYXZlZCBDaGFuZ2VzXCI+d2FybmluZzwvbnJjbC1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj5VbnNhdmVkIENoYW5nZXM8L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9ICAgICAgICAgICAgXG4gICAgICAgICAgICBcbiAgICAgICAgICAgIEBpZiAoIGNhbmNlbEVuYWJsZWQgIT0gbnVsbCApIHtcbiAgICAgICAgICAgICAgICA8bnJjbC1idXR0b24gXG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJjYW5jZWxMYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjYW5jZWxDbGljay5lbWl0KClcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiIWNhbmNlbEVuYWJsZWRcIlxuICAgICAgICAgICAgICAgID48L25yY2wtYnV0dG9uPlxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAaWYgKCBzYXZlRW5hYmxlZCAhPSBudWxsICkge1xuICAgICAgICAgICAgICAgIDxucmNsLWJ1dHRvbiBwcmltYXJ5XG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJzYXZlTGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2F2ZUNsaWNrLmVtaXQoKVwiIFxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiIXNhdmVFbmFibGVkXCJcbiAgICAgICAgICAgICAgICA+PC9ucmNsLWJ1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG59XG4iXX0=
package/esm2022/components/dialog-confirm/dialog-confirm.component.mjs ADDED
@@ -0,0 +1,20 @@
1
+ import { ChangeDetectionStrategy, Component } from "@angular/core";
2
+ import { DialogBase } from "../../directives/dialog.base";
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@angular/common";
5
+ import * as i2 from "../dialog/dialog.component";
6
+ export class DialogConfirmComponent extends DialogBase {
7
+ constructor() {
8
+ super(...arguments);
9
+ this.title = this.config.title;
10
+ this.saveLabel = this.config.saveLabel || 'Confirm';
11
+ this.cancelLabel = this.config.cancelLabel || 'Cancel';
12
+ }
13
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
14
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DialogConfirmComponent, selector: "nrcl-dialog-confirm", usesInheritance: true, ngImport: i0, template: "<nrcl-dialog\n [title]=\"title\"\n [isLoading]=\"false\"\n [showClose]=\"true\"\n [saveLabel]=\"saveLabel\"\n [saveEnabled]=\"true\"\n [cancelLabel]=\"cancelLabel\"\n [cancelEnabled]=\"true\"\n [showWarning]=\"false\"\n [showActions]=\"true\"\n (saveClick)=\"onSaveClick()\"\n (cancelClick)=\"onCancelClick()\"\n>\n <ng-container \n [ngTemplateOutlet]=\"config.template\" \n [ngTemplateOutletContext]=\"{ $implicit: config.context }\">\n </ng-container>\n</nrcl-dialog>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DialogComponent, selector: "nrcl-dialog", inputs: ["title", "isLoading", "showClose", "saveLabel", "saveEnabled", "cancelLabel", "cancelEnabled", "showWarning", "showActions"], outputs: ["saveClick", "cancelClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
15
+ }
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogConfirmComponent, decorators: [{
17
+ type: Component,
18
+ args: [{ selector: 'nrcl-dialog-confirm', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nrcl-dialog\n [title]=\"title\"\n [isLoading]=\"false\"\n [showClose]=\"true\"\n [saveLabel]=\"saveLabel\"\n [saveEnabled]=\"true\"\n [cancelLabel]=\"cancelLabel\"\n [cancelEnabled]=\"true\"\n [showWarning]=\"false\"\n [showActions]=\"true\"\n (saveClick)=\"onSaveClick()\"\n (cancelClick)=\"onCancelClick()\"\n>\n <ng-container \n [ngTemplateOutlet]=\"config.template\" \n [ngTemplateOutletContext]=\"{ $implicit: config.context }\">\n </ng-container>\n</nrcl-dialog>\n" }]
19
+ }] });
20
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZGlhbG9nLWNvbmZpcm0vZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZGlhbG9nLWNvbmZpcm0vZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBb0QsTUFBTSxlQUFlLENBQUM7QUFDckgsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7O0FBZ0IxRCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsVUFBK0I7SUFOM0U7O1FBT0ksVUFBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFBO1FBQ3pCLGNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsSUFBSSxTQUFTLENBQUE7UUFDOUMsZ0JBQVcsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsSUFBSSxRQUFRLENBQUE7S0FDcEQ7K0dBSlksc0JBQXNCO21HQUF0QixzQkFBc0Isa0ZDakJuQyw4Z0JBa0JBOzs0RkREYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0kscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgRGlhbG9nQmFzZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL2RpYWxvZy5iYXNlXCI7XG5cbmV4cG9ydCB0eXBlIERpYWxvZ0NvbmZpcm1Db25maWcgPSB7XG4gICAgdGl0bGVcbiAgICBzYXZlTGFiZWw/XG4gICAgY2FuY2VsTGFiZWw/XG4gICAgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4sXG4gICAgY29udGV4dD86IGFueVxufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25yY2wtZGlhbG9nLWNvbmZpcm0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctY29uZmlybS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2RpYWxvZy1jb25maXJtLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29uZmlybUNvbXBvbmVudCBleHRlbmRzIERpYWxvZ0Jhc2U8RGlhbG9nQ29uZmlybUNvbmZpZz4ge1xuICAgIHRpdGxlID0gdGhpcy5jb25maWcudGl0bGVcbiAgICBzYXZlTGFiZWwgPSB0aGlzLmNvbmZpZy5zYXZlTGFiZWwgfHwgJ0NvbmZpcm0nXG4gICAgY2FuY2VsTGFiZWwgPSB0aGlzLmNvbmZpZy5jYW5jZWxMYWJlbCB8fCAnQ2FuY2VsJ1xufVxuIiwiPG5yY2wtZGlhbG9nXG4gICAgW3RpdGxlXT1cInRpdGxlXCJcbiAgICBbaXNMb2FkaW5nXT1cImZhbHNlXCJcbiAgICBbc2hvd0Nsb3NlXT1cInRydWVcIlxuICAgIFtzYXZlTGFiZWxdPVwic2F2ZUxhYmVsXCJcbiAgICBbc2F2ZUVuYWJsZWRdPVwidHJ1ZVwiXG4gICAgW2NhbmNlbExhYmVsXT1cImNhbmNlbExhYmVsXCJcbiAgICBbY2FuY2VsRW5hYmxlZF09XCJ0cnVlXCJcbiAgICBbc2hvd1dhcm5pbmddPVwiZmFsc2VcIlxuICAgIFtzaG93QWN0aW9uc109XCJ0cnVlXCJcbiAgICAoc2F2ZUNsaWNrKT1cIm9uU2F2ZUNsaWNrKClcIlxuICAgIChjYW5jZWxDbGljayk9XCJvbkNhbmNlbENsaWNrKClcIlxuPlxuICAgIDxuZy1jb250YWluZXIgXG4gICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNvbmZpZy50ZW1wbGF0ZVwiIFxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IGNvbmZpZy5jb250ZXh0IH1cIj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvbnJjbC1kaWFsb2c+XG4iXX0=
package/esm2022/components/form-layout/form-layout.component.mjs CHANGED
@@ -3,10 +3,10 @@ import { NrclBase } from "../../directives/nrcl.base";
3
3
  import * as i0 from "@angular/core";
4
4
  export class FormLayoutComponent extends NrclBase {
5
5
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormLayoutComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
6
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormLayoutComponent, selector: "nrcl-form-layout", usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [":host{display:grid;gap:var(--nrcl-gutter-space);grid-template-columns:repeat(var(--nrcl-form-layout-columns),1fr)}:host>::ng-deep [layoutwidth=\"2\"]{grid-column:span 2}:host>::ng-deep [layoutwidth=full]{grid-column:span var(--nrcl-form-layout-columns)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormLayoutComponent, selector: "nrcl-form-layout", usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ["::ng-deep :root{--nrcl-form-layout-columns: 3;--nrcl-device-desktop-form-layout-columns: 4;--nrcl-device-mobile-form-layout-columns: 2}:host{display:grid;column-gap:var(--nrcl-gutter-space);row-gap:0;grid-template-columns:repeat(var(--nrcl-form-layout-columns),1fr)}:host>::ng-deep [layoutwidth=\"2\"]{grid-column:span 2}:host>::ng-deep [layoutwidth=full]{grid-column:span var(--nrcl-form-layout-columns)}:host-context(.nrcl-device-desktop) :host{--nrcl-form-layout-columns: var( --nrcl-device-desktop-form-layout-columns )}:host-context(.nrcl-device-mobile) :host{--nrcl-form-layout-columns: var( --nrcl-device-mobile-form-layout-columns )}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
7
7
  }
8
8
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormLayoutComponent, decorators: [{
9
9
  type: Component,
10
- args: [{ selector: "nrcl-form-layout", template: "<ng-content></ng-content>", changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:grid;gap:var(--nrcl-gutter-space);grid-template-columns:repeat(var(--nrcl-form-layout-columns),1fr)}:host>::ng-deep [layoutwidth=\"2\"]{grid-column:span 2}:host>::ng-deep [layoutwidth=full]{grid-column:span var(--nrcl-form-layout-columns)}\n"] }]
10
+ args: [{ selector: "nrcl-form-layout", template: "<ng-content></ng-content>", changeDetection: ChangeDetectionStrategy.OnPush, styles: ["::ng-deep :root{--nrcl-form-layout-columns: 3;--nrcl-device-desktop-form-layout-columns: 4;--nrcl-device-mobile-form-layout-columns: 2}:host{display:grid;column-gap:var(--nrcl-gutter-space);row-gap:0;grid-template-columns:repeat(var(--nrcl-form-layout-columns),1fr)}:host>::ng-deep [layoutwidth=\"2\"]{grid-column:span 2}:host>::ng-deep [layoutwidth=full]{grid-column:span var(--nrcl-form-layout-columns)}:host-context(.nrcl-device-desktop) :host{--nrcl-form-layout-columns: var( --nrcl-device-desktop-form-layout-columns )}:host-context(.nrcl-device-mobile) :host{--nrcl-form-layout-columns: var( --nrcl-device-mobile-form-layout-columns )}\n"] }]
11
11
  }] });
12
12
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZm9ybS1sYXlvdXQvZm9ybS1sYXlvdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFRdEQsTUFBTSxPQUFPLG1CQUFvQixTQUFRLFFBQVE7K0dBQXBDLG1CQUFtQjttR0FBbkIsbUJBQW1CLCtFQUpsQiwyQkFBMkI7OzRGQUk1QixtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0ksa0JBQWtCLFlBQ2xCLDJCQUEyQixtQkFFcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50XG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBOcmNsQmFzZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL25yY2wuYmFzZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJucmNsLWZvcm0tbGF5b3V0XCIsXG4gICAgdGVtcGxhdGU6IFwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlwiLFxuICAgIHN0eWxlVXJsOiBcIi4vZm9ybS1sYXlvdXQuY29tcG9uZW50LnNjc3NcIixcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtTGF5b3V0Q29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge1xufVxuIl19
package/esm2022/components/indicator/indicator.component.mjs CHANGED
@@ -1,10 +1,11 @@
1
- import { Component, ElementRef, inject, Input } from '@angular/core';
1
+ import { booleanAttribute, Component, ElementRef, inject, Input } from '@angular/core';
2
2
  import { NrclBase } from '../../directives/nrcl.base';
3
3
  import * as i0 from "@angular/core";
4
4
  export class IndicatorComponent extends NrclBase {
5
5
  constructor() {
6
6
  super(...arguments);
7
7
  this._content = 'none';
8
+ this.large = false;
8
9
  this.elementRef = inject(ElementRef);
9
10
  }
10
11
  set status(v) {
@@ -20,14 +21,19 @@ export class IndicatorComponent extends NrclBase {
20
21
  this._content = t?.toLowerCase().trim().replace(/[^-a-z0-9]+/g, '-') || 'none';
21
22
  }
22
23
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IndicatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
23
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IndicatorComponent, selector: "nrcl-indicator", inputs: { status: "status" }, host: { properties: { "class": "'status-' + status" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content><div class="none"></div>', isInline: true, styles: ["::ng-deep :root{--nrcl-indicator-min-width: 80px;--nrcl-indicator-font-size: var( --nrcl-font-size-small );--nrcl-indicator-text-color: black;--nrcl-indicator-border-color: black;--nrcl-indicator-background-color: #f2f2f2}:host{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:var(--nrcl-indicator-min-width);font-family:var(--nrcl-font-family);font-size:var(--nrcl-indicator-font-size);line-height:var(--nrcl-indicator-font-size);font-weight:700;padding:4px;color:var(--nrcl-indicator-text-color);border:2px solid var(--nrcl-indicator-border-color);background-color:var(--nrcl-indicator-background-color);border-radius:6px}:host .none{display:none}:host .none:after{content:\"(None)\"}:host.status-none{--nrcl-indicator-text-color: #aaa;--nrcl-indicator-border-color: gray}:host.status-none .none{display:block}\n"] }); }
24
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IndicatorComponent, selector: "nrcl-indicator", inputs: { status: "status", large: ["large", "large", booleanAttribute] }, host: { properties: { "class": "'status-' + status", "class.normal": "!large", "class.large": "large" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content><div class="none"></div>', isInline: true, styles: ["::ng-deep :root{--nrcl-indicator-min-width: 80px;--nrcl-indicator-font-size: 20px;--nrcl-indicator-text-color: black;--nrcl-indicator-border-color: black;--nrcl-indicator-background-color: #f2f2f2;--nrcl-indicator-normal-font-size: var( --nrcl-font-size-small );--nrcl-indicator-large-font-size: var( --nrcl-font-size )}:host{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:var(--nrcl-indicator-min-width);font-family:var(--nrcl-font-family);font-size:var(--nrcl-indicator-font-size);line-height:var(--nrcl-indicator-font-size);font-weight:700;padding:4px;color:var(--nrcl-indicator-text-color);border:2px solid var(--nrcl-indicator-border-color);background-color:var(--nrcl-indicator-background-color);border-radius:6px}:host .none{display:none}:host .none:after{content:\"(None)\"}:host.status-none{--nrcl-indicator-text-color: #aaa;--nrcl-indicator-border-color: gray}:host.status-none .none{display:block}:host.normal{--nrcl-indicator-font-size: var( --nrcl-indicator-normal-font-size )}:host.large{--nrcl-indicator-font-size: var( --nrcl-indicator-large-font-size )}\n"] }); }
24
25
  }
25
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IndicatorComponent, decorators: [{
26
27
  type: Component,
27
28
  args: [{ selector: 'nrcl-indicator', template: '<ng-content></ng-content><div class="none"></div>', host: {
28
- '[class]': "'status-' + status"
29
- }, styles: ["::ng-deep :root{--nrcl-indicator-min-width: 80px;--nrcl-indicator-font-size: var( --nrcl-font-size-small );--nrcl-indicator-text-color: black;--nrcl-indicator-border-color: black;--nrcl-indicator-background-color: #f2f2f2}:host{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:var(--nrcl-indicator-min-width);font-family:var(--nrcl-font-family);font-size:var(--nrcl-indicator-font-size);line-height:var(--nrcl-indicator-font-size);font-weight:700;padding:4px;color:var(--nrcl-indicator-text-color);border:2px solid var(--nrcl-indicator-border-color);background-color:var(--nrcl-indicator-background-color);border-radius:6px}:host .none{display:none}:host .none:after{content:\"(None)\"}:host.status-none{--nrcl-indicator-text-color: #aaa;--nrcl-indicator-border-color: gray}:host.status-none .none{display:block}\n"] }]
29
+ '[class]': "'status-' + status",
30
+ '[class.normal]': "!large",
31
+ '[class.large]': "large"
32
+ }, styles: ["::ng-deep :root{--nrcl-indicator-min-width: 80px;--nrcl-indicator-font-size: 20px;--nrcl-indicator-text-color: black;--nrcl-indicator-border-color: black;--nrcl-indicator-background-color: #f2f2f2;--nrcl-indicator-normal-font-size: var( --nrcl-font-size-small );--nrcl-indicator-large-font-size: var( --nrcl-font-size )}:host{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:var(--nrcl-indicator-min-width);font-family:var(--nrcl-font-family);font-size:var(--nrcl-indicator-font-size);line-height:var(--nrcl-indicator-font-size);font-weight:700;padding:4px;color:var(--nrcl-indicator-text-color);border:2px solid var(--nrcl-indicator-border-color);background-color:var(--nrcl-indicator-background-color);border-radius:6px}:host .none{display:none}:host .none:after{content:\"(None)\"}:host.status-none{--nrcl-indicator-text-color: #aaa;--nrcl-indicator-border-color: gray}:host.status-none .none{display:block}:host.normal{--nrcl-indicator-font-size: var( --nrcl-indicator-normal-font-size )}:host.large{--nrcl-indicator-font-size: var( --nrcl-indicator-large-font-size )}\n"] }]
30
33
  }], propDecorators: { status: [{
31
34
  type: Input
35
+ }], large: [{
36
+ type: Input,
37
+ args: [{ transform: booleanAttribute }]
32
38
  }] } });
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2luZGljYXRvci9pbmRpY2F0b3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBdUIsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFVdEQsTUFBTSxPQUFPLGtCQUFtQixTQUFRLFFBQVE7SUFSaEQ7O1FBU1ksYUFBUSxHQUFHLE1BQU0sQ0FBQTtRQWF6QixlQUFVLEdBQUcsTUFBTSxDQUFFLFVBQVUsQ0FBRSxDQUFBO0tBT3BDO0lBakJHLElBQ0ksTUFBTSxDQUFFLENBQVM7UUFDakIsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLENBQUE7SUFDcEIsQ0FBQztJQUNELElBQUksTUFBTTtRQUNOLElBQUssSUFBSSxDQUFDLE9BQU87WUFBRyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUE7UUFFdkMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFBO0lBQ3hCLENBQUM7SUFJRCxxQkFBcUI7UUFDakIsSUFBSSxDQUFDLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLEVBQUUsV0FBVyxDQUFBO1FBQ25ELElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxFQUFFLFdBQVcsRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBRSxjQUFjLEVBQUUsR0FBRyxDQUFFLElBQUksTUFBTSxDQUFBO0lBQ3BGLENBQUM7K0dBbkJRLGtCQUFrQjttR0FBbEIsa0JBQWtCLG9LQUxqQixtREFBbUQ7OzRGQUtwRCxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0ksZ0JBQWdCLFlBRWhCLG1EQUFtRCxRQUN2RDt3QkFDRixTQUFTLEVBQUUsb0JBQW9CO3FCQUNsQzs4QkFPRyxNQUFNO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRDaGVja2VkLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIGluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5yY2xCYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9ucmNsLmJhc2UnO1xuXG5AQ29tcG9uZW50KCB7XG4gICAgc2VsZWN0b3I6ICducmNsLWluZGljYXRvcicsXG4gICAgc3R5bGVVcmw6ICcuL2luZGljYXRvci5jb21wb25lbnQuc2NzcycsXG4gICAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+PGRpdiBjbGFzcz1cIm5vbmVcIj48L2Rpdj4nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzc10nOiBcIidzdGF0dXMtJyArIHN0YXR1c1wiXG4gICAgfVxufSApXG5leHBvcnQgY2xhc3MgSW5kaWNhdG9yQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2UgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRDaGVja2VkIHtcbiAgICBwcml2YXRlIF9jb250ZW50ID0gJ25vbmUnXG4gICAgcHJpdmF0ZSBfc3RhdHVzOiBzdHJpbmcgXG4gICAgXG4gICAgQElucHV0KCkgXG4gICAgc2V0IHN0YXR1cyggdjogc3RyaW5nICkge1xuICAgICAgICB0aGlzLl9zdGF0dXMgPSB2XG4gICAgfVxuICAgIGdldCBzdGF0dXMoKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKCB0aGlzLl9zdGF0dXMgKSByZXR1cm4gdGhpcy5fc3RhdHVzXG5cbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbnRlbnRcbiAgICB9XG5cbiAgICBlbGVtZW50UmVmID0gaW5qZWN0KCBFbGVtZW50UmVmIClcblxuICAgIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpOiB2b2lkIHsgICAgICAgIFxuICAgICAgICBsZXQgdCA9IHRoaXMuZWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudD8udGV4dENvbnRlbnRcbiAgICAgICAgdGhpcy5fY29udGVudCA9IHQ/LnRvTG93ZXJDYXNlKCkudHJpbSgpLnJlcGxhY2UoIC9bXi1hLXowLTldKy9nLCAnLScgKSB8fCAnbm9uZSdcbiAgICB9XG5cbn1cbiJdfQ==
39
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2luZGljYXRvci9pbmRpY2F0b3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBdUIsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFZdEQsTUFBTSxPQUFPLGtCQUFtQixTQUFRLFFBQVE7SUFWaEQ7O1FBV1ksYUFBUSxHQUFHLE1BQU0sQ0FBQTtRQWFpQixVQUFLLEdBQUcsS0FBSyxDQUFBO1FBRXZELGVBQVUsR0FBRyxNQUFNLENBQUUsVUFBVSxDQUFFLENBQUE7S0FPcEM7SUFuQkcsSUFDSSxNQUFNLENBQUUsQ0FBUztRQUNqQixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQTtJQUNwQixDQUFDO0lBQ0QsSUFBSSxNQUFNO1FBQ04sSUFBSyxJQUFJLENBQUMsT0FBTztZQUFHLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQTtRQUV2QyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUE7SUFDeEIsQ0FBQztJQU1ELHFCQUFxQjtRQUNqQixJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsRUFBRSxXQUFXLENBQUE7UUFDbkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLEVBQUUsV0FBVyxFQUFFLENBQUMsSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFFLGNBQWMsRUFBRSxHQUFHLENBQUUsSUFBSSxNQUFNLENBQUE7SUFDcEYsQ0FBQzsrR0FyQlEsa0JBQWtCO21HQUFsQixrQkFBa0Isb0ZBY04sZ0JBQWdCLCtKQXJCM0IsbURBQW1EOzs0RkFPcEQsa0JBQWtCO2tCQVY5QixTQUFTOytCQUNJLGdCQUFnQixZQUVoQixtREFBbUQsUUFDdkQ7d0JBQ0YsU0FBUyxFQUFFLG9CQUFvQjt3QkFDL0IsZ0JBQWdCLEVBQUUsUUFBUTt3QkFDMUIsZUFBZSxFQUFFLE9BQU87cUJBQzNCOzhCQU9HLE1BQU07c0JBRFQsS0FBSztnQkFVb0MsS0FBSztzQkFBOUMsS0FBSzt1QkFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudENoZWNrZWQsIGJvb2xlYW5BdHRyaWJ1dGUsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgaW5qZWN0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTnJjbEJhc2UgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL25yY2wuYmFzZSc7XG5cbkBDb21wb25lbnQoIHtcbiAgICBzZWxlY3RvcjogJ25yY2wtaW5kaWNhdG9yJyxcbiAgICBzdHlsZVVybDogJy4vaW5kaWNhdG9yLmNvbXBvbmVudC5zY3NzJyxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD48ZGl2IGNsYXNzPVwibm9uZVwiPjwvZGl2PicsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzXSc6IFwiJ3N0YXR1cy0nICsgc3RhdHVzXCIsXG4gICAgICAgICdbY2xhc3Mubm9ybWFsXSc6IFwiIWxhcmdlXCIsXG4gICAgICAgICdbY2xhc3MubGFyZ2VdJzogXCJsYXJnZVwiXG4gICAgfVxufSApXG5leHBvcnQgY2xhc3MgSW5kaWNhdG9yQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2UgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRDaGVja2VkIHtcbiAgICBwcml2YXRlIF9jb250ZW50ID0gJ25vbmUnXG4gICAgcHJpdmF0ZSBfc3RhdHVzOiBzdHJpbmcgXG4gICAgXG4gICAgQElucHV0KCkgXG4gICAgc2V0IHN0YXR1cyggdjogc3RyaW5nICkge1xuICAgICAgICB0aGlzLl9zdGF0dXMgPSB2XG4gICAgfVxuICAgIGdldCBzdGF0dXMoKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKCB0aGlzLl9zdGF0dXMgKSByZXR1cm4gdGhpcy5fc3RhdHVzXG5cbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbnRlbnRcbiAgICB9XG5cbiAgICBASW5wdXQoIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0gKSBsYXJnZSA9IGZhbHNlXG4gICAgXG4gICAgZWxlbWVudFJlZiA9IGluamVjdCggRWxlbWVudFJlZiApXG5cbiAgICBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7ICAgICAgICBcbiAgICAgICAgbGV0IHQgPSB0aGlzLmVsZW1lbnRSZWY/Lm5hdGl2ZUVsZW1lbnQ/LnRleHRDb250ZW50XG4gICAgICAgIHRoaXMuX2NvbnRlbnQgPSB0Py50b0xvd2VyQ2FzZSgpLnRyaW0oKS5yZXBsYWNlKCAvW14tYS16MC05XSsvZywgJy0nICkgfHwgJ25vbmUnXG4gICAgfVxuXG59XG4iXX0=
package/esm2022/components/page-header/page-header.component.mjs CHANGED
@@ -1,21 +1,22 @@
1
1
  import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
2
- import { NrclBase } from "../../directives/nrcl.base";
2
+ import { ConfigurationSubscriberBase } from "../../directives/configuration-subscriber.base";
3
3
  import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/material/progress-spinner";
5
- export class PageHeaderComponent extends NrclBase {
4
+ import * as i1 from "@angular/common";
5
+ import * as i2 from "@angular/material/progress-spinner";
6
+ export class PageHeaderComponent extends ConfigurationSubscriberBase {
6
7
  constructor() {
7
8
  super(...arguments);
8
9
  this.isLoading = false;
9
10
  }
10
11
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
11
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PageHeaderComponent, selector: "nrcl-page-header", inputs: { isLoading: "isLoading" }, host: { properties: { "class.isLoading": "isLoading" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"left-side\">\n <ng-content select=\"[left-side],h1,h2\"></ng-content>\n</div>\n\n<div class=\"right-side\">\n <ng-content select=\"[right-side]\"></ng-content>\n <ng-content></ng-content>\n</div>\n\n<mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n", styles: [":host{display:flex;gap:var(--nrcl-gutter-space);position:relative;padding-top:var(--nrcl-gutter-space);font-family:var(--nrcl-font-family)}:host .left-side{display:flex;flex-direction:column}:host .left-side ::ng-deep h1{font-size:var(--nrcl-font-size-h1);font-weight:200;padding:0;margin:0}:host .left-side ::ng-deep h2{font-size:var(--nrcl-font-size-h2);font-weight:200;padding:0;margin:0}:host .right-side{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}:host .loading{position:absolute;top:var(--nrcl-gutter-space);right:0;display:none}:host.isLoading .loading{display:block}:host.isLoading .right-side{visibility:hidden}\n"], dependencies: [{ kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
12
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PageHeaderComponent, selector: "nrcl-page-header", inputs: { isLoading: "isLoading" }, host: { properties: { "class.isLoading": "isLoading" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #headers>\n <ng-content select=\"h1\"></ng-content>\n <ng-content select=\"h2\"></ng-content>\n</ng-template>\n\n<ng-template #indicator>\n <ng-content select=\"nrcl-indicator,[indicator]\"></ng-content>\n</ng-template>\n\n<ng-template #leftSide>\n <ng-content select=\"[left-side]\"></ng-content>\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"[action]\"></ng-content>\n</ng-template>\n\n<ng-template #rightSide>\n <ng-content select=\"[right-side]\"></ng-content>\n <ng-content></ng-content>\n</ng-template>\n\n@if ( desktopVisible ) {\n <div class=\"left-side\">\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n\n <div class=\"below-title\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n </div>\n </div>\n\n <div class=\"middle\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n </div>\n </div>\n\n <div class=\"right-side\">\n <div class=\"actions\">\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n <div class=\"below-actions\">\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n </div>\n}\n\n@if ( mobileVisible ) {\n <div class=\"top\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n </div>\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n </div>\n\n <div class=\"actions\">\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n </div>\n\n <div class=\"bottom\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n}\n\n", styles: [":host{display:flex;position:relative;padding-top:var(--nrcl-gutter-space);font-family:var(--nrcl-font-family)}:host .headers{display:flex;flex-direction:column}:host .headers ::ng-deep h1{font-size:var(--nrcl-font-size-h1);font-weight:200;padding:0;margin:0}:host .headers ::ng-deep h2{font-size:var(--nrcl-font-size-h2);font-weight:200;padding:0;margin:0}:host .actions{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--nrcl-gutter-space);position:relative;min-height:var(--nrcl-button-normal-height)}:host .loading{position:absolute;top:0;right:0;display:none}:host.isLoading .loading{display:block}:host.isLoading .actions>::ng-deep *:not(.loading){visibility:hidden}:host-context(.nrcl-device-desktop) :host .left-side{display:flex;flex-direction:column}:host-context(.nrcl-device-desktop) :host .middle{flex-grow:1}:host-context(.nrcl-device-desktop) :host .middle .indicator{display:flex;align-items:center;height:var(--nrcl-button-normal-height);margin-left:var(--nrcl-gutter-space)}:host-context(.nrcl-device-desktop) :host .right-side{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}:host-context(.nrcl-device-mobile) :host{flex-direction:column;gap:var(--nrcl-gutter-space)}:host-context(.nrcl-device-mobile) :host .top{display:block}:host-context(.nrcl-device-mobile) :host .top .headers{display:contents}:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h1,:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h2{display:block}:host-context(.nrcl-device-mobile) :host .top .indicator{float:right}:host-context(.nrcl-device-mobile) :host .top .indicator:empty{display:none}:host-context(.nrcl-device-mobile) :host .actions{align-self:stretch;justify-content:flex-start}:host-context(.nrcl-device-mobile) :host .bottom{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
12
13
  }
13
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageHeaderComponent, decorators: [{
14
15
  type: Component,
15
16
  args: [{ selector: "nrcl-page-header", changeDetection: ChangeDetectionStrategy.OnPush, host: {
16
17
  '[class.isLoading]': 'isLoading',
17
- }, template: "<div class=\"left-side\">\n <ng-content select=\"[left-side],h1,h2\"></ng-content>\n</div>\n\n<div class=\"right-side\">\n <ng-content select=\"[right-side]\"></ng-content>\n <ng-content></ng-content>\n</div>\n\n<mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n", styles: [":host{display:flex;gap:var(--nrcl-gutter-space);position:relative;padding-top:var(--nrcl-gutter-space);font-family:var(--nrcl-font-family)}:host .left-side{display:flex;flex-direction:column}:host .left-side ::ng-deep h1{font-size:var(--nrcl-font-size-h1);font-weight:200;padding:0;margin:0}:host .left-side ::ng-deep h2{font-size:var(--nrcl-font-size-h2);font-weight:200;padding:0;margin:0}:host .right-side{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}:host .loading{position:absolute;top:var(--nrcl-gutter-space);right:0;display:none}:host.isLoading .loading{display:block}:host.isLoading .right-side{visibility:hidden}\n"] }]
18
+ }, template: "<ng-template #headers>\n <ng-content select=\"h1\"></ng-content>\n <ng-content select=\"h2\"></ng-content>\n</ng-template>\n\n<ng-template #indicator>\n <ng-content select=\"nrcl-indicator,[indicator]\"></ng-content>\n</ng-template>\n\n<ng-template #leftSide>\n <ng-content select=\"[left-side]\"></ng-content>\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"[action]\"></ng-content>\n</ng-template>\n\n<ng-template #rightSide>\n <ng-content select=\"[right-side]\"></ng-content>\n <ng-content></ng-content>\n</ng-template>\n\n@if ( desktopVisible ) {\n <div class=\"left-side\">\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n\n <div class=\"below-title\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n </div>\n </div>\n\n <div class=\"middle\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n </div>\n </div>\n\n <div class=\"right-side\">\n <div class=\"actions\">\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n </div>\n <div class=\"below-actions\">\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n </div>\n}\n\n@if ( mobileVisible ) {\n <div class=\"top\">\n <div class=\"indicator\">\n <ng-container [ngTemplateOutlet]=\"indicator\"></ng-container>\n </div>\n <div class=\"headers\">\n <ng-container [ngTemplateOutlet]=\"headers\"></ng-container>\n </div>\n </div>\n\n <div class=\"actions\">\n <ng-container [ngTemplateOutlet]=\"actions\"></ng-container>\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n </div>\n\n <div class=\"bottom\">\n <ng-container [ngTemplateOutlet]=\"leftSide\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"rightSide\"></ng-container>\n </div>\n}\n\n", styles: [":host{display:flex;position:relative;padding-top:var(--nrcl-gutter-space);font-family:var(--nrcl-font-family)}:host .headers{display:flex;flex-direction:column}:host .headers ::ng-deep h1{font-size:var(--nrcl-font-size-h1);font-weight:200;padding:0;margin:0}:host .headers ::ng-deep h2{font-size:var(--nrcl-font-size-h2);font-weight:200;padding:0;margin:0}:host .actions{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--nrcl-gutter-space);position:relative;min-height:var(--nrcl-button-normal-height)}:host .loading{position:absolute;top:0;right:0;display:none}:host.isLoading .loading{display:block}:host.isLoading .actions>::ng-deep *:not(.loading){visibility:hidden}:host-context(.nrcl-device-desktop) :host .left-side{display:flex;flex-direction:column}:host-context(.nrcl-device-desktop) :host .middle{flex-grow:1}:host-context(.nrcl-device-desktop) :host .middle .indicator{display:flex;align-items:center;height:var(--nrcl-button-normal-height);margin-left:var(--nrcl-gutter-space)}:host-context(.nrcl-device-desktop) :host .right-side{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}:host-context(.nrcl-device-mobile) :host{flex-direction:column;gap:var(--nrcl-gutter-space)}:host-context(.nrcl-device-mobile) :host .top{display:block}:host-context(.nrcl-device-mobile) :host .top .headers{display:contents}:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h1,:host-context(.nrcl-device-mobile) :host .top .headers ::ng-deep h2{display:block}:host-context(.nrcl-device-mobile) :host .top .indicator{float:right}:host-context(.nrcl-device-mobile) :host .top .indicator:empty{display:none}:host-context(.nrcl-device-mobile) :host .actions{align-self:stretch;justify-content:flex-start}:host-context(.nrcl-device-mobile) :host .bottom{display:flex;flex-direction:column}\n"] }]
18
19
  }], propDecorators: { isLoading: [{
19
20
  type: Input
20
21
  }] } });
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7O0FBV3RELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxRQUFRO0lBVGpEOztRQVVhLGNBQVMsR0FBRyxLQUFLLENBQUE7S0FDN0I7K0dBRlksbUJBQW1CO21HQUFuQixtQkFBbUIsNktDaEJoQyxnU0FVQTs7NEZETWEsbUJBQW1CO2tCQVQvQixTQUFTOytCQUNJLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNGLG1CQUFtQixFQUFFLFdBQVc7cUJBQ25DOzhCQUdRLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBJbnB1dFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTnJjbEJhc2UgfSBmcm9tIFwiLi4vLi4vZGlyZWN0aXZlcy9ucmNsLmJhc2VcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibnJjbC1wYWdlLWhlYWRlclwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybDogXCIuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5zY3NzXCIsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzLmlzTG9hZGluZ10nOiAnaXNMb2FkaW5nJyxcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VIZWFkZXJDb21wb25lbnQgZXh0ZW5kcyBOcmNsQmFzZSB7XG4gICAgQElucHV0KCkgaXNMb2FkaW5nID0gZmFsc2Vcbn1cbiIsIjxkaXYgY2xhc3M9XCJsZWZ0LXNpZGVcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbGVmdC1zaWRlXSxoMSxoMlwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwicmlnaHQtc2lkZVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltyaWdodC1zaWRlXVwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cblxuPG1hdC1zcGlubmVyIGNsYXNzPVwibG9hZGluZ1wiIFtkaWFtZXRlcl09XCIzMFwiPjwvbWF0LXNwaW5uZXI+XG4iXX0=
22
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNSLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDOzs7O0FBVzdGLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSwyQkFBMkI7SUFUcEU7O1FBVWEsY0FBUyxHQUFHLEtBQUssQ0FBQTtLQUM3QjsrR0FGWSxtQkFBbUI7bUdBQW5CLG1CQUFtQiw2S0NqQmhDLGdsRUF1RUE7OzRGRHREYSxtQkFBbUI7a0JBVC9CLFNBQVM7K0JBQ0ksa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsbUJBQW1CLEVBQUUsV0FBVztxQkFDbkM7OEJBR1EsU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIElucHV0XG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBOcmNsQmFzZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL25yY2wuYmFzZVwiO1xuaW1wb3J0IHsgQ29uZmlndXJhdGlvblN1YnNjcmliZXJCYXNlIH0gZnJvbSBcIi4uLy4uL2RpcmVjdGl2ZXMvY29uZmlndXJhdGlvbi1zdWJzY3JpYmVyLmJhc2VcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibnJjbC1wYWdlLWhlYWRlclwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybDogXCIuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5zY3NzXCIsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzLmlzTG9hZGluZ10nOiAnaXNMb2FkaW5nJyxcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VIZWFkZXJDb21wb25lbnQgZXh0ZW5kcyBDb25maWd1cmF0aW9uU3Vic2NyaWJlckJhc2Uge1xuICAgIEBJbnB1dCgpIGlzTG9hZGluZyA9IGZhbHNlXG59XG4iLCI8bmctdGVtcGxhdGUgI2hlYWRlcnM+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaDFcIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaDJcIj48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2luZGljYXRvcj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJucmNsLWluZGljYXRvcixbaW5kaWNhdG9yXVwiPjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjbGVmdFNpZGU+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2xlZnQtc2lkZV1cIj48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2FjdGlvbnM+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3JpZ2h0U2lkZT5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcmlnaHQtc2lkZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuQGlmICggZGVza3RvcFZpc2libGUgKSB7XG4gICAgPGRpdiBjbGFzcz1cImxlZnQtc2lkZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyc1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJoZWFkZXJzXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJiZWxvdy10aXRsZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJsZWZ0U2lkZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJtaWRkbGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImluZGljYXRvclwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJpbmRpY2F0b3JcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwicmlnaHQtc2lkZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgICAgICAgICAgPG1hdC1zcGlubmVyIGNsYXNzPVwibG9hZGluZ1wiIFtkaWFtZXRlcl09XCIzMFwiPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImFjdGlvbnNcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJiZWxvdy1hY3Rpb25zXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInJpZ2h0U2lkZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbn1cblxuQGlmICggbW9iaWxlVmlzaWJsZSApIHtcbiAgICA8ZGl2IGNsYXNzPVwidG9wXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbmRpY2F0b3JcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaW5kaWNhdG9yXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyc1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJoZWFkZXJzXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImFjdGlvbnNcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJhY3Rpb25zXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDxtYXQtc3Bpbm5lciBjbGFzcz1cImxvYWRpbmdcIiBbZGlhbWV0ZXJdPVwiMzBcIj48L21hdC1zcGlubmVyPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImJvdHRvbVwiPlxuICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImxlZnRTaWRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicmlnaHRTaWRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG59XG5cbiJdfQ==