import { Component, ChangeDetectionStrategy, HostBinding, Input, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../icon/icon.component";
import * as i2 from "@angular/common";
export class PillComponent {
    constructor(detector) {
        this.detector = detector;
        this.closeIcon = 'close';
        this.unoPillRemoveElem = new EventEmitter();
        this.hasPill = true;
        this.unlinked = true;
    }
    remove() {
        this.unoPillRemoveElem.emit(null);
    }
}
PillComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PillComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
PillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PillComponent, selector: "uno-pill", inputs: { closeIcon: "closeIcon" }, outputs: { unoPillRemoveElem: "unoPillRemoveElem" }, host: { properties: { "class.slds-pill": "this.hasPill" } }, ngImport: i0, template: "<!-- The Pill image/icon - as long as Directive is there -->\r\n<ng-content select=\"[unoPillImage]\"></ng-content>\r\n<!-- The Pill link href - everytime an <a href=\"\" /> is drawn @ HTML intalation -->\r\n<ng-content select=\"a\"></ng-content>\r\n<!-- The Pill unlinked - as long as Directive is there -->\r\n<span *ngIf=\"unlinked\" class=\"slds-pill__label\">\r\n    <ng-content></ng-content>\r\n</span>\r\n\r\n<!-- Add a close button, if Pill is removable: -->\r\n<uno-icon *ngIf=\"removable\"\r\n    [icon]=\"closeIcon\"\r\n    class=\"slds-button__icon slds-button slds-button--icon slds-pill__remove\"\r\n    (click)=\"remove()\">\r\n</uno-icon>\r\n", styles: [".slds-pill__remove svg{width:.5rem;height:.5rem}\n"], components: [{ type: i1.IconComponent, selector: "uno-icon", inputs: ["svgType", "icon", "withOpacity", "color", "size", "customColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PillComponent, decorators: [{
            type: Component,
            args: [{ selector: 'uno-pill', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- The Pill image/icon - as long as Directive is there -->\r\n<ng-content select=\"[unoPillImage]\"></ng-content>\r\n<!-- The Pill link href - everytime an <a href=\"\" /> is drawn @ HTML intalation -->\r\n<ng-content select=\"a\"></ng-content>\r\n<!-- The Pill unlinked - as long as Directive is there -->\r\n<span *ngIf=\"unlinked\" class=\"slds-pill__label\">\r\n    <ng-content></ng-content>\r\n</span>\r\n\r\n<!-- Add a close button, if Pill is removable: -->\r\n<uno-icon *ngIf=\"removable\"\r\n    [icon]=\"closeIcon\"\r\n    class=\"slds-button__icon slds-button slds-button--icon slds-pill__remove\"\r\n    (click)=\"remove()\">\r\n</uno-icon>\r\n", styles: [".slds-pill__remove svg{width:.5rem;height:.5rem}\n"] }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { closeIcon: [{
                type: Input
            }], unoPillRemoveElem: [{
                type: Output
            }], hasPill: [{
                type: HostBinding,
                args: ['class.slds-pill']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91bm8tdWktbGliL3NyYy9saWIvcGlsbC9waWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Vuby11aS1saWIvc3JjL2xpYi9waWxsL3BpbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxXQUFXLEVBQzVCLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLGlCQUFpQixFQUNwRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVN2QixNQUFNLE9BQU8sYUFBYTtJQVV0QixZQUFtQixRQUEyQjtRQUEzQixhQUFRLEdBQVIsUUFBUSxDQUFtQjtRQVRyQyxjQUFTLEdBQUcsT0FBTyxDQUFDO1FBRW5CLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFakIsWUFBTyxHQUFHLElBQUksQ0FBQztRQU0zQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztJQUN6QixDQUFDO0lBRUQsTUFBTTtRQUNGLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7MkdBaEJRLGFBQWE7K0ZBQWIsYUFBYSxzTUNaMUIsb3BCQWVBOzRGREhhLGFBQWE7a0JBUHpCLFNBQVM7K0JBQ0ksVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO3dHQUc1QixTQUFTO3NCQUFqQixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFFeUIsT0FBTztzQkFBdEMsV0FBVzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gICAgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSG9zdEJpbmRpbmcsXHJcbiAgICBDaGFuZ2VEZXRlY3RvclJlZiwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3RW5jYXBzdWxhdGlvblxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Vuby1waWxsJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9waWxsLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3BpbGwuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGlsbENvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSBjbG9zZUljb24gPSAnY2xvc2UnO1xyXG5cclxuICAgIEBPdXRwdXQoKSB1bm9QaWxsUmVtb3ZlRWxlbSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNsZHMtcGlsbCcpIGhhc1BpbGwgPSB0cnVlO1xyXG5cclxuICAgIHJlbW92YWJsZTogYm9vbGVhbjtcclxuICAgIHVubGlua2VkOiBib29sZWFuO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBkZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgICAgICB0aGlzLnVubGlua2VkID0gdHJ1ZTtcclxuICAgIH1cclxuXHJcbiAgICByZW1vdmUoKSB7XHJcbiAgICAgICAgdGhpcy51bm9QaWxsUmVtb3ZlRWxlbS5lbWl0KG51bGwpO1xyXG4gICAgfVxyXG59XHJcbiIsIjwhLS0gVGhlIFBpbGwgaW1hZ2UvaWNvbiAtIGFzIGxvbmcgYXMgRGlyZWN0aXZlIGlzIHRoZXJlIC0tPlxyXG48bmctY29udGVudCBzZWxlY3Q9XCJbdW5vUGlsbEltYWdlXVwiPjwvbmctY29udGVudD5cclxuPCEtLSBUaGUgUGlsbCBsaW5rIGhyZWYgLSBldmVyeXRpbWUgYW4gPGEgaHJlZj1cIlwiIC8+IGlzIGRyYXduIEAgSFRNTCBpbnRhbGF0aW9uIC0tPlxyXG48bmctY29udGVudCBzZWxlY3Q9XCJhXCI+PC9uZy1jb250ZW50PlxyXG48IS0tIFRoZSBQaWxsIHVubGlua2VkIC0gYXMgbG9uZyBhcyBEaXJlY3RpdmUgaXMgdGhlcmUgLS0+XHJcbjxzcGFuICpuZ0lmPVwidW5saW5rZWRcIiBjbGFzcz1cInNsZHMtcGlsbF9fbGFiZWxcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9zcGFuPlxyXG5cclxuPCEtLSBBZGQgYSBjbG9zZSBidXR0b24sIGlmIFBpbGwgaXMgcmVtb3ZhYmxlOiAtLT5cclxuPHVuby1pY29uICpuZ0lmPVwicmVtb3ZhYmxlXCJcclxuICAgIFtpY29uXT1cImNsb3NlSWNvblwiXHJcbiAgICBjbGFzcz1cInNsZHMtYnV0dG9uX19pY29uIHNsZHMtYnV0dG9uIHNsZHMtYnV0dG9uLS1pY29uIHNsZHMtcGlsbF9fcmVtb3ZlXCJcclxuICAgIChjbGljayk9XCJyZW1vdmUoKVwiPlxyXG48L3Vuby1pY29uPlxyXG4iXX0=