@agorapulse/ui-components 13.2.7 → 13.2.10
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/agorapulse-ui-components-13.2.10.tgz +0 -0
- package/esm2020/index.mjs +1 -12
- package/esm2020/src/lib/agorapulse-ui-components.module.mjs +3 -53
- package/esm2020/src/lib/avatar/avatar.component.mjs +7 -3
- package/esm2020/src/lib/labels/label-list.component.mjs +3 -4
- package/esm2020/src/lib/labels-selector/labels-selector.component.mjs +9 -6
- package/esm2020/src/lib/popmenu/index.mjs +5 -0
- package/fesm2015/agorapulse-ui-components.mjs +212 -785
- package/fesm2015/agorapulse-ui-components.mjs.map +1 -1
- package/fesm2020/agorapulse-ui-components.mjs +191 -761
- package/fesm2020/agorapulse-ui-components.mjs.map +1 -1
- package/index.d.ts +0 -12
- package/package.json +1 -1
- package/src/lib/agorapulse-ui-components.module.d.ts +51 -61
- package/src/lib/avatar/avatar.component.d.ts +2 -2
- package/src/lib/labels/label-list.component.d.ts +1 -1
- package/src/lib/labels-selector/labels-selector.component.d.ts +5 -1
- package/src/lib/popmenu/index.d.ts +4 -0
- package/agorapulse-ui-components-13.2.7.tgz +0 -0
- package/esm2020/src/lib/directives/loading-slider.directive.mjs +0 -122
- package/esm2020/src/lib/feature-onboarding/feature-onboarding.component.mjs +0 -35
- package/esm2020/src/lib/image-carousel/image-carousel.component.mjs +0 -161
- package/esm2020/src/lib/overlay/overlay-dialog-service.component.mjs +0 -61
- package/esm2020/src/lib/overlay/overlay-dialog.component.mjs +0 -33
- package/esm2020/src/lib/overlay-in-div/overlay-in-div.component.mjs +0 -27
- package/esm2020/src/lib/places/place-list.component.mjs +0 -11
- package/esm2020/src/lib/places/place.component.mjs +0 -14
- package/esm2020/src/lib/splashscreen/splashscreen.component.mjs +0 -43
- package/esm2020/src/lib/star-rating/star-rating.component.mjs +0 -43
- package/esm2020/src/lib/try-popup/try-popup-texts.model.mjs +0 -2
- package/esm2020/src/lib/try-popup/try-popup.component.mjs +0 -37
- package/src/lib/directives/loading-slider.directive.d.ts +0 -27
- package/src/lib/feature-onboarding/feature-onboarding.component.d.ts +0 -18
- package/src/lib/image-carousel/image-carousel.component.d.ts +0 -49
- package/src/lib/overlay/overlay-dialog-service.component.d.ts +0 -23
- package/src/lib/overlay/overlay-dialog.component.d.ts +0 -20
- package/src/lib/overlay-in-div/overlay-in-div.component.d.ts +0 -11
- package/src/lib/places/place-list.component.d.ts +0 -5
- package/src/lib/places/place.component.d.ts +0 -6
- package/src/lib/splashscreen/splashscreen.component.d.ts +0 -18
- package/src/lib/star-rating/star-rating.component.d.ts +0 -13
- package/src/lib/try-popup/try-popup-texts.model.d.ts +0 -4
- package/src/lib/try-popup/try-popup.component.d.ts +0 -15
package/index.d.ts
CHANGED
|
@@ -9,38 +9,26 @@ export { MultiStyleTextDirective } from './src/lib/directives/multi-style-text.d
|
|
|
9
9
|
export { PopmenuDirective } from './src/lib/popmenu/popmenu.directive';
|
|
10
10
|
export { TruncateTooltipDirective } from './src/lib/directives/truncate-tooltip.directive';
|
|
11
11
|
export { TooltipNeoDirective } from './src/lib/tooltip-neo/tooltip-neo.directive';
|
|
12
|
-
export { LoadingSliderDirective } from './src/lib/directives/loading-slider.directive';
|
|
13
12
|
export { AddCommentComponent } from './src/lib/add-comment/add-comment.component';
|
|
14
13
|
export { AvatarComponent } from './src/lib/avatar/avatar.component';
|
|
15
14
|
export { StepperComponent } from './src/lib/stepper/stepper.component';
|
|
16
15
|
export { ConfirmModalComponent } from './src/lib/confirm-modal/confirm-modal.component';
|
|
17
16
|
export { DatepickerComponent, DatepickerMode, I18nDatePicker, Period } from './src/lib/datepicker/datepicker.component';
|
|
18
17
|
export { DotsStepperComponent } from './src/lib/dots-stepper/dots-stepper.component';
|
|
19
|
-
export { ImageCarouselComponent, InstagramCarouselItemType } from './src/lib/image-carousel/image-carousel.component';
|
|
20
|
-
export { FeatureOnboardingComponent } from './src/lib/feature-onboarding/feature-onboarding.component';
|
|
21
18
|
export { LabelComponent } from './src/lib/labels/label.component';
|
|
22
19
|
export { LabelListComponent } from './src/lib/labels/label-list.component';
|
|
23
20
|
export { LabelsSelectorComponent } from './src/lib/labels-selector/labels-selector.component';
|
|
24
21
|
export { MediaDisplayOverlayDialogComponent } from './src/lib/media-display-overlay/media-display-overlay-dialog.component';
|
|
25
22
|
export { ModalComponent, ModalConfig } from './src/lib/modal/modal.component';
|
|
26
|
-
export { OverlayDialogComponent } from './src/lib/overlay/overlay-dialog.component';
|
|
27
|
-
export { OverlayInDivComponent } from './src/lib/overlay-in-div/overlay-in-div.component';
|
|
28
|
-
export { OverlayDialogService } from './src/lib/overlay/overlay-dialog-service.component';
|
|
29
23
|
export { PaginatorComponent } from './src/lib/paginator/paginator.component';
|
|
30
24
|
export { PasswordInputComponent } from './src/lib/password-input/password-input.component';
|
|
31
|
-
export { PlaceComponent } from './src/lib/places/place.component';
|
|
32
|
-
export { PlaceListComponent } from './src/lib/places/place-list.component';
|
|
33
25
|
export { PopmenuComponent } from './src/lib/popmenu/popmenu.component';
|
|
34
|
-
export { SplashscreenComponent } from './src/lib/splashscreen/splashscreen.component';
|
|
35
26
|
export { SnackBarComponent } from './src/lib/snackbar/snackbar.component';
|
|
36
|
-
export { TryPopupComponent } from './src/lib/try-popup/try-popup.component';
|
|
37
27
|
export { NotificationComponent } from './src/lib/notification/notification.component';
|
|
38
28
|
export { PaginatorButtonComponent } from './src/lib/paginator/paginator-button/paginator-button.component';
|
|
39
29
|
export { SlideToggleComponent } from './src/lib/slide-toggle/slide-toggle.component';
|
|
40
30
|
export { SnackbarsThreadComponent } from './src/lib/snackbars-thread/component/snackbars-thread.component';
|
|
41
|
-
export { StarRatingComponent } from './src/lib/star-rating/star-rating.component';
|
|
42
31
|
export { SnackbarsThreadService } from './src/lib/snackbars-thread/service/snackbars-thread.service';
|
|
43
32
|
export { Step } from './src/lib/stepper/step.model';
|
|
44
33
|
export { ConfirmModalTexts } from './src/lib/confirm-modal/confirm-modal-texts.model';
|
|
45
|
-
export { TryPopupTexts } from './src/lib/try-popup/try-popup-texts.model';
|
|
46
34
|
export { generateCodeStatus, SnackbarsThreadBase, SnackbarTypeValues, externalSnackbarTypeAllowed } from './src/lib/snackbars-thread/model/snackbars-thread.model';
|
package/package.json
CHANGED
|
@@ -7,68 +7,58 @@ import * as i5 from "./confirm-modal/confirm-modal.component";
|
|
|
7
7
|
import * as i6 from "./datepicker/datepicker.component";
|
|
8
8
|
import * as i7 from "./dots-stepper/dots-stepper.component";
|
|
9
9
|
import * as i8 from "./directives/ellipsis.directive";
|
|
10
|
-
import * as i9 from "./
|
|
11
|
-
import * as i10 from "./
|
|
12
|
-
import * as i11 from "./
|
|
13
|
-
import * as i12 from "./
|
|
14
|
-
import * as i13 from "./
|
|
15
|
-
import * as i14 from "./
|
|
16
|
-
import * as i15 from "./
|
|
17
|
-
import * as i16 from "./
|
|
18
|
-
import * as i17 from "./
|
|
19
|
-
import * as i18 from "./
|
|
20
|
-
import * as i19 from "./
|
|
21
|
-
import * as i20 from "./
|
|
22
|
-
import * as i21 from "./
|
|
23
|
-
import * as i22 from "./
|
|
24
|
-
import * as i23 from "./
|
|
25
|
-
import * as i24 from "./
|
|
26
|
-
import * as i25 from "./
|
|
27
|
-
import * as i26 from "./
|
|
28
|
-
import * as i27 from "./
|
|
29
|
-
import * as i28 from "
|
|
30
|
-
import * as i29 from "
|
|
31
|
-
import * as i30 from "
|
|
32
|
-
import * as i31 from "
|
|
33
|
-
import * as i32 from "
|
|
34
|
-
import * as i33 from "./
|
|
35
|
-
import * as i34 from "
|
|
36
|
-
import * as i35 from "
|
|
37
|
-
import * as i36 from "
|
|
38
|
-
import * as i37 from "
|
|
39
|
-
import * as i38 from "@
|
|
40
|
-
import * as i39 from "@angular/
|
|
41
|
-
import * as i40 from "
|
|
42
|
-
import * as i41 from "@angular/
|
|
43
|
-
import * as i42 from "@
|
|
44
|
-
import * as i43 from "
|
|
45
|
-
import * as i44 from "@angular/
|
|
46
|
-
import * as i45 from "@angular/material/
|
|
47
|
-
import * as i46 from "@angular/material/
|
|
48
|
-
import * as i47 from "@angular/material/
|
|
49
|
-
import * as i48 from "@angular/material/
|
|
50
|
-
import * as i49 from "@angular/material/
|
|
51
|
-
import * as i50 from "@angular/material/
|
|
52
|
-
import * as i51 from "@angular/material/
|
|
53
|
-
import * as i52 from "@angular/material/
|
|
54
|
-
import * as i53 from "@angular/material/
|
|
55
|
-
import * as i54 from "@angular/material/
|
|
56
|
-
import * as i55 from "@angular/material/
|
|
57
|
-
import * as i56 from "@angular/material/
|
|
58
|
-
import * as i57 from "@angular/material/
|
|
59
|
-
import * as i58 from "@angular/material/
|
|
60
|
-
import * as i59 from "@angular/material/toolbar";
|
|
61
|
-
import * as i60 from "@angular/material/card";
|
|
62
|
-
import * as i61 from "@angular/material/divider";
|
|
63
|
-
import * as i62 from "@angular/material/grid-list";
|
|
64
|
-
import * as i63 from "@angular/material/list";
|
|
65
|
-
import * as i64 from "@angular/material/tabs";
|
|
66
|
-
import * as i65 from "@angular/material/stepper";
|
|
67
|
-
import * as i66 from "@angular/material/dialog";
|
|
68
|
-
import * as i67 from "@angular/material/snack-bar";
|
|
69
|
-
import * as i68 from "@angular/material/table";
|
|
10
|
+
import * as i9 from "./labels/label-list.component";
|
|
11
|
+
import * as i10 from "./labels-selector/labels-selector.component";
|
|
12
|
+
import * as i11 from "./media-display-overlay/media-display-overlay-dialog.component";
|
|
13
|
+
import * as i12 from "./modal/modal.component";
|
|
14
|
+
import * as i13 from "./password-input/password-input.component";
|
|
15
|
+
import * as i14 from "./snackbar/snackbar.component";
|
|
16
|
+
import * as i15 from "./labels/label.component";
|
|
17
|
+
import * as i16 from "./notification/notification.component";
|
|
18
|
+
import * as i17 from "./paginator/paginator.component";
|
|
19
|
+
import * as i18 from "./paginator/paginator-button/paginator-button.component";
|
|
20
|
+
import * as i19 from "./slide-toggle/slide-toggle.component";
|
|
21
|
+
import * as i20 from "./snackbars-thread/component/snackbars-thread.component";
|
|
22
|
+
import * as i21 from "./tooltip-neo/tooltip-neo.component";
|
|
23
|
+
import * as i22 from "./directives/default-image.directive";
|
|
24
|
+
import * as i23 from "./directives/frozen-gif.directive";
|
|
25
|
+
import * as i24 from "./directives/equal-validator.directive";
|
|
26
|
+
import * as i25 from "./directives/multi-style-text.directive";
|
|
27
|
+
import * as i26 from "./directives/truncate-tooltip.directive";
|
|
28
|
+
import * as i27 from "./tooltip-neo/tooltip-neo.directive";
|
|
29
|
+
import * as i28 from "@agorapulse/ui-symbol";
|
|
30
|
+
import * as i29 from "@angular/common";
|
|
31
|
+
import * as i30 from "ngx-daterangepicker-material";
|
|
32
|
+
import * as i31 from "@angular/forms";
|
|
33
|
+
import * as i32 from "@ng-select/ng-select";
|
|
34
|
+
import * as i33 from "./popmenu/popmenu.module";
|
|
35
|
+
import * as i34 from "@angular/cdk/overlay";
|
|
36
|
+
import * as i35 from "@angular/material/badge";
|
|
37
|
+
import * as i36 from "@angular/material/button";
|
|
38
|
+
import * as i37 from "@angular/material/button-toggle";
|
|
39
|
+
import * as i38 from "@angular/material/chips";
|
|
40
|
+
import * as i39 from "@angular/material/expansion";
|
|
41
|
+
import * as i40 from "@angular/material/checkbox";
|
|
42
|
+
import * as i41 from "@angular/material/icon";
|
|
43
|
+
import * as i42 from "@angular/material/progress-bar";
|
|
44
|
+
import * as i43 from "@angular/material/progress-spinner";
|
|
45
|
+
import * as i44 from "@angular/material/radio";
|
|
46
|
+
import * as i45 from "@angular/material/slider";
|
|
47
|
+
import * as i46 from "@angular/material/slide-toggle";
|
|
48
|
+
import * as i47 from "@angular/material/menu";
|
|
49
|
+
import * as i48 from "@angular/material/sidenav";
|
|
50
|
+
import * as i49 from "@angular/material/toolbar";
|
|
51
|
+
import * as i50 from "@angular/material/card";
|
|
52
|
+
import * as i51 from "@angular/material/divider";
|
|
53
|
+
import * as i52 from "@angular/material/grid-list";
|
|
54
|
+
import * as i53 from "@angular/material/list";
|
|
55
|
+
import * as i54 from "@angular/material/tabs";
|
|
56
|
+
import * as i55 from "@angular/material/stepper";
|
|
57
|
+
import * as i56 from "@angular/material/dialog";
|
|
58
|
+
import * as i57 from "@angular/material/snack-bar";
|
|
59
|
+
import * as i58 from "@angular/material/table";
|
|
70
60
|
export declare class AgorapulseUiComponentsModule {
|
|
71
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<AgorapulseUiComponentsModule, never>;
|
|
72
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AgorapulseUiComponentsModule, [typeof i1.AddCommentComponent, typeof i2.AvatarComponent, typeof i3.AutosizeTextareaDirective, typeof i4.StepperComponent, typeof i5.ConfirmModalComponent, typeof i6.DatepickerComponent, typeof i7.DotsStepperComponent, typeof i8.EllipsisDirective, typeof i9.
|
|
62
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AgorapulseUiComponentsModule, [typeof i1.AddCommentComponent, typeof i2.AvatarComponent, typeof i3.AutosizeTextareaDirective, typeof i4.StepperComponent, typeof i5.ConfirmModalComponent, typeof i6.DatepickerComponent, typeof i7.DotsStepperComponent, typeof i8.EllipsisDirective, typeof i9.LabelListComponent, typeof i10.LabelsSelectorComponent, typeof i11.MediaDisplayOverlayDialogComponent, typeof i12.ModalComponent, typeof i13.PasswordInputComponent, typeof i14.SnackBarComponent, typeof i15.LabelComponent, typeof i16.NotificationComponent, typeof i17.PaginatorComponent, typeof i18.PaginatorButtonComponent, typeof i19.SlideToggleComponent, typeof i20.SnackbarsThreadComponent, typeof i21.TooltipNeoComponent, typeof i3.AutosizeTextareaDirective, typeof i22.DefaultImageDirective, typeof i23.FrozenGifDirective, typeof i19.SlideToggleComponent, typeof i24.EqualValidatorDirective, typeof i25.MultiStyleTextDirective, typeof i26.TruncateTooltipDirective, typeof i27.TooltipNeoDirective], [typeof i28.AgorapulseUiSymbolModule, typeof i29.CommonModule, typeof i30.NgxDaterangepickerMd, typeof i31.FormsModule, typeof i31.ReactiveFormsModule, typeof i32.NgSelectModule, typeof i33.PopmenuModule, typeof i34.OverlayModule, typeof i35.MatBadgeModule, typeof i36.MatButtonModule, typeof i37.MatButtonToggleModule, typeof i38.MatChipsModule, typeof i39.MatExpansionModule, typeof i40.MatCheckboxModule, typeof i41.MatIconModule, typeof i42.MatProgressBarModule, typeof i43.MatProgressSpinnerModule, typeof i44.MatRadioModule, typeof i45.MatSliderModule, typeof i46.MatSlideToggleModule, typeof i47.MatMenuModule, typeof i48.MatSidenavModule, typeof i49.MatToolbarModule, typeof i50.MatCardModule, typeof i51.MatDividerModule, typeof i52.MatGridListModule, typeof i53.MatListModule, typeof i54.MatTabsModule, typeof i55.MatStepperModule, typeof i56.MatDialogModule, typeof i57.MatSnackBarModule, typeof i58.MatTableModule], [typeof i31.FormsModule, typeof i31.ReactiveFormsModule, typeof i1.AddCommentComponent, typeof i2.AvatarComponent, typeof i4.StepperComponent, typeof i5.ConfirmModalComponent, typeof i6.DatepickerComponent, typeof i7.DotsStepperComponent, typeof i8.EllipsisDirective, typeof i15.LabelComponent, typeof i9.LabelListComponent, typeof i11.MediaDisplayOverlayDialogComponent, typeof i12.ModalComponent, typeof i13.PasswordInputComponent, typeof i14.SnackBarComponent, typeof i10.LabelsSelectorComponent, typeof i16.NotificationComponent, typeof i17.PaginatorComponent, typeof i18.PaginatorButtonComponent, typeof i19.SlideToggleComponent, typeof i20.SnackbarsThreadComponent, typeof i3.AutosizeTextareaDirective, typeof i22.DefaultImageDirective, typeof i23.FrozenGifDirective, typeof i24.EqualValidatorDirective, typeof i25.MultiStyleTextDirective, typeof i26.TruncateTooltipDirective, typeof i27.TooltipNeoDirective, typeof i32.NgSelectModule, typeof i33.PopmenuModule, typeof i35.MatBadgeModule, typeof i36.MatButtonModule, typeof i37.MatButtonToggleModule, typeof i40.MatCheckboxModule, typeof i38.MatChipsModule, typeof i39.MatExpansionModule, typeof i41.MatIconModule, typeof i42.MatProgressBarModule, typeof i43.MatProgressSpinnerModule, typeof i44.MatRadioModule, typeof i45.MatSliderModule, typeof i46.MatSlideToggleModule, typeof i47.MatMenuModule, typeof i48.MatSidenavModule, typeof i49.MatToolbarModule, typeof i50.MatCardModule, typeof i51.MatDividerModule, typeof i52.MatGridListModule, typeof i53.MatListModule, typeof i54.MatTabsModule, typeof i55.MatStepperModule, typeof i56.MatDialogModule, typeof i57.MatSnackBarModule, typeof i58.MatTableModule]>;
|
|
73
63
|
static ɵinj: i0.ɵɵInjectorDeclaration<AgorapulseUiComponentsModule>;
|
|
74
64
|
}
|
|
@@ -9,8 +9,8 @@ export declare class AvatarComponent implements OnInit, OnChanges {
|
|
|
9
9
|
imageUrl: string;
|
|
10
10
|
loading: 'auto' | 'lazy' | 'eager';
|
|
11
11
|
outerBorderHidden: boolean;
|
|
12
|
-
size: 'large' | 'normal' | 'medium' | 'medium-sm' | 'small' | 'mini' | 'mini-sm' | 'micro' | 'facebook' | 'twitter' | 'linkedin' | 'instagram' | 'youtube' | 'google';
|
|
13
|
-
social: 'facebook' | 'instagram' | 'linkedin' | 'twitter' | 'youtube' | 'google';
|
|
12
|
+
size: 'large' | 'large-sm' | 'normal' | 'medium' | 'medium-sm' | 'small' | 'mini' | 'mini-sm' | 'micro' | 'facebook' | 'twitter' | 'linkedin' | 'instagram' | 'youtube' | 'google';
|
|
13
|
+
social: 'facebook' | 'instagram' | 'linkedin' | 'tiktok' | 'twitter' | 'youtube' | 'google';
|
|
14
14
|
username: string;
|
|
15
15
|
rounded: boolean;
|
|
16
16
|
online: boolean;
|
|
@@ -10,7 +10,7 @@ export declare class LabelListComponent implements AfterContentInit, OnChanges,
|
|
|
10
10
|
removeLabelsEnabled: boolean;
|
|
11
11
|
responsive: boolean;
|
|
12
12
|
seeLessTranslation: string;
|
|
13
|
-
removeLabel: EventEmitter<string
|
|
13
|
+
removeLabel: EventEmitter<string>;
|
|
14
14
|
badgeWidth: number;
|
|
15
15
|
expanded: boolean;
|
|
16
16
|
howManyItemsLeft: number;
|
|
@@ -16,6 +16,7 @@ export declare class LabelsSelectorComponent implements OnInit, OnChanges {
|
|
|
16
16
|
multipleEnabled: boolean;
|
|
17
17
|
searchLabelsFunction: (string: any) => Observable<string[]>;
|
|
18
18
|
createLabel: EventEmitter<string>;
|
|
19
|
+
deleteLabel: EventEmitter<string>;
|
|
19
20
|
selectLabels: EventEmitter<string[]>;
|
|
20
21
|
searchErrorMessage: EventEmitter<string>;
|
|
21
22
|
labels: string[];
|
|
@@ -26,9 +27,12 @@ export declare class LabelsSelectorComponent implements OnInit, OnChanges {
|
|
|
26
27
|
ngOnInit(): void;
|
|
27
28
|
ngOnChanges(changes: SimpleChanges): void;
|
|
28
29
|
onCreateLabel(label: string): void;
|
|
30
|
+
onDeleteLabel(event: {
|
|
31
|
+
value: string;
|
|
32
|
+
}): void;
|
|
29
33
|
onOpen(): void;
|
|
30
34
|
onLabelsChange(): void;
|
|
31
35
|
setSearchFunction(): void;
|
|
32
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<LabelsSelectorComponent, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LabelsSelectorComponent, "ap-labels-selector", never, { "addLabelEnabled": "addLabelEnabled"; "disabled": "disabled"; "initialLabels": "initialLabels"; "translation": "translation"; "loadingOnSearch": "loadingOnSearch"; "multipleEnabled": "multipleEnabled"; "searchLabelsFunction": "searchLabelsFunction"; }, { "createLabel": "createLabel"; "selectLabels": "selectLabels"; "searchErrorMessage": "searchErrorMessage"; }, never, never>;
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LabelsSelectorComponent, "ap-labels-selector", never, { "addLabelEnabled": "addLabelEnabled"; "disabled": "disabled"; "initialLabels": "initialLabels"; "translation": "translation"; "loadingOnSearch": "loadingOnSearch"; "multipleEnabled": "multipleEnabled"; "searchLabelsFunction": "searchLabelsFunction"; }, { "createLabel": "createLabel"; "deleteLabel": "deleteLabel"; "selectLabels": "selectLabels"; "searchErrorMessage": "searchErrorMessage"; }, never, never>;
|
|
34
38
|
}
|
|
Binary file
|
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
import { Directive, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import { animate, style, keyframes } from '@angular/animations';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/animations";
|
|
5
|
-
const ANIMATION_STYLES = new Map([
|
|
6
|
-
['position', 'absolute'],
|
|
7
|
-
['bottom', '0'],
|
|
8
|
-
['height', '5px'],
|
|
9
|
-
['border-radius', '6px'],
|
|
10
|
-
['animation', 'slide 1s linear infinite']
|
|
11
|
-
]);
|
|
12
|
-
/**
|
|
13
|
-
* This directive aims to manage a slider animation.
|
|
14
|
-
*/
|
|
15
|
-
export class LoadingSliderDirective {
|
|
16
|
-
constructor(elRef, renderer, animationBuilder) {
|
|
17
|
-
this.elRef = elRef;
|
|
18
|
-
this.renderer = renderer;
|
|
19
|
-
this.animationBuilder = animationBuilder;
|
|
20
|
-
this.loadingSlider = false;
|
|
21
|
-
this.sliderWidth = '50px';
|
|
22
|
-
this.sliderColor = '#ff6726';
|
|
23
|
-
this.sliderAnimationTime = 2000;
|
|
24
|
-
this.partEvent = new EventEmitter();
|
|
25
|
-
}
|
|
26
|
-
ngOnDestroy() {
|
|
27
|
-
this.removeSlider();
|
|
28
|
-
}
|
|
29
|
-
ngOnChanges(changes) {
|
|
30
|
-
let recreate = false;
|
|
31
|
-
if (changes.sliderWidth || changes.sliderColor || changes.sliderAnimationTime) {
|
|
32
|
-
recreate = true;
|
|
33
|
-
}
|
|
34
|
-
if (this.loadingSlider) {
|
|
35
|
-
if (!this.child || recreate) {
|
|
36
|
-
this.createSlider();
|
|
37
|
-
}
|
|
38
|
-
this.showSlider();
|
|
39
|
-
}
|
|
40
|
-
else {
|
|
41
|
-
this.hideSlider();
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
createSlider() {
|
|
45
|
-
this.removeSlider();
|
|
46
|
-
const div = this.renderer.createElement('div');
|
|
47
|
-
this.renderer.setStyle(this.elRef.nativeElement, 'position', 'relative');
|
|
48
|
-
this.renderer.setStyle(this.elRef.nativeElement, 'overflow', 'hidden');
|
|
49
|
-
this.renderer.addClass(div, 'animation-slider');
|
|
50
|
-
ANIMATION_STYLES.forEach((value, key) => this.renderer.setStyle(div, key, value));
|
|
51
|
-
this.renderer.setStyle(div, 'width', this.sliderWidth);
|
|
52
|
-
this.renderer.setStyle(div, 'background-color', this.sliderColor);
|
|
53
|
-
// Animate
|
|
54
|
-
const loaderFadeOutAnimation = this.animationBuilder.build([
|
|
55
|
-
animate(this.sliderAnimationTime, keyframes([
|
|
56
|
-
style({ left: "-" + this.sliderWidth, offset: 0 }),
|
|
57
|
-
style({ left: "calc(100%)", offset: 1 })
|
|
58
|
-
]))
|
|
59
|
-
]);
|
|
60
|
-
this.animation = loaderFadeOutAnimation.create(div);
|
|
61
|
-
const loop = () => {
|
|
62
|
-
// Stop loop on destroy
|
|
63
|
-
if (this.animation) {
|
|
64
|
-
this.animation.reset();
|
|
65
|
-
this.animation.onDone(loop);
|
|
66
|
-
this.animation.play();
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
this.animation.onDone(loop);
|
|
70
|
-
this.animation.play();
|
|
71
|
-
// Append new element
|
|
72
|
-
this.renderer.appendChild(this.elRef.nativeElement, div);
|
|
73
|
-
this.child = div;
|
|
74
|
-
}
|
|
75
|
-
removeSlider() {
|
|
76
|
-
if (this.animation) {
|
|
77
|
-
this.animation.destroy();
|
|
78
|
-
this.animation = undefined;
|
|
79
|
-
}
|
|
80
|
-
if (this.child) {
|
|
81
|
-
this.renderer.removeChild(this.elRef.nativeElement, this.child);
|
|
82
|
-
this.child = undefined;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
hideSlider() {
|
|
86
|
-
if (this.child) {
|
|
87
|
-
this.renderer.setProperty(this.child, 'hidden', true);
|
|
88
|
-
}
|
|
89
|
-
if (this.animation) {
|
|
90
|
-
this.animation.pause();
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
showSlider() {
|
|
94
|
-
if (this.child) {
|
|
95
|
-
this.renderer.setProperty(this.child, 'hidden', false);
|
|
96
|
-
}
|
|
97
|
-
if (this.animation) {
|
|
98
|
-
this.animation.reset();
|
|
99
|
-
this.animation.play();
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
/** @nocollapse */ /** @nocollapse */ LoadingSliderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LoadingSliderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Directive });
|
|
104
|
-
/** @nocollapse */ /** @nocollapse */ LoadingSliderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: LoadingSliderDirective, selector: "[loadingSlider]", inputs: { loadingSlider: "loadingSlider", sliderWidth: "sliderWidth", sliderColor: "sliderColor", sliderAnimationTime: "sliderAnimationTime" }, outputs: { partEvent: "partEvent" }, usesOnChanges: true, ngImport: i0 });
|
|
105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LoadingSliderDirective, decorators: [{
|
|
106
|
-
type: Directive,
|
|
107
|
-
args: [{
|
|
108
|
-
// tslint:disable-next-line:directive-selector
|
|
109
|
-
selector: '[loadingSlider]'
|
|
110
|
-
}]
|
|
111
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.AnimationBuilder }]; }, propDecorators: { loadingSlider: [{
|
|
112
|
-
type: Input
|
|
113
|
-
}], sliderWidth: [{
|
|
114
|
-
type: Input
|
|
115
|
-
}], sliderColor: [{
|
|
116
|
-
type: Input
|
|
117
|
-
}], sliderAnimationTime: [{
|
|
118
|
-
type: Input
|
|
119
|
-
}], partEvent: [{
|
|
120
|
-
type: Output
|
|
121
|
-
}] } });
|
|
122
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1zbGlkZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvZGlyZWN0aXZlcy9sb2FkaW5nLXNsaWRlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxLQUFLLEVBR0wsTUFBTSxFQUNOLFlBQVksRUFFZixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQW1CLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFrQixNQUFNLHFCQUFxQixDQUFDOzs7QUFFakcsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLEdBQUcsQ0FBaUI7SUFDN0MsQ0FBQyxVQUFVLEVBQUUsVUFBVSxDQUFDO0lBQ3hCLENBQUMsUUFBUSxFQUFFLEdBQUcsQ0FBQztJQUNmLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQztJQUNqQixDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUM7SUFDeEIsQ0FBQyxXQUFXLEVBQUUsMEJBQTBCLENBQUM7Q0FDNUMsQ0FBQyxDQUFDO0FBRUg7O0dBRUc7QUFLSCxNQUFNLE9BQU8sc0JBQXNCO0lBWS9CLFlBQ1ksS0FBaUIsRUFDakIsUUFBbUIsRUFDbkIsZ0JBQWtDO1FBRmxDLFVBQUssR0FBTCxLQUFLLENBQVk7UUFDakIsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBYnJDLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLGdCQUFXLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLGdCQUFXLEdBQUcsU0FBUyxDQUFDO1FBQ3hCLHdCQUFtQixHQUFHLElBQUksQ0FBQztRQUUxQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQVVqRCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFD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SkFHWSxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRGlyZWN0aXZlLFxuICAgIElucHV0LFxuICAgIFJlbmRlcmVyMixcbiAgICBFbGVtZW50UmVmLFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgT25EZXN0cm95LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0FuaW1hdGlvbkJ1aWxkZXIsIGFuaW1hdGUsIHN0eWxlLCBrZXlmcmFtZXMsIEFuaW1hdGlvblBsYXllcn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmNvbnN0IEFOSU1BVElPTl9TVFlMRVMgPSBuZXcgTWFwPHN0cmluZywgc3RyaW5nPihbXG4gICAgWydwb3NpdGlvbicsICdhYnNvbHV0ZSddLFxuICAgIFsnYm90dG9tJywgJzAnXSxcbiAgICBbJ2hlaWdodCcsICc1cHgnXSxcbiAgICBbJ2JvcmRlci1yYWRpdXMnLCAnNnB4J10sXG4gICAgWydhbmltYXRpb24nLCAnc2xpZGUgMXMgbGluZWFyIGluZmluaXRlJ11cbl0pO1xuXG4vKipcbiAqIFRoaXMgZGlyZWN0aXZlIGFpbXMgdG8gbWFuYWdlIGEgc2xpZGVyIGFuaW1hdGlvbi5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmRpcmVjdGl2ZS1zZWxlY3RvclxuICAgIHNlbGVjdG9yOiAnW2xvYWRpbmdTbGlkZXJdJ1xufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nU2xpZGVyRGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95LCBPbkNoYW5nZXMge1xuXG4gICAgQElucHV0KCkgbG9hZGluZ1NsaWRlciA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNsaWRlcldpZHRoID0gJzUwcHgnO1xuICAgIEBJbnB1dCgpIHNsaWRlckNvbG9yID0gJyNmZjY3MjYnO1xuICAgIEBJbnB1dCgpIHNsaWRlckFuaW1hdGlvblRpbWUgPSAyMDAwO1xuXG4gICAgQE91dHB1dCgpIHBhcnRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgcHJpdmF0ZSBjaGlsZDogYW55O1xuICAgIHByaXZhdGUgYW5pbWF0aW9uOiBBbmltYXRpb25QbGF5ZXI7XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICAgICAgcHJpdmF0ZSBhbmltYXRpb25CdWlsZGVyOiBBbmltYXRpb25CdWlsZGVyXG4gICAgKSB7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMucmVtb3ZlU2xpZGVyKCk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBsZXQgcmVjcmVhdGUgPSBmYWxzZTtcbiAgICAgICAgaWYgKGNoYW5nZXMuc2xpZGVyV2lkdGggfHwgY2hhbmdlcy5zbGlkZXJDb2xvciB8fCBjaGFuZ2VzLnNsaWRlckFuaW1hdGlvblRpbWUpIHtcbiAgICAgICAgICAgIHJlY3JlYXRlID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAodGhpcy5sb2FkaW5nU2xpZGVyKSB7XG4gICAgICAgICAgICBpZiAoIXRoaXMuY2hpbGQgfHwgcmVjcmVhdGUpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmNyZWF0ZVNsaWRlcigpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgdGhpcy5zaG93U2xpZGVyKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmhpZGVTbGlkZXIoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgY3JlYXRlU2xpZGVyKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnJlbW92ZVNsaWRlcigpO1xuXG4gICAgICAgIGNvbnN0IGRpdiA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG5cbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQsICdwb3NpdGlvbicsICdyZWxhdGl2ZScpO1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudCwgJ292ZXJmbG93JywgJ2hpZGRlbicpO1xuICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKGRpdiwgJ2FuaW1hdGlvbi1zbGlkZXInKTtcbiAgICAgICAgQU5JTUFUSU9OX1NUWUxFUy5mb3JFYWNoKCh2YWx1ZTogc3RyaW5nLCBrZXk6IHN0cmluZykgPT4gdGhpcy5yZW5kZXJlci5zZXRTdHlsZShkaXYsIGtleSwgdmFsdWUpKTtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShkaXYsICd3aWR0aCcsIHRoaXMuc2xpZGVyV2lkdGgpO1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKGRpdiwgJ2JhY2tncm91bmQtY29sb3InLCB0aGlzLnNsaWRlckNvbG9yKTtcblxuICAgICAgICAvLyBBbmltYXRlXG4gICAgICAgIGNvbnN0IGxvYWRlckZhZGVPdXRBbmltYXRpb24gPSB0aGlzLmFuaW1hdGlvbkJ1aWxkZXIuYnVpbGQoW1xuICAgICAgICAgICAgYW5pbWF0ZSh0aGlzLnNsaWRlckFuaW1hdGlvblRpbWUsIGtleWZyYW1lcyhbXG4gICAgICAgICAgICAgICAgc3R5bGUoeyBsZWZ0OiBcIi1cIiArICB0aGlzLnNsaWRlcldpZHRoLCBvZmZzZXQ6IDAgfSksXG4gICAgICAgICAgICAgICAgc3R5bGUoeyBsZWZ0OiBcImNhbGMoMTAwJSlcIiwgb2Zmc2V0OiAxIH0pXG4gICAgICAgICAgICBdKSlcbiAgICAgICAgXSk7XG4gICAgICAgIHRoaXMuYW5pbWF0aW9uID0gbG9hZGVyRmFkZU91dEFuaW1hdGlvbi5jcmVhdGUoZGl2KTtcbiAgICAgICAgY29uc3QgbG9vcCA9ICgpID0+IHtcbiAgICAgICAgICAgIC8vIFN0b3AgbG9vcCBvbiBkZXN0cm95XG4gICAgICAgICAgICBpZiAodGhpcy5hbmltYXRpb24pIHtcbiAgICAgICAgICAgICAgICB0aGlzLmFuaW1hdGlvbi5yZXNldCgpO1xuICAgICAgICAgICAgICAgIHRoaXMuYW5pbWF0aW9uLm9uRG9uZShsb29wKTtcbiAgICAgICAgICAgICAgICB0aGlzLmFuaW1hdGlvbi5wbGF5KCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuYW5pbWF0aW9uLm9uRG9uZShsb29wKTtcbiAgICAgICAgdGhpcy5hbmltYXRpb24ucGxheSgpO1xuXG4gICAgICAgIC8vIEFwcGVuZCBuZXcgZWxlbWVudFxuICAgICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudCwgZGl2KTtcbiAgICAgICAgdGhpcy5jaGlsZCA9IGRpdjtcbiAgICB9XG5cbiAgICBwcml2YXRlIHJlbW92ZVNsaWRlcigpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuYW5pbWF0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLmFuaW1hdGlvbi5kZXN0cm95KCk7XG4gICAgICAgICAgICB0aGlzLmFuaW1hdGlvbiA9IHVuZGVmaW5lZDtcbiAgICAgICAgfVxuICAgICAgICBpZiAodGhpcy5jaGlsZCkge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDaGlsZCh0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQsIHRoaXMuY2hpbGQpO1xuICAgICAgICAgICAgdGhpcy5jaGlsZCA9IHVuZGVmaW5lZDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgaGlkZVNsaWRlcigpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuY2hpbGQpIHtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5jaGlsZCwgJ2hpZGRlbicsIHRydWUpO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmFuaW1hdGlvbikge1xuICAgICAgICAgICAgdGhpcy5hbmltYXRpb24ucGF1c2UoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgc2hvd1NsaWRlcigpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuY2hpbGQpIHtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5jaGlsZCwgJ2hpZGRlbicsIGZhbHNlKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAodGhpcy5hbmltYXRpb24pIHtcbiAgICAgICAgICAgIHRoaXMuYW5pbWF0aW9uLnJlc2V0KCk7XG4gICAgICAgICAgICB0aGlzLmFuaW1hdGlvbi5wbGF5KCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/material/dialog";
|
|
4
|
-
import * as i2 from "../dots-stepper/dots-stepper.component";
|
|
5
|
-
import * as i3 from "@agorapulse/ui-symbol";
|
|
6
|
-
import * as i4 from "@angular/material/button";
|
|
7
|
-
import * as i5 from "../modal/modal.component";
|
|
8
|
-
import * as i6 from "@angular/common";
|
|
9
|
-
export class FeatureOnboardingComponent {
|
|
10
|
-
constructor(dialogRef) {
|
|
11
|
-
this.dialogRef = dialogRef;
|
|
12
|
-
// translations
|
|
13
|
-
this.backButtonLabel = '';
|
|
14
|
-
this.finishButtonLabel = '';
|
|
15
|
-
this.nextButtonLabel = '';
|
|
16
|
-
this.arrowsDisplayed = false; // To display arrows to switch element on carousel
|
|
17
|
-
this.slideDisplayedIndex = 0; // The current element displayed
|
|
18
|
-
}
|
|
19
|
-
onClickNext() {
|
|
20
|
-
this.slideDisplayedIndex !== this.templates.length - 1 ? this.slideDisplayedIndex = this.slideDisplayedIndex + 1 : this.onCloseCarousel();
|
|
21
|
-
}
|
|
22
|
-
onClickPrevious() {
|
|
23
|
-
this.slideDisplayedIndex = this.slideDisplayedIndex - 1;
|
|
24
|
-
}
|
|
25
|
-
onCloseCarousel() {
|
|
26
|
-
this.dialogRef.close(true);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
/** @nocollapse */ /** @nocollapse */ FeatureOnboardingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FeatureOnboardingComponent, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
/** @nocollapse */ /** @nocollapse */ FeatureOnboardingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FeatureOnboardingComponent, selector: "ap-feature-onboarding", ngImport: i0, template: "<ng-template #mainTemplate>\n <div class=\"carousel-main-container\">\n <div class=\"carousel-content\">\n <div *ngFor=\"let template of templates; let i = index\"\n class=\"carousel-slide-element\"\n [class.carousel-slide-element-not-displayed]=\"i !== slideDisplayedIndex\"\n [class.carousel-slide-element-active]=\"i === slideDisplayedIndex\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n <div class=\"carousel-dots-container\">\n <ap-dots-stepper\n fxLayout=\"row\"\n fxLayoutAlign=\"center\"\n size=\"small\"\n *ngIf=\"templates.length > 1\"\n [items]=\"templates\"\n [index]=\"slideDisplayedIndex\"\n (dotClick)=\"slideDisplayedIndex = $event\"></ap-dots-stepper>\n </div>\n </div>\n\n <div *ngIf=\"arrowsDisplayed\">\n <ap-symbol *ngIf=\"slideDisplayedIndex !== 0\"\n class=\"nav-button prev\"\n [symbolId]=\"'arrow-button-left'\"\n (click)=\"onClickPrevious()\">\n </ap-symbol>\n\n <ap-symbol class=\"nav-button next\"\n [symbolId]=\"'arrow-button-right'\"\n (click)=\"onClickNext(); $event.stopPropagation();\">\n </ap-symbol>\n </div>\n </div>\n\n <div class=\"carousel-footer\">\n <div class=\"button-container\">\n <button *ngIf=\"slideDisplayedIndex !== 0\"\n mat-flat-button\n class=\"carousel-previous-button\"\n (click)=\"onClickPrevious()\">\n {{backButtonLabel}}\n </button>\n <button mat-flat-button\n [color]=\"'primary'\"\n (click)=\"onClickNext()\">\n <div *ngIf=\"slideDisplayedIndex !== templates.length - 1\">{{nextButtonLabel}}</div>\n <div *ngIf=\"slideDisplayedIndex === templates.length - 1\">{{finishButtonLabel}}</div>\n </button>\n </div>\n </div>\n </div>\n</ng-template>\n\n<ap-modal class=\"design-system\"\n [closable]=\"false\"\n [mainTemplate]=\"mainTemplate\"\n></ap-modal>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}ap-modal ::ng-deep .modal-wrapper{padding:0!important}ap-modal ::ng-deep .modal-wrapper .content{padding:0!important}.carousel-main-container{display:flex;flex-direction:column;overflow:hidden}.carousel-main-container .carousel-content{width:100%;height:100%;position:relative;margin:auto;justify-content:center;align-items:center}.carousel-main-container .carousel-content .carousel-slide-element,.carousel-main-container .carousel-content .carousel-slide-element.carousel-slide-element-not-displayed{display:none}.carousel-main-container .carousel-content .carousel-slide-element.carousel-slide-element-active{display:flex;flex-direction:column;justify-content:center;align-items:center}.carousel-main-container .carousel-content .nav-button{width:30px;height:30px;position:absolute;top:0;bottom:0;cursor:pointer;margin:auto;opacity:.4;filter:drop-shadow(0 0 1px rgba(0,0,0,.25))}.carousel-main-container .carousel-content .nav-button.tiny{width:20px;height:20px}.carousel-main-container .carousel-content .nav-button path{fill:#fffc}.carousel-main-container .carousel-content .nav-button.prev{left:12px}.carousel-main-container .carousel-content .nav-button.next{right:12px}.carousel-main-container .carousel-content .nav-button.disabled{display:none}.carousel-main-container .carousel-content .carousel-dots-container{height:28px;margin-bottom:16px}.carousel-main-container .carousel-footer{align-items:center;justify-content:flex-end;display:flex;padding:0 16px;height:68px;border-top:1px solid #eaecef}.carousel-main-container .carousel-footer .button-container{margin-right:24px}.carousel-main-container .carousel-footer .button-container .carousel-previous-button{margin-right:8px}\n"], components: [{ type: i2.DotsStepperComponent, selector: "ap-dots-stepper", inputs: ["disabled", "forwardAllowed", "index", "items", "size"], outputs: ["dotClick"] }, { type: i3.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.ModalComponent, selector: "ap-modal", inputs: ["closable", "headerBottomBorderEnabled", "footerTemplate", "footerVisible", "headerTemplate", "headerVisible", "mainTemplate", "config", "containerStyle", "headerStyle", "contentStyle", "footerStyle", "defaultLayout"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FeatureOnboardingComponent, decorators: [{
|
|
32
|
-
type: Component,
|
|
33
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-feature-onboarding', template: "<ng-template #mainTemplate>\n <div class=\"carousel-main-container\">\n <div class=\"carousel-content\">\n <div *ngFor=\"let template of templates; let i = index\"\n class=\"carousel-slide-element\"\n [class.carousel-slide-element-not-displayed]=\"i !== slideDisplayedIndex\"\n [class.carousel-slide-element-active]=\"i === slideDisplayedIndex\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n <div class=\"carousel-dots-container\">\n <ap-dots-stepper\n fxLayout=\"row\"\n fxLayoutAlign=\"center\"\n size=\"small\"\n *ngIf=\"templates.length > 1\"\n [items]=\"templates\"\n [index]=\"slideDisplayedIndex\"\n (dotClick)=\"slideDisplayedIndex = $event\"></ap-dots-stepper>\n </div>\n </div>\n\n <div *ngIf=\"arrowsDisplayed\">\n <ap-symbol *ngIf=\"slideDisplayedIndex !== 0\"\n class=\"nav-button prev\"\n [symbolId]=\"'arrow-button-left'\"\n (click)=\"onClickPrevious()\">\n </ap-symbol>\n\n <ap-symbol class=\"nav-button next\"\n [symbolId]=\"'arrow-button-right'\"\n (click)=\"onClickNext(); $event.stopPropagation();\">\n </ap-symbol>\n </div>\n </div>\n\n <div class=\"carousel-footer\">\n <div class=\"button-container\">\n <button *ngIf=\"slideDisplayedIndex !== 0\"\n mat-flat-button\n class=\"carousel-previous-button\"\n (click)=\"onClickPrevious()\">\n {{backButtonLabel}}\n </button>\n <button mat-flat-button\n [color]=\"'primary'\"\n (click)=\"onClickNext()\">\n <div *ngIf=\"slideDisplayedIndex !== templates.length - 1\">{{nextButtonLabel}}</div>\n <div *ngIf=\"slideDisplayedIndex === templates.length - 1\">{{finishButtonLabel}}</div>\n </button>\n </div>\n </div>\n </div>\n</ng-template>\n\n<ap-modal class=\"design-system\"\n [closable]=\"false\"\n [mainTemplate]=\"mainTemplate\"\n></ap-modal>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}ap-modal ::ng-deep .modal-wrapper{padding:0!important}ap-modal ::ng-deep .modal-wrapper .content{padding:0!important}.carousel-main-container{display:flex;flex-direction:column;overflow:hidden}.carousel-main-container .carousel-content{width:100%;height:100%;position:relative;margin:auto;justify-content:center;align-items:center}.carousel-main-container .carousel-content .carousel-slide-element,.carousel-main-container .carousel-content .carousel-slide-element.carousel-slide-element-not-displayed{display:none}.carousel-main-container .carousel-content .carousel-slide-element.carousel-slide-element-active{display:flex;flex-direction:column;justify-content:center;align-items:center}.carousel-main-container .carousel-content .nav-button{width:30px;height:30px;position:absolute;top:0;bottom:0;cursor:pointer;margin:auto;opacity:.4;filter:drop-shadow(0 0 1px rgba(0,0,0,.25))}.carousel-main-container .carousel-content .nav-button.tiny{width:20px;height:20px}.carousel-main-container .carousel-content .nav-button path{fill:#fffc}.carousel-main-container .carousel-content .nav-button.prev{left:12px}.carousel-main-container .carousel-content .nav-button.next{right:12px}.carousel-main-container .carousel-content .nav-button.disabled{display:none}.carousel-main-container .carousel-content .carousel-dots-container{height:28px;margin-bottom:16px}.carousel-main-container .carousel-footer{align-items:center;justify-content:flex-end;display:flex;padding:0 16px;height:68px;border-top:1px solid #eaecef}.carousel-main-container .carousel-footer .button-container{margin-right:24px}.carousel-main-container .carousel-footer .button-container .carousel-previous-button{margin-right:8px}\n"] }]
|
|
34
|
-
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }]; } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1vbmJvYXJkaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL2ZlYXR1cmUtb25ib2FyZGluZy9mZWF0dXJlLW9uYm9hcmRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvZmVhdHVyZS1vbmJvYXJkaW5nL2ZlYXR1cmUtb25ib2FyZGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDWixNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFVdkIsTUFBTSxPQUFPLDBCQUEwQjtJQVduQyxZQUFtQixTQUEyQztRQUEzQyxjQUFTLEdBQVQsU0FBUyxDQUFrQztRQVQ5RCxlQUFlO1FBQ2Ysb0JBQWUsR0FBVyxFQUFFLENBQUM7UUFDN0Isc0JBQWlCLEdBQVcsRUFBRSxDQUFDO1FBQy9CLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBRTdCLG9CQUFlLEdBQVksS0FBSyxDQUFDLENBQUMsa0RBQWtEO1FBRXBGLHdCQUFtQixHQUFXLENBQUMsQ0FBQyxDQUFDLGdDQUFnQztJQUdqRSxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxtQkFBbUIsS0FBSyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDOUksQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixHQUFHLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7OzZKQXhCUSwwQkFBMEI7aUpBQTFCLDBCQUEwQiw2RENidkMscS9FQXlEQTsyRkQ1Q2EsMEJBQTBCO2tCQU50QyxTQUFTO3NDQUNXLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdERpYWxvZ1JlZn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RpYWxvZ1wiO1xuaW1wb3J0IHtDb21wb25lbnRUeXBlfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL292ZXJsYXlcIjtcblxuQENvbXBvbmVudCh7XG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc2VsZWN0b3I6ICdhcC1mZWF0dXJlLW9uYm9hcmRpbmcnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9mZWF0dXJlLW9uYm9hcmRpbmcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ZlYXR1cmUtb25ib2FyZGluZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZlYXR1cmVPbmJvYXJkaW5nQ29tcG9uZW50IHtcblxuICAgIC8vIHRyYW5zbGF0aW9uc1xuICAgIGJhY2tCdXR0b25MYWJlbDogc3RyaW5nID0gJyc7XG4gICAgZmluaXNoQnV0dG9uTGFiZWw6IHN0cmluZyA9ICcnO1xuICAgIG5leHRCdXR0b25MYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgICBhcnJvd3NEaXNwbGF5ZWQ6IGJvb2xlYW4gPSBmYWxzZTsgLy8gVG8gZGlzcGxheSBhcnJvd3MgdG8gc3dpdGNoIGVsZW1lbnQgb24gY2Fyb3VzZWxcbiAgICB0ZW1wbGF0ZXM6IGFueVtdOyAvLyBPbmUgdGVtcGxhdGUgcmVwcmVzZW50IG9uZSBlbGVtZW50IG9mIHRoZSBjYXJvdXNlbFxuICAgIHNsaWRlRGlzcGxheWVkSW5kZXg6IG51bWJlciA9IDA7IC8vIFRoZSBjdXJyZW50IGVsZW1lbnQgZGlzcGxheWVkXG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8Q29tcG9uZW50VHlwZTxhbnk+Pikge1xuICAgIH1cblxuICAgIG9uQ2xpY2tOZXh0KCkge1xuICAgICAgICB0aGlzLnNsaWRlRGlzcGxheWVkSW5kZXggIT09IHRoaXMudGVtcGxhdGVzLmxlbmd0aCAtIDEgPyB0aGlzLnNsaWRlRGlzcGxheWVkSW5kZXggPSB0aGlzLnNsaWRlRGlzcGxheWVkSW5kZXggKyAxIDogdGhpcy5vbkNsb3NlQ2Fyb3VzZWwoKTtcbiAgICB9XG5cbiAgICBvbkNsaWNrUHJldmlvdXMoKSB7XG4gICAgICAgIHRoaXMuc2xpZGVEaXNwbGF5ZWRJbmRleCA9IHRoaXMuc2xpZGVEaXNwbGF5ZWRJbmRleCAtIDE7XG4gICAgfVxuXG4gICAgb25DbG9zZUNhcm91c2VsKCkge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh0cnVlKTtcbiAgICB9XG5cbn1cbiIsIjxuZy10ZW1wbGF0ZSAjbWFpblRlbXBsYXRlPlxuICAgIDxkaXYgY2xhc3M9XCJjYXJvdXNlbC1tYWluLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2Fyb3VzZWwtY29udGVudFwiPlxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgdGVtcGxhdGUgb2YgdGVtcGxhdGVzOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgICAgICAgICAgICAgY2xhc3M9XCJjYXJvdXNlbC1zbGlkZS1lbGVtZW50XCJcbiAgICAgICAgICAgICAgICAgW2NsYXNzLmNhcm91c2VsLXNsaWRlLWVsZW1lbnQtbm90LWRpc3BsYXllZF09XCJpICE9PSBzbGlkZURpc3BsYXllZEluZGV4XCJcbiAgICAgICAgICAgICAgICAgW2NsYXNzLmNhcm91c2VsLXNsaWRlLWVsZW1lbnQtYWN0aXZlXT1cImkgPT09IHNsaWRlRGlzcGxheWVkSW5kZXhcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2Fyb3VzZWwtZG90cy1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPGFwLWRvdHMtc3RlcHBlclxuICAgICAgICAgICAgICAgICAgICAgICAgZnhMYXlvdXQ9XCJyb3dcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZnhMYXlvdXRBbGlnbj1cImNlbnRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJ0ZW1wbGF0ZXMubGVuZ3RoID4gMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbaXRlbXNdPVwidGVtcGxhdGVzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpbmRleF09XCJzbGlkZURpc3BsYXllZEluZGV4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChkb3RDbGljayk9XCJzbGlkZURpc3BsYXllZEluZGV4ID0gJGV2ZW50XCI+PC9hcC1kb3RzLXN0ZXBwZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImFycm93c0Rpc3BsYXllZFwiPlxuICAgICAgICAgICAgICAgIDxhcC1zeW1ib2wgKm5nSWY9XCJzbGlkZURpc3BsYXllZEluZGV4ICE9PSAwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibmF2LWJ1dHRvbiBwcmV2XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzeW1ib2xJZF09XCInYXJyb3ctYnV0dG9uLWxlZnQnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrUHJldmlvdXMoKVwiPlxuICAgICAgICAgICAgICAgIDwvYXAtc3ltYm9sPlxuXG4gICAgICAgICAgICAgICAgPGFwLXN5bWJvbCBjbGFzcz1cIm5hdi1idXR0b24gbmV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICBbc3ltYm9sSWRdPVwiJ2Fycm93LWJ1dHRvbi1yaWdodCdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tOZXh0KCk7ICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcIj5cbiAgICAgICAgICAgICAgICA8L2FwLXN5bWJvbD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2Fyb3VzZWwtZm9vdGVyXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJzbGlkZURpc3BsYXllZEluZGV4ICE9PSAwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIG1hdC1mbGF0LWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJjYXJvdXNlbC1wcmV2aW91cy1idXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tQcmV2aW91cygpXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7YmFja0J1dHRvbkxhYmVsfX1cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1mbGF0LWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgW2NvbG9yXT1cIidwcmltYXJ5J1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGlja05leHQoKVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwic2xpZGVEaXNwbGF5ZWRJbmRleCAhPT0gdGVtcGxhdGVzLmxlbmd0aCAtIDFcIj57e25leHRCdXR0b25MYWJlbH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJzbGlkZURpc3BsYXllZEluZGV4ID09PSB0ZW1wbGF0ZXMubGVuZ3RoIC0gMVwiPnt7ZmluaXNoQnV0dG9uTGFiZWx9fTwvZGl2PlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPGFwLW1vZGFsIGNsYXNzPVwiZGVzaWduLXN5c3RlbVwiXG4gICAgICAgICAgW2Nsb3NhYmxlXT1cImZhbHNlXCJcbiAgICAgICAgICBbbWFpblRlbXBsYXRlXT1cIm1haW5UZW1wbGF0ZVwiXG4+PC9hcC1tb2RhbD5cbiJdfQ==
|