angular2-mdl/components/chips/mdl-chip.component.js

Angular 2 components, directives and styles based on material design lite https://getmdl.io.

import { Component, Input, EventEmitter, Output, ContentChild, ViewEncapsulation } from '@angular/core';
import { MdlChipContactDirective } from './mdl-chip-contact.directive';
export var MdlChipComponent = (function () {
    function MdlChipComponent() {
        this.actionClick = new EventEmitter();
    }
    MdlChipComponent.prototype.action = function () {
        this.actionClick.emit();
    };
    MdlChipComponent.decorators = [
        { type: Component, args: [{
                    selector: 'mdl-chip',
                    host: {
                        '[class.mdl-chip]': 'true',
                        '[class.mdl-chip--contact]': 'chipContact'
                    },
                    template: "\n    <ng-content></ng-content>\n    <span *ngIf=\"mdlLabel\" class=\"mdl-chip__text\">{{mdlLabel}}</span>\n    <button *ngIf=\"mdlActionIcon\" (click)=\"action()\" type=\"button\" class=\"mdl-chip__action\">\n      <mdl-icon>{{mdlActionIcon}}</mdl-icon>\n    </button>\n  ",
                    encapsulation: ViewEncapsulation.None
                },] },
    ];
    /** @nocollapse */
    MdlChipComponent.ctorParameters = function () { return []; };
    MdlChipComponent.propDecorators = {
        'mdlLabel': [{ type: Input, args: ['mdl-label',] },],
        'mdlActionIcon': [{ type: Input, args: ['mdl-action-icon',] },],
        'actionClick': [{ type: Output, args: ['action-click',] },],
        'chipContact': [{ type: ContentChild, args: [MdlChipContactDirective,] },],
    };
    return MdlChipComponent;
}());
//# sourceMappingURL=mdl-chip.component.js.map