@skyux/lookup 5.6.0 → 5.6.1

package/bundles/skyux-lookup.umd.js

@@ -708,36 +708,6 @@
         return value.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
     }
 
-    // tslint:disable:no-null-keyword
-    /* istanbul ignore file */
-    // Polyfill for Element.closest().
-    // https://developer.mozilla.org/en-US/docs/Web/API/Element/closest#Polyfill
-    // Returns the closest ancestor of the current element (or the current element itself) which
-    // matches the selectors given in parameter. If there isn't such an ancestor, it returns null.
-    if (!Element.prototype.closest) {
-        Element.prototype.closest = function (s) {
-            var el = this;
-            if (!document.documentElement.contains(el)) {
-                return null;
-            }
-            do {
-                if (el.matches(s)) {
-                    return el;
-                }
-                el = el.parentElement || el.parentNode;
-            } while (el !== null && el.nodeType === 1);
-            return null;
-        };
-    }
-    // Polyfill for Element.matches().
-    // https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
-    // Returns true if the element would be selected by the specified selector string.
-    if (!Element.prototype.matches) {
-        Element.prototype.matches =
-            Element.prototype.msMatchesSelector ||
-                /* istanbul ignore next */ Element.prototype.webkitMatchesSelector;
-    }
-
     /**
      * @internal
      */
@@ -887,6 +857,10 @@
              * Fires when users select the button to view all options.
              */
             this.showMoreClick = new i0.EventEmitter();
+            /**
+             * Fires when users enter new search information and allows results to be
+             * returned via an observable.
+             */
             this.searchAsync = new i0.EventEmitter();
             this.isOpen = false;
             this.isSearchingAsync = false;
@@ -914,7 +888,7 @@
             /**
              * Specifies a static data source for the autocomplete component to search
              * when users enter text. For a dynamic data source such as an array that
-             * changes due to server calls, use the `search` property instead.
+             * changes due to server calls, use `search` or `searchAsync` instead.
              */
             set: function (value) {
                 this._data = value;
@@ -993,7 +967,9 @@
              * Specifies a function to dynamically manage the data source when users
              * change the text in the autocomplete field. The search function must return
              * an array or a promise of an array. The `search` property is particularly
-             * useful when the data source does not live in the source code.
+             * useful when the data source does not live in the source code. If the
+             * search requires calling a remote data source, use `searchAsync` instead of
+             * `search`.
              */
             set: function (value) {
                 this._search = value;
@@ -2985,6 +2961,10 @@
      */
     var SkyLookupAutocompleteAdapter = /** @class */ (function () {
         function SkyLookupAutocompleteAdapter() {
+            /**
+             * Fires when users enter new search information and allows results to be
+             * returned via an observable.
+             */
             this.searchAsync = new i0.EventEmitter();
         }
         Object.defineProperty(SkyLookupAutocompleteAdapter.prototype, "descriptorProperty", {
@@ -3028,7 +3008,9 @@
              * Specifies a function to dynamically manage the data source when users
              * change the text in the lookup field. The search function must return
              * an array or a promise of an array. The `search` property is particularly
-             * useful when the data source does not live in the source code.
+             * useful when the data source does not live in the source code. If the
+             * search requires calling a remote data source, use `searchAsync` instead of
+             * `search`.
              */
             set: function (value) {
                 this._search = value;

package/documentation.json

@@ -2766,7 +2766,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 436,
+                "line": 442,
                 "character": 2
               }
             ],
@@ -2923,7 +2923,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 300,
+                "line": 306,
                 "character": 9
               }
             ],
@@ -2944,7 +2944,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 312,
+                "line": 318,
                 "character": 9
               }
             ],
@@ -2986,7 +2986,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 253,
+                "line": 255,
                 "character": 9
               }
             ],
@@ -3006,7 +3006,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 302,
+                "line": 308,
                 "character": 9
               }
             ],
@@ -3026,7 +3026,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 304,
+                "line": 310,
                 "character": 9
               }
             ],
@@ -3043,6 +3043,9 @@
             "flags": {
               "isPublic": true
             },
+            "comment": {
+              "shortText": "Fires when users enter new search information and allows results to be\nreturned via an observable."
+            },
             "decorators": [
               {
                 "name": "Output",
@@ -3058,7 +3061,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 286,
+                "line": 292,
                 "character": 9
               }
             ],
@@ -3103,7 +3106,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 222,
+                "line": 224,
                 "character": 9
               }
             ],
