@skyux/core 5.9.7 → 5.10.0

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

@@ -1,3 +1,5 @@
+var _SkyCoreAdapterService_renderer;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { Injectable, RendererFactory2, } from '@angular/core';
 import { SkyMediaBreakpoints } from '../media-query/media-breakpoints';
 import * as i0 from "@angular/core";
@@ -17,7 +19,8 @@ const SKY_TABBABLE_SELECTOR = [
 export class SkyCoreAdapterService {
     constructor(rendererFactory) {
         this.rendererFactory = rendererFactory;
-        this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
+        _SkyCoreAdapterService_renderer.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyCoreAdapterService_renderer, this.rendererFactory.createRenderer(undefined, null), "f");
     }
     /**
      * Set the responsive container CSS class for a given element.
@@ -28,10 +31,10 @@ export class SkyCoreAdapterService {
      */
     setResponsiveContainerClass(elementRef, breakpoint) {
         const nativeEl = elementRef.nativeElement;
-        this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');
-        this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');
-        this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');
-        this.renderer.removeClass(nativeEl, 'sky-responsive-container-lg');
+        __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-xs');
+        __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-sm');
+        __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-md');
+        __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-lg');
         let newClass;
         switch (breakpoint) {
             case SkyMediaBreakpoints.xs: {
@@ -51,7 +54,7 @@ export class SkyCoreAdapterService {
                 break;
             }
         }
-        this.renderer.addClass(nativeEl, newClass);
+        __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").addClass(nativeEl, newClass);
     }
     /**
      * This method temporarily enables/disables pointer events.
@@ -215,6 +218,7 @@ export class SkyCoreAdapterService {
         return hasBounds;
     }
 }
+_SkyCoreAdapterService_renderer = new WeakMap();
 SkyCoreAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCoreAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyCoreAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCoreAdapterService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCoreAdapterService, decorators: [{

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":"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","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"]}
+{"version":3,"file":"adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/adapter-service/adapter.service.ts"],"names":[],"mappings":"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","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  #renderer: Renderer2;\n\n  constructor(private rendererFactory: RendererFactory2) {\n    this.#renderer = this.rendererFactory.createRenderer(undefined, null);\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 = 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 = getComputedStyle(element).zIndex;\n\n    let el = 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 = 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/esm2015/lib/modules/affix/affix.service.js

@@ -1,18 +1,22 @@
+var _SkyAffixService_renderer;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { Injectable, RendererFactory2, } from '@angular/core';
 import { SkyAffixer } from './affixer';
 import * as i0 from "@angular/core";
 export class SkyAffixService {
     constructor(rendererFactory) {
-        this.renderer = rendererFactory.createRenderer(undefined, undefined);
+        _SkyAffixService_renderer.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAffixService_renderer, rendererFactory.createRenderer(undefined, null), "f");
     }
     /**
      * Creates an instance of [[SkyAffixer]].
      * @param affixed The element to be affixed.
      */
     createAffixer(affixed) {
-        return new SkyAffixer(affixed.nativeElement, this.renderer);
+        return new SkyAffixer(affixed.nativeElement, __classPrivateFieldGet(this, _SkyAffixService_renderer, "f"));
     }
 }
+_SkyAffixService_renderer = new WeakMap();
 SkyAffixService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAffixService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyAffixService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAffixService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAffixService, decorators: [{

package/esm2015/lib/modules/affix/affix.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"affix.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/affix/affix.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;;AAKvC,MAAM,OAAO,eAAe;IAG1B,YAAY,eAAiC;QAC3C,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACvE,CAAC;IAED;;;OAGG;IACI,aAAa,CAAC,OAAmB;QACtC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9D,CAAC;;6GAbU,eAAe;iHAAf,eAAe,cAFd,MAAM;4FAEP,eAAe;kBAH3B,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\nimport { SkyAffixer } from './affixer';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyAffixService {\n  private renderer: Renderer2;\n\n  constructor(rendererFactory: RendererFactory2) {\n    this.renderer = rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  /**\n   * Creates an instance of [[SkyAffixer]].\n   * @param affixed The element to be affixed.\n   */\n  public createAffixer(affixed: ElementRef): SkyAffixer {\n    return new SkyAffixer(affixed.nativeElement, this.renderer);\n  }\n}\n"]}
+{"version":3,"file":"affix.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/affix/affix.service.ts"],"names":[],"mappings":";;AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;;AAKvC,MAAM,OAAO,eAAe;IAG1B,YAAY,eAAiC;QAF7C,4CAAqB;QAGnB,uBAAA,IAAI,6BAAa,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,MAAA,CAAC;IACnE,CAAC;IAED;;;OAGG;IACI,aAAa,CAAC,OAAmB;QACtC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,aAAa,EAAE,uBAAA,IAAI,iCAAU,CAAC,CAAC;IAC/D,CAAC;;;6GAbU,eAAe;iHAAf,eAAe,cAFd,MAAM;4FAEP,eAAe;kBAH3B,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\nimport { SkyAffixer } from './affixer';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyAffixService {\n  #renderer: Renderer2;\n\n  constructor(rendererFactory: RendererFactory2) {\n    this.#renderer = rendererFactory.createRenderer(undefined, null);\n  }\n\n  /**\n   * Creates an instance of [[SkyAffixer]].\n   * @param affixed The element to be affixed.\n   */\n  public createAffixer(affixed: ElementRef): SkyAffixer {\n    return new SkyAffixer(affixed.nativeElement, this.#renderer);\n  }\n}\n"]}

