@testgorilla/tgo-ui 1.5.0 → 1.7.0
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/badge/badge.component.d.ts +1 -1
- package/components/button/button.component.d.ts +20 -3
- package/components/button/button.model.d.ts +1 -0
- package/components/deprecated-paginator/deprecated-paginator.component.d.ts +38 -0
- package/components/deprecated-paginator/deprecated-paginator.component.module.d.ts +9 -0
- package/components/deprecated-table/deprecated-table.component.d.ts +91 -0
- package/components/deprecated-table/deprecated-table.component.module.d.ts +14 -0
- package/components/deprecated-table/deprecated-table.model.d.ts +45 -0
- package/components/{table → deprecated-table}/directives/dynamic-component.directive.d.ts +1 -1
- package/components/paginator/paginator.component.d.ts +13 -14
- package/components/rating/half-star.pipe.d.ts +14 -0
- package/components/rating/rating.component.d.ts +26 -5
- package/components/rating/rating.component.module.d.ts +3 -2
- package/components/segmented-bar/segmented-bar.component.d.ts +29 -0
- package/components/segmented-bar/segmented-bar.component.module.d.ts +9 -0
- package/components/segmented-bar/segmented-bar.model.d.ts +7 -0
- package/components/side-sheet/side-sheet.component.d.ts +29 -0
- package/components/side-sheet/side-sheet.component.module.d.ts +13 -0
- package/components/side-sheet/side-sheet.model.d.ts +7 -0
- package/components/side-sheet/side-sheet.service.d.ts +14 -0
- package/components/skeleton/skeleton.component.d.ts +9 -0
- package/components/snackbar/snackbar.component.d.ts +1 -2
- package/components/table/ellipse-text.directive.d.ts +16 -0
- package/components/table/table.component.d.ts +29 -78
- package/components/table/table.component.module.d.ts +7 -8
- package/components/table/table.model.d.ts +26 -40
- package/esm2022/components/alert-banner/alert-banner.component.mjs +3 -3
- package/esm2022/components/avatar/avatar.component.mjs +3 -3
- package/esm2022/components/badge/badge.component.mjs +3 -3
- package/esm2022/components/banner-action/banner-action.component.mjs +1 -1
- package/esm2022/components/button/button.component.mjs +35 -12
- package/esm2022/components/button/button.model.mjs +1 -1
- package/esm2022/components/create-account/create-account.component.mjs +1 -1
- package/esm2022/components/create-password/create-password.component.mjs +1 -1
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.mjs +55 -0
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.module.mjs +20 -0
- package/esm2022/components/deprecated-table/deprecated-table.component.mjs +158 -0
- package/esm2022/components/deprecated-table/deprecated-table.component.module.mjs +25 -0
- package/esm2022/components/deprecated-table/deprecated-table.model.mjs +13 -0
- package/esm2022/components/deprecated-table/directives/dynamic-component.directive.mjs +39 -0
- package/esm2022/components/deprecated-table/pipes/data-property-getter.mjs +32 -0
- package/esm2022/components/dialog/dialog.component.mjs +3 -3
- package/esm2022/components/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/components/empty-state/empty-state.component.mjs +3 -3
- package/esm2022/components/field/field.component.mjs +3 -3
- package/esm2022/components/file-upload/file-upload.component.mjs +3 -3
- package/esm2022/components/forgot-password/forgot-password.component.mjs +1 -1
- package/esm2022/components/login/login.component.mjs +1 -1
- package/esm2022/components/paginator/paginator.component.mjs +21 -20
- package/esm2022/components/paginator/paginator.component.module.mjs +3 -4
- package/esm2022/components/rating/half-star.pipe.mjs +23 -0
- package/esm2022/components/rating/rating.component.mjs +22 -4
- package/esm2022/components/rating/rating.component.module.mjs +4 -3
- package/esm2022/components/segmented-bar/segmented-bar.component.mjs +45 -0
- package/esm2022/components/segmented-bar/segmented-bar.component.module.mjs +18 -0
- package/esm2022/components/segmented-bar/segmented-bar.model.mjs +2 -0
- package/esm2022/components/side-sheet/side-sheet.component.mjs +66 -0
- package/esm2022/components/side-sheet/side-sheet.component.module.mjs +60 -0
- package/esm2022/components/side-sheet/side-sheet.model.mjs +2 -0
- package/esm2022/components/side-sheet/side-sheet.service.mjs +30 -0
- package/esm2022/components/skeleton/skeleton.component.mjs +25 -0
- package/esm2022/components/snackbar/snackbar.component.mjs +5 -5
- package/esm2022/components/table/ellipse-text.directive.mjs +36 -0
- package/esm2022/components/table/table.component.mjs +58 -140
- package/esm2022/components/table/table.component.module.mjs +10 -12
- package/esm2022/components/table/table.model.mjs +2 -13
- package/esm2022/public-api.mjs +27 -9
- package/fesm2022/testgorilla-tgo-ui.mjs +546 -90
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +3 -2
- package/public-api.d.ts +19 -6
- package/src/assets/icons/rating-icons/Star-filled-disabled.svg +3 -0
- package/src/assets/icons/rating-icons/Star-filled.svg +3 -0
- package/src/assets/icons/rating-icons/Star-half.svg +3 -0
- package/src/assets/icons/rating-icons/Star-outline.svg +3 -0
- package/src/assets/images/premium.svg +4 -0
- package/src/theme/_mat-paginator.scss +59 -0
- package/src/theme/theme.scss +2 -0
- package/esm2022/components/table/directives/dynamic-component.directive.mjs +0 -39
- package/esm2022/components/table/pipes/data-property-getter.mjs +0 -32
- /package/components/{table → deprecated-table}/pipes/data-property-getter.d.ts +0 -0
|
@@ -1,91 +1,42 @@
|
|
|
1
|
-
import { EventEmitter
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { DataPropertyGetterPipe } from './pipes/data-property-getter';
|
|
5
|
-
import { ColumnTypeEnum, IDataSource, ITableColumn, ITableDetailColumn } from './table.model';
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { ColumnEllipse, TableConfig, TableConfigWithPagination, TableData } from './table.model';
|
|
3
|
+
import { PageEvent } from '@angular/material/paginator';
|
|
6
4
|
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class TableComponent
|
|
8
|
-
private dataPropertyGetterPipe;
|
|
5
|
+
export declare class TableComponent {
|
|
9
6
|
/**
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
12
|
-
set matSort(matSort: MatSort);
|
|
13
|
-
/**
|
|
14
|
-
* @ignore
|
|
15
|
-
*/
|
|
16
|
-
tableDetails: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Data to be rendered
|
|
7
|
+
* Table configuration
|
|
19
8
|
*
|
|
20
|
-
* @
|
|
21
|
-
* @type {IDataSource}
|
|
9
|
+
* @type {TableConfig}
|
|
22
10
|
* @memberof TableComponent
|
|
23
11
|
*/
|
|
24
|
-
set
|
|
12
|
+
set config(config: TableConfig);
|
|
25
13
|
/**
|
|
26
|
-
*
|
|
14
|
+
* Input property for providing the table data.
|
|
27
15
|
*
|
|
28
|
-
* @type {
|
|
16
|
+
* @type {TableData}
|
|
29
17
|
* @memberof TableComponent
|
|
30
18
|
*/
|
|
31
|
-
|
|
19
|
+
data: TableData;
|
|
32
20
|
/**
|
|
33
|
-
*
|
|
21
|
+
* Input property indicating whether the table is in a loading state.
|
|
34
22
|
*
|
|
35
|
-
* @type {
|
|
23
|
+
* @type {boolean}
|
|
36
24
|
* @memberof TableComponent
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
dataSource: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
|
|
55
|
-
/**
|
|
56
|
-
* @ignore
|
|
57
|
-
*/
|
|
58
|
-
dataSourceDetail: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
|
|
59
|
-
/**
|
|
60
|
-
* @ignore
|
|
61
|
-
*/
|
|
62
|
-
elementDetail: any;
|
|
63
|
-
/**
|
|
64
|
-
* @ignore
|
|
65
|
-
*/
|
|
66
|
-
columnsToDisplay: string[];
|
|
67
|
-
/**
|
|
68
|
-
* @ignore
|
|
69
|
-
*/
|
|
70
|
-
columnsDetailToDisplay: string[];
|
|
71
|
-
/**
|
|
72
|
-
* @ignore
|
|
73
|
-
*/
|
|
74
|
-
DataType: typeof ColumnTypeEnum;
|
|
75
|
-
ngOnInit(): void;
|
|
76
|
-
constructor(dataPropertyGetterPipe: DataPropertyGetterPipe);
|
|
77
|
-
onSort(sortParams: Sort): void;
|
|
78
|
-
onRowClick(rowParams: any): void;
|
|
79
|
-
onDetailRowClick(rowParams: any): void;
|
|
80
|
-
toggleRow(element: T): void;
|
|
81
|
-
/**
|
|
82
|
-
* @ignore
|
|
83
|
-
*/
|
|
84
|
-
private setTableDataSource;
|
|
85
|
-
/**
|
|
86
|
-
* @ignore
|
|
87
|
-
*/
|
|
88
|
-
private setTableDetailDataSource;
|
|
89
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, never>;
|
|
90
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "tableDetails": { "alias": "tableDetails"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; }, { "onSortEvent": "onSortEvent"; "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; }, never, never, false, never>;
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
27
|
+
loading: boolean;
|
|
28
|
+
paginatorChange: EventEmitter<PageEvent>;
|
|
29
|
+
protected columnsTooltipState: ColumnEllipse[];
|
|
30
|
+
protected tableConfig: TableConfigWithPagination;
|
|
31
|
+
protected displayedColumns: string[];
|
|
32
|
+
protected skeletonStyleConfig: {
|
|
33
|
+
background: string;
|
|
34
|
+
'border-radius': string;
|
|
35
|
+
height: string;
|
|
36
|
+
};
|
|
37
|
+
private defaultPaginationConfig;
|
|
38
|
+
protected onPaginatorChange(event: PageEvent): void;
|
|
39
|
+
protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "paginatorChange": "paginatorChange"; }, never, never, false, never>;
|
|
91
42
|
}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./table.component";
|
|
3
|
-
import * as i2 from "./
|
|
4
|
-
import * as i3 from "
|
|
5
|
-
import * as i4 from "@angular/
|
|
6
|
-
import * as i5 from "@angular/material/
|
|
7
|
-
import * as i6 from "
|
|
8
|
-
import * as i7 from "
|
|
9
|
-
import * as i8 from "@angular/material/tooltip";
|
|
3
|
+
import * as i2 from "./ellipse-text.directive";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "@angular/material/table";
|
|
6
|
+
import * as i5 from "@angular/material/tooltip";
|
|
7
|
+
import * as i6 from "../skeleton/skeleton.component";
|
|
8
|
+
import * as i7 from "../paginator/paginator.component.module";
|
|
10
9
|
export declare class TableComponentModule {
|
|
11
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
|
|
12
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.EllipseTextDirective], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatTooltipModule, typeof i6.SkeletonComponent, typeof i7.PaginatorComponentModule], [typeof i1.TableComponent]>;
|
|
13
12
|
static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
|
|
14
13
|
}
|
|
@@ -1,45 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
field?: string;
|
|
9
|
-
type?: ColumnTypeEnum;
|
|
10
|
-
function?: (v: T) => string;
|
|
11
|
-
renderer?: (v: T) => IComponentRenderer | string;
|
|
12
|
-
sortable?: boolean;
|
|
13
|
-
styles?: IColumnStyles;
|
|
1
|
+
export interface TableConfig {
|
|
2
|
+
columns: TableColumn[];
|
|
3
|
+
pagination?: Pagination;
|
|
4
|
+
title?: string;
|
|
5
|
+
width?: number;
|
|
6
|
+
stickyFirstColumn?: boolean;
|
|
7
|
+
stickyLastColumn?: boolean;
|
|
14
8
|
}
|
|
15
|
-
export interface
|
|
16
|
-
|
|
17
|
-
inputs?: any;
|
|
18
|
-
outputs?: {
|
|
19
|
-
[key: string]: any;
|
|
20
|
-
};
|
|
9
|
+
export interface TableConfigWithPagination extends TableConfig {
|
|
10
|
+
pagination: Pagination;
|
|
21
11
|
}
|
|
22
|
-
export interface
|
|
23
|
-
|
|
24
|
-
|
|
12
|
+
export interface TableColumn {
|
|
13
|
+
title: string;
|
|
14
|
+
key: string;
|
|
15
|
+
widthPerc?: number;
|
|
16
|
+
minWidthPx?: number;
|
|
17
|
+
allowMultiline?: boolean;
|
|
18
|
+
bold?: boolean;
|
|
19
|
+
showTooltip?: boolean;
|
|
25
20
|
}
|
|
26
|
-
export interface
|
|
27
|
-
|
|
28
|
-
|
|
21
|
+
export interface Pagination {
|
|
22
|
+
itemsPerPageOptions: number[];
|
|
23
|
+
itemsPerPage: number;
|
|
24
|
+
currentPage: number;
|
|
25
|
+
totalItems: number;
|
|
29
26
|
}
|
|
30
|
-
export
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
padding?: string;
|
|
35
|
-
}
|
|
36
|
-
export declare enum ColumnTypeEnum {
|
|
37
|
-
FIELD = "field",
|
|
38
|
-
FUNCTION = "function",
|
|
39
|
-
RENDERER = "renderer"
|
|
40
|
-
}
|
|
41
|
-
export declare enum ColumnAlignmentEnum {
|
|
42
|
-
LEFT = "left",
|
|
43
|
-
RIGHT = "right",
|
|
44
|
-
CENTER = "center"
|
|
27
|
+
export type TableData = Record<string, any>[];
|
|
28
|
+
export interface ColumnEllipse {
|
|
29
|
+
index: number;
|
|
30
|
+
showTooltip: boolean;
|
|
45
31
|
}
|
|
@@ -63,7 +63,7 @@ export class AlertBannerComponent {
|
|
|
63
63
|
this.visible = false;
|
|
64
64
|
}
|
|
65
65
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertBannerComponent, selector: "ui-alert-banner", inputs: { alertType: "alertType", message: "message", includeDismissButton: "includeDismissButton", fixed: "fixed", fullWidth: "fullWidth", linkText: "linkText", linkUrl: "linkUrl", linkTarget: "linkTarget" }, ngImport: i0, template: "<div [ngClass]=\"cssClass\" [@openClose] *ngIf=\"visible\" class=\"alert-container\">\n <div class=\"alert-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n <a *ngIf=\"!!linkText\" [target]=\"linkTarget\" [href]=\"linkUrl\">{{ linkText }}</a>\n </div>\n <ui-button\n *ngIf=\"includeDismissButton\"\n
|
|
66
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AlertBannerComponent, selector: "ui-alert-banner", inputs: { alertType: "alertType", message: "message", includeDismissButton: "includeDismissButton", fixed: "fixed", fullWidth: "fullWidth", linkText: "linkText", linkUrl: "linkUrl", linkTarget: "linkTarget" }, ngImport: i0, template: "<div [ngClass]=\"cssClass\" [@openClose] *ngIf=\"visible\" class=\"alert-container\">\n <div class=\"alert-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n <a *ngIf=\"!!linkText\" [target]=\"linkTarget\" [href]=\"linkUrl\">{{ linkText }}</a>\n </div>\n <ui-button\n *ngIf=\"includeDismissButton\"\n variant=\"text\"\n [justIcon]=\"true\"\n class=\"close\"\n iconName=\"Close\"\n (buttonClickEvent)=\"dismissClick()\"\n ></ui-button>\n</div>\n", styles: [":host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .alert-container.fixed{top:0;z-index:98}:host .alert-container.full-width{width:100%;min-width:100%}:host .alert-container a{margin-left:7px}\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"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color"] }], animations: [
|
|
67
67
|
trigger('openClose', [
|
|
68
68
|
transition(':enter', [animate('0.2s ease-out', style({ opacity: 1 }))]),
|
|
69
69
|
transition(':leave', [animate('0.2s ease-in', style({ opacity: 0 }))]),
|
|
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
77
77
|
transition(':enter', [animate('0.2s ease-out', style({ opacity: 1 }))]),
|
|
78
78
|
transition(':leave', [animate('0.2s ease-in', style({ opacity: 0 }))]),
|
|
79
79
|
]),
|
|
80
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"cssClass\" [@openClose] *ngIf=\"visible\" class=\"alert-container\">\n <div class=\"alert-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n <a *ngIf=\"!!linkText\" [target]=\"linkTarget\" [href]=\"linkUrl\">{{ linkText }}</a>\n </div>\n <ui-button\n *ngIf=\"includeDismissButton\"\n
|
|
80
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"cssClass\" [@openClose] *ngIf=\"visible\" class=\"alert-container\">\n <div class=\"alert-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\n <a *ngIf=\"!!linkText\" [target]=\"linkTarget\" [href]=\"linkUrl\">{{ linkText }}</a>\n </div>\n <ui-button\n *ngIf=\"includeDismissButton\"\n variant=\"text\"\n [justIcon]=\"true\"\n class=\"close\"\n iconName=\"Close\"\n (buttonClickEvent)=\"dismissClick()\"\n ></ui-button>\n</div>\n", styles: [":host{display:flex;width:100%;justify-content:center}:host .snackbar-container{max-width:600px}:host .alert-container,:host .snackbar-container{margin:0 auto;display:flex;padding:0 14px;border-radius:4px;align-items:center;justify-content:space-between;opacity:1;min-height:48px}:host .alert-container.fixed,:host .snackbar-container.fixed{position:fixed}:host .alert-container.static,:host .snackbar-container.static{position:relative}:host .alert-container ui-icon,:host .snackbar-container ui-icon{margin-right:14px}:host .alert-container ui-button,:host .snackbar-container ui-button{margin-left:14px}:host .alert-container ::ng-deep button.mat-mdc-unelevated-button.big,:host .snackbar-container ::ng-deep button.mat-mdc-unelevated-button.big{padding:0;min-width:auto}:host .alert-container .alert-text,:host .alert-container .snackbar-text,:host .snackbar-container .alert-text,:host .snackbar-container .snackbar-text{display:flex;align-items:center;color:#000}:host .alert-container .alert-text a,:host .alert-container .snackbar-text a,:host .snackbar-container .alert-text a,:host .snackbar-container .snackbar-text a{color:#000;text-decoration:underline;font-weight:700}:host .alert-container .alert-text a:hover,:host .alert-container .alert-text a:visited,:host .alert-container .alert-text a:focus,:host .alert-container .snackbar-text a:hover,:host .alert-container .snackbar-text a:visited,:host .alert-container .snackbar-text a:focus,:host .snackbar-container .alert-text a:hover,:host .snackbar-container .alert-text a:visited,:host .snackbar-container .alert-text a:focus,:host .snackbar-container .snackbar-text a:hover,:host .snackbar-container .snackbar-text a:visited,:host .snackbar-container .snackbar-text a:focus{text-decoration:none}:host .alert-container.success,:host .snackbar-container.success{background-color:#cbd6cb}:host .alert-container.info,:host .snackbar-container.info{background-color:#c8d7de}:host .alert-container.warning,:host .snackbar-container.warning{background-color:#f0d6bb}:host .alert-container.error,:host .snackbar-container.error{background-color:#e3c3c6}@media (max-width: 600px){:host .alert-container,:host .snackbar-container{padding:8px 14px}}:host .alert-container.fixed{top:0;z-index:98}:host .alert-container.full-width{width:100%;min-width:100%}:host .alert-container a{margin-left:7px}\n"] }]
|
|
81
81
|
}], ctorParameters: function () { return []; }, propDecorators: { alertType: [{
|
|
82
82
|
type: Input
|
|
83
83
|
}], message: [{
|
|
@@ -95,4 +95,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
95
95
|
}], linkTarget: [{
|
|
96
96
|
type: Input
|
|
97
97
|
}] } });
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FsZXJ0LWJhbm5lci9hbGVydC1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYWxlcnQtYmFubmVyL2FsZXJ0LWJhbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFHbEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7OztBQWU3RCxNQUFNLE9BQU8sb0JBQW9CO0lBQy9CO1FBRUE7Ozs7O1dBS0c7UUFDTSxjQUFTLEdBQWlCLFNBQVMsQ0FBQztRQUU3Qzs7OztXQUlHO1FBQ00sWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUV0Qjs7OztXQUlHO1FBQ00seUJBQW9CLEdBQUcsSUFBSSxDQUFDO1FBRXJDOzs7O1dBSUc7UUFDTSxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBRXZCOzs7O1dBSUc7UUFDTSxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRTFCOzs7O1dBSUc7UUFDTSxhQUFRLEdBQUksRUFBRSxDQUFDO1FBU3hCOzs7OztXQUtHO1FBQ00sZUFBVSxHQUFvQixRQUFRLENBQUM7UUFHaEQsWUFBTyxHQUFHLElBQUksQ0FBQztJQTdEQSxDQUFDO0lBaUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsUUFBUSxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RELElBQUksQ0FBQyxRQUFRLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzNGLENBQUM7SUFFRCw4Q0FBOEM7SUFDOUMsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7K0dBM0VVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHlRQ25CakMsMGZBZUEsNjdGREpjO1lBQ1YsT0FBTyxDQUFDLFdBQVcsRUFBRTtnQkFDbkIsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUN2RSxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDdkUsQ0FBQztTQUNIOzs0RkFHVSxvQkFBb0I7a0JBWmhDLFNBQVM7K0JBQ0UsaUJBQWlCLGNBR2Y7d0JBQ1YsT0FBTyxDQUFDLFdBQVcsRUFBRTs0QkFDbkIsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDOzRCQUN2RSxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7eUJBQ3ZFLENBQUM7cUJBQ0gsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07MEVBV3RDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBT0csT0FBTztzQkFBZixLQUFLO2dCQU9HLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csU0FBUztzQkFBakIsS0FBSztnQkFPRyxRQUFRO3NCQUFoQixLQUFLO2dCQU9HLE9BQU87c0JBQWYsS0FBSztnQkFRRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9pY29uL2ljb24ubW9kZWwnO1xuaW1wb3J0IHsgQWxlcnRCYXJUeXBlIH0gZnJvbSAnLi4vLi4vdXRpbHMvYWxlcnQtYmFyLm1vZGVsJztcbmltcG9ydCB7IGFsZXJ0QmFyc1V0aWwgfSBmcm9tICcuLi8uLi91dGlscy9hbGVydC1iYXJzLnV0aWxzJztcbmltcG9ydCB7IExpbmtUYXJnZXRUeXBlIH0gZnJvbSAnLi9hbGVydC1iYW5uZXIubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1hbGVydC1iYW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQtYmFubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQtYmFubmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdvcGVuQ2xvc2UnLCBbXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbYW5pbWF0ZSgnMC4ycyBlYXNlLW91dCcsIHN0eWxlKHsgb3BhY2l0eTogMSB9KSldKSxcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFthbmltYXRlKCcwLjJzIGVhc2UtaW4nLCBzdHlsZSh7IG9wYWNpdHk6IDAgfSkpXSksXG4gICAgXSksXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydEJhbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICAvKipcbiAgICogQWxlcnQgQmFubmVyIHR5cGVcbiAgICpcbiAgICogQHR5cGUge0FsZXJ0QmFyVHlwZX1cbiAgICogQG1lbWJlcm9mIEFsZXJ0QmFubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBhbGVydFR5cGU6IEFsZXJ0QmFyVHlwZSA9ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQWxlcnQgYmFubmVyIG1lc3NhZ2VcbiAgICpcbiAgICogQG1lbWJlcm9mIEFsZXJ0QmFubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlID0gJyc7XG5cbiAgLyoqXG4gICAqIEluY2x1ZGUgZGlzbW1pc3MgYnV0dG9uXG4gICAqXG4gICAqIEBtZW1iZXJvZiBBbGVydEJhbm5lckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgaW5jbHVkZURpc21pc3NCdXR0b24gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBTdGF0aWMgb3IgZml4ZWQgcG9zaXRpb25cbiAgICpcbiAgICogQG1lbWJlcm9mIEFsZXJ0QmFubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBmaXhlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBGdWxsIHdpZHRoIGZvciBhbGVydCBiYW5uZXJcbiAgICpcbiAgICogQG1lbWJlcm9mIEFsZXJ0QmFubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBmdWxsV2lkdGggPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBMaW5rIHRleHQgdGhhdCB3aWxsIGFwcGVuZGVkIGF0IHRoZSBlbmQgb2YgbWVzc2FnZVxuICAgKlxuICAgKiBAbWVtYmVyb2YgQWxlcnRCYW5uZXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGxpbmtUZXh0PyA9ICcnO1xuXG4gIC8qKlxuICAgKiBMaW5rIHVybFxuICAgKlxuICAgKiBAbWVtYmVyb2YgQWxlcnRCYW5uZXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGxpbmtVcmw/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIExpbmsgdGFyZ2V0XG4gICAqXG4gICAqIEB0eXBlIHtAdHlwZSB7TGlua1RhcmdldFR5cGV9fVxuICAgKiBAbWVtYmVyb2YgQWxlcnRCYW5uZXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGxpbmtUYXJnZXQ/OiBMaW5rVGFyZ2V0VHlwZSA9ICdfYmxhbmsnO1xuXG4gIGljb25OYW1lOiBJY29uTmFtZTtcbiAgdmlzaWJsZSA9IHRydWU7XG4gIHBvc2l0aW9uOiBzdHJpbmc7XG4gIGNzc0NsYXNzOiBzdHJpbmc7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pY29uTmFtZSA9IGFsZXJ0QmFyc1V0aWwuc2V0SWNvbih0aGlzLmFsZXJ0VHlwZSk7XG4gICAgdGhpcy5wb3NpdGlvbiA9IGFsZXJ0QmFyc1V0aWwuc2V0UG9zaXRpb24odGhpcy5maXhlZCk7XG4gICAgdGhpcy5jc3NDbGFzcyA9IGFsZXJ0QmFyc1V0aWwuc2V0Q3NzQ2xhc3ModGhpcy5mdWxsV2lkdGgsIHRoaXMuYWxlcnRUeXBlLCB0aGlzLnBvc2l0aW9uKTtcbiAgfVxuXG4gIC8vSGlkZSBzbmFja2JhciB3aGVuIGRpc21pc3MgYnV0dG9uIGlzIGNsaWNrZWRcbiAgZGlzbWlzc0NsaWNrKCkge1xuICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlO1xuICB9XG59XG4iLCI8ZGl2IFtuZ0NsYXNzXT1cImNzc0NsYXNzXCIgW0BvcGVuQ2xvc2VdICpuZ0lmPVwidmlzaWJsZVwiIGNsYXNzPVwiYWxlcnQtY29udGFpbmVyXCI+XG4gIDxkaXYgY2xhc3M9XCJhbGVydC10ZXh0XCI+XG4gICAgPHVpLWljb24gW25hbWVdPVwiaWNvbk5hbWVcIiBzaXplPVwiMjRcIj48L3VpLWljb24+XG4gICAge3sgbWVzc2FnZSB9fVxuICAgIDxhICpuZ0lmPVwiISFsaW5rVGV4dFwiIFt0YXJnZXRdPVwibGlua1RhcmdldFwiIFtocmVmXT1cImxpbmtVcmxcIj57eyBsaW5rVGV4dCB9fTwvYT5cbiAgPC9kaXY+XG4gIDx1aS1idXR0b25cbiAgICAqbmdJZj1cImluY2x1ZGVEaXNtaXNzQnV0dG9uXCJcbiAgICB2YXJpYW50PVwidGV4dFwiXG4gICAgW2p1c3RJY29uXT1cInRydWVcIlxuICAgIGNsYXNzPVwiY2xvc2VcIlxuICAgIGljb25OYW1lPVwiQ2xvc2VcIlxuICAgIChidXR0b25DbGlja0V2ZW50KT1cImRpc21pc3NDbGljaygpXCJcbiAgPjwvdWktYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -51,11 +51,11 @@ export class AvatarComponent {
|
|
|
51
51
|
this.editClick.emit(event);
|
|
52
52
|
}
|
|
53
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AvatarComponent, selector: "ui-avatar", inputs: { size: "size", imageUrl: "imageUrl", name: "name", tooltipText: "tooltipText", allowEdit: "allowEdit" }, outputs: { editClick: "editClick" }, ngImport: i0, template: "<div\n class=\"avatar-container\"\n [attr.type]=\"!imageUrl && !name ? 'icon' : 'initials'\"\n [ngClass]=\"[size]\"\n>\n <span *ngIf=\"name && !imageUrl\">\n {{ name | nameInitials }}\n </span>\n <img *ngIf=\"imageUrl\" [attr.src]=\"imageUrl\" [alt]=\"'profile-image'\">\n <ui-icon color=\"dark\" [size]=\"iconSize[size]\" *ngIf=\"!imageUrl && !name\" [name]=\"'User-profile'\"></ui-icon>\n <div class=\"edit-avatar\" *ngIf=\"size === avatarSize.LARGE && allowEdit\">\n <ui-button\n [size]=\"'small'\"\n [iconName]=\"'Edit'\"\n [
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AvatarComponent, selector: "ui-avatar", inputs: { size: "size", imageUrl: "imageUrl", name: "name", tooltipText: "tooltipText", allowEdit: "allowEdit" }, outputs: { editClick: "editClick" }, ngImport: i0, template: "<div\n class=\"avatar-container\"\n [attr.type]=\"!imageUrl && !name ? 'icon' : 'initials'\"\n [ngClass]=\"[size]\"\n>\n <span *ngIf=\"name && !imageUrl\">\n {{ name | nameInitials }}\n </span>\n <img *ngIf=\"imageUrl\" [attr.src]=\"imageUrl\" [alt]=\"'profile-image'\">\n <ui-icon color=\"dark\" [size]=\"iconSize[size]\" *ngIf=\"!imageUrl && !name\" [name]=\"'User-profile'\"></ui-icon>\n <div class=\"edit-avatar\" *ngIf=\"size === avatarSize.LARGE && allowEdit\">\n <ui-button\n [size]=\"'small'\"\n [iconName]=\"'Edit'\"\n [variant]=\"'icon-button'\"\n [tooltip]=\"tooltipText\"\n (buttonClickEvent)=\"onEditClick($event)\"\n ></ui-button>\n </div>\n</div>\n", styles: [":host .clickable{cursor:pointer}:host .non-clickable{pointer-events:none}:host .avatar-container{font-family:Open Sans,sans-serif;font-weight:400;display:flex;justify-content:center;align-items:center;border-radius:100%;background:#CBD6CB;position:relative;-webkit-user-select:none;user-select:none}:host .avatar-container[type=icon]{background:#E0E0E0}:host .avatar-container img{width:100%;height:100%;object-fit:cover;border-radius:100%}:host .avatar-container.small{width:24px;height:24px;font-size:10px}:host .avatar-container.medium{width:48px;height:48px;font-size:20px}:host .avatar-container.large{width:120px;height:120px;font-size:50px;letter-spacing:-2}:host .avatar-container .edit-avatar{display:flex;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;background:#F6F6F6;width:32px;height:32px;border-radius:100%}\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.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color"] }, { kind: "component", type: i3.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: i4.NameInitialsPipe, name: "nameInitials" }] }); }
|
|
55
55
|
}
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
57
57
|
type: Component,
|
|
58
|
-
args: [{ selector: 'ui-avatar', template: "<div\n class=\"avatar-container\"\n [attr.type]=\"!imageUrl && !name ? 'icon' : 'initials'\"\n [ngClass]=\"[size]\"\n>\n <span *ngIf=\"name && !imageUrl\">\n {{ name | nameInitials }}\n </span>\n <img *ngIf=\"imageUrl\" [attr.src]=\"imageUrl\" [alt]=\"'profile-image'\">\n <ui-icon color=\"dark\" [size]=\"iconSize[size]\" *ngIf=\"!imageUrl && !name\" [name]=\"'User-profile'\"></ui-icon>\n <div class=\"edit-avatar\" *ngIf=\"size === avatarSize.LARGE && allowEdit\">\n <ui-button\n [size]=\"'small'\"\n [iconName]=\"'Edit'\"\n [
|
|
58
|
+
args: [{ selector: 'ui-avatar', template: "<div\n class=\"avatar-container\"\n [attr.type]=\"!imageUrl && !name ? 'icon' : 'initials'\"\n [ngClass]=\"[size]\"\n>\n <span *ngIf=\"name && !imageUrl\">\n {{ name | nameInitials }}\n </span>\n <img *ngIf=\"imageUrl\" [attr.src]=\"imageUrl\" [alt]=\"'profile-image'\">\n <ui-icon color=\"dark\" [size]=\"iconSize[size]\" *ngIf=\"!imageUrl && !name\" [name]=\"'User-profile'\"></ui-icon>\n <div class=\"edit-avatar\" *ngIf=\"size === avatarSize.LARGE && allowEdit\">\n <ui-button\n [size]=\"'small'\"\n [iconName]=\"'Edit'\"\n [variant]=\"'icon-button'\"\n [tooltip]=\"tooltipText\"\n (buttonClickEvent)=\"onEditClick($event)\"\n ></ui-button>\n </div>\n</div>\n", styles: [":host .clickable{cursor:pointer}:host .non-clickable{pointer-events:none}:host .avatar-container{font-family:Open Sans,sans-serif;font-weight:400;display:flex;justify-content:center;align-items:center;border-radius:100%;background:#CBD6CB;position:relative;-webkit-user-select:none;user-select:none}:host .avatar-container[type=icon]{background:#E0E0E0}:host .avatar-container img{width:100%;height:100%;object-fit:cover;border-radius:100%}:host .avatar-container.small{width:24px;height:24px;font-size:10px}:host .avatar-container.medium{width:48px;height:48px;font-size:20px}:host .avatar-container.large{width:120px;height:120px;font-size:50px;letter-spacing:-2}:host .avatar-container .edit-avatar{display:flex;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;background:#F6F6F6;width:32px;height:32px;border-radius:100%}\n"] }]
|
|
59
59
|
}], propDecorators: { size: [{
|
|
60
60
|
type: Input
|
|
61
61
|
}], imageUrl: [{
|
|
@@ -69,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
69
69
|
}], editClick: [{
|
|
70
70
|
type: Output
|
|
71
71
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQU90RCxNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQU1FOzs7OztXQUtHO1FBQ00sU0FBSSxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUM7UUFDakM7Ozs7V0FJRztRQUNNLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFFdkI7Ozs7V0FJRztRQUNNLFNBQUksR0FBRyxFQUFFLENBQUM7UUFFbkI7Ozs7V0FJRztRQUNNLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBRTFCOzs7O1dBSUc7UUFDTSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRTNCOzs7O1dBSUc7UUFDTyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUU3QixhQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3BCLGVBQVUsR0FBRyxVQUFVLENBQUM7S0FLNUM7SUFIVyxXQUFXLENBQUMsS0FBWTtRQUNoQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDOytHQWhEVSxlQUFlO21HQUFmLGVBQWUsd01DUjVCLG9zQkFvQkE7OzRGRFphLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsV0FBVzs4QkFXWixJQUFJO3NCQUFaLEtBQUs7Z0JBTUcsUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxJQUFJO3NCQUFaLEtBQUs7Z0JBT0csV0FBVztzQkFBbkIsS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQU9JLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXZhdGFyU2l6ZSwgaWNvblNpemUgfSBmcm9tICcuL2F2YXRhci5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWF2YXRhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXZhdGFyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGZvciBzcGVjaWZ5aW5nIHRoZSBzaXplIG9mIHRoZSBhdmF0YXIuXG4gICAqIEB0eXBlIHtBdmF0YXJTaXplfVxuICAgKiBAZGVmYXVsdCBBdmF0YXJTaXplLlNNQUxMXG4gICAqIEBtZW1iZXJvZiBBdmF0YXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHNpemUgPSBBdmF0YXJTaXplLlNNQUxMO1xuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgZm9yIHNwZWNpZnlpbmcgdGhlIFVSTCBvZiB0aGUgaW1hZ2UgdG8gZGlzcGxheSBpbiB0aGUgYXZhdGFyLlxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgQXZhdGFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBpbWFnZVVybCA9ICcnO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBmb3Igc3BlY2lmeWluZyB0aGUgaW5pdGlhbHMgdG8gZGlzcGxheSBpbiB0aGUgYXZhdGFyLlxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgQXZhdGFyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBuYW1lID0gJyc7XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGZvciBzcGVjaWZ5aW5nIHRoZSB0b29sdGlwIHRleHQgZm9yIGVkaXQuXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBBdmF0YXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHRvb2x0aXBUZXh0ID0gJyc7XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IHRoYXQgbWFrZXMgYXZhdGFyIGVkaXRhYmxlLlxuICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICogQG1lbWJlcm9mIEF2YXRhckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYWxsb3dFZGl0ID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgZWRpdCBidXR0b24gaXMgY2xpY2tlZC5cbiAgICogQHR5cGUge0V2ZW50fVxuICAgKiBAbWVtYmVyb2YgQXZhdGFyQ29tcG9uZW50XG4gICAqL1xuICBAT3V0cHV0KCkgZWRpdENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgaWNvblNpemUgPSBpY29uU2l6ZTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGF2YXRhclNpemUgPSBBdmF0YXJTaXplO1xuXG4gIHByb3RlY3RlZCBvbkVkaXRDbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmVkaXRDbGljay5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImF2YXRhci1jb250YWluZXJcIlxuICBbYXR0ci50eXBlXT1cIiFpbWFnZVVybCAmJiAhbmFtZSA/ICdpY29uJyA6ICdpbml0aWFscydcIlxuICBbbmdDbGFzc109XCJbc2l6ZV1cIlxuPlxuICA8c3BhbiAqbmdJZj1cIm5hbWUgJiYgIWltYWdlVXJsXCI+XG4gICAge3sgbmFtZSB8IG5hbWVJbml0aWFscyB9fVxuICA8L3NwYW4+XG4gIDxpbWcgKm5nSWY9XCJpbWFnZVVybFwiIFthdHRyLnNyY109XCJpbWFnZVVybFwiIFthbHRdPVwiJ3Byb2ZpbGUtaW1hZ2UnXCI+XG4gIDx1aS1pY29uIGNvbG9yPVwiZGFya1wiIFtzaXplXT1cImljb25TaXplW3NpemVdXCIgKm5nSWY9XCIhaW1hZ2VVcmwgJiYgIW5hbWVcIiBbbmFtZV09XCInVXNlci1wcm9maWxlJ1wiPjwvdWktaWNvbj5cbiAgPGRpdiBjbGFzcz1cImVkaXQtYXZhdGFyXCIgKm5nSWY9XCJzaXplID09PSBhdmF0YXJTaXplLkxBUkdFICYmIGFsbG93RWRpdFwiPlxuICAgIDx1aS1idXR0b25cbiAgICAgIFtzaXplXT1cIidzbWFsbCdcIlxuICAgICAgW2ljb25OYW1lXT1cIidFZGl0J1wiXG4gICAgICBbdmFyaWFudF09XCInaWNvbi1idXR0b24nXCJcbiAgICAgIFt0b29sdGlwXT1cInRvb2x0aXBUZXh0XCJcbiAgICAgIChidXR0b25DbGlja0V2ZW50KT1cIm9uRWRpdENsaWNrKCRldmVudClcIlxuICAgID48L3VpLWJ1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -24,11 +24,11 @@ export class BadgeComponent {
|
|
|
24
24
|
*/
|
|
25
25
|
this.color = 'petrol';
|
|
26
26
|
/**
|
|
27
|
-
* The variant of the badge. Defaults to '
|
|
27
|
+
* The variant of the badge. Defaults to 'primary'.
|
|
28
28
|
* @type {BadgeVariant}
|
|
29
29
|
* @memberof BadgeComponent
|
|
30
30
|
*/
|
|
31
|
-
this.variant = '
|
|
31
|
+
this.variant = 'primary';
|
|
32
32
|
/**
|
|
33
33
|
* The amount of notifications to be displayed on the badge.
|
|
34
34
|
* @type {number}
|
|
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
63
63
|
}], notificationsAmount: [{
|
|
64
64
|
type: Input
|
|
65
65
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFjLGNBQWMsRUFBZ0IsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPM0YsTUFBTSxPQUFPLGNBQWM7SUFMM0I7UUFNRTs7OztXQUlHO1FBQ00sVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVwQjs7OztXQUlHO1FBQ00sU0FBSSxHQUFhLEVBQUUsQ0FBQztRQUU3Qjs7OztXQUlHO1FBQ00sVUFBSyxHQUFlLFFBQVEsQ0FBQztRQUV0Qzs7OztXQUlHO1FBQ00sWUFBTyxHQUFpQixTQUFTLENBQUM7UUFFM0M7Ozs7V0FJRztRQUNNLHdCQUFtQixHQUFHLENBQUMsQ0FBQztRQUV2QixpQkFBWSxHQUFHLGdCQUFnQixDQUFDO1FBQ2xDLGVBQVUsR0FBYTtZQUM3QixjQUFjLENBQUMsV0FBVztZQUMxQixjQUFjLENBQUMsVUFBVTtZQUN6QixjQUFjLENBQUMsUUFBUTtZQUN2QixjQUFjLENBQUMsVUFBVTtTQUMxQixDQUFDO0tBS0g7SUFIQyxJQUFjLFNBQVM7UUFDckIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO0lBQ2xFLENBQUM7K0dBOUNVLGNBQWM7bUdBQWQsY0FBYywwS0NUM0IsaWtCQVFBOzs0RkRDYSxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFVBQVU7OEJBVVgsS0FBSztzQkFBYixLQUFLO2dCQU9HLElBQUk7c0JBQVosS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csT0FBTztzQkFBZixLQUFLO2dCQU9HLG1CQUFtQjtzQkFBM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Db2xvciwgSWNvbk5hbWUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kZWwnO1xuaW1wb3J0IHsgQmFkZ2VDb2xvciwgQmFkZ2VDb2xvckVudW0sIEJhZGdlVmFyaWFudCwgQmFkZ2VWYXJpYW50RW51bSB9IGZyb20gJy4vYmFkZ2UubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1iYWRnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRoZSBsYWJlbCB0byBiZSBkaXNwbGF5ZWQgb24gdGhlIGJhZGdlLlxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgQmFkZ2VDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG5cbiAgLyoqXG4gICAqIFRoZSBpY29uIG5hbWUgdG8gYmUgZGlzcGxheWVkIG9uIHRoZSBiYWRnZS5cbiAgICogQHR5cGUge0ljb25OYW1lfVxuICAgKiBAbWVtYmVyb2YgQmFkZ2VDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGljb246IEljb25OYW1lID0gJyc7XG5cbiAgLyoqXG4gICAqIFRoZSBjb2xvciBvZiB0aGUgYmFkZ2UuIERlZmF1bHRzIHRvICdwZXRyb2wnLlxuICAgKiBAdHlwZSB7QmFkZ2VDb2xvcn1cbiAgICogQG1lbWJlcm9mIEJhZGdlQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogQmFkZ2VDb2xvciA9ICdwZXRyb2wnO1xuXG4gIC8qKlxuICAgKiBUaGUgdmFyaWFudCBvZiB0aGUgYmFkZ2UuIERlZmF1bHRzIHRvICdwcmltYXJ5Jy5cbiAgICogQHR5cGUge0JhZGdlVmFyaWFudH1cbiAgICogQG1lbWJlcm9mIEJhZGdlQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSB2YXJpYW50OiBCYWRnZVZhcmlhbnQgPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIFRoZSBhbW91bnQgb2Ygbm90aWZpY2F0aW9ucyB0byBiZSBkaXNwbGF5ZWQgb24gdGhlIGJhZGdlLlxuICAgKiBAdHlwZSB7bnVtYmVyfVxuICAgKiBAbWVtYmVyb2YgQmFkZ2VDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIG5vdGlmaWNhdGlvbnNBbW91bnQgPSAwO1xuXG4gIHByb3RlY3RlZCBiYWRnZVZhcmlhbnQgPSBCYWRnZVZhcmlhbnRFbnVtO1xuICBwcml2YXRlIGRhcmtDb2xvcnM6IHN0cmluZ1tdID0gW1xuICAgIEJhZGdlQ29sb3JFbnVtLkdSRVlfTUVESVVNLFxuICAgIEJhZGdlQ29sb3JFbnVtLlBFVFJPTF85MFcsXG4gICAgQmFkZ2VDb2xvckVudW0uVEVBTF82MFcsXG4gICAgQmFkZ2VDb2xvckVudW0uUEVUUk9MXzYwVyxcbiAgXTtcblxuICBwcm90ZWN0ZWQgZ2V0IGljb25Db2xvcigpOiBJY29uQ29sb3Ige1xuICAgIHJldHVybiB0aGlzLmRhcmtDb2xvcnMuaW5jbHVkZXModGhpcy5jb2xvcikgPyAnYmxhY2snIDogJ3doaXRlJztcbiAgfVxufVxuIiwiPGRpdiBbY2xhc3NdPVwiJ2JhZGdlLWNvbnRhaW5lci0nICsgdmFyaWFudFwiIFthdHRyLmNvbG9yXT1cImNvbG9yXCI+XG4gIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInZhcmlhbnRcIj5cbiAgICA8dWktaWNvbiAqbmdTd2l0Y2hDYXNlPVwiYmFkZ2VWYXJpYW50LlBSSU1BUllcIiBjbGFzcz1cImJhZGdlLWljb25cIiBbbmFtZV09XCJpY29uXCIgW2NvbG9yXT1cImljb25Db2xvclwiID48L3VpLWljb24+XG4gICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiYmFkZ2VWYXJpYW50LlNFQ09OREFSWVwiIGNsYXNzPVwicG9pbnRcIiBbYXR0ci5jb2xvcl09XCJjb2xvclwiPjwvZGl2PlxuICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cImJhZGdlVmFyaWFudC5OT1RJRklDQVRJT05cIiBjbGFzcz1cIm51bWJlci1ub3RpZmljYXRpb25cIj57eyBub3RpZmljYXRpb25zQW1vdW50IH19PC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuICA8ZGl2IGNsYXNzPVwibGFiZWxcIiAqbmdJZj1cImxhYmVsICYmIHZhcmlhbnQgIT09IGJhZGdlVmFyaWFudC5OT1RJRklDQVRJT05cIj57eyBsYWJlbCB9fTwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -58,7 +58,7 @@ export class BannerActionComponent {
|
|
|
58
58
|
this.buttonClickEvent.emit(event);
|
|
59
59
|
}
|
|
60
60
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
61
|
-
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" }, 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: [":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:#ffffff;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", "
|
|
61
|
+
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" }, 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: [":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:#ffffff;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"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color"] }, { kind: "component", type: i4.RadialProgressComponent, selector: "ui-radial-progress", inputs: ["size", "value", "total"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
62
62
|
}
|
|
63
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerActionComponent, decorators: [{
|
|
64
64
|
type: Component,
|