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

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', 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb21wb25lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvc2hhcmVkL2NhcmQtY29tcG9uZW50L2NhcmQtY29tcG9uZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL3NoYXJlZC9jYXJkLWNvbXBvbmVudC9jYXJkLWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9FLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0FBVW5ELE1BQU0sT0FBTyxhQUFhO0lBMkJKO0lBMUJYLFdBQVcsQ0FBaUI7SUFDNUIsT0FBTyxDQUFXO0lBQzNCLFFBQVEsQ0FBd0I7SUFDaEMsaUJBQWlCLENBQXdCO0lBQ3pDLEtBQUssR0FBVSxLQUFLLENBQUM7SUFDWixnQkFBZ0IsR0FBWSxLQUFLLENBQUM7SUFDakMsbUJBQW1CLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFDbkUsWUFBWSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBQzVELFdBQVcsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUMzRCxjQUFjLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFeEUsb0JBQW9CLEdBQUc7UUFDckIsZUFBZSxFQUFFO1lBQ2YsRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUU7WUFDdkMsRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7WUFDNUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7WUFDNUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7U0FDN0M7UUFDRCxlQUFlLEVBQUU7WUFDZixFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRTtZQUM5QyxFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtZQUM3QyxFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtZQUM3QyxFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtTQUM5QztLQUNGLENBQUM7SUFFRixZQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQUcsQ0FBQztJQUU5QyxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDakIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtnQkFDMUQsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFpQixDQUFDO2dCQUNsQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDL0QsQ0FBQyxDQUFDLENBQUM7U0FDSjthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRztnQkFDZCxFQUFFLEVBQUUsR0FBRztnQkFDUCxPQUFPLEVBQUUsRUFBRTtnQkFDWCxTQUFTLEVBQUUsQ0FBQztnQkFDWixLQUFLLEVBQUUsRUFBRTtnQkFDVCxRQUFRLEVBQUUsRUFBRTtnQkFDWixPQUFPLEVBQUUsRUFBRTtnQkFDWCxRQUFRLEVBQUUsRUFBRTtnQkFDWixLQUFLLEVBQUUsQ0FBQztnQkFDUixRQUFRLEVBQUUsQ0FBQztnQkFDWCxNQUFNLEVBQUUsQ0FBQztnQkFDVCxLQUFLLEVBQUUsQ0FBQztnQkFDUixRQUFRLEVBQUUsRUFBRTtnQkFDWixZQUFZLEVBQUUsRUFBRTtnQkFDaEIsT0FBTyxFQUFFLElBQUk7YUFDZCxDQUFDO1lBQ0YsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQzlEO0lBQ0gsQ0FBQztJQUVPLFNBQVMsQ0FBQyxJQUF3QztRQUN4RCxPQUFPLENBQ0wsSUFBSSxFQUFFLFFBQVEsRUFBRSxDQUFDLE1BQU0sSUFBSSxDQUFDO1lBQzVCLElBQUksSUFBSSxJQUFJO1lBQ1osSUFBSSxJQUFJLFNBQVM7WUFDakIsSUFBSSxJQUFJLEdBQUc7WUFDWCxJQUFJLElBQUksQ0FBQztZQUNULElBQUksSUFBSSxHQUFHLENBQ1osQ0FBQztJQUNKLENBQUM7SUFFTyxlQUFlLENBQUMsSUFBZTtRQUNyQyxPQUFPO1lBQ0wsR0FBRyxJQUFJO1lBQ1AsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFO1lBQ1gsT0FBTyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPO1lBQzNELEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLO1lBQ3JFLFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUTtZQUMvRCxPQUFPLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU87WUFDekQsS0FBSyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLO1lBQ2xELEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSztZQUNsRCxRQUFRLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVE7WUFDM0QsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNO1lBQ3JELFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUTtZQUMzRSxZQUFZLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO2dCQUM3QyxDQUFDLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQztnQkFDdkIsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZO1lBQ3JCLFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUTtTQUMxRSxDQUFDO0lBQ0osQ0FBQztJQUVELHFCQUFxQixLQUFVLENBQUM7SUFDaEMsb0JBQW9CLEtBQVUsQ0FBQztJQUMvQixlQUFlLEtBQVUsQ0FBQztJQUUxQixlQUFlO1FBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBQ0QseUJBQXlCO1FBQ3ZCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBQ0QsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBQ0Qsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQzt3R0F0R1UsYUFBYTs0RkFBYixhQUFhLGlUQ1oxQix1a0tBc0lBOzs0RkQxSGEsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxvQkFBb0I7K0VBS3JCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUlHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDSSxtQkFBbUI7c0JBQTVCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IExpYk1lbnVJdGVtIH0gZnJvbSAnQG5hbml0ZW5pbmphL2lvbmljLWxpYic7ICAgXHJcbmltcG9ydCB7IElDT05TIH0gZnJvbSAnLi4vLi4vX2NvbnN0YW50cy9jb25zdGFudHMnO1xyXG5pbXBvcnQgeyBJQ2FyZERhdGEgfSBmcm9tICcuLi8uLi9faW50ZXJmYWNlL2NhcmREYXRhJztcclxuaW1wb3J0IHsgSWljb24gfSBmcm9tICcuLi8uLi9faW50ZXJmYWNlL2ljb24nO1xyXG5pbXBvcnQgeyBBcGlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vX3NlcnZpY2VzL2FwaS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNhcmQtY29tcG9uZW50JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1jb21wb25lbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NhcmQtY29tcG9uZW50LmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBsaWJNZW51SXRlbSE6IExpYk1lbnVJdGVtW107XHJcbiAgQElucHV0KCkgaXNEcmFmdCE6IGJvb2xlYW47XHJcbiAgY2FyZERhdGE6IElDYXJkRGF0YSB8IHVuZGVmaW5lZDtcclxuICBwcm9jZXNzZWRDYXJkRGF0YTogSUNhcmREYXRhIHwgdW5kZWZpbmVkO1xyXG4gIElDT05TOiBJaWNvbiA9IElDT05TO1xyXG4gIEBJbnB1dCgpIGl0aW5lcmFyeVN0YXJ0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgU3RhcnRJdGluZXJhcnlDbGljazogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBUaXRsZUNsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgZm9ya0NsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgbWVzc2FnZUNsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgY2FyZERhdGFGb3JMb2NhdGlvbnMgPSB7XHJcbiAgICBsb2NhdGlvbkNvbHVtbjE6IFtcclxuICAgICAgeyBpY29uOiBJQ09OU1sndGVtcCddLCBuYW1lOiAnUGFsYWNlJyB9LFxyXG4gICAgICB7IGljb246IElDT05TWydwYWxhY2UyJ10sIG5hbWU6ICdUZW1wbGF0ZScgfSxcclxuICAgICAgeyBpY29uOiBJQ09OU1sncGFsYWNlMiddLCBuYW1lOiAnT3B0aW9uYWwnIH0sXHJcbiAgICAgIHsgaWNvbjogSUNPTlNbJ3BhbGFjZTInXSwgbmFtZTogJ09wdGlvbmFsJyB9LFxyXG4gICAgXSxcclxuICAgIGxvY2F0aW9uQ29sdW1uMjogW1xyXG4gICAgICB7IGljb246IElDT05TWydjb2ZmZWUnXSwgbmFtZTogJ0NvZmZlZSBzaG9wJyB9LFxyXG4gICAgICB7IGljb246IElDT05TWyd0ZW1wbGF0ZSddLCBuYW1lOiAnT3B0aW9uYWwnIH0sXHJcbiAgICAgIHsgaWNvbjogSUNPTlNbJ3RlbXBsYXRlJ10sIG5hbWU6ICdPcHRpb25hbCcgfSxcclxuICAgICAgeyBpY29uOiBJQ09OU1sndGVtcGxhdGUnXSwgbmFtZTogJ09wdGlvbmFsJyB9LFxyXG4gICAgXSxcclxuICB9O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGFwaVNlcnZpY2U6IEFwaVNlcnZpY2UpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLmlzRHJhZnQpIHtcclxuICAgICAgdGhpcy5hcGlTZXJ2aWNlLmdldCgnL2Fzc2V0cy9kYXRhLmpzb24nKS5zdWJzY3JpYmUoKGRhdGEpID0+IHtcclxuICAgICAgICB0aGlzLmNhcmREYXRhID0gZGF0YSBhcyBJQ2FyZERhdGE7XHJcbiAgICAgICAgdGhpcy5wcm9jZXNzZWRDYXJkRGF0YSA9IHRoaXMucHJvY2Vzc0NhcmREYXRhKHRoaXMuY2FyZERhdGEpO1xyXG4gICAgICB9KTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuY2FyZERhdGEgPSB7XHJcbiAgICAgICAgaWQ6ICcyJyxcclxuICAgICAgICB1cFZvdGVzOiAnJyxcclxuICAgICAgICBkb3duVm90ZXM6IDUsXHJcbiAgICAgICAgdGl0bGU6ICcnLFxyXG4gICAgICAgIHVzZXJOYW1lOiAnJyxcclxuICAgICAgICB0aW1lQWdvOiAnJyxcclxuICAgICAgICBsb2NhdGlvbjogJycsXHJcbiAgICAgICAgdmlld3M6IDAsXHJcbiAgICAgICAgY29tbWVudHM6IDAsXHJcbiAgICAgICAgc2hhcmVzOiAwLFxyXG4gICAgICAgIHVzZXJzOiAwLFxyXG4gICAgICAgIGltYWdlU3JjOiAnJyxcclxuICAgICAgICB1c2VyaW1hZ2VTcmM6ICcnLFxyXG4gICAgICAgIGlzRHJhZnQ6IHRydWUsXHJcbiAgICAgIH07XHJcbiAgICAgIHRoaXMucHJvY2Vzc2VkQ2FyZERhdGEgPSB0aGlzLnByb2Nlc3NDYXJkRGF0YSh0aGlzLmNhcmREYXRhKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgbnVsbENoZWNrKGRhdGE6IHN0cmluZyB8IG51bWJlciB8IG51bGwgfCB1bmRlZmluZWQpOiBib29sZWFuIHtcclxuICAgIHJldHVybiAoXHJcbiAgICAgIGRhdGE/LnRvU3RyaW5nKCkubGVuZ3RoID09IDAgfHxcclxuICAgICAgZGF0YSA9PSBudWxsIHx8XHJcbiAgICAgIGRhdGEgPT0gdW5kZWZpbmVkIHx8XHJcbiAgICAgIGRhdGEgPT0gJzAnIHx8XHJcbiAgICAgIGRhdGEgPT0gMCB8fFxyXG4gICAgICBkYXRhID09ICctJ1xyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcHJvY2Vzc0NhcmREYXRhKGRhdGE6IElDYXJkRGF0YSk6IElDYXJkRGF0YSB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICAuLi5kYXRhLFxyXG4gICAgICBpZDogZGF0YS5pZCxcclxuICAgICAgdXBWb3RlczogdGhpcy5udWxsQ2hlY2soZGF0YS51cFZvdGVzKSA/ICcwMCcgOiBkYXRhLnVwVm90ZXMsXHJcbiAgICAgIHRpdGxlOiB0aGlzLm51bGxDaGVjayhkYXRhLnRpdGxlKSA/ICdVbnRpdGxlZCBJdGluZXJhcnknIDogZGF0YS50aXRsZSxcclxuICAgICAgdXNlck5hbWU6IHRoaXMubnVsbENoZWNrKGRhdGEudXNlck5hbWUpID8gJ1lvdScgOiBkYXRhLnVzZXJOYW1lLFxyXG4gICAgICB0aW1lQWdvOiB0aGlzLm51bGxDaGVjayhkYXRhLnRpbWVBZ28pID8gJycgOiBkYXRhLnRpbWVBZ28sXHJcbiAgICAgIHVzZXJzOiB0aGlzLm51bGxDaGVjayhkYXRhLnVzZXJzKSA/IDAgOiBkYXRhLnVzZXJzLFxyXG4gICAgICB2aWV3czogdGhpcy5udWxsQ2hlY2soZGF0YS52aWV3cykgPyAwIDogZGF0YS52aWV3cyxcclxuICAgICAgY29tbWVudHM6IHRoaXMubnVsbENoZWNrKGRhdGEuY29tbWVudHMpID8gMCA6IGRhdGEuY29tbWVudHMsXHJcbiAgICAgIHNoYXJlczogdGhpcy5udWxsQ2hlY2soZGF0YS5zaGFyZXMpID8gMCA6IGRhdGEuc2hhcmVzLFxyXG4gICAgICBpbWFnZVNyYzogdGhpcy5udWxsQ2hlY2soZGF0YS5pbWFnZVNyYykgPyBJQ09OU1sndW50aXRsZWQnXSA6IGRhdGEuaW1hZ2VTcmMsXHJcbiAgICAgIHVzZXJpbWFnZVNyYzogdGhpcy5udWxsQ2hlY2soZGF0YS51c2VyaW1hZ2VTcmMpXHJcbiAgICAgICAgPyBJQ09OU1snbm90U3BlY2lmaWVkJ11cclxuICAgICAgICA6IGRhdGEudXNlcmltYWdlU3JjLFxyXG4gICAgICBsb2NhdGlvbjogdGhpcy5udWxsQ2hlY2soZGF0YS5sb2NhdGlvbikgPyAnTm90IFNwZWNpZmllZCcgOiBkYXRhLmxvY2F0aW9uLFxyXG4gICAgfTtcclxuICB9XHJcblxyXG4gIGhhbmRsZU1lbnVlSXRlbVNlbGVjdCgpOiB2b2lkIHt9XHJcbiAgaGFuZGxlTWVudUl0ZW1DaGFuZ2UoKTogdm9pZCB7fVxyXG4gIGhhbmRsZU1lbnVDbGljaygpOiB2b2lkIHt9XHJcblxyXG4gIGhhbmRsZUZvcmtDbGljaygpOiB2b2lkIHtcclxuICAgIHRoaXMuZm9ya0NsaWNrZWQuZW1pdCgpO1xyXG4gIH1cclxuICBoYW5kbGVTdGFydEl0aW5lcmFyeUNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5TdGFydEl0aW5lcmFyeUNsaWNrLmVtaXQoKTtcclxuICB9XHJcbiAgaGFuZGxlVGl0bGVDbGljaygpOiB2b2lkIHtcclxuICAgIHRoaXMuVGl0bGVDbGlja2VkLmVtaXQoKTtcclxuICB9XHJcbiAgaGFuZGxlTWVzc2FnZUNsaWNrZWQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm1lc3NhZ2VDbGlja2VkLmVtaXQoKTtcclxuICB9XHJcbn1cclxuIiwiPGxpYi1iYXNlLWNhcmRcclxuICAqbmdJZj1cInByb2Nlc3NlZENhcmREYXRhXCJcclxuICBjbGFzcz1cImNhcmQtY29tcG9uZW50IHB4LTQgcHktNCBteS0yIHJvdW5kZWQtbGcgb3V0c2V0LWRvd25zaGFkb3dcIlxyXG4+XHJcbiAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtc3RhcnQganVzdGlmeS1iZXR3ZWVuIG1iLTJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC01IGl0ZW1zLXN0YXJ0XCI+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBbY2xhc3NdPVwiXHJcbiAgICAgICAgICAhaXNEcmFmdFxyXG4gICAgICAgICAgICA/ICcgdGV4dC1wcmltYXJ5J1xyXG4gICAgICAgICAgICA6ICcnICtcclxuICAgICAgICAgICAgICAnIGl0ZW1zLWNlbnRlciBzbTp0ZXh0LVsxMHB4XSB4czp0ZXh0LVs5cHhdIGZsZXggZmxleC1jb2wgZ2FwLXktWzBweF0nXHJcbiAgICAgICAgXCJcclxuICAgICAgPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCIhaXNEcmFmdCA/IElDT05TWyd1cHZvdGUnXSA6IElDT05TWyd1cEFycm93V2hpdGUnXVwiIGFsdD1cIlwiIC8+XHJcbiAgICAgICAgPHNwYW4gW2NsYXNzXT1cIiFpc0RyYWZ0ID8gJ3RleHQtcHJpbWFyeScgOiAnZHJhaC12b3Rlci1oZWFkZXInXCI+XHJcbiAgICAgICAgICB7eyBwcm9jZXNzZWRDYXJkRGF0YS51cFZvdGVzIH19XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snZG93bnZvdGUnXVwiIGFsdD1cIlwiIC8+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiXCI+XHJcbiAgICAgICAgPGg0IGNsYXNzPVwidGl0bGUgbWVkaXVtLTE0IHAtMCBtLTBcIiAoY2xpY2spPVwiaGFuZGxlVGl0bGVDbGljaygpXCI+XHJcbiAgICAgICAgICB7eyBwcm9jZXNzZWRDYXJkRGF0YS50aXRsZSB9fVxyXG4gICAgICAgIDwvaDQ+XHJcbiAgICAgICAgPGg1XHJcbiAgICAgICAgICBjbGFzcz1cInRleHQtc2Vjb25kYXJ5IG9wYWNpdHktODAgdGV4dC1bMTBweF0geHM6dGV4dC1bOXB4XSBmbGV4IGdhcC1bNnB4XSBpdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1sndXNlciddXCIgYWx0PVwiXCIgLz5cclxuICAgICAgICAgIDxzcGFuXHJcbiAgICAgICAgICAgID57eyBwcm9jZXNzZWRDYXJkRGF0YS51c2VyTmFtZSB9fSAtXHJcbiAgICAgICAgICAgIHt7IHByb2Nlc3NlZENhcmREYXRhLnRpbWVBZ28gfX08L3NwYW5cclxuICAgICAgICAgID5cclxuICAgICAgICA8L2g1PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImRyYWZ0LWhlYWRlclwiICpuZ0lmPVwicHJvY2Vzc2VkQ2FyZERhdGEuaXNEcmFmdFwiPlxyXG4gICAgICBEcmFmdCBTYXZlZFxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyXCI+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICAqbmdJZj1cIml0aW5lcmFyeVN0YXJ0ZWRcIlxyXG4gICAgICAgIChjbGljayk9XCJoYW5kbGVTdGFydEl0aW5lcmFyeUNsaWNrKClcIlxyXG4gICAgICAgIGNsYXNzPVwic3RhcnRJdGluZXJhcnlcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cIklDT05TWydzdGFydEl0aW5lcmFyeSddXCIgYWx0PVwiaWNvblwiIC8+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8bGliLW1lbnUtYnRuXHJcbiAgICAgICAgKHNlbGVjdCk9XCJoYW5kbGVNZW51ZUl0ZW1TZWxlY3QoKVwiXHJcbiAgICAgICAgKGNsaWNrKT1cImhhbmRsZU1lbnVDbGljaygpXCJcclxuICAgICAgICAoY2hhbmdlKT1cImhhbmRsZU1lbnVJdGVtQ2hhbmdlKClcIlxyXG4gICAgICAgIGNsYXNzPVwibGliLW1lbnUtY3VzdG9tLWNsYXNzXCJcclxuICAgICAgICBbZGlzYWJsZVRleHRTaGFkb3ddPVwidHJ1ZVwiXHJcbiAgICAgICAgW21lbnVJdGVtc109XCJsaWJNZW51SXRlbVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ2hvcml6b250YWwnXVwiIGFsdD1cIlwiIC8+XHJcbiAgICAgIDwvbGliLW1lbnUtYnRuPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGhyIGNsYXNzPVwiaC0xIHRleHQtc2Vjb25kYXJ5IG9wYWNpdHktMjVcIiAvPlxyXG4gIDxkaXYgY2xhc3M9XCJteS0yIG1iLTEgZmxleCBpdGVtcy1zdGFydCBnYXAteC01XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiMSBtYi0wIGZsZXggZmxleC1jb2wgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyXCI+XHJcbiAgICAgIDxpbWdcclxuICAgICAgICBbY2xhc3NdPVwiaXNEcmFmdCA/ICdkcmFmLWxvY2F0aW9uLWltYWdlJyA6ICcnXCJcclxuICAgICAgICBbc3JjXT1cInByb2Nlc3NlZENhcmREYXRhLmltYWdlU3JjXCJcclxuICAgICAgICBhbHQ9XCJcIlxyXG4gICAgICAgIHdpZHRoPVwiMTAwXCJcclxuICAgICAgLz5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIjJcIj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgICpuZ0lmPVwiIWNhcmREYXRhPy5pc0RyYWZ0XCJcclxuICAgICAgICBjbGFzcz1cImZvbnQtbm9ybWFsIHRleHQtc2Vjb25kYXJ5IGZsZXggaXRlbXMtY2VudGVyIGdhcC14LTQgdGV4dC1zbVwiXHJcbiAgICAgID5cclxuICAgICAgICA8dWwgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGdhcC15LVs2cHhdIHhzOnRleHQtWzlweF0gc206dGV4dC1bMTJweF1cIj5cclxuICAgICAgICAgIDxsaVxyXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgbG9jYXRpb24gb2YgY2FyZERhdGFGb3JMb2NhdGlvbnMubG9jYXRpb25Db2x1bW4xXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJsb2NhdGlvbi1pdGVtIGZsZXggaXRlbXMtY2VudGVyIGdhcC0xXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPGltZyBbc3JjXT1cImxvY2F0aW9uLmljb25cIiBhbHQ9XCJcIiAvPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRydW5jYXRlIHNtOm1heC13LTEwIHhzOm1heC13LTExXCI+e3tcclxuICAgICAgICAgICAgICBsb2NhdGlvbi5uYW1lXHJcbiAgICAgICAgICAgIH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9saT5cclxuICAgICAgICA8L3VsPlxyXG4gICAgICAgIDx1bCBjbGFzcz1cImZsZXggZmxleC1jb2wgZ2FwLXktWzZweF0geHM6dGV4dC1bOXB4XSBzbTp0ZXh0LVsxMnB4XVwiPlxyXG4gICAgICAgICAgPGxpXHJcbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBsb2NhdGlvbiBvZiBjYXJkRGF0YUZvckxvY2F0aW9ucy5sb2NhdGlvbkNvbHVtbjJcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImxvY2F0aW9uLWl0ZW0gZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTFcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwibG9jYXRpb24uaWNvblwiIGFsdD1cIlwiIC8+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidHJ1bmNhdGUgc206bWF4LXctMTAgeHM6bWF4LXctMTFcIj57e1xyXG4gICAgICAgICAgICAgIGxvY2F0aW9uLm5hbWVcclxuICAgICAgICAgICAgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2xpPlxyXG4gICAgICAgIDwvdWw+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8cCAqbmdJZj1cInByb2Nlc3NlZENhcmREYXRhLmlzRHJhZnRcIiBjbGFzcz1cInRleHQteHMgZHJhZnQtZGVzY3JpcHRpb25cIj5cclxuICAgICAgICB7eyBcIkZJTklTSF9JVElORVJBUllfQ1JFQVRJT05cIiB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L3A+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8aHIgY2xhc3M9XCJoLTEgdGV4dC1zZWNvbmRhcnkgb3BhY2l0eS0yNVwiIC8+XHJcbiAgPGRpdiBjbGFzcz1cIm15LTIgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1iZXR3ZWVuXCI+XHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1iZXR3ZWVuIHNtOmdhcC14LTcgeHM6Z2FwLXgtNSBzbTp0ZXh0LXNtIHhzOnRleHQtWzlweF0gdGV4dC1zZWNvbmRhcnlcIlxyXG4gICAgPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLXgtWzZweF1cIj5cclxuICAgICAgICA8aW1nIGNsYXNzPVwiYm90dG9tLWljb25zXCIgW3NyY109XCJJQ09OU1snZXllJ11cIiBhbHQ9XCJcIiAvPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYm90dG9tLXRhZ3NcIj57eyBwcm9jZXNzZWRDYXJkRGF0YS52aWV3cyB9fTwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICAoY2xpY2spPVwiaGFuZGxlTWVzc2FnZUNsaWNrZWQoKVwiXHJcbiAgICAgICAgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBnYXAteC1bNnB4XVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aW1nIGNsYXNzPVwiYm90dG9tLWljb25zXCIgW3NyY109XCJJQ09OU1snY29tbWVudDInXVwiIGFsdD1cIlwiIC8+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJib3R0b20tdGFnc1wiPnt7IHByb2Nlc3NlZENhcmREYXRhLmNvbW1lbnRzIH19PC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiAoY2xpY2spPVwiaGFuZGxlRm9ya0NsaWNrKClcIiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGdhcC14LVs2cHhdXCI+XHJcbiAgICAgICAgPGltZyBjbGFzcz1cImJvdHRvbS1pY29uc1wiIFtzcmNdPVwiSUNPTlNbJ2ZvcmsnXVwiIGFsdD1cIlwiIC8+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJib3R0b20tdGFnc1wiPnt7IHByb2Nlc3NlZENhcmREYXRhLnNoYXJlcyB9fTwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBnYXAteC0yXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC14cyB1c2VySWNvblRleHRcIj5cclxuICAgICAgICB7eyBwcm9jZXNzZWRDYXJkRGF0YS51c2VycyB9fVxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwidXNlci1pY29uLXRleHRcIiAqbmdJZj1cInByb2Nlc3NlZENhcmREYXRhLnVzZXJzID4gMFwiXHJcbiAgICAgICAgICA+VXNlcnM8L3NwYW5cclxuICAgICAgICA+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgICAgPGltZyBbc3JjXT1cInByb2Nlc3NlZENhcmREYXRhLnVzZXJpbWFnZVNyY1wiIGFsdD1cIlwiIC8+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9saWItYmFzZS1jYXJkPlxyXG4iXX0=

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