package/esm2015/lib/modules/resize-observer/resize-observer-media-query.service.js

@@ -1,3 +1,5 @@
+var _SkyResizeObserverMediaQueryService_breakpoints, _SkyResizeObserverMediaQueryService_currentBreakpointObservable, _SkyResizeObserverMediaQueryService_stopListening, _SkyResizeObserverMediaQueryService_target;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { Injectable } from '@angular/core';
 import { ReplaySubject, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -11,7 +13,7 @@ import * as i1 from "./resize-observer.service";
 export class SkyResizeObserverMediaQueryService {
     constructor(resizeObserverService) {
         this.resizeObserverService = resizeObserverService;
-        this._breakpoints = [
+        _SkyResizeObserverMediaQueryService_breakpoints.set(this, [
             {
                 check: (width) => width > 0 && width <= 767,
                 name: SkyMediaBreakpoints.xs,
@@ -28,11 +30,12 @@ export class SkyResizeObserverMediaQueryService {
                 check: (width) => width > 1199,
                 name: SkyMediaBreakpoints.lg,
             },
-        ];
-        this._currentBreakpointObservable = new ReplaySubject(1);
-        this._stopListening = new Subject();
-        this._stopListening.subscribe(() => {
-            this._target = undefined;
+        ]);
+        _SkyResizeObserverMediaQueryService_currentBreakpointObservable.set(this, new ReplaySubject(1));
+        _SkyResizeObserverMediaQueryService_stopListening.set(this, new Subject());
+        _SkyResizeObserverMediaQueryService_target.set(this, void 0);
+        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f").subscribe(() => {
+            __classPrivateFieldSet(this, _SkyResizeObserverMediaQueryService_target, undefined, "f");
             this.updateBreakpoint(undefined);
         });
     }
@@ -43,10 +46,10 @@ export class SkyResizeObserverMediaQueryService {
         return this._currentBreakpoint;
     }
     ngOnDestroy() {
-        this._stopListening.next();
+        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f").next();
         this._currentBreakpoint = undefined;
-        this._stopListening.complete();
-        this._currentBreakpointObservable.complete();
+        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f").complete();
+        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpointObservable, "f").complete();
     }
     /**
      * @internal
@@ -59,21 +62,21 @@ export class SkyResizeObserverMediaQueryService {
      * time. Any previous subscriptions will be unsubscribed when a new element is observed.
      */
     observe(element) {
-        if (this._target) {
-            if (this._target === element) {
+        if (__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_target, "f")) {
+            if (__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_target, "f") === element) {
                 return this;
             }
-            this._stopListening.next();
+            __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f").next();
         }
-        this._target = element;
+        __classPrivateFieldSet(this, _SkyResizeObserverMediaQueryService_target, element, "f");
         this.checkWidth(element);
         this.resizeObserverService
             .observe(element)
-            .pipe(takeUntil(this._stopListening))
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f")))
             .subscribe((value) => {
             const breakpoint = this.checkBreakpoint(value.contentRect.width);
             /* istanbul ignore else */
-            if (breakpoint !== this._currentBreakpoint) {
+            if (breakpoint !== this.current) {
                 this.updateBreakpoint(breakpoint);
             }
         });
@@ -83,25 +86,28 @@ export class SkyResizeObserverMediaQueryService {
      * Stop watching the container element.
      */
     unobserve() {
-        this._stopListening.next();
+        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f").next();
     }
     /**
      * Subscribes to element size changes that cross breakpoints.
      */
     subscribe(listener) {
-        return this._currentBreakpointObservable
-            .pipe(takeUntil(this._stopListening))
+        return __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpointObservable, "f")
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f")))
             .subscribe((value) => {
             listener(value);
         });
     }
     updateBreakpoint(breakpoint) {
         this._currentBreakpoint = breakpoint;
-        this._currentBreakpointObservable.next(breakpoint);
+        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpointObservable, "f").next(breakpoint);
     }
     checkBreakpoint(width) {
-        var _a;
-        return (_a = this._breakpoints.find((breakpoint) => breakpoint.check(width))) === null || _a === void 0 ? void 0 : _a.name;
+        const breakpoint = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_breakpoints, "f").find((breakpoint) => breakpoint.check(width));
+        /* istanbul ignore else */
+        if (breakpoint) {
+            return breakpoint.name;
+        }
     }
     checkWidth(element) {
         const width = element.nativeElement.offsetWidth || 0;
@@ -112,6 +118,7 @@ export class SkyResizeObserverMediaQueryService {
         }
     }
 }
+_SkyResizeObserverMediaQueryService_breakpoints = new WeakMap(), _SkyResizeObserverMediaQueryService_currentBreakpointObservable = new WeakMap(), _SkyResizeObserverMediaQueryService_stopListening = new WeakMap(), _SkyResizeObserverMediaQueryService_target = new WeakMap();
 SkyResizeObserverMediaQueryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, deps: [{ token: i1.SkyResizeObserverService }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyResizeObserverMediaQueryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, providedIn: 'any' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, decorators: [{

package/esm2015/lib/modules/resize-observer/resize-observer-media-query.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-observer-media-query.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/resize-observer/resize-observer-media-query.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementRef, Injectable, OnDestroy } from '@angular/core';\n\nimport { ReplaySubject, Subject, Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyMediaBreakpoints } from '../media-query/media-breakpoints';\nimport { SkyMediaQueryListener } from '../media-query/media-query-listener';\n\nimport { SkyResizeObserverService } from './resize-observer.service';\n\n/**\n * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.\n */\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyResizeObserverMediaQueryService implements OnDestroy {\n  /**\n   * Returns the current breakpoint.\n   */\n  public get current(): SkyMediaBreakpoints | undefined {\n    return this._currentBreakpoint;\n  }\n\n  private _breakpoints: {\n    check: (width: number) => boolean;\n    name: SkyMediaBreakpoints;\n  }[] = [\n    {\n      check: (width: number) => width > 0 && width <= 767,\n      name: SkyMediaBreakpoints.xs,\n    },\n    {\n      check: (width: number) => width > 767 && width <= 991,\n      name: SkyMediaBreakpoints.sm,\n    },\n    {\n      check: (width: number) => width > 991 && width <= 1199,\n      name: SkyMediaBreakpoints.md,\n    },\n    {\n      check: (width: number) => width > 1199,\n      name: SkyMediaBreakpoints.lg,\n    },\n  ];\n  private _currentBreakpointObservable = new ReplaySubject<\n    SkyMediaBreakpoints | undefined\n  >(1);\n  private _currentBreakpoint: SkyMediaBreakpoints;\n  private _stopListening = new Subject<void>();\n  private _target?: ElementRef;\n\n  constructor(private resizeObserverService: SkyResizeObserverService) {\n    this._stopListening.subscribe(() => {\n      this._target = undefined;\n      this.updateBreakpoint(undefined);\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this._stopListening.next();\n    this._currentBreakpoint = undefined;\n    this._stopListening.complete();\n    this._currentBreakpointObservable.complete();\n  }\n\n  /**\n   * @internal\n   */\n  public destroy(): void {\n    this.ngOnDestroy();\n  }\n\n  /**\n   * Sets the container element to watch. The `SkyResizeObserverMediaQueryService` will only observe one element at a\n   * time. Any previous subscriptions will be unsubscribed when a new element is observed.\n   */\n  public observe(element: ElementRef): SkyResizeObserverMediaQueryService {\n    if (this._target) {\n      if (this._target === element) {\n        return this;\n      }\n      this._stopListening.next();\n    }\n    this._target = element;\n    this.checkWidth(element);\n    this.resizeObserverService\n      .observe(element)\n      .pipe(takeUntil(this._stopListening))\n      .subscribe((value) => {\n        const breakpoint = this.checkBreakpoint(value.contentRect.width);\n        /* istanbul ignore else */\n        if (breakpoint !== this._currentBreakpoint) {\n          this.updateBreakpoint(breakpoint);\n        }\n      });\n    return this;\n  }\n\n  /**\n   * Stop watching the container element.\n   */\n  public unobserve(): void {\n    this._stopListening.next();\n  }\n\n  /**\n   * Subscribes to element size changes that cross breakpoints.\n   */\n  public subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this._currentBreakpointObservable\n      .pipe(takeUntil(this._stopListening))\n      .subscribe((value) => {\n        listener(value);\n      });\n  }\n\n  private updateBreakpoint(breakpoint: SkyMediaBreakpoints) {\n    this._currentBreakpoint = breakpoint;\n    this._currentBreakpointObservable.next(breakpoint);\n  }\n\n  private checkBreakpoint(width: number): SkyMediaBreakpoints | undefined {\n    return this._breakpoints.find((breakpoint) => breakpoint.check(width))\n      ?.name;\n  }\n\n  private checkWidth(element: ElementRef) {\n    const width = (element.nativeElement as HTMLElement).offsetWidth || 0;\n    const breakpoint = this.checkBreakpoint(width);\n    /* istanbul ignore else */\n    if (breakpoint !== this._currentBreakpoint) {\n      this.updateBreakpoint(breakpoint);\n    }\n  }\n}\n"]}
+{"version":3,"file":"resize-observer-media-query.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/resize-observer/resize-observer-media-query.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementRef, Injectable, OnDestroy } from '@angular/core';\n\nimport { ReplaySubject, Subject, Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyMediaBreakpoints } from '../media-query/media-breakpoints';\nimport { SkyMediaQueryListener } from '../media-query/media-query-listener';\n\nimport { SkyResizeObserverService } from './resize-observer.service';\n\n/**\n * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.\n */\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyResizeObserverMediaQueryService implements OnDestroy {\n  /**\n   * Returns the current breakpoint.\n   */\n  public get current(): SkyMediaBreakpoints | undefined {\n    return this._currentBreakpoint;\n  }\n\n  #breakpoints: {\n    check: (width: number) => boolean;\n    name: SkyMediaBreakpoints;\n  }[] = [\n    {\n      check: (width: number) => width > 0 && width <= 767,\n      name: SkyMediaBreakpoints.xs,\n    },\n    {\n      check: (width: number) => width > 767 && width <= 991,\n      name: SkyMediaBreakpoints.sm,\n    },\n    {\n      check: (width: number) => width > 991 && width <= 1199,\n      name: SkyMediaBreakpoints.md,\n    },\n    {\n      check: (width: number) => width > 1199,\n      name: SkyMediaBreakpoints.lg,\n    },\n  ];\n\n  #currentBreakpointObservable = new ReplaySubject<\n    SkyMediaBreakpoints | undefined\n  >(1);\n\n  private _currentBreakpoint: SkyMediaBreakpoints;\n\n  #stopListening = new Subject<void>();\n\n  #target: ElementRef;\n\n  constructor(private resizeObserverService: SkyResizeObserverService) {\n    this.#stopListening.subscribe(() => {\n      this.#target = undefined;\n      this.updateBreakpoint(undefined);\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.#stopListening.next();\n    this._currentBreakpoint = undefined;\n    this.#stopListening.complete();\n    this.#currentBreakpointObservable.complete();\n  }\n\n  /**\n   * @internal\n   */\n  public destroy(): void {\n    this.ngOnDestroy();\n  }\n\n  /**\n   * Sets the container element to watch. The `SkyResizeObserverMediaQueryService` will only observe one element at a\n   * time. Any previous subscriptions will be unsubscribed when a new element is observed.\n   */\n  public observe(element: ElementRef): SkyResizeObserverMediaQueryService {\n    if (this.#target) {\n      if (this.#target === element) {\n        return this;\n      }\n\n      this.#stopListening.next();\n    }\n\n    this.#target = element;\n\n    this.checkWidth(element);\n\n    this.resizeObserverService\n      .observe(element)\n      .pipe(takeUntil(this.#stopListening))\n      .subscribe((value) => {\n        const breakpoint = this.checkBreakpoint(value.contentRect.width);\n        /* istanbul ignore else */\n        if (breakpoint !== this.current) {\n          this.updateBreakpoint(breakpoint);\n        }\n      });\n    return this;\n  }\n\n  /**\n   * Stop watching the container element.\n   */\n  public unobserve(): void {\n    this.#stopListening.next();\n  }\n\n  /**\n   * Subscribes to element size changes that cross breakpoints.\n   */\n  public subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this.#currentBreakpointObservable\n      .pipe(takeUntil(this.#stopListening))\n      .subscribe((value) => {\n        listener(value);\n      });\n  }\n\n  private updateBreakpoint(breakpoint: SkyMediaBreakpoints) {\n    this._currentBreakpoint = breakpoint;\n    this.#currentBreakpointObservable.next(breakpoint);\n  }\n\n  private checkBreakpoint(width: number): SkyMediaBreakpoints | undefined {\n    const breakpoint = this.#breakpoints.find((breakpoint) =>\n      breakpoint.check(width)\n    );\n\n    /* istanbul ignore else */\n    if (breakpoint) {\n      return breakpoint.name;\n    }\n  }\n\n  private checkWidth(element: ElementRef) {\n    const width = (element.nativeElement as HTMLElement).offsetWidth || 0;\n    const breakpoint = this.checkBreakpoint(width);\n    /* istanbul ignore else */\n    if (breakpoint !== this._currentBreakpoint) {\n      this.updateBreakpoint(breakpoint);\n    }\n  }\n}\n"]}

package/esm2015/lib/modules/resize-observer/resize-observer.service.js

@@ -1,3 +1,5 @@
+var _SkyResizeObserverService_resizeObserver, _SkyResizeObserverService_tracking;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { Injectable, NgZone } from '@angular/core';
 import { Subject } from 'rxjs';
 import { finalize } from 'rxjs/operators';
@@ -8,13 +10,14 @@ import * as i0 from "@angular/core";
 export class SkyResizeObserverService {
     constructor(zone) {
         this.zone = zone;
-        this._tracking = [];
-        this._resizeObserver = new ResizeObserver((entries) => {
+        _SkyResizeObserverService_resizeObserver.set(this, void 0);
+        _SkyResizeObserverService_tracking.set(this, []);
+        __classPrivateFieldSet(this, _SkyResizeObserverService_resizeObserver, new ResizeObserver((entries) => {
             entries.forEach((entry) => this.callback(entry));
-        });
+        }), "f");
     }
     ngOnDestroy() {
-        this._resizeObserver.disconnect();
+        __classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").disconnect();
     }
     /**
      * Create rxjs observable to get size changes for an element ref.
@@ -23,22 +26,22 @@ export class SkyResizeObserverService {
         return this.observeAndTrack(element).subjectObservable;
     }
     observeAndTrack(element) {
-        const checkTracking = this._tracking.findIndex((value) => {
+        const checkTracking = __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").findIndex((value) => {
             return !value.subject.closed && value.element === element.nativeElement;
         });
         if (checkTracking === -1) {
-            this._resizeObserver.observe(element.nativeElement);
+            __classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").observe(element.nativeElement);
         }
         const subject = new Subject();
         const subjectObservable = subject.pipe(finalize(() => {
             // Are there any other tracking entries still watching this element?
-            const checkTracking = this._tracking.findIndex((value) => {
+            const checkTracking = __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").findIndex((value) => {
                 return (value.subject !== subject &&
                     !value.subject.closed &&
                     value.element === element.nativeElement);
             });
             if (checkTracking === -1) {
-                this._resizeObserver.unobserve(element.nativeElement);
+                __classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").unobserve(element.nativeElement);
             }
         }));
         const tracking = {
@@ -46,15 +49,17 @@ export class SkyResizeObserverService {
             subject,
             subjectObservable,
         };
-        this._tracking.push(tracking);
+        __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").push(tracking);
         return tracking;
     }
     callback(entry) {
-        this._tracking
+        __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f")
             .filter((value) => !(value.subject.closed || value.subject.isStopped))
             .forEach((value) => {
             /* istanbul ignore else */
             if (value.element === entry.target) {
+                // Execute the callback within NgZone because Angular does not "monkey patch"
+                // ResizeObserver like it does for other features in the DOM.
                 this.zone.run(() => {
                     value.subject.next(entry);
                 });
@@ -62,6 +67,7 @@ export class SkyResizeObserverService {
         });
     }
 }
+_SkyResizeObserverService_resizeObserver = new WeakMap(), _SkyResizeObserverService_tracking = new WeakMap();
 SkyResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverService, providedIn: 'any' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverService, decorators: [{

package/esm2015/lib/modules/resize-observer/resize-observer.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-observer.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/resize-observer/resize-observer.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementRef, Injectable, NgZone, OnDestroy } from '@angular/core';\n\nimport { Observable, Subject } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\n\ntype ResizeObserverTracking = {\n  element: Element;\n  subject: Subject<ResizeObserverEntry>;\n  subjectObservable: Observable<ResizeObserverEntry>;\n};\n\n/**\n * Service to create rxjs observables for changes to the content box dimensions of elements.\n */\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyResizeObserverService implements OnDestroy {\n  private _resizeObserver: ResizeObserver;\n  private _tracking: ResizeObserverTracking[] = [];\n\n  constructor(private zone: NgZone) {\n    this._resizeObserver = new ResizeObserver(\n      (entries: ResizeObserverEntry[]) => {\n        entries.forEach((entry) => this.callback(entry));\n      }\n    );\n  }\n\n  public ngOnDestroy(): void {\n    this._resizeObserver.disconnect();\n  }\n\n  /**\n   * Create rxjs observable to get size changes for an element ref.\n   */\n  public observe(element: ElementRef): Observable<ResizeObserverEntry> {\n    return this.observeAndTrack(element).subjectObservable;\n  }\n\n  private observeAndTrack(element: ElementRef): ResizeObserverTracking {\n    const checkTracking = this._tracking.findIndex((value) => {\n      return !value.subject.closed && value.element === element.nativeElement;\n    });\n    if (checkTracking === -1) {\n      this._resizeObserver.observe(element.nativeElement);\n    }\n    const subject = new Subject<ResizeObserverEntry>();\n    const subjectObservable = subject.pipe(\n      finalize(() => {\n        // Are there any other tracking entries still watching this element?\n        const checkTracking = this._tracking.findIndex((value) => {\n          return (\n            value.subject !== subject &&\n            !value.subject.closed &&\n            value.element === element.nativeElement\n          );\n        });\n        if (checkTracking === -1) {\n          this._resizeObserver.unobserve(element.nativeElement);\n        }\n      })\n    );\n    const tracking = {\n      element: element.nativeElement,\n      subject,\n      subjectObservable,\n    };\n    this._tracking.push(tracking);\n    return tracking;\n  }\n\n  private callback(entry: ResizeObserverEntry) {\n    this._tracking\n      .filter((value) => !(value.subject.closed || value.subject.isStopped))\n      .forEach((value) => {\n        /* istanbul ignore else */\n        if (value.element === entry.target) {\n          this.zone.run(() => {\n            value.subject.next(entry);\n          });\n        }\n      });\n  }\n}\n"]}
+{"version":3,"file":"resize-observer.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/resize-observer/resize-observer.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementRef, Injectable, NgZone, OnDestroy } from '@angular/core';\n\nimport { Observable, Subject } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\n\ntype ResizeObserverTracking = {\n  element: Element;\n  subject: Subject<ResizeObserverEntry>;\n  subjectObservable: Observable<ResizeObserverEntry>;\n};\n\n/**\n * Service to create rxjs observables for changes to the content box dimensions of elements.\n */\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyResizeObserverService implements OnDestroy {\n  #resizeObserver: ResizeObserver;\n\n  #tracking: ResizeObserverTracking[] = [];\n\n  constructor(private zone: NgZone) {\n    this.#resizeObserver = new ResizeObserver((entries) => {\n      entries.forEach((entry) => this.callback(entry));\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.#resizeObserver.disconnect();\n  }\n\n  /**\n   * Create rxjs observable to get size changes for an element ref.\n   */\n  public observe(element: ElementRef): Observable<ResizeObserverEntry> {\n    return this.observeAndTrack(element).subjectObservable;\n  }\n\n  private observeAndTrack(element: ElementRef): ResizeObserverTracking {\n    const checkTracking = this.#tracking.findIndex((value) => {\n      return !value.subject.closed && value.element === element.nativeElement;\n    });\n\n    if (checkTracking === -1) {\n      this.#resizeObserver.observe(element.nativeElement);\n    }\n\n    const subject = new Subject<ResizeObserverEntry>();\n    const subjectObservable = subject.pipe(\n      finalize(() => {\n        // Are there any other tracking entries still watching this element?\n        const checkTracking = this.#tracking.findIndex((value) => {\n          return (\n            value.subject !== subject &&\n            !value.subject.closed &&\n            value.element === element.nativeElement\n          );\n        });\n\n        if (checkTracking === -1) {\n          this.#resizeObserver.unobserve(element.nativeElement);\n        }\n      })\n    );\n\n    const tracking = {\n      element: element.nativeElement,\n      subject,\n      subjectObservable,\n    };\n\n    this.#tracking.push(tracking);\n\n    return tracking;\n  }\n\n  private callback(entry: ResizeObserverEntry): void {\n    this.#tracking\n      .filter((value) => !(value.subject.closed || value.subject.isStopped))\n      .forEach((value) => {\n        /* istanbul ignore else */\n        if (value.element === entry.target) {\n          // Execute the callback within NgZone because Angular does not \"monkey patch\"\n          // ResizeObserver like it does for other features in the DOM.\n          this.zone.run(() => {\n            value.subject.next(entry);\n          });\n        }\n      });\n  }\n}\n"]}

package/esm2015/lib/modules/scrollable-host/scrollable-host.service.js

@@ -27,8 +27,7 @@ export class SkyScrollableHostService {
     /**
      * Returns an observable which emits the given element's current scrollable host
      * @param elementRef The element whose scrollable host is being requested
-     * @param completionObservable An observable which alerts the internal observers that they should complete
-     * @returns An observable which emits the current scrollable host
+     * @returns An observable which emits the current scrollable host element.
      * @internal
      */
     watchScrollableHost(elementRef) {
@@ -38,11 +37,13 @@ export class SkyScrollableHostService {
         return new Observable((subscriber) => {
             subscribers.push(subscriber);
             let scrollableHost = this.findScrollableHost(elementRef.nativeElement);
+            // Setup mutation observers only once, for all subscribers.
             if (subscribers.length === 1) {
                 parentMutationObserver = this.mutationObserverSvc.create(() => {
                     const newScrollableHost = this.findScrollableHost(elementRef.nativeElement);
+                    // Reset observer if scrollable host changes.
                     if (newScrollableHost !== scrollableHost &&
-                        elementRef.nativeElement.offsetParent) {
+                        this.isElementVisible(elementRef)) {
                         scrollableHost = newScrollableHost;
                         this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
                         notifySubscribers(subscribers, scrollableHost);
@@ -50,7 +51,9 @@ export class SkyScrollableHostService {
                 });
                 this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
                 documentHiddenElementMutationObserver = this.mutationObserverSvc.create(() => {
-                    if (scrollableHost && !elementRef.nativeElement.offsetParent) {
+                    if (scrollableHost && !this.isElementVisible(elementRef)) {
+                        // If the scrollable host is not visible, set it to undefined and unsubscribe from its mutation changes.
+                        // Then, observe the document element so that a new scrollable host can be found.
                         scrollableHost = undefined;
                         this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
                         notifySubscribers(subscribers, scrollableHost);
@@ -58,10 +61,11 @@ export class SkyScrollableHostService {
                 });
                 this.observeDocumentHiddenElementChanges(documentHiddenElementMutationObserver);
             }
+            // Emit the scrollable host to the subscriber.
             subscriber.next(scrollableHost);
+            // Teardown callback for the subscription.
             subscriber.add(() => {
                 const subIndex = subscribers.indexOf(subscriber);
-                /* sanity check */
                 /* istanbul ignore else */
                 if (subIndex >= 0) {
                     subscribers.splice(subIndex, 1);
@@ -76,7 +80,6 @@ export class SkyScrollableHostService {
     /**
      * Returns an observable which emits whenever the element's scrollable host emits a scroll event. The observable will always emit the scroll events from the elements current scrollable host and will update based on any scrollable host changes. The observable will also emit once whenever the scrollable host changes.
      * @param elementRef The element whose scrollable host scroll events are being requested
-     * @param completionObservable An observable which alerts the internal observers that they should complete
      * @returns An observable which emits when the elements scrollable host is scrolled or is changed
      */
     watchScrollableHostScrollEvents(elementRef) {
@@ -87,6 +90,7 @@ export class SkyScrollableHostService {
         let scrollEventSubscription;
         return new Observable((subscriber) => {
             subscribers.push(subscriber);
+            // Setup mutation observers only once, for all subscribers.
             if (subscribers.length === 1) {
                 scrollableHostSubscription = this.watchScrollableHost(elementRef).subscribe((newScrollableHost) => {
                     newScrollableHostObservable.next();
@@ -96,6 +100,8 @@ export class SkyScrollableHostService {
                     }
                     scrollableHost = newScrollableHost;
                     newScrollableHostObservable = new Subject();
+                    // Only subscribe to scroll events if the host element is defined.
+                    /* istanbul ignore else */
                     if (newScrollableHost) {
                         scrollEventSubscription = fromEvent(newScrollableHost, 'scroll')
                             .pipe(takeUntil(newScrollableHostObservable))
@@ -105,9 +111,9 @@ export class SkyScrollableHostService {
                     }
                 });
             }
+            // Teardown callback for the subscription.
             subscriber.add(() => {
                 const subIndex = subscribers.indexOf(subscriber);
-                /* sanity check */
                 /* istanbul ignore else */
                 if (subIndex >= 0) {
                     subscribers.splice(subIndex, 1);
@@ -124,7 +130,6 @@ export class SkyScrollableHostService {
         const regex = /(auto|scroll)/;
         const windowObj = this.windowRef.nativeWindow;
         const bodyObj = windowObj.document.body;
-        /* Sanity check */
         if (!element) {
             return windowObj;
         }
@@ -132,7 +137,7 @@ export class SkyScrollableHostService {
         let parent = element;
         do {
             parent = parent.parentNode;
-            /* Sanity check for if this function is called for an element which has been removed from the DOM */
+            // Return `window` if the parent element has been removed from the DOM.
             if (!(parent instanceof HTMLElement)) {
                 return windowObj;
             }
@@ -155,22 +160,20 @@ export class SkyScrollableHostService {
     }
     observeForScrollableHostChanges(element, mutationObserver) {
         mutationObserver.disconnect();
-        if (element instanceof HTMLElement) {
-            mutationObserver.observe(element, {
-                attributes: true,
-                attributeFilter: ['class', 'style'],
-                childList: true,
-                subtree: true,
-            });
-        }
-        else {
-            mutationObserver.observe(document.documentElement, {
-                attributes: true,
-                attributeFilter: ['class', 'style'],
-                childList: true,
-                subtree: true,
-            });
-        }
+        const target = element instanceof HTMLElement ? element : document.documentElement;
+        mutationObserver.observe(target, {
+            attributes: true,
+            attributeFilter: ['class', 'style'],
+            childList: true,
+            subtree: true,
+        });
+    }
+    /**
+     * Determines if an element is "visible" in the DOM.
+     * @see https://stackoverflow.com/a/11639664/6178885
+     */
+    isElementVisible(elementRef) {
+        return elementRef.nativeElement.offsetParent;
     }
 }
 SkyScrollableHostService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyScrollableHostService, deps: [{ token: i1.MutationObserverService }, { token: i2.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });