@skyux/core 5.9.2 → 5.9.3

package/bundles/skyux-core.umd.js

@@ -137,6 +137,9 @@
              * @return Returns `true` if a child element with autofocus is found.
              */
             SkyCoreAdapterService.prototype.applyAutoFocus = function (elementRef) {
+                if (!elementRef) {
+                    return false;
+                }
                 var elementWithAutoFocus = elementRef.nativeElement.querySelector('[autofocus]');
                 // Child was found with the autofocus property. Set focus and return true.
                 if (elementWithAutoFocus) {
@@ -160,11 +163,13 @@
             SkyCoreAdapterService.prototype.getFocusableChildrenAndApplyFocus = function (elementRef, containerSelector, focusOnContainerIfNoChildrenFound) {
                 if (focusOnContainerIfNoChildrenFound === void 0) { focusOnContainerIfNoChildrenFound = false; }
                 var containerElement = elementRef.nativeElement.querySelector(containerSelector);
-                var focusableChildren = this.getFocusableChildren(containerElement);
-                // Focus first focusable child if available. Otherwise, set focus on container.
-                if (!this.focusFirstElement(focusableChildren) &&
-                    focusOnContainerIfNoChildrenFound) {
-                    containerElement.focus();
+                if (containerElement) {
+                    var focusableChildren = this.getFocusableChildren(containerElement);
+                    // Focus first focusable child if available. Otherwise, set focus on container.
+                    if (!this.focusFirstElement(focusableChildren) &&
+                        focusOnContainerIfNoChildrenFound) {
+                        containerElement.focus();
+                    }
                 }
             };
             /**
@@ -175,6 +180,9 @@
              */
             SkyCoreAdapterService.prototype.getFocusableChildren = function (element, options) {
                 var _this = this;
+                if (!element) {
+                    return [];
+                }
                 var elements = Array.prototype.slice.call(element.querySelectorAll(SKY_TABBABLE_SELECTOR));
                 // Unless ignoreTabIndex = true, filter out elements with tabindex = -1.
                 if (!options || !options.ignoreTabIndex) {

package/documentation.json

@@ -1843,7 +1843,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 147,
+                "line": 154,
                 "character": 9
               }
             ],
@@ -1915,7 +1915,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 123,
+                "line": 127,
                 "character": 9
               }
             ],
@@ -2000,7 +2000,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 176,
+                "line": 187,
                 "character": 9
               }
             ],
@@ -2056,7 +2056,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 185,
+                "line": 196,
                 "character": 9
               }
             ],
@@ -2122,7 +2122,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 219,
+                "line": 230,
                 "character": 9
               }
             ],
@@ -2263,7 +2263,7 @@
             "sources": [
               {
                 "fileName": "projects/core/src/modules/adapter-service/adapter.service.ts",
-                "line": 236,
+                "line": 247,
                 "character": 9
               }
             ],

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

