@festo-ui/angular 4.0.3-pre-20221213.1 → 5.0.0-dev.102
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/README.md +13 -53
- package/css/bundle.css +1 -1
- package/css/image-gallery.css +1 -1
- package/css/popover.css +1 -1
- package/esm2020/festo-ui-angular.mjs +2 -2
- package/esm2020/lib/components/accordion/accordion-header/accordion-header.component.mjs +6 -6
- package/esm2020/lib/components/accordion/accordion-item/accordion-item-body/accordion-item-body.component.mjs +6 -6
- package/esm2020/lib/components/accordion/accordion-item/accordion-item-header/accordion-item-header.component.mjs +11 -11
- package/esm2020/lib/components/accordion/accordion-item/accordion-item.component.mjs +41 -36
- package/esm2020/lib/components/accordion/accordion.component.mjs +21 -21
- package/esm2020/lib/components/accordion/index.mjs +1 -1
- package/esm2020/lib/components/breadcrumb/breadcrumb.component.mjs +9 -6
- package/esm2020/lib/components/buttons/button/button.component.mjs +8 -7
- package/esm2020/lib/components/buttons/link-button/link-button.component.mjs +8 -7
- package/esm2020/lib/components/chips/chip/chip.component.mjs +7 -6
- package/esm2020/lib/components/chips/chip-container/chip-container.component.mjs +7 -6
- package/esm2020/lib/components/components.module.mjs +202 -208
- package/esm2020/lib/components/loading-indicator/loading-indicator.component.mjs +7 -6
- package/esm2020/lib/components/mobile-flyout/mobile-flyout-item/mobile-flyout-item.component.mjs +8 -7
- package/esm2020/lib/components/mobile-flyout/mobile-flyout-page/mobile-flyout-page.component.mjs +10 -9
- package/esm2020/lib/components/mobile-flyout/mobile-flyout.component.mjs +10 -10
- package/esm2020/lib/components/pagination/pagination.component.mjs +15 -13
- package/esm2020/lib/components/popovers/legend/legend.component.mjs +14 -14
- package/esm2020/lib/components/popovers/legend/legend.directive.mjs +8 -8
- package/esm2020/lib/components/popovers/popover/popover.component.mjs +11 -11
- package/esm2020/lib/components/popovers/popover-content/popover-content.component.mjs +16 -18
- package/esm2020/lib/components/popovers/popover-content/popover-content.directive.mjs +7 -7
- package/esm2020/lib/components/popovers/popover-menu/popover-menu.component.mjs +18 -19
- package/esm2020/lib/components/popovers/popover-ref.mjs +2 -2
- package/esm2020/lib/components/popovers/popover.defaults.mjs +17 -18
- package/esm2020/lib/components/popovers/popover.models.mjs +7 -23
- package/esm2020/lib/components/popovers/popover.service.mjs +31 -32
- package/esm2020/lib/components/popovers/tooltip/tooltip.directive.mjs +18 -18
- package/esm2020/lib/components/progress/progress.component.mjs +8 -6
- package/esm2020/lib/components/scroll/index.mjs +1 -1
- package/esm2020/lib/components/scroll/scrollable.directive.mjs +10 -7
- package/esm2020/lib/components/search-input/search-input.component.mjs +20 -10
- package/esm2020/lib/components/snackbar/snackbar-container.component.mjs +7 -7
- package/esm2020/lib/components/snackbar/snackbar-container.directive.mjs +12 -15
- package/esm2020/lib/components/snackbar/snackbar.component.mjs +9 -7
- package/esm2020/lib/components/snackbar/snackbar.models.mjs +1 -1
- package/esm2020/lib/components/snackbar/snackbar.module.mjs +12 -14
- package/esm2020/lib/components/snackbar/snackbar.service.mjs +5 -5
- package/esm2020/lib/components/stepper-horizontal/step-horizontal/step-horizontal.component.mjs +6 -6
- package/esm2020/lib/components/stepper-horizontal/stepper-horizontal.component.mjs +10 -9
- package/esm2020/lib/components/stepper-vertical/step-vertical/step-vertical.component.mjs +8 -7
- package/esm2020/lib/components/stepper-vertical/stepper-vertical.component.mjs +9 -9
- package/esm2020/lib/components/table-header-cell/table-header-cell.directive.mjs +9 -8
- package/esm2020/lib/components/tabs/tab-pane/tab-pane.component.mjs +8 -8
- package/esm2020/lib/components/tabs/tabs.component.mjs +113 -27
- package/esm2020/lib/directives/click-outside.directive.mjs +29 -0
- package/esm2020/lib/festo-angular.module.mjs +9 -72
- package/esm2020/lib/forms/checkbox/checkbox.component.mjs +29 -24
- package/esm2020/lib/forms/color-indicator/color-indicator.component.mjs +29 -9
- package/esm2020/lib/forms/color-picker/color-helper.mjs +16 -8
- package/esm2020/lib/forms/color-picker/color-picker.component.mjs +38 -19
- package/esm2020/lib/forms/date-picker/date-picker.component.mjs +29 -26
- package/esm2020/lib/forms/date-range-picker/date-range-picker.component.mjs +33 -29
- package/esm2020/lib/forms/flatpickr/flatpickr.component.mjs +55 -0
- package/esm2020/lib/forms/forms.module.mjs +117 -110
- package/esm2020/lib/forms/radio/radio.component.mjs +54 -50
- package/esm2020/lib/forms/segment/segment-control/segment-control.component.mjs +22 -14
- package/esm2020/lib/forms/segment/segment.component.mjs +60 -30
- package/esm2020/lib/forms/select/chip-text.pipe.mjs +16 -11
- package/esm2020/lib/forms/select/select-option/select-option.component.mjs +8 -7
- package/esm2020/lib/forms/select/select.component.mjs +55 -47
- package/esm2020/lib/forms/slider/slider.component.mjs +27 -24
- package/esm2020/lib/forms/switch/switch.component.mjs +21 -20
- package/esm2020/lib/forms/text-area/text-area.component.mjs +19 -12
- package/esm2020/lib/forms/text-editor/text-editor.component.mjs +73 -65
- package/esm2020/lib/forms/text-input/text-input.component.mjs +41 -14
- package/esm2020/lib/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.mjs +9 -7
- package/esm2020/lib/forms/time-picker/time-picker.component.mjs +23 -20
- package/esm2020/lib/forms/unique-selection-dispatcher.mjs +8 -6
- package/esm2020/lib/forms/value-accessor-base.mjs +6 -6
- package/esm2020/lib/modals/alert/alert.component.mjs +54 -0
- package/esm2020/lib/modals/confirm/confirm.component.mjs +55 -0
- package/esm2020/lib/modals/custom-modal/custom-modal.component.mjs +70 -0
- package/esm2020/lib/modals/image-gallery/image-gallery.component.mjs +62 -0
- package/esm2020/lib/modals/index.mjs +2 -0
- package/esm2020/lib/modals/modal.service.mjs +118 -0
- package/esm2020/lib/modals/modals.module.mjs +25 -0
- package/esm2020/lib/modals/prompt/prompt.component.mjs +106 -0
- package/esm2020/lib/pipes/safe-html.pipe.mjs +7 -7
- package/esm2020/public-api.mjs +66 -0
- package/fesm2015/festo-ui-angular.mjs +4757 -4590
- package/fesm2015/festo-ui-angular.mjs.map +1 -1
- package/fesm2020/festo-ui-angular.mjs +4936 -4809
- package/fesm2020/festo-ui-angular.mjs.map +1 -1
- package/index.d.ts +5 -13
- package/lib/components/accordion/accordion-header/accordion-header.component.d.ts +3 -3
- package/lib/components/accordion/accordion-item/accordion-item-body/accordion-item-body.component.d.ts +3 -3
- package/lib/components/accordion/accordion-item/accordion-item-header/accordion-item-header.component.d.ts +5 -5
- package/lib/components/accordion/accordion-item/accordion-item.component.d.ts +9 -8
- package/lib/components/accordion/accordion.component.d.ts +7 -7
- package/lib/components/breadcrumb/breadcrumb.component.d.ts +3 -3
- package/lib/components/buttons/button/button.component.d.ts +6 -6
- package/lib/components/buttons/link-button/link-button.component.d.ts +6 -6
- package/lib/components/chips/chip/chip.component.d.ts +4 -4
- package/lib/components/chips/chip-container/chip-container.component.d.ts +3 -3
- package/lib/components/components.module.d.ts +35 -69
- package/lib/components/loading-indicator/loading-indicator.component.d.ts +3 -3
- package/lib/components/mobile-flyout/mobile-flyout-item/mobile-flyout-item.component.d.ts +3 -3
- package/lib/components/mobile-flyout/mobile-flyout-page/mobile-flyout-page.component.d.ts +5 -5
- package/lib/components/mobile-flyout/mobile-flyout.component.d.ts +5 -5
- package/lib/components/pagination/pagination.component.d.ts +6 -6
- package/lib/components/popovers/legend/legend.component.d.ts +10 -10
- package/lib/components/popovers/legend/legend.directive.d.ts +5 -5
- package/lib/components/popovers/popover/popover.component.d.ts +6 -6
- package/lib/components/popovers/popover-content/popover-content.component.d.ts +13 -13
- package/lib/components/popovers/popover-content/popover-content.directive.d.ts +5 -5
- package/lib/components/popovers/popover-menu/popover-menu.component.d.ts +15 -15
- package/lib/components/popovers/popover-ref.d.ts +4 -4
- package/lib/components/popovers/popover.defaults.d.ts +4 -4
- package/lib/components/popovers/popover.models.d.ts +18 -30
- package/lib/components/popovers/popover.service.d.ts +7 -7
- package/lib/components/popovers/tooltip/tooltip.directive.d.ts +9 -9
- package/lib/components/progress/progress.component.d.ts +3 -3
- package/lib/components/scroll/scrollable.directive.d.ts +4 -4
- package/lib/components/search-input/search-input.component.d.ts +9 -9
- package/lib/components/snackbar/snackbar-container.component.d.ts +5 -5
- package/lib/components/snackbar/snackbar-container.directive.d.ts +8 -11
- package/lib/components/snackbar/snackbar.component.d.ts +5 -5
- package/lib/components/snackbar/snackbar.models.d.ts +2 -2
- package/lib/components/snackbar/snackbar.module.d.ts +1 -2
- package/lib/components/snackbar/snackbar.service.d.ts +8 -8
- package/lib/components/stepper-horizontal/step-horizontal/step-horizontal.component.d.ts +3 -3
- package/lib/components/stepper-horizontal/stepper-horizontal.component.d.ts +5 -5
- package/lib/components/stepper-vertical/step-vertical/step-vertical.component.d.ts +4 -4
- package/lib/components/stepper-vertical/stepper-vertical.component.d.ts +5 -5
- package/lib/components/table-header-cell/table-header-cell.directive.d.ts +11 -11
- package/lib/components/tabs/tab-pane/tab-pane.component.d.ts +9 -9
- package/lib/components/tabs/tabs.component.d.ts +24 -24
- package/lib/directives/click-outside.directive.d.ts +10 -0
- package/lib/festo-angular.module.d.ts +6 -11
- package/lib/forms/checkbox/checkbox.component.d.ts +3 -3
- package/lib/forms/color-indicator/color-indicator.component.d.ts +3 -3
- package/lib/forms/color-picker/color-helper.d.ts +4 -4
- package/lib/forms/color-picker/color-picker.component.d.ts +8 -8
- package/lib/forms/date-picker/date-picker.component.d.ts +15 -15
- package/lib/forms/date-range-picker/date-range-picker.component.d.ts +16 -16
- package/lib/forms/flatpickr/flatpickr.component.d.ts +19 -0
- package/lib/forms/forms.module.d.ts +17 -37
- package/lib/forms/radio/radio.component.d.ts +22 -22
- package/lib/forms/segment/segment-control/segment-control.component.d.ts +14 -15
- package/lib/forms/segment/segment.component.d.ts +20 -11
- package/lib/forms/select/chip-text.pipe.d.ts +3 -3
- package/lib/forms/select/select-option/select-option.component.d.ts +5 -5
- package/lib/forms/select/select.component.d.ts +15 -15
- package/lib/forms/slider/slider.component.d.ts +8 -8
- package/lib/forms/switch/switch.component.d.ts +7 -7
- package/lib/forms/text-area/text-area.component.d.ts +14 -14
- package/lib/forms/text-editor/text-editor.component.d.ts +22 -22
- package/lib/forms/text-input/text-input.component.d.ts +6 -6
- package/lib/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.d.ts +8 -8
- package/lib/forms/time-picker/time-picker.component.d.ts +11 -11
- package/lib/forms/unique-selection-dispatcher.d.ts +5 -5
- package/lib/forms/value-accessor-base.d.ts +6 -6
- package/lib/{components/modals → modals}/alert/alert.component.d.ts +6 -6
- package/lib/{components/modals → modals}/confirm/confirm.component.d.ts +6 -6
- package/lib/modals/custom-modal/custom-modal.component.d.ts +21 -0
- package/lib/{components → modals}/image-gallery/image-gallery.component.d.ts +8 -8
- package/lib/{components/modals → modals}/index.d.ts +1 -1
- package/lib/modals/modal.service.d.ts +22 -0
- package/lib/{components/modals → modals}/modals.module.d.ts +1 -6
- package/lib/{components/modals → modals}/prompt/prompt.component.d.ts +6 -6
- package/lib/pipes/safe-html.pipe.d.ts +3 -3
- package/package.json +13 -16
- package/public-api.d.ts +62 -0
- package/scss/base/image-gallery.scss +3 -0
- package/scss/base/popover.scss +9 -0
- package/scss/base/styles.scss +5 -0
- package/esm2020/index.mjs +0 -26
- package/esm2020/lib/components/click-outside.directive.mjs +0 -28
- package/esm2020/lib/components/image-gallery/image-gallery.component.mjs +0 -60
- package/esm2020/lib/components/image-gallery/image-gallery.module.mjs +0 -22
- package/esm2020/lib/components/modals/alert/alert.component.mjs +0 -52
- package/esm2020/lib/components/modals/confirm/confirm.component.mjs +0 -53
- package/esm2020/lib/components/modals/custom-modal/custom-modal.component.mjs +0 -70
- package/esm2020/lib/components/modals/index.mjs +0 -2
- package/esm2020/lib/components/modals/modal.service.mjs +0 -121
- package/esm2020/lib/components/modals/modals.module.mjs +0 -31
- package/esm2020/lib/components/modals/prompt/prompt.component.mjs +0 -102
- package/esm2020/lib/content/content.module.mjs +0 -20
- package/esm2020/lib/content/icon/icon.component.mjs +0 -17
- package/esm2020/lib/forms/container-host.mjs +0 -27
- package/esm2020/lib/forms/date-picker.module.mjs +0 -28
- package/esm2020/lib/forms/text-editor/text-editor.module.mjs +0 -25
- package/esm2020/lib/layout/layout.module.mjs +0 -18
- package/esm2020/lib/pipes/pipes.module.mjs +0 -20
- package/esm2020/lib/wrappers/flatpickr/flatpickr.component.mjs +0 -59
- package/lib/components/click-outside.directive.d.ts +0 -10
- package/lib/components/image-gallery/image-gallery.module.d.ts +0 -11
- package/lib/components/modals/custom-modal/custom-modal.component.d.ts +0 -21
- package/lib/components/modals/modal.service.d.ts +0 -22
- package/lib/content/content.module.d.ts +0 -9
- package/lib/content/icon/icon.component.d.ts +0 -45
- package/lib/forms/container-host.d.ts +0 -11
- package/lib/forms/date-picker.module.d.ts +0 -17
- package/lib/forms/text-editor/text-editor.module.d.ts +0 -14
- package/lib/layout/layout.module.d.ts +0 -7
- package/lib/pipes/pipes.module.d.ts +0 -9
- package/lib/wrappers/flatpickr/flatpickr.component.d.ts +0 -19
- package/scss/base/components/accordion/accordion-header/accordion-header.component.scss +0 -12
- package/scss/base/components/accordion/accordion-item/accordion-item-body/accordion-item-body.component.scss +0 -109
- package/scss/base/components/accordion/accordion-item/accordion-item-header/accordion-item-header.component.scss +0 -9
- package/scss/base/components/accordion/accordion-item/accordion-item.component.scss +0 -71
- package/scss/base/components/accordion/accordion.component.scss +0 -6
- package/scss/base/components/breadcrumb/breadcrumb.component.scss +0 -0
- package/scss/base/components/buttons/button/button.component.scss +0 -7
- package/scss/base/components/buttons/link-button/link-button.component.scss +0 -0
- package/scss/base/components/chips/chip/chip.component.scss +0 -0
- package/scss/base/components/chips/chip-container/chip-container.component.scss +0 -0
- package/scss/base/components/image-gallery/image-gallery.component.scss +0 -0
- package/scss/base/components/image-gallery/styles.scss +0 -5
- package/scss/base/components/loading-indicator/loading-indicator.component.scss +0 -0
- package/scss/base/components/modals/alert/alert.component.scss +0 -0
- package/scss/base/components/modals/confirm/confirm.component.scss +0 -0
- package/scss/base/components/modals/prompt/prompt.component.scss +0 -0
- package/scss/base/components/pagination/pagination.component.scss +0 -0
- package/scss/base/components/popovers/legend/legend.component.scss +0 -9
- package/scss/base/components/popovers/popover/popover.component.scss +0 -0
- package/scss/base/components/popovers/popover/styles.scss +0 -84
- package/scss/base/components/popovers/popover-content/popover-content.component.scss +0 -12
- package/scss/base/components/popovers/popover-menu/popover-menu.component.scss +0 -0
- package/scss/base/components/scroll/scroll-story-helper.scss +0 -12
- package/scss/base/components/search-input/search-input.component.scss +0 -7
- package/scss/base/components/snackbar/snackbar-container.component.scss +0 -3
- package/scss/base/components/snackbar/snackbar.component.scss +0 -3
- package/scss/base/components/stepper-horizontal/step-horizontal/step-horizontal.component.scss +0 -23
- package/scss/base/components/stepper-vertical/step-vertical/step-vertical.component.scss +0 -6
- package/scss/base/components/tabs/tab-pane/tab-pane.component.scss +0 -7
- package/scss/base/components/tabs/tabs.component.scss +0 -326
- package/scss/base/content/icon/icon.component.scss +0 -0
- package/scss/base/forms/checkbox/checkbox.component.scss +0 -160
- package/scss/base/forms/color-indicator/color-indicator.component.scss +0 -59
- package/scss/base/forms/color-picker/color-picker.component.scss +0 -207
- package/scss/base/forms/date-picker/date-picker.component.scss +0 -5
- package/scss/base/forms/date-range-picker/date-range-picker.component.scss +0 -34
- package/scss/base/forms/radio/radio.component.scss +0 -9
- package/scss/base/forms/segment/segment-control/segment-control.component.scss +0 -0
- package/scss/base/forms/segment/segment.component.scss +0 -0
- package/scss/base/forms/select/select-option/select-option.component.scss +0 -0
- package/scss/base/forms/select/select.component.scss +0 -251
- package/scss/base/forms/slider/slider.component.scss +0 -20
- package/scss/base/forms/switch/switch.component.scss +0 -145
- package/scss/base/forms/text-area/text-area.component.scss +0 -43
- package/scss/base/forms/text-editor/text-editor.component.scss +0 -294
- package/scss/base/forms/text-input/text-input.component.scss +0 -60
- package/scss/base/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.scss +0 -10
- package/scss/base/forms/time-picker/time-picker.component.scss +0 -5
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class FngCustomModalComponent {
|
|
4
|
+
closeOnBackdrop: boolean;
|
|
5
|
+
large: boolean;
|
|
6
|
+
visible: boolean;
|
|
7
|
+
visibleChange: EventEmitter<boolean>;
|
|
8
|
+
header: string;
|
|
9
|
+
subheader: string;
|
|
10
|
+
acknowledgeLabel: string;
|
|
11
|
+
acknowledge: EventEmitter<void>;
|
|
12
|
+
cancelLabel: string;
|
|
13
|
+
cancel: EventEmitter<void>;
|
|
14
|
+
closeModal(): void;
|
|
15
|
+
onCancel(): void;
|
|
16
|
+
onAcknowledge(): void;
|
|
17
|
+
onClickOutside(): void;
|
|
18
|
+
onClickInside(event: MouseEvent): void;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FngCustomModalComponent, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FngCustomModalComponent, "fng-custom-modal", never, { "closeOnBackdrop": "closeOnBackdrop"; "large": "large"; "visible": "visible"; "header": "header"; "subheader": "subheader"; "acknowledgeLabel": "acknowledgeLabel"; "cancelLabel": "cancelLabel"; }, { "visibleChange": "visibleChange"; "acknowledge": "acknowledge"; "cancel": "cancel"; }, never, ["*"], true, never>;
|
|
21
|
+
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
|
-
import { Modal } from '../modals';
|
|
2
|
+
import { Modal } from '../modals.module';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export interface
|
|
4
|
+
export interface FngImageDescriptiveContent {
|
|
5
5
|
title: string;
|
|
6
6
|
body: string;
|
|
7
7
|
}
|
|
8
|
-
export interface
|
|
8
|
+
export interface FngImageGalleryData {
|
|
9
9
|
startIndex: number;
|
|
10
10
|
images: {
|
|
11
11
|
url: string;
|
|
12
12
|
alt: string;
|
|
13
|
-
content?:
|
|
13
|
+
content?: FngImageDescriptiveContent;
|
|
14
14
|
}[];
|
|
15
15
|
thumbnailImages?: {
|
|
16
16
|
url: string;
|
|
@@ -20,9 +20,9 @@ export interface ImageGalleryData {
|
|
|
20
20
|
descriptiveContent?: boolean;
|
|
21
21
|
slideChanged?: (index: number) => void;
|
|
22
22
|
}
|
|
23
|
-
export declare class
|
|
23
|
+
export declare class FngImageGalleryComponent implements Modal<FngImageGalleryData, any> {
|
|
24
24
|
private cd;
|
|
25
|
-
data:
|
|
25
|
+
data: FngImageGalleryData;
|
|
26
26
|
close: EventEmitter<any>;
|
|
27
27
|
cancel: EventEmitter<any>;
|
|
28
28
|
ok: EventEmitter<any>;
|
|
@@ -34,6 +34,6 @@ export declare class ImageGalleryComponent implements Modal<ImageGalleryData, an
|
|
|
34
34
|
activeIndex: number;
|
|
35
35
|
}[]): void;
|
|
36
36
|
onClose(): void;
|
|
37
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
38
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FngImageGalleryComponent, never>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FngImageGalleryComponent, "fng-image-gallery", never, { "data": "data"; }, { "close": "close"; "cancel": "cancel"; "ok": "ok"; }, never, never, true, never>;
|
|
39
39
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges } from '@angular/core';
|
|
2
2
|
import { GlobalPositionStrategy } from '@angular/cdk/overlay';
|
|
3
|
-
export
|
|
3
|
+
export type ModalUserAction = 'ok' | 'cancel' | 'close' | 'backdrop' | 'navigated';
|
|
4
4
|
export interface Modal<TData, TResult> extends Partial<OnChanges> {
|
|
5
5
|
data: TData;
|
|
6
6
|
close: EventEmitter<any>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Router } from '@angular/router';
|
|
2
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
3
|
+
import { ComponentType } from '@angular/cdk/portal';
|
|
4
|
+
import { Modal, ModalOptions, ModalResult } from './index';
|
|
5
|
+
import { FngAlertData } from './alert/alert.component';
|
|
6
|
+
import { FngConfirmData } from './confirm/confirm.component';
|
|
7
|
+
import { FngPromptData } from './prompt/prompt.component';
|
|
8
|
+
import { FngImageGalleryData } from './image-gallery/image-gallery.component';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
export declare class FngModalService {
|
|
11
|
+
protected overlay: Overlay;
|
|
12
|
+
private router;
|
|
13
|
+
constructor(overlay: Overlay, router: Router);
|
|
14
|
+
alert(data: FngAlertData, options?: ModalOptions): Promise<ModalResult<any>>;
|
|
15
|
+
confirm(data: FngConfirmData, options?: ModalOptions): Promise<ModalResult<any>>;
|
|
16
|
+
prompt(data: FngPromptData, options?: ModalOptions): Promise<ModalResult<any>>;
|
|
17
|
+
openImageGallery(data: FngImageGalleryData): Promise<ModalResult<any>>;
|
|
18
|
+
open<TData, TResult, TModal extends Modal<TData, TResult>>(data: TData, modal: ComponentType<TModal>, options: ModalOptions): Promise<ModalResult<TResult>>;
|
|
19
|
+
private dispose;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FngModalService, never>;
|
|
21
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<FngModalService>;
|
|
22
|
+
}
|
|
@@ -3,11 +3,6 @@ import * as i1 from "./alert/alert.component";
|
|
|
3
3
|
import * as i2 from "./confirm/confirm.component";
|
|
4
4
|
import * as i3 from "./prompt/prompt.component";
|
|
5
5
|
import * as i4 from "./custom-modal/custom-modal.component";
|
|
6
|
-
import * as i5 from "@angular/common";
|
|
7
|
-
import * as i6 from "@angular/router";
|
|
8
|
-
import * as i7 from "@angular/cdk/overlay";
|
|
9
|
-
import * as i8 from "../../forms/forms.module";
|
|
10
|
-
import * as i9 from "../components.module";
|
|
11
6
|
export * from './index';
|
|
12
7
|
export * from './alert/alert.component';
|
|
13
8
|
export * from './confirm/confirm.component';
|
|
@@ -15,6 +10,6 @@ export * from './prompt/prompt.component';
|
|
|
15
10
|
export * from './custom-modal/custom-modal.component';
|
|
16
11
|
export declare class FestoAngularModalsModule {
|
|
17
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<FestoAngularModalsModule, never>;
|
|
18
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FestoAngularModalsModule, [typeof i1.
|
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FestoAngularModalsModule, never, [typeof i1.FngAlertComponent, typeof i2.FngConfirmComponent, typeof i3.FngPromptComponent, typeof i4.FngCustomModalComponent], [typeof i1.FngAlertComponent, typeof i2.FngConfirmComponent, typeof i3.FngPromptComponent, typeof i4.FngCustomModalComponent]>;
|
|
19
14
|
static ɵinj: i0.ɵɵInjectorDeclaration<FestoAngularModalsModule>;
|
|
20
15
|
}
|
|
@@ -2,7 +2,7 @@ import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@ang
|
|
|
2
2
|
import { AbstractControlOptions, AsyncValidatorFn, FormBuilder, FormGroup, ValidatorFn } from '@angular/forms';
|
|
3
3
|
import { Modal } from '../index';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
export interface
|
|
5
|
+
export interface FngPromptData {
|
|
6
6
|
title: string;
|
|
7
7
|
subtitle?: string;
|
|
8
8
|
label: string;
|
|
@@ -16,13 +16,13 @@ export interface PromptData {
|
|
|
16
16
|
validatorOrOpts?: ValidatorFn | ValidatorFn[] | AbstractControlOptions | null;
|
|
17
17
|
asyncValidator?: AsyncValidatorFn | AsyncValidatorFn[] | null;
|
|
18
18
|
}
|
|
19
|
-
export declare class
|
|
19
|
+
export declare class FngPromptComponent implements OnInit, AfterViewInit, OnDestroy, Modal<FngPromptData, any> {
|
|
20
20
|
private formBuilder;
|
|
21
|
-
data:
|
|
21
|
+
data: FngPromptData;
|
|
22
22
|
close: EventEmitter<any>;
|
|
23
23
|
cancel: EventEmitter<any>;
|
|
24
24
|
ok: EventEmitter<any>;
|
|
25
|
-
closeBtn: ElementRef;
|
|
25
|
+
closeBtn: ElementRef | undefined;
|
|
26
26
|
form: FormGroup;
|
|
27
27
|
error: string;
|
|
28
28
|
get text(): string;
|
|
@@ -37,6 +37,6 @@ export declare class PromptComponent implements OnInit, AfterViewInit, OnDestroy
|
|
|
37
37
|
onOk(): void;
|
|
38
38
|
onCancel(): void;
|
|
39
39
|
private handleErrors;
|
|
40
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
41
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FngPromptComponent, never>;
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FngPromptComponent, "fng-prompt", never, { "data": "data"; }, { "close": "close"; "cancel": "cancel"; "ok": "ok"; }, never, never, true, never>;
|
|
42
42
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { PipeTransform } from '@angular/core';
|
|
2
2
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class
|
|
4
|
+
export declare class FngSafeHtmlPipe implements PipeTransform {
|
|
5
5
|
protected sanitizer: DomSanitizer;
|
|
6
6
|
constructor(sanitizer: DomSanitizer);
|
|
7
7
|
transform(value: any): SafeHtml;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
9
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FngSafeHtmlPipe, never>;
|
|
9
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<FngSafeHtmlPipe, "fngSafeHtml", true>;
|
|
10
10
|
}
|
package/package.json
CHANGED
|
@@ -1,27 +1,24 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@festo-ui/angular",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.0.0-dev.102",
|
|
4
4
|
"author": "Festo UI (styleguide@festo.com)",
|
|
5
5
|
"license": "apache-2.0",
|
|
6
6
|
"description": "CSS framework and utils to build FESTO web applications",
|
|
7
7
|
"peerDependencies": {
|
|
8
|
-
"@angular/common": "^
|
|
9
|
-
"@angular/core": "^
|
|
10
|
-
"@angular/animations": "^
|
|
11
|
-
"@angular/router": "^
|
|
12
|
-
"@angular/forms": "^
|
|
13
|
-
"@angular/platform-browser": "^
|
|
14
|
-
"@angular/platform-browser-dynamic": "^
|
|
15
|
-
"@angular/cdk": "^
|
|
8
|
+
"@angular/common": "^15.1.0",
|
|
9
|
+
"@angular/core": "^15.1.0",
|
|
10
|
+
"@angular/animations": "^15.1.0",
|
|
11
|
+
"@angular/router": "^15.1.0",
|
|
12
|
+
"@angular/forms": "^15.1.0",
|
|
13
|
+
"@angular/platform-browser": "^15.1.0",
|
|
14
|
+
"@angular/platform-browser-dynamic": "^15.1.0",
|
|
15
|
+
"@angular/cdk": "^15.1.0",
|
|
16
16
|
"rxjs": "^7.4.0",
|
|
17
|
-
"@festo-ui/web-essentials": "*"
|
|
18
|
-
"swiper": "8.0.7",
|
|
19
|
-
"simplebar": "5.3.6",
|
|
20
|
-
"quill": "1.3.7",
|
|
21
|
-
"flatpickr": "^4.6.9"
|
|
17
|
+
"@festo-ui/web-essentials": "*"
|
|
22
18
|
},
|
|
23
19
|
"dependencies": {
|
|
24
|
-
"tslib": "^2.3.0"
|
|
20
|
+
"tslib": "^2.3.0",
|
|
21
|
+
"@types/quill": "1.3.10"
|
|
25
22
|
},
|
|
26
23
|
"optionalDependencies": {
|
|
27
24
|
"flatpickr": "^4.6.9",
|
|
@@ -49,4 +46,4 @@
|
|
|
49
46
|
}
|
|
50
47
|
},
|
|
51
48
|
"sideEffects": false
|
|
52
|
-
}
|
|
49
|
+
}
|
package/public-api.d.ts
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
export * from './lib/components/components.module';
|
|
2
|
+
export * from './lib/components/accordion/index';
|
|
3
|
+
export * from './lib/components/breadcrumb/breadcrumb.component';
|
|
4
|
+
export * from './lib/components/buttons/button/button.component';
|
|
5
|
+
export * from './lib/components/buttons/link-button/link-button.component';
|
|
6
|
+
export * from './lib/components/chips/chip/chip.component';
|
|
7
|
+
export * from './lib/components/chips/chip-container/chip-container.component';
|
|
8
|
+
export * from './lib/components/loading-indicator/loading-indicator.component';
|
|
9
|
+
export * from './lib/components/mobile-flyout/mobile-flyout.component';
|
|
10
|
+
export * from './lib/components/mobile-flyout/mobile-flyout-item/mobile-flyout-item.component';
|
|
11
|
+
export * from './lib/components/mobile-flyout/mobile-flyout-page/mobile-flyout-page.component';
|
|
12
|
+
export * from './lib/components/pagination/pagination.component';
|
|
13
|
+
export * from './lib/components/progress/progress.component';
|
|
14
|
+
export * from './lib/components/search-input/search-input.component';
|
|
15
|
+
export * from './lib/components/snackbar/snackbar-container.directive';
|
|
16
|
+
export * from './lib/components/snackbar/snackbar-container.component';
|
|
17
|
+
export * from './lib/components/snackbar/snackbar.service';
|
|
18
|
+
export * from './lib/components/snackbar/snackbar.module';
|
|
19
|
+
export * from './lib/components/stepper-horizontal/step-horizontal/step-horizontal.component';
|
|
20
|
+
export * from './lib/components/stepper-horizontal/stepper-horizontal.component';
|
|
21
|
+
export * from './lib/components/stepper-vertical/step-vertical/step-vertical.component';
|
|
22
|
+
export * from './lib/components/stepper-vertical/stepper-vertical.component';
|
|
23
|
+
export * from './lib/components/table-header-cell/table-header-cell.directive';
|
|
24
|
+
export * from './lib/components/scroll/scrollable.directive';
|
|
25
|
+
export * from './lib/components/tabs/tabs.component';
|
|
26
|
+
export * from './lib/components/tabs/tab-pane/tab-pane.component';
|
|
27
|
+
export * from './lib/components/popovers/legend/legend.component';
|
|
28
|
+
export * from './lib/components/popovers/legend/legend.directive';
|
|
29
|
+
export * from './lib/components/popovers/popover/popover.component';
|
|
30
|
+
export * from './lib/components/popovers/popover-content/popover-content.component';
|
|
31
|
+
export * from './lib/components/popovers/popover-content/popover-content.directive';
|
|
32
|
+
export * from './lib/components/popovers/popover.service';
|
|
33
|
+
export * from './lib/components/popovers/popover.models';
|
|
34
|
+
export * from './lib/components/popovers/popover-menu/popover-menu.component';
|
|
35
|
+
export * from './lib/components/popovers/tooltip/tooltip.directive';
|
|
36
|
+
export * from './lib/components/popovers/legend/legend.directive';
|
|
37
|
+
export * from './lib/components/popovers/legend/legend.component';
|
|
38
|
+
export * from './lib/modals/modals.module';
|
|
39
|
+
export * from './lib/modals/alert/alert.component';
|
|
40
|
+
export * from './lib/modals/index';
|
|
41
|
+
export * from './lib/modals/modal.service';
|
|
42
|
+
export * from './lib/forms/forms.module';
|
|
43
|
+
export * from './lib/forms/checkbox/checkbox.component';
|
|
44
|
+
export * from './lib/forms/text-input/text-input.component';
|
|
45
|
+
export * from './lib/forms/color-indicator/color-indicator.component';
|
|
46
|
+
export * from './lib/forms/color-picker/color-picker.component';
|
|
47
|
+
export * from './lib/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component';
|
|
48
|
+
export * from './lib/forms/time-picker/time-picker.component';
|
|
49
|
+
export * from './lib/forms/date-picker/date-picker.component';
|
|
50
|
+
export * from './lib/forms/date-range-picker/date-range-picker.component';
|
|
51
|
+
export * from './lib/forms/radio/radio.component';
|
|
52
|
+
export * from './lib/forms/segment/segment-control/segment-control.component';
|
|
53
|
+
export * from './lib/forms/segment/segment.component';
|
|
54
|
+
export * from './lib/forms/select/select-option/select-option.component';
|
|
55
|
+
export * from './lib/forms/select/select.component';
|
|
56
|
+
export * from './lib/forms/slider/slider.component';
|
|
57
|
+
export * from './lib/forms/switch/switch.component';
|
|
58
|
+
export * from './lib/forms/text-area/text-area.component';
|
|
59
|
+
export * from './lib/forms/text-editor/text-editor.component';
|
|
60
|
+
export * from './lib/directives/click-outside.directive';
|
|
61
|
+
export * from './lib/pipes/safe-html.pipe';
|
|
62
|
+
export * from './lib/festo-angular.module';
|
package/esm2020/index.mjs
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// PIPES
|
|
2
|
-
export * from './lib/pipes/pipes.module';
|
|
3
|
-
// COMPONENTS
|
|
4
|
-
export * from './lib/components/components.module';
|
|
5
|
-
// MODALS
|
|
6
|
-
export * from './lib/components/modals/modals.module';
|
|
7
|
-
// SNACKBAR
|
|
8
|
-
export * from './lib/components/snackbar/snackbar.module';
|
|
9
|
-
// CONTENT
|
|
10
|
-
export * from './lib/content/content.module';
|
|
11
|
-
// FORMS
|
|
12
|
-
export * from './lib/forms/forms.module';
|
|
13
|
-
// DATE PIKCKER
|
|
14
|
-
export * from './lib/forms/date-picker.module';
|
|
15
|
-
// TEXT EDITOR
|
|
16
|
-
export * from './lib/forms/text-editor/text-editor.module';
|
|
17
|
-
// LAYOUT
|
|
18
|
-
export * from './lib/layout/layout.module';
|
|
19
|
-
// IMAGE GALLERY
|
|
20
|
-
export * from './lib/components/image-gallery/image-gallery.module';
|
|
21
|
-
// MAIN
|
|
22
|
-
export * from './lib/festo-angular.module';
|
|
23
|
-
// SERVICES
|
|
24
|
-
export * from './lib/components/modals/modal.service';
|
|
25
|
-
export * from './lib/components/snackbar/snackbar.service';
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFFBQVE7QUFDUixjQUFjLDBCQUEwQixDQUFDO0FBRXpDLGFBQWE7QUFDYixjQUFjLG9DQUFvQyxDQUFDO0FBRW5ELFNBQVM7QUFDVCxjQUFjLHVDQUF1QyxDQUFDO0FBRXRELFdBQVc7QUFDWCxjQUFjLDJDQUEyQyxDQUFDO0FBRTFELFVBQVU7QUFDVixjQUFjLDhCQUE4QixDQUFDO0FBRTdDLFFBQVE7QUFDUixjQUFjLDBCQUEwQixDQUFDO0FBRXpDLGVBQWU7QUFDZixjQUFjLGdDQUFnQyxDQUFDO0FBRS9DLGNBQWM7QUFDZCxjQUFjLDRDQUE0QyxDQUFDO0FBRTNELFNBQVM7QUFDVCxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLGdCQUFnQjtBQUNoQixjQUFjLHFEQUFxRCxDQUFDO0FBRXBFLE9BQU87QUFDUCxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLFdBQVc7QUFDWCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsNENBQTRDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBQSVBFU1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMvcGlwZXMubW9kdWxlJztcblxuLy8gQ09NUE9ORU5UU1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jb21wb25lbnRzLm1vZHVsZSc7XG5cbi8vIE1PREFMU1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9tb2RhbHMvbW9kYWxzLm1vZHVsZSc7XG5cbi8vIFNOQUNLQkFSXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NuYWNrYmFyL3NuYWNrYmFyLm1vZHVsZSc7XG5cbi8vIENPTlRFTlRcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRlbnQvY29udGVudC5tb2R1bGUnO1xuXG4vLyBGT1JNU1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZm9ybXMvZm9ybXMubW9kdWxlJztcblxuLy8gREFURSBQSUtDS0VSXG5leHBvcnQgKiBmcm9tICcuL2xpYi9mb3Jtcy9kYXRlLXBpY2tlci5tb2R1bGUnO1xuXG4vLyBURVhUIEVESVRPUlxuZXhwb3J0ICogZnJvbSAnLi9saWIvZm9ybXMvdGV4dC1lZGl0b3IvdGV4dC1lZGl0b3IubW9kdWxlJztcblxuLy8gTEFZT1VUXG5leHBvcnQgKiBmcm9tICcuL2xpYi9sYXlvdXQvbGF5b3V0Lm1vZHVsZSc7XG5cbi8vIElNQUdFIEdBTExFUllcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaW1hZ2UtZ2FsbGVyeS9pbWFnZS1nYWxsZXJ5Lm1vZHVsZSc7XG5cbi8vIE1BSU5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2Zlc3RvLWFuZ3VsYXIubW9kdWxlJztcblxuLy8gU0VSVklDRVNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbW9kYWxzL21vZGFsLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zbmFja2Jhci9zbmFja2Jhci5zZXJ2aWNlJztcbiJdfQ==
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { Directive, ElementRef, Output, EventEmitter, HostListener } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class ClickOutsideDirective {
|
|
4
|
-
constructor(elRef) {
|
|
5
|
-
this.elRef = elRef;
|
|
6
|
-
this.clickOutside = new EventEmitter();
|
|
7
|
-
}
|
|
8
|
-
onClick(targetElement) {
|
|
9
|
-
const inside = this.elRef.nativeElement.contains(targetElement);
|
|
10
|
-
if (!inside) {
|
|
11
|
-
this.clickOutside.emit(null);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
16
|
-
ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: ClickOutsideDirective, selector: "[fngClickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, ngImport: i0 });
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
18
|
-
type: Directive,
|
|
19
|
-
args: [{
|
|
20
|
-
selector: '[fngClickOutside]'
|
|
21
|
-
}]
|
|
22
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { clickOutside: [{
|
|
23
|
-
type: Output
|
|
24
|
-
}], onClick: [{
|
|
25
|
-
type: HostListener,
|
|
26
|
-
args: ['document:click', ['$event.target']]
|
|
27
|
-
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2NsaWNrLW91dHNpZGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUsxRixNQUFNLE9BQU8scUJBQXFCO0lBQ2hDLFlBQW9CLEtBQWlCO1FBQWpCLFVBQUssR0FBTCxLQUFLLENBQVk7UUFHOUIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBSEQsQ0FBQztJQU1sQyxPQUFPLENBQUMsYUFBMEI7UUFDdkMsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2hFLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDWCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM5QjtJQUNILENBQUM7O2tIQVpVLHFCQUFxQjtzR0FBckIscUJBQXFCOzJGQUFyQixxQkFBcUI7a0JBSGpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtpQkFDOUI7aUdBS1EsWUFBWTtzQkFEbEIsTUFBTTtnQkFJQSxPQUFPO3NCQURiLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2ZuZ0NsaWNrT3V0c2lkZV0nXG59KVxuZXhwb3J0IGNsYXNzIENsaWNrT3V0c2lkZURpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYpIHt9XG5cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBjbGlja091dHNpZGUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudC50YXJnZXQnXSlcbiAgcHVibGljIG9uQ2xpY2sodGFyZ2V0RWxlbWVudDogSFRNTEVsZW1lbnQpIHtcbiAgICBjb25zdCBpbnNpZGUgPSB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnModGFyZ2V0RWxlbWVudCk7XG4gICAgaWYgKCFpbnNpZGUpIHtcbiAgICAgIHRoaXMuY2xpY2tPdXRzaWRlLmVtaXQobnVsbCk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, Component, EventEmitter, HostListener, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import SwiperCore, { FreeMode, Keyboard, Navigation, Thumbs, Zoom } from 'swiper';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "swiper/angular";
|
|
6
|
-
import * as i3 from "../../pipes/safe-html.pipe";
|
|
7
|
-
SwiperCore.use([FreeMode, Navigation, Keyboard, Thumbs, Zoom]);
|
|
8
|
-
export class ImageGalleryComponent {
|
|
9
|
-
constructor(cd) {
|
|
10
|
-
this.cd = cd;
|
|
11
|
-
this.data = {
|
|
12
|
-
startIndex: 0,
|
|
13
|
-
images: null,
|
|
14
|
-
thumbnailImages: null,
|
|
15
|
-
slideChanged: null,
|
|
16
|
-
pagination: true,
|
|
17
|
-
descriptiveContent: false
|
|
18
|
-
};
|
|
19
|
-
this.close = new EventEmitter();
|
|
20
|
-
this.cancel = new EventEmitter();
|
|
21
|
-
this.ok = new EventEmitter();
|
|
22
|
-
this.currentIndex = this.data.startIndex + 1;
|
|
23
|
-
}
|
|
24
|
-
onKeyUp(event) {
|
|
25
|
-
event.preventDefault();
|
|
26
|
-
event.stopPropagation();
|
|
27
|
-
if (event.key === 'Esc' || event.key === 'Escape') {
|
|
28
|
-
this.onClose();
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
onSlideChange(swiper) {
|
|
32
|
-
this.currentIndex = swiper[0].activeIndex + 1;
|
|
33
|
-
this.cd.markForCheck();
|
|
34
|
-
this.cd.detectChanges();
|
|
35
|
-
if (this.data?.slideChanged) {
|
|
36
|
-
this.data.slideChanged(swiper[0].activeIndex);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
onClose() {
|
|
40
|
-
this.close.emit();
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
ImageGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ImageGalleryComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
-
ImageGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ImageGalleryComponent, selector: "fng-image-gallery", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, ngImport: i0, template: "<div class=\"fwe-modal fwe-modal-image-gallery\" *ngIf=\"data != null\"\n [class.fwe-modal-image-gallery--with-thumbnails]=\"data.thumbnailImages?.length > 0\"\n [class.fwe-modal-image-gallery--with-container]=\"data.descriptiveContent\">\n <div class=\"fwe-image-gallery-header\">\n <div *ngIf=\"data.pagination\" class=\"fwe-pagination fwe-pagination--on-dark-bg\">\n <button aria-label=\"previous\" type=\"button\" class=\"fwe-navigate-btn-down\"></button>\n <span class=\"fwe-page-current\">{{currentIndex}}</span>\n <span class=\"fwe-page-max\">{{data.images?.length}}</span>\n <button aria-label=\"next\" type=\"button\" class=\"fwe-navigate-btn-up\"></button>\n </div>\n <button aria-label=\"close\" type=\"button\" class=\"fwe-btn fwe-btn-link fwe-ml-auto\" (click)=\"onClose()\">\n <i class=\"fwe-icon fwe-icon-lg fwe-color-white fwe-icon-menu-close fwe-modal-image-gallery-close\"></i>\n </button>\n </div>\n <ng-container [ngSwitch]=\"data.descriptiveContent\">\n <div class=\"fwe-image-gallery-container\" *ngSwitchCase=\"true\">\n <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n <div class=\"fwe-image-gallery-content\" *ngIf=\"data.images[currentIndex - 1]?.content as imageContent\">\n <h3>{{imageContent.title}}</h3>\n <div [innerHTML]=\"imageContent.body | fweSafeHtml\"></div>\n </div>\n </div>\n <ng-container *ngSwitchDefault>\n <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n </ng-container>\n </ng-container>\n</div>\n\n<ng-template #baseGallery>\n <div class=\"fwe-image-gallery-wrapper\">\n <swiper\n [initialSlide]=\"data.startIndex\"\n [keyboard]=\"{\n enabled: true\n }\"\n [spaceBetween]=\"0\"\n [zoom]=\"true\"\n [navigation]=\"{\n nextEl: '.fwe-navigate-btn-up',\n prevEl: '.fwe-navigate-btn-down'\n }\"\n [thumbs]=\"{ swiper: thumbsSwiper }\"\n (slideChange)=\"onSlideChange($event)\"\n class=\"gallery-swiper fwe-image-gallery\"\n >\n <ng-template *ngFor=\"let image of data.images\" swiperSlide>\n <div class=\"swiper-zoom-container\">\n <img [alt]=\"image.alt\" [src]=\"image.url\" />\n </div>\n </ng-template>\n </swiper>\n <swiper *ngIf=\"data.thumbnailImages?.length > 0\"\n (swiper)=\"thumbsSwiper = $event\"\n [slidesPerView]=\"'auto'\"\n [freeMode]=\"true\"\n [watchSlidesProgress]=\"true\"\n class=\"thumbs-swiper fwe-image-gallery-thumbs\"\n >\n <ng-template *ngFor=\"let thumbnail of data.thumbnailImages\" swiperSlide>\n <img [alt]=\"thumbnail.alt\" [src]=\"thumbnail.url\" />\n </ng-template>\n </swiper>\n </div>\n</ng-template>", styles: [""], 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: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.SwiperComponent, selector: "swiper, [swiper]", inputs: ["enabled", "on", "direction", "touchEventsTarget", "initialSlide", "speed", "cssMode", "updateOnWindowResize", "resizeObserver", "nested", "focusableElements", "width", "height", "preventInteractionOnTransition", "userAgent", "url", "edgeSwipeDetection", "edgeSwipeThreshold", "freeMode", "autoHeight", "setWrapperSize", "virtualTranslate", "effect", "breakpoints", "spaceBetween", "slidesPerView", "maxBackfaceHiddenSlides", "grid", "slidesPerGroup", "slidesPerGroupSkip", "centeredSlides", "centeredSlidesBounds", "slidesOffsetBefore", "slidesOffsetAfter", "normalizeSlideIndex", "centerInsufficientSlides", "watchOverflow", "roundLengths", "touchRatio", "touchAngle", "simulateTouch", "shortSwipes", "longSwipes", "longSwipesRatio", "longSwipesMs", "followFinger", "allowTouchMove", "threshold", "touchMoveStopPropagation", "touchStartPreventDefault", "touchStartForcePreventDefault", "touchReleaseOnEdges", "uniqueNavElements", "resistance", "resistanceRatio", "watchSlidesProgress", "grabCursor", "preventClicks", "preventClicksPropagation", "slideToClickedSlide", "preloadImages", "updateOnImagesReady", "loop", "loopAdditionalSlides", "loopedSlides", "loopFillGroupWithBlank", "loopPreventsSlide", "rewind", "allowSlidePrev", "allowSlideNext", "swipeHandler", "noSwiping", "noSwipingClass", "noSwipingSelector", "passiveListeners", "containerModifierClass", "slideClass", "slideBlankClass", "slideActiveClass", "slideDuplicateActiveClass", "slideVisibleClass", "slideDuplicateClass", "slideNextClass", "slideDuplicateNextClass", "slidePrevClass", "slideDuplicatePrevClass", "wrapperClass", "runCallbacksOnInit", "observeParents", "observeSlideChildren", "a11y", "autoplay", "controller", "coverflowEffect", "cubeEffect", "fadeEffect", "flipEffect", "creativeEffect", "cardsEffect", "hashNavigation", "history", "keyboard", "lazy", "mousewheel", "parallax", "thumbs", "zoom", "class", "id", "navigation", "pagination", "scrollbar", "virtual", "config"], outputs: ["_beforeBreakpoint", "_containerClasses", "_slideClass", "_swiper", "activeIndexChange", "afterInit", "autoplay", "autoplayStart", "autoplayStop", "autoplayPause", "autoplayResume", "beforeDestroy", "beforeInit", "beforeLoopFix", "beforeResize", "beforeSlideChangeStart", "beforeTransitionStart", "breakpoint", "changeDirection", "click", "doubleTap", "doubleClick", "destroy", "fromEdge", "hashChange", "hashSet", "imagesReady", "init", "keyPress", "lazyImageLoad", "lazyImageReady", "loopFix", "momentumBounce", "navigationHide", "navigationShow", "observerUpdate", "orientationchange", "paginationHide", "paginationRender", "paginationShow", "paginationUpdate", "progress", "reachBeginning", "reachEnd", "realIndexChange", "resize", "scroll", "scrollbarDragEnd", "scrollbarDragMove", "scrollbarDragStart", "setTransition", "setTranslate", "slideChange", "slideChangeTransitionEnd", "slideChangeTransitionStart", "slideNextTransitionEnd", "slideNextTransitionStart", "slidePrevTransitionEnd", "slidePrevTransitionStart", "slideResetTransitionStart", "slideResetTransitionEnd", "sliderMove", "sliderFirstMove", "slidesLengthChange", "slidesGridLengthChange", "snapGridLengthChange", "snapIndexChange", "tap", "toEdge", "touchEnd", "touchMove", "touchMoveOpposite", "touchStart", "transitionEnd", "transitionStart", "update", "zoomChange", "swiper", "lock", "unlock"] }, { kind: "directive", type: i2.SwiperSlideDirective, selector: "ng-template[swiperSlide]", inputs: ["virtualIndex", "class", "data-swiper-autoplay", "zoom"] }, { kind: "pipe", type: i3.SafeHtmlPipe, name: "fweSafeHtml" }], encapsulation: i0.ViewEncapsulation.None });
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ImageGalleryComponent, decorators: [{
|
|
46
|
-
type: Component,
|
|
47
|
-
args: [{ selector: 'fng-image-gallery', encapsulation: ViewEncapsulation.None, template: "<div class=\"fwe-modal fwe-modal-image-gallery\" *ngIf=\"data != null\"\n [class.fwe-modal-image-gallery--with-thumbnails]=\"data.thumbnailImages?.length > 0\"\n [class.fwe-modal-image-gallery--with-container]=\"data.descriptiveContent\">\n <div class=\"fwe-image-gallery-header\">\n <div *ngIf=\"data.pagination\" class=\"fwe-pagination fwe-pagination--on-dark-bg\">\n <button aria-label=\"previous\" type=\"button\" class=\"fwe-navigate-btn-down\"></button>\n <span class=\"fwe-page-current\">{{currentIndex}}</span>\n <span class=\"fwe-page-max\">{{data.images?.length}}</span>\n <button aria-label=\"next\" type=\"button\" class=\"fwe-navigate-btn-up\"></button>\n </div>\n <button aria-label=\"close\" type=\"button\" class=\"fwe-btn fwe-btn-link fwe-ml-auto\" (click)=\"onClose()\">\n <i class=\"fwe-icon fwe-icon-lg fwe-color-white fwe-icon-menu-close fwe-modal-image-gallery-close\"></i>\n </button>\n </div>\n <ng-container [ngSwitch]=\"data.descriptiveContent\">\n <div class=\"fwe-image-gallery-container\" *ngSwitchCase=\"true\">\n <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n <div class=\"fwe-image-gallery-content\" *ngIf=\"data.images[currentIndex - 1]?.content as imageContent\">\n <h3>{{imageContent.title}}</h3>\n <div [innerHTML]=\"imageContent.body | fweSafeHtml\"></div>\n </div>\n </div>\n <ng-container *ngSwitchDefault>\n <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n </ng-container>\n </ng-container>\n</div>\n\n<ng-template #baseGallery>\n <div class=\"fwe-image-gallery-wrapper\">\n <swiper\n [initialSlide]=\"data.startIndex\"\n [keyboard]=\"{\n enabled: true\n }\"\n [spaceBetween]=\"0\"\n [zoom]=\"true\"\n [navigation]=\"{\n nextEl: '.fwe-navigate-btn-up',\n prevEl: '.fwe-navigate-btn-down'\n }\"\n [thumbs]=\"{ swiper: thumbsSwiper }\"\n (slideChange)=\"onSlideChange($event)\"\n class=\"gallery-swiper fwe-image-gallery\"\n >\n <ng-template *ngFor=\"let image of data.images\" swiperSlide>\n <div class=\"swiper-zoom-container\">\n <img [alt]=\"image.alt\" [src]=\"image.url\" />\n </div>\n </ng-template>\n </swiper>\n <swiper *ngIf=\"data.thumbnailImages?.length > 0\"\n (swiper)=\"thumbsSwiper = $event\"\n [slidesPerView]=\"'auto'\"\n [freeMode]=\"true\"\n [watchSlidesProgress]=\"true\"\n class=\"thumbs-swiper fwe-image-gallery-thumbs\"\n >\n <ng-template *ngFor=\"let thumbnail of data.thumbnailImages\" swiperSlide>\n <img [alt]=\"thumbnail.alt\" [src]=\"thumbnail.url\" />\n </ng-template>\n </swiper>\n </div>\n</ng-template>" }]
|
|
48
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], close: [{
|
|
51
|
-
type: Output
|
|
52
|
-
}], cancel: [{
|
|
53
|
-
type: Output
|
|
54
|
-
}], ok: [{
|
|
55
|
-
type: Output
|
|
56
|
-
}], onKeyUp: [{
|
|
57
|
-
type: HostListener,
|
|
58
|
-
args: ['window:keyup', ['$event']]
|
|
59
|
-
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2ltYWdlLWdhbGxlcnkvaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2ltYWdlLWdhbGxlcnkvaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzSCxPQUFPLFVBQVUsRUFBRSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxRQUFRLENBQUM7Ozs7O0FBR2xGLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQztBQXNCL0QsTUFBTSxPQUFPLHFCQUFxQjtJQWdCaEMsWUFBb0IsRUFBcUI7UUFBckIsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7UUFmaEMsU0FBSSxHQUFxQjtZQUNoQyxVQUFVLEVBQUUsQ0FBQztZQUNiLE1BQU0sRUFBRSxJQUFJO1lBQ1osZUFBZSxFQUFFLElBQUk7WUFDckIsWUFBWSxFQUFFLElBQUk7WUFDbEIsVUFBVSxFQUFFLElBQUk7WUFDaEIsa0JBQWtCLEVBQUUsS0FBSztTQUMxQixDQUFDO1FBQ1EsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDaEMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDakMsT0FBRSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFHdkMsaUJBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUM7SUFFSSxDQUFDO0lBRzdDLE9BQU8sQ0FBQyxLQUFvQjtRQUMxQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxLQUFLLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxRQUFRLEVBQUU7WUFDakQsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQ2hCO0lBQ0gsQ0FBQztJQUVELGFBQWEsQ0FBQyxNQUFpQztRQUM3QyxJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDO1FBQzlDLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN4QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsWUFBWSxFQUFFO1lBQzNCLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUMvQztJQUNILENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNwQixDQUFDOztrSEF2Q1UscUJBQXFCO3NHQUFyQixxQkFBcUIsd01DM0JsQywrc0ZBK0RjOzJGRHBDRCxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsbUJBQW1CLGlCQUdkLGlCQUFpQixDQUFDLElBQUk7d0dBRzVCLElBQUk7c0JBQVosS0FBSztnQkFRSSxLQUFLO3NCQUFkLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLEVBQUU7c0JBQVgsTUFBTTtnQkFRUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsY0FBYyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCBTd2lwZXJDb3JlLCB7IEZyZWVNb2RlLCBLZXlib2FyZCwgTmF2aWdhdGlvbiwgVGh1bWJzLCBab29tIH0gZnJvbSAnc3dpcGVyJztcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnLi4vbW9kYWxzJztcblxuU3dpcGVyQ29yZS51c2UoW0ZyZWVNb2RlLCBOYXZpZ2F0aW9uLCBLZXlib2FyZCwgVGh1bWJzLCBab29tXSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VEZXNjcmlwdGl2ZUNvbnRlbnQge1xuICB0aXRsZTogc3RyaW5nO1xuICBib2R5OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VHYWxsZXJ5RGF0YSB7XG4gIHN0YXJ0SW5kZXg6IG51bWJlcjtcbiAgaW1hZ2VzOiB7IHVybDogc3RyaW5nOyBhbHQ6IHN0cmluZzsgY29udGVudD86IEltYWdlRGVzY3JpcHRpdmVDb250ZW50IH1bXTtcbiAgdGh1bWJuYWlsSW1hZ2VzPzogeyB1cmw6IHN0cmluZzsgYWx0OiBzdHJpbmcgfVtdO1xuICBwYWdpbmF0aW9uPzogYm9vbGVhbjtcbiAgZGVzY3JpcHRpdmVDb250ZW50PzogYm9vbGVhbjtcbiAgc2xpZGVDaGFuZ2VkPzogKGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZuZy1pbWFnZS1nYWxsZXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLWdhbGxlcnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS1nYWxsZXJ5LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VHYWxsZXJ5Q29tcG9uZW50IGltcGxlbWVudHMgTW9kYWw8SW1hZ2VHYWxsZXJ5RGF0YSwgYW55PiB7XG4gIEBJbnB1dCgpIGRhdGE6IEltYWdlR2FsbGVyeURhdGEgPSB7XG4gICAgc3RhcnRJbmRleDogMCxcbiAgICBpbWFnZXM6IG51bGwsXG4gICAgdGh1bWJuYWlsSW1hZ2VzOiBudWxsLFxuICAgIHNsaWRlQ2hhbmdlZDogbnVsbCxcbiAgICBwYWdpbmF0aW9uOiB0cnVlLFxuICAgIGRlc2NyaXB0aXZlQ29udGVudDogZmFsc2VcbiAgfTtcbiAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBjYW5jZWwgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIG9rID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgdGh1bWJzU3dpcGVyOiBhbnk7XG4gIGN1cnJlbnRJbmRleCA9IHRoaXMuZGF0YS5zdGFydEluZGV4ICsgMTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6a2V5dXAnLCBbJyRldmVudCddKVxuICBvbktleVVwKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIGlmIChldmVudC5rZXkgPT09ICdFc2MnIHx8IGV2ZW50LmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgIHRoaXMub25DbG9zZSgpO1xuICAgIH1cbiAgfVxuXG4gIG9uU2xpZGVDaGFuZ2Uoc3dpcGVyOiB7IGFjdGl2ZUluZGV4OiBudW1iZXIgfVtdKSB7XG4gICAgdGhpcy5jdXJyZW50SW5kZXggPSBzd2lwZXJbMF0uYWN0aXZlSW5kZXggKyAxO1xuICAgIHRoaXMuY2QubWFya0ZvckNoZWNrKCk7XG4gICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgaWYgKHRoaXMuZGF0YT8uc2xpZGVDaGFuZ2VkKSB7XG4gICAgICB0aGlzLmRhdGEuc2xpZGVDaGFuZ2VkKHN3aXBlclswXS5hY3RpdmVJbmRleCk7XG4gICAgfVxuICB9XG5cbiAgb25DbG9zZSgpIHtcbiAgICB0aGlzLmNsb3NlLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZ3ZS1tb2RhbCBmd2UtbW9kYWwtaW1hZ2UtZ2FsbGVyeVwiICpuZ0lmPVwiZGF0YSAhPSBudWxsXCJcbiAgW2NsYXNzLmZ3ZS1tb2RhbC1pbWFnZS1nYWxsZXJ5LS13aXRoLXRodW1ibmFpbHNdPVwiZGF0YS50aHVtYm5haWxJbWFnZXM/Lmxlbmd0aCA+IDBcIlxuICBbY2xhc3MuZndlLW1vZGFsLWltYWdlLWdhbGxlcnktLXdpdGgtY29udGFpbmVyXT1cImRhdGEuZGVzY3JpcHRpdmVDb250ZW50XCI+XG4gIDxkaXYgY2xhc3M9XCJmd2UtaW1hZ2UtZ2FsbGVyeS1oZWFkZXJcIj5cbiAgICA8ZGl2ICpuZ0lmPVwiZGF0YS5wYWdpbmF0aW9uXCIgY2xhc3M9XCJmd2UtcGFnaW5hdGlvbiBmd2UtcGFnaW5hdGlvbi0tb24tZGFyay1iZ1wiPlxuICAgICAgPGJ1dHRvbiBhcmlhLWxhYmVsPVwicHJldmlvdXNcIiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJmd2UtbmF2aWdhdGUtYnRuLWRvd25cIj48L2J1dHRvbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiZndlLXBhZ2UtY3VycmVudFwiPnt7Y3VycmVudEluZGV4fX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImZ3ZS1wYWdlLW1heFwiPnt7ZGF0YS5pbWFnZXM/Lmxlbmd0aH19PC9zcGFuPlxuICAgICAgPGJ1dHRvbiBhcmlhLWxhYmVsPVwibmV4dFwiIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImZ3ZS1uYXZpZ2F0ZS1idG4tdXBcIj48L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgICA8YnV0dG9uIGFyaWEtbGFiZWw9XCJjbG9zZVwiIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImZ3ZS1idG4gZndlLWJ0bi1saW5rIGZ3ZS1tbC1hdXRvXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiPlxuICAgICAgPGkgY2xhc3M9XCJmd2UtaWNvbiBmd2UtaWNvbi1sZyBmd2UtY29sb3Itd2hpdGUgZndlLWljb24tbWVudS1jbG9zZSBmd2UtbW9kYWwtaW1hZ2UtZ2FsbGVyeS1jbG9zZVwiPjwvaT5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG4gIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImRhdGEuZGVzY3JpcHRpdmVDb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cImZ3ZS1pbWFnZS1nYWxsZXJ5LWNvbnRhaW5lclwiICpuZ1N3aXRjaENhc2U9XCJ0cnVlXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiYmFzZUdhbGxlcnlcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmd2UtaW1hZ2UtZ2FsbGVyeS1jb250ZW50XCIgKm5nSWY9XCJkYXRhLmltYWdlc1tjdXJyZW50SW5kZXggLSAxXT8uY29udGVudCBhcyBpbWFnZUNvbnRlbnRcIj5cbiAgICAgICAgPGgzPnt7aW1hZ2VDb250ZW50LnRpdGxlfX08L2gzPlxuICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwiaW1hZ2VDb250ZW50LmJvZHkgfCBmd2VTYWZlSHRtbFwiPjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImJhc2VHYWxsZXJ5XCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjYmFzZUdhbGxlcnk+XG4gIDxkaXYgY2xhc3M9XCJmd2UtaW1hZ2UtZ2FsbGVyeS13cmFwcGVyXCI+XG4gICAgPHN3aXBlclxuICAgICAgW2luaXRpYWxTbGlkZV09XCJkYXRhLnN0YXJ0SW5kZXhcIlxuICAgICAgW2tleWJvYXJkXT1cIntcbiAgICAgICAgZW5hYmxlZDogdHJ1ZVxuICAgICAgfVwiXG4gICAgICBbc3BhY2VCZXR3ZWVuXT1cIjBcIlxuICAgICAgW3pvb21dPVwidHJ1ZVwiXG4gICAgICBbbmF2aWdhdGlvbl09XCJ7XG4gICAgICAgIG5leHRFbDogJy5md2UtbmF2aWdhdGUtYnRuLXVwJyxcbiAgICAgICAgcHJldkVsOiAnLmZ3ZS1uYXZpZ2F0ZS1idG4tZG93bidcbiAgICAgIH1cIlxuICAgICAgW3RodW1ic109XCJ7IHN3aXBlcjogdGh1bWJzU3dpcGVyIH1cIlxuICAgICAgKHNsaWRlQ2hhbmdlKT1cIm9uU2xpZGVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBjbGFzcz1cImdhbGxlcnktc3dpcGVyIGZ3ZS1pbWFnZS1nYWxsZXJ5XCJcbiAgICA+XG4gICAgICA8bmctdGVtcGxhdGUgKm5nRm9yPVwibGV0IGltYWdlIG9mIGRhdGEuaW1hZ2VzXCIgc3dpcGVyU2xpZGU+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzd2lwZXItem9vbS1jb250YWluZXJcIj5cbiAgICAgICAgICA8aW1nIFthbHRdPVwiaW1hZ2UuYWx0XCIgW3NyY109XCJpbWFnZS51cmxcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9zd2lwZXI+XG4gICAgPHN3aXBlciAqbmdJZj1cImRhdGEudGh1bWJuYWlsSW1hZ2VzPy5sZW5ndGggPiAwXCJcbiAgICAgIChzd2lwZXIpPVwidGh1bWJzU3dpcGVyID0gJGV2ZW50XCJcbiAgICAgIFtzbGlkZXNQZXJWaWV3XT1cIidhdXRvJ1wiXG4gICAgICBbZnJlZU1vZGVdPVwidHJ1ZVwiXG4gICAgICBbd2F0Y2hTbGlkZXNQcm9ncmVzc109XCJ0cnVlXCJcbiAgICAgIGNsYXNzPVwidGh1bWJzLXN3aXBlciBmd2UtaW1hZ2UtZ2FsbGVyeS10aHVtYnNcIlxuICAgID5cbiAgICAgIDxuZy10ZW1wbGF0ZSAqbmdGb3I9XCJsZXQgdGh1bWJuYWlsIG9mIGRhdGEudGh1bWJuYWlsSW1hZ2VzXCIgc3dpcGVyU2xpZGU+XG4gICAgICAgIDxpbWcgW2FsdF09XCJ0aHVtYm5haWwuYWx0XCIgW3NyY109XCJ0aHVtYm5haWwudXJsXCIgLz5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9zd2lwZXI+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { SwiperModule } from 'swiper/angular';
|
|
4
|
-
import { ImageGalleryComponent } from './image-gallery.component';
|
|
5
|
-
import { FestoAngularPipesModule } from '../../pipes/pipes.module';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export * from './image-gallery.component';
|
|
8
|
-
export class FestoAngularImageGalleryModule {
|
|
9
|
-
}
|
|
10
|
-
FestoAngularImageGalleryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FestoAngularImageGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
-
FestoAngularImageGalleryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: FestoAngularImageGalleryModule, declarations: [ImageGalleryComponent], imports: [CommonModule, FestoAngularPipesModule, SwiperModule], exports: [ImageGalleryComponent] });
|
|
12
|
-
FestoAngularImageGalleryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FestoAngularImageGalleryModule, imports: [CommonModule, FestoAngularPipesModule, SwiperModule] });
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FestoAngularImageGalleryModule, decorators: [{
|
|
14
|
-
type: NgModule,
|
|
15
|
-
args: [{
|
|
16
|
-
declarations: [ImageGalleryComponent],
|
|
17
|
-
imports: [CommonModule, FestoAngularPipesModule, SwiperModule],
|
|
18
|
-
exports: [ImageGalleryComponent],
|
|
19
|
-
providers: []
|
|
20
|
-
}]
|
|
21
|
-
}] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ2FsbGVyeS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2ltYWdlLWdhbGxlcnkvaW1hZ2UtZ2FsbGVyeS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQUVuRSxjQUFjLDJCQUEyQixDQUFDO0FBUTFDLE1BQU0sT0FBTyw4QkFBOEI7OzJIQUE5Qiw4QkFBOEI7NEhBQTlCLDhCQUE4QixpQkFMMUIscUJBQXFCLGFBQzFCLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxZQUFZLGFBQ25ELHFCQUFxQjs0SEFHcEIsOEJBQThCLFlBSi9CLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxZQUFZOzJGQUlsRCw4QkFBOEI7a0JBTjFDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ3JDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxZQUFZLENBQUM7b0JBQzlELE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3dpcGVyTW9kdWxlIH0gZnJvbSAnc3dpcGVyL2FuZ3VsYXInO1xuaW1wb3J0IHsgSW1hZ2VHYWxsZXJ5Q29tcG9uZW50IH0gZnJvbSAnLi9pbWFnZS1nYWxsZXJ5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGZXN0b0FuZ3VsYXJQaXBlc01vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGVzL3BpcGVzLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtJbWFnZUdhbGxlcnlDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGZXN0b0FuZ3VsYXJQaXBlc01vZHVsZSwgU3dpcGVyTW9kdWxlXSxcbiAgZXhwb3J0czogW0ltYWdlR2FsbGVyeUNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW11cbn0pXG5leHBvcnQgY2xhc3MgRmVzdG9Bbmd1bGFySW1hZ2VHYWxsZXJ5TW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class AlertComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.close = new EventEmitter();
|
|
7
|
-
this.cancel = new EventEmitter();
|
|
8
|
-
this.ok = new EventEmitter();
|
|
9
|
-
}
|
|
10
|
-
onKeyUp(event) {
|
|
11
|
-
event.preventDefault();
|
|
12
|
-
event.stopPropagation();
|
|
13
|
-
if (event.key === 'Esc' || event.key === 'Escape') {
|
|
14
|
-
this.onClose();
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
ngAfterViewInit() {
|
|
18
|
-
if (this.closeBtn) {
|
|
19
|
-
this.closeBtn.nativeElement.focus();
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
onClose() {
|
|
23
|
-
this.close.emit();
|
|
24
|
-
}
|
|
25
|
-
onOk() {
|
|
26
|
-
this.ok.emit();
|
|
27
|
-
}
|
|
28
|
-
onCancel() {
|
|
29
|
-
this.cancel.emit();
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: AlertComponent, selector: "fng-alert", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true }], ngImport: i0, template: "<div\n class=\"fwe-modal\"\n [ngClass]=\"{\n 'fwe-modal--with-indicator-bar': data?.strong === true,\n 'fwe-modal--warning': data?.alertType === 'warning',\n 'fwe-modal--error': data?.alertType === 'error',\n 'fwe-modal--info': data?.alertType === 'info'\n }\"\n>\n <div class=\"fwe-modal-close\">\n <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n <span class=\"fwe-sr-only\">Close</span>\n </button>\n </div>\n <div class=\"fwe-modal-header\">\n <h2 *ngIf=\"data?.subtitle\" class=\"fwe-modal-h2\">\n <i\n [ngClass]=\"{\n 'fwe-icon': true,\n 'fwe-icon-status-warning': data?.alertType === 'warning',\n 'fwe-icon-status-failure': data?.alertType === 'error',\n 'fwe-icon-status-check-status': data?.alertType === 'info'\n }\"\n ></i\n >{{ data?.subtitle }}\n </h2>\n <h1 class=\"fwe-modal-h1\">\n <i\n [ngClass]=\"{\n 'fwe-icon': true,\n 'fwe-icon-status-warning': data?.alertType === 'warning',\n 'fwe-icon-status-failure': data?.alertType === 'error',\n 'fwe-icon-status-check-status': data?.alertType === 'info'\n }\"\n ></i\n >{{ data?.title }}\n </h1>\n </div>\n <div class=\"fwe-modal-body\">\n <p>{{ data?.body }}</p>\n </div>\n <div class=\"fwe-modal-footer\" *ngIf=\"data?.cancel || data?.ok\">\n <div class=\"fwe-modal-buttons\">\n <button\n *ngIf=\"data?.cancel\"\n type=\"button\"\n aria-label=\"Cancel\"\n class=\"fwe-btn fwe-btn-lg\"\n [class.fwe-btn-link]=\"data?.strong\"\n (click)=\"onCancel()\"\n >\n {{ data?.cancel }}\n </button>\n <button\n *ngIf=\"data?.ok\"\n type=\"button\"\n aria-label=\"Ok\"\n class=\"fwe-btn fwe-btn-lg\"\n [class.fwe-btn-hero]=\"!data?.strong\"\n (click)=\"onOk()\"\n >\n {{ data?.ok }}\n </button>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: AlertComponent, decorators: [{
|
|
35
|
-
type: Component,
|
|
36
|
-
args: [{ selector: 'fng-alert', encapsulation: ViewEncapsulation.None, template: "<div\n class=\"fwe-modal\"\n [ngClass]=\"{\n 'fwe-modal--with-indicator-bar': data?.strong === true,\n 'fwe-modal--warning': data?.alertType === 'warning',\n 'fwe-modal--error': data?.alertType === 'error',\n 'fwe-modal--info': data?.alertType === 'info'\n }\"\n>\n <div class=\"fwe-modal-close\">\n <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n <span class=\"fwe-sr-only\">Close</span>\n </button>\n </div>\n <div class=\"fwe-modal-header\">\n <h2 *ngIf=\"data?.subtitle\" class=\"fwe-modal-h2\">\n <i\n [ngClass]=\"{\n 'fwe-icon': true,\n 'fwe-icon-status-warning': data?.alertType === 'warning',\n 'fwe-icon-status-failure': data?.alertType === 'error',\n 'fwe-icon-status-check-status': data?.alertType === 'info'\n }\"\n ></i\n >{{ data?.subtitle }}\n </h2>\n <h1 class=\"fwe-modal-h1\">\n <i\n [ngClass]=\"{\n 'fwe-icon': true,\n 'fwe-icon-status-warning': data?.alertType === 'warning',\n 'fwe-icon-status-failure': data?.alertType === 'error',\n 'fwe-icon-status-check-status': data?.alertType === 'info'\n }\"\n ></i\n >{{ data?.title }}\n </h1>\n </div>\n <div class=\"fwe-modal-body\">\n <p>{{ data?.body }}</p>\n </div>\n <div class=\"fwe-modal-footer\" *ngIf=\"data?.cancel || data?.ok\">\n <div class=\"fwe-modal-buttons\">\n <button\n *ngIf=\"data?.cancel\"\n type=\"button\"\n aria-label=\"Cancel\"\n class=\"fwe-btn fwe-btn-lg\"\n [class.fwe-btn-link]=\"data?.strong\"\n (click)=\"onCancel()\"\n >\n {{ data?.cancel }}\n </button>\n <button\n *ngIf=\"data?.ok\"\n type=\"button\"\n aria-label=\"Ok\"\n class=\"fwe-btn fwe-btn-lg\"\n [class.fwe-btn-hero]=\"!data?.strong\"\n (click)=\"onOk()\"\n >\n {{ data?.ok }}\n </button>\n </div>\n </div>\n</div>\n" }]
|
|
37
|
-
}], propDecorators: { data: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}], close: [{
|
|
40
|
-
type: Output
|
|
41
|
-
}], cancel: [{
|
|
42
|
-
type: Output
|
|
43
|
-
}], ok: [{
|
|
44
|
-
type: Output
|
|
45
|
-
}], closeBtn: [{
|
|
46
|
-
type: ViewChild,
|
|
47
|
-
args: ['closeBtn']
|
|
48
|
-
}], onKeyUp: [{
|
|
49
|
-
type: HostListener,
|
|
50
|
-
args: ['window:keyup', ['$event']]
|
|
51
|
-
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbHMvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9tb2RhbHMvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7OztBQW1CdkIsTUFBTSxPQUFPLGNBQWM7SUFOM0I7UUFRWSxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNoQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNqQyxPQUFFLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQStCeEM7SUExQkMsT0FBTyxDQUFDLEtBQW9CO1FBQzFCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLEtBQUssSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLFFBQVEsRUFBRTtZQUNqRCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDaEI7SUFDSCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNoQixJQUFJLENBQUMsUUFBUSxDQUFDLGFBQTZCLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDdEQ7SUFDSCxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDOzsyR0FsQ1UsY0FBYzsrRkFBZCxjQUFjLHNTQzdCM0IsdWxFQW1FQTsyRkR0Q2EsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxXQUFXLGlCQUdOLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLElBQUk7c0JBQVosS0FBSztnQkFDSSxLQUFLO3NCQUFkLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLEVBQUU7c0JBQVgsTUFBTTtnQkFFZ0IsUUFBUTtzQkFBOUIsU0FBUzt1QkFBQyxVQUFVO2dCQUdyQixPQUFPO3NCQUROLFlBQVk7dUJBQUMsY0FBYyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnLi4vaW5kZXgnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFsZXJ0RGF0YSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuICBib2R5OiBzdHJpbmc7XG4gIGFsZXJ0VHlwZTogJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ2Vycm9yJztcbiAgY2FuY2VsPzogc3RyaW5nO1xuICBvaz86IHN0cmluZztcbiAgc3Ryb25nPzogYm9vbGVhbjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZm5nLWFsZXJ0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE1vZGFsPEFsZXJ0RGF0YSwgYW55PiB7XG4gIEBJbnB1dCgpIGRhdGE6IEFsZXJ0RGF0YTtcbiAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBjYW5jZWwgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIG9rID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQFZpZXdDaGlsZCgnY2xvc2VCdG4nKSBjbG9zZUJ0bjogRWxlbWVudFJlZjtcblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6a2V5dXAnLCBbJyRldmVudCddKVxuICBvbktleVVwKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIGlmIChldmVudC5rZXkgPT09ICdFc2MnIHx8IGV2ZW50LmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgIHRoaXMub25DbG9zZSgpO1xuICAgIH1cbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBpZiAodGhpcy5jbG9zZUJ0bikge1xuICAgICAgKHRoaXMuY2xvc2VCdG4ubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuZm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICBvbkNsb3NlKCkge1xuICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xuICB9XG5cbiAgb25PaygpIHtcbiAgICB0aGlzLm9rLmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2FuY2VsKCkge1xuICAgIHRoaXMuY2FuY2VsLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImZ3ZS1tb2RhbFwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnZndlLW1vZGFsLS13aXRoLWluZGljYXRvci1iYXInOiBkYXRhPy5zdHJvbmcgPT09IHRydWUsXG4gICAgJ2Z3ZS1tb2RhbC0td2FybmluZyc6IGRhdGE/LmFsZXJ0VHlwZSA9PT0gJ3dhcm5pbmcnLFxuICAgICdmd2UtbW9kYWwtLWVycm9yJzogZGF0YT8uYWxlcnRUeXBlID09PSAnZXJyb3InLFxuICAgICdmd2UtbW9kYWwtLWluZm8nOiBkYXRhPy5hbGVydFR5cGUgPT09ICdpbmZvJ1xuICB9XCJcbj5cbiAgPGRpdiBjbGFzcz1cImZ3ZS1tb2RhbC1jbG9zZVwiPlxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGFyaWEtbGFiZWw9XCJDbG9zZVwiICNjbG9zZUJ0biBjbGFzcz1cImZ3ZS1idG4gZndlLWJ0bi1saW5rIGZ3ZS1kYXJrXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiPlxuICAgICAgPGkgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3M9XCJmd2UtaWNvbiBmd2UtaWNvbi1jbG9zZS1zbWFsbFwiPjwvaT5cbiAgICAgIDxzcGFuIGNsYXNzPVwiZndlLXNyLW9ubHlcIj5DbG9zZTwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmd2UtbW9kYWwtaGVhZGVyXCI+XG4gICAgPGgyICpuZ0lmPVwiZGF0YT8uc3VidGl0bGVcIiBjbGFzcz1cImZ3ZS1tb2RhbC1oMlwiPlxuICAgICAgPGlcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICdmd2UtaWNvbic6IHRydWUsXG4gICAgICAgICAgJ2Z3ZS1pY29uLXN0YXR1cy13YXJuaW5nJzogZGF0YT8uYWxlcnRUeXBlID09PSAnd2FybmluZycsXG4gICAgICAgICAgJ2Z3ZS1pY29uLXN0YXR1cy1mYWlsdXJlJzogZGF0YT8uYWxlcnRUeXBlID09PSAnZXJyb3InLFxuICAgICAgICAgICdmd2UtaWNvbi1zdGF0dXMtY2hlY2stc3RhdHVzJzogZGF0YT8uYWxlcnRUeXBlID09PSAnaW5mbydcbiAgICAgICAgfVwiXG4gICAgICA+PC9pXG4gICAgICA+e3sgZGF0YT8uc3VidGl0bGUgfX1cbiAgICA8L2gyPlxuICAgIDxoMSBjbGFzcz1cImZ3ZS1tb2RhbC1oMVwiPlxuICAgICAgPGlcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICdmd2UtaWNvbic6IHRydWUsXG4gICAgICAgICAgJ2Z3ZS1pY29uLXN0YXR1cy13YXJuaW5nJzogZGF0YT8uYWxlcnRUeXBlID09PSAnd2FybmluZycsXG4gICAgICAgICAgJ2Z3ZS1pY29uLXN0YXR1cy1mYWlsdXJlJzogZGF0YT8uYWxlcnRUeXBlID09PSAnZXJyb3InLFxuICAgICAgICAgICdmd2UtaWNvbi1zdGF0dXMtY2hlY2stc3RhdHVzJzogZGF0YT8uYWxlcnRUeXBlID09PSAnaW5mbydcbiAgICAgICAgfVwiXG4gICAgICA+PC9pXG4gICAgICA+e3sgZGF0YT8udGl0bGUgfX1cbiAgICA8L2gxPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImZ3ZS1tb2RhbC1ib2R5XCI+XG4gICAgPHA+e3sgZGF0YT8uYm9keSB9fTwvcD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmd2UtbW9kYWwtZm9vdGVyXCIgKm5nSWY9XCJkYXRhPy5jYW5jZWwgfHwgZGF0YT8ub2tcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZndlLW1vZGFsLWJ1dHRvbnNcIj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJkYXRhPy5jYW5jZWxcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cIkNhbmNlbFwiXG4gICAgICAgIGNsYXNzPVwiZndlLWJ0biBmd2UtYnRuLWxnXCJcbiAgICAgICAgW2NsYXNzLmZ3ZS1idG4tbGlua109XCJkYXRhPy5zdHJvbmdcIlxuICAgICAgICAoY2xpY2spPVwib25DYW5jZWwoKVwiXG4gICAgICA+XG4gICAgICAgIHt7IGRhdGE/LmNhbmNlbCB9fVxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uXG4gICAgICAgICpuZ0lmPVwiZGF0YT8ub2tcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cIk9rXCJcbiAgICAgICAgY2xhc3M9XCJmd2UtYnRuIGZ3ZS1idG4tbGdcIlxuICAgICAgICBbY2xhc3MuZndlLWJ0bi1oZXJvXT1cIiFkYXRhPy5zdHJvbmdcIlxuICAgICAgICAoY2xpY2spPVwib25PaygpXCJcbiAgICAgID5cbiAgICAgICAge3sgZGF0YT8ub2sgfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|