@testgorilla/tgo-ui 0.0.34 → 1.0.2
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/alert-banner/alert-banner.component.d.ts +66 -0
- package/components/alert-banner/alert-banner.component.module.d.ts +10 -0
- package/components/alert-banner/alert-banner.model.d.ts +1 -0
- package/components/banner-action/banner-action.component.d.ts +23 -17
- package/components/banner-action/banner-action.component.module.d.ts +3 -3
- package/components/button/button.component.d.ts +57 -11
- package/components/button/button.component.module.d.ts +2 -2
- package/components/button/button.model.d.ts +4 -2
- package/components/card/card.component.d.ts +1 -1
- package/components/checkbox/checkbox.component.d.ts +87 -0
- package/components/checkbox/checkbox.component.module.d.ts +10 -0
- package/components/create-account/create-account.component.d.ts +12 -4
- package/components/create-account/create-account.component.module.d.ts +2 -2
- package/components/create-password/create-password.component.d.ts +4 -4
- package/components/dialog/dialog.component.d.ts +45 -6
- package/components/dialog/dialog.component.module.d.ts +4 -7
- package/components/dialog/dialog.service.d.ts +2 -5
- package/components/elevation-shadow/elevation-shadow.component.d.ts +14 -0
- package/components/elevation-shadow/elevation-shadow.component.module.d.ts +8 -0
- package/components/elevation-shadow/elevation-shadow.constant.d.ts +4 -0
- package/components/field/field.component.d.ts +40 -37
- package/components/field/field.component.module.d.ts +3 -2
- package/components/field/field.model.d.ts +1 -0
- package/components/file-upload/file-upload.component.d.ts +68 -0
- package/components/file-upload/file-upload.component.module.d.ts +13 -0
- package/components/forgot-password/forgot-password.component.d.ts +4 -4
- package/components/icon/icon.component.d.ts +44 -0
- package/components/icon/icon.component.module.d.ts +10 -0
- package/components/icon/icon.config.d.ts +1 -0
- package/components/icon/icon.model.d.ts +4 -0
- package/components/icon-label/icon-label.component.d.ts +29 -0
- package/components/icon-label/icon-label.component.module.d.ts +9 -0
- package/components/label/label.component.d.ts +1 -1
- package/components/login/login.component.d.ts +4 -4
- package/components/login/login.component.module.d.ts +2 -2
- package/components/logo/logo.component.d.ts +25 -2
- package/components/logo/logo.model.d.ts +10 -0
- package/components/navbar/navbar.component.d.ts +1 -1
- package/components/navigation/navigation.component.d.ts +1 -1
- package/components/paginator/paginator.component.d.ts +1 -1
- package/components/progress-bar/progress-bar.component.d.ts +16 -12
- package/components/radio-button/radio-button.component.d.ts +84 -0
- package/components/radio-button/radio-button.component.module.d.ts +10 -0
- package/components/radio-button/radio-button.model.d.ts +4 -0
- package/components/snackbar/snackbar.component.d.ts +55 -0
- package/components/snackbar/snackbar.component.module.d.ts +10 -0
- package/components/snackbar/snackbar.model.d.ts +1 -0
- package/components/table/directives/dynamic-component.directive.d.ts +1 -1
- package/components/table/pipes/data-property-getter.d.ts +1 -1
- package/components/table/table.component.d.ts +3 -3
- package/components/table/table.model.d.ts +1 -1
- package/components/tag/tag.component.d.ts +20 -0
- package/components/tag/tag.component.module.d.ts +8 -0
- package/components/tag/tag.model.d.ts +1 -0
- package/components/tooltip/tooltip.component.d.ts +25 -0
- package/components/tooltip/tooltip.component.module.d.ts +8 -0
- package/components/tooltip/tooltip.model.d.ts +6 -0
- package/directives/drag-drop.directive.d.ts +12 -0
- package/esm2020/components/alert-banner/alert-banner.component.mjs +98 -0
- package/esm2020/components/alert-banner/alert-banner.component.module.mjs +21 -0
- package/esm2020/components/alert-banner/alert-banner.model.mjs +2 -0
- package/esm2020/components/banner-action/banner-action.component.mjs +42 -21
- package/esm2020/components/banner-action/banner-action.component.module.mjs +7 -7
- package/esm2020/components/button/button.component.mjs +97 -16
- package/esm2020/components/button/button.component.module.mjs +7 -7
- package/esm2020/components/button/button.model.mjs +1 -1
- package/esm2020/components/card/card.component.mjs +5 -5
- package/esm2020/components/card/card.component.module.mjs +5 -5
- package/esm2020/components/checkbox/checkbox.component.mjs +151 -0
- package/esm2020/components/checkbox/checkbox.component.module.mjs +20 -0
- package/esm2020/components/create-account/create-account.component.mjs +40 -27
- package/esm2020/components/create-account/create-account.component.module.mjs +15 -17
- package/esm2020/components/create-password/create-password.component.mjs +16 -16
- package/esm2020/components/create-password/create-password.component.module.mjs +11 -13
- package/esm2020/components/dialog/dialog.component.mjs +92 -23
- package/esm2020/components/dialog/dialog.component.module.mjs +10 -13
- package/esm2020/components/dialog/dialog.service.mjs +6 -10
- package/esm2020/components/elevation-shadow/elevation-shadow.component.mjs +25 -0
- package/esm2020/components/elevation-shadow/elevation-shadow.component.module.mjs +18 -0
- package/esm2020/components/elevation-shadow/elevation-shadow.constant.mjs +6 -0
- package/esm2020/components/field/field.component.mjs +97 -35
- package/esm2020/components/field/field.component.module.mjs +28 -7
- package/esm2020/components/field/field.model.mjs +2 -0
- package/esm2020/components/file-upload/file-upload.component.mjs +183 -0
- package/esm2020/components/file-upload/file-upload.component.module.mjs +24 -0
- package/esm2020/components/forgot-password/forgot-password.component.mjs +17 -17
- package/esm2020/components/forgot-password/forgot-password.component.module.mjs +11 -13
- package/esm2020/components/icon/icon.component.mjs +69 -0
- package/esm2020/components/icon/icon.component.module.mjs +21 -0
- package/esm2020/components/icon/icon.config.mjs +146 -0
- package/esm2020/components/icon/icon.model.mjs +2 -0
- package/esm2020/components/icon-label/icon-label.component.mjs +34 -0
- package/esm2020/components/icon-label/icon-label.component.module.mjs +20 -0
- package/esm2020/components/label/label.component.mjs +4 -4
- package/esm2020/components/label/label.component.module.mjs +5 -5
- package/esm2020/components/login/login.component.mjs +14 -14
- package/esm2020/components/login/login.component.module.mjs +14 -16
- package/esm2020/components/logo/logo.component.mjs +51 -8
- package/esm2020/components/logo/logo.component.module.mjs +5 -5
- package/esm2020/components/logo/logo.model.mjs +14 -0
- package/esm2020/components/navbar/navbar.component.mjs +10 -10
- package/esm2020/components/navbar/navbar.component.module.mjs +11 -13
- package/esm2020/components/navigation/navigation.component.mjs +7 -7
- package/esm2020/components/navigation/navigation.component.module.mjs +5 -5
- package/esm2020/components/paginator/paginator.component.mjs +9 -9
- package/esm2020/components/paginator/paginator.component.module.mjs +5 -5
- package/esm2020/components/progress-bar/progress-bar.component.mjs +46 -10
- package/esm2020/components/progress-bar/progress-bar.component.module.mjs +5 -5
- package/esm2020/components/radio-button/radio-button.component.mjs +138 -0
- package/esm2020/components/radio-button/radio-button.component.module.mjs +20 -0
- package/esm2020/components/radio-button/radio-button.model.mjs +2 -0
- package/esm2020/components/snackbar/snackbar.component.mjs +123 -0
- package/esm2020/components/snackbar/snackbar.component.module.mjs +21 -0
- package/esm2020/components/snackbar/snackbar.model.mjs +2 -0
- package/esm2020/components/table/directives/dynamic-component.directive.mjs +8 -8
- package/esm2020/components/table/pipes/data-property-getter.mjs +4 -4
- package/esm2020/components/table/table.component.mjs +36 -36
- package/esm2020/components/table/table.component.module.mjs +5 -5
- package/esm2020/components/tag/tag.component.mjs +24 -0
- package/esm2020/components/tag/tag.component.module.mjs +19 -0
- package/esm2020/components/tag/tag.model.mjs +2 -0
- package/esm2020/components/tooltip/tooltip.component.mjs +50 -0
- package/esm2020/components/tooltip/tooltip.component.module.mjs +18 -0
- package/esm2020/components/tooltip/tooltip.model.mjs +8 -0
- package/esm2020/directives/drag-drop.directive.mjs +55 -0
- package/esm2020/public-api.mjs +43 -4
- package/esm2020/utils/alert-bar.model.mjs +2 -0
- package/esm2020/utils/alert-bars.utils.mjs +33 -0
- package/fesm2015/testgorilla-tgo-ui.mjs +1949 -436
- package/fesm2015/testgorilla-tgo-ui.mjs.map +1 -1
- package/fesm2020/testgorilla-tgo-ui.mjs +1947 -435
- package/fesm2020/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +15 -15
- package/public-api.d.ts +31 -2
- package/src/assets/icons/Add.svg +3 -0
- package/src/assets/icons/Archive.svg +3 -0
- package/src/assets/icons/Arrow_down.svg +3 -0
- package/src/assets/icons/Arrow_left.svg +3 -0
- package/src/assets/icons/Arrow_right.svg +3 -0
- package/src/assets/icons/Arrow_up.svg +3 -0
- package/src/assets/icons/Assessment.svg +3 -0
- package/src/assets/icons/Attempts.svg +3 -0
- package/src/assets/icons/Book.svg +3 -0
- package/src/assets/icons/Calendar.svg +3 -0
- package/src/assets/icons/Candidates.svg +8 -0
- package/src/assets/icons/Chat-notifications.svg +4 -0
- package/src/assets/icons/Chat.svg +3 -0
- package/src/assets/icons/Check.svg +3 -0
- package/src/assets/icons/Clone.svg +3 -0
- package/src/assets/icons/Close.svg +3 -0
- package/src/assets/icons/Code.svg +3 -0
- package/src/assets/icons/Company.svg +3 -0
- package/src/assets/icons/Copy.svg +3 -0
- package/src/assets/icons/Custom-questions.svg +3 -0
- package/src/assets/icons/Delete.svg +3 -0
- package/src/assets/icons/Devices.svg +3 -0
- package/src/assets/icons/Document.svg +3 -0
- package/src/assets/icons/Download.svg +3 -0
- package/src/assets/icons/Edit.svg +3 -0
- package/src/assets/icons/Email-message.svg +3 -0
- package/src/assets/icons/Empty-placeholder.svg +3 -0
- package/src/assets/icons/Error.svg +3 -0
- package/src/assets/icons/Essay.svg +3 -0
- package/src/assets/icons/Eye-hide.svg +3 -0
- package/src/assets/icons/Eye-view.svg +3 -0
- package/src/assets/icons/Feedback-1.svg +3 -0
- package/src/assets/icons/Feedback-2.svg +3 -0
- package/src/assets/icons/Feedback-3.svg +6 -0
- package/src/assets/icons/Feedback-4.svg +3 -0
- package/src/assets/icons/Feedback-5.svg +3 -0
- package/src/assets/icons/File-attach.svg +3 -0
- package/src/assets/icons/File-upload.svg +3 -0
- package/src/assets/icons/Filter.svg +3 -0
- package/src/assets/icons/Folder.svg +3 -0
- package/src/assets/icons/Format-add-file.svg +3 -0
- package/src/assets/icons/Format-add-table.svg +3 -0
- package/src/assets/icons/Format-align-L.svg +3 -0
- package/src/assets/icons/Format-align-R.svg +3 -0
- package/src/assets/icons/Format-align-center.svg +3 -0
- package/src/assets/icons/Format-align-justify.svg +3 -0
- package/src/assets/icons/Format-bold.svg +3 -0
- package/src/assets/icons/Format-code-active.svg +3 -0
- package/src/assets/icons/Format-code-block.svg +3 -0
- package/src/assets/icons/Format-edit-table.svg +3 -0
- package/src/assets/icons/Format-format.svg +3 -0
- package/src/assets/icons/Format-function.svg +3 -0
- package/src/assets/icons/Format-italics.svg +3 -0
- package/src/assets/icons/Format-list-bulleted.svg +3 -0
- package/src/assets/icons/Format-list-numbered.svg +3 -0
- package/src/assets/icons/Format-picker.svg +3 -0
- package/src/assets/icons/Format-quote.svg +3 -0
- package/src/assets/icons/Format-subscript.svg +3 -0
- package/src/assets/icons/Format-superscript.svg +3 -0
- package/src/assets/icons/Format-text-direction-L.svg +3 -0
- package/src/assets/icons/Format-text-direction-R.svg +3 -0
- package/src/assets/icons/Format-text-size.svg +3 -0
- package/src/assets/icons/Format-underline.svg +3 -0
- package/src/assets/icons/Format-variable.svg +3 -0
- package/src/assets/icons/Full-screen.svg +3 -0
- package/src/assets/icons/Gender-female.svg +3 -0
- package/src/assets/icons/Gender-male.svg +3 -0
- package/src/assets/icons/Help-2.svg +3 -0
- package/src/assets/icons/Help.svg +3 -0
- package/src/assets/icons/Image.svg +3 -0
- package/src/assets/icons/Info.svg +3 -0
- package/src/assets/icons/Integration.svg +3 -0
- package/src/assets/icons/Language.svg +3 -0
- package/src/assets/icons/Layout.svg +3 -0
- package/src/assets/icons/Learn.svg +3 -0
- package/src/assets/icons/Level.svg +3 -0
- package/src/assets/icons/Light-bulb.svg +3 -0
- package/src/assets/icons/Link.svg +3 -0
- package/src/assets/icons/Loading-spinner.svg +10 -0
- package/src/assets/icons/Localisation.svg +3 -0
- package/src/assets/icons/Location.svg +3 -0
- package/src/assets/icons/Lock.svg +3 -0
- package/src/assets/icons/Log-out.svg +3 -0
- package/src/assets/icons/Menu-burger.svg +3 -0
- package/src/assets/icons/Menu-ellipsis.svg +3 -0
- package/src/assets/icons/Microphone.svg +3 -0
- package/src/assets/icons/Minus.svg +3 -0
- package/src/assets/icons/Mouse-cursor.svg +3 -0
- package/src/assets/icons/Mouse-grab-cursor.svg +3 -0
- package/src/assets/icons/Mouse.svg +3 -0
- package/src/assets/icons/Multi-choice.svg +3 -0
- package/src/assets/icons/Notifications.svg +3 -0
- package/src/assets/icons/Password.svg +4 -0
- package/src/assets/icons/Path.svg +3 -0
- package/src/assets/icons/Plan-billing.svg +3 -0
- package/src/assets/icons/Plus.svg +3 -0
- package/src/assets/icons/Premium.svg +4 -0
- package/src/assets/icons/Promotion.svg +3 -0
- package/src/assets/icons/Question-count.svg +3 -0
- package/src/assets/icons/Refer.svg +3 -0
- package/src/assets/icons/Reset.svg +3 -0
- package/src/assets/icons/Review.svg +3 -0
- package/src/assets/icons/Round-check-filled.svg +3 -0
- package/src/assets/icons/Round-check.svg +3 -0
- package/src/assets/icons/Search.svg +3 -0
- package/src/assets/icons/Secure-checkout.svg +3 -0
- package/src/assets/icons/Send.svg +3 -0
- package/src/assets/icons/Settings.svg +8 -0
- package/src/assets/icons/Social-facebook.svg +3 -0
- package/src/assets/icons/Social-instagram.svg +3 -0
- package/src/assets/icons/Social-linkedin.svg +3 -0
- package/src/assets/icons/Sorting-down-1.svg +3 -0
- package/src/assets/icons/Sorting-down.svg +3 -0
- package/src/assets/icons/Speedometer.svg +3 -0
- package/src/assets/icons/Star-filled.svg +3 -0
- package/src/assets/icons/Star-half.svg +3 -0
- package/src/assets/icons/Star-outline.svg +3 -0
- package/src/assets/icons/Support.svg +3 -0
- package/src/assets/icons/Sync.svg +3 -0
- package/src/assets/icons/Team.svg +3 -0
- package/src/assets/icons/Test.svg +3 -0
- package/src/assets/icons/Thunder.svg +3 -0
- package/src/assets/icons/Timer.svg +3 -0
- package/src/assets/icons/Type.svg +3 -0
- package/src/assets/icons/Unarchive.svg +3 -0
- package/src/assets/icons/Unlock.svg +3 -0
- package/src/assets/icons/Upgrade.svg +3 -0
- package/src/assets/icons/Upload.svg +3 -0
- package/src/assets/icons/User-access.svg +3 -0
- package/src/assets/icons/User-add.svg +3 -0
- package/src/assets/icons/User-invite.svg +3 -0
- package/src/assets/icons/User-profile.svg +3 -0
- package/src/assets/icons/User-reject.svg +4 -0
- package/src/assets/icons/User-switch.svg +3 -0
- package/src/assets/icons/Video-pause.svg +3 -0
- package/src/assets/icons/Video-play.svg +3 -0
- package/src/assets/icons/Video-record.svg +3 -0
- package/src/assets/icons/Video.svg +3 -0
- package/src/assets/icons/Volume.svg +3 -0
- package/src/assets/icons/Warning.svg +3 -0
- package/src/assets/icons/Zoom-in.svg +6 -0
- package/src/assets/icons/Zoom-out.svg +5 -0
- package/src/assets/images/poweredbyTG.svg +37 -0
- package/src/assets/images/reverseTG.svg +84 -0
- package/src/assets/images/testgorilla.svg +75 -8
- package/src/theme/_alert-bars.scss +88 -0
- package/src/theme/_breakpoints-mixin.scss +12 -0
- package/src/theme/_core.scss +0 -1
- package/src/theme/_palette.scss +73 -73
- package/src/theme/_tooltip.scss +75 -0
- package/src/theme/_typography.scss +59 -16
- package/src/theme/_variables.scss +49 -0
- package/src/theme/theme.scss +4 -73
- package/utils/alert-bar.model.d.ts +1 -0
- package/utils/alert-bars.utils.d.ts +6 -0
- package/.github/README.md +0 -79
- package/components/banner/banner.component.d.ts +0 -27
- package/components/banner/banner.component.module.d.ts +0 -9
- package/components/dialog/dialog.model.d.ts +0 -4
- package/components/dialog/launch-dialog.component.d.ts +0 -9
- package/esm2020/components/banner/banner.component.mjs +0 -44
- package/esm2020/components/banner/banner.component.module.mjs +0 -20
- package/esm2020/components/dialog/dialog.model.mjs +0 -2
- package/esm2020/components/dialog/launch-dialog.component.mjs +0 -24
- package/src/assets/.gitkeep +0 -0
- /package/{testgorilla-tgo-ui.d.ts → index.d.ts} +0 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./radio-button.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@angular/material/radio";
|
|
5
|
+
import * as i4 from "@angular/forms";
|
|
6
|
+
export declare class RadioButtonComponentModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponentModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<RadioButtonComponentModule, [typeof i1.RadioButtonComponent], [typeof i2.CommonModule, typeof i3.MatRadioModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule], [typeof i1.RadioButtonComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<RadioButtonComponentModule>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
/// <reference types="node" />
|
|
2
|
+
import { OnInit } from '@angular/core';
|
|
3
|
+
import { IconName } from '../../components/icon/icon.model';
|
|
4
|
+
import { SnackbarType } from '../../components/snackbar/snackbar.model';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class SnackbarComponent implements OnInit {
|
|
7
|
+
/**
|
|
8
|
+
* Background color of the button while in active state
|
|
9
|
+
*
|
|
10
|
+
* @type {SnackbarType}
|
|
11
|
+
* @memberof SnackbarComponent
|
|
12
|
+
*/
|
|
13
|
+
snackbarType: SnackbarType;
|
|
14
|
+
/**
|
|
15
|
+
* Snackbar message
|
|
16
|
+
*
|
|
17
|
+
* @memberof SnackbarComponent
|
|
18
|
+
*/
|
|
19
|
+
message: string;
|
|
20
|
+
/**
|
|
21
|
+
* Set the time that the snackbar will be visible
|
|
22
|
+
*
|
|
23
|
+
* @memberof SnackbarComponent
|
|
24
|
+
*/
|
|
25
|
+
seconds: number;
|
|
26
|
+
/**
|
|
27
|
+
* Include dismmiss button
|
|
28
|
+
*
|
|
29
|
+
* @memberof SnackbarComponent
|
|
30
|
+
*/
|
|
31
|
+
includeDismissButton: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Static or fixed position
|
|
34
|
+
*
|
|
35
|
+
* @memberof SnackbarComponent
|
|
36
|
+
*/
|
|
37
|
+
fixed: boolean;
|
|
38
|
+
iconName: IconName;
|
|
39
|
+
showSnackbar: boolean;
|
|
40
|
+
milisenconds: number;
|
|
41
|
+
visible: boolean;
|
|
42
|
+
timer?: NodeJS.Timer;
|
|
43
|
+
timerStartedAt: number;
|
|
44
|
+
timerPausedAt: number;
|
|
45
|
+
position: string;
|
|
46
|
+
constructor();
|
|
47
|
+
ngOnInit(): void;
|
|
48
|
+
show(): void;
|
|
49
|
+
hide(): void;
|
|
50
|
+
onMouseEnter(): void;
|
|
51
|
+
onMouseLeave(): void;
|
|
52
|
+
dismissClick(): void;
|
|
53
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, never>;
|
|
54
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "ui-snackbar", never, { "snackbarType": "snackbarType"; "message": "message"; "seconds": "seconds"; "includeDismissButton": "includeDismissButton"; "fixed": "fixed"; }, {}, never, never, false, never>;
|
|
55
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./snackbar.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "../button/button.component.module";
|
|
5
|
+
import * as i4 from "../icon/icon.component.module";
|
|
6
|
+
export declare class SnackbarComponentModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponentModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SnackbarComponentModule, [typeof i1.SnackbarComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule], [typeof i1.SnackbarComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SnackbarComponentModule>;
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type SnackbarType = 'success' | 'error' | 'info' | 'warning';
|
|
@@ -9,5 +9,5 @@ export declare class DynamicComponentDirective implements OnDestroy {
|
|
|
9
9
|
constructor(vcr: ViewContainerRef);
|
|
10
10
|
ngOnDestroy(): void;
|
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicComponentDirective, never>;
|
|
12
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicComponentDirective, "[dynamicComponent]", never, { "dynamicComponent": "dynamicComponent"; }, {}, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicComponentDirective, "[dynamicComponent]", never, { "dynamicComponent": "dynamicComponent"; }, {}, never, never, false, never>;
|
|
13
13
|
}
|
|
@@ -4,5 +4,5 @@ export declare class DataPropertyGetterPipe implements PipeTransform {
|
|
|
4
4
|
transform(obj: object, keyName?: string): any;
|
|
5
5
|
private getDeepVal;
|
|
6
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<DataPropertyGetterPipe, never>;
|
|
7
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<DataPropertyGetterPipe, "dataPropertyGetter">;
|
|
7
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<DataPropertyGetterPipe, "dataPropertyGetter", false>;
|
|
8
8
|
}
|
|
@@ -51,11 +51,11 @@ export declare class TableComponent<T extends IDataSource, TDetail extends IData
|
|
|
51
51
|
/**
|
|
52
52
|
* @ignore
|
|
53
53
|
*/
|
|
54
|
-
dataSource: MatTableDataSource<any>;
|
|
54
|
+
dataSource: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
|
|
55
55
|
/**
|
|
56
56
|
* @ignore
|
|
57
57
|
*/
|
|
58
|
-
dataSourceDetail: MatTableDataSource<any>;
|
|
58
|
+
dataSourceDetail: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
|
|
59
59
|
/**
|
|
60
60
|
* @ignore
|
|
61
61
|
*/
|
|
@@ -87,5 +87,5 @@ export declare class TableComponent<T extends IDataSource, TDetail extends IData
|
|
|
87
87
|
*/
|
|
88
88
|
private setTableDetailDataSource;
|
|
89
89
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, never>;
|
|
90
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "tableDetails": "tableDetails"; "tableData": "tableData"; "tableColumns": "tableColumns"; "tableDetailColumns": "tableDetailColumns"; }, { "onSortEvent": "onSortEvent"; "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; }, never, never>;
|
|
90
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "tableDetails": "tableDetails"; "tableData": "tableData"; "tableColumns": "tableColumns"; "tableDetailColumns": "tableDetailColumns"; }, { "onSortEvent": "onSortEvent"; "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; }, never, never, false, never>;
|
|
91
91
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { TagColor } from '../../components/tag/tag.model';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TagComponent {
|
|
4
|
+
/**
|
|
5
|
+
* Tag's text
|
|
6
|
+
*
|
|
7
|
+
* @memberof TagComponent
|
|
8
|
+
*/
|
|
9
|
+
text: string;
|
|
10
|
+
/**
|
|
11
|
+
* Color
|
|
12
|
+
*
|
|
13
|
+
* @type {TagColor}
|
|
14
|
+
* @memberof TagComponent
|
|
15
|
+
*/
|
|
16
|
+
color: TagColor;
|
|
17
|
+
constructor();
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "ui-tag", never, { "text": "text"; "color": "color"; }, {}, never, never, false, never>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./tag.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class TagComponentModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TagComponentModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TagComponentModule, [typeof i1.TagComponent], [typeof i2.CommonModule], [typeof i1.TagComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TagComponentModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type TagColor = 'teal' | 'petrol' | 'grey' | 'red' | 'gold';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { TooltipPositionType } from './tooltip.model';
|
|
3
|
+
import { TooltipPosition } from '@angular/material/tooltip';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TooltipComponent implements OnInit {
|
|
6
|
+
/**
|
|
7
|
+
* Allows the user to define the position of the tooltip relative to the parent element.
|
|
8
|
+
*
|
|
9
|
+
* @type {TooltipPositionType}
|
|
10
|
+
* @memberof TooltipComponent
|
|
11
|
+
*/
|
|
12
|
+
position: TooltipPositionType;
|
|
13
|
+
/**
|
|
14
|
+
* The message to be displayed in the tooltip.
|
|
15
|
+
*
|
|
16
|
+
* @type {string}
|
|
17
|
+
* @memberof TooltipComponent
|
|
18
|
+
*/
|
|
19
|
+
message: string;
|
|
20
|
+
matPosition: TooltipPosition;
|
|
21
|
+
ngOnInit(): void;
|
|
22
|
+
setPosition(): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "ui-tooltip", never, { "position": "position"; "message": "message"; }, {}, never, ["*"], false, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./tooltip.component";
|
|
3
|
+
import * as i2 from "@angular/material/tooltip";
|
|
4
|
+
export declare class TooltipComponentModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponentModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipComponentModule, [typeof i1.TooltipComponent], [typeof i2.MatTooltipModule], [typeof i1.TooltipComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TooltipComponentModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class DragDropDirective {
|
|
4
|
+
constructor();
|
|
5
|
+
file: boolean;
|
|
6
|
+
fileDropped: EventEmitter<any>;
|
|
7
|
+
onDragOver(event: Event): void;
|
|
8
|
+
onDragLeave(event: Event): void;
|
|
9
|
+
ondrop(event: DragEvent): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DragDropDirective, never>;
|
|
11
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DragDropDirective, "[uiDragDrop]", never, {}, { "fileDropped": "fileDropped"; }, never, never, false, never>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { animate, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
3
|
+
import { alertBarsUtil } from '../../utils/alert-bars.utils';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "../button/button.component";
|
|
7
|
+
import * as i3 from "../icon/icon.component";
|
|
8
|
+
export class AlertBannerComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
/**
|
|
11
|
+
* Alert Banner type
|
|
12
|
+
*
|
|
13
|
+
* @type {AlertBarType}
|
|
14
|
+
* @memberof AlertBannerComponent
|
|
15
|
+
*/
|
|
16
|
+
this.alertType = 'success';
|
|
17
|
+
/**
|
|
18
|
+
* Alert banner message
|
|
19
|
+
*
|
|
20
|
+
* @memberof AlertBannerComponent
|
|
21
|
+
*/
|
|
22
|
+
this.message = '';
|
|
23
|
+
/**
|
|
24
|
+
* Include dismmiss button
|
|
25
|
+
*
|
|
26
|
+
* @memberof AlertBannerComponent
|
|
27
|
+
*/
|
|
28
|
+
this.includeDismissButton = true;
|
|
29
|
+
/**
|
|
30
|
+
* Static or fixed position
|
|
31
|
+
*
|
|
32
|
+
* @memberof AlertBannerComponent
|
|
33
|
+
*/
|
|
34
|
+
this.fixed = false;
|
|
35
|
+
/**
|
|
36
|
+
* Full width for alert banner
|
|
37
|
+
*
|
|
38
|
+
* @memberof AlertBannerComponent
|
|
39
|
+
*/
|
|
40
|
+
this.fullWidth = true;
|
|
41
|
+
/**
|
|
42
|
+
* Link text that will appended at the end of message
|
|
43
|
+
*
|
|
44
|
+
* @memberof AlertBannerComponent
|
|
45
|
+
*/
|
|
46
|
+
this.linkText = '';
|
|
47
|
+
/**
|
|
48
|
+
* Link target
|
|
49
|
+
*
|
|
50
|
+
* @type {@type {LinkTargetType}}
|
|
51
|
+
* @memberof AlertBannerComponent
|
|
52
|
+
*/
|
|
53
|
+
this.linkTarget = '_blank';
|
|
54
|
+
this.visible = true;
|
|
55
|
+
}
|
|
56
|
+
ngOnInit() {
|
|
57
|
+
this.iconName = alertBarsUtil.setIcon(this.alertType);
|
|
58
|
+
this.position = alertBarsUtil.setPosition(this.fixed);
|
|
59
|
+
this.cssClass = alertBarsUtil.setCssClass(this.fullWidth, this.alertType, this.position);
|
|
60
|
+
}
|
|
61
|
+
//Hide snackbar when dismiss button is clicked
|
|
62
|
+
dismissClick() {
|
|
63
|
+
this.visible = false;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
AlertBannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
67
|
+
AlertBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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 *ngIf=\"includeDismissButton\" type=\"text\" [justIcon]=\"true\" class=\"close\" iconName=\"Close\" label=\"Close alert banner\" (buttonClickEvent)=\"dismissClick()\"></ui-button>\n</div>", 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}: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", "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"] }], animations: [
|
|
68
|
+
trigger('openClose', [
|
|
69
|
+
transition(':enter', [animate('0.2s ease-out', style({ opacity: 1 }))]),
|
|
70
|
+
transition(':leave', [animate('0.2s ease-in', style({ opacity: 0 }))]),
|
|
71
|
+
]),
|
|
72
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertBannerComponent, decorators: [{
|
|
74
|
+
type: Component,
|
|
75
|
+
args: [{ selector: 'ui-alert-banner', animations: [
|
|
76
|
+
trigger('openClose', [
|
|
77
|
+
transition(':enter', [animate('0.2s ease-out', style({ opacity: 1 }))]),
|
|
78
|
+
transition(':leave', [animate('0.2s ease-in', style({ opacity: 0 }))]),
|
|
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 *ngIf=\"includeDismissButton\" type=\"text\" [justIcon]=\"true\" class=\"close\" iconName=\"Close\" label=\"Close alert banner\" (buttonClickEvent)=\"dismissClick()\"></ui-button>\n</div>", 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}: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
|
+
}], ctorParameters: function () { return []; }, propDecorators: { alertType: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], message: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], includeDismissButton: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], fixed: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], fullWidth: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], linkText: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], linkUrl: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], linkTarget: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}] } });
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FsZXJ0LWJhbm5lci9hbGVydC1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYWxlcnQtYmFubmVyL2FsZXJ0LWJhbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFHbEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7OztBQWU3RCxNQUFNLE9BQU8sb0JBQW9CO0lBQy9CO1FBRUE7Ozs7O1dBS0c7UUFDTSxjQUFTLEdBQWlCLFNBQVMsQ0FBQztRQUU3Qzs7OztXQUlHO1FBQ00sWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUV0Qjs7OztXQUlHO1FBQ00seUJBQW9CLEdBQUcsSUFBSSxDQUFDO1FBRXJDOzs7O1dBSUc7UUFDTSxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBRXZCOzs7O1dBSUc7UUFDTSxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRTFCOzs7O1dBSUc7UUFDTSxhQUFRLEdBQUksRUFBRSxDQUFDO1FBU3hCOzs7OztXQUtHO1FBQ08sZUFBVSxHQUFvQixRQUFRLENBQUM7UUFHakQsWUFBTyxHQUFHLElBQUksQ0FBQztJQTdEQSxDQUFDO0lBaUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsUUFBUSxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RELElBQUksQ0FBQyxRQUFRLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzNGLENBQUM7SUFFRCw4Q0FBOEM7SUFDOUMsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7O2lIQTNFVSxvQkFBb0I7cUdBQXBCLG9CQUFvQix5UUNuQmpDLGdmQU9NLCs0RkRJUTtRQUNWLE9BQU8sQ0FBQyxXQUFXLEVBQUU7WUFDbkIsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3ZFLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsY0FBYyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUN2RSxDQUFDO0tBQ0g7MkZBR1Usb0JBQW9CO2tCQVpoQyxTQUFTOytCQUNFLGlCQUFpQixjQUdmO3dCQUNWLE9BQU8sQ0FBQyxXQUFXLEVBQUU7NEJBQ25CLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQzs0QkFDdkUsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO3lCQUN2RSxDQUFDO3FCQUNILG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOzBFQVd0QyxTQUFTO3NCQUFqQixLQUFLO2dCQU9HLE9BQU87c0JBQWYsS0FBSztnQkFPRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBT0csS0FBSztzQkFBYixLQUFLO2dCQU9HLFNBQVM7c0JBQWpCLEtBQUs7Z0JBT0csUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxPQUFPO3NCQUFmLEtBQUs7Z0JBUUksVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uTmFtZSB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvaWNvbi9pY29uLm1vZGVsJztcbmltcG9ydCB7IEFsZXJ0QmFyVHlwZSB9IGZyb20gJy4uLy4uL3V0aWxzL2FsZXJ0LWJhci5tb2RlbCc7XG5pbXBvcnQgeyBhbGVydEJhcnNVdGlsIH0gZnJvbSAnLi4vLi4vdXRpbHMvYWxlcnQtYmFycy51dGlscyc7XG5pbXBvcnQgeyBMaW5rVGFyZ2V0VHlwZSB9IGZyb20gJy4vYWxlcnQtYmFubmVyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktYWxlcnQtYmFubmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LWJhbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FsZXJ0LWJhbm5lci5jb21wb25lbnQuc2NzcyddLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignb3BlbkNsb3NlJywgW1xuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW2FuaW1hdGUoJzAuMnMgZWFzZS1vdXQnLCBzdHlsZSh7IG9wYWNpdHk6IDEgfSkpXSksXG4gICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbYW5pbWF0ZSgnMC4ycyBlYXNlLWluJywgc3R5bGUoeyBvcGFjaXR5OiAwIH0pKV0pLFxuICAgIF0pLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQWxlcnRCYW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgLyoqXG4gICAqIEFsZXJ0IEJhbm5lciB0eXBlXG4gICAqXG4gICAqIEB0eXBlIHtBbGVydEJhclR5cGV9XG4gICAqIEBtZW1iZXJvZiBBbGVydEJhbm5lckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYWxlcnRUeXBlOiBBbGVydEJhclR5cGUgPSAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFsZXJ0IGJhbm5lciBtZXNzYWdlXG4gICAqXG4gICAqIEBtZW1iZXJvZiBBbGVydEJhbm5lckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZSA9ICcnO1xuXG4gIC8qKlxuICAgKiBJbmNsdWRlIGRpc21taXNzIGJ1dHRvblxuICAgKlxuICAgKiBAbWVtYmVyb2YgQWxlcnRCYW5uZXJDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGluY2x1ZGVEaXNtaXNzQnV0dG9uID0gdHJ1ZTtcblxuICAvKipcbiAgICogU3RhdGljIG9yIGZpeGVkIHBvc2l0aW9uXG4gICAqXG4gICAqIEBtZW1iZXJvZiBBbGVydEJhbm5lckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgZml4ZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogRnVsbCB3aWR0aCBmb3IgYWxlcnQgYmFubmVyXG4gICAqXG4gICAqIEBtZW1iZXJvZiBBbGVydEJhbm5lckNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgZnVsbFdpZHRoID0gdHJ1ZTtcblxuICAvKipcbiAgICogTGluayB0ZXh0IHRoYXQgd2lsbCBhcHBlbmRlZCBhdCB0aGUgZW5kIG9mIG1lc3NhZ2VcbiAgICpcbiAgICogQG1lbWJlcm9mIEFsZXJ0QmFubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBsaW5rVGV4dD8gPSAnJztcblxuICAvKipcbiAgICogTGluayB1cmxcbiAgICpcbiAgICogQG1lbWJlcm9mIEFsZXJ0QmFubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBsaW5rVXJsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBMaW5rIHRhcmdldFxuICAgKlxuICAgKiBAdHlwZSB7QHR5cGUge0xpbmtUYXJnZXRUeXBlfX1cbiAgICogQG1lbWJlcm9mIEFsZXJ0QmFubmVyQ29tcG9uZW50XG4gICAqL1xuICAgQElucHV0KCkgbGlua1RhcmdldD86IExpbmtUYXJnZXRUeXBlID0gJ19ibGFuayc7XG5cbiAgaWNvbk5hbWU6IEljb25OYW1lO1xuICB2aXNpYmxlID0gdHJ1ZTtcbiAgcG9zaXRpb246IHN0cmluZztcbiAgY3NzQ2xhc3M6IHN0cmluZztcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmljb25OYW1lID0gYWxlcnRCYXJzVXRpbC5zZXRJY29uKHRoaXMuYWxlcnRUeXBlKTtcbiAgICB0aGlzLnBvc2l0aW9uID0gYWxlcnRCYXJzVXRpbC5zZXRQb3NpdGlvbih0aGlzLmZpeGVkKTtcbiAgICB0aGlzLmNzc0NsYXNzID0gYWxlcnRCYXJzVXRpbC5zZXRDc3NDbGFzcyh0aGlzLmZ1bGxXaWR0aCwgdGhpcy5hbGVydFR5cGUsIHRoaXMucG9zaXRpb24pO1xuICB9XG5cbiAgLy9IaWRlIHNuYWNrYmFyIHdoZW4gZGlzbWlzcyBidXR0b24gaXMgY2xpY2tlZFxuICBkaXNtaXNzQ2xpY2soKSB7XG4gICAgdGhpcy52aXNpYmxlID0gZmFsc2U7XG4gIH1cbn1cbiIsIjxkaXYgW25nQ2xhc3NdPVwiY3NzQ2xhc3NcIiBbQG9wZW5DbG9zZV0gKm5nSWY9XCJ2aXNpYmxlXCIgY2xhc3M9XCJhbGVydC1jb250YWluZXJcIj5cbiAgPGRpdiBjbGFzcz1cImFsZXJ0LXRleHRcIj5cbiAgICA8dWktaWNvbiBbbmFtZV09XCJpY29uTmFtZVwiIHNpemU9XCIyNFwiPjwvdWktaWNvbj5cbiAgICB7eyBtZXNzYWdlIH19XG4gICAgPGEgKm5nSWY9XCIhIWxpbmtUZXh0XCIgW3RhcmdldF09XCJsaW5rVGFyZ2V0XCIgW2hyZWZdPVwibGlua1VybFwiPnt7IGxpbmtUZXh0IH19PC9hPlxuICA8L2Rpdj5cbiAgPHVpLWJ1dHRvbiAqbmdJZj1cImluY2x1ZGVEaXNtaXNzQnV0dG9uXCIgdHlwZT1cInRleHRcIiBbanVzdEljb25dPVwidHJ1ZVwiIGNsYXNzPVwiY2xvc2VcIiBpY29uTmFtZT1cIkNsb3NlXCIgbGFiZWw9XCJDbG9zZSBhbGVydCBiYW5uZXJcIiAoYnV0dG9uQ2xpY2tFdmVudCk9XCJkaXNtaXNzQ2xpY2soKVwiPjwvdWktYnV0dG9uPlxuPC9kaXY+Il19
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { ButtonComponentModule } from '../button/button.component.module';
|
|
4
|
+
import { IconComponentModule } from '../icon/icon.component.module';
|
|
5
|
+
import { AlertBannerComponent } from './alert-banner.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class AlertBannerComponentModule {
|
|
8
|
+
}
|
|
9
|
+
AlertBannerComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertBannerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
AlertBannerComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: AlertBannerComponentModule, declarations: [AlertBannerComponent], imports: [CommonModule, ButtonComponentModule, IconComponentModule], exports: [AlertBannerComponent] });
|
|
11
|
+
AlertBannerComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertBannerComponentModule, imports: [CommonModule, ButtonComponentModule, IconComponentModule] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertBannerComponentModule, decorators: [{
|
|
13
|
+
type: NgModule,
|
|
14
|
+
args: [{
|
|
15
|
+
declarations: [AlertBannerComponent],
|
|
16
|
+
imports: [CommonModule, ButtonComponentModule, IconComponentModule],
|
|
17
|
+
exports: [AlertBannerComponent],
|
|
18
|
+
providers: [],
|
|
19
|
+
}]
|
|
20
|
+
}] });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtYmFubmVyLmNvbXBvbmVudC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hbGVydC1iYW5uZXIvYWxlcnQtYmFubmVyLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDcEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBUWhFLE1BQU0sT0FBTywwQkFBMEI7O3VIQUExQiwwQkFBMEI7d0hBQTFCLDBCQUEwQixpQkFMdEIsb0JBQW9CLGFBQ3pCLFlBQVksRUFBRSxxQkFBcUIsRUFBRSxtQkFBbUIsYUFDeEQsb0JBQW9CO3dIQUduQiwwQkFBMEIsWUFKM0IsWUFBWSxFQUFFLHFCQUFxQixFQUFFLG1CQUFtQjsyRkFJdkQsMEJBQTBCO2tCQU50QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUNwQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUscUJBQXFCLEVBQUUsbUJBQW1CLENBQUM7b0JBQ25FLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUMvQixTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IEljb25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBBbGVydEJhbm5lckNvbXBvbmVudCB9IGZyb20gJy4vYWxlcnQtYmFubmVyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0FsZXJ0QmFubmVyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnV0dG9uQ29tcG9uZW50TW9kdWxlLCBJY29uQ29tcG9uZW50TW9kdWxlXSxcbiAgZXhwb3J0czogW0FsZXJ0QmFubmVyQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQWxlcnRCYW5uZXJDb21wb25lbnRNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtYmFubmVyLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYWxlcnQtYmFubmVyL2FsZXJ0LWJhbm5lci5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgTGlua1RhcmdldFR5cGUgPSAnJyB8ICdfc2VsZicgfCAnX2JsYW5rJyB8ICdfcGFyZW50JyB8ICdfdG9wJztcbiJdfQ==
|
|
@@ -1,42 +1,63 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { alertBarsUtil } from '../../utils/alert-bars.utils';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "../button/button.component";
|
|
6
|
+
import * as i3 from "../icon/icon.component";
|
|
5
7
|
export class BannerActionComponent {
|
|
6
8
|
constructor() {
|
|
7
|
-
// TODO: Some properties and methods are ignored on purpose because of a current issue with compodoc and angular 13
|
|
8
|
-
// https://github.com/storybookjs/storybook/issues/16865
|
|
9
|
-
// https://github.com/storybookjs/storybook/issues/17004
|
|
10
9
|
/**
|
|
11
10
|
* BannerAction text
|
|
12
11
|
*
|
|
13
|
-
* @type {string}
|
|
14
12
|
* @memberof BannerActionComponent
|
|
15
13
|
*/
|
|
16
|
-
this.
|
|
14
|
+
this.message = '';
|
|
17
15
|
/**
|
|
18
|
-
*
|
|
16
|
+
* BannerAction type
|
|
17
|
+
*
|
|
18
|
+
* @type {AlertBarType}
|
|
19
|
+
* @memberof BannerActionComponent
|
|
20
|
+
*/
|
|
21
|
+
this.bannerActionType = 'success';
|
|
22
|
+
/**
|
|
23
|
+
* Static or fixed position
|
|
24
|
+
*
|
|
25
|
+
* @memberof AlertBannerComponent
|
|
19
26
|
*/
|
|
20
|
-
this.
|
|
27
|
+
this.fixed = false;
|
|
28
|
+
/**
|
|
29
|
+
* Full width for alert banner
|
|
30
|
+
*
|
|
31
|
+
* @memberof AlertBannerComponent
|
|
32
|
+
*/
|
|
33
|
+
this.fullWidth = true;
|
|
34
|
+
this.buttonClickEvent = new EventEmitter();
|
|
21
35
|
}
|
|
22
|
-
|
|
23
|
-
this.
|
|
36
|
+
buttonClick(event) {
|
|
37
|
+
this.buttonClickEvent.emit(event);
|
|
38
|
+
}
|
|
39
|
+
ngOnInit() {
|
|
40
|
+
this.iconName = alertBarsUtil.setIcon(this.bannerActionType);
|
|
41
|
+
this.position = alertBarsUtil.setPosition(this.fixed);
|
|
42
|
+
this.cssClass = alertBarsUtil.setCssClass(this.fullWidth, this.bannerActionType, this.position);
|
|
24
43
|
}
|
|
25
44
|
}
|
|
26
|
-
BannerActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
27
|
-
BannerActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
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 <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)\"></ui-button>\n</div>", styles: [":host{display:flex;width:100%;justify-content:center}:host .banner-action-container{height:72px;padding:0 16px;color:#000;font-size:16px;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
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BannerActionComponent, decorators: [{
|
|
29
48
|
type: Component,
|
|
30
|
-
args: [{ selector: 'ui-banner-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div id=\"banner-action\" [
|
|
31
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
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)\"></ui-button>\n</div>", styles: [":host{display:flex;width:100%;justify-content:center}:host .banner-action-container{height:72px;padding:0 16px;color:#000;font-size:16px;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
|
+
}], ctorParameters: function () { return []; }, propDecorators: { message: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], bannerActionType: [{
|
|
32
53
|
type: Input
|
|
33
|
-
}],
|
|
54
|
+
}], buttonText: [{
|
|
34
55
|
type: Input
|
|
35
|
-
}],
|
|
56
|
+
}], fixed: [{
|
|
36
57
|
type: Input
|
|
37
|
-
}],
|
|
58
|
+
}], fullWidth: [{
|
|
38
59
|
type: Input
|
|
39
|
-
}],
|
|
60
|
+
}], buttonClickEvent: [{
|
|
40
61
|
type: Output
|
|
41
62
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLWFjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9iYW5uZXItYWN0aW9uL2Jhbm5lci1hY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFubmVyLWFjdGlvbi9iYW5uZXItYWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHeEcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7OztBQVE3RCxNQUFNLE9BQU8scUJBQXFCO0lBMkNoQztRQTFDQTs7OztXQUlHO1FBQ00sWUFBTyxHQUFJLEVBQUUsQ0FBQztRQUV2Qjs7Ozs7V0FLRztRQUNNLHFCQUFnQixHQUFpQixTQUFTLENBQUM7UUFTcEQ7Ozs7V0FJRztRQUNNLFVBQUssR0FBRyxLQUFLLENBQUM7UUFFdkI7Ozs7V0FJRztRQUNNLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFFaEIscUJBQWdCLEdBQXdCLElBQUksWUFBWSxFQUFTLENBQUM7SUFNN0QsQ0FBQztJQUVoQixXQUFXLENBQUMsS0FBWTtRQUN0QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzdELElBQUksQ0FBQyxRQUFRLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsRyxDQUFDOztrSEFyRFUscUJBQXFCO3NHQUFyQixxQkFBcUIsbVBDWGxDLG9VQU1NOzJGREtPLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTswRUFRdEMsT0FBTztzQkFBZixLQUFLO2dCQVFHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFPRyxVQUFVO3NCQUFsQixLQUFLO2dCQU9HLEtBQUs7c0JBQWIsS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uTmFtZSB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvaWNvbi9pY29uLm1vZGVsJztcbmltcG9ydCB7IEFsZXJ0QmFyVHlwZSB9IGZyb20gJy4uLy4uL3V0aWxzL2FsZXJ0LWJhci5tb2RlbCc7XG5pbXBvcnQgeyBhbGVydEJhcnNVdGlsIH0gZnJvbSAnLi4vLi4vdXRpbHMvYWxlcnQtYmFycy51dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWJhbm5lci1hY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFubmVyLWFjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Jhbm5lci1hY3Rpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJhbm5lckFjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBCYW5uZXJBY3Rpb24gdGV4dFxuICAgKlxuICAgKiBAbWVtYmVyb2YgQmFubmVyQWN0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlPyA9ICcnO1xuXG4gIC8qKlxuICAgKiBCYW5uZXJBY3Rpb24gdHlwZVxuICAgKlxuICAgKiBAdHlwZSB7QWxlcnRCYXJUeXBlfVxuICAgKiBAbWVtYmVyb2YgQmFubmVyQWN0aW9uQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBiYW5uZXJBY3Rpb25UeXBlOiBBbGVydEJhclR5cGUgPSAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEJhbm5lckFjdGlvbiBidXR0b24gbGFiZWxcbiAgICpcbiAgICogQG1lbWJlcm9mIEJhbm5lckFjdGlvbkNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYnV0dG9uVGV4dDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBTdGF0aWMgb3IgZml4ZWQgcG9zaXRpb25cbiAgICpcbiAgICogQG1lbWJlcm9mIEFsZXJ0QmFubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBmaXhlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBGdWxsIHdpZHRoIGZvciBhbGVydCBiYW5uZXJcbiAgICpcbiAgICogQG1lbWJlcm9mIEFsZXJ0QmFubmVyQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBmdWxsV2lkdGggPSB0cnVlO1xuXG4gIEBPdXRwdXQoKSBidXR0b25DbGlja0V2ZW50OiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBpY29uTmFtZTogSWNvbk5hbWU7XG4gIHBvc2l0aW9uOiBzdHJpbmc7XG4gIGNzc0NsYXNzOiBzdHJpbmc7XG4gIFxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgYnV0dG9uQ2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5idXR0b25DbGlja0V2ZW50LmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pY29uTmFtZSA9IGFsZXJ0QmFyc1V0aWwuc2V0SWNvbih0aGlzLmJhbm5lckFjdGlvblR5cGUpO1xuICAgIHRoaXMucG9zaXRpb24gPSBhbGVydEJhcnNVdGlsLnNldFBvc2l0aW9uKHRoaXMuZml4ZWQpO1xuICAgIHRoaXMuY3NzQ2xhc3MgPSBhbGVydEJhcnNVdGlsLnNldENzc0NsYXNzKHRoaXMuZnVsbFdpZHRoLCB0aGlzLmJhbm5lckFjdGlvblR5cGUsIHRoaXMucG9zaXRpb24pO1xuICB9XG59XG4iLCI8ZGl2IGlkPVwiYmFubmVyLWFjdGlvblwiIGNsYXNzPVwiYmFubmVyLWFjdGlvbi1jb250YWluZXJcIiBbbmdDbGFzc109XCJjc3NDbGFzc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJiYW5uZXItYWN0aW9uLXRleHRcIj5cbiAgICAgICAgPHVpLWljb24gW25hbWVdPVwiaWNvbk5hbWVcIiBzaXplPVwiMjRcIj48L3VpLWljb24+XG4gICAgICAgIHt7IG1lc3NhZ2UgfX1cbiAgICA8L2Rpdj5cbiAgICA8dWktYnV0dG9uIFtsYWJlbF09XCJidXR0b25UZXh0XCIgKGJ1dHRvbkNsaWNrRXZlbnQpPVwiYnV0dG9uQ2xpY2soJGV2ZW50KVwiPjwvdWktYnV0dG9uPlxuPC9kaXY+Il19
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { NgModule } from '@angular/core';
|
|
3
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
4
3
|
import { ButtonComponentModule } from '../button/button.component.module';
|
|
4
|
+
import { IconComponentModule } from '../icon/icon.component.module';
|
|
5
5
|
import { BannerActionComponent } from './banner-action.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class BannerActionComponentModule {
|
|
8
8
|
}
|
|
9
|
-
BannerActionComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
BannerActionComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
11
|
-
BannerActionComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9
|
+
BannerActionComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BannerActionComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
BannerActionComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: BannerActionComponentModule, declarations: [BannerActionComponent], imports: [CommonModule, ButtonComponentModule, IconComponentModule], exports: [BannerActionComponent] });
|
|
11
|
+
BannerActionComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BannerActionComponentModule, imports: [CommonModule, ButtonComponentModule, IconComponentModule] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BannerActionComponentModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
declarations: [BannerActionComponent],
|
|
16
|
-
imports: [CommonModule,
|
|
16
|
+
imports: [CommonModule, ButtonComponentModule, IconComponentModule],
|
|
17
17
|
exports: [BannerActionComponent],
|
|
18
18
|
providers: [],
|
|
19
19
|
}]
|
|
20
20
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLWFjdGlvbi5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYmFubmVyLWFjdGlvbi9iYW5uZXItYWN0aW9uLmNvbXBvbmVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBUWxFLE1BQU0sT0FBTywyQkFBMkI7O3dIQUEzQiwyQkFBMkI7eUhBQTNCLDJCQUEyQixpQkFMdkIscUJBQXFCLGFBQzFCLFlBQVksRUFBRSxxQkFBcUIsRUFBRSxtQkFBbUIsYUFDeEQscUJBQXFCO3lIQUdwQiwyQkFBMkIsWUFKNUIsWUFBWSxFQUFFLHFCQUFxQixFQUFFLG1CQUFtQjsyRkFJdkQsMkJBQTJCO2tCQU52QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNyQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUscUJBQXFCLEVBQUUsbUJBQW1CLENBQUM7b0JBQ25FLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IEljb25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBCYW5uZXJBY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2Jhbm5lci1hY3Rpb24uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQmFubmVyQWN0aW9uQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnV0dG9uQ29tcG9uZW50TW9kdWxlLCBJY29uQ29tcG9uZW50TW9kdWxlXSxcbiAgZXhwb3J0czogW0Jhbm5lckFjdGlvbkNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEJhbm5lckFjdGlvbkNvbXBvbmVudE1vZHVsZSB7fVxuIl19
|