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

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

@@ -0,0 +1,61 @@
+import { Component } from '@angular/core';
+import { ICONS } from '../../../../_constants/constants';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../_services/modal.service";
+import * as i3 from "@angular/forms";
+import * as i4 from "../../../../shared/header/header.component";
+import * as i5 from "@naniteninja/ionic-lib";
+import * as i6 from "../../components/report-itinerary-modal/report-itinerary-modal.component";
+import * as i7 from "./components/comment-single/comment-single.component";
+export class CommentRepliesComponent {
+    location;
+    modalService;
+    ICONS = ICONS;
+    emojiPickerConfig;
+    textModel;
+    comment = {
+        id: '1',
+        upVotes: 10,
+        downVotes: 5,
+        title: 'Adventuretour',
+        userName: 'Jonathan',
+        timeAgo: '2 hours ago',
+        location: 'WESTMINSITERO',
+        views: 100,
+        hasAttachments: false,
+        isEditted: false,
+        attachments: [],
+        userimageSrc: '/assets/images/user-image.png',
+        commentText: 'I had Great Experience out there. I would say its perfect for a coffee lover.',
+    };
+    replies = [];
+    constructor(location, modalService) {
+        this.location = location;
+        this.modalService = modalService;
+        this.emojiPickerConfig = { pickerIcon: ICONS['pickerIcon'] };
+    }
+    back() {
+        this.location.back();
+    }
+    postReply() {
+        const new_reply = { ...this.comment };
+        const raw_Reply = this.textModel;
+        if (raw_Reply?.attachments) {
+            new_reply.attachments = raw_Reply.attachments;
+            new_reply.hasAttachments = true;
+        }
+        new_reply.commentText = raw_Reply?.message;
+        this.replies.push(new_reply);
+        this.textModel = undefined;
+    }
+    ngOnInit() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentRepliesComponent, deps: [{ token: i1.Location }, { token: i2.ModalService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentRepliesComponent, selector: "app-comment-replies", ngImport: i0, template: "<div>\r\n    <div class=\"\">\r\n        <div class=\"px-4\">\r\n          <app-header heading=\"Replies\" (firstButton)=\"back()\"></app-header>\r\n        </div>\r\n        <div class=\"mt-4 ps-4 pe-2\">\r\n          <app-comment-single [comment]=\"comment\" [featured]=\"true\"></app-comment-single>\r\n          <div class=\"flex w-full px-2 mt-2\">\r\n            <lib-text-box class=\"flex-1 w-full rounded-2 p-1\" [includeEmojiPicker]=\"true\" [emojiPickerConfig]=\"emojiPickerConfig\" [(ngModel)]=\"textModel\" [includeImageAttachment]=\"true\" style=\"max-width: calc(100vw - 94px); font-size: 11.49px;\">\r\n            </lib-text-box>\r\n            <div class=\"py-2\">\r\n              <button (click)=\"postReply()\">\r\n                <img [src]=\"ICONS['submit']\" class=\"w-10 h-10\"/>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div *ngIf=\"replies.length\" class=\"comment-divider\"></div>\r\n        <div class=\"grid w-full items-center ps-[54px] pe-2\">\r\n          <div *ngFor=\"let reply of replies\" class=\"pt-[16px]\">\r\n            <app-comment-single [comment]=\"reply\" [featured]=\"false\"></app-comment-single>\r\n          </div>\r\n        </div>\r\n        <lib-popup  class=\"lib-menu-custom-class lib-menu-bg-none\"[isOpen]=\"modalService.toggleModal\">\r\n            <app-report-itinerary-modal popupTitle='Report Comment'></app-report-itinerary-modal>\r\n        </lib-popup>\r\n    </div>\r\n</div>\r\n", styles: [":host ::ng-deep .popover-container{gap:0}lib-text-box{--height: 40px;--input-padding: 10.8px;--emoji-picker-trigger-icon-size: 16.41px;--image-attachment-toggle-size: 16.41px;--border-radius: 21px}.comment-divider{margin:4px 28px;height:.8205000162124634px;border-radius:6.83px;opacity:.15;background-color:#dcdcdc}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: i5.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }, { kind: "component", type: i6.ReportItineraryModalComponent, selector: "app-report-itinerary-modal", inputs: ["popupTitle"] }, { kind: "component", type: i7.CommentSingleComponent, selector: "app-comment-single", inputs: ["libMenuItem", "comment", "featured"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentRepliesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-comment-replies', standalone: false, template: "<div>\r\n    <div class=\"\">\r\n        <div class=\"px-4\">\r\n          <app-header heading=\"Replies\" (firstButton)=\"back()\"></app-header>\r\n        </div>\r\n        <div class=\"mt-4 ps-4 pe-2\">\r\n          <app-comment-single [comment]=\"comment\" [featured]=\"true\"></app-comment-single>\r\n          <div class=\"flex w-full px-2 mt-2\">\r\n            <lib-text-box class=\"flex-1 w-full rounded-2 p-1\" [includeEmojiPicker]=\"true\" [emojiPickerConfig]=\"emojiPickerConfig\" [(ngModel)]=\"textModel\" [includeImageAttachment]=\"true\" style=\"max-width: calc(100vw - 94px); font-size: 11.49px;\">\r\n            </lib-text-box>\r\n            <div class=\"py-2\">\r\n              <button (click)=\"postReply()\">\r\n                <img [src]=\"ICONS['submit']\" class=\"w-10 h-10\"/>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div *ngIf=\"replies.length\" class=\"comment-divider\"></div>\r\n        <div class=\"grid w-full items-center ps-[54px] pe-2\">\r\n          <div *ngFor=\"let reply of replies\" class=\"pt-[16px]\">\r\n            <app-comment-single [comment]=\"reply\" [featured]=\"false\"></app-comment-single>\r\n          </div>\r\n        </div>\r\n        <lib-popup  class=\"lib-menu-custom-class lib-menu-bg-none\"[isOpen]=\"modalService.toggleModal\">\r\n            <app-report-itinerary-modal popupTitle='Report Comment'></app-report-itinerary-modal>\r\n        </lib-popup>\r\n    </div>\r\n</div>\r\n", styles: [":host ::ng-deep .popover-container{gap:0}lib-text-box{--height: 40px;--input-padding: 10.8px;--emoji-picker-trigger-icon-size: 16.41px;--image-attachment-toggle-size: 16.41px;--border-radius: 21px}.comment-divider{margin:4px 28px;height:.8205000162124634px;border-radius:6.83px;opacity:.15;background-color:#dcdcdc}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Location }, { type: i2.ModalService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC1yZXBsaWVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvY29tbWVudC1yZXBsaWVzL2NvbW1lbnQtcmVwbGllcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2NvbW1lbnQtcmVwbGllcy9jb21tZW50LXJlcGxpZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcxQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7Ozs7OztBQVN6RCxNQUFNLE9BQU8sdUJBQXVCO0lBeUJ4QjtJQUNEO0lBekJULEtBQUssR0FBRyxLQUFLLENBQUM7SUFDZCxpQkFBaUIsQ0FBcUI7SUFDdEMsU0FBUyxDQUFxQjtJQUU5QixPQUFPLEdBQUc7UUFDUixFQUFFLEVBQUUsR0FBRztRQUNQLE9BQU8sRUFBRSxFQUFFO1FBQ1gsU0FBUyxFQUFFLENBQUM7UUFDWixLQUFLLEVBQUUsZUFBZTtRQUN0QixRQUFRLEVBQUUsVUFBVTtRQUNwQixPQUFPLEVBQUUsYUFBYTtRQUN0QixRQUFRLEVBQUUsZUFBZTtRQUN6QixLQUFLLEVBQUUsR0FBRztRQUNWLGNBQWMsRUFBRSxLQUFLO1FBQ3JCLFNBQVMsRUFBRSxLQUFLO1FBQ2hCLFdBQVcsRUFBRSxFQUFFO1FBQ2YsWUFBWSxFQUFFLCtCQUErQjtRQUM3QyxXQUFXLEVBQ1QsK0VBQStFO0tBQ2xGLENBQUM7SUFFRixPQUFPLEdBQW9CLEVBQUUsQ0FBQztJQUU5QixZQUNVLFFBQWtCLEVBQ25CLFlBQTBCO1FBRHpCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDbkIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFFakMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsVUFBVSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDO0lBQy9ELENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsU0FBUztRQUNQLE1BQU0sU0FBUyxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDdEMsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNqQyxJQUFJLFNBQVMsRUFBRSxXQUFXLEVBQUU7WUFDMUIsU0FBUyxDQUFDLFdBQVcsR0FBRyxTQUFTLENBQUMsV0FBc0IsQ0FBQztZQUN6RCxTQUFTLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztTQUNqQztRQUNELFNBQVMsQ0FBQyxXQUFXLEdBQUcsU0FBUyxFQUFFLE9BQVEsQ0FBQztRQUU1QyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUM3QixDQUFDO0lBQ0QsUUFBUTtJQUVSLENBQUM7d0dBakRVLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLDJEQ2JwQywrOUNBNEJBOzs0RkRmYSx1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0kscUJBQXFCLGNBR25CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMb2NhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFbW9qaVBpY2tlckNvbmZpZywgSVRleHQgfSBmcm9tICdAbmFuaXRlbmluamEvaW9uaWMtbGliJztcclxuaW1wb3J0IHsgTW9kYWxTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vX3NlcnZpY2VzL21vZGFsLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJQ09OUyB9IGZyb20gJy4uLy4uLy4uLy4uL19jb25zdGFudHMvY29uc3RhbnRzJztcclxuaW1wb3J0IHsgSUNvbW1lbnRzRGF0YSB9IGZyb20gJy4uLy4uLy4uLy4uL19pbnRlcmZhY2UvY29tbWVudHNkYXRhJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtY29tbWVudC1yZXBsaWVzJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb21tZW50LXJlcGxpZXMuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL2NvbW1lbnQtcmVwbGllcy5jb21wb25lbnQuY3NzJyxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb21tZW50UmVwbGllc0NvbXBvbmVudCB7XHJcbiAgSUNPTlMgPSBJQ09OUztcclxuICBlbW9qaVBpY2tlckNvbmZpZyE6IEVtb2ppUGlja2VyQ29uZmlnO1xyXG4gIHRleHRNb2RlbCE6IElUZXh0IHwgdW5kZWZpbmVkO1xyXG5cclxuICBjb21tZW50ID0ge1xyXG4gICAgaWQ6ICcxJyxcclxuICAgIHVwVm90ZXM6IDEwLFxyXG4gICAgZG93blZvdGVzOiA1LFxyXG4gICAgdGl0bGU6ICdBZHZlbnR1cmV0b3VyJyxcclxuICAgIHVzZXJOYW1lOiAnSm9uYXRoYW4nLFxyXG4gICAgdGltZUFnbzogJzIgaG91cnMgYWdvJyxcclxuICAgIGxvY2F0aW9uOiAnV0VTVE1JTlNJVEVSTycsXHJcbiAgICB2aWV3czogMTAwLFxyXG4gICAgaGFzQXR0YWNobWVudHM6IGZhbHNlLFxyXG4gICAgaXNFZGl0dGVkOiBmYWxzZSxcclxuICAgIGF0dGFjaG1lbnRzOiBbXSxcclxuICAgIHVzZXJpbWFnZVNyYzogJy9hc3NldHMvaW1hZ2VzL3VzZXItaW1hZ2UucG5nJyxcclxuICAgIGNvbW1lbnRUZXh0OlxyXG4gICAgICAnSSBoYWQgR3JlYXQgRXhwZXJpZW5jZSBvdXQgdGhlcmUuIEkgd291bGQgc2F5IGl0cyBwZXJmZWN0IGZvciBhIGNvZmZlZSBsb3Zlci4nLFxyXG4gIH07XHJcblxyXG4gIHJlcGxpZXM6IElDb21tZW50c0RhdGFbXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgbG9jYXRpb246IExvY2F0aW9uLFxyXG4gICAgcHVibGljIG1vZGFsU2VydmljZTogTW9kYWxTZXJ2aWNlLFxyXG4gICkge1xyXG4gICAgdGhpcy5lbW9qaVBpY2tlckNvbmZpZyA9IHsgcGlja2VySWNvbjogSUNPTlNbJ3BpY2tlckljb24nXSB9O1xyXG4gIH1cclxuXHJcbiAgYmFjaygpIHtcclxuICAgIHRoaXMubG9jYXRpb24uYmFjaygpO1xyXG4gIH1cclxuXHJcbiAgcG9zdFJlcGx5KCkge1xyXG4gICAgY29uc3QgbmV3X3JlcGx5ID0geyAuLi50aGlzLmNvbW1lbnQgfTtcclxuICAgIGNvbnN0IHJhd19SZXBseSA9IHRoaXMudGV4dE1vZGVsO1xyXG4gICAgaWYgKHJhd19SZXBseT8uYXR0YWNobWVudHMpIHtcclxuICAgICAgbmV3X3JlcGx5LmF0dGFjaG1lbnRzID0gcmF3X1JlcGx5LmF0dGFjaG1lbnRzIGFzIG5ldmVyW107XHJcbiAgICAgIG5ld19yZXBseS5oYXNBdHRhY2htZW50cyA9IHRydWU7XHJcbiAgICB9XHJcbiAgICBuZXdfcmVwbHkuY29tbWVudFRleHQgPSByYXdfUmVwbHk/Lm1lc3NhZ2UhO1xyXG5cclxuICAgIHRoaXMucmVwbGllcy5wdXNoKG5ld19yZXBseSk7XHJcbiAgICB0aGlzLnRleHRNb2RlbCA9IHVuZGVmaW5lZDtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcblxyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHgtNFwiPlxyXG4gICAgICAgICAgPGFwcC1oZWFkZXIgaGVhZGluZz1cIlJlcGxpZXNcIiAoZmlyc3RCdXR0b24pPVwiYmFjaygpXCI+PC9hcHAtaGVhZGVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtdC00IHBzLTQgcGUtMlwiPlxyXG4gICAgICAgICAgPGFwcC1jb21tZW50LXNpbmdsZSBbY29tbWVudF09XCJjb21tZW50XCIgW2ZlYXR1cmVkXT1cInRydWVcIj48L2FwcC1jb21tZW50LXNpbmdsZT5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBweC0yIG10LTJcIj5cclxuICAgICAgICAgICAgPGxpYi10ZXh0LWJveCBjbGFzcz1cImZsZXgtMSB3LWZ1bGwgcm91bmRlZC0yIHAtMVwiIFtpbmNsdWRlRW1vamlQaWNrZXJdPVwidHJ1ZVwiIFtlbW9qaVBpY2tlckNvbmZpZ109XCJlbW9qaVBpY2tlckNvbmZpZ1wiIFsobmdNb2RlbCldPVwidGV4dE1vZGVsXCIgW2luY2x1ZGVJbWFnZUF0dGFjaG1lbnRdPVwidHJ1ZVwiIHN0eWxlPVwibWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gOTRweCk7IGZvbnQtc2l6ZTogMTEuNDlweDtcIj5cclxuICAgICAgICAgICAgPC9saWItdGV4dC1ib3g+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJweS0yXCI+XHJcbiAgICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwicG9zdFJlcGx5KClcIj5cclxuICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snc3VibWl0J11cIiBjbGFzcz1cInctMTAgaC0xMFwiLz5cclxuICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwicmVwbGllcy5sZW5ndGhcIiBjbGFzcz1cImNvbW1lbnQtZGl2aWRlclwiPjwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJncmlkIHctZnVsbCBpdGVtcy1jZW50ZXIgcHMtWzU0cHhdIHBlLTJcIj5cclxuICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IHJlcGx5IG9mIHJlcGxpZXNcIiBjbGFzcz1cInB0LVsxNnB4XVwiPlxyXG4gICAgICAgICAgICA8YXBwLWNvbW1lbnQtc2luZ2xlIFtjb21tZW50XT1cInJlcGx5XCIgW2ZlYXR1cmVkXT1cImZhbHNlXCI+PC9hcHAtY29tbWVudC1zaW5nbGU+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bGliLXBvcHVwICBjbGFzcz1cImxpYi1tZW51LWN1c3RvbS1jbGFzcyBsaWItbWVudS1iZy1ub25lXCJbaXNPcGVuXT1cIm1vZGFsU2VydmljZS50b2dnbGVNb2RhbFwiPlxyXG4gICAgICAgICAgICA8YXBwLXJlcG9ydC1pdGluZXJhcnktbW9kYWwgcG9wdXBUaXRsZT0nUmVwb3J0IENvbW1lbnQnPjwvYXBwLXJlcG9ydC1pdGluZXJhcnktbW9kYWw+XHJcbiAgICAgICAgPC9saWItcG9wdXA+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/itinerary-app/modules/itineraries/pages/comment-replies/components/comment-single/comment-single.component.mjs

@@ -0,0 +1,38 @@
+import { Component, Input } from '@angular/core';
+import { ICONS } from '../../../../../../_constants/constants';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../../_services/custom-dropdown-menu.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@naniteninja/ionic-lib";
+export class CommentSingleComponent {
+    customMenuList;
+    libMenuItem;
+    comment;
+    featured;
+    commentsData;
+    ICONS = ICONS;
+    constructor(customMenuList) {
+        this.customMenuList = customMenuList;
+        this.libMenuItem = this.customMenuList.getMenuList('comment-replies');
+    }
+    ngOnInit() {
+        console.log(this.libMenuItem, 'this.libMenuItem');
+    }
+    handleMenueItemSelect() { }
+    handleMenuItemChange() { }
+    handleMenuClick() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentSingleComponent, deps: [{ token: i1.CustomDropdownMenuService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentSingleComponent, selector: "app-comment-single", inputs: { libMenuItem: "libMenuItem", comment: "comment", featured: "featured" }, ngImport: i0, template: "<ng-container *ngIf=\"comment\">\r\n    <div class=\"comment-card text-white rounded-xl w-full\">\r\n        <div class=\"flex items-start justify-between\">\r\n            <!-- Left Side: Profile & Details -->\r\n            <div class=\"flex\">\r\n                <!-- Profile Image -->\r\n                <div class=\"min-w-[30px] w-[30px] flex flex-col items-center\">\r\n                  <img [src]=\"ICONS['user']\" alt=\"User\" class=\"w-[20px] h-[20px] rounded-full mt-1 mb-3\" />\r\n                  <!-- Upvote/Downvote -->\r\n                  <div class=\"flex flex-col items-center text-pink-500 gap-[2px]\">\r\n                      <img [src]=\"ICONS['upvote']\" alt=\"Upvote\" class=\"cursor-pointer\" />\r\n                      <span class=\"text-[7px] font-semibold\">{{ comment.upVotes }}</span>\r\n                      <img [src]=\"ICONS['downvote']\" alt=\"Downvote\" class=\"cursor-pointer\" />\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Username & Timestamp -->\r\n                <div class=\"ps-3 pe-2\">\r\n                    <h4 class=\"comment-title mt-1\">{{ comment.userName }} - {{ comment.timeAgo }}\r\n                      {{comment.isEditted == true ? \"(Edited)\" : \"\"}}\r\n                    </h4>\r\n                    <p class=\"comment-content mt-1 min-h-[35px]\">{{ comment.commentText }}</p>\r\n                    <!-- Reply & Feature Comment -->\r\n                    <div class=\"flex space-x-4 text-gray-400 text-sm comment-control mt-3\">\r\n                      <button class=\"flex items-center space-x-1 hover:text-white me-4\">\r\n                          <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n                          <span class=\"normal-text-gray\">Reply</span>\r\n                      </button>\r\n                      <button class=\"flex items-center space-x-1 hover:text-white\">\r\n                          <ng-container *ngIf=\"featured; else notFeatured\">\r\n                              <img [src]=\"ICONS['removeFeature']\" alt=\"Feature\" />\r\n                              <span class=\"normal-text-gray\">Featured</span>\r\n                          </ng-container>\r\n                          <ng-template #notFeatured>\r\n                              <img [src]=\"ICONS['addFeature']\" alt=\"Feature\" />\r\n                              <span class=\"normal-text-gray\">Feature Comment</span>\r\n                          </ng-template>\r\n                      </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <lib-menu-btn (select)=\"handleMenueItemSelect()\" (click)=\"handleMenuClick()\"\r\n                (change)=\"handleMenuItemChange()\" class=\"lib-menu-custom-class lib-menu-bg-none\" [disableTextShadow]=\"true\"\r\n                [menuItems]=\"libMenuItem\">\r\n                <img [src]=\"ICONS['horizontalWhite']\" alt=\"tricolon\" class=\"w-[10px] h-[10px]\" />\r\n            </lib-menu-btn>\r\n        </div>\r\n\r\n        <!-- Attachments Section (Visible Only If hasAttachment is True) -->\r\n        <div *ngIf=\"comment.hasAttachments===true\" class=\"grid grid-cols-2 gap-2 mt-3\">\r\n            <ng-container *ngFor=\"let image of comment.attachments; let i = index\">\r\n                <div class=\"relative\" *ngIf=\"i < 4\">\r\n                    <img [src]=\"image\" alt=\"Attachment\" class=\"w-full h-28 rounded-lg object-cover\" />\r\n                    <div *ngIf=\"i === 3 && comment.attachments\"\r\n                        class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\">\r\n                        +{{ i }}\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n        <!-- Separator Line -->\r\n        <div *ngIf=\"!featured\" class=\"border-t border-gray-700 mt-1\"></div>\r\n    </div>\r\n</ng-container>\r\n", styles: [".comment-title{font-weight:400;font-size:9.85px;line-height:150%;letter-spacing:-1.1%;color:#bdbdbd}.comment-content{font-weight:400;font-size:11.49px;line-height:150%;letter-spacing:-1.1%;color:#fff}.comment-control{font-weight:400;font-size:9.85px;line-height:150%;letter-spacing:-1.1%;color:#bdbdbd}.comment-card img.object-cover{width:118.15;height:72.2}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MenuBtnComponent, selector: "lib-menu-btn", inputs: ["menuBtnIcon", "menuBtnTooltip", "menuBtnTooltipPosition", "menuBtnIconName", "menuBtnImgUrl", "menuBtnNotificationIconUrl", "menuDirection", "hasNotification", "menuItems", "disableTranslation", "listItem", "listItemIndex", "selectable", "overlayClass", "isUserMenu", "onlyCloseOnClickOutside", "hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "directive", type: i3.LazyImageDirective, selector: "img" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentSingleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-comment-single', standalone: false, template: "<ng-container *ngIf=\"comment\">\r\n    <div class=\"comment-card text-white rounded-xl w-full\">\r\n        <div class=\"flex items-start justify-between\">\r\n            <!-- Left Side: Profile & Details -->\r\n            <div class=\"flex\">\r\n                <!-- Profile Image -->\r\n                <div class=\"min-w-[30px] w-[30px] flex flex-col items-center\">\r\n                  <img [src]=\"ICONS['user']\" alt=\"User\" class=\"w-[20px] h-[20px] rounded-full mt-1 mb-3\" />\r\n                  <!-- Upvote/Downvote -->\r\n                  <div class=\"flex flex-col items-center text-pink-500 gap-[2px]\">\r\n                      <img [src]=\"ICONS['upvote']\" alt=\"Upvote\" class=\"cursor-pointer\" />\r\n                      <span class=\"text-[7px] font-semibold\">{{ comment.upVotes }}</span>\r\n                      <img [src]=\"ICONS['downvote']\" alt=\"Downvote\" class=\"cursor-pointer\" />\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- Username & Timestamp -->\r\n                <div class=\"ps-3 pe-2\">\r\n                    <h4 class=\"comment-title mt-1\">{{ comment.userName }} - {{ comment.timeAgo }}\r\n                      {{comment.isEditted == true ? \"(Edited)\" : \"\"}}\r\n                    </h4>\r\n                    <p class=\"comment-content mt-1 min-h-[35px]\">{{ comment.commentText }}</p>\r\n                    <!-- Reply & Feature Comment -->\r\n                    <div class=\"flex space-x-4 text-gray-400 text-sm comment-control mt-3\">\r\n                      <button class=\"flex items-center space-x-1 hover:text-white me-4\">\r\n                          <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n                          <span class=\"normal-text-gray\">Reply</span>\r\n                      </button>\r\n                      <button class=\"flex items-center space-x-1 hover:text-white\">\r\n                          <ng-container *ngIf=\"featured; else notFeatured\">\r\n                              <img [src]=\"ICONS['removeFeature']\" alt=\"Feature\" />\r\n                              <span class=\"normal-text-gray\">Featured</span>\r\n                          </ng-container>\r\n                          <ng-template #notFeatured>\r\n                              <img [src]=\"ICONS['addFeature']\" alt=\"Feature\" />\r\n                              <span class=\"normal-text-gray\">Feature Comment</span>\r\n                          </ng-template>\r\n                      </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <lib-menu-btn (select)=\"handleMenueItemSelect()\" (click)=\"handleMenuClick()\"\r\n                (change)=\"handleMenuItemChange()\" class=\"lib-menu-custom-class lib-menu-bg-none\" [disableTextShadow]=\"true\"\r\n                [menuItems]=\"libMenuItem\">\r\n                <img [src]=\"ICONS['horizontalWhite']\" alt=\"tricolon\" class=\"w-[10px] h-[10px]\" />\r\n            </lib-menu-btn>\r\n        </div>\r\n\r\n        <!-- Attachments Section (Visible Only If hasAttachment is True) -->\r\n        <div *ngIf=\"comment.hasAttachments===true\" class=\"grid grid-cols-2 gap-2 mt-3\">\r\n            <ng-container *ngFor=\"let image of comment.attachments; let i = index\">\r\n                <div class=\"relative\" *ngIf=\"i < 4\">\r\n                    <img [src]=\"image\" alt=\"Attachment\" class=\"w-full h-28 rounded-lg object-cover\" />\r\n                    <div *ngIf=\"i === 3 && comment.attachments\"\r\n                        class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\">\r\n                        +{{ i }}\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n        <!-- Separator Line -->\r\n        <div *ngIf=\"!featured\" class=\"border-t border-gray-700 mt-1\"></div>\r\n    </div>\r\n</ng-container>\r\n", styles: [".comment-title{font-weight:400;font-size:9.85px;line-height:150%;letter-spacing:-1.1%;color:#bdbdbd}.comment-content{font-weight:400;font-size:11.49px;line-height:150%;letter-spacing:-1.1%;color:#fff}.comment-control{font-weight:400;font-size:9.85px;line-height:150%;letter-spacing:-1.1%;color:#bdbdbd}.comment-card img.object-cover{width:118.15;height:72.2}\n"] }]
+        }], ctorParameters: () => [{ type: i1.CustomDropdownMenuService }], propDecorators: { libMenuItem: [{
+                type: Input
+            }], comment: [{
+                type: Input
+            }], featured: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC1zaW5nbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvbW9kdWxlcy9pdGluZXJhcmllcy9wYWdlcy9jb21tZW50LXJlcGxpZXMvY29tcG9uZW50cy9jb21tZW50LXNpbmdsZS9jb21tZW50LXNpbmdsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2NvbW1lbnQtcmVwbGllcy9jb21wb25lbnRzL2NvbW1lbnQtc2luZ2xlL2NvbW1lbnQtc2luZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBS2pELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7Ozs7QUFRL0QsTUFBTSxPQUFPLHNCQUFzQjtJQVF2QjtJQVBELFdBQVcsQ0FBaUI7SUFDNUIsT0FBTyxDQUFpQjtJQUN4QixRQUFRLENBQVc7SUFDNUIsWUFBWSxDQUE4QjtJQUMxQyxLQUFLLEdBQVUsS0FBSyxDQUFDO0lBRXJCLFlBQ1UsY0FBeUM7UUFBekMsbUJBQWMsR0FBZCxjQUFjLENBQTJCO1FBRWpELElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxXQUFXLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUN4RSxDQUFDO0lBRUQsUUFBUTtRQUNSLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBQyxrQkFBa0IsQ0FBQyxDQUFBO0lBRWhELENBQUM7SUFFRCxxQkFBcUIsS0FBVyxDQUFDO0lBQ2pDLG9CQUFvQixLQUFXLENBQUM7SUFDaEMsZUFBZTtJQUNmLENBQUM7d0dBckJVLHNCQUFzQjs0RkFBdEIsc0JBQXNCLDRJQ2JuQyx5NEhBaUVBOzs0RkRwRGEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNJLG9CQUFvQixjQUdsQixLQUFLOzhGQUdWLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IExpYk1lbnVJdGVtIH0gZnJvbSAnQG5hbml0ZW5pbmphL2lvbmljLWxpYic7XHJcbmltcG9ydCB7IElDb21tZW50c0RhdGEgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9faW50ZXJmYWNlL2NvbW1lbnRzZGF0YSc7XHJcbmltcG9ydCB7IElpY29uIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vX2ludGVyZmFjZS9pY29uJzsgXHJcbmltcG9ydCB7IEN1c3RvbURyb3Bkb3duTWVudVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9fc2VydmljZXMvY3VzdG9tLWRyb3Bkb3duLW1lbnUuc2VydmljZSc7XHJcbmltcG9ydCB7IElDT05TIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vX2NvbnN0YW50cy9jb25zdGFudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2FwcC1jb21tZW50LXNpbmdsZScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29tbWVudC1zaW5nbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL2NvbW1lbnQtc2luZ2xlLmNvbXBvbmVudC5jc3MnLFxyXG4gICAgc3RhbmRhbG9uZTogZmFsc2VcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbW1lbnRTaW5nbGVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGxpYk1lbnVJdGVtITogTGliTWVudUl0ZW1bXTtcclxuICBASW5wdXQoKSBjb21tZW50ITogSUNvbW1lbnRzRGF0YTtcclxuICBASW5wdXQoKSBmZWF0dXJlZCE6IGJvb2xlYW47XHJcbiAgY29tbWVudHNEYXRhOiBJQ29tbWVudHNEYXRhW10gfCB1bmRlZmluZWQ7XHJcbiAgSUNPTlM6IElpY29uID0gSUNPTlM7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBjdXN0b21NZW51TGlzdDogQ3VzdG9tRHJvcGRvd25NZW51U2VydmljZVxyXG4gICkge1xyXG4gICAgdGhpcy5saWJNZW51SXRlbSA9IHRoaXMuY3VzdG9tTWVudUxpc3QuZ2V0TWVudUxpc3QoJ2NvbW1lbnQtcmVwbGllcycpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgY29uc29sZS5sb2codGhpcy5saWJNZW51SXRlbSwndGhpcy5saWJNZW51SXRlbScpXHJcblxyXG4gIH1cclxuXHJcbiAgaGFuZGxlTWVudWVJdGVtU2VsZWN0KCk6IHZvaWQgeyB9XHJcbiAgaGFuZGxlTWVudUl0ZW1DaGFuZ2UoKTogdm9pZCB7IH1cclxuICBoYW5kbGVNZW51Q2xpY2soKTogdm9pZCB7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJjb21tZW50XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29tbWVudC1jYXJkIHRleHQtd2hpdGUgcm91bmRlZC14bCB3LWZ1bGxcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1zdGFydCBqdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgICAgICAgICAgPCEtLSBMZWZ0IFNpZGU6IFByb2ZpbGUgJiBEZXRhaWxzIC0tPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleFwiPlxyXG4gICAgICAgICAgICAgICAgPCEtLSBQcm9maWxlIEltYWdlIC0tPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1pbi13LVszMHB4XSB3LVszMHB4XSBmbGV4IGZsZXgtY29sIGl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ3VzZXInXVwiIGFsdD1cIlVzZXJcIiBjbGFzcz1cInctWzIwcHhdIGgtWzIwcHhdIHJvdW5kZWQtZnVsbCBtdC0xIG1iLTNcIiAvPlxyXG4gICAgICAgICAgICAgICAgICA8IS0tIFVwdm90ZS9Eb3dudm90ZSAtLT5cclxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2wgaXRlbXMtY2VudGVyIHRleHQtcGluay01MDAgZ2FwLVsycHhdXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ3Vwdm90ZSddXCIgYWx0PVwiVXB2b3RlXCIgY2xhc3M9XCJjdXJzb3ItcG9pbnRlclwiIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQtWzdweF0gZm9udC1zZW1pYm9sZFwiPnt7IGNvbW1lbnQudXBWb3RlcyB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snZG93bnZvdGUnXVwiIGFsdD1cIkRvd252b3RlXCIgY2xhc3M9XCJjdXJzb3ItcG9pbnRlclwiIC8+XHJcbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgPCEtLSBVc2VybmFtZSAmIFRpbWVzdGFtcCAtLT5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcy0zIHBlLTJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aDQgY2xhc3M9XCJjb21tZW50LXRpdGxlIG10LTFcIj57eyBjb21tZW50LnVzZXJOYW1lIH19IC0ge3sgY29tbWVudC50aW1lQWdvIH19XHJcbiAgICAgICAgICAgICAgICAgICAgICB7e2NvbW1lbnQuaXNFZGl0dGVkID09IHRydWUgPyBcIihFZGl0ZWQpXCIgOiBcIlwifX1cclxuICAgICAgICAgICAgICAgICAgICA8L2g0PlxyXG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwiY29tbWVudC1jb250ZW50IG10LTEgbWluLWgtWzM1cHhdXCI+e3sgY29tbWVudC5jb21tZW50VGV4dCB9fTwvcD5cclxuICAgICAgICAgICAgICAgICAgICA8IS0tIFJlcGx5ICYgRmVhdHVyZSBDb21tZW50IC0tPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHNwYWNlLXgtNCB0ZXh0LWdyYXktNDAwIHRleHQtc20gY29tbWVudC1jb250cm9sIG10LTNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBzcGFjZS14LTEgaG92ZXI6dGV4dC13aGl0ZSBtZS00XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cIklDT05TWydjb21tZW50MiddXCIgYWx0PVwiUmVwbHlcIiAvPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibm9ybWFsLXRleHQtZ3JheVwiPlJlcGx5PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgc3BhY2UteC0xIGhvdmVyOnRleHQtd2hpdGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZmVhdHVyZWQ7IGVsc2Ugbm90RmVhdHVyZWRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cIklDT05TWydyZW1vdmVGZWF0dXJlJ11cIiBhbHQ9XCJGZWF0dXJlXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJub3JtYWwtdGV4dC1ncmF5XCI+RmVhdHVyZWQ8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNub3RGZWF0dXJlZD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cIklDT05TWydhZGRGZWF0dXJlJ11cIiBhbHQ9XCJGZWF0dXJlXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJub3JtYWwtdGV4dC1ncmF5XCI+RmVhdHVyZSBDb21tZW50PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDxsaWItbWVudS1idG4gKHNlbGVjdCk9XCJoYW5kbGVNZW51ZUl0ZW1TZWxlY3QoKVwiIChjbGljayk9XCJoYW5kbGVNZW51Q2xpY2soKVwiXHJcbiAgICAgICAgICAgICAgICAoY2hhbmdlKT1cImhhbmRsZU1lbnVJdGVtQ2hhbmdlKClcIiBjbGFzcz1cImxpYi1tZW51LWN1c3RvbS1jbGFzcyBsaWItbWVudS1iZy1ub25lXCIgW2Rpc2FibGVUZXh0U2hhZG93XT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgW21lbnVJdGVtc109XCJsaWJNZW51SXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cIklDT05TWydob3Jpem9udGFsV2hpdGUnXVwiIGFsdD1cInRyaWNvbG9uXCIgY2xhc3M9XCJ3LVsxMHB4XSBoLVsxMHB4XVwiIC8+XHJcbiAgICAgICAgICAgIDwvbGliLW1lbnUtYnRuPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8IS0tIEF0dGFjaG1lbnRzIFNlY3Rpb24gKFZpc2libGUgT25seSBJZiBoYXNBdHRhY2htZW50IGlzIFRydWUpIC0tPlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCJjb21tZW50Lmhhc0F0dGFjaG1lbnRzPT09dHJ1ZVwiIGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtMiBnYXAtMiBtdC0zXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGltYWdlIG9mIGNvbW1lbnQuYXR0YWNobWVudHM7IGxldCBpID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyZWxhdGl2ZVwiICpuZ0lmPVwiaSA8IDRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiaW1hZ2VcIiBhbHQ9XCJBdHRhY2htZW50XCIgY2xhc3M9XCJ3LWZ1bGwgaC0yOCByb3VuZGVkLWxnIG9iamVjdC1jb3ZlclwiIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImkgPT09IDMgJiYgY29tbWVudC5hdHRhY2htZW50c1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYWJzb2x1dGUgaW5zZXQtMCBiZy1ibGFjayBiZy1vcGFjaXR5LTUwIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHRleHQtd2hpdGUgdGV4dC14bCBmb250LWJvbGRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgK3t7IGkgfX1cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8IS0tIFNlcGFyYXRvciBMaW5lIC0tPlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCIhZmVhdHVyZWRcIiBjbGFzcz1cImJvcmRlci10IGJvcmRlci1ncmF5LTcwMCBtdC0xXCI+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcbiJdfQ==

package/esm2022/lib/itinerary-app/modules/itineraries/pages/comments/comment-comparison/comment-comparison.component.mjs

@@ -0,0 +1,81 @@
+import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
+import { ItinerariesRoutesEnum } from '../../../../../_enums/ItenariesRoutes.enum';
+import { ICONS } from '../../../../../_constants/constants';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../_services/api.service";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@naniteninja/ionic-lib";
+export class CommentComparisonComponent {
+    apiService;
+    router;
+    cdr;
+    isDraft;
+    cardData;
+    processedCardData;
+    ICONS = ICONS;
+    constructor(apiService, router, cdr) {
+        this.apiService = apiService;
+        this.router = router;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.getCommentsData();
+    }
+    InvalidDataCheck(data) {
+        return (data?.toString().length == 0 ||
+            data == null ||
+            data == undefined ||
+            data == '0' ||
+            data == 0 ||
+            data == '-');
+    }
+    processCardData(data) {
+        return {
+            ...data,
+            upVotes: this.InvalidDataCheck(data.upVotes) ? 0 : data.upVotes,
+            title: this.InvalidDataCheck(data.title)
+                ? 'Untitled Itinerary'
+                : data.title,
+            userName: this.InvalidDataCheck(data.userName) ? 'You' : data.userName,
+            timeAgo: this.InvalidDataCheck(data.timeAgo) ? '' : data.timeAgo,
+            views: this.InvalidDataCheck(data.views) ? 0 : data.views,
+            commentText: this.InvalidDataCheck(data.commentText)
+                ? ''
+                : data.commentText,
+            userimageSrc: this.InvalidDataCheck(data.userimageSrc)
+                ? ICONS['notSpecified']
+                : data.userimageSrc,
+        };
+    }
+    getCommentsData() {
+        this.apiService.get('/assets/commentsData.json').subscribe((data) => {
+            this.cardData = data;
+            this.processedCardData = this.cardData?.[0]
+                ? this.processCardData(this.cardData[0])
+                : undefined;
+            this.cdr.detectChanges();
+        });
+    }
+    approve() {
+        this.navToComments();
+    }
+    disapprove() {
+        this.navToComments();
+    }
+    navToComments() {
+        this.router.navigate([ItinerariesRoutesEnum.COMMENTS]);
+    }
+    handleMenueItemSelect() { }
+    handleMenuItemChange() { }
+    handleMenuClick() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentComparisonComponent, deps: [{ token: i1.ApiService }, { token: i2.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentComparisonComponent, selector: "app-comment-comparison", inputs: { isDraft: "isDraft" }, ngImport: i0, template: "<div class=\"text-white p-4 rounded-xl\">\r\n  <div class=\"flex items-start justify-between\">\r\n    <div class=\"flex space-x-3\">\r\n      <img [src]=\"ICONS['user']\" alt=\"User\" class=\"comment-user rounded-full\" />\r\n\r\n      <div>\r\n        <p class=\"text-xs\">Jonathan updated their comment from</p>\r\n        <span class=\"text-xs text-gray-300\">\r\n          {{ processedCardData?.commentText }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    *ngIf=\"processedCardData?.hasAttachments\"\r\n    class=\"grid grid-cols-2 gap-2 mt-3\"\r\n  >\r\n    <ng-container\r\n      *ngFor=\"let image of processedCardData?.attachments; let i = index\"\r\n    >\r\n      <div class=\"relative\" *ngIf=\"i < 4\">\r\n        <img\r\n          [src]=\"image\"\r\n          alt=\"Attachment\"\r\n          class=\"w-full h-28 rounded-lg object-cover\"\r\n        />\r\n        <div\r\n          *ngIf=\"i === 3 && processedCardData?.attachments\"\r\n          class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\"\r\n        >\r\n          +{{ i }}\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"border-t border-gray-700 mt-2 mb-5\"></div>\r\n\r\n  <p class=\"text-xs\">To</p>\r\n\r\n  <div class=\"flex items-start justify-between\">\r\n    <div class=\"flex space-x-3\">\r\n      <div>\r\n        <span class=\"text-xs text-gray-300\">\r\n          I would like to change my statements here, that place was shit.\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    *ngIf=\"processedCardData?.hasAttachments\"\r\n    class=\"grid grid-cols-2 gap-2 mt-3\"\r\n  >\r\n    <ng-container\r\n      *ngFor=\"let image of processedCardData?.attachments; let i = index\"\r\n    >\r\n      <div class=\"relative\" *ngIf=\"i < 4\">\r\n        <img\r\n          [src]=\"image\"\r\n          alt=\"Attachment\"\r\n          class=\"w-full h-28 rounded-lg object-cover\"\r\n        />\r\n        <div\r\n          *ngIf=\"i === 3 && processedCardData?.attachments\"\r\n          class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\"\r\n        >\r\n          +{{ i }}\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"mt-5 flex gap-4\">\r\n    <lib-primary-btn\r\n      class=\"w-1/2\"\r\n      [disableTextShadow]=\"true\"\r\n      (click)=\"disapprove()\"\r\n      >Disapprove</lib-primary-btn\r\n    >\r\n    <lib-primary-btn class=\"w-1/2\" [hoverOutline]=\"true\" (click)=\"approve()\"\r\n      >Approve</lib-primary-btn\r\n    >\r\n  </div>\r\n</div>\r\n", styles: ["p.text-xs{font-size:9.85px}span.text-xs{font-size:11.49}.comment-user{height:20px;width:20px}\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.PrimaryBtnComponent, selector: "lib-primary-btn", inputs: ["hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "directive", type: i4.LazyImageDirective, selector: "img" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentComparisonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-comment-comparison', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"text-white p-4 rounded-xl\">\r\n  <div class=\"flex items-start justify-between\">\r\n    <div class=\"flex space-x-3\">\r\n      <img [src]=\"ICONS['user']\" alt=\"User\" class=\"comment-user rounded-full\" />\r\n\r\n      <div>\r\n        <p class=\"text-xs\">Jonathan updated their comment from</p>\r\n        <span class=\"text-xs text-gray-300\">\r\n          {{ processedCardData?.commentText }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    *ngIf=\"processedCardData?.hasAttachments\"\r\n    class=\"grid grid-cols-2 gap-2 mt-3\"\r\n  >\r\n    <ng-container\r\n      *ngFor=\"let image of processedCardData?.attachments; let i = index\"\r\n    >\r\n      <div class=\"relative\" *ngIf=\"i < 4\">\r\n        <img\r\n          [src]=\"image\"\r\n          alt=\"Attachment\"\r\n          class=\"w-full h-28 rounded-lg object-cover\"\r\n        />\r\n        <div\r\n          *ngIf=\"i === 3 && processedCardData?.attachments\"\r\n          class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\"\r\n        >\r\n          +{{ i }}\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"border-t border-gray-700 mt-2 mb-5\"></div>\r\n\r\n  <p class=\"text-xs\">To</p>\r\n\r\n  <div class=\"flex items-start justify-between\">\r\n    <div class=\"flex space-x-3\">\r\n      <div>\r\n        <span class=\"text-xs text-gray-300\">\r\n          I would like to change my statements here, that place was shit.\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    *ngIf=\"processedCardData?.hasAttachments\"\r\n    class=\"grid grid-cols-2 gap-2 mt-3\"\r\n  >\r\n    <ng-container\r\n      *ngFor=\"let image of processedCardData?.attachments; let i = index\"\r\n    >\r\n      <div class=\"relative\" *ngIf=\"i < 4\">\r\n        <img\r\n          [src]=\"image\"\r\n          alt=\"Attachment\"\r\n          class=\"w-full h-28 rounded-lg object-cover\"\r\n        />\r\n        <div\r\n          *ngIf=\"i === 3 && processedCardData?.attachments\"\r\n          class=\"absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center text-white text-xl font-bold\"\r\n        >\r\n          +{{ i }}\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"mt-5 flex gap-4\">\r\n    <lib-primary-btn\r\n      class=\"w-1/2\"\r\n      [disableTextShadow]=\"true\"\r\n      (click)=\"disapprove()\"\r\n      >Disapprove</lib-primary-btn\r\n    >\r\n    <lib-primary-btn class=\"w-1/2\" [hoverOutline]=\"true\" (click)=\"approve()\"\r\n      >Approve</lib-primary-btn\r\n    >\r\n  </div>\r\n</div>\r\n", styles: ["p.text-xs{font-size:9.85px}span.text-xs{font-size:11.49}.comment-user{height:20px;width:20px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ApiService }, { type: i2.Router }, { type: i0.ChangeDetectorRef }], propDecorators: { isDraft: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC1jb21wYXJpc29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL21vZHVsZXMvaXRpbmVyYXJpZXMvcGFnZXMvY29tbWVudHMvY29tbWVudC1jb21wYXJpc29uL2NvbW1lbnQtY29tcGFyaXNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2NvbW1lbnRzL2NvbW1lbnQtY29tcGFyaXNvbi9jb21tZW50LWNvbXBhcmlzb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBSW5GLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7Ozs7O0FBUzVELE1BQU0sT0FBTywwQkFBMEI7SUFPM0I7SUFDQTtJQUNBO0lBUkQsT0FBTyxDQUFXO0lBQzNCLFFBQVEsQ0FBOEI7SUFDdEMsaUJBQWlCLENBQTRCO0lBQzdDLEtBQUssR0FBVSxLQUFLLENBQUM7SUFFckIsWUFDVSxVQUFzQixFQUN0QixNQUFjLEVBQ2QsR0FBc0I7UUFGdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDN0IsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVPLGdCQUFnQixDQUFD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InNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJzsgIFxyXG5pbXBvcnQgeyBJdGluZXJhcmllc1JvdXRlc0VudW0gfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9fZW51bXMvSXRlbmFyaWVzUm91dGVzLmVudW0nO1xyXG5pbXBvcnQgeyBJQ29tbWVudHNEYXRhIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX2ludGVyZmFjZS9jb21tZW50c2RhdGEnO1xyXG5pbXBvcnQgeyBJaWNvbiB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19pbnRlcmZhY2UvaWNvbic7XHJcbmltcG9ydCB7IEFwaVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9fc2VydmljZXMvYXBpLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJQ09OUyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL19jb25zdGFudHMvY29uc3RhbnRzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtY29tbWVudC1jb21wYXJpc29uJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb21tZW50LWNvbXBhcmlzb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL2NvbW1lbnQtY29tcGFyaXNvbi5jb21wb25lbnQuc2NzcycsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb21tZW50Q29tcGFyaXNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgaXNEcmFmdCE6IGJvb2xlYW47XHJcbiAgY2FyZERhdGE6IElDb21tZW50c0RhdGFbXSB8IHVuZGVmaW5lZDtcclxuICBwcm9jZXNzZWRDYXJkRGF0YTogSUNvbW1lbnRzRGF0YSB8IHVuZGVmaW5lZDtcclxuICBJQ09OUzogSWljb24gPSBJQ09OUztcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGFwaVNlcnZpY2U6IEFwaVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmdldENvbW1lbnRzRGF0YSgpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBJbnZhbGlkRGF0YUNoZWNrKGRhdGE6IHN0cmluZyB8IG51bWJlciB8IG51bGwgfCB1bmRlZmluZWQpOiBib29sZWFuIHtcclxuICAgIHJldHVybiAoXHJcbiAgICAgIGRhdGE/LnRvU3RyaW5nKCkubGVuZ3RoID09IDAgfHxcclxuICAgICAgZGF0YSA9PSBudWxsIHx8XHJcbiAgICAgIGRhdGEgPT0gdW5kZWZpbmVkIHx8XHJcbiAgICAgIGRhdGEgPT0gJzAnIHx8XHJcbiAgICAgIGRhdGEgPT0gMCB8fFxyXG4gICAgICBkYXRhID09ICctJ1xyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcHJvY2Vzc0NhcmREYXRhKGRhdGE6IElDb21tZW50c0RhdGEpOiBJQ29tbWVudHNEYXRhIHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIC4uLmRhdGEsXHJcbiAgICAgIHVwVm90ZXM6IHRoaXMuSW52YWxpZERhdGFDaGVjayhkYXRhLnVwVm90ZXMpID8gMCA6IGRhdGEudXBWb3RlcyxcclxuICAgICAgdGl0bGU6IHRoaXMuSW52YWxpZERhdGFDaGVjayhkYXRhLnRpdGxlKVxyXG4gICAgICAgID8gJ1VudGl0bGVkIEl0aW5lcmFyeSdcclxuICAgICAgICA6IGRhdGEudGl0bGUsXHJcbiAgICAgIHVzZXJOYW1lOiB0aGlzLkludmFsaWREYXRhQ2hlY2soZGF0YS51c2VyTmFtZSkgPyAnWW91JyA6IGRhdGEudXNlck5hbWUsXHJcbiAgICAgIHRpbWVBZ286IHRoaXMuSW52YWxpZERhdGFDaGVjayhkYXRhLnRpbWVBZ28pID8gJycgOiBkYXRhLnRpbWVBZ28sXHJcblxyXG4gICAgICB2aWV3czogdGhpcy5JbnZhbGlkRGF0YUNoZWNrKGRhdGEudmlld3MpID8gMCA6IGRhdGEudmlld3MsXHJcbiAgICAgIGNvbW1lbnRUZXh0OiB0aGlzLkludmFsaWREYXRhQ2hlY2soZGF0YS5jb21tZW50VGV4dClcclxuICAgICAgICA/ICcnXHJcbiAgICAgICAgOiBkYXRhLmNvbW1lbnRUZXh0LFxyXG5cclxuICAgICAgdXNlcmltYWdlU3JjOiB0aGlzLkludmFsaWREYXRhQ2hlY2soZGF0YS51c2VyaW1hZ2VTcmMpXHJcbiAgICAgICAgPyBJQ09OU1snbm90U3BlY2lmaWVkJ11cclxuICAgICAgICA6IGRhdGEudXNlcmltYWdlU3JjLFxyXG4gICAgfTtcclxuICB9XHJcblxyXG4gIGdldENvbW1lbnRzRGF0YSgpIHtcclxuICAgIHRoaXMuYXBpU2VydmljZS5nZXQoJy9hc3NldHMvY29tbWVudHNEYXRhLmpzb24nKS5zdWJzY3JpYmUoKGRhdGEpID0+IHtcclxuICAgICAgdGhpcy5jYXJkRGF0YSA9IGRhdGEgYXMgSUNvbW1lbnRzRGF0YVtdO1xyXG4gICAgICB0aGlzLnByb2Nlc3NlZENhcmREYXRhID0gdGhpcy5jYXJkRGF0YT8uWzBdXHJcbiAgICAgICAgPyB0aGlzLnByb2Nlc3NDYXJkRGF0YSh0aGlzLmNhcmREYXRhWzBdKVxyXG4gICAgICAgIDogdW5kZWZpbmVkO1xyXG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9KTtcclxuICB9XHJcbiAgYXBwcm92ZSgpIHtcclxuICAgIHRoaXMubmF2VG9Db21tZW50cygpO1xyXG4gIH1cclxuICBkaXNhcHByb3ZlKCkge1xyXG4gICAgdGhpcy5uYXZUb0NvbW1lbnRzKCk7XHJcbiAgfVxyXG4gIG5hdlRvQ29tbWVudHMoKSB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLkNPTU1FTlRTXSk7XHJcbiAgfVxyXG4gIGhhbmRsZU1lbnVlSXRlbVNlbGVjdCgpOiB2b2lkIHt9XHJcbiAgaGFuZGxlTWVudUl0ZW1DaGFuZ2UoKTogdm9pZCB7fVxyXG4gIGhhbmRsZU1lbnVDbGljaygpOiB2b2lkIHt9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInRleHQtd2hpdGUgcC00IHJvdW5kZWQteGxcIj5cclxuICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1zdGFydCBqdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IHNwYWNlLXgtM1wiPlxyXG4gICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ3VzZXInXVwiIGFsdD1cIlVzZXJcIiBjbGFzcz1cImNvbW1lbnQtdXNlciByb3VuZGVkLWZ1bGxcIiAvPlxyXG5cclxuICAgICAgPGRpdj5cclxuICAgICAgICA8cCBjbGFzcz1cInRleHQteHNcIj5Kb25hdGhhbiB1cGRhdGVkIHRoZWlyIGNvbW1lbnQgZnJvbTwvcD5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQteHMgdGV4dC1ncmF5LTMwMFwiPlxyXG4gICAgICAgICAge3sgcHJvY2Vzc2VkQ2FyZERhdGE/LmNvbW1lbnRUZXh0IH19XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2XHJcbiAgICAqbmdJZj1cInByb2Nlc3NlZENhcmREYXRhPy5oYXNBdHRhY2htZW50c1wiXHJcbiAgICBjbGFzcz1cImdyaWQgZ3JpZC1jb2xzLTIgZ2FwLTIgbXQtM1wiXHJcbiAgPlxyXG4gICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAqbmdGb3I9XCJsZXQgaW1hZ2Ugb2YgcHJvY2Vzc2VkQ2FyZERhdGE/LmF0dGFjaG1lbnRzOyBsZXQgaSA9IGluZGV4XCJcclxuICAgID5cclxuICAgICAgPGRpdiBjbGFzcz1cInJlbGF0aXZlXCIgKm5nSWY9XCJpIDwgNFwiPlxyXG4gICAgICAgIDxpbWdcclxuICAgICAgICAgIFtzcmNdPVwiaW1hZ2VcIlxyXG4gICAgICAgICAgYWx0PVwiQXR0YWNobWVudFwiXHJcbiAgICAgICAgICBjbGFzcz1cInctZnVsbCBoLTI4IHJvdW5kZWQtbGcgb2JqZWN0LWNvdmVyXCJcclxuICAgICAgICAvPlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICpuZ0lmPVwiaSA9PT0gMyAmJiBwcm9jZXNzZWRDYXJkRGF0YT8uYXR0YWNobWVudHNcIlxyXG4gICAgICAgICAgY2xhc3M9XCJhYnNvbHV0ZSBpbnNldC0wIGJnLWJsYWNrIGJnLW9wYWNpdHktNTAgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgdGV4dC13aGl0ZSB0ZXh0LXhsIGZvbnQtYm9sZFwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgK3t7IGkgfX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cImJvcmRlci10IGJvcmRlci1ncmF5LTcwMCBtdC0yIG1iLTVcIj48L2Rpdj5cclxuXHJcbiAgPHAgY2xhc3M9XCJ0ZXh0LXhzXCI+VG88L3A+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLXN0YXJ0IGp1c3RpZnktYmV0d2VlblwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggc3BhY2UteC0zXCI+XHJcbiAgICAgIDxkaXY+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXhzIHRleHQtZ3JheS0zMDBcIj5cclxuICAgICAgICAgIEkgd291bGQgbGlrZSB0byBjaGFuZ2UgbXkgc3RhdGVtZW50cyBoZXJlLCB0aGF0IHBsYWNlIHdhcyBzaGl0LlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdlxyXG4gICAgKm5nSWY9XCJwcm9jZXNzZWRDYXJkRGF0YT8uaGFzQXR0YWNobWVudHNcIlxyXG4gICAgY2xhc3M9XCJncmlkIGdyaWQtY29scy0yIGdhcC0yIG10LTNcIlxyXG4gID5cclxuICAgIDxuZy1jb250YWluZXJcclxuICAgICAgKm5nRm9yPVwibGV0IGltYWdlIG9mIHByb2Nlc3NlZENhcmREYXRhPy5hdHRhY2htZW50czsgbGV0IGkgPSBpbmRleFwiXHJcbiAgICA+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyZWxhdGl2ZVwiICpuZ0lmPVwiaSA8IDRcIj5cclxuICAgICAgICA8aW1nXHJcbiAgICAgICAgICBbc3JjXT1cImltYWdlXCJcclxuICAgICAgICAgIGFsdD1cIkF0dGFjaG1lbnRcIlxyXG4gICAgICAgICAgY2xhc3M9XCJ3LWZ1bGwgaC0yOCByb3VuZGVkLWxnIG9iamVjdC1jb3ZlclwiXHJcbiAgICAgICAgLz5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAqbmdJZj1cImkgPT09IDMgJiYgcHJvY2Vzc2VkQ2FyZERhdGE/LmF0dGFjaG1lbnRzXCJcclxuICAgICAgICAgIGNsYXNzPVwiYWJzb2x1dGUgaW5zZXQtMCBiZy1ibGFjayBiZy1vcGFjaXR5LTUwIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHRleHQtd2hpdGUgdGV4dC14bCBmb250LWJvbGRcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgICt7eyBpIH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJtdC01IGZsZXggZ2FwLTRcIj5cclxuICAgIDxsaWItcHJpbWFyeS1idG5cclxuICAgICAgY2xhc3M9XCJ3LTEvMlwiXHJcbiAgICAgIFtkaXNhYmxlVGV4dFNoYWRvd109XCJ0cnVlXCJcclxuICAgICAgKGNsaWNrKT1cImRpc2FwcHJvdmUoKVwiXHJcbiAgICAgID5EaXNhcHByb3ZlPC9saWItcHJpbWFyeS1idG5cclxuICAgID5cclxuICAgIDxsaWItcHJpbWFyeS1idG4gY2xhc3M9XCJ3LTEvMlwiIFtob3Zlck91dGxpbmVdPVwidHJ1ZVwiIChjbGljayk9XCJhcHByb3ZlKClcIlxyXG4gICAgICA+QXBwcm92ZTwvbGliLXByaW1hcnktYnRuXHJcbiAgICA+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/itinerary-app/modules/itineraries/pages/comments/comment-search/comment-search.component.mjs

@@ -0,0 +1,114 @@
+import { Component, ViewEncapsulation } 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/platform-browser";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/router";
+import * as i4 from "../../../../../shared/header/header.component";
+import * as i5 from "@naniteninja/ionic-lib";
+export class CommentSearchComponent {
+    sanitizer;
+    location;
+    router;
+    ICONS = ICONS;
+    searchTerm = '';
+    filtersss = [
+        {
+            label: 'Hello',
+            value: 2,
+            selected: true,
+        },
+    ];
+    userFilterList = [
+        {
+            name: 'Filter by Name Ascending',
+            projectGridFilterId: '123',
+            collectionName: 'Employees',
+            userFilters: [
+                {
+                    publicFieldName: 'Name',
+                    operatorType: 'Contains',
+                    values: ['John'],
+                },
+            ],
+            sort: {
+                field: 'Name',
+                direction: 'Ascending',
+            },
+            order: 1,
+        },
+        {
+            name: 'Filter by Department and Salary Descending',
+            projectGridFilterId: '456',
+            collectionName: 'Employees',
+            userFilters: [
+                {
+                    publicFieldName: 'Department',
+                    operatorType: 'Equals',
+                    values: ['IT'],
+                },
+                {
+                    publicFieldName: 'Salary',
+                    operatorType: 'GreaterThan',
+                    values: [50000],
+                },
+            ],
+            sort: {
+                field: 'Salary',
+                direction: 'Descending',
+            },
+            order: 2,
+        },
+    ];
+    visibleComments = [];
+    comments = [
+        "I had a great experience out there. I would say it's perfect for a coffee lover.",
+        'Loving the great ideas here, yet it’s time for me to step out.',
+        'It’s been a great exchange of ideas, but I’ve reached my limit—peace out!',
+        'Absolutely loved the vibe of this place! Can’t wait to visit again.',
+        'The discussions here are top-notch. Keep up the great work, everyone!',
+        'Such a refreshing perspective! This place never fails to inspire me.',
+        "I'm learning so much from everyone here—thank you all!",
+        'This is exactly the kind of place I was looking for. So insightful!',
+        'Had an amazing time here, but I need to wrap up for now. Until next time!',
+        'Great energy and discussions! Looking forward to more in the future.',
+    ];
+    constructor(sanitizer, location, router) {
+        this.sanitizer = sanitizer;
+        this.location = location;
+        this.router = router;
+    }
+    ngOnInit() {
+        this.visibleComments = this.comments.map((comment) => this.sanitizer.bypassSecurityTrustHtml(comment));
+    }
+    search(e) {
+        this.searchTerm = e.toLowerCase().trim();
+        if (!this.searchTerm) {
+            this.visibleComments = this.comments.map((comment) => this.sanitizer.bypassSecurityTrustHtml(comment));
+            return;
+        }
+        const words = this.searchTerm.split(/\s+/).filter(Boolean);
+        const filteredComments = this.comments.filter((comment) => words.every((word) => comment.toLowerCase().includes(word)));
+        const combinedRegex = new RegExp(`(${words.map((word) => this.escapeRegExp(word)).join('|')})`, 'gi');
+        this.visibleComments = filteredComments.map((comment) => {
+            const highlightedText = comment.replace(combinedRegex, `<span class="highlight">$1</span>`);
+            return this.sanitizer.bypassSecurityTrustHtml(highlightedText);
+        });
+    }
+    escapeRegExp(text) {
+        return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
+    }
+    viewReplies(_comment) {
+        this.router.navigate([ItinerariesRoutesEnum.ITINERARY, ItinerariesRoutesEnum.COMMENT_REPLIES]);
+    }
+    //NAVIGATIONS
+    navToBack = () => this.location.back();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentSearchComponent, deps: [{ token: i1.DomSanitizer }, { token: i2.Location }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentSearchComponent, selector: "app-comment-search", ngImport: i0, template: "<div class=\"ps-5 pe-5\">\r\n  <app-header [heading]=\"'Comment Search'\" (firstButton)=\"navToBack()\"></app-header>\r\n  <p class=\"mt-2 mb-3\">\r\n    Create and apply custom advance filters or select popular preset advance\r\n    filters.\r\n  </p>\r\n\r\n  <lib-filter-bar [filters]=\"filtersss\" [savedFilters]=\"filtersss\" [userFiltersList]=\"userFilterList\"\r\n    [standardFilters]=\"filtersss\" [showAllFilters]=\"true\" (searchStringChange)=\"search($event)\"\r\n    [activeFilter]=\"userFilterList[0]\"></lib-filter-bar>\r\n\r\n  <div class=\"mt-5 ml-2\" *ngFor=\"let c of visibleComments\" (click)=\"viewReplies(c)\">\r\n    <img class=\"w-100 mb-2\" [src]=\"ICONS['divider']\" alt=\"divider\" />\r\n    <span [innerHtml]=\"c\"></span>\r\n  </div>\r\n</div>\r\n", styles: [".text{font-family:Gilroy;font-style:normal;font-weight:500;font-size:11.487px;line-height:150%;letter-spacing:-.011em;color:#fff;text-shadow:0px 0px 3.282px rgba(255,255,255,.5),0px 0px 16.41px #fe3c72,0px 0px 4.1025px rgba(254,60,114,.2)}.applyBtn{position:absolute;bottom:10px;left:0;width:100%}.text-justify{text-align:justify}.w-100{width:100%!important}.highlight{background:#fe3c72;padding:2px 1px;border-radius:10px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "directive", type: i5.LazyImageDirective, selector: "img" }, { kind: "component", type: i5.FilterBarComponent, selector: "lib-filter-bar", outputs: ["applyFilter", "searchStringChange"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-comment-search', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"ps-5 pe-5\">\r\n  <app-header [heading]=\"'Comment Search'\" (firstButton)=\"navToBack()\"></app-header>\r\n  <p class=\"mt-2 mb-3\">\r\n    Create and apply custom advance filters or select popular preset advance\r\n    filters.\r\n  </p>\r\n\r\n  <lib-filter-bar [filters]=\"filtersss\" [savedFilters]=\"filtersss\" [userFiltersList]=\"userFilterList\"\r\n    [standardFilters]=\"filtersss\" [showAllFilters]=\"true\" (searchStringChange)=\"search($event)\"\r\n    [activeFilter]=\"userFilterList[0]\"></lib-filter-bar>\r\n\r\n  <div class=\"mt-5 ml-2\" *ngFor=\"let c of visibleComments\" (click)=\"viewReplies(c)\">\r\n    <img class=\"w-100 mb-2\" [src]=\"ICONS['divider']\" alt=\"divider\" />\r\n    <span [innerHtml]=\"c\"></span>\r\n  </div>\r\n</div>\r\n", styles: [".text{font-family:Gilroy;font-style:normal;font-weight:500;font-size:11.487px;line-height:150%;letter-spacing:-.011em;color:#fff;text-shadow:0px 0px 3.282px rgba(255,255,255,.5),0px 0px 16.41px #fe3c72,0px 0px 4.1025px rgba(254,60,114,.2)}.applyBtn{position:absolute;bottom:10px;left:0;width:100%}.text-justify{text-align:justify}.w-100{width:100%!important}.highlight{background:#fe3c72;padding:2px 1px;border-radius:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i2.Location }, { type: i3.Router }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC1zZWFyY2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvbW9kdWxlcy9pdGluZXJhcmllcy9wYWdlcy9jb21tZW50cy9jb21tZW50LXNlYXJjaC9jb21tZW50LXNlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2NvbW1lbnRzL2NvbW1lbnQtc2VhcmNoL2NvbW1lbnQtc2VhcmNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFLckUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDbkYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7Ozs7O0FBUzVELE1BQU0sT0FBTyxzQkFBc0I7SUFtRXZCO0lBQ0E7SUFDQTtJQXBFVixLQUFLLEdBQVcsS0FBSyxDQUFDO0lBQ3RCLFVBQVUsR0FBVyxFQUFFLENBQUM7SUFDeEIsU0FBUyxHQUEyQjtRQUNsQztZQUNFLEtBQUssRUFBRSxPQUFPO1lBQ2QsS0FBSyxFQUFFLENBQUM7WUFDUixRQUFRLEVBQUUsSUFBSTtTQUNmO0tBQ0YsQ0FBQztJQUNGLGNBQWMsR0FBd0I7UUFDcEM7WUFDRSxJQUFJLEVBQUUsMEJBQTBCO1lBQ2hDLG1CQUFtQixFQUFFLEtBQUs7WUFDMUIsY0FBYyxFQUFFLFdBQVc7WUFDM0IsV0FBVyxFQUFFO2dCQUNYO29CQUNFLGVBQWUsRUFBRSxNQUFNO29CQUN2QixZQUFZLEVBQUUsVUFB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Q0FBbUMsQ0FDcEMsQ0FBQztZQUNGLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUNqRSxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxZQUFZLENBQUMsSUFBWTtRQUMvQixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsMEJBQTBCLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUVELFdBQVcsQ0FBQyxRQUFrQjtRQUM1QixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLFNBQVMsRUFBRSxxQkFBcUIsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFBO0lBQ2hHLENBQUM7SUFDRCxhQUFhO0lBQ2IsU0FBUyxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7d0dBcEg1QixzQkFBc0I7NEZBQXRCLHNCQUFzQiwwRENoQm5DLDB3QkFnQkE7OzRGREFhLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDSSxvQkFBb0IsaUJBR2YsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBGaWx0ZXJEYXRhUmVxdWVzdCwgU2VsZWN0T3B0aW9uIH0gZnJvbSAnQG5hbml0ZW5pbmphL2lvbmljLWxpYic7XHJcbmltcG9ydCB7IElpY29uIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX2ludGVyZmFjZS9pY29uJztcclxuaW1wb3J0IHsgSXRpbmVyYXJpZXNSb3V0ZXNFbnVtIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vX2VudW1zL0l0ZW5hcmllc1JvdXRlcy5lbnVtJztcclxuaW1wb3J0IHsgSUNPTlMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9fY29uc3RhbnRzL2NvbnN0YW50cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXBwLWNvbW1lbnQtc2VhcmNoJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb21tZW50LXNlYXJjaC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9jb21tZW50LXNlYXJjaC5jb21wb25lbnQuY3NzJ10sXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gICAgc3RhbmRhbG9uZTogZmFsc2VcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbW1lbnRTZWFyY2hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIElDT05TIDogSWljb24gPSBJQ09OUztcclxuICBzZWFyY2hUZXJtOiBzdHJpbmcgPSAnJztcclxuICBmaWx0ZXJzc3M6IFNlbGVjdE9wdGlvbjxudW1iZXI+W10gPSBbXHJcbiAgICB7XHJcbiAgICAgIGxhYmVsOiAnSGVsbG8nLFxyXG4gICAgICB2YWx1ZTogMixcclxuICAgICAgc2VsZWN0ZWQ6IHRydWUsXHJcbiAgICB9LFxyXG4gIF07XHJcbiAgdXNlckZpbHRlckxpc3Q6IEZpbHRlckRhdGFSZXF1ZXN0W10gPSBbXHJcbiAgICB7XHJcbiAgICAgIG5hbWU6ICdGaWx0ZXIgYnkgTmFtZSBBc2NlbmRpbmcnLFxyXG4gICAgICBwcm9qZWN0R3JpZEZpbHRlcklkOiAnMTIzJyxcclxuICAgICAgY29sbGVjdGlvbk5hbWU6ICdFbXBsb3llZXMnLFxyXG4gICAgICB1c2VyRmlsdGVyczogW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgIHB1YmxpY0ZpZWxkTmFtZTogJ05hbWUnLFxyXG4gICAgICAgICAgb3BlcmF0b3JUeXBlOiAnQ29udGFpbnMnLFxyXG4gICAgICAgICAgdmFsdWVzOiBbJ0pvaG4nXSxcclxuICAgICAgICB9LFxyXG4gICAgICBdLFxyXG4gICAgICBzb3J0OiB7XHJcbiAgICAgICAgZmllbGQ6ICdOYW1lJyxcclxuICAgICAgICBkaXJlY3Rpb246ICdBc2NlbmRpbmcnLFxyXG4gICAgICB9LFxyXG4gICAgICBvcmRlcjogMSxcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgIG5hbWU6ICdGaWx0ZXIgYnkgRGVwYXJ0bWVudCBhbmQgU2FsYXJ5IERlc2NlbmRpbmcnLFxyXG4gICAgICBwcm9qZWN0R3JpZEZpbHRlcklkOiAnNDU2JyxcclxuICAgICAgY29sbGVjdGlvbk5hbWU6ICdFbXBsb3llZXMnLFxyXG4gICAgICB1c2VyRmlsdGVyczogW1xyXG4gICAgICAgIHtcclxuICAgICAgICAgIHB1YmxpY0ZpZWxkTmFtZTogJ0RlcGFydG1lbnQnLFxyXG4gICAgICAgICAgb3BlcmF0b3JUeXBlOiAnRXF1YWxzJyxcclxuICAgICAgICAgIHZhbHVlczogWydJVCddLFxyXG4gICAgICAgIH0sXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgcHVibGljRmllbGROYW1lOiAnU2FsYXJ5JyxcclxuICAgICAgICAgIG9wZXJhdG9yVHlwZTogJ0dyZWF0ZXJUaGFuJyxcclxuICAgICAgICAgIHZhbHVlczogWzUwMDAwXSxcclxuICAgICAgICB9LFxyXG4gICAgICBdLFxyXG4gICAgICBzb3J0OiB7XHJcbiAgICAgICAgZmllbGQ6ICdTYWxhcnknLFxyXG4gICAgICAgIGRpcmVjdGlvbjogJ0Rlc2NlbmRpbmcnLFxyXG4gICAgICB9LFxyXG4gICAgICBvcmRlcjogMixcclxuICAgIH0sXHJcbiAgXTtcclxuXHJcbiAgdmlzaWJsZUNvbW1lbnRzOiBTYWZlSHRtbFtdID0gW107XHJcbiAgcHJpdmF0ZSBjb21tZW50czogc3RyaW5nW10gPSBbXHJcbiAgICBcIkkgaGFkIGEgZ3JlYXQgZXhwZXJpZW5jZSBvdXQgdGhlcmUuIEkgd291bGQgc2F5IGl0J3MgcGVyZmVjdCBmb3IgYSBjb2ZmZWUgbG92ZXIuXCIsXHJcbiAgICAnTG92aW5nIHRoZSBncmVhdCBpZGVhcyBoZXJlLCB5ZXQgaXTigJlzIHRpbWUgZm9yIG1lIHRvIHN0ZXAgb3V0LicsXHJcbiAgICAnSXTigJlzIGJlZW4gYSBncmVhdCBleGNoYW5nZSBvZiBpZGVhcywgYnV0IEnigJl2ZSByZWFjaGVkIG15IGxpbWl04oCUcGVhY2Ugb3V0IScsXHJcbiAgICAnQWJzb2x1dGVseSBsb3ZlZCB0aGUgdmliZSBvZiB0aGlzIHBsYWNlISBDYW7igJl0IHdhaXQgdG8gdmlzaXQgYWdhaW4uJyxcclxuICAgICdUaGUgZGlzY3Vzc2lvbnMgaGVyZSBhcmUgdG9wLW5vdGNoLiBLZWVwIHVwIHRoZSBncmVhdCB3b3JrLCBldmVyeW9uZSEnLFxyXG4gICAgJ1N1Y2ggYSByZWZyZXNoaW5nIHBlcnNwZWN0aXZlISBUaGlzIHBsYWNlIG5ldmVyIGZhaWxzIHRvIGluc3BpcmUgbWUuJyxcclxuICAgIFwiSSdtIGxlYXJuaW5nIHNvIG11Y2ggZnJvbSBldmVyeW9uZSBoZXJl4oCUdGhhbmsgeW91IGFsbCFcIixcclxuICAgICdUaGlzIGlzIGV4YWN0bHkgdGhlIGtpbmQgb2YgcGxhY2UgSSB3YXMgbG9va2luZyBmb3IuIFNvIGluc2lnaHRmdWwhJyxcclxuICAgICdIYWQgYW4gYW1hemluZyB0aW1lIGhlcmUsIGJ1dCBJIG5lZWQgdG8gd3JhcCB1cCBmb3Igbm93LiBVbnRpbCBuZXh0IHRpbWUhJyxcclxuICAgICdHcmVhdCBlbmVyZ3kgYW5kIGRpc2N1c3Npb25zISBMb29raW5nIGZvcndhcmQgdG8gbW9yZSBpbiB0aGUgZnV0dXJlLicsXHJcbiAgXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyLFxyXG4gICAgcHJpdmF0ZSBsb2NhdGlvbjogTG9jYXRpb24sXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyXHJcbiAgKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnZpc2libGVDb21tZW50cyA9IHRoaXMuY29tbWVudHMubWFwKChjb21tZW50KSA9PlxyXG4gICAgICB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChjb21tZW50KSxcclxuICAgICk7XHJcbiAgfVxyXG5cclxuICBzZWFyY2goZTogc3RyaW5nKTogdm9pZCB7XHJcbiAgICB0aGlzLnNlYXJjaFRlcm0gPSBlLnRvTG93ZXJDYXNlKCkudHJpbSgpO1xyXG5cclxuICAgIGlmICghdGhpcy5zZWFyY2hUZXJtKSB7XHJcbiAgICAgIHRoaXMudmlzaWJsZUNvbW1lbnRzID0gdGhpcy5jb21tZW50cy5tYXAoKGNvbW1lbnQpID0+XHJcbiAgICAgICAgdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoY29tbWVudCksXHJcbiAgICAgICk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBjb25zdCB3b3JkcyA9IHRoaXMuc2VhcmNoVGVybS5zcGxpdCgvXFxzKy8pLmZpbHRlcihCb29sZWFuKTtcclxuXHJcbiAgICBjb25zdCBmaWx0ZXJlZENvbW1lbnRzID0gdGhpcy5jb21tZW50cy5maWx0ZXIoKGNvbW1lbnQpID0+XHJcbiAgICAgIHdvcmRzLmV2ZXJ5KCh3b3JkKSA9PiBjb21tZW50LnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMod29yZCkpLFxyXG4gICAgKTtcclxuXHJcbiAgICBjb25zdCBjb21iaW5lZFJlZ2V4ID0gbmV3IFJlZ0V4cChcclxuICAgICAgYCgke3dvcmRzLm1hcCgod29yZCkgPT4gdGhpcy5lc2NhcGVSZWdFeHAod29yZCkpLmpvaW4oJ3wnKX0pYCxcclxuICAgICAgJ2dpJyxcclxuICAgICk7XHJcblxyXG4gICAgdGhpcy52aXNpYmxlQ29tbWVudHMgPSBmaWx0ZXJlZENvbW1lbnRzLm1hcCgoY29tbWVudCkgPT4ge1xyXG4gICAgICBjb25zdCBoaWdobGlnaHRlZFRleHQgPSBjb21tZW50LnJlcGxhY2UoXHJcbiAgICAgICAgY29tYmluZWRSZWdleCxcclxuICAgICAgICBgPHNwYW4gY2xhc3M9XCJoaWdobGlnaHRcIj4kMTwvc3Bhbj5gLFxyXG4gICAgICApO1xyXG4gICAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoaGlnaGxpZ2h0ZWRUZXh0KTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBlc2NhcGVSZWdFeHAodGV4dDogc3RyaW5nKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0ZXh0LnJlcGxhY2UoL1stW1xcXXt9KCkqKz8uLFxcXFxeJHwjXFxzXS9nLCAnXFxcXCQmJyk7XHJcbiAgfVxyXG5cclxuICB2aWV3UmVwbGllcyhfY29tbWVudDogU2FmZUh0bWwpIHtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZLCBJdGluZXJhcmllc1JvdXRlc0VudW0uQ09NTUVOVF9SRVBMSUVTXSlcclxuICB9XHJcbiAgLy9OQVZJR0FUSU9OU1xyXG4gIG5hdlRvQmFjayA9ICgpID0+IHRoaXMubG9jYXRpb24uYmFjaygpO1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwcy01IHBlLTVcIj5cclxuICA8YXBwLWhlYWRlciBbaGVhZGluZ109XCInQ29tbWVudCBTZWFyY2gnXCIgKGZpcnN0QnV0dG9uKT1cIm5hdlRvQmFjaygpXCI+PC9hcHAtaGVhZGVyPlxyXG4gIDxwIGNsYXNzPVwibXQtMiBtYi0zXCI+XHJcbiAgICBDcmVhdGUgYW5kIGFwcGx5IGN1c3RvbSBhZHZhbmNlIGZpbHRlcnMgb3Igc2VsZWN0IHBvcHVsYXIgcHJlc2V0IGFkdmFuY2VcclxuICAgIGZpbHRlcnMuXHJcbiAgPC9wPlxyXG5cclxuICA8bGliLWZpbHRlci1iYXIgW2ZpbHRlcnNdPVwiZmlsdGVyc3NzXCIgW3NhdmVkRmlsdGVyc109XCJmaWx0ZXJzc3NcIiBbdXNlckZpbHRlcnNMaXN0XT1cInVzZXJGaWx0ZXJMaXN0XCJcclxuICAgIFtzdGFuZGFyZEZpbHRlcnNdPVwiZmlsdGVyc3NzXCIgW3Nob3dBbGxGaWx0ZXJzXT1cInRydWVcIiAoc2VhcmNoU3RyaW5nQ2hhbmdlKT1cInNlYXJjaCgkZXZlbnQpXCJcclxuICAgIFthY3RpdmVGaWx0ZXJdPVwidXNlckZpbHRlckxpc3RbMF1cIj48L2xpYi1maWx0ZXItYmFyPlxyXG5cclxuICA8ZGl2IGNsYXNzPVwibXQtNSBtbC0yXCIgKm5nRm9yPVwibGV0IGMgb2YgdmlzaWJsZUNvbW1lbnRzXCIgKGNsaWNrKT1cInZpZXdSZXBsaWVzKGMpXCI+XHJcbiAgICA8aW1nIGNsYXNzPVwidy0xMDAgbWItMlwiIFtzcmNdPVwiSUNPTlNbJ2RpdmlkZXInXVwiIGFsdD1cImRpdmlkZXJcIiAvPlxyXG4gICAgPHNwYW4gW2lubmVySHRtbF09XCJjXCI+PC9zcGFuPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

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

@@ -0,0 +1,120 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { StatusPosition, ToastrDescription, ToastrSeverity, } from '@naniteninja/ionic-lib';
+import { Subject } from 'rxjs';
+import { ItinerariesRoutesEnum } from '../../../../_enums/ItenariesRoutes.enum';
+import { ICONS } from '../../../../_constants/constants';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../_services/modal.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/router";
+import * as i4 from "../../../../_services/custom-dropdown-menu.service";
+import * as i5 from "../../../../_services/api.service";
+import * as i6 from "@angular/forms";
+import * as i7 from "../../../../shared/comment/comment.component";
+import * as i8 from "../../../../shared/header/header.component";
+import * as i9 from "@naniteninja/ionic-lib";
+import * as i10 from "../../components/comment-filter-menu/comment-filter-menu.component";
+import * as i11 from "../../components/report-itinerary-modal/report-itinerary-modal.component";
+export class CommentsPageComponent {
+    modalService;
+    _location;
+    router;
+    customMenuList;
+    apiService;
+    activeRoute;
+    cdr;
+    emojiPickerConfig;
+    textModel;
+    libMenuItem = [];
+    commentData = [];
+    attachedImages = [];
+    comment;
+    ICONS = ICONS;
+    StatusPosition = StatusPosition;
+    config$ = new Subject();
+    //LIFE CYCLES
+    constructor(modalService, _location, router, customMenuList, apiService, activeRoute, cdr) {
+        this.modalService = modalService;
+        this._location = _location;
+        this.router = router;
+        this.customMenuList = customMenuList;
+        this.apiService = apiService;
+        this.activeRoute = activeRoute;
+        this.cdr = cdr;
+        this.emojiPickerConfig = { pickerIcon: ICONS['pickerIcon'] };
+    }
+    ngOnInit() {
+        this.libMenuItem = this.customMenuList.getMenuList('stories');
+        this.getCommentsData();
+    }
+    //UI LOGIC
+    getCommentsData() {
+        this.apiService.get('/assets/commentsData.json').subscribe((data) => {
+            this.commentData = data;
+            const id = this.activeRoute.snapshot.params['id'];
+            if (id) {
+                this.comment = this.commentData.find((x) => x.id === id);
+                if (this.comment) {
+                    this.textModel = {
+                        message: this.comment?.commentText,
+                        attachments: this.comment?.attachments,
+                    };
+                }
+            }
+            this.cdr.detectChanges();
+        });
+    }
+    SaveComment() {
+        if (this.comment && this.comment.id) {
+            this.config$.next({
+                token: 'token',
+                title: 'Comment Updated',
+                description: {
+                    content: 'Your featured comment will update after being approved by the author.',
+                    type: ToastrDescription.STRING,
+                },
+                severity: ToastrSeverity.SUCCESS,
+            });
+        }
+        else {
+            this.comment = {
+                id: '65',
+                upVotes: 55,
+                downVotes: 4,
+                title: 'Adventure',
+                timeAgo: new Date().toISOString(),
+                views: 54,
+                commentText: this.textModel?.message,
+                attachments: this.textModel?.attachments || [],
+                hasAttachments: true,
+                userimageSrc: ICONS['userimageSrc'],
+                isEditted: false,
+                userName: 'Mr. Nick',
+            };
+            this.commentData.unshift(this.comment);
+            this.cdr.detectChanges();
+        }
+        this.textModel = { message: ' ', attachments: [] };
+        this.comment = undefined;
+    }
+    //NAVIGATIONS
+    navToCommentSearch(_val) {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.COMMENT_SEARCH,
+        ]);
+    }
+    backButton() {
+        this._location.back();
+    }
+    searchButtonClick() {
+        this.router.navigate([ItinerariesRoutesEnum.SEARCH], { state: { selectedCategory: 'Comments' } }).then((_r) => { });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentsPageComponent, deps: [{ token: i1.ModalService }, { token: i2.Location }, { token: i3.Router }, { token: i4.CustomDropdownMenuService }, { token: i5.ApiService }, { token: i3.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentsPageComponent, selector: "app-comments-page", ngImport: i0, template: "<div class=\"w-full\">\r\n  <div class=\"fixed bottom-0 left-0 z-50 p-4 w-full\">\r\n    <lib-toast [position]=\"StatusPosition.bottomLeft\"></lib-toast>\r\n  </div>\r\n\r\n  <div class=\"w-full\">\r\n    <div class=\"px-4\">\r\n      <ng-template #search>\r\n        <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n      </ng-template>\r\n      <app-header [isTextSearch]=\"false\" heading=\"Comments\" (firstButton)=\"backButton()\" [headerSuffixTemplate]=\"search\"></app-header>\r\n    </div>\r\n    <div class=\"px-3 mt-4 pb-10\">\r\n      <div class=\"flex w-full\">\r\n        <lib-text-box class=\"flex-1 w-full normal-text-lg\" [(ngModel)]=\"textModel\" [includeEmojiPicker]=\"true\"\r\n          [emojiPickerConfig]=\"emojiPickerConfig\" [includeImageAttachment]=\"true\" style=\"max-width: calc(100vw - 69px);\">\r\n        </lib-text-box>\r\n        <div class=\"h-[40px] mt-[-6.5px]\">\r\n          <button (click)=\"SaveComment()\">\r\n            <img [src]=\"ICONS['submit']\" class=\"w-15 h-15\" />\r\n          </button>\r\n        </div>\r\n\r\n      </div>\r\n      <comment-filter-menu (onFilterClick)=\"navToCommentSearch($event)\"></comment-filter-menu>\r\n      <div class=\"w-full\">\r\n        <app-comment [libMenuItem]=\"libMenuItem\" [commentsData]=\"commentData\"></app-comment>\r\n      </div>\r\n\r\n      <lib-popup [isOpen]=\"modalService.toggleModal\">\r\n        <app-report-itinerary-modal popupTitle=\"Report Comment\"></app-report-itinerary-modal>\r\n      </lib-popup>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<lib-toastr-stack [config$]=\"config$\"></lib-toastr-stack>\r\n", styles: ["lib-text-box{padding:0!important}::ng-deep .success{width:85vw!important}lib-text-box{--height: 40px;--input-padding: 10.8px;--emoji-picker-trigger-icon-size: 16.41px;--image-attachment-toggle-size: 16.41px;--border-radius: 21px;--lib-image-card-container-width: 62.56px;--lib-image-card-container-height: 62.56px}:root ::ng-deep .btn-selectable{width:unset;--padding-start: 8px;--padding-end: 8px;--padding-top: 8px;--padding-bottom: 8px;height:38px;font-family:Gilroy-Medium;font-size:14px;font-weight:400;line-height:160%;color:var(--ion-text-color-secondary);margin:5px;letter-spacing:0px;--background: red;border-radius:34px}\n"], dependencies: [{ kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i7.CommentComponent, selector: "app-comment", inputs: ["libMenuItem", "commentsData"] }, { kind: "component", type: i8.HeaderComponent, selector: "app-header", inputs: ["heading", "headerRightIcon", "titleIcon", "cssClass", "headerSuffixTemplate"], outputs: ["firstButton", "titleIconClick"] }, { kind: "component", type: i9.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "directive", type: i9.LazyImageDirective, selector: "img" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.TextBoxComponent, selector: "lib-text-box", inputs: ["label", "maxLength", "includeEmojiPicker", "emojiPickerConfig", "includeImageAttachment", "maxImageAttachmentLength"] }, { kind: "component", type: i9.ToastComponent, selector: "lib-toast", inputs: ["position"] }, { kind: "component", type: i9.LibToastrStackComponent, selector: "lib-toastr-stack", inputs: ["max", "position", "config$"] }, { kind: "component", type: i10.CommentFilterMenuComponent, selector: "comment-filter-menu", inputs: ["cssClass"], outputs: ["onFilterClick"] }, { kind: "component", type: i11.ReportItineraryModalComponent, selector: "app-report-itinerary-modal", inputs: ["popupTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-comments-page', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"w-full\">\r\n  <div class=\"fixed bottom-0 left-0 z-50 p-4 w-full\">\r\n    <lib-toast [position]=\"StatusPosition.bottomLeft\"></lib-toast>\r\n  </div>\r\n\r\n  <div class=\"w-full\">\r\n    <div class=\"px-4\">\r\n      <ng-template #search>\r\n        <img [src]=\"ICONS['search']\" alt=\"right-icon\" (click)=\"searchButtonClick()\" />\r\n      </ng-template>\r\n      <app-header [isTextSearch]=\"false\" heading=\"Comments\" (firstButton)=\"backButton()\" [headerSuffixTemplate]=\"search\"></app-header>\r\n    </div>\r\n    <div class=\"px-3 mt-4 pb-10\">\r\n      <div class=\"flex w-full\">\r\n        <lib-text-box class=\"flex-1 w-full normal-text-lg\" [(ngModel)]=\"textModel\" [includeEmojiPicker]=\"true\"\r\n          [emojiPickerConfig]=\"emojiPickerConfig\" [includeImageAttachment]=\"true\" style=\"max-width: calc(100vw - 69px);\">\r\n        </lib-text-box>\r\n        <div class=\"h-[40px] mt-[-6.5px]\">\r\n          <button (click)=\"SaveComment()\">\r\n            <img [src]=\"ICONS['submit']\" class=\"w-15 h-15\" />\r\n          </button>\r\n        </div>\r\n\r\n      </div>\r\n      <comment-filter-menu (onFilterClick)=\"navToCommentSearch($event)\"></comment-filter-menu>\r\n      <div class=\"w-full\">\r\n        <app-comment [libMenuItem]=\"libMenuItem\" [commentsData]=\"commentData\"></app-comment>\r\n      </div>\r\n\r\n      <lib-popup [isOpen]=\"modalService.toggleModal\">\r\n        <app-report-itinerary-modal popupTitle=\"Report Comment\"></app-report-itinerary-modal>\r\n      </lib-popup>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<lib-toastr-stack [config$]=\"config$\"></lib-toastr-stack>\r\n", styles: ["lib-text-box{padding:0!important}::ng-deep .success{width:85vw!important}lib-text-box{--height: 40px;--input-padding: 10.8px;--emoji-picker-trigger-icon-size: 16.41px;--image-attachment-toggle-size: 16.41px;--border-radius: 21px;--lib-image-card-container-width: 62.56px;--lib-image-card-container-height: 62.56px}:root ::ng-deep .btn-selectable{width:unset;--padding-start: 8px;--padding-end: 8px;--padding-top: 8px;--padding-bottom: 8px;height:38px;font-family:Gilroy-Medium;font-size:14px;font-weight:400;line-height:160%;color:var(--ion-text-color-secondary);margin:5px;letter-spacing:0px;--background: red;border-radius:34px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ModalService }, { type: i2.Location }, { type: i3.Router }, { type: i4.CustomDropdownMenuService }, { type: i5.ApiService }, { type: i3.ActivatedRoute }, { type: i0.ChangeDetectorRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudHMtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9tb2R1bGVzL2l0aW5lcmFyaWVzL3BhZ2VzL2NvbW1lbnRzL2NvbW1lbnRzLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvbW9kdWxlcy9pdGluZXJhcmllcy9wYWdlcy9jb21tZW50cy9jb21tZW50cy1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxHQUVWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFJTCxjQUFjLEVBQ2QsaUJBQWlCLEVBQ2pCLGNBQWMsR0FFZixNQUFNLHdCQUF3QixDQUFDO0FBQ2hDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFNaEYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7Ozs7Ozs7Ozs7O0FBUXpELE1BQU0sT0FBTyxxQkFBcUI7SUFhdkI7SUFDQztJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFsQlYsaUJBQWlCLENBQXFCO0lBQ3RDLFNBQVMsQ0FBcUI7SUFDOUIsV0FBVyxHQUFrQixFQUFFLENBQUM7SUFDaEMsV0FBVyxHQUFvQixFQUFFLENBQUM7SUFDbEMsY0FBYyxHQUFhLEVBQUUsQ0FBQztJQUM5QixPQUFPLENBQTZCO0lBQ3BDLEtBQUssR0FBVSxLQUFLLENBQUM7SUFDckIsY0FBYyxHQUFHLGNBQWMsQ0FBQztJQUNoQyxPQUFPLEdBQStCLElBQUks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QUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDMUI7UUFFRCxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUM7UUFDbkQsSUFBSSxDQUFDLE9BQU8sR0FBRyxTQUFTLENBQUM7SUFDM0IsQ0FBQztJQUVELGFBQWE7SUFDYixrQkFBa0IsQ0FBQyxJQUFVO1FBQzNCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1lBQ25CLHFCQUFxQixDQUFDLFNBQVM7WUFDL0IscUJBQXFCLENBQUMsY0FBYztTQUNyQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMscUJBQXFCLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxnQkFBZ0IsRUFBRSxVQUFVLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUN0SCxDQUFDO3dHQWhHVSxxQkFBcUI7NEZBQXJCLHFCQUFxQix5RENoQ2xDLHluREFxQ0E7OzRGRExhLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDSSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBPbkluaXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQge1xyXG4gIEVtb2ppUGlja2VyQ29uZmlnLFxyXG4gIElUZXh0LFxyXG4gIExpYk1lbnVJdGVtLFxyXG4gIFN0YXR1c1Bvc2l0aW9uLFxyXG4gIFRvYXN0ckRlc2NyaXB0aW9uLFxyXG4gIFRvYXN0clNldmVyaXR5LFxyXG4gIFRvYXN0clN0YWNrQ29uZmlnLCBcclxufSBmcm9tICdAbmFuaXRlbmluamEvaW9uaWMtbGliJztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnOyAgXHJcbmltcG9ydCB7IEl0aW5lcmFyaWVzUm91dGVzRW51bSB9IGZyb20gJy4uLy4uLy4uLy4uL19lbnVtcy9JdGVuYXJpZXNSb3V0ZXMuZW51bSc7XHJcbmltcG9ydCB7IElDb21tZW50c0RhdGEgfSBmcm9tICcuLi8uLi8uLi8uLi9faW50ZXJmYWNlL2NvbW1lbnRzZGF0YSc7XHJcbmltcG9ydCB7IElpY29uIH0gZnJvbSAnLi4vLi4vLi4vLi4vX2ludGVyZmFjZS9pY29uJztcclxuaW1wb3J0IHsgQXBpU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL19zZXJ2aWNlcy9hcGkuc2VydmljZSc7XHJcbmltcG9ydCB7IEN1c3RvbURyb3Bkb3duTWVudVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9fc2VydmljZXMvY3VzdG9tLWRyb3Bkb3duLW1lbnUuc2VydmljZSc7XHJcbmltcG9ydCB7IE1vZGFsU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL19zZXJ2aWNlcy9tb2RhbC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgSUNPTlMgfSBmcm9tICcuLi8uLi8uLi8uLi9fY29uc3RhbnRzL2NvbnN0YW50cyc7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtY29tbWVudHMtcGFnZScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29tbWVudHMtcGFnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vY29tbWVudHMtcGFnZS5jb21wb25lbnQuc2NzcycsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb21tZW50c1BhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGVtb2ppUGlja2VyQ29uZmlnITogRW1vamlQaWNrZXJDb25maWc7XHJcbiAgdGV4dE1vZGVsITogSVRleHQgfCB1bmRlZmluZWQ7XHJcbiAgbGliTWVudUl0ZW06IExpYk1lbnVJdGVtW10gPSBbXTtcclxuICBjb21tZW50RGF0YTogSUNvbW1lbnRzRGF0YVtdID0gW107XHJcbiAgYXR0YWNoZWRJbWFnZXM6IHN0cmluZ1tdID0gW107XHJcbiAgY29tbWVudCE6IElDb21tZW50c0RhdGEgfCB1bmRlZmluZWQ7XHJcbiAgSUNPTlM6IElpY29uID0gSUNPTlM7XHJcbiAgU3RhdHVzUG9zaXRpb24gPSBTdGF0dXNQb3NpdGlvbjtcclxuICBjb25maWckOiBTdWJqZWN0PFRvYXN0clN0YWNrQ29uZmlnPiA9IG5ldyBTdWJqZWN0PFRvYXN0clN0YWNrQ29uZmlnPigpO1xyXG5cclxuICAvL0xJRkUgQ1lDTEVTXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgbW9kYWxTZXJ2aWNlOiBNb2RhbFNlcnZpY2UsXHJcbiAgICBwcml2YXRlIF9sb2NhdGlvbjogTG9jYXRpb24sXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxyXG4gICAgcHJpdmF0ZSBjdXN0b21NZW51TGlzdDogQ3VzdG9tRHJvcGRvd25NZW51U2VydmljZSxcclxuICAgIHByaXZhdGUgYXBpU2VydmljZTogQXBpU2VydmljZSxcclxuICAgIHByaXZhdGUgYWN0aXZlUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICkge1xyXG4gICAgdGhpcy5lbW9qaVBpY2tlckNvbmZpZyA9IHsgcGlja2VySWNvbjogSUNPTlNbJ3BpY2tlckljb24nXSB9O1xyXG4gIH1cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubGliTWVudUl0ZW0gPSB0aGlzLmN1c3RvbU1lbnVMaXN0LmdldE1lbnVMaXN0KCdzdG9yaWVzJyk7XHJcbiAgICB0aGlzLmdldENvbW1lbnRzRGF0YSgpO1xyXG4gIH1cclxuXHJcbiAgLy9VSSBMT0dJQ1xyXG4gIGdldENvbW1lbnRzRGF0YSgpOiB2b2lkIHtcclxuICAgIHRoaXMuYXBpU2VydmljZS5nZXQoJy9hc3NldHMvY29tbWVudHNEYXRhLmpzb24nKS5zdWJzY3JpYmUoKGRhdGEpID0+IHtcclxuICAgICAgdGhpcy5jb21tZW50RGF0YSA9IGRhdGEgYXMgSUNvbW1lbnRzRGF0YVtdO1xyXG4gICAgICBjb25zdCBpZDogc3RyaW5nID0gdGhpcy5hY3RpdmVSb3V0ZS5zbmFwc2hvdC5wYXJhbXNbJ2lkJ107XHJcbiAgICAgIGlmIChpZCkge1xyXG4gICAgICAgIHRoaXMuY29tbWVudCA9IHRoaXMuY29tbWVudERhdGEuZmluZCgoeCkgPT4geC5pZCA9PT0gaWQpITtcclxuICAgICAgICBpZiAodGhpcy5jb21tZW50KSB7XHJcbiAgICAgICAgICB0aGlzLnRleHRNb2RlbCA9IHtcclxuICAgICAgICAgICAgbWVzc2FnZTogdGhpcy5jb21tZW50Py5jb21tZW50VGV4dCxcclxuICAgICAgICAgICAgYXR0YWNobWVudHM6IHRoaXMuY29tbWVudD8uYXR0YWNobWVudHMsXHJcbiAgICAgICAgICB9O1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIFNhdmVDb21tZW50KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuY29tbWVudCAmJiB0aGlzLmNvbW1lbnQuaWQpIHtcclxuICAgICAgdGhpcy5jb25maWckLm5leHQoe1xyXG4gICAgICAgIHRva2VuOiAndG9rZW4nLFxyXG4gICAgICAgIHRpdGxlOiAnQ29tbWVudCBVcGRhdGVkJyxcclxuICAgICAgICBkZXNjcmlwdGlvbjoge1xyXG4gICAgICAgICAgY29udGVudDpcclxuICAgICAgICAgICAgJ1lvdXIgZmVhdHVyZWQgY29tbWVudCB3aWxsIHVwZGF0ZSBhZnRlciBiZWluZyBhcHByb3ZlZCBieSB0aGUgYXV0aG9yLicsXHJcbiAgICAgICAgICB0eXBlOiBUb2FzdHJEZXNjcmlwdGlvbi5TVFJJTkcsXHJcbiAgICAgICAgfSxcclxuICAgICAgICBzZXZlcml0eTogVG9hc3RyU2V2ZXJpdHkuU1VDQ0VTUyxcclxuICAgICAgfSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmNvbW1lbnQgPSB7XHJcbiAgICAgICAgaWQ6ICc2NScsXHJcbiAgICAgICAgdXBWb3RlczogNTUsXHJcbiAgICAgICAgZG93blZvdGVzOiA0LFxyXG4gICAgICAgIHRpdGxlOiAnQWR2ZW50dXJlJyxcclxuICAgICAgICB0aW1lQWdvOiBuZXcgRGF0ZSgpLnRvSVNPU3RyaW5nKCksXHJcbiAgICAgICAgdmlld3M6IDU0LFxyXG4gICAgICAgIGNvbW1lbnRUZXh0OiB0aGlzLnRleHRNb2RlbD8ubWVzc2FnZSEsXHJcbiAgICAgICAgYXR0YWNobWVudHM6IHRoaXMudGV4dE1vZGVsPy5hdHRhY2htZW50cyB8fCBbXSxcclxuICAgICAgICBoYXNBdHRhY2htZW50czogdHJ1ZSxcclxuICAgICAgICB1c2VyaW1hZ2VTcmM6IElDT05TWyd1c2VyaW1hZ2VTcmMnXSxcclxuICAgICAgICBpc0VkaXR0ZWQ6IGZhbHNlLFxyXG4gICAgICAgIHVzZXJOYW1lOiAnTXIuIE5pY2snLFxyXG4gICAgICB9O1xyXG5cclxuICAgICAgdGhpcy5jb21tZW50RGF0YS51bnNoaWZ0KHRoaXMuY29tbWVudCk7XHJcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLnRleHRNb2RlbCA9IHsgbWVzc2FnZTogJyAnLCBhdHRhY2htZW50czogW10gfTtcclxuICAgIHRoaXMuY29tbWVudCA9IHVuZGVmaW5lZDtcclxuICB9XHJcblxyXG4gIC8vTkFWSUdBVElPTlNcclxuICBuYXZUb0NvbW1lbnRTZWFyY2goX3ZhbDogdm9pZCk6IHZvaWQge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW1xyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZLFxyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uQ09NTUVOVF9TRUFSQ0gsXHJcbiAgICBdKTtcclxuICB9XHJcblxyXG4gIGJhY2tCdXR0b24oKTogdm9pZCB7XHJcbiAgICB0aGlzLl9sb2NhdGlvbi5iYWNrKCk7XHJcbiAgfVxyXG5cclxuICBzZWFyY2hCdXR0b25DbGljaygpOiB2b2lkIHtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtJdGluZXJhcmllc1JvdXRlc0VudW0uU0VBUkNIXSwgeyBzdGF0ZTogeyBzZWxlY3RlZENhdGVnb3J5OiAnQ29tbWVudHMnIH0gfSkudGhlbigoX3IpID0+IHsgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3LWZ1bGxcIj5cclxuICA8ZGl2IGNsYXNzPVwiZml4ZWQgYm90dG9tLTAgbGVmdC0wIHotNTAgcC00IHctZnVsbFwiPlxyXG4gICAgPGxpYi10b2FzdCBbcG9zaXRpb25dPVwiU3RhdHVzUG9zaXRpb24uYm90dG9tTGVmdFwiPjwvbGliLXRvYXN0PlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwidy1mdWxsXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHgtNFwiPlxyXG4gICAgICA8bmctdGVtcGxhdGUgI3NlYXJjaD5cclxuICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ3NlYXJjaCddXCIgYWx0PVwicmlnaHQtaWNvblwiIChjbGljayk9XCJzZWFyY2hCdXR0b25DbGljaygpXCIgLz5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgPGFwcC1oZWFkZXIgW2lzVGV4dFNlYXJjaF09XCJmYWxzZVwiIGhlYWRpbmc9XCJDb21tZW50c1wiIChmaXJzdEJ1dHRvbik9XCJiYWNrQnV0dG9uKClcIiBbaGVhZGVyU3VmZml4VGVtcGxhdGVdPVwic2VhcmNoXCI+PC9hcHAtaGVhZGVyPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHgtMyBtdC00IHBiLTEwXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbFwiPlxyXG4gICAgICAgIDxsaWItdGV4dC1ib3ggY2xhc3M9XCJmbGV4LTEgdy1mdWxsIG5vcm1hbC10ZXh0LWxnXCIgWyhuZ01vZGVsKV09XCJ0ZXh0TW9kZWxcIiBbaW5jbHVkZUVtb2ppUGlja2VyXT1cInRydWVcIlxyXG4gICAgICAgICAgW2Vtb2ppUGlja2VyQ29uZmlnXT1cImVtb2ppUGlja2VyQ29uZmlnXCIgW2luY2x1ZGVJbWFnZUF0dGFjaG1lbnRdPVwidHJ1ZVwiIHN0eWxlPVwibWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gNjlweCk7XCI+XHJcbiAgICAgICAgPC9saWItdGV4dC1ib3g+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImgtWzQwcHhdIG10LVstNi41cHhdXCI+XHJcbiAgICAgICAgICA8YnV0dG9uIChjbGljayk9XCJTYXZlQ29tbWVudCgpXCI+XHJcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snc3VibWl0J11cIiBjbGFzcz1cInctMTUgaC0xNVwiIC8+XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8Y29tbWVudC1maWx0ZXItbWVudSAob25GaWx0ZXJDbGljayk9XCJuYXZUb0NvbW1lbnRTZWFyY2goJGV2ZW50KVwiPjwvY29tbWVudC1maWx0ZXItbWVudT5cclxuICAgICAgPGRpdiBjbGFzcz1cInctZnVsbFwiPlxyXG4gICAgICAgIDxhcHAtY29tbWVudCBbbGliTWVudUl0ZW1dPVwibGliTWVudUl0ZW1cIiBbY29tbWVudHNEYXRhXT1cImNvbW1lbnREYXRhXCI+PC9hcHAtY29tbWVudD5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgICA8bGliLXBvcHVwIFtpc09wZW5dPVwibW9kYWxTZXJ2aWNlLnRvZ2dsZU1vZGFsXCI+XHJcbiAgICAgICAgPGFwcC1yZXBvcnQtaXRpbmVyYXJ5LW1vZGFsIHBvcHVwVGl0bGU9XCJSZXBvcnQgQ29tbWVudFwiPjwvYXBwLXJlcG9ydC1pdGluZXJhcnktbW9kYWw+XHJcbiAgICAgIDwvbGliLXBvcHVwPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGxpYi10b2FzdHItc3RhY2sgW2NvbmZpZyRdPVwiY29uZmlnJFwiPjwvbGliLXRvYXN0ci1zdGFjaz5cclxuIl19