[{"__symbolic":"module","version":3,"metadata":{"SkyFlyoutDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-flyout-demo","template":"<sky-list\n  [data]=\"users\"\n  [defaultView]=\"grid\">\n  <sky-list-view-grid #grid>\n    <sky-grid-column\n      [locked]=\"true\"\n      [template]=\"customTemplate\">\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"name\"\n      heading=\"Name\"\n      [locked]=\"true\">\n    </sky-grid-column>\n  </sky-list-view-grid>\n</sky-list>\n\n<ng-template\n  let-row=\"row\"\n  #customTemplate>\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-link\"\n    (click)=\"openRecord(row)\">\n    View record\n  </button>\n  <button\n    *ngIf=\"isRecordOpen(row)\"\n    type=\"button\"\n    class=\"sky-btn sky-btn-default\"\n    title=\"Close record\"\n    (click)=\"closeFlyout()\">\n    <i class=\"fa fa-close\" aria-hidden=\"true\"></i>\n  </button>\n</ng-template>\n\n<div *ngIf=\"flyout\">\n  <p>\n    This button will close the flyout and then delete the host element from the document.\n  </p>\n\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-default\"\n    (click)=\"removeFlyout()\">\n    <i class=\"fa fa-trash\" aria-hidden=\"true\"></i>\n    Delete flyout\n  </button>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../core","name":"SkyFlyoutService"}]}],"openRecord":[{"__symbolic":"method"}],"closeFlyout":[{"__symbolic":"method"}],"removeFlyout":[{"__symbolic":"method"}],"isRecordOpen":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyFlyoutDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-flyout-demo","template":"<sky-list\n  [data]=\"users\"\n  [defaultView]=\"grid\">\n  <sky-list-view-grid #grid>\n    <sky-grid-column\n      [locked]=\"true\"\n      [template]=\"customTemplate\">\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"name\"\n      heading=\"Name\"\n      [locked]=\"true\">\n    </sky-grid-column>\n  </sky-list-view-grid>\n</sky-list>\n\n<ng-template\n  let-row=\"row\"\n  #customTemplate>\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-link\"\n    (click)=\"openRecord(row)\">\n    View record\n  </button>\n  <button\n    *ngIf=\"isRecordOpen(row)\"\n    type=\"button\"\n    class=\"sky-btn sky-btn-default\"\n    title=\"Close record\"\n    (click)=\"closeFlyout()\">\n    <i class=\"fa fa-close\" aria-hidden=\"true\"></i>\n  </button>\n</ng-template>\n\n<div *ngIf=\"flyout\">\n  <p>\n    This button will close the flyout and then delete the host element from the document.\n  </p>\n\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-default\"\n    (click)=\"removeFlyout()\">\n    <i class=\"fa fa-trash\" aria-hidden=\"true\"></i>\n    Delete flyout\n  </button>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../core","name":"SkyFlyoutService"}]}],"openRecord":[{"__symbolic":"method"}],"closeFlyout":[{"__symbolic":"method"}],"removeFlyout":[{"__symbolic":"method"}],"isRecordOpen":[{"__symbolic":"method"}]}}}}]