| 1 | [{"__symbolic":"module","version":3,"metadata":{"StoreComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"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: #ffffff; 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 #ffffff; } .selected { background-color: #ffffff; } .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%; } } "]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"StoreComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"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: #ffffff; 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 #ffffff; } .selected { background-color: #ffffff; } .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%; } } "]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}]}}}}] |