@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../_services/comment-image.service";
+import * as i2 from "@naniteninja/ionic-lib";
+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: [""], dependencies: [{ kind: "component", type: i2.ImageDeckComponent, selector: "lib-image-deck", inputs: ["images", "activeIndex"], outputs: ["activeIndexChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentImagesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-comment-images', 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC1pbWFnZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvc2hhcmVkL2NvbW1lbnQvY29tbWVudC1pbWFnZXMvY29tbWVudC1pbWFnZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvc2hhcmVkL2NvbW1lbnQvY29tbWVudC1pbWFnZXMvY29tbWVudC1pbWFnZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRakQsTUFBTSxPQUFPLHNCQUFzQjtJQUN4QixNQUFNLEdBQWEsRUFBRSxDQUFDO0lBQ3RCLEtBQUssR0FBVyxDQUFDLENBQUM7SUFFM0IsWUFBWSxZQUFpQztRQUMzQyxJQUFJLENBQUMsTUFBTSxHQUFHLFlBQVksQ0FBQyxLQUFLLENBQUM7UUFDakMsSUFBSSxDQUFDLEtBQUssR0FBRyxZQUFZLENBQUMsS0FBSyxDQUFDO0lBQ2xDLENBQUM7d0dBUFUsc0JBQXNCOzRGQUF0QixzQkFBc0Isd0dDUm5DLGdJQUdBOzs0RkRLYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usb0JBQW9CO3dGQUtyQixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnOyBcclxuaW1wb3J0IHsgQ29tbWVudEltYWdlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL19zZXJ2aWNlcy9jb21tZW50LWltYWdlLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY29tbWVudC1pbWFnZXMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb21tZW50LWltYWdlcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NvbW1lbnQtaW1hZ2VzLmNvbXBvbmVudC5jc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbWVudEltYWdlc0NvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaW1hZ2VzOiBzdHJpbmdbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGluZGV4OiBudW1iZXIgPSAwO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihjb21tZW50SW1hZ2U6IENvbW1lbnRJbWFnZVNlcnZpY2UpIHtcclxuICAgIHRoaXMuaW1hZ2VzID0gY29tbWVudEltYWdlLmltYWdlO1xyXG4gICAgdGhpcy5pbmRleCA9IGNvbW1lbnRJbWFnZS5pbmRleDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInctZnVsbCBoLWZ1bGxcIj5cclxuICA8bGliLWltYWdlLWRlY2sgW2ltYWdlc109XCJpbWFnZXNcIiBbYWN0aXZlSW5kZXhdPVwiaW5kZXhcIj48L2xpYi1pbWFnZS1kZWNrPlxyXG48L2Rpdj5cclxuIl19

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

@@ -0,0 +1,118 @@
+import { Component, EventEmitter, Input, Output, } 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 "../../_data/app-service.service";
+import * as i4 from "@angular/common";
+import * as i5 from "@naniteninja/ionic-lib";
+import * as i6 from "../../_pipes/time-ago.pipe";
+import * as i7 from "../../_pipes/votes.pipe";
+export class CommentComponent {
+    router;
+    cdr;
+    commentImageService;
+    libMenuItem;
+    comment;
+    index;
+    ICONS = ICONS;
+    isOpen = false;
+    user;
+    imageComponent = CommentImagesComponent;
+    upClick = new EventEmitter();
+    downClick = new EventEmitter();
+    menuClick = new EventEmitter();
+    menuItemSelect = new EventEmitter();
+    //LIFE CYCLES
+    constructor(router, cdr, commentImageService, appService) {
+        this.router = router;
+        this.cdr = cdr;
+        this.commentImageService = commentImageService;
+        this.user = appService.user;
+    }
+    ngOnInit() { }
+    //UI LOGIC
+    asUser(value) {
+        return value;
+    }
+    asImage(value) {
+        return value;
+    }
+    handleMenueItemSelect(event) {
+        console.log(event);
+    }
+    handleMenuItemChange() { }
+    handleMenuClick() {
+        this.menuClick.emit();
+    }
+    close = () => {
+        this.isOpen = false;
+    };
+    showImage(images, currentIndex) {
+        if (this.isOpen) {
+            this.close();
+        }
+        setTimeout(() => {
+            this.isOpen = true;
+            this.commentImageService.image = images.map((v) => v.value);
+            this.commentImageService.index = currentIndex;
+            this.cdr.detectChanges();
+        }, 0);
+    }
+    getUpVotes() {
+        return this.comment?.votes?.filter(x => x.vote === 'up');
+    }
+    getVoteUpIcon() {
+        const vote = this.comment?.votes?.find(x => x.userId === this.user._id);
+        return vote?.vote === 'up' ? ICONS['upvote'] : ICONS['downvote'];
+    }
+    getVoteDownIcon() {
+        const vote = this.comment?.votes?.find(x => x.userId === this.user._id);
+        return vote?.vote === 'down' ? ICONS['upvote'] : ICONS['downvote'];
+    }
+    isUpVote() {
+        const vote = this.comment?.votes?.find(x => x.userId === this.user._id);
+        return vote?.vote === 'up';
+    }
+    isDownVote() {
+        const vote = this.comment?.votes?.find(x => x.userId === this.user._id);
+        return vote?.vote === 'down';
+    }
+    //NAVGIATIONS
+    onUpClick() {
+        this.upClick.emit();
+    }
+    onDownClick() {
+        this.downClick.emit();
+    }
+    RedirectToReplies() {
+        this.router.navigate([
+            ItinerariesRoutesEnum.ITINERARY,
+            ItinerariesRoutesEnum.COMMENT_REPLIES,
+            this.comment?._id
+        ]);
+    }
+    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 }, { token: i3.AppService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CommentComponent, selector: "app-comment", inputs: { libMenuItem: "libMenuItem", comment: "comment", index: "index" }, outputs: { upClick: "upClick", downClick: "downClick", menuClick: "menuClick", menuItemSelect: "menuItemSelect" }, ngImport: i0, template: "<div class=\"comment-card text-white p-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      <img\r\n        [src]=\"asUser(comment?.user!).pictureUrl ?? ICONS['user']\"\r\n        loading=\"lazy\"\r\n        alt=\"User\"\r\n        class=\"comment-user rounded-full\"\r\n      />\r\n      <div>\r\n        <p class=\"text-sm font-semibold\">\r\n          {{ asUser(comment?.user!).name }} -\r\n          {{ comment?.createdAt! | timeAgo }}\r\n          {{ comment?.isEdited ? \"(Edited)\" : \"\" }}\r\n        </p>\r\n        <p class=\"text-md text-gray-300\">{{ comment?.comment }}</p>\r\n      </div>\r\n    </div>\r\n\r\n    <lib-menu-btn\r\n      (select)=\"handleMenueItemSelect($event)\"\r\n      (click)=\"handleMenuClick()\"\r\n      (change)=\"handleMenuItemChange()\"\r\n      class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n      [disableTextShadow]=\"true\"\r\n      [menuItems]=\"libMenuItem\"\r\n    >\r\n      <img [src]=\"ICONS['horizontalWhite']\" alt=\"\" />\r\n    </lib-menu-btn>\r\n  </div>\r\n\r\n  <div class=\"flex gap-[18px]\">\r\n    <div class=\"flex flex-col items-center text-pink-500\">\r\n      <img\r\n        [src]=\"getVoteUpIcon()\"\r\n        alt=\"Upvote\"\r\n        class=\"cursor-pointer\"\r\n        (click)=\"onUpClick()\"\r\n        [ngStyle]=\"{\r\n          transform: !isUpVote() ? 'rotate(180deg)' : 'rotate(0deg)',\r\n          transition: 'transform 0.3s ease',\r\n        }\"\r\n      />\r\n      <span class=\"text-xs font-semibold text-pink-500\">{{\r\n        getUpVotes()?.length ?? 0 | votes\r\n      }}</span>\r\n      <img\r\n        [src]=\"getVoteDownIcon()\"\r\n        alt=\"Downvote\"\r\n        class=\"cursor-pointer\"\r\n        (click)=\"onDownClick()\"\r\n        [ngStyle]=\"{\r\n          transform: isDownVote() ? 'rotate(180deg)' : 'rotate(0deg)',\r\n          transition: 'transform 0.3s ease',\r\n        }\"\r\n      />\r\n    </div>\r\n    <div class=\"flex flex-col\">\r\n      <div\r\n        *ngIf=\"(comment?.images)!.length > 0\"\r\n        class=\"grid grid-cols-2 gap-2 mt-3\"\r\n      >\r\n        <ng-container *ngFor=\"let image of comment?.images; let i = index\">\r\n          <div class=\"relative\" *ngIf=\"i < 4\">\r\n            <img\r\n              [src]=\"asImage(image).value\"\r\n              loading=\"lazy\"\r\n              alt=\"Attachment\"\r\n              (click)=\"showImage(comment?.images!, i)\"\r\n              class=\"w-full h-28 rounded-lg object-cover\"\r\n            />\r\n            <div\r\n              *ngIf=\"i === 3 && comment?.images\"\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 space-x-4 text-gray-400 text-sm\">\r\n          <button\r\n            class=\"flex items-center space-x-1 hover:text-white\"\r\n            (click)=\"RedirectToReplies()\"\r\n          >\r\n            <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n            <p>Reply</p>\r\n          </button>\r\n          <button\r\n            *ngIf=\"comment?.isFeatured\"\r\n            class=\"flex items-center space-x-1 hover:text-white\"\r\n          >\r\n            <img\r\n              style=\"height: 10px; width: 10px\"\r\n              [src]=\"ICONS['featured']\"\r\n              alt=\"Feature\"\r\n            />\r\n            <p>Featured</p>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <p\r\n        class=\"custom-pink mt-4 font-bold 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\r\n  <div class=\"border-t border-gray-700 mt-2\"></div>\r\n</div>\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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5.MenuBtnComponent, selector: "lib-menu-btn", inputs: ["menuBtnIcon", "menuBtnTooltip", "menuBtnTooltipPosition", "menuBtnIconName", "menuBtnImgUrl", "menuBtnNotificationIconUrl", "menuDirection", "hasNotification", "menuItems", "disableTranslation", "listItem", "listItemIndex", "selectable", "overlayClass", "isUserMenu", "onlyCloseOnClickOutside", "hoverOutline", "disabled", "type", "form", "label", "showArrowIcon", "disableTextShadow", "loading$"] }, { kind: "component", type: i5.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: i6.TimeAgoPipe, name: "timeAgo" }, { kind: "pipe", type: i7.VotesPipe, name: "votes" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CommentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-comment', template: "<div class=\"comment-card text-white p-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      <img\r\n        [src]=\"asUser(comment?.user!).pictureUrl ?? ICONS['user']\"\r\n        loading=\"lazy\"\r\n        alt=\"User\"\r\n        class=\"comment-user rounded-full\"\r\n      />\r\n      <div>\r\n        <p class=\"text-sm font-semibold\">\r\n          {{ asUser(comment?.user!).name }} -\r\n          {{ comment?.createdAt! | timeAgo }}\r\n          {{ comment?.isEdited ? \"(Edited)\" : \"\" }}\r\n        </p>\r\n        <p class=\"text-md text-gray-300\">{{ comment?.comment }}</p>\r\n      </div>\r\n    </div>\r\n\r\n    <lib-menu-btn\r\n      (select)=\"handleMenueItemSelect($event)\"\r\n      (click)=\"handleMenuClick()\"\r\n      (change)=\"handleMenuItemChange()\"\r\n      class=\"lib-menu-custom-class lib-menu-bg-none\"\r\n      [disableTextShadow]=\"true\"\r\n      [menuItems]=\"libMenuItem\"\r\n    >\r\n      <img [src]=\"ICONS['horizontalWhite']\" alt=\"\" />\r\n    </lib-menu-btn>\r\n  </div>\r\n\r\n  <div class=\"flex gap-[18px]\">\r\n    <div class=\"flex flex-col items-center text-pink-500\">\r\n      <img\r\n        [src]=\"getVoteUpIcon()\"\r\n        alt=\"Upvote\"\r\n        class=\"cursor-pointer\"\r\n        (click)=\"onUpClick()\"\r\n        [ngStyle]=\"{\r\n          transform: !isUpVote() ? 'rotate(180deg)' : 'rotate(0deg)',\r\n          transition: 'transform 0.3s ease',\r\n        }\"\r\n      />\r\n      <span class=\"text-xs font-semibold text-pink-500\">{{\r\n        getUpVotes()?.length ?? 0 | votes\r\n      }}</span>\r\n      <img\r\n        [src]=\"getVoteDownIcon()\"\r\n        alt=\"Downvote\"\r\n        class=\"cursor-pointer\"\r\n        (click)=\"onDownClick()\"\r\n        [ngStyle]=\"{\r\n          transform: isDownVote() ? 'rotate(180deg)' : 'rotate(0deg)',\r\n          transition: 'transform 0.3s ease',\r\n        }\"\r\n      />\r\n    </div>\r\n    <div class=\"flex flex-col\">\r\n      <div\r\n        *ngIf=\"(comment?.images)!.length > 0\"\r\n        class=\"grid grid-cols-2 gap-2 mt-3\"\r\n      >\r\n        <ng-container *ngFor=\"let image of comment?.images; let i = index\">\r\n          <div class=\"relative\" *ngIf=\"i < 4\">\r\n            <img\r\n              [src]=\"asImage(image).value\"\r\n              loading=\"lazy\"\r\n              alt=\"Attachment\"\r\n              (click)=\"showImage(comment?.images!, i)\"\r\n              class=\"w-full h-28 rounded-lg object-cover\"\r\n            />\r\n            <div\r\n              *ngIf=\"i === 3 && comment?.images\"\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 space-x-4 text-gray-400 text-sm\">\r\n          <button\r\n            class=\"flex items-center space-x-1 hover:text-white\"\r\n            (click)=\"RedirectToReplies()\"\r\n          >\r\n            <img [src]=\"ICONS['comment2']\" alt=\"Reply\" />\r\n            <p>Reply</p>\r\n          </button>\r\n          <button\r\n            *ngIf=\"comment?.isFeatured\"\r\n            class=\"flex items-center space-x-1 hover:text-white\"\r\n          >\r\n            <img\r\n              style=\"height: 10px; width: 10px\"\r\n              [src]=\"ICONS['featured']\"\r\n              alt=\"Feature\"\r\n            />\r\n            <p>Featured</p>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <p\r\n        class=\"custom-pink mt-4 font-bold 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\r\n  <div class=\"border-t border-gray-700 mt-2\"></div>\r\n</div>\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 }, { type: i3.AppService }], propDecorators: { libMenuItem: [{
+                type: Input
+            }], comment: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], upClick: [{
+                type: Output
+            }], downClick: [{
+                type: Output
+            }], menuClick: [{
+                type: Output
+            }], menuItemSelect: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdGluZXJhcnktbGliL3NyYy9saWIvaXRpbmVyYXJ5LWFwcC9zaGFyZWQvY29tbWVudC9jb21tZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL3NoYXJlZC9jb21tZW50L2NvbW1lbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUVuRixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDbkQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7Ozs7OztBQWMxRSxNQUFNLE9BQU8sZ0JBQWdCO0lBZWpCO0lBQ0E7SUFDQTtJQWhCRCxXQUFXLENBQWlCO0lBQzVCLE9BQU8sQ0FBdUI7SUFDOUIsS0FBSyxDQUFVO0lBQ3hCLEtBQUssR0FBVSxLQUFLLENBQUM7SUFDckIsTUFBTSxHQUFZLEtBQUssQ0FBQztJQUN4QixJQUFJLENBQVE7SUFDWixjQUFjLEdBQWtCLHNCQUFzQixDQUFDO0lBQzdDLE9BQU8sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUN2RCxTQUFTLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFDekQsU0FBUyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBQ3pELGNBQWMsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUV4RSxhQUFhO0lBQ2IsWUFDVSxNQUFjLEVBQ2QsR0FBc0IsRUFDdEIsbUJBQXdDLEVBQ2hELFVBQXNCO1FBSGQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNkLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFFOUMsSUFBSSxDQUFDLElBQUksR0FBRyxVQUFVLENBQUMsSUFBSSxDQUFBO0lBQUMsQ0FBQztJQUVqQyxRQUFRLEtBQVcsQ0FBQztJQUVwQixVQUFVO0lBQ1YsTUFBTSxDQUFDLEtBQXFCO1FBQzFCLE9BQU8sS0FBYyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBcUI7UUFDM0IsT0FBTyxLQUFlLENBQUM7SUFDekIsQ0FBQztJQUVELHFCQUFxQixDQUFDLEtBQVc7UUFDL0IsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNuQixDQUFDO0lBQ0Ysb0JBQW9CLEtBQVcsQ0FBQztJQUNoQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsS0FBSyxHQUFHLEdBQVMsRUFBRTtRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN0QixDQUFDLENBQUM7SUFFRixTQUFTLENBQUMsTUFBZ0IsRUFBRSxZQUFvQjtRQUM5QyxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDZDtRQUVELFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztZQUNuQixJQUFJLENBQUMsbUJBQW1CLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM1RCxJQUFJLENBQUMsbUJBQW1CLENBQUMsS0FBSyxHQUFHLFlBQVksQ0FBQztZQUM5QyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNSLENBQUM7SUFFRCxVQUFVO1FBQ1IsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFFRCxhQUFhO1FBQ1gsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3hFLE9BQU8sSUFBSSxFQUFFLElBQUksS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ25FLENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3hFLE9BQU8sSUFBSSxFQUFFLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFFRCxRQUFRO1FBQ04sTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3hFLE9BQU8sSUFBSSxFQUFFLElBQUksS0FBSyxJQUFJLENBQUM7SUFDN0IsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDeEUsT0FBTyxJQUFJLEVBQUUsSUFBSSxLQUFLLE1BQU0sQ0FBQztJQUMvQixDQUFDO0lBRUQsYUFBYTtJQUNiLFNBQVM7UUFDUCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7WUFDbkIscUJBQXFCLENBQUMsU0FBUztZQUMvQixxQkFBcUIsQ0FBQyxlQUFlO1lBQ3JDLElBQUksQ0FBQyxPQUFPLEVBQUUsR0FBRztTQUNsQixDQUFDLENBQUM7SUFDTCxDQUFDO3dHQWhHVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQixrUEMzQjdCLHNqSUF5SEE7OzRGRDlGYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTtzS0FLZCxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIFR5cGUsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IENvbW1lbnRJbWFnZXNDb21wb25lbnQgfSBmcm9tICcuL2NvbW1lbnQtaW1hZ2VzL2NvbW1lbnQtaW1hZ2VzLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IExpYk1lbnVJdGVtIH0gZnJvbSAnQG5hbml0ZW5pbmphL2lvbmljLWxpYic7ICBcclxuaW1wb3J0IHsgSUNPTlMgfSBmcm9tICcuLi8uLi9fY29uc3RhbnRzL2NvbnN0YW50cyc7XHJcbmltcG9ydCB7IEl0aW5lcmFyaWVzUm91dGVzRW51bSB9IGZyb20gJy4uLy4uL19lbnVtcy9JdGVuYXJpZXNSb3V0ZXMuZW51bSc7XHJcbmltcG9ydCB7IElpY29uIH0gZnJvbSAnLi4vLi4vX2ludGVyZmFjZS9pY29uJztcclxuaW1wb3J0IHsgQ29tbWVudEltYWdlU2VydmljZSB9IGZyb20gJy4uLy4uL19zZXJ2aWNlcy9jb21tZW50LWltYWdlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBJQ29tbWVudCB9IGZyb20gJy4uLy4uL19tb2RlbHMvaS1jb21tZW50JztcclxuaW1wb3J0IHsgSVVzZXIgfSBmcm9tICcuLi8uLi9fbW9kZWxzL2FwcC11c2VyJztcclxuaW1wb3J0IHsgSVZvdGUgfSBmcm9tICcuLi8uLi9fbW9kZWxzL2ktdm90ZS5zY2hlbWEnO1xyXG5pbXBvcnQgeyBBcHBTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vX2RhdGEvYXBwLXNlcnZpY2Uuc2VydmljZSc7XHJcbmltcG9ydCB7IElJbWFnZSB9IGZyb20gJy4uLy4uL19tb2RlbHMvaS1pbWFnZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jb21tZW50JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29tbWVudC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NvbW1lbnQuY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbWVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbGliTWVudUl0ZW0hOiBMaWJNZW51SXRlbVtdO1xyXG4gIEBJbnB1dCgpIGNvbW1lbnQ6IElDb21tZW50IHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIGluZGV4ITogbnVtYmVyO1xyXG4gIElDT05TOiBJaWNvbiA9IElDT05TO1xyXG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHVzZXI6IElVc2VyO1xyXG4gIGltYWdlQ29tcG9uZW50OiBUeXBlPHVua25vd24+ID0gQ29tbWVudEltYWdlc0NvbXBvbmVudDtcclxuICBAT3V0cHV0KCkgdXBDbGljazogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBkb3duQ2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgbWVudUNsaWNrOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIG1lbnVJdGVtU2VsZWN0OiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIC8vTElGRSBDWUNMRVNcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwcml2YXRlIGNvbW1lbnRJbWFnZVNlcnZpY2U6IENvbW1lbnRJbWFnZVNlcnZpY2UsXHJcbiAgICBhcHBTZXJ2aWNlOiBBcHBTZXJ2aWNlXHJcbiAgKSB7IHRoaXMudXNlciA9IGFwcFNlcnZpY2UudXNlciB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XHJcblxyXG4gIC8vVUkgTE9HSUNcclxuICBhc1VzZXIodmFsdWU6IElVc2VyIHwgc3RyaW5nKTogSVVzZXIge1xyXG4gICAgcmV0dXJuIHZhbHVlIGFzIElVc2VyO1xyXG4gIH1cclxuXHJcbiAgYXNJbWFnZSh2YWx1ZTpJSW1hZ2UgfCBzdHJpbmcpOiBJSW1hZ2V7XHJcbiAgICByZXR1cm4gdmFsdWUgYXMgSUltYWdlO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlTWVudWVJdGVtU2VsZWN0KGV2ZW50OkV2ZW50KTogdm9pZCB7XHJcbiAgICBjb25zb2xlLmxvZyhldmVudClcclxuICAgfVxyXG4gIGhhbmRsZU1lbnVJdGVtQ2hhbmdlKCk6IHZvaWQgeyB9XHJcbiAgaGFuZGxlTWVudUNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5tZW51Q2xpY2suZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgY2xvc2UgPSAoKTogdm9pZCA9PiB7XHJcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xyXG4gIH07XHJcblxyXG4gIHNob3dJbWFnZShpbWFnZXM6IElJbWFnZVtdLCBjdXJyZW50SW5kZXg6IG51bWJlcik6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuaXNPcGVuKSB7XHJcbiAgICAgIHRoaXMuY2xvc2UoKTtcclxuICAgIH1cclxuXHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5pc09wZW4gPSB0cnVlO1xyXG4gICAgICB0aGlzLmNvbW1lbnRJbWFnZVNlcnZpY2UuaW1hZ2UgPSBpbWFnZXMubWFwKCh2KSA9PiB2LnZhbHVlKTtcclxuICAgICAgdGhpcy5jb21tZW50SW1hZ2VTZXJ2aWNlLmluZGV4ID0gY3VycmVudEluZGV4O1xyXG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9LCAwKTtcclxuICB9XHJcblxyXG4gIGdldFVwVm90ZXMoKTogSVZvdGVbXSB8IHVuZGVmaW5lZCB7XHJcbiAgICByZXR1cm4gdGhpcy5jb21tZW50Py52b3Rlcz8uZmlsdGVyKHggPT4geC52b3RlID09PSAndXAnKTtcclxuICB9XHJcblxyXG4gIGdldFZvdGVVcEljb24oKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IHZvdGUgPSB0aGlzLmNvbW1lbnQ/LnZvdGVzPy5maW5kKHggPT4geC51c2VySWQgPT09IHRoaXMudXNlci5faWQpO1xyXG4gICAgcmV0dXJuIHZvdGU/LnZvdGUgPT09ICd1cCcgPyBJQ09OU1sndXB2b3RlJ10gOiBJQ09OU1snZG93bnZvdGUnXTtcclxuICB9XHJcblxyXG4gIGdldFZvdGVEb3duSWNvbigpOiBzdHJpbmcge1xyXG4gICAgY29uc3Qgdm90ZSA9IHRoaXMuY29tbWVudD8udm90ZXM/LmZpbmQoeCA9PiB4LnVzZXJJZCA9PT0gdGhpcy51c2VyLl9pZCk7XHJcbiAgICByZXR1cm4gdm90ZT8udm90ZSA9PT0gJ2Rvd24nID8gSUNPTlNbJ3Vwdm90ZSddIDogSUNPTlNbJ2Rvd252b3RlJ107XHJcbiAgfVxyXG5cclxuICBpc1VwVm90ZSgpOiBib29sZWFuIHtcclxuICAgIGNvbnN0IHZvdGUgPSB0aGlzLmNvbW1lbnQ/LnZvdGVzPy5maW5kKHggPT4geC51c2VySWQgPT09IHRoaXMudXNlci5faWQpO1xyXG4gICAgcmV0dXJuIHZvdGU/LnZvdGUgPT09ICd1cCc7XHJcbiAgfVxyXG5cclxuICBpc0Rvd25Wb3RlKCk6IGJvb2xlYW4ge1xyXG4gICAgY29uc3Qgdm90ZSA9IHRoaXMuY29tbWVudD8udm90ZXM/LmZpbmQoeCA9PiB4LnVzZXJJZCA9PT0gdGhpcy51c2VyLl9pZCk7XHJcbiAgICByZXR1cm4gdm90ZT8udm90ZSA9PT0gJ2Rvd24nO1xyXG4gIH1cclxuXHJcbiAgLy9OQVZHSUFUSU9OU1xyXG4gIG9uVXBDbGljaygpIHtcclxuICAgIHRoaXMudXBDbGljay5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBvbkRvd25DbGljaygpIHtcclxuICAgIHRoaXMuZG93bkNsaWNrLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIFJlZGlyZWN0VG9SZXBsaWVzKCkge1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW1xyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uSVRJTkVSQVJZLFxyXG4gICAgICBJdGluZXJhcmllc1JvdXRlc0VudW0uQ09NTUVOVF9SRVBMSUVTLFxyXG4gICAgICB0aGlzLmNvbW1lbnQ/Ll9pZFxyXG4gICAgXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb21tZW50LWNhcmQgdGV4dC13aGl0ZSBwLTQgcm91bmRlZC14bCB3LWZ1bGxcIj5cclxuICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1zdGFydCBqdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IHNwYWNlLXgtMyBtci0xXCI+XHJcbiAgICAgIDxpbWdcclxuICAgICAgICBbc3JjXT1cImFzVXNlcihjb21tZW50Py51c2VyISkucGljdHVyZVVybCA/PyBJQ09OU1sndXNlciddXCJcclxuICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgICAgYWx0PVwiVXNlclwiXHJcbiAgICAgICAgY2xhc3M9XCJjb21tZW50LXVzZXIgcm91bmRlZC1mdWxsXCJcclxuICAgICAgLz5cclxuICAgICAgPGRpdj5cclxuICAgICAgICA8cCBjbGFzcz1cInRleHQtc20gZm9udC1zZW1pYm9sZFwiPlxyXG4gICAgICAgICAge3sgYXNVc2VyKGNvbW1lbnQ/LnVzZXIhKS5uYW1lIH19IC1cclxuICAgICAgICAgIHt7IGNvbW1lbnQ/LmNyZWF0ZWRBdCEgfCB0aW1lQWdvIH19XHJcbiAgICAgICAgICB7eyBjb21tZW50Py5pc0VkaXRlZCA/IFwiKEVkaXRlZClcIiA6IFwiXCIgfX1cclxuICAgICAgICA8L3A+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0LW1kIHRleHQtZ3JheS0zMDBcIj57eyBjb21tZW50Py5jb21tZW50IH19PC9wPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxsaWItbWVudS1idG5cclxuICAgICAgKHNlbGVjdCk9XCJoYW5kbGVNZW51ZUl0ZW1TZWxlY3QoJGV2ZW50KVwiXHJcbiAgICAgIChjbGljayk9XCJoYW5kbGVNZW51Q2xpY2soKVwiXHJcbiAgICAgIChjaGFuZ2UpPVwiaGFuZGxlTWVudUl0ZW1DaGFuZ2UoKVwiXHJcbiAgICAgIGNsYXNzPVwibGliLW1lbnUtY3VzdG9tLWNsYXNzIGxpYi1tZW51LWJnLW5vbmVcIlxyXG4gICAgICBbZGlzYWJsZVRleHRTaGFkb3ddPVwidHJ1ZVwiXHJcbiAgICAgIFttZW51SXRlbXNdPVwibGliTWVudUl0ZW1cIlxyXG4gICAgPlxyXG4gICAgICA8aW1nIFtzcmNdPVwiSUNPTlNbJ2hvcml6b250YWxXaGl0ZSddXCIgYWx0PVwiXCIgLz5cclxuICAgIDwvbGliLW1lbnUtYnRuPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtWzE4cHhdXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbCBpdGVtcy1jZW50ZXIgdGV4dC1waW5rLTUwMFwiPlxyXG4gICAgICA8aW1nXHJcbiAgICAgICAgW3NyY109XCJnZXRWb3RlVXBJY29uKClcIlxyXG4gICAgICAgIGFsdD1cIlVwdm90ZVwiXHJcbiAgICAgICAgY2xhc3M9XCJjdXJzb3ItcG9pbnRlclwiXHJcbiAgICAgICAgKGNsaWNrKT1cIm9uVXBDbGljaygpXCJcclxuICAgICAgICBbbmdTdHlsZV09XCJ7XHJcbiAgICAgICAgICB0cmFuc2Zvcm06ICFpc1VwVm90ZSgpID8gJ3JvdGF0ZSgxODBkZWcpJyA6ICdyb3RhdGUoMGRlZyknLFxyXG4gICAgICAgICAgdHJhbnNpdGlvbjogJ3RyYW5zZm9ybSAwLjNzIGVhc2UnLFxyXG4gICAgICAgIH1cIlxyXG4gICAgICAvPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInRleHQteHMgZm9udC1zZW1pYm9sZCB0ZXh0LXBpbmstNTAwXCI+e3tcclxuICAgICAgICBnZXRVcFZvdGVzKCk/Lmxlbmd0aCA/PyAwIHwgdm90ZXNcclxuICAgICAgfX08L3NwYW4+XHJcbiAgICAgIDxpbWdcclxuICAgICAgICBbc3JjXT1cImdldFZvdGVEb3duSWNvbigpXCJcclxuICAgICAgICBhbHQ9XCJEb3dudm90ZVwiXHJcbiAgICAgICAgY2xhc3M9XCJjdXJzb3ItcG9pbnRlclwiXHJcbiAgICAgICAgKGNsaWNrKT1cIm9uRG93bkNsaWNrKClcIlxyXG4gICAgICAgIFtuZ1N0eWxlXT1cIntcclxuICAgICAgICAgIHRyYW5zZm9ybTogaXNEb3duVm90ZSgpID8gJ3JvdGF0ZSgxODBkZWcpJyA6ICdyb3RhdGUoMGRlZyknLFxyXG4gICAgICAgICAgdHJhbnNpdGlvbjogJ3RyYW5zZm9ybSAwLjNzIGVhc2UnLFxyXG4gICAgICAgIH1cIlxyXG4gICAgICAvPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbFwiPlxyXG4gICAgICA8ZGl2XHJcbiAgICAgICAgKm5nSWY9XCIoY29tbWVudD8uaW1hZ2VzKSEubGVuZ3RoID4gMFwiXHJcbiAgICAgICAgY2xhc3M9XCJncmlkIGdyaWQtY29scy0yIGdhcC0yIG10LTNcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaW1hZ2Ugb2YgY29tbWVudD8uaW1hZ2VzOyBsZXQgaSA9IGluZGV4XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVsYXRpdmVcIiAqbmdJZj1cImkgPCA0XCI+XHJcbiAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICBbc3JjXT1cImFzSW1hZ2UoaW1hZ2UpLnZhbHVlXCJcclxuICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgICAgICAgICAgYWx0PVwiQXR0YWNobWVudFwiXHJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cInNob3dJbWFnZShjb21tZW50Py5pbWFnZXMhLCBpKVwiXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJ3LWZ1bGwgaC0yOCByb3VuZGVkLWxnIG9iamVjdC1jb3ZlclwiXHJcbiAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAqbmdJZj1cImkgPT09IDMgJiYgY29tbWVudD8uaW1hZ2VzXCJcclxuICAgICAgICAgICAgICBjbGFzcz1cImFic29sdXRlIGluc2V0LTAgYmctYmxhY2sgYmctb3BhY2l0eS01MCBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciB0ZXh0LXdoaXRlIHRleHQteGwgZm9udC1ib2xkXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICt7eyBpIH19XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1iZXR3ZWVuIG10LTNcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBzcGFjZS14LTQgdGV4dC1ncmF5LTQwMCB0ZXh0LXNtXCI+XHJcbiAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgIGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgc3BhY2UteC0xIGhvdmVyOnRleHQtd2hpdGVcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwiUmVkaXJlY3RUb1JlcGxpZXMoKVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJJQ09OU1snY29tbWVudDInXVwiIGFsdD1cIlJlcGx5XCIgLz5cclxuICAgICAgICAgICAgPHA+UmVwbHk8L3A+XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgKm5nSWY9XCJjb21tZW50Py5pc0ZlYXR1cmVkXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBzcGFjZS14LTEgaG92ZXI6dGV4dC13aGl0ZVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICBzdHlsZT1cImhlaWdodDogMTBweDsgd2lkdGg6IDEwcHhcIlxyXG4gICAgICAgICAgICAgIFtzcmNdPVwiSUNPTlNbJ2ZlYXR1cmVkJ11cIlxyXG4gICAgICAgICAgICAgIGFsdD1cIkZlYXR1cmVcIlxyXG4gICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICA8cD5GZWF0dXJlZDwvcD5cclxuICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPHBcclxuICAgICAgICBjbGFzcz1cImN1c3RvbS1waW5rIG10LTQgZm9udC1ib2xkIHRleHQtc20gY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgIChjbGljayk9XCJSZWRpcmVjdFRvUmVwbGllcygpXCJcclxuICAgICAgPlxyXG4gICAgICAgIFZpZXcgUmVwbGllc1xyXG4gICAgICA8L3A+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cImJvcmRlci10IGJvcmRlci1ncmF5LTcwMCBtdC0yXCI+PC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGxpYi1wb3B1cFxyXG4gIFtpc09wZW5dPVwiaXNPcGVuXCJcclxuICBbbW9kYWxDb21wb25lbnRdPVwiaW1hZ2VDb21wb25lbnRcIlxyXG4gIFtiYWNrZHJvcERpc21pc3NdPVwidHJ1ZVwiXHJcbiAgKGFmdGVyQ2xvc2VFdmVudCk9XCJjbG9zZSgpXCJcclxuPlxyXG48L2xpYi1wb3B1cD5cclxuIl19

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', 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWhlYWRpbmctd2l0aC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXRpbmVyYXJ5LWxpYi9zcmMvbGliL2l0aW5lcmFyeS1hcHAvc2hhcmVkL2N1c3RvbS1oZWFkaW5nLXdpdGgtYnV0dG9uL2N1c3RvbS1oZWFkaW5nLXdpdGgtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l0aW5lcmFyeS1saWIvc3JjL2xpYi9pdGluZXJhcnktYXBwL3NoYXJlZC9jdXN0b20taGVhZGluZy13aXRoLWJ1dHRvbi9jdXN0b20taGVhZGluZy13aXRoLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyxnQ0FBZ0M7SUFDbEMsT0FBTyxDQUFVO0lBQ2pCLFVBQVUsQ0FBVTtJQUNwQixVQUFVLENBQVU7SUFDcEIsUUFBUSxDQUFVO0lBQ2pCLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO3dHQUw1QyxnQ0FBZ0M7NEZBQWhDLGdDQUFnQyx5TkNkN0MsK1lBVUE7OzRGRElhLGdDQUFnQztrQkFONUMsU0FBUztzQ0FDUyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLGdDQUFnQzs4QkFLakMsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgc2VsZWN0b3I6ICdhcHAtY3VzdG9tLWhlYWRpbmctd2l0aC1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20taGVhZGluZy13aXRoLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2N1c3RvbS1oZWFkaW5nLXdpdGgtYnV0dG9uLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEN1c3RvbUhlYWRpbmdXaXRoQnV0dG9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBoZWFkaW5nITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGJ1dHRvblRleHQhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYnV0dG9uSWNvbiE6IHN0cmluZztcclxuICBASW5wdXQoKSBjc3NDbGFzcyE6IHN0cmluZztcclxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XHJcbn1cclxuIiwiPGRpdiBbY2xhc3NdPVwiY3NzQ2xhc3MgKyAnIGZsZXggZmxleC1yb3cganVzdGlmeS1iZXR3ZWVuIGl0ZW1zLWNlbnRlciBtYi01J1wiPlxyXG4gIDxoNCBjbGFzcz1cImhlYWRpbmdcIj57eyBoZWFkaW5nIH19PC9oND5cclxuICA8YnV0dG9uXHJcbiAgICBjbGFzcz1cImljb25CdXR0b24gZmxleCBmbGV4LXJvdyBpdGVtcy1jZW50ZXJcIlxyXG4gICAgKGNsaWNrKT1cImJ1dHRvbkNsaWNrLmVtaXQoKVwiXHJcbiAgPlxyXG4gICAgPGltZyBjbGFzcz1cImlubGluZVwiIFtuZ1NyY109XCJidXR0b25JY29uXCIgaGVpZ2h0PVwiMTJcIiB3aWR0aD1cIjEzXCIgLz5cclxuICAgIDxwIGNsYXNzPVwiaW5saW5lXCI+e3sgYnV0dG9uVGV4dCB9fTwvcD5cclxuICA8L2J1dHRvbj5cclxuPC9kaXY+XHJcbiJdfQ==