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

package/esm2022/lib/itinerary-app/shared/card-component/card-component.component.mjs

@@ -0,0 +1,127 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ICONS } from '../../_constants/constants';
+import * as i0 from "@angular/core";
+import * as i1 from "../../_services/api.service";
+import * as i2 from "@naniteninja/ionic-lib";
+import * as i3 from "@angular/common";
+import * as i4 from "@ngx-translate/core";
+export class CardComponent {
+    apiService;
+    libMenuItem;
+    isDraft;
+    cardData;
+    processedCardData;
+    ICONS = ICONS;
+    itineraryStarted = false;
+    StartItineraryClick = new EventEmitter();
+    TitleClicked = new EventEmitter();
+    forkClicked = new EventEmitter();
+    messageClicked = new EventEmitter();
+    cardDataForLocations = {
+        locationColumn1: [
+            { icon: ICONS['temp'], name: 'Palace' },
+            { icon: ICONS['palace2'], name: 'Template' },
+            { icon: ICONS['palace2'], name: 'Optional' },
+            { icon: ICONS['palace2'], name: 'Optional' },
+        ],
+        locationColumn2: [
+            { icon: ICONS['coffee'], name: 'Coffee shop' },
+            { icon: ICONS['template'], name: 'Optional' },
+            { icon: ICONS['template'], name: 'Optional' },
+            { icon: ICONS['template'], name: 'Optional' },
+        ],
+    };
+    constructor(apiService) {
+        this.apiService = apiService;
+    }
+    ngOnInit() {
+        if (!this.isDraft) {
+            this.apiService.get('/assets/data.json').subscribe((data) => {
+                this.cardData = data;
+                this.processedCardData = this.processCardData(this.cardData);
+            });
+        }
+        else {
+            this.cardData = {
+                id: '2',
+                upVotes: '',
+                downVotes: 5,
+                title: '',
+                userName: '',
+                timeAgo: '',
+                location: '',
+                views: 0,
+                comments: 0,
+                shares: 0,
+                users: 0,
+                imageSrc: '',
+                userimageSrc: '',
+                isDraft: true,
+            };
+            this.processedCardData = this.processCardData(this.cardData);
+        }
+    }
+    nullCheck(data) {
+        return (data?.toString().length == 0 ||
+            data == null ||
+            data == undefined ||
+            data == '0' ||
+            data == 0 ||
+            data == '-');
+    }
+    processCardData(data) {
+        return {
+            ...data,
+            id: data.id,
+            upVotes: this.nullCheck(data.upVotes) ? '00' : data.upVotes,
+            title: this.nullCheck(data.title) ? 'Untitled Itinerary' : data.title,
+            userName: this.nullCheck(data.userName) ? 'You' : data.userName,
+            timeAgo: this.nullCheck(data.timeAgo) ? '' : data.timeAgo,
+            users: this.nullCheck(data.users) ? 0 : data.users,
+            views: this.nullCheck(data.views) ? 0 : data.views,
+            comments: this.nullCheck(data.comments) ? 0 : data.comments,
+            shares: this.nullCheck(data.shares) ? 0 : data.shares,
+            imageSrc: this.nullCheck(data.imageSrc) ? ICONS['untitled'] : data.imageSrc,
+            userimageSrc: this.nullCheck(data.userimageSrc)
+                ? ICONS['notSpecified']
+                : data.userimageSrc,
+            location: this.nullCheck(data.location) ? 'Not Specified' : data.location,
+        };
+    }
+    handleMenueItemSelect() { }
+    handleMenuItemChange() { }
+    handleMenuClick() { }
+    handleForkClick() {
+        this.forkClicked.emit();
+    }
+    handleStartItineraryClick() {
+        this.StartItineraryClick.emit();
+    }
+    handleTitleClick() {
+        this.TitleClicked.emit();
+    }
+    handleMessageClicked() {
+        this.messageClicked.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, deps: [{ token: i1.ApiService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardComponent, selector: "app-card-component", inputs: { libMenuItem: "libMenuItem", isDraft: "isDraft", itineraryStarted: "itineraryStarted" }, outputs: { StartItineraryClick: "StartItineraryClick", TitleClicked: "TitleClicked", forkClicked: "forkClicked", messageClicked: "messageClicked" }, ngImport: i0, template: "<lib-base-card\r\n  *ngIf=\"processedCardData\"\r\n  class=\"card-component px-4 py-4 my-2 rounded-lg outset-downshadow\"\r\n>\r\n  <div class=\"flex items-start justify-between mb-2\">\r\n    <div class=\"flex gap-5 items-start\">\r\n      <div\r\n        [class]=\"\r\n          !isDraft\r\n            ? ' text-primary'\r\n            : '' +\r\n              ' items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px]'\r\n        \"\r\n      >\r\n        <img [src]=\"!isDraft ? ICONS['upvote'] : ICONS['upArrowWhite']\" alt=\"\" />\r\n        <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n          {{ processedCardData.upVotes }}\r\n        </span>\r\n        <img [src]=\"ICONS['downvote']\" alt=\"\" />\r\n      </div>\r\n      <div class=\"\">\r\n        <h4 class=\"title medium-14 p-0 m-0\" (click)=\"handleTitleClick()\">\r\n          {{ processedCardData.title }}\r\n        </h4>\r\n        <h5\r\n          class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\"\r\n        >\r\n          <img [src]=\"ICONS['user']\" alt=\"\" />\r\n          <span\r\n            >{{ processedCardData.userName }} -\r\n            {{ processedCardData.timeAgo }}</span\r\n          >\r\n        </h5>\r\n      </div>\r\n    </div>\r\n    <div class=\"draft-header\" *ngIf=\"processedCardData.isDraft\">\r\n      Draft Saved\r\n    </div>\r\n\r\n    <div class=\"flex items-center\">\r\n      <div\r\n        *ngIf=\"itineraryStarted\"\r\n        (click)=\"handleStartItineraryClick()\"\r\n        class=\"startItinerary\"\r\n      >\r\n        <img [src]=\"ICONS['startItinerary']\" alt=\"icon\" />\r\n      </div>\r\n      <lib-menu-btn\r\n        (select)=\"handleMenueItemSelect()\"\r\n        (click)=\"handleMenuClick()\"\r\n        (change)=\"handleMenuItemChange()\"\r\n        class=\"lib-menu-custom-class\"\r\n        [disableTextShadow]=\"true\"\r\n        [menuItems]=\"libMenuItem\"\r\n      >\r\n        <img [src]=\"ICONS['horizontal']\" alt=\"\" />\r\n      </lib-menu-btn>\r\n    </div>\r\n  </div>\r\n  <hr class=\"h-1 text-secondary opacity-25\" />\r\n  <div class=\"my-2 mb-1 flex items-start gap-x-5\">\r\n    <div class=\"1 mb-0 flex flex-col items-center justify-center\">\r\n      <img\r\n        [class]=\"isDraft ? 'draf-location-image' : ''\"\r\n        [src]=\"processedCardData.imageSrc\"\r\n        alt=\"\"\r\n        width=\"100\"\r\n      />\r\n    </div>\r\n    <div class=\"2\">\r\n      <div\r\n        *ngIf=\"!cardData?.isDraft\"\r\n        class=\"font-normal text-secondary flex items-center gap-x-4 text-sm\"\r\n      >\r\n        <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n          <li\r\n            *ngFor=\"let location of cardDataForLocations.locationColumn1\"\r\n            class=\"location-item flex items-center gap-1\"\r\n          >\r\n            <img [src]=\"location.icon\" alt=\"\" />\r\n            <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n              location.name\r\n            }}</span>\r\n          </li>\r\n        </ul>\r\n        <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n          <li\r\n            *ngFor=\"let location of cardDataForLocations.locationColumn2\"\r\n            class=\"location-item flex items-center gap-1\"\r\n          >\r\n            <img [src]=\"location.icon\" alt=\"\" />\r\n            <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n              location.name\r\n            }}</span>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <p *ngIf=\"processedCardData.isDraft\" class=\"text-xs draft-description\">\r\n        {{ \"FINISH_ITINERARY_CREATION\" | translate }}\r\n      </p>\r\n    </div>\r\n  </div>\r\n  <hr class=\"h-1 text-secondary opacity-25\" />\r\n  <div class=\"my-2 flex items-center justify-between\">\r\n    <div\r\n      class=\"flex items-center justify-between sm:gap-x-7 xs:gap-x-5 sm:text-sm xs:text-[9px] text-secondary\"\r\n    >\r\n      <div class=\"flex items-center gap-x-[6px]\">\r\n        <img class=\"bottom-icons\" [src]=\"ICONS['eye']\" alt=\"\" />\r\n        <span class=\"bottom-tags\">{{ processedCardData.views }}</span>\r\n      </div>\r\n      <div\r\n        (click)=\"handleMessageClicked()\"\r\n        class=\"flex items-center gap-x-[6px]\"\r\n      >\r\n        <img class=\"bottom-icons\" [src]=\"ICONS['comment2']\" alt=\"\" />\r\n        <span class=\"bottom-tags\">{{ processedCardData.comments }}</span>\r\n      </div>\r\n      <div (click)=\"handleForkClick()\" class=\"flex items-center gap-x-[6px]\">\r\n        <img class=\"bottom-icons\" [src]=\"ICONS['fork']\" alt=\"\" />\r\n        <span class=\"bottom-tags\">{{ processedCardData.shares }}</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"flex items-center gap-x-2\">\r\n      <span class=\"text-xs userIconText\">\r\n        {{ processedCardData.users }}\r\n        <span class=\"user-icon-text\" *ngIf=\"processedCardData.users > 0\"\r\n          >Users</span\r\n        >\r\n      </span>\r\n      <img [src]=\"processedCardData.userimageSrc\" alt=\"\" />\r\n    </div>\r\n  </div>\r\n</lib-base-card>\r\n", styles: [".card-component{width:200px!important;height:300px!important;background:#27242c}.bottom-tags{font-size:12px}.text-primary{font-size:10px}.draft-header{color:#bdbdbd;font-weight:400!important;font-size:11px!important;margin-top:7px;position:relative;left:36px}.draft-description{color:#fff}.user-icon-text{color:#bdbdbd;margin-top:2px;font-size:13px}.bottom-icons{height:15px;width:16px}.bottom-icons:last-child{height:16px!important;width:17px!important}.draf-location-image{height:5rem;width:9rem}.bottom-bar-loc{background:#413f47!important;width:5rem!important;bottom:1rem!important}.location-item-main{font-size:12px}.location-item-main span{margin-top:2px;font-size:12px}.location-item span{color:#bbbabc!important;font-size:12px;margin-top:2px}.drah-voter-header{font-family:Gilroy-Thin;margin-top:5px!important}.title{font-family:var(--font-gilroy-bold)}.h-1{opacity:.1!important}.startItinerary{position:relative;top:-4px}\n"], dependencies: [{ kind: "component", type: i2.BaseCardComponent, selector: "lib-base-card" }, { 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: i2.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: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-card-component', standalone: false, template: "<lib-base-card\r\n  *ngIf=\"processedCardData\"\r\n  class=\"card-component px-4 py-4 my-2 rounded-lg outset-downshadow\"\r\n>\r\n  <div class=\"flex items-start justify-between mb-2\">\r\n    <div class=\"flex gap-5 items-start\">\r\n      <div\r\n        [class]=\"\r\n          !isDraft\r\n            ? ' text-primary'\r\n            : '' +\r\n              ' items-center sm:text-[10px] xs:text-[9px] flex flex-col gap-y-[0px]'\r\n        \"\r\n      >\r\n        <img [src]=\"!isDraft ? ICONS['upvote'] : ICONS['upArrowWhite']\" alt=\"\" />\r\n        <span [class]=\"!isDraft ? 'text-primary' : 'drah-voter-header'\">\r\n          {{ processedCardData.upVotes }}\r\n        </span>\r\n        <img [src]=\"ICONS['downvote']\" alt=\"\" />\r\n      </div>\r\n      <div class=\"\">\r\n        <h4 class=\"title medium-14 p-0 m-0\" (click)=\"handleTitleClick()\">\r\n          {{ processedCardData.title }}\r\n        </h4>\r\n        <h5\r\n          class=\"text-secondary opacity-80 text-[10px] xs:text-[9px] flex gap-[6px] items-center\"\r\n        >\r\n          <img [src]=\"ICONS['user']\" alt=\"\" />\r\n          <span\r\n            >{{ processedCardData.userName }} -\r\n            {{ processedCardData.timeAgo }}</span\r\n          >\r\n        </h5>\r\n      </div>\r\n    </div>\r\n    <div class=\"draft-header\" *ngIf=\"processedCardData.isDraft\">\r\n      Draft Saved\r\n    </div>\r\n\r\n    <div class=\"flex items-center\">\r\n      <div\r\n        *ngIf=\"itineraryStarted\"\r\n        (click)=\"handleStartItineraryClick()\"\r\n        class=\"startItinerary\"\r\n      >\r\n        <img [src]=\"ICONS['startItinerary']\" alt=\"icon\" />\r\n      </div>\r\n      <lib-menu-btn\r\n        (select)=\"handleMenueItemSelect()\"\r\n        (click)=\"handleMenuClick()\"\r\n        (change)=\"handleMenuItemChange()\"\r\n        class=\"lib-menu-custom-class\"\r\n        [disableTextShadow]=\"true\"\r\n        [menuItems]=\"libMenuItem\"\r\n      >\r\n        <img [src]=\"ICONS['horizontal']\" alt=\"\" />\r\n      </lib-menu-btn>\r\n    </div>\r\n  </div>\r\n  <hr class=\"h-1 text-secondary opacity-25\" />\r\n  <div class=\"my-2 mb-1 flex items-start gap-x-5\">\r\n    <div class=\"1 mb-0 flex flex-col items-center justify-center\">\r\n      <img\r\n        [class]=\"isDraft ? 'draf-location-image' : ''\"\r\n        [src]=\"processedCardData.imageSrc\"\r\n        alt=\"\"\r\n        width=\"100\"\r\n      />\r\n    </div>\r\n    <div class=\"2\">\r\n      <div\r\n        *ngIf=\"!cardData?.isDraft\"\r\n        class=\"font-normal text-secondary flex items-center gap-x-4 text-sm\"\r\n      >\r\n        <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n          <li\r\n            *ngFor=\"let location of cardDataForLocations.locationColumn1\"\r\n            class=\"location-item flex items-center gap-1\"\r\n          >\r\n            <img [src]=\"location.icon\" alt=\"\" />\r\n            <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n              location.name\r\n            }}</span>\r\n          </li>\r\n        </ul>\r\n        <ul class=\"flex flex-col gap-y-[6px] xs:text-[9px] sm:text-[12px]\">\r\n          <li\r\n            *ngFor=\"let location of cardDataForLocations.locationColumn2\"\r\n            class=\"location-item flex items-center gap-1\"\r\n          >\r\n            <img [src]=\"location.icon\" alt=\"\" />\r\n            <span class=\"truncate sm:max-w-10 xs:max-w-11\">{{\r\n              location.name\r\n            }}</span>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <p *ngIf=\"processedCardData.isDraft\" class=\"text-xs draft-description\">\r\n        {{ \"FINISH_ITINERARY_CREATION\" | translate }}\r\n      </p>\r\n    </div>\r\n  </div>\r\n  <hr class=\"h-1 text-secondary opacity-25\" />\r\n  <div class=\"my-2 flex items-center justify-between\">\r\n    <div\r\n      class=\"flex items-center justify-between sm:gap-x-7 xs:gap-x-5 sm:text-sm xs:text-[9px] text-secondary\"\r\n    >\r\n      <div class=\"flex items-center gap-x-[6px]\">\r\n        <img class=\"bottom-icons\" [src]=\"ICONS['eye']\" alt=\"\" />\r\n        <span class=\"bottom-tags\">{{ processedCardData.views }}</span>\r\n      </div>\r\n      <div\r\n        (click)=\"handleMessageClicked()\"\r\n        class=\"flex items-center gap-x-[6px]\"\r\n      >\r\n        <img class=\"bottom-icons\" [src]=\"ICONS['comment2']\" alt=\"\" />\r\n        <span class=\"bottom-tags\">{{ processedCardData.comments }}</span>\r\n      </div>\r\n      <div (click)=\"handleForkClick()\" class=\"flex items-center gap-x-[6px]\">\r\n        <img class=\"bottom-icons\" [src]=\"ICONS['fork']\" alt=\"\" />\r\n        <span class=\"bottom-tags\">{{ processedCardData.shares }}</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"flex items-center gap-x-2\">\r\n      <span class=\"text-xs userIconText\">\r\n        {{ processedCardData.users }}\r\n        <span class=\"user-icon-text\" *ngIf=\"processedCardData.users > 0\"\r\n          >Users</span\r\n        >\r\n      </span>\r\n      <img [src]=\"processedCardData.userimageSrc\" alt=\"\" />\r\n    </div>\r\n  </div>\r\n</lib-base-card>\r\n", styles: [".card-component{width:200px!important;height:300px!important;background:#27242c}.bottom-tags{font-size:12px}.text-primary{font-size:10px}.draft-header{color:#bdbdbd;font-weight:400!important;font-size:11px!important;margin-top:7px;position:relative;left:36px}.draft-description{color:#fff}.user-icon-text{color:#bdbdbd;margin-top:2px;font-size:13px}.bottom-icons{height:15px;width:16px}.bottom-icons:last-child{height:16px!important;width:17px!important}.draf-location-image{height:5rem;width:9rem}.bottom-bar-loc{background:#413f47!important;width:5rem!important;bottom:1rem!important}.location-item-main{font-size:12px}.location-item-main span{margin-top:2px;font-size:12px}.location-item span{color:#bbbabc!important;font-size:12px;margin-top:2px}.drah-voter-header{font-family:Gilroy-Thin;margin-top:5px!important}.title{font-family:var(--font-gilroy-bold)}.h-1{opacity:.1!important}.startItinerary{position:relative;top:-4px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ApiService }], propDecorators: { libMenuItem: [{
+                type: Input
+            }], isDraft: [{
+                type: Input
+            }], itineraryStarted: [{
+                type: Input
+            }], StartItineraryClick: [{
+                type: Output
+            }], TitleClicked: [{
+                type: Output
+            }], forkClicked: [{
+                type: Output
+            }], messageClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb21wb25lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvc2hhcmVkL2NhcmQtY29tcG9uZW50L2NhcmQtY29tcG9uZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL3NoYXJlZC9jYXJkLWNvbXBvbmVudC9jYXJkLWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9FLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0FBV25ELE1BQU0sT0FBTyxhQUFhO0lBMkJKO0lBMUJYLFdBQVcsQ0FBaUI7SUFDNUIsT0FBTyxDQUFXO0lBQzNCLFFBQVEsQ0FBd0I7SUFDaEMsaUJBQWlCLENBQXdCO0lBQ3pDLEtBQUssR0FBVSxLQUFLLENBQUM7SUFDWixnQkFBZ0IsR0FBWSxLQUFLLENBQUM7SUFDakMsbUJBQW1CLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFDbkUsWUFBWSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBQzVELFdBQVcsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUMzRCxjQUFjLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFeEUsb0JBQW9CLEdBQUc7UUFDckIsZUFBZSxFQUFFO1lBQ2YsRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUU7WUFDdkMsRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7WUFDNUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7WUFDNUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7U0FDN0M7UUFDRCxlQUFlLEVBQUU7WUFDZixFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRTtZQUM5QyxFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtZQUM3QyxFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtZQUM3QyxFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtTQUM5QztLQUNGLENBQUM7SUFFRixZQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQUcsQ0FBQztJQUU5QyxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDakIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtnQkFDMUQsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFpQixDQUFDO2dCQUNsQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDL0QsQ0FBQyxDQUFDLENBQUM7U0FDSjthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRztnQkFDZCxFQUFFLEVBQUUsR0FBRztnQkFDUCxPQUFPLEVBQUUsRUFBRTtnQkFDWCxTQUFTLEVBQUUsQ0FBQztnQkFDWixLQUFLLEVBQUUsRUFBRTtnQkFDVCxRQUFRLEVBQUUsRUFBRTtnQkFDWixPQUFPLEVBQUUsRUFBRTtnQkFDWCxRQUFRLEVBQUUsRUFBRTtnQkFDWixLQUFLLEVBQUUsQ0FBQztnQkFDUixRQUFRLEVBQUUsQ0FBQztnQkFDWCxNQUFNLEVBQUUsQ0FBQztnQkFDVCxLQUFLLEVBQUUsQ0FBQztnQkFDUixRQUFRLEVBQUUsRUFBRTtnQkFDWixZQUFZLEVBQUUsRUFBRTtnQkFDaEIsT0FBTyxFQUFFLElBQUk7YUFDZCxDQUFDO1lBQ0YsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQzlEO0lBQ0gsQ0FBQztJQUVPLFNBQVMsQ0FBQyxJQUF3QztRQUN4RCxPQUFPLENBQ0wsSUFBSSxFQUFFLFFBQVEsRUFBRSxDQUFDLE1BQU0sSUFBSSxDQUFDO1lBQzVCLElBQUksSUFBSSxJQUFJO1lBQ1osSUFBSSxJQUFJLFNBQVM7WUFDakIsSUFBSSxJQUFJLEdBQUc7WUFDWCxJQUFJLElBQUksQ0FBQztZQUNULElBQUksSUFBSSxHQUFHLENBQ1osQ0FBQztJQUNKLENBQUM7SUFFTyxlQUFlLENBQUMsSUFBZTtRQUNyQyxPQUFPO1lBQ0wsR0FBRyxJQUFJO1lBQ1AsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFO1lBQ1gsT0FBTyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPO1lBQzNELEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLO1lBQ3JFLFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUTtZQUMvRCxPQUFPLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU87WUFDekQsS0FBSyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLO1lBQ2xELEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSztZQUNsRCxRQUFRLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVE7WUFDM0QsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNO1lBQ3JELFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUTtZQUMzRSxZQUFZLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO2dCQUM3QyxDQUFDLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQztnQkFDdkIsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZO1lBQ3JCLFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUTtTQUMxRSxDQUFDO0lBQ0osQ0FBQztJQUVELHFCQUFxQixLQUFVLENBQUM7SUFDaEMsb0JBQW9CLEtBQVUsQ0FBQztJQUMvQixlQUFlLEtBQVUsQ0FBQztJQUUxQixlQUFlO1FBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBQ0QseUJBQXlCO1FBQ3ZCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBQ0QsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBQ0Qsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQzt3R0F0R1UsYUFBYTs0RkFBYixhQUFhLGlUQ2IxQix1a0tBc0lBOzs0RkR6SGEsYUFBYTtrQkFOekIsU0FBUzsrQkFDSSxvQkFBb0IsY0FHbEIsS0FBSzsrRUFHVixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFJRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBMaWJNZW51SXRlbSB9IGZyb20gJ0BuYW5pdGVuaW5qYS9pb25pYy1saWInOyAgIFxyXG5pbXBvcnQgeyBJQ09OUyB9IGZyb20gJy4uLy4uL19jb25zdGFudHMvY29uc3RhbnRzJztcclxuaW1wb3J0IHsgSUNhcmREYXRhIH0gZnJvbSAnLi4vLi4vX2ludGVyZmFjZS9jYXJkRGF0YSc7XHJcbmltcG9ydCB7IElpY29uIH0gZnJvbSAnLi4vLi4vX2ludGVyZmFjZS9pY29uJztcclxuaW1wb3J0IHsgQXBpU2VydmljZSB9IGZyb20gJy4uLy4uL19zZXJ2aWNlcy9hcGkuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXBwLWNhcmQtY29tcG9uZW50JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9jYXJkLWNvbXBvbmVudC5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgc3RhbmRhbG9uZTogZmFsc2VcclxufSlcclxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGxpYk1lbnVJdGVtITogTGliTWVudUl0ZW1bXTtcclxuICBASW5wdXQoKSBpc0RyYWZ0ITogYm9vbGVhbjtcclxuICBjYXJkRGF0YTogSUNhcmREYXRhIHwgdW5kZWZpbmVkO1xyXG4gIHByb2Nlc3NlZENhcmREYXRhOiBJQ2FyZERhdGEgfCB1bmRlZmluZWQ7XHJcbiAgSUNPTlM6IElpY29uID0gSUNPTlM7XHJcbiAgQElucHV0KCkgaXRpbmVyYXJ5U3RhcnRlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSBTdGFydEl0aW5lcmFyeUNsaWNrOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIFRpdGxlQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBmb3JrQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBtZXNzYWdlQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBjYXJkRGF0YUZvckxvY2F0aW9ucyA9IHtcclxuICAgIGxvY2F0aW9uQ29sdW1uMTogW1xyXG4gICAgICB7IGljb246IElDT05TWyd0ZW1wJ10sIG5hbWU6ICdQYWxhY2UnIH0sXHJcbiAgICAgIHsgaWNvbjogSUNPTlNbJ3BhbGFjZTInXSwgbmFtZTogJ1RlbXBsYXRlJyB9LFxyXG4gICAgICB7IGljb246IElDT05TWydwYWxhY2UyJ10sIG5hbWU6ICdPcHRpb25hbCcgfSxcclxuICAgICAgeyBpY29uOiBJQ09OU1sncGFsYWNlMiddLCBuYW1lOiAnT3B0aW9uYWwnIH0sXHJcbiAgICBdLFxyXG4gICAgbG9jYXRpb25Db2x1bW4yOiBbXHJcbiAgICAgIHsgaWNvbjogSUNPTlNbJ2NvZmZlZSddLCBuYW1lOiAnQ29mZmVlIHNob3AnIH0sXHJcbiAgICAgIHsgaWNvbjogSUNPTlNbJ3RlbXBsYXRlJ10sIG5hbWU6ICdPcHRpb25hbCcgfSxcclxuICAgICAgeyBpY29uOiBJQ09OU1sndGVtcGxhdGUnXSwgbmFtZTogJ09wdGlvbmFsJyB9LFxyXG4gICAgICB7IGljb246IElDT05TWyd0ZW1wbGF0ZSddLCBuYW1lOiAnT3B0aW9uYWwnIH0sXHJcbiAgICBdLFxyXG4gIH07XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYXBpU2VydmljZTogQXBpU2VydmljZSkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuaXNEcmFmdCkge1xyXG4gICAgICB0aGlzLmFwaVNlcnZpY2UuZ2V0KCcvYXNzZXRzL2RhdGEuanNvbicpLnN1YnNjcmliZSgoZGF0YSkgPT4ge1xyXG4gICAgICAgIHRoaXMuY2FyZERhdGEgPSBkYXRhIGFzIElDYXJkRGF0YTtcclxuICAgICAgICB0aGlzLnByb2Nlc3NlZENhcmREYXRhID0gdGhpcy5wcm9jZXNzQ2FyZERhdGEodGhpcy5jYXJkRGF0YSk7XHJcbiAgICAgIH0pO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5jYXJkRGF0YSA9IHtcclxuICAgICAgICBpZDogJzInLFxyXG4gICAgICAgIHVwVm90ZXM6ICcnLFxyXG4gICAgICAgIGRvd25Wb3RlczogNSxcclxuICAgICAgICB0aXRsZTogJycsXHJcbiAgICAgICAgdXNlck5hbWU6ICcnLFxyXG4gICAgICAgIHRpbWVBZ286ICcnLFxyXG4gICAgICAgIGxvY2F0aW9uOiAnJyxcclxuICAgICAgICB2aWV3czogMCxcclxuICAgICAgICBjb21tZW50czogMCxcclxuICAgICAgICBzaGFyZXM6IDAsXHJcbiAgICAgICAgdXNlcnM6IDAsXHJcbiAgICAgICAgaW1hZ2VTcmM6ICcnLFxyXG4gICAgICAgIHVzZXJpbWFnZVNyYzogJycsXHJcbiAgICAgICAgaXNEcmFmdDogdHJ1ZSxcclxuICAgICAgfTtcclxuICAgICAgdGhpcy5wcm9jZXNzZWRDYXJkRGF0YSA9IHRoaXMucHJvY2Vzc0NhcmREYXRhKHRoaXMuY2FyZERhdGEpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBudWxsQ2hlY2soZGF0YTogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbCB8IHVuZGVmaW5lZCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIChcclxuICAgICAgZGF0YT8udG9TdHJpbmcoKS5sZW5ndGggPT0gMCB8fFxyXG4gICAgICBkYXRhID09IG51bGwgfHxcclxuICAgICAgZGF0YSA9PSB1bmRlZmluZWQgfHxcclxuICAgICAgZGF0YSA9PSAnMCcgfHxcclxuICAgICAgZGF0YSA9PSAwIHx8XHJcbiAgICAgIGRhdGEgPT0gJy0nXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBwcm9jZXNzQ2FyZERhdGEoZGF0YTogSUNhcmREYXRhKTogSUNhcmREYXRhIHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIC4uLmRhdGEsXHJcbiAgICAgIGlkOiBkYXRhLmlkLFxyXG4gICAgICB1cFZvdGVzOiB0aGlzLm51bGxDaGVjayhkYXRhLnVwVm90ZXMpID8gJzAwJyA6IGRhdGEudXBWb3RlcyxcclxuICAgICAgdGl0bGU6IHRoaXMubnVsbENoZWNrKGRhdGEudGl0bGUpID8gJ1VudGl0bGVkIEl0aW5lcmFyeScgOiBkYXRhLnRpdGxlLFxyXG4gICAgICB1c2VyTmFtZTogdGhpcy5udWxsQ2hlY2soZGF0YS51c2VyTmFtZSkgPyAnWW91JyA6IGRhdGEudXNlck5hbWUsXHJcbiAgICAgIHRpbWVBZ286IHRoaXMubnVsbENoZWNrKGRhdGEudGltZUFnbykgPyAnJyA6IGRhdGEudGltZUFnbyxcclxuICAgICAgdXNlcnM6IHRoaXMubnVsbENoZWNrKGRhdGEudXNlcnMpID8gMCA6IGRhdGEudXNlcnMsXHJcbiAgICAgIHZpZXdzOiB0aGlzLm51bGxDaGVjayhkYXRhLnZpZXdzKSA/IDAgOiBkYXRhLnZpZXdzLFxyXG4gICAgICBjb21tZW50czogdGhpcy5udWxsQ2hlY2soZGF0YS5jb21tZW50cykgPyAwIDogZGF0YS5jb21tZW50cyxcclxuICAgICAgc2hhcmVzOiB0aGlzLm51bGxDaGVjayhkYXRhLnNoYXJlcykgPyAwIDogZGF0YS5zaGFyZXMsXHJcbiAgICAgIGltYWdlU3JjOiB0aGlzLm51bGxDaGVjayhkYXRhLmltYWdlU3JjKSA/IElDT05TWyd1bnRpdGxlZCddIDogZGF0YS5pbWFnZVNyYyxcclxuICAgICAgdXNlcmltYWdlU3JjOiB0aGlzLm51bGxDaGVjayhkYXRhLnVzZXJpbWFnZVNyYylcclxuICAgICAgICA/IElDT05TWydub3RTcGVjaWZpZWQnXVxyXG4gICAgICAgIDogZGF0YS51c2VyaW1hZ2VTcmMsXHJcbiAgICAgIGxvY2F0aW9uOiB0aGlzLm51bGxDaGVjayhkYXRhLmxvY2F0aW9uKSA/ICdOb3QgU3BlY2lmaWVkJyA6IGRhdGEubG9jYXRpb24sXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlTWVudWVJdGVtU2VsZWN0KCk6IHZvaWQge31cclxuICBoYW5kbGVNZW51SXRlbUNoYW5nZSgpOiB2b2lkIHt9XHJcbiAgaGFuZGxlTWVudUNsaWNrKCk6IHZvaWQge31cclxuXHJcbiAgaGFuZGxlRm9ya0NsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5mb3JrQ2xpY2tlZC5lbWl0KCk7XHJcbiAgfVxyXG4gIGhhbmRsZVN0YXJ0SXRpbmVyYXJ5Q2xpY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLlN0YXJ0SXRpbmVyYXJ5Q2xpY2suZW1pdCgpO1xyXG4gIH1cclxuICBoYW5kbGVUaXRsZUNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5UaXRsZUNsaWNrZWQuZW1pdCgpO1xyXG4gIH1cclxuICBoYW5kbGVNZXNzYWdlQ2xpY2tlZCgpOiB2b2lkIHtcclxuICAgIHRoaXMubWVzc2FnZUNsaWNrZWQuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8bGliLWJhc2UtY2FyZFxyXG4gICpuZ0lmPVwicHJvY2Vzc2VkQ2FyZERhdGFcIlxyXG4gIGNsYXNzPVwiY2FyZC1jb21wb25lbnQgcHgtNCBweS00IG15LTIgcm91bmRlZC1sZyBvdXRzZXQtZG93bnNoYWRvd1wiXHJcbj5cclxuICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1zdGFydCBqdXN0aWZ5LWJldHdlZW4gbWItMlwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLTUgaXRlbXMtc3RhcnRcIj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIFtjbGFzc109XCJcclxuICAgICAgICAgICFpc0RyYWZ0XHJcbiAgICAgICAgICAgID8gJyB0ZXh0LXByaW1hcnknXHJcbiAgICAgICAgICAgIDogJycgK1xyXG4gICAgICAgICAgICAgICcgaXRlbXMtY2VudGVyIHNtOnRleHQtWzEwcHhdIHhzOnRleHQtWzlweF0gZmxleCBmbGV4LWNvbCBnYXAteS1bMHB4XSdcclxuICAgICAgICBcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cIiFpc0RyYWZ0ID8gSUNPTlNbJ3Vwdm90ZSddIDogSUNPTlNbJ3VwQXJyb3dXaGl0ZSddXCIgYWx0PVwiXCIgLz5cclxuICAgICAgICA8c3BhbiBbY2xhc3NdPVwiIWlzRHJhZnQgPyAndGV4dC1wcmltYXJ5JyA6ICdkcmFoLXZvdGVyLWhlYWRlcidcIj5cclxuICAgICAgICAgIHt7IHByb2Nlc3NlZENhcmREYXRhLnVwVm90ZXMgfX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cIklDT05TWydkb3dudm90ZSddXCIgYWx0PVwiXCIgLz5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJcIj5cclxuICAgICAgICA8aDQgY2xhc3M9XCJ0aXRsZSBtZWRpdW0tMTQgcC0wIG0tMFwiIChjbGljayk9XCJoYW5kbGVUaXRsZUNsaWNrKClcIj5cclxuICAgICAgICAgIHt7IHByb2Nlc3NlZENhcmREYXRhLnRpdGxlIH19XHJcbiAgICAgICAgPC9oND5cclxuICAgICAgICA8aDVcclxuICAgICAgICAgIGNsYXNzPVwidGV4dC1zZWNvbmRhcnkgb3BhY2l0eS04MCB0ZXh0LVsxMHB4XSB4czp0ZXh0LVs5cHhdIGZsZXggZ2FwLVs2cHhdIGl0ZW1zLWNlbnRlclwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGltZyBbc3JjXT1cIklDT05TWyd1c2VyJ11cIiBhbHQ9XCJcIiAvPlxyXG4gICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgPnt7IHByb2Nlc3NlZENhcmREYXRhLnVzZXJOYW1lIH19IC1cclxuICAgICAgICAgICAge3sgcHJvY2Vzc2VkQ2FyZERhdGEudGltZUFnbyB9fTwvc3BhblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgIDwvaDU+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZHJhZnQtaGVhZGVyXCIgKm5nSWY9XCJwcm9jZXNzZWRDYXJkRGF0YS5pc0RyYWZ0XCI+XHJcbiAgICAgIERyYWZ0IFNhdmVkXHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXJcIj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgICpuZ0lmPVwiaXRpbmVyYXJ5U3RhcnRlZFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImhhbmRsZVN0YXJ0SXRpbmVyYXJ5Q2xpY2soKVwiXHJcbiAgICAgICAgY2xhc3M9XCJzdGFydEl0aW5lcmFyeVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ3N0YXJ0SXRpbmVyYXJ5J11cIiBhbHQ9XCJpY29uXCIgLz5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxsaWItbWVudS1idG5cclxuICAgICAgICAoc2VsZWN0KT1cImhhbmRsZU1lbnVlSXRlbVNlbGVjdCgpXCJcclxuICAgICAgICAoY2xpY2spPVwiaGFuZGxlTWVudUNsaWNrKClcIlxyXG4gICAgICAgIChjaGFuZ2UpPVwiaGFuZGxlTWVudUl0ZW1DaGFuZ2UoKVwiXHJcbiAgICAgICAgY2xhc3M9XCJsaWItbWVudS1jdXN0b20tY2xhc3NcIlxyXG4gICAgICAgIFtkaXNhYmxlVGV4dFNoYWRvd109XCJ0cnVlXCJcclxuICAgICAgICBbbWVudUl0ZW1zXT1cImxpYk1lbnVJdGVtXCJcclxuICAgICAgPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snaG9yaXpvbnRhbCddXCIgYWx0PVwiXCIgLz5cclxuICAgICAgPC9saWItbWVudS1idG4+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8aHIgY2xhc3M9XCJoLTEgdGV4dC1zZWNvbmRhcnkgb3BhY2l0eS0yNVwiIC8+XHJcbiAgPGRpdiBjbGFzcz1cIm15LTIgbWItMSBmbGV4IGl0ZW1zLXN0YXJ0IGdhcC14LTVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCIxIG1iLTAgZmxleCBmbGV4LWNvbCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXJcIj5cclxuICAgICAgPGltZ1xyXG4gICAgICAgIFtjbGFzc109XCJpc0RyYWZ0ID8gJ2RyYWYtbG9jYXRpb24taW1hZ2UnIDogJydcIlxyXG4gICAgICAgIFtzcmNdPVwicHJvY2Vzc2VkQ2FyZERhdGEuaW1hZ2VTcmNcIlxyXG4gICAgICAgIGFsdD1cIlwiXHJcbiAgICAgICAgd2lkdGg9XCIxMDBcIlxyXG4gICAgICAvPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiMlwiPlxyXG4gICAgICA8ZGl2XHJcbiAgICAgICAgKm5nSWY9XCIhY2FyZERhdGE/LmlzRHJhZnRcIlxyXG4gICAgICAgIGNsYXNzPVwiZm9udC1ub3JtYWwgdGV4dC1zZWNvbmRhcnkgZmxleCBpdGVtcy1jZW50ZXIgZ2FwLXgtNCB0ZXh0LXNtXCJcclxuICAgICAgPlxyXG4gICAgICAgIDx1bCBjbGFzcz1cImZsZXggZmxleC1jb2wgZ2FwLXktWzZweF0geHM6dGV4dC1bOXB4XSBzbTp0ZXh0LVsxMnB4XVwiPlxyXG4gICAgICAgICAgPGxpXHJcbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBsb2NhdGlvbiBvZiBjYXJkRGF0YUZvckxvY2F0aW9ucy5sb2NhdGlvbkNvbHVtbjFcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImxvY2F0aW9uLWl0ZW0gZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTFcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwibG9jYXRpb24uaWNvblwiIGFsdD1cIlwiIC8+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidHJ1bmNhdGUgc206bWF4LXctMTAgeHM6bWF4LXctMTFcIj57e1xyXG4gICAgICAgICAgICAgIGxvY2F0aW9uLm5hbWVcclxuICAgICAgICAgICAgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2xpPlxyXG4gICAgICAgIDwvdWw+XHJcbiAgICAgICAgPHVsIGNsYXNzPVwiZmxleCBmbGV4LWNvbCBnYXAteS1bNnB4XSB4czp0ZXh0LVs5cHhdIHNtOnRleHQtWzEycHhdXCI+XHJcbiAgICAgICAgICA8bGlcclxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IGxvY2F0aW9uIG9mIGNhcmREYXRhRm9yTG9jYXRpb25zLmxvY2F0aW9uQ29sdW1uMlwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwibG9jYXRpb24taXRlbSBmbGV4IGl0ZW1zLWNlbnRlciBnYXAtMVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJsb2NhdGlvbi5pY29uXCIgYWx0PVwiXCIgLz5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0cnVuY2F0ZSBzbTptYXgtdy0xMCB4czptYXgtdy0xMVwiPnt7XHJcbiAgICAgICAgICAgICAgbG9jYXRpb24ubmFtZVxyXG4gICAgICAgICAgICB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgPC91bD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxwICpuZ0lmPVwicHJvY2Vzc2VkQ2FyZERhdGEuaXNEcmFmdFwiIGNsYXNzPVwidGV4dC14cyBkcmFmdC1kZXNjcmlwdGlvblwiPlxyXG4gICAgICAgIHt7IFwiRklOSVNIX0lUSU5FUkFSWV9DUkVBVElPTlwiIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvcD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxociBjbGFzcz1cImgtMSB0ZXh0LXNlY29uZGFyeSBvcGFjaXR5LTI1XCIgLz5cclxuICA8ZGl2IGNsYXNzPVwibXktMiBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gc206Z2FwLXgtNyB4czpnYXAteC01IHNtOnRleHQtc20geHM6dGV4dC1bOXB4XSB0ZXh0LXNlY29uZGFyeVwiXHJcbiAgICA+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBnYXAteC1bNnB4XVwiPlxyXG4gICAgICAgIDxpbWcgY2xhc3M9XCJib3R0b20taWNvbnNcIiBbc3JjXT1cIklDT05TWydleWUnXVwiIGFsdD1cIlwiIC8+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJib3R0b20tdGFnc1wiPnt7IHByb2Nlc3NlZENhcmREYXRhLnZpZXdzIH19PC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIChjbGljayk9XCJoYW5kbGVNZXNzYWdlQ2xpY2tlZCgpXCJcclxuICAgICAgICBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGdhcC14LVs2cHhdXCJcclxuICAgICAgPlxyXG4gICAgICAgIDxpbWcgY2xhc3M9XCJib3R0b20taWNvbnNcIiBbc3JjXT1cIklDT05TWydjb21tZW50MiddXCIgYWx0PVwiXCIgLz5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImJvdHRvbS10YWdzXCI+e3sgcHJvY2Vzc2VkQ2FyZERhdGEuY29tbWVudHMgfX08L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IChjbGljayk9XCJoYW5kbGVGb3JrQ2xpY2soKVwiIGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLXgtWzZweF1cIj5cclxuICAgICAgICA8aW1nIGNsYXNzPVwiYm90dG9tLWljb25zXCIgW3NyY109XCJJQ09OU1snZm9yayddXCIgYWx0PVwiXCIgLz5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImJvdHRvbS10YWdzXCI+e3sgcHJvY2Vzc2VkQ2FyZERhdGEuc2hhcmVzIH19PC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGdhcC14LTJcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXhzIHVzZXJJY29uVGV4dFwiPlxyXG4gICAgICAgIHt7IHByb2Nlc3NlZENhcmREYXRhLnVzZXJzIH19XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ1c2VyLWljb24tdGV4dFwiICpuZ0lmPVwicHJvY2Vzc2VkQ2FyZERhdGEudXNlcnMgPiAwXCJcclxuICAgICAgICAgID5Vc2Vyczwvc3BhblxyXG4gICAgICAgID5cclxuICAgICAgPC9zcGFuPlxyXG4gICAgICA8aW1nIFtzcmNdPVwicHJvY2Vzc2VkQ2FyZERhdGEudXNlcmltYWdlU3JjXCIgYWx0PVwiXCIgLz5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2xpYi1iYXNlLWNhcmQ+XHJcbiJdfQ==

package/esm2022/lib/itinerary-app/shared/comment/comment-images/comment-images.component.mjs

@@ -0,0 +1,22 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../_services/comment-image.service";
+export class CommentImagesComponent {
+    images = [];
+    index = 0;
+    constructor(commentImage) {
+        this.images = commentImage.image;
+        this.index = commentImage.index;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentImagesComponent, deps: [{ token: i1.CommentImageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentImagesComponent, selector: "app-comment-images", inputs: { images: "images", index: "index" }, ngImport: i0, template: "<div class=\"w-full h-full\">\r\n  <lib-image-deck [images]=\"images\" [activeIndex]=\"index\"></lib-image-deck>\r\n</div>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentImagesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-comment-images', standalone: false, template: "<div class=\"w-full h-full\">\r\n  <lib-image-deck [images]=\"images\" [activeIndex]=\"index\"></lib-image-deck>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.CommentImageService }], propDecorators: { images: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC1pbWFnZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvc2hhcmVkL2NvbW1lbnQvY29tbWVudC1pbWFnZXMvY29tbWVudC1pbWFnZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvc2hhcmVkL2NvbW1lbnQvY29tbWVudC1pbWFnZXMvY29tbWVudC1pbWFnZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVNqRCxNQUFNLE9BQU8sc0JBQXNCO0lBQ3hCLE1BQU0sR0FBYSxFQUFFLENBQUM7SUFDdEIsS0FBSyxHQUFXLENBQUMsQ0FBQztJQUUzQixZQUFZLFlBQWlDO1FBQzNDLElBQUksQ0FBQyxNQUFNLEdBQUcsWUFBWSxDQUFDLEtBQUssQ0FBQztRQUNqQyxJQUFJLENBQUMsS0FBSyxHQUFHLFlBQVksQ0FBQyxLQUFLLENBQUM7SUFDbEMsQ0FBQzt3R0FQVSxzQkFBc0I7NEZBQXRCLHNCQUFzQix3R0NUbkMsZ0lBR0E7OzRGRE1hLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDSSxvQkFBb0IsY0FHbEIsS0FBSzt3RkFHVixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnOyBcclxuaW1wb3J0IHsgQ29tbWVudEltYWdlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL19zZXJ2aWNlcy9jb21tZW50LWltYWdlLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2FwcC1jb21tZW50LWltYWdlcycsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29tbWVudC1pbWFnZXMuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL2NvbW1lbnQtaW1hZ2VzLmNvbXBvbmVudC5jc3MnLFxyXG4gICAgc3RhbmRhbG9uZTogZmFsc2VcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbW1lbnRJbWFnZXNDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGltYWdlczogc3RyaW5nW10gPSBbXTtcclxuICBASW5wdXQoKSBpbmRleDogbnVtYmVyID0gMDtcclxuXHJcbiAgY29uc3RydWN0b3IoY29tbWVudEltYWdlOiBDb21tZW50SW1hZ2VTZXJ2aWNlKSB7XHJcbiAgICB0aGlzLmltYWdlcyA9IGNvbW1lbnRJbWFnZS5pbWFnZTtcclxuICAgIHRoaXMuaW5kZXggPSBjb21tZW50SW1hZ2UuaW5kZXg7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3LWZ1bGwgaC1mdWxsXCI+XHJcbiAgPGxpYi1pbWFnZS1kZWNrIFtpbWFnZXNdPVwiaW1hZ2VzXCIgW2FjdGl2ZUluZGV4XT1cImluZGV4XCI+PC9saWItaW1hZ2UtZGVjaz5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/itinerary-app/shared/comment/comment.component.mjs

@@ -0,0 +1,82 @@
+import { Component, Input, } from '@angular/core';
+import { CommentImagesComponent } from './comment-images/comment-images.component';
+import { ICONS } from '../../_constants/constants';
+import { ItinerariesRoutesEnum } from '../../_enums/ItenariesRoutes.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../../_services/comment-image.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@naniteninja/ionic-lib";
+import * as i5 from "../../_pipes/votes.pipe";
+export class CommentComponent {
+    router;
+    cdr;
+    commentImageService;
+    libMenuItem;
+    commentsData;
+    ICONS = ICONS;
+    index = 0;
+    isOpen = false;
+    imageComponent = CommentImagesComponent;
+    //LIFE CYCLES
+    constructor(router, cdr, commentImageService) {
+        this.router = router;
+        this.cdr = cdr;
+        this.commentImageService = commentImageService;
+    }
+    ngOnInit() {
+        for (let i = 0; i < this.libMenuItem.length; i++) {
+            this.libMenuItem[i].command = () => {
+                this.handleUpdateComment();
+            };
+        }
+    }
+    //UI LOGIC
+    handleMenueItemSelect() { }
+    handleMenuItemChange() { }
+    handleMenuClick(i) {
+        this.index = i;
+    }
+    close = () => {
+        this.isOpen = false;
+    };
+    showImage(images, currentIndex) {
+        if (this.isOpen) {
+            this.close();
+        }
+        setTimeout(() => {
+            this.isOpen = true;
+            this.commentImageService.image = images;
+            this.commentImageService.index = currentIndex;
+            this.cdr.detectChanges();
+        }, 0);
+    }
+    //NAVGIATIONS
+    handleUpdateComment() {
+        const id = this.commentsData[this.index].id;
+        this.router.navigate([ItinerariesRoutesEnum.COMMENTS, id]);
+    }
+    upvote(index) {
+        this.commentsData[index].upVotes += 1;
+    }
+    downvote(index) {
+        this.commentsData[index].downVotes += 1;
+    }
+    RedirectToReplies() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.COMMENT_REPLIES,
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentComponent, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }, { token: i2.CommentImageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentComponent, selector: "app-comment", inputs: { libMenuItem: "libMenuItem", commentsData: "commentsData" }, ngImport: i0, template: "<ng-container *ngFor=\"let data of commentsData; let i = index\">\r\n  <div class=\"comment-card text-white px-4 mb-4 rounded-xl w-full\">\r\n    <div class=\"flex items-start justify-between\">\r\n      <div class=\"flex space-x-3 mr-1\">\r\n        <div>\r\n          <img\r\n            [src]=\"ICONS['user']\"\r\n            loading=\"lazy\"\r\n            alt=\"User\"\r\n            class=\"comment-user rounded-full\"\r\n          />\r\n          <div class=\"flex flex-col items-center text-pink-500 mt-4\">\r\n            <img\r\n              [src]=\"ICONS['upvote']\"\r\n              alt=\"Upvote\"\r\n              class=\"cursor-pointer\"\r\n              (click)=\"upvote(i)\"\r\n            />\r\n            <span class=\"normal-text-xs font-semibold text-pink-500\">{{\r\n              data!.upVotes - data!.downVotes | votes\r\n            }}</span>\r\n            <img\r\n              [src]=\"ICONS['downvote']\"\r\n              alt=\"Downvote\"\r\n              class=\"cursor-pointer\"\r\n              (click)=\"downvote(i)\"\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex gap-[18px]\">\r\n          <div class=\"flex flex-col\">\r\n            <div>\r\n              <p class=\"normal-text-sm normal-text\">\r\n                {{ data?.userName }} - {{ data?.timeAgo }}\r\n                {{ data.isEditted == true ? \"(Edited)\" : \"\" }}\r\n              </p>\r\n              <p class=\"normal-text-md text-white\">{{ data?.commentText }}</p>\r\n            </div>\r\n            <div\r\n              *ngIf=\"data.hasAttachments === true\"\r\n              class=\"grid grid-cols-2 gap-[3.5px] mt-3 mb-2\"\r\n            >\r\n              <ng-container *ngFor=\"let image of data?.attachments; let i = index\">\r\n                <div class=\"relative\" *ngIf=\"i < 4\">\r\n                  <img\r\n                    [src]=\"image\"\r\n                    loading=\"lazy\"\r\n                    alt=\"Attachment\"\r\n                    (click)=\"showImage(data?.attachments!, i)\"\r\n                    class=\"w-full object-cover\"\r\n                  />\r\n                  <div\r\n                    *ngIf=\"i === 3 && data?.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            <div class=\"flex items-center justify-between mt-3\">\r\n              <div class=\"flex gap-8 text-gray-400 text-sm\">\r\n                <button\r\n                  class=\"flex items-center space-x-1 hover:text-white normal-text-sm\"\r\n                  (click)=\"RedirectToReplies()\"\r\n                >\r\n                  <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n                  <p class=\"normal-text-sm\">Reply</p>\r\n                </button>\r\n                <button class=\"flex items-center space-x-1 hover:text-white normal-text-sm\">\r\n                  <img\r\n                    style=\"height: 10px; width: 10px\"\r\n                    [src]=\"ICONS['featured']\"\r\n                    alt=\"Feature\"\r\n                  />\r\n                  <p class=\"normal-text-sm\">Featured</p>\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <p\r\n              class=\"custom-pink mt-4 font-bold normal-text-sm cursor-pointer\"\r\n              (click)=\"RedirectToReplies()\"\r\n            >\r\n              View Replies\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <lib-menu-btn\r\n        (select)=\"handleMenueItemSelect()\"\r\n        (click)=\"handleMenuClick(i)\"\r\n        (change)=\"handleMenuItemChange()\"\r\n        class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n        [disableTextShadow]=\"true\"\r\n        [menuItems]=\"libMenuItem\"\r\n      >\r\n        <img [src]=\"ICONS['horizontalWhite']\" alt=\"\" />\r\n      </lib-menu-btn>\r\n    </div>\r\n\r\n\r\n\r\n    <div class=\"border-t border-gray-700 mt-2\"></div>\r\n  </div>\r\n</ng-container>\r\n\r\n<lib-popup\r\n  [isOpen]=\"isOpen\"\r\n  [modalComponent]=\"imageComponent\"\r\n  [backdropDismiss]=\"true\"\r\n  (afterCloseEvent)=\"close()\"\r\n>\r\n</lib-popup>\r\n", styles: [".comment-card .text-md{font-size:14px}.comment-card .text-sm{font-size:12px}.comment-card .text-xs{font-size:10px}.comment-card img{transition:opacity .2s}.comment-card img:hover{opacity:.8}.comment-card .custom-pink{margin-left:0;font-weight:700;color:#fe3c72}.comment-user{height:20px;width:20px}.grid img.object-cover{width:118.15;height:72.2}\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.MenuBtnComponent, selector: "lib-menu-btn", inputs: ["menuBtnIcon", "menuBtnTooltip", "menuBtnTooltipPosition", "menuBtnIconName", "menuBtnImgUrl", "menuBtnNotificationIconUrl", "menuDirection", "hasNotification", "menuItems", "disableTranslation", "listItem", "listItemIndex", "selectable", "overlayClass", "isUserMenu", "onlyCloseOnClickOutside", "hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: i4.LibModalComponent, selector: "lib-popup", inputs: ["isOpen", "icon", "title", "message", "extendedMessage", "cancelButton", "confirmButton", "checkboxText", "progBarCurrentStep", "progBarTotalSteps", "customClass", "backdropDismiss", "modalComponent", "modalComponentData"], outputs: ["modalConfirm", "modalDismiss", "afterCloseEvent"] }, { kind: "pipe", type: i5.VotesPipe, name: "votes" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-comment', standalone: false, template: "<ng-container *ngFor=\"let data of commentsData; let i = index\">\r\n  <div class=\"comment-card text-white px-4 mb-4 rounded-xl w-full\">\r\n    <div class=\"flex items-start justify-between\">\r\n      <div class=\"flex space-x-3 mr-1\">\r\n        <div>\r\n          <img\r\n            [src]=\"ICONS['user']\"\r\n            loading=\"lazy\"\r\n            alt=\"User\"\r\n            class=\"comment-user rounded-full\"\r\n          />\r\n          <div class=\"flex flex-col items-center text-pink-500 mt-4\">\r\n            <img\r\n              [src]=\"ICONS['upvote']\"\r\n              alt=\"Upvote\"\r\n              class=\"cursor-pointer\"\r\n              (click)=\"upvote(i)\"\r\n            />\r\n            <span class=\"normal-text-xs font-semibold text-pink-500\">{{\r\n              data!.upVotes - data!.downVotes | votes\r\n            }}</span>\r\n            <img\r\n              [src]=\"ICONS['downvote']\"\r\n              alt=\"Downvote\"\r\n              class=\"cursor-pointer\"\r\n              (click)=\"downvote(i)\"\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex gap-[18px]\">\r\n          <div class=\"flex flex-col\">\r\n            <div>\r\n              <p class=\"normal-text-sm normal-text\">\r\n                {{ data?.userName }} - {{ data?.timeAgo }}\r\n                {{ data.isEditted == true ? \"(Edited)\" : \"\" }}\r\n              </p>\r\n              <p class=\"normal-text-md text-white\">{{ data?.commentText }}</p>\r\n            </div>\r\n            <div\r\n              *ngIf=\"data.hasAttachments === true\"\r\n              class=\"grid grid-cols-2 gap-[3.5px] mt-3 mb-2\"\r\n            >\r\n              <ng-container *ngFor=\"let image of data?.attachments; let i = index\">\r\n                <div class=\"relative\" *ngIf=\"i < 4\">\r\n                  <img\r\n                    [src]=\"image\"\r\n                    loading=\"lazy\"\r\n                    alt=\"Attachment\"\r\n                    (click)=\"showImage(data?.attachments!, i)\"\r\n                    class=\"w-full object-cover\"\r\n                  />\r\n                  <div\r\n                    *ngIf=\"i === 3 && data?.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            <div class=\"flex items-center justify-between mt-3\">\r\n              <div class=\"flex gap-8 text-gray-400 text-sm\">\r\n                <button\r\n                  class=\"flex items-center space-x-1 hover:text-white normal-text-sm\"\r\n                  (click)=\"RedirectToReplies()\"\r\n                >\r\n                  <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n                  <p class=\"normal-text-sm\">Reply</p>\r\n                </button>\r\n                <button class=\"flex items-center space-x-1 hover:text-white normal-text-sm\">\r\n                  <img\r\n                    style=\"height: 10px; width: 10px\"\r\n                    [src]=\"ICONS['featured']\"\r\n                    alt=\"Feature\"\r\n                  />\r\n                  <p class=\"normal-text-sm\">Featured</p>\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <p\r\n              class=\"custom-pink mt-4 font-bold normal-text-sm cursor-pointer\"\r\n              (click)=\"RedirectToReplies()\"\r\n            >\r\n              View Replies\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <lib-menu-btn\r\n        (select)=\"handleMenueItemSelect()\"\r\n        (click)=\"handleMenuClick(i)\"\r\n        (change)=\"handleMenuItemChange()\"\r\n        class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n        [disableTextShadow]=\"true\"\r\n        [menuItems]=\"libMenuItem\"\r\n      >\r\n        <img [src]=\"ICONS['horizontalWhite']\" alt=\"\" />\r\n      </lib-menu-btn>\r\n    </div>\r\n\r\n\r\n\r\n    <div class=\"border-t border-gray-700 mt-2\"></div>\r\n  </div>\r\n</ng-container>\r\n\r\n<lib-popup\r\n  [isOpen]=\"isOpen\"\r\n  [modalComponent]=\"imageComponent\"\r\n  [backdropDismiss]=\"true\"\r\n  (afterCloseEvent)=\"close()\"\r\n>\r\n</lib-popup>\r\n", styles: [".comment-card .text-md{font-size:14px}.comment-card .text-sm{font-size:12px}.comment-card .text-xs{font-size:10px}.comment-card img{transition:opacity .2s}.comment-card img:hover{opacity:.8}.comment-card .custom-pink{margin-left:0;font-weight:700;color:#fe3c72}.comment-user{height:20px;width:20px}.grid img.object-cover{width:118.15;height:72.2}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i0.ChangeDetectorRef }, { type: i2.CommentImageService }], propDecorators: { libMenuItem: [{
+                type: Input
+            }], commentsData: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9zaGFyZWQvY29tbWVudC9jb21tZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL3NoYXJlZC9jb21tZW50L2NvbW1lbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxLQUFLLEdBR04sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFbkYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7O0FBVzFFLE1BQU0sT0FBTyxnQkFBZ0I7SUFVakI7SUFDQTtJQUNBO0lBWEQsV0FBVyxDQUFpQjtJQUM1QixZQUFZLENBQThCO0lBQ25ELEtBQUssR0FBVSxLQUFLLENBQUM7SUFDckIsS0FBSyxHQUFXLENBQUMsQ0FBQztJQUNsQixNQUFNLEdBQVksS0FBSyxDQUFDO0lBQ3hCLGNBQWMsR0FBaUMsc0JBQXNCLENBQUM7SUFFdEUsYUFBYTtJQUNiLFlBQ1UsTUFBYyxFQUNkLEdBQXNCLEVBQ3RCLG1CQUF3QztRQUZ4QyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtJQUMvQyxDQUFDO0lBQ0osUUFBUTtRQUNOLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUNoRCxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sR0FBRyxHQUFHLEVBQUU7Z0JBQ2pDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzdCLENBQUMsQ0FBQztTQUNIO0lBQ0gsQ0FBQztJQUVELFVBQVU7SUFDVixxQkFBcUIsS0FBVSxDQUFDO0lBQ2hDLG9CQUFvQixLQUFVLENBQUM7SUFDL0IsZUFBZSxDQUFDLENBQVM7UUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDakIsQ0FBQztJQUVELEtBQUssR0FBRyxHQUFTLEVBQUU7UUFDakIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQyxDQUFDO0lBRUYsU0FBUyxDQUFDLE1BQWdCLEVBQUUsWUFBb0I7UUFDOUMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ2Q7UUFFRCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7WUFDbkIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEtBQUssR0FBRyxNQUFNLENBQUM7WUFDeEMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEtBQUssR0FBRyxZQUFZLENBQUM7WUFDOUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDUixDQUFDO0lBRUQsYUFBYTtJQUNiLG1CQUFtQjtRQUNqQixNQUFNLEVBQUUsR0FBVyxJQUFJLENBQUMsWUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDckQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxDQUFDLFlBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsWUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsSUFBSSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1lBQ25CLHFCQUFxQixDQUFDLFNBQVM7WUFDL0IscUJBQXFCLENBQUMsZUFBZTtTQUN0QyxDQUFDLENBQUM7SUFDTCxDQUFDO3dHQWpFVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQix5SEN0QjdCLDJ6SUFtSEE7OzRGRDdGYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0ksYUFBYSxjQUdYLEtBQUs7NklBR1YsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIFR5cGUsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7IFxyXG5pbXBvcnQgeyBDb21tZW50SW1hZ2VzQ29tcG9uZW50IH0gZnJvbSAnLi9jb21tZW50LWltYWdlcy9jb21tZW50LWltYWdlcy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBMaWJNZW51SXRlbSB9IGZyb20gJ0BuYW5pdGVuaW5qYS9pb25pYy1saWInOyAgXHJcbmltcG9ydCB7IElDT05TIH0gZnJvbSAnLi4vLi4vX2NvbnN0YW50cy9jb25zdGFudHMnO1xyXG5pbXBvcnQgeyBJdGluZXJhcmllc1JvdXRlc0VudW0gfSBmcm9tICcuLi8uLi9fZW51bXMvSXRlbmFyaWVzUm91dGVzLmVudW0nO1xyXG5pbXBvcnQgeyBJQ29tbWVudHNEYXRhIH0gZnJvbSAnLi4vLi4vX2ludGVyZmFjZS9jb21tZW50c2RhdGEnO1xyXG5pbXBvcnQgeyBJaWNvbiB9IGZyb20gJy4uLy4uL19pbnRlcmZhY2UvaWNvbic7XHJcbmltcG9ydCB7IENvbW1lbnRJbWFnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvY29tbWVudC1pbWFnZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtY29tbWVudCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29tbWVudC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vY29tbWVudC5jb21wb25lbnQuc2NzcycsXHJcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbWVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbGliTWVudUl0ZW0hOiBMaWJNZW51SXRlbVtdO1xyXG4gIEBJbnB1dCgpIGNvbW1lbnRzRGF0YTogSUNvbW1lbnRzRGF0YVtdIHwgdW5kZWZpbmVkO1xyXG4gIElDT05TOiBJaWNvbiA9IElDT05TO1xyXG4gIGluZGV4OiBudW1iZXIgPSAwO1xyXG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIGltYWdlQ29tcG9uZW50OiBUeXBlPENvbW1lbnRJbWFnZXNDb21wb25lbnQ+ID0gQ29tbWVudEltYWdlc0NvbXBvbmVudDtcclxuXHJcbiAgLy9MSUZFIENZQ0xFU1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcclxuICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIHByaXZhdGUgY29tbWVudEltYWdlU2VydmljZTogQ29tbWVudEltYWdlU2VydmljZSxcclxuICApIHt9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMubGliTWVudUl0ZW0ubGVuZ3RoOyBpKyspIHtcclxuICAgICAgdGhpcy5saWJNZW51SXRlbVtpXS5jb21tYW5kID0gKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuaGFuZGxlVXBkYXRlQ29tbWVudCgpO1xyXG4gICAgICB9O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLy9VSSBMT0dJQ1xyXG4gIGhhbmRsZU1lbnVlSXRlbVNlbGVjdCgpOiB2b2lkIHt9XHJcbiAgaGFuZGxlTWVudUl0ZW1DaGFuZ2UoKTogdm9pZCB7fVxyXG4gIGhhbmRsZU1lbnVDbGljayhpOiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRoaXMuaW5kZXggPSBpO1xyXG4gIH1cclxuXHJcbiAgY2xvc2UgPSAoKTogdm9pZCA9PiB7XHJcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xyXG4gIH07XHJcblxyXG4gIHNob3dJbWFnZShpbWFnZXM6IHN0cmluZ1tdLCBjdXJyZW50SW5kZXg6IG51bWJlcik6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuaXNPcGVuKSB7XHJcbiAgICAgIHRoaXMuY2xvc2UoKTtcclxuICAgIH1cclxuXHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5pc09wZW4gPSB0cnVlO1xyXG4gICAgICB0aGlzLmNvbW1lbnRJbWFnZVNlcnZpY2UuaW1hZ2UgPSBpbWFnZXM7XHJcbiAgICAgIHRoaXMuY29tbWVudEltYWdlU2VydmljZS5pbmRleCA9IGN1cnJlbnRJbmRleDtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSwgMCk7XHJcbiAgfVxyXG5cclxuICAvL05BVkdJQVRJT05TXHJcbiAgaGFuZGxlVXBkYXRlQ29tbWVudCgpIHtcclxuICAgIGNvbnN0IGlkOiBzdHJpbmcgPSB0aGlzLmNvbW1lbnRzRGF0YSFbdGhpcy5pbmRleF0uaWQ7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbSXRpbmVyYXJpZXNSb3V0ZXNFbnVtLkNPTU1FTlRTLCBpZF0pO1xyXG4gIH1cclxuXHJcbiAgdXB2b3RlKGluZGV4OiBudW1iZXIpIHtcclxuICAgIHRoaXMuY29tbWVudHNEYXRhIVtpbmRleF0udXBWb3RlcyArPSAxO1xyXG4gIH1cclxuXHJcbiAgZG93bnZvdGUoaW5kZXg6IG51bWJlcikge1xyXG4gICAgdGhpcy5jb21tZW50c0RhdGEhW2luZGV4XS5kb3duVm90ZXMgKz0gMTtcclxuICB9XHJcblxyXG4gIFJlZGlyZWN0VG9SZXBsaWVzKCkge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW1xyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZLFxyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uQ09NTUVOVF9SRVBMSUVTLFxyXG4gICAgXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGRhdGEgb2YgY29tbWVudHNEYXRhOyBsZXQgaSA9IGluZGV4XCI+XHJcbiAgPGRpdiBjbGFzcz1cImNvbW1lbnQtY2FyZCB0ZXh0LXdoaXRlIHB4LTQgbWItNCByb3VuZGVkLXhsIHctZnVsbFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtc3RhcnQganVzdGlmeS1iZXR3ZWVuXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHNwYWNlLXgtMyBtci0xXCI+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgW3NyY109XCJJQ09OU1sndXNlciddXCJcclxuICAgICAgICAgICAgbG9hZGluZz1cImxhenlcIlxyXG4gICAgICAgICAgICBhbHQ9XCJVc2VyXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJjb21tZW50LXVzZXIgcm91bmRlZC1mdWxsXCJcclxuICAgICAgICAgIC8+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbCBpdGVtcy1jZW50ZXIgdGV4dC1waW5rLTUwMCBtdC00XCI+XHJcbiAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICBbc3JjXT1cIklDT05TWyd1cHZvdGUnXVwiXHJcbiAgICAgICAgICAgICAgYWx0PVwiVXB2b3RlXCJcclxuICAgICAgICAgICAgICBjbGFzcz1cImN1cnNvci1wb2ludGVyXCJcclxuICAgICAgICAgICAgICAoY2xpY2spPVwidXB2b3RlKGkpXCJcclxuICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJub3JtYWwtdGV4dC14cyBmb250LXNlbWlib2xkIHRleHQtcGluay01MDBcIj57e1xyXG4gICAgICAgICAgICAgIGRhdGEhLnVwVm90ZXMgLSBkYXRhIS5kb3duVm90ZXMgfCB2b3Rlc1xyXG4gICAgICAgICAgICB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPGltZ1xyXG4gICAgICAgICAgICAgIFtzcmNdPVwiSUNPTlNbJ2Rvd252b3RlJ11cIlxyXG4gICAgICAgICAgICAgIGFsdD1cIkRvd252b3RlXCJcclxuICAgICAgICAgICAgICBjbGFzcz1cImN1cnNvci1wb2ludGVyXCJcclxuICAgICAgICAgICAgICAoY2xpY2spPVwiZG93bnZvdGUoaSlcIlxyXG4gICAgICAgICAgICAvPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC1bMThweF1cIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sXCI+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJub3JtYWwtdGV4dC1zbSBub3JtYWwtdGV4dFwiPlxyXG4gICAgICAgICAgICAgICAge3sgZGF0YT8udXNlck5hbWUgfX0gLSB7eyBkYXRhPy50aW1lQWdvIH19XHJcbiAgICAgICAgICAgICAgICB7eyBkYXRhLmlzRWRpdHRlZCA9PSB0cnVlID8gXCIoRWRpdGVkKVwiIDogXCJcIiB9fVxyXG4gICAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgICA8cCBjbGFzcz1cIm5vcm1hbC10ZXh0LW1kIHRleHQtd2hpdGVcIj57eyBkYXRhPy5jb21tZW50VGV4dCB9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAqbmdJZj1cImRhdGEuaGFzQXR0YWNobWVudHMgPT09IHRydWVcIlxyXG4gICAgICAgICAgICAgIGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtMiBnYXAtWzMuNXB4XSBtdC0zIG1iLTJcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaW1hZ2Ugb2YgZGF0YT8uYXR0YWNobWVudHM7IGxldCBpID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyZWxhdGl2ZVwiICpuZ0lmPVwiaSA8IDRcIj5cclxuICAgICAgICAgICAgICAgICAgPGltZ1xyXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiaW1hZ2VcIlxyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcclxuICAgICAgICAgICAgICAgICAgICBhbHQ9XCJBdHRhY2htZW50XCJcclxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2hvd0ltYWdlKGRhdGE/LmF0dGFjaG1lbnRzISwgaSlcIlxyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidy1mdWxsIG9iamVjdC1jb3ZlclwiXHJcbiAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImkgPT09IDMgJiYgZGF0YT8uYXR0YWNobWVudHNcIlxyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYWJzb2x1dGUgaW5zZXQtMCBiZy1ibGFjayBiZy1vcGFjaXR5LTUwIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHRleHQtd2hpdGUgdGV4dC14bCBmb250LWJvbGRcIlxyXG4gICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgK3t7IGkgfX1cclxuICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gbXQtM1wiPlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC04IHRleHQtZ3JheS00MDAgdGV4dC1zbVwiPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIHNwYWNlLXgtMSBob3Zlcjp0ZXh0LXdoaXRlIG5vcm1hbC10ZXh0LXNtXCJcclxuICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIlJlZGlyZWN0VG9SZXBsaWVzKClcIlxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ2NvbW1lbnQyJ11cIiBhbHQ9XCJSZXBseVwiIC8+XHJcbiAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwibm9ybWFsLXRleHQtc21cIj5SZXBseTwvcD5cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIHNwYWNlLXgtMSBob3Zlcjp0ZXh0LXdoaXRlIG5vcm1hbC10ZXh0LXNtXCI+XHJcbiAgICAgICAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICAgICAgICBzdHlsZT1cImhlaWdodDogMTBweDsgd2lkdGg6IDEwcHhcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiSUNPTlNbJ2ZlYXR1cmVkJ11cIlxyXG4gICAgICAgICAgICAgICAgICAgIGFsdD1cIkZlYXR1cmVcIlxyXG4gICAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cIm5vcm1hbC10ZXh0LXNtXCI+RmVhdHVyZWQ8L3A+XHJcbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxwXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJjdXN0b20tcGluayBtdC00IGZvbnQtYm9sZCBub3JtYWwtdGV4dC1zbSBjdXJzb3ItcG9pbnRlclwiXHJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cIlJlZGlyZWN0VG9SZXBsaWVzKClcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgVmlldyBSZXBsaWVzXHJcbiAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxsaWItbWVudS1idG5cclxuICAgICAgICAoc2VsZWN0KT1cImhhbmRsZU1lbnVlSXRlbVNlbGVjdCgpXCJcclxuICAgICAgICAoY2xpY2spPVwiaGFuZGxlTWVudUNsaWNrKGkpXCJcclxuICAgICAgICAoY2hhbmdlKT1cImhhbmRsZU1lbnVJdGVtQ2hhbmdlKClcIlxyXG4gICAgICAgIGNsYXNzPVwibGliLW1lbnUtY3VzdG9tLWNsYXNzIGxpYi1tZW51LWJnLW5vbmVcIlxyXG4gICAgICAgIFtkaXNhYmxlVGV4dFNoYWRvd109XCJ0cnVlXCJcclxuICAgICAgICBbbWVudUl0ZW1zXT1cImxpYk1lbnVJdGVtXCJcclxuICAgICAgPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snaG9yaXpvbnRhbFdoaXRlJ11cIiBhbHQ9XCJcIiAvPlxyXG4gICAgICA8L2xpYi1tZW51LWJ0bj5cclxuICAgIDwvZGl2PlxyXG5cclxuXHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImJvcmRlci10IGJvcmRlci1ncmF5LTcwMCBtdC0yXCI+PC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPGxpYi1wb3B1cFxyXG4gIFtpc09wZW5dPVwiaXNPcGVuXCJcclxuICBbbW9kYWxDb21wb25lbnRdPVwiaW1hZ2VDb21wb25lbnRcIlxyXG4gIFtiYWNrZHJvcERpc21pc3NdPVwidHJ1ZVwiXHJcbiAgKGFmdGVyQ2xvc2VFdmVudCk9XCJjbG9zZSgpXCJcclxuPlxyXG48L2xpYi1wb3B1cD5cclxuIl19

package/esm2022/lib/itinerary-app/shared/custom-heading-with-button/custom-heading-with-button.component.mjs

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CustomHeadingWithButtonComponent {
+    heading;
+    buttonText;
+    buttonIcon;
+    cssClass;
+    buttonClick = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomHeadingWithButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CustomHeadingWithButtonComponent, selector: "app-custom-heading-with-button", inputs: { heading: "heading", buttonText: "buttonText", buttonIcon: "buttonIcon", cssClass: "cssClass" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div [class]=\"cssClass + ' flex flex-row justify-between items-center mb-5'\">\r\n  <h4 class=\"heading\">{{ heading }}</h4>\r\n  <button\r\n    class=\"iconButton flex flex-row items-center\"\r\n    (click)=\"buttonClick.emit()\"\r\n  >\r\n    <img class=\"inline\" [ngSrc]=\"buttonIcon\" height=\"12\" width=\"13\" />\r\n    <p class=\"inline\">{{ buttonText }}</p>\r\n  </button>\r\n</div>\r\n", styles: ["p{color:#fe3c72;margin-left:2px}.heading{font-size:12px}.archive-css{margin-top:10px}.archive-css h4{font-size:12px!important;color:#bdbdbd!important}.archive-css p{margin-top:4px;font-size:10px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomHeadingWithButtonComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-custom-heading-with-button', standalone: false, template: "<div [class]=\"cssClass + ' flex flex-row justify-between items-center mb-5'\">\r\n  <h4 class=\"heading\">{{ heading }}</h4>\r\n  <button\r\n    class=\"iconButton flex flex-row items-center\"\r\n    (click)=\"buttonClick.emit()\"\r\n  >\r\n    <img class=\"inline\" [ngSrc]=\"buttonIcon\" height=\"12\" width=\"13\" />\r\n    <p class=\"inline\">{{ buttonText }}</p>\r\n  </button>\r\n</div>\r\n", styles: ["p{color:#fe3c72;margin-left:2px}.heading{font-size:12px}.archive-css{margin-top:10px}.archive-css h4{font-size:12px!important;color:#bdbdbd!important}.archive-css p{margin-top:4px;font-size:10px!important}\n"] }]
+        }], propDecorators: { heading: [{
+                type: Input
+            }], buttonText: [{
+                type: Input
+            }], buttonIcon: [{
+                type: Input
+            }], cssClass: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWhlYWRpbmctd2l0aC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvc2hhcmVkL2N1c3RvbS1oZWFkaW5nLXdpdGgtYnV0dG9uL2N1c3RvbS1oZWFkaW5nLXdpdGgtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL3NoYXJlZC9jdXN0b20taGVhZGluZy13aXRoLWJ1dHRvbi9jdXN0b20taGVhZGluZy13aXRoLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7O0FBU3ZCLE1BQU0sT0FBTyxnQ0FBZ0M7SUFDbEMsT0FBTyxDQUFVO0lBQ2pCLFVBQVUsQ0FBVTtJQUNwQixVQUFVLENBQVU7SUFDcEIsUUFBUSxDQUFVO0lBQ2pCLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO3dHQUw1QyxnQ0FBZ0M7NEZBQWhDLGdDQUFnQyx5TkNmN0MsK1lBVUE7OzRGREthLGdDQUFnQztrQkFQNUMsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLGdDQUFnQyxjQUc5QixLQUFLOzhCQUdWLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBzZWxlY3RvcjogJ2FwcC1jdXN0b20taGVhZGluZy13aXRoLWJ1dHRvbicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLWhlYWRpbmctd2l0aC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL2N1c3RvbS1oZWFkaW5nLXdpdGgtYnV0dG9uLmNvbXBvbmVudC5zY3NzJyxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdXN0b21IZWFkaW5nV2l0aEJ1dHRvbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaGVhZGluZyE6IHN0cmluZztcclxuICBASW5wdXQoKSBidXR0b25UZXh0ITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkljb24hOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY3NzQ2xhc3MhOiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xyXG59XHJcbiIsIjxkaXYgW2NsYXNzXT1cImNzc0NsYXNzICsgJyBmbGV4IGZsZXgtcm93IGp1c3RpZnktYmV0d2VlbiBpdGVtcy1jZW50ZXIgbWItNSdcIj5cclxuICA8aDQgY2xhc3M9XCJoZWFkaW5nXCI+e3sgaGVhZGluZyB9fTwvaDQ+XHJcbiAgPGJ1dHRvblxyXG4gICAgY2xhc3M9XCJpY29uQnV0dG9uIGZsZXggZmxleC1yb3cgaXRlbXMtY2VudGVyXCJcclxuICAgIChjbGljayk9XCJidXR0b25DbGljay5lbWl0KClcIlxyXG4gID5cclxuICAgIDxpbWcgY2xhc3M9XCJpbmxpbmVcIiBbbmdTcmNdPVwiYnV0dG9uSWNvblwiIGhlaWdodD1cIjEyXCIgd2lkdGg9XCIxM1wiIC8+XHJcbiAgICA8cCBjbGFzcz1cImlubGluZVwiPnt7IGJ1dHRvblRleHQgfX08L3A+XHJcbiAgPC9idXR0b24+XHJcbjwvZGl2PlxyXG4iXX0=