@@ -3127,7 +3130,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 314,
+                "line": 320,
                 "character": 9
               }
             ],
@@ -3147,7 +3150,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 306,
+                "line": 312,
                 "character": 9
               }
             ],
@@ -3191,7 +3194,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a static data source for the autocomplete component to search\nwhen users enter text. For a dynamic data source such as an array that\nchanges due to server calls, use the `search` property instead."
+                  "shortText": "Specifies a static data source for the autocomplete component to search\nwhen users enter text. For a dynamic data source such as an array that\nchanges due to server calls, use `search` or `searchAsync` instead."
                 },
                 "type": {
                   "type": "array",
@@ -3210,7 +3213,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a static data source for the autocomplete component to search\nwhen users enter text. For a dynamic data source such as an array that\nchanges due to server calls, use the `search` property instead."
+                  "shortText": "Specifies a static data source for the autocomplete component to search\nwhen users enter text. For a dynamic data source such as an array that\nchanges due to server calls, use `search` or `searchAsync` instead."
                 },
                 "parameters": [
                   {
@@ -3416,7 +3419,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 296,
+                "line": 302,
                 "character": 13
               }
             ],
@@ -3551,7 +3554,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 169,
+                "line": 171,
                 "character": 13
               }
             ],
@@ -3563,7 +3566,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a function to dynamically manage the data source when users\nchange the text in the autocomplete field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code."
+                  "shortText": "Specifies a function to dynamically manage the data source when users\nchange the text in the autocomplete field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code. If the\nsearch requires calling a remote data source, use `searchAsync` instead of\n`search`."
                 },
                 "type": {
                   "type": "reference",
@@ -3580,7 +3583,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a function to dynamically manage the data source when users\nchange the text in the autocomplete field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code."
+                  "shortText": "Specifies a function to dynamically manage the data source when users\nchange the text in the autocomplete field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code. If the\nsearch requires calling a remote data source, use `searchAsync` instead of\n`search`."
                 },
                 "parameters": [
                   {
@@ -3626,7 +3629,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 189,
+                "line": 191,
                 "character": 13
               }
             ],
@@ -3703,7 +3706,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 292,
+                "line": 298,
                 "character": 13
               }
             ],
@@ -3747,7 +3750,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 229,
+                "line": 231,
                 "character": 13
               }
             ],
@@ -3820,7 +3823,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 204,
+                "line": 206,
                 "character": 13
               }
             ],
@@ -3905,7 +3908,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 281,
+                "line": 283,
                 "character": 13
               }
             ],
@@ -3946,7 +3949,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 308,
+                "line": 314,
                 "character": 13
               }
             ],
@@ -3975,7 +3978,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 475,
+                "line": 481,
                 "character": 9
               }
             ],
@@ -4004,7 +4007,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 481,
+                "line": 487,
                 "character": 9
               }
             ],
@@ -4048,7 +4051,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 590,
+                "line": 596,
                 "character": 9
               }
             ],
@@ -4092,7 +4095,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 562,
+                "line": 568,
                 "character": 9
               }
             ],
@@ -4121,7 +4124,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 449,
+                "line": 455,
                 "character": 9
               }
             ],
@@ -4158,7 +4161,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 461,
+                "line": 467,
                 "character": 9
               }
             ],
@@ -4195,7 +4198,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 465,
+                "line": 471,
                 "character": 9
               }
             ],
@@ -4232,7 +4235,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 568,
+                "line": 574,
                 "character": 9
               }
             ],
@@ -4287,7 +4290,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 581,
+                "line": 587,
                 "character": 9
               }
             ],
@@ -6374,6 +6377,9 @@
             "flags": {
               "isPublic": true
             },
+            "comment": {
+              "shortText": "Fires when users enter new search information and allows results to be\nreturned via an observable."
+            },
             "decorators": [
               {
                 "name": "Output",
@@ -6389,7 +6395,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 110,
+                "line": 116,
                 "character": 9
               }
             ],
@@ -6438,7 +6444,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 100,
+                "line": 102,
                 "character": 9
               }
             ],
@@ -6481,7 +6487,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 81,
+                "line": 83,
                 "character": 9
               }
             ],
@@ -6528,7 +6534,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 107,
+                "line": 109,
                 "character": 9
               }
             ],
@@ -6573,7 +6579,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 90,
+                "line": 92,
                 "character": 9
               }
             ],
