[{"__symbolic":"module","version":3,"metadata":{"SkyLookupDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-lookup-demo","template":"<form\n  class=\"lookup-demo-form\"\n  [formGroup]=\"reactiveForm\"\n  (ngSubmit)=\"submitReactiveForm()\"\n  novalidate>\n\n  <div class=\"sky-form-group\">\n    <label\n      id=\"my-friends-label\"\n      class=\"sky-control-label\">\n      Who are your friends?\n    </label>\n    <sky-lookup\n      ariaLabelledBy=\"my-friends-label\"\n      formControlName=\"friends\"\n      placeholderText=\"Type a person's name...\"\n      [data]=\"people\"\n      [searchFilters]=\"getSearchFilters()\">\n    </sky-lookup>\n  </div>\n\n  <p>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-default\"\n      (click)=\"disableLookup()\">\n      Disable lookup field\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-default\"\n      (click)=\"enableLookup()\">\n      Enable lookup field\n    </button>\n  </p>\n\n  <div class=\"lookup-demo-alert\">\n    <strong>Form model:</strong>\n    <pre>{{ reactiveForm.value | json }}</pre>\n  </div>\n\n  <button\n    class=\"sky-btn sky-btn-default\"\n    type=\"submit\">\n    Submit\n  </button>\n\n</form>\n","styles":[".lookup-demo-form ::ng-deep .sky-form-group {\n  background-color: #eeeeef;\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);\n  border-radius: 3px;\n  margin: 10px 0;\n  padding: 10px;\n}\n\n.lookup-demo-form ::ng-deep h3 {\n  margin-top: 30px;\n}\n\n.lookup-demo-alert {\n  padding: 10px;\n  margin-bottom: 10px;\n  border: 1px solid #cdcfd2;\n  border-radius: 3px;\n}\n\n.lookup-demo-alert pre {\n  margin: 0;\n}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder"}]}],"ngOnInit":[{"__symbolic":"method"}],"getSearchFilters":[{"__symbolic":"method"}],"enableLookup":[{"__symbolic":"method"}],"disableLookup":[{"__symbolic":"method"}],"submitReactiveForm":[{"__symbolic":"method"}],"createForm":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyLookupDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-lookup-demo","template":"<form\n  class=\"lookup-demo-form\"\n  [formGroup]=\"reactiveForm\"\n  (ngSubmit)=\"submitReactiveForm()\"\n  novalidate>\n\n  <div class=\"sky-form-group\">\n    <label\n      id=\"my-friends-label\"\n      class=\"sky-control-label\">\n      Who are your friends?\n    </label>\n    <sky-lookup\n      ariaLabelledBy=\"my-friends-label\"\n      formControlName=\"friends\"\n      placeholderText=\"Type a person's name...\"\n      [data]=\"people\"\n      [searchFilters]=\"getSearchFilters()\">\n    </sky-lookup>\n  </div>\n\n  <p>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-default\"\n      (click)=\"disableLookup()\">\n      Disable lookup field\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-default\"\n      (click)=\"enableLookup()\">\n      Enable lookup field\n    </button>\n  </p>\n\n  <div class=\"lookup-demo-alert\">\n    <strong>Form model:</strong>\n    <pre>{{ reactiveForm.value | json }}</pre>\n  </div>\n\n  <button\n    class=\"sky-btn sky-btn-default\"\n    type=\"submit\">\n    Submit\n  </button>\n\n</form>\n","styles":[".lookup-demo-form ::ng-deep .sky-form-group {\n  background-color: #eeeeef;\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);\n  border-radius: 3px;\n  margin: 10px 0;\n  padding: 10px;\n}\n\n.lookup-demo-form ::ng-deep h3 {\n  margin-top: 30px;\n}\n\n.lookup-demo-alert {\n  padding: 10px;\n  margin-bottom: 10px;\n  border: 1px solid #cdcfd2;\n  border-radius: 3px;\n}\n\n.lookup-demo-alert pre {\n  margin: 0;\n}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder"}]}],"ngOnInit":[{"__symbolic":"method"}],"getSearchFilters":[{"__symbolic":"method"}],"enableLookup":[{"__symbolic":"method"}],"disableLookup":[{"__symbolic":"method"}],"submitReactiveForm":[{"__symbolic":"method"}],"createForm":[{"__symbolic":"method"}]}}}}]