@testgorilla/tgo-ui 1.12.18 → 1.13.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 +10 -3
- package/components/badge/badge.model.d.ts +9 -0
- package/components/button/button.component.d.ts +9 -1
- package/components/icon/icon.config.d.ts +1 -1
- package/components/icon/icon.model.d.ts +1 -1
- package/components/step/step.component.d.ts +10 -1
- package/esm2022/components/accordion/accordion.component.mjs +2 -2
- package/esm2022/components/alert-banner/alert-banner.component.mjs +3 -3
- package/esm2022/components/autocomplete/autocomplete.component.mjs +2 -2
- package/esm2022/components/avatar/avatar.component.mjs +2 -2
- package/esm2022/components/badge/badge.component.mjs +22 -5
- package/esm2022/components/badge/badge.model.mjs +10 -1
- package/esm2022/components/banner-action/banner-action.component.mjs +2 -2
- package/esm2022/components/button/button.component.mjs +13 -3
- package/esm2022/components/card/card.component.mjs +3 -3
- package/esm2022/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/components/datepicker/datepicker.component.mjs +2 -2
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.mjs +2 -2
- package/esm2022/components/deprecated-table/deprecated-table.component.mjs +3 -3
- package/esm2022/components/dialog/dialog.component.mjs +2 -2
- package/esm2022/components/divider/divider.component.mjs +2 -2
- package/esm2022/components/dropdown/dropdown.component.mjs +2 -2
- package/esm2022/components/elevation-shadow/elevation-shadow.component.mjs +2 -2
- package/esm2022/components/empty-state/empty-state.component.mjs +2 -2
- package/esm2022/components/field/field.component.mjs +2 -2
- package/esm2022/components/file-upload/file-upload.component.mjs +3 -3
- package/esm2022/components/icon/icon.component.mjs +2 -2
- package/esm2022/components/icon/icon.config.mjs +5 -2
- package/esm2022/components/icon/icon.model.mjs +1 -1
- package/esm2022/components/navbar/navbar.component.mjs +2 -2
- package/esm2022/components/navigation/navigation.component.mjs +2 -2
- package/esm2022/components/overflow-menu/overflow-menu.component.mjs +3 -3
- package/esm2022/components/page-header/page-header.component.mjs +2 -2
- package/esm2022/components/paginator/paginator.component.mjs +2 -2
- package/esm2022/components/progress-bar/progress-bar.component.mjs +2 -2
- package/esm2022/components/radial-progress/radial-progress.component.mjs +3 -3
- package/esm2022/components/radio-button/radio-button.component.mjs +2 -2
- package/esm2022/components/rating/rating.component.mjs +2 -2
- package/esm2022/components/scale/scale.component.mjs +2 -2
- package/esm2022/components/segmented-bar/segmented-bar.component.mjs +2 -2
- package/esm2022/components/side-sheet/side-sheet.component.mjs +2 -2
- package/esm2022/components/slider/slider.component.mjs +2 -2
- package/esm2022/components/snackbar/snackbar.component.mjs +3 -3
- package/esm2022/components/spinner/spinner.component.mjs +2 -2
- package/esm2022/components/step/step.component.mjs +13 -3
- package/esm2022/components/stepper/stepper.component.mjs +3 -3
- package/esm2022/components/table/table.component.mjs +2 -2
- package/esm2022/components/tabs/tabs.component.mjs +2 -2
- package/esm2022/components/tag/tag.component.mjs +2 -2
- package/esm2022/components/toggle/toggle.component.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui.mjs +134 -85
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/icons/Employee.svg +13 -0
- package/src/assets/icons/Minimize.svg +1 -1
- package/src/assets/icons/Money-bag.svg +10 -0
- package/src/assets/icons/Suitcase.svg +11 -0
- package/src/assets/images/rebrand-last-step-icon-black.svg +3 -0
- package/src/assets/images/rebrand-last-step-icon-light.svg +3 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { BadgeColorEnum, BadgeVariantEnum } from './badge.model';
|
|
2
|
+
import { BadgeColorEnum, BadgeVariantEnum, RebrandBadgeColorEnum, } from './badge.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
import * as i2 from "../icon/icon.component";
|
|
@@ -43,23 +43,38 @@ export class BadgeComponent {
|
|
|
43
43
|
* @memberof BadgeComponent
|
|
44
44
|
*/
|
|
45
45
|
this.applicationTheme = 'classic';
|
|
46
|
+
/**
|
|
47
|
+
* The color of the badge on new theme. Defaults to 'brand'.
|
|
48
|
+
* @type {RebrandBadgeColor}
|
|
49
|
+
* @memberof BadgeComponent
|
|
50
|
+
*/
|
|
51
|
+
this.rebrandColor = 'brand';
|
|
46
52
|
this.badgeVariant = BadgeVariantEnum;
|
|
47
53
|
this.darkColors = [
|
|
48
54
|
BadgeColorEnum.GREY_MEDIUM,
|
|
49
55
|
BadgeColorEnum.PETROL_90W,
|
|
50
56
|
BadgeColorEnum.TEAL_60W,
|
|
51
57
|
BadgeColorEnum.PETROL_60W,
|
|
58
|
+
RebrandBadgeColorEnum.SUCCESS,
|
|
59
|
+
RebrandBadgeColorEnum.INFO,
|
|
60
|
+
RebrandBadgeColorEnum.BRAND,
|
|
61
|
+
RebrandBadgeColorEnum.NEUTRAL,
|
|
62
|
+
RebrandBadgeColorEnum.NEGATIVE,
|
|
63
|
+
RebrandBadgeColorEnum.WARNING,
|
|
52
64
|
];
|
|
53
65
|
}
|
|
54
66
|
get iconColor() {
|
|
55
|
-
return this.darkColors.includes(this.color) ? 'black' : 'white';
|
|
67
|
+
return this.darkColors.includes(this.isClassicTheme ? this.color : this.rebrandColor) ? 'black' : 'white';
|
|
68
|
+
}
|
|
69
|
+
get isClassicTheme() {
|
|
70
|
+
return this.applicationTheme === 'classic';
|
|
56
71
|
}
|
|
57
72
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
58
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BadgeComponent, selector: "ui-badge", inputs: { label: "label", icon: "icon", color: "color", variant: "variant", notificationsAmount: "notificationsAmount", applicationTheme: "applicationTheme" }, ngImport: i0, template: "<div [class]=\"'badge-container-' + variant\" [attr.color]=\"color\">\n <ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"badgeVariant.PRIMARY\">\n <ui-icon *ngIf=\"icon\" class=\"badge-icon\" [name]=\"icon\" [color]=\"iconColor\" ></ui-icon>\n </ng-container>\n <div *ngSwitchCase=\"badgeVariant.SECONDARY\" class=\"point\" [attr.color]=\"color\"></div>\n <div *ngSwitchCase=\"badgeVariant.NOTIFICATION\" class=\"number-notification\">{{ notificationsAmount }}</div>\n </ng-container>\n <div class=\"label\" *ngIf=\"label && variant !== badgeVariant.NOTIFICATION\">{{ label }}</div>\n</div>\n", styles: [".bg-teal-60b{background:#
|
|
73
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BadgeComponent, selector: "ui-badge", inputs: { label: "label", icon: "icon", color: "color", variant: "variant", notificationsAmount: "notificationsAmount", applicationTheme: "applicationTheme", rebrandColor: "rebrandColor" }, ngImport: i0, template: "<div [class]=\"'badge-container-' + variant\" [attr.theme]=\"applicationTheme\" [attr.color]=\"isClassicTheme ? color : rebrandColor\">\n <ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"badgeVariant.PRIMARY\">\n <ui-icon *ngIf=\"icon\" class=\"badge-icon\" [name]=\"icon\" [color]=\"iconColor\" ></ui-icon>\n </ng-container>\n <div *ngSwitchCase=\"badgeVariant.SECONDARY\" class=\"point\" [attr.color]=\"isClassicTheme ? color : rebrandColor\"></div>\n <div *ngSwitchCase=\"badgeVariant.NOTIFICATION\" class=\"number-notification\">{{ notificationsAmount }}</div>\n </ng-container>\n <div class=\"label\" *ngIf=\"label && variant !== badgeVariant.NOTIFICATION\">{{ label }}</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}:host{display:block;width:-moz-fit-content;width:fit-content}:host .badge-container-primary,:host .badge-container-secondary{height:24px;padding:0 8px;border-radius:21px;color:#fff;font-size:12px;line-height:10px}:host .badge-container-primary .badge-icon,:host .badge-container-secondary .badge-icon{margin-right:8px}:host .badge-container-secondary .point{border-radius:50%;width:8px;height:8px;margin-right:8px}:host .badge-container-secondary .label{color:#000!important}:host .badge-container-secondary[theme=dark],:host .badge-container-secondary[theme=light]{color:#242424}:host .badge-container-notification{width:20px;height:20px;border-radius:50%;color:#fff;font-size:12px;line-height:10px}:host .badge-container-notification[theme=dark],:host .badge-container-notification[theme=light]{background:#242424!important;color:#fff!important;border-color:1px solid #ffffff}.flex-center,:host .badge-container-primary,:host .badge-container-secondary,:host .badge-container-notification{display:flex;align-items:center;justify-content:center}.background-colors[color=red],:host [color=red].badge-container-primary,:host .badge-container-secondary [color=red].point,:host [color=red].badge-container-notification{background:#cb7b7a}.background-colors[color=grey-medium],:host [color=grey-medium].badge-container-primary,:host .badge-container-secondary [color=grey-medium].point,:host [color=grey-medium].badge-container-notification{background:#e0e0e0;color:#000}.background-colors[color=teal],:host [color=teal].badge-container-primary,:host .badge-container-secondary [color=teal].point,:host [color=teal].badge-container-notification{background:#46a997}.background-colors[color=yellow],:host [color=yellow].badge-container-primary,:host .badge-container-secondary [color=yellow].point,:host [color=yellow].badge-container-notification{background:#cca45f}.background-colors[color=petrol],:host [color=petrol].badge-container-primary,:host .badge-container-secondary [color=petrol].point,:host [color=petrol].badge-container-notification{background:#276678}.background-colors[color=teal-60w],:host [color=teal-60w].badge-container-primary,:host .badge-container-secondary [color=teal-60w].point,:host [color=teal-60w].badge-container-notification{background:#b5ddd5;color:#000}.background-colors[color=petrol-90w],:host [color=petrol-90w].badge-container-primary,:host .badge-container-secondary [color=petrol-90w].point,:host [color=petrol-90w].badge-container-notification{background:#e9f0f1;color:#000}.background-colors[color=petrol-60w],:host [color=petrol-60w].badge-container-primary,:host .badge-container-secondary [color=petrol-60w].point,:host [color=petrol-60w].badge-container-notification{background:#a9c2c9;color:#000}.background-colors[color=grey-dark],:host [color=grey-dark].badge-container-primary,:host .badge-container-secondary [color=grey-dark].point,:host [color=grey-dark].badge-container-notification{background:#888}.background-colors[color=success],:host [color=success].badge-container-primary,:host .badge-container-secondary [color=success].point,:host [color=success].badge-container-notification{background:#e2f4b3;color:#000}.background-colors[color=warning],:host [color=warning].badge-container-primary,:host .badge-container-secondary [color=warning].point,:host [color=warning].badge-container-notification{background:#ffe1b3;color:#000}.background-colors[color=negative],:host [color=negative].badge-container-primary,:host .badge-container-secondary [color=negative].point,:host [color=negative].badge-container-notification{background:#ffac9a;color:#000}.background-colors[color=info],:host [color=info].badge-container-primary,:host .badge-container-secondary [color=info].point,:host [color=info].badge-container-notification{background:#99c1fe;color:#000}.background-colors[color=brand],:host [color=brand].badge-container-primary,:host .badge-container-secondary [color=brand].point,:host [color=brand].badge-container-notification{background:#ffe6fa;color:#000}.background-colors[color=grey-dark],:host [color=grey-dark].badge-container-primary,:host .badge-container-secondary [color=grey-dark].point,:host [color=grey-dark].badge-container-notification{background:#d3d3d3;color:#000}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme"] }] }); }
|
|
59
74
|
}
|
|
60
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
61
76
|
type: Component,
|
|
62
|
-
args: [{ selector: 'ui-badge', template: "<div [class]=\"'badge-container-' + variant\" [attr.color]=\"color\">\n <ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"badgeVariant.PRIMARY\">\n <ui-icon *ngIf=\"icon\" class=\"badge-icon\" [name]=\"icon\" [color]=\"iconColor\" ></ui-icon>\n </ng-container>\n <div *ngSwitchCase=\"badgeVariant.SECONDARY\" class=\"point\" [attr.color]=\"color\"></div>\n <div *ngSwitchCase=\"badgeVariant.NOTIFICATION\" class=\"number-notification\">{{ notificationsAmount }}</div>\n </ng-container>\n <div class=\"label\" *ngIf=\"label && variant !== badgeVariant.NOTIFICATION\">{{ label }}</div>\n</div>\n", styles: [".bg-teal-60b{background:#
|
|
77
|
+
args: [{ selector: 'ui-badge', template: "<div [class]=\"'badge-container-' + variant\" [attr.theme]=\"applicationTheme\" [attr.color]=\"isClassicTheme ? color : rebrandColor\">\n <ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"badgeVariant.PRIMARY\">\n <ui-icon *ngIf=\"icon\" class=\"badge-icon\" [name]=\"icon\" [color]=\"iconColor\" ></ui-icon>\n </ng-container>\n <div *ngSwitchCase=\"badgeVariant.SECONDARY\" class=\"point\" [attr.color]=\"isClassicTheme ? color : rebrandColor\"></div>\n <div *ngSwitchCase=\"badgeVariant.NOTIFICATION\" class=\"number-notification\">{{ notificationsAmount }}</div>\n </ng-container>\n <div class=\"label\" *ngIf=\"label && variant !== badgeVariant.NOTIFICATION\">{{ label }}</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}:host{display:block;width:-moz-fit-content;width:fit-content}:host .badge-container-primary,:host .badge-container-secondary{height:24px;padding:0 8px;border-radius:21px;color:#fff;font-size:12px;line-height:10px}:host .badge-container-primary .badge-icon,:host .badge-container-secondary .badge-icon{margin-right:8px}:host .badge-container-secondary .point{border-radius:50%;width:8px;height:8px;margin-right:8px}:host .badge-container-secondary .label{color:#000!important}:host .badge-container-secondary[theme=dark],:host .badge-container-secondary[theme=light]{color:#242424}:host .badge-container-notification{width:20px;height:20px;border-radius:50%;color:#fff;font-size:12px;line-height:10px}:host .badge-container-notification[theme=dark],:host .badge-container-notification[theme=light]{background:#242424!important;color:#fff!important;border-color:1px solid #ffffff}.flex-center,:host .badge-container-primary,:host .badge-container-secondary,:host .badge-container-notification{display:flex;align-items:center;justify-content:center}.background-colors[color=red],:host [color=red].badge-container-primary,:host .badge-container-secondary [color=red].point,:host [color=red].badge-container-notification{background:#cb7b7a}.background-colors[color=grey-medium],:host [color=grey-medium].badge-container-primary,:host .badge-container-secondary [color=grey-medium].point,:host [color=grey-medium].badge-container-notification{background:#e0e0e0;color:#000}.background-colors[color=teal],:host [color=teal].badge-container-primary,:host .badge-container-secondary [color=teal].point,:host [color=teal].badge-container-notification{background:#46a997}.background-colors[color=yellow],:host [color=yellow].badge-container-primary,:host .badge-container-secondary [color=yellow].point,:host [color=yellow].badge-container-notification{background:#cca45f}.background-colors[color=petrol],:host [color=petrol].badge-container-primary,:host .badge-container-secondary [color=petrol].point,:host [color=petrol].badge-container-notification{background:#276678}.background-colors[color=teal-60w],:host [color=teal-60w].badge-container-primary,:host .badge-container-secondary [color=teal-60w].point,:host [color=teal-60w].badge-container-notification{background:#b5ddd5;color:#000}.background-colors[color=petrol-90w],:host [color=petrol-90w].badge-container-primary,:host .badge-container-secondary [color=petrol-90w].point,:host [color=petrol-90w].badge-container-notification{background:#e9f0f1;color:#000}.background-colors[color=petrol-60w],:host [color=petrol-60w].badge-container-primary,:host .badge-container-secondary [color=petrol-60w].point,:host [color=petrol-60w].badge-container-notification{background:#a9c2c9;color:#000}.background-colors[color=grey-dark],:host [color=grey-dark].badge-container-primary,:host .badge-container-secondary [color=grey-dark].point,:host [color=grey-dark].badge-container-notification{background:#888}.background-colors[color=success],:host [color=success].badge-container-primary,:host .badge-container-secondary [color=success].point,:host [color=success].badge-container-notification{background:#e2f4b3;color:#000}.background-colors[color=warning],:host [color=warning].badge-container-primary,:host .badge-container-secondary [color=warning].point,:host [color=warning].badge-container-notification{background:#ffe1b3;color:#000}.background-colors[color=negative],:host [color=negative].badge-container-primary,:host .badge-container-secondary [color=negative].point,:host [color=negative].badge-container-notification{background:#ffac9a;color:#000}.background-colors[color=info],:host [color=info].badge-container-primary,:host .badge-container-secondary [color=info].point,:host [color=info].badge-container-notification{background:#99c1fe;color:#000}.background-colors[color=brand],:host [color=brand].badge-container-primary,:host .badge-container-secondary [color=brand].point,:host [color=brand].badge-container-notification{background:#ffe6fa;color:#000}.background-colors[color=grey-dark],:host [color=grey-dark].badge-container-primary,:host .badge-container-secondary [color=grey-dark].point,:host [color=grey-dark].badge-container-notification{background:#d3d3d3;color:#000}\n"] }]
|
|
63
78
|
}], propDecorators: { label: [{
|
|
64
79
|
type: Input
|
|
65
80
|
}], icon: [{
|
|
@@ -72,5 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
72
87
|
type: Input
|
|
73
88
|
}], applicationTheme: [{
|
|
74
89
|
type: Input
|
|
90
|
+
}], rebrandColor: [{
|
|
91
|
+
type: Input
|
|
75
92
|
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUVMLGNBQWMsRUFFZCxnQkFBZ0IsRUFFaEIscUJBQXFCLEdBQ3RCLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZCLE1BQU0sT0FBTyxjQUFjO0lBTDNCO1FBTUU7Ozs7V0FJRztRQUNNLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFcEI7Ozs7V0FJRztRQUNNLFNBQUksR0FBYSxFQUFFLENBQUM7UUFFN0I7Ozs7V0FJRztRQUNNLFVBQUssR0FBZSxRQUFRLENBQUM7UUFFdEM7Ozs7V0FJRztRQUNNLFlBQU8sR0FBaUIsU0FBUyxDQUFDO1FBRTNDOzs7O1dBSUc7UUFDTSx3QkFBbUIsR0FBRyxDQUFDLENBQUM7UUFFakM7Ozs7OztXQU1HO1FBQ00scUJBQWdCLEdBQXFCLFNBQVMsQ0FBQztRQUV4RDs7OztXQUlHO1FBQ00saUJBQVksR0FBc0IsT0FBTyxDQUFDO1FBRXpDLGlCQUFZLEdBQUcsZ0JBQWdCLENBQUM7UUFDbEMsZUFBVSxHQUFhO1lBQzdCLGNBQWMsQ0FBQyxXQUFXO1lBQzFCLGNBQWMsQ0FBQyxVQUFVO1lBQ3pCLGNBQWMsQ0FBQyxRQUFRO1lBQ3ZCLGNBQWMsQ0FBQyxVQUFVO1lBQ3pCLHFCQUFxQixDQUFDLE9BQU87WUFDN0IscUJBQXFCLENBQUMsSUFBSTtZQUMxQixxQkFBcUIsQ0FBQyxLQUFLO1lBQzNCLHFCQUFxQixDQUFDLE9BQU87WUFDN0IscUJBQXFCLENBQUMsUUFBUTtZQUM5QixxQkFBcUIsQ0FBQyxPQUFPO1NBQzlCLENBQUM7S0FTSDtJQVBDLElBQWMsU0FBUztRQUNyQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7SUFDNUcsQ0FBQztJQUVELElBQWMsY0FBYztRQUMxQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxTQUFTLENBQUM7SUFDN0MsQ0FBQzsrR0F4RVUsY0FBYzttR0FBZCxjQUFjLDhPQ2pCM0IsNnRCQVVBOzs0RkRPYSxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFVBQVU7OEJBVVgsS0FBSztzQkFBYixLQUFLO2dCQU9HLElBQUk7c0JBQVosS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csT0FBTztzQkFBZixLQUFLO2dCQU9HLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFTRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBT0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Db2xvciwgSWNvbk5hbWUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kZWwnO1xuaW1wb3J0IHtcbiAgQmFkZ2VDb2xvcixcbiAgQmFkZ2VDb2xvckVudW0sXG4gIEJhZGdlVmFyaWFudCxcbiAgQmFkZ2VWYXJpYW50RW51bSxcbiAgUmVicmFuZEJhZGdlQ29sb3IsXG4gIFJlYnJhbmRCYWRnZUNvbG9yRW51bSxcbn0gZnJvbSAnLi9iYWRnZS5tb2RlbCc7XG5pbXBvcnQgeyBBcHBsaWNhdGlvblRoZW1lIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2FwcGxpY2F0aW9uLXRoZW1lLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktYmFkZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYWRnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCYWRnZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgbGFiZWwgdG8gYmUgZGlzcGxheWVkIG9uIHRoZSBiYWRnZS5cbiAgICogQHR5cGUge3N0cmluZ31cbiAgICogQG1lbWJlcm9mIEJhZGdlQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuXG4gIC8qKlxuICAgKiBUaGUgaWNvbiBuYW1lIHRvIGJlIGRpc3BsYXllZCBvbiB0aGUgYmFkZ2UuXG4gICAqIEB0eXBlIHtJY29uTmFtZX1cbiAgICogQG1lbWJlcm9mIEJhZGdlQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBpY29uOiBJY29uTmFtZSA9ICcnO1xuXG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGJhZGdlLiBEZWZhdWx0cyB0byAncGV0cm9sJy5cbiAgICogQHR5cGUge0JhZGdlQ29sb3J9XG4gICAqIEBtZW1iZXJvZiBCYWRnZUNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgY29sb3I6IEJhZGdlQ29sb3IgPSAncGV0cm9sJztcblxuICAvKipcbiAgICogVGhlIHZhcmlhbnQgb2YgdGhlIGJhZGdlLiBEZWZhdWx0cyB0byAncHJpbWFyeScuXG4gICAqIEB0eXBlIHtCYWRnZVZhcmlhbnR9XG4gICAqIEBtZW1iZXJvZiBCYWRnZUNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgdmFyaWFudDogQmFkZ2VWYXJpYW50ID0gJ3ByaW1hcnknO1xuXG4gIC8qKlxuICAgKiBUaGUgYW1vdW50IG9mIG5vdGlmaWNhdGlvbnMgdG8gYmUgZGlzcGxheWVkIG9uIHRoZSBiYWRnZS5cbiAgICogQHR5cGUge251bWJlcn1cbiAgICogQG1lbWJlcm9mIEJhZGdlQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBub3RpZmljYXRpb25zQW1vdW50ID0gMDtcblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBCYWRnZUNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYXBwbGljYXRpb25UaGVtZTogQXBwbGljYXRpb25UaGVtZSA9ICdjbGFzc2ljJztcblxuICAvKipcbiAgICogVGhlIGNvbG9yIG9mIHRoZSBiYWRnZSBvbiBuZXcgdGhlbWUuIERlZmF1bHRzIHRvICdicmFuZCcuXG4gICAqIEB0eXBlIHtSZWJyYW5kQmFkZ2VDb2xvcn1cbiAgICogQG1lbWJlcm9mIEJhZGdlQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSByZWJyYW5kQ29sb3I6IFJlYnJhbmRCYWRnZUNvbG9yID0gJ2JyYW5kJztcblxuICBwcm90ZWN0ZWQgYmFkZ2VWYXJpYW50ID0gQmFkZ2VWYXJpYW50RW51bTtcbiAgcHJpdmF0ZSBkYXJrQ29sb3JzOiBzdHJpbmdbXSA9IFtcbiAgICBCYWRnZUNvbG9yRW51bS5HUkVZX01FRElVTSxcbiAgICBCYWRnZUNvbG9yRW51bS5QRVRST0xfOTBXLFxuICAgIEJhZGdlQ29sb3JFbnVtLlRFQUxfNjBXLFxuICAgIEJhZGdlQ29sb3JFbnVtLlBFVFJPTF82MFcsXG4gICAgUmVicmFuZEJhZGdlQ29sb3JFbnVtLlNVQ0NFU1MsXG4gICAgUmVicmFuZEJhZGdlQ29sb3JFbnVtLklORk8sXG4gICAgUmVicmFuZEJhZGdlQ29sb3JFbnVtLkJSQU5ELFxuICAgIFJlYnJhbmRCYWRnZUNvbG9yRW51bS5ORVVUUkFMLFxuICAgIFJlYnJhbmRCYWRnZUNvbG9yRW51bS5ORUdBVElWRSxcbiAgICBSZWJyYW5kQmFkZ2VDb2xvckVudW0uV0FSTklORyxcbiAgXTtcblxuICBwcm90ZWN0ZWQgZ2V0IGljb25Db2xvcigpOiBJY29uQ29sb3Ige1xuICAgIHJldHVybiB0aGlzLmRhcmtDb2xvcnMuaW5jbHVkZXModGhpcy5pc0NsYXNzaWNUaGVtZSA/IHRoaXMuY29sb3IgOiB0aGlzLnJlYnJhbmRDb2xvcikgPyAnYmxhY2snIDogJ3doaXRlJztcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXQgaXNDbGFzc2ljVGhlbWUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuYXBwbGljYXRpb25UaGVtZSA9PT0gJ2NsYXNzaWMnO1xuICB9XG59XG4iLCI8ZGl2IFtjbGFzc109XCInYmFkZ2UtY29udGFpbmVyLScgKyB2YXJpYW50XCIgW2F0dHIudGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiIFthdHRyLmNvbG9yXT1cImlzQ2xhc3NpY1RoZW1lID8gY29sb3IgOiByZWJyYW5kQ29sb3JcIj5cbiAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwidmFyaWFudFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cImJhZGdlVmFyaWFudC5QUklNQVJZXCI+XG4gICAgICA8dWktaWNvbiAqbmdJZj1cImljb25cIiBjbGFzcz1cImJhZGdlLWljb25cIiBbbmFtZV09XCJpY29uXCIgW2NvbG9yXT1cImljb25Db2xvclwiID48L3VpLWljb24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiYmFkZ2VWYXJpYW50LlNFQ09OREFSWVwiIGNsYXNzPVwicG9pbnRcIiBbYXR0ci5jb2xvcl09XCJpc0NsYXNzaWNUaGVtZSA/IGNvbG9yIDogcmVicmFuZENvbG9yXCI+PC9kaXY+XG4gICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiYmFkZ2VWYXJpYW50Lk5PVElGSUNBVElPTlwiIGNsYXNzPVwibnVtYmVyLW5vdGlmaWNhdGlvblwiPnt7IG5vdGlmaWNhdGlvbnNBbW91bnQgfX08L2Rpdj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxkaXYgY2xhc3M9XCJsYWJlbFwiICpuZ0lmPVwibGFiZWwgJiYgdmFyaWFudCAhPT0gYmFkZ2VWYXJpYW50Lk5PVElGSUNBVElPTlwiPnt7IGxhYmVsIH19PC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -10,10 +10,19 @@ export var BadgeColorEnum;
|
|
|
10
10
|
BadgeColorEnum["PETROL_60W"] = "petrol-60w";
|
|
11
11
|
BadgeColorEnum["GREY_DARK"] = "grey-dark";
|
|
12
12
|
})(BadgeColorEnum || (BadgeColorEnum = {}));
|
|
13
|
+
export var RebrandBadgeColorEnum;
|
|
14
|
+
(function (RebrandBadgeColorEnum) {
|
|
15
|
+
RebrandBadgeColorEnum["SUCCESS"] = "success";
|
|
16
|
+
RebrandBadgeColorEnum["WARNING"] = "warning";
|
|
17
|
+
RebrandBadgeColorEnum["NEGATIVE"] = "negative";
|
|
18
|
+
RebrandBadgeColorEnum["INFO"] = "info";
|
|
19
|
+
RebrandBadgeColorEnum["BRAND"] = "brand";
|
|
20
|
+
RebrandBadgeColorEnum["NEUTRAL"] = "neutral";
|
|
21
|
+
})(RebrandBadgeColorEnum || (RebrandBadgeColorEnum = {}));
|
|
13
22
|
export var BadgeVariantEnum;
|
|
14
23
|
(function (BadgeVariantEnum) {
|
|
15
24
|
BadgeVariantEnum["PRIMARY"] = "primary";
|
|
16
25
|
BadgeVariantEnum["SECONDARY"] = "secondary";
|
|
17
26
|
BadgeVariantEnum["NOTIFICATION"] = "notification";
|
|
18
27
|
})(BadgeVariantEnum || (BadgeVariantEnum = {}));
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZQSxNQUFNLENBQU4sSUFBWSxjQVVYO0FBVkQsV0FBWSxjQUFjO0lBQ3hCLDZCQUFXLENBQUE7SUFDWCw2Q0FBMkIsQ0FBQTtJQUMzQiwrQkFBYSxDQUFBO0lBQ2IsbUNBQWlCLENBQUE7SUFDakIsbUNBQWlCLENBQUE7SUFDakIsdUNBQXFCLENBQUE7SUFDckIsMkNBQXlCLENBQUE7SUFDekIsMkNBQXlCLENBQUE7SUFDekIseUNBQXVCLENBQUE7QUFDekIsQ0FBQyxFQVZXLGNBQWMsS0FBZCxjQUFjLFFBVXpCO0FBSUQsTUFBTSxDQUFOLElBQVkscUJBT1g7QUFQRCxXQUFZLHFCQUFxQjtJQUMvQiw0Q0FBbUIsQ0FBQTtJQUNuQiw0Q0FBbUIsQ0FBQTtJQUNuQiw4Q0FBcUIsQ0FBQTtJQUNyQixzQ0FBYSxDQUFBO0lBQ2Isd0NBQWUsQ0FBQTtJQUNmLDRDQUFtQixDQUFBO0FBQ3JCLENBQUMsRUFQVyxxQkFBcUIsS0FBckIscUJBQXFCLFFBT2hDO0FBRUQsTUFBTSxDQUFOLElBQVksZ0JBSVg7QUFKRCxXQUFZLGdCQUFnQjtJQUMxQix1Q0FBbUIsQ0FBQTtJQUNuQiwyQ0FBdUIsQ0FBQTtJQUN2QixpREFBNkIsQ0FBQTtBQUMvQixDQUFDLEVBSlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUkzQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIEJhZGdlVmFyaWFudCA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ25vdGlmaWNhdGlvbic7XG5leHBvcnQgdHlwZSBCYWRnZUNvbG9yID1cbiAgfCAncmVkJ1xuICB8ICdncmV5LW1lZGl1bSdcbiAgfCAndGVhbCdcbiAgfCAneWVsbG93J1xuICB8ICdwZXRyb2wnXG4gIHwgJ3RlYWwtNjB3J1xuICB8ICdwZXRyb2wtOTB3J1xuICB8ICdwZXRyb2wtNjB3J1xuICB8ICdncmV5LWRhcmsnO1xuXG5leHBvcnQgZW51bSBCYWRnZUNvbG9yRW51bSB7XG4gIFJFRCA9ICdyZWQnLFxuICBHUkVZX01FRElVTSA9ICdncmV5LW1lZGl1bScsXG4gIFRFQUwgPSAndGVhbCcsXG4gIFlFTExPVyA9ICd5ZWxsb3cnLFxuICBQRVRST0wgPSAncGV0cm9sJyxcbiAgVEVBTF82MFcgPSAndGVhbC02MHcnLFxuICBQRVRST0xfOTBXID0gJ3BldHJvbC05MHcnLFxuICBQRVRST0xfNjBXID0gJ3BldHJvbC02MHcnLFxuICBHUkVZX0RBUksgPSAnZ3JleS1kYXJrJyxcbn1cblxuZXhwb3J0IHR5cGUgUmVicmFuZEJhZGdlQ29sb3IgPSAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnbmVnYXRpdmUnIHwgJ2luZm8nIHwgJ2JyYW5kJyB8ICduZXV0cmFsJztcblxuZXhwb3J0IGVudW0gUmVicmFuZEJhZGdlQ29sb3JFbnVtIHtcbiAgU1VDQ0VTUyA9ICdzdWNjZXNzJyxcbiAgV0FSTklORyA9ICd3YXJuaW5nJyxcbiAgTkVHQVRJVkUgPSAnbmVnYXRpdmUnLFxuICBJTkZPID0gJ2luZm8nLFxuICBCUkFORCA9ICdicmFuZCcsXG4gIE5FVVRSQUwgPSAnbmV1dHJhbCcsXG59XG5cbmV4cG9ydCBlbnVtIEJhZGdlVmFyaWFudEVudW0ge1xuICBQUklNQVJZID0gJ3ByaW1hcnknLFxuICBTRUNPTkRBUlkgPSAnc2Vjb25kYXJ5JyxcbiAgTk9USUZJQ0FUSU9OID0gJ25vdGlmaWNhdGlvbicsXG59XG4iXX0=
|
|
@@ -66,11 +66,11 @@ export class BannerActionComponent {
|
|
|
66
66
|
this.buttonClickEvent.emit(event);
|
|
67
67
|
}
|
|
68
68
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
69
|
-
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:#
|
|
69
|
+
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"], 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 }); }
|
|
70
70
|
}
|
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerActionComponent, decorators: [{
|
|
72
72
|
type: Component,
|
|
73
|
-
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:#
|
|
73
|
+
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"] }]
|
|
74
74
|
}], propDecorators: { message: [{
|
|
75
75
|
type: Input
|
|
76
76
|
}], bannerActionType: [{
|