@@ -73,6 +73,9 @@ export class SkyCoreAdapterService {
      * @return Returns `true` if a child element with autofocus is found.
      */
     applyAutoFocus(elementRef) {
+        if (!elementRef) {
+            return false;
+        }
         const elementWithAutoFocus = elementRef.nativeElement.querySelector('[autofocus]');
         // Child was found with the autofocus property. Set focus and return true.
         if (elementWithAutoFocus) {
@@ -95,11 +98,13 @@ export class SkyCoreAdapterService {
      */
     getFocusableChildrenAndApplyFocus(elementRef, containerSelector, focusOnContainerIfNoChildrenFound = false) {
         const containerElement = elementRef.nativeElement.querySelector(containerSelector);
-        const focusableChildren = this.getFocusableChildren(containerElement);
-        // Focus first focusable child if available. Otherwise, set focus on container.
-        if (!this.focusFirstElement(focusableChildren) &&
-            focusOnContainerIfNoChildrenFound) {
-            containerElement.focus();
+        if (containerElement) {
+            const focusableChildren = this.getFocusableChildren(containerElement);
+            // Focus first focusable child if available. Otherwise, set focus on container.
+            if (!this.focusFirstElement(focusableChildren) &&
+                focusOnContainerIfNoChildrenFound) {
+                containerElement.focus();
+            }
         }
     }
     /**
@@ -109,6 +114,9 @@ export class SkyCoreAdapterService {
      * @param options - Options for getting focusable children.
      */
     getFocusableChildren(element, options) {
+        if (!element) {
+            return [];
+        }
         let elements = Array.prototype.slice.call(element.querySelectorAll(SKY_TABBABLE_SELECTOR));
         // Unless ignoreTabIndex = true, filter out elements with tabindex = -1.
         if (!options || !options.ignoreTabIndex) {

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

@@ -1 +1 @@
-{"version":3,"file":"adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/adapter-service/adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;;AAIvE,MAAM,qBAAqB,GAAG;IAC5B,SAAS;IACT,YAAY;IACZ,uBAAuB;IACvB,wBAAwB;IACxB,wBAAwB;IACxB,0BAA0B;IAC1B,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,yCAAyC;IACzC,6BAA6B;CAC9B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAKb,MAAM,OAAO,qBAAqB;IAGhC,YAAoB,eAAiC;QAAjC,oBAAe,GAAf,eAAe,CAAkB;QACnD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC5E,CAAC;IAED;;;;;;OAMG;IACI,2BAA2B,CAChC,UAAsB,EACtB,UAA+B;QAE/B,MAAM,QAAQ,GAAgB,UAAU,CAAC,aAAa,CAAC;QAEvD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QAEnE,IAAI,QAAgB,CAAC;QAErB,QAAQ,UAAU,EAAE;YAClB,KAAK,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC3B,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;YACD,KAAK,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC3B,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;YACD,KAAK,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC3B,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;YACD,OAAO,CAAC,CAAC;gBACP,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;SACF;QAED,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAED;;;;;OAKG;IACI,yBAAyB,CAAC,MAAe;QAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACpD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACvC,sFAAsF;YACtF,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;SACvD;IACH,CAAC;IAED;;;;;OAKG;IACI,cAAc,CAAC,UAAsB;QAC1C,MAAM,oBAAoB,GACxB,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QAExD,0EAA0E;QAC1E,IAAI,oBAAoB,EAAE;YACxB,oBAAoB,CAAC,KAAK,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC;SACb;QAED,gEAAgE;QAChE,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;;;;;;;OAUG;IACI,iCAAiC,CACtC,UAAsB,EACtB,iBAAyB,EACzB,oCAA6C,KAAK;QAElD,MAAM,gBAAgB,GACpB,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC5D,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;QAEtE,+EAA+E;QAC/E,IACE,CAAC,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;YAC1C,iCAAiC,EACjC;YACA,gBAAgB,CAAC,KAAK,EAAE,CAAC;SAC1B;IACH,CAAC;IAED;;;;;OAKG;IACI,oBAAoB,CACzB,OAAoB,EACpB,OAAqC;QAErC,IAAI,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CACvC,OAAO,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAChD,CAAC;QAEF,wEAAwE;QACxE,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE;YACvC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAe,EAAE,EAAE;gBAC7C,OAAO,EAAE,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;SACJ;QAED,4EAA4E;QAC5E,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE;YACzC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAe,EAAE,EAAE;gBAC7C,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;SACJ;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACI,QAAQ,CAAC,UAAsB;QACpC,OAAO,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC;IAC9C,CAAC;IAED;;;;OAIG;IACI,oBAAoB,CACzB,MAAmB,EACnB,OAAoB;QAEpB,MAAM,MAAM,GAAW,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QAExD,IAAI,EAAE,GAAgB,MAAqB,CAAC;QAE5C,OAAO,EAAE,EAAE;YACT,4EAA4E;YAC5E,yFAAyF;YACzF,4GAA4G;YAC5G,kFAAkF;YAClF,MAAM,YAAY,GAChB,gBAAgB,CAAC,EAAE,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;YACjD,IACE,YAAY,KAAK,EAAE;gBACnB,YAAY,KAAK,MAAM;gBACvB,CAAC,YAAY,GAAG,CAAC,MAAM,EACvB;gBACA,OAAO,IAAI,CAAC;aACb;YAED,EAAE,GAAG,EAAE,CAAC,aAA4B,CAAC;SACtC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;OAIG;IACI,WAAW,CAAC,UAAsB,EAAE,QAAgB;QACzD,MAAM,QAAQ,GAAG,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACrE,0BAA0B;QAC1B,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACxC,4EAA4E;gBAC5E,4CAA4C;gBAC5C,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;aACjC;SACF;IACH,CAAC;IAED;;;;OAIG;IACI,aAAa,CAAC,UAAsB,EAAE,QAAgB;QAC3D,MAAM,QAAQ,GAAG,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACrE,0BAA0B;QAC1B,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACvB,IAAI,SAAS,GAAG,CAAC,CAAC;YAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACxC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;aAC3D;YACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACxC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;aAC7C;SACF;IACH,CAAC;IAEO,iBAAiB,CAAC,IAAwB;QAChD,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACnB,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,SAAS,CAAC,OAAoB;QACpC,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,UAAU,KAAK,QAAQ,CAAC;QAC3E,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAC;SACd;QAED,MAAM,SAAS,GAAG,CAAC,CAAC,CAClB,OAAO,CAAC,WAAW;YACnB,OAAO,CAAC,YAAY;YACpB,OAAO,CAAC,cAAc,EAAE,CAAC,MAAM,CAChC,CAAC;QACF,OAAO,SAAS,CAAC;IACnB,CAAC;;mHAlPU,qBAAqB;uHAArB,qBAAqB,cAFpB,MAAM;4FAEP,qBAAqB;kBAHjC,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\nimport { SkyMediaBreakpoints } from '../media-query/media-breakpoints';\n\nimport { SkyFocusableChildrenOptions } from './focusable-children-options';\n\nconst SKY_TABBABLE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  'input:not([disabled])',\n  'button:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  'iframe',\n  'object',\n  'embed',\n  '*[contenteditable=true]:not([disabled])',\n  '*[tabindex]:not([disabled])',\n].join(', ');\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyCoreAdapterService {\n  private renderer: Renderer2;\n\n  constructor(private rendererFactory: RendererFactory2) {\n    this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  /**\n   * Set the responsive container CSS class for a given element.\n   *\n   * @param elementRef - The element that will recieve the new CSS class.\n   * @param breakpoint - The SkyMediaBreakpoint will determine which class\n   * gets set. For example a SkyMediaBreakpoint of `xs` will set a CSS class of `sky-responsive-container-xs`.\n   */\n  public setResponsiveContainerClass(\n    elementRef: ElementRef,\n    breakpoint: SkyMediaBreakpoints\n  ): void {\n    const nativeEl: HTMLElement = elementRef.nativeElement;\n\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-lg');\n\n    let newClass: string;\n\n    switch (breakpoint) {\n      case SkyMediaBreakpoints.xs: {\n        newClass = 'sky-responsive-container-xs';\n        break;\n      }\n      case SkyMediaBreakpoints.sm: {\n        newClass = 'sky-responsive-container-sm';\n        break;\n      }\n      case SkyMediaBreakpoints.md: {\n        newClass = 'sky-responsive-container-md';\n        break;\n      }\n      default: {\n        newClass = 'sky-responsive-container-lg';\n        break;\n      }\n    }\n\n    this.renderer.addClass(nativeEl, newClass);\n  }\n\n  /**\n   * This method temporarily enables/disables pointer events.\n   * This is helpful to prevent iFrames from interfering with drag events.\n   *\n   * @param enable - Set to `true` to enable pointer events. Set to `false` to disable.\n   */\n  public toggleIframePointerEvents(enable: boolean): void {\n    const iframes = document.querySelectorAll('iframe');\n    for (let i = 0; i < iframes.length; i++) {\n      // Setting to empty string will allow iframe to fall back to its prior CSS assignment.\n      iframes[i].style.pointerEvents = enable ? '' : 'none';\n    }\n  }\n\n  /**\n   * Focuses on the first element found with an `autofocus` attribute inside the supplied `elementRef`.\n   *\n   * @param elementRef - The element to search within.\n   * @return Returns `true` if a child element with autofocus is found.\n   */\n  public applyAutoFocus(elementRef: ElementRef): boolean {\n    const elementWithAutoFocus =\n      elementRef.nativeElement.querySelector('[autofocus]');\n\n    // Child was found with the autofocus property. Set focus and return true.\n    if (elementWithAutoFocus) {\n      elementWithAutoFocus.focus();\n      return true;\n    }\n\n    // No children were found with autofocus property. Return false.\n    return false;\n  }\n\n  /**\n   * Sets focus on the first focusable child of the `elementRef` parameter.\n   * If no focusable children are found, and `focusOnContainerIfNoChildrenFound` is `true`,\n   * focus will be set on the container element.\n   *\n   * @param elementRef - The element to search within.\n   * @param containerSelector - A CSS selector indicating the container that should\n   * recieve focus if no focusable children are found.\n   * @param focusOnContainerIfNoChildrenFound - It set to `true`, the container will\n   * recieve focus if no focusable children are found.\n   */\n  public getFocusableChildrenAndApplyFocus(\n    elementRef: ElementRef,\n    containerSelector: string,\n    focusOnContainerIfNoChildrenFound: boolean = false\n  ): void {\n    const containerElement =\n      elementRef.nativeElement.querySelector(containerSelector);\n    const focusableChildren = this.getFocusableChildren(containerElement);\n\n    // Focus first focusable child if available. Otherwise, set focus on container.\n    if (\n      !this.focusFirstElement(focusableChildren) &&\n      focusOnContainerIfNoChildrenFound\n    ) {\n      containerElement.focus();\n    }\n  }\n\n  /**\n   * Returns an array of all focusable children of provided `element`.\n   *\n   * @param element - The HTMLElement to search within.\n   * @param options - Options for getting focusable children.\n   */\n  public getFocusableChildren(\n    element: HTMLElement,\n    options?: SkyFocusableChildrenOptions\n  ): HTMLElement[] {\n    let elements = Array.prototype.slice.call(\n      element.querySelectorAll(SKY_TABBABLE_SELECTOR)\n    );\n\n    // Unless ignoreTabIndex = true, filter out elements with tabindex = -1.\n    if (!options || !options.ignoreTabIndex) {\n      elements = elements.filter((el: HTMLElement) => {\n        return el.tabIndex !== -1;\n      });\n    }\n\n    // Unless ignoreVisibility = true, filter out elements that are not visible.\n    if (!options || !options.ignoreVisibility) {\n      elements = elements.filter((el: HTMLElement) => {\n        return this.isVisible(el);\n      });\n    }\n\n    return elements;\n  }\n\n  /**\n   * Returns the clientWidth of the provided elementRef.\n   * @param elementRef - The element to calculate width from.\n   */\n  public getWidth(elementRef: ElementRef): number {\n    return elementRef.nativeElement.clientWidth;\n  }\n\n  /**\n   * Checks if an event target has a higher z-index than a given element.\n   * @param target The event target element.\n   * @param element The element to test against. A z-index must be explicitly set for this element.\n   */\n  public isTargetAboveElement(\n    target: EventTarget,\n    element: HTMLElement\n  ): boolean {\n    const zIndex: string = getComputedStyle(element).zIndex;\n\n    let el: HTMLElement = target as HTMLElement;\n\n    while (el) {\n      // Getting the computed style only works for elements that exist in the DOM.\n      // In certain scenarios, an element is removed after a click event; by the time the event\n      // bubbles up to other elements, however, the element has been removed and the computed style returns empty.\n      // In this case, we'll need to check the z-index directly, via the style property.\n      const targetZIndex: string =\n        getComputedStyle(el).zIndex || el.style.zIndex;\n      if (\n        targetZIndex !== '' &&\n        targetZIndex !== 'auto' &&\n        +targetZIndex > +zIndex\n      ) {\n        return true;\n      }\n\n      el = el.parentElement as HTMLElement;\n    }\n\n    return false;\n  }\n\n  /**\n   * Remove inline height styles from the provided elements.\n   * @param elementRef - The element to search within.\n   * @param selector - The CSS selector to use when finding elements for removing height.\n   */\n  public resetHeight(elementRef: ElementRef, selector: string): void {\n    const children = elementRef.nativeElement.querySelectorAll(selector);\n    /* istanbul ignore else */\n    if (children.length > 0) {\n      for (let i = 0; i < children.length; i++) {\n        // Setting style attributes with Web API requires null instead of undefined.\n        // tslint:disable-next-line: no-null-keyword\n        children[i].style.height = null;\n      }\n    }\n  }\n\n  /**\n   * Sets all element heights to match the height of the tallest element.\n   * @param elementRef - The element to search within.\n   * @param selector - The CSS selector to use when finding elements for syncing height.\n   */\n  public syncMaxHeight(elementRef: ElementRef, selector: string): void {\n    const children = elementRef.nativeElement.querySelectorAll(selector);\n    /* istanbul ignore else */\n    if (children.length > 0) {\n      let maxHeight = 0;\n      for (let i = 0; i < children.length; i++) {\n        maxHeight = Math.max(maxHeight, children[i].offsetHeight);\n      }\n      for (let i = 0; i < children.length; i++) {\n        children[i].style.height = maxHeight + 'px';\n      }\n    }\n  }\n\n  private focusFirstElement(list: Array<HTMLElement>): boolean {\n    if (list.length > 0) {\n      list[0].focus();\n      return true;\n    }\n    return false;\n  }\n\n  private isVisible(element: HTMLElement): boolean {\n    const style = window.getComputedStyle(element);\n    const isHidden = style.display === 'none' || style.visibility === 'hidden';\n    if (isHidden) {\n      return false;\n    }\n\n    const hasBounds = !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n    return hasBounds;\n  }\n}\n"]}
+{"version":3,"file":"adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/adapter-service/adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;;AAIvE,MAAM,qBAAqB,GAAG;IAC5B,SAAS;IACT,YAAY;IACZ,uBAAuB;IACvB,wBAAwB;IACxB,wBAAwB;IACxB,0BAA0B;IAC1B,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,yCAAyC;IACzC,6BAA6B;CAC9B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAKb,MAAM,OAAO,qBAAqB;IAGhC,YAAoB,eAAiC;QAAjC,oBAAe,GAAf,eAAe,CAAkB;QACnD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC5E,CAAC;IAED;;;;;;OAMG;IACI,2BAA2B,CAChC,UAAsB,EACtB,UAA+B;QAE/B,MAAM,QAAQ,GAAgB,UAAU,CAAC,aAAa,CAAC;QAEvD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QAEnE,IAAI,QAAgB,CAAC;QAErB,QAAQ,UAAU,EAAE;YAClB,KAAK,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC3B,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;YACD,KAAK,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC3B,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;YACD,KAAK,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC3B,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;YACD,OAAO,CAAC,CAAC;gBACP,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;SACF;QAED,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAED;;;;;OAKG;IACI,yBAAyB,CAAC,MAAe;QAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACpD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACvC,sFAAsF;YACtF,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;SACvD;IACH,CAAC;IAED;;;;;OAKG;IACI,cAAc,CAAC,UAAsB;QAC1C,IAAI,CAAC,UAAU,EAAE;YACf,OAAO,KAAK,CAAC;SACd;QAED,MAAM,oBAAoB,GACxB,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QAExD,0EAA0E;QAC1E,IAAI,oBAAoB,EAAE;YACxB,oBAAoB,CAAC,KAAK,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC;SACb;QAED,gEAAgE;QAChE,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;;;;;;;OAUG;IACI,iCAAiC,CACtC,UAAsB,EACtB,iBAAyB,EACzB,oCAA6C,KAAK;QAElD,MAAM,gBAAgB,GACpB,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAE5D,IAAI,gBAAgB,EAAE;YACpB,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;YAEtE,+EAA+E;YAC/E,IACE,CAAC,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;gBAC1C,iCAAiC,EACjC;gBACA,gBAAgB,CAAC,KAAK,EAAE,CAAC;aAC1B;SACF;IACH,CAAC;IAED;;;;;OAKG;IACI,oBAAoB,CACzB,OAAoB,EACpB,OAAqC;QAErC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,EAAE,CAAC;SACX;QAED,IAAI,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CACvC,OAAO,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAChD,CAAC;QAEF,wEAAwE;QACxE,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE;YACvC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAe,EAAE,EAAE;gBAC7C,OAAO,EAAE,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;SACJ;QAED,4EAA4E;QAC5E,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE;YACzC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAe,EAAE,EAAE;gBAC7C,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;SACJ;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACI,QAAQ,CAAC,UAAsB;QACpC,OAAO,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC;IAC9C,CAAC;IAED;;;;OAIG;IACI,oBAAoB,CACzB,MAAmB,EACnB,OAAoB;QAEpB,MAAM,MAAM,GAAW,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QAExD,IAAI,EAAE,GAAgB,MAAqB,CAAC;QAE5C,OAAO,EAAE,EAAE;YACT,4EAA4E;YAC5E,yFAAyF;YACzF,4GAA4G;YAC5G,kFAAkF;YAClF,MAAM,YAAY,GAChB,gBAAgB,CAAC,EAAE,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;YACjD,IACE,YAAY,KAAK,EAAE;gBACnB,YAAY,KAAK,MAAM;gBACvB,CAAC,YAAY,GAAG,CAAC,MAAM,EACvB;gBACA,OAAO,IAAI,CAAC;aACb;YAED,EAAE,GAAG,EAAE,CAAC,aAA4B,CAAC;SACtC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;OAIG;IACI,WAAW,CAAC,UAAsB,EAAE,QAAgB;QACzD,MAAM,QAAQ,GAAG,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACrE,0BAA0B;QAC1B,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACxC,4EAA4E;gBAC5E,4CAA4C;gBAC5C,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;aACjC;SACF;IACH,CAAC;IAED;;;;OAIG;IACI,aAAa,CAAC,UAAsB,EAAE,QAAgB;QAC3D,MAAM,QAAQ,GAAG,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACrE,0BAA0B;QAC1B,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACvB,IAAI,SAAS,GAAG,CAAC,CAAC;YAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACxC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;aAC3D;YACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACxC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;aAC7C;SACF;IACH,CAAC;IAEO,iBAAiB,CAAC,IAAwB;QAChD,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACnB,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,SAAS,CAAC,OAAoB;QACpC,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,UAAU,KAAK,QAAQ,CAAC;QAC3E,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAC;SACd;QAED,MAAM,SAAS,GAAG,CAAC,CAAC,CAClB,OAAO,CAAC,WAAW;YACnB,OAAO,CAAC,YAAY;YACpB,OAAO,CAAC,cAAc,EAAE,CAAC,MAAM,CAChC,CAAC;QACF,OAAO,SAAS,CAAC;IACnB,CAAC;;mHA7PU,qBAAqB;uHAArB,qBAAqB,cAFpB,MAAM;4FAEP,qBAAqB;kBAHjC,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\nimport { SkyMediaBreakpoints } from '../media-query/media-breakpoints';\n\nimport { SkyFocusableChildrenOptions } from './focusable-children-options';\n\nconst SKY_TABBABLE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  'input:not([disabled])',\n  'button:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  'iframe',\n  'object',\n  'embed',\n  '*[contenteditable=true]:not([disabled])',\n  '*[tabindex]:not([disabled])',\n].join(', ');\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyCoreAdapterService {\n  private renderer: Renderer2;\n\n  constructor(private rendererFactory: RendererFactory2) {\n    this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  /**\n   * Set the responsive container CSS class for a given element.\n   *\n   * @param elementRef - The element that will recieve the new CSS class.\n   * @param breakpoint - The SkyMediaBreakpoint will determine which class\n   * gets set. For example a SkyMediaBreakpoint of `xs` will set a CSS class of `sky-responsive-container-xs`.\n   */\n  public setResponsiveContainerClass(\n    elementRef: ElementRef,\n    breakpoint: SkyMediaBreakpoints\n  ): void {\n    const nativeEl: HTMLElement = elementRef.nativeElement;\n\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-lg');\n\n    let newClass: string;\n\n    switch (breakpoint) {\n      case SkyMediaBreakpoints.xs: {\n        newClass = 'sky-responsive-container-xs';\n        break;\n      }\n      case SkyMediaBreakpoints.sm: {\n        newClass = 'sky-responsive-container-sm';\n        break;\n      }\n      case SkyMediaBreakpoints.md: {\n        newClass = 'sky-responsive-container-md';\n        break;\n      }\n      default: {\n        newClass = 'sky-responsive-container-lg';\n        break;\n      }\n    }\n\n    this.renderer.addClass(nativeEl, newClass);\n  }\n\n  /**\n   * This method temporarily enables/disables pointer events.\n   * This is helpful to prevent iFrames from interfering with drag events.\n   *\n   * @param enable - Set to `true` to enable pointer events. Set to `false` to disable.\n   */\n  public toggleIframePointerEvents(enable: boolean): void {\n    const iframes = document.querySelectorAll('iframe');\n    for (let i = 0; i < iframes.length; i++) {\n      // Setting to empty string will allow iframe to fall back to its prior CSS assignment.\n      iframes[i].style.pointerEvents = enable ? '' : 'none';\n    }\n  }\n\n  /**\n   * Focuses on the first element found with an `autofocus` attribute inside the supplied `elementRef`.\n   *\n   * @param elementRef - The element to search within.\n   * @return Returns `true` if a child element with autofocus is found.\n   */\n  public applyAutoFocus(elementRef: ElementRef): boolean {\n    if (!elementRef) {\n      return false;\n    }\n\n    const elementWithAutoFocus =\n      elementRef.nativeElement.querySelector('[autofocus]');\n\n    // Child was found with the autofocus property. Set focus and return true.\n    if (elementWithAutoFocus) {\n      elementWithAutoFocus.focus();\n      return true;\n    }\n\n    // No children were found with autofocus property. Return false.\n    return false;\n  }\n\n  /**\n   * Sets focus on the first focusable child of the `elementRef` parameter.\n   * If no focusable children are found, and `focusOnContainerIfNoChildrenFound` is `true`,\n   * focus will be set on the container element.\n   *\n   * @param elementRef - The element to search within.\n   * @param containerSelector - A CSS selector indicating the container that should\n   * recieve focus if no focusable children are found.\n   * @param focusOnContainerIfNoChildrenFound - It set to `true`, the container will\n   * recieve focus if no focusable children are found.\n   */\n  public getFocusableChildrenAndApplyFocus(\n    elementRef: ElementRef,\n    containerSelector: string,\n    focusOnContainerIfNoChildrenFound: boolean = false\n  ): void {\n    const containerElement =\n      elementRef.nativeElement.querySelector(containerSelector);\n\n    if (containerElement) {\n      const focusableChildren = this.getFocusableChildren(containerElement);\n\n      // Focus first focusable child if available. Otherwise, set focus on container.\n      if (\n        !this.focusFirstElement(focusableChildren) &&\n        focusOnContainerIfNoChildrenFound\n      ) {\n        containerElement.focus();\n      }\n    }\n  }\n\n  /**\n   * Returns an array of all focusable children of provided `element`.\n   *\n   * @param element - The HTMLElement to search within.\n   * @param options - Options for getting focusable children.\n   */\n  public getFocusableChildren(\n    element: HTMLElement,\n    options?: SkyFocusableChildrenOptions\n  ): HTMLElement[] {\n    if (!element) {\n      return [];\n    }\n\n    let elements = Array.prototype.slice.call(\n      element.querySelectorAll(SKY_TABBABLE_SELECTOR)\n    );\n\n    // Unless ignoreTabIndex = true, filter out elements with tabindex = -1.\n    if (!options || !options.ignoreTabIndex) {\n      elements = elements.filter((el: HTMLElement) => {\n        return el.tabIndex !== -1;\n      });\n    }\n\n    // Unless ignoreVisibility = true, filter out elements that are not visible.\n    if (!options || !options.ignoreVisibility) {\n      elements = elements.filter((el: HTMLElement) => {\n        return this.isVisible(el);\n      });\n    }\n\n    return elements;\n  }\n\n  /**\n   * Returns the clientWidth of the provided elementRef.\n   * @param elementRef - The element to calculate width from.\n   */\n  public getWidth(elementRef: ElementRef): number {\n    return elementRef.nativeElement.clientWidth;\n  }\n\n  /**\n   * Checks if an event target has a higher z-index than a given element.\n   * @param target The event target element.\n   * @param element The element to test against. A z-index must be explicitly set for this element.\n   */\n  public isTargetAboveElement(\n    target: EventTarget,\n    element: HTMLElement\n  ): boolean {\n    const zIndex: string = getComputedStyle(element).zIndex;\n\n    let el: HTMLElement = target as HTMLElement;\n\n    while (el) {\n      // Getting the computed style only works for elements that exist in the DOM.\n      // In certain scenarios, an element is removed after a click event; by the time the event\n      // bubbles up to other elements, however, the element has been removed and the computed style returns empty.\n      // In this case, we'll need to check the z-index directly, via the style property.\n      const targetZIndex: string =\n        getComputedStyle(el).zIndex || el.style.zIndex;\n      if (\n        targetZIndex !== '' &&\n        targetZIndex !== 'auto' &&\n        +targetZIndex > +zIndex\n      ) {\n        return true;\n      }\n\n      el = el.parentElement as HTMLElement;\n    }\n\n    return false;\n  }\n\n  /**\n   * Remove inline height styles from the provided elements.\n   * @param elementRef - The element to search within.\n   * @param selector - The CSS selector to use when finding elements for removing height.\n   */\n  public resetHeight(elementRef: ElementRef, selector: string): void {\n    const children = elementRef.nativeElement.querySelectorAll(selector);\n    /* istanbul ignore else */\n    if (children.length > 0) {\n      for (let i = 0; i < children.length; i++) {\n        // Setting style attributes with Web API requires null instead of undefined.\n        // tslint:disable-next-line: no-null-keyword\n        children[i].style.height = null;\n      }\n    }\n  }\n\n  /**\n   * Sets all element heights to match the height of the tallest element.\n   * @param elementRef - The element to search within.\n   * @param selector - The CSS selector to use when finding elements for syncing height.\n   */\n  public syncMaxHeight(elementRef: ElementRef, selector: string): void {\n    const children = elementRef.nativeElement.querySelectorAll(selector);\n    /* istanbul ignore else */\n    if (children.length > 0) {\n      let maxHeight = 0;\n      for (let i = 0; i < children.length; i++) {\n        maxHeight = Math.max(maxHeight, children[i].offsetHeight);\n      }\n      for (let i = 0; i < children.length; i++) {\n        children[i].style.height = maxHeight + 'px';\n      }\n    }\n  }\n\n  private focusFirstElement(list: Array<HTMLElement>): boolean {\n    if (list.length > 0) {\n      list[0].focus();\n      return true;\n    }\n    return false;\n  }\n\n  private isVisible(element: HTMLElement): boolean {\n    const style = window.getComputedStyle(element);\n    const isHidden = style.display === 'none' || style.visibility === 'hidden';\n    if (isHidden) {\n      return false;\n    }\n\n    const hasBounds = !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n    return hasBounds;\n  }\n}\n"]}

package/fesm2015/skyux-core.js

@@ -116,6 +116,9 @@ class SkyCoreAdapterService {
      * @return Returns `true` if a child element with autofocus is found.
      */
     applyAutoFocus(elementRef) {
+        if (!elementRef) {
+            return false;
+        }
         const elementWithAutoFocus = elementRef.nativeElement.querySelector('[autofocus]');
         // Child was found with the autofocus property. Set focus and return true.
         if (elementWithAutoFocus) {
@@ -138,11 +141,13 @@ class SkyCoreAdapterService {
      */
     getFocusableChildrenAndApplyFocus(elementRef, containerSelector, focusOnContainerIfNoChildrenFound = false) {
         const containerElement = elementRef.nativeElement.querySelector(containerSelector);
-        const focusableChildren = this.getFocusableChildren(containerElement);
-        // Focus first focusable child if available. Otherwise, set focus on container.
-        if (!this.focusFirstElement(focusableChildren) &&
-            focusOnContainerIfNoChildrenFound) {
-            containerElement.focus();
+        if (containerElement) {
+            const focusableChildren = this.getFocusableChildren(containerElement);
+            // Focus first focusable child if available. Otherwise, set focus on container.
+            if (!this.focusFirstElement(focusableChildren) &&
+                focusOnContainerIfNoChildrenFound) {
+                containerElement.focus();
+            }
         }
     }
     /**
@@ -152,6 +157,9 @@ class SkyCoreAdapterService {
      * @param options - Options for getting focusable children.
      */
     getFocusableChildren(element, options) {
+        if (!element) {
+            return [];
+        }
         let elements = Array.prototype.slice.call(element.querySelectorAll(SKY_TABBABLE_SELECTOR));
         // Unless ignoreTabIndex = true, filter out elements with tabindex = -1.
         if (!options || !options.ignoreTabIndex) {