@@ -7015,7 +7021,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 61,
+                "line": 63,
                 "character": 13
               }
             ],
@@ -7027,7 +7033,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a function to dynamically manage the data source when users\nchange the text in the lookup field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code."
+                  "shortText": "Specifies a function to dynamically manage the data source when users\nchange the text in the lookup field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code. If the\nsearch requires calling a remote data source, use `searchAsync` instead of\n`search`."
                 },
                 "type": {
                   "type": "reference",
@@ -7048,7 +7054,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a function to dynamically manage the data source when users\nchange the text in the lookup field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code."
+                  "shortText": "Specifies a function to dynamically manage the data source when users\nchange the text in the lookup field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code. If the\nsearch requires calling a remote data source, use `searchAsync` instead of\n`search`."
                 },
                 "parameters": [
                   {
@@ -9640,7 +9646,7 @@
     {
       "fileName": "search-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/search/basic/search-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-search-demo',\n  templateUrl: './search-demo.component.html',\n})\nexport class SearchDemoComponent {\n  public displayedItems: any;\n\n  private items: any[] = [\n    {\n      title: 'Call Robert Hernandez',\n      note: 'Robert recently gave a very generous gift. We should call to thank him.',\n    },\n    {\n      title: 'Send invitation to ball',\n      note: \"The Spring Ball is coming up soon. Let's get those invitations out!\",\n    },\n    {\n      title: 'Clean up desk',\n      note: 'File and organize papers.',\n    },\n    {\n      title: 'Investigate leads',\n      note: 'Check out leads for important charity event funding.',\n    },\n    {\n      title: 'Send thank you note',\n      note: 'Send a thank you note to Timothy for his donation.',\n    },\n  ];\n\n  public searchText: string;\n\n  constructor() {\n    this.displayedItems = this.items;\n  }\n\n  public searchApplied(searchText: string): void {\n    let filteredItems = this.items;\n    this.searchText = searchText;\n\n    if (searchText) {\n      filteredItems = this.items.filter(function (item: any) {\n        let property: any;\n\n        for (property in item) {\n          if (\n            item.hasOwnProperty(property) &&\n            (property === 'title' || property === 'note')\n          ) {\n            if (item[property].indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n    this.displayedItems = filteredItems;\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-search-demo',\n  templateUrl: './search-demo.component.html',\n})\nexport class SearchDemoComponent {\n  public displayedItems: any;\n\n  private items: any[] = [\n    {\n      title: 'Call Robert Hernandez',\n      note: 'Robert recently gave a very generous gift. We should call to thank him.',\n    },\n    {\n      title: 'Send invitation to ball',\n      note: \"The Spring Ball is coming up soon. Let's get those invitations out!\",\n    },\n    {\n      title: 'Clean up desk',\n      note: 'File and organize papers.',\n    },\n    {\n      title: 'Investigate leads',\n      note: 'Check out leads for important charity event funding.',\n    },\n    {\n      title: 'Send thank you note',\n      note: 'Send a thank you note to Timothy for his donation.',\n    },\n  ];\n\n  public searchText: string;\n\n  constructor() {\n    this.displayedItems = this.items;\n  }\n\n  public searchApplied(searchText: string): void {\n    let filteredItems = this.items;\n    this.searchText = searchText;\n\n    if (searchText) {\n      filteredItems = this.items.filter(function (item: any) {\n        let property: any;\n\n        for (property in item) {\n          if (\n            Object.prototype.hasOwnProperty.call(item, property) &&\n            (property === 'title' || property === 'note')\n          ) {\n            if (item[property].indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n    this.displayedItems = filteredItems;\n  }\n}\n"
     },
     {
       "fileName": "search-demo.module.ts",

package/esm2015/lib/modules/autocomplete/autocomplete-adapter.service.js

@@ -1,6 +1,5 @@
 import { Injectable, RendererFactory2, } from '@angular/core';
 import { SkyCoreAdapterService } from '@skyux/core';
-import '../../polyfills';
 import * as i0 from "@angular/core";
 import * as i1 from "@skyux/core";
 /**

package/esm2015/lib/modules/autocomplete/autocomplete-adapter.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lookup/src/lib/modules/autocomplete/autocomplete-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAsB,MAAM,aAAa,CAAC;AAExE,OAAO,iBAAiB,CAAC;;;AAEzB;;GAEG;AAEH,MAAM,OAAO,6BAA6B;IAGxC,YACU,kBAAyC,EACzC,eAAiC;QADjC,uBAAkB,GAAlB,kBAAkB,CAAuB;QACzC,oBAAe,GAAf,eAAe,CAAkB;QAEzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC5E,CAAC;IAED;;OAEG;IACI,WAAW,CAAC,OAAoB,EAAE,SAAiB;QACxD,kBAAkB;QAClB,0BAA0B;QAC1B,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SAC5C;IACH,CAAC;IAEM,2BAA2B,CAChC,OAA2B;QAE3B,OAAO,IAAI,CAAC,kBAAkB,CAAC,oBAAoB;QACjD,yDAAyD;QACzD,0BAA0B;QAC1B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,QAAQ,CAAC,aAAa,EAC5C,EAAE,cAAc,EAAE,IAAI,EAAE,CACzB,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,OAAoB,EAAE,SAAiB;QAC3D,kBAAkB;QAClB,0BAA0B;QAC1B,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SAC/C;IACH,CAAC;IAEM,gBAAgB,CACrB,UAAsB,EACtB,WAAuB,EACvB,UAAmB;QAEnB,MAAM,aAAa,GAAG,UAAU;YAC9B,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC;YACpD,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC;QAC7B,IAAI,aAAa,EAAE;YACjB,MAAM,KAAK,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAC1D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;SAC1E;IACH,CAAC;IAED;;OAEG;IACI,WAAW,CAAC,OAAoB,EAAE,QAAgB;QACvD,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC9B,CAAC;;2HA9DU,6BAA6B;+HAA7B,6BAA6B;4FAA7B,6BAA6B;kBADzC,UAAU","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\nimport { SkyCoreAdapterService, SkyOverlayInstance } from '@skyux/core';\n\nimport '../../polyfills';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyAutocompleteAdapterService {\n  private renderer: Renderer2;\n\n  constructor(\n    private coreAdapterService: SkyCoreAdapterService,\n    private rendererFactory: RendererFactory2\n  ) {\n    this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  /**\n   * Adds the className for the provided element.\n   */\n  public addCSSClass(element: HTMLElement, className: string): void {\n    /* Sanity check */\n    /* istanbul ignore else */\n    if (element) {\n      this.renderer.addClass(element, className);\n    }\n  }\n\n  public getOverlayFocusableElements(\n    overlay: SkyOverlayInstance\n  ): HTMLElement[] {\n    return this.coreAdapterService.getFocusableChildren(\n      /* Sanity check - calling function also has null check */\n      /* istanbul ignore next */\n      overlay?.componentRef.location.nativeElement,\n      { ignoreTabIndex: true }\n    );\n  }\n\n  /**\n   * Removes the className for the provided element.\n   */\n  public removeCSSClass(element: HTMLElement, className: string): void {\n    /* Sanity check */\n    /* istanbul ignore else */\n    if (element) {\n      this.renderer.removeClass(element, className);\n    }\n  }\n\n  public setDropdownWidth(\n    elementRef: ElementRef,\n    dropdownRef: ElementRef,\n    isInputBox: boolean\n  ): void {\n    const parentElement = isInputBox\n      ? elementRef.nativeElement.closest('.sky-input-box')\n      : elementRef.nativeElement;\n    if (parentElement) {\n      const width = parentElement.getBoundingClientRect().width;\n      this.renderer.setStyle(dropdownRef.nativeElement, 'width', `${width}px`);\n    }\n  }\n\n  /**\n   * Sets the `tabIndex` of the `element` to the provided `tabIndex`.\n   */\n  public setTabIndex(element: HTMLElement, tabIndex: number): void {\n    element.tabIndex = tabIndex;\n  }\n}\n"]}
+{"version":3,"file":"autocomplete-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/lookup/src/lib/modules/autocomplete/autocomplete-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAsB,MAAM,aAAa,CAAC;;;AAExE;;GAEG;AAEH,MAAM,OAAO,6BAA6B;IAGxC,YACU,kBAAyC,EACzC,eAAiC;QADjC,uBAAkB,GAAlB,kBAAkB,CAAuB;QACzC,oBAAe,GAAf,eAAe,CAAkB;QAEzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC5E,CAAC;IAED;;OAEG;IACI,WAAW,CAAC,OAAoB,EAAE,SAAiB;QACxD,kBAAkB;QAClB,0BAA0B;QAC1B,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SAC5C;IACH,CAAC;IAEM,2BAA2B,CAChC,OAA2B;QAE3B,OAAO,IAAI,CAAC,kBAAkB,CAAC,oBAAoB;QACjD,yDAAyD;QACzD,0BAA0B;QAC1B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,QAAQ,CAAC,aAAa,EAC5C,EAAE,cAAc,EAAE,IAAI,EAAE,CACzB,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,OAAoB,EAAE,SAAiB;QAC3D,kBAAkB;QAClB,0BAA0B;QAC1B,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SAC/C;IACH,CAAC;IAEM,gBAAgB,CACrB,UAAsB,EACtB,WAAuB,EACvB,UAAmB;QAEnB,MAAM,aAAa,GAAG,UAAU;YAC9B,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC;YACpD,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC;QAC7B,IAAI,aAAa,EAAE;YACjB,MAAM,KAAK,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAC1D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;SAC1E;IACH,CAAC;IAED;;OAEG;IACI,WAAW,CAAC,OAAoB,EAAE,QAAgB;QACvD,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC9B,CAAC;;2HA9DU,6BAA6B;+HAA7B,6BAA6B;4FAA7B,6BAA6B;kBADzC,UAAU","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\nimport { SkyCoreAdapterService, SkyOverlayInstance } from '@skyux/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyAutocompleteAdapterService {\n  private renderer: Renderer2;\n\n  constructor(\n    private coreAdapterService: SkyCoreAdapterService,\n    private rendererFactory: RendererFactory2\n  ) {\n    this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  /**\n   * Adds the className for the provided element.\n   */\n  public addCSSClass(element: HTMLElement, className: string): void {\n    /* Sanity check */\n    /* istanbul ignore else */\n    if (element) {\n      this.renderer.addClass(element, className);\n    }\n  }\n\n  public getOverlayFocusableElements(\n    overlay: SkyOverlayInstance\n  ): HTMLElement[] {\n    return this.coreAdapterService.getFocusableChildren(\n      /* Sanity check - calling function also has null check */\n      /* istanbul ignore next */\n      overlay?.componentRef.location.nativeElement,\n      { ignoreTabIndex: true }\n    );\n  }\n\n  /**\n   * Removes the className for the provided element.\n   */\n  public removeCSSClass(element: HTMLElement, className: string): void {\n    /* Sanity check */\n    /* istanbul ignore else */\n    if (element) {\n      this.renderer.removeClass(element, className);\n    }\n  }\n\n  public setDropdownWidth(\n    elementRef: ElementRef,\n    dropdownRef: ElementRef,\n    isInputBox: boolean\n  ): void {\n    const parentElement = isInputBox\n      ? elementRef.nativeElement.closest('.sky-input-box')\n      : elementRef.nativeElement;\n    if (parentElement) {\n      const width = parentElement.getBoundingClientRect().width;\n      this.renderer.setStyle(dropdownRef.nativeElement, 'width', `${width}px`);\n    }\n  }\n\n  /**\n   * Sets the `tabIndex` of the `element` to the provided `tabIndex`.\n   */\n  public setTabIndex(element: HTMLElement, tabIndex: number): void {\n    element.tabIndex = tabIndex;\n  }\n}\n"]}

package/esm2015/lib/modules/autocomplete/autocomplete.component.js

@@ -52,6 +52,10 @@ export class SkyAutocompleteComponent {
          * Fires when users select the button to view all options.
          */
         this.showMoreClick = new EventEmitter();
+        /**
+         * Fires when users enter new search information and allows results to be
+         * returned via an observable.
+         */
         this.searchAsync = new EventEmitter();
         this.isOpen = false;
         this.isSearchingAsync = false;
@@ -75,7 +79,7 @@ export class SkyAutocompleteComponent {
     /**
      * Specifies a static data source for the autocomplete component to search
      * when users enter text. For a dynamic data source such as an array that
-     * changes due to server calls, use the `search` property instead.
+     * changes due to server calls, use `search` or `searchAsync` instead.
      */
     set data(value) {
         this._data = value;
@@ -130,7 +134,9 @@ export class SkyAutocompleteComponent {
      * Specifies a function to dynamically manage the data source when users
      * change the text in the autocomplete field. The search function must return
      * an array or a promise of an array. The `search` property is particularly
-     * useful when the data source does not live in the source code.
+     * useful when the data source does not live in the source code. If the
+     * search requires calling a remote data source, use `searchAsync` instead of
+     * `search`.
      */
     set search(value) {
         this._search = value;