@firestitch/filter
Version:
65 lines • 7.12 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { FsFilterConfigItem, ItemType } from '../../models/filter-item';
var FilterItemComponent = /** @class */ (function () {
function FilterItemComponent() {
this.inline = false;
this.itemChanged = new EventEmitter();
this.itemType = ItemType;
}
/**
* @param {?} filter
* @return {?}
*/
FilterItemComponent.prototype.isolateChange = /**
* @param {?} filter
* @return {?}
*/
function (filter) {
if (filter.isolate.enabled) {
filter.model = filter.multiple ? [filter.isolate.value] : filter.isolate.value;
}
else {
filter.model = filter.multiple ? [] : null;
}
this.itemChanged.next(filter);
};
/**
* @param {?} event
* @return {?}
*/
FilterItemComponent.prototype.itemChange = /**
* @param {?} event
* @return {?}
*/
function (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 <filter-item-select class=\"interface\"\n *ngSwitchCase=\"itemType.Select\"\n [item]=\"item\"\n (itemChanged)=\"itemChange($event)\">\n </filter-item-select>\n <filter-item-chips class=\"interface\"\n *ngSwitchCase=\"itemType.Chips\"\n [item]=\"item\"\n (itemChanged)=\"itemChange($event)\">\n </filter-item-chips>\n <filter-item-range class=\"interface interface-range\"\n *ngSwitchCase=\"itemType.Range\"\n [item]=\"item\"\n (itemChanged)=\"itemChange($event)\">\n </filter-item-range>\n <filter-item-autocomplete class=\"interface\"\n *ngSwitchCase=\"itemType.AutoComplete\"\n [item]=\"item\"\n (itemChanged)=\"itemChange($event)\">\n </filter-item-autocomplete>\n <filter-item-autocompletechips class=\"interface\"\n *ngSwitchCase=\"itemType.AutoCompleteChips\"\n [item]=\"item\"\n (itemChanged)=\"itemChange($event)\">\n </filter-item-autocompletechips>\n <filter-item-date class=\"interface interface-date\"\n *ngSwitchCase=\"itemType.Date\"\n [item]=\"item\"\n (itemChanged)=\"itemChange($event)\">\n </filter-item-date>\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\n <div *ngIf=\"item.isolate\" class=\"filter isolate\">\n <div class=\"interface\">\n <mat-checkbox (change)=\"isolateChange(item)\" [(ngModel)]=\"item.isolate.enabled\">\n <span class=\"checkbox-label\">{{ item.isolate.label }}</span>\n </mat-checkbox>\n </div>\n </div>\n</ng-template>\n"
}] }
];
FilterItemComponent.propDecorators = {
item: [{ type: Input }],
inline: [{ type: Input }],
itemChanged: [{ type: Output }]
};
return FilterItemComponent;
}());
export { FilterItemComponent };
if (false) {
/** @type {?} */
FilterItemComponent.prototype.item;
/** @type {?} */
FilterItemComponent.prototype.inline;
/** @type {?} */
FilterItemComponent.prototype.itemChanged;
/** @type {?} */
FilterItemComponent.prototype.itemType;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGZpcmVzdGl0Y2gvZmlsdGVyLyIsInNvdXJjZXMiOlsiYXBwL2NvbXBvbmVudHMvZmlsdGVycy1pdGVtL2ZpbHRlci1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFHeEU7SUFBQTtRQU9rQixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBRWQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTNDLGFBQVEsR0FBRyxRQUFRLENBQUM7SUFnQjdCLENBQUM7Ozs7O0lBZFEsMkNBQWE7Ozs7SUFBcEIsVUFBcUIsTUFBTTtRQUV6QixJQUFJLE1BQU0sQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFO1lBQzFCLE1BQU0sQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztTQUNoRjthQUFNO1lBQ0wsTUFBTSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztTQUM1QztRQUVELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2hDLENBQUM7Ozs7O0lBRU0sd0NBQVU7Ozs7SUFBakIsVUFBa0IsS0FBSztRQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDOztnQkExQkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO29CQUN2QiwwaEZBQTJDO2lCQUM1Qzs7O3VCQUdFLEtBQUs7eUJBQ0wsS0FBSzs4QkFFTCxNQUFNOztJQWtCVCwwQkFBQztDQUFBLEFBM0JELElBMkJDO1NBdkJZLG1CQUFtQjs7O0lBRTlCLG1DQUF5Qzs7SUFDekMscUNBQStCOztJQUUvQiwwQ0FBa0Q7O0lBRWxELHVDQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGc0ZpbHRlckNvbmZpZ0l0ZW0sIEl0ZW1UeXBlIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2ZpbHRlci1pdGVtJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmaWx0ZXItaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItaXRlbS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVySXRlbUNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgcHVibGljIGl0ZW06IEZzRmlsdGVyQ29uZmlnSXRlbTtcbiAgQElucHV0KCkgcHVibGljIGlubGluZSA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgaXRlbUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgcHVibGljIGl0ZW1UeXBlID0gSXRlbVR5cGU7XG5cbiAgcHVibGljIGlzb2xhdGVDaGFuZ2UoZmlsdGVyKSB7XG5cbiAgICBpZiAoZmlsdGVyLmlzb2xhdGUuZW5hYmxlZCkge1xuICAgICAgZmlsdGVyLm1vZGVsID0gZmlsdGVyLm11bHRpcGxlID8gW2ZpbHRlci5pc29sYXRlLnZhbHVlXSA6IGZpbHRlci5pc29sYXRlLnZhbHVlO1xuICAgIH0gZWxzZSB7XG4gICAgICBmaWx0ZXIubW9kZWwgPSBmaWx0ZXIubXVsdGlwbGUgPyBbXSA6IG51bGw7XG4gICAgfVxuXG4gICAgdGhpcy5pdGVtQ2hhbmdlZC5uZXh0KGZpbHRlcik7XG4gIH1cblxuICBwdWJsaWMgaXRlbUNoYW5nZShldmVudCkge1xuICAgIHRoaXMuaXRlbUNoYW5nZWQubmV4dChldmVudCk7XG4gIH1cbn1cbiJdfQ==