@mozaic-ds/angular 0.24.0-beta.11 → 0.24.0-beta.13
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/adeo/assets/fonts/LeroyMerlinSans-Web-Italic.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-Italic.woff2 +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-Light.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-Light.woff2 +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff2 +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-Regular.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-Regular.woff2 +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff2 +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff +0 -0
- package/adeo/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2 +0 -0
- package/adeo/assets/tokens/bricoman/js/tokens.js +1 -1
- package/adeo/assets/tokens/bricoman/js/tokensObject.js +15 -15
- package/adeo/assets/tokens/bricoman/scss/_tokens.scss +3 -3
- package/adeo/components/card/card.component.d.ts +11 -0
- package/adeo/components/card/card.module.d.ts +8 -0
- package/adeo/components/card/index.d.ts +3 -0
- package/adeo/components/card/model/card.d.ts +1 -0
- package/adeo/components/card/public-api.d.ts +1 -0
- package/adeo/components/dropdown/dropdown.component.d.ts +5 -8
- package/adeo/components/header/header.component.d.ts +6 -4
- package/adeo/components/listbox/listbox.component.d.ts +6 -6
- package/adeo/components/notification/notification-container.component.d.ts +14 -4
- package/adeo/components/notification/notification.d.ts +3 -0
- package/adeo/components/notification/notification.service.d.ts +1 -0
- package/adeo/components/phone-number/phone-number.component.d.ts +4 -12
- package/adeo/components/public-api.d.ts +2 -0
- package/adeo/components/stepper-bar/index.d.ts +3 -0
- package/adeo/components/stepper-bar/public-api.d.ts +1 -0
- package/adeo/components/stepper-bar/stepper-bar.component.d.ts +39 -0
- package/adeo/components/stepper-bar/stepper-bar.module.d.ts +10 -0
- package/adeo/components/stepper-bar/types/index.d.ts +6 -0
- package/adeo/components/tabs/tab.component.d.ts +4 -2
- package/adeo/components/tabs/tabs.component.d.ts +1 -1
- package/adeo/esm2020/components/action-bar/action-bar.component.mjs +3 -3
- package/adeo/esm2020/components/card/card.component.mjs +27 -0
- package/adeo/esm2020/components/card/card.module.mjs +18 -0
- package/adeo/esm2020/components/card/index.mjs +4 -0
- package/adeo/esm2020/components/card/model/card.mjs +2 -0
- package/adeo/esm2020/components/card/public-api.mjs +2 -0
- package/adeo/esm2020/components/dropdown/dropdown.component.mjs +16 -46
- package/adeo/esm2020/components/header/header.component.mjs +12 -12
- package/adeo/esm2020/components/listbox/listbox.component.mjs +25 -30
- package/adeo/esm2020/components/notification/notification-animation.mjs +7 -4
- package/adeo/esm2020/components/notification/notification-container.component.mjs +63 -13
- package/adeo/esm2020/components/notification/notification.mjs +1 -1
- package/adeo/esm2020/components/notification/notification.service.mjs +6 -3
- package/adeo/esm2020/components/phone-number/phone-number.component.mjs +15 -68
- package/adeo/esm2020/components/public-api.mjs +3 -1
- package/adeo/esm2020/components/stepper-bar/index.mjs +4 -0
- package/adeo/esm2020/components/stepper-bar/public-api.mjs +2 -0
- package/adeo/esm2020/components/stepper-bar/stepper-bar.component.mjs +80 -0
- package/adeo/esm2020/components/stepper-bar/stepper-bar.module.mjs +20 -0
- package/adeo/esm2020/components/stepper-bar/types/index.mjs +2 -0
- package/adeo/esm2020/components/tabs/tab.component.mjs +7 -6
- package/adeo/esm2020/components/tabs/tabs.component.mjs +8 -4
- package/adeo/fesm2015/mozaic-ds-angular.mjs +279 -178
- package/adeo/fesm2015/mozaic-ds-angular.mjs.map +1 -1
- package/adeo/fesm2020/mozaic-ds-angular.mjs +271 -173
- package/adeo/fesm2020/mozaic-ds-angular.mjs.map +1 -1
- package/adeo/package.json +1 -1
- package/assets/fonts/LeroyMerlinSans-Web-Italic.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-Italic.woff2 +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-Light.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-Light.woff2 +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff2 +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-Regular.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-Regular.woff2 +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff2 +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff +0 -0
- package/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2 +0 -0
- package/assets/tokens/bricoman/js/tokens.js +1 -1
- package/assets/tokens/bricoman/js/tokensObject.js +15 -15
- package/assets/tokens/bricoman/scss/_tokens.scss +3 -3
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Italic.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Italic.woff2 +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Light.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Light.woff2 +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-LightItalic.woff2 +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Regular.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-Regular.woff2 +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-SemiBold.woff2 +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff +0 -0
- package/bricoman/assets/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2 +0 -0
- package/bricoman/assets/tokens/bricoman/js/tokens.js +1 -1
- package/bricoman/assets/tokens/bricoman/js/tokensObject.js +15 -15
- package/bricoman/assets/tokens/bricoman/scss/_tokens.scss +3 -3
- package/bricoman/components/card/card.component.d.ts +11 -0
- package/bricoman/components/card/card.module.d.ts +8 -0
- package/bricoman/components/card/index.d.ts +3 -0
- package/bricoman/components/card/model/card.d.ts +1 -0
- package/bricoman/components/card/public-api.d.ts +1 -0
- package/bricoman/components/dropdown/dropdown.component.d.ts +5 -8
- package/bricoman/components/header/header.component.d.ts +6 -4
- package/bricoman/components/listbox/listbox.component.d.ts +6 -6
- package/bricoman/components/notification/notification-container.component.d.ts +14 -4
- package/bricoman/components/notification/notification.d.ts +3 -0
- package/bricoman/components/notification/notification.service.d.ts +1 -0
- package/bricoman/components/phone-number/phone-number.component.d.ts +4 -12
- package/bricoman/components/public-api.d.ts +2 -0
- package/bricoman/components/stepper-bar/index.d.ts +3 -0
- package/bricoman/components/stepper-bar/public-api.d.ts +1 -0
- package/bricoman/components/stepper-bar/stepper-bar.component.d.ts +39 -0
- package/bricoman/components/stepper-bar/stepper-bar.module.d.ts +10 -0
- package/bricoman/components/stepper-bar/types/index.d.ts +6 -0
- package/bricoman/components/tabs/tab.component.d.ts +4 -2
- package/bricoman/components/tabs/tabs.component.d.ts +1 -1
- package/bricoman/esm2020/components/action-bar/action-bar.component.mjs +3 -3
- package/bricoman/esm2020/components/card/card.component.mjs +27 -0
- package/bricoman/esm2020/components/card/card.module.mjs +18 -0
- package/bricoman/esm2020/components/card/index.mjs +4 -0
- package/bricoman/esm2020/components/card/model/card.mjs +2 -0
- package/bricoman/esm2020/components/card/public-api.mjs +2 -0
- package/bricoman/esm2020/components/dropdown/dropdown.component.mjs +16 -46
- package/bricoman/esm2020/components/header/header.component.mjs +12 -12
- package/bricoman/esm2020/components/listbox/listbox.component.mjs +25 -30
- package/bricoman/esm2020/components/notification/notification-animation.mjs +7 -4
- package/bricoman/esm2020/components/notification/notification-container.component.mjs +63 -13
- package/bricoman/esm2020/components/notification/notification.mjs +1 -1
- package/bricoman/esm2020/components/notification/notification.service.mjs +6 -3
- package/bricoman/esm2020/components/phone-number/phone-number.component.mjs +15 -68
- package/bricoman/esm2020/components/public-api.mjs +3 -1
- package/bricoman/esm2020/components/stepper-bar/index.mjs +4 -0
- package/bricoman/esm2020/components/stepper-bar/public-api.mjs +2 -0
- package/bricoman/esm2020/components/stepper-bar/stepper-bar.component.mjs +80 -0
- package/bricoman/esm2020/components/stepper-bar/stepper-bar.module.mjs +20 -0
- package/bricoman/esm2020/components/stepper-bar/types/index.mjs +2 -0
- package/bricoman/esm2020/components/tabs/tab.component.mjs +7 -6
- package/bricoman/esm2020/components/tabs/tabs.component.mjs +8 -4
- package/bricoman/fesm2015/mozaic-ds-angular.mjs +279 -178
- package/bricoman/fesm2015/mozaic-ds-angular.mjs.map +1 -1
- package/bricoman/fesm2020/mozaic-ds-angular.mjs +271 -173
- package/bricoman/fesm2020/mozaic-ds-angular.mjs.map +1 -1
- package/bricoman/package.json +1 -1
- package/components/card/card.component.d.ts +11 -0
- package/components/card/card.module.d.ts +8 -0
- package/components/card/index.d.ts +3 -0
- package/components/card/model/card.d.ts +1 -0
- package/components/card/public-api.d.ts +1 -0
- package/components/dropdown/dropdown.component.d.ts +5 -8
- package/components/header/header.component.d.ts +6 -4
- package/components/listbox/listbox.component.d.ts +6 -6
- package/components/notification/notification-container.component.d.ts +14 -4
- package/components/notification/notification.d.ts +3 -0
- package/components/notification/notification.service.d.ts +1 -0
- package/components/phone-number/phone-number.component.d.ts +4 -12
- package/components/public-api.d.ts +2 -0
- package/components/stepper-bar/index.d.ts +3 -0
- package/components/stepper-bar/public-api.d.ts +1 -0
- package/components/stepper-bar/stepper-bar.component.d.ts +39 -0
- package/components/stepper-bar/stepper-bar.module.d.ts +10 -0
- package/components/stepper-bar/types/index.d.ts +6 -0
- package/components/tabs/tab.component.d.ts +4 -2
- package/components/tabs/tabs.component.d.ts +1 -1
- package/esm2020/components/action-bar/action-bar.component.mjs +3 -3
- package/esm2020/components/card/card.component.mjs +27 -0
- package/esm2020/components/card/card.module.mjs +18 -0
- package/esm2020/components/card/index.mjs +4 -0
- package/esm2020/components/card/model/card.mjs +2 -0
- package/esm2020/components/card/public-api.mjs +2 -0
- package/esm2020/components/dropdown/dropdown.component.mjs +16 -46
- package/esm2020/components/header/header.component.mjs +12 -12
- package/esm2020/components/listbox/listbox.component.mjs +25 -30
- package/esm2020/components/notification/notification-animation.mjs +7 -4
- package/esm2020/components/notification/notification-container.component.mjs +63 -13
- package/esm2020/components/notification/notification.mjs +1 -1
- package/esm2020/components/notification/notification.service.mjs +6 -3
- package/esm2020/components/phone-number/phone-number.component.mjs +15 -68
- package/esm2020/components/public-api.mjs +3 -1
- package/esm2020/components/stepper-bar/index.mjs +4 -0
- package/esm2020/components/stepper-bar/public-api.mjs +2 -0
- package/esm2020/components/stepper-bar/stepper-bar.component.mjs +80 -0
- package/esm2020/components/stepper-bar/stepper-bar.module.mjs +20 -0
- package/esm2020/components/stepper-bar/types/index.mjs +2 -0
- package/esm2020/components/tabs/tab.component.mjs +7 -6
- package/esm2020/components/tabs/tabs.component.mjs +8 -4
- package/fesm2015/mozaic-ds-angular.mjs +279 -178
- package/fesm2015/mozaic-ds-angular.mjs.map +1 -1
- package/fesm2020/mozaic-ds-angular.mjs +271 -173
- package/fesm2020/mozaic-ds-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/adeo/assets/tokens/adeo/android/colors.xml +0 -494
- package/adeo/assets/tokens/adeo/android/font_dimens.xml +0 -18
- package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.h +0 -502
- package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.m +0 -514
- package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.swift +0 -497
- package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.h +0 -69
- package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.m +0 -70
- package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
- package/adeo/assets/tokens/bricoman/android/colors.xml +0 -486
- package/adeo/assets/tokens/bricoman/android/font_dimens.xml +0 -18
- package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.h +0 -494
- package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.m +0 -506
- package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.swift +0 -489
- package/adeo/assets/tokens/bricoman/ios/StyleDictionarySize.h +0 -69
- package/adeo/assets/tokens/bricoman/ios/StyleDictionarySize.m +0 -70
- package/adeo/assets/tokens/bricoman/ios/StyleDictionarySize.swift +0 -71
- package/assets/tokens/adeo/android/colors.xml +0 -494
- package/assets/tokens/adeo/android/font_dimens.xml +0 -18
- package/assets/tokens/adeo/ios/StyleDictionaryColor.h +0 -502
- package/assets/tokens/adeo/ios/StyleDictionaryColor.m +0 -514
- package/assets/tokens/adeo/ios/StyleDictionaryColor.swift +0 -497
- package/assets/tokens/adeo/ios/StyleDictionarySize.h +0 -69
- package/assets/tokens/adeo/ios/StyleDictionarySize.m +0 -70
- package/assets/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
- package/assets/tokens/bricoman/android/colors.xml +0 -486
- package/assets/tokens/bricoman/android/font_dimens.xml +0 -18
- package/assets/tokens/bricoman/ios/StyleDictionaryColor.h +0 -494
- package/assets/tokens/bricoman/ios/StyleDictionaryColor.m +0 -506
- package/assets/tokens/bricoman/ios/StyleDictionaryColor.swift +0 -489
- package/assets/tokens/bricoman/ios/StyleDictionarySize.h +0 -69
- package/assets/tokens/bricoman/ios/StyleDictionarySize.m +0 -70
- package/assets/tokens/bricoman/ios/StyleDictionarySize.swift +0 -71
- package/bricoman/assets/tokens/adeo/android/colors.xml +0 -494
- package/bricoman/assets/tokens/adeo/android/font_dimens.xml +0 -18
- package/bricoman/assets/tokens/adeo/ios/StyleDictionaryColor.h +0 -502
- package/bricoman/assets/tokens/adeo/ios/StyleDictionaryColor.m +0 -514
- package/bricoman/assets/tokens/adeo/ios/StyleDictionaryColor.swift +0 -497
- package/bricoman/assets/tokens/adeo/ios/StyleDictionarySize.h +0 -69
- package/bricoman/assets/tokens/adeo/ios/StyleDictionarySize.m +0 -70
- package/bricoman/assets/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
- package/bricoman/assets/tokens/bricoman/android/colors.xml +0 -486
- package/bricoman/assets/tokens/bricoman/android/font_dimens.xml +0 -18
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionaryColor.h +0 -494
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionaryColor.m +0 -506
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionaryColor.swift +0 -489
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionarySize.h +0 -69
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionarySize.m +0 -70
- package/bricoman/assets/tokens/bricoman/ios/StyleDictionarySize.swift +0 -71
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { animate, group, query, style, transition, trigger } from '@angular/animations';
|
|
2
2
|
export const NotificationAnimation = trigger('fadeIn', [
|
|
3
3
|
transition(':enter', [
|
|
4
|
-
style({ opacity:
|
|
5
|
-
animate('300ms ease-out', style({ transform: 'translateY(0)' })),
|
|
4
|
+
style({ opacity: 0, transform: 'translateY({{enterOffsetY}}%)' }),
|
|
5
|
+
animate('300ms ease-out', style({ opacity: 1, transform: 'translateY(0)' })),
|
|
6
6
|
]),
|
|
7
7
|
transition(':leave', [
|
|
8
8
|
group([
|
|
@@ -12,10 +12,13 @@ export const NotificationAnimation = trigger('fadeIn', [
|
|
|
12
12
|
query('.mc-notification__message', [animate('200ms', style({ opacity: 0, height: 0 }))], {
|
|
13
13
|
optional: true,
|
|
14
14
|
}),
|
|
15
|
+
query('.mc-notification-closable__close', [animate('0ms', style({ opacity: 0, height: 0 }))], {
|
|
16
|
+
optional: true,
|
|
17
|
+
}),
|
|
15
18
|
query(':self', [
|
|
16
|
-
animate('300ms', style({ opacity: 0, height: 0,
|
|
19
|
+
animate('300ms', style({ opacity: 0, height: 0, transform: 'translateY({{leaveOffsetY}}%)' })),
|
|
17
20
|
]),
|
|
18
21
|
]),
|
|
19
22
|
]),
|
|
20
23
|
]);
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24tYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXhGLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUU7SUFDckQsVUFBVSxDQUFDLFFBQVEsRUFBRTtRQUNuQixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSwrQkFBK0IsRUFBRSxDQUFDO1FBQ2pFLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDO0tBQzdFLENBQUM7SUFDRixVQUFVLENBQUMsUUFBUSxFQUFFO1FBQ25CLEtBQUssQ0FBQztZQUNKLEtBQUssQ0FBQyx5QkFBeUIsRUFBRSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ3JGLFFBQVEsRUFBRSxJQUFJO2FBQ2YsQ0FBQztZQUNGLEtBQUssQ0FBQywyQkFBMkIsRUFBRSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ3ZGLFFBQVEsRUFBRSxJQUFJO2FBQ2YsQ0FBQztZQUNGLEtBQUssQ0FDSCxrQ0FBa0MsRUFDbEMsQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUNsRDtnQkFDRSxRQUFRLEVBQUUsSUFBSTthQUNmLENBQ0Y7WUFDRCxLQUFLLENBQUMsT0FBTyxFQUFFO2dCQUNiLE9BQU8sQ0FDTCxPQUFPLEVBQ1AsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSwrQkFBK0IsRUFBRSxDQUFDLENBQzdFO2FBQ0YsQ0FBQztTQUNILENBQUM7S0FDSCxDQUFDO0NBQ0gsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgZ3JvdXAsIHF1ZXJ5LCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uQW5pbWF0aW9uID0gdHJpZ2dlcignZmFkZUluJywgW1xuICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG4gICAgc3R5bGUoeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKHt7ZW50ZXJPZmZzZXRZfX0lKScgfSksXG4gICAgYW5pbWF0ZSgnMzAwbXMgZWFzZS1vdXQnLCBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMCknIH0pKSxcbiAgXSksXG4gIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcbiAgICBncm91cChbXG4gICAgICBxdWVyeSgnLm1jLW5vdGlmaWNhdGlvbl9fdGl0bGUnLCBbYW5pbWF0ZSgnMjAwbXMnLCBzdHlsZSh7IG9wYWNpdHk6IDAsIGhlaWdodDogMCB9KSldLCB7XG4gICAgICAgIG9wdGlvbmFsOiB0cnVlLFxuICAgICAgfSksXG4gICAgICBxdWVyeSgnLm1jLW5vdGlmaWNhdGlvbl9fbWVzc2FnZScsIFthbmltYXRlKCcyMDBtcycsIHN0eWxlKHsgb3BhY2l0eTogMCwgaGVpZ2h0OiAwIH0pKV0sIHtcbiAgICAgICAgb3B0aW9uYWw6IHRydWUsXG4gICAgICB9KSxcbiAgICAgIHF1ZXJ5KFxuICAgICAgICAnLm1jLW5vdGlmaWNhdGlvbi1jbG9zYWJsZV9fY2xvc2UnLFxuICAgICAgICBbYW5pbWF0ZSgnMG1zJywgc3R5bGUoeyBvcGFjaXR5OiAwLCBoZWlnaHQ6IDAgfSkpXSxcbiAgICAgICAge1xuICAgICAgICAgIG9wdGlvbmFsOiB0cnVlLFxuICAgICAgICB9XG4gICAgICApLFxuICAgICAgcXVlcnkoJzpzZWxmJywgW1xuICAgICAgICBhbmltYXRlKFxuICAgICAgICAgICczMDBtcycsXG4gICAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAwLCBoZWlnaHQ6IDAsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoe3tsZWF2ZU9mZnNldFl9fSUpJyB9KVxuICAgICAgICApLFxuICAgICAgXSksXG4gICAgXSksXG4gIF0pLFxuXSk7XG4iXX0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject } from 'rxjs';
|
|
3
|
-
import { NOTIFICATION_CONFIG } from './notification';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Inject, Input, } from '@angular/core';
|
|
2
|
+
import { BehaviorSubject, timer } from 'rxjs';
|
|
3
|
+
import { NOTIFICATION_CONFIG, } from './notification';
|
|
4
4
|
import { NotificationAnimation } from './notification-animation';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/common";
|
|
@@ -8,31 +8,81 @@ import * as i2 from "./notification.component";
|
|
|
8
8
|
import * as i3 from "./notification-title";
|
|
9
9
|
import * as i4 from "./notification-message";
|
|
10
10
|
export class NotificationContainerComponent {
|
|
11
|
-
constructor(notificationConfig) {
|
|
11
|
+
constructor(notificationConfig, renderer, elt) {
|
|
12
12
|
this.notificationConfig = notificationConfig;
|
|
13
|
+
this.renderer = renderer;
|
|
14
|
+
this.elt = elt;
|
|
15
|
+
this.position = 'top-right';
|
|
16
|
+
this.animationPosition = 'top';
|
|
17
|
+
this.enterOffsetY = 0;
|
|
18
|
+
this.leaveOffsetY = 0;
|
|
13
19
|
this._notifications = new BehaviorSubject([]);
|
|
20
|
+
this.calculatePosition();
|
|
14
21
|
}
|
|
15
22
|
get notifications() {
|
|
16
23
|
return this._notifications.asObservable();
|
|
17
24
|
}
|
|
18
25
|
add(notification) {
|
|
19
26
|
this._notifications.next([...this._notifications.value, notification]);
|
|
20
|
-
this.
|
|
27
|
+
this.autoRemove(notification);
|
|
21
28
|
}
|
|
22
|
-
|
|
23
|
-
|
|
29
|
+
calculatePosition() {
|
|
30
|
+
switch (this.position) {
|
|
31
|
+
case 'top-right':
|
|
32
|
+
this.setPosition(0, 'auto', 'auto', 0);
|
|
33
|
+
break;
|
|
34
|
+
case 'top-left':
|
|
35
|
+
this.setPosition(0, 'auto', 0, 'auto');
|
|
36
|
+
break;
|
|
37
|
+
case 'bottom-right':
|
|
38
|
+
this.setPosition('auto', 0, 'auto', 0);
|
|
39
|
+
break;
|
|
40
|
+
case 'bottom-left':
|
|
41
|
+
this.setPosition('auto', 0, 0, 'auto');
|
|
42
|
+
break;
|
|
43
|
+
}
|
|
44
|
+
if (this.position.includes('top')) {
|
|
45
|
+
this.renderer.setStyle(this.elt.nativeElement, 'flex-direction', 'column');
|
|
46
|
+
this.enterOffsetY = 100;
|
|
47
|
+
this.leaveOffsetY = -100;
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
this.renderer.setStyle(this.elt.nativeElement, 'flex-direction', 'column-reverse');
|
|
51
|
+
this.enterOffsetY = -100;
|
|
52
|
+
this.leaveOffsetY = 100;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
setPosition(top, bottom, left, right) {
|
|
56
|
+
this.renderer.setStyle(this.elt.nativeElement, 'top', top);
|
|
57
|
+
this.renderer.setStyle(this.elt.nativeElement, 'bottom', bottom);
|
|
58
|
+
this.renderer.setStyle(this.elt.nativeElement, 'left', left);
|
|
59
|
+
this.renderer.setStyle(this.elt.nativeElement, 'right', right);
|
|
60
|
+
}
|
|
61
|
+
autoRemove(notification) {
|
|
62
|
+
const duration = notification?.duration !== undefined
|
|
63
|
+
? notification.duration
|
|
64
|
+
: this.notificationConfig.duration;
|
|
65
|
+
if (duration > 0) {
|
|
66
|
+
timer(duration).subscribe(() => this.remove(notification));
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
remove(notification) {
|
|
70
|
+
const isExist = this._notifications.value.includes(notification);
|
|
71
|
+
if (isExist) {
|
|
24
72
|
const newState = this._notifications.value.filter((n) => n !== notification);
|
|
25
73
|
this._notifications.next(newState);
|
|
26
|
-
}
|
|
74
|
+
}
|
|
27
75
|
}
|
|
28
76
|
}
|
|
29
|
-
NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: NOTIFICATION_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationContainerComponent, selector: "moz-notification-container", ngImport: i0, template: "<ng-container *ngFor=\"let notification of notifications | async\">\n <moz-notification size=\"s\" [type]=\"notification.type\" @fadeIn>\n <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;
|
|
77
|
+
NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: NOTIFICATION_CONFIG }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
+
NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NotificationContainerComponent, selector: "moz-notification-container", inputs: { position: "position" }, ngImport: i0, template: "<ng-container *ngFor=\"let notification of notifications | async\">\n <moz-notification size=\"s\" [type]=\"notification.type\" [@fadeIn]=\"{ value: null, params: { enterOffsetY, leaveOffsetY}}\" [closable]=\"!!notification.closable\" (closeEvent)=\" remove(notification)\">\n <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;display:flex;flex-direction:column;gap:1rem;width:20rem;margin:1.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NotificationComponent, selector: "moz-notification", inputs: ["type", "size", "closable"], outputs: ["closeEvent"] }, { kind: "component", type: i3.NotificationTitleComponent, selector: "[mozNotificationTitle]" }, { kind: "component", type: i4.NotificationMessageComponent, selector: "[mozNotificationMessage]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: [NotificationAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
31
79
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationContainerComponent, decorators: [{
|
|
32
80
|
type: Component,
|
|
33
|
-
args: [{ selector: 'moz-notification-container', changeDetection: ChangeDetectionStrategy.OnPush, animations: [NotificationAnimation], template: "<ng-container *ngFor=\"let notification of notifications | async\">\n <moz-notification size=\"s\" [type]=\"notification.type\" @fadeIn>\n <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;
|
|
81
|
+
args: [{ selector: 'moz-notification-container', changeDetection: ChangeDetectionStrategy.OnPush, animations: [NotificationAnimation], template: "<ng-container *ngFor=\"let notification of notifications | async\">\n <moz-notification size=\"s\" [type]=\"notification.type\" [@fadeIn]=\"{ value: null, params: { enterOffsetY, leaveOffsetY}}\" [closable]=\"!!notification.closable\" (closeEvent)=\" remove(notification)\">\n <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;display:flex;flex-direction:column;gap:1rem;width:20rem;margin:1.5rem}\n"] }]
|
|
34
82
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
35
83
|
type: Inject,
|
|
36
84
|
args: [NOTIFICATION_CONFIG]
|
|
37
|
-
}] }]; }
|
|
38
|
-
|
|
85
|
+
}] }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { position: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}] } });
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxNQUFNLEVBQ04sS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzlDLE9BQU8sRUFHTCxtQkFBbUIsR0FFcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBU2pFLE1BQU0sT0FBTyw4QkFBOEI7SUFPekMsWUFDZ0Qsa0JBQXNDLEVBQzVFLFFBQW1CLEVBQ25CLEdBQWU7UUFGdUIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUM1RSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLFFBQUcsR0FBSCxHQUFHLENBQVk7UUFUVCxhQUFRLEdBQTBCLFdBQVcsQ0FBQztRQUM5RCxzQkFBaUIsR0FBcUIsS0FBSyxDQUFDO1FBQzVDLGlCQUFZLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLGlCQUFZLEdBQUcsQ0FBQyxDQUFDO1FBQ0EsbUJBQWMsR0FBRyxJQUFJLGVBQWUsQ0FBaUIsRUFBRSxDQUFDLENBQUM7UUFPeEUsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQVcsYUFBYTtRQUN0QixPQUFPLElBQUksQ0FB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QU0sQ0FBQyxZQUEwQjtRQUN0QyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDakUsSUFBSSxPQUFPLEVBQUU7WUFDWCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsS0FBSyxZQUFZLENBQUMsQ0FBQztZQUM3RSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUNwQztJQUNILENBQUM7OzRIQS9FVSw4QkFBOEIsa0JBUS9CLG1CQUFtQjtnSEFSbEIsOEJBQThCLG9HQ3hCM0MscWZBTUEsdXZCRGdCYyxDQUFDLHFCQUFxQixDQUFDOzRGQUV4Qiw4QkFBOEI7a0JBUDFDLFNBQVM7K0JBQ0UsNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLENBQUMscUJBQXFCLENBQUM7OzBCQVVoQyxNQUFNOzJCQUFDLG1CQUFtQjs2RkFQYixRQUFRO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5qZWN0LFxuICBJbnB1dCxcbiAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgdGltZXIgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7XG4gIE5vdGlmaWNhdGlvbixcbiAgTm90aWZpY2F0aW9uQ29uZmlnLFxuICBOT1RJRklDQVRJT05fQ09ORklHLFxuICBOb3RpZmljYXRpb25EaXJlY3Rpb24sXG59IGZyb20gJy4vbm90aWZpY2F0aW9uJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbkFuaW1hdGlvbiB9IGZyb20gJy4vbm90aWZpY2F0aW9uLWFuaW1hdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vei1ub3RpZmljYXRpb24tY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24tY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBhbmltYXRpb25zOiBbTm90aWZpY2F0aW9uQW5pbWF0aW9uXSxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIHBvc2l0aW9uOiBOb3RpZmljYXRpb25EaXJlY3Rpb24gPSAndG9wLXJpZ2h0JztcbiAgYW5pbWF0aW9uUG9zaXRpb246ICd0b3AnIHwgJ2JvdHRvbScgPSAndG9wJztcbiAgZW50ZXJPZmZzZXRZID0gMDtcbiAgbGVhdmVPZmZzZXRZID0gMDtcbiAgcHJpdmF0ZSByZWFkb25seSBfbm90aWZpY2F0aW9ucyA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Tm90aWZpY2F0aW9uW10+KFtdKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KE5PVElGSUNBVElPTl9DT05GSUcpIHByaXZhdGUgcmVhZG9ubHkgbm90aWZpY2F0aW9uQ29uZmlnOiBOb3RpZmljYXRpb25Db25maWcsXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIHByaXZhdGUgZWx0OiBFbGVtZW50UmVmXG4gICkge1xuICAgIHRoaXMuY2FsY3VsYXRlUG9zaXRpb24oKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbm90aWZpY2F0aW9ucygpIHtcbiAgICByZXR1cm4gdGhpcy5fbm90aWZpY2F0aW9ucy5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBhZGQobm90aWZpY2F0aW9uOiBOb3RpZmljYXRpb24pIHtcbiAgICB0aGlzLl9ub3RpZmljYXRpb25zLm5leHQoWy4uLnRoaXMuX25vdGlmaWNhdGlvbnMudmFsdWUsIG5vdGlmaWNhdGlvbl0pO1xuICAgIHRoaXMuYXV0b1JlbW92ZShub3RpZmljYXRpb24pO1xuICB9XG5cbiAgY2FsY3VsYXRlUG9zaXRpb24oKSB7XG4gICAgc3dpdGNoICh0aGlzLnBvc2l0aW9uKSB7XG4gICAgICBjYXNlICd0b3AtcmlnaHQnOlxuICAgICAgICB0aGlzLnNldFBvc2l0aW9uKDAsICdhdXRvJywgJ2F1dG8nLCAwKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICd0b3AtbGVmdCc6XG4gICAgICAgIHRoaXMuc2V0UG9zaXRpb24oMCwgJ2F1dG8nLCAwLCAnYXV0bycpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2JvdHRvbS1yaWdodCc6XG4gICAgICAgIHRoaXMuc2V0UG9zaXRpb24oJ2F1dG8nLCAwLCAnYXV0bycsIDApO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2JvdHRvbS1sZWZ0JzpcbiAgICAgICAgdGhpcy5zZXRQb3NpdGlvbignYXV0bycsIDAsIDAsICdhdXRvJyk7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnBvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSkge1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsdC5uYXRpdmVFbGVtZW50LCAnZmxleC1kaXJlY3Rpb24nLCAnY29sdW1uJyk7XG4gICAgICB0aGlzLmVudGVyT2Zmc2V0WSA9IDEwMDtcbiAgICAgIHRoaXMubGVhdmVPZmZzZXRZID0gLTEwMDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsdC5uYXRpdmVFbGVtZW50LCAnZmxleC1kaXJlY3Rpb24nLCAnY29sdW1uLXJldmVyc2UnKTtcbiAgICAgIHRoaXMuZW50ZXJPZmZzZXRZID0gLTEwMDtcbiAgICAgIHRoaXMubGVhdmVPZmZzZXRZID0gMTAwO1xuICAgIH1cbiAgfVxuXG4gIHNldFBvc2l0aW9uKFxuICAgIHRvcDogbnVtYmVyIHwgc3RyaW5nLFxuICAgIGJvdHRvbTogbnVtYmVyIHwgc3RyaW5nLFxuICAgIGxlZnQ6IG51bWJlciB8IHN0cmluZyxcbiAgICByaWdodDogbnVtYmVyIHwgc3RyaW5nXG4gICkge1xuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lbHQubmF0aXZlRWxlbWVudCwgJ3RvcCcsIHRvcCk7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsdC5uYXRpdmVFbGVtZW50LCAnYm90dG9tJywgYm90dG9tKTtcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuZWx0Lm5hdGl2ZUVsZW1lbnQsICdsZWZ0JywgbGVmdCk7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsdC5uYXRpdmVFbGVtZW50LCAncmlnaHQnLCByaWdodCk7XG4gIH1cblxuICBwcml2YXRlIGF1dG9SZW1vdmUobm90aWZpY2F0aW9uOiBOb3RpZmljYXRpb24pOiB2b2lkIHtcbiAgICBjb25zdCBkdXJhdGlvbiA9XG4gICAgICBub3RpZmljYXRpb24/LmR1cmF0aW9uICE9PSB1bmRlZmluZWRcbiAgICAgICAgPyBub3RpZmljYXRpb24uZHVyYXRpb25cbiAgICAgICAgOiB0aGlzLm5vdGlmaWNhdGlvbkNvbmZpZy5kdXJhdGlvbjtcbiAgICBpZiAoZHVyYXRpb24gPiAwKSB7XG4gICAgICB0aW1lcihkdXJhdGlvbikuc3Vic2NyaWJlKCgpID0+IHRoaXMucmVtb3ZlKG5vdGlmaWNhdGlvbikpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyByZW1vdmUobm90aWZpY2F0aW9uOiBOb3RpZmljYXRpb24pOiB2b2lkIHtcbiAgICBjb25zdCBpc0V4aXN0ID0gdGhpcy5fbm90aWZpY2F0aW9ucy52YWx1ZS5pbmNsdWRlcyhub3RpZmljYXRpb24pO1xuICAgIGlmIChpc0V4aXN0KSB7XG4gICAgICBjb25zdCBuZXdTdGF0ZSA9IHRoaXMuX25vdGlmaWNhdGlvbnMudmFsdWUuZmlsdGVyKChuKSA9PiBuICE9PSBub3RpZmljYXRpb24pO1xuICAgICAgdGhpcy5fbm90aWZpY2F0aW9ucy5uZXh0KG5ld1N0YXRlKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG5vdGlmaWNhdGlvbiBvZiBub3RpZmljYXRpb25zIHwgYXN5bmNcIj5cbiAgPG1vei1ub3RpZmljYXRpb24gc2l6ZT1cInNcIiBbdHlwZV09XCJub3RpZmljYXRpb24udHlwZVwiIFtAZmFkZUluXT1cInsgdmFsdWU6IG51bGwsIHBhcmFtczogeyBlbnRlck9mZnNldFksIGxlYXZlT2Zmc2V0WX19XCIgW2Nsb3NhYmxlXT1cIiEhbm90aWZpY2F0aW9uLmNsb3NhYmxlXCIgKGNsb3NlRXZlbnQpPVwiIHJlbW92ZShub3RpZmljYXRpb24pXCI+XG4gICAgPGgzIG1vek5vdGlmaWNhdGlvblRpdGxlICpuZ0lmPVwibm90aWZpY2F0aW9uLnRpdGxlXCI+e3sgbm90aWZpY2F0aW9uLnRpdGxlIH19PC9oMz5cbiAgICA8cCBtb3pOb3RpZmljYXRpb25NZXNzYWdlICpuZ0lmPVwibm90aWZpY2F0aW9uLm1lc3NhZ2VcIj57eyBub3RpZmljYXRpb24ubWVzc2FnZSB9fTwvcD5cbiAgPC9tb3otbm90aWZpY2F0aW9uPlxuPC9uZy1jb250YWluZXI+XG4iXX0=
|
|
@@ -5,4 +5,4 @@ export class NotificationConfigFactory {
|
|
|
5
5
|
return { duration: 3000, ...config };
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBaUIvQyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxJQUFJLGNBQWMsQ0FBcUIscUJBQXFCLENBQUMsQ0FBQztBQUVqRyxNQUFNLE9BQU8seUJBQXlCO0lBQ3BDLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBc0MsRUFBRTtRQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxHQUFHLE1BQU0sRUFBRSxDQUFDO0lBQ3ZDLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIE5vdGlmaWNhdGlvblR5cGUgPSAnaW5mb3JtYXRpb24nIHwgJ3N1Y2Nlc3MnIHwgJ3dhcm5pbmcnIHwgJ2Rhbmdlcic7XG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25EaXJlY3Rpb24gPSAndG9wLXJpZ2h0JyB8ICd0b3AtbGVmdCcgfCAnYm90dG9tLXJpZ2h0JyB8ICdib3R0b20tbGVmdCc7XG5cbmV4cG9ydCB0eXBlIE5vdGlmaWNhdGlvblNpemUgPSAnbScgfCAncyc7XG5cbmV4cG9ydCB0eXBlIE5vdGlmaWNhdGlvbiA9IHtcbiAgdHlwZT86IE5vdGlmaWNhdGlvblR5cGU7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBtZXNzYWdlOiBzdHJpbmc7XG4gIGNsb3NhYmxlPzogYm9vbGVhbjtcbiAgZHVyYXRpb24/OiBudW1iZXI7XG59O1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Db25maWcgPSB7IGR1cmF0aW9uOiBudW1iZXIgfTtcblxuZXhwb3J0IGNvbnN0IE5PVElGSUNBVElPTl9DT05GSUcgPSBuZXcgSW5qZWN0aW9uVG9rZW48Tm90aWZpY2F0aW9uQ29uZmlnPignTk9USUZJQ0FUSU9OX0NPTkZJRycpO1xuXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uQ29uZmlnRmFjdG9yeSB7XG4gIHN0YXRpYyBjcmVhdGUoY29uZmlnOiBQYXJ0aWFsPE5vdGlmaWNhdGlvbkNvbmZpZz4gPSB7fSk6IE5vdGlmaWNhdGlvbkNvbmZpZyB7XG4gICAgcmV0dXJuIHsgZHVyYXRpb246IDMwMDAsIC4uLmNvbmZpZyB9O1xuICB9XG59XG4iXX0=
|
|
@@ -3,6 +3,10 @@ import { Inject, Injectable, } from '@angular/core';
|
|
|
3
3
|
import { NotificationContainerComponent } from './notification-container.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class NotificationService {
|
|
6
|
+
set direction(value) {
|
|
7
|
+
this.container.instance.position = value;
|
|
8
|
+
this.container.instance.calculatePosition();
|
|
9
|
+
}
|
|
6
10
|
constructor(applicationRef, componentFactoryResolver, injector, document) {
|
|
7
11
|
this.applicationRef = applicationRef;
|
|
8
12
|
this.componentFactoryResolver = componentFactoryResolver;
|
|
@@ -16,8 +20,7 @@ export class NotificationService {
|
|
|
16
20
|
}
|
|
17
21
|
createContainer() {
|
|
18
22
|
const componentFactory = this.componentFactoryResolver.resolveComponentFactory(NotificationContainerComponent);
|
|
19
|
-
|
|
20
|
-
return componentRef;
|
|
23
|
+
return componentFactory.create(this.injector);
|
|
21
24
|
}
|
|
22
25
|
appendNotificationContainerToBody(componentRef) {
|
|
23
26
|
const componentHostView = componentRef.hostView;
|
|
@@ -37,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
37
40
|
type: Inject,
|
|
38
41
|
args: [DOCUMENT]
|
|
39
42
|
}] }]; } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFLTCxNQUFNLEVBQ04sVUFBVSxHQUVYLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQUtwRixNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLElBQUksU0FBUyxDQUFDLEtBQWdFO1FBQzVFLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDekMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM5QyxDQUFDO0lBR0QsWUFDbUIsY0FBOEIsRUFDOUIsd0JBQWtELEVBQ2xELFFBQWtCLEVBQ0EsUUFBa0I7UUFIcEMsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQzlCLDZCQUF3QixHQUF4Qix3QkFBd0IsQ0FBMEI7UUFDbEQsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNBLGFBQVEsR0FBUixRQUFRLENBQVU7UUFFckQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEMsSUFBSSxDQUFDLGlDQUFpQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN6RCxDQUFDO0lBRU0sR0FBRyxDQUFDLFlBQTBCO1FBQ25DLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRU8sZUFBZTtRQUNyQixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyx1QkFBdUIsQ0FDNUUsOEJBQThCLENBQy9CLENBQUM7UUFDRixPQUFPLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVPLGlDQUFpQyxDQUN2QyxZQUEwRDtRQUUxRCxNQUFNLGlCQUFpQixHQUFHLFlBQVksQ0FBQyxRQUFvQyxDQUFDO1FBQzVFLE1BQU0sb0JBQW9CLEdBQUcsaUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBZ0IsQ0FBQztRQUMzRSxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7O2lIQW5DVSxtQkFBbUIsZ0hBV3BCLFFBQVE7cUhBWFAsbUJBQW1CLGNBRmxCLE1BQU07NEZBRVAsbUJBQW1CO2tCQUgvQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQjs7MEJBWUksTUFBTTsyQkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQXBwbGljYXRpb25SZWYsXG4gIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcbiAgQ29tcG9uZW50UmVmLFxuICBFbWJlZGRlZFZpZXdSZWYsXG4gIEluamVjdCxcbiAgSW5qZWN0YWJsZSxcbiAgSW5qZWN0b3IsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uIH0gZnJvbSAnLi9ub3RpZmljYXRpb24nO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpZmljYXRpb24tY29udGFpbmVyLmNvbXBvbmVudCc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25TZXJ2aWNlIHtcbiAgc2V0IGRpcmVjdGlvbih2YWx1ZTogJ3RvcC1yaWdodCcgfCAndG9wLWxlZnQnIHwgJ2JvdHRvbS1yaWdodCcgfCAnYm90dG9tLWxlZnQnKSB7XG4gICAgdGhpcy5jb250YWluZXIuaW5zdGFuY2UucG9zaXRpb24gPSB2YWx1ZTtcbiAgICB0aGlzLmNvbnRhaW5lci5pbnN0YW5jZS5jYWxjdWxhdGVQb3NpdGlvbigpO1xuICB9XG4gIHByaXZhdGUgcmVhZG9ubHkgY29udGFpbmVyITogQ29tcG9uZW50UmVmPE5vdGlmaWNhdGlvbkNvbnRhaW5lckNvbXBvbmVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBhcHBsaWNhdGlvblJlZjogQXBwbGljYXRpb25SZWYsXG4gICAgcHJpdmF0ZSByZWFkb25seSBjb21wb25lbnRGYWN0b3J5UmVzb2x2ZXI6IENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcbiAgICBwcml2YXRlIHJlYWRvbmx5IGluamVjdG9yOiBJbmplY3RvcixcbiAgICBASW5qZWN0KERPQ1VNRU5UKSBwcml2YXRlIHJlYWRvbmx5IGRvY3VtZW50OiBEb2N1bWVudFxuICApIHtcbiAgICB0aGlzLmNvbnRhaW5lciA9IHRoaXMuY3JlYXRlQ29udGFpbmVyKCk7XG4gICAgdGhpcy5hcHBlbmROb3RpZmljYXRpb25Db250YWluZXJUb0JvZHkodGhpcy5jb250YWluZXIpO1xuICB9XG5cbiAgcHVibGljIGFkZChub3RpZmljYXRpb246IE5vdGlmaWNhdGlvbikge1xuICAgIHRoaXMuY29udGFpbmVyLmluc3RhbmNlLmFkZChub3RpZmljYXRpb24pO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVDb250YWluZXIoKTogQ29tcG9uZW50UmVmPE5vdGlmaWNhdGlvbkNvbnRhaW5lckNvbXBvbmVudD4ge1xuICAgIGNvbnN0IGNvbXBvbmVudEZhY3RvcnkgPSB0aGlzLmNvbXBvbmVudEZhY3RvcnlSZXNvbHZlci5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeShcbiAgICAgIE5vdGlmaWNhdGlvbkNvbnRhaW5lckNvbXBvbmVudFxuICAgICk7XG4gICAgcmV0dXJuIGNvbXBvbmVudEZhY3RvcnkuY3JlYXRlKHRoaXMuaW5qZWN0b3IpO1xuICB9XG5cbiAgcHJpdmF0ZSBhcHBlbmROb3RpZmljYXRpb25Db250YWluZXJUb0JvZHkoXG4gICAgY29tcG9uZW50UmVmOiBDb21wb25lbnRSZWY8Tm90aWZpY2F0aW9uQ29udGFpbmVyQ29tcG9uZW50PlxuICApOiB2b2lkIHtcbiAgICBjb25zdCBjb21wb25lbnRIb3N0VmlldyA9IGNvbXBvbmVudFJlZi5ob3N0VmlldyBhcyBFbWJlZGRlZFZpZXdSZWY8dW5rbm93bj47XG4gICAgY29uc3QgY29tcG9uZW50SHRtbEVsZW1lbnQgPSBjb21wb25lbnRIb3N0Vmlldy5yb290Tm9kZXNbMF0gYXMgSFRNTEVsZW1lbnQ7XG4gICAgdGhpcy5hcHBsaWNhdGlvblJlZi5hdHRhY2hWaWV3KGNvbXBvbmVudEhvc3RWaWV3KTtcbiAgICB0aGlzLmRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoY29tcG9uZW50SHRtbEVsZW1lbnQpO1xuICB9XG59XG4iXX0=
|