@flower-city-online/itinerary-lib 0.0.54 → 0.0.55
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/esm2022/lib/itinerary-app/modules/itineraries/components/comment-filter-menu/comment-filter-menu.component.mjs +5 -5
- package/esm2022/lib/itinerary-app/modules/itineraries/components/filter-menu/filter-menu.component.mjs +6 -5
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-member-details/create-itinerary-member-details.component.mjs +6 -5
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-user-search/create-itinerary-user-search.component.mjs +4 -3
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/select-itinerary-event/select-itinerary-event.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/suggested-events-route-type/suggested-events-route-type.component.mjs +7 -6
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-author-history/itinerary-author-history.component.mjs +7 -6
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-detail/components/details/details.component.mjs +5 -4
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/existing-friends/existing-friends.component.mjs +4 -3
- package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-members/existing-members/existing-members.component.mjs +4 -3
- package/esm2022/lib/itinerary-app/modules/user/profile/profile.component.mjs +4 -4
- package/esm2022/lib/itinerary-app/shared/selectable/selectable.component.mjs +52 -0
- package/esm2022/lib/itinerary-app/shared/shared.module.mjs +10 -5
- package/esm2022/lib/itinerary-app/shared/users-stack/users-stack.component.mjs +4 -4
- package/fesm2022/flower-city-online-itinerary-lib.mjs +80 -28
- package/fesm2022/flower-city-online-itinerary-lib.mjs.map +1 -1
- package/lib/itinerary-app/shared/selectable/selectable.component.d.ts +20 -0
- package/lib/itinerary-app/shared/shared.module.d.ts +8 -7
- package/package.json +1 -1
|
@@ -1056,6 +1056,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1056
1056
|
}]
|
|
1057
1057
|
}], ctorParameters: () => [{ type: i1$3.HttpClient }] });
|
|
1058
1058
|
|
|
1059
|
+
class SelectableComponent {
|
|
1060
|
+
options = [];
|
|
1061
|
+
formControl = null;
|
|
1062
|
+
singleSelectionOnly = false;
|
|
1063
|
+
maxSelectionPossible = 0;
|
|
1064
|
+
customClass = '';
|
|
1065
|
+
click = new EventEmitter();
|
|
1066
|
+
selectionchange = new EventEmitter();
|
|
1067
|
+
ngOnInit() {
|
|
1068
|
+
// lib-selectable handles its own state internally
|
|
1069
|
+
}
|
|
1070
|
+
ngOnChanges() {
|
|
1071
|
+
// lib-selectable handles its own state internally
|
|
1072
|
+
}
|
|
1073
|
+
ngAfterContentInit() {
|
|
1074
|
+
// Content projection is handled automatically by Angular
|
|
1075
|
+
}
|
|
1076
|
+
ngOnDestroy() {
|
|
1077
|
+
// Cleanup if needed
|
|
1078
|
+
}
|
|
1079
|
+
onClick() {
|
|
1080
|
+
this.click.emit();
|
|
1081
|
+
}
|
|
1082
|
+
onSelectionChange() {
|
|
1083
|
+
this.selectionchange.emit();
|
|
1084
|
+
}
|
|
1085
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1086
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectableComponent, selector: "app-selectable", inputs: { options: "options", formControl: "formControl", singleSelectionOnly: "singleSelectionOnly", maxSelectionPossible: "maxSelectionPossible", customClass: "customClass" }, outputs: { click: "click", selectionchange: "selectionchange" }, usesOnChanges: true, ngImport: i0, template: "<lib-selectable\r\n [options]=\"options\"\r\n [formControl]=\"formControl!\"\r\n [singleSelectionOnly]=\"singleSelectionOnly\"\r\n [maxSelectionPossible]=\"maxSelectionPossible\"\r\n [class]=\"customClass\"\r\n (click)=\"onClick()\"\r\n (selectionchange)=\"onSelectionChange()\"\r\n>\r\n <ng-content></ng-content>\r\n</lib-selectable>\r\n\r\n", styles: ["::ng-deep .btn-selectable{--padding-start: 1.1em !important;--padding-end: 1.1em !important}::ng-deep .btn-selectable.selected[_ngcontent-ng-c3164006478]::part(native){background:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
1087
|
+
}
|
|
1088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectableComponent, decorators: [{
|
|
1089
|
+
type: Component,
|
|
1090
|
+
args: [{ selector: 'app-selectable', template: "<lib-selectable\r\n [options]=\"options\"\r\n [formControl]=\"formControl!\"\r\n [singleSelectionOnly]=\"singleSelectionOnly\"\r\n [maxSelectionPossible]=\"maxSelectionPossible\"\r\n [class]=\"customClass\"\r\n (click)=\"onClick()\"\r\n (selectionchange)=\"onSelectionChange()\"\r\n>\r\n <ng-content></ng-content>\r\n</lib-selectable>\r\n\r\n", styles: ["::ng-deep .btn-selectable{--padding-start: 1.1em !important;--padding-end: 1.1em !important}::ng-deep .btn-selectable.selected[_ngcontent-ng-c3164006478]::part(native){background:none!important}\n"] }]
|
|
1091
|
+
}], propDecorators: { options: [{
|
|
1092
|
+
type: Input
|
|
1093
|
+
}], formControl: [{
|
|
1094
|
+
type: Input
|
|
1095
|
+
}], singleSelectionOnly: [{
|
|
1096
|
+
type: Input
|
|
1097
|
+
}], maxSelectionPossible: [{
|
|
1098
|
+
type: Input
|
|
1099
|
+
}], customClass: [{
|
|
1100
|
+
type: Input
|
|
1101
|
+
}], click: [{
|
|
1102
|
+
type: Output
|
|
1103
|
+
}], selectionchange: [{
|
|
1104
|
+
type: Output
|
|
1105
|
+
}] } });
|
|
1106
|
+
|
|
1059
1107
|
class UsersStackComponent {
|
|
1060
1108
|
assetService;
|
|
1061
1109
|
cdr;
|
|
@@ -1090,11 +1138,11 @@ class UsersStackComponent {
|
|
|
1090
1138
|
this.imageLoaded[index] = true;
|
|
1091
1139
|
}
|
|
1092
1140
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UsersStackComponent, deps: [{ token: AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1093
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UsersStackComponent, selector: "app-users-stack", inputs: { images: "images", maxVisible: "maxVisible", size: "size", loading: "loading", class: "class", isSelectableVisible: "isSelectableVisible", selectableOption: "selectableOption" }, ngImport: i0, template: "<div *ngIf=\"!loading\" [class]=\"'flex items-center ' + class\">\r\n <ng-container *ngFor=\"let img of visibleImages; let i = index\">\r\n <div class=\"rounded-full overflow-hidden relative\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': i === 0 ? '0px' : -size * 0.45 + 'px',\r\n }\">\r\n <img [src]=\"img\" alt=\"Avatar\" loading=\"lazy\" class=\"w-full h-full object-cover\" (load)=\"onImageLoad(i)\"\r\n (error)=\"onImageLoad(i)\" />\r\n <div *ngIf=\"!imageLoaded[i]\" class=\"absolute inset-0 flex items-center justify-center bg-gray-200\">\r\n <div class=\"spinner\"></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div *ngIf=\"remainingCount > 0\" class=\"rounded-full relative flex items-center justify-center\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': visibleImages.length > 0 ? -size * 0.45 + 'px' : '0px',\r\n 'background-color': 'rgba(81, 78, 87, 1)',\r\n }\">\r\n <p style=\"font-size: clamp(7px, 3vw, 15px)\" class=\"f-gilroy-regular\">\r\n {{ remainingCount }}+\r\n </p>\r\n </div>\r\n <div class=\"absolute z-10\" [style.left.px]=\"maxVisible * 26\">\r\n <
|
|
1141
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UsersStackComponent, selector: "app-users-stack", inputs: { images: "images", maxVisible: "maxVisible", size: "size", loading: "loading", class: "class", isSelectableVisible: "isSelectableVisible", selectableOption: "selectableOption" }, ngImport: i0, template: "<div *ngIf=\"!loading\" [class]=\"'flex items-center ' + class\">\r\n <ng-container *ngFor=\"let img of visibleImages; let i = index\">\r\n <div class=\"rounded-full overflow-hidden relative\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': i === 0 ? '0px' : -size * 0.45 + 'px',\r\n }\">\r\n <img [src]=\"img\" alt=\"Avatar\" loading=\"lazy\" class=\"w-full h-full object-cover\" (load)=\"onImageLoad(i)\"\r\n (error)=\"onImageLoad(i)\" />\r\n <div *ngIf=\"!imageLoaded[i]\" class=\"absolute inset-0 flex items-center justify-center bg-gray-200\">\r\n <div class=\"spinner\"></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div *ngIf=\"remainingCount > 0\" class=\"rounded-full relative flex items-center justify-center\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': visibleImages.length > 0 ? -size * 0.45 + 'px' : '0px',\r\n 'background-color': 'rgba(81, 78, 87, 1)',\r\n }\">\r\n <p style=\"font-size: clamp(7px, 3vw, 15px)\" class=\"f-gilroy-regular\">\r\n {{ remainingCount }}+\r\n </p>\r\n </div>\r\n <div class=\"absolute z-10\" [style.left.px]=\"maxVisible * 26\">\r\n <app-selectable *ngIf=\"isSelectableVisible\" [options]=\"[selectableOption]\"></app-selectable>\r\n </div>\r\n</div>\r\n", styles: [".my-custom-class{box-shadow:0 0 4px #514e57}.spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;width:24px;height:24px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1094
1142
|
}
|
|
1095
1143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UsersStackComponent, decorators: [{
|
|
1096
1144
|
type: Component,
|
|
1097
|
-
args: [{ selector: 'app-users-stack', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div *ngIf=\"!loading\" [class]=\"'flex items-center ' + class\">\r\n <ng-container *ngFor=\"let img of visibleImages; let i = index\">\r\n <div class=\"rounded-full overflow-hidden relative\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': i === 0 ? '0px' : -size * 0.45 + 'px',\r\n }\">\r\n <img [src]=\"img\" alt=\"Avatar\" loading=\"lazy\" class=\"w-full h-full object-cover\" (load)=\"onImageLoad(i)\"\r\n (error)=\"onImageLoad(i)\" />\r\n <div *ngIf=\"!imageLoaded[i]\" class=\"absolute inset-0 flex items-center justify-center bg-gray-200\">\r\n <div class=\"spinner\"></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div *ngIf=\"remainingCount > 0\" class=\"rounded-full relative flex items-center justify-center\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': visibleImages.length > 0 ? -size * 0.45 + 'px' : '0px',\r\n 'background-color': 'rgba(81, 78, 87, 1)',\r\n }\">\r\n <p style=\"font-size: clamp(7px, 3vw, 15px)\" class=\"f-gilroy-regular\">\r\n {{ remainingCount }}+\r\n </p>\r\n </div>\r\n <div class=\"absolute z-10\" [style.left.px]=\"maxVisible * 26\">\r\n <
|
|
1145
|
+
args: [{ selector: 'app-users-stack', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div *ngIf=\"!loading\" [class]=\"'flex items-center ' + class\">\r\n <ng-container *ngFor=\"let img of visibleImages; let i = index\">\r\n <div class=\"rounded-full overflow-hidden relative\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': i === 0 ? '0px' : -size * 0.45 + 'px',\r\n }\">\r\n <img [src]=\"img\" alt=\"Avatar\" loading=\"lazy\" class=\"w-full h-full object-cover\" (load)=\"onImageLoad(i)\"\r\n (error)=\"onImageLoad(i)\" />\r\n <div *ngIf=\"!imageLoaded[i]\" class=\"absolute inset-0 flex items-center justify-center bg-gray-200\">\r\n <div class=\"spinner\"></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div *ngIf=\"remainingCount > 0\" class=\"rounded-full relative flex items-center justify-center\" [ngStyle]=\"{\r\n height: size + 'px',\r\n width: size + 'px',\r\n 'margin-left': visibleImages.length > 0 ? -size * 0.45 + 'px' : '0px',\r\n 'background-color': 'rgba(81, 78, 87, 1)',\r\n }\">\r\n <p style=\"font-size: clamp(7px, 3vw, 15px)\" class=\"f-gilroy-regular\">\r\n {{ remainingCount }}+\r\n </p>\r\n </div>\r\n <div class=\"absolute z-10\" [style.left.px]=\"maxVisible * 26\">\r\n <app-selectable *ngIf=\"isSelectableVisible\" [options]=\"[selectableOption]\"></app-selectable>\r\n </div>\r\n</div>\r\n", styles: [".my-custom-class{box-shadow:0 0 4px #514e57}.spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;width:24px;height:24px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
1098
1146
|
}], ctorParameters: () => [{ type: AssetsService }, { type: i0.ChangeDetectorRef }], propDecorators: { images: [{
|
|
1099
1147
|
type: Input
|
|
1100
1148
|
}], maxVisible: [{
|
|
@@ -2193,7 +2241,8 @@ class SharedModule {
|
|
|
2193
2241
|
SearchBarComponent,
|
|
2194
2242
|
InputFieldSelectComponent,
|
|
2195
2243
|
BottomModalComponent,
|
|
2196
|
-
PopupModalComponent
|
|
2244
|
+
PopupModalComponent,
|
|
2245
|
+
SelectableComponent], imports: [BaseCardModule,
|
|
2197
2246
|
TranslateModule,
|
|
2198
2247
|
CommonModule,
|
|
2199
2248
|
SearchBarModule,
|
|
@@ -2244,7 +2293,8 @@ class SharedModule {
|
|
|
2244
2293
|
SearchBarComponent,
|
|
2245
2294
|
InputFieldSelectComponent,
|
|
2246
2295
|
BottomModalComponent,
|
|
2247
|
-
PopupModalComponent
|
|
2296
|
+
PopupModalComponent,
|
|
2297
|
+
SelectableComponent] });
|
|
2248
2298
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, providers: [provideHttpClient(withInterceptorsFromDi())], imports: [BaseCardModule,
|
|
2249
2299
|
TranslateModule,
|
|
2250
2300
|
CommonModule,
|
|
@@ -2302,7 +2352,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2302
2352
|
SearchBarComponent,
|
|
2303
2353
|
InputFieldSelectComponent,
|
|
2304
2354
|
BottomModalComponent,
|
|
2305
|
-
PopupModalComponent
|
|
2355
|
+
PopupModalComponent,
|
|
2356
|
+
SelectableComponent
|
|
2306
2357
|
],
|
|
2307
2358
|
exports: [
|
|
2308
2359
|
CardComponent,
|
|
@@ -2327,7 +2378,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2327
2378
|
SearchBarComponent,
|
|
2328
2379
|
InputFieldSelectComponent,
|
|
2329
2380
|
BottomModalComponent,
|
|
2330
|
-
PopupModalComponent
|
|
2381
|
+
PopupModalComponent,
|
|
2382
|
+
SelectableComponent
|
|
2331
2383
|
],
|
|
2332
2384
|
schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA], imports: [BaseCardModule,
|
|
2333
2385
|
TranslateModule,
|
|
@@ -2427,11 +2479,11 @@ class FilterMenuComponent {
|
|
|
2427
2479
|
changeSelection() { }
|
|
2428
2480
|
handleFilterClick = () => this.onFilterClick.emit();
|
|
2429
2481
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterMenuComponent, deps: [{ token: ApiService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2430
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FilterMenuComponent, selector: "app-filter-menu", inputs: { cssClass: "cssClass" }, outputs: { onFilterClick: "onFilterClick" }, ngImport: i0, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <
|
|
2482
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FilterMenuComponent, selector: "app-filter-menu", inputs: { cssClass: "cssClass" }, outputs: { onFilterClick: "onFilterClick" }, ngImport: i0, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <app-selectable\r\n (click)=\"changeSelection()\"\r\n (selectionchange)=\"changeSelection()\"\r\n [formControl]=\"filterControl\"\r\n [options]=\"options\"\r\n [singleSelectionOnly]=\"true\"\r\n >\r\n </app-selectable>\r\n <lib-icon-btn (click)=\"handleFilterClick()\">\r\n <img [ngSrc]=\"ICONS['filter']\" height=\"15\" width=\"15\" />\r\n </lib-icon-btn>\r\n</div>\r\n", styles: [".filter-menu{display:flex;align-items:center;justify-content:center;margin-top:10px}.checkmark-icon-btn img{margin-left:1.6px}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.IconBtnComponent, selector: "lib-icon-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "notificationCount", "loading$", "illuminateIcon"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2431
2483
|
}
|
|
2432
2484
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterMenuComponent, decorators: [{
|
|
2433
2485
|
type: Component,
|
|
2434
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-filter-menu', standalone: false, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <
|
|
2486
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-filter-menu', standalone: false, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <app-selectable\r\n (click)=\"changeSelection()\"\r\n (selectionchange)=\"changeSelection()\"\r\n [formControl]=\"filterControl\"\r\n [options]=\"options\"\r\n [singleSelectionOnly]=\"true\"\r\n >\r\n </app-selectable>\r\n <lib-icon-btn (click)=\"handleFilterClick()\">\r\n <img [ngSrc]=\"ICONS['filter']\" height=\"15\" width=\"15\" />\r\n </lib-icon-btn>\r\n</div>\r\n", styles: [".filter-menu{display:flex;align-items:center;justify-content:center;margin-top:10px}.checkmark-icon-btn img{margin-left:1.6px}\n"] }]
|
|
2435
2487
|
}], ctorParameters: () => [{ type: ApiService }, { type: i0.ChangeDetectorRef }], propDecorators: { cssClass: [{
|
|
2436
2488
|
type: Input
|
|
2437
2489
|
}], onFilterClick: [{
|
|
@@ -2462,11 +2514,11 @@ class CommentFilterMenuComponent {
|
|
|
2462
2514
|
changeSelection() { }
|
|
2463
2515
|
handleFilterClick = () => this.onFilterClick.emit();
|
|
2464
2516
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentFilterMenuComponent, deps: [{ token: ApiService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2465
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentFilterMenuComponent, selector: "comment-filter-menu", inputs: { cssClass: "cssClass" }, outputs: { onFilterClick: "onFilterClick" }, ngImport: i0, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <
|
|
2517
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentFilterMenuComponent, selector: "comment-filter-menu", inputs: { cssClass: "cssClass" }, outputs: { onFilterClick: "onFilterClick" }, ngImport: i0, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <app-selectable\r\n class=\"test\"\r\n (click)=\"changeSelection()\"\r\n (selectionchange)=\"changeSelection()\"\r\n [formControl]=\"filterControl\"\r\n [options]=\"options\"\r\n [singleSelectionOnly]=\"true\"\r\n >\r\n </app-selectable>\r\n</div>\r\n", styles: [".filter-menu{display:flex;align-items:center;justify-content:flex-start}.checkmark-icon-btn img{margin-left:1.6px}:root{--lib-list-button-height: 30px }::ng-deep .selectable-container .btn-selectable.button-solid{--padding-start: 13px;--padding-end: 13px;--padding-top: 7px;--padding-bottom: 7px;font-size:11.49px;font-weight:400;line-height:160%;color:var(--ion-text-color-secondary);margin:0;letter-spacing:0px;--background: var(--cyrano-dark-color);--box-shadow: none;border-radius:34px;min-height:30px;height:30px}::ng-deep .selectable-container .btn-selectable.button-solid.selected{--background: linear-gradient(94.44deg, #FE3C72 1.26%, #E15561 100%)}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2466
2518
|
}
|
|
2467
2519
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentFilterMenuComponent, decorators: [{
|
|
2468
2520
|
type: Component,
|
|
2469
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'comment-filter-menu', standalone: false, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <
|
|
2521
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'comment-filter-menu', standalone: false, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <app-selectable\r\n class=\"test\"\r\n (click)=\"changeSelection()\"\r\n (selectionchange)=\"changeSelection()\"\r\n [formControl]=\"filterControl\"\r\n [options]=\"options\"\r\n [singleSelectionOnly]=\"true\"\r\n >\r\n </app-selectable>\r\n</div>\r\n", styles: [".filter-menu{display:flex;align-items:center;justify-content:flex-start}.checkmark-icon-btn img{margin-left:1.6px}:root{--lib-list-button-height: 30px }::ng-deep .selectable-container .btn-selectable.button-solid{--padding-start: 13px;--padding-end: 13px;--padding-top: 7px;--padding-bottom: 7px;font-size:11.49px;font-weight:400;line-height:160%;color:var(--ion-text-color-secondary);margin:0;letter-spacing:0px;--background: var(--cyrano-dark-color);--box-shadow: none;border-radius:34px;min-height:30px;height:30px}::ng-deep .selectable-container .btn-selectable.button-solid.selected{--background: linear-gradient(94.44deg, #FE3C72 1.26%, #E15561 100%)}\n"] }]
|
|
2470
2522
|
}], ctorParameters: () => [{ type: ApiService }, { type: i0.ChangeDetectorRef }], propDecorators: { cssClass: [{
|
|
2471
2523
|
type: Input
|
|
2472
2524
|
}], onFilterClick: [{
|
|
@@ -3582,11 +3634,11 @@ class CreateItineraryMemberDetailsComponent {
|
|
|
3582
3634
|
this.location.back();
|
|
3583
3635
|
}
|
|
3584
3636
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryMemberDetailsComponent, deps: [{ token: i1$2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
3585
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryMemberDetailsComponent, selector: "app-create-itinerary-member-details", ngImport: i0, template: "<ng-template #suffixTemplate>\r\n <img [src]=\"ICONS['horizontal']\" alt=\"icon\" />\r\n</ng-template>\r\n<app-header\r\n (firstButton)=\"back()\"\r\n [headerSuffixTemplate]=\"suffixTemplate\"\r\n heading=\"Member Details\"\r\n></app-header>\r\n\r\n<div class=\"p-4\">\r\n <div class=\"flex items-center justify-center flex-col\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"114px\"\r\n width=\"114px\"\r\n alt=\"user profile\"\r\n />\r\n <h3 class=\"font-Calistoga text-lg mt-4 mb-2\">Jakob Vaccaro</h3>\r\n <p>{{ \"jackobvaccaro@gmail.com\" }}</p>\r\n </div>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n\r\n <span>Favorite Food</span>\r\n <
|
|
3637
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryMemberDetailsComponent, selector: "app-create-itinerary-member-details", ngImport: i0, template: "<ng-template #suffixTemplate>\r\n <img [src]=\"ICONS['horizontal']\" alt=\"icon\" />\r\n</ng-template>\r\n<app-header\r\n (firstButton)=\"back()\"\r\n [headerSuffixTemplate]=\"suffixTemplate\"\r\n heading=\"Member Details\"\r\n></app-header>\r\n\r\n<div class=\"p-4\">\r\n <div class=\"flex items-center justify-center flex-col\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"114px\"\r\n width=\"114px\"\r\n alt=\"user profile\"\r\n />\r\n <h3 class=\"font-Calistoga text-lg mt-4 mb-2\">Jakob Vaccaro</h3>\r\n <p>{{ \"jackobvaccaro@gmail.com\" }}</p>\r\n </div>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n\r\n <span>Favorite Food</span>\r\n <app-selectable [options]=\"foodOptions\"></app-selectable>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n <span>Favorite Destination</span>\r\n <app-selectable [options]=\"foodOptions\"></app-selectable>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }] });
|
|
3586
3638
|
}
|
|
3587
3639
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryMemberDetailsComponent, decorators: [{
|
|
3588
3640
|
type: Component,
|
|
3589
|
-
args: [{ selector: 'app-create-itinerary-member-details', standalone: false, template: "<ng-template #suffixTemplate>\r\n <img [src]=\"ICONS['horizontal']\" alt=\"icon\" />\r\n</ng-template>\r\n<app-header\r\n (firstButton)=\"back()\"\r\n [headerSuffixTemplate]=\"suffixTemplate\"\r\n heading=\"Member Details\"\r\n></app-header>\r\n\r\n<div class=\"p-4\">\r\n <div class=\"flex items-center justify-center flex-col\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"114px\"\r\n width=\"114px\"\r\n alt=\"user profile\"\r\n />\r\n <h3 class=\"font-Calistoga text-lg mt-4 mb-2\">Jakob Vaccaro</h3>\r\n <p>{{ \"jackobvaccaro@gmail.com\" }}</p>\r\n </div>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n\r\n <span>Favorite Food</span>\r\n <
|
|
3641
|
+
args: [{ selector: 'app-create-itinerary-member-details', standalone: false, template: "<ng-template #suffixTemplate>\r\n <img [src]=\"ICONS['horizontal']\" alt=\"icon\" />\r\n</ng-template>\r\n<app-header\r\n (firstButton)=\"back()\"\r\n [headerSuffixTemplate]=\"suffixTemplate\"\r\n heading=\"Member Details\"\r\n></app-header>\r\n\r\n<div class=\"p-4\">\r\n <div class=\"flex items-center justify-center flex-col\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"114px\"\r\n width=\"114px\"\r\n alt=\"user profile\"\r\n />\r\n <h3 class=\"font-Calistoga text-lg mt-4 mb-2\">Jakob Vaccaro</h3>\r\n <p>{{ \"jackobvaccaro@gmail.com\" }}</p>\r\n </div>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n\r\n <span>Favorite Food</span>\r\n <app-selectable [options]=\"foodOptions\"></app-selectable>\r\n\r\n <hr class=\"mt-5 mb-4 divider\" />\r\n <span>Favorite Destination</span>\r\n <app-selectable [options]=\"foodOptions\"></app-selectable>\r\n</div>\r\n" }]
|
|
3590
3642
|
}], ctorParameters: () => [{ type: i1$2.Location }] });
|
|
3591
3643
|
|
|
3592
3644
|
class CreateItineraryStartLocationComponent {
|
|
@@ -3729,11 +3781,11 @@ class CreateItineraryUserSearchComponent {
|
|
|
3729
3781
|
this.subscription.unsubscribe();
|
|
3730
3782
|
}
|
|
3731
3783
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryUserSearchComponent, deps: [{ token: i1$2.Location }, { token: AssetsService }, { token: i0.ChangeDetectorRef }, { token: CustomDropdownMenuService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
3732
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CreateItineraryUserSearchComponent, selector: "app-create-itinerary-user-search", ngImport: i0, template: "<app-header heading=\"User Search\" (firstButton)=\"back()\"></app-header>\r\n<div class=\"p-4\">\r\n <lib-text-box\r\n class=\"textbox-1\"\r\n label=\"Invite people to this place\"\r\n ></lib-text-box>\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-3 mb-3\">Total Users</h3>\r\n <p>4 people</p>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #sufixAction>\r\n <app-icon-button\r\n id=\"lib-menu-btn\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItems\"\r\n [buttonIcon]=\"ICONS['horizontal']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"sufixAction\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <hr class=\"divider mt-3 mb-3\" />\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-5 mb-4\">Common interests</h3>\r\n <
|
|
3784
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CreateItineraryUserSearchComponent, selector: "app-create-itinerary-user-search", ngImport: i0, template: "<app-header heading=\"User Search\" (firstButton)=\"back()\"></app-header>\r\n<div class=\"p-4\">\r\n <lib-text-box\r\n class=\"textbox-1\"\r\n label=\"Invite people to this place\"\r\n ></lib-text-box>\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-3 mb-3\">Total Users</h3>\r\n <p>4 people</p>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #sufixAction>\r\n <app-icon-button\r\n id=\"lib-menu-btn\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItems\"\r\n [buttonIcon]=\"ICONS['horizontal']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"sufixAction\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <hr class=\"divider mt-3 mb-3\" />\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-5 mb-4\">Common interests</h3>\r\n <app-selectable [options]=\"[option]\"></app-selectable>\r\n\r\n <div class=\"flex items-center mt-2\">\r\n <div class=\"rounded overflow-hidden\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"32px\"\r\n width=\"32px\"\r\n />\r\n </div>\r\n <span class=\"ml-2\">Makenna Levin</span>\r\n </div>\r\n\r\n <div class=\"flex items-center mt-4\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"32px\"\r\n width=\"32px\"\r\n />\r\n <span class=\"ml-2\">Jakob Vaccaro</span>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }] });
|
|
3733
3785
|
}
|
|
3734
3786
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryUserSearchComponent, decorators: [{
|
|
3735
3787
|
type: Component,
|
|
3736
|
-
args: [{ selector: 'app-create-itinerary-user-search', standalone: false, template: "<app-header heading=\"User Search\" (firstButton)=\"back()\"></app-header>\r\n<div class=\"p-4\">\r\n <lib-text-box\r\n class=\"textbox-1\"\r\n label=\"Invite people to this place\"\r\n ></lib-text-box>\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-3 mb-3\">Total Users</h3>\r\n <p>4 people</p>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #sufixAction>\r\n <app-icon-button\r\n id=\"lib-menu-btn\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItems\"\r\n [buttonIcon]=\"ICONS['horizontal']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"sufixAction\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <hr class=\"divider mt-3 mb-3\" />\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-5 mb-4\">Common interests</h3>\r\n <
|
|
3788
|
+
args: [{ selector: 'app-create-itinerary-user-search', standalone: false, template: "<app-header heading=\"User Search\" (firstButton)=\"back()\"></app-header>\r\n<div class=\"p-4\">\r\n <lib-text-box\r\n class=\"textbox-1\"\r\n label=\"Invite people to this place\"\r\n ></lib-text-box>\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-3 mb-3\">Total Users</h3>\r\n <p>4 people</p>\r\n\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #sufixAction>\r\n <app-icon-button\r\n id=\"lib-menu-btn\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [libMenuItems]=\"libMenuItems\"\r\n [buttonIcon]=\"ICONS['horizontal']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"sufixAction\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <hr class=\"divider mt-3 mb-3\" />\r\n\r\n <h3 class=\"font-Calistoga text-lg mt-5 mb-4\">Common interests</h3>\r\n <app-selectable [options]=\"[option]\"></app-selectable>\r\n\r\n <div class=\"flex items-center mt-2\">\r\n <div class=\"rounded overflow-hidden\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"32px\"\r\n width=\"32px\"\r\n />\r\n </div>\r\n <span class=\"ml-2\">Makenna Levin</span>\r\n </div>\r\n\r\n <div class=\"flex items-center mt-4\">\r\n <img\r\n class=\"rounded-full\"\r\n [src]=\"ICONS['dummyUserProfile']\"\r\n height=\"32px\"\r\n width=\"32px\"\r\n />\r\n <span class=\"ml-2\">Jakob Vaccaro</span>\r\n </div>\r\n</div>\r\n" }]
|
|
3737
3789
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }, { type: CustomDropdownMenuService }, { type: i1.Router }] });
|
|
3738
3790
|
|
|
3739
3791
|
class CreateItineraryComponent {
|
|
@@ -4564,11 +4616,11 @@ class SelectItineraryEventComponent {
|
|
|
4564
4616
|
}
|
|
4565
4617
|
}
|
|
4566
4618
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectItineraryEventComponent, deps: [{ token: i1$2.Location }, { token: i0.ChangeDetectorRef }, { token: i1.ActivatedRoute }, { token: ItineraryService }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4567
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectItineraryEventComponent, selector: "app-select-itinerary-event", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"40\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n (submitModal)=\"navToNextPage()\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"p-4 pt-0 pb-0\" style=\"height: 220px; overflow: auto\">\r\n <p class=\"text-justify text-[12px]\">\r\n Click the event pins to add/remove them in the itinerary. Hold the event\r\n pin to see Event Details. Click map area to exit from Event Details.\r\n </p>\r\n <span class=\"block text-center mt-3\">Places</span>\r\n\r\n <div class=\"mt-4\">\r\n <
|
|
4619
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectItineraryEventComponent, selector: "app-select-itinerary-event", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"40\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n (submitModal)=\"navToNextPage()\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"p-4 pt-0 pb-0\" style=\"height: 220px; overflow: auto\">\r\n <p class=\"text-justify text-[12px]\">\r\n Click the event pins to add/remove them in the itinerary. Hold the event\r\n pin to see Event Details. Click map area to exit from Event Details.\r\n </p>\r\n <span class=\"block text-center mt-3\">Places</span>\r\n\r\n <div class=\"mt-4\">\r\n <app-selectable [options]=\"options\"></app-selectable>\r\n </div>\r\n\r\n <hr\r\n class=\"mt-4 mb-4\"\r\n style=\"border: 0.82px solid rgba(255, 255, 255, 0.25)\"\r\n />\r\n\r\n <span>Select automatically</span>\r\n <div class=\"flex items-end justify-between mt-2\">\r\n <p class=\"text-[12px] leading-[150%] mr-2\">\r\n We will select places which are best for you for your itinerary.\r\n </p>\r\n <div class=\"pr-1\">\r\n <lib-toggle class=\"toggle-sm\"></lib-toggle>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mt-5\">\r\n <div class=\"flex items-center justify-between\">\r\n <span>Number of places</span>\r\n <span>3</span>\r\n </div>\r\n <lib-range-selector\r\n [stepValue]=\"2\"\r\n [minValue]=\"1\"\r\n [maxValue]=\"14\"\r\n ></lib-range-selector>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: i5.ToggleComponent, selector: "lib-toggle", inputs: ["disabled", "toggleState", "variant", "left", "right", "thumbImg", "multipleOptions"], outputs: ["toggleStateChange"] }, { kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.RangeSelectorComponent, selector: "lib-range-selector", inputs: ["minValue", "maxValue", "stepValue", "dualKnobs", "pinValue", "reverseBarColor", "enablePinFormatter"] }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4568
4620
|
}
|
|
4569
4621
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectItineraryEventComponent, decorators: [{
|
|
4570
4622
|
type: Component,
|
|
4571
|
-
args: [{ selector: 'app-select-itinerary-event', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"40\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n (submitModal)=\"navToNextPage()\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"p-4 pt-0 pb-0\" style=\"height: 220px; overflow: auto\">\r\n <p class=\"text-justify text-[12px]\">\r\n Click the event pins to add/remove them in the itinerary. Hold the event\r\n pin to see Event Details. Click map area to exit from Event Details.\r\n </p>\r\n <span class=\"block text-center mt-3\">Places</span>\r\n\r\n <div class=\"mt-4\">\r\n <
|
|
4623
|
+
args: [{ selector: 'app-select-itinerary-event', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"40\"\r\n heading=\"Select Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n (submitModal)=\"navToNextPage()\"\r\n [adaptToContentHeight]=\"true\"\r\n>\r\n <div class=\"p-4 pt-0 pb-0\" style=\"height: 220px; overflow: auto\">\r\n <p class=\"text-justify text-[12px]\">\r\n Click the event pins to add/remove them in the itinerary. Hold the event\r\n pin to see Event Details. Click map area to exit from Event Details.\r\n </p>\r\n <span class=\"block text-center mt-3\">Places</span>\r\n\r\n <div class=\"mt-4\">\r\n <app-selectable [options]=\"options\"></app-selectable>\r\n </div>\r\n\r\n <hr\r\n class=\"mt-4 mb-4\"\r\n style=\"border: 0.82px solid rgba(255, 255, 255, 0.25)\"\r\n />\r\n\r\n <span>Select automatically</span>\r\n <div class=\"flex items-end justify-between mt-2\">\r\n <p class=\"text-[12px] leading-[150%] mr-2\">\r\n We will select places which are best for you for your itinerary.\r\n </p>\r\n <div class=\"pr-1\">\r\n <lib-toggle class=\"toggle-sm\"></lib-toggle>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mt-5\">\r\n <div class=\"flex items-center justify-between\">\r\n <span>Number of places</span>\r\n <span>3</span>\r\n </div>\r\n <lib-range-selector\r\n [stepValue]=\"2\"\r\n [minValue]=\"1\"\r\n [maxValue]=\"14\"\r\n ></lib-range-selector>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n" }]
|
|
4572
4624
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
4573
4625
|
|
|
4574
4626
|
class SuggestedEventsLocationComponent {
|
|
@@ -4749,11 +4801,11 @@ class SuggestedEventsRouteTypeComponent {
|
|
|
4749
4801
|
this.location.back();
|
|
4750
4802
|
}
|
|
4751
4803
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsRouteTypeComponent, deps: [{ token: i1$2.Location }, { token: i0.ChangeDetectorRef }, { token: i1.ActivatedRoute }, { token: ItineraryService }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4752
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SuggestedEventsRouteTypeComponent, selector: "app-suggested-events-route-type", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"30\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <div class=\"flex items-center justify-center\">\r\n <div class=\"flex items-center w-full\">\r\n <div class=\"main-itini-preview w-full pt-0 p-5 pb-0\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <p class=\"w-full flex justify-center text-sm text-white mb-5\">\r\n Route type\r\n </p>\r\n <div class=\"flex gap-[10px]\">\r\n @for (option of recommendedRouteTypes; track $index) {\r\n <
|
|
4804
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SuggestedEventsRouteTypeComponent, selector: "app-suggested-events-route-type", ngImport: i0, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"30\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <div class=\"flex items-center justify-center\">\r\n <div class=\"flex items-center w-full\">\r\n <div class=\"main-itini-preview w-full pt-0 p-5 pb-0\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <p class=\"w-full flex justify-center text-sm text-white mb-5\">\r\n Route type\r\n </p>\r\n <div class=\"flex gap-[10px]\">\r\n @for (option of recommendedRouteTypes; track $index) {\r\n <app-selectable [options]=\"option\"></app-selectable>\r\n }\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-4 mb-3\"></div>\r\n <p class=\"text-white text-[13px] mb-[8.54px]\">More</p>\r\n\r\n <div class=\"flex gap-[10px] flex-wrap\">\r\n @for (option of moreRouteTypes; track $index) {\r\n <app-selectable [options]=\"option\"></app-selectable>\r\n }\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: BottomModalComponent, selector: "app-bottom-modal", inputs: ["isOpen", "submitButtonTitle", "showArrow", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "submitModal"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.LibMapsComponent, selector: "lib-map", inputs: ["disableNotification", "markers", "initialLocation", "mapType", "enableDrag", "locations", "searchMapsString", "mapOptions", "directions$", "directionRenderOptions"], outputs: ["mapActionEvent"] }, { kind: "component", type: CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }] });
|
|
4753
4805
|
}
|
|
4754
4806
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsRouteTypeComponent, decorators: [{
|
|
4755
4807
|
type: Component,
|
|
4756
|
-
args: [{ selector: 'app-suggested-events-route-type', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"30\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <div class=\"flex items-center justify-center\">\r\n <div class=\"flex items-center w-full\">\r\n <div class=\"main-itini-preview w-full pt-0 p-5 pb-0\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <p class=\"w-full flex justify-center text-sm text-white mb-5\">\r\n Route type\r\n </p>\r\n <div class=\"flex gap-[10px]\">\r\n @for (option of recommendedRouteTypes; track $index) {\r\n <
|
|
4808
|
+
args: [{ selector: 'app-suggested-events-route-type', standalone: false, template: "<app-create-itinerary-header\r\n [progressBarValue]=\"30\"\r\n heading=\"Suggested Events\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<app-bottom-modal\r\n submitButtonTitle=\"Continue\"\r\n [showArrow]=\"true\"\r\n [(isOpen)]=\"isOpen\"\r\n [adaptToContentHeight]=\"true\"\r\n (submitModal)=\"navToNextPage()\"\r\n>\r\n <div class=\"flex items-center justify-center\">\r\n <div class=\"flex items-center w-full\">\r\n <div class=\"main-itini-preview w-full pt-0 p-5 pb-0\">\r\n <section class=\"mt-3 w-full\">\r\n <div class=\"tracking-widest rounded-t-3xl\">\r\n <p class=\"w-full flex justify-center text-sm text-white mb-5\">\r\n Route type\r\n </p>\r\n <div class=\"flex gap-[10px]\">\r\n @for (option of recommendedRouteTypes; track $index) {\r\n <app-selectable [options]=\"option\"></app-selectable>\r\n }\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-4 mb-3\"></div>\r\n <p class=\"text-white text-[13px] mb-[8.54px]\">More</p>\r\n\r\n <div class=\"flex gap-[10px] flex-wrap\">\r\n @for (option of moreRouteTypes; track $index) {\r\n <app-selectable [options]=\"option\"></app-selectable>\r\n }\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n </div>\r\n </div>\r\n</app-bottom-modal>\r\n<div\r\n (click)=\"showBottomModal()\"\r\n class=\"absolute bottom-0 cursor-pointer z-10\"\r\n style=\"left: 50%\"\r\n>\r\n <img\r\n style=\"transform: rotate(270deg)\"\r\n [src]=\"ICONS['rightArrow']\"\r\n alt=\"icon\"\r\n height=\"15\"\r\n width=\"15\"\r\n />\r\n</div>\r\n" }]
|
|
4757
4809
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
4758
4810
|
|
|
4759
4811
|
class CommentSingleComponent {
|
|
@@ -5315,11 +5367,11 @@ class ItineraryAuthorHistoryComponent {
|
|
|
5315
5367
|
this.location.back();
|
|
5316
5368
|
}
|
|
5317
5369
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryAuthorHistoryComponent, deps: [{ token: i1$2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
5318
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryAuthorHistoryComponent, selector: "app-itinerary-author-history", ngImport: i0, template: "<div class=\"px-4\">\r\n <app-header heading=\"History\" (firstButton)=\"back()\"></app-header>\r\n\r\n</div>\r\n<div class=\"my-6 mx-8 flex flex-col justify-between\">\r\n <div class=\"flex items-center gap-3 mb-1\">\r\n <img height=\"15\" width=\"15\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"last-seen normal-text-sm\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"normal-text-md color-[#939195] mb-3\">\r\n <span class=\"normal-text-gray me-1\">Added New</span> <span class=\"text-pink-600\">Itinerary Passions</span>\r\n </div>\r\n <
|
|
5370
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryAuthorHistoryComponent, selector: "app-itinerary-author-history", ngImport: i0, template: "<div class=\"px-4\">\r\n <app-header heading=\"History\" (firstButton)=\"back()\"></app-header>\r\n\r\n</div>\r\n<div class=\"my-6 mx-8 flex flex-col justify-between\">\r\n <div class=\"flex items-center gap-3 mb-1\">\r\n <img height=\"15\" width=\"15\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"last-seen normal-text-sm\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"normal-text-md color-[#939195] mb-3\">\r\n <span class=\"normal-text-gray me-1\">Added New</span> <span class=\"text-pink-600\">Itinerary Passions</span>\r\n </div>\r\n <app-selectable [options]=\"passions\" [maxSelectionPossible]=\"0\"></app-selectable>\r\n <div class=\"border-t border-gray-700 mt-3\"></div>\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Added New</span>\r\n <span class=\"text-pink-600\">Location</span>\r\n </div>\r\n <div class=\"flex row gap-2 items-center mt-4\">\r\n <img height=\"10.67\" width=\"8.2\" [src]=\"ICONS['location']\" alt=\"\" />\r\n <p class=\"normal-text-md text-white\">London Bridge View Restaurant</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-3\"></div>\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Changed</span>\r\n <span class=\"text-pink-600\">Itinerary Title</span>\r\n </div>\r\n <div class=\"mt-4 normal-text-md flex\">\r\n <div class=\"normal-text-gray-2 min-w-[26px] me-1\">From</div>\r\n <div class=\"text-pink-600\">Adventuretour</div>\r\n </div>\r\n <div class=\"mt-2 normal-text-md flex\">\r\n <div class=\"normal-text-gray-2 min-w-[26px] me-1\">To</div>\r\n <div class=\"text-pink-600\">Adventure Tour</div>\r\n </div>\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Created using</span>\r\n <span class=\"text-pink-600\">Custom Itinerary</span>\r\n </div>\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n</div>\r\n", styles: ["*{--main-color: #fe3c72}.history{color:var(--main-color);font-size:10px}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}app-selectable#history.history{--box-shadow: 4.1px 4.1px 8.2px 0px #00000052 inset;--padding-start: 16px !important;--padding-end: 16px !important}::ng-deep app-selectable{padding-start:16px!important;padding-end:16px!important}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.nav-btn{width:150px!important;height:40px;padding:25px 0!important;border-radius:20px;margin-bottom:3px;background-color:#27242c;background:9.026px 8.205px 22.153px 2.051px #111014a6!important;box-shadow:-4.102px -4.102px 13.128px -2.462px #cbc7d140!important;display:flex;justify-content:center;align-items:center}#nav-btn{--lib-icon-button-width: auto !important;--lib-icon-button-height: 35px !important;--lib-icon-button-border-radius: 0 !important;--lib-button-background: transparent !important;--lib-button-border: 0 !important}.hidden{visibility:hidden}\n"], dependencies: [{ kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
5319
5371
|
}
|
|
5320
5372
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryAuthorHistoryComponent, decorators: [{
|
|
5321
5373
|
type: Component,
|
|
5322
|
-
args: [{ selector: 'app-itinerary-author-history', standalone: false, template: "<div class=\"px-4\">\r\n <app-header heading=\"History\" (firstButton)=\"back()\"></app-header>\r\n\r\n</div>\r\n<div class=\"my-6 mx-8 flex flex-col justify-between\">\r\n <div class=\"flex items-center gap-3 mb-1\">\r\n <img height=\"15\" width=\"15\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"last-seen normal-text-sm\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"normal-text-md color-[#939195] mb-3\">\r\n <span class=\"normal-text-gray me-1\">Added New</span> <span class=\"text-pink-600\">Itinerary Passions</span>\r\n </div>\r\n <
|
|
5374
|
+
args: [{ selector: 'app-itinerary-author-history', standalone: false, template: "<div class=\"px-4\">\r\n <app-header heading=\"History\" (firstButton)=\"back()\"></app-header>\r\n\r\n</div>\r\n<div class=\"my-6 mx-8 flex flex-col justify-between\">\r\n <div class=\"flex items-center gap-3 mb-1\">\r\n <img height=\"15\" width=\"15\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"last-seen normal-text-sm\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"normal-text-md color-[#939195] mb-3\">\r\n <span class=\"normal-text-gray me-1\">Added New</span> <span class=\"text-pink-600\">Itinerary Passions</span>\r\n </div>\r\n <app-selectable [options]=\"passions\" [maxSelectionPossible]=\"0\"></app-selectable>\r\n <div class=\"border-t border-gray-700 mt-3\"></div>\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Added New</span>\r\n <span class=\"text-pink-600\">Location</span>\r\n </div>\r\n <div class=\"flex row gap-2 items-center mt-4\">\r\n <img height=\"10.67\" width=\"8.2\" [src]=\"ICONS['location']\" alt=\"\" />\r\n <p class=\"normal-text-md text-white\">London Bridge View Restaurant</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-3\"></div>\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Changed</span>\r\n <span class=\"text-pink-600\">Itinerary Title</span>\r\n </div>\r\n <div class=\"mt-4 normal-text-md flex\">\r\n <div class=\"normal-text-gray-2 min-w-[26px] me-1\">From</div>\r\n <div class=\"text-pink-600\">Adventuretour</div>\r\n </div>\r\n <div class=\"mt-2 normal-text-md flex\">\r\n <div class=\"normal-text-gray-2 min-w-[26px] me-1\">To</div>\r\n <div class=\"text-pink-600\">Adventure Tour</div>\r\n </div>\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-3\">\r\n <div class=\"flex items-center gap-3 mt-2\">\r\n <img height=\"10.67\" width=\"10.67\" [src]=\"ICONS['user']\" alt=\"\" />\r\n <p class=\"text-white normal-text-lg\">Jonathan</p>\r\n <p class=\"normal-text-sm normal-text-gray-2\">\r\n 11 {{ \"DATE_TIME.DAYS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"mt-2 normal-text-md\">\r\n <span class=\"normal-text-gray-2 me-1\">Created using</span>\r\n <span class=\"text-pink-600\">Custom Itinerary</span>\r\n </div>\r\n </div>\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n</div>\r\n", styles: ["*{--main-color: #fe3c72}.history{color:var(--main-color);font-size:10px}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}app-selectable#history.history{--box-shadow: 4.1px 4.1px 8.2px 0px #00000052 inset;--padding-start: 16px !important;--padding-end: 16px !important}::ng-deep app-selectable{padding-start:16px!important;padding-end:16px!important}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.nav-btn{width:150px!important;height:40px;padding:25px 0!important;border-radius:20px;margin-bottom:3px;background-color:#27242c;background:9.026px 8.205px 22.153px 2.051px #111014a6!important;box-shadow:-4.102px -4.102px 13.128px -2.462px #cbc7d140!important;display:flex;justify-content:center;align-items:center}#nav-btn{--lib-icon-button-width: auto !important;--lib-icon-button-height: 35px !important;--lib-icon-button-border-radius: 0 !important;--lib-button-background: transparent !important;--lib-button-border: 0 !important}.hidden{visibility:hidden}\n"] }]
|
|
5323
5375
|
}], ctorParameters: () => [{ type: i1$2.Location }] });
|
|
5324
5376
|
|
|
5325
5377
|
class DetailsComponent {
|
|
@@ -5409,11 +5461,11 @@ class DetailsComponent {
|
|
|
5409
5461
|
this.navHelper.navigate([UserRoutes.profile], this.route);
|
|
5410
5462
|
}
|
|
5411
5463
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DetailsComponent, deps: [{ token: i1.ActivatedRoute }, { token: NavigationHelperService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5412
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DetailsComponent, selector: "app-details", ngImport: i0, template: "<div class=\"px-5 py-4 overflow-y-auto\">\r\n <h2 class=\"f-[13px]\">Created By</h2>\r\n\r\n <div class=\"my-5 flex justify-between\">\r\n <div class=\"flex items-center gap-2\" (click)=\"navToUserProfile()\">\r\n <img\r\n loading=\"lazy\"\r\n height=\"12\"\r\n width=\"12\"\r\n [src]=\"ICONS['userRedFilled']\"\r\n alt=\"\"\r\n class=\"mb-auto\"\r\n />\r\n <p class=\"user-name\">Jonathan</p>\r\n <p class=\"last-seen\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"flex cursor-pointer\" (click)=\"navigateToAuthorHistory()\">\r\n <p class=\"history mr-1\">{{ \"ITINERARY_DETAIL.HISTORY\" | translate }}</p>\r\n <img loading=\"lazy\" height=\"5\" width=\"5\" [src]=\"ICONS['rightArrow']\" alt=\"right arrow\" />\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <h2 class=\"f-[13px] mt-5 mb-3\">\r\n {{ \"ITINERARY_DETAIL.ITINERARY_PASSIONS\" | translate }}\r\n </h2>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <
|
|
5464
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DetailsComponent, selector: "app-details", ngImport: i0, template: "<div class=\"px-5 py-4 overflow-y-auto\">\r\n <h2 class=\"f-[13px]\">Created By</h2>\r\n\r\n <div class=\"my-5 flex justify-between\">\r\n <div class=\"flex items-center gap-2\" (click)=\"navToUserProfile()\">\r\n <img\r\n loading=\"lazy\"\r\n height=\"12\"\r\n width=\"12\"\r\n [src]=\"ICONS['userRedFilled']\"\r\n alt=\"\"\r\n class=\"mb-auto\"\r\n />\r\n <p class=\"user-name\">Jonathan</p>\r\n <p class=\"last-seen\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"flex cursor-pointer\" (click)=\"navigateToAuthorHistory()\">\r\n <p class=\"history mr-1\">{{ \"ITINERARY_DETAIL.HISTORY\" | translate }}</p>\r\n <img loading=\"lazy\" height=\"5\" width=\"5\" [src]=\"ICONS['rightArrow']\" alt=\"right arrow\" />\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <h2 class=\"f-[13px] mt-5 mb-3\">\r\n {{ \"ITINERARY_DETAIL.ITINERARY_PASSIONS\" | translate }}\r\n </h2>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <app-selectable\r\n [options]=\"passions\"\r\n [maxSelectionPossible]=\"passions.length\"\r\n ></app-selectable>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n <div class=\"mt-4\">\r\n <p class=\"bottom-section-heading mt-2 mb-1\">\r\n {{ \"ITINERARY_DETAIL.UPVOTES\" | translate }}\r\n </p>\r\n\r\n <div class=\"comment-card text-white py-2\">\r\n <p class=\"text-xs\">4.6k {{ \"ITINERARY_DETAIL.PEOPLE\" | translate }}</p>\r\n <app-user-stack-tile\r\n label=\"4.6k people\"\r\n [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\"\r\n (onClick)=\"navigateToUpotes()\"\r\n [maxVisible]=\"4\"\r\n ></app-user-stack-tile>\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-4\">\r\n <p class=\"bottom-section-heading mt-2 mb-1\">\r\n {{ \"ITINERARY_DETAIL.WATCHING\" | translate }}\r\n </p>\r\n\r\n <app-user-stack-tile label=\"17 people\" [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\" [maxVisible]=\"4\"\r\n (onClick)=\"handleUserStackTileClick('watching')\"></app-user-stack-tile>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-5 flex justify-between\">\r\n <lib-menu-btn (click)=\"navToComments()\">\r\n <span class=\"inline-flex items-center gap-2\">\r\n <img loading=\"lazy\" [ngSrc]=\"ICONS['message']\" height=\"12\" width=\"13\" />\r\n <span class=\"inline-block\">{{\r\n \"ITINERARY_DETAIL.COMMENTS\" | translate\r\n }}</span>\r\n <p class=\"inline-block\">17</p>\r\n </span>\r\n </lib-menu-btn>\r\n\r\n <lib-menu-btn (click)=\"navToBranch()\">\r\n <span class=\"inline-flex items-center gap-2\">\r\n <img loading=\"lazy\" [ngSrc]=\"ICONS['branch']\" height=\"12\" width=\"13\" />\r\n <span class=\"inline-block\">{{\r\n \"ITINERARY_DETAIL.BRANCHES\" | translate\r\n }}</span>\r\n <p class=\"inline-block\">4</p>\r\n </span>\r\n </lib-menu-btn>\r\n </div>\r\n</div>\r\n", styles: ["*{--main-color: #fe3c72}.user-name{color:var(--main-color);font-size:13px}.last-seen{color:#939195;font-size:9px}.history{color:var(--main-color);font-size:10px}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.nav-btn{width:150px!important;height:40px;padding:25px 0!important;border-radius:20px;margin-bottom:3px;background-color:#27242c;background:9.026px 8.205px 22.153px 2.051px #111014a6!important;box-shadow:-4.102px -4.102px 13.128px -2.462px #cbc7d140!important;display:flex;justify-content:center;align-items:center}#nav-btn{--lib-icon-button-width: auto !important;--lib-icon-button-height: 35px !important;--lib-icon-button-border-radius: 0 !important;--lib-button-background: transparent !important;--lib-button-border: 0 !important}.hidden{visibility:hidden}\n"], dependencies: [{ kind: "component", type: i5.MenuBtnComponent, selector: "lib-menu-btn", inputs: ["menuBtnIcon", "menuBtnTooltip", "menuBtnTooltipPosition", "menuBtnIconName", "menuBtnImgUrl", "menuBtnNotificationIconUrl", "menuDirection", "hasNotification", "menuItems", "disableTranslation", "listItem", "listItemIndex", "selectable", "overlayClass", "isUserMenu", "onlyCloseOnClickOutside", "hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "directive", type: i1$2.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
5413
5465
|
}
|
|
5414
5466
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DetailsComponent, decorators: [{
|
|
5415
5467
|
type: Component,
|
|
5416
|
-
args: [{ selector: 'app-details', standalone: false, template: "<div class=\"px-5 py-4 overflow-y-auto\">\r\n <h2 class=\"f-[13px]\">Created By</h2>\r\n\r\n <div class=\"my-5 flex justify-between\">\r\n <div class=\"flex items-center gap-2\" (click)=\"navToUserProfile()\">\r\n <img\r\n loading=\"lazy\"\r\n height=\"12\"\r\n width=\"12\"\r\n [src]=\"ICONS['userRedFilled']\"\r\n alt=\"\"\r\n class=\"mb-auto\"\r\n />\r\n <p class=\"user-name\">Jonathan</p>\r\n <p class=\"last-seen\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"flex cursor-pointer\" (click)=\"navigateToAuthorHistory()\">\r\n <p class=\"history mr-1\">{{ \"ITINERARY_DETAIL.HISTORY\" | translate }}</p>\r\n <img loading=\"lazy\" height=\"5\" width=\"5\" [src]=\"ICONS['rightArrow']\" alt=\"right arrow\" />\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <h2 class=\"f-[13px] mt-5 mb-3\">\r\n {{ \"ITINERARY_DETAIL.ITINERARY_PASSIONS\" | translate }}\r\n </h2>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <
|
|
5468
|
+
args: [{ selector: 'app-details', standalone: false, template: "<div class=\"px-5 py-4 overflow-y-auto\">\r\n <h2 class=\"f-[13px]\">Created By</h2>\r\n\r\n <div class=\"my-5 flex justify-between\">\r\n <div class=\"flex items-center gap-2\" (click)=\"navToUserProfile()\">\r\n <img\r\n loading=\"lazy\"\r\n height=\"12\"\r\n width=\"12\"\r\n [src]=\"ICONS['userRedFilled']\"\r\n alt=\"\"\r\n class=\"mb-auto\"\r\n />\r\n <p class=\"user-name\">Jonathan</p>\r\n <p class=\"last-seen\">\r\n 11 {{ \"DATE_TIME.HOURS\" | translate }}\r\n {{ \"DATE_TIME.AGO\" | translate }}\r\n </p>\r\n </div>\r\n <div class=\"flex cursor-pointer\" (click)=\"navigateToAuthorHistory()\">\r\n <p class=\"history mr-1\">{{ \"ITINERARY_DETAIL.HISTORY\" | translate }}</p>\r\n <img loading=\"lazy\" height=\"5\" width=\"5\" [src]=\"ICONS['rightArrow']\" alt=\"right arrow\" />\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <h2 class=\"f-[13px] mt-5 mb-3\">\r\n {{ \"ITINERARY_DETAIL.ITINERARY_PASSIONS\" | translate }}\r\n </h2>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <app-selectable\r\n [options]=\"passions\"\r\n [maxSelectionPossible]=\"passions.length\"\r\n ></app-selectable>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n <div class=\"mt-4\">\r\n <p class=\"bottom-section-heading mt-2 mb-1\">\r\n {{ \"ITINERARY_DETAIL.UPVOTES\" | translate }}\r\n </p>\r\n\r\n <div class=\"comment-card text-white py-2\">\r\n <p class=\"text-xs\">4.6k {{ \"ITINERARY_DETAIL.PEOPLE\" | translate }}</p>\r\n <app-user-stack-tile\r\n label=\"4.6k people\"\r\n [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\"\r\n (onClick)=\"navigateToUpotes()\"\r\n [maxVisible]=\"4\"\r\n ></app-user-stack-tile>\r\n </div>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-4\">\r\n <p class=\"bottom-section-heading mt-2 mb-1\">\r\n {{ \"ITINERARY_DETAIL.WATCHING\" | translate }}\r\n </p>\r\n\r\n <app-user-stack-tile label=\"17 people\" [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\" [maxVisible]=\"4\"\r\n (onClick)=\"handleUserStackTileClick('watching')\"></app-user-stack-tile>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n <div class=\"mt-5 flex justify-between\">\r\n <lib-menu-btn (click)=\"navToComments()\">\r\n <span class=\"inline-flex items-center gap-2\">\r\n <img loading=\"lazy\" [ngSrc]=\"ICONS['message']\" height=\"12\" width=\"13\" />\r\n <span class=\"inline-block\">{{\r\n \"ITINERARY_DETAIL.COMMENTS\" | translate\r\n }}</span>\r\n <p class=\"inline-block\">17</p>\r\n </span>\r\n </lib-menu-btn>\r\n\r\n <lib-menu-btn (click)=\"navToBranch()\">\r\n <span class=\"inline-flex items-center gap-2\">\r\n <img loading=\"lazy\" [ngSrc]=\"ICONS['branch']\" height=\"12\" width=\"13\" />\r\n <span class=\"inline-block\">{{\r\n \"ITINERARY_DETAIL.BRANCHES\" | translate\r\n }}</span>\r\n <p class=\"inline-block\">4</p>\r\n </span>\r\n </lib-menu-btn>\r\n </div>\r\n</div>\r\n", styles: ["*{--main-color: #fe3c72}.user-name{color:var(--main-color);font-size:13px}.last-seen{color:#939195;font-size:9px}.history{color:var(--main-color);font-size:10px}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.nav-btn{width:150px!important;height:40px;padding:25px 0!important;border-radius:20px;margin-bottom:3px;background-color:#27242c;background:9.026px 8.205px 22.153px 2.051px #111014a6!important;box-shadow:-4.102px -4.102px 13.128px -2.462px #cbc7d140!important;display:flex;justify-content:center;align-items:center}#nav-btn{--lib-icon-button-width: auto !important;--lib-icon-button-height: 35px !important;--lib-icon-button-border-radius: 0 !important;--lib-button-background: transparent !important;--lib-button-border: 0 !important}.hidden{visibility:hidden}\n"] }]
|
|
5417
5469
|
}], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: NavigationHelperService }] });
|
|
5418
5470
|
|
|
5419
5471
|
class MapComponent {
|
|
@@ -5948,11 +6000,11 @@ class ExistingFriendsComponent {
|
|
|
5948
6000
|
this.subscription.unsubscribe();
|
|
5949
6001
|
}
|
|
5950
6002
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingFriendsComponent, deps: [{ token: i1.Router }, { token: i1$2.Location }, { token: AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5951
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExistingFriendsComponent, selector: "app-existing-friends", ngImport: i0, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n >\r\n </app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToListFriendUsers()\">\r\n Friend Request\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests px-4 mb-4\">Common Interests</h2>\r\n\r\n <
|
|
6003
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExistingFriendsComponent, selector: "app-existing-friends", ngImport: i0, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n >\r\n </app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToListFriendUsers()\">\r\n Friend Request\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests px-4 mb-4\">Common Interests</h2>\r\n\r\n <app-selectable [options]=\"passions\"></app-selectable>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".commonInterests{font-family:Calistoga;font-style:normal;font-weight:400;font-size:19.692px;line-height:160%;text-transform:capitalize;color:#fff}.commonInterestItem{display:flex;flex-direction:row;align-items:center;padding:1.641px 13.128px 1.641px 1.641px;gap:6.56px;background:#f7f5dd;box-shadow:-1.641px -1.641px 10.6665px #ffffff80,3.282px 3.282px 6.564px #000000e3;width:27.9px;height:27.9px;border-radius:30px;order:0;width:90px;height:30px;font-family:Gilroy;font-style:normal;font-weight:400;font-size:11.487px;line-height:160%;color:#000;flex:none;order:1;flex-grow:0}.selectable-image{width:40px;height:40px;object-fit:cover;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5952
6004
|
}
|
|
5953
6005
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingFriendsComponent, decorators: [{
|
|
5954
6006
|
type: Component,
|
|
5955
|
-
args: [{ selector: 'app-existing-friends', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n >\r\n </app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToListFriendUsers()\">\r\n Friend Request\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests px-4 mb-4\">Common Interests</h2>\r\n\r\n <
|
|
6007
|
+
args: [{ selector: 'app-existing-friends', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n @if (!loading) {\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n >\r\n </app-user-tile>\r\n </ng-container>\r\n </div>\r\n }\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToListFriendUsers()\">\r\n Friend Request\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests px-4 mb-4\">Common Interests</h2>\r\n\r\n <app-selectable [options]=\"passions\"></app-selectable>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".commonInterests{font-family:Calistoga;font-style:normal;font-weight:400;font-size:19.692px;line-height:160%;text-transform:capitalize;color:#fff}.commonInterestItem{display:flex;flex-direction:row;align-items:center;padding:1.641px 13.128px 1.641px 1.641px;gap:6.56px;background:#f7f5dd;box-shadow:-1.641px -1.641px 10.6665px #ffffff80,3.282px 3.282px 6.564px #000000e3;width:27.9px;height:27.9px;border-radius:30px;order:0;width:90px;height:30px;font-family:Gilroy;font-style:normal;font-weight:400;font-size:11.487px;line-height:160%;color:#000;flex:none;order:1;flex-grow:0}.selectable-image{width:40px;height:40px;object-fit:cover;border-radius:50%}\n"] }]
|
|
5956
6008
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5957
6009
|
|
|
5958
6010
|
class ItineraryFriendsComponent {
|
|
@@ -6201,11 +6253,11 @@ class ExistingMembersComponent {
|
|
|
6201
6253
|
this.subscription.unsubscribe();
|
|
6202
6254
|
}
|
|
6203
6255
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingMembersComponent, deps: [{ token: i1.Router }, { token: i1$2.Location }, { token: AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
6204
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExistingMembersComponent, selector: "app-existing-members", ngImport: i0, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToAllPeople()\">\r\n Invite more people\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests mb-4\">Common Interests</h2>\r\n\r\n <
|
|
6256
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExistingMembersComponent, selector: "app-existing-members", ngImport: i0, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToAllPeople()\">\r\n Invite more people\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests mb-4\">Common Interests</h2>\r\n\r\n <app-selectable [options]=\"options\"></app-selectable>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".commonInterests{font-family:Calistoga;font-style:normal;font-weight:400;font-size:19.692px;line-height:160%;text-transform:capitalize;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: IconButtonComponent, selector: "app-icon-button", inputs: ["buttonIcon", "disableTextShadow", "class", "libMenuItems", "buttonText"], outputs: ["buttonClick", "select", "change"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6205
6257
|
}
|
|
6206
6258
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingMembersComponent, decorators: [{
|
|
6207
6259
|
type: Component,
|
|
6208
|
-
args: [{ selector: 'app-existing-members', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToAllPeople()\">\r\n Invite more people\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests mb-4\">Common Interests</h2>\r\n\r\n <
|
|
6260
|
+
args: [{ selector: 'app-existing-members', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"relative min-h-screen\">\r\n <div class=\"z-auto\">\r\n <div class=\"pb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <lib-info-card-placeholder\r\n [avatar]=\"true\"\r\n [count]=\"5\"\r\n ></lib-info-card-placeholder>\r\n </ng-container>\r\n\r\n <ng-template #actions>\r\n <app-icon-button\r\n (select)=\"handleMenueItemSelect()\"\r\n (buttonClick)=\"handleMenuClick()\"\r\n (change)=\"handleMenuItemChange()\"\r\n class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n [disableTextShadow]=\"true\"\r\n [buttonIcon]=\"ICONS['horizontalWhite']\"\r\n ></app-icon-button>\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n <ng-container *ngFor=\"let i of itineraryMembers\">\r\n <app-user-tile\r\n [name]=\"i.memberName\"\r\n [email]=\"i.memberEmail\"\r\n [image]=\"i.memberPic\"\r\n [sufixTemplate]=\"actions\"\r\n ></app-user-tile>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <div class=\"flex px-4\">\r\n <img [src]=\"ICONS['invitePink']\" />\r\n <button class=\"pinkTextColor\" (click)=\"navToAllPeople()\">\r\n Invite more people\r\n </button>\r\n </div>\r\n\r\n <div class=\"border-t border-gray-700 mt-6 mb-6\"></div>\r\n <h2 class=\"commonInterests mb-4\">Common Interests</h2>\r\n\r\n <app-selectable [options]=\"options\"></app-selectable>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".commonInterests{font-family:Calistoga;font-style:normal;font-weight:400;font-size:19.692px;line-height:160%;text-transform:capitalize;color:#fff}\n"] }]
|
|
6209
6261
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
6210
6262
|
|
|
6211
6263
|
class ItineraryMembersComponent {
|
|
@@ -9622,11 +9674,11 @@ class ProfileComponent {
|
|
|
9622
9674
|
}
|
|
9623
9675
|
back = () => this.location.back();
|
|
9624
9676
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponent, deps: [{ token: i1$2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
9625
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProfileComponent, selector: "app-profile", ngImport: i0, template: "<div class=\"ps-5 pe-5\">\r\n <app-header (firstButton)=\"back()\" [heading]=\"'PROFILE.PROFILE' | translate\">\r\n </app-header>\r\n\r\n <div class=\"mt-3 flex justify-center\">\r\n <img class=\"profile-pic\" [src]=\"ICONS['dummyUserProfile']\" alt=\"profile\" />\r\n </div>\r\n\r\n <h3 class=\"mt-4 text-center\">Jonathan</h3>\r\n\r\n <div class=\"mt-2 flex justify-center items-center\">\r\n <img class=\"icon me-1\" [src]=\"ICONS['calendar']\" alt=\"calender\" />\r\n <span>23 year old</span>\r\n <img class=\"icon ms-2 me-1\" [src]=\"ICONS['locationLight']\" alt=\"location\" />\r\n <span>New York City, NY</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div>\r\n <h4 class=\"mb-5\">{{ \"PROFILE.ABOUT_ME\" | translate }}</h4>\r\n <span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laboriosam\r\n minus officia provident in iusto nostrum nesciunt enim? At minima\r\n doloremque, reiciendis suscipit magnam quam quae in vitae soluta? Fugiat,\r\n adipisci!</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <h4 class=\"mb-5\">{{ \"PROFILE.PASSION\" | translate }}</h4>\r\n <div class=\"flex flex-wrap gap-4\">\r\n <
|
|
9677
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProfileComponent, selector: "app-profile", ngImport: i0, template: "<div class=\"ps-5 pe-5\">\r\n <app-header (firstButton)=\"back()\" [heading]=\"'PROFILE.PROFILE' | translate\">\r\n </app-header>\r\n\r\n <div class=\"mt-3 flex justify-center\">\r\n <img class=\"profile-pic\" [src]=\"ICONS['dummyUserProfile']\" alt=\"profile\" />\r\n </div>\r\n\r\n <h3 class=\"mt-4 text-center\">Jonathan</h3>\r\n\r\n <div class=\"mt-2 flex justify-center items-center\">\r\n <img class=\"icon me-1\" [src]=\"ICONS['calendar']\" alt=\"calender\" />\r\n <span>23 year old</span>\r\n <img class=\"icon ms-2 me-1\" [src]=\"ICONS['locationLight']\" alt=\"location\" />\r\n <span>New York City, NY</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div>\r\n <h4 class=\"mb-5\">{{ \"PROFILE.ABOUT_ME\" | translate }}</h4>\r\n <span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laboriosam\r\n minus officia provident in iusto nostrum nesciunt enim? At minima\r\n doloremque, reiciendis suscipit magnam quam quae in vitae soluta? Fugiat,\r\n adipisci!</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <h4 class=\"mb-5\">{{ \"PROFILE.PASSION\" | translate }}</h4>\r\n <div class=\"flex flex-wrap gap-4\">\r\n <app-selectable [options]=\"passions\"></app-selectable>\r\n </div>\r\n</div>\r\n", styles: [".profile-pic{border-radius:500px;height:79px!important;width:79px!important}h3{font-family:Calistoga;font-weight:400;font-size:19.69px;line-height:25.6px;letter-spacing:0%;text-align:center}h4{font-family:Gilroy;font-weight:600;font-size:13.13px;line-height:21px;letter-spacing:0%}.icon{width:13px!important;height:13px!important;top:232.2px;left:77.13px}hr{width:262.5599975586;height:.8205000162;margin:1.25rem .5rem;opacity:.15;border-radius:6.83px;background:#dcdcdc;box-shadow:1.71px 1.71px 3.41px #00000040 inset;box-shadow:-1.71px -1.71px 3.41px #ffffff40 inset}span{font-family:Gilroy;font-weight:500;font-size:9.85px;line-height:0px;letter-spacing:0%;color:#bbbabc}\n"], dependencies: [{ kind: "component", type: HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: SelectableComponent, selector: "app-selectable", inputs: ["options", "formControl", "singleSelectionOnly", "maxSelectionPossible", "customClass"], outputs: ["click", "selectionchange"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
|
|
9626
9678
|
}
|
|
9627
9679
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponent, decorators: [{
|
|
9628
9680
|
type: Component,
|
|
9629
|
-
args: [{ selector: 'app-profile', standalone: false, template: "<div class=\"ps-5 pe-5\">\r\n <app-header (firstButton)=\"back()\" [heading]=\"'PROFILE.PROFILE' | translate\">\r\n </app-header>\r\n\r\n <div class=\"mt-3 flex justify-center\">\r\n <img class=\"profile-pic\" [src]=\"ICONS['dummyUserProfile']\" alt=\"profile\" />\r\n </div>\r\n\r\n <h3 class=\"mt-4 text-center\">Jonathan</h3>\r\n\r\n <div class=\"mt-2 flex justify-center items-center\">\r\n <img class=\"icon me-1\" [src]=\"ICONS['calendar']\" alt=\"calender\" />\r\n <span>23 year old</span>\r\n <img class=\"icon ms-2 me-1\" [src]=\"ICONS['locationLight']\" alt=\"location\" />\r\n <span>New York City, NY</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div>\r\n <h4 class=\"mb-5\">{{ \"PROFILE.ABOUT_ME\" | translate }}</h4>\r\n <span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laboriosam\r\n minus officia provident in iusto nostrum nesciunt enim? At minima\r\n doloremque, reiciendis suscipit magnam quam quae in vitae soluta? Fugiat,\r\n adipisci!</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <h4 class=\"mb-5\">{{ \"PROFILE.PASSION\" | translate }}</h4>\r\n <div class=\"flex flex-wrap gap-4\">\r\n <
|
|
9681
|
+
args: [{ selector: 'app-profile', standalone: false, template: "<div class=\"ps-5 pe-5\">\r\n <app-header (firstButton)=\"back()\" [heading]=\"'PROFILE.PROFILE' | translate\">\r\n </app-header>\r\n\r\n <div class=\"mt-3 flex justify-center\">\r\n <img class=\"profile-pic\" [src]=\"ICONS['dummyUserProfile']\" alt=\"profile\" />\r\n </div>\r\n\r\n <h3 class=\"mt-4 text-center\">Jonathan</h3>\r\n\r\n <div class=\"mt-2 flex justify-center items-center\">\r\n <img class=\"icon me-1\" [src]=\"ICONS['calendar']\" alt=\"calender\" />\r\n <span>23 year old</span>\r\n <img class=\"icon ms-2 me-1\" [src]=\"ICONS['locationLight']\" alt=\"location\" />\r\n <span>New York City, NY</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div>\r\n <h4 class=\"mb-5\">{{ \"PROFILE.ABOUT_ME\" | translate }}</h4>\r\n <span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laboriosam\r\n minus officia provident in iusto nostrum nesciunt enim? At minima\r\n doloremque, reiciendis suscipit magnam quam quae in vitae soluta? Fugiat,\r\n adipisci!</span>\r\n </div>\r\n\r\n <hr />\r\n\r\n <h4 class=\"mb-5\">{{ \"PROFILE.PASSION\" | translate }}</h4>\r\n <div class=\"flex flex-wrap gap-4\">\r\n <app-selectable [options]=\"passions\"></app-selectable>\r\n </div>\r\n</div>\r\n", styles: [".profile-pic{border-radius:500px;height:79px!important;width:79px!important}h3{font-family:Calistoga;font-weight:400;font-size:19.69px;line-height:25.6px;letter-spacing:0%;text-align:center}h4{font-family:Gilroy;font-weight:600;font-size:13.13px;line-height:21px;letter-spacing:0%}.icon{width:13px!important;height:13px!important;top:232.2px;left:77.13px}hr{width:262.5599975586;height:.8205000162;margin:1.25rem .5rem;opacity:.15;border-radius:6.83px;background:#dcdcdc;box-shadow:1.71px 1.71px 3.41px #00000040 inset;box-shadow:-1.71px -1.71px 3.41px #ffffff40 inset}span{font-family:Gilroy;font-weight:500;font-size:9.85px;line-height:0px;letter-spacing:0%;color:#bbbabc}\n"] }]
|
|
9630
9682
|
}], ctorParameters: () => [{ type: i1$2.Location }] });
|
|
9631
9683
|
|
|
9632
9684
|
const routes$1 = [
|