@firestitch/filter/esm2015/app/components/filters-item/filter-item.component.js

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { FsFilterConfigItem } from '../../models/filter-item';
import { ItemType } from '../../enums/item-type.enum';
export class FilterItemComponent {
    constructor() {
        this.itemChanged = new EventEmitter();
        this.itemType = ItemType;
    }
    /**
     * @param {?} event
     * @return {?}
     */
    itemChange(event) {
        this.itemChanged.next(event);
    }
}
FilterItemComponent.decorators = [
    { type: Component, args: [{
                selector: 'filter-item',
                template: "<ng-template ngIf=\"!item.disabled\">\n  <div class=\"filter filter-{{ item.type }}\">\n\n    <ng-container [ngSwitch]=\"item.type\">\n      <filter-item-text class=\"interface\"\n                        *ngSwitchCase=\"itemType.Text\"\n                        [item]=\"item\"\n                        (itemChanged)=\"itemChange($event)\">\n      </filter-item-text>\n\n      <filter-item-select class=\"interface\"\n                          *ngSwitchCase=\"itemType.Select\"\n                          [item]=\"item\"\n                          (itemChanged)=\"itemChange($event)\">\n      </filter-item-select>\n\n      <filter-item-chips class=\"interface\"\n                          *ngSwitchCase=\"itemType.Chips\"\n                          [item]=\"item\"\n                          (itemChanged)=\"itemChange($event)\">\n      </filter-item-chips>\n\n      <filter-item-range class=\"interface interface-range\"\n                         *ngSwitchCase=\"itemType.Range\"\n                         [item]=\"item\"\n                         (itemChanged)=\"itemChange($event)\">\n      </filter-item-range>\n\n      <filter-item-autocomplete class=\"interface\"\n                                *ngSwitchCase=\"itemType.AutoComplete\"\n                                [item]=\"item\"\n                                (itemChanged)=\"itemChange($event)\">\n      </filter-item-autocomplete>\n\n      <filter-item-autocompletechips class=\"interface\"\n                                     *ngSwitchCase=\"itemType.AutoCompleteChips\"\n                                     [item]=\"item\"\n                                     (itemChanged)=\"itemChange($event)\">\n      </filter-item-autocompletechips>\n\n      <filter-item-date class=\"interface interface-date\"\n                        *ngSwitchCase=\"itemType.Date\"\n                        [item]=\"item\"\n                        (itemChanged)=\"itemChange($event)\">\n      </filter-item-date>\n\n      <filter-item-date class=\"interface interface-date\"\n                        *ngSwitchCase=\"itemType.DateTime\"\n                        [item]=\"item\"\n                        (itemChanged)=\"itemChange($event)\">\n      </filter-item-date>\n\n      <filter-item-date-range class=\"interface interface-date\"\n                        *ngSwitchCase=\"itemType.DateRange\"\n                        [item]=\"item\"\n                        (itemChanged)=\"itemChange($event)\">\n      </filter-item-date-range>\n\n      <filter-item-date-range class=\"interface interface-date\"\n                              *ngSwitchCase=\"itemType.DateTimeRange\"\n                              [item]=\"item\"\n                              (itemChanged)=\"itemChange($event)\">\n      </filter-item-date-range>\n\n      <filter-item-checkbox class=\"interface interface-checkbox\"\n                            *ngSwitchCase=\"itemType.Checkbox\"\n                            [item]=\"item\"\n                            (itemChanged)=\"itemChange($event)\">\n      </filter-item-checkbox>\n    </ng-container>\n\n  </div>\n</ng-template>\n"
            }] }
];
FilterItemComponent.propDecorators = {
    item: [{ type: Input }],
    itemChanged: [{ type: Output }]
};
if (false) {
    /** @type {?} */
    FilterItemComponent.prototype.item;
    /** @type {?} */
    FilterItemComponent.prototype.itemChanged;
    /** @type {?} */
    FilterItemComponent.prototype.itemType;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGZpcmVzdGl0Y2gvZmlsdGVyLyIsInNvdXJjZXMiOlsiYXBwL2NvbXBvbmVudHMvZmlsdGVycy1pdGVtL2ZpbHRlci1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFPdEQsTUFBTSxPQUFPLG1CQUFtQjtJQUpoQztRQU9tQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFM0MsYUFBUSxHQUFHLFFBQVEsQ0FBQztJQUs3QixDQUFDOzs7OztJQUhRLFVBQVUsQ0FBQyxLQUFLO1FBQ3JCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7OztZQWJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsdWlHQUEyQzthQUM1Qzs7O21CQUdFLEtBQUs7MEJBQ0wsTUFBTTs7OztJQURQLG1DQUF5Qzs7SUFDekMsMENBQWtEOztJQUVsRCx1Q0FBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRnNGaWx0ZXJDb25maWdJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2ZpbHRlci1pdGVtJztcbmltcG9ydCB7IEl0ZW1UeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvaXRlbS10eXBlLmVudW0nO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZpbHRlci1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbHRlci1pdGVtLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBGaWx0ZXJJdGVtQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBwdWJsaWMgaXRlbTogRnNGaWx0ZXJDb25maWdJdGVtO1xuICBAT3V0cHV0KCkgcHVibGljIGl0ZW1DaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBpdGVtVHlwZSA9IEl0ZW1UeXBlO1xuXG4gIHB1YmxpYyBpdGVtQ2hhbmdlKGV2ZW50KSB7XG4gICAgdGhpcy5pdGVtQ2hhbmdlZC5uZXh0KGV2ZW50KTtcbiAgfVxufVxuIl19