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

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

@@ -0,0 +1,77 @@
+import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
+import { of } from 'rxjs';
+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 "@naniteninja/ionic-lib";
+export class UserList {
+    router;
+    _location;
+    cdr;
+    usersList;
+    class = '';
+    ICONS = ICONS;
+    itineraryMembers;
+    loading = false;
+    subscription;
+    options = [
+        {
+            image: ICONS['food'],
+            label: 'Viynasa',
+            value: 'Viynasa',
+            selected: true,
+        },
+    ];
+    constructor(router, _location, cdr) {
+        this.router = router;
+        this._location = _location;
+        this.cdr = cdr;
+    }
+    //UI LOGIC
+    ngOnInit() {
+        this.loading = true;
+        this.subscription = of([]).subscribe((data) => {
+            this.itineraryMembers = data;
+            this.loading = false;
+            this.cdr.detectChanges();
+        });
+    }
+    //NAVIGATIONS
+    backButton() {
+        this._location.back();
+    }
+    navToAllPeople() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.All_PEOPLE,
+        ]);
+    }
+    viewProfile() {
+        this.router.navigate([ItinerariesRoutesEnum.PROFILE]).then(() => { });
+    }
+    handleMenuItemChange() {
+        throw new Error('Method not implemented.');
+    }
+    handleMenuClick() {
+        throw new Error('Method not implemented.');
+    }
+    handleMenueItemSelect() {
+        throw new Error('Method not implemented.');
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserList, deps: [{ token: i1.Router }, { token: i2.Location }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UserList, selector: "app-user-list", inputs: { usersList: "usersList", class: "class" }, 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-[14px]\">\r\n          <ng-container *ngFor=\"let user of usersList\">\r\n            <div [class]=\"'comment-card text-white rounded-xl ' + class\">\r\n              <div class=\"flex items-center justify-between\">\r\n                <div class=\"rounded-full overflow-hidden me-5\">\r\n                  <img [src]=\"user.pictureUrl!\" alt=\"User\" loading=\"lazy\" class=\"w-8 h-8 object-cover\" />\r\n                </div>\r\n                <div class=\"me-2\">\r\n                  <h4 class=\"normal-text-lg\">{{ user.name }}</h4>\r\n                </div>\r\n                <div class=\"ml-auto ms-auto flex items-center\" (click) = \"viewProfile()\">\r\n                  <span class=\"pink-btn ml-auto me-[6px] normal-text-sm\">View Profile</span>\r\n                  <img [src]=\"ICONS['angleRight']\" alt=\"angle right\" width=\"8\" height=\"16\">\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </ng-container>\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}.pink-btn{color:#fe3c72;font-size:9.85px;letter-spacing:0%}\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: i3.InfoCardPlaceholderComponent, selector: "lib-info-card-placeholder", inputs: ["avatar", "count"] }, { kind: "component", type: i3.MenuBtnComponent, selector: "lib-menu-btn", inputs: ["menuBtnIcon", "menuBtnTooltip", "menuBtnTooltipPosition", "menuBtnIconName", "menuBtnImgUrl", "menuBtnNotificationIconUrl", "menuDirection", "hasNotification", "menuItems", "disableTranslation", "listItem", "listItemIndex", "selectable", "overlayClass", "isUserMenu", "onlyCloseOnClickOutside", "hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "directive", type: i3.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserList, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-user-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative min-h-screen\">\r\n  <div class=\"z-auto\">\r\n    <div class=\"pb-10\">\r\n      <ng-container *ngIf=\"loading\">\r\n        <lib-info-card-placeholder\r\n          [avatar]=\"true\"\r\n          [count]=\"5\"\r\n        ></lib-info-card-placeholder>\r\n      </ng-container>\r\n\r\n      <ng-template #actions>\r\n        <lib-menu-btn\r\n          (select)=\"handleMenueItemSelect()\"\r\n          (click)=\"handleMenuClick()\"\r\n          (change)=\"handleMenuItemChange()\"\r\n          class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n          [disableTextShadow]=\"true\"\r\n        >\r\n          <img [src]=\"ICONS['horizontalWhite']\" alt=\"Horizontal divider\" />\r\n        </lib-menu-btn>\r\n      </ng-template>\r\n\r\n      <ng-container *ngIf=\"!loading\">\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-[14px]\">\r\n          <ng-container *ngFor=\"let user of usersList\">\r\n            <div [class]=\"'comment-card text-white rounded-xl ' + class\">\r\n              <div class=\"flex items-center justify-between\">\r\n                <div class=\"rounded-full overflow-hidden me-5\">\r\n                  <img [src]=\"user.pictureUrl!\" alt=\"User\" loading=\"lazy\" class=\"w-8 h-8 object-cover\" />\r\n                </div>\r\n                <div class=\"me-2\">\r\n                  <h4 class=\"normal-text-lg\">{{ user.name }}</h4>\r\n                </div>\r\n                <div class=\"ml-auto ms-auto flex items-center\" (click) = \"viewProfile()\">\r\n                  <span class=\"pink-btn ml-auto me-[6px] normal-text-sm\">View Profile</span>\r\n                  <img [src]=\"ICONS['angleRight']\" alt=\"angle right\" width=\"8\" height=\"16\">\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </ng-container>\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}.pink-btn{color:#fe3c72;font-size:9.85px;letter-spacing:0%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.Location }, { type: i0.ChangeDetectorRef }], propDecorators: { usersList: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvaXRpbmVyYXJ5LW1lbWJlcnMvdXNlci1saXN0L3VzZXItbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS1tZW1iZXJzL3VzZXItbGlzdC91c2VyLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsS0FBSyxHQUdOLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxFQUFFLEVBQWdCLE1BQU0sTUFBTSxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBRW5GLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7Ozs7QUFTNUQsTUFBTSxPQUFPLFFBQVE7SUFpQlQ7SUFDQTtJQUNBO0lBbEJELFNBQVMsQ0FBc0I7SUFDL0IsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUM1QixLQUFLLEdBQVUsS0FBSyxDQUFDO0lBQ3JCLGdCQUFnQixDQUFzQjtJQUN0QyxPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ3pCLFlBQVksQ0FBZ0I7SUFDNUIsT0FBTyxHQUEyQjtRQUNoQztZQUNFLEtBQUssRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDO1lBQ3BCLEtBQUssRUFBRSxTQUFTO1lBQ2hCLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxJQUFJO1NBQ2Y7S0FDRixDQUFDO0lBRUYsWUFDVSxNQUFjLEVBQ2QsU0FBbUIsRUFDbkIsR0FBc0I7UUFGdEIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNkLGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDbkIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDNUIsQ0FBQztJQUVMLFVBQVU7SUFDVixRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBYSxFQUFFLEVBQUU7WUFDckQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztZQUM3QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGFBQWE7SUFDYixVQUFVO1FBQ1IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBQ0QsY0FBYztRQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1lBQ25CLHFCQUFxQixDQUFDLFNBQVM7WUFDL0IscUJBQXFCLENBQUMsVUFBVTtTQUNqQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMscUJBQXFCLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixNQUFNLElBQUksS0FBSyxDQUFDLHlCQUF5QixDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLElBQUksS0FBSyxDQUFDLHlCQUF5QixDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELHFCQUFxQjtRQUNuQixNQUFNLElBQUksS0FBSyxDQUFDLHlCQUF5QixDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7d0dBN0RVLFFBQVE7NEZBQVIsUUFBUSx5R0N2QnJCLG80REE2Q0E7OzRGRHRCYSxRQUFRO2tCQU5wQixTQUFTOytCQUNFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTTtrSUFHdEMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMb2NhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIElucHV0LFxyXG4gIE9uRGVzdHJveSxcclxuICBPbkluaXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IFNlbGVjdE9wdGlvbiB9IGZyb20gJ0BuYW5pdGVuaW5qYS9pb25pYy1saWInO1xyXG5pbXBvcnQgeyBvZiwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IEl0aW5lcmFyaWVzUm91dGVzRW51bSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19lbnVtcy9JdGVuYXJpZXNSb3V0ZXMuZW51bSc7XHJcbmltcG9ydCB7IElpY29uIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX2ludGVyZmFjZS9pY29uJztcclxuaW1wb3J0IHsgSUNPTlMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9fY29uc3RhbnRzL2NvbnN0YW50cyc7XHJcbmltcG9ydCB7IElVc2VyIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX21vZGVscy9hcHAtdXNlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC11c2VyLWxpc3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi91c2VyLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi91c2VyLWxpc3QuY29tcG9uZW50LnNjc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVXNlckxpc3QgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KCkgdXNlcnNMaXN0OiBJVXNlcltdIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIGNsYXNzOiBzdHJpbmcgPSAnJztcclxuICBJQ09OUzogSWljb24gPSBJQ09OUztcclxuICBpdGluZXJhcnlNZW1iZXJzOiBJVXNlcltdIHwgdW5kZWZpbmVkO1xyXG4gIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBzdWJzY3JpcHRpb24hOiBTdWJzY3JpcHRpb247XHJcbiAgb3B0aW9uczogU2VsZWN0T3B0aW9uPHN0cmluZz5bXSA9IFtcclxuICAgIHtcclxuICAgICAgaW1hZ2U6IElDT05TWydmb29kJ10sXHJcbiAgICAgIGxhYmVsOiAnVml5bmFzYScsXHJcbiAgICAgIHZhbHVlOiAnVml5bmFzYScsXHJcbiAgICAgIHNlbGVjdGVkOiB0cnVlLFxyXG4gICAgfSxcclxuICBdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBwcml2YXRlIF9sb2NhdGlvbjogTG9jYXRpb24sXHJcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgKSB7IH1cclxuXHJcbiAgLy9VSSBMT0dJQ1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gb2YoW10pLnN1YnNjcmliZSgoZGF0YTogSVVzZXJbXSkgPT4ge1xyXG4gICAgICB0aGlzLml0aW5lcmFyeU1lbWJlcnMgPSBkYXRhO1xyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICAvL05BVklHQVRJT05TXHJcbiAgYmFja0J1dHRvbigpOiB2b2lkIHtcclxuICAgIHRoaXMuX2xvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcbiAgbmF2VG9BbGxQZW9wbGUoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUlksXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5BbGxfUEVPUExFLFxyXG4gICAgXSk7XHJcbiAgfVxyXG5cclxuICB2aWV3UHJvZmlsZSgpOiB2b2lkIHtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtJdGluZXJhcmllc1JvdXRlc0VudW0uUFJPRklMRV0pLnRoZW4oKCkgPT4geyB9KTtcclxuICB9XHJcblxyXG4gIGhhbmRsZU1lbnVJdGVtQ2hhbmdlKCkge1xyXG4gICAgdGhyb3cgbmV3IEVycm9yKCdNZXRob2Qgbm90IGltcGxlbWVudGVkLicpO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlTWVudUNsaWNrKCkge1xyXG4gICAgdGhyb3cgbmV3IEVycm9yKCdNZXRob2Qgbm90IGltcGxlbWVudGVkLicpO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlTWVudWVJdGVtU2VsZWN0KCkge1xyXG4gICAgdGhyb3cgbmV3IEVycm9yKCdNZXRob2Qgbm90IGltcGxlbWVudGVkLicpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicmVsYXRpdmUgbWluLWgtc2NyZWVuXCI+XHJcbiAgPGRpdiBjbGFzcz1cInotYXV0b1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cInBiLTEwXCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJsb2FkaW5nXCI+XHJcbiAgICAgICAgPGxpYi1pbmZvLWNhcmQtcGxhY2Vob2xkZXJcclxuICAgICAgICAgIFthdmF0YXJdPVwidHJ1ZVwiXHJcbiAgICAgICAgICBbY291bnRdPVwiNVwiXHJcbiAgICAgICAgPjwvbGliLWluZm8tY2FyZC1wbGFjZWhvbGRlcj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICA8bmctdGVtcGxhdGUgI2FjdGlvbnM+XHJcbiAgICAgICAgPGxpYi1tZW51LWJ0blxyXG4gICAgICAgICAgKHNlbGVjdCk9XCJoYW5kbGVNZW51ZUl0ZW1TZWxlY3QoKVwiXHJcbiAgICAgICAgICAoY2xpY2spPVwiaGFuZGxlTWVudUNsaWNrKClcIlxyXG4gICAgICAgICAgKGNoYW5nZSk9XCJoYW5kbGVNZW51SXRlbUNoYW5nZSgpXCJcclxuICAgICAgICAgIGNsYXNzPVwibGliLW1lbnUtY3VzdG9tLWNsYXNzIGxpYi1tZW51LWJnLW5vbmVcIlxyXG4gICAgICAgICAgW2Rpc2FibGVUZXh0U2hhZG93XT1cInRydWVcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snaG9yaXpvbnRhbFdoaXRlJ11cIiBhbHQ9XCJIb3Jpem9udGFsIGRpdmlkZXJcIiAvPlxyXG4gICAgICAgIDwvbGliLW1lbnUtYnRuPlxyXG4gICAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFsb2FkaW5nXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdyaWQgZ3JpZC1jb2xzLTEgbGc6Z3JpZC1jb2xzLTIgeGw6Z3JpZC1jb2xzLTMgZ2FwLVsxNHB4XVwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgdXNlciBvZiB1c2Vyc0xpc3RcIj5cclxuICAgICAgICAgICAgPGRpdiBbY2xhc3NdPVwiJ2NvbW1lbnQtY2FyZCB0ZXh0LXdoaXRlIHJvdW5kZWQteGwgJyArIGNsYXNzXCI+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvdW5kZWQtZnVsbCBvdmVyZmxvdy1oaWRkZW4gbWUtNVwiPlxyXG4gICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwidXNlci5waWN0dXJlVXJsIVwiIGFsdD1cIlVzZXJcIiBsb2FkaW5nPVwibGF6eVwiIGNsYXNzPVwidy04IGgtOCBvYmplY3QtY292ZXJcIiAvPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWUtMlwiPlxyXG4gICAgICAgICAgICAgICAgICA8aDQgY2xhc3M9XCJub3JtYWwtdGV4dC1sZ1wiPnt7IHVzZXIubmFtZSB9fTwvaDQ+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbC1hdXRvIG1zLWF1dG8gZmxleCBpdGVtcy1jZW50ZXJcIiAoY2xpY2spID0gXCJ2aWV3UHJvZmlsZSgpXCI+XHJcbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicGluay1idG4gbWwtYXV0byBtZS1bNnB4XSBub3JtYWwtdGV4dC1zbVwiPlZpZXcgUHJvZmlsZTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cIklDT05TWydhbmdsZVJpZ2h0J11cIiBhbHQ9XCJhbmdsZSByaWdodFwiIHdpZHRoPVwiOFwiIGhlaWdodD1cIjE2XCI+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

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

@@ -0,0 +1,53 @@
+import { Component } from '@angular/core';
+import { ICONS } from '../../../../_constants/constants';
+import { ItinerariesRoutesEnum } from '../../../../_enums/ItenariesRoutes.enum';
+import { of } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../../shared/header/header.component";
+import * as i4 from "@naniteninja/ionic-lib";
+import * as i5 from "../itinerary-members/user-list/user-list.component";
+export class ItineraryUpvoteUsersComponent {
+    router;
+    cdr;
+    location;
+    ICONS = ICONS;
+    upvotesUsers = [];
+    loading = false;
+    subscription;
+    options = [
+        {
+            image: ICONS['food'],
+            label: 'Viynasa',
+            value: 'Viynasa',
+            selected: true,
+        },
+    ];
+    constructor(router, cdr, location) {
+        this.router = router;
+        this.cdr = cdr;
+        this.location = location;
+    }
+    ngOnInit() {
+        this.loading = true;
+        this.subscription = of([]).subscribe((data) => {
+            this.upvotesUsers = data;
+            this.loading = false;
+            this.cdr.detectChanges();
+        });
+    }
+    backButton() {
+        this.location.back();
+    }
+    searchButtonClick() {
+        this.router.navigate([ItinerariesRoutesEnum.SEARCH]).then((_r) => { });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryUpvoteUsersComponent, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryUpvoteUsersComponent, selector: "app-itinerary-upvote-users", ngImport: i0, template: "<div>\r\n  <div class=\"px-4\">\r\n    <ng-template #search>\r\n      <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n    </ng-template>\r\n    <app-header [heading]=\"'Upvotes(' + (upvotesUsers.length) + ')'\" (firstButton)=\"backButton()\" [headerSuffixTemplate]=\"search\"></app-header>\r\n  </div>\r\n    <div class=\"mt-4 ps-4 pe-2\">\r\n    <span class=\"normal-text-md normal-text-gray\">\r\n      See who liked this itinerary<span class=\"text-pink-600 ml-1\" >Adventure Tour</span>\r\n    </span>\r\n  </div>\r\n  <div class=\"mt-4 ps-[28px] pe-[18px]\">\r\n    <app-user-list [usersList]=\"upvotesUsers\"></app-user-list>\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: i3.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i4.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.UserList, selector: "app-user-list", inputs: ["usersList", "class"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryUpvoteUsersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-itinerary-upvote-users', template: "<div>\r\n  <div class=\"px-4\">\r\n    <ng-template #search>\r\n      <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n    </ng-template>\r\n    <app-header [heading]=\"'Upvotes(' + (upvotesUsers.length) + ')'\" (firstButton)=\"backButton()\" [headerSuffixTemplate]=\"search\"></app-header>\r\n  </div>\r\n    <div class=\"mt-4 ps-4 pe-2\">\r\n    <span class=\"normal-text-md normal-text-gray\">\r\n      See who liked this itinerary<span class=\"text-pink-600 ml-1\" >Adventure Tour</span>\r\n    </span>\r\n  </div>\r\n  <div class=\"mt-4 ps-[28px] pe-[18px]\">\r\n    <app-user-list [usersList]=\"upvotesUsers\"></app-user-list>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i0.ChangeDetectorRef }, { type: i2.Location }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRpbmVyYXJ5LXVwdm90ZS11c2Vycy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS11cHZvdGUtdXNlcnMvaXRpbmVyYXJ5LXVwdm90ZS11c2Vycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS11cHZvdGUtdXNlcnMvaXRpbmVyYXJ5LXVwdm90ZS11c2Vycy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFNekQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7OztBQVExQixNQUFNLE9BQU8sNkJBQTZCO0lBZTlCO0lBQ0E7SUFDQTtJQWhCVixLQUFLLEdBQVUsS0FBSyxDQUFDO0lBQ3JCLFlBQVksR0FBWSxFQUFFLENBQUM7SUFDM0IsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUN6QixZQUFZLENBQWdCO0lBQzVCLE9BQU8sR0FBMkI7UUFDaEM7WUFDRSxLQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQztZQUNwQixLQUFLLEVBQUUsU0FBUztZQUNoQixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsSUFBSTtTQUNmO0tBQ0YsQ0FBQztJQUVGLFlBQ1UsTUFBYyxFQUNkLEdBQXNCLEVBQ3RCLFFBQWtCO1FBRmxCLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixhQUFRLEdBQVIsUUFBUSxDQUFVO0lBQ3hCLENBQUM7SUFFTCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBYSxFQUFFLEVBQUU7WUFDckQsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7WUFDekIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDekUsQ0FBQzt3R0FuQ1UsNkJBQTZCOzRGQUE3Qiw2QkFBNkIsa0VDaEIxQywyckJBZ0JBOzs0RkRBYSw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0UsNEJBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IElDT05TIH0gZnJvbSAnLi4vLi4vLi4vLi4vX2NvbnN0YW50cy9jb25zdGFudHMnO1xyXG5pbXBvcnQgeyBJaWNvbiB9IGZyb20gJy4uLy4uLy4uLy4uL19pbnRlcmZhY2UvaWNvbic7IFxyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzL2ludGVybmFsL1N1YnNjcmlwdGlvbic7XHJcbmltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU2VsZWN0T3B0aW9uIH0gZnJvbSAnQG5hbml0ZW5pbmphL2lvbmljLWxpYic7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEl0aW5lcmFyaWVzUm91dGVzRW51bSB9IGZyb20gJy4uLy4uLy4uLy4uL19lbnVtcy9JdGVuYXJpZXNSb3V0ZXMuZW51bSc7XHJcbmltcG9ydCB7IG9mIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IElVc2VyIH0gZnJvbSAnLi4vLi4vLi4vLi4vX21vZGVscy9hcHAtdXNlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1pdGluZXJhcnktdXB2b3RlLXVzZXJzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaXRpbmVyYXJ5LXVwdm90ZS11c2Vycy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2l0aW5lcmFyeS11cHZvdGUtdXNlcnMuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEl0aW5lcmFyeVVwdm90ZVVzZXJzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBJQ09OUzogSWljb24gPSBJQ09OUztcclxuICB1cHZvdGVzVXNlcnM6IElVc2VyW10gPSBbXTtcclxuICBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgc3Vic2NyaXB0aW9uITogU3Vic2NyaXB0aW9uO1xyXG4gIG9wdGlvbnM6IFNlbGVjdE9wdGlvbjxzdHJpbmc+W10gPSBbXHJcbiAgICB7XHJcbiAgICAgIGltYWdlOiBJQ09OU1snZm9vZCddLFxyXG4gICAgICBsYWJlbDogJ1ZpeW5hc2EnLFxyXG4gICAgICB2YWx1ZTogJ1ZpeW5hc2EnLFxyXG4gICAgICBzZWxlY3RlZDogdHJ1ZSxcclxuICAgIH0sXHJcbiAgXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSBsb2NhdGlvbjogTG9jYXRpb25cclxuICApIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubG9hZGluZyA9IHRydWU7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbiA9IG9mKFtdKS5zdWJzY3JpYmUoKGRhdGE6IElVc2VyW10pID0+IHtcclxuICAgICAgdGhpcy51cHZvdGVzVXNlcnMgPSBkYXRhO1xyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBiYWNrQnV0dG9uKCkge1xyXG4gICAgdGhpcy5sb2NhdGlvbi5iYWNrKCk7XHJcbiAgfVxyXG5cclxuICBzZWFyY2hCdXR0b25DbGljaygpOiB2b2lkIHtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtJdGluZXJhcmllc1JvdXRlc0VudW0uU0VBUkNIXSkudGhlbigoX3IpID0+IHsgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXY+XHJcbiAgPGRpdiBjbGFzcz1cInB4LTRcIj5cclxuICAgIDxuZy10ZW1wbGF0ZSAjc2VhcmNoPlxyXG4gICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ3NlYXJjaCddXCIgYWx0PVwicmlnaHQtaWNvblwiIChjbGljayk9XCJzZWFyY2hCdXR0b25DbGljaygpXCIgLz5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8YXBwLWhlYWRlciBbaGVhZGluZ109XCInVXB2b3RlcygnICsgKHVwdm90ZXNVc2Vycy5sZW5ndGgpICsgJyknXCIgKGZpcnN0QnV0dG9uKT1cImJhY2tCdXR0b24oKVwiIFtoZWFkZXJTdWZmaXhUZW1wbGF0ZV09XCJzZWFyY2hcIj48L2FwcC1oZWFkZXI+XHJcbiAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibXQtNCBwcy00IHBlLTJcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwibm9ybWFsLXRleHQtbWQgbm9ybWFsLXRleHQtZ3JheVwiPlxyXG4gICAgICBTZWUgd2hvIGxpa2VkIHRoaXMgaXRpbmVyYXJ5PHNwYW4gY2xhc3M9XCJ0ZXh0LXBpbmstNjAwIG1sLTFcIiA+QWR2ZW50dXJlIFRvdXI8L3NwYW4+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cIm10LTQgcHMtWzI4cHhdIHBlLVsxOHB4XVwiPlxyXG4gICAgPGFwcC11c2VyLWxpc3QgW3VzZXJzTGlzdF09XCJ1cHZvdGVzVXNlcnNcIj48L2FwcC11c2VyLWxpc3Q+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -0,0 +1,52 @@
+import { Component } from '@angular/core';
+import { ItinerariesRoutesEnum } from '../../../../_enums/ItenariesRoutes.enum';
+import { ICONS } from '../../../../_constants/constants';
+import { of } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../../shared/header/header.component";
+import * as i4 from "@naniteninja/ionic-lib";
+import * as i5 from "../itinerary-members/user-list/user-list.component";
+export class ItineraryUsersComponent {
+    router;
+    cdr;
+    location;
+    ICONS = ICONS;
+    members;
+    loading = false;
+    subscription;
+    options = [
+        {
+            image: ICONS['food'],
+            label: 'Viynasa',
+            value: 'Viynasa',
+            selected: true,
+        },
+    ];
+    constructor(router, cdr, location) {
+        this.router = router;
+        this.cdr = cdr;
+        this.location = location;
+    }
+    ngOnInit() {
+        this.subscription = of([]).subscribe((data) => {
+            this.members = data;
+            this.loading = false;
+            this.cdr.detectChanges();
+        });
+    }
+    backButton() {
+        this.location.back();
+    }
+    searchButtonClick() {
+        this.router.navigate([ItinerariesRoutesEnum.SEARCH]).then((_r) => { });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryUsersComponent, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryUsersComponent, selector: "app-itinerary-users", ngImport: i0, template: "<div>\r\n  <div class=\"px-4\">\r\n    <ng-template #search>\r\n      <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n    </ng-template>\r\n    <app-header class=\"mb-4\" [heading]=\"'Total Members( ' + members?.length + ' )'\" (firstButton)=\"backButton()\" [headerSuffixTemplate]=\"search\"></app-header>\r\n  </div>\r\n    <div class=\"mt-4 ps-4 pe-2\">\r\n    <span class=\"normal-text-md normal-text-gray\">\r\n      Total users of this itinerary<span class=\"text-pink-600 ml-1\" >Adventure Tour</span>\r\n    </span>\r\n  </div>\r\n  <div class=\"mt-4 ps-[28px] pe-[18px]\">\r\n    <app-user-list [usersList]=\"members\"></app-user-list>\r\n  </div>\r\n</div>\r\n", styles: [".light-grey{color:#bdb2b2}\n"], dependencies: [{ kind: "component", type: i3.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i4.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.UserList, selector: "app-user-list", inputs: ["usersList", "class"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryUsersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-itinerary-users', template: "<div>\r\n  <div class=\"px-4\">\r\n    <ng-template #search>\r\n      <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n    </ng-template>\r\n    <app-header class=\"mb-4\" [heading]=\"'Total Members( ' + members?.length + ' )'\" (firstButton)=\"backButton()\" [headerSuffixTemplate]=\"search\"></app-header>\r\n  </div>\r\n    <div class=\"mt-4 ps-4 pe-2\">\r\n    <span class=\"normal-text-md normal-text-gray\">\r\n      Total users of this itinerary<span class=\"text-pink-600 ml-1\" >Adventure Tour</span>\r\n    </span>\r\n  </div>\r\n  <div class=\"mt-4 ps-[28px] pe-[18px]\">\r\n    <app-user-list [usersList]=\"members\"></app-user-list>\r\n  </div>\r\n</div>\r\n", styles: [".light-grey{color:#bdb2b2}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i0.ChangeDetectorRef }, { type: i2.Location }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRpbmVyYXJ5LXVzZXJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvaXRpbmVyYXJ5LXVzZXJzL2l0aW5lcmFyeS11c2Vycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS11c2Vycy9pdGluZXJhcnktdXNlcnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFakYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3pELE9BQU8sRUFBRSxFQUFFLEVBQWdCLE1BQU0sTUFBTSxDQUFDOzs7Ozs7O0FBVXhDLE1BQU0sT0FBTyx1QkFBdUI7SUFlekI7SUFDQztJQUNBO0lBaEJWLEtBQUssR0FBVSxLQUFLLENBQUM7SUFDckIsT0FBTyxDQUFzQjtJQUM3QixPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ3pCLFlBQVksQ0FBZ0I7SUFDNUIsT0FBTyxHQUEyQjtRQUNoQztZQUNFLEtBQUssRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDO1lBQ3BCLEtBQUssRUFBRSxTQUFTO1lBQ2hCLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxJQUFJO1NBQ2Y7S0FDRixDQUFDO0lBRUYsWUFDUyxNQUFjLEVBQ2IsR0FBc0IsRUFDdEIsUUFBa0I7UUFGbkIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNiLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQVU7SUFDeEIsQ0FBQztJQUVMLFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFhLEVBQUUsRUFBRTtZQUNyRCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztZQUNwQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUN6RSxDQUFDO3dHQWpDVSx1QkFBdUI7NEZBQXZCLHVCQUF1QiwyRENmcEMsd3NCQWdCQTs7NEZERGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuIGltcG9ydCB7IEl0aW5lcmFyaWVzUm91dGVzRW51bSB9IGZyb20gJy4uLy4uLy4uLy4uL19lbnVtcy9JdGVuYXJpZXNSb3V0ZXMuZW51bSc7XHJcbmltcG9ydCB7IElpY29uIH0gZnJvbSAnLi4vLi4vLi4vLi4vX2ludGVyZmFjZS9pY29uJztcclxuaW1wb3J0IHsgSUNPTlMgfSBmcm9tICcuLi8uLi8uLi8uLi9fY29uc3RhbnRzL2NvbnN0YW50cyc7XHJcbmltcG9ydCB7IG9mLCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTZWxlY3RPcHRpb24gfSBmcm9tICdAbmFuaXRlbmluamEvaW9uaWMtbGliJztcclxuaW1wb3J0IHsgSVVzZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9fbW9kZWxzL2FwcC11c2VyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWl0aW5lcmFyeS11c2VycycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2l0aW5lcmFyeS11c2Vycy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2l0aW5lcmFyeS11c2Vycy5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSXRpbmVyYXJ5VXNlcnNDb21wb25lbnQge1xyXG4gIElDT05TOiBJaWNvbiA9IElDT05TO1xyXG4gIG1lbWJlcnM6IElVc2VyW10gfCB1bmRlZmluZWQ7XHJcbiAgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHN1YnNjcmlwdGlvbiE6IFN1YnNjcmlwdGlvbjtcclxuICBvcHRpb25zOiBTZWxlY3RPcHRpb248c3RyaW5nPltdID0gW1xyXG4gICAge1xyXG4gICAgICBpbWFnZTogSUNPTlNbJ2Zvb2QnXSxcclxuICAgICAgbGFiZWw6ICdWaXluYXNhJyxcclxuICAgICAgdmFsdWU6ICdWaXluYXNhJyxcclxuICAgICAgc2VsZWN0ZWQ6IHRydWUsXHJcbiAgICB9LFxyXG4gIF07XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIHJvdXRlcjogUm91dGVyLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSBsb2NhdGlvbjogTG9jYXRpb25cclxuICApIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gb2YoW10pLnN1YnNjcmliZSgoZGF0YTogSVVzZXJbXSkgPT4ge1xyXG4gICAgICB0aGlzLm1lbWJlcnMgPSBkYXRhO1xyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBiYWNrQnV0dG9uKCkge1xyXG4gICAgdGhpcy5sb2NhdGlvbi5iYWNrKCk7XHJcbiAgfVxyXG4gIHNlYXJjaEJ1dHRvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW0l0aW5lcmFyaWVzUm91dGVzRW51bS5TRUFSQ0hdKS50aGVuKChfcikgPT4geyB9KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdj5cclxuICA8ZGl2IGNsYXNzPVwicHgtNFwiPlxyXG4gICAgPG5nLXRlbXBsYXRlICNzZWFyY2g+XHJcbiAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snc2VhcmNoJ11cIiBhbHQ9XCJyaWdodC1pY29uXCIgKGNsaWNrKT1cInNlYXJjaEJ1dHRvbkNsaWNrKClcIiAvPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDxhcHAtaGVhZGVyIGNsYXNzPVwibWItNFwiIFtoZWFkaW5nXT1cIidUb3RhbCBNZW1iZXJzKCAnICsgbWVtYmVycz8ubGVuZ3RoICsgJyApJ1wiIChmaXJzdEJ1dHRvbik9XCJiYWNrQnV0dG9uKClcIiBbaGVhZGVyU3VmZml4VGVtcGxhdGVdPVwic2VhcmNoXCI+PC9hcHAtaGVhZGVyPlxyXG4gIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm10LTQgcHMtNCBwZS0yXCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cIm5vcm1hbC10ZXh0LW1kIG5vcm1hbC10ZXh0LWdyYXlcIj5cclxuICAgICAgVG90YWwgdXNlcnMgb2YgdGhpcyBpdGluZXJhcnk8c3BhbiBjbGFzcz1cInRleHQtcGluay02MDAgbWwtMVwiID5BZHZlbnR1cmUgVG91cjwvc3Bhbj5cclxuICAgIDwvc3Bhbj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwibXQtNCBwcy1bMjhweF0gcGUtWzE4cHhdXCI+XHJcbiAgICA8YXBwLXVzZXItbGlzdCBbdXNlcnNMaXN0XT1cIm1lbWJlcnNcIj48L2FwcC11c2VyLWxpc3Q+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -0,0 +1,53 @@
+import { Component } from '@angular/core';
+import { ICONS } from '../../../../_constants/constants';
+import { of } from 'rxjs';
+import { ItinerariesRoutesEnum } from '../../../../_enums/ItenariesRoutes.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../../shared/header/header.component";
+import * as i4 from "@naniteninja/ionic-lib";
+import * as i5 from "../itinerary-members/user-list/user-list.component";
+export class ItineraryWatchingUsersComponent {
+    router;
+    cdr;
+    location;
+    ICONS = ICONS;
+    watchingMembers;
+    loading = false;
+    subscription;
+    options = [
+        {
+            image: ICONS['food'],
+            label: 'Viynasa',
+            value: 'Viynasa',
+            selected: true,
+        },
+    ];
+    constructor(router, cdr, location) {
+        this.router = router;
+        this.cdr = cdr;
+        this.location = location;
+    }
+    ngOnInit() {
+        this.loading = true;
+        this.subscription = of([]).subscribe((data) => {
+            this.watchingMembers = data;
+            this.loading = false;
+            this.cdr.detectChanges();
+        });
+    }
+    searchButtonClick() {
+        this.router.navigate([ItinerariesRoutesEnum.SEARCH]).then((_r) => { });
+    }
+    backButton() {
+        this.location.back();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryWatchingUsersComponent, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItineraryWatchingUsersComponent, selector: "app-itinerary-watching-users", ngImport: i0, template: "<div>\r\n  <div class=\"px-4\">\r\n    <ng-template #search>\r\n      <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n    </ng-template>\r\n    <app-header [heading]=\"'Watching(' + (watchingMembers?.length ?? 0) + ')'\" (firstButton)=\"backButton()\" [headerSuffixTemplate]=\"search\"></app-header>\r\n  </div>\r\n    <div class=\"mt-4 ps-4 pe-2\">\r\n    <span class=\"normal-text-md normal-text-gray\">\r\n      See who liked this itinerary<span class=\"text-pink-600 ml-1\" >Adventure Tour</span>\r\n    </span>\r\n  </div>\r\n  <div class=\"mt-4 ps-[28px] pe-[18px]\">\r\n    <app-user-list [usersList]=\"watchingMembers\"></app-user-list>\r\n  </div>\r\n</div>\r\n", styles: [".light-grey{color:#bdb2b2}\n"], dependencies: [{ kind: "component", type: i3.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i4.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.UserList, selector: "app-user-list", inputs: ["usersList", "class"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItineraryWatchingUsersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-itinerary-watching-users', template: "<div>\r\n  <div class=\"px-4\">\r\n    <ng-template #search>\r\n      <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n    </ng-template>\r\n    <app-header [heading]=\"'Watching(' + (watchingMembers?.length ?? 0) + ')'\" (firstButton)=\"backButton()\" [headerSuffixTemplate]=\"search\"></app-header>\r\n  </div>\r\n    <div class=\"mt-4 ps-4 pe-2\">\r\n    <span class=\"normal-text-md normal-text-gray\">\r\n      See who liked this itinerary<span class=\"text-pink-600 ml-1\" >Adventure Tour</span>\r\n    </span>\r\n  </div>\r\n  <div class=\"mt-4 ps-[28px] pe-[18px]\">\r\n    <app-user-list [usersList]=\"watchingMembers\"></app-user-list>\r\n  </div>\r\n</div>\r\n", styles: [".light-grey{color:#bdb2b2}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i0.ChangeDetectorRef }, { type: i2.Location }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRpbmVyYXJ5LXdhdGNoaW5nLXVzZXJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvaXRpbmVyYXJ5LXdhdGNoaW5nLXVzZXJzL2l0aW5lcmFyeS13YXRjaGluZy11c2Vycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2l0aW5lcmFyeS13YXRjaGluZy11c2Vycy9pdGluZXJhcnktd2F0Y2hpbmctdXNlcnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXpELE9BQU8sRUFBRSxFQUFFLEVBQWdCLE1BQU0sTUFBTSxDQUFDO0FBSXhDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOzs7Ozs7O0FBUWhGLE1BQU0sT0FBTywrQkFBK0I7SUFlakM7SUFDQztJQUNBO0lBaEJWLEtBQUssR0FBVSxLQUFLLENBQUM7SUFDckIsZUFBZSxDQUFzQjtJQUNyQyxPQUFPLEdBQVksS0FBSyxDQUFDO0lBQ3pCLFlBQVksQ0FBZ0I7SUFDNUIsT0FBTyxHQUEyQjtRQUNoQztZQUNFLEtBQUssRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDO1lBQ3BCLEtBQUssRUFBRSxTQUFTO1lBQ2hCLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxJQUFJO1NBQ2Y7S0FDRixDQUFDO0lBRUYsWUFDUyxNQUFjLEVBQ2IsR0FBc0IsRUFDdEIsUUFBa0I7UUFGbkIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNiLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQVU7SUFDeEIsQ0FBQztJQUVMLFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFhLEVBQUUsRUFBRTtZQUNyRCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztZQUM1QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMscUJBQXFCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO3dHQW5DVSwrQkFBK0I7NEZBQS9CLCtCQUErQixvRUNmNUMsd3NCQWdCQTs7NEZERGEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDhCQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJQ09OUyB9IGZyb20gJy4uLy4uLy4uLy4uL19jb25zdGFudHMvY29uc3RhbnRzJztcclxuaW1wb3J0IHsgSWljb24gfSBmcm9tICcuLi8uLi8uLi8uLi9faW50ZXJmYWNlL2ljb24nO1xyXG5pbXBvcnQgeyBvZiwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFNlbGVjdE9wdGlvbiB9IGZyb20gJ0BuYW5pdGVuaW5qYS9pb25pYy1saWInO1xyXG5pbXBvcnQgeyBMb2NhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEl0aW5lcmFyaWVzUm91dGVzRW51bSB9IGZyb20gJy4uLy4uLy4uLy4uL19lbnVtcy9JdGVuYXJpZXNSb3V0ZXMuZW51bSc7XHJcbmltcG9ydCB7IElVc2VyIH0gZnJvbSAnLi4vLi4vLi4vLi4vX21vZGVscy9hcHAtdXNlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1pdGluZXJhcnktd2F0Y2hpbmctdXNlcnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pdGluZXJhcnktd2F0Y2hpbmctdXNlcnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9pdGluZXJhcnktd2F0Y2hpbmctdXNlcnMuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEl0aW5lcmFyeVdhdGNoaW5nVXNlcnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIElDT05TOiBJaWNvbiA9IElDT05TO1xyXG4gIHdhdGNoaW5nTWVtYmVyczogSVVzZXJbXSB8IHVuZGVmaW5lZDtcclxuICBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgc3Vic2NyaXB0aW9uITogU3Vic2NyaXB0aW9uO1xyXG4gIG9wdGlvbnM6IFNlbGVjdE9wdGlvbjxzdHJpbmc+W10gPSBbXHJcbiAgICB7XHJcbiAgICAgIGltYWdlOiBJQ09OU1snZm9vZCddLFxyXG4gICAgICBsYWJlbDogJ1ZpeW5hc2EnLFxyXG4gICAgICB2YWx1ZTogJ1ZpeW5hc2EnLFxyXG4gICAgICBzZWxlY3RlZDogdHJ1ZSxcclxuICAgIH0sXHJcbiAgXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwcml2YXRlIGxvY2F0aW9uOiBMb2NhdGlvblxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gb2YoW10pLnN1YnNjcmliZSgoZGF0YTogSVVzZXJbXSkgPT4ge1xyXG4gICAgICB0aGlzLndhdGNoaW5nTWVtYmVycyA9IGRhdGE7XHJcbiAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xyXG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHNlYXJjaEJ1dHRvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW0l0aW5lcmFyaWVzUm91dGVzRW51bS5TRUFSQ0hdKS50aGVuKChfcikgPT4geyB9KTtcclxuICB9XHJcblxyXG4gIGJhY2tCdXR0b24oKSB7XHJcbiAgICB0aGlzLmxvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdj5cclxuICA8ZGl2IGNsYXNzPVwicHgtNFwiPlxyXG4gICAgPG5nLXRlbXBsYXRlICNzZWFyY2g+XHJcbiAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snc2VhcmNoJ11cIiBhbHQ9XCJyaWdodC1pY29uXCIgKGNsaWNrKT1cInNlYXJjaEJ1dHRvbkNsaWNrKClcIiAvPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDxhcHAtaGVhZGVyIFtoZWFkaW5nXT1cIidXYXRjaGluZygnICsgKHdhdGNoaW5nTWVtYmVycz8ubGVuZ3RoID8/IDApICsgJyknXCIgKGZpcnN0QnV0dG9uKT1cImJhY2tCdXR0b24oKVwiIFtoZWFkZXJTdWZmaXhUZW1wbGF0ZV09XCJzZWFyY2hcIj48L2FwcC1oZWFkZXI+XHJcbiAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibXQtNCBwcy00IHBlLTJcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwibm9ybWFsLXRleHQtbWQgbm9ybWFsLXRleHQtZ3JheVwiPlxyXG4gICAgICBTZWUgd2hvIGxpa2VkIHRoaXMgaXRpbmVyYXJ5PHNwYW4gY2xhc3M9XCJ0ZXh0LXBpbmstNjAwIG1sLTFcIiA+QWR2ZW50dXJlIFRvdXI8L3NwYW4+XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cIm10LTQgcHMtWzI4cHhdIHBlLVsxOHB4XVwiPlxyXG4gICAgPGFwcC11c2VyLWxpc3QgW3VzZXJzTGlzdF09XCJ3YXRjaGluZ01lbWJlcnNcIj48L2FwcC11c2VyLWxpc3Q+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -0,0 +1,53 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { ItinerariesRoutesEnum } from '../../../../_enums/ItenariesRoutes.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+import * as i3 from "../../../../_services/assets.service";
+import * as i4 from "../../../../shared/notification-tile/notification-tile.component";
+import * as i5 from "../../../../shared/header/header.component";
+export class NotificationsComponent {
+    _location;
+    router;
+    assetService;
+    cdr;
+    notifications = [];
+    loading = false;
+    //LIFE CYCLE
+    constructor(_location, router, assetService, cdr) {
+        this._location = _location;
+        this.router = router;
+        this.assetService = assetService;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.loading = true;
+        this.assetService.getNotifications().subscribe((res) => {
+            this.notifications = res.map((x) => ({
+                notification: x,
+                needReview: false,
+                callback: () => { },
+            }));
+            this.notifications[0].needReview = true;
+            this.loading = false;
+            this.cdr.detectChanges();
+        });
+    }
+    //NAVIGATIONS
+    backButton() {
+        this._location.back();
+    }
+    navToCommentApproval() {
+        this.router.navigate([
+            'itineraries',
+            ItinerariesRoutesEnum.COMMENT_UPDATE_REQUEST,
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationsComponent, deps: [{ token: i1.Location }, { token: i2.Router }, { token: i3.AssetsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotificationsComponent, selector: "app-notifications", ngImport: i0, template: "<div class=\"z-auto\">\r\n  <div class=\"pb-10\">\r\n    <app-header heading=\"Notifications\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n    <ng-container *ngFor=\"let n of notifications\">\r\n      <app-notification-tile [content]=\"n.notification.notificationContent\" [isBtnVisible]=\"n.needReview\"\r\n        [notificationAttended]=\"n.notification.attended\" btnText=\"Review Now\"\r\n        (btnClick)=\"navToCommentApproval()\"></app-notification-tile>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.NotificationTileComponent, selector: "app-notification-tile", inputs: ["libMenuItem", "content", "btnText", "isBtnVisible", "notificationAttended"], outputs: ["btnClick"] }, { kind: "component", type: i5.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-notifications', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"z-auto\">\r\n  <div class=\"pb-10\">\r\n    <app-header heading=\"Notifications\" (firstButton)=\"backButton()\"></app-header>\r\n\r\n    <ng-container *ngFor=\"let n of notifications\">\r\n      <app-notification-tile [content]=\"n.notification.notificationContent\" [isBtnVisible]=\"n.needReview\"\r\n        [notificationAttended]=\"n.notification.attended\" btnText=\"Review Now\"\r\n        (btnClick)=\"navToCommentApproval()\"></app-notification-tile>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.Location }, { type: i2.Router }, { type: i3.AssetsService }, { type: i0.ChangeDetectorRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL25vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL25vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7Ozs7OztBQWVoRixNQUFNLE9BQU8sc0JBQXNCO0lBTXZCO0lBQ0E7SUFDQTtJQUNBO0lBUlYsYUFBYSxHQUE0QixFQUFFLENBQUM7SUFDNUMsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUV6QixZQUFZO0lBQ1osWUFDVSxTQUFtQixFQUNuQixNQUFjLEVBQ2QsWUFBMkIsRUFDM0IsR0FBc0I7UUFIdEIsY0FBUyxHQUFULFNBQVMsQ0FBVTtRQUNuQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsaUJBQVksR0FBWixZQUFZLENBQWU7UUFDM0IsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDN0IsQ0FBQztJQUNKLFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDckQsSUFBSSxDQUFDLGFBQWEsR0FBRyxHQUFHLENBQUMsR0FBRyxDQUMxQixDQUFDLENBQUMsRUFBRSxFQUFFLENBQ0osQ0FBdUI7Z0JBQ3JCLFlBQVksRUFBRSxDQUFDO2dCQUNmLFVBQVUsRUFBRSxLQUFLO2dCQUNqQixRQUFRLEVBQUUsR0FBRyxFQUFFLEdBQUUsQ0FBQzthQUNuQixDQUFBLENBQ0osQ0FBQztZQUNGLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztZQUN4QyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGFBQWE7SUFDYixVQUFVO1FBQ1IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1lBQ25CLGFBQWE7WUFDYixxQkFBcUIsQ0FBQyxzQkFBc0I7U0FDN0MsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt3R0F0Q1Usc0JBQXNCOzRGQUF0QixzQkFBc0IseURDeEJuQywwZ0JBV0E7OzRGRGFhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBJTm90aWZpY2F0aW9uIH0gZnJvbSAnLi4vLi4vLi4vLi4vX2ludGVyZmFjZS9ub3RpZmljYXRpb24nO1xyXG5pbXBvcnQgeyBJdGluZXJhcmllc1JvdXRlc0VudW0gfSBmcm9tICcuLi8uLi8uLi8uLi9fZW51bXMvSXRlbmFyaWVzUm91dGVzLmVudW0nO1xyXG5pbXBvcnQgeyBBc3NldHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vX3NlcnZpY2VzL2Fzc2V0cy5zZXJ2aWNlJztcclxuIFxyXG5pbnRlcmZhY2UgSXRpbmVyYXJ5Tm90aWZpY2F0aW9uIHtcclxuICBub3RpZmljYXRpb246IElOb3RpZmljYXRpb247XHJcbiAgbmVlZFJldmlldzogYm9vbGVhbjtcclxuICBjYWxsYmFjazogKCkgPT4gdm9pZDtcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtbm90aWZpY2F0aW9ucycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9ub3RpZmljYXRpb25zLmNvbXBvbmVudC5zY3NzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIG5vdGlmaWNhdGlvbnM6IEl0aW5lcmFyeU5vdGlmaWNhdGlvbltdID0gW107XHJcbiAgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvL0xJRkUgQ1lDTEVcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgX2xvY2F0aW9uOiBMb2NhdGlvbixcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBwcml2YXRlIGFzc2V0U2VydmljZTogQXNzZXRzU2VydmljZSxcclxuICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICApIHt9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmxvYWRpbmcgPSB0cnVlO1xyXG4gICAgdGhpcy5hc3NldFNlcnZpY2UuZ2V0Tm90aWZpY2F0aW9ucygpLnN1YnNjcmliZSgocmVzKSA9PiB7XHJcbiAgICAgIHRoaXMubm90aWZpY2F0aW9ucyA9IHJlcy5tYXAoXHJcbiAgICAgICAgKHgpID0+XHJcbiAgICAgICAgICA8SXRpbmVyYXJ5Tm90aWZpY2F0aW9uPntcclxuICAgICAgICAgICAgbm90aWZpY2F0aW9uOiB4LFxyXG4gICAgICAgICAgICBuZWVkUmV2aWV3OiBmYWxzZSxcclxuICAgICAgICAgICAgY2FsbGJhY2s6ICgpID0+IHt9LFxyXG4gICAgICAgICAgfSxcclxuICAgICAgKTtcclxuICAgICAgdGhpcy5ub3RpZmljYXRpb25zWzBdLm5lZWRSZXZpZXcgPSB0cnVlO1xyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICAvL05BVklHQVRJT05TXHJcbiAgYmFja0J1dHRvbigpOiB2b2lkIHtcclxuICAgIHRoaXMuX2xvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcblxyXG4gIG5hdlRvQ29tbWVudEFwcHJvdmFsKCkge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW1xyXG4gICAgICAnaXRpbmVyYXJpZXMnLFxyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uQ09NTUVOVF9VUERBVEVfUkVRVUVTVCxcclxuICAgIF0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiei1hdXRvXCI+XHJcbiAgPGRpdiBjbGFzcz1cInBiLTEwXCI+XHJcbiAgICA8YXBwLWhlYWRlciBoZWFkaW5nPVwiTm90aWZpY2F0aW9uc1wiIChmaXJzdEJ1dHRvbik9XCJiYWNrQnV0dG9uKClcIj48L2FwcC1oZWFkZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgbiBvZiBub3RpZmljYXRpb25zXCI+XHJcbiAgICAgIDxhcHAtbm90aWZpY2F0aW9uLXRpbGUgW2NvbnRlbnRdPVwibi5ub3RpZmljYXRpb24ubm90aWZpY2F0aW9uQ29udGVudFwiIFtpc0J0blZpc2libGVdPVwibi5uZWVkUmV2aWV3XCJcclxuICAgICAgICBbbm90aWZpY2F0aW9uQXR0ZW5kZWRdPVwibi5ub3RpZmljYXRpb24uYXR0ZW5kZWRcIiBidG5UZXh0PVwiUmV2aWV3IE5vd1wiXHJcbiAgICAgICAgKGJ0bkNsaWNrKT1cIm5hdlRvQ29tbWVudEFwcHJvdmFsKClcIj48L2FwcC1ub3RpZmljYXRpb24tdGlsZT5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

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

@@ -0,0 +1,53 @@
+import { ChangeDetectionStrategy, Component, ViewChild, ViewChildren } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../_services/modal.service";
+import * as i2 from "../../../../_services/custom-dropdown-menu.service";
+import * as i3 from "@angular/common";
+import * as i4 from "../../../../shared/custom-story-card/custom-story-card.component";
+import * as i5 from "@naniteninja/ionic-lib";
+import * as i6 from "../../components/report-media-modal/report-media-modal.component";
+export class StoryComponent {
+    modalService;
+    customMenuList;
+    libMenuItem = [];
+    slideElements;
+    scrollableContentRef;
+    direction = 'vertical';
+    transition = true;
+    slidesPerView = 1;
+    freeMode = false;
+    includeSidePadding = true;
+    centeredSlides = true;
+    windowHeight;
+    Pagination = {
+        el: '.swiper-pagination',
+        clickable: true,
+    };
+    activeSlideIndex = 0;
+    constructor(modalService, customMenuList) {
+        this.modalService = modalService;
+        this.customMenuList = customMenuList;
+    }
+    ngOnInit() {
+        this.libMenuItem = this.customMenuList.getMenuList('stories');
+        this.windowHeight = window.screen.height;
+    }
+    ngAfterViewInit() {
+    }
+    onSlideChange(event) {
+        this.activeSlideIndex = event.realIndex || event.activeIndex || 0;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StoryComponent, deps: [{ token: i1.ModalService }, { token: i2.CustomDropdownMenuService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StoryComponent, selector: "app-story", viewQueries: [{ propertyName: "scrollableContentRef", first: true, predicate: ["scrollable-content"], descendants: true }, { propertyName: "slideElements", predicate: ["slide"], descendants: true }], ngImport: i0, template: "<div class=\"draggable-scroll-container w-full \">\r\n  <div class=\"scrollable-content \" [ngStyle]=\"{ height: windowHeight + 'px' }\" libDraggableScroll\r\n    [direction]=\"direction\" [includeSidePadding]=\"false\">\r\n    <div class=\"slides m-0 \" *ngFor=\"let item of [1, 2, 3]\">\r\n      <div class=\"z-auto \">\r\n        <div class=\"p-0 m-0\">\r\n          <app-custom-story-card [libMenuItem]=\"libMenuItem\"> </app-custom-story-card>\r\n        </div>\r\n        <lib-popup [isOpen]=\"modalService.toggleModal\">\r\n          <app-report-media-modal [popupTitle]=\"'Report Media'\"></app-report-media-modal>\r\n        </lib-popup>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:flex;flex:1 1 auto;flex-direction:column;overflow:auto;align-items:center}.scrollable-content{max-width:100%;position:relative;display:flex;overflow:hidden!important;box-shadow:#0000003d 0 3px 8px!important;div.slides{text-align:center;min-width:40px;min-height:40px;overflow:hidden}}@media (max-width: 600px){.scrollable-content div.slides{min-width:30px}.scrollable-content div.slides img{max-width:100%;height:800px!important}.scrollable-content:after,.scrollable-content:before{display:none}}.swiper-slide{transition:transform .3s ease}.scale-down{transform:scale(.85);opacity:.6}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.CustomStoryCardComponent, selector: "app-custom-story-card", inputs: ["libMenuItem", "isDraft"] }, { kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "directive", type: i5.DraggableScrollDirective, selector: "[libDraggableScroll]", inputs: ["includeSidePadding", "direction"] }, { kind: "component", type: i6.ReportMediaModalComponent, selector: "app-report-media-modal", inputs: ["popupTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StoryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-story', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"draggable-scroll-container w-full \">\r\n  <div class=\"scrollable-content \" [ngStyle]=\"{ height: windowHeight + 'px' }\" libDraggableScroll\r\n    [direction]=\"direction\" [includeSidePadding]=\"false\">\r\n    <div class=\"slides m-0 \" *ngFor=\"let item of [1, 2, 3]\">\r\n      <div class=\"z-auto \">\r\n        <div class=\"p-0 m-0\">\r\n          <app-custom-story-card [libMenuItem]=\"libMenuItem\"> </app-custom-story-card>\r\n        </div>\r\n        <lib-popup [isOpen]=\"modalService.toggleModal\">\r\n          <app-report-media-modal [popupTitle]=\"'Report Media'\"></app-report-media-modal>\r\n        </lib-popup>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:flex;flex:1 1 auto;flex-direction:column;overflow:auto;align-items:center}.scrollable-content{max-width:100%;position:relative;display:flex;overflow:hidden!important;box-shadow:#0000003d 0 3px 8px!important;div.slides{text-align:center;min-width:40px;min-height:40px;overflow:hidden}}@media (max-width: 600px){.scrollable-content div.slides{min-width:30px}.scrollable-content div.slides img{max-width:100%;height:800px!important}.scrollable-content:after,.scrollable-content:before{display:none}}.swiper-slide{transition:transform .3s ease}.scale-down{transform:scale(.85);opacity:.6}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ModalService }, { type: i2.CustomDropdownMenuService }], propDecorators: { slideElements: [{
+                type: ViewChildren,
+                args: ['slide']
+            }], scrollableContentRef: [{
+                type: ViewChild,
+                args: ['scrollable-content']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RvcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvbW9kdWxlcy9pdGluZXJhcmllcy9wYWdlcy9zdG9yaWVzL3N0b3J5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvc3Rvcmllcy9zdG9yeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFpQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVczSCxNQUFNLE9BQU8sY0FBYztJQWlCaEI7SUFDQTtJQWpCVCxXQUFXLEdBQWtCLEVBQUUsQ0FBQztJQUNULGFBQWEsQ0FBeUI7SUFDNUIsb0JBQW9CLENBQWM7SUFDbkUsU0FBUyxHQUFRLFVBQVUsQ0FBQTtJQUMzQixVQUFVLEdBQVcsSUFBSSxDQUFBO0lBQ3pCLGFBQWEsR0FBVyxDQUFDLENBQUE7SUFDekIsUUFBUSxHQUFZLEtBQUssQ0FBQTtJQUN6QixrQkFBa0IsR0FBYSxJQUFJLENBQUE7SUFDbkMsY0FBYyxHQUFXLElBQUksQ0FBQTtJQUM5QixZQUFZLENBQUs7SUFDaEIsVUFBVSxHQUFTO1FBQ2pCLEVBQUUsRUFBRSxvQkFBb0I7UUFDeEIsU0FBUyxFQUFFLElBQUk7S0FDaEIsQ0FBQTtJQUNELGdCQUFnQixHQUFHLENBQUMsQ0FBQztJQUNyQixZQUNTLFlBQTBCLEVBQzFCLGNBQXlDO1FBRHpDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzFCLG1CQUFjLEdBQWQsY0FBYyxDQUEyQjtJQUMvQyxDQUFDO0lBQ0osUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDOUQsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQztJQUFBLENBQUM7SUFDNUMsZUFBZTtJQUNmLENBQUM7SUFDRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDLFNBQVMsSUFBSSxLQUFLLENBQUMsV0FBVyxJQUFJLENBQUMsQ0FBQztJQUNwRSxDQUFDO3dHQTNCVSxjQUFjOzRGQUFkLGNBQWMseVBDWDNCLGdzQkFlQTs7NEZESmEsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07eUhBSXhCLGFBQWE7c0JBQW5DLFlBQVk7dUJBQUMsT0FBTztnQkFDWSxvQkFBb0I7c0JBQXBELFNBQVM7dUJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgT25Jbml0LCBRdWVyeUxpc3QsIFZpZXdDaGlsZCwgVmlld0NoaWxkcmVuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IExpYk1lbnVJdGVtIH0gZnJvbSAnQG5hbml0ZW5pbmphL2lvbmljLWxpYic7IFxyXG5pbXBvcnQgeyBDdXN0b21Ecm9wZG93bk1lbnVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vX3NlcnZpY2VzL2N1c3RvbS1kcm9wZG93bi1tZW51LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBNb2RhbFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9fc2VydmljZXMvbW9kYWwuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1zdG9yeScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3N0b3J5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc3RvcnkuY29tcG9uZW50LmNzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdG9yeUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgbGliTWVudUl0ZW06IExpYk1lbnVJdGVtW10gPSBbXTtcclxuICBAVmlld0NoaWxkcmVuKCdzbGlkZScpIHNsaWRlRWxlbWVudHMhOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XHJcbiAgQFZpZXdDaGlsZCgnc2Nyb2xsYWJsZS1jb250ZW50Jykgc2Nyb2xsYWJsZUNvbnRlbnRSZWYhOiBFbGVtZW50UmVmO1xyXG4gIGRpcmVjdGlvbiA6YW55ID0gJ3ZlcnRpY2FsJ1xyXG4gIHRyYW5zaXRpb24gOmJvb2xlYW4gPXRydWVcclxuICBzbGlkZXNQZXJWaWV3IDpudW1iZXIgPSAxXHJcbiAgZnJlZU1vZGUgOmJvb2xlYW4gPSBmYWxzZVxyXG4gIGluY2x1ZGVTaWRlUGFkZGluZyA6IGJvb2xlYW4gPSB0cnVlXHJcbiAgY2VudGVyZWRTbGlkZXM6IGJvb2xlYW49IHRydWVcclxuIHdpbmRvd0hlaWdodCA6YW55XHJcbiAgUGFnaW5hdGlvbiA6YW55ICA9IHtcclxuICAgIGVsOiAnLnN3aXBlci1wYWdpbmF0aW9uJyxcclxuICAgIGNsaWNrYWJsZTogdHJ1ZSxcclxuICB9XHJcbiAgYWN0aXZlU2xpZGVJbmRleCA9IDA7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgbW9kYWxTZXJ2aWNlOiBNb2RhbFNlcnZpY2UsXHJcbiAgICBwdWJsaWMgY3VzdG9tTWVudUxpc3Q6IEN1c3RvbURyb3Bkb3duTWVudVNlcnZpY2UsXHJcbiAgKSB7fVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5saWJNZW51SXRlbSA9IHRoaXMuY3VzdG9tTWVudUxpc3QuZ2V0TWVudUxpc3QoJ3N0b3JpZXMnKTtcclxuICAgIHRoaXMud2luZG93SGVpZ2h0ID0gd2luZG93LnNjcmVlbi5oZWlnaHQ7fVxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICB9XHJcbiAgb25TbGlkZUNoYW5nZShldmVudDogYW55KSB7XHJcbiAgICB0aGlzLmFjdGl2ZVNsaWRlSW5kZXggPSBldmVudC5yZWFsSW5kZXggfHwgZXZlbnQuYWN0aXZlSW5kZXggfHwgMDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImRyYWdnYWJsZS1zY3JvbGwtY29udGFpbmVyIHctZnVsbCBcIj5cclxuICA8ZGl2IGNsYXNzPVwic2Nyb2xsYWJsZS1jb250ZW50IFwiIFtuZ1N0eWxlXT1cInsgaGVpZ2h0OiB3aW5kb3dIZWlnaHQgKyAncHgnIH1cIiBsaWJEcmFnZ2FibGVTY3JvbGxcclxuICAgIFtkaXJlY3Rpb25dPVwiZGlyZWN0aW9uXCIgW2luY2x1ZGVTaWRlUGFkZGluZ109XCJmYWxzZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInNsaWRlcyBtLTAgXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgWzEsIDIsIDNdXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ6LWF1dG8gXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInAtMCBtLTBcIj5cclxuICAgICAgICAgIDxhcHAtY3VzdG9tLXN0b3J5LWNhcmQgW2xpYk1lbnVJdGVtXT1cImxpYk1lbnVJdGVtXCI+IDwvYXBwLWN1c3RvbS1zdG9yeS1jYXJkPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxsaWItcG9wdXAgW2lzT3Blbl09XCJtb2RhbFNlcnZpY2UudG9nZ2xlTW9kYWxcIj5cclxuICAgICAgICAgIDxhcHAtcmVwb3J0LW1lZGlhLW1vZGFsIFtwb3B1cFRpdGxlXT1cIidSZXBvcnQgTWVkaWEnXCI+PC9hcHAtcmVwb3J0LW1lZGlhLW1vZGFsPlxyXG4gICAgICAgIDwvbGliLXBvcHVwPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19