import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@aztrix/icons";
import * as i3 from "@aztrix/components/button";
import * as i4 from "./chip.directive";
export class ChipComponent {
    constructor() {
        this.removed = new EventEmitter();
        this._removable = false;
    }
    set removable(removable) {
        this._removable = typeof removable === 'boolean' ? removable : true;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChipComponent, selector: "ax-chip", inputs: { icon: "icon", removable: "removable" }, outputs: { removed: "removed" }, ngImport: i0, template: "<span axChip class=\"chip\" [ngClass]=\"{removable: _removable}\">\n  <ax-icon class=\"icon\" *ngIf=\"icon\" [name]=\"icon\"></ax-icon>\n  <ng-content></ng-content>\n  <button class=\"remove-button\" *ngIf=\"_removable\" axButton icon-button (click)=\"removed.emit()\">\n    <ax-icon class=\"icon remove-icon\" name=\"close\"></ax-icon>\n  </button>\n</span>\n", styles: [".chip{white-space:nowrap}.chip.removable{padding-right:0}button.ax-button.icon-button.remove-button{width:20px;height:20px;margin:0 .25rem}.remove-icon{width:1rem;height:1rem;line-height:1rem}.icon{height:1rem;width:1rem;line-height:1rem;margin-right:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "ax-icon", inputs: ["name", "inline"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[axButton]", inputs: ["color", "labelHideMobile", "smallButton", "bigButton", "fullWidth", "filled", "outline", "icon-button", "hoverLabel", "hover", "lowercase", "disabled"] }, { kind: "directive", type: i4.ChipDirective, selector: "[axChip]", inputs: ["color"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-chip', template: "<span axChip class=\"chip\" [ngClass]=\"{removable: _removable}\">\n  <ax-icon class=\"icon\" *ngIf=\"icon\" [name]=\"icon\"></ax-icon>\n  <ng-content></ng-content>\n  <button class=\"remove-button\" *ngIf=\"_removable\" axButton icon-button (click)=\"removed.emit()\">\n    <ax-icon class=\"icon remove-icon\" name=\"close\"></ax-icon>\n  </button>\n</span>\n", styles: [".chip{white-space:nowrap}.chip.removable{padding-right:0}button.ax-button.icon-button.remove-button{width:20px;height:20px;margin:0 .25rem}.remove-icon{width:1rem;height:1rem;line-height:1rem}.icon{height:1rem;width:1rem;line-height:1rem;margin-right:.25rem}\n"] }]
        }], propDecorators: { icon: [{
                type: Input
            }], removed: [{
                type: Output
            }], removable: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY2hpcC9jaGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9jaGlwL2NoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBT3JFLE1BQU0sT0FBTyxhQUFhO0lBTDFCO1FBT1ksWUFBTyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFN0MsZUFBVSxHQUFHLEtBQUssQ0FBQztLQUtwQjtJQUpDLElBQ0ksU0FBUyxDQUFDLFNBQWM7UUFDMUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLFNBQVMsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ3RFLENBQUM7K0dBUlUsYUFBYTttR0FBYixhQUFhLGtJQ1AxQiwwV0FPQTs7NEZEQWEsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxTQUFTOzhCQUtWLElBQUk7c0JBQVosS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNO2dCQUlILFNBQVM7c0JBRFosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jaGlwJyxcbiAgdGVtcGxhdGVVcmw6ICdjaGlwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2NoaXAuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hpcENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgQE91dHB1dCgpIHJlbW92ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgX3JlbW92YWJsZSA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBzZXQgcmVtb3ZhYmxlKHJlbW92YWJsZTogYW55KSB7XG4gICAgdGhpcy5fcmVtb3ZhYmxlID0gdHlwZW9mIHJlbW92YWJsZSA9PT0gJ2Jvb2xlYW4nID8gcmVtb3ZhYmxlIDogdHJ1ZTtcbiAgfVxufVxuIiwiPHNwYW4gYXhDaGlwIGNsYXNzPVwiY2hpcFwiIFtuZ0NsYXNzXT1cIntyZW1vdmFibGU6IF9yZW1vdmFibGV9XCI+XG4gIDxheC1pY29uIGNsYXNzPVwiaWNvblwiICpuZ0lmPVwiaWNvblwiIFtuYW1lXT1cImljb25cIj48L2F4LWljb24+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPGJ1dHRvbiBjbGFzcz1cInJlbW92ZS1idXR0b25cIiAqbmdJZj1cIl9yZW1vdmFibGVcIiBheEJ1dHRvbiBpY29uLWJ1dHRvbiAoY2xpY2spPVwicmVtb3ZlZC5lbWl0KClcIj5cbiAgICA8YXgtaWNvbiBjbGFzcz1cImljb24gcmVtb3ZlLWljb25cIiBuYW1lPVwiY2xvc2VcIj48L2F4LWljb24+XG4gIDwvYnV0dG9uPlxuPC9zcGFuPlxuIl19