@flower-city-online/itinerary-lib 0.0.32 → 0.0.34

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

@@ -0,0 +1,67 @@
+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 "../../../../../_services/assets.service";
+import * as i4 from "@naniteninja/ionic-lib";
+import * as i5 from "../../../../../shared/user-tile/user-tile.component";
+export class ExistingFriendsComponent {
+    router;
+    _location;
+    assetService;
+    cdr;
+    ICONS = ICONS;
+    itineraryMembers;
+    loading = false;
+    subscription;
+    image = ICONS['userimageSrc'];
+    passions = [
+        {
+            image: ICONS['food'],
+            value: 'Viyasa',
+            label: 'Viyasa',
+            selected: true,
+            disabled: true,
+        },
+    ];
+    constructor(router, _location, assetService, cdr) {
+        this.router = router;
+        this._location = _location;
+        this.assetService = assetService;
+        this.cdr = cdr;
+    }
+    //UI LOGIC
+    ngOnInit() {
+        this.loading = true;
+        this.subscription = this.assetService.getMembers().subscribe((data) => {
+            this.itineraryMembers = data;
+            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: i3.AssetsService }, { token: i0.ChangeDetectorRef }], 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        <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      <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: i4.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: i4.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: i4.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: i5.UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "directive", type: i4.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, 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        <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        <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      <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: i3.AssetsService }, { type: i0.ChangeDetectorRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhpc3RpbmctZnJpZW5kcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1mcmllbmRzL2V4aXN0aW5nLWZyaWVuZHMvZXhpc3RpbmctZnJpZW5kcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1mcmllbmRzL2V4aXN0aW5nLWZyaWVuZHMvZXhpc3RpbmctZnJpZW5kcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsR0FHVixNQUFNLGVBQWUsQ0FBQztBQUl2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUduRixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7Ozs7QUFVNUQsTUFBTSxPQUFPLHdCQUF3QjtJQWlCekI7SUFDQTtJQUNBO0lBQ0E7SUFuQlYsS0FBSyxHQUFVLEtBQUssQ0FBQztJQUNyQixnQkFBZ0IsQ0FBaUM7SUFDakQsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUN6QixZQUFZLENBQWdCO0lBQzVCLEtBQUssR0FBVyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDdEMsUUFBUSxHQUEyQjtRQUNqQztZQUNFLEtBQUssRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDO1lBQ3BCLEtBQUssRUFBRSxRQUFRO1lBQ2YsS0FBSyxFQUFFLFFBQVE7WUFDZixRQUFRLEVBQUUsSUFBSTtZQUNkLFFBQVEsRUFBRSxJQUFJO1NBQ2Y7S0FDRixDQUFDO0lBRUYsWUFDVSxNQUFjLEVBQ2QsU0FBbUIsRUFDbkIsWUFBMkIsRUFDM0IsR0FBc0I7UUFIdEIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNkLGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDbkIsaUJBQVksR0FBWixZQUFZLENBQWU7UUFDM0IsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDN0IsQ0FBQztJQUVKLFVBQVU7SUFFVixRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ3BFLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7WUFDN0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxxQkFBcUIsS0FBVSxDQUFDO0lBQ2hDLG9CQUFvQixLQUFVLENBQUM7SUFDL0IsZUFBZSxLQUFVLENBQUM7SUFFMUIsYUFBYTtJQUNiLFVBQVU7UUFDUixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFDRCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7WUFDbkIscUJBQXFCLENBQUMsU0FBUztZQUMvQixxQkFBcUIsQ0FBQyxZQUFZO1NBQ25DLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNsQyxDQUFDO3dHQW5EVSx3QkFBd0I7NEZBQXhCLHdCQUF3Qiw0REN4QnJDLHVyREFrREE7OzRGRDFCYSx3QkFBd0I7a0JBUHBDLFNBQVM7K0JBQ0ksc0JBQXNCLG1CQUdmLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgT25EZXN0cm95LFxyXG4gIE9uSW5pdCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgU2VsZWN0T3B0aW9uIH0gZnJvbSAnQG5hbml0ZW5pbmphL2lvbmljLWxpYic7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnOyAgXHJcbmltcG9ydCB7IEl0aW5lcmFyaWVzUm91dGVzRW51bSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19lbnVtcy9JdGVuYXJpZXNSb3V0ZXMuZW51bSc7XHJcbmltcG9ydCB7IElpY29uIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX2ludGVyZmFjZS9pY29uJztcclxuaW1wb3J0IHsgSUl0aW5lcmFyeU1lbWJlciB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19tb2RlbHMvaXRpbmVyYXJ5TWVtYmVyJzsgXHJcbmltcG9ydCB7IElDT05TIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX2NvbnN0YW50cy9jb25zdGFudHMnO1xyXG5pbXBvcnQgeyBBc3NldHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX3NlcnZpY2VzL2Fzc2V0cy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtZXhpc3RpbmctZnJpZW5kcycsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXhpc3RpbmctZnJpZW5kcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vZXhpc3RpbmctZnJpZW5kcy5jb21wb25lbnQuY3NzJyxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgc3RhbmRhbG9uZTogZmFsc2VcclxufSlcclxuZXhwb3J0IGNsYXNzIEV4aXN0aW5nRnJpZW5kc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBJQ09OUzogSWljb24gPSBJQ09OUztcclxuICBpdGluZXJhcnlNZW1iZXJzOiBJSXRpbmVyYXJ5TWVtYmVyW10gfCB1bmRlZmluZWQ7XHJcbiAgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHN1YnNjcmlwdGlvbiE6IFN1YnNjcmlwdGlvbjtcclxuICBpbWFnZTogc3RyaW5nID0gSUNPTlNbJ3VzZXJpbWFnZVNyYyddO1xyXG4gIHBhc3Npb25zOiBTZWxlY3RPcHRpb248c3RyaW5nPltdID0gW1xyXG4gICAge1xyXG4gICAgICBpbWFnZTogSUNPTlNbJ2Zvb2QnXSxcclxuICAgICAgdmFsdWU6ICdWaXlhc2EnLFxyXG4gICAgICBsYWJlbDogJ1ZpeWFzYScsXHJcbiAgICAgIHNlbGVjdGVkOiB0cnVlLFxyXG4gICAgICBkaXNhYmxlZDogdHJ1ZSxcclxuICAgIH0sXHJcbiAgXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxyXG4gICAgcHJpdmF0ZSBfbG9jYXRpb246IExvY2F0aW9uLFxyXG4gICAgcHJpdmF0ZSBhc3NldFNlcnZpY2U6IEFzc2V0c1NlcnZpY2UsXHJcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgKSB7fVxyXG5cclxuICAvL1VJIExPR0lDXHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gdGhpcy5hc3NldFNlcnZpY2UuZ2V0TWVtYmVycygpLnN1YnNjcmliZSgoZGF0YSkgPT4ge1xyXG4gICAgICB0aGlzLml0aW5lcmFyeU1lbWJlcnMgPSBkYXRhO1xyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVNZW51ZUl0ZW1TZWxlY3QoKTogdm9pZCB7fVxyXG4gIGhhbmRsZU1lbnVJdGVtQ2hhbmdlKCk6IHZvaWQge31cclxuICBoYW5kbGVNZW51Q2xpY2soKTogdm9pZCB7fVxyXG5cclxuICAvL05BVklHQVRJT05TXHJcbiAgYmFja0J1dHRvbigpOiB2b2lkIHtcclxuICAgIHRoaXMuX2xvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcbiAgbmF2VG9MaXN0RnJpZW5kVXNlcnMoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUlksXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5MSVNUX0ZSSUVORFMsXHJcbiAgICBdKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJlbGF0aXZlIG1pbi1oLXNjcmVlblwiPlxyXG4gIDxkaXYgY2xhc3M9XCJ6LWF1dG9cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwYi0xMFwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibG9hZGluZ1wiPlxyXG4gICAgICAgIDxsaWItaW5mby1jYXJkLXBsYWNlaG9sZGVyXHJcbiAgICAgICAgICBbYXZhdGFyXT1cInRydWVcIlxyXG4gICAgICAgICAgW2NvdW50XT1cIjVcIlxyXG4gICAgICAgID48L2xpYi1pbmZvLWNhcmQtcGxhY2Vob2xkZXI+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgPG5nLXRlbXBsYXRlICNhY3Rpb25zPlxyXG4gICAgICAgIDxsaWItbWVudS1idG5cclxuICAgICAgICAgIChzZWxlY3QpPVwiaGFuZGxlTWVudWVJdGVtU2VsZWN0KClcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImhhbmRsZU1lbnVDbGljaygpXCJcclxuICAgICAgICAgIChjaGFuZ2UpPVwiaGFuZGxlTWVudUl0ZW1DaGFuZ2UoKVwiXHJcbiAgICAgICAgICBjbGFzcz1cImxpYi1tZW51LWN1c3RvbS1jbGFzcyBsaWItbWVudS1iZy1ub25lXCJcclxuICAgICAgICAgIFtkaXNhYmxlVGV4dFNoYWRvd109XCJ0cnVlXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ2hvcml6b250YWxXaGl0ZSddXCIgYWx0PVwiSG9yaXpvbnRhbCBkaXZpZGVyXCIgLz5cclxuICAgICAgICA8L2xpYi1tZW51LWJ0bj5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgIEBpZiAoIWxvYWRpbmcpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtMSBsZzpncmlkLWNvbHMtMiB4bDpncmlkLWNvbHMtMyBnYXAtNFwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaSBvZiBpdGluZXJhcnlNZW1iZXJzXCI+XHJcbiAgICAgICAgICAgIDxhcHAtdXNlci10aWxlXHJcbiAgICAgICAgICAgICAgW25hbWVdPVwiaS5tZW1iZXJOYW1lXCJcclxuICAgICAgICAgICAgICBbZW1haWxdPVwiaS5tZW1iZXJFbWFpbFwiXHJcbiAgICAgICAgICAgICAgW2ltYWdlXT1cImkubWVtYmVyUGljXCJcclxuICAgICAgICAgICAgICBbc3VmaXhUZW1wbGF0ZV09XCJhY3Rpb25zXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8L2FwcC11c2VyLXRpbGU+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgfVxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cImZsZXggcHgtNFwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snaW52aXRlUGluayddXCIgLz5cclxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwicGlua1RleHRDb2xvclwiIChjbGljayk9XCJuYXZUb0xpc3RGcmllbmRVc2VycygpXCI+XHJcbiAgICAgICAgICBGcmllbmQgUmVxdWVzdFxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJib3JkZXItdCBib3JkZXItZ3JheS03MDAgbXQtNiBtYi02XCI+PC9kaXY+XHJcbiAgICAgIDxoMiBjbGFzcz1cImNvbW1vbkludGVyZXN0cyBweC00IG1iLTRcIj5Db21tb24gSW50ZXJlc3RzPC9oMj5cclxuXHJcbiAgICAgIDxsaWItc2VsZWN0YWJsZSBbb3B0aW9uc109XCJwYXNzaW9uc1wiPjwvbGliLXNlbGVjdGFibGU+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

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

@@ -0,0 +1,49 @@
+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 "../../../../../_services/assets.service";
+import * as i3 from "@naniteninja/ionic-lib";
+import * as i4 from "../../../../../shared/user-tile/user-tile.component";
+import * as i5 from "../../../../../shared/header/header.component";
+export class FriendRequestsComponent {
+    _location;
+    assetService;
+    cdr;
+    ICONS = ICONS;
+    itineraryMembers = [];
+    loading = false;
+    subscription;
+    constructor(_location, assetService, cdr) {
+        this._location = _location;
+        this.assetService = assetService;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.getTotalItineraryMembers();
+    }
+    //UI LOGIC
+    getTotalItineraryMembers() {
+        this.loading = true;
+        this.subscription = this.assetService.getMembers().subscribe((data) => {
+            this.itineraryMembers = data;
+            this.loading = 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: i2.AssetsService }, { token: i0.ChangeDetectorRef }], 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 heading=\"Friend Requests\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n  <p class=\"interestedPeopleHeading mt-3\">Invites Sent (3)</p>\r\n\r\n  <ng-container *ngIf=\"loading\">\r\n    <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n  </ng-container>\r\n\r\n  <ng-template #sufixAction>\r\n    <div class=\"flex\">\r\n      <img [src]=\"ICONS['closePink']\" alt=\"Invite label\" />\r\n      <button class=\"pinkTextColor\">Revoke</button>\r\n    </div>\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 [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n        [sufixTemplate]=\"sufixAction\"></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: i3.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: i4.UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: i5.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i3.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, standalone: false, template: "<div class=\"pl-4 pr-4\">\r\n  <app-header heading=\"Friend Requests\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n  <p class=\"interestedPeopleHeading mt-3\">Invites Sent (3)</p>\r\n\r\n  <ng-container *ngIf=\"loading\">\r\n    <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n  </ng-container>\r\n\r\n  <ng-template #sufixAction>\r\n    <div class=\"flex\">\r\n      <img [src]=\"ICONS['closePink']\" alt=\"Invite label\" />\r\n      <button class=\"pinkTextColor\">Revoke</button>\r\n    </div>\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 [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n        [sufixTemplate]=\"sufixAction\"></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: i2.AssetsService }, { type: i0.ChangeDetectorRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJpZW5kLXJlcXVlc3RzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvaXRpbmVyYXJ5LWZyaWVuZHMvZnJpZW5kLXJlcXVlc3RzL2ZyaWVuZC1yZXF1ZXN0cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1mcmllbmRzL2ZyaWVuZC1yZXF1ZXN0cy9mcmllbmQtcmVxdWVzdHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEdBR1YsTUFBTSxlQUFlLENBQUM7QUFJdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7Ozs7O0FBUzVELE1BQU0sT0FBTyx1QkFBdUI7SUFPeEI7SUFDQTtJQUNBO0lBUlYsS0FBSyxHQUFVLEtBQUssQ0FBQztJQUNyQixnQkFBZ0IsR0FBdUIsRUFBRSxDQUFDO0lBQzFDLE9BQU8sR0FBWSxLQUFLLENBQUM7SUFDekIsWUFBWSxDQUFnQjtJQUU1QixZQUNVLFNBQW1CLEVBQ25CLFlBQTJCLEVBQzNCLEdBQXNCO1FBRnRCLGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDbkIsaUJBQVksR0FBWixZQUFZLENBQWU7UUFDM0IsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDN0IsQ0FBQztJQUNKLFFBQVE7UUFDTixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsVUFBVTtJQUNWLHdCQUF3QjtRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDcEUsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztZQUM3QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUNELHdCQUF3QixDQUFDLE9BQWUsSUFBRyxDQUFDO0lBQzVDLEtBQUssS0FBVSxDQUFDO0lBRWhCLFVBQVU7UUFDUixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNsQyxDQUFDO3dHQWpDVSx1QkFBdUI7NEZBQXZCLHVCQUF1QiwyRENwQnBDLDg2QkF5QkE7OzRGRExhLHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDSSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBPbkRlc3Ryb3ksXHJcbiAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJzsgIFxyXG5pbXBvcnQgeyBJaWNvbiB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19pbnRlcmZhY2UvaWNvbic7XHJcbmltcG9ydCB7IElJdGluZXJhcnlNZW1iZXIgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9fbW9kZWxzL2l0aW5lcmFyeU1lbWJlcic7IFxyXG5pbXBvcnQgeyBJQ09OUyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19jb25zdGFudHMvY29uc3RhbnRzJztcclxuaW1wb3J0IHsgQXNzZXRzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19zZXJ2aWNlcy9hc3NldHMuc2VydmljZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtZnJpZW5kLXJlcXVlc3RzJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9mcmllbmQtcmVxdWVzdHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL2ZyaWVuZC1yZXF1ZXN0cy5jb21wb25lbnQuc2NzcycsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGcmllbmRSZXF1ZXN0c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBJQ09OUzogSWljb24gPSBJQ09OUztcclxuICBpdGluZXJhcnlNZW1iZXJzOiBJSXRpbmVyYXJ5TWVtYmVyW10gPSBbXTtcclxuICBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgc3Vic2NyaXB0aW9uITogU3Vic2NyaXB0aW9uO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgX2xvY2F0aW9uOiBMb2NhdGlvbixcclxuICAgIHByaXZhdGUgYXNzZXRTZXJ2aWNlOiBBc3NldHNTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICkge31cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZ2V0VG90YWxJdGluZXJhcnlNZW1iZXJzKCk7XHJcbiAgfVxyXG5cclxuICAvL1VJIExPR0lDXHJcbiAgZ2V0VG90YWxJdGluZXJhcnlNZW1iZXJzKCk6IHZvaWQge1xyXG4gICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gdGhpcy5hc3NldFNlcnZpY2UuZ2V0TWVtYmVycygpLnN1YnNjcmliZSgoZGF0YSkgPT4ge1xyXG4gICAgICB0aGlzLml0aW5lcmFyeU1lbWJlcnMgPSBkYXRhO1xyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG4gIGhhbmRsZVNlYXJjaFN0cmluZ0NoYW5nZShfJGV2ZW50OiBzdHJpbmcpIHt9XHJcbiAgY2xlYXIoKTogdm9pZCB7fVxyXG5cclxuICBiYWNrQnV0dG9uKCk6IHZvaWQge1xyXG4gICAgdGhpcy5fbG9jYXRpb24uYmFjaygpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicGwtNCBwci00XCI+XHJcbiAgPGFwcC1oZWFkZXIgaGVhZGluZz1cIkZyaWVuZCBSZXF1ZXN0c1wiIChmaXJzdEJ1dHRvbik9XCJiYWNrQnV0dG9uKClcIj48L2FwcC1oZWFkZXI+XHJcblxyXG4gIDxwIGNsYXNzPVwiaW50ZXJlc3RlZFBlb3BsZUhlYWRpbmcgbXQtM1wiPkludml0ZXMgU2VudCAoMyk8L3A+XHJcblxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJsb2FkaW5nXCI+XHJcbiAgICA8bGliLWluZm8tY2FyZC1wbGFjZWhvbGRlciBbYXZhdGFyXT1cInRydWVcIiBbY291bnRdPVwiNVwiPjwvbGliLWluZm8tY2FyZC1wbGFjZWhvbGRlcj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgPG5nLXRlbXBsYXRlICNzdWZpeEFjdGlvbj5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XHJcbiAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snY2xvc2VQaW5rJ11cIiBhbHQ9XCJJbnZpdGUgbGFiZWxcIiAvPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwicGlua1RleHRDb2xvclwiPlJldm9rZTwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgQGlmICghbG9hZGluZykge1xyXG4gIDxkaXYgY2xhc3M9XCJncmlkIGdyaWQtY29scy0xIGxnOmdyaWQtY29scy0yIHhsOmdyaWQtY29scy0zIGdhcC00XCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpIG9mIGl0aW5lcmFyeU1lbWJlcnNcIj5cclxuICAgICAgPGFwcC11c2VyLXRpbGUgW25hbWVdPVwiaS5tZW1iZXJOYW1lXCIgW2VtYWlsXT1cImkubWVtYmVyRW1haWxcIiBbaW1hZ2VdPVwiaS5tZW1iZXJQaWNcIlxyXG4gICAgICAgIFtzdWZpeFRlbXBsYXRlXT1cInN1Zml4QWN0aW9uXCI+PC9hcHAtdXNlci10aWxlPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19

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, standalone: false, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRpbmVyYXJ5LWZyaWVuZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvbW9kdWxlcy9pdGluZXJhcmllcy9wYWdlcy9pdGluZXJhcnktZnJpZW5kcy9pdGluZXJhcnktZnJpZW5kcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1mcmllbmRzL2l0aW5lcmFyeS1mcmllbmRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU25FLE1BQU0sT0FBTyx5QkFBeUI7SUFDaEI7SUFBcEIsWUFBb0IsU0FBbUI7UUFBbkIsY0FBUyxHQUFULFNBQVMsQ0FBVTtJQUFHLENBQUM7SUFDM0MsVUFBVTtRQUNSLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQzt3R0FKVSx5QkFBeUI7NEZBQXpCLHlCQUF5Qiw2RENWdEMsNk5BTUE7OzRGRElhLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFDSSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2FwcC1pdGluZXJhcnktZnJpZW5kcycsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vaXRpbmVyYXJ5LWZyaWVuZHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL2l0aW5lcmFyeS1mcmllbmRzLmNvbXBvbmVudC5jc3MnLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSXRpbmVyYXJ5RnJpZW5kc0NvbXBvbmVudCB7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfbG9jYXRpb246IExvY2F0aW9uKSB7fVxyXG4gIGJhY2tCdXR0b24oKTogdm9pZCB7XHJcbiAgICB0aGlzLl9sb2NhdGlvbi5iYWNrKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ6LWF1dG8gcHItMyBwbC0zXCI+XHJcbiAgPGRpdiBjbGFzcz1cInBiLTRcIj5cclxuICAgIDxhcHAtaGVhZGVyIGhlYWRpbmc9XCJGcmllbmRzXCIgKGZpcnN0QnV0dG9uKT1cImJhY2tCdXR0b24oKVwiPjwvYXBwLWhlYWRlcj5cclxuICA8L2Rpdj5cclxuICA8YXBwLWV4aXN0aW5nLWZyaWVuZHM+PC9hcHAtZXhpc3RpbmctZnJpZW5kcz5cclxuPC9kaXY+XHJcbiJdfQ==

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

@@ -0,0 +1,80 @@
+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/custom-dropdown-menu.service";
+import * as i2 from "../../../../../_services/modal.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/router";
+import * as i5 from "../../../../../_services/assets.service";
+import * as i6 from "@naniteninja/ionic-lib";
+import * as i7 from "../../../../../shared/user-stack-tile/user-stack-tile.component";
+import * as i8 from "../../../../../shared/user-tile/user-tile.component";
+import * as i9 from "../../../../../shared/header/header.component";
+import * as i10 from "@ngx-translate/core";
+export class ListFriendUsersComponent {
+    customMenuList;
+    modalService;
+    _location;
+    router;
+    assetService;
+    cdr;
+    ICONS = ICONS;
+    friends = [];
+    images = [];
+    loading = false;
+    subscription;
+    constructor(customMenuList, modalService, _location, router, assetService, cdr) {
+        this.customMenuList = customMenuList;
+        this.modalService = modalService;
+        this._location = _location;
+        this.router = router;
+        this.assetService = assetService;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.getTotalItineraryMembers();
+    }
+    //UI LOGIC
+    handleSearchStringChange(_$event) { }
+    clear() { }
+    getTotalItineraryMembers() {
+        this.loading = true;
+        this.subscription = this.assetService.getMembers().subscribe((data) => {
+            this.friends = data;
+            this.images = this.friends.map((x) => x.memberPic);
+            this.loading = false;
+            this.cdr.detectChanges();
+        });
+    }
+    sendRequest(i) {
+        this.friends[i].added = true;
+        this.cdr.detectChanges();
+    }
+    //NAVIGATIONS
+    navToSendRequest() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.SEND_FRIEND_REQUEST,
+        ]);
+    }
+    navToFriendRequests() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.FRIEND_REQUESTS,
+        ]);
+    }
+    backButton() {
+        this._location.back();
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListFriendUsersComponent, deps: [{ token: i1.CustomDropdownMenuService }, { token: i2.ModalService }, { token: i3.Location }, { token: i4.Router }, { token: i5.AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ListFriendUsersComponent, selector: "app-list-friend-users", ngImport: i0, template: "<div class=\"ps-4 pe-4\">\r\n  <app-header heading=\"Search For Friends\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n  <lib-search-bar class=\"search-field\" [placeholderText]=\"'Search people to invite' | translate\"\r\n    (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" (click)=\"navToSendRequest()\"\r\n    [searchIcon]=\"ICONS['dashboardSearch']\">\r\n  </lib-search-bar>\r\n\r\n  <h3 class=\"f-calistoga font-normal text-sm mt-4 mb-3\">Suggested Requests</h3>\r\n\r\n  <ng-container *ngIf=\"loading\">\r\n    <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></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 friends; let idx = index\">\r\n      <ng-template #request>\r\n        <div (click)=\"sendRequest(idx)\" class=\"flex\">\r\n          <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n          <button class=\"pinkTextColor\">Request</button>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <ng-template #requested>\r\n        <div class=\"flex\">\r\n          <img [src]=\"ICONS['userAdded']\" alt=\"Invite label\" />\r\n          <button class=\"pinkTextColor\">Requested</button>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <app-user-tile [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n        [sufixTemplate]=\"i.added ? requested : request\"></app-user-tile>\r\n    </ng-container>\r\n  </div>\r\n  }\r\n\r\n  <!-- Separator Line -->\r\n  <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n  <p class=\"interestedPeopleHeading mt-4\">Requests Sent</p>\r\n\r\n  <app-user-stack-tile label=\"16 People\" [images]=\"images\" buttonText=\"View Requests\"\r\n    (onClick)=\"navToFriendRequests()\"></app-user-stack-tile>\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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: i7.UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "component", type: i8.UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: i9.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i6.LazyImageDirective, selector: "img" }, { kind: "component", type: i6.SearchBarComponent, selector: "lib-search-bar", inputs: ["placeholderText", "inputText", "order", "clearIcon", "searchIcon"], outputs: ["searchStringChange", "cleared", "focused", "unfocused"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListFriendUsersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-list-friend-users', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"ps-4 pe-4\">\r\n  <app-header heading=\"Search For Friends\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n  <lib-search-bar class=\"search-field\" [placeholderText]=\"'Search people to invite' | translate\"\r\n    (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" (click)=\"navToSendRequest()\"\r\n    [searchIcon]=\"ICONS['dashboardSearch']\">\r\n  </lib-search-bar>\r\n\r\n  <h3 class=\"f-calistoga font-normal text-sm mt-4 mb-3\">Suggested Requests</h3>\r\n\r\n  <ng-container *ngIf=\"loading\">\r\n    <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></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 friends; let idx = index\">\r\n      <ng-template #request>\r\n        <div (click)=\"sendRequest(idx)\" class=\"flex\">\r\n          <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n          <button class=\"pinkTextColor\">Request</button>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <ng-template #requested>\r\n        <div class=\"flex\">\r\n          <img [src]=\"ICONS['userAdded']\" alt=\"Invite label\" />\r\n          <button class=\"pinkTextColor\">Requested</button>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <app-user-tile [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n        [sufixTemplate]=\"i.added ? requested : request\"></app-user-tile>\r\n    </ng-container>\r\n  </div>\r\n  }\r\n\r\n  <!-- Separator Line -->\r\n  <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n  <p class=\"interestedPeopleHeading mt-4\">Requests Sent</p>\r\n\r\n  <app-user-stack-tile label=\"16 People\" [images]=\"images\" buttonText=\"View Requests\"\r\n    (onClick)=\"navToFriendRequests()\"></app-user-stack-tile>\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.CustomDropdownMenuService }, { type: i2.ModalService }, { type: i3.Location }, { type: i4.Router }, { type: i5.AssetsService }, { type: i0.ChangeDetectorRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1mcmllbmQtdXNlcnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvbW9kdWxlcy9pdGluZXJhcmllcy9wYWdlcy9pdGluZXJhcnktZnJpZW5kcy9saXN0LWZyaWVuZC11c2Vycy9saXN0LWZyaWVuZC11c2Vycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1mcmllbmRzL2xpc3QtZnJpZW5kLXVzZXJzL2xpc3QtZnJpZW5kLXVzZXJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxHQUdWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBS25GLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7Ozs7Ozs7Ozs7O0FBVTVELE1BQU0sT0FBTyx3QkFBd0I7SUFRMUI7SUFDQTtJQUNDO0lBQ0E7SUFDQTtJQUNBO0lBWlYsS0FBSyxHQUFVLEtBQUssQ0FBQztJQUNyQixPQUFPLEdBQXVCLEVBQUUsQ0FBQztJQUNqQyxNQUFNLEdBQWEsRUFBRSxDQUFDO0lBQ3RCLE9BQU8sR0FBWSxLQUFLLENBQUM7SUFDekIsWUFBWSxDQUFnQjtJQUU1QixZQUNTLGNBQXlDLEVBQ3pDLFlBQTBCLEVBQ3pCLFNBQW1CLEVBQ25CLE1BQWMsRUFDZCxZQUEyQixFQUMzQixHQUFzQjtRQUx2QixtQkFBYyxHQUFkLGNBQWMsQ0FBMkI7UUFDekMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDekIsY0FBUyxHQUFULFNBQVMsQ0FBVTtRQUNuQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsaUJBQVksR0FBWixZQUFZLENBQWU7UUFDM0IsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDN0IsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsVUFBVTtJQUNWLHdCQUF3QixDQUFDLE9BQWUsSUFBRyxDQUFDO0lBQzVDLEtBQUssS0FBVSxDQUFDO0lBRWhCLHdCQUF3QjtRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDcEUsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7WUFDcEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ25ELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1lBQ3JCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVyxDQUFDLENBQVM7UUFDbkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQzdCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGFBQWE7SUFDYixnQkFBZ0I7UUFDZCxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztZQUNuQixxQkFBcUIsQ0FBQyxTQUFTO1lBQy9CLHFCQUFxQixDQUFDLG1CQUFtQjtTQUMxQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBQ0QsbUJBQW1CO1FBQ2pCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1lBQ25CLHFCQUFxQixDQUFDLFNBQVM7WUFDL0IscUJBQXFCLENBQUMsZUFBZTtTQUN0QyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7d0dBM0RVLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLDZEQ3pCckMscTNEQTZDQTs7NEZEcEJhLHdCQUF3QjtrQkFQcEMsU0FBUzsrQkFDSSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgT25EZXN0cm95LFxyXG4gIE9uSW5pdCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7ICBcclxuaW1wb3J0IHsgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX2VudW1zL0l0ZW5hcmllc1JvdXRlcy5lbnVtJztcclxuaW1wb3J0IHsgSWljb24gfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9faW50ZXJmYWNlL2ljb24nO1xyXG5pbXBvcnQgeyBJSXRpbmVyYXJ5TWVtYmVyIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX21vZGVscy9pdGluZXJhcnlNZW1iZXInOyBcclxuaW1wb3J0IHsgQ3VzdG9tRHJvcGRvd25NZW51U2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19zZXJ2aWNlcy9jdXN0b20tZHJvcGRvd24tbWVudS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9kYWxTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX3NlcnZpY2VzL21vZGFsLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJQ09OUyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19jb25zdGFudHMvY29uc3RhbnRzJztcclxuaW1wb3J0IHsgQXNzZXRzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19zZXJ2aWNlcy9hc3NldHMuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXBwLWxpc3QtZnJpZW5kLXVzZXJzJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9saXN0LWZyaWVuZC11c2Vycy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vbGlzdC1mcmllbmQtdXNlcnMuY29tcG9uZW50LmNzcycsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMaXN0RnJpZW5kVXNlcnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgSUNPTlM6IElpY29uID0gSUNPTlM7XHJcbiAgZnJpZW5kczogSUl0aW5lcmFyeU1lbWJlcltdID0gW107XHJcbiAgaW1hZ2VzOiBzdHJpbmdbXSA9IFtdO1xyXG4gIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBzdWJzY3JpcHRpb24hOiBTdWJzY3JpcHRpb247XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGN1c3RvbU1lbnVMaXN0OiBDdXN0b21Ecm9wZG93bk1lbnVTZXJ2aWNlLFxyXG4gICAgcHVibGljIG1vZGFsU2VydmljZTogTW9kYWxTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBfbG9jYXRpb246IExvY2F0aW9uLFxyXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcclxuICAgIHByaXZhdGUgYXNzZXRTZXJ2aWNlOiBBc3NldHNTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmdldFRvdGFsSXRpbmVyYXJ5TWVtYmVycygpO1xyXG4gIH1cclxuXHJcbiAgLy9VSSBMT0dJQ1xyXG4gIGhhbmRsZVNlYXJjaFN0cmluZ0NoYW5nZShfJGV2ZW50OiBzdHJpbmcpIHt9XHJcbiAgY2xlYXIoKTogdm9pZCB7fVxyXG5cclxuICBnZXRUb3RhbEl0aW5lcmFyeU1lbWJlcnMoKSB7XHJcbiAgICB0aGlzLmxvYWRpbmcgPSB0cnVlO1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24gPSB0aGlzLmFzc2V0U2VydmljZS5nZXRNZW1iZXJzKCkuc3Vic2NyaWJlKChkYXRhKSA9PiB7XHJcbiAgICAgIHRoaXMuZnJpZW5kcyA9IGRhdGE7XHJcbiAgICAgIHRoaXMuaW1hZ2VzID0gdGhpcy5mcmllbmRzLm1hcCgoeCkgPT4geC5tZW1iZXJQaWMpO1xyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBzZW5kUmVxdWVzdChpOiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRoaXMuZnJpZW5kc1tpXS5hZGRlZCA9IHRydWU7XHJcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICAvL05BVklHQVRJT05TXHJcbiAgbmF2VG9TZW5kUmVxdWVzdCgpOiB2b2lkIHtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtcclxuICAgICAgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLklUSU5FUkFSWSxcclxuICAgICAgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLlNFTkRfRlJJRU5EX1JFUVVFU1QsXHJcbiAgICBdKTtcclxuICB9XHJcbiAgbmF2VG9GcmllbmRSZXF1ZXN0cygpOiB2b2lkIHtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtcclxuICAgICAgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLklUSU5FUkFSWSxcclxuICAgICAgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLkZSSUVORF9SRVFVRVNUUyxcclxuICAgIF0pO1xyXG4gIH1cclxuXHJcbiAgYmFja0J1dHRvbigpOiB2b2lkIHtcclxuICAgIHRoaXMuX2xvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInBzLTQgcGUtNFwiPlxyXG4gIDxhcHAtaGVhZGVyIGhlYWRpbmc9XCJTZWFyY2ggRm9yIEZyaWVuZHNcIiAoZmlyc3RCdXR0b24pPVwiYmFja0J1dHRvbigpXCI+PC9hcHAtaGVhZGVyPlxyXG5cclxuICA8bGliLXNlYXJjaC1iYXIgY2xhc3M9XCJzZWFyY2gtZmllbGRcIiBbcGxhY2Vob2xkZXJUZXh0XT1cIidTZWFyY2ggcGVvcGxlIHRvIGludml0ZScgfCB0cmFuc2xhdGVcIlxyXG4gICAgKHNlYXJjaFN0cmluZ0NoYW5nZSk9XCJoYW5kbGVTZWFyY2hTdHJpbmdDaGFuZ2UoJGV2ZW50KVwiIChjbGVhcmVkKT1cImNsZWFyKClcIiAoY2xpY2spPVwibmF2VG9TZW5kUmVxdWVzdCgpXCJcclxuICAgIFtzZWFyY2hJY29uXT1cIklDT05TWydkYXNoYm9hcmRTZWFyY2gnXVwiPlxyXG4gIDwvbGliLXNlYXJjaC1iYXI+XHJcblxyXG4gIDxoMyBjbGFzcz1cImYtY2FsaXN0b2dhIGZvbnQtbm9ybWFsIHRleHQtc20gbXQtNCBtYi0zXCI+U3VnZ2VzdGVkIFJlcXVlc3RzPC9oMz5cclxuXHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxvYWRpbmdcIj5cclxuICAgIDxsaWItaW5mby1jYXJkLXBsYWNlaG9sZGVyIFthdmF0YXJdPVwidHJ1ZVwiIFtjb3VudF09XCI1XCI+PC9saWItaW5mby1jYXJkLXBsYWNlaG9sZGVyPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG5cclxuICBAaWYgKCFsb2FkaW5nKSB7XHJcbiAgPGRpdiBjbGFzcz1cImdyaWQgZ3JpZC1jb2xzLTEgbGc6Z3JpZC1jb2xzLTIgeGw6Z3JpZC1jb2xzLTMgZ2FwLTRcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGkgb2YgZnJpZW5kczsgbGV0IGlkeCA9IGluZGV4XCI+XHJcbiAgICAgIDxuZy10ZW1wbGF0ZSAjcmVxdWVzdD5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJzZW5kUmVxdWVzdChpZHgpXCIgY2xhc3M9XCJmbGV4XCI+XHJcbiAgICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ2ludml0ZVBpbmsnXVwiIGFsdD1cIkludml0ZSBsYWJlbFwiIC8+XHJcbiAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwicGlua1RleHRDb2xvclwiPlJlcXVlc3Q8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgIDxuZy10ZW1wbGF0ZSAjcmVxdWVzdGVkPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4XCI+XHJcbiAgICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ3VzZXJBZGRlZCddXCIgYWx0PVwiSW52aXRlIGxhYmVsXCIgLz5cclxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJwaW5rVGV4dENvbG9yXCI+UmVxdWVzdGVkPC9idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICAgICA8YXBwLXVzZXItdGlsZSBbbmFtZV09XCJpLm1lbWJlck5hbWVcIiBbZW1haWxdPVwiaS5tZW1iZXJFbWFpbFwiIFtpbWFnZV09XCJpLm1lbWJlclBpY1wiXHJcbiAgICAgICAgW3N1Zml4VGVtcGxhdGVdPVwiaS5hZGRlZCA/IHJlcXVlc3RlZCA6IHJlcXVlc3RcIj48L2FwcC11c2VyLXRpbGU+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICA8L2Rpdj5cclxuICB9XHJcblxyXG4gIDwhLS0gU2VwYXJhdG9yIExpbmUgLS0+XHJcbiAgPGRpdiBjbGFzcz1cImJvcmRlci10IGJvcmRlci1ncmF5LTcwMCBtdC0yXCI+PC9kaXY+XHJcblxyXG4gIDxwIGNsYXNzPVwiaW50ZXJlc3RlZFBlb3BsZUhlYWRpbmcgbXQtNFwiPlJlcXVlc3RzIFNlbnQ8L3A+XHJcblxyXG4gIDxhcHAtdXNlci1zdGFjay10aWxlIGxhYmVsPVwiMTYgUGVvcGxlXCIgW2ltYWdlc109XCJpbWFnZXNcIiBidXR0b25UZXh0PVwiVmlldyBSZXF1ZXN0c1wiXHJcbiAgICAob25DbGljayk9XCJuYXZUb0ZyaWVuZFJlcXVlc3RzKClcIj48L2FwcC11c2VyLXN0YWNrLXRpbGU+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -0,0 +1,62 @@
+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 "../../../../../_services/assets.service";
+import * as i3 from "../../../../../shared/user-stack-tile/user-stack-tile.component";
+import * as i4 from "../../../../../shared/user-tile/user-tile.component";
+import * as i5 from "../../../../../shared/header/header.component";
+import * as i6 from "@naniteninja/ionic-lib";
+export class SendFriendRequestComponent {
+    _location;
+    assetService;
+    cdr;
+    ICONS = ICONS;
+    loading = false;
+    subscription;
+    people = [];
+    searched = [];
+    images = [];
+    constructor(_location, assetService, cdr) {
+        this._location = _location;
+        this.assetService = assetService;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.getTotalItineraryMembers();
+    }
+    //UI LOGIC
+    getTotalItineraryMembers() {
+        this.loading = true;
+        this.subscription = this.assetService.getMembers().subscribe((data) => {
+            this.searched = this.people = data;
+            this.images = this.people.map((x) => x.memberPic);
+            this.loading = false;
+            this.cdr.detectChanges();
+        });
+    }
+    handleSearchStringChange($event) {
+        if (!$event) {
+            this.searched = this.people;
+        }
+        else {
+            this.searched = this.people.filter((x) => x.memberName.toLowerCase().includes($event.toLowerCase()) ||
+                x.memberName.toLowerCase().includes($event.toLowerCase()));
+        }
+    }
+    invite(i) {
+        this.people[i].added = true;
+    }
+    clear() { }
+    //NAVIGATIONS
+    backButton() {
+        this._location.back();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SendFriendRequestComponent, deps: [{ token: i1.Location }, { token: i2.AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SendFriendRequestComponent, selector: "app-send-friend-request", ngImport: i0, template: "<div class=\"pl-4 pr-4\">\r\n  <app-header heading=\"Search for Friends\" (firstButton)=\"backButton()\"></app-header>\r\n  <lib-search-bar class=\"search-field\" placeholderText=\"Search for Friends\"\r\n    (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n  </lib-search-bar>\r\n\r\n  <p class=\"interestedPeopleHeading mt-5\">Results</p>\r\n\r\n  <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n    <ng-container *ngFor=\"let p of searched; let i = index\">\r\n      <ng-template #inviteBtn>\r\n        <div (click)=\"invite(i)\" class=\"flex\">\r\n          <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n          <button class=\"pinkTextColor\">Invite</button>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template #invitedBtn>\r\n        <div class=\"flex\">\r\n          <img [src]=\"ICONS['userAdded']\" lt=\"Invite label\" />\r\n          <button class=\"pinkTextColor\">Invited</button>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <app-user-tile name=\"Send App and Itinerary Invite\" [email]=\"p.memberEmail\" [image]=\"p.memberPic\"\r\n        [sufixTemplate]=\"p.added ? invitedBtn : inviteBtn\"></app-user-tile>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n  <app-user-stack-tile label=\"17 People\" buttonText=\"View Requests\"></app-user-stack-tile>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "component", type: i4.UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: i5.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i6.LazyImageDirective, selector: "img" }, { kind: "component", type: i6.SearchBarComponent, selector: "lib-search-bar", inputs: ["placeholderText", "inputText", "order", "clearIcon", "searchIcon"], outputs: ["searchStringChange", "cleared", "focused", "unfocused"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SendFriendRequestComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-send-friend-request', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"pl-4 pr-4\">\r\n  <app-header heading=\"Search for Friends\" (firstButton)=\"backButton()\"></app-header>\r\n  <lib-search-bar class=\"search-field\" placeholderText=\"Search for Friends\"\r\n    (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n  </lib-search-bar>\r\n\r\n  <p class=\"interestedPeopleHeading mt-5\">Results</p>\r\n\r\n  <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4\">\r\n    <ng-container *ngFor=\"let p of searched; let i = index\">\r\n      <ng-template #inviteBtn>\r\n        <div (click)=\"invite(i)\" class=\"flex\">\r\n          <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n          <button class=\"pinkTextColor\">Invite</button>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template #invitedBtn>\r\n        <div class=\"flex\">\r\n          <img [src]=\"ICONS['userAdded']\" lt=\"Invite label\" />\r\n          <button class=\"pinkTextColor\">Invited</button>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <app-user-tile name=\"Send App and Itinerary Invite\" [email]=\"p.memberEmail\" [image]=\"p.memberPic\"\r\n        [sufixTemplate]=\"p.added ? invitedBtn : inviteBtn\"></app-user-tile>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n  <app-user-stack-tile label=\"17 People\" buttonText=\"View Requests\"></app-user-stack-tile>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.Location }, { type: i2.AssetsService }, { type: i0.ChangeDetectorRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VuZC1mcmllbmQtcmVxdWVzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1mcmllbmRzL3NlbmQtZnJpZW5kLXJlcXVlc3Qvc2VuZC1mcmllbmQtcmVxdWVzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1mcmllbmRzL3NlbmQtZnJpZW5kLXJlcXVlc3Qvc2VuZC1mcmllbmQtcmVxdWVzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQztBQUl2QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7Ozs7O0FBUzVELE1BQU0sT0FBTywwQkFBMEI7SUFTM0I7SUFDQTtJQUNBO0lBVlYsS0FBSyxHQUFVLEtBQUssQ0FBQztJQUNyQixPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ3pCLFlBQVksQ0FBZ0I7SUFDNUIsTUFBTSxHQUF1QixFQUFFLENBQUM7SUFDaEMsUUFBUSxHQUF1QixFQUFFLENBQUM7SUFDbEMsTUFBTSxHQUFhLEVBQUUsQ0FBQztJQUV0QixZQUNVLFNBQW1CLEVBQ25CLFlBQTJCLEVBQzNCLEdBQXNCO1FBRnRCLGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDbkIsaUJBQVksR0FBWixZQUFZLENBQWU7UUFDM0IsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDN0IsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsVUFBVTtJQUNWLHdCQUF3QjtRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDcEUsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztZQUNuQyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDbEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCx3QkFBd0IsQ0FBQyxNQUFjO1FBQ3JDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDWCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7U0FDN0I7YUFBTTtZQUNMLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQ2hDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FDSixDQUFDLENBQUMsVUFBVSxDQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUM7Z0JBQ3pELENBQUMsQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUM1RCxDQUFDO1NBQ0g7SUFDSCxDQUFDO0lBQ0QsTUFBTSxDQUFDLENBQVM7UUFDZCxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQUNELEtBQUssS0FBVSxDQUFDO0lBRWhCLGFBQWE7SUFDYixVQUFVO1FBQ1IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO3dHQWhEVSwwQkFBMEI7NEZBQTFCLDBCQUEwQiwrRENuQnZDLHE4Q0FnQ0E7OzRGRGJhLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDSSx5QkFBeUIsbUJBR2xCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnOyBcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7IFxyXG5pbXBvcnQgeyBJaWNvbiB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19pbnRlcmZhY2UvaWNvbic7XHJcbmltcG9ydCB7IElJdGluZXJhcnlNZW1iZXIgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9fbW9kZWxzL2l0aW5lcmFyeU1lbWJlcic7IFxyXG5pbXBvcnQgeyBJQ09OUyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19jb25zdGFudHMvY29uc3RhbnRzJztcclxuaW1wb3J0IHsgQXNzZXRzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19zZXJ2aWNlcy9hc3NldHMuc2VydmljZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtc2VuZC1mcmllbmQtcmVxdWVzdCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VuZC1mcmllbmQtcmVxdWVzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vc2VuZC1mcmllbmQtcmVxdWVzdC5jb21wb25lbnQuc2NzcycsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZW5kRnJpZW5kUmVxdWVzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgSUNPTlM6IElpY29uID0gSUNPTlM7XHJcbiAgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHN1YnNjcmlwdGlvbiE6IFN1YnNjcmlwdGlvbjtcclxuICBwZW9wbGU6IElJdGluZXJhcnlNZW1iZXJbXSA9IFtdO1xyXG4gIHNlYXJjaGVkOiBJSXRpbmVyYXJ5TWVtYmVyW10gPSBbXTtcclxuICBpbWFnZXM6IHN0cmluZ1tdID0gW107XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfbG9jYXRpb246IExvY2F0aW9uLFxyXG4gICAgcHJpdmF0ZSBhc3NldFNlcnZpY2U6IEFzc2V0c1NlcnZpY2UsXHJcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZ2V0VG90YWxJdGluZXJhcnlNZW1iZXJzKCk7XHJcbiAgfVxyXG5cclxuICAvL1VJIExPR0lDXHJcbiAgZ2V0VG90YWxJdGluZXJhcnlNZW1iZXJzKCkge1xyXG4gICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gdGhpcy5hc3NldFNlcnZpY2UuZ2V0TWVtYmVycygpLnN1YnNjcmliZSgoZGF0YSkgPT4ge1xyXG4gICAgICB0aGlzLnNlYXJjaGVkID0gdGhpcy5wZW9wbGUgPSBkYXRhO1xyXG4gICAgICB0aGlzLmltYWdlcyA9IHRoaXMucGVvcGxlLm1hcCgoeCkgPT4geC5tZW1iZXJQaWMpO1xyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVTZWFyY2hTdHJpbmdDaGFuZ2UoJGV2ZW50OiBzdHJpbmcpIHtcclxuICAgIGlmICghJGV2ZW50KSB7XHJcbiAgICAgIHRoaXMuc2VhcmNoZWQgPSB0aGlzLnBlb3BsZTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuc2VhcmNoZWQgPSB0aGlzLnBlb3BsZS5maWx0ZXIoXHJcbiAgICAgICAgKHgpID0+XHJcbiAgICAgICAgICB4Lm1lbWJlck5hbWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcygkZXZlbnQudG9Mb3dlckNhc2UoKSkgfHxcclxuICAgICAgICAgIHgubWVtYmVyTmFtZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKCRldmVudC50b0xvd2VyQ2FzZSgpKSxcclxuICAgICAgKTtcclxuICAgIH1cclxuICB9XHJcbiAgaW52aXRlKGk6IG51bWJlcikge1xyXG4gICAgdGhpcy5wZW9wbGVbaV0uYWRkZWQgPSB0cnVlO1xyXG4gIH1cclxuICBjbGVhcigpOiB2b2lkIHt9XHJcblxyXG4gIC8vTkFWSUdBVElPTlNcclxuICBiYWNrQnV0dG9uKCk6IHZvaWQge1xyXG4gICAgdGhpcy5fbG9jYXRpb24uYmFjaygpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicGwtNCBwci00XCI+XHJcbiAgPGFwcC1oZWFkZXIgaGVhZGluZz1cIlNlYXJjaCBmb3IgRnJpZW5kc1wiIChmaXJzdEJ1dHRvbik9XCJiYWNrQnV0dG9uKClcIj48L2FwcC1oZWFkZXI+XHJcbiAgPGxpYi1zZWFyY2gtYmFyIGNsYXNzPVwic2VhcmNoLWZpZWxkXCIgcGxhY2Vob2xkZXJUZXh0PVwiU2VhcmNoIGZvciBGcmllbmRzXCJcclxuICAgIChzZWFyY2hTdHJpbmdDaGFuZ2UpPVwiaGFuZGxlU2VhcmNoU3RyaW5nQ2hhbmdlKCRldmVudClcIiAoY2xlYXJlZCk9XCJjbGVhcigpXCIgW3NlYXJjaEljb25dPVwiSUNPTlNbJ2Rhc2hib2FyZFNlYXJjaCddXCI+XHJcbiAgPC9saWItc2VhcmNoLWJhcj5cclxuXHJcbiAgPHAgY2xhc3M9XCJpbnRlcmVzdGVkUGVvcGxlSGVhZGluZyBtdC01XCI+UmVzdWx0czwvcD5cclxuXHJcbiAgPGRpdiBjbGFzcz1cImdyaWQgZ3JpZC1jb2xzLTEgbGc6Z3JpZC1jb2xzLTIgeGw6Z3JpZC1jb2xzLTMgZ2FwLTRcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHAgb2Ygc2VhcmNoZWQ7IGxldCBpID0gaW5kZXhcIj5cclxuICAgICAgPG5nLXRlbXBsYXRlICNpbnZpdGVCdG4+XHJcbiAgICAgICAgPGRpdiAoY2xpY2spPVwiaW52aXRlKGkpXCIgY2xhc3M9XCJmbGV4XCI+XHJcbiAgICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ2ludml0ZVBpbmsnXVwiIGFsdD1cIkludml0ZSBsYWJlbFwiIC8+XHJcbiAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwicGlua1RleHRDb2xvclwiPkludml0ZTwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICA8bmctdGVtcGxhdGUgI2ludml0ZWRCdG4+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXhcIj5cclxuICAgICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1sndXNlckFkZGVkJ11cIiBsdD1cIkludml0ZSBsYWJlbFwiIC8+XHJcbiAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwicGlua1RleHRDb2xvclwiPkludml0ZWQ8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgIDxhcHAtdXNlci10aWxlIG5hbWU9XCJTZW5kIEFwcCBhbmQgSXRpbmVyYXJ5IEludml0ZVwiIFtlbWFpbF09XCJwLm1lbWJlckVtYWlsXCIgW2ltYWdlXT1cInAubWVtYmVyUGljXCJcclxuICAgICAgICBbc3VmaXhUZW1wbGF0ZV09XCJwLmFkZGVkID8gaW52aXRlZEJ0biA6IGludml0ZUJ0blwiPjwvYXBwLXVzZXItdGlsZT5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiYm9yZGVyLXQgYm9yZGVyLWdyYXktNzAwIG10LTJcIj48L2Rpdj5cclxuXHJcbiAgPGFwcC11c2VyLXN0YWNrLXRpbGUgbGFiZWw9XCIxNyBQZW9wbGVcIiBidXR0b25UZXh0PVwiVmlldyBSZXF1ZXN0c1wiPjwvYXBwLXVzZXItc3RhY2stdGlsZT5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/itinerary-app/modules/itineraries/pages/itinerary-members/all-people/all-people.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 "../../../../../_services/custom-dropdown-menu.service";
+import * as i2 from "../../../../../_services/modal.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/router";
+import * as i5 from "../../../../../_services/assets.service";
+import * as i6 from "@naniteninja/ionic-lib";
+import * as i7 from "../../../../../shared/user-stack-tile/user-stack-tile.component";
+import * as i8 from "../../../../../shared/user-tile/user-tile.component";
+import * as i9 from "../../../../../shared/header/header.component";
+import * as i10 from "@ngx-translate/core";
+export class AllPeopleComponent {
+    customMenuList;
+    modalService;
+    _location;
+    router;
+    assetService;
+    cdr;
+    ICONS = ICONS;
+    itineraryMembers = [];
+    images = [];
+    loading = false;
+    subscription;
+    constructor(customMenuList, modalService, _location, router, assetService, cdr) {
+        this.customMenuList = customMenuList;
+        this.modalService = modalService;
+        this._location = _location;
+        this.router = router;
+        this.assetService = assetService;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.getTotalItineraryMembers();
+    }
+    //UI LOGIC
+    handleSearchStringChange(_$event) { }
+    clear() { }
+    getTotalItineraryMembers() {
+        this.loading = true;
+        this.subscription = this.assetService.getMembers().subscribe((data) => {
+            this.itineraryMembers = data;
+            this.images = this.itineraryMembers.map((x) => x.memberPic);
+            this.loading = false;
+            this.cdr.detectChanges();
+        });
+    }
+    //NAVIGATIONS
+    navToInvite() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.SEND_INVITE,
+        ]);
+    }
+    navToAllInvites() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.ALL_INVITES_SENT,
+        ]);
+    }
+    backButton() {
+        this._location.back();
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AllPeopleComponent, deps: [{ token: i1.CustomDropdownMenuService }, { token: i2.ModalService }, { token: i3.Location }, { token: i4.Router }, { token: i5.AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AllPeopleComponent, selector: "app-all-people", ngImport: i0, template: "<div class=\"ps-4 pe-4\">\r\n  <app-header heading=\"Invite People\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n  <lib-search-bar class=\"search-field\" [placeholderText]=\"'Search people to invite' | translate\"\r\n    (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n  </lib-search-bar>\r\n\r\n  <h3 class=\"f-calistoga font-normal text-sm mt-4\">Friends</h3>\r\n\r\n  <ng-template #sufixAction>\r\n    <div (click)=\"navToInvite()\" class=\"flex\">\r\n      <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n      <button class=\"pinkTextColor\">Invite</button>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-container *ngIf=\"loading\">\r\n    <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n  </ng-container>\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 [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n          [sufixTemplate]=\"sufixAction\"></app-user-tile>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <h3 class=\"f-calistoga font-normal text-sm mt-4\">\r\n    People who might want to join this itinerary\r\n  </h3>\r\n\r\n  <ng-container *ngIf=\"loading\">\r\n    <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n  </ng-container>\r\n\r\n  <ng-template #sufixAction2>\r\n    <div (click)=\"navToInvite()\" class=\"flex\">\r\n      <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n      <button class=\"pinkTextColor\">Invite</button>\r\n    </div>\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 [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n          [sufixTemplate]=\"sufixAction2\"></app-user-tile>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Separator Line -->\r\n  <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n  <p class=\"interestedPeopleHeading mt-3\">Invites Sent</p>\r\n\r\n  <app-user-stack-tile label=\"16 People\" [images]=\"images\" buttonText=\"View Invites\"\r\n    (onClick)=\"navToAllInvites()\"></app-user-stack-tile>\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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: i7.UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "component", type: i8.UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "component", type: i9.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i6.LazyImageDirective, selector: "img" }, { kind: "component", type: i6.SearchBarComponent, selector: "lib-search-bar", inputs: ["placeholderText", "inputText", "order", "clearIcon", "searchIcon"], outputs: ["searchStringChange", "cleared", "focused", "unfocused"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AllPeopleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-all-people', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"ps-4 pe-4\">\r\n  <app-header heading=\"Invite People\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n  <lib-search-bar class=\"search-field\" [placeholderText]=\"'Search people to invite' | translate\"\r\n    (searchStringChange)=\"handleSearchStringChange($event)\" (cleared)=\"clear()\" [searchIcon]=\"ICONS['dashboardSearch']\">\r\n  </lib-search-bar>\r\n\r\n  <h3 class=\"f-calistoga font-normal text-sm mt-4\">Friends</h3>\r\n\r\n  <ng-template #sufixAction>\r\n    <div (click)=\"navToInvite()\" class=\"flex\">\r\n      <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n      <button class=\"pinkTextColor\">Invite</button>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-container *ngIf=\"loading\">\r\n    <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n  </ng-container>\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 [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n          [sufixTemplate]=\"sufixAction\"></app-user-tile>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <h3 class=\"f-calistoga font-normal text-sm mt-4\">\r\n    People who might want to join this itinerary\r\n  </h3>\r\n\r\n  <ng-container *ngIf=\"loading\">\r\n    <lib-info-card-placeholder [avatar]=\"true\" [count]=\"5\"></lib-info-card-placeholder>\r\n  </ng-container>\r\n\r\n  <ng-template #sufixAction2>\r\n    <div (click)=\"navToInvite()\" class=\"flex\">\r\n      <img [src]=\"ICONS['invitePink']\" alt=\"Invite label\" />\r\n      <button class=\"pinkTextColor\">Invite</button>\r\n    </div>\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 [name]=\"i.memberName\" [email]=\"i.memberEmail\" [image]=\"i.memberPic\"\r\n          [sufixTemplate]=\"sufixAction2\"></app-user-tile>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Separator Line -->\r\n  <div class=\"border-t border-gray-700 mt-2\"></div>\r\n\r\n  <p class=\"interestedPeopleHeading mt-3\">Invites Sent</p>\r\n\r\n  <app-user-stack-tile label=\"16 People\" [images]=\"images\" buttonText=\"View Invites\"\r\n    (onClick)=\"navToAllInvites()\"></app-user-stack-tile>\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.CustomDropdownMenuService }, { type: i2.ModalService }, { type: i3.Location }, { type: i4.Router }, { type: i5.AssetsService }, { type: i0.ChangeDetectorRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxsLXBlb3BsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1tZW1iZXJzL2FsbC1wZW9wbGUvYWxsLXBlb3BsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1tZW1iZXJzL2FsbC1wZW9wbGUvYWxsLXBlb3BsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsR0FHVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUtuRixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7Ozs7Ozs7OztBQVM1RCxNQUFNLE9BQU8sa0JBQWtCO0lBUXBCO0lBQ0E7SUFDQztJQUNBO0lBQ0E7SUFDQTtJQVpWLEtBQUssR0FBVSxLQUFLLENBQUM7SUFDckIsZ0JBQWdCLEdBQXVCLEVBQUUsQ0FBQztJQUMxQyxNQUFNLEdBQWEsRUFBRSxDQUFDO0lBQ3RCLE9BQU8sR0FBWSxLQUFLLENBQUM7SUFDekIsWUFBWSxDQUFnQjtJQUU1QixZQUNTLGNBQXlDLEVBQ3pDLFlBQTBCLEVBQ3pCLFNBQW1CLEVBQ25CLE1BQWMsRUFDZCxZQUEyQixFQUMzQixHQUFzQjtRQUx2QixtQkFBYyxHQUFkLGNBQWMsQ0FBMkI7UUFDekMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDekIsY0FBUyxHQUFULFNBQVMsQ0FBVTtRQUNuQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsaUJBQVksR0FBWixZQUFZLENBQWU7UUFDM0IsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDN0IsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsVUFBVTtJQUNWLHdCQUF3QixDQUFDLE9BQWUsSUFBRyxDQUFDO0lBRTVDLEtBQUssS0FBVSxDQUFDO0lBQ2hCLHdCQUF3QjtRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDcEUsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztZQUM3QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUM1RCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGFBQWE7SUFDYixXQUFXO1FBQ1QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7WUFDbkIscUJBQXFCLENBQUMsU0FBUztZQUMvQixxQkFBcUIsQ0FBQyxXQUFXO1NBQ2xDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7WUFDbkIscUJBQXFCLENBQUMsU0FBUztZQUMvQixxQkFBcUIsQ0FBQyxnQkFBZ0I7U0FDdkMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNsQyxDQUFDO3dHQXREVSxrQkFBa0I7NEZBQWxCLGtCQUFrQixzREN4Qi9CLDY5RUE2REE7OzRGRHJDYSxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0ksZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgT25EZXN0cm95LFxyXG4gIE9uSW5pdCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7ICBcclxuaW1wb3J0IHsgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX2VudW1zL0l0ZW5hcmllc1JvdXRlcy5lbnVtJztcclxuaW1wb3J0IHsgSWljb24gfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9faW50ZXJmYWNlL2ljb24nO1xyXG5pbXBvcnQgeyBJSXRpbmVyYXJ5TWVtYmVyIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX21vZGVscy9pdGluZXJhcnlNZW1iZXInOyBcclxuaW1wb3J0IHsgQ3VzdG9tRHJvcGRvd25NZW51U2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19zZXJ2aWNlcy9jdXN0b20tZHJvcGRvd24tbWVudS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTW9kYWxTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX3NlcnZpY2VzL21vZGFsLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJQ09OUyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19jb25zdGFudHMvY29uc3RhbnRzJztcclxuaW1wb3J0IHsgQXNzZXRzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19zZXJ2aWNlcy9hc3NldHMuc2VydmljZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtYWxsLXBlb3BsZScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWxsLXBlb3BsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vYWxsLXBlb3BsZS5jb21wb25lbnQuc2NzcycsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBbGxQZW9wbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgSUNPTlM6IElpY29uID0gSUNPTlM7XHJcbiAgaXRpbmVyYXJ5TWVtYmVyczogSUl0aW5lcmFyeU1lbWJlcltdID0gW107XHJcbiAgaW1hZ2VzOiBzdHJpbmdbXSA9IFtdO1xyXG4gIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBzdWJzY3JpcHRpb24hOiBTdWJzY3JpcHRpb247XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGN1c3RvbU1lbnVMaXN0OiBDdXN0b21Ecm9wZG93bk1lbnVTZXJ2aWNlLFxyXG4gICAgcHVibGljIG1vZGFsU2VydmljZTogTW9kYWxTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBfbG9jYXRpb246IExvY2F0aW9uLFxyXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcclxuICAgIHByaXZhdGUgYXNzZXRTZXJ2aWNlOiBBc3NldHNTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmdldFRvdGFsSXRpbmVyYXJ5TWVtYmVycygpO1xyXG4gIH1cclxuXHJcbiAgLy9VSSBMT0dJQ1xyXG4gIGhhbmRsZVNlYXJjaFN0cmluZ0NoYW5nZShfJGV2ZW50OiBzdHJpbmcpIHt9XHJcblxyXG4gIGNsZWFyKCk6IHZvaWQge31cclxuICBnZXRUb3RhbEl0aW5lcmFyeU1lbWJlcnMoKSB7XHJcbiAgICB0aGlzLmxvYWRpbmcgPSB0cnVlO1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24gPSB0aGlzLmFzc2V0U2VydmljZS5nZXRNZW1iZXJzKCkuc3Vic2NyaWJlKChkYXRhKSA9PiB7XHJcbiAgICAgIHRoaXMuaXRpbmVyYXJ5TWVtYmVycyA9IGRhdGE7XHJcbiAgICAgIHRoaXMuaW1hZ2VzID0gdGhpcy5pdGluZXJhcnlNZW1iZXJzLm1hcCgoeCkgPT4geC5tZW1iZXJQaWMpO1xyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICAvL05BVklHQVRJT05TXHJcbiAgbmF2VG9JbnZpdGUoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUlksXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5TRU5EX0lOVklURSxcclxuICAgIF0pO1xyXG4gIH1cclxuICBuYXZUb0FsbEludml0ZXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUlksXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5BTExfSU5WSVRFU19TRU5ULFxyXG4gICAgXSk7XHJcbiAgfVxyXG5cclxuICBiYWNrQnV0dG9uKCk6IHZvaWQge1xyXG4gICAgdGhpcy5fbG9jYXRpb24uYmFjaygpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicHMtNCBwZS00XCI+XHJcbiAgPGFwcC1oZWFkZXIgaGVhZGluZz1cIkludml0ZSBQZW9wbGVcIiAoZmlyc3RCdXR0b24pPVwiYmFja0J1dHRvbigpXCI+PC9hcHAtaGVhZGVyPlxyXG5cclxuICA8bGliLXNlYXJjaC1iYXIgY2xhc3M9XCJzZWFyY2gtZmllbGRcIiBbcGxhY2Vob2xkZXJUZXh0XT1cIidTZWFyY2ggcGVvcGxlIHRvIGludml0ZScgfCB0cmFuc2xhdGVcIlxyXG4gICAgKHNlYXJjaFN0cmluZ0NoYW5nZSk9XCJoYW5kbGVTZWFyY2hTdHJpbmdDaGFuZ2UoJGV2ZW50KVwiIChjbGVhcmVkKT1cImNsZWFyKClcIiBbc2VhcmNoSWNvbl09XCJJQ09OU1snZGFzaGJvYXJkU2VhcmNoJ11cIj5cclxuICA8L2xpYi1zZWFyY2gtYmFyPlxyXG5cclxuICA8aDMgY2xhc3M9XCJmLWNhbGlzdG9nYSBmb250LW5vcm1hbCB0ZXh0LXNtIG10LTRcIj5GcmllbmRzPC9oMz5cclxuXHJcbiAgPG5nLXRlbXBsYXRlICNzdWZpeEFjdGlvbj5cclxuICAgIDxkaXYgKGNsaWNrKT1cIm5hdlRvSW52aXRlKClcIiBjbGFzcz1cImZsZXhcIj5cclxuICAgICAgPGltZyBbc3JjXT1cIklDT05TWydpbnZpdGVQaW5rJ11cIiBhbHQ9XCJJbnZpdGUgbGFiZWxcIiAvPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwicGlua1RleHRDb2xvclwiPkludml0ZTwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxvYWRpbmdcIj5cclxuICAgIDxsaWItaW5mby1jYXJkLXBsYWNlaG9sZGVyIFthdmF0YXJdPVwidHJ1ZVwiIFtjb3VudF09XCI1XCI+PC9saWItaW5mby1jYXJkLXBsYWNlaG9sZGVyPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWxvYWRpbmdcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJncmlkIGdyaWQtY29scy0xIGxnOmdyaWQtY29scy0yIHhsOmdyaWQtY29scy0zIGdhcC00XCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGkgb2YgaXRpbmVyYXJ5TWVtYmVyc1wiPlxyXG4gICAgICAgIDxhcHAtdXNlci10aWxlIFtuYW1lXT1cImkubWVtYmVyTmFtZVwiIFtlbWFpbF09XCJpLm1lbWJlckVtYWlsXCIgW2ltYWdlXT1cImkubWVtYmVyUGljXCJcclxuICAgICAgICAgIFtzdWZpeFRlbXBsYXRlXT1cInN1Zml4QWN0aW9uXCI+PC9hcHAtdXNlci10aWxlPlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG5cclxuICA8aDMgY2xhc3M9XCJmLWNhbGlzdG9nYSBmb250LW5vcm1hbCB0ZXh0LXNtIG10LTRcIj5cclxuICAgIFBlb3BsZSB3aG8gbWlnaHQgd2FudCB0byBqb2luIHRoaXMgaXRpbmVyYXJ5XHJcbiAgPC9oMz5cclxuXHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxvYWRpbmdcIj5cclxuICAgIDxsaWItaW5mby1jYXJkLXBsYWNlaG9sZGVyIFthdmF0YXJdPVwidHJ1ZVwiIFtjb3VudF09XCI1XCI+PC9saWItaW5mby1jYXJkLXBsYWNlaG9sZGVyPlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG5cclxuICA8bmctdGVtcGxhdGUgI3N1Zml4QWN0aW9uMj5cclxuICAgIDxkaXYgKGNsaWNrKT1cIm5hdlRvSW52aXRlKClcIiBjbGFzcz1cImZsZXhcIj5cclxuICAgICAgPGltZyBbc3JjXT1cIklDT05TWydpbnZpdGVQaW5rJ11cIiBhbHQ9XCJJbnZpdGUgbGFiZWxcIiAvPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwicGlua1RleHRDb2xvclwiPkludml0ZTwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFsb2FkaW5nXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtMSBsZzpncmlkLWNvbHMtMiB4bDpncmlkLWNvbHMtMyBnYXAtNFwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpIG9mIGl0aW5lcmFyeU1lbWJlcnNcIj5cclxuICAgICAgICA8YXBwLXVzZXItdGlsZSBbbmFtZV09XCJpLm1lbWJlck5hbWVcIiBbZW1haWxdPVwiaS5tZW1iZXJFbWFpbFwiIFtpbWFnZV09XCJpLm1lbWJlclBpY1wiXHJcbiAgICAgICAgICBbc3VmaXhUZW1wbGF0ZV09XCJzdWZpeEFjdGlvbjJcIj48L2FwcC11c2VyLXRpbGU+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gIDwhLS0gU2VwYXJhdG9yIExpbmUgLS0+XHJcbiAgPGRpdiBjbGFzcz1cImJvcmRlci10IGJvcmRlci1ncmF5LTcwMCBtdC0yXCI+PC9kaXY+XHJcblxyXG4gIDxwIGNsYXNzPVwiaW50ZXJlc3RlZFBlb3BsZUhlYWRpbmcgbXQtM1wiPkludml0ZXMgU2VudDwvcD5cclxuXHJcbiAgPGFwcC11c2VyLXN0YWNrLXRpbGUgbGFiZWw9XCIxNiBQZW9wbGVcIiBbaW1hZ2VzXT1cImltYWdlc1wiIGJ1dHRvblRleHQ9XCJWaWV3IEludml0ZXNcIlxyXG4gICAgKG9uQ2xpY2spPVwibmF2VG9BbGxJbnZpdGVzKClcIj48L2FwcC11c2VyLXN0YWNrLXRpbGU+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -0,0 +1,65 @@
+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 "../../../../../_services/assets.service";
+import * as i4 from "@naniteninja/ionic-lib";
+import * as i5 from "../../../../../shared/user-tile/user-tile.component";
+export class ExistingMembersComponent {
+    router;
+    _location;
+    assetService;
+    cdr;
+    ICONS = ICONS;
+    itineraryMembers;
+    loading = false;
+    subscription;
+    options = [
+        {
+            image: ICONS['food'],
+            label: 'Viynasa',
+            value: 'Viynasa',
+            selected: true,
+        },
+    ];
+    constructor(router, _location, assetService, cdr) {
+        this.router = router;
+        this._location = _location;
+        this.assetService = assetService;
+        this.cdr = cdr;
+    }
+    //UI LOGIC
+    ngOnInit() {
+        this.loading = true;
+        this.subscription = this.assetService.getMembers().subscribe((data) => {
+            this.itineraryMembers = data;
+            this.loading = false;
+            this.cdr.detectChanges();
+        });
+    }
+    handleMenueItemSelect() { }
+    handleMenuItemChange() { }
+    handleMenuClick() { }
+    //NAVIGATIONS
+    backButton() {
+        this._location.back();
+    }
+    navToAllPeople() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.All_PEOPLE,
+        ]);
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingMembersComponent, deps: [{ token: i1.Router }, { token: i2.Location }, { token: i3.AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    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        <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      <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      <lib-selectable [options]=\"options\"></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}\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: i4.SelectableComponent, selector: "lib-selectable", inputs: ["options", "singleSelectionOnly", "maxSelectionPossible"], outputs: ["maxSelectionsReached"] }, { kind: "component", type: i4.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: i4.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: i5.UserTileComponent, selector: "app-user-tile", inputs: ["sufixTemplate", "name", "email", "image", "class"] }, { kind: "directive", type: i4.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExistingMembersComponent, decorators: [{
+            type: Component,
+            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        <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      <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      <lib-selectable [options]=\"options\"></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}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.Location }, { type: i3.AssetsService }, { type: i0.ChangeDetectorRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhpc3RpbmctbWVtYmVycy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1tZW1iZXJzL2V4aXN0aW5nLW1lbWJlcnMvZXhpc3RpbmctbWVtYmVycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1tZW1iZXJzL2V4aXN0aW5nLW1lbWJlcnMvZXhpc3RpbmctbWVtYmVycy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsR0FHVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUduRixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7Ozs7QUFXNUQsTUFBTSxPQUFPLHdCQUF3QjtJQWV6QjtJQUNBO0lBQ0E7SUFDQTtJQWpCVixLQUFLLEdBQVUsS0FBSyxDQUFDO0lBQ3JCLGdCQUFnQixDQUFpQztJQUNqRCxPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ3pCLFlBQVksQ0FBZ0I7SUFDNUIsT0FBTyxHQUEyQjtRQUNoQztZQUNFLEtBQUssRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDO1lBQ3BCLEtBQUssRUFBRSxTQUFTO1lBQ2hCLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxJQUFJO1NBQ2Y7S0FDRixDQUFDO0lBRUYsWUFDVSxNQUFjLEVBQ2QsU0FBbUIsRUFDbkIsWUFBMkIsRUFDM0IsR0FBc0I7UUFIdEIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNkLGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDbkIsaUJBQVksR0FBWixZQUFZLENBQWU7UUFDM0IsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDNUIsQ0FBQztJQUVMLFVBQVU7SUFDVixRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ3BFLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7WUFDN0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxxQkFBcUIsS0FBVyxDQUFDO0lBQ2pDLG9CQUFvQixLQUFXLENBQUM7SUFDaEMsZUFBZSxLQUFXLENBQUM7SUFFM0IsYUFBYTtJQUNiLFVBQVU7UUFDUixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFDRCxjQUFjO1FBQ1osSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7WUFDbkIscUJBQXFCLENBQUMsU0FBUztZQUMvQixxQkFBcUIsQ0FBQyxVQUFVO1NBQ2pDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNsQyxDQUFDO3dHQWhEVSx3QkFBd0I7NEZBQXhCLHdCQUF3Qiw0REN4QnJDLDhyREFpREE7OzRGRHpCYSx3QkFBd0I7a0JBUHBDLFNBQVM7K0JBQ0ksc0JBQXNCLG1CQUdmLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgT25EZXN0cm95LFxyXG4gIE9uSW5pdCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJzsgXHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBJdGluZXJhcmllc1JvdXRlc0VudW0gfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9fZW51bXMvSXRlbmFyaWVzUm91dGVzLmVudW0nO1xyXG5pbXBvcnQgeyBJaWNvbiB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19pbnRlcmZhY2UvaWNvbic7XHJcbmltcG9ydCB7IElJdGluZXJhcnlNZW1iZXIgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9fbW9kZWxzL2l0aW5lcmFyeU1lbWJlcic7XHJcbmltcG9ydCB7IElDT05TIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX2NvbnN0YW50cy9jb25zdGFudHMnO1xyXG5pbXBvcnQgeyBBc3NldHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX3NlcnZpY2VzL2Fzc2V0cy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU2VsZWN0T3B0aW9uIH0gZnJvbSAnQG5hbml0ZW5pbmphL2lvbmljLWxpYic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXBwLWV4aXN0aW5nLW1lbWJlcnMnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V4aXN0aW5nLW1lbWJlcnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL2V4aXN0aW5nLW1lbWJlcnMuY29tcG9uZW50LnNjc3MnLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRXhpc3RpbmdNZW1iZXJzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIElDT05TOiBJaWNvbiA9IElDT05TO1xyXG4gIGl0aW5lcmFyeU1lbWJlcnM6IElJdGluZXJhcnlNZW1iZXJbXSB8IHVuZGVmaW5lZDtcclxuICBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgc3Vic2NyaXB0aW9uITogU3Vic2NyaXB0aW9uO1xyXG4gIG9wdGlvbnM6IFNlbGVjdE9wdGlvbjxzdHJpbmc+W10gPSBbXHJcbiAgICB7XHJcbiAgICAgIGltYWdlOiBJQ09OU1snZm9vZCddLFxyXG4gICAgICBsYWJlbDogJ1ZpeW5hc2EnLFxyXG4gICAgICB2YWx1ZTogJ1ZpeW5hc2EnLFxyXG4gICAgICBzZWxlY3RlZDogdHJ1ZSxcclxuICAgIH0sXHJcbiAgXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxyXG4gICAgcHJpdmF0ZSBfbG9jYXRpb246IExvY2F0aW9uLFxyXG4gICAgcHJpdmF0ZSBhc3NldFNlcnZpY2U6IEFzc2V0c1NlcnZpY2UsXHJcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgKSB7IH1cclxuXHJcbiAgLy9VSSBMT0dJQ1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gdGhpcy5hc3NldFNlcnZpY2UuZ2V0TWVtYmVycygpLnN1YnNjcmliZSgoZGF0YSkgPT4ge1xyXG4gICAgICB0aGlzLml0aW5lcmFyeU1lbWJlcnMgPSBkYXRhO1xyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVNZW51ZUl0ZW1TZWxlY3QoKTogdm9pZCB7IH1cclxuICBoYW5kbGVNZW51SXRlbUNoYW5nZSgpOiB2b2lkIHsgfVxyXG4gIGhhbmRsZU1lbnVDbGljaygpOiB2b2lkIHsgfVxyXG5cclxuICAvL05BVklHQVRJT05TXHJcbiAgYmFja0J1dHRvbigpOiB2b2lkIHtcclxuICAgIHRoaXMuX2xvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcbiAgbmF2VG9BbGxQZW9wbGUoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUlksXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5BbGxfUEVPUExFLFxyXG4gICAgXSk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyZWxhdGl2ZSBtaW4taC1zY3JlZW5cIj5cclxuICA8ZGl2IGNsYXNzPVwiei1hdXRvXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicGItMTBcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxvYWRpbmdcIj5cclxuICAgICAgICA8bGliLWluZm8tY2FyZC1wbGFjZWhvbGRlclxyXG4gICAgICAgICAgW2F2YXRhcl09XCJ0cnVlXCJcclxuICAgICAgICAgIFtjb3VudF09XCI1XCJcclxuICAgICAgICA+PC9saWItaW5mby1jYXJkLXBsYWNlaG9sZGVyPlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgIDxuZy10ZW1wbGF0ZSAjYWN0aW9ucz5cclxuICAgICAgICA8bGliLW1lbnUtYnRuXHJcbiAgICAgICAgICAoc2VsZWN0KT1cImhhbmRsZU1lbnVlSXRlbVNlbGVjdCgpXCJcclxuICAgICAgICAgIChjbGljayk9XCJoYW5kbGVNZW51Q2xpY2soKVwiXHJcbiAgICAgICAgICAoY2hhbmdlKT1cImhhbmRsZU1lbnVJdGVtQ2hhbmdlKClcIlxyXG4gICAgICAgICAgY2xhc3M9XCJsaWItbWVudS1jdXN0b20tY2xhc3MgbGliLW1lbnUtYmctbm9uZVwiXHJcbiAgICAgICAgICBbZGlzYWJsZVRleHRTaGFkb3ddPVwidHJ1ZVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGltZyBbc3JjXT1cIklDT05TWydob3Jpem9udGFsV2hpdGUnXVwiIGFsdD1cIkhvcml6b250YWwgZGl2aWRlclwiIC8+XHJcbiAgICAgICAgPC9saWItbWVudS1idG4+XHJcbiAgICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWxvYWRpbmdcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtMSBsZzpncmlkLWNvbHMtMiB4bDpncmlkLWNvbHMtMyBnYXAtNFwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaSBvZiBpdGluZXJhcnlNZW1iZXJzXCI+XHJcbiAgICAgICAgICAgIDxhcHAtdXNlci10aWxlXHJcbiAgICAgICAgICAgICAgW25hbWVdPVwiaS5tZW1iZXJOYW1lXCJcclxuICAgICAgICAgICAgICBbZW1haWxdPVwiaS5tZW1iZXJFbWFpbFwiXHJcbiAgICAgICAgICAgICAgW2ltYWdlXT1cImkubWVtYmVyUGljXCJcclxuICAgICAgICAgICAgICBbc3VmaXhUZW1wbGF0ZV09XCJhY3Rpb25zXCJcclxuICAgICAgICAgICAgPjwvYXBwLXVzZXItdGlsZT5cclxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHB4LTRcIj5cclxuICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ2ludml0ZVBpbmsnXVwiIC8+XHJcbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInBpbmtUZXh0Q29sb3JcIiAoY2xpY2spPVwibmF2VG9BbGxQZW9wbGUoKVwiPlxyXG4gICAgICAgICAgSW52aXRlIG1vcmUgcGVvcGxlXHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cImJvcmRlci10IGJvcmRlci1ncmF5LTcwMCBtdC02IG1iLTZcIj48L2Rpdj5cclxuICAgICAgPGgyIGNsYXNzPVwiY29tbW9uSW50ZXJlc3RzIG1iLTRcIj5Db21tb24gSW50ZXJlc3RzPC9oMj5cclxuXHJcbiAgICAgIDxsaWItc2VsZWN0YWJsZSBbb3B0aW9uc109XCJvcHRpb25zXCI+PC9saWItc2VsZWN0YWJsZT5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19