@testgorilla/tgo-ui 2.3.13 → 2.3.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/snackbar/snackbar.component.d.ts +12 -3
- package/components/snackbar/snackbar.service.d.ts +2 -2
- package/esm2022/components/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/components/phone-input/phone-input.component.mjs +3 -3
- package/esm2022/components/snackbar/snackbar.component.mjs +25 -10
- package/esm2022/components/snackbar/snackbar.service.mjs +5 -3
- package/esm2022/public-api.mjs +1 -8
- package/fesm2022/testgorilla-tgo-ui.mjs +114 -295
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +0 -5
- package/src/theme/_input.scss +29 -0
- package/src/theme/theme.scss +0 -25
- package/components/banner-action/banner-action.component.d.ts +0 -79
- package/components/banner-action/banner-action.component.module.d.ts +0 -11
- package/components/banner-action/banner-action.model.d.ts +0 -15
- package/components/navigation/navigation.component.d.ts +0 -51
- package/components/navigation/navigation.component.module.d.ts +0 -10
- package/components/navigation/navigation.model.d.ts +0 -12
- package/esm2022/components/banner-action/banner-action.component.mjs +0 -104
- package/esm2022/components/banner-action/banner-action.component.module.mjs +0 -22
- package/esm2022/components/banner-action/banner-action.model.mjs +0 -17
- package/esm2022/components/navigation/navigation.component.mjs +0 -52
- package/esm2022/components/navigation/navigation.component.module.mjs +0 -21
- package/esm2022/components/navigation/navigation.model.mjs +0 -7
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
export * from './components/alert-banner/alert-banner.component';
|
|
2
2
|
export * from './components/alert-banner/alert-banner.component.module';
|
|
3
|
-
export * from './components/banner-action/banner-action.component';
|
|
4
|
-
export * from './components/banner-action/banner-action.component.module';
|
|
5
3
|
export * from './components/button/button.component';
|
|
6
4
|
export * from './components/button/button.component.module';
|
|
7
5
|
export * from './components/button/button.model';
|
|
@@ -32,9 +30,6 @@ export * from './components/logo/logo.model';
|
|
|
32
30
|
export * from './components/navbar/navbar.component';
|
|
33
31
|
export * from './components/navbar/navbar.component.module';
|
|
34
32
|
export * from './components/navbar/navbar.model';
|
|
35
|
-
export * from './components/navigation/navigation.component';
|
|
36
|
-
export * from './components/navigation/navigation.component.module';
|
|
37
|
-
export * from './components/navigation/navigation.model';
|
|
38
33
|
export * from './components/deprecated-paginator/deprecated-paginator.component';
|
|
39
34
|
export * from './components/deprecated-paginator/deprecated-paginator.component.module';
|
|
40
35
|
export * from './components/progress-bar/progress-bar.component';
|
package/src/theme/_input.scss
CHANGED
|
@@ -54,6 +54,35 @@
|
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
*[theme="dark"], *[theme="light"], .dark, .light {
|
|
57
|
+
|
|
58
|
+
&.phone-number-select {
|
|
59
|
+
margin-top: 8px;
|
|
60
|
+
border-radius: 10px!important;
|
|
61
|
+
box-shadow: $box-shadow-hover-state;
|
|
62
|
+
|
|
63
|
+
.mat-mdc-option {
|
|
64
|
+
--mat-option-selected-state-layer-color: #{$grayscale-10};
|
|
65
|
+
--mat-option-selected-state-label-text-color: #{$black};
|
|
66
|
+
|
|
67
|
+
.mdc-list-item__primary-text small {
|
|
68
|
+
font-size: 14px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
|
|
72
|
+
color: $black;
|
|
73
|
+
width: 12px;
|
|
74
|
+
height: 5px;
|
|
75
|
+
}
|
|
76
|
+
&:hover {
|
|
77
|
+
background-color: $brand-10;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.mat-divider {
|
|
82
|
+
display: none;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
57
86
|
.mat-mdc-autocomplete-panel, &.mat-mdc-autocomplete-panel {
|
|
58
87
|
box-shadow: $box-shadow-hover-state;
|
|
59
88
|
border-radius: 10px;
|
package/src/theme/theme.scss
CHANGED
|
@@ -22,31 +22,6 @@
|
|
|
22
22
|
.mat-mdc-elevation-specific.mat-elevation-z8 {
|
|
23
23
|
box-shadow: $box-shadow-modal!important;
|
|
24
24
|
}
|
|
25
|
-
|
|
26
|
-
.phone-number-select {
|
|
27
|
-
margin-top: 8px;
|
|
28
|
-
border-radius: 10px!important;
|
|
29
|
-
box-shadow: $box-shadow-hover-state;
|
|
30
|
-
|
|
31
|
-
.mat-mdc-option {
|
|
32
|
-
--mat-option-selected-state-layer-color: #{$grayscale-10};
|
|
33
|
-
--mat-option-selected-state-label-text-color: #{$black};
|
|
34
|
-
|
|
35
|
-
.mdc-list-item__primary-text small {
|
|
36
|
-
font-size: 14px;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
|
|
40
|
-
color: $black;
|
|
41
|
-
width: 12px;
|
|
42
|
-
height: 5px;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.mat-divider {
|
|
47
|
-
display: none;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
25
|
};
|
|
51
26
|
}
|
|
52
27
|
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
-
import { IconName } from '../icon/icon.model';
|
|
3
|
-
import { BannerActionType, BannerProgress, BannerType } from './banner-action.model';
|
|
4
|
-
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class BannerActionComponent implements OnInit {
|
|
7
|
-
private readonly defaultAppTheme;
|
|
8
|
-
/**
|
|
9
|
-
* BannerAction text
|
|
10
|
-
* @type {string}
|
|
11
|
-
* @memberof BannerActionComponent
|
|
12
|
-
*/
|
|
13
|
-
message?: string | undefined;
|
|
14
|
-
/**
|
|
15
|
-
* BannerAction type
|
|
16
|
-
* @type {BannerActionType}
|
|
17
|
-
* @memberof BannerActionComponent
|
|
18
|
-
*/
|
|
19
|
-
bannerActionType: BannerActionType;
|
|
20
|
-
/**
|
|
21
|
-
* BannerAction button label
|
|
22
|
-
* @type {string}
|
|
23
|
-
* @memberof BannerActionComponent
|
|
24
|
-
*/
|
|
25
|
-
buttonText: string;
|
|
26
|
-
/**
|
|
27
|
-
* Static or fixed position
|
|
28
|
-
* @type {boolean}
|
|
29
|
-
* @memberof BannerActionComponent
|
|
30
|
-
*/
|
|
31
|
-
fixed: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* Full width for alert banner
|
|
34
|
-
* @type {boolean}
|
|
35
|
-
* @memberof BannerActionComponent
|
|
36
|
-
*/
|
|
37
|
-
fullWidth: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* BannerAction button icon
|
|
40
|
-
* @type {IconName}
|
|
41
|
-
* @memberof BannerActionComponent
|
|
42
|
-
*/
|
|
43
|
-
buttonIcon: IconName;
|
|
44
|
-
/**
|
|
45
|
-
* BannerAction icon
|
|
46
|
-
* @type {IconName}
|
|
47
|
-
* @memberof BannerActionComponent
|
|
48
|
-
*/
|
|
49
|
-
iconName: IconName;
|
|
50
|
-
/**
|
|
51
|
-
* BannerAction title
|
|
52
|
-
* @type {string}
|
|
53
|
-
* @memberof BannerActionComponent
|
|
54
|
-
*/
|
|
55
|
-
title: string;
|
|
56
|
-
/**
|
|
57
|
-
*
|
|
58
|
-
* Defines the application theme
|
|
59
|
-
*
|
|
60
|
-
* @type {ApplicationTheme}
|
|
61
|
-
* @memberof BannerActionComponent
|
|
62
|
-
*/
|
|
63
|
-
applicationTheme: ApplicationTheme;
|
|
64
|
-
/**
|
|
65
|
-
* Event emitted when the banner button is clicked.
|
|
66
|
-
* @type {EventEmitter<Event>}
|
|
67
|
-
* @memberof BannerActionComponent
|
|
68
|
-
*/
|
|
69
|
-
buttonClickEvent: EventEmitter<Event>;
|
|
70
|
-
protected position: string;
|
|
71
|
-
protected cssClass: string;
|
|
72
|
-
protected readonly bannerType: typeof BannerType;
|
|
73
|
-
protected readonly BannerProgress: typeof BannerProgress;
|
|
74
|
-
constructor(defaultAppTheme: ApplicationTheme);
|
|
75
|
-
ngOnInit(): void;
|
|
76
|
-
protected buttonClick(event: Event): void;
|
|
77
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BannerActionComponent, [{ optional: true; }]>;
|
|
78
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BannerActionComponent, "ui-banner-action", never, { "message": { "alias": "message"; "required": false; }; "bannerActionType": { "alias": "bannerActionType"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "title": { "alias": "title"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; }, never, never, false, never>;
|
|
79
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./banner-action.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "../button/button.component.module";
|
|
5
|
-
import * as i4 from "../icon/icon.component.module";
|
|
6
|
-
import * as i5 from "../radial-progress/radial-progress.component.module";
|
|
7
|
-
export declare class BannerActionComponentModule {
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BannerActionComponentModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<BannerActionComponentModule, [typeof i1.BannerActionComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule, typeof i5.RadialProgressComponentModule], [typeof i1.BannerActionComponent]>;
|
|
10
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<BannerActionComponentModule>;
|
|
11
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export type BannerActionType = 'success' | 'error' | 'info' | 'warning' | 'not-started' | 'incomplete' | 'body-text';
|
|
2
|
-
export declare enum BannerType {
|
|
3
|
-
SUCCESS = "success",
|
|
4
|
-
ERROR = "error",
|
|
5
|
-
INFO = "info",
|
|
6
|
-
WARNING = "warning",
|
|
7
|
-
NOT_STARTED = "not-started",
|
|
8
|
-
INCOMPLETE = "incomplete",
|
|
9
|
-
BODY_TEXT = "body-text"
|
|
10
|
-
}
|
|
11
|
-
export declare enum BannerProgress {
|
|
12
|
-
NOT_STARTED = 0,
|
|
13
|
-
INCOMPLETE = 75,
|
|
14
|
-
TOTAL = 100
|
|
15
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { NavigationOptionItem } from './navigation.model';
|
|
3
|
-
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class NavigationComponent {
|
|
6
|
-
private readonly defaultAppTheme;
|
|
7
|
-
/**
|
|
8
|
-
* Navigation title
|
|
9
|
-
*
|
|
10
|
-
* @type {string}
|
|
11
|
-
* @memberof NavigationComponent
|
|
12
|
-
*/
|
|
13
|
-
title: string;
|
|
14
|
-
/**
|
|
15
|
-
* Navigation subtitle
|
|
16
|
-
*
|
|
17
|
-
* @type {string}
|
|
18
|
-
* @memberof NavigationComponent
|
|
19
|
-
*/
|
|
20
|
-
subtitle: string;
|
|
21
|
-
/**
|
|
22
|
-
* Navigation status component
|
|
23
|
-
*
|
|
24
|
-
* @type {NavigationOptionItem}
|
|
25
|
-
* @memberof NavigationComponent
|
|
26
|
-
* @ignore
|
|
27
|
-
*/
|
|
28
|
-
labelItem: NavigationOptionItem;
|
|
29
|
-
/**
|
|
30
|
-
* logo url
|
|
31
|
-
*
|
|
32
|
-
* @memberof NavigationComponent
|
|
33
|
-
*/
|
|
34
|
-
logoURL: String;
|
|
35
|
-
/**
|
|
36
|
-
*
|
|
37
|
-
* Defines the application theme
|
|
38
|
-
*
|
|
39
|
-
* @type {ApplicationTheme}
|
|
40
|
-
* @memberof NavigationComponent
|
|
41
|
-
*/
|
|
42
|
-
applicationTheme: ApplicationTheme;
|
|
43
|
-
/**
|
|
44
|
-
* @ignore
|
|
45
|
-
*/
|
|
46
|
-
goBackClickedEvent: EventEmitter<void>;
|
|
47
|
-
constructor(defaultAppTheme: ApplicationTheme);
|
|
48
|
-
goBackClicked(): void;
|
|
49
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponent, [{ optional: true; }]>;
|
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "ui-navigation", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "labelItem": { "alias": "labelItem"; "required": false; }; "logoURL": { "alias": "logoURL"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "goBackClickedEvent": "goBackClickedEvent"; }, never, never, false, never>;
|
|
51
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./navigation.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@angular/material/icon";
|
|
5
|
-
import * as i4 from "@angular/material/button";
|
|
6
|
-
export declare class NavigationComponentModule {
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponentModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<NavigationComponentModule, [typeof i1.NavigationComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule], [typeof i1.NavigationComponent]>;
|
|
9
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<NavigationComponentModule>;
|
|
10
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export interface NavigationOptionItem {
|
|
2
|
-
title: string;
|
|
3
|
-
textColor: string;
|
|
4
|
-
backgroundColor: string;
|
|
5
|
-
size: NavigationSize;
|
|
6
|
-
}
|
|
7
|
-
export declare enum NavigationSizeEnum {
|
|
8
|
-
SMALL = "small",
|
|
9
|
-
MEDIUM = "medium",
|
|
10
|
-
LARGE = "large"
|
|
11
|
-
}
|
|
12
|
-
export type NavigationSize = 'small' | 'medium' | 'large';
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';
|
|
2
|
-
import { alertBarsUtil } from '../../utils/alert-bars.utils';
|
|
3
|
-
import { BannerProgress, BannerType } from './banner-action.model';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "../button/button.component";
|
|
7
|
-
import * as i3 from "../icon/icon.component";
|
|
8
|
-
import * as i4 from "../radial-progress/radial-progress.component";
|
|
9
|
-
export class BannerActionComponent {
|
|
10
|
-
constructor(defaultAppTheme) {
|
|
11
|
-
this.defaultAppTheme = defaultAppTheme;
|
|
12
|
-
/**
|
|
13
|
-
* BannerAction text
|
|
14
|
-
* @type {string}
|
|
15
|
-
* @memberof BannerActionComponent
|
|
16
|
-
*/
|
|
17
|
-
this.message = '';
|
|
18
|
-
/**
|
|
19
|
-
* BannerAction type
|
|
20
|
-
* @type {BannerActionType}
|
|
21
|
-
* @memberof BannerActionComponent
|
|
22
|
-
*/
|
|
23
|
-
this.bannerActionType = 'success';
|
|
24
|
-
/**
|
|
25
|
-
* Static or fixed position
|
|
26
|
-
* @type {boolean}
|
|
27
|
-
* @memberof BannerActionComponent
|
|
28
|
-
*/
|
|
29
|
-
this.fixed = false;
|
|
30
|
-
/**
|
|
31
|
-
* Full width for alert banner
|
|
32
|
-
* @type {boolean}
|
|
33
|
-
* @memberof BannerActionComponent
|
|
34
|
-
*/
|
|
35
|
-
this.fullWidth = true;
|
|
36
|
-
/**
|
|
37
|
-
* BannerAction title
|
|
38
|
-
* @type {string}
|
|
39
|
-
* @memberof BannerActionComponent
|
|
40
|
-
*/
|
|
41
|
-
this.title = '';
|
|
42
|
-
/**
|
|
43
|
-
*
|
|
44
|
-
* Defines the application theme
|
|
45
|
-
*
|
|
46
|
-
* @type {ApplicationTheme}
|
|
47
|
-
* @memberof BannerActionComponent
|
|
48
|
-
*/
|
|
49
|
-
this.applicationTheme = 'light';
|
|
50
|
-
/**
|
|
51
|
-
* Event emitted when the banner button is clicked.
|
|
52
|
-
* @type {EventEmitter<Event>}
|
|
53
|
-
* @memberof BannerActionComponent
|
|
54
|
-
*/
|
|
55
|
-
this.buttonClickEvent = new EventEmitter();
|
|
56
|
-
this.bannerType = BannerType;
|
|
57
|
-
this.BannerProgress = BannerProgress;
|
|
58
|
-
if (defaultAppTheme) {
|
|
59
|
-
this.applicationTheme = defaultAppTheme;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
ngOnInit() {
|
|
63
|
-
if (!this.iconName) {
|
|
64
|
-
this.iconName = alertBarsUtil.setIcon(this.bannerActionType);
|
|
65
|
-
}
|
|
66
|
-
this.position = alertBarsUtil.setPosition(this.fixed);
|
|
67
|
-
this.cssClass = alertBarsUtil.setCssClass(this.fullWidth, this.bannerActionType, this.position);
|
|
68
|
-
}
|
|
69
|
-
buttonClick(event) {
|
|
70
|
-
this.buttonClickEvent.emit(event);
|
|
71
|
-
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerActionComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BannerActionComponent, selector: "ui-banner-action", inputs: { message: "message", bannerActionType: "bannerActionType", buttonText: "buttonText", fixed: "fixed", fullWidth: "fullWidth", buttonIcon: "buttonIcon", iconName: "iconName", title: "title", applicationTheme: "applicationTheme" }, outputs: { buttonClickEvent: "buttonClickEvent" }, ngImport: i0, template: "<div id=\"banner-action\" class=\"banner-action-container\" [ngClass]=\"cssClass\">\n <div class=\"banner-action-content\">\n <ui-radial-progress\n *ngIf=\"bannerActionType === bannerType.INCOMPLETE || bannerActionType === bannerType.NOT_STARTED\"\n [size]=\"'small'\"\n [value]=\"bannerActionType === bannerType.NOT_STARTED ? BannerProgress.NOT_STARTED : BannerProgress.INCOMPLETE\"\n [total]=\"BannerProgress.TOTAL\"\n ></ui-radial-progress>\n <ui-icon *ngIf=\"iconName\" [name]=\"iconName\" [size]=\"bannerActionType === bannerType.BODY_TEXT ? '40' : '24'\"></ui-icon>\n <div class=\"banner-action-text\">\n <div *ngIf=\"title && bannerActionType === bannerType.BODY_TEXT\" class=\"title\">{{ title }}</div>\n <span>{{ message }}</span>\n </div>\n </div>\n <ui-button [label]=\"buttonText\" (buttonClickEvent)=\"buttonClick($event)\" [iconName]=\"buttonIcon\"></ui-button>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:flex;width:100%;justify-content:center}:host .banner-action-container{min-height:72px;padding:12px 16px;color:#000;font-size:14px;display:flex;align-items:center;background:#fff;border-radius:8px;justify-content:space-between;border-width:2px;border-style:solid}:host .banner-action-container.fixed{position:fixed;z-index:98;top:0}:host .banner-action-container.static{position:relative}:host .banner-action-container.full-width{width:100%;min-width:100%}:host .banner-action-container .banner-action-content{display:flex;align-items:center}:host .banner-action-container .banner-action-content .banner-action-text{display:flex;flex-direction:column}:host .banner-action-container .banner-action-content .title{font-size:16px;line-height:24px;font-weight:700;margin-bottom:4px}:host .banner-action-container ui-icon,:host .banner-action-container ui-radial-progress{margin-right:16px}:host .banner-action-container ui-button{margin-left:16px}:host .banner-action-container.success{border-color:#46a997}:host .banner-action-container.info,:host .banner-action-container.incomplete,:host .banner-action-container.not-started,:host .banner-action-container.body-text{border-color:#276678}:host .banner-action-container.warning{border-color:#cca45f}:host .banner-action-container.error{border-color:#cb7b7a}@media (max-width: 600px){:host .banner-action-container{height:auto;padding:16px;display:flex;flex-flow:column;align-items:flex-start}:host .banner-action-container .banner-action-content{margin-bottom:10px}:host .banner-action-container.body-text ui-icon{display:none}:host .banner-action-container ui-button{margin:0;width:100%}:host .banner-action-container ui-button ::ng-deep .button-wrapper{width:100%!important}:host .banner-action-container ui-button ::ng-deep button{min-width:100%}:host .banner-action-container ui-button ::ng-deep button .label{justify-content:center}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme"] }, { kind: "component", type: i4.RadialProgressComponent, selector: "ui-radial-progress", inputs: ["size", "value", "total", "applicationTheme"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
74
|
-
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerActionComponent, decorators: [{
|
|
76
|
-
type: Component,
|
|
77
|
-
args: [{ selector: 'ui-banner-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div id=\"banner-action\" class=\"banner-action-container\" [ngClass]=\"cssClass\">\n <div class=\"banner-action-content\">\n <ui-radial-progress\n *ngIf=\"bannerActionType === bannerType.INCOMPLETE || bannerActionType === bannerType.NOT_STARTED\"\n [size]=\"'small'\"\n [value]=\"bannerActionType === bannerType.NOT_STARTED ? BannerProgress.NOT_STARTED : BannerProgress.INCOMPLETE\"\n [total]=\"BannerProgress.TOTAL\"\n ></ui-radial-progress>\n <ui-icon *ngIf=\"iconName\" [name]=\"iconName\" [size]=\"bannerActionType === bannerType.BODY_TEXT ? '40' : '24'\"></ui-icon>\n <div class=\"banner-action-text\">\n <div *ngIf=\"title && bannerActionType === bannerType.BODY_TEXT\" class=\"title\">{{ title }}</div>\n <span>{{ message }}</span>\n </div>\n </div>\n <ui-button [label]=\"buttonText\" (buttonClickEvent)=\"buttonClick($event)\" [iconName]=\"buttonIcon\"></ui-button>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:flex;width:100%;justify-content:center}:host .banner-action-container{min-height:72px;padding:12px 16px;color:#000;font-size:14px;display:flex;align-items:center;background:#fff;border-radius:8px;justify-content:space-between;border-width:2px;border-style:solid}:host .banner-action-container.fixed{position:fixed;z-index:98;top:0}:host .banner-action-container.static{position:relative}:host .banner-action-container.full-width{width:100%;min-width:100%}:host .banner-action-container .banner-action-content{display:flex;align-items:center}:host .banner-action-container .banner-action-content .banner-action-text{display:flex;flex-direction:column}:host .banner-action-container .banner-action-content .title{font-size:16px;line-height:24px;font-weight:700;margin-bottom:4px}:host .banner-action-container ui-icon,:host .banner-action-container ui-radial-progress{margin-right:16px}:host .banner-action-container ui-button{margin-left:16px}:host .banner-action-container.success{border-color:#46a997}:host .banner-action-container.info,:host .banner-action-container.incomplete,:host .banner-action-container.not-started,:host .banner-action-container.body-text{border-color:#276678}:host .banner-action-container.warning{border-color:#cca45f}:host .banner-action-container.error{border-color:#cb7b7a}@media (max-width: 600px){:host .banner-action-container{height:auto;padding:16px;display:flex;flex-flow:column;align-items:flex-start}:host .banner-action-container .banner-action-content{margin-bottom:10px}:host .banner-action-container.body-text ui-icon{display:none}:host .banner-action-container ui-button{margin:0;width:100%}:host .banner-action-container ui-button ::ng-deep .button-wrapper{width:100%!important}:host .banner-action-container ui-button ::ng-deep button{min-width:100%}:host .banner-action-container ui-button ::ng-deep button .label{justify-content:center}}\n"] }]
|
|
78
|
-
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
79
|
-
type: Optional
|
|
80
|
-
}, {
|
|
81
|
-
type: Inject,
|
|
82
|
-
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
83
|
-
}] }]; }, propDecorators: { message: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], bannerActionType: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], buttonText: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], fixed: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], fullWidth: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], buttonIcon: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], iconName: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}], title: [{
|
|
98
|
-
type: Input
|
|
99
|
-
}], applicationTheme: [{
|
|
100
|
-
type: Input
|
|
101
|
-
}], buttonClickEvent: [{
|
|
102
|
-
type: Output
|
|
103
|
-
}] } });
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLWFjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9iYW5uZXItYWN0aW9uL2Jhbm5lci1hY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFubmVyLWFjdGlvbi9iYW5uZXItYWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUVMLFFBQVEsRUFDUixNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBb0IsY0FBYyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7Ozs7QUFTckYsTUFBTSxPQUFPLHFCQUFxQjtJQThFaEMsWUFDNkUsZUFBaUM7UUFBakMsb0JBQWUsR0FBZixlQUFlLENBQWtCO1FBOUU5Rzs7OztXQUlHO1FBQ00sWUFBTyxHQUFJLEVBQUUsQ0FBQztRQUV2Qjs7OztXQUlHO1FBQ00scUJBQWdCLEdBQXFCLFNBQVMsQ0FBQztRQVN4RDs7OztXQUlHO1FBQ00sVUFBSyxHQUFHLEtBQUssQ0FBQztRQUV2Qjs7OztXQUlHO1FBQ00sY0FBUyxHQUFHLElBQUksQ0FBQztRQWdCMUI7Ozs7V0FJRztRQUNNLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFcEI7Ozs7OztXQU1HO1FBQ00scUJBQWdCLEdBQXFCLE9BQU8sQ0FBQztRQUV0RDs7OztXQUlHO1FBQ08scUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUlwQyxlQUFVLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLG1CQUFjLEdBQUcsY0FBYyxDQUFDO1FBS2pELElBQUksZUFBZSxFQUFFO1lBQ25CLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxlQUFlLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztTQUM5RDtRQUNELElBQUksQ0FBQyxRQUFRLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsRyxDQUFDO0lBRVMsV0FBVyxDQUFDLEtBQVk7UUFDaEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxDQUFDOytHQWhHVSxxQkFBcUIsa0JBK0VWLG9DQUFvQzttR0EvRS9DLHFCQUFxQix5VkNyQmxDLHU2QkFnQkE7OzRGREthLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTs7MEJBaUY1QyxRQUFROzswQkFBSSxNQUFNOzJCQUFDLG9DQUFvQzs0Q0F6RWpELE9BQU87c0JBQWYsS0FBSztnQkFPRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBT0csVUFBVTtzQkFBbEIsS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csU0FBUztzQkFBakIsS0FBSztnQkFPRyxVQUFVO3NCQUFsQixLQUFLO2dCQU9HLFFBQVE7c0JBQWhCLEtBQUs7Z0JBT0csS0FBSztzQkFBYixLQUFLO2dCQVNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFPSSxnQkFBZ0I7c0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZGVsJztcbmltcG9ydCB7IGFsZXJ0QmFyc1V0aWwgfSBmcm9tICcuLi8uLi91dGlscy9hbGVydC1iYXJzLnV0aWxzJztcbmltcG9ydCB7IEJhbm5lckFjdGlvblR5cGUsIEJhbm5lclByb2dyZXNzLCBCYW5uZXJUeXBlIH0gZnJvbSAnLi9iYW5uZXItYWN0aW9uLm1vZGVsJztcbmltcG9ydCB7IEFwcGxpY2F0aW9uVGhlbWUgfSBmcm9tIFwiLi4vLi4vbW9kZWxzL2FwcGxpY2F0aW9uLXRoZW1lLm1vZGVsXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWJhbm5lci1hY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFubmVyLWFjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Jhbm5lci1hY3Rpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJhbm5lckFjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBCYW5uZXJBY3Rpb24gdGV4dFxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgQmFubmVyQWN0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlPyA9ICcnO1xuXG4gIC8qKlxuICAgKiBCYW5uZXJBY3Rpb24gdHlwZVxuICAgKiBAdHlwZSB7QmFubmVyQWN0aW9uVHlwZX1cbiAgICogQG1lbWJlcm9mIEJhbm5lckFjdGlvbkNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYmFubmVyQWN0aW9uVHlwZTogQmFubmVyQWN0aW9uVHlwZSA9ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQmFubmVyQWN0aW9uIGJ1dHRvbiBsYWJlbFxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgQmFubmVyQWN0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBidXR0b25UZXh0OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFN0YXRpYyBvciBmaXhlZCBwb3NpdGlvblxuICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICogQG1lbWJlcm9mIEJhbm5lckFjdGlvbkNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgZml4ZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogRnVsbCB3aWR0aCBmb3IgYWxlcnQgYmFubmVyXG4gICAqIEB0eXBlIHtib29sZWFufVxuICAgKiBAbWVtYmVyb2YgQmFubmVyQWN0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBmdWxsV2lkdGggPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBCYW5uZXJBY3Rpb24gYnV0dG9uIGljb25cbiAgICogQHR5cGUge0ljb25OYW1lfVxuICAgKiBAbWVtYmVyb2YgQmFubmVyQWN0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBidXR0b25JY29uOiBJY29uTmFtZTtcblxuICAvKipcbiAgICogQmFubmVyQWN0aW9uIGljb25cbiAgICogQHR5cGUge0ljb25OYW1lfVxuICAgKiBAbWVtYmVyb2YgQmFubmVyQWN0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBpY29uTmFtZTogSWNvbk5hbWU7XG5cbiAgLyoqXG4gICAqIEJhbm5lckFjdGlvbiB0aXRsZVxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgQmFubmVyQWN0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSB0aXRsZSA9ICcnO1xuXG4gIC8qKlxuICAgKlxuICAgKiBEZWZpbmVzIHRoZSBhcHBsaWNhdGlvbiB0aGVtZVxuICAgKlxuICAgKiBAdHlwZSB7QXBwbGljYXRpb25UaGVtZX1cbiAgICogQG1lbWJlcm9mIEJhbm5lckFjdGlvbkNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYXBwbGljYXRpb25UaGVtZTogQXBwbGljYXRpb25UaGVtZSA9ICdsaWdodCc7XG5cbiAgLyoqXG4gICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgYmFubmVyIGJ1dHRvbiBpcyBjbGlja2VkLlxuICAgKiBAdHlwZSB7RXZlbnRFbWl0dGVyPEV2ZW50Pn1cbiAgICogQG1lbWJlcm9mIEJhbm5lckFjdGlvbkNvbXBvbmVudFxuICAgKi9cbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIHByb3RlY3RlZCBwb3NpdGlvbjogc3RyaW5nO1xuICBwcm90ZWN0ZWQgY3NzQ2xhc3M6IHN0cmluZztcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGJhbm5lclR5cGUgPSBCYW5uZXJUeXBlO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgQmFubmVyUHJvZ3Jlc3MgPSBCYW5uZXJQcm9ncmVzcztcblxuICBjb25zdHJ1Y3RvcihcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KCdDQU5PUFlVSV9ERUZBVUxUX0FQUExJQ0FUSU9OX1RIRU1FJykgcHJpdmF0ZSByZWFkb25seSBkZWZhdWx0QXBwVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUsXG4gICkge1xuICAgIGlmIChkZWZhdWx0QXBwVGhlbWUpIHtcbiAgICAgIHRoaXMuYXBwbGljYXRpb25UaGVtZSA9IGRlZmF1bHRBcHBUaGVtZTtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaWNvbk5hbWUpIHtcbiAgICAgIHRoaXMuaWNvbk5hbWUgPSBhbGVydEJhcnNVdGlsLnNldEljb24odGhpcy5iYW5uZXJBY3Rpb25UeXBlKTtcbiAgICB9XG4gICAgdGhpcy5wb3NpdGlvbiA9IGFsZXJ0QmFyc1V0aWwuc2V0UG9zaXRpb24odGhpcy5maXhlZCk7XG4gICAgdGhpcy5jc3NDbGFzcyA9IGFsZXJ0QmFyc1V0aWwuc2V0Q3NzQ2xhc3ModGhpcy5mdWxsV2lkdGgsIHRoaXMuYmFubmVyQWN0aW9uVHlwZSwgdGhpcy5wb3NpdGlvbik7XG4gIH1cblxuICBwcm90ZWN0ZWQgYnV0dG9uQ2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5idXR0b25DbGlja0V2ZW50LmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGlkPVwiYmFubmVyLWFjdGlvblwiIGNsYXNzPVwiYmFubmVyLWFjdGlvbi1jb250YWluZXJcIiBbbmdDbGFzc109XCJjc3NDbGFzc1wiPlxuICA8ZGl2IGNsYXNzPVwiYmFubmVyLWFjdGlvbi1jb250ZW50XCI+XG4gICAgPHVpLXJhZGlhbC1wcm9ncmVzc1xuICAgICAgKm5nSWY9XCJiYW5uZXJBY3Rpb25UeXBlID09PSBiYW5uZXJUeXBlLklOQ09NUExFVEUgfHwgYmFubmVyQWN0aW9uVHlwZSA9PT0gYmFubmVyVHlwZS5OT1RfU1RBUlRFRFwiXG4gICAgICBbc2l6ZV09XCInc21hbGwnXCJcbiAgICAgIFt2YWx1ZV09XCJiYW5uZXJBY3Rpb25UeXBlID09PSBiYW5uZXJUeXBlLk5PVF9TVEFSVEVEID8gQmFubmVyUHJvZ3Jlc3MuTk9UX1NUQVJURUQgOiBCYW5uZXJQcm9ncmVzcy5JTkNPTVBMRVRFXCJcbiAgICAgIFt0b3RhbF09XCJCYW5uZXJQcm9ncmVzcy5UT1RBTFwiXG4gICAgPjwvdWktcmFkaWFsLXByb2dyZXNzPlxuICAgIDx1aS1pY29uICpuZ0lmPVwiaWNvbk5hbWVcIiBbbmFtZV09XCJpY29uTmFtZVwiIFtzaXplXT1cImJhbm5lckFjdGlvblR5cGUgPT09IGJhbm5lclR5cGUuQk9EWV9URVhUID8gJzQwJyA6ICcyNCdcIj48L3VpLWljb24+XG4gICAgPGRpdiBjbGFzcz1cImJhbm5lci1hY3Rpb24tdGV4dFwiPlxuICAgICAgPGRpdiAqbmdJZj1cInRpdGxlICYmIGJhbm5lckFjdGlvblR5cGUgPT09IGJhbm5lclR5cGUuQk9EWV9URVhUXCIgY2xhc3M9XCJ0aXRsZVwiPnt7IHRpdGxlIH19PC9kaXY+XG4gICAgICA8c3Bhbj57eyBtZXNzYWdlIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPHVpLWJ1dHRvbiBbbGFiZWxdPVwiYnV0dG9uVGV4dFwiIChidXR0b25DbGlja0V2ZW50KT1cImJ1dHRvbkNsaWNrKCRldmVudClcIiBbaWNvbk5hbWVdPVwiYnV0dG9uSWNvblwiPjwvdWktYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { ButtonComponentModule } from '../button/button.component.module';
|
|
4
|
-
import { IconComponentModule } from '../icon/icon.component.module';
|
|
5
|
-
import { BannerActionComponent } from './banner-action.component';
|
|
6
|
-
import { RadialProgressComponentModule } from "../radial-progress/radial-progress.component.module";
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
export class BannerActionComponentModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerActionComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BannerActionComponentModule, declarations: [BannerActionComponent], imports: [CommonModule, ButtonComponentModule, IconComponentModule, RadialProgressComponentModule], exports: [BannerActionComponent] }); }
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerActionComponentModule, imports: [CommonModule, ButtonComponentModule, IconComponentModule, RadialProgressComponentModule] }); }
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerActionComponentModule, decorators: [{
|
|
14
|
-
type: NgModule,
|
|
15
|
-
args: [{
|
|
16
|
-
declarations: [BannerActionComponent],
|
|
17
|
-
imports: [CommonModule, ButtonComponentModule, IconComponentModule, RadialProgressComponentModule],
|
|
18
|
-
exports: [BannerActionComponent],
|
|
19
|
-
providers: [],
|
|
20
|
-
}]
|
|
21
|
-
}] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLWFjdGlvbi5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFubmVyLWFjdGlvbi9iYW5uZXItYWN0aW9uLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0scURBQXFELENBQUM7O0FBUXBHLE1BQU0sT0FBTywyQkFBMkI7K0dBQTNCLDJCQUEyQjtnSEFBM0IsMkJBQTJCLGlCQUx2QixxQkFBcUIsYUFDeEIsWUFBWSxFQUFFLHFCQUFxQixFQUFFLG1CQUFtQixFQUFFLDZCQUE2QixhQUN6RixxQkFBcUI7Z0hBR3BCLDJCQUEyQixZQUoxQixZQUFZLEVBQUUscUJBQXFCLEVBQUUsbUJBQW1CLEVBQUUsNkJBQTZCOzs0RkFJeEYsMkJBQTJCO2tCQU52QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUscUJBQXFCLEVBQUUsbUJBQW1CLEVBQUUsNkJBQTZCLENBQUM7b0JBQ3BHLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IEljb25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBCYW5uZXJBY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2Jhbm5lci1hY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJhZGlhbFByb2dyZXNzQ29tcG9uZW50TW9kdWxlIH0gZnJvbSBcIi4uL3JhZGlhbC1wcm9ncmVzcy9yYWRpYWwtcHJvZ3Jlc3MuY29tcG9uZW50Lm1vZHVsZVwiO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtCYW5uZXJBY3Rpb25Db21wb25lbnRdLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudE1vZHVsZSwgSWNvbkNvbXBvbmVudE1vZHVsZSwgUmFkaWFsUHJvZ3Jlc3NDb21wb25lbnRNb2R1bGVdLFxuICBleHBvcnRzOiBbQmFubmVyQWN0aW9uQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFubmVyQWN0aW9uQ29tcG9uZW50TW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export var BannerType;
|
|
2
|
-
(function (BannerType) {
|
|
3
|
-
BannerType["SUCCESS"] = "success";
|
|
4
|
-
BannerType["ERROR"] = "error";
|
|
5
|
-
BannerType["INFO"] = "info";
|
|
6
|
-
BannerType["WARNING"] = "warning";
|
|
7
|
-
BannerType["NOT_STARTED"] = "not-started";
|
|
8
|
-
BannerType["INCOMPLETE"] = "incomplete";
|
|
9
|
-
BannerType["BODY_TEXT"] = "body-text";
|
|
10
|
-
})(BannerType || (BannerType = {}));
|
|
11
|
-
export var BannerProgress;
|
|
12
|
-
(function (BannerProgress) {
|
|
13
|
-
BannerProgress[BannerProgress["NOT_STARTED"] = 0] = "NOT_STARTED";
|
|
14
|
-
BannerProgress[BannerProgress["INCOMPLETE"] = 75] = "INCOMPLETE";
|
|
15
|
-
BannerProgress[BannerProgress["TOTAL"] = 100] = "TOTAL";
|
|
16
|
-
})(BannerProgress || (BannerProgress = {}));
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLWFjdGlvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Jhbm5lci1hY3Rpb24vYmFubmVyLWFjdGlvbi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxNQUFNLENBQU4sSUFBWSxVQVFYO0FBUkQsV0FBWSxVQUFVO0lBQ3BCLGlDQUFtQixDQUFBO0lBQ25CLDZCQUFlLENBQUE7SUFDZiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIseUNBQTJCLENBQUE7SUFDM0IsdUNBQXlCLENBQUE7SUFDekIscUNBQXVCLENBQUE7QUFDekIsQ0FBQyxFQVJXLFVBQVUsS0FBVixVQUFVLFFBUXJCO0FBRUQsTUFBTSxDQUFOLElBQVksY0FJWDtBQUpELFdBQVksY0FBYztJQUN4QixpRUFBZSxDQUFBO0lBQ2YsZ0VBQWUsQ0FBQTtJQUNmLHVEQUFXLENBQUE7QUFDYixDQUFDLEVBSlcsY0FBYyxLQUFkLGNBQWMsUUFJekIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25UeXBlID0gJ3N1Y2Nlc3MnIHwgJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdub3Qtc3RhcnRlZCcgfCAnaW5jb21wbGV0ZScgfCAnYm9keS10ZXh0JztcbmV4cG9ydCBlbnVtIEJhbm5lclR5cGUge1xuICBTVUNDRVNTID0gJ3N1Y2Nlc3MnLFxuICBFUlJPUiA9ICdlcnJvcicsXG4gIElORk8gPSAnaW5mbycsXG4gIFdBUk5JTkcgPSAnd2FybmluZycsXG4gIE5PVF9TVEFSVEVEID0gJ25vdC1zdGFydGVkJyxcbiAgSU5DT01QTEVURSA9ICdpbmNvbXBsZXRlJyxcbiAgQk9EWV9URVhUID0gJ2JvZHktdGV4dCcsXG59XG5cbmV4cG9ydCBlbnVtIEJhbm5lclByb2dyZXNzIHtcbiAgTk9UX1NUQVJURUQgPSAwLFxuICBJTkNPTVBMRVRFID0gNzUsXG4gIFRPVEFMID0gMTAwLFxufVxuIl19
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "@angular/material/icon";
|
|
5
|
-
import * as i3 from "@angular/material/button";
|
|
6
|
-
export class NavigationComponent {
|
|
7
|
-
constructor(defaultAppTheme) {
|
|
8
|
-
this.defaultAppTheme = defaultAppTheme;
|
|
9
|
-
/**
|
|
10
|
-
*
|
|
11
|
-
* Defines the application theme
|
|
12
|
-
*
|
|
13
|
-
* @type {ApplicationTheme}
|
|
14
|
-
* @memberof NavigationComponent
|
|
15
|
-
*/
|
|
16
|
-
this.applicationTheme = 'light';
|
|
17
|
-
/**
|
|
18
|
-
* @ignore
|
|
19
|
-
*/
|
|
20
|
-
this.goBackClickedEvent = new EventEmitter();
|
|
21
|
-
if (defaultAppTheme) {
|
|
22
|
-
this.applicationTheme = defaultAppTheme;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
goBackClicked() {
|
|
26
|
-
this.goBackClickedEvent.emit();
|
|
27
|
-
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NavigationComponent, selector: "ui-navigation", inputs: { title: "title", subtitle: "subtitle", labelItem: "labelItem", logoURL: "logoURL", applicationTheme: "applicationTheme" }, outputs: { goBackClickedEvent: "goBackClickedEvent" }, ngImport: i0, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">chevron_left</mat-icon>\n </button>\n <div class=\"logo\" *ngIf=\"logoURL\">\n <img [src]=\"logoURL\"/>\n </div>\n <div class=\"content\">\n <div class=\"title\">\n <span>{{ title }}</span>\n <div class=\"status\" *ngIf=\"labelItem\">\n <div\n class=\"label\"\n [ngStyle]=\"{ background: labelItem.backgroundColor, color: labelItem.textColor }\"\n [ngClass]=\"labelItem.size\">{{ labelItem.title }}</div>\n </div>\n </div>\n <div class=\"subtitle\">\n {{ subtitle }}\n </div>\n </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.navigation{width:100%;display:flex;align-items:center}.navigation button{background:#ededed;border-radius:0%}.navigation mat-icon{color:#000}.navigation .logo{margin-left:20px}.navigation .logo img{width:100px;height:100px}.navigation .content{margin-left:20px;display:flex;flex-direction:column}.navigation .content .title{color:#000;font-weight:700;font-size:20px;display:flex;align-items:center;margin-bottom:8px}.navigation .content .title .status{margin-left:8px}.navigation .content .title .status .label{border-radius:4px;padding:0 8px;font-size:14px}.navigation .content .title .status .label.medium{font-size:14px}.navigation .content .title .status .label.small{font-size:10px}.navigation .content .title .status .label.large{font-size:20px}.navigation .content .subtitle{color:#528593;font-weight:700;font-size:14px}::ng-deep .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:0%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
30
|
-
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponent, decorators: [{
|
|
32
|
-
type: Component,
|
|
33
|
-
args: [{ selector: 'ui-navigation', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">chevron_left</mat-icon>\n </button>\n <div class=\"logo\" *ngIf=\"logoURL\">\n <img [src]=\"logoURL\"/>\n </div>\n <div class=\"content\">\n <div class=\"title\">\n <span>{{ title }}</span>\n <div class=\"status\" *ngIf=\"labelItem\">\n <div\n class=\"label\"\n [ngStyle]=\"{ background: labelItem.backgroundColor, color: labelItem.textColor }\"\n [ngClass]=\"labelItem.size\">{{ labelItem.title }}</div>\n </div>\n </div>\n <div class=\"subtitle\">\n {{ subtitle }}\n </div>\n </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.navigation{width:100%;display:flex;align-items:center}.navigation button{background:#ededed;border-radius:0%}.navigation mat-icon{color:#000}.navigation .logo{margin-left:20px}.navigation .logo img{width:100px;height:100px}.navigation .content{margin-left:20px;display:flex;flex-direction:column}.navigation .content .title{color:#000;font-weight:700;font-size:20px;display:flex;align-items:center;margin-bottom:8px}.navigation .content .title .status{margin-left:8px}.navigation .content .title .status .label{border-radius:4px;padding:0 8px;font-size:14px}.navigation .content .title .status .label.medium{font-size:14px}.navigation .content .title .status .label.small{font-size:10px}.navigation .content .title .status .label.large{font-size:20px}.navigation .content .subtitle{color:#528593;font-weight:700;font-size:14px}::ng-deep .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:0%!important}\n"] }]
|
|
34
|
-
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
35
|
-
type: Optional
|
|
36
|
-
}, {
|
|
37
|
-
type: Inject,
|
|
38
|
-
args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
|
|
39
|
-
}] }]; }, propDecorators: { title: [{
|
|
40
|
-
type: Input
|
|
41
|
-
}], subtitle: [{
|
|
42
|
-
type: Input
|
|
43
|
-
}], labelItem: [{
|
|
44
|
-
type: Input
|
|
45
|
-
}], logoURL: [{
|
|
46
|
-
type: Input
|
|
47
|
-
}], applicationTheme: [{
|
|
48
|
-
type: Input
|
|
49
|
-
}], goBackClickedEvent: [{
|
|
50
|
-
type: Output
|
|
51
|
-
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uYXZpZ2F0aW9uL25hdmlnYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFVbEgsTUFBTSxPQUFPLG1CQUFtQjtJQW1EOUIsWUFDNkUsZUFBaUM7UUFBakMsb0JBQWUsR0FBZixlQUFlLENBQWtCO1FBZjlHOzs7Ozs7V0FNRztRQUNNLHFCQUFnQixHQUFxQixPQUFPLENBQUM7UUFFdEQ7O1dBRUc7UUFDTyx1QkFBa0IsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUsxRSxJQUFJLGVBQWUsRUFBRTtZQUNuQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsZUFBZSxDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQzsrR0E3RFUsbUJBQW1CLGtCQW9EUixvQ0FBb0M7bUdBcEQvQyxtQkFBbUIsZ1BDVmhDLHdzQkFzQkE7OzRGRFphLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxlQUFlLG1CQUdSLHVCQUF1QixDQUFDLE1BQU07OzBCQXNENUMsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxvQ0FBb0M7NENBekNqRCxLQUFLO3NCQUFiLEtBQUs7Z0JBUUcsUUFBUTtzQkFBaEIsS0FBSztnQkFTRyxTQUFTO3NCQUFqQixLQUFLO2dCQU9HLE9BQU87c0JBQWYsS0FBSztnQkFTRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBS0ksa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbmplY3QsIElucHV0LCBPcHRpb25hbCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uT3B0aW9uSXRlbSB9IGZyb20gJy4vbmF2aWdhdGlvbi5tb2RlbCc7XG5pbXBvcnQgeyBBcHBsaWNhdGlvblRoZW1lIH0gZnJvbSBcIi4uLy4uL21vZGVscy9hcHBsaWNhdGlvbi10aGVtZS5tb2RlbFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1uYXZpZ2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uYXZpZ2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uQ29tcG9uZW50IHtcbiAgLy8gVE9ETzogU29tZSBwcm9wZXJ0aWVzIGFuZCBtZXRob2RzIGFyZSBpZ25vcmVkIG9uIHB1cnBvc2UgYmVjYXVzZSBvZiBhIGN1cnJlbnQgaXNzdWUgd2l0aCBjb21wb2RvYyBhbmQgYW5ndWxhciAxM1xuICAvLyBodHRwczovL2dpdGh1Yi5jb20vc3Rvcnlib29ranMvc3Rvcnlib29rL2lzc3Vlcy8xNjg2NVxuICAvLyBodHRwczovL2dpdGh1Yi5jb20vc3Rvcnlib29ranMvc3Rvcnlib29rL2lzc3Vlcy8xNzAwNFxuXG4gIC8qKlxuICAgKiBOYXZpZ2F0aW9uIHRpdGxlXG4gICAqXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBOYXZpZ2F0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBOYXZpZ2F0aW9uIHN1YnRpdGxlXG4gICAqXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBOYXZpZ2F0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzdWJ0aXRsZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBOYXZpZ2F0aW9uIHN0YXR1cyBjb21wb25lbnRcbiAgICpcbiAgICogQHR5cGUge05hdmlnYXRpb25PcHRpb25JdGVtfVxuICAgKiBAbWVtYmVyb2YgTmF2aWdhdGlvbkNvbXBvbmVudFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbEl0ZW06IE5hdmlnYXRpb25PcHRpb25JdGVtO1xuXG4gIC8qKlxuICAgKiBsb2dvIHVybFxuICAgKlxuICAgKiBAbWVtYmVyb2YgTmF2aWdhdGlvbkNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbG9nb1VSTDogU3RyaW5nO1xuXG4gIC8qKlxuICAgKlxuICAgKiBEZWZpbmVzIHRoZSBhcHBsaWNhdGlvbiB0aGVtZVxuICAgKlxuICAgKiBAdHlwZSB7QXBwbGljYXRpb25UaGVtZX1cbiAgICogQG1lbWJlcm9mIE5hdmlnYXRpb25Db21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFwcGxpY2F0aW9uVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUgPSAnbGlnaHQnO1xuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBAT3V0cHV0KCkgZ29CYWNrQ2xpY2tlZEV2ZW50OiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lLFxuICApIHtcbiAgICBpZiAoZGVmYXVsdEFwcFRoZW1lKSB7XG4gICAgICB0aGlzLmFwcGxpY2F0aW9uVGhlbWUgPSBkZWZhdWx0QXBwVGhlbWU7XG4gICAgfVxuICB9XG5cbiAgZ29CYWNrQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmdvQmFja0NsaWNrZWRFdmVudC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJuYXZpZ2F0aW9uXCI+XG4gIDxidXR0b24gYXJpYS1sYWJlbD1cIkdvIGJhY2tcIiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cImdvQmFja0NsaWNrZWQoKVwiPlxuICAgIDxtYXQtaWNvbiBhcmlhLWhpZGRlbj1cInRydWVcIj5jaGV2cm9uX2xlZnQ8L21hdC1pY29uPlxuICA8L2J1dHRvbj5cbiAgPGRpdiBjbGFzcz1cImxvZ29cIiAqbmdJZj1cImxvZ29VUkxcIj5cbiAgICA8aW1nIFtzcmNdPVwibG9nb1VSTFwiLz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICA8c3Bhbj57eyB0aXRsZSB9fTwvc3Bhbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGF0dXNcIiAqbmdJZj1cImxhYmVsSXRlbVwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJsYWJlbFwiXG4gICAgICAgICAgW25nU3R5bGVdPVwieyBiYWNrZ3JvdW5kOiBsYWJlbEl0ZW0uYmFja2dyb3VuZENvbG9yLCBjb2xvcjogbGFiZWxJdGVtLnRleHRDb2xvciB9XCJcbiAgICAgICAgICBbbmdDbGFzc109XCJsYWJlbEl0ZW0uc2l6ZVwiPnt7IGxhYmVsSXRlbS50aXRsZSB9fTwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+XG4gICAgICB7eyBzdWJ0aXRsZSB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { MatButtonModule } from '@angular/material/button';
|
|
4
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
5
|
-
import { NavigationComponent } from './navigation.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export class NavigationComponentModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponentModule, declarations: [NavigationComponent], imports: [CommonModule, MatIconModule, MatButtonModule], exports: [NavigationComponent] }); }
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponentModule, imports: [CommonModule, MatIconModule, MatButtonModule] }); }
|
|
11
|
-
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationComponentModule, decorators: [{
|
|
13
|
-
type: NgModule,
|
|
14
|
-
args: [{
|
|
15
|
-
declarations: [NavigationComponent],
|
|
16
|
-
imports: [CommonModule, MatIconModule, MatButtonModule],
|
|
17
|
-
exports: [NavigationComponent],
|
|
18
|
-
providers: [],
|
|
19
|
-
}]
|
|
20
|
-
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFRN0QsTUFBTSxPQUFPLHlCQUF5QjsrR0FBekIseUJBQXlCO2dIQUF6Qix5QkFBeUIsaUJBTHJCLG1CQUFtQixhQUN4QixZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsYUFDNUMsbUJBQW1CO2dIQUdsQix5QkFBeUIsWUFKMUIsWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlOzs0RkFJM0MseUJBQXlCO2tCQU5yQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsQ0FBQztvQkFDdkQsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQzlCLFNBQVMsRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vbmF2aWdhdGlvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtOYXZpZ2F0aW9uQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0SWNvbk1vZHVsZSwgTWF0QnV0dG9uTW9kdWxlXSxcbiAgZXhwb3J0czogW05hdmlnYXRpb25Db21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uQ29tcG9uZW50TW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export var NavigationSizeEnum;
|
|
2
|
-
(function (NavigationSizeEnum) {
|
|
3
|
-
NavigationSizeEnum["SMALL"] = "small";
|
|
4
|
-
NavigationSizeEnum["MEDIUM"] = "medium";
|
|
5
|
-
NavigationSizeEnum["LARGE"] = "large";
|
|
6
|
-
})(NavigationSizeEnum || (NavigationSizeEnum = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQSxNQUFNLENBQU4sSUFBWSxrQkFJWDtBQUpELFdBQVksa0JBQWtCO0lBQzVCLHFDQUFlLENBQUE7SUFDZix1Q0FBaUIsQ0FBQTtJQUNqQixxQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFKVyxrQkFBa0IsS0FBbEIsa0JBQWtCLFFBSTdCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBOYXZpZ2F0aW9uT3B0aW9uSXRlbSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHRleHRDb2xvcjogc3RyaW5nO1xuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcbiAgc2l6ZTogTmF2aWdhdGlvblNpemU7XG59XG5cbmV4cG9ydCBlbnVtIE5hdmlnYXRpb25TaXplRW51bSB7XG4gIFNNQUxMID0gJ3NtYWxsJyxcbiAgTUVESVVNID0gJ21lZGl1bScsXG4gIExBUkdFID0gJ2xhcmdlJyxcbn1cblxuZXhwb3J0IHR5cGUgTmF2aWdhdGlvblNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnO1xuIl19
|