[{"__symbolic":"module","version":3,"metadata":{"SkyLookupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./lookup-autocomplete-adapter","name":"SkyLookupAutocompleteAdapter"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-lookup","template":"<div\n  class=\"sky-lookup\"\n  [ngClass]=\"{\n    'sky-lookup-focused': isInputFocused,\n    'sky-lookup-disabled': disabled\n  }\">\n  <sky-autocomplete\n    [data]=\"data\"\n    [descriptorProperty]=\"descriptorProperty\"\n    [propertiesToSearch]=\"propertiesToSearch\"\n    [search]=\"search\"\n    [searchFilters]=\"searchFilters\"\n    [searchResultsLimit]=\"searchResultsLimit\"\n    [searchResultTemplate]=\"searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"searchTextMinimumCharacters\"\n    (selectionChange)=\"onAutocompleteSelectionChange($event)\">\n\n    <div class=\"sky-lookup-search sky-form-control\">\n      <sky-tokens\n        [disabled]=\"disabled\"\n        [displayWith]=\"descriptorProperty\"\n        [focusable]=\"false\"\n        [messageStream]=\"tokensController\"\n        [tokens]=\"tokens\"\n        (keyup)=\"onTokensKeyUp($event)\"\n        (tokensChange)=\"onTokensChange($event)\"\n        (focusIndexOverRange)=\"onTokensFocusIndexOverRange()\">\n\n        <textarea\n          skyAutocomplete\n          class=\"sky-form-control\"\n          [disabled]=\"disabled\"\n          [attr.aria-label]=\"ariaLabel\"\n          [attr.aria-labelledby]=\"ariaLabelledBy\"\n          [attr.placeholder]=\"placeholderText\"\n          (keydown.enter)=\"$event.preventDefault();\"\n          (keyup.escape)=\"clearSearchText();$event.preventDefault();\"\n          (keyup.delete)=\"$event.stopPropagation();\"\n          #lookupInput>\n        </textarea>\n      </sky-tokens>\n    </div>\n  </sky-autocomplete>\n</div>\n","styles":[".sky-lookup textarea {\n  resize: none;\n  border: 0;\n  overflow: hidden;\n  height: 1.42857em;\n  box-sizing: content-box;\n  padding: 0;\n  display: inline-flex;\n  background-color: transparent;\n}\n\n.sky-lookup textarea:focus {\n  outline: none;\n  box-shadow: none;\n}\n\n.sky-lookup ::ng-deep\nsky-tokens:focus {\n  outline: none;\n}\n\n.sky-lookup ::ng-deep\nsky-tokens .sky-tokens {\n  margin-top: -5px;\n  margin-bottom: -5px;\n}\n\n.sky-lookup ::ng-deep\nsky-tokens .sky-tokens .sky-tokens-content {\n  padding-top: 5px;\n  padding-bottom: 5px;\n  padding-left: 11px;\n  flex-basis: 100px;\n}\n\n.sky-lookup-search {\n  cursor: text;\n  background-color: #ffffff;\n  padding-left: 3px;\n}\n\n.sky-lookup-disabled .sky-lookup-search {\n  cursor: default;\n}\n\n.sky-lookup-focused .sky-lookup-search {\n  box-shadow: 0 0 8px rgba(0, 180, 241, 0.6);\n  border: 1px solid #00b4f1;\n  outline: none;\n}\n\n.sky-lookup-focused ::ng-deep .sky-tokens-content {\n  flex-basis: 100px;\n}\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SkyLookupComponent"},"multi":true}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ariaLabelledBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholderText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autocompleteInputDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../autocomplete","name":"SkyAutocompleteInputDirective"}]}]}],"lookupInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["lookupInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../window","name":"SkyWindowRefService"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onAutocompleteSelectionChange":[{"__symbolic":"method"}],"onTokensChange":[{"__symbolic":"method"}],"onTokensFocusIndexOverRange":[{"__symbolic":"method"}],"onTokensKeyUp":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"clearSearchText":[{"__symbolic":"method"}],"addToSelected":[{"__symbolic":"method"}],"addEventListeners":[{"__symbolic":"method"}],"removeEventListeners":[{"__symbolic":"method"}],"focusTokensOnInputKeyUp":[{"__symbolic":"method"}],"focusInputOnHostClick":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}],"cloneItems":[{"__symbolic":"method"}],"parseTokens":[{"__symbolic":"method"}],"sendTokensMessage":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyLookupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./lookup-autocomplete-adapter","name":"SkyLookupAutocompleteAdapter"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-lookup","template":"<div\n  class=\"sky-lookup\"\n  [ngClass]=\"{\n    'sky-lookup-focused': isInputFocused,\n    'sky-lookup-disabled': disabled\n  }\">\n  <sky-autocomplete\n    [data]=\"data\"\n    [descriptorProperty]=\"descriptorProperty\"\n    [propertiesToSearch]=\"propertiesToSearch\"\n    [search]=\"search\"\n    [searchFilters]=\"searchFilters\"\n    [searchResultsLimit]=\"searchResultsLimit\"\n    [searchResultTemplate]=\"searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"searchTextMinimumCharacters\"\n    (selectionChange)=\"onAutocompleteSelectionChange($event)\">\n\n    <div class=\"sky-lookup-search sky-form-control\">\n      <sky-tokens\n        [disabled]=\"disabled\"\n        [displayWith]=\"descriptorProperty\"\n        [focusable]=\"false\"\n        [messageStream]=\"tokensController\"\n        [tokens]=\"tokens\"\n        (keyup)=\"onTokensKeyUp($event)\"\n        (tokensChange)=\"onTokensChange($event)\"\n        (focusIndexOverRange)=\"onTokensFocusIndexOverRange()\">\n\n        <textarea\n          skyAutocomplete\n          class=\"sky-form-control\"\n          [disabled]=\"disabled\"\n          [attr.aria-label]=\"ariaLabel\"\n          [attr.aria-labelledby]=\"ariaLabelledBy\"\n          [attr.placeholder]=\"placeholderText\"\n          (keydown.enter)=\"$event.preventDefault();\"\n          (keyup.escape)=\"clearSearchText();$event.preventDefault();\"\n          (keyup.delete)=\"$event.stopPropagation();\"\n          #lookupInput>\n        </textarea>\n      </sky-tokens>\n    </div>\n  </sky-autocomplete>\n</div>\n","styles":[".sky-lookup textarea {\n  resize: none;\n  border: 0;\n  overflow: hidden;\n  height: 1.42857em;\n  box-sizing: content-box;\n  padding: 0;\n  display: inline-flex;\n  background-color: transparent;\n}\n\n.sky-lookup textarea:focus {\n  outline: none;\n  box-shadow: none;\n}\n\n.sky-lookup ::ng-deep\nsky-tokens:focus {\n  outline: none;\n}\n\n.sky-lookup ::ng-deep\nsky-tokens .sky-tokens {\n  margin-top: -5px;\n  margin-bottom: -5px;\n}\n\n.sky-lookup ::ng-deep\nsky-tokens .sky-tokens .sky-tokens-content {\n  padding-top: 5px;\n  padding-bottom: 5px;\n  padding-left: 11px;\n  flex-basis: 100px;\n}\n\n.sky-lookup-search {\n  cursor: text;\n  background-color: #ffffff;\n  padding-left: 3px;\n}\n\n.sky-lookup-disabled .sky-lookup-search {\n  cursor: default;\n}\n\n.sky-lookup-focused .sky-lookup-search {\n  box-shadow: 0 0 8px rgba(0, 180, 241, 0.6);\n  border: 1px solid #00b4f1;\n  outline: none;\n}\n\n.sky-lookup-focused ::ng-deep .sky-tokens-content {\n  flex-basis: 100px;\n}\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SkyLookupComponent"},"multi":true}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ariaLabelledBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholderText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autocompleteInputDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../autocomplete","name":"SkyAutocompleteInputDirective"}]}]}],"lookupInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["lookupInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../window","name":"SkyWindowRefService"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onAutocompleteSelectionChange":[{"__symbolic":"method"}],"onTokensChange":[{"__symbolic":"method"}],"onTokensFocusIndexOverRange":[{"__symbolic":"method"}],"onTokensKeyUp":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"clearSearchText":[{"__symbolic":"method"}],"addToSelected":[{"__symbolic":"method"}],"addEventListeners":[{"__symbolic":"method"}],"removeEventListeners":[{"__symbolic":"method"}],"focusTokensOnInputKeyUp":[{"__symbolic":"method"}],"focusInputOnHostClick":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}],"cloneItems":[{"__symbolic":"method"}],"parseTokens":[{"__symbolic":"method"}],"sendTokensMessage":[{"__symbolic":"method"}]}}}}]