[{"__symbolic":"module","version":3,"metadata":{"SkyFilterDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-filter-demo","template":"<div>\n  <sky-toolbar>\n    <sky-toolbar-section>\n      <sky-toolbar-item>\n        <sky-filter-button\n          (filterButtonClick)=\"filterButtonClicked()\">\n        </sky-filter-button>\n      </sky-toolbar-item>\n    </sky-toolbar-section>\n    <sky-toolbar-section *ngIf=\"appliedFilters && appliedFilters.length > 0\">\n      <sky-filter-summary>\n        <sky-filter-summary-item\n          *ngFor=\"let item of appliedFilters; let i = index\"\n          (dismiss)=\"onDismiss(i)\"\n          (itemClick)=\"filterButtonClicked()\">\n          {{item.label}}\n        </sky-filter-summary-item>\n      </sky-filter-summary>\n    </sky-toolbar-section>\n  </sky-toolbar>\n  <sky-repeater expandMode=\"none\">\n    <sky-repeater-item *ngFor=\"let item of filteredItems\">\n      <sky-repeater-item-title>\n        {{item.name}}\n      </sky-repeater-item-title>\n      <sky-repeater-item-content>\n        <div>\n          {{item.description}}\n        </div>\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../core","name":"SkyModalService"}]}],"filterButtonClicked":[{"__symbolic":"method"}],"onDismiss":[{"__symbolic":"method"}],"orangeFilterFailed":[{"__symbolic":"method"}],"fruitTypeFilterFailed":[{"__symbolic":"method"}],"itemIsShown":[{"__symbolic":"method"}],"filterItems":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyFilterDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-filter-demo","template":"<div>\n  <sky-toolbar>\n    <sky-toolbar-section>\n      <sky-toolbar-item>\n        <sky-filter-button\n          (filterButtonClick)=\"filterButtonClicked()\">\n        </sky-filter-button>\n      </sky-toolbar-item>\n    </sky-toolbar-section>\n    <sky-toolbar-section *ngIf=\"appliedFilters && appliedFilters.length > 0\">\n      <sky-filter-summary>\n        <sky-filter-summary-item\n          *ngFor=\"let item of appliedFilters; let i = index\"\n          (dismiss)=\"onDismiss(i)\"\n          (itemClick)=\"filterButtonClicked()\">\n          {{item.label}}\n        </sky-filter-summary-item>\n      </sky-filter-summary>\n    </sky-toolbar-section>\n  </sky-toolbar>\n  <sky-repeater expandMode=\"none\">\n    <sky-repeater-item *ngFor=\"let item of filteredItems\">\n      <sky-repeater-item-title>\n        {{item.name}}\n      </sky-repeater-item-title>\n      <sky-repeater-item-content>\n        <div>\n          {{item.description}}\n        </div>\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../core","name":"SkyModalService"}]}],"filterButtonClicked":[{"__symbolic":"method"}],"onDismiss":[{"__symbolic":"method"}],"orangeFilterFailed":[{"__symbolic":"method"}],"fruitTypeFilterFailed":[{"__symbolic":"method"}],"itemIsShown":[{"__symbolic":"method"}],"filterItems":[{"__symbolic":"method"}]}}}}]