import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "rpx-xui-translation";
export class ActivityIconComponent {
    description;
    imageLink;
    constructor() { }
    ngOnInit() {
    }
    static ɵfac = function ActivityIconComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityIconComponent)(); };
    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActivityIconComponent, selectors: [["ccd-activity-icon"]], inputs: { description: "description", imageLink: "imageLink" }, decls: 6, vars: 7, consts: [[1, "tooltip"], [1, "img-responsive", 3, "alt", "src"], [1, "tooltiptext"]], template: function ActivityIconComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵelement(1, "img", 1);
            i0.ɵɵpipe(2, "rpxTranslate");
            i0.ɵɵelementStart(3, "span", 2);
            i0.ɵɵtext(4);
            i0.ɵɵpipe(5, "rpxTranslate");
            i0.ɵɵelementEnd()();
        } if (rf & 2) {
            i0.ɵɵadvance();
            i0.ɵɵpropertyInterpolate("alt", i0.ɵɵpipeBind1(2, 3, ctx.description));
            i0.ɵɵpropertyInterpolate("src", ctx.imageLink, i0.ɵɵsanitizeUrl);
            i0.ɵɵadvance(3);
            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 5, ctx.description));
        } }, dependencies: [i1.RpxTranslatePipe], styles: [".tooltip[_ngcontent-%COMP%]{position:relative;display:inline-block}.tooltip[_ngcontent-%COMP%]   .tooltiptext[_ngcontent-%COMP%]{visibility:hidden;width:140px;background-color:#1175b2;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;margin-left:-50px;opacity:0;transition:opacity 1s}.tooltip[_ngcontent-%COMP%]:hover   .tooltiptext[_ngcontent-%COMP%]{visibility:visible;opacity:1}"] });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityIconComponent, [{
        type: Component,
        args: [{ selector: 'ccd-activity-icon', template: "<div class=\"tooltip\">\n  <img alt=\"{{description | rpxTranslate}}\" class=\"img-responsive\" src=\"{{imageLink}}\" />\n  <span class=\"tooltiptext\">{{description | rpxTranslate}}</span>\n</div>\n", styles: [".tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:140px;background-color:#1175b2;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;margin-left:-50px;opacity:0;transition:opacity 1s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}\n"] }]
    }], () => [], { description: [{
            type: Input
        }], imageLink: [{
            type: Input
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActivityIconComponent, { className: "ActivityIconComponent", filePath: "lib/shared/components/activity/activity-icon/activity-icon.component.ts", lineNumber: 8 }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZpdHktaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvYWN0aXZpdHkvYWN0aXZpdHktaWNvbi9hY3Rpdml0eS1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9hY3Rpdml0eS9hY3Rpdml0eS1pY29uL2FjdGl2aXR5LWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQU96RCxNQUFNLE9BQU8scUJBQXFCO0lBRXpCLFdBQVcsQ0FBUztJQUdwQixTQUFTLENBQVM7SUFFekIsZ0JBQWdCLENBQUM7SUFFVixRQUFRO0lBQ2YsQ0FBQzsrR0FWVSxxQkFBcUI7NkRBQXJCLHFCQUFxQjtZQ1BsQyw4QkFBcUI7WUFDbkIseUJBQXVGOztZQUN2RiwrQkFBMEI7WUFBQSxZQUE4Qjs7WUFDMUQsQUFEMEQsaUJBQU8sRUFDM0Q7O1lBRkMsY0FBb0M7WUFBcEMsc0VBQW9DO1lBQXdCLGdFQUFtQjtZQUMxRCxlQUE4QjtZQUE5QiwyREFBOEI7OztpRkRLN0MscUJBQXFCO2NBTGpDLFNBQVM7MkJBQ0UsbUJBQW1CO29CQU10QixXQUFXO2tCQURqQixLQUFLO1lBSUMsU0FBUztrQkFEZixLQUFLOztrRkFKSyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2NkLWFjdGl2aXR5LWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aXZpdHktaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FjdGl2aXR5LWljb24uY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFjdGl2aXR5SWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBkZXNjcmlwdGlvbjogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpbWFnZUxpbms6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRvb2x0aXBcIj5cbiAgPGltZyBhbHQ9XCJ7e2Rlc2NyaXB0aW9uIHwgcnB4VHJhbnNsYXRlfX1cIiBjbGFzcz1cImltZy1yZXNwb25zaXZlXCIgc3JjPVwie3tpbWFnZUxpbmt9fVwiIC8+XG4gIDxzcGFuIGNsYXNzPVwidG9vbHRpcHRleHRcIj57e2Rlc2NyaXB0aW9uIHwgcnB4VHJhbnNsYXRlfX08L3NwYW4+XG48L2Rpdj5cbiJdfQ==