[{"__symbolic":"module","version":3,"metadata":{"SkyFilterInlineDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-filter-inline-demo","template":"<div>\n  <sky-toolbar>\n    <sky-toolbar-section>\n      <sky-toolbar-item>\n        <sky-filter-button\n          [active]=\"filtersActive\"\n          (filterButtonClick)=\"filterButtonClicked()\">\n        </sky-filter-button>\n      </sky-toolbar-item>\n    </sky-toolbar-section>\n  </sky-toolbar>\n  <sky-filter-inline [hidden]=\"!showInlineFilters\">\n    <sky-filter-inline-item>\n      <label for=\"sky-demo-select-type\">Fruit type</label>\n      <select\n        id=\"sky-demo-select-type\"\n        [ngModel]=\"fruitType\"\n        (ngModelChange)=\"fruitTypeChange($event)\">\n        <option value=\"any\">Any fruit</option>\n        <option value=\"citrus\">Citrus</option>\n        <option value=\"berry\">Berry</option>\n      </select>\n    </sky-filter-inline-item>\n    <sky-filter-inline-item>\n      <sky-checkbox\n        [ngModel]=\"hideOrange\"\n        (ngModelChange)=\"hideOrangeChange($event)\"\n        >\n        <sky-checkbox-label>\n          Hide orange fruits\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-filter-inline-item>\n  </sky-filter-inline>\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"}],"filterButtonClicked":[{"__symbolic":"method"}],"fruitTypeChange":[{"__symbolic":"method"}],"hideOrangeChange":[{"__symbolic":"method"}],"setFilterActiveState":[{"__symbolic":"method"}],"orangeFilterFailed":[{"__symbolic":"method"}],"fruitTypeFilterFailed":[{"__symbolic":"method"}],"itemIsShown":[{"__symbolic":"method"}],"filterItems":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyFilterInlineDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-filter-inline-demo","template":"<div>\n  <sky-toolbar>\n    <sky-toolbar-section>\n      <sky-toolbar-item>\n        <sky-filter-button\n          [active]=\"filtersActive\"\n          (filterButtonClick)=\"filterButtonClicked()\">\n        </sky-filter-button>\n      </sky-toolbar-item>\n    </sky-toolbar-section>\n  </sky-toolbar>\n  <sky-filter-inline [hidden]=\"!showInlineFilters\">\n    <sky-filter-inline-item>\n      <label for=\"sky-demo-select-type\">Fruit type</label>\n      <select\n        id=\"sky-demo-select-type\"\n        [ngModel]=\"fruitType\"\n        (ngModelChange)=\"fruitTypeChange($event)\">\n        <option value=\"any\">Any fruit</option>\n        <option value=\"citrus\">Citrus</option>\n        <option value=\"berry\">Berry</option>\n      </select>\n    </sky-filter-inline-item>\n    <sky-filter-inline-item>\n      <sky-checkbox\n        [ngModel]=\"hideOrange\"\n        (ngModelChange)=\"hideOrangeChange($event)\"\n        >\n        <sky-checkbox-label>\n          Hide orange fruits\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-filter-inline-item>\n  </sky-filter-inline>\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"}],"filterButtonClicked":[{"__symbolic":"method"}],"fruitTypeChange":[{"__symbolic":"method"}],"hideOrangeChange":[{"__symbolic":"method"}],"setFilterActiveState":[{"__symbolic":"method"}],"orangeFilterFailed":[{"__symbolic":"method"}],"fruitTypeFilterFailed":[{"__symbolic":"method"}],"itemIsShown":[{"__symbolic":"method"}],"filterItems":[{"__symbolic":"method"}]}}}}]