[{"__symbolic":"module","version":3,"metadata":{"SkyDropdownItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-dropdown-item","template":"<div\n  class=\"sky-dropdown-item\"\n  [ngClass]=\"{\n    'sky-dropdown-item-active': isActive,\n    'sky-dropdown-item-disabled': isDisabled\n  }\">\n  <ng-content>\n  </ng-content>\n</div>\n","styles":[".sky-dropdown-item {\n  background-color: transparent;\n  border: none;\n  display: block;\n  margin: 4px;\n  min-width: 160px;\n  text-align: left;\n  transition: background-color 150ms;\n}\n\n.sky-dropdown-item.sky-dropdown-item-active, .sky-dropdown-item:hover {\n  background-color: #eeeeef;\n}\n\n.sky-dropdown-item.sky-dropdown-item-disabled {\n  cursor: default;\n}\n\n.sky-dropdown-item.sky-dropdown-item-disabled:hover {\n  background-color: transparent;\n}\n\n.sky-dropdown-item ::ng-deep > button {\n  background-color: transparent;\n  border: none;\n  color: #282b31;\n  cursor: pointer;\n  display: block;\n  padding: 3px 20px;\n  text-align: left;\n  width: 100%;\n}\n\n.sky-dropdown-item ::ng-deep > button[disabled] {\n  color: #686c73;\n}\n\n.sky-dropdown-item ::ng-deep > button[disabled]:hover {\n  cursor: default;\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"focusElement":[{"__symbolic":"method"}],"isFocusable":[{"__symbolic":"method"}],"resetState":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyDropdownItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-dropdown-item","template":"<div\n  class=\"sky-dropdown-item\"\n  [ngClass]=\"{\n    'sky-dropdown-item-active': isActive,\n    'sky-dropdown-item-disabled': isDisabled\n  }\">\n  <ng-content>\n  </ng-content>\n</div>\n","styles":[".sky-dropdown-item {\n  background-color: transparent;\n  border: none;\n  display: block;\n  margin: 4px;\n  min-width: 160px;\n  text-align: left;\n  transition: background-color 150ms;\n}\n\n.sky-dropdown-item.sky-dropdown-item-active, .sky-dropdown-item:hover {\n  background-color: #eeeeef;\n}\n\n.sky-dropdown-item.sky-dropdown-item-disabled {\n  cursor: default;\n}\n\n.sky-dropdown-item.sky-dropdown-item-disabled:hover {\n  background-color: transparent;\n}\n\n.sky-dropdown-item ::ng-deep > button {\n  background-color: transparent;\n  border: none;\n  color: #282b31;\n  cursor: pointer;\n  display: block;\n  padding: 3px 20px;\n  text-align: left;\n  width: 100%;\n}\n\n.sky-dropdown-item ::ng-deep > button[disabled] {\n  color: #686c73;\n}\n\n.sky-dropdown-item ::ng-deep > button[disabled]:hover {\n  cursor: default;\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"focusElement":[{"__symbolic":"method"}],"isFocusable":[{"__symbolic":"method"}],"resetState":[{"__symbolic":"method"}]}}}}]