@flower-city-online/itinerary-lib 0.0.54 → 0.0.56
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/itinerary-lib.component.mjs +1 -5
- 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 -32
- package/fesm2022/flower-city-online-itinerary-lib.mjs.map +1 -1
- package/lib/itinerary-app/shared/selectable/selectable.component.d.ts +21 -0
- package/lib/itinerary-app/shared/shared.module.d.ts +8 -7
- package/package.json +1 -1
|
@@ -489,17 +489,13 @@ class ItineraryLibComponent {
|
|
|
489
489
|
}
|
|
490
490
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryLibComponent, deps: [{ token: i1$1.BreakpointObserver }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1$2.Location }, { token: BottomNavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
491
491
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryLibComponent, selector: "lib-itinerary-lib", host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "dynamicModal", first: true, predicate: ["dynamicModal"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `
|
|
492
|
-
<div class='itinerary-lib'>
|
|
493
492
|
<router-outlet></router-outlet> <ng-container #dynamicModal></ng-container>
|
|
494
|
-
</div>
|
|
495
493
|
`, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
|
|
496
494
|
}
|
|
497
495
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryLibComponent, decorators: [{
|
|
498
496
|
type: Component,
|
|
499
497
|
args: [{ selector: 'lib-itinerary-lib', template: `
|
|
500
|
-
<div class='itinerary-lib'>
|
|
501
498
|
<router-outlet></router-outlet> <ng-container #dynamicModal></ng-container>
|
|
502
|
-
</div>
|
|
503
499
|
`, standalone: false }]
|
|
504
500
|
}], ctorParameters: () => [{ type: i1$1.BreakpointObserver }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1$2.Location }, { type: BottomNavigationService }], propDecorators: { dynamicModal: [{
|
|
505
501
|
type: ViewChild,
|
|
@@ -1056,6 +1052,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1056
1052
|
}]
|
|
1057
1053
|
}], ctorParameters: () => [{ type: i1$3.HttpClient }] });
|
|
1058
1054
|
|
|
1055
|
+
class SelectableComponent {
|
|
1056
|
+
options = [];
|
|
1057
|
+
formControl;
|
|
1058
|
+
singleSelectionOnly = false;
|
|
1059
|
+
maxSelectionPossible = 0;
|
|
1060
|
+
customClass = '';
|
|
1061
|
+
click = new EventEmitter();
|
|
1062
|
+
selectionchange = new EventEmitter();
|
|
1063
|
+
ngOnInit() {
|
|
1064
|
+
// lib-selectable handles its own state internally
|
|
1065
|
+
}
|
|
1066
|
+
ngOnChanges() {
|
|
1067
|
+
// lib-selectable handles its own state internally
|
|
1068
|
+
}
|
|
1069
|
+
ngAfterContentInit() {
|
|
1070
|
+
// Content projection is handled automatically by Angular
|
|
1071
|
+
}
|
|
1072
|
+
ngOnDestroy() {
|
|
1073
|
+
// Cleanup if needed
|
|
1074
|
+
}
|
|
1075
|
+
onClick() {
|
|
1076
|
+
this.click.emit();
|
|
1077
|
+
}
|
|
1078
|
+
onSelectionChange() {
|
|
1079
|
+
this.selectionchange.emit();
|
|
1080
|
+
}
|
|
1081
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1082
|
+
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\n [options]=\"options\"\n [formControl]=\"formControl!\"\n [singleSelectionOnly]=\"singleSelectionOnly\"\n [maxSelectionPossible]=\"maxSelectionPossible\"\n [class]=\"customClass\"\n (click)=\"onClick()\"\n (selectionchange)=\"onSelectionChange()\"\n>\n <ng-content></ng-content>\n</lib-selectable>\n\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"] }] });
|
|
1083
|
+
}
|
|
1084
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectableComponent, decorators: [{
|
|
1085
|
+
type: Component,
|
|
1086
|
+
args: [{ selector: 'app-selectable', template: "<lib-selectable\n [options]=\"options\"\n [formControl]=\"formControl!\"\n [singleSelectionOnly]=\"singleSelectionOnly\"\n [maxSelectionPossible]=\"maxSelectionPossible\"\n [class]=\"customClass\"\n (click)=\"onClick()\"\n (selectionchange)=\"onSelectionChange()\"\n>\n <ng-content></ng-content>\n</lib-selectable>\n\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"] }]
|
|
1087
|
+
}], propDecorators: { options: [{
|
|
1088
|
+
type: Input
|
|
1089
|
+
}], formControl: [{
|
|
1090
|
+
type: Input
|
|
1091
|
+
}], singleSelectionOnly: [{
|
|
1092
|
+
type: Input
|
|
1093
|
+
}], maxSelectionPossible: [{
|
|
1094
|
+
type: Input
|
|
1095
|
+
}], customClass: [{
|
|
1096
|
+
type: Input
|
|
1097
|
+
}], click: [{
|
|
1098
|
+
type: Output
|
|
1099
|
+
}], selectionchange: [{
|
|
1100
|
+
type: Output
|
|
1101
|
+
}] } });
|
|
1102
|
+
|
|
1059
1103
|
class UsersStackComponent {
|
|
1060
1104
|
assetService;
|
|
1061
1105
|
cdr;
|
|
@@ -1090,11 +1134,11 @@ class UsersStackComponent {
|
|
|
1090
1134
|
this.imageLoaded[index] = true;
|
|
1091
1135
|
}
|
|
1092
1136
|
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 <
|
|
1137
|
+
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
1138
|
}
|
|
1095
1139
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UsersStackComponent, decorators: [{
|
|
1096
1140
|
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 <
|
|
1141
|
+
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
1142
|
}], ctorParameters: () => [{ type: AssetsService }, { type: i0.ChangeDetectorRef }], propDecorators: { images: [{
|
|
1099
1143
|
type: Input
|
|
1100
1144
|
}], maxVisible: [{
|
|
@@ -2193,7 +2237,8 @@ class SharedModule {
|
|
|
2193
2237
|
SearchBarComponent,
|
|
2194
2238
|
InputFieldSelectComponent,
|
|
2195
2239
|
BottomModalComponent,
|
|
2196
|
-
PopupModalComponent
|
|
2240
|
+
PopupModalComponent,
|
|
2241
|
+
SelectableComponent], imports: [BaseCardModule,
|
|
2197
2242
|
TranslateModule,
|
|
2198
2243
|
CommonModule,
|
|
2199
2244
|
SearchBarModule,
|
|
@@ -2244,7 +2289,8 @@ class SharedModule {
|
|
|
2244
2289
|
SearchBarComponent,
|
|
2245
2290
|
InputFieldSelectComponent,
|
|
2246
2291
|
BottomModalComponent,
|
|
2247
|
-
PopupModalComponent
|
|
2292
|
+
PopupModalComponent,
|
|
2293
|
+
SelectableComponent] });
|
|
2248
2294
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SharedModule, providers: [provideHttpClient(withInterceptorsFromDi())], imports: [BaseCardModule,
|
|
2249
2295
|
TranslateModule,
|
|
2250
2296
|
CommonModule,
|
|
@@ -2302,7 +2348,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2302
2348
|
SearchBarComponent,
|
|
2303
2349
|
InputFieldSelectComponent,
|
|
2304
2350
|
BottomModalComponent,
|
|
2305
|
-
PopupModalComponent
|
|
2351
|
+
PopupModalComponent,
|
|
2352
|
+
SelectableComponent
|
|
2306
2353
|
],
|
|
2307
2354
|
exports: [
|
|
2308
2355
|
CardComponent,
|
|
@@ -2327,7 +2374,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2327
2374
|
SearchBarComponent,
|
|
2328
2375
|
InputFieldSelectComponent,
|
|
2329
2376
|
BottomModalComponent,
|
|
2330
|
-
PopupModalComponent
|
|
2377
|
+
PopupModalComponent,
|
|
2378
|
+
SelectableComponent
|
|
2331
2379
|
],
|
|
2332
2380
|
schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA], imports: [BaseCardModule,
|
|
2333
2381
|
TranslateModule,
|
|
@@ -2427,11 +2475,11 @@ class FilterMenuComponent {
|
|
|
2427
2475
|
changeSelection() { }
|
|
2428
2476
|
handleFilterClick = () => this.onFilterClick.emit();
|
|
2429
2477
|
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 <
|
|
2478
|
+
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
2479
|
}
|
|
2432
2480
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterMenuComponent, decorators: [{
|
|
2433
2481
|
type: Component,
|
|
2434
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-filter-menu', standalone: false, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <
|
|
2482
|
+
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
2483
|
}], ctorParameters: () => [{ type: ApiService }, { type: i0.ChangeDetectorRef }], propDecorators: { cssClass: [{
|
|
2436
2484
|
type: Input
|
|
2437
2485
|
}], onFilterClick: [{
|
|
@@ -2462,11 +2510,11 @@ class CommentFilterMenuComponent {
|
|
|
2462
2510
|
changeSelection() { }
|
|
2463
2511
|
handleFilterClick = () => this.onFilterClick.emit();
|
|
2464
2512
|
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 <
|
|
2513
|
+
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
2514
|
}
|
|
2467
2515
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentFilterMenuComponent, decorators: [{
|
|
2468
2516
|
type: Component,
|
|
2469
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'comment-filter-menu', standalone: false, template: "<div [class]=\"cssClass + ' filter-menu py-3'\">\r\n <
|
|
2517
|
+
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
2518
|
}], ctorParameters: () => [{ type: ApiService }, { type: i0.ChangeDetectorRef }], propDecorators: { cssClass: [{
|
|
2471
2519
|
type: Input
|
|
2472
2520
|
}], onFilterClick: [{
|
|
@@ -3582,11 +3630,11 @@ class CreateItineraryMemberDetailsComponent {
|
|
|
3582
3630
|
this.location.back();
|
|
3583
3631
|
}
|
|
3584
3632
|
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 <
|
|
3633
|
+
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
3634
|
}
|
|
3587
3635
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryMemberDetailsComponent, decorators: [{
|
|
3588
3636
|
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 <
|
|
3637
|
+
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
3638
|
}], ctorParameters: () => [{ type: i1$2.Location }] });
|
|
3591
3639
|
|
|
3592
3640
|
class CreateItineraryStartLocationComponent {
|
|
@@ -3729,11 +3777,11 @@ class CreateItineraryUserSearchComponent {
|
|
|
3729
3777
|
this.subscription.unsubscribe();
|
|
3730
3778
|
}
|
|
3731
3779
|
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 <
|
|
3780
|
+
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
3781
|
}
|
|
3734
3782
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryUserSearchComponent, decorators: [{
|
|
3735
3783
|
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 <
|
|
3784
|
+
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
3785
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }, { type: CustomDropdownMenuService }, { type: i1.Router }] });
|
|
3738
3786
|
|
|
3739
3787
|
class CreateItineraryComponent {
|
|
@@ -4564,11 +4612,11 @@ class SelectItineraryEventComponent {
|
|
|
4564
4612
|
}
|
|
4565
4613
|
}
|
|
4566
4614
|
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 <
|
|
4615
|
+
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
4616
|
}
|
|
4569
4617
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectItineraryEventComponent, decorators: [{
|
|
4570
4618
|
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 <
|
|
4619
|
+
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
4620
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
4573
4621
|
|
|
4574
4622
|
class SuggestedEventsLocationComponent {
|
|
@@ -4749,11 +4797,11 @@ class SuggestedEventsRouteTypeComponent {
|
|
|
4749
4797
|
this.location.back();
|
|
4750
4798
|
}
|
|
4751
4799
|
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 <
|
|
4800
|
+
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
4801
|
}
|
|
4754
4802
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SuggestedEventsRouteTypeComponent, decorators: [{
|
|
4755
4803
|
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 <
|
|
4804
|
+
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
4805
|
}], ctorParameters: () => [{ type: i1$2.Location }, { type: i0.ChangeDetectorRef }, { type: i1.ActivatedRoute }, { type: ItineraryService }, { type: NavigationHelperService }] });
|
|
4758
4806
|
|
|
4759
4807
|
class CommentSingleComponent {
|
|
@@ -5315,11 +5363,11 @@ class ItineraryAuthorHistoryComponent {
|
|
|
5315
5363
|
this.location.back();
|
|
5316
5364
|
}
|
|
5317
5365
|
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 <
|
|
5366
|
+
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
5367
|
}
|
|
5320
5368
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryAuthorHistoryComponent, decorators: [{
|
|
5321
5369
|
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 <
|
|
5370
|
+
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
5371
|
}], ctorParameters: () => [{ type: i1$2.Location }] });
|
|
5324
5372
|
|
|
5325
5373
|
class DetailsComponent {
|
|
@@ -5409,11 +5457,11 @@ class DetailsComponent {
|
|
|
5409
5457
|
this.navHelper.navigate([UserRoutes.profile], this.route);
|
|
5410
5458
|
}
|
|
5411
5459
|
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 <
|
|
5460
|
+
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
5461
|
}
|
|
5414
5462
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DetailsComponent, decorators: [{
|
|
5415
5463
|
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 <
|
|
5464
|
+
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
5465
|
}], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: NavigationHelperService }] });
|
|
5418
5466
|
|
|
5419
5467
|
class MapComponent {
|
|
@@ -5948,11 +5996,11 @@ class ExistingFriendsComponent {
|
|
|
5948
5996
|
this.subscription.unsubscribe();
|
|
5949
5997
|
}
|
|
5950
5998
|
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 <
|
|
5999
|
+
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
6000
|
}
|
|
5953
6001
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingFriendsComponent, decorators: [{
|
|
5954
6002
|
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 <
|
|
6003
|
+
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
6004
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
5957
6005
|
|
|
5958
6006
|
class ItineraryFriendsComponent {
|
|
@@ -6201,11 +6249,11 @@ class ExistingMembersComponent {
|
|
|
6201
6249
|
this.subscription.unsubscribe();
|
|
6202
6250
|
}
|
|
6203
6251
|
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 <
|
|
6252
|
+
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
6253
|
}
|
|
6206
6254
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingMembersComponent, decorators: [{
|
|
6207
6255
|
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 <
|
|
6256
|
+
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
6257
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1$2.Location }, { type: AssetsService }, { type: i0.ChangeDetectorRef }] });
|
|
6210
6258
|
|
|
6211
6259
|
class ItineraryMembersComponent {
|
|
@@ -9622,11 +9670,11 @@ class ProfileComponent {
|
|
|
9622
9670
|
}
|
|
9623
9671
|
back = () => this.location.back();
|
|
9624
9672
|
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 <
|
|
9673
|
+
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
9674
|
}
|
|
9627
9675
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProfileComponent, decorators: [{
|
|
9628
9676
|
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 <
|
|
9677
|
+
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
9678
|
}], ctorParameters: () => [{ type: i1$2.Location }] });
|
|
9631
9679
|
|
|
9632
9680
|
const routes$1 = [
|