@testgorilla/tgo-ui 1.0.12 → 1.0.14
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/banner-action/banner-action.component.d.ts +7 -1
- package/esm2020/components/banner-action/banner-action.component.mjs +5 -3
- package/esm2020/components/navigation/navigation.component.mjs +3 -10
- package/fesm2015/testgorilla-tgo-ui.mjs +6 -10
- package/fesm2015/testgorilla-tgo-ui.mjs.map +1 -1
- package/fesm2020/testgorilla-tgo-ui.mjs +6 -10
- package/fesm2020/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -34,6 +34,12 @@ export declare class BannerActionComponent implements OnInit {
|
|
|
34
34
|
* @memberof AlertBannerComponent
|
|
35
35
|
*/
|
|
36
36
|
fullWidth: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* BannerAction button icon
|
|
39
|
+
*
|
|
40
|
+
* @memberof BannerActionComponent
|
|
41
|
+
*/
|
|
42
|
+
buttonIcon: IconName;
|
|
37
43
|
buttonClickEvent: EventEmitter<Event>;
|
|
38
44
|
iconName: IconName;
|
|
39
45
|
position: string;
|
|
@@ -42,5 +48,5 @@ export declare class BannerActionComponent implements OnInit {
|
|
|
42
48
|
buttonClick(event: Event): void;
|
|
43
49
|
ngOnInit(): void;
|
|
44
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<BannerActionComponent, never>;
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BannerActionComponent, "ui-banner-action", never, { "message": "message"; "bannerActionType": "bannerActionType"; "buttonText": "buttonText"; "fixed": "fixed"; "fullWidth": "fullWidth"; }, { "buttonClickEvent": "buttonClickEvent"; }, never, never, false, never>;
|
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BannerActionComponent, "ui-banner-action", never, { "message": "message"; "bannerActionType": "bannerActionType"; "buttonText": "buttonText"; "fixed": "fixed"; "fullWidth": "fullWidth"; "buttonIcon": "buttonIcon"; }, { "buttonClickEvent": "buttonClickEvent"; }, never, never, false, never>;
|
|
46
52
|
}
|
|
@@ -43,10 +43,10 @@ export class BannerActionComponent {
|
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
BannerActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BannerActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
BannerActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BannerActionComponent, selector: "ui-banner-action", inputs: { message: "message", bannerActionType: "bannerActionType", buttonText: "buttonText", fixed: "fixed", fullWidth: "fullWidth" }, outputs: { buttonClickEvent: "buttonClickEvent" }, ngImport: i0, template: "<div id=\"banner-action\" class=\"banner-action-container\" [ngClass]=\"cssClass\">\n
|
|
46
|
+
BannerActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BannerActionComponent, selector: "ui-banner-action", inputs: { message: "message", bannerActionType: "bannerActionType", buttonText: "buttonText", fixed: "fixed", fullWidth: "fullWidth", buttonIcon: "buttonIcon" }, outputs: { buttonClickEvent: "buttonClickEvent" }, ngImport: i0, template: "<div id=\"banner-action\" class=\"banner-action-container\" [ngClass]=\"cssClass\">\n <div class=\"banner-action-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\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{height:72px;padding:0 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-text{display:flex;align-items:center}:host .banner-action-container ui-icon{margin-right:14px}:host .banner-action-container ui-button{margin-left:14px}:host .banner-action-container.success{border-color:#46a997}:host .banner-action-container.info{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}:host .banner-action-container .banner-action-text{margin-bottom:10px}:host .banner-action-container ui-button{margin:0;width:100%}:host .banner-action-container ui-button ::ng-deep button{min-width:100%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ButtonComponent, selector: "ui-button", inputs: ["size", "type", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: i3.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BannerActionComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
|
-
args: [{ selector: 'ui-banner-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div id=\"banner-action\" class=\"banner-action-container\" [ngClass]=\"cssClass\">\n
|
|
49
|
+
args: [{ selector: 'ui-banner-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div id=\"banner-action\" class=\"banner-action-container\" [ngClass]=\"cssClass\">\n <div class=\"banner-action-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\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{height:72px;padding:0 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-text{display:flex;align-items:center}:host .banner-action-container ui-icon{margin-right:14px}:host .banner-action-container ui-button{margin-left:14px}:host .banner-action-container.success{border-color:#46a997}:host .banner-action-container.info{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}:host .banner-action-container .banner-action-text{margin-bottom:10px}:host .banner-action-container ui-button{margin:0;width:100%}:host .banner-action-container ui-button ::ng-deep button{min-width:100%}}\n"] }]
|
|
50
50
|
}], ctorParameters: function () { return []; }, propDecorators: { message: [{
|
|
51
51
|
type: Input
|
|
52
52
|
}], bannerActionType: [{
|
|
@@ -57,7 +57,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
57
57
|
type: Input
|
|
58
58
|
}], fullWidth: [{
|
|
59
59
|
type: Input
|
|
60
|
+
}], buttonIcon: [{
|
|
61
|
+
type: Input
|
|
60
62
|
}], buttonClickEvent: [{
|
|
61
63
|
type: Output
|
|
62
64
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLWFjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9iYW5uZXItYWN0aW9uL2Jhbm5lci1hY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFubmVyLWFjdGlvbi9iYW5uZXItYWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHeEcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7OztBQVE3RCxNQUFNLE9BQU8scUJBQXFCO0lBa0RoQztRQWpEQTs7OztXQUlHO1FBQ00sWUFBTyxHQUFJLEVBQUUsQ0FBQztRQUV2Qjs7Ozs7V0FLRztRQUNNLHFCQUFnQixHQUFpQixTQUFTLENBQUM7UUFTcEQ7Ozs7V0FJRztRQUNNLFVBQUssR0FBRyxLQUFLLENBQUM7UUFFdkI7Ozs7V0FJRztRQUNNLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFTaEIscUJBQWdCLEdBQXdCLElBQUksWUFBWSxFQUFTLENBQUM7SUFNN0QsQ0FBQztJQUVoQixXQUFXLENBQUMsS0FBWTtRQUN0QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzdELElBQUksQ0FBQyxRQUFRLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsRyxDQUFDOztrSEE1RFUscUJBQXFCO3NHQUFyQixxQkFBcUIsNlFDWGxDLGtWQU9BOzJGRElhLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTswRUFRdEMsT0FBTztzQkFBZixLQUFLO2dCQVFHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFPRyxVQUFVO3NCQUFsQixLQUFLO2dCQU9HLEtBQUs7c0JBQWIsS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQU9HLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9pY29uL2ljb24ubW9kZWwnO1xuaW1wb3J0IHsgQWxlcnRCYXJUeXBlIH0gZnJvbSAnLi4vLi4vdXRpbHMvYWxlcnQtYmFyLm1vZGVsJztcbmltcG9ydCB7IGFsZXJ0QmFyc1V0aWwgfSBmcm9tICcuLi8uLi91dGlscy9hbGVydC1iYXJzLnV0aWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktYmFubmVyLWFjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYW5uZXItYWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFubmVyLWFjdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQmFubmVyQWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIEJhbm5lckFjdGlvbiB0ZXh0XG4gICAqXG4gICAqIEBtZW1iZXJvZiBCYW5uZXJBY3Rpb25Db21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2U/ID0gJyc7XG5cbiAgLyoqXG4gICAqIEJhbm5lckFjdGlvbiB0eXBlXG4gICAqXG4gICAqIEB0eXBlIHtBbGVydEJhclR5cGV9XG4gICAqIEBtZW1iZXJvZiBCYW5uZXJBY3Rpb25Db21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGJhbm5lckFjdGlvblR5cGU6IEFsZXJ0QmFyVHlwZSA9ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQmFubmVyQWN0aW9uIGJ1dHRvbiBsYWJlbFxuICAgKlxuICAgKiBAbWVtYmVyb2YgQmFubmVyQWN0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBidXR0b25UZXh0OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFN0YXRpYyBvciBmaXhlZCBwb3NpdGlvblxuICAgKlxuICAgKiBAbWVtYmVyb2YgQWxlcnRCYW5uZXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGZpeGVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEZ1bGwgd2lkdGggZm9yIGFsZXJ0IGJhbm5lclxuICAgKlxuICAgKiBAbWVtYmVyb2YgQWxlcnRCYW5uZXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGZ1bGxXaWR0aCA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEJhbm5lckFjdGlvbiBidXR0b24gaWNvblxuICAgKlxuICAgKiBAbWVtYmVyb2YgQmFubmVyQWN0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBidXR0b25JY29uOiBJY29uTmFtZTtcblxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tFdmVudDogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgaWNvbk5hbWU6IEljb25OYW1lO1xuICBwb3NpdGlvbjogc3RyaW5nO1xuICBjc3NDbGFzczogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBidXR0b25DbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrRXZlbnQuZW1pdChldmVudCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmljb25OYW1lID0gYWxlcnRCYXJzVXRpbC5zZXRJY29uKHRoaXMuYmFubmVyQWN0aW9uVHlwZSk7XG4gICAgdGhpcy5wb3NpdGlvbiA9IGFsZXJ0QmFyc1V0aWwuc2V0UG9zaXRpb24odGhpcy5maXhlZCk7XG4gICAgdGhpcy5jc3NDbGFzcyA9IGFsZXJ0QmFyc1V0aWwuc2V0Q3NzQ2xhc3ModGhpcy5mdWxsV2lkdGgsIHRoaXMuYmFubmVyQWN0aW9uVHlwZSwgdGhpcy5wb3NpdGlvbik7XG4gIH1cbn1cbiIsIjxkaXYgaWQ9XCJiYW5uZXItYWN0aW9uXCIgY2xhc3M9XCJiYW5uZXItYWN0aW9uLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cImNzc0NsYXNzXCI+XG4gIDxkaXYgY2xhc3M9XCJiYW5uZXItYWN0aW9uLXRleHRcIj5cbiAgICA8dWktaWNvbiBbbmFtZV09XCJpY29uTmFtZVwiIHNpemU9XCIyNFwiPjwvdWktaWNvbj5cbiAgICB7eyBtZXNzYWdlIH19XG4gIDwvZGl2PlxuICA8dWktYnV0dG9uIFtsYWJlbF09XCJidXR0b25UZXh0XCIgKGJ1dHRvbkNsaWNrRXZlbnQpPVwiYnV0dG9uQ2xpY2soJGV2ZW50KVwiIFtpY29uTmFtZV09XCJidXR0b25JY29uXCI+PC91aS1idXR0b24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import { LogoPathEnum } from '../logo/logo.model';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
import * as i1 from "@angular/common";
|
|
5
4
|
import * as i2 from "@angular/material/icon";
|
|
@@ -7,12 +6,6 @@ import * as i3 from "@angular/material/button";
|
|
|
7
6
|
import * as i4 from "../label/label.component";
|
|
8
7
|
export class NavigationComponent {
|
|
9
8
|
constructor() {
|
|
10
|
-
/**
|
|
11
|
-
* logo url
|
|
12
|
-
*
|
|
13
|
-
* @memberof NavigationComponent
|
|
14
|
-
*/
|
|
15
|
-
this.logoURL = LogoPathEnum.POWEREDBY;
|
|
16
9
|
/**
|
|
17
10
|
* @ignore
|
|
18
11
|
*/
|
|
@@ -23,10 +16,10 @@ export class NavigationComponent {
|
|
|
23
16
|
}
|
|
24
17
|
}
|
|
25
18
|
NavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
NavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NavigationComponent, selector: "ui-navigation", inputs: { title: "title", subtitle: "subtitle", labelItem: "labelItem", logoURL: "logoURL" }, outputs: { goBackClickedEvent: "goBackClickedEvent" }, ngImport: i0, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">
|
|
19
|
+
NavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NavigationComponent, selector: "ui-navigation", inputs: { title: "title", subtitle: "subtitle", labelItem: "labelItem", logoURL: "logoURL" }, outputs: { goBackClickedEvent: "goBackClickedEvent" }, ngImport: i0, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">chevron_left</mat-icon>\n </button>\n <div class=\"logo\" *ngIf=\"logoURL\">\n <img [src]=\"logoURL\" />\n </div>\n <div class=\"content\">\n <div class=\"title\">\n <span>{{ title }}</span>\n <div class=\"status\" *ngIf=\"labelItem\">\n <ui-label\n [backgroundColor]=\"labelItem.backgroundColor\"\n [textColor]=\"labelItem.textColor\"\n [title]=\"labelItem.title\"\n [size]=\"labelItem.size\"\n >\n </ui-label>\n </div>\n </div>\n <div class=\"subtitle\">\n {{ subtitle }}\n </div>\n </div>\n</div>\n", styles: [".navigation{width:100%;display:flex;align-items:center}.navigation button{background:#ededed;border-radius:0%}.navigation mat-icon{color:#000}.navigation .logo{margin-left:20px}.navigation .logo img{width:100px;height:100px}.navigation .content{margin-left:20px;display:flex;flex-direction:column}.navigation .content .title{color:#000;font-weight:700;font-size:20px;display:flex;align-items:center;margin-bottom:8px}.navigation .content .title .status{margin-left:8px}.navigation .content .subtitle{color:#528593;font-weight:700;font-size:14px}::ng-deep .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:0%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.LabelComponent, selector: "ui-label", inputs: ["backgroundColor", "textColor", "title", "description", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
27
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavigationComponent, decorators: [{
|
|
28
21
|
type: Component,
|
|
29
|
-
args: [{ selector: 'ui-navigation', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">
|
|
22
|
+
args: [{ selector: 'ui-navigation', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">chevron_left</mat-icon>\n </button>\n <div class=\"logo\" *ngIf=\"logoURL\">\n <img [src]=\"logoURL\" />\n </div>\n <div class=\"content\">\n <div class=\"title\">\n <span>{{ title }}</span>\n <div class=\"status\" *ngIf=\"labelItem\">\n <ui-label\n [backgroundColor]=\"labelItem.backgroundColor\"\n [textColor]=\"labelItem.textColor\"\n [title]=\"labelItem.title\"\n [size]=\"labelItem.size\"\n >\n </ui-label>\n </div>\n </div>\n <div class=\"subtitle\">\n {{ subtitle }}\n </div>\n </div>\n</div>\n", styles: [".navigation{width:100%;display:flex;align-items:center}.navigation button{background:#ededed;border-radius:0%}.navigation mat-icon{color:#000}.navigation .logo{margin-left:20px}.navigation .logo img{width:100px;height:100px}.navigation .content{margin-left:20px;display:flex;flex-direction:column}.navigation .content .title{color:#000;font-weight:700;font-size:20px;display:flex;align-items:center;margin-bottom:8px}.navigation .content .title .status{margin-left:8px}.navigation .content .subtitle{color:#528593;font-weight:700;font-size:14px}::ng-deep .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:0%!important}\n"] }]
|
|
30
23
|
}], ctorParameters: function () { return []; }, propDecorators: { title: [{
|
|
31
24
|
type: Input
|
|
32
25
|
}], subtitle: [{
|
|
@@ -38,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
38
31
|
}], goBackClickedEvent: [{
|
|
39
32
|
type: Output
|
|
40
33
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uYXZpZ2F0aW9uL25hdmlnYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVNoRyxNQUFNLE9BQU8sbUJBQW1CO0lBMEM5QjtRQUxBOztXQUVHO1FBQ08sdUJBQWtCLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFN0QsQ0FBQztJQUVoQixhQUFhO1FBQ1gsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7O2dIQTlDVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiwwTUNUaEMsc3VCQXlCQTsyRkRoQmEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTTswRUFhdEMsS0FBSztzQkFBYixLQUFLO2dCQVFHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBU0csU0FBUztzQkFBakIsS0FBSztnQkFPRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0ksa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJTGFiZWxPcHRpb25JdGVtIH0gZnJvbSAnLi4vbGFiZWwvbGFiZWwubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1uYXZpZ2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uYXZpZ2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uQ29tcG9uZW50IHtcbiAgLy8gVE9ETzogU29tZSBwcm9wZXJ0aWVzIGFuZCBtZXRob2RzIGFyZSBpZ25vcmVkIG9uIHB1cnBvc2UgYmVjYXVzZSBvZiBhIGN1cnJlbnQgaXNzdWUgd2l0aCBjb21wb2RvYyBhbmQgYW5ndWxhciAxM1xuICAvLyBodHRwczovL2dpdGh1Yi5jb20vc3Rvcnlib29ranMvc3Rvcnlib29rL2lzc3Vlcy8xNjg2NVxuICAvLyBodHRwczovL2dpdGh1Yi5jb20vc3Rvcnlib29ranMvc3Rvcnlib29rL2lzc3Vlcy8xNzAwNFxuXG4gIC8qKlxuICAgKiBOYXZpZ2F0aW9uIHRpdGxlXG4gICAqXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBOYXZpZ2F0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBOYXZpZ2F0aW9uIHN1YnRpdGxlXG4gICAqXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBOYXZpZ2F0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzdWJ0aXRsZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBOYXZpZ2F0aW9uIHN0YXR1cyBjb21wb25lbnRcbiAgICpcbiAgICogQHR5cGUge0lMYWJlbE9wdGlvbkl0ZW19XG4gICAqIEBtZW1iZXJvZiBOYXZpZ2F0aW9uQ29tcG9uZW50XG4gICAqIEBpZ25vcmVcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsSXRlbTogSUxhYmVsT3B0aW9uSXRlbTtcblxuICAvKipcbiAgICogbG9nbyB1cmxcbiAgICpcbiAgICogQG1lbWJlcm9mIE5hdmlnYXRpb25Db21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGxvZ29VUkw6IFN0cmluZztcblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgQE91dHB1dCgpIGdvQmFja0NsaWNrZWRFdmVudDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBnb0JhY2tDbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuZ29CYWNrQ2xpY2tlZEV2ZW50LmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm5hdmlnYXRpb25cIj5cbiAgPGJ1dHRvbiBhcmlhLWxhYmVsPVwiR28gYmFja1wiIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiZ29CYWNrQ2xpY2tlZCgpXCI+XG4gICAgPG1hdC1pY29uIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPmNoZXZyb25fbGVmdDwvbWF0LWljb24+XG4gIDwvYnV0dG9uPlxuICA8ZGl2IGNsYXNzPVwibG9nb1wiICpuZ0lmPVwibG9nb1VSTFwiPlxuICAgIDxpbWcgW3NyY109XCJsb2dvVVJMXCIgLz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICA8c3Bhbj57eyB0aXRsZSB9fTwvc3Bhbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdGF0dXNcIiAqbmdJZj1cImxhYmVsSXRlbVwiPlxuICAgICAgICA8dWktbGFiZWxcbiAgICAgICAgICBbYmFja2dyb3VuZENvbG9yXT1cImxhYmVsSXRlbS5iYWNrZ3JvdW5kQ29sb3JcIlxuICAgICAgICAgIFt0ZXh0Q29sb3JdPVwibGFiZWxJdGVtLnRleHRDb2xvclwiXG4gICAgICAgICAgW3RpdGxlXT1cImxhYmVsSXRlbS50aXRsZVwiXG4gICAgICAgICAgW3NpemVdPVwibGFiZWxJdGVtLnNpemVcIlxuICAgICAgICA+XG4gICAgICAgIDwvdWktbGFiZWw+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic3VidGl0bGVcIj5cbiAgICAgIHt7IHN1YnRpdGxlIH19XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -621,10 +621,10 @@ class BannerActionComponent {
|
|
|
621
621
|
}
|
|
622
622
|
}
|
|
623
623
|
BannerActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BannerActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
624
|
-
BannerActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BannerActionComponent, selector: "ui-banner-action", inputs: { message: "message", bannerActionType: "bannerActionType", buttonText: "buttonText", fixed: "fixed", fullWidth: "fullWidth" }, outputs: { buttonClickEvent: "buttonClickEvent" }, ngImport: i0, template: "<div id=\"banner-action\" class=\"banner-action-container\" [ngClass]=\"cssClass\">\n
|
|
624
|
+
BannerActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BannerActionComponent, selector: "ui-banner-action", inputs: { message: "message", bannerActionType: "bannerActionType", buttonText: "buttonText", fixed: "fixed", fullWidth: "fullWidth", buttonIcon: "buttonIcon" }, outputs: { buttonClickEvent: "buttonClickEvent" }, ngImport: i0, template: "<div id=\"banner-action\" class=\"banner-action-container\" [ngClass]=\"cssClass\">\n <div class=\"banner-action-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\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{height:72px;padding:0 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-text{display:flex;align-items:center}:host .banner-action-container ui-icon{margin-right:14px}:host .banner-action-container ui-button{margin-left:14px}:host .banner-action-container.success{border-color:#46a997}:host .banner-action-container.info{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}:host .banner-action-container .banner-action-text{margin-bottom:10px}:host .banner-action-container ui-button{margin:0;width:100%}:host .banner-action-container ui-button ::ng-deep button{min-width:100%}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "type", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
625
625
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BannerActionComponent, decorators: [{
|
|
626
626
|
type: Component,
|
|
627
|
-
args: [{ selector: 'ui-banner-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div id=\"banner-action\" class=\"banner-action-container\" [ngClass]=\"cssClass\">\n
|
|
627
|
+
args: [{ selector: 'ui-banner-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div id=\"banner-action\" class=\"banner-action-container\" [ngClass]=\"cssClass\">\n <div class=\"banner-action-text\">\n <ui-icon [name]=\"iconName\" size=\"24\"></ui-icon>\n {{ message }}\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{height:72px;padding:0 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-text{display:flex;align-items:center}:host .banner-action-container ui-icon{margin-right:14px}:host .banner-action-container ui-button{margin-left:14px}:host .banner-action-container.success{border-color:#46a997}:host .banner-action-container.info{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}:host .banner-action-container .banner-action-text{margin-bottom:10px}:host .banner-action-container ui-button{margin:0;width:100%}:host .banner-action-container ui-button ::ng-deep button{min-width:100%}}\n"] }]
|
|
628
628
|
}], ctorParameters: function () { return []; }, propDecorators: { message: [{
|
|
629
629
|
type: Input
|
|
630
630
|
}], bannerActionType: [{
|
|
@@ -635,6 +635,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
635
635
|
type: Input
|
|
636
636
|
}], fullWidth: [{
|
|
637
637
|
type: Input
|
|
638
|
+
}], buttonIcon: [{
|
|
639
|
+
type: Input
|
|
638
640
|
}], buttonClickEvent: [{
|
|
639
641
|
type: Output
|
|
640
642
|
}] } });
|
|
@@ -2546,12 +2548,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
2546
2548
|
|
|
2547
2549
|
class NavigationComponent {
|
|
2548
2550
|
constructor() {
|
|
2549
|
-
/**
|
|
2550
|
-
* logo url
|
|
2551
|
-
*
|
|
2552
|
-
* @memberof NavigationComponent
|
|
2553
|
-
*/
|
|
2554
|
-
this.logoURL = LogoPathEnum.POWEREDBY;
|
|
2555
2551
|
/**
|
|
2556
2552
|
* @ignore
|
|
2557
2553
|
*/
|
|
@@ -2562,10 +2558,10 @@ class NavigationComponent {
|
|
|
2562
2558
|
}
|
|
2563
2559
|
}
|
|
2564
2560
|
NavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2565
|
-
NavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NavigationComponent, selector: "ui-navigation", inputs: { title: "title", subtitle: "subtitle", labelItem: "labelItem", logoURL: "logoURL" }, outputs: { goBackClickedEvent: "goBackClickedEvent" }, ngImport: i0, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">
|
|
2561
|
+
NavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NavigationComponent, selector: "ui-navigation", inputs: { title: "title", subtitle: "subtitle", labelItem: "labelItem", logoURL: "logoURL" }, outputs: { goBackClickedEvent: "goBackClickedEvent" }, ngImport: i0, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">chevron_left</mat-icon>\n </button>\n <div class=\"logo\" *ngIf=\"logoURL\">\n <img [src]=\"logoURL\" />\n </div>\n <div class=\"content\">\n <div class=\"title\">\n <span>{{ title }}</span>\n <div class=\"status\" *ngIf=\"labelItem\">\n <ui-label\n [backgroundColor]=\"labelItem.backgroundColor\"\n [textColor]=\"labelItem.textColor\"\n [title]=\"labelItem.title\"\n [size]=\"labelItem.size\"\n >\n </ui-label>\n </div>\n </div>\n <div class=\"subtitle\">\n {{ subtitle }}\n </div>\n </div>\n</div>\n", styles: [".navigation{width:100%;display:flex;align-items:center}.navigation button{background:#ededed;border-radius:0%}.navigation mat-icon{color:#000}.navigation .logo{margin-left:20px}.navigation .logo img{width:100px;height:100px}.navigation .content{margin-left:20px;display:flex;flex-direction:column}.navigation .content .title{color:#000;font-weight:700;font-size:20px;display:flex;align-items:center;margin-bottom:8px}.navigation .content .title .status{margin-left:8px}.navigation .content .subtitle{color:#528593;font-weight:700;font-size:14px}::ng-deep .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:0%!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: LabelComponent, selector: "ui-label", inputs: ["backgroundColor", "textColor", "title", "description", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2566
2562
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavigationComponent, decorators: [{
|
|
2567
2563
|
type: Component,
|
|
2568
|
-
args: [{ selector: 'ui-navigation', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">
|
|
2564
|
+
args: [{ selector: 'ui-navigation', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigation\">\n <button aria-label=\"Go back\" mat-icon-button (click)=\"goBackClicked()\">\n <mat-icon aria-hidden=\"true\">chevron_left</mat-icon>\n </button>\n <div class=\"logo\" *ngIf=\"logoURL\">\n <img [src]=\"logoURL\" />\n </div>\n <div class=\"content\">\n <div class=\"title\">\n <span>{{ title }}</span>\n <div class=\"status\" *ngIf=\"labelItem\">\n <ui-label\n [backgroundColor]=\"labelItem.backgroundColor\"\n [textColor]=\"labelItem.textColor\"\n [title]=\"labelItem.title\"\n [size]=\"labelItem.size\"\n >\n </ui-label>\n </div>\n </div>\n <div class=\"subtitle\">\n {{ subtitle }}\n </div>\n </div>\n</div>\n", styles: [".navigation{width:100%;display:flex;align-items:center}.navigation button{background:#ededed;border-radius:0%}.navigation mat-icon{color:#000}.navigation .logo{margin-left:20px}.navigation .logo img{width:100px;height:100px}.navigation .content{margin-left:20px;display:flex;flex-direction:column}.navigation .content .title{color:#000;font-weight:700;font-size:20px;display:flex;align-items:center;margin-bottom:8px}.navigation .content .title .status{margin-left:8px}.navigation .content .subtitle{color:#528593;font-weight:700;font-size:14px}::ng-deep .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:0%!important}\n"] }]
|
|
2569
2565
|
}], ctorParameters: function () { return []; }, propDecorators: { title: [{
|
|
2570
2566
|
type: Input
|
|
2571
2567
|
}], subtitle: [{
|