import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
import { EclBaseEvent } from '../../model/ecl-base.event';
import { ECLBaseDirective } from '../ecl-base.directive';
import * as i0 from "@angular/core";
import * as i1 from "../ecl-icon/ecl-icon.component";
import * as i2 from "../ecl-link/ecl-link.directive";
import * as i3 from "@angular/common";
export class EclSocialMediaFollowItemClickEvent extends EclBaseEvent {
}
export class EclSocialMediaFollowItemComponent extends ECLBaseDirective {
    constructor() {
        super(...arguments);
        this.href = '';
        this.size = 'xl';
        this.itemClick = new EventEmitter();
    }
    get cssClasses() {
        return [
            super.getCssClasses('ecl-social-media-follow__item'),
        ].join(' ').trim();
    }
    onItemClick(evt) {
        this.itemClick.next(new EclSocialMediaFollowItemClickEvent());
        if (!this.href) {
            evt.preventDefault();
        }
    }
}
/** @nocollapse */ /** @nocollapse */ EclSocialMediaFollowItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EclSocialMediaFollowItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ /** @nocollapse */ EclSocialMediaFollowItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: { icon: "icon", href: "href", target: "target", size: "size" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a eclLink \n    (click)=\"onItemClick($event)\"\n    variant=\"standalone\"\n    [href]=\"href\" \n    [attr.target]=\"target\"\n    class=\"ecl-social-media-follow__link\">\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{ icon }}\" [size]=\"size\" class=\"ecl-social-media-follow__icon\"></ecl-icon>\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{ icon }}_hover\" [size]=\"size\" class=\"ecl-social-media-follow__icon-hover\"></ecl-icon>\n\n  <span class=\"ecl-link__label\">\n    <ng-content></ng-content>\n  </span>\n</a>\n", styles: [":host{display:list-item}\n"], components: [{ type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }], directives: [{ type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EclSocialMediaFollowItemComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ecl-social-media-follow-item', styles: [`
        :host {
            display: list-item;
        }
    `], template: "<a eclLink \n    (click)=\"onItemClick($event)\"\n    variant=\"standalone\"\n    [href]=\"href\" \n    [attr.target]=\"target\"\n    class=\"ecl-social-media-follow__link\">\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{ icon }}\" [size]=\"size\" class=\"ecl-social-media-follow__icon\"></ecl-icon>\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{ icon }}_hover\" [size]=\"size\" class=\"ecl-social-media-follow__icon-hover\"></ecl-icon>\n\n  <span class=\"ecl-link__label\">\n    <ng-content></ng-content>\n  </span>\n</a>\n" }]
        }], propDecorators: { icon: [{
                type: Input
            }], href: [{
                type: Input
            }], target: [{
                type: Input
            }], size: [{
                type: Input
            }], cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], itemClick: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXNvY2lhbC1tZWRpYS1mb2xsb3ctaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXNvY2lhbC1tZWRpYS1mb2xsb3cvZWNsLXNvY2lhbC1tZWRpYS1mb2xsb3ctaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXNvY2lhbC1tZWRpYS1mb2xsb3cvZWNsLXNvY2lhbC1tZWRpYS1mb2xsb3ctaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBRXpELE1BQU0sT0FBTyxrQ0FBbUMsU0FBUSxZQUFZO0NBQUk7QUFXeEUsTUFBTSxPQUFPLGlDQUFrQyxTQUFRLGdCQUFnQjtJQVR2RTs7UUFXYSxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBRWxCLFNBQUksR0FBVyxJQUFJLENBQUM7UUFTbkIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFzQyxDQUFDO0tBUWhGO0lBZkcsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILEtBQUssQ0FBQyxhQUFhLENBQUMsK0JBQStCLENBQUM7U0FDdkQsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUlELFdBQVcsQ0FBQyxHQUFHO1FBQ1gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxrQ0FBa0MsRUFBRSxDQUFDLENBQUM7UUFDOUQsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDWixHQUFHLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDeEI7SUFDTCxDQUFDOztvS0FwQlEsaUNBQWlDO3dKQUFqQyxpQ0FBaUMsOFBDZjlDLGtpQkFhQTsyRkRFYSxpQ0FBaUM7a0JBVDdDLFNBQVM7K0JBQ0ksOEJBQThCLFVBRWhDLENBQUM7Ozs7S0FJUixDQUFDOzhCQUdPLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFHRixVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTztnQkFPVixTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFY2xCYXNlRXZlbnQgfSBmcm9tICcuLi8uLi9tb2RlbC9lY2wtYmFzZS5ldmVudCc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcblxuZXhwb3J0IGNsYXNzIEVjbFNvY2lhbE1lZGlhRm9sbG93SXRlbUNsaWNrRXZlbnQgZXh0ZW5kcyBFY2xCYXNlRXZlbnQgeyB9XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZWNsLXNvY2lhbC1tZWRpYS1mb2xsb3ctaXRlbScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VjbC1zb2NpYWwtbWVkaWEtZm9sbG93LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlczogW2BcbiAgICAgICAgOmhvc3Qge1xuICAgICAgICAgICAgZGlzcGxheTogbGlzdC1pdGVtO1xuICAgICAgICB9XG4gICAgYF0sXG59KVxuZXhwb3J0IGNsYXNzIEVjbFNvY2lhbE1lZGlhRm9sbG93SXRlbUNvbXBvbmVudCBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgICBASW5wdXQoKSBocmVmOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSB0YXJnZXQ6IHN0cmluZztcbiAgICBASW5wdXQoKSBzaXplOiBzdHJpbmcgPSAneGwnO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICBzdXBlci5nZXRDc3NDbGFzc2VzKCdlY2wtc29jaWFsLW1lZGlhLWZvbGxvd19faXRlbScpLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgQE91dHB1dCgpIGl0ZW1DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RWNsU29jaWFsTWVkaWFGb2xsb3dJdGVtQ2xpY2tFdmVudD4oKTtcblxuICAgIG9uSXRlbUNsaWNrKGV2dCkge1xuICAgICAgICB0aGlzLml0ZW1DbGljay5uZXh0KG5ldyBFY2xTb2NpYWxNZWRpYUZvbGxvd0l0ZW1DbGlja0V2ZW50KCkpO1xuICAgICAgICBpZiAoIXRoaXMuaHJlZikge1xuICAgICAgICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8YSBlY2xMaW5rIFxuICAgIChjbGljayk9XCJvbkl0ZW1DbGljaygkZXZlbnQpXCJcbiAgICB2YXJpYW50PVwic3RhbmRhbG9uZVwiXG4gICAgW2hyZWZdPVwiaHJlZlwiIFxuICAgIFthdHRyLnRhcmdldF09XCJ0YXJnZXRcIlxuICAgIGNsYXNzPVwiZWNsLXNvY2lhbC1tZWRpYS1mb2xsb3dfX2xpbmtcIj5cbiAgPGVjbC1pY29uICpuZ0lmPVwiaWNvblwiIGljb25TZXQ9XCJzb2NpYWxcIiBpY29uPVwie3sgaWNvbiB9fVwiIFtzaXplXT1cInNpemVcIiBjbGFzcz1cImVjbC1zb2NpYWwtbWVkaWEtZm9sbG93X19pY29uXCI+PC9lY2wtaWNvbj5cbiAgPGVjbC1pY29uICpuZ0lmPVwiaWNvblwiIGljb25TZXQ9XCJzb2NpYWxcIiBpY29uPVwie3sgaWNvbiB9fV9ob3ZlclwiIFtzaXplXT1cInNpemVcIiBjbGFzcz1cImVjbC1zb2NpYWwtbWVkaWEtZm9sbG93X19pY29uLWhvdmVyXCI+PC9lY2wtaWNvbj5cblxuICA8c3BhbiBjbGFzcz1cImVjbC1saW5rX19sYWJlbFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9zcGFuPlxuPC9hPlxuIl19