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

package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-start-location/create-itinerary-start-location.component.mjs

@@ -0,0 +1,93 @@
+import { 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/common";
+import * as i2 from "@angular/router";
+import * as i3 from "../../../../../../_services/itinerary.service";
+import * as i4 from "@naniteninja/ionic-lib";
+import * as i5 from "../create-itinerary-header/create-itinerary-header.component";
+export class CreateItineraryStartLocationComponent {
+    location;
+    cdr;
+    router;
+    activatedRoute;
+    itineraryService;
+    ICONS = ICONS;
+    actions = [ICONS['location'], ICONS['pencil'], ICONS['ban']];
+    selected = this.actions[0];
+    isOpen = true;
+    initialLocation = { lat: 24.8607, lng: 67.0011 };
+    itinerary;
+    // markers: MapMarkerModel[] = [
+    //   {
+    //     id: '1',
+    //     position: { lat: 24.8607, lng: 67.0011 },
+    //     radius: 0,
+    //     icon: ICONS['enLocation'],
+    //     omitMarkerCircle: true,
+    //   },
+    // ];
+    //LIFE CYCLES
+    constructor(location, cdr, router, activatedRoute, itineraryService) {
+        this.location = location;
+        this.cdr = cdr;
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+        this.itineraryService = itineraryService;
+    }
+    ngOnInit() {
+        const id = this.activatedRoute.snapshot.params['id'];
+        if (id) {
+            this.itineraryService.getById(id).subscribe({
+                next: (res) => {
+                    this.itinerary = res;
+                }
+            });
+        }
+    }
+    //UI LOGIC
+    updateAction(action) {
+        this.selected = action;
+        if (action === this.actions[1]) {
+            this.router.navigate([
+                ItinerariesRoutesEnum.ITINERARY,
+                ItinerariesRoutesEnum.CREATE_ITINERARY_DRAW_MODE,
+                ItinerariesRoutesEnum.CREATE_ITINERARY_DRAW_MODE_CREATE,
+                this.itinerary?._id,
+            ]);
+        }
+        if (action === this.actions[2]) {
+            this.router.navigate([
+                ItinerariesRoutesEnum.ITINERARY,
+                ItinerariesRoutesEnum.CREATE_ITINERARY_NO_VISUAL_FILTER_MODE,
+                ItinerariesRoutesEnum.CREATE_ITINERARY_NO_VISUAL_FILTER_MODE_CREATE,
+                this.itinerary?._id,
+            ]);
+        }
+    }
+    showBottomModal() {
+        this.isOpen = true;
+        this.cdr.detectChanges();
+    }
+    markerClick(_event) {
+    }
+    //NAVIGATIONS
+    back() {
+        this.location.back();
+    }
+    navToPickStartLocation() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.LOCATION_PICKER,
+            this.itinerary?._id,
+        ], { queryParams: { mode: 'start' } });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryStartLocationComponent, deps: [{ token: i1.Location }, { token: i0.ChangeDetectorRef }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.ItineraryService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateItineraryStartLocationComponent, selector: "app-create-itinerary-start-location", ngImport: i0, template: "<app-create-itinerary-header\r\n  [progressBarValue]=\"5\"\r\n  heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<lib-bottom-modal\r\n  (submitModal)=\"navToPickStartLocation()\"\r\n  submitButtonTitle=\"Continue\"\r\n  [showArrow]=\"true\"\r\n  [(isOpen)]=\"isOpen\"\r\n  [adaptToContentHeight]=\"true\"\r\n>\r\n  <div class=\"pl-4 pr-4\">\r\n    <div class=\"flex items-center justify-between\">\r\n      <h3 class=\"font-Calistoga text-lg\">Along The Way</h3>\r\n      <div class=\"selectables flex items-center\">\r\n        <div\r\n          (click)=\"updateAction(a)\"\r\n          class=\"flex items-center justify-center actions\"\r\n          *ngFor=\"let a of actions\"\r\n          [ngClass]=\"{ selected: a === selected }\"\r\n        >\r\n          <img [src]=\"a\" alt=\"icon\" loading=\"lazy\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <p class=\"mt-3\">Select starting location for itinerary route.</p>\r\n    <div class=\"mt-3\">\r\n      <lib-text-box (click)=\"navToPickStartLocation()\" class=\"textbox-1\" label=\"From Where?\"></lib-text-box>\r\n    </div>\r\n  </div>\r\n</lib-bottom-modal>\r\n<div\r\n  (click)=\"showBottomModal()\"\r\n  class=\"absolute bottom-0 cursor-pointer z-10\"\r\n  style=\"left: 50%\"\r\n>\r\n  <img\r\n    style=\"transform: rotate(270deg)\"\r\n    [src]=\"ICONS['rightArrow']\"\r\n    alt=\"icon\"\r\n    height=\"15\"\r\n    width=\"15\"\r\n  />\r\n</div>\r\n", styles: [":host{--lib-popup-modal-radius: 16px;--border-radius: var(--lib-popup-modal-radius);--lib-popup-modal-background: #28252d !important;--background: #28252d !important;--overflow: hidden !important;--lib-popup-modal-color: #a8a8a8;--color: var(--lib-popup-modal-color, #a8a8a8);--max-width: var(--lib-bottom-modal-max-width, 500px);--lib-popup-modal-shadow: 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) !important;--box-shadow: var( --lib-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) )}.selectables{background:#28252d;box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;border-radius:27.9px}.actions{width:42px;height:28px;border-radius:82.05px}.selected{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);box-shadow:3.28px 3.28px 6.56px #00000040;box-shadow:-1.64px -1.64px 8.2px #ffffff40}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.BottomModalComponent, selector: "lib-bottom-modal", inputs: ["breakpoints", "initialBreakpoint", "isOpen", "canDismiss", "showArrow", "showBackBtn", "showConfirm", "showCloseBtn", "loading", "showHeaderSeparator", "title", "confirmationTitle", "confirmationMsg", "confirmButton", "confirmCancelButton", "description", "secondaryButtonTitle", "submitButtonTitle", "cancelButtonTitle", "validModal", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "breakpointChange", "closeModal", "submitModal", "secondaryButtonClick", "backClick", "showConfirmChange", "confirmEvent"] }, { kind: "directive", type: i4.LazyImageDirective, selector: "img" }, { kind: "component", type: i4.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }, { kind: "component", type: i5.CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryStartLocationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-create-itinerary-start-location', template: "<app-create-itinerary-header\r\n  [progressBarValue]=\"5\"\r\n  heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<lib-bottom-modal\r\n  (submitModal)=\"navToPickStartLocation()\"\r\n  submitButtonTitle=\"Continue\"\r\n  [showArrow]=\"true\"\r\n  [(isOpen)]=\"isOpen\"\r\n  [adaptToContentHeight]=\"true\"\r\n>\r\n  <div class=\"pl-4 pr-4\">\r\n    <div class=\"flex items-center justify-between\">\r\n      <h3 class=\"font-Calistoga text-lg\">Along The Way</h3>\r\n      <div class=\"selectables flex items-center\">\r\n        <div\r\n          (click)=\"updateAction(a)\"\r\n          class=\"flex items-center justify-center actions\"\r\n          *ngFor=\"let a of actions\"\r\n          [ngClass]=\"{ selected: a === selected }\"\r\n        >\r\n          <img [src]=\"a\" alt=\"icon\" loading=\"lazy\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <p class=\"mt-3\">Select starting location for itinerary route.</p>\r\n    <div class=\"mt-3\">\r\n      <lib-text-box (click)=\"navToPickStartLocation()\" class=\"textbox-1\" label=\"From Where?\"></lib-text-box>\r\n    </div>\r\n  </div>\r\n</lib-bottom-modal>\r\n<div\r\n  (click)=\"showBottomModal()\"\r\n  class=\"absolute bottom-0 cursor-pointer z-10\"\r\n  style=\"left: 50%\"\r\n>\r\n  <img\r\n    style=\"transform: rotate(270deg)\"\r\n    [src]=\"ICONS['rightArrow']\"\r\n    alt=\"icon\"\r\n    height=\"15\"\r\n    width=\"15\"\r\n  />\r\n</div>\r\n", styles: [":host{--lib-popup-modal-radius: 16px;--border-radius: var(--lib-popup-modal-radius);--lib-popup-modal-background: #28252d !important;--background: #28252d !important;--overflow: hidden !important;--lib-popup-modal-color: #a8a8a8;--color: var(--lib-popup-modal-color, #a8a8a8);--max-width: var(--lib-bottom-modal-max-width, 500px);--lib-popup-modal-shadow: 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) !important;--box-shadow: var( --lib-popup-modal-shadow, 5px 5px 95px 0px rgba(255, 255, 255, .32), -3px -3px 16px 0px rgba(255, 255, 255, .1) )}.selectables{background:#28252d;box-shadow:4.1px 4.1px 8.2px #00000052 inset;box-shadow:-2.46px -2.46px 3.28px #ffffff1a inset;border-radius:27.9px}.actions{width:42px;height:28px;border-radius:82.05px}.selected{background:linear-gradient(94.44deg,#fe3c72 1.26%,#e15561);box-shadow:3.28px 3.28px 6.56px #00000040;box-shadow:-1.64px -1.64px 8.2px #ffffff40}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Location }, { type: i0.ChangeDetectorRef }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i3.ItineraryService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWl0aW5lcmFyeS1zdGFydC1sb2NhdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2J1aWxkZXIvcGFnZXMvY3JlYXRlLWl0aW5lcmFyeS1zdGFydC1sb2NhdGlvbi9jcmVhdGUtaXRpbmVyYXJ5LXN0YXJ0LWxvY2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvYnVpbGRlci9wYWdlcy9jcmVhdGUtaXRpbmVyYXJ5LXN0YXJ0LWxvY2F0aW9uL2NyZWF0ZS1pdGluZXJhcnktc3RhcnQtbG9jYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFxQixTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFckUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFJdEYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHdDQUF3QyxDQUFDOzs7Ozs7O0FBTy9ELE1BQU0sT0FBTyxxQ0FBcUM7SUFtQnRDO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUF0QlYsS0FBSyxHQUFVLEtBQUssQ0FBQztJQUNyQixPQUFPLEdBQWEsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEVBQUUsS0FBSyxDQUFDLFFBQVEsQ0FBQyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3ZFLFFBQVEsR0FBVyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25DLE1BQU0sR0FBWSxJQUFJLENBQUM7SUFDdkIsZUFBZSxHQUFHLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDakQsU0FBUyxDQUEwQjtJQUNuQyxnQ0FBZ0M7SUFDaEMsTUFBTTtJQUNOLGVBQWU7SUFDZixnREFBZ0Q7SUFDaEQsaUJBQWlCO0lBQ2pCLGlDQUFpQztJQUNqQyw4QkFBOEI7SUFDOUIsT0FBTztJQUNQLEtBQUs7SUFFTCxhQUFhO0lBQ2IsWUFDVSxRQUFrQixFQUNsQixHQUFzQixFQUN0QixNQUFjLEVBQ2QsY0FBOEIsRUFDOUIsZ0JBQWtDO1FBSmxDLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDbEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNkLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUM5QixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO0lBQ3hDLENBQUM7SUFFTCxRQUFRO1FBQ04sTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3JELElBQUksRUFBRSxFQUFFO1lBQ04sSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUM7Z0JBQzFDLElBQUksRUFBRSxDQUFDLEdBQWUsRUFBRSxFQUFFO29CQUN4QixJQUFJLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQztnQkFDdkIsQ0FBQzthQUNGLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELFVBQVU7SUFDVixZQUFZLENBQUMsTUFBYztRQUN6QixJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQztRQUN2QixJQUFJLE1BQU0sS0FBSyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzlCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO2dCQUNuQixxQkFBcUIsQ0FBQyxTQUFTO2dCQUMvQixxQkFBcUIsQ0FBQywwQkFBMEI7Z0JBQ2hELHFCQUFxQixDQUFDLGlDQUFpQztnQkFDdkQsSUFBSSxDQUFDLFNBQVMsRUFBRSxHQUFHO2FBQ3BCLENBQUMsQ0FBQztTQUNKO1FBQ0QsSUFBSSxNQUFNLEtBQUssSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM5QixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQztnQkFDbkIscUJBQXFCLENBQUMsU0FBUztnQkFDL0IscUJBQXFCLENBQUMsc0NBQXNDO2dCQUM1RCxxQkFBcUIsQ0FBQyw2Q0FBNkM7Z0JBQ25FLElBQUksQ0FBQyxTQUFTLEVBQUUsR0FBRzthQUNwQixDQUFDLENBQUM7U0FDSjtJQUVILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsV0FBVyxDQUFDLE1BQVc7SUFDdkIsQ0FBQztJQUVELGFBQWE7SUFDYixJQUFJO1FBQ0YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUNsQjtZQUNFLHFCQUFxQixDQUFDLFNBQVM7WUFDL0IscUJBQXFCLENBQUMsZUFBZTtZQUNyQyxJQUFJLENBQUMsU0FBUyxFQUFFLEdBQUc7U0FDcEIsRUFDRCxFQUFFLFdBQVcsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUNuQyxDQUFDO0lBQ0osQ0FBQzt3R0FqRlUscUNBQXFDOzRGQUFyQyxxQ0FBcUMsMkVDZGxELG85Q0E2Q0E7OzRGRC9CYSxxQ0FBcUM7a0JBTGpELFNBQVM7K0JBQ0UscUNBQXFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEl0aW5lcmFyaWVzUm91dGVzRW51bSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL19lbnVtcy9JdGVuYXJpZXNSb3V0ZXMuZW51bSc7XHJcbmltcG9ydCB7IElpY29uIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vX2ludGVyZmFjZS9pY29uJztcclxuaW1wb3J0IHsgSUl0aW5lcmFyeSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL19tb2RlbHMvaS1JdGluZXJhcnknO1xyXG5pbXBvcnQgeyBJdGluZXJhcnlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vX3NlcnZpY2VzL2l0aW5lcmFyeS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgSUNPTlMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9fY29uc3RhbnRzL2NvbnN0YW50cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jcmVhdGUtaXRpbmVyYXJ5LXN0YXJ0LWxvY2F0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3JlYXRlLWl0aW5lcmFyeS1zdGFydC1sb2NhdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NyZWF0ZS1pdGluZXJhcnktc3RhcnQtbG9jYXRpb24uY29tcG9uZW50LmNzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDcmVhdGVJdGluZXJhcnlTdGFydExvY2F0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBJQ09OUzogSWljb24gPSBJQ09OUztcclxuICBhY3Rpb25zOiBzdHJpbmdbXSA9IFtJQ09OU1snbG9jYXRpb24nXSwgSUNPTlNbJ3BlbmNpbCddLCBJQ09OU1snYmFuJ11dO1xyXG4gIHNlbGVjdGVkOiBzdHJpbmcgPSB0aGlzLmFjdGlvbnNbMF07XHJcbiAgaXNPcGVuOiBib29sZWFuID0gdHJ1ZTtcclxuICBpbml0aWFsTG9jYXRpb24gPSB7IGxhdDogMjQuODYwNywgbG5nOiA2Ny4wMDExIH07XHJcbiAgaXRpbmVyYXJ5ITogSUl0aW5lcmFyeSB8IHVuZGVmaW5lZDtcclxuICAvLyBtYXJrZXJzOiBNYXBNYXJrZXJNb2RlbFtdID0gW1xyXG4gIC8vICAge1xyXG4gIC8vICAgICBpZDogJzEnLFxyXG4gIC8vICAgICBwb3NpdGlvbjogeyBsYXQ6IDI0Ljg2MDcsIGxuZzogNjcuMDAxMSB9LFxyXG4gIC8vICAgICByYWRpdXM6IDAsXHJcbiAgLy8gICAgIGljb246IElDT05TWydlbkxvY2F0aW9uJ10sXHJcbiAgLy8gICAgIG9taXRNYXJrZXJDaXJjbGU6IHRydWUsXHJcbiAgLy8gICB9LFxyXG4gIC8vIF07XHJcblxyXG4gIC8vTElGRSBDWUNMRVNcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgbG9jYXRpb246IExvY2F0aW9uLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcclxuICAgIHByaXZhdGUgYWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxyXG4gICAgcHJpdmF0ZSBpdGluZXJhcnlTZXJ2aWNlOiBJdGluZXJhcnlTZXJ2aWNlLFxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgY29uc3QgaWQgPSB0aGlzLmFjdGl2YXRlZFJvdXRlLnNuYXBzaG90LnBhcmFtc1snaWQnXTtcclxuICAgIGlmIChpZCkge1xyXG4gICAgICB0aGlzLml0aW5lcmFyeVNlcnZpY2UuZ2V0QnlJZChpZCkuc3Vic2NyaWJlKHtcclxuICAgICAgICBuZXh0OiAocmVzOiBJSXRpbmVyYXJ5KSA9PiB7XHJcbiAgICAgICAgICB0aGlzLml0aW5lcmFyeSA9IHJlcztcclxuICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLy9VSSBMT0dJQ1xyXG4gIHVwZGF0ZUFjdGlvbihhY3Rpb246IHN0cmluZykge1xyXG4gICAgdGhpcy5zZWxlY3RlZCA9IGFjdGlvbjtcclxuICAgIGlmIChhY3Rpb24gPT09IHRoaXMuYWN0aW9uc1sxXSkge1xyXG4gICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgICAgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLklUSU5FUkFSWSxcclxuICAgICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uQ1JFQVRFX0lUSU5FUkFSWV9EUkFXX01PREUsXHJcbiAgICAgICAgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLkNSRUFURV9JVElORVJBUllfRFJBV19NT0RFX0NSRUFURSxcclxuICAgICAgICB0aGlzLml0aW5lcmFyeT8uX2lkLFxyXG4gICAgICBdKTtcclxuICAgIH1cclxuICAgIGlmIChhY3Rpb24gPT09IHRoaXMuYWN0aW9uc1syXSkge1xyXG4gICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgICAgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLklUSU5FUkFSWSxcclxuICAgICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uQ1JFQVRFX0lUSU5FUkFSWV9OT19WSVNVQUxfRklMVEVSX01PREUsXHJcbiAgICAgICAgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLkNSRUFURV9JVElORVJBUllfTk9fVklTVUFMX0ZJTFRFUl9NT0RFX0NSRUFURSxcclxuICAgICAgICB0aGlzLml0aW5lcmFyeT8uX2lkLFxyXG4gICAgICBdKTtcclxuICAgIH1cclxuXHJcbiAgfVxyXG5cclxuICBzaG93Qm90dG9tTW9kYWwoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzT3BlbiA9IHRydWU7XHJcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBtYXJrZXJDbGljayhfZXZlbnQ6IGFueSkge1xyXG4gIH1cclxuXHJcbiAgLy9OQVZJR0FUSU9OU1xyXG4gIGJhY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLmxvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcblxyXG4gIG5hdlRvUGlja1N0YXJ0TG9jYXRpb24oKSB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShcclxuICAgICAgW1xyXG4gICAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUlksXHJcbiAgICAgICAgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLkxPQ0FUSU9OX1BJQ0tFUixcclxuICAgICAgICB0aGlzLml0aW5lcmFyeT8uX2lkLFxyXG4gICAgICBdLFxyXG4gICAgICB7IHF1ZXJ5UGFyYW1zOiB7IG1vZGU6ICdzdGFydCcgfSB9LFxyXG4gICAgKTtcclxuICB9XHJcbn1cclxuIiwiPGFwcC1jcmVhdGUtaXRpbmVyYXJ5LWhlYWRlclxyXG4gIFtwcm9ncmVzc0JhclZhbHVlXT1cIjVcIlxyXG4gIGhlYWRpbmc9XCJDcmVhdGUgSXRpbmVyYXJ5XCJcclxuPjwvYXBwLWNyZWF0ZS1pdGluZXJhcnktaGVhZGVyPlxyXG48bGliLW1hcCBjbGFzcz1cIm1hcHMtMTAwdmhcIj48L2xpYi1tYXA+XHJcbjxsaWItYm90dG9tLW1vZGFsXHJcbiAgKHN1Ym1pdE1vZGFsKT1cIm5hdlRvUGlja1N0YXJ0TG9jYXRpb24oKVwiXHJcbiAgc3VibWl0QnV0dG9uVGl0bGU9XCJDb250aW51ZVwiXHJcbiAgW3Nob3dBcnJvd109XCJ0cnVlXCJcclxuICBbKGlzT3BlbildPVwiaXNPcGVuXCJcclxuICBbYWRhcHRUb0NvbnRlbnRIZWlnaHRdPVwidHJ1ZVwiXHJcbj5cclxuICA8ZGl2IGNsYXNzPVwicGwtNCBwci00XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1iZXR3ZWVuXCI+XHJcbiAgICAgIDxoMyBjbGFzcz1cImZvbnQtQ2FsaXN0b2dhIHRleHQtbGdcIj5BbG9uZyBUaGUgV2F5PC9oMz5cclxuICAgICAgPGRpdiBjbGFzcz1cInNlbGVjdGFibGVzIGZsZXggaXRlbXMtY2VudGVyXCI+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgKGNsaWNrKT1cInVwZGF0ZUFjdGlvbihhKVwiXHJcbiAgICAgICAgICBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGFjdGlvbnNcIlxyXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGEgb2YgYWN0aW9uc1wiXHJcbiAgICAgICAgICBbbmdDbGFzc109XCJ7IHNlbGVjdGVkOiBhID09PSBzZWxlY3RlZCB9XCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8aW1nIFtzcmNdPVwiYVwiIGFsdD1cImljb25cIiBsb2FkaW5nPVwibGF6eVwiIC8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8cCBjbGFzcz1cIm10LTNcIj5TZWxlY3Qgc3RhcnRpbmcgbG9jYXRpb24gZm9yIGl0aW5lcmFyeSByb3V0ZS48L3A+XHJcbiAgICA8ZGl2IGNsYXNzPVwibXQtM1wiPlxyXG4gICAgICA8bGliLXRleHQtYm94IChjbGljayk9XCJuYXZUb1BpY2tTdGFydExvY2F0aW9uKClcIiBjbGFzcz1cInRleHRib3gtMVwiIGxhYmVsPVwiRnJvbSBXaGVyZT9cIj48L2xpYi10ZXh0LWJveD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2xpYi1ib3R0b20tbW9kYWw+XHJcbjxkaXZcclxuICAoY2xpY2spPVwic2hvd0JvdHRvbU1vZGFsKClcIlxyXG4gIGNsYXNzPVwiYWJzb2x1dGUgYm90dG9tLTAgY3Vyc29yLXBvaW50ZXIgei0xMFwiXHJcbiAgc3R5bGU9XCJsZWZ0OiA1MCVcIlxyXG4+XHJcbiAgPGltZ1xyXG4gICAgc3R5bGU9XCJ0cmFuc2Zvcm06IHJvdGF0ZSgyNzBkZWcpXCJcclxuICAgIFtzcmNdPVwiSUNPTlNbJ3JpZ2h0QXJyb3cnXVwiXHJcbiAgICBhbHQ9XCJpY29uXCJcclxuICAgIGhlaWdodD1cIjE1XCJcclxuICAgIHdpZHRoPVwiMTVcIlxyXG4gIC8+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/itinerary-app/modules/itineraries/pages/builder/pages/create-itinerary-user-search/create-itinerary-user-search.component.mjs

@@ -0,0 +1,75 @@
+import { Component } 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/common";
+import * as i2 from "../../../../../../_services/custom-dropdown-menu.service";
+import * as i3 from "@angular/router";
+import * as i4 from "@naniteninja/ionic-lib";
+import * as i5 from "../../../../../../shared/header/header.component";
+export class CreateItineraryUserSearchComponent {
+    location;
+    cdr;
+    customMenuList;
+    router;
+    loading = false;
+    itineraryMembers = [];
+    subscription;
+    ICONS = ICONS;
+    option = {
+        value: 'Viynasa',
+        label: 'Viynasa',
+        image: ICONS['food'],
+    };
+    libMenuItems = [];
+    //LIFE CYCLES
+    constructor(location, cdr, customMenuList, router) {
+        this.location = location;
+        this.cdr = cdr;
+        this.customMenuList = customMenuList;
+        this.router = router;
+    }
+    ngOnInit() {
+        this.getTotalItineraryMembers();
+        this.libMenuItems = this.customMenuList.getMenuList('create-itinerary-user-search');
+        this.libMenuItems = this.libMenuItems.map((x) => {
+            return {
+                ...x,
+                command: () => {
+                    this.navToMemberDetail();
+                },
+            };
+        });
+    }
+    //UI LOGIC
+    getTotalItineraryMembers() {
+        this.loading = true;
+        this.subscription = of([]).subscribe((data) => {
+            this.itineraryMembers = data;
+            this.loading = false;
+            this.cdr.detectChanges();
+        });
+    }
+    //NAVIGATIONS
+    navToMemberDetail() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.CREATE_ITINERARY_MEMBER_DETAILS,
+            '1',
+        ]);
+    }
+    back() {
+        this.location.back();
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryUserSearchComponent, deps: [{ token: i1.Location }, { token: i0.ChangeDetectorRef }, { token: i2.CustomDropdownMenuService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CreateItineraryUserSearchComponent, selector: "app-create-itinerary-user-search", ngImport: i0, template: "<app-header heading=\"User Search\" (firstButton)=\"back()\"></app-header>\r\n<div class=\"p-4\">\r\n  <lib-text-box\r\n    class=\"textbox-1\"\r\n    label=\"Invite people to this place\"\r\n  ></lib-text-box>\r\n\r\n  <h3 class=\"font-Calistoga text-lg mt-3 mb-3\">Total Users</h3>\r\n  <p>4 people</p>\r\n\r\n  <ng-container *ngIf=\"loading\">\r\n    <lib-info-card-placeholder\r\n      [avatar]=\"true\"\r\n      [count]=\"5\"\r\n    ></lib-info-card-placeholder>\r\n  </ng-container>\r\n\r\n  <ng-template #sufixAction>\r\n    <lib-menu-btn\r\n      id=\"lib-menu-btn\"\r\n      class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n      [disableTextShadow]=\"true\"\r\n      [menuItems]=\"libMenuItems\"\r\n    >\r\n      <img [src]=\"ICONS['horizontal']\" alt=\"icon\" />\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\">\r\n      <ng-container *ngFor=\"let i of itineraryMembers\">\r\n        <!-- <app-user-tile\r\n          [name]=\"i.memberName\"\r\n          [email]=\"i.memberEmail\"\r\n          [image]=\"i.memberPic\"\r\n          [sufixTemplate]=\"sufixAction\"\r\n        ></app-user-tile> -->\r\n      </ng-container>\r\n    </div>\r\n  }\r\n\r\n  <hr class=\"divider mt-3 mb-3\" />\r\n\r\n  <h3 class=\"font-Calistoga text-lg mt-5 mb-4\">Common interests</h3>\r\n  <lib-selectable [options]=\"[option]\"></lib-selectable>\r\n\r\n  <div class=\"flex items-center mt-2\">\r\n    <div class=\"rounded overflow-hidden\">\r\n      <img\r\n        class=\"rounded-full\"\r\n        [src]=\"ICONS['dummyUserProfile']\"\r\n        height=\"32px\"\r\n        width=\"32px\"\r\n      />\r\n    </div>\r\n    <span class=\"ml-2\">Makenna Levin</span>\r\n  </div>\r\n\r\n  <div class=\"flex items-center mt-4\">\r\n    <img\r\n      class=\"rounded-full\"\r\n      [src]=\"ICONS['dummyUserProfile']\"\r\n      height=\"32px\"\r\n      width=\"32px\"\r\n    />\r\n    <span class=\"ml-2\">Jakob Vaccaro</span>\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.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.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i4.LazyImageDirective, selector: "img" }, { kind: "component", type: i4.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateItineraryUserSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-create-itinerary-user-search', template: "<app-header heading=\"User Search\" (firstButton)=\"back()\"></app-header>\r\n<div class=\"p-4\">\r\n  <lib-text-box\r\n    class=\"textbox-1\"\r\n    label=\"Invite people to this place\"\r\n  ></lib-text-box>\r\n\r\n  <h3 class=\"font-Calistoga text-lg mt-3 mb-3\">Total Users</h3>\r\n  <p>4 people</p>\r\n\r\n  <ng-container *ngIf=\"loading\">\r\n    <lib-info-card-placeholder\r\n      [avatar]=\"true\"\r\n      [count]=\"5\"\r\n    ></lib-info-card-placeholder>\r\n  </ng-container>\r\n\r\n  <ng-template #sufixAction>\r\n    <lib-menu-btn\r\n      id=\"lib-menu-btn\"\r\n      class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n      [disableTextShadow]=\"true\"\r\n      [menuItems]=\"libMenuItems\"\r\n    >\r\n      <img [src]=\"ICONS['horizontal']\" alt=\"icon\" />\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\">\r\n      <ng-container *ngFor=\"let i of itineraryMembers\">\r\n        <!-- <app-user-tile\r\n          [name]=\"i.memberName\"\r\n          [email]=\"i.memberEmail\"\r\n          [image]=\"i.memberPic\"\r\n          [sufixTemplate]=\"sufixAction\"\r\n        ></app-user-tile> -->\r\n      </ng-container>\r\n    </div>\r\n  }\r\n\r\n  <hr class=\"divider mt-3 mb-3\" />\r\n\r\n  <h3 class=\"font-Calistoga text-lg mt-5 mb-4\">Common interests</h3>\r\n  <lib-selectable [options]=\"[option]\"></lib-selectable>\r\n\r\n  <div class=\"flex items-center mt-2\">\r\n    <div class=\"rounded overflow-hidden\">\r\n      <img\r\n        class=\"rounded-full\"\r\n        [src]=\"ICONS['dummyUserProfile']\"\r\n        height=\"32px\"\r\n        width=\"32px\"\r\n      />\r\n    </div>\r\n    <span class=\"ml-2\">Makenna Levin</span>\r\n  </div>\r\n\r\n  <div class=\"flex items-center mt-4\">\r\n    <img\r\n      class=\"rounded-full\"\r\n      [src]=\"ICONS['dummyUserProfile']\"\r\n      height=\"32px\"\r\n      width=\"32px\"\r\n    />\r\n    <span class=\"ml-2\">Jakob Vaccaro</span>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.Location }, { type: i0.ChangeDetectorRef }, { type: i2.CustomDropdownMenuService }, { type: i3.Router }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWl0aW5lcmFyeS11c2VyLXNlYXJjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2J1aWxkZXIvcGFnZXMvY3JlYXRlLWl0aW5lcmFyeS11c2VyLXNlYXJjaC9jcmVhdGUtaXRpbmVyYXJ5LXVzZXItc2VhcmNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvYnVpbGRlci9wYWdlcy9jcmVhdGUtaXRpbmVyYXJ5LXVzZXItc2VhcmNoL2NyZWF0ZS1pdGluZXJhcnktdXNlci1zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFxQixTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBR2hGLE9BQU8sRUFBRSxFQUFFLEVBQWdCLE1BQU0sTUFBTSxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBSXRGLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7Ozs7OztBQU8vRCxNQUFNLE9BQU8sa0NBQWtDO0lBY25DO0lBQ0E7SUFDQTtJQUNBO0lBaEJWLE9BQU8sR0FBWSxLQUFLLENBQUM7SUFDekIsZ0JBQWdCLEdBQXVCLEVBQUUsQ0FBQztJQUNsQyxZQUFZLENBQWdCO0lBQ3BDLEtBQUssR0FBVSxLQUFLLENBQUM7SUFDckIsTUFBTSxHQUF5QjtRQUM3QixLQUFLLEVBQUUsU0FBUztRQUNoQixLQUFLLEVBQUUsU0FBUztRQUNoQixLQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQztLQUNyQixDQUFDO0lBQ0YsWUFBWSxHQUFrQixFQUFFLENBQUM7SUFFakMsYUFBYTtJQUNiLFlBQ1UsUUFBa0IsRUFDbEIsR0FBc0IsRUFDdEIsY0FBeUMsRUFDekMsTUFBYztRQUhkLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDbEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsbUJBQWMsR0FBZCxjQUFjLENBQTJCO1FBQ3pDLFdBQU0sR0FBTixNQUFNLENBQVE7SUFDckIsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztRQUNoQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsV0FBVyxDQUNqRCw4QkFBOEIsQ0FDL0IsQ0FBQztRQUVGLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUM5QyxPQUFPO2dCQUNMLEdBQUcsQ0FBQztnQkFDSixPQUFPLEVBQUUsR0FBRyxFQUFFO29CQUNaLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO2dCQUMzQixDQUFDO2FBQ0YsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFVBQVU7SUFDVix3QkFBd0I7UUFDdEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBd0IsRUFBRSxFQUFFO1lBQ2hFLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7WUFDN0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxhQUFhO0lBQ2IsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7WUFDbkIscUJBQXFCLENBQUMsU0FBUztZQUMvQixxQkFBcUIsQ0FBQywrQkFBK0I7WUFDckQsR0FBRztTQUNKLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDbEMsQ0FBQzt3R0E3RFUsa0NBQWtDOzRGQUFsQyxrQ0FBa0Msd0VDaEIvQyxnL0RBb0VBOzs0RkRwRGEsa0NBQWtDO2tCQUw5QyxTQUFTOytCQUNFLGtDQUFrQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgTGliTWVudUl0ZW0sIFNlbGVjdE9wdGlvbiB9IGZyb20gJ0BuYW5pdGVuaW5qYS9pb25pYy1saWInO1xyXG5pbXBvcnQgeyBvZiwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7ICBcclxuaW1wb3J0IHsgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vX2VudW1zL0l0ZW5hcmllc1JvdXRlcy5lbnVtJztcclxuaW1wb3J0IHsgSWljb24gfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9faW50ZXJmYWNlL2ljb24nO1xyXG5pbXBvcnQgeyBJSXRpbmVyYXJ5TWVtYmVyIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vX21vZGVscy9pLWl0aW5lcmFyeS1tZW1iZXInOyBcclxuaW1wb3J0IHsgQ3VzdG9tRHJvcGRvd25NZW51U2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL19zZXJ2aWNlcy9jdXN0b20tZHJvcGRvd24tbWVudS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgSUNPTlMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9fY29uc3RhbnRzL2NvbnN0YW50cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jcmVhdGUtaXRpbmVyYXJ5LXVzZXItc2VhcmNoJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3JlYXRlLWl0aW5lcmFyeS11c2VyLXNlYXJjaC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NyZWF0ZS1pdGluZXJhcnktdXNlci1zZWFyY2guY29tcG9uZW50LmNzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDcmVhdGVJdGluZXJhcnlVc2VyU2VhcmNoQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBpdGluZXJhcnlNZW1iZXJzOiBJSXRpbmVyYXJ5TWVtYmVyW10gPSBbXTtcclxuICBwcml2YXRlIHN1YnNjcmlwdGlvbiE6IFN1YnNjcmlwdGlvbjtcclxuICBJQ09OUzogSWljb24gPSBJQ09OUztcclxuICBvcHRpb246IFNlbGVjdE9wdGlvbjxzdHJpbmc+ID0ge1xyXG4gICAgdmFsdWU6ICdWaXluYXNhJyxcclxuICAgIGxhYmVsOiAnVml5bmFzYScsXHJcbiAgICBpbWFnZTogSUNPTlNbJ2Zvb2QnXSxcclxuICB9O1xyXG4gIGxpYk1lbnVJdGVtczogTGliTWVudUl0ZW1bXSA9IFtdO1xyXG5cclxuICAvL0xJRkUgQ1lDTEVTXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGxvY2F0aW9uOiBMb2NhdGlvbixcclxuICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIHByaXZhdGUgY3VzdG9tTWVudUxpc3Q6IEN1c3RvbURyb3Bkb3duTWVudVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxyXG4gICkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmdldFRvdGFsSXRpbmVyYXJ5TWVtYmVycygpO1xyXG4gICAgdGhpcy5saWJNZW51SXRlbXMgPSB0aGlzLmN1c3RvbU1lbnVMaXN0LmdldE1lbnVMaXN0KFxyXG4gICAgICAnY3JlYXRlLWl0aW5lcmFyeS11c2VyLXNlYXJjaCcsXHJcbiAgICApO1xyXG5cclxuICAgIHRoaXMubGliTWVudUl0ZW1zID0gdGhpcy5saWJNZW51SXRlbXMubWFwKCh4KSA9PiB7XHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgLi4ueCxcclxuICAgICAgICBjb21tYW5kOiAoKSA9PiB7XHJcbiAgICAgICAgICB0aGlzLm5hdlRvTWVtYmVyRGV0YWlsKCk7XHJcbiAgICAgICAgfSxcclxuICAgICAgfTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgLy9VSSBMT0dJQ1xyXG4gIGdldFRvdGFsSXRpbmVyYXJ5TWVtYmVycygpOiB2b2lkIHtcclxuICAgIHRoaXMubG9hZGluZyA9IHRydWU7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbiA9IG9mKFtdKS5zdWJzY3JpYmUoKGRhdGE6IElJdGluZXJhcnlNZW1iZXJbXSkgPT4ge1xyXG4gICAgICB0aGlzLml0aW5lcmFyeU1lbWJlcnMgPSBkYXRhO1xyXG4gICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICAvL05BVklHQVRJT05TXHJcbiAgbmF2VG9NZW1iZXJEZXRhaWwoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUlksXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5DUkVBVEVfSVRJTkVSQVJZX01FTUJFUl9ERVRBSUxTLFxyXG4gICAgICAnMScsXHJcbiAgICBdKTtcclxuICB9XHJcblxyXG4gIGJhY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLmxvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcbn1cclxuIiwiPGFwcC1oZWFkZXIgaGVhZGluZz1cIlVzZXIgU2VhcmNoXCIgKGZpcnN0QnV0dG9uKT1cImJhY2soKVwiPjwvYXBwLWhlYWRlcj5cclxuPGRpdiBjbGFzcz1cInAtNFwiPlxyXG4gIDxsaWItdGV4dC1ib3hcclxuICAgIGNsYXNzPVwidGV4dGJveC0xXCJcclxuICAgIGxhYmVsPVwiSW52aXRlIHBlb3BsZSB0byB0aGlzIHBsYWNlXCJcclxuICA+PC9saWItdGV4dC1ib3g+XHJcblxyXG4gIDxoMyBjbGFzcz1cImZvbnQtQ2FsaXN0b2dhIHRleHQtbGcgbXQtMyBtYi0zXCI+VG90YWwgVXNlcnM8L2gzPlxyXG4gIDxwPjQgcGVvcGxlPC9wPlxyXG5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwibG9hZGluZ1wiPlxyXG4gICAgPGxpYi1pbmZvLWNhcmQtcGxhY2Vob2xkZXJcclxuICAgICAgW2F2YXRhcl09XCJ0cnVlXCJcclxuICAgICAgW2NvdW50XT1cIjVcIlxyXG4gICAgPjwvbGliLWluZm8tY2FyZC1wbGFjZWhvbGRlcj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgPG5nLXRlbXBsYXRlICNzdWZpeEFjdGlvbj5cclxuICAgIDxsaWItbWVudS1idG5cclxuICAgICAgaWQ9XCJsaWItbWVudS1idG5cIlxyXG4gICAgICBjbGFzcz1cImxpYi1tZW51LWN1c3RvbS1jbGFzcyBsaWItbWVudS1iZy1ub25lXCJcclxuICAgICAgW2Rpc2FibGVUZXh0U2hhZG93XT1cInRydWVcIlxyXG4gICAgICBbbWVudUl0ZW1zXT1cImxpYk1lbnVJdGVtc1wiXHJcbiAgICA+XHJcbiAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snaG9yaXpvbnRhbCddXCIgYWx0PVwiaWNvblwiIC8+XHJcbiAgICA8L2xpYi1tZW51LWJ0bj5cclxuICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICBAaWYgKCFsb2FkaW5nKSB7XHJcbiAgICA8ZGl2IGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtMSBsZzpncmlkLWNvbHMtMiB4bDpncmlkLWNvbHMtM1wiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpIG9mIGl0aW5lcmFyeU1lbWJlcnNcIj5cclxuICAgICAgICA8IS0tIDxhcHAtdXNlci10aWxlXHJcbiAgICAgICAgICBbbmFtZV09XCJpLm1lbWJlck5hbWVcIlxyXG4gICAgICAgICAgW2VtYWlsXT1cImkubWVtYmVyRW1haWxcIlxyXG4gICAgICAgICAgW2ltYWdlXT1cImkubWVtYmVyUGljXCJcclxuICAgICAgICAgIFtzdWZpeFRlbXBsYXRlXT1cInN1Zml4QWN0aW9uXCJcclxuICAgICAgICA+PC9hcHAtdXNlci10aWxlPiAtLT5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICB9XHJcblxyXG4gIDxociBjbGFzcz1cImRpdmlkZXIgbXQtMyBtYi0zXCIgLz5cclxuXHJcbiAgPGgzIGNsYXNzPVwiZm9udC1DYWxpc3RvZ2EgdGV4dC1sZyBtdC01IG1iLTRcIj5Db21tb24gaW50ZXJlc3RzPC9oMz5cclxuICA8bGliLXNlbGVjdGFibGUgW29wdGlvbnNdPVwiW29wdGlvbl1cIj48L2xpYi1zZWxlY3RhYmxlPlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgbXQtMlwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInJvdW5kZWQgb3ZlcmZsb3ctaGlkZGVuXCI+XHJcbiAgICAgIDxpbWdcclxuICAgICAgICBjbGFzcz1cInJvdW5kZWQtZnVsbFwiXHJcbiAgICAgICAgW3NyY109XCJJQ09OU1snZHVtbXlVc2VyUHJvZmlsZSddXCJcclxuICAgICAgICBoZWlnaHQ9XCIzMnB4XCJcclxuICAgICAgICB3aWR0aD1cIjMycHhcIlxyXG4gICAgICAvPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8c3BhbiBjbGFzcz1cIm1sLTJcIj5NYWtlbm5hIExldmluPC9zcGFuPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgbXQtNFwiPlxyXG4gICAgPGltZ1xyXG4gICAgICBjbGFzcz1cInJvdW5kZWQtZnVsbFwiXHJcbiAgICAgIFtzcmNdPVwiSUNPTlNbJ2R1bW15VXNlclByb2ZpbGUnXVwiXHJcbiAgICAgIGhlaWdodD1cIjMycHhcIlxyXG4gICAgICB3aWR0aD1cIjMycHhcIlxyXG4gICAgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwibWwtMlwiPkpha29iIFZhY2Nhcm88L3NwYW4+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -0,0 +1,61 @@
+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/common";
+import * as i2 from "@angular/router";
+import * as i3 from "../../../../../../_services/itinerary.service";
+import * as i4 from "@naniteninja/ionic-lib";
+import * as i5 from "../create-itinerary-header/create-itinerary-header.component";
+import * as i6 from "@ngx-translate/core";
+export class CreatedItineraryComponent {
+    location;
+    router;
+    cdr;
+    route;
+    itineraryService;
+    ICONS = ICONS;
+    isOpen = true;
+    itinerary;
+    //LIFE CYCLE
+    constructor(location, router, cdr, route, itineraryService) {
+        this.location = location;
+        this.router = router;
+        this.cdr = cdr;
+        this.route = route;
+        this.itineraryService = itineraryService;
+    }
+    ngOnInit() {
+        const id = this.route.snapshot.params['id'];
+        if (id) {
+            this.itineraryService.getById(id).subscribe({
+                next: (res) => {
+                    this.itinerary = res;
+                }
+            });
+        }
+    }
+    //UI LOGIC
+    showBottomModal() {
+        this.isOpen = true;
+        this.cdr.detectChanges();
+    }
+    //NAVIGATIONS
+    navToNextPage() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.CREATED_ITINERARY_PREVIEW,
+            this.itinerary?._id,
+        ]);
+    }
+    back() {
+        this.location.back();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatedItineraryComponent, deps: [{ token: i1.Location }, { token: i2.Router }, { token: i0.ChangeDetectorRef }, { token: i2.ActivatedRoute }, { token: i3.ItineraryService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreatedItineraryComponent, selector: "app-created-itinerary", ngImport: i0, template: "<app-create-itinerary-header\r\n  [progressBarValue]=\"65\"\r\n  heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<lib-bottom-modal\r\n  submitButtonTitle=\"Preview\"\r\n  [showArrow]=\"true\"\r\n  [(isOpen)]=\"isOpen\"\r\n  [adaptToContentHeight]=\"true\"\r\n  (submitModal)=\"navToNextPage()\"\r\n>\r\n  <div class=\"flex items-center justify-center px-5\">\r\n    <div class=\"flex items-center w-full\">\r\n      <div class=\"main-itini-preview w-full\">\r\n        <section class=\"mt-3 w-full\">\r\n          <div class=\"tracking-widest rounded-t-3xl\">\r\n            <div class=\"tracking-bottom-com\">\r\n              <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n                <div class=\"flex items-center gap-x-1 text-xs\">\r\n                  <img\r\n                    loading=\"lazy\"\r\n                    [src]=\"ICONS['locationWhite']\"\r\n                    alt=\"location\"\r\n                  />\r\n                  <span>2 {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span>\r\n                </div>\r\n                <div class=\"h-4 border w-0 border-secondary\"></div>\r\n                <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n                  <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n                  <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n                  <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n                </div>\r\n              </div>\r\n              <div\r\n                class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n              ></div>\r\n              <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n                <div\r\n                  class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n                >\r\n                  <div class=\"flex items-center justify-start gap-x-6\">\r\n                    <div\r\n                      class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n                    >\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        height=\"22\"\r\n                        width=\"18\"\r\n                        [src]=\"ICONS['startLocation']\"\r\n                        alt=\"\"\r\n                      />\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        loading=\"lazy\"\r\n                        class=\"dotted-line\"\r\n                        src=\"assets/images/dotted-line.svg\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"text\">\r\n                      <h2\r\n                        class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n                      >\r\n                        Shan-ul-haq haqee road\r\n                      </h2>\r\n                      <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                        Starting location\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"flex items-center gap-x-3\">\r\n                    <img\r\n                      class=\"w-[15px] h-[15px] cursor-pointer\"\r\n                      loading=\"lazy\"\r\n                      [src]=\"ICONS['editPink']\"\r\n                      alt=\"\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n\r\n                <div\r\n                  class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n                >\r\n                  <div class=\"flex items-center justify-start gap-x-6\">\r\n                    <div\r\n                      class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n                    >\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        height=\"22\"\r\n                        width=\"18\"\r\n                        [src]=\"ICONS['restu']\"\r\n                        alt=\"\"\r\n                      />\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        loading=\"lazy\"\r\n                        class=\"dotted-line\"\r\n                        src=\"assets/images/dotted-line.svg\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"text\">\r\n                      <h2\r\n                        class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n                      >\r\n                        Kabul tikka\r\n                      </h2>\r\n                      <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                        Afghan cuisine\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"flex items-center gap-x-3\">\r\n                    <img\r\n                      loading=\"lazy\"\r\n                      [src]=\"ICONS['hamburger']\"\r\n                      alt=\"\"\r\n                      class=\"w-[15px] h-[15px] cursor-pointer\"\r\n                    />\r\n                    <img\r\n                      loading=\"lazy\"\r\n                      [src]=\"ICONS['deletePink']\"\r\n                      alt=\"\"\r\n                      class=\"w-[15px] h-[15px] cursor-pointer\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n\r\n                <div\r\n                  class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n                >\r\n                  <div class=\"flex items-center justify-start gap-x-6\">\r\n                    <div\r\n                      class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n                    >\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        height=\"22\"\r\n                        width=\"18\"\r\n                        [src]=\"ICONS['restu']\"\r\n                        alt=\"\"\r\n                      />\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        loading=\"lazy\"\r\n                        class=\"dotted-line\"\r\n                        src=\"assets/images/dotted-line.svg\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"text\">\r\n                      <h2\r\n                        class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n                      >\r\n                        Quetta TNT\r\n                      </h2>\r\n                      <p class=\"f-xs text-secondary text-xs mb-1\">Tea Coffee</p>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"flex items-center gap-x-3\">\r\n                    <img\r\n                      loading=\"lazy\"\r\n                      [src]=\"ICONS['hamburger']\"\r\n                      alt=\"\"\r\n                      class=\"w-[15px] h-[15px] cursor-pointer\"\r\n                    />\r\n                    <img\r\n                      loading=\"lazy\"\r\n                      [src]=\"ICONS['deletePink']\"\r\n                      alt=\"\"\r\n                      class=\"w-[15px] h-[15px] cursor-pointer\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</lib-bottom-modal>\r\n<div\r\n  (click)=\"showBottomModal()\"\r\n  class=\"absolute bottom-0 cursor-pointer z-10\"\r\n  style=\"left: 50%\"\r\n>\r\n  <img\r\n    style=\"transform: rotate(270deg)\"\r\n    [src]=\"ICONS['rightArrow']\"\r\n    alt=\"icon\"\r\n    height=\"15\"\r\n    width=\"15\"\r\n  />\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:30px;top:35px}.normal-text{color:#fff}\n"], dependencies: [{ kind: "component", type: i4.BottomModalComponent, selector: "lib-bottom-modal", inputs: ["breakpoints", "initialBreakpoint", "isOpen", "canDismiss", "showArrow", "showBackBtn", "showConfirm", "showCloseBtn", "loading", "showHeaderSeparator", "title", "confirmationTitle", "confirmationMsg", "confirmButton", "confirmCancelButton", "description", "secondaryButtonTitle", "submitButtonTitle", "cancelButtonTitle", "validModal", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "breakpointChange", "closeModal", "submitModal", "secondaryButtonClick", "backClick", "showConfirmChange", "confirmEvent"] }, { kind: "directive", type: i4.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.CreateItineraryHeaderComponent, selector: "app-create-itinerary-header", inputs: ["heading", "progressBarValue", "discardItineraryId", "class"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatedItineraryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-created-itinerary', changeDetection: ChangeDetectionStrategy.OnPush, template: "<app-create-itinerary-header\r\n  [progressBarValue]=\"65\"\r\n  heading=\"Create Itinerary\"\r\n></app-create-itinerary-header>\r\n<lib-map class=\"maps-100vh\"></lib-map>\r\n<lib-bottom-modal\r\n  submitButtonTitle=\"Preview\"\r\n  [showArrow]=\"true\"\r\n  [(isOpen)]=\"isOpen\"\r\n  [adaptToContentHeight]=\"true\"\r\n  (submitModal)=\"navToNextPage()\"\r\n>\r\n  <div class=\"flex items-center justify-center px-5\">\r\n    <div class=\"flex items-center w-full\">\r\n      <div class=\"main-itini-preview w-full\">\r\n        <section class=\"mt-3 w-full\">\r\n          <div class=\"tracking-widest rounded-t-3xl\">\r\n            <div class=\"tracking-bottom-com\">\r\n              <div class=\"ml-auto flex items-center justify-center gap-x-2\">\r\n                <div class=\"flex items-center gap-x-1 text-xs\">\r\n                  <img\r\n                    loading=\"lazy\"\r\n                    [src]=\"ICONS['locationWhite']\"\r\n                    alt=\"location\"\r\n                  />\r\n                  <span>2 {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span>\r\n                </div>\r\n                <div class=\"h-4 border w-0 border-secondary\"></div>\r\n                <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n                  <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n                  <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n                  <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n                </div>\r\n              </div>\r\n              <div\r\n                class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n              ></div>\r\n              <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n                <div\r\n                  class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n                >\r\n                  <div class=\"flex items-center justify-start gap-x-6\">\r\n                    <div\r\n                      class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n                    >\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        height=\"22\"\r\n                        width=\"18\"\r\n                        [src]=\"ICONS['startLocation']\"\r\n                        alt=\"\"\r\n                      />\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        loading=\"lazy\"\r\n                        class=\"dotted-line\"\r\n                        src=\"assets/images/dotted-line.svg\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"text\">\r\n                      <h2\r\n                        class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n                      >\r\n                        Shan-ul-haq haqee road\r\n                      </h2>\r\n                      <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                        Starting location\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"flex items-center gap-x-3\">\r\n                    <img\r\n                      class=\"w-[15px] h-[15px] cursor-pointer\"\r\n                      loading=\"lazy\"\r\n                      [src]=\"ICONS['editPink']\"\r\n                      alt=\"\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n\r\n                <div\r\n                  class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n                >\r\n                  <div class=\"flex items-center justify-start gap-x-6\">\r\n                    <div\r\n                      class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n                    >\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        height=\"22\"\r\n                        width=\"18\"\r\n                        [src]=\"ICONS['restu']\"\r\n                        alt=\"\"\r\n                      />\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        loading=\"lazy\"\r\n                        class=\"dotted-line\"\r\n                        src=\"assets/images/dotted-line.svg\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"text\">\r\n                      <h2\r\n                        class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n                      >\r\n                        Kabul tikka\r\n                      </h2>\r\n                      <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                        Afghan cuisine\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"flex items-center gap-x-3\">\r\n                    <img\r\n                      loading=\"lazy\"\r\n                      [src]=\"ICONS['hamburger']\"\r\n                      alt=\"\"\r\n                      class=\"w-[15px] h-[15px] cursor-pointer\"\r\n                    />\r\n                    <img\r\n                      loading=\"lazy\"\r\n                      [src]=\"ICONS['deletePink']\"\r\n                      alt=\"\"\r\n                      class=\"w-[15px] h-[15px] cursor-pointer\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n\r\n                <div\r\n                  class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n                >\r\n                  <div class=\"flex items-center justify-start gap-x-6\">\r\n                    <div\r\n                      class=\"z-50 icon w-8 h-8 outset-shadow flex items-center justify-center rounded-full relative\"\r\n                    >\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        height=\"22\"\r\n                        width=\"18\"\r\n                        [src]=\"ICONS['restu']\"\r\n                        alt=\"\"\r\n                      />\r\n                      <img\r\n                        loading=\"lazy\"\r\n                        loading=\"lazy\"\r\n                        class=\"dotted-line\"\r\n                        src=\"assets/images/dotted-line.svg\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"text\">\r\n                      <h2\r\n                        class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\"\r\n                      >\r\n                        Quetta TNT\r\n                      </h2>\r\n                      <p class=\"f-xs text-secondary text-xs mb-1\">Tea Coffee</p>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"flex items-center gap-x-3\">\r\n                    <img\r\n                      loading=\"lazy\"\r\n                      [src]=\"ICONS['hamburger']\"\r\n                      alt=\"\"\r\n                      class=\"w-[15px] h-[15px] cursor-pointer\"\r\n                    />\r\n                    <img\r\n                      loading=\"lazy\"\r\n                      [src]=\"ICONS['deletePink']\"\r\n                      alt=\"\"\r\n                      class=\"w-[15px] h-[15px] cursor-pointer\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</lib-bottom-modal>\r\n<div\r\n  (click)=\"showBottomModal()\"\r\n  class=\"absolute bottom-0 cursor-pointer z-10\"\r\n  style=\"left: 50%\"\r\n>\r\n  <img\r\n    style=\"transform: rotate(270deg)\"\r\n    [src]=\"ICONS['rightArrow']\"\r\n    alt=\"icon\"\r\n    height=\"15\"\r\n    width=\"15\"\r\n  />\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:30px;top:35px}.normal-text{color:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Location }, { type: i2.Router }, { type: i0.ChangeDetectorRef }, { type: i2.ActivatedRoute }, { type: i3.ItineraryService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlZC1pdGluZXJhcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvbW9kdWxlcy9pdGluZXJhcmllcy9wYWdlcy9idWlsZGVyL3BhZ2VzL2NyZWF0ZWQtaXRpbmVyYXJ5L2NyZWF0ZWQtaXRpbmVyYXJ5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvYnVpbGRlci9wYWdlcy9jcmVhdGVkLWl0aW5lcmFyeS9jcmVhdGVkLWl0aW5lcmFyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUl0RixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7Ozs7Ozs7O0FBUy9ELE1BQU0sT0FBTyx5QkFBeUI7SUFPMUI7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQVZWLEtBQUssR0FBVSxLQUFLLENBQUM7SUFDckIsTUFBTSxHQUFZLElBQUksQ0FBQztJQUN2QixTQUFTLENBQXlCO0lBRWxDLFlBQVk7SUFDWixZQUNVLFFBQWtCLEVBQ2xCLE1BQWMsRUFDZCxHQUFzQixFQUN0QixLQUFxQixFQUNyQixnQkFBa0M7UUFKbEMsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNsQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsVUFBSyxHQUFMLEtBQUssQ0FBZ0I7UUFDckIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtJQUN4QyxDQUFDO0lBRUwsUUFBUTtRQUNOLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1QyxJQUFJLEVBQUUsRUFBRTtZQUNOLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUMxQyxJQUFJLEVBQUUsQ0FBQyxHQUFlLEVBQUUsRUFBRTtvQkFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxHQUFHLENBQUM7Z0JBQ3ZCLENBQUM7YUFDRixDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxVQUFVO0lBQ1YsZUFBZTtRQUNiLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGFBQWE7SUFDYixhQUFhO1FBQ1gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7WUFDbkIscUJBQXFCLENBQUMsU0FBUztZQUMvQixxQkFBcUIsQ0FBQyx5QkFBeUI7WUFDL0MsSUFBSSxDQUFDLFNBQVMsRUFBRSxHQUFHO1NBQ3BCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO3dHQXpDVSx5QkFBeUI7NEZBQXpCLHlCQUF5Qiw2RENwQnRDLG8xUEFrTUE7OzRGRDlLYSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0UsdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBPbkluaXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEl0aW5lcmFyaWVzUm91dGVzRW51bSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL19lbnVtcy9JdGVuYXJpZXNSb3V0ZXMuZW51bSc7XHJcbmltcG9ydCB7IElpY29uIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vX2ludGVyZmFjZS9pY29uJztcclxuaW1wb3J0IHsgSUl0aW5lcmFyeSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL19tb2RlbHMvaS1JdGluZXJhcnknO1xyXG5pbXBvcnQgeyBJdGluZXJhcnlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vX3NlcnZpY2VzL2l0aW5lcmFyeS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgSUNPTlMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9fY29uc3RhbnRzL2NvbnN0YW50cyc7XHJcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY3JlYXRlZC1pdGluZXJhcnknLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jcmVhdGVkLWl0aW5lcmFyeS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NyZWF0ZWQtaXRpbmVyYXJ5LmNvbXBvbmVudC5jc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3JlYXRlZEl0aW5lcmFyeUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgSUNPTlM6IElpY29uID0gSUNPTlM7XHJcbiAgaXNPcGVuOiBib29sZWFuID0gdHJ1ZTtcclxuICBpdGluZXJhcnk6IElJdGluZXJhcnkgfCB1bmRlZmluZWQ7XHJcblxyXG4gIC8vTElGRSBDWUNMRVxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBsb2NhdGlvbjogTG9jYXRpb24sXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSByb3V0ZTogQWN0aXZhdGVkUm91dGUsXHJcbiAgICBwcml2YXRlIGl0aW5lcmFyeVNlcnZpY2U6IEl0aW5lcmFyeVNlcnZpY2UsXHJcbiAgKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCBpZCA9IHRoaXMucm91dGUuc25hcHNob3QucGFyYW1zWydpZCddO1xyXG4gICAgaWYgKGlkKSB7XHJcbiAgICAgIHRoaXMuaXRpbmVyYXJ5U2VydmljZS5nZXRCeUlkKGlkKS5zdWJzY3JpYmUoe1xyXG4gICAgICAgIG5leHQ6IChyZXM6IElJdGluZXJhcnkpID0+IHtcclxuICAgICAgICAgIHRoaXMuaXRpbmVyYXJ5ID0gcmVzO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvL1VJIExPR0lDXHJcbiAgc2hvd0JvdHRvbU1vZGFsKCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc09wZW4gPSB0cnVlO1xyXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgLy9OQVZJR0FUSU9OU1xyXG4gIG5hdlRvTmV4dFBhZ2UoKSB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5JVElORVJBUlksXHJcbiAgICAgIEl0aW5lcmFyaWVzUm91dGVzRW51bS5DUkVBVEVEX0lUSU5FUkFSWV9QUkVWSUVXLFxyXG4gICAgICB0aGlzLml0aW5lcmFyeT8uX2lkLFxyXG4gICAgXSk7XHJcbiAgfVxyXG4gIGJhY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLmxvY2F0aW9uLmJhY2soKTtcclxuICB9XHJcbn1cclxuIiwiPGFwcC1jcmVhdGUtaXRpbmVyYXJ5LWhlYWRlclxyXG4gIFtwcm9ncmVzc0JhclZhbHVlXT1cIjY1XCJcclxuICBoZWFkaW5nPVwiQ3JlYXRlIEl0aW5lcmFyeVwiXHJcbj48L2FwcC1jcmVhdGUtaXRpbmVyYXJ5LWhlYWRlcj5cclxuPGxpYi1tYXAgY2xhc3M9XCJtYXBzLTEwMHZoXCI+PC9saWItbWFwPlxyXG48bGliLWJvdHRvbS1tb2RhbFxyXG4gIHN1Ym1pdEJ1dHRvblRpdGxlPVwiUHJldmlld1wiXHJcbiAgW3Nob3dBcnJvd109XCJ0cnVlXCJcclxuICBbKGlzT3BlbildPVwiaXNPcGVuXCJcclxuICBbYWRhcHRUb0NvbnRlbnRIZWlnaHRdPVwidHJ1ZVwiXHJcbiAgKHN1Ym1pdE1vZGFsKT1cIm5hdlRvTmV4dFBhZ2UoKVwiXHJcbj5cclxuICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgcHgtNVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIHctZnVsbFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibWFpbi1pdGluaS1wcmV2aWV3IHctZnVsbFwiPlxyXG4gICAgICAgIDxzZWN0aW9uIGNsYXNzPVwibXQtMyB3LWZ1bGxcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0cmFja2luZy13aWRlc3Qgcm91bmRlZC10LTN4bFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidHJhY2tpbmctYm90dG9tLWNvbVwiPlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbC1hdXRvIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGdhcC14LTJcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBnYXAteC0xIHRleHQteHNcIj5cclxuICAgICAgICAgICAgICAgICAgPGltZ1xyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcclxuICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIklDT05TWydsb2NhdGlvbldoaXRlJ11cIlxyXG4gICAgICAgICAgICAgICAgICAgIGFsdD1cImxvY2F0aW9uXCJcclxuICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgICAgPHNwYW4+MiB7eyBcIklUSU5FUkFSWV9TVU1NQVJZLlBMQUNFU1wiIHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaC00IGJvcmRlciB3LTAgYm9yZGVyLXNlY29uZGFyeVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGdhcC14LTIgdGV4dC14c1wiPlxyXG4gICAgICAgICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJJQ09OU1snY2xvY2snXVwiIGFsdD1cIlwiIC8+XHJcbiAgICAgICAgICAgICAgICAgIDxzcGFuPjQ1IHt7IFwiREFURV9USU1FLk1JTlVURVNcIiB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXNlY29uZGFyeSBmb250LXRoaW5cIj4oNi42IEttKTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYm9yZGVyIGJvcmRlci1kYXNoZWQgb3BhY2l0eS01NSByb3RhdGUtOTAgYWJzb2x1dGUgLWxlZnQtNiB0b3AtMzZcIlxyXG4gICAgICAgICAgICAgID48L2Rpdj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9udC1HaWxyb3kgbXQtNSBtYi0zIGZsZXggZmxleC1jb2wgZ2FwLXktNVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlbiB3LWZ1bGwgZ2FwLXgtNCBtYi0xXCJcclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktc3RhcnQgZ2FwLXgtNlwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiei01MCBpY29uIHctOCBoLTggb3V0c2V0LXNoYWRvdyBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciByb3VuZGVkLWZ1bGwgcmVsYXRpdmVcIlxyXG4gICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICAgICAgICAgICAgbG9hZGluZz1cImxhenlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCIyMlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMThcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIklDT05TWydzdGFydExvY2F0aW9uJ11cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBhbHQ9XCJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICAgICAgICAgICAgbG9hZGluZz1cImxhenlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZG90dGVkLWxpbmVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzcmM9XCJhc3NldHMvaW1hZ2VzL2RvdHRlZC1saW5lLnN2Z1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8aDJcclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmLXNtIGYteHMgZmxleCBpdGVtcy1jZW50ZXIgZ2FwLXgtMSB0ZXh0LXhzIG1iLTFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBTaGFuLXVsLWhhcSBoYXFlZSByb2FkXHJcbiAgICAgICAgICAgICAgICAgICAgICA8L2gyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJmLXhzIHRleHQtc2Vjb25kYXJ5IHRleHQteHMgbWItMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBTdGFydGluZyBsb2NhdGlvblxyXG4gICAgICAgICAgICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGdhcC14LTNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInctWzE1cHhdIGgtWzE1cHhdIGN1cnNvci1wb2ludGVyXCJcclxuICAgICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcclxuICAgICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiSUNPTlNbJ2VkaXRQaW5rJ11cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgYWx0PVwiXCJcclxuICAgICAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gdy1mdWxsIGdhcC14LTQgbWItMVwiXHJcbiAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LXN0YXJ0IGdhcC14LTZcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInotNTAgaWNvbiB3LTggaC04IG91dHNldC1zaGFkb3cgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgcm91bmRlZC1mdWxsIHJlbGF0aXZlXCJcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiMjJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjE4XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW3NyY109XCJJQ09OU1sncmVzdHUnXVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGltZ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJkb3R0ZWQtbGluZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNyYz1cImFzc2V0cy9pbWFnZXMvZG90dGVkLWxpbmUuc3ZnXCJcclxuICAgICAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxoMlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImYtc20gZi14cyBmbGV4IGl0ZW1zLWNlbnRlciBnYXAteC0xIHRleHQteHMgbWItMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIEthYnVsIHRpa2thXHJcbiAgICAgICAgICAgICAgICAgICAgICA8L2gyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJmLXhzIHRleHQtc2Vjb25kYXJ5IHRleHQteHMgbWItMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBBZmdoYW4gY3Vpc2luZVxyXG4gICAgICAgICAgICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGdhcC14LTNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIklDT05TWydoYW1idXJnZXInXVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICBhbHQ9XCJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ3LVsxNXB4XSBoLVsxNXB4XSBjdXJzb3ItcG9pbnRlclwiXHJcbiAgICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIklDT05TWydkZWxldGVQaW5rJ11cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgYWx0PVwiXCJcclxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidy1bMTVweF0gaC1bMTVweF0gY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlbiB3LWZ1bGwgZ2FwLXgtNCBtYi0xXCJcclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktc3RhcnQgZ2FwLXgtNlwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiei01MCBpY29uIHctOCBoLTggb3V0c2V0LXNoYWRvdyBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciByb3VuZGVkLWZ1bGwgcmVsYXRpdmVcIlxyXG4gICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICAgICAgICAgICAgbG9hZGluZz1cImxhenlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCIyMlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMThcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIklDT05TWydyZXN0dSddXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgYWx0PVwiXCJcclxuICAgICAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgbG9hZGluZz1cImxhenlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImRvdHRlZC1saW5lXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgc3JjPVwiYXNzZXRzL2ltYWdlcy9kb3R0ZWQtbGluZS5zdmdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGgyXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZi1zbSBmLXhzIGZsZXggaXRlbXMtY2VudGVyIGdhcC14LTEgdGV4dC14cyBtYi0xXCJcclxuICAgICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgUXVldHRhIFROVFxyXG4gICAgICAgICAgICAgICAgICAgICAgPC9oMj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwiZi14cyB0ZXh0LXNlY29uZGFyeSB0ZXh0LXhzIG1iLTFcIj5UZWEgQ29mZmVlPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGdhcC14LTNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIklDT05TWydoYW1idXJnZXInXVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICBhbHQ9XCJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ3LVsxNXB4XSBoLVsxNXB4XSBjdXJzb3ItcG9pbnRlclwiXHJcbiAgICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIklDT05TWydkZWxldGVQaW5rJ11cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgYWx0PVwiXCJcclxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidy1bMTVweF0gaC1bMTVweF0gY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9zZWN0aW9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2xpYi1ib3R0b20tbW9kYWw+XHJcbjxkaXZcclxuICAoY2xpY2spPVwic2hvd0JvdHRvbU1vZGFsKClcIlxyXG4gIGNsYXNzPVwiYWJzb2x1dGUgYm90dG9tLTAgY3Vyc29yLXBvaW50ZXIgei0xMFwiXHJcbiAgc3R5bGU9XCJsZWZ0OiA1MCVcIlxyXG4+XHJcbiAgPGltZ1xyXG4gICAgc3R5bGU9XCJ0cmFuc2Zvcm06IHJvdGF0ZSgyNzBkZWcpXCJcclxuICAgIFtzcmNdPVwiSUNPTlNbJ3JpZ2h0QXJyb3cnXVwiXHJcbiAgICBhbHQ9XCJpY29uXCJcclxuICAgIGhlaWdodD1cIjE1XCJcclxuICAgIHdpZHRoPVwiMTVcIlxyXG4gIC8+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -0,0 +1,38 @@
+import { Component } from '@angular/core';
+import { ICONS } from '../../../../../../../_constants/constants';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../../../_services/location.service";
+import * as i2 from "../../../../../../../_services/api.service";
+import * as i3 from "@angular/common";
+import * as i4 from "../../../../../../../shared/users-stack/users-stack.component";
+import * as i5 from "../../../../../../../shared/user-stack-tile/user-stack-tile.component";
+import * as i6 from "@naniteninja/ionic-lib";
+import * as i7 from "@ngx-translate/core";
+export class CreatedItineraryDetailComponent {
+    locationService;
+    apiService;
+    initialLocation = { lat: 24.8607, lng: 67.0011 }; // Centered on California
+    ICONS = ICONS;
+    usersImageSrc = '/assets/images/users.png';
+    places = [];
+    constructor(locationService, apiService) {
+        this.locationService = locationService;
+        this.apiService = apiService;
+    }
+    ngOnInit() {
+        this.apiService.get('/assets/ItinerariesData.json').subscribe((data) => {
+            this.places = data;
+        });
+        this.locationService.getCurrentLocation().subscribe((location) => {
+            this.initialLocation.lat = location.lat;
+            this.initialLocation.lng = location.long;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatedItineraryDetailComponent, deps: [{ token: i1.LocationService }, { token: i2.ApiService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreatedItineraryDetailComponent, selector: "app-created-itinerary-detail", ngImport: i0, template: "<div class=\"px-5 py-6\">\r\n  <h2 class=\"\">{{ \"ITINERARY_SUMMARY.ROUTE\" | translate }}</h2>\r\n  <div class=\"main-itini-preview\">\r\n    <section class=\"mt-3 w-full\">\r\n      <div class=\"tracking-widest rounded-t-3xl\">\r\n        <div class=\"tracking-bottom-com\">\r\n          <div class=\"flex items-center justify-center gap-x-2\">\r\n            <div class=\"flex items-center gap-x-1 text-xs\">\r\n              <img loading=\"lazy\" [src]=\"ICONS['locationWhite']\" alt=\"location\" />\r\n              <span\r\n                >{{ places.length }}\r\n                {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span\r\n              >\r\n            </div>\r\n            <div class=\"h-4 border w-0 border-secondary\"></div>\r\n            <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n              <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n              <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n              <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n          ></div>\r\n          <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n            <div\r\n              *ngFor=\"let place of places; let i = index\"\r\n              class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n            >\r\n              <div class=\"flex items-center justify-start gap-x-6\">\r\n                <div\r\n                  class=\"z-50 icon outset-shadow flex items-center justify-center rounded-full h-8 w-8 relative\"\r\n                >\r\n                  <img\r\n                    loading=\"lazy\"\r\n                    height=\"22\"\r\n                    width=\"18\"\r\n                    [src]=\"ICONS['restu']\"\r\n                    alt=\"\"\r\n                  />\r\n                  <img\r\n                    loading=\"lazy\"\r\n                    loading=\"lazy\"\r\n                    *ngIf=\"i !== places.length - 1\"\r\n                    class=\"dotted-line\"\r\n                    src=\"assets/images/dotted-line.svg\"\r\n                  />\r\n                </div>\r\n                <div class=\"text\">\r\n                  <h2 class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\">\r\n                    {{ place.name }}\r\n                    <img loading=\"lazy\" [src]=\"ICONS['enLocation']\" alt=\"\" />\r\n                  </h2>\r\n                  <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                    {{ place.description }}\r\n                  </p>\r\n                  <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                    {{ place.distance }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n              <div class=\"flex items-center gap-x-3\">\r\n                <img\r\n                  loading=\"lazy\"\r\n                  [src]=\"ICONS['groupBinBar']\"\r\n                  alt=\"\"\r\n                  class=\"cursor-pointer\"\r\n                />\r\n              </div>\r\n              <div class=\"flex items-center gap-x-3\">\r\n                <app-users-stack [size]=\"29\"></app-users-stack>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n\r\n  <hr class=\"divider mt-3\" />\r\n\r\n  <div class=\"mt-4\">\r\n    <p class=\"bottom-section-heading mt-2 mb-1\">\r\n      {{ \"ITINERARY_SUMMARY.TOTAL_MEMBER\" | translate }}\r\n    </p>\r\n\r\n    <app-user-stack-tile\r\n      label=\"4 People\"\r\n      [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\"\r\n      [maxVisible]=\"4\"\r\n    ></app-user-stack-tile>\r\n  </div>\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:100px;top:10px}.normal-text{color:#fff}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.UsersStackComponent, selector: "app-users-stack", inputs: ["images", "maxVisible", "size", "loading", "class", "isSelectableVisible", "selectableOption"] }, { kind: "component", type: i5.UserStackTileComponent, selector: "app-user-stack-tile", inputs: ["class", "buttonText", "label", "images", "maxVisible", "size", "isSelectableVisible", "selectableOption"], outputs: ["onClick"] }, { kind: "directive", type: i6.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatedItineraryDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-created-itinerary-detail', template: "<div class=\"px-5 py-6\">\r\n  <h2 class=\"\">{{ \"ITINERARY_SUMMARY.ROUTE\" | translate }}</h2>\r\n  <div class=\"main-itini-preview\">\r\n    <section class=\"mt-3 w-full\">\r\n      <div class=\"tracking-widest rounded-t-3xl\">\r\n        <div class=\"tracking-bottom-com\">\r\n          <div class=\"flex items-center justify-center gap-x-2\">\r\n            <div class=\"flex items-center gap-x-1 text-xs\">\r\n              <img loading=\"lazy\" [src]=\"ICONS['locationWhite']\" alt=\"location\" />\r\n              <span\r\n                >{{ places.length }}\r\n                {{ \"ITINERARY_SUMMARY.PLACES\" | translate }}</span\r\n              >\r\n            </div>\r\n            <div class=\"h-4 border w-0 border-secondary\"></div>\r\n            <div class=\"flex items-center justify-center gap-x-2 text-xs\">\r\n              <img loading=\"lazy\" [src]=\"ICONS['clock']\" alt=\"\" />\r\n              <span>45 {{ \"DATE_TIME.MINUTES\" | translate }}</span>\r\n              <span class=\"text-secondary font-thin\">(6.6 Km)</span>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"border border-dashed opacity-55 rotate-90 absolute -left-6 top-36\"\r\n          ></div>\r\n          <div class=\"font-Gilroy mt-5 mb-3 flex flex-col gap-y-5\">\r\n            <div\r\n              *ngFor=\"let place of places; let i = index\"\r\n              class=\"flex items-center justify-between w-full gap-x-4 mb-1\"\r\n            >\r\n              <div class=\"flex items-center justify-start gap-x-6\">\r\n                <div\r\n                  class=\"z-50 icon outset-shadow flex items-center justify-center rounded-full h-8 w-8 relative\"\r\n                >\r\n                  <img\r\n                    loading=\"lazy\"\r\n                    height=\"22\"\r\n                    width=\"18\"\r\n                    [src]=\"ICONS['restu']\"\r\n                    alt=\"\"\r\n                  />\r\n                  <img\r\n                    loading=\"lazy\"\r\n                    loading=\"lazy\"\r\n                    *ngIf=\"i !== places.length - 1\"\r\n                    class=\"dotted-line\"\r\n                    src=\"assets/images/dotted-line.svg\"\r\n                  />\r\n                </div>\r\n                <div class=\"text\">\r\n                  <h2 class=\"f-sm f-xs flex items-center gap-x-1 text-xs mb-1\">\r\n                    {{ place.name }}\r\n                    <img loading=\"lazy\" [src]=\"ICONS['enLocation']\" alt=\"\" />\r\n                  </h2>\r\n                  <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                    {{ place.description }}\r\n                  </p>\r\n                  <p class=\"f-xs text-secondary text-xs mb-1\">\r\n                    {{ place.distance }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n              <div class=\"flex items-center gap-x-3\">\r\n                <img\r\n                  loading=\"lazy\"\r\n                  [src]=\"ICONS['groupBinBar']\"\r\n                  alt=\"\"\r\n                  class=\"cursor-pointer\"\r\n                />\r\n              </div>\r\n              <div class=\"flex items-center gap-x-3\">\r\n                <app-users-stack [size]=\"29\"></app-users-stack>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n\r\n  <hr class=\"divider mt-3\" />\r\n\r\n  <div class=\"mt-4\">\r\n    <p class=\"bottom-section-heading mt-2 mb-1\">\r\n      {{ \"ITINERARY_SUMMARY.TOTAL_MEMBER\" | translate }}\r\n    </p>\r\n\r\n    <app-user-stack-tile\r\n      label=\"4 People\"\r\n      [buttonText]=\"'ITINERARY_SUMMARY.VIEW_MORE' | translate\"\r\n      [maxVisible]=\"4\"\r\n    ></app-user-stack-tile>\r\n  </div>\r\n</div>\r\n", styles: ["*{font-family:var(--font-gilroy-regular)}.main-itini-preview,.tracking-bottom-com{font-family:Gilroy-Regular!important}.tracking-bottom-com,.text{font-family:Gilroy-Regular!important;font-size:12px!important}.bottom-section-heading{font-style:normal;font-weight:600;font-size:13.13px;line-height:160%;color:#fff}.view-more-div{font-size:14px}.view-more-text{font-style:normal;font-weight:500;line-height:15px;color:#fe3c72;margin-left:10px}.view-more{font-style:normal;font-weight:500;font-size:10px;line-height:15px;color:#fe3c72;margin-left:10px}.dotted-line{position:absolute;width:2px;height:100px;top:10px}.normal-text{color:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: i1.LocationService }, { type: i2.ApiService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlZC1pdGluZXJhcnktZGV0YWlsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvYnVpbGRlci9wYWdlcy9jcmVhdGVkLWl0aW5lcmFyeS1wcmV2aWV3L2NyZWF0ZWQtaXRpbmVyYXJ5LWRldGFpbC9jcmVhdGVkLWl0aW5lcmFyeS1kZXRhaWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvbW9kdWxlcy9pdGluZXJhcmllcy9wYWdlcy9idWlsZGVyL3BhZ2VzL2NyZWF0ZWQtaXRpbmVyYXJ5LXByZXZpZXcvY3JlYXRlZC1pdGluZXJhcnktZGV0YWlsL2NyZWF0ZWQtaXRpbmVyYXJ5LWRldGFpbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSTFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQzs7Ozs7Ozs7O0FBT2xFLE1BQU0sT0FBTywrQkFBK0I7SUFRakM7SUFDQTtJQVJULGVBQWUsR0FBRyxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUMseUJBQXlCO0lBQzNFLEtBQUssR0FBOEIsS0FBSyxDQUFDO0lBQ3pDLGFBQWEsR0FBRywwQkFBMEIsQ0FBQztJQUUzQyxNQUFNLEdBQWlCLEVBQUUsQ0FBQztJQUUxQixZQUNTLGVBQWdDLEVBQ2hDLFVBQXNCO1FBRHRCLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoQyxlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQzVCLENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsOEJBQThCLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUNyRSxJQUFJLENBQUMsTUFBTSxHQUFHLElBQW9CLENBQUM7UUFDckMsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsZUFBZSxDQUFDLGtCQUFrQixFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDL0QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLEdBQUcsUUFBUSxDQUFDLEdBQUcsQ0FBQztZQUN4QyxJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDO1FBQzNDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt3R0FwQlUsK0JBQStCOzRGQUEvQiwrQkFBK0Isb0VDWDVDLHl3SEE2RkE7OzRGRGxGYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7IFxyXG5pbXBvcnQgeyBJSXRpbmVyYXJ5IH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vLi4vX21vZGVscy9pLUl0aW5lcmFyeSc7XHJcbmltcG9ydCB7IEFwaVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi8uLi9fc2VydmljZXMvYXBpLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBMb2NhdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi8uLi9fc2VydmljZXMvbG9jYXRpb24uc2VydmljZSc7XHJcbmltcG9ydCB7IElDT05TIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vLi4vX2NvbnN0YW50cy9jb25zdGFudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY3JlYXRlZC1pdGluZXJhcnktZGV0YWlsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3JlYXRlZC1pdGluZXJhcnktZGV0YWlsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY3JlYXRlZC1pdGluZXJhcnktZGV0YWlsLmNvbXBvbmVudC5jc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3JlYXRlZEl0aW5lcmFyeURldGFpbENvbXBvbmVudCB7XHJcbiAgaW5pdGlhbExvY2F0aW9uID0geyBsYXQ6IDI0Ljg2MDcsIGxuZzogNjcuMDAxMSB9OyAvLyBDZW50ZXJlZCBvbiBDYWxpZm9ybmlhXHJcbiAgSUNPTlM6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0gPSBJQ09OUztcclxuICB1c2Vyc0ltYWdlU3JjID0gJy9hc3NldHMvaW1hZ2VzL3VzZXJzLnBuZyc7XHJcblxyXG4gIHBsYWNlczogSUl0aW5lcmFyeVtdID0gW107XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGxvY2F0aW9uU2VydmljZTogTG9jYXRpb25TZXJ2aWNlLFxyXG4gICAgcHVibGljIGFwaVNlcnZpY2U6IEFwaVNlcnZpY2UsXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYXBpU2VydmljZS5nZXQoJy9hc3NldHMvSXRpbmVyYXJpZXNEYXRhLmpzb24nKS5zdWJzY3JpYmUoKGRhdGEpID0+IHtcclxuICAgICAgdGhpcy5wbGFjZXMgPSBkYXRhIGFzIElJdGluZXJhcnlbXTtcclxuICAgIH0pO1xyXG4gICAgdGhpcy5sb2NhdGlvblNlcnZpY2UuZ2V0Q3VycmVudExvY2F0aW9uKCkuc3Vic2NyaWJlKChsb2NhdGlvbikgPT4ge1xyXG4gICAgICB0aGlzLmluaXRpYWxMb2NhdGlvbi5sYXQgPSBsb2NhdGlvbi5sYXQ7XHJcbiAgICAgIHRoaXMuaW5pdGlhbExvY2F0aW9uLmxuZyA9IGxvY2F0aW9uLmxvbmc7XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInB4LTUgcHktNlwiPlxyXG4gIDxoMiBjbGFzcz1cIlwiPnt7IFwiSVRJTkVSQVJZX1NVTU1BUlkuUk9VVEVcIiB8IHRyYW5zbGF0ZSB9fTwvaDI+XHJcbiAgPGRpdiBjbGFzcz1cIm1haW4taXRpbmktcHJldmlld1wiPlxyXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJtdC0zIHctZnVsbFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidHJhY2tpbmctd2lkZXN0IHJvdW5kZWQtdC0zeGxcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidHJhY2tpbmctYm90dG9tLWNvbVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGdhcC14LTJcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGdhcC14LTEgdGV4dC14c1wiPlxyXG4gICAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cIklDT05TWydsb2NhdGlvbldoaXRlJ11cIiBhbHQ9XCJsb2NhdGlvblwiIC8+XHJcbiAgICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAgID57eyBwbGFjZXMubGVuZ3RoIH19XHJcbiAgICAgICAgICAgICAgICB7eyBcIklUSU5FUkFSWV9TVU1NQVJZLlBMQUNFU1wiIHwgdHJhbnNsYXRlIH19PC9zcGFuXHJcbiAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImgtNCBib3JkZXIgdy0wIGJvcmRlci1zZWNvbmRhcnlcIj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGdhcC14LTIgdGV4dC14c1wiPlxyXG4gICAgICAgICAgICAgIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cIklDT05TWydjbG9jayddXCIgYWx0PVwiXCIgLz5cclxuICAgICAgICAgICAgICA8c3Bhbj40NSB7eyBcIkRBVEVfVElNRS5NSU5VVEVTXCIgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXNlY29uZGFyeSBmb250LXRoaW5cIj4oNi42IEttKTwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJib3JkZXIgYm9yZGVyLWRhc2hlZCBvcGFjaXR5LTU1IHJvdGF0ZS05MCBhYnNvbHV0ZSAtbGVmdC02IHRvcC0zNlwiXHJcbiAgICAgICAgICA+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9udC1HaWxyb3kgbXQtNSBtYi0zIGZsZXggZmxleC1jb2wgZ2FwLXktNVwiPlxyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IHBsYWNlIG9mIHBsYWNlczsgbGV0IGkgPSBpbmRleFwiXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gdy1mdWxsIGdhcC14LTQgbWItMVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1zdGFydCBnYXAteC02XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwiei01MCBpY29uIG91dHNldC1zaGFkb3cgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgcm91bmRlZC1mdWxsIGgtOCB3LTggcmVsYXRpdmVcIlxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgbG9hZGluZz1cImxhenlcIlxyXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjIyXCJcclxuICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjE4XCJcclxuICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIklDT05TWydyZXN0dSddXCJcclxuICAgICAgICAgICAgICAgICAgICBhbHQ9XCJcIlxyXG4gICAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgbG9hZGluZz1cImxhenlcIlxyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcclxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImkgIT09IHBsYWNlcy5sZW5ndGggLSAxXCJcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImRvdHRlZC1saW5lXCJcclxuICAgICAgICAgICAgICAgICAgICBzcmM9XCJhc3NldHMvaW1hZ2VzL2RvdHRlZC1saW5lLnN2Z1wiXHJcbiAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCI+XHJcbiAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cImYtc20gZi14cyBmbGV4IGl0ZW1zLWNlbnRlciBnYXAteC0xIHRleHQteHMgbWItMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7IHBsYWNlLm5hbWUgfX1cclxuICAgICAgICAgICAgICAgICAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgW3NyY109XCJJQ09OU1snZW5Mb2NhdGlvbiddXCIgYWx0PVwiXCIgLz5cclxuICAgICAgICAgICAgICAgICAgPC9oMj5cclxuICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJmLXhzIHRleHQtc2Vjb25kYXJ5IHRleHQteHMgbWItMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7IHBsYWNlLmRlc2NyaXB0aW9uIH19XHJcbiAgICAgICAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJmLXhzIHRleHQtc2Vjb25kYXJ5IHRleHQteHMgbWItMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7IHBsYWNlLmRpc3RhbmNlIH19XHJcbiAgICAgICAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBnYXAteC0zXCI+XHJcbiAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcclxuICAgICAgICAgICAgICAgICAgW3NyY109XCJJQ09OU1snZ3JvdXBCaW5CYXInXVwiXHJcbiAgICAgICAgICAgICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwiY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLXgtM1wiPlxyXG4gICAgICAgICAgICAgICAgPGFwcC11c2Vycy1zdGFjayBbc2l6ZV09XCIyOVwiPjwvYXBwLXVzZXJzLXN0YWNrPlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvc2VjdGlvbj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGhyIGNsYXNzPVwiZGl2aWRlciBtdC0zXCIgLz5cclxuXHJcbiAgPGRpdiBjbGFzcz1cIm10LTRcIj5cclxuICAgIDxwIGNsYXNzPVwiYm90dG9tLXNlY3Rpb24taGVhZGluZyBtdC0yIG1iLTFcIj5cclxuICAgICAge3sgXCJJVElORVJBUllfU1VNTUFSWS5UT1RBTF9NRU1CRVJcIiB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgPC9wPlxyXG5cclxuICAgIDxhcHAtdXNlci1zdGFjay10aWxlXHJcbiAgICAgIGxhYmVsPVwiNCBQZW9wbGVcIlxyXG4gICAgICBbYnV0dG9uVGV4dF09XCInSVRJTkVSQVJZX1NVTU1BUlkuVklFV19NT1JFJyB8IHRyYW5zbGF0ZVwiXHJcbiAgICAgIFttYXhWaXNpYmxlXT1cIjRcIlxyXG4gICAgPjwvYXBwLXVzZXItc3RhY2stdGlsZT5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==