@vendasta/store/esm5/lib/store.component.js

Components and data for Store

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input, Output, EventEmitter } from '@angular/core';
var StoreComponent = /** @class */ (function () {
    function StoreComponent() {
        this.items = [];
        this.searchable = true;
        this.itemClicked = new EventEmitter();
    }
    Object.defineProperty(StoreComponent.prototype, "filteredItems", {
        get: /**
         * @return {?}
         */
        function () {
            var _this = this;
            if (this.filterTerm) {
                return this.items.filter(function (pkg) { return pkg.name.toLowerCase().indexOf(_this.filterTerm.toLowerCase()) !== -1; });
            }
            return this.items;
        },
        enumerable: true,
        configurable: true
    });
    StoreComponent.decorators = [
        { type: Component, args: [{
                    selector: 'va-store',
                    template: "\n  <div class=\"toolbar\">\n  <div *ngIf=\"searchable\" class=\"table-controls-row\">\n      <va-search-box (update)=\"filterTerm = $event\"></va-search-box>\n  </div>\n  </div>\n  <div class=\"row row-gutters\">\n      <div *ngFor=\"let item of filteredItems\" class=\"col-flex\">\n          <va-store-card [item]=\"item\" (cardClicked)=\"this.itemClicked.emit(item)\"></va-store-card>\n      </div>\n  </div>\n  ",
                    styles: [".flex-row{display:flex;flex-direction:row}.toolbar{padding:0;background-color:#fff;color:#616161}.toolbar .disabled{cursor:default}.toolbar .disabled mat-icon{cursor:default;color:#9e9e9e}.toolbar va-search-box{margin-right:10px;width:350px}.toolbar .table-controls-row{padding:0 10px 10px;display:flex;flex-direction:row;align-items:center}.toolbar .table-controls-row:first-of-type{padding-top:10px}.top-border{border-top:1px solid #fff}.selected{background-color:#fff}.row{display:flex;flex-wrap:wrap}.row+.row-gutters{margin-top:0}.row-gutters{margin-top:-20px;margin-left:-20px}.row-gutters>.col-flex{padding-top:20px;padding-left:20px}.col-flex{position:relative;max-width:100%;box-sizing:border-box;flex:0 0 auto;width:100%}@media screen and (min-width:480px){.col-flex{width:50%}}@media screen and (min-width:1200px){.col-flex{width:33.333333%}}"]
                }] }
    ];
    StoreComponent.propDecorators = {
        items: [{ type: Input }],
        searchable: [{ type: Input }],
        itemClicked: [{ type: Output }]
    };
    return StoreComponent;
}());
export { StoreComponent };
if (false) {
    /** @type {?} */
    StoreComponent.prototype.items;
    /** @type {?} */
    StoreComponent.prototype.searchable;
    /** @type {?} */
    StoreComponent.prototype.itemClicked;
    /** @type {?} */
    StoreComponent.prototype.filterTerm;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RvcmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHZlbmRhc3RhL3N0b3JlLyIsInNvdXJjZXMiOlsibGliL3N0b3JlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUk5RTtJQUFBO1FBaUJXLFVBQUssR0FBZ0IsRUFBRSxDQUFDO1FBQ3hCLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBYSxDQUFDO0lBVXhELENBQUM7SUFOQyxzQkFBSSx5Q0FBYTs7OztRQUFqQjtZQUFBLGlCQUtDO1lBSkMsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO2dCQUNuQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFVBQUEsR0FBRyxJQUFJLE9BQUEsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxPQUFPLENBQUMsS0FBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFwRSxDQUFvRSxDQUFDLENBQUM7YUFDdkc7WUFDRCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDcEIsQ0FBQzs7O09BQUE7O2dCQTVCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFFBQVEsRUFBRSxpYUFXVDs7aUJBRUY7Ozt3QkFFRSxLQUFLOzZCQUNMLEtBQUs7OEJBQ0wsTUFBTTs7SUFVVCxxQkFBQztDQUFBLEFBN0JELElBNkJDO1NBYlksY0FBYzs7O0lBQ3pCLCtCQUFpQzs7SUFDakMsb0NBQTJCOztJQUMzQixxQ0FBc0Q7O0lBRXRELG9DQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1N0b3JlSXRlbX0gZnJvbSAnLi9zdG9yZS1pdGVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmEtc3RvcmUnLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwidG9vbGJhclwiPlxuICA8ZGl2ICpuZ0lmPVwic2VhcmNoYWJsZVwiIGNsYXNzPVwidGFibGUtY29udHJvbHMtcm93XCI+XG4gICAgICA8dmEtc2VhcmNoLWJveCAodXBkYXRlKT1cImZpbHRlclRlcm0gPSAkZXZlbnRcIj48L3ZhLXNlYXJjaC1ib3g+XG4gIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInJvdyByb3ctZ3V0dGVyc1wiPlxuICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBmaWx0ZXJlZEl0ZW1zXCIgY2xhc3M9XCJjb2wtZmxleFwiPlxuICAgICAgICAgIDx2YS1zdG9yZS1jYXJkIFtpdGVtXT1cIml0ZW1cIiAoY2FyZENsaWNrZWQpPVwidGhpcy5pdGVtQ2xpY2tlZC5lbWl0KGl0ZW0pXCI+PC92YS1zdG9yZS1jYXJkPlxuICAgICAgPC9kaXY+XG4gIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9zdG9yZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFN0b3JlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaXRlbXM6IFN0b3JlSXRlbVtdID0gW107XG4gIEBJbnB1dCgpIHNlYXJjaGFibGUgPSB0cnVlO1xuICBAT3V0cHV0KCkgaXRlbUNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPFN0b3JlSXRlbT4oKTtcblxuICBmaWx0ZXJUZXJtOiBzdHJpbmc7XG5cbiAgZ2V0IGZpbHRlcmVkSXRlbXMoKTogU3RvcmVJdGVtW10ge1xuICAgIGlmICh0aGlzLmZpbHRlclRlcm0pIHtcbiAgICAgIHJldHVybiB0aGlzLml0ZW1zLmZpbHRlcihwa2cgPT4gcGtnLm5hbWUudG9Mb3dlckNhc2UoKS5pbmRleE9mKHRoaXMuZmlsdGVyVGVybS50b0xvd2VyQ2FzZSgpKSAhPT0gLTEpO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5pdGVtcztcbiAgfVxufVxuIl19