@flower-city-online/itinerary-lib 0.0.19 → 0.0.21

package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-detail/components/summary/summary.component.mjs

@@ -0,0 +1,85 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { ItinerariesRoutesEnum } from '../../../../../../_enums/ItenariesRoutes.enum';
+import { ICONS } from '../../../../../../_constants/constants';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../../_services/location.service";
+import * as i2 from "../../../../../../_services/api.service";
+import * as i3 from "@angular/router";
+import * as i4 from "@angular/common";
+import * as i5 from "../../../../../../shared/users-stack/users-stack.component";
+import * as i6 from "../../../../../../shared/user-stack-tile/user-stack-tile.component";
+import * as i7 from "@naniteninja/ionic-lib";
+import * as i8 from "@ngx-translate/core";
+export class SummaryComponent {
+    locationService;
+    apiService;
+    cdr;
+    router;
+    initialLocation = { lat: 24.8607, lng: 67.0011 }; // Centered on California
+    ICONS = ICONS;
+    usersImageSrc = '/assets/images/users.png';
+    places = [];
+    constructor(locationService, apiService, cdr, router) {
+        this.locationService = locationService;
+        this.apiService = apiService;
+        this.cdr = cdr;
+        this.router = router;
+    }
+    handleUserStackTileClick(clickedOption) {
+        switch (clickedOption) {
+            case 'upvotes':
+                // Navigate to the upvotes page
+                this.router.navigate([
+                    ItinerariesRoutesEnum.ITINERARY,
+                    ItinerariesRoutesEnum.ITINERARY_DETAIL,
+                    ItinerariesRoutesEnum.ITINERARY_USERS,
+                ]);
+                break;
+        }
+    }
+    ngOnInit() {
+        this.apiService.get('/assets/ItinerariesData.json').subscribe((data) => {
+            this.places = data;
+            this.cdr.detectChanges();
+        });
+        this.locationService.getCurrentLocation().subscribe((location) => {
+            this.initialLocation.lat = location.lat;
+            this.initialLocation.lng = location.long;
+        });
+    }
+    navToStartLocation() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.CREATE_ITINERARY_ORIGIN,
+            1,
+        ]);
+    }
+    navToAddPlace() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.SELECT_ITINERARY_ADD_PLACE,
+            1,
+        ]);
+    }
+    navToMembers() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.CREATE_ITINERARY,
+        ]);
+    }
+    navToAddPlaceDateTime() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.SELECT_ITINERARY_ADD_PLACE,
+            1,
+            ItinerariesRoutesEnum.SELECT_ITINERARY_PLACE_DATETIME,
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SummaryComponent, deps: [{ token: i1.LocationService }, { token: i2.ApiService }, { token: i0.ChangeDetectorRef }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SummaryComponent, selector: "app-summary", ngImport: i0, template: "<div class=\"px-5 py-6\">\r\n  <div class=\"flex\">\r\n    <h2 class=\"mr-2\">{{ \"ITINERARY_SUMMARY.ROUTE\" | translate }}</h2>\r\n    <img\r\n      [ngSrc]=\"ICONS['editPink']\"\r\n      alt=\"\"\r\n      height=\"8\"\r\n      width=\"8\"\r\n      (click)=\"navToStartLocation()\"\r\n    />\r\n  </div>\r\n  <div class=\"main-itini-preview\">\r\n    <section class=\"mt-3 w-full\">\r\n      <div class=\"tracking-widest rounded-t-3xl\">\r\n        <div class=\"tracking-bottom-com\">\r\n          <div class=\"flex items-center justify-center gap-x-2\">\r\n            <div class=\"flex items-center gap-x-1 text-xs\">\r\n              <img loading=\"lazy\" [src]=\"ICONS['locationWhite']\" alt=\"location\" />\r\n              <span\r\n                >{{ places.length }}\r\n                {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span\r\n              >\r\n              <img\r\n                [ngSrc]=\"ICONS['editPink']\"\r\n                alt=\"\"\r\n                height=\"8\"\r\n                width=\"8\"\r\n                (click)=\"navToAddPlace()\"\r\n              />\r\n            </div>\r\n            <div class=\"h-4 border w-0 border-secondary\"></div>\r\n            <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n              <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"icon\" />\r\n              <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n              <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n              <img\r\n                [ngSrc]=\"ICONS['editPink']\"\r\n                alt=\"\"\r\n                height=\"8\"\r\n                width=\"8\"\r\n                (click)=\"navToAddPlaceDateTime()\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"></div>\r\n          <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n            <div *ngFor=\"let place of places; let i = index\"\r\n              class=\"flex items-center justify-between w-full gap-x-4 mb-1\">\r\n              <div class=\"flex items-center justify-start gap-x-6\">\r\n                <div\r\n                  class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n                >\r\n                  <img\r\n                    loading=\"lazy\"\r\n                    height=\"22\"\r\n                    width=\"18\"\r\n                    [src]=\"ICONS['restu']\"\r\n                    alt=\"\"\r\n                  />\r\n                  <img\r\n                    loading=\"lazy\"\r\n                    loading=\"lazy\"\r\n                    *ngIf=\"i !== places.length - 1\"\r\n                    class=\"dotted-line\"\r\n                    src=\"assets/images/dotted-line.svg\"\r\n                  />\r\n                </div>\r\n                <div class=\"text\">\r\n                  <h2 class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\">\r\n                    {{ place.name }}\r\n                    <img loading=\"lazy\" [src]=\"ICONS['enLocation']\" alt=\"\" />\r\n                  </h2>\r\n                  <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                    {{ place.description }}\r\n                  </p>\r\n                  <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                    {{ place.distance }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n              <div class=\"flex items-center gap-x-3\">\r\n                <img loading=\"lazy\" [src]=\"ICONS['groupBinBar']\" alt=\"\" class=\"cursor-pointer\" />\r\n              </div>\r\n              <div class=\"flex items-center gap-x-3\">\r\n                <app-users-stack [size]=\"29\"></app-users-stack>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\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    <div class=\"flex items-center mt-2 mb-1\">\r\n      <p class=\"bottom-section-heading mr-2\">\r\n        {{ \"ITINERARY_SUMMARY.TOTAL_MEMBER\" | translate }}\r\n      </p>\r\n      <img\r\n        [ngSrc]=\"ICONS['editPink']\"\r\n        alt=\"\"\r\n        height=\"8\"\r\n        width=\"8\"\r\n        (click)=\"navToMembers()\"\r\n      />\r\n    </div>\r\n\r\n    <app-user-stack-tile label=\"4 People\" [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\" [maxVisible]=\"4\"\r\n      (onClick)=\"handleUserStackTileClick('upvotes')\"></app-user-stack-tile>\r\n  </div>\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:100px;top:10px}.normal-text{color:#fff}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: i5.UsersStackComponent, selector: "app-users-stack", inputs: ["images", "maxVisible", "size", "loading", "class", "isSelectableVisible", "selectableOption"] }, { kind: "component", type: i6.UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "directive", type: i7.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SummaryComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-summary', template: "<div class=\"px-5 py-6\">\r\n  <div class=\"flex\">\r\n    <h2 class=\"mr-2\">{{ \"ITINERARY_SUMMARY.ROUTE\" | translate }}</h2>\r\n    <img\r\n      [ngSrc]=\"ICONS['editPink']\"\r\n      alt=\"\"\r\n      height=\"8\"\r\n      width=\"8\"\r\n      (click)=\"navToStartLocation()\"\r\n    />\r\n  </div>\r\n  <div class=\"main-itini-preview\">\r\n    <section class=\"mt-3 w-full\">\r\n      <div class=\"tracking-widest rounded-t-3xl\">\r\n        <div class=\"tracking-bottom-com\">\r\n          <div class=\"flex items-center justify-center gap-x-2\">\r\n            <div class=\"flex items-center gap-x-1 text-xs\">\r\n              <img loading=\"lazy\" [src]=\"ICONS['locationWhite']\" alt=\"location\" />\r\n              <span\r\n                >{{ places.length }}\r\n                {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span\r\n              >\r\n              <img\r\n                [ngSrc]=\"ICONS['editPink']\"\r\n                alt=\"\"\r\n                height=\"8\"\r\n                width=\"8\"\r\n                (click)=\"navToAddPlace()\"\r\n              />\r\n            </div>\r\n            <div class=\"h-4 border w-0 border-secondary\"></div>\r\n            <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n              <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"icon\" />\r\n              <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n              <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n              <img\r\n                [ngSrc]=\"ICONS['editPink']\"\r\n                alt=\"\"\r\n                height=\"8\"\r\n                width=\"8\"\r\n                (click)=\"navToAddPlaceDateTime()\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"></div>\r\n          <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n            <div *ngFor=\"let place of places; let i = index\"\r\n              class=\"flex items-center justify-between w-full gap-x-4 mb-1\">\r\n              <div class=\"flex items-center justify-start gap-x-6\">\r\n                <div\r\n                  class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n                >\r\n                  <img\r\n                    loading=\"lazy\"\r\n                    height=\"22\"\r\n                    width=\"18\"\r\n                    [src]=\"ICONS['restu']\"\r\n                    alt=\"\"\r\n                  />\r\n                  <img\r\n                    loading=\"lazy\"\r\n                    loading=\"lazy\"\r\n                    *ngIf=\"i !== places.length - 1\"\r\n                    class=\"dotted-line\"\r\n                    src=\"assets/images/dotted-line.svg\"\r\n                  />\r\n                </div>\r\n                <div class=\"text\">\r\n                  <h2 class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\">\r\n                    {{ place.name }}\r\n                    <img loading=\"lazy\" [src]=\"ICONS['enLocation']\" alt=\"\" />\r\n                  </h2>\r\n                  <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                    {{ place.description }}\r\n                  </p>\r\n                  <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                    {{ place.distance }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n              <div class=\"flex items-center gap-x-3\">\r\n                <img loading=\"lazy\" [src]=\"ICONS['groupBinBar']\" alt=\"\" class=\"cursor-pointer\" />\r\n              </div>\r\n              <div class=\"flex items-center gap-x-3\">\r\n                <app-users-stack [size]=\"29\"></app-users-stack>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\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    <div class=\"flex items-center mt-2 mb-1\">\r\n      <p class=\"bottom-section-heading mr-2\">\r\n        {{ \"ITINERARY_SUMMARY.TOTAL_MEMBER\" | translate }}\r\n      </p>\r\n      <img\r\n        [ngSrc]=\"ICONS['editPink']\"\r\n        alt=\"\"\r\n        height=\"8\"\r\n        width=\"8\"\r\n        (click)=\"navToMembers()\"\r\n      />\r\n    </div>\r\n\r\n    <app-user-stack-tile label=\"4 People\" [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\" [maxVisible]=\"4\"\r\n      (onClick)=\"handleUserStackTileClick('upvotes')\"></app-user-stack-tile>\r\n  </div>\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:100px;top:10px}.normal-text{color:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: i1.LocationService }, { type: i2.ApiService }, { type: i0.ChangeDetectorRef }, { type: i3.Router }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VtbWFyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1kZXRhaWwvY29tcG9uZW50cy9zdW1tYXJ5L3N1bW1hcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvbW9kdWxlcy9pdGluZXJhcmllcy9wYWdlcy9pdGluZXJhcnktZGV0YWlsL2NvbXBvbmVudHMvc3VtbWFyeS9zdW1tYXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBSXRGLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7Ozs7Ozs7OztBQVEvRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUWxCO0lBQ0E7SUFDQztJQUNBO0lBVlYsZUFBZSxHQUFHLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyx5QkFBeUI7SUFDM0UsS0FBSyxHQUE4QixLQUFLLENBQUM7SUFDekMsYUFBYSxHQUFHLDBCQUEwQixDQUFDO0lBRTNDLE1BQU0sR0FBaUIsRUFBRSxDQUFDO0lBRTFCLFlBQ1MsZUFBZ0MsRUFDaEMsVUFBc0IsRUFDckIsR0FBc0IsRUFDdEIsTUFBYztRQUhmLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3JCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLFdBQU0sR0FBTixNQUFNLENBQVE7SUFDckIsQ0FBQztJQUVKLHdCQUF3QixDQUFDLGFBQXFCO1FBQzVDLFFBQVEsYUFBYSxFQUFFO1lBQ3JCLEtBQUssU0FBUztnQkFDWiwrQkFBK0I7Z0JBQzlCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO29CQUNsQixxQkFBcUIsQ0FBQyxTQUFTO29CQUMvQixxQkFBcUIsQ0FBQyxnQkFBZ0I7b0JBQ3RDLHFCQUFxQixDQUFDLGVBQWU7aUJBQ3RDLENBQUMsQ0FBQztnQkFDTCxNQUFNO1NBQ1Q7SUFDSCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLDhCQUE4QixDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDckUsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFvQixDQUFDO1lBQ25DLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsZUFBZSxDQUFDLGtCQUFrQixFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDL0QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLEdBQUcsUUFBUSxDQUFDLEdBQUcsQ0FBQztZQUN4QyxJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDO1FBQzNDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztZQUNuQixxQkFBcUIsQ0FBQyxTQUFTO1lBQy9CLHFCQUFxQixDQUFDLHVCQUF1QjtZQUM3QyxDQUFDO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztZQUNuQixxQkFBcUIsQ0FBQyxTQUFTO1lBQy9CLHFCQUFxQixDQUFDLDBCQUEwQjtZQUNoRCxDQUFDO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztZQUNuQixxQkFBcUIsQ0FBQyxTQUFTO1lBQy9CLHFCQUFxQixDQUFDLGdCQUFnQjtTQUN2QyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1lBQ25CLHFCQUFxQixDQUFDLFNBQVM7WUFDL0IscUJBQXFCLENBQUMsMEJBQTBCO1lBQ2hELENBQUM7WUFDRCxxQkFBcUIsQ0FBQywrQkFBK0I7U0FDdEQsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt3R0FwRVUsZ0JBQWdCOzRGQUFoQixnQkFBZ0IsbURDbEI3QixzaUpBaUhBOzs0RkQvRmEsZ0JBQWdCO2tCQU41QixTQUFTO3NDQUNTLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInOyAgXHJcbmltcG9ydCB7IEl0aW5lcmFyaWVzUm91dGVzRW51bSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL19lbnVtcy9JdGVuYXJpZXNSb3V0ZXMuZW51bSc7XHJcbmltcG9ydCB7IElJdGluZXJhcnkgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9fbW9kZWxzL2ktSXRpbmVyYXJ5JztcclxuaW1wb3J0IHsgQXBpU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL19zZXJ2aWNlcy9hcGkuc2VydmljZSc7XHJcbmltcG9ydCB7IExvY2F0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL19zZXJ2aWNlcy9sb2NhdGlvbi5zZXJ2aWNlJztcclxuaW1wb3J0IHsgSUNPTlMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9fY29uc3RhbnRzL2NvbnN0YW50cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBzZWxlY3RvcjogJ2FwcC1zdW1tYXJ5JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3VtbWFyeS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3N1bW1hcnkuY29tcG9uZW50LmNzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdW1tYXJ5Q29tcG9uZW50IHtcclxuICBpbml0aWFsTG9jYXRpb24gPSB7IGxhdDogMjQuODYwNywgbG5nOiA2Ny4wMDExIH07IC8vIENlbnRlcmVkIG9uIENhbGlmb3JuaWFcclxuICBJQ09OUzogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSA9IElDT05TO1xyXG4gIHVzZXJzSW1hZ2VTcmMgPSAnL2Fzc2V0cy9pbWFnZXMvdXNlcnMucG5nJztcclxuXHJcbiAgcGxhY2VzOiBJSXRpbmVyYXJ5W10gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgbG9jYXRpb25TZXJ2aWNlOiBMb2NhdGlvblNlcnZpY2UsXHJcbiAgICBwdWJsaWMgYXBpU2VydmljZTogQXBpU2VydmljZSxcclxuICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXHJcbiAgKSB7fVxyXG5cclxuICBoYW5kbGVVc2VyU3RhY2tUaWxlQ2xpY2soY2xpY2tlZE9wdGlvbjogc3RyaW5nKTogdm9pZCB7XHJcbiAgICBzd2l0Y2ggKGNsaWNrZWRPcHRpb24pIHtcclxuICAgICAgY2FzZSAndXB2b3Rlcyc6XHJcbiAgICAgICAgLy8gTmF2aWdhdGUgdG8gdGhlIHVwdm90ZXMgcGFnZVxyXG4gICAgICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgICAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUlksXHJcbiAgICAgICAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUllfREVUQUlMLFxyXG4gICAgICAgICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZX1VTRVJTLFxyXG4gICAgICAgICAgXSk7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYXBpU2VydmljZS5nZXQoJy9hc3NldHMvSXRpbmVyYXJpZXNEYXRhLmpzb24nKS5zdWJzY3JpYmUoKGRhdGEpID0+IHtcclxuICAgICAgdGhpcy5wbGFjZXMgPSBkYXRhIGFzIElJdGluZXJhcnlbXTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgICB0aGlzLmxvY2F0aW9uU2VydmljZS5nZXRDdXJyZW50TG9jYXRpb24oKS5zdWJzY3JpYmUoKGxvY2F0aW9uKSA9PiB7XHJcbiAgICAgIHRoaXMuaW5pdGlhbExvY2F0aW9uLmxhdCA9IGxvY2F0aW9uLmxhdDtcclxuICAgICAgdGhpcy5pbml0aWFsTG9jYXRpb24ubG5nID0gbG9jYXRpb24ubG9uZztcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmF2VG9TdGFydExvY2F0aW9uKCkge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW1xyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZLFxyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uQ1JFQVRFX0lUSU5FUkFSWV9PUklHSU4sXHJcbiAgICAgIDEsXHJcbiAgICBdKTtcclxuICB9XHJcblxyXG4gIG5hdlRvQWRkUGxhY2UoKSB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUlksXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5TRUxFQ1RfSVRJTkVSQVJZX0FERF9QTEFDRSxcclxuICAgICAgMSxcclxuICAgIF0pO1xyXG4gIH1cclxuXHJcbiAgbmF2VG9NZW1iZXJzKCkge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW1xyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZLFxyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uQ1JFQVRFX0lUSU5FUkFSWSxcclxuICAgIF0pO1xyXG4gIH1cclxuXHJcbiAgbmF2VG9BZGRQbGFjZURhdGVUaW1lKCkge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW1xyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZLFxyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uU0VMRUNUX0lUSU5FUkFSWV9BRERfUExBQ0UsXHJcbiAgICAgIDEsXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5TRUxFQ1RfSVRJTkVSQVJZX1BMQUNFX0RBVEVUSU1FLFxyXG4gICAgXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJweC01IHB5LTZcIj5cclxuICA8ZGl2IGNsYXNzPVwiZmxleFwiPlxyXG4gICAgPGgyIGNsYXNzPVwibXItMlwiPnt7IFwiSVRJTkVSQVJZX1NVTU1BUlkuUk9VVEVcIiB8IHRyYW5zbGF0ZSB9fTwvaDI+XHJcbiAgICA8aW1nXHJcbiAgICAgIFtuZ1NyY109XCJJQ09OU1snZWRpdFBpbmsnXVwiXHJcbiAgICAgIGFsdD1cIlwiXHJcbiAgICAgIGhlaWdodD1cIjhcIlxyXG4gICAgICB3aWR0aD1cIjhcIlxyXG4gICAgICAoY2xpY2spPVwibmF2VG9TdGFydExvY2F0aW9uKClcIlxyXG4gICAgLz5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwibWFpbi1pdGluaS1wcmV2aWV3XCI+XHJcbiAgICA8c2VjdGlvbiBjbGFzcz1cIm10LTMgdy1mdWxsXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0cmFja2luZy13aWRlc3Qgcm91bmRlZC10LTN4bFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0cmFja2luZy1ib3R0b20tY29tXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgZ2FwLXgtMlwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLXgtMSB0ZXh0LXhzXCI+XHJcbiAgICAgICAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIFtzcmNdPVwiSUNPTlNbJ2xvY2F0aW9uV2hpdGUnXVwiIGFsdD1cImxvY2F0aW9uXCIgLz5cclxuICAgICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgICAgPnt7IHBsYWNlcy5sZW5ndGggfX1cclxuICAgICAgICAgICAgICAgIHt7IFwiSVRJTkVSQVJZX1NVTU1BUlkuUExBQ0VTXCIgfCB0cmFuc2xhdGUgfX08L3NwYW5cclxuICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgPGltZ1xyXG4gICAgICAgICAgICAgICAgW25nU3JjXT1cIklDT05TWydlZGl0UGluayddXCJcclxuICAgICAgICAgICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgICAgICAgICBoZWlnaHQ9XCI4XCJcclxuICAgICAgICAgICAgICAgIHdpZHRoPVwiOFwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwibmF2VG9BZGRQbGFjZSgpXCJcclxuICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImgtNCBib3JkZXIgdy0wIGJvcmRlci1zZWNvbmRhcnlcIj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGdhcC14LTIgdGV4dC14c1wiPlxyXG4gICAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cIklDT05TWydjbG9jayddXCIgYWx0PVwiaWNvblwiIC8+XHJcbiAgICAgICAgICAgICAgPHNwYW4+NDUge3sgXCJEQVRFX1RJTUUuTUlOVVRFU1wiIHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC1zZWNvbmRhcnkgZm9udC10aGluXCI+KDYuNiBLbSk8L3NwYW4+XHJcbiAgICAgICAgICAgICAgPGltZ1xyXG4gICAgICAgICAgICAgICAgW25nU3JjXT1cIklDT05TWydlZGl0UGluayddXCJcclxuICAgICAgICAgICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgICAgICAgICBoZWlnaHQ9XCI4XCJcclxuICAgICAgICAgICAgICAgIHdpZHRoPVwiOFwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwibmF2VG9BZGRQbGFjZURhdGVUaW1lKClcIlxyXG4gICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVyIGJvcmRlci1kYXNoZWQgb3BhY2l0eS01NSByb3RhdGUtOTAgYWJzb2x1dGUgLWxlZnQtNiB0b3AtMzZcIj48L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb250LUdpbHJveSBtdC01IG1iLTMgZmxleCBmbGV4LWNvbCBnYXAteS01XCI+XHJcbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHBsYWNlIG9mIHBsYWNlczsgbGV0IGkgPSBpbmRleFwiXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gdy1mdWxsIGdhcC14LTQgbWItMVwiPlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LXN0YXJ0IGdhcC14LTZcIj5cclxuICAgICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ6LTUwIGljb24gdy04IGgtOCBvdXRzZXQtc2hhZG93IGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHJvdW5kZWQtZnVsbCByZWxhdGl2ZVwiXHJcbiAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiMjJcIlxyXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMThcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiSUNPTlNbJ3Jlc3R1J11cIlxyXG4gICAgICAgICAgICAgICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgICAgICAgICAgICAgICAgbG9hZGluZz1cImxhenlcIlxyXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaSAhPT0gcGxhY2VzLmxlbmd0aCAtIDFcIlxyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZG90dGVkLWxpbmVcIlxyXG4gICAgICAgICAgICAgICAgICAgIHNyYz1cImFzc2V0cy9pbWFnZXMvZG90dGVkLWxpbmUuc3ZnXCJcclxuICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHRcIj5cclxuICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwiZi1zbSBmLXhzIGZsZXggaXRlbXMtY2VudGVyIGdhcC14LTEgdGV4dC14cyBtYi0xXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3sgcGxhY2UubmFtZSB9fVxyXG4gICAgICAgICAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cIklDT05TWydlbkxvY2F0aW9uJ11cIiBhbHQ9XCJcIiAvPlxyXG4gICAgICAgICAgICAgICAgICA8L2gyPlxyXG4gICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cImYteHMgdGV4dC1zZWNvbmRhcnkgdGV4dC14cyBtYi0xXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3sgcGxhY2UuZGVzY3JpcHRpb24gfX1cclxuICAgICAgICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cImYteHMgdGV4dC1zZWNvbmRhcnkgdGV4dC14cyBtYi0xXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3sgcGxhY2UuZGlzdGFuY2UgfX1cclxuICAgICAgICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGdhcC14LTNcIj5cclxuICAgICAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cIklDT05TWydncm91cEJpbkJhciddXCIgYWx0PVwiXCIgY2xhc3M9XCJjdXJzb3ItcG9pbnRlclwiIC8+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGdhcC14LTNcIj5cclxuICAgICAgICAgICAgICAgIDxhcHAtdXNlcnMtc3RhY2sgW3NpemVdPVwiMjlcIj48L2FwcC11c2Vycy1zdGFjaz5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L3NlY3Rpb24+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJib3JkZXItdCBib3JkZXItZ3JheS03MDAgbXQtMlwiPjwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwibXQtNFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIG10LTIgbWItMVwiPlxyXG4gICAgICA8cCBjbGFzcz1cImJvdHRvbS1zZWN0aW9uLWhlYWRpbmcgbXItMlwiPlxyXG4gICAgICAgIHt7IFwiSVRJTkVSQVJZX1NVTU1BUlkuVE9UQUxfTUVNQkVSXCIgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC9wPlxyXG4gICAgICA8aW1nXHJcbiAgICAgICAgW25nU3JjXT1cIklDT05TWydlZGl0UGluayddXCJcclxuICAgICAgICBhbHQ9XCJcIlxyXG4gICAgICAgIGhlaWdodD1cIjhcIlxyXG4gICAgICAgIHdpZHRoPVwiOFwiXHJcbiAgICAgICAgKGNsaWNrKT1cIm5hdlRvTWVtYmVycygpXCJcclxuICAgICAgLz5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxhcHAtdXNlci1zdGFjay10aWxlIGxhYmVsPVwiNCBQZW9wbGVcIiBbYnV0dG9uVGV4dF09XCInSVRJTkVSQVJZX1NVTU1BUlkuVklFV19NT1JFJyB8IHRyYW5zbGF0ZVwiIFttYXhWaXNpYmxlXT1cIjRcIlxyXG4gICAgICAob25DbGljayk9XCJoYW5kbGVVc2VyU3RhY2tUaWxlQ2xpY2soJ3Vwdm90ZXMnKVwiPjwvYXBwLXVzZXItc3RhY2stdGlsZT5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-detail/itinerary-detail.component.mjs

@@ -0,0 +1,98 @@
+import { Component, Input } from '@angular/core';
+import { ItinerariesRoutesEnum } from '../../../../_enums/ItenariesRoutes.enum';
+import { ICONS } from '../../../../_constants/constants';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+import * as i3 from "@naniteninja/ionic-lib";
+import * as i4 from "../../../../shared/header/header.component";
+export class ItineraryDetailComponent {
+    location;
+    router;
+    itineraryTitle = 'Advance Tour';
+    ICONS = ICONS;
+    tabMenuItems = [
+        {
+            label: 'Summary',
+            icon: 'pi pi-fw pi-home',
+            routerLink: `${ItinerariesRoutesEnum.ITINERARY}/${ItinerariesRoutesEnum.ITINERARY_DETAIL}/${ItinerariesRoutesEnum.ITINERARY_SUMMARY}`,
+        },
+        {
+            label: 'Map',
+            icon: 'pi pi-fw pi-map-marker',
+            routerLink: `${ItinerariesRoutesEnum.ITINERARY}/${ItinerariesRoutesEnum.ITINERARY_DETAIL}/${ItinerariesRoutesEnum.ITINERARY_MAP}`,
+        },
+        {
+            label: 'Details',
+            icon: 'pi pi-fw pi-user',
+            routerLink: `${ItinerariesRoutesEnum.ITINERARY}/${ItinerariesRoutesEnum.ITINERARY_DETAIL}/${ItinerariesRoutesEnum.ITINERARY_MORE_DETAIL}`,
+        },
+    ];
+    activeItem;
+    dropdownMenuItems = [
+        {
+            title: 'Edit Itinerary',
+            iconUrl: ICONS['edit'],
+        },
+        {
+            title: 'Archive',
+            iconUrl: ICONS['archiveWhite'],
+        },
+        {
+            title: 'Add to Favorites',
+            iconUrl: ICONS['favorite'],
+        },
+        {
+            title: 'Share Itinerary',
+            iconUrl: ICONS['share'],
+        },
+        {
+            title: 'Report',
+            iconUrl: ICONS['report'],
+        },
+        {
+            title: 'Delete Itinerary',
+            iconUrl: ICONS['delete'],
+            command: () => {
+                this.isModalOpen = true;
+            },
+        },
+    ];
+    isModalOpen = false;
+    constructor(location, router) {
+        this.location = location;
+        this.router = router;
+    }
+    ngOnInit() {
+        this.activeItem = this.tabMenuItems.find((x) => x.routerLink === this.router.url);
+    }
+    onModalConfirmed() {
+        this.isModalOpen = false;
+    }
+    onModalDismissed() {
+        this.isModalOpen = false;
+    }
+    //NAVIGATIONS
+    back() {
+        this.location.back();
+    }
+    navToMembers() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.CREATE_ITINERARY,
+        ]);
+    }
+    onActiveItemChange(event) {
+        this.activeItem = event;
+        this.router.navigate([event.routerLink]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryDetailComponent, deps: [{ token: i1.Location }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryDetailComponent, selector: "app-itinerary-detail", inputs: { itineraryTitle: "itineraryTitle" }, ngImport: i0, template: "<div>\r\n  <ng-template #menuItems>\r\n    <lib-menu-btn [menuItems]=\"dropdownMenuItems\" class=\"lib-menu-bg-none\">\r\n      <img [src]=\"ICONS['horizontal']\" alt=\"right-icon\" />\r\n    </lib-menu-btn>\r\n  </ng-template>\r\n\r\n  <app-header\r\n    [headerSuffixTemplate]=\"menuItems\"\r\n    heading=\"Adventure Tour\"\r\n    (firstButton)=\"back()\"\r\n    [titleIcon]=\"ICONS['editPink']\"\r\n    (titleIconClick)=\"navToMembers()\"\r\n  ></app-header>\r\n  <lib-tab-menu\r\n    [items]=\"tabMenuItems\"\r\n    [activeItem]=\"activeItem\"\r\n    (activeItemChange)=\"onActiveItemChange($event)\"\r\n    #libTabMenu\r\n  ></lib-tab-menu>\r\n\r\n  <div class=\"minScreen\">\r\n    <router-outlet></router-outlet>\r\n  </div>\r\n</div>\r\n\r\n<ng-container>\r\n  <lib-popup\r\n    [isOpen]=\"isModalOpen\"\r\n    confirmButton=\"Delete\"\r\n    cancelButton=\"Keep\"\r\n    title=\"Delete Itinerary\"\r\n    message=\"Are you sure you want to permanently delete this history?\"\r\n    (modalConfirm)=\"onModalConfirmed()\"\r\n    (modalDismiss)=\"onModalDismissed()\"\r\n  ></lib-popup>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i3.LibTabMenuComponent, selector: "lib-tab-menu", inputs: ["items", "activeItem", "stretchTabs"], outputs: ["activeItemChange"] }, { kind: "component", type: i3.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: "component", type: i4.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: i3.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "directive", type: i3.LazyImageDirective, selector: "img" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-itinerary-detail', template: "<div>\r\n  <ng-template #menuItems>\r\n    <lib-menu-btn [menuItems]=\"dropdownMenuItems\" class=\"lib-menu-bg-none\">\r\n      <img [src]=\"ICONS['horizontal']\" alt=\"right-icon\" />\r\n    </lib-menu-btn>\r\n  </ng-template>\r\n\r\n  <app-header\r\n    [headerSuffixTemplate]=\"menuItems\"\r\n    heading=\"Adventure Tour\"\r\n    (firstButton)=\"back()\"\r\n    [titleIcon]=\"ICONS['editPink']\"\r\n    (titleIconClick)=\"navToMembers()\"\r\n  ></app-header>\r\n  <lib-tab-menu\r\n    [items]=\"tabMenuItems\"\r\n    [activeItem]=\"activeItem\"\r\n    (activeItemChange)=\"onActiveItemChange($event)\"\r\n    #libTabMenu\r\n  ></lib-tab-menu>\r\n\r\n  <div class=\"minScreen\">\r\n    <router-outlet></router-outlet>\r\n  </div>\r\n</div>\r\n\r\n<ng-container>\r\n  <lib-popup\r\n    [isOpen]=\"isModalOpen\"\r\n    confirmButton=\"Delete\"\r\n    cancelButton=\"Keep\"\r\n    title=\"Delete Itinerary\"\r\n    message=\"Are you sure you want to permanently delete this history?\"\r\n    (modalConfirm)=\"onModalConfirmed()\"\r\n    (modalDismiss)=\"onModalDismissed()\"\r\n  ></lib-popup>\r\n</ng-container>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.Location }, { type: i2.Router }], propDecorators: { itineraryTitle: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRpbmVyYXJ5LWRldGFpbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1kZXRhaWwvaXRpbmVyYXJ5LWRldGFpbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1kZXRhaWwvaXRpbmVyYXJ5LWRldGFpbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUl6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7OztBQU96RCxNQUFNLE9BQU8sd0JBQXdCO0lBd0R6QjtJQUNBO0lBeERELGNBQWMsR0FBRyxjQUFjLENBQUM7SUFDekMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNkLFlBQVksR0FBZTtRQUN6QjtZQUNFLEtBQUssRUFBRSxTQUFTO1lBQ2hCLElBQUksRUFBRSxrQkFBa0I7WUFDeEIsVUFBVSxFQUFFLEdBQUcscUJBQXFCLENBQUMsU0FBUyxJQUFJLHFCQUFxQixDQUFDLGdCQUFnQixJQUFJLHFCQUFxQixDQUFDLGlCQUFpQixFQUFFO1NBQ3RJO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsS0FBSztZQUNaLElBQUksRUFBRSx3QkFBd0I7WUFDOUIsVUFBVSxFQUFFLEdBQUcscUJBQXFCLENBQUMsU0FBUyxJQUFJLHFCQUFxQixDQUFDLGdCQUFnQixJQUFJLHFCQUFxQixDQUFDLGFBQWEsRUFBRTtTQUNsSTtRQUNEO1lBQ0UsS0FBSyxFQUFFLFNBQVM7WUFDaEIsSUFBSSxFQUFFLGtCQUFrQjtZQUN4QixVQUFVLEVBQUUsR0FBRyxxQkFBcUIsQ0FBQyxTQUFTLElBQUkscUJBQXFCLENBQUMsZ0JBQWdCLElBQUkscUJBQXFCLENBQUMscUJBQXFCLEVBQUU7U0FDMUk7S0FDRixDQUFDO0lBRUYsVUFBVSxDQUFZO0lBRXRCLGlCQUFpQixHQUFrQjtRQUNqQztZQUNFLEtBQUssRUFBRSxnQkFBZ0I7WUFDdkIsT0FBTyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUM7U0FDdkI7UUFDRDtZQUNFLEtBQUssRUFBRSxTQUFTO1lBQ2hCLE9BQU8sRUFBRSxLQUFLLENBQUMsY0FBYyxDQUFDO1NBQy9CO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsa0JBQWtCO1lBQ3pCLE9BQU8sRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDO1NBQzNCO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsaUJBQWlCO1lBQ3hCLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDO1NBQ3hCO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsUUFBUTtZQUNmLE9BQU8sRUFBRSxLQUFLLENBQUMsUUFBUSxDQUFDO1NBQ3pCO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsa0JBQWtCO1lBQ3pCLE9BQU8sRUFBRSxLQUFLLENBQUMsUUFBUSxDQUFDO1lBQ3hCLE9BQU8sRUFBRSxHQUFHLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7WUFDMUIsQ0FBQztTQUNGO0tBQ0YsQ0FBQztJQUVGLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFFcEIsWUFDVSxRQUFrQixFQUNsQixNQUFjO1FBRGQsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNsQixXQUFNLEdBQU4sTUFBTSxDQUFRO0lBQ3JCLENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FDdEMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxVQUFVLEtBQUssSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQ3ZDLENBQUM7SUFDTCxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFFRCxhQUFhO0lBQ2IsSUFBSTtRQUNGLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUNELFlBQVk7UUFDVixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztZQUNuQixxQkFBcUIsQ0FBQyxTQUFTO1lBQy9CLHFCQUFxQixDQUFDLGdCQUFnQjtTQUN2QyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBQ0Qsa0JBQWtCLENBQUMsS0FBZTtRQUNoQyxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQzNDLENBQUM7d0dBdkZVLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLDBHQ2JyQyw4bENBcUNBOzs0RkR4QmEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHNCQUFzQjtrR0FLdkIsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IExpYk1lbnVJdGVtIH0gZnJvbSAnQG5hbml0ZW5pbmphL2lvbmljLWxpYic7XHJcbmltcG9ydCB7IE1lbnVJdGVtIH0gZnJvbSAncHJpbWVuZy9hcGknOyAgXHJcbmltcG9ydCB7IEl0aW5lcmFyaWVzUm91dGVzRW51bSB9IGZyb20gJy4uLy4uLy4uLy4uL19lbnVtcy9JdGVuYXJpZXNSb3V0ZXMuZW51bSc7XHJcbmltcG9ydCB7IElDT05TIH0gZnJvbSAnLi4vLi4vLi4vLi4vX2NvbnN0YW50cy9jb25zdGFudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtaXRpbmVyYXJ5LWRldGFpbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2l0aW5lcmFyeS1kZXRhaWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9pdGluZXJhcnktZGV0YWlsLmNvbXBvbmVudC5jc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSXRpbmVyYXJ5RGV0YWlsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBpdGluZXJhcnlUaXRsZSA9ICdBZHZhbmNlIFRvdXInO1xyXG4gIElDT05TID0gSUNPTlM7XHJcbiAgdGFiTWVudUl0ZW1zOiBNZW51SXRlbVtdID0gW1xyXG4gICAge1xyXG4gICAgICBsYWJlbDogJ1N1bW1hcnknLFxyXG4gICAgICBpY29uOiAncGkgcGktZncgcGktaG9tZScsXHJcbiAgICAgIHJvdXRlckxpbms6IGAke0l0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUll9LyR7SXRpbmVyYXJpZXNSb3V0ZXNFbnVtLklUSU5FUkFSWV9ERVRBSUx9LyR7SXRpbmVyYXJpZXNSb3V0ZXNFbnVtLklUSU5FUkFSWV9TVU1NQVJZfWAsXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBsYWJlbDogJ01hcCcsXHJcbiAgICAgIGljb246ICdwaSBwaS1mdyBwaS1tYXAtbWFya2VyJyxcclxuICAgICAgcm91dGVyTGluazogYCR7SXRpbmVyYXJpZXNSb3V0ZXNFbnVtLklUSU5FUkFSWX0vJHtJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZX0RFVEFJTH0vJHtJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZX01BUH1gLFxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgbGFiZWw6ICdEZXRhaWxzJyxcclxuICAgICAgaWNvbjogJ3BpIHBpLWZ3IHBpLXVzZXInLFxyXG4gICAgICByb3V0ZXJMaW5rOiBgJHtJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZfS8ke0l0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUllfREVUQUlMfS8ke0l0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUllfTU9SRV9ERVRBSUx9YCxcclxuICAgIH0sXHJcbiAgXTtcclxuXHJcbiAgYWN0aXZlSXRlbSE6IE1lbnVJdGVtO1xyXG5cclxuICBkcm9wZG93bk1lbnVJdGVtczogTGliTWVudUl0ZW1bXSA9IFtcclxuICAgIHtcclxuICAgICAgdGl0bGU6ICdFZGl0IEl0aW5lcmFyeScsXHJcbiAgICAgIGljb25Vcmw6IElDT05TWydlZGl0J10sXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICB0aXRsZTogJ0FyY2hpdmUnLFxyXG4gICAgICBpY29uVXJsOiBJQ09OU1snYXJjaGl2ZVdoaXRlJ10sXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICB0aXRsZTogJ0FkZCB0byBGYXZvcml0ZXMnLFxyXG4gICAgICBpY29uVXJsOiBJQ09OU1snZmF2b3JpdGUnXSxcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIHRpdGxlOiAnU2hhcmUgSXRpbmVyYXJ5JyxcclxuICAgICAgaWNvblVybDogSUNPTlNbJ3NoYXJlJ10sXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICB0aXRsZTogJ1JlcG9ydCcsXHJcbiAgICAgIGljb25Vcmw6IElDT05TWydyZXBvcnQnXSxcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIHRpdGxlOiAnRGVsZXRlIEl0aW5lcmFyeScsXHJcbiAgICAgIGljb25Vcmw6IElDT05TWydkZWxldGUnXSxcclxuICAgICAgY29tbWFuZDogKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuaXNNb2RhbE9wZW4gPSB0cnVlO1xyXG4gICAgICB9LFxyXG4gICAgfSxcclxuICBdO1xyXG5cclxuICBpc01vZGFsT3BlbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgbG9jYXRpb246IExvY2F0aW9uLFxyXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcclxuICApIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5hY3RpdmVJdGVtID0gdGhpcy50YWJNZW51SXRlbXMuZmluZChcclxuICAgICAgKHgpID0+IHgucm91dGVyTGluayA9PT0gdGhpcy5yb3V0ZXIudXJsLFxyXG4gICAgKSE7XHJcbiAgfVxyXG5cclxuICBvbk1vZGFsQ29uZmlybWVkKCkge1xyXG4gICAgdGhpcy5pc01vZGFsT3BlbiA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgb25Nb2RhbERpc21pc3NlZCgpIHtcclxuICAgIHRoaXMuaXNNb2RhbE9wZW4gPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIC8vTkFWSUdBVElPTlNcclxuICBiYWNrKCkge1xyXG4gICAgdGhpcy5sb2NhdGlvbi5iYWNrKCk7XHJcbiAgfVxyXG4gIG5hdlRvTWVtYmVycygpIHtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtcclxuICAgICAgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLklUSU5FUkFSWSxcclxuICAgICAgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLkNSRUFURV9JVElORVJBUlksXHJcbiAgICBdKTtcclxuICB9XHJcbiAgb25BY3RpdmVJdGVtQ2hhbmdlKGV2ZW50OiBNZW51SXRlbSkge1xyXG4gICAgdGhpcy5hY3RpdmVJdGVtID0gZXZlbnQ7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbZXZlbnQucm91dGVyTGlua10pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2PlxyXG4gIDxuZy10ZW1wbGF0ZSAjbWVudUl0ZW1zPlxyXG4gICAgPGxpYi1tZW51LWJ0biBbbWVudUl0ZW1zXT1cImRyb3Bkb3duTWVudUl0ZW1zXCIgY2xhc3M9XCJsaWItbWVudS1iZy1ub25lXCI+XHJcbiAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snaG9yaXpvbnRhbCddXCIgYWx0PVwicmlnaHQtaWNvblwiIC8+XHJcbiAgICA8L2xpYi1tZW51LWJ0bj5cclxuICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICA8YXBwLWhlYWRlclxyXG4gICAgW2hlYWRlclN1ZmZpeFRlbXBsYXRlXT1cIm1lbnVJdGVtc1wiXHJcbiAgICBoZWFkaW5nPVwiQWR2ZW50dXJlIFRvdXJcIlxyXG4gICAgKGZpcnN0QnV0dG9uKT1cImJhY2soKVwiXHJcbiAgICBbdGl0bGVJY29uXT1cIklDT05TWydlZGl0UGluayddXCJcclxuICAgICh0aXRsZUljb25DbGljayk9XCJuYXZUb01lbWJlcnMoKVwiXHJcbiAgPjwvYXBwLWhlYWRlcj5cclxuICA8bGliLXRhYi1tZW51XHJcbiAgICBbaXRlbXNdPVwidGFiTWVudUl0ZW1zXCJcclxuICAgIFthY3RpdmVJdGVtXT1cImFjdGl2ZUl0ZW1cIlxyXG4gICAgKGFjdGl2ZUl0ZW1DaGFuZ2UpPVwib25BY3RpdmVJdGVtQ2hhbmdlKCRldmVudClcIlxyXG4gICAgI2xpYlRhYk1lbnVcclxuICA+PC9saWItdGFiLW1lbnU+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJtaW5TY3JlZW5cIj5cclxuICAgIDxyb3V0ZXItb3V0bGV0Pjwvcm91dGVyLW91dGxldD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48bmctY29udGFpbmVyPlxyXG4gIDxsaWItcG9wdXBcclxuICAgIFtpc09wZW5dPVwiaXNNb2RhbE9wZW5cIlxyXG4gICAgY29uZmlybUJ1dHRvbj1cIkRlbGV0ZVwiXHJcbiAgICBjYW5jZWxCdXR0b249XCJLZWVwXCJcclxuICAgIHRpdGxlPVwiRGVsZXRlIEl0aW5lcmFyeVwiXHJcbiAgICBtZXNzYWdlPVwiQXJlIHlvdSBzdXJlIHlvdSB3YW50IHRvIHBlcm1hbmVudGx5IGRlbGV0ZSB0aGlzIGhpc3Rvcnk/XCJcclxuICAgIChtb2RhbENvbmZpcm0pPVwib25Nb2RhbENvbmZpcm1lZCgpXCJcclxuICAgIChtb2RhbERpc21pc3MpPVwib25Nb2RhbERpc21pc3NlZCgpXCJcclxuICA+PC9saWItcG9wdXA+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=

package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/existing-friends/existing-friends.component.mjs

@@ -0,0 +1,76 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { ItinerariesRoutesEnum } from '../../../../../_enums/ItenariesRoutes.enum';
+import { ICONS } from '../../../../../_constants/constants';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../../../_data/app-service.service";
+import * as i4 from "../../../../../_data/user-friends.service";
+import * as i5 from "@naniteninja/ionic-lib";
+import * as i6 from "../../../../../shared/user-tile/user-tile.component";
+export class ExistingFriendsComponent {
+    router;
+    _location;
+    cdr;
+    userFriendService;
+    ICONS = ICONS;
+    user;
+    friends = [];
+    loading = false;
+    subscription;
+    image = ICONS['userimageSrc'];
+    passions = [
+        {
+            image: ICONS['food'],
+            value: 'Viyasa',
+            label: 'Viyasa',
+            selected: true,
+            disabled: true,
+        },
+    ];
+    constructor(router, _location, cdr, appService, userFriendService) {
+        this.router = router;
+        this._location = _location;
+        this.cdr = cdr;
+        this.userFriendService = userFriendService;
+        this.user = appService.user;
+    }
+    //UI LOGIC
+    ngOnInit() {
+        this.loading = true;
+        this.subscription = this.userFriendService
+            .getAllFriends(this.user._id)
+            .subscribe({
+            next: (res) => {
+                this.friends = res;
+            },
+            complete: () => {
+                this.loading = false;
+                this.cdr.detectChanges();
+            },
+        });
+    }
+    handleMenueItemSelect() { }
+    handleMenuItemChange() { }
+    handleMenuClick() { }
+    //NAVIGATIONS
+    backButton() {
+        this._location.back();
+    }
+    navToListFriendUsers() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.LIST_FRIENDS,
+        ]);
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingFriendsComponent, deps: [{ token: i1.Router }, { token: i2.Location }, { token: i0.ChangeDetectorRef }, { token: i3.AppService }, { token: i4.UserFriendsService }], target: i0.ɵɵFactoryTarget.Component });
+    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        <lib-menu-btn\r\n          (select)=\"handleMenueItemSelect()\"\r\n          (click)=\"handleMenuClick()\"\r\n          (change)=\"handleMenuItemChange()\"\r\n          class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n          [disableTextShadow]=\"true\"\r\n        >\r\n          <img [src]=\"ICONS['horizontalWhite']\" alt=\"Horizontal divider\" />\r\n        </lib-menu-btn>\r\n      </ng-template>\r\n\r\n      @if (!loading) {\r\n        @if (friends.length === 0) {\r\n          <div class=\"flex items-center justify-center h-[65vh]\">\r\n            <p>No friends found</p>\r\n          </div>\r\n        }\r\n        @if (friends.length > 0) {\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 friends\">\r\n            <app-user-tile\r\n              [name]=\"i.name\"\r\n              [email]=\"i.email\"\r\n              [image]=\"i.pictureUrl!\"\r\n              [sufixTemplate]=\"actions\"\r\n            >\r\n            </app-user-tile>\r\n            </ng-container>\r\n          </div>\r\n        }\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      <lib-selectable [options]=\"passions\"></lib-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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: i5.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { 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: "component", type: i6.UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingFriendsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-existing-friends', changeDetection: ChangeDetectionStrategy.OnPush, 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        <lib-menu-btn\r\n          (select)=\"handleMenueItemSelect()\"\r\n          (click)=\"handleMenuClick()\"\r\n          (change)=\"handleMenuItemChange()\"\r\n          class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n          [disableTextShadow]=\"true\"\r\n        >\r\n          <img [src]=\"ICONS['horizontalWhite']\" alt=\"Horizontal divider\" />\r\n        </lib-menu-btn>\r\n      </ng-template>\r\n\r\n      @if (!loading) {\r\n        @if (friends.length === 0) {\r\n          <div class=\"flex items-center justify-center h-[65vh]\">\r\n            <p>No friends found</p>\r\n          </div>\r\n        }\r\n        @if (friends.length > 0) {\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 friends\">\r\n            <app-user-tile\r\n              [name]=\"i.name\"\r\n              [email]=\"i.email\"\r\n              [image]=\"i.pictureUrl!\"\r\n              [sufixTemplate]=\"actions\"\r\n            >\r\n            </app-user-tile>\r\n            </ng-container>\r\n          </div>\r\n        }\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      <lib-selectable [options]=\"passions\"></lib-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"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.Location }, { type: i0.ChangeDetectorRef }, { type: i3.AppService }, { type: i4.UserFriendsService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhpc3RpbmctZnJpZW5kcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1mcmllbmRzL2V4aXN0aW5nLWZyaWVuZHMvZXhpc3RpbmctZnJpZW5kcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1mcmllbmRzL2V4aXN0aW5nLWZyaWVuZHMvZXhpc3RpbmctZnJpZW5kcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsR0FHVixNQUFNLGVBQWUsQ0FBQztBQUl2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUVuRixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7Ozs7O0FBVzVELE1BQU0sT0FBTyx3QkFBd0I7SUFrQnpCO0lBQ0E7SUFDQTtJQUVBO0lBckJWLEtBQUssR0FBVSxLQUFLLENBQUM7SUFDckIsSUFBSSxDQUFRO0lBQ1osT0FBTyxHQUFZLEVBQUUsQ0FBQztJQUN0QixPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ3pCLFlBQVksQ0FBZ0I7SUFDNUIsS0FBSyxHQUFXLEtBQUssQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUN0QyxRQUFRLEdBQTJCO1FBQ2pDO1lBQ0UsS0FBSyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUM7WUFDcEIsS0FBSyxFQUFFLFFBQVE7WUFDZixLQUFLLEVBQUUsUUFBUTtZQUNmLFFBQVEsRUFBRSxJQUFJO1lBQ2QsUUFBUSxFQUFFLElBQUk7U0FDZjtLQUNGLENBQUM7SUFFRixZQUNVLE1BQWMsRUFDZCxTQUFtQixFQUNuQixHQUFzQixFQUM5QixVQUFzQixFQUNkLGlCQUFxQztRQUpyQyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsY0FBUyxHQUFULFNBQVMsQ0FBVTtRQUNuQixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUV0QixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW9CO1FBRTdDLElBQUksQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQztJQUM5QixDQUFDO0lBRUQsVUFBVTtJQUVWLFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxpQkFBaUI7YUFDdkMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO2FBQzVCLFNBQVMsQ0FBQztZQUNULElBQUksRUFBRSxDQUFDLEdBQVksRUFBRSxFQUFFO2dCQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQztZQUNyQixDQUFDO1lBQ0QsUUFBUSxFQUFFLEdBQUcsRUFBRTtnQkFDYixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztnQkFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUMzQixDQUFDO1NBQ0YsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELHFCQUFxQixLQUFVLENBQUM7SUFDaEMsb0JBQW9CLEtBQVUsQ0FBQztJQUMvQixlQUFlLEtBQVUsQ0FBQztJQUUxQixhQUFhO0lBQ2IsVUFBVTtRQUNSLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUNELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztZQUNuQixxQkFBcUIsQ0FBQyxTQUFTO1lBQy9CLHFCQUFxQixDQUFDLFlBQVk7U0FDbkMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7d0dBN0RVLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLDREQ3hCckMsazVEQXlEQTs7NEZEakNhLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgT25EZXN0cm95LFxyXG4gIE9uSW5pdCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgU2VsZWN0T3B0aW9uIH0gZnJvbSAnQG5hbml0ZW5pbmphL2lvbmljLWxpYic7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBJdGluZXJhcmllc1JvdXRlc0VudW0gfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9fZW51bXMvSXRlbmFyaWVzUm91dGVzLmVudW0nO1xyXG5pbXBvcnQgeyBJaWNvbiB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19pbnRlcmZhY2UvaWNvbic7IFxyXG5pbXBvcnQgeyBJQ09OUyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19jb25zdGFudHMvY29uc3RhbnRzJztcclxuaW1wb3J0IHsgQXBwU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19kYXRhL2FwcC1zZXJ2aWNlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJVXNlciB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19tb2RlbHMvYXBwLXVzZXInO1xyXG5pbXBvcnQgeyBVc2VyRnJpZW5kc1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9fZGF0YS91c2VyLWZyaWVuZHMuc2VydmljZSc7XHJcbiBcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZXhpc3RpbmctZnJpZW5kcycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2V4aXN0aW5nLWZyaWVuZHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9leGlzdGluZy1mcmllbmRzLmNvbXBvbmVudC5jc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRXhpc3RpbmdGcmllbmRzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIElDT05TOiBJaWNvbiA9IElDT05TO1xyXG4gIHVzZXI6IElVc2VyO1xyXG4gIGZyaWVuZHM6IElVc2VyW10gPSBbXTsgXHJcbiAgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHN1YnNjcmlwdGlvbiE6IFN1YnNjcmlwdGlvbjtcclxuICBpbWFnZTogc3RyaW5nID0gSUNPTlNbJ3VzZXJpbWFnZVNyYyddO1xyXG4gIHBhc3Npb25zOiBTZWxlY3RPcHRpb248c3RyaW5nPltdID0gW1xyXG4gICAge1xyXG4gICAgICBpbWFnZTogSUNPTlNbJ2Zvb2QnXSxcclxuICAgICAgdmFsdWU6ICdWaXlhc2EnLFxyXG4gICAgICBsYWJlbDogJ1ZpeWFzYScsXHJcbiAgICAgIHNlbGVjdGVkOiB0cnVlLFxyXG4gICAgICBkaXNhYmxlZDogdHJ1ZSxcclxuICAgIH0sXHJcbiAgXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxyXG4gICAgcHJpdmF0ZSBfbG9jYXRpb246IExvY2F0aW9uLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgYXBwU2VydmljZTogQXBwU2VydmljZSxcclxuICAgIHByaXZhdGUgdXNlckZyaWVuZFNlcnZpY2U6IFVzZXJGcmllbmRzU2VydmljZSxcclxuICApIHtcclxuICAgIHRoaXMudXNlciA9IGFwcFNlcnZpY2UudXNlcjtcclxuICB9XHJcblxyXG4gIC8vVUkgTE9HSUNcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmxvYWRpbmcgPSB0cnVlO1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24gPSB0aGlzLnVzZXJGcmllbmRTZXJ2aWNlXHJcbiAgICAgIC5nZXRBbGxGcmllbmRzKHRoaXMudXNlci5faWQpXHJcbiAgICAgIC5zdWJzY3JpYmUoe1xyXG4gICAgICAgIG5leHQ6IChyZXM6IElVc2VyW10pID0+IHtcclxuICAgICAgICAgIHRoaXMuZnJpZW5kcyA9IHJlczsgXHJcbiAgICAgICAgfSxcclxuICAgICAgICBjb21wbGV0ZTogKCkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7XHJcbiAgICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgICAgfSxcclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVNZW51ZUl0ZW1TZWxlY3QoKTogdm9pZCB7fVxyXG4gIGhhbmRsZU1lbnVJdGVtQ2hhbmdlKCk6IHZvaWQge31cclxuICBoYW5kbGVNZW51Q2xpY2soKTogdm9pZCB7fVxyXG5cclxuICAvL05BVklHQVRJT05TXHJcbiAgYmFja0J1dHRvbigpOiB2b2lkIHtcclxuICAgIHRoaXMuX2xvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcbiAgbmF2VG9MaXN0RnJpZW5kVXNlcnMoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUlksXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5MSVNUX0ZSSUVORFMsXHJcbiAgICBdKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJlbGF0aXZlIG1pbi1oLXNjcmVlblwiPlxyXG4gIDxkaXYgY2xhc3M9XCJ6LWF1dG9cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwYi0xMFwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibG9hZGluZ1wiPlxyXG4gICAgICAgIDxsaWItaW5mby1jYXJkLXBsYWNlaG9sZGVyXHJcbiAgICAgICAgICBbYXZhdGFyXT1cInRydWVcIlxyXG4gICAgICAgICAgW2NvdW50XT1cIjVcIlxyXG4gICAgICAgID48L2xpYi1pbmZvLWNhcmQtcGxhY2Vob2xkZXI+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgPG5nLXRlbXBsYXRlICNhY3Rpb25zPlxyXG4gICAgICAgIDxsaWItbWVudS1idG5cclxuICAgICAgICAgIChzZWxlY3QpPVwiaGFuZGxlTWVudWVJdGVtU2VsZWN0KClcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImhhbmRsZU1lbnVDbGljaygpXCJcclxuICAgICAgICAgIChjaGFuZ2UpPVwiaGFuZGxlTWVudUl0ZW1DaGFuZ2UoKVwiXHJcbiAgICAgICAgICBjbGFzcz1cImxpYi1tZW51LWN1c3RvbS1jbGFzcyBsaWItbWVudS1iZy1ub25lXCJcclxuICAgICAgICAgIFtkaXNhYmxlVGV4dFNoYWRvd109XCJ0cnVlXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ2hvcml6b250YWxXaGl0ZSddXCIgYWx0PVwiSG9yaXpvbnRhbCBkaXZpZGVyXCIgLz5cclxuICAgICAgICA8L2xpYi1tZW51LWJ0bj5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgIEBpZiAoIWxvYWRpbmcpIHtcclxuICAgICAgICBAaWYgKGZyaWVuZHMubGVuZ3RoID09PSAwKSB7XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgaC1bNjV2aF1cIj5cclxuICAgICAgICAgICAgPHA+Tm8gZnJpZW5kcyBmb3VuZDwvcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuICAgICAgICBAaWYgKGZyaWVuZHMubGVuZ3RoID4gMCkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJncmlkIGdyaWQtY29scy0xIGxnOmdyaWQtY29scy0yIHhsOmdyaWQtY29scy0zIGdhcC00XCI+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpIG9mIGZyaWVuZHNcIj5cclxuICAgICAgICAgICAgPGFwcC11c2VyLXRpbGVcclxuICAgICAgICAgICAgICBbbmFtZV09XCJpLm5hbWVcIlxyXG4gICAgICAgICAgICAgIFtlbWFpbF09XCJpLmVtYWlsXCJcclxuICAgICAgICAgICAgICBbaW1hZ2VdPVwiaS5waWN0dXJlVXJsIVwiXHJcbiAgICAgICAgICAgICAgW3N1Zml4VGVtcGxhdGVdPVwiYWN0aW9uc1wiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgPC9hcHAtdXNlci10aWxlPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cImZsZXggcHgtNFwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snaW52aXRlUGluayddXCIgLz5cclxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwicGlua1RleHRDb2xvclwiIChjbGljayk9XCJuYXZUb0xpc3RGcmllbmRVc2VycygpXCI+XHJcbiAgICAgICAgICBGcmllbmQgUmVxdWVzdFxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJib3JkZXItdCBib3JkZXItZ3JheS03MDAgbXQtNiBtYi02XCI+PC9kaXY+XHJcbiAgICAgIDxoMiBjbGFzcz1cImNvbW1vbkludGVyZXN0cyBweC00IG1iLTRcIj5Db21tb24gSW50ZXJlc3RzPC9oMj5cclxuXHJcbiAgICAgIDxsaWItc2VsZWN0YWJsZSBbb3B0aW9uc109XCJwYXNzaW9uc1wiPjwvbGliLXNlbGVjdGFibGU+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/friend-requests/friend-requests.component.mjs

@@ -0,0 +1,69 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { ICONS } from '../../../../../_constants/constants';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../../_data/user-friends.service";
+import * as i3 from "../../../../../_data/app-service.service";
+import * as i4 from "@naniteninja/ionic-lib";
+import * as i5 from "../../../../../shared/user-tile/user-tile.component";
+import * as i6 from "../../../../../shared/header/header.component";
+export class FriendRequestsComponent {
+    _location;
+    cdr;
+    userFriendService;
+    ICONS = ICONS;
+    requestedUsers = [];
+    user;
+    loading = false;
+    subscription;
+    loadingBtn = [];
+    constructor(_location, cdr, userFriendService, appService) {
+        this._location = _location;
+        this.cdr = cdr;
+        this.userFriendService = userFriendService;
+        this.user = appService.user;
+    }
+    ngOnInit() {
+        this.loading = true;
+        this.subscription = this.userFriendService.getRequestedFriends(this.user._id).subscribe({
+            next: (users) => {
+                this.requestedUsers = users;
+                this.loadingBtn = this.requestedUsers.map(() => false);
+            },
+            complete: () => {
+                this.loading = false;
+                this.cdr.detectChanges();
+            },
+        });
+    }
+    //UI LOGIC
+    revoke(id, idx) {
+        this.loadingBtn[idx] = true;
+        this.userFriendService.rejectRequest(this.user._id, id).subscribe({
+            next: (res) => {
+                if (res) {
+                    this.requestedUsers.splice(idx, 1);
+                }
+            },
+            complete: () => {
+                this.loadingBtn[idx] = false;
+                this.cdr.detectChanges();
+            }
+        });
+    }
+    handleSearchStringChange(_$event) { }
+    clear() { }
+    backButton() {
+        this._location.back();
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FriendRequestsComponent, deps: [{ token: i1.Location }, { token: i0.ChangeDetectorRef }, { token: i2.UserFriendsService }, { token: i3.AppService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FriendRequestsComponent, selector: "app-friend-requests", ngImport: i0, template: "<div class=\"pl-4 pr-4\">\r\n  <app-header\r\n    heading=\"Friend Requests\"\r\n    (firstButton)=\"backButton()\"\r\n  ></app-header>\r\n\r\n  <p class=\"interestedPeopleHeading mt-3\">\r\n    Invites Sent ({{ this.requestedUsers.length }})\r\n  </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  @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 requestedUsers; let idx = index\">\r\n        <ng-template #sufixAction>\r\n          <div class=\"flex\">\r\n            <img [src]=\"ICONS['closePink']\" alt=\"Invite label\" />\r\n            <button (click)=\"revoke(i._id, idx)\" class=\"pinkTextColor\">{{loadingBtn[idx] ? \"Revoking...\" : \"Revoke\"}}</button>\r\n          </div>\r\n        </ng-template>\r\n\r\n        <app-user-tile\r\n          [name]=\"i.name\"\r\n          [email]=\"i.email\"\r\n          [image]=\"i.pictureUrl!\"\r\n          [sufixTemplate]=\"sufixAction\"\r\n        ></app-user-tile>\r\n      </ng-container>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".interestedPeopleHeading{font-family:Calistoga;font-style:normal;font-weight:400;font-size:13.128px;line-height:160%;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: i5.UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: i6.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i4.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FriendRequestsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-friend-requests', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pl-4 pr-4\">\r\n  <app-header\r\n    heading=\"Friend Requests\"\r\n    (firstButton)=\"backButton()\"\r\n  ></app-header>\r\n\r\n  <p class=\"interestedPeopleHeading mt-3\">\r\n    Invites Sent ({{ this.requestedUsers.length }})\r\n  </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  @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 requestedUsers; let idx = index\">\r\n        <ng-template #sufixAction>\r\n          <div class=\"flex\">\r\n            <img [src]=\"ICONS['closePink']\" alt=\"Invite label\" />\r\n            <button (click)=\"revoke(i._id, idx)\" class=\"pinkTextColor\">{{loadingBtn[idx] ? \"Revoking...\" : \"Revoke\"}}</button>\r\n          </div>\r\n        </ng-template>\r\n\r\n        <app-user-tile\r\n          [name]=\"i.name\"\r\n          [email]=\"i.email\"\r\n          [image]=\"i.pictureUrl!\"\r\n          [sufixTemplate]=\"sufixAction\"\r\n        ></app-user-tile>\r\n      </ng-container>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".interestedPeopleHeading{font-family:Calistoga;font-style:normal;font-weight:400;font-size:13.128px;line-height:160%;color:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Location }, { type: i0.ChangeDetectorRef }, { type: i2.UserFriendsService }, { type: i3.AppService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJpZW5kLXJlcXVlc3RzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvaXRpbmVyYXJ5LWZyaWVuZHMvZnJpZW5kLXJlcXVlc3RzL2ZyaWVuZC1yZXF1ZXN0cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1mcmllbmRzL2ZyaWVuZC1yZXF1ZXN0cy9mcmllbmQtcmVxdWVzdHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEdBR1YsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7Ozs7OztBQVU1RCxNQUFNLE9BQU8sdUJBQXVCO0lBU3hCO0lBQ0E7SUFDQTtJQVZWLEtBQUssR0FBVSxLQUFLLENBQUM7SUFDckIsY0FBYyxHQUFZLEVBQUUsQ0FBQztJQUM3QixJQUFJLENBQVE7SUFDWixPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ3pCLFlBQVksQ0FBZ0I7SUFDNUIsVUFBVSxHQUFjLEVBQUUsQ0FBQztJQUUzQixZQUNVLFNBQW1CLEVBQ25CLEdBQXNCLEVBQ3RCLGlCQUFxQyxFQUM3QyxVQUFzQjtRQUhkLGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDbkIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFvQjtRQUc3QyxJQUFJLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFNBQVMsQ0FBQztZQUN0RixJQUFJLEVBQUUsQ0FBQyxLQUFjLEVBQUUsRUFBRTtnQkFDdkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7Z0JBQzVCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDekQsQ0FBQztZQUNELFFBQVEsRUFBRSxHQUFHLEVBQUU7Z0JBQ2IsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDM0IsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxVQUFVO0lBQ1YsTUFBTSxDQUFDLEVBQVUsRUFBRSxHQUFXO1FBQzVCLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQzVCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDO1lBQ2hFLElBQUksRUFBRSxDQUFDLEdBQVksRUFBRSxFQUFFO2dCQUNyQixJQUFJLEdBQUcsRUFBRTtvQkFDUCxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7aUJBQ3BDO1lBQ0gsQ0FBQztZQUNELFFBQVEsRUFBRSxHQUFHLEVBQUU7Z0JBQ2IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUM7Z0JBQzdCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDM0IsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCx3QkFBd0IsQ0FBQyxPQUFlLElBQUksQ0FBQztJQUU3QyxLQUFLLEtBQVcsQ0FBQztJQUVqQixVQUFVO1FBQ1IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDbEMsQ0FBQzt3R0F6RFUsdUJBQXVCOzRGQUF2Qix1QkFBdUIsMkRDcEJwQyw0ckNBcUNBOzs0RkRqQmEsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBPbkRlc3Ryb3ksXHJcbiAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgSWljb24gfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9faW50ZXJmYWNlL2ljb24nO1xyXG5pbXBvcnQgeyBJQ09OUyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19jb25zdGFudHMvY29uc3RhbnRzJztcclxuaW1wb3J0IHsgSVVzZXIgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9fbW9kZWxzL2FwcC11c2VyJztcclxuaW1wb3J0IHsgVXNlckZyaWVuZHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX2RhdGEvdXNlci1mcmllbmRzLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBBcHBTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX2RhdGEvYXBwLXNlcnZpY2Uuc2VydmljZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWZyaWVuZC1yZXF1ZXN0cycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZyaWVuZC1yZXF1ZXN0cy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2ZyaWVuZC1yZXF1ZXN0cy5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGcmllbmRSZXF1ZXN0c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBJQ09OUzogSWljb24gPSBJQ09OUztcclxuICByZXF1ZXN0ZWRVc2VyczogSVVzZXJbXSA9IFtdO1xyXG4gIHVzZXI6IElVc2VyO1xyXG4gIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBzdWJzY3JpcHRpb24hOiBTdWJzY3JpcHRpb247XHJcbiAgbG9hZGluZ0J0bjogYm9vbGVhbltdID0gW107XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfbG9jYXRpb246IExvY2F0aW9uLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSB1c2VyRnJpZW5kU2VydmljZTogVXNlckZyaWVuZHNTZXJ2aWNlLFxyXG4gICAgYXBwU2VydmljZTogQXBwU2VydmljZSxcclxuICApIHtcclxuICAgIHRoaXMudXNlciA9IGFwcFNlcnZpY2UudXNlcjtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gdGhpcy51c2VyRnJpZW5kU2VydmljZS5nZXRSZXF1ZXN0ZWRGcmllbmRzKHRoaXMudXNlci5faWQpLnN1YnNjcmliZSh7XHJcbiAgICAgIG5leHQ6ICh1c2VyczogSVVzZXJbXSkgPT4ge1xyXG4gICAgICAgIHRoaXMucmVxdWVzdGVkVXNlcnMgPSB1c2VycztcclxuICAgICAgICB0aGlzLmxvYWRpbmdCdG4gPSB0aGlzLnJlcXVlc3RlZFVzZXJzLm1hcCgoKSA9PiBmYWxzZSk7XHJcbiAgICAgIH0sXHJcbiAgICAgIGNvbXBsZXRlOiAoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7XHJcbiAgICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgICB9LFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICAvL1VJIExPR0lDXHJcbiAgcmV2b2tlKGlkOiBzdHJpbmcsIGlkeDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLmxvYWRpbmdCdG5baWR4XSA9IHRydWU7XHJcbiAgICB0aGlzLnVzZXJGcmllbmRTZXJ2aWNlLnJlamVjdFJlcXVlc3QodGhpcy51c2VyLl9pZCwgaWQpLnN1YnNjcmliZSh7XHJcbiAgICAgIG5leHQ6IChyZXM6IGJvb2xlYW4pID0+IHtcclxuICAgICAgICBpZiAocmVzKSB7XHJcbiAgICAgICAgICB0aGlzLnJlcXVlc3RlZFVzZXJzLnNwbGljZShpZHgsIDEpO1xyXG4gICAgICAgIH1cclxuICAgICAgfSxcclxuICAgICAgY29tcGxldGU6ICgpID0+IHtcclxuICAgICAgICB0aGlzLmxvYWRpbmdCdG5baWR4XSA9IGZhbHNlO1xyXG4gICAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVTZWFyY2hTdHJpbmdDaGFuZ2UoXyRldmVudDogc3RyaW5nKSB7IH1cclxuXHJcbiAgY2xlYXIoKTogdm9pZCB7IH1cclxuXHJcbiAgYmFja0J1dHRvbigpOiB2b2lkIHtcclxuICAgIHRoaXMuX2xvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInBsLTQgcHItNFwiPlxyXG4gIDxhcHAtaGVhZGVyXHJcbiAgICBoZWFkaW5nPVwiRnJpZW5kIFJlcXVlc3RzXCJcclxuICAgIChmaXJzdEJ1dHRvbik9XCJiYWNrQnV0dG9uKClcIlxyXG4gID48L2FwcC1oZWFkZXI+XHJcblxyXG4gIDxwIGNsYXNzPVwiaW50ZXJlc3RlZFBlb3BsZUhlYWRpbmcgbXQtM1wiPlxyXG4gICAgSW52aXRlcyBTZW50ICh7eyB0aGlzLnJlcXVlc3RlZFVzZXJzLmxlbmd0aCB9fSlcclxuICA8L3A+XHJcblxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJsb2FkaW5nXCI+XHJcbiAgICA8bGliLWluZm8tY2FyZC1wbGFjZWhvbGRlclxyXG4gICAgICBbYXZhdGFyXT1cInRydWVcIlxyXG4gICAgICBbY291bnRdPVwiNVwiXHJcbiAgICA+PC9saWItaW5mby1jYXJkLXBsYWNlaG9sZGVyPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG5cclxuICBAaWYgKCFsb2FkaW5nKSB7XHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtMSBsZzpncmlkLWNvbHMtMiB4bDpncmlkLWNvbHMtMyBnYXAtNFwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpIG9mIHJlcXVlc3RlZFVzZXJzOyBsZXQgaWR4ID0gaW5kZXhcIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgI3N1Zml4QWN0aW9uPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXhcIj5cclxuICAgICAgICAgICAgPGltZyBbc3JjXT1cIklDT05TWydjbG9zZVBpbmsnXVwiIGFsdD1cIkludml0ZSBsYWJlbFwiIC8+XHJcbiAgICAgICAgICAgIDxidXR0b24gKGNsaWNrKT1cInJldm9rZShpLl9pZCwgaWR4KVwiIGNsYXNzPVwicGlua1RleHRDb2xvclwiPnt7bG9hZGluZ0J0bltpZHhdID8gXCJSZXZva2luZy4uLlwiIDogXCJSZXZva2VcIn19PC9idXR0b24+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAgICAgICA8YXBwLXVzZXItdGlsZVxyXG4gICAgICAgICAgW25hbWVdPVwiaS5uYW1lXCJcclxuICAgICAgICAgIFtlbWFpbF09XCJpLmVtYWlsXCJcclxuICAgICAgICAgIFtpbWFnZV09XCJpLnBpY3R1cmVVcmwhXCJcclxuICAgICAgICAgIFtzdWZpeFRlbXBsYXRlXT1cInN1Zml4QWN0aW9uXCJcclxuICAgICAgICA+PC9hcHAtdXNlci10aWxlPlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gIH1cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-friends/itinerary-friends.component.mjs

@@ -0,0 +1,21 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../shared/header/header.component";
+import * as i3 from "./existing-friends/existing-friends.component";
+export class ItineraryFriendsComponent {
+    _location;
+    constructor(_location) {
+        this._location = _location;
+    }
+    backButton() {
+        this._location.back();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryFriendsComponent, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryFriendsComponent, selector: "app-itinerary-friends", ngImport: i0, template: "<div class=\"z-auto pr-3 pl-3\">\r\n  <div class=\"pb-4\">\r\n    <app-header heading=\"Friends\" (firstButton)=\"backButton()\"></app-header>\r\n  </div>\r\n  <app-existing-friends></app-existing-friends>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: i2.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: i3.ExistingFriendsComponent, selector: "app-existing-friends" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryFriendsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-itinerary-friends', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"z-auto pr-3 pl-3\">\r\n  <div class=\"pb-4\">\r\n    <app-header heading=\"Friends\" (firstButton)=\"backButton()\"></app-header>\r\n  </div>\r\n  <app-existing-friends></app-existing-friends>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.Location }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRpbmVyYXJ5LWZyaWVuZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvbW9kdWxlcy9pdGluZXJhcmllcy9wYWdlcy9pdGluZXJhcnktZnJpZW5kcy9pdGluZXJhcnktZnJpZW5kcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1mcmllbmRzL2l0aW5lcmFyeS1mcmllbmRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUW5FLE1BQU0sT0FBTyx5QkFBeUI7SUFDaEI7SUFBcEIsWUFBb0IsU0FBbUI7UUFBbkIsY0FBUyxHQUFULFNBQVMsQ0FBVTtJQUFHLENBQUM7SUFDM0MsVUFBVTtRQUNSLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQzt3R0FKVSx5QkFBeUI7NEZBQXpCLHlCQUF5Qiw2RENUdEMsNk5BTUE7OzRGREdhLHlCQUF5QjtrQkFOckMsU0FBUzsrQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMb2NhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWl0aW5lcmFyeS1mcmllbmRzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaXRpbmVyYXJ5LWZyaWVuZHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9pdGluZXJhcnktZnJpZW5kcy5jb21wb25lbnQuY3NzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEl0aW5lcmFyeUZyaWVuZHNDb21wb25lbnQge1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2xvY2F0aW9uOiBMb2NhdGlvbikge31cclxuICBiYWNrQnV0dG9uKCk6IHZvaWQge1xyXG4gICAgdGhpcy5fbG9jYXRpb24uYmFjaygpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiei1hdXRvIHByLTMgcGwtM1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJwYi00XCI+XHJcbiAgICA8YXBwLWhlYWRlciBoZWFkaW5nPVwiRnJpZW5kc1wiIChmaXJzdEJ1dHRvbik9XCJiYWNrQnV0dG9uKClcIj48L2FwcC1oZWFkZXI+XHJcbiAgPC9kaXY+XHJcbiAgPGFwcC1leGlzdGluZy1mcmllbmRzPjwvYXBwLWV4aXN0aW5nLWZyaWVuZHM+XHJcbjwvZGl2PlxyXG4iXX0=