@skyux/core 5.2.3 → 5.5.0

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

@@ -0,0 +1,24 @@
+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);
+    }
+    /**
+     * Creates an instance of [[SkyAffixer]].
+     * @param affixed The element to be affixed.
+     */
+    createAffixer(affixed) {
+        return new SkyAffixer(affixed.nativeElement, this.renderer);
+    }
+}
+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: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
+//# sourceMappingURL=affix.service.js.map

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

@@ -0,0 +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"]}

package/esm2015/lib/modules/affix/affixer.js

@@ -0,0 +1,349 @@
+import { fromEvent, Subject } from 'rxjs';
+import { SkyAffixAutoFitContext } from './affix-auto-fit-context';
+import { getInversePlacement, getNextPlacement } from './affix-utils';
+import { getElementOffset, getOverflowParents, isOffsetFullyVisibleWithinParent, isOffsetPartiallyVisibleWithinParent, } from './dom-utils';
+const DEFAULT_AFFIX_CONFIG = {
+    autoFitContext: SkyAffixAutoFitContext.OverflowParent,
+    enableAutoFit: false,
+    horizontalAlignment: 'center',
+    isSticky: false,
+    placement: 'above',
+};
+export class SkyAffixer {
+    constructor(affixedElement, renderer) {
+        this.affixedElement = affixedElement;
+        this.renderer = renderer;
+        this._offsetChange = new Subject();
+        this._overflowScroll = new Subject();
+        this._placementChange = new Subject();
+    }
+    /**
+     * Fires when the affixed element's offset changes.
+     */
+    get offsetChange() {
+        return this._offsetChange.asObservable();
+    }
+    /**
+     * Fires when the base element's nearest overflow parent is scrolling. This is useful if you need
+     * to perform an additional action during the scroll event but don't want to generate another
+     * event listener.
+     */
+    get overflowScroll() {
+        return this._overflowScroll.asObservable();
+    }
+    /**
+     * Fires when the placement value changes. A `null` value indicates that a suitable
+     * placement could not be found.
+     */
+    get placementChange() {
+        return this._placementChange.asObservable();
+    }
+    get config() {
+        return this._config;
+    }
+    set config(value) {
+        const merged = Object.assign(Object.assign({}, DEFAULT_AFFIX_CONFIG), value);
+        // Make sure none of the values are undefined.
+        Object.keys(merged).forEach((k) => {
+            if (merged[k] === undefined) {
+                merged[k] = DEFAULT_AFFIX_CONFIG[k];
+            }
+        });
+        this._config = merged;
+    }
+    /**
+     * Affixes an element to a base element.
+     * @param baseElement The base element.
+     * @param config Configuration for the affix action.
+     */
+    affixTo(baseElement, config) {
+        this.reset();
+        this.config = config;
+        this.baseElement = baseElement;
+        this.overflowParents = getOverflowParents(baseElement);
+        this.affix();
+        if (this.config.isSticky) {
+            this.addScrollListeners();
+            this.addResizeListener();
+        }
+    }
+    /**
+     * Re-runs the affix calculation.
+     */
+    reaffix() {
+        // Reset current placement to preferred placement.
+        this.currentPlacement = this.config.placement;
+        this.affix();
+    }
+    /**
+     * Destroys the affixer.
+     */
+    destroy() {
+        this.reset();
+        this._placementChange.complete();
+        this._offsetChange.complete();
+        this._overflowScroll.complete();
+        this._offsetChange =
+            this._placementChange =
+                this._overflowScroll =
+                    undefined;
+    }
+    affix() {
+        this.baseRect = this.baseElement.getBoundingClientRect();
+        this.affixedRect = this.affixedElement.getBoundingClientRect();
+        const offset = this.getOffset();
+        if (this.isNewOffset(offset)) {
+            this.renderer.setStyle(this.affixedElement, 'top', `${offset.top}px`);
+            this.renderer.setStyle(this.affixedElement, 'left', `${offset.left}px`);
+            this._offsetChange.next({ offset });
+        }
+    }
+    getOffset() {
+        const parent = this.getAutoFitContextParent();
+        const maxAttempts = 4;
+        let attempts = 0;
+        let isAffixedElementFullyVisible = false;
+        let offset;
+        let placement = this.config.placement;
+        do {
+            offset = this.getPreferredOffset(placement);
+            isAffixedElementFullyVisible = isOffsetFullyVisibleWithinParent(parent, offset, this.config.autoFitOverflowOffset);
+            if (!this.config.enableAutoFit) {
+                break;
+            }
+            if (!isAffixedElementFullyVisible) {
+                placement =
+                    attempts % 2 === 0
+                        ? getInversePlacement(placement)
+                        : getNextPlacement(placement);
+            }
+            attempts++;
+        } while (!isAffixedElementFullyVisible && attempts < maxAttempts);
+        if (isAffixedElementFullyVisible) {
+            if (this.isBaseElementVisible()) {
+                this.notifyPlacementChange(placement);
+            }
+            else {
+                /* tslint:disable-next-line:no-null-keyword */
+                this.notifyPlacementChange(null);
+            }
+            return offset;
+        }
+        if (this.config.enableAutoFit) {
+            /* tslint:disable-next-line:no-null-keyword */
+            this.notifyPlacementChange(null);
+        }
+        // No suitable placement was found, so revert to preferred placement.
+        return this.getPreferredOffset(this.config.placement);
+    }
+    getPreferredOffset(placement) {
+        const affixedRect = this.affixedRect;
+        const baseRect = this.baseRect;
+        const horizontalAlignment = this.config.horizontalAlignment;
+        const verticalAlignment = this.config.verticalAlignment;
+        const enableAutoFit = this.config.enableAutoFit;
+        let top;
+        let left;
+        if (placement === 'above' || placement === 'below') {
+            if (placement === 'above') {
+                top = baseRect.top - affixedRect.height;
+                switch (verticalAlignment) {
+                    case 'top':
+                        top = top + affixedRect.height;
+                        break;
+                    case 'middle':
+                        top = top + affixedRect.height / 2;
+                        break;
+                    case 'bottom':
+                    default:
+                        break;
+                }
+            }
+            else {
+                top = baseRect.bottom;
+                switch (verticalAlignment) {
+                    case 'top':
+                    default:
+                        break;
+                    case 'middle':
+                        top = top - affixedRect.height / 2;
+                        break;
+                    case 'bottom':
+                        top = top - affixedRect.height;
+                        break;
+                }
+            }
+            switch (horizontalAlignment) {
+                case 'left':
+                    left = baseRect.left;
+                    break;
+                case 'center':
+                default:
+                    left = baseRect.left + baseRect.width / 2 - affixedRect.width / 2;
+                    break;
+                case 'right':
+                    left = baseRect.right - affixedRect.width;
+                    break;
+            }
+        }
+        else {
+            if (placement === 'left') {
+                left = baseRect.left - affixedRect.width;
+            }
+            else {
+                left = baseRect.right;
+            }
+            switch (verticalAlignment) {
+                case 'top':
+                    top = baseRect.top;
+                    break;
+                case 'middle':
+                default:
+                    top = baseRect.top + baseRect.height / 2 - affixedRect.height / 2;
+                    break;
+                case 'bottom':
+                    top = baseRect.bottom - affixedRect.height;
+                    break;
+            }
+        }
+        let offset = { left, top };
+        if (enableAutoFit) {
+            offset = this.adjustOffsetToOverflowParent(Object.assign({}, offset), placement);
+        }
+        offset.bottom = offset.top + affixedRect.height;
+        offset.right = offset.left + affixedRect.width;
+        return offset;
+    }
+    /**
+     * Slightly adjust the offset to fit within the scroll parent's boundaries if
+     * the affixed element would otherwise be clipped.
+     */
+    adjustOffsetToOverflowParent(offset, placement) {
+        const parent = this.getAutoFitContextParent();
+        const parentOffset = getElementOffset(parent, this.config.autoFitOverflowOffset);
+        const affixedRect = this.affixedRect;
+        const baseRect = this.baseRect;
+        // A pixel value representing the leeway between the edge of the overflow parent and the edge
+        // of the base element before it dissapears from view.
+        // If the visible portion of the base element is less than this pixel value, the auto-fit
+        // functionality attempts to find another placement.
+        const defaultPixelTolerance = 40;
+        let pixelTolerance;
+        const originalOffsetTop = offset.top;
+        const originalOffsetLeft = offset.left;
+        /* tslint:disable-next-line:switch-default */
+        switch (placement) {
+            case 'above':
+            case 'below':
+                // Keep the affixed element within the overflow parent.
+                if (offset.left < parentOffset.left) {
+                    offset.left = parentOffset.left;
+                }
+                else if (offset.left + affixedRect.width > parentOffset.right) {
+                    offset.left = parentOffset.right - affixedRect.width;
+                }
+                // Use a smaller pixel tolerance if the base element width is less than the default.
+                pixelTolerance = Math.min(defaultPixelTolerance, baseRect.width);
+                // Make sure the affixed element never detaches from the base element.
+                if (offset.left + pixelTolerance > baseRect.right ||
+                    offset.left + affixedRect.width - pixelTolerance < baseRect.left) {
+                    offset.left = originalOffsetLeft;
+                }
+                break;
+            case 'left':
+            case 'right':
+                // Keep the affixed element within the overflow parent.
+                if (offset.top < parentOffset.top) {
+                    offset.top = parentOffset.top;
+                }
+                else if (offset.top + affixedRect.height > parentOffset.bottom) {
+                    offset.top = parentOffset.bottom - affixedRect.height;
+                }
+                // Use a smaller pixel tolerance if the base element height is less than the default.
+                pixelTolerance = Math.min(defaultPixelTolerance, baseRect.height);
+                // Make sure the affixed element never detaches from the base element.
+                if (offset.top + pixelTolerance > baseRect.bottom ||
+                    offset.top + affixedRect.height - pixelTolerance < baseRect.top) {
+                    offset.top = originalOffsetTop;
+                }
+                break;
+        }
+        return offset;
+    }
+    getImmediateOverflowParent() {
+        return this.overflowParents[this.overflowParents.length - 1];
+    }
+    getAutoFitContextParent() {
+        const bodyElement = this.overflowParents[0];
+        return this.config.autoFitContext === SkyAffixAutoFitContext.OverflowParent
+            ? this.getImmediateOverflowParent()
+            : bodyElement;
+    }
+    notifyPlacementChange(placement) {
+        if (this.currentPlacement !== placement) {
+            this.currentPlacement = placement;
+            this._placementChange.next({
+                placement,
+            });
+        }
+    }
+    reset() {
+        this.removeScrollListeners();
+        this.removeResizeListener();
+        this._config =
+            this.affixedRect =
+                this.baseElement =
+                    this.baseRect =
+                        this.currentPlacement =
+                            this.currentOffset =
+                                this.overflowParents =
+                                    undefined;
+    }
+    isNewOffset(offset) {
+        if (this.currentOffset === undefined) {
+            this.currentOffset = offset;
+            return true;
+        }
+        if (this.currentOffset.top === offset.top &&
+            this.currentOffset.left === offset.left) {
+            return false;
+        }
+        this.currentOffset = offset;
+        return true;
+    }
+    isBaseElementVisible() {
+        return isOffsetPartiallyVisibleWithinParent(this.getImmediateOverflowParent(), {
+            top: this.baseRect.top,
+            left: this.baseRect.left,
+            right: this.baseRect.right,
+            bottom: this.baseRect.bottom,
+        }, this.config.autoFitOverflowOffset);
+    }
+    addScrollListeners() {
+        this.scrollListeners = this.overflowParents.map((parentElement) => {
+            const overflow = parentElement === document.body ? 'window' : parentElement;
+            return this.renderer.listen(overflow, 'scroll', () => {
+                this.affix();
+                this._overflowScroll.next();
+            });
+        });
+    }
+    addResizeListener() {
+        this.resizeListener = fromEvent(window, 'resize').subscribe(() => this.affix());
+    }
+    removeResizeListener() {
+        if (this.resizeListener) {
+            this.resizeListener.unsubscribe();
+            this.resizeListener = undefined;
+        }
+    }
+    removeScrollListeners() {
+        if (this.scrollListeners) {
+            // Remove renderer-generated listeners by calling the listener itself.
+            // https://github.com/angular/angular/issues/9368#issuecomment-227199778
+            this.scrollListeners.forEach((listener) => listener());
+            this.scrollListeners = undefined;
+        }
+    }
+}
+//# sourceMappingURL=affixer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"affixer.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/affix/affixer.ts"],"names":[],"mappings":"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","sourcesContent":["import { Renderer2 } from '@angular/core';\n\nimport { fromEvent, Observable, Subject, Subscription } from 'rxjs';\n\nimport { SkyAffixAutoFitContext } from './affix-auto-fit-context';\n\nimport { SkyAffixOffsetChange } from './affix-offset-change';\n\nimport { SkyAffixOffset } from './affix-offset';\n\nimport { SkyAffixConfig } from './affix-config';\n\nimport { SkyAffixPlacement } from './affix-placement';\n\nimport { SkyAffixPlacementChange } from './affix-placement-change';\n\nimport { getInversePlacement, getNextPlacement } from './affix-utils';\n\nimport {\n  getElementOffset,\n  getOverflowParents,\n  isOffsetFullyVisibleWithinParent,\n  isOffsetPartiallyVisibleWithinParent,\n} from './dom-utils';\n\nconst DEFAULT_AFFIX_CONFIG: SkyAffixConfig = {\n  autoFitContext: SkyAffixAutoFitContext.OverflowParent,\n  enableAutoFit: false,\n  horizontalAlignment: 'center',\n  isSticky: false,\n  placement: 'above',\n};\n\nexport class SkyAffixer {\n  /**\n   * Fires when the affixed element's offset changes.\n   */\n  public get offsetChange(): Observable<SkyAffixOffsetChange> {\n    return this._offsetChange.asObservable();\n  }\n\n  /**\n   * Fires when the base element's nearest overflow parent is scrolling. This is useful if you need\n   * to perform an additional action during the scroll event but don't want to generate another\n   * event listener.\n   */\n  public get overflowScroll(): Observable<void> {\n    return this._overflowScroll.asObservable();\n  }\n\n  /**\n   * Fires when the placement value changes. A `null` value indicates that a suitable\n   * placement could not be found.\n   */\n  public get placementChange(): Observable<SkyAffixPlacementChange> {\n    return this._placementChange.asObservable();\n  }\n\n  private get config(): SkyAffixConfig {\n    return this._config;\n  }\n\n  private set config(value: SkyAffixConfig) {\n    const merged = { ...DEFAULT_AFFIX_CONFIG, ...value };\n\n    // Make sure none of the values are undefined.\n    Object.keys(merged).forEach((k: keyof SkyAffixConfig) => {\n      if (merged[k] === undefined) {\n        (merged as any)[k] = DEFAULT_AFFIX_CONFIG[k];\n      }\n    });\n\n    this._config = merged;\n  }\n\n  private affixedRect: ClientRect;\n\n  private baseElement: HTMLElement;\n\n  private baseRect: ClientRect;\n\n  private currentOffset: SkyAffixOffset;\n\n  private currentPlacement: SkyAffixPlacement;\n\n  private overflowParents: HTMLElement[];\n\n  private resizeListener: Subscription;\n\n  private scrollListeners: Function[];\n\n  private _config: SkyAffixConfig;\n\n  private _offsetChange = new Subject<SkyAffixOffsetChange>();\n\n  private _overflowScroll = new Subject<void>();\n\n  private _placementChange = new Subject<SkyAffixPlacementChange>();\n\n  constructor(\n    private affixedElement: HTMLElement,\n    private renderer: Renderer2\n  ) {}\n\n  /**\n   * Affixes an element to a base element.\n   * @param baseElement The base element.\n   * @param config Configuration for the affix action.\n   */\n  public affixTo(baseElement: HTMLElement, config?: SkyAffixConfig): void {\n    this.reset();\n\n    this.config = config;\n    this.baseElement = baseElement;\n    this.overflowParents = getOverflowParents(baseElement);\n\n    this.affix();\n\n    if (this.config.isSticky) {\n      this.addScrollListeners();\n      this.addResizeListener();\n    }\n  }\n\n  /**\n   * Re-runs the affix calculation.\n   */\n  public reaffix(): void {\n    // Reset current placement to preferred placement.\n    this.currentPlacement = this.config.placement;\n    this.affix();\n  }\n\n  /**\n   * Destroys the affixer.\n   */\n  public destroy(): void {\n    this.reset();\n    this._placementChange.complete();\n    this._offsetChange.complete();\n    this._overflowScroll.complete();\n\n    this._offsetChange =\n      this._placementChange =\n      this._overflowScroll =\n        undefined;\n  }\n\n  private affix(): void {\n    this.baseRect = this.baseElement.getBoundingClientRect();\n    this.affixedRect = this.affixedElement.getBoundingClientRect();\n\n    const offset = this.getOffset();\n\n    if (this.isNewOffset(offset)) {\n      this.renderer.setStyle(this.affixedElement, 'top', `${offset.top}px`);\n      this.renderer.setStyle(this.affixedElement, 'left', `${offset.left}px`);\n      this._offsetChange.next({ offset });\n    }\n  }\n\n  private getOffset(): SkyAffixOffset {\n    const parent = this.getAutoFitContextParent();\n\n    const maxAttempts = 4;\n    let attempts = 0;\n\n    let isAffixedElementFullyVisible = false;\n    let offset: SkyAffixOffset;\n    let placement = this.config.placement;\n\n    do {\n      offset = this.getPreferredOffset(placement);\n      isAffixedElementFullyVisible = isOffsetFullyVisibleWithinParent(\n        parent,\n        offset,\n        this.config.autoFitOverflowOffset\n      );\n\n      if (!this.config.enableAutoFit) {\n        break;\n      }\n\n      if (!isAffixedElementFullyVisible) {\n        placement =\n          attempts % 2 === 0\n            ? getInversePlacement(placement)\n            : getNextPlacement(placement);\n      }\n\n      attempts++;\n    } while (!isAffixedElementFullyVisible && attempts < maxAttempts);\n\n    if (isAffixedElementFullyVisible) {\n      if (this.isBaseElementVisible()) {\n        this.notifyPlacementChange(placement);\n      } else {\n        /* tslint:disable-next-line:no-null-keyword */\n        this.notifyPlacementChange(null);\n      }\n\n      return offset;\n    }\n\n    if (this.config.enableAutoFit) {\n      /* tslint:disable-next-line:no-null-keyword */\n      this.notifyPlacementChange(null);\n    }\n\n    // No suitable placement was found, so revert to preferred placement.\n    return this.getPreferredOffset(this.config.placement);\n  }\n\n  private getPreferredOffset(placement: SkyAffixPlacement): SkyAffixOffset {\n    const affixedRect = this.affixedRect;\n    const baseRect = this.baseRect;\n\n    const horizontalAlignment = this.config.horizontalAlignment;\n    const verticalAlignment = this.config.verticalAlignment;\n    const enableAutoFit = this.config.enableAutoFit;\n\n    let top: number;\n    let left: number;\n\n    if (placement === 'above' || placement === 'below') {\n      if (placement === 'above') {\n        top = baseRect.top - affixedRect.height;\n\n        switch (verticalAlignment) {\n          case 'top':\n            top = top + affixedRect.height;\n            break;\n          case 'middle':\n            top = top + affixedRect.height / 2;\n            break;\n          case 'bottom':\n          default:\n            break;\n        }\n      } else {\n        top = baseRect.bottom;\n\n        switch (verticalAlignment) {\n          case 'top':\n          default:\n            break;\n          case 'middle':\n            top = top - affixedRect.height / 2;\n            break;\n          case 'bottom':\n            top = top - affixedRect.height;\n            break;\n        }\n      }\n\n      switch (horizontalAlignment) {\n        case 'left':\n          left = baseRect.left;\n          break;\n\n        case 'center':\n        default:\n          left = baseRect.left + baseRect.width / 2 - affixedRect.width / 2;\n          break;\n\n        case 'right':\n          left = baseRect.right - affixedRect.width;\n          break;\n      }\n    } else {\n      if (placement === 'left') {\n        left = baseRect.left - affixedRect.width;\n      } else {\n        left = baseRect.right;\n      }\n\n      switch (verticalAlignment) {\n        case 'top':\n          top = baseRect.top;\n          break;\n\n        case 'middle':\n        default:\n          top = baseRect.top + baseRect.height / 2 - affixedRect.height / 2;\n          break;\n\n        case 'bottom':\n          top = baseRect.bottom - affixedRect.height;\n          break;\n      }\n    }\n\n    let offset: SkyAffixOffset = { left, top };\n    if (enableAutoFit) {\n      offset = this.adjustOffsetToOverflowParent({ ...offset }, placement);\n    }\n\n    offset.bottom = offset.top + affixedRect.height;\n    offset.right = offset.left + affixedRect.width;\n\n    return offset;\n  }\n\n  /**\n   * Slightly adjust the offset to fit within the scroll parent's boundaries if\n   * the affixed element would otherwise be clipped.\n   */\n  private adjustOffsetToOverflowParent(\n    offset: SkyAffixOffset,\n    placement: SkyAffixPlacement\n  ): SkyAffixOffset {\n    const parent = this.getAutoFitContextParent();\n    const parentOffset = getElementOffset(\n      parent,\n      this.config.autoFitOverflowOffset\n    );\n\n    const affixedRect = this.affixedRect;\n    const baseRect = this.baseRect;\n\n    // A pixel value representing the leeway between the edge of the overflow parent and the edge\n    // of the base element before it dissapears from view.\n    // If the visible portion of the base element is less than this pixel value, the auto-fit\n    // functionality attempts to find another placement.\n    const defaultPixelTolerance = 40;\n    let pixelTolerance: number;\n\n    const originalOffsetTop = offset.top;\n    const originalOffsetLeft = offset.left;\n\n    /* tslint:disable-next-line:switch-default */\n    switch (placement) {\n      case 'above':\n      case 'below':\n        // Keep the affixed element within the overflow parent.\n        if (offset.left < parentOffset.left) {\n          offset.left = parentOffset.left;\n        } else if (offset.left + affixedRect.width > parentOffset.right) {\n          offset.left = parentOffset.right - affixedRect.width;\n        }\n\n        // Use a smaller pixel tolerance if the base element width is less than the default.\n        pixelTolerance = Math.min(defaultPixelTolerance, baseRect.width);\n\n        // Make sure the affixed element never detaches from the base element.\n        if (\n          offset.left + pixelTolerance > baseRect.right ||\n          offset.left + affixedRect.width - pixelTolerance < baseRect.left\n        ) {\n          offset.left = originalOffsetLeft;\n        }\n\n        break;\n\n      case 'left':\n      case 'right':\n        // Keep the affixed element within the overflow parent.\n        if (offset.top < parentOffset.top) {\n          offset.top = parentOffset.top;\n        } else if (offset.top + affixedRect.height > parentOffset.bottom) {\n          offset.top = parentOffset.bottom - affixedRect.height;\n        }\n\n        // Use a smaller pixel tolerance if the base element height is less than the default.\n        pixelTolerance = Math.min(defaultPixelTolerance, baseRect.height);\n\n        // Make sure the affixed element never detaches from the base element.\n        if (\n          offset.top + pixelTolerance > baseRect.bottom ||\n          offset.top + affixedRect.height - pixelTolerance < baseRect.top\n        ) {\n          offset.top = originalOffsetTop;\n        }\n\n        break;\n    }\n\n    return offset;\n  }\n\n  private getImmediateOverflowParent(): HTMLElement {\n    return this.overflowParents[this.overflowParents.length - 1];\n  }\n\n  private getAutoFitContextParent(): HTMLElement {\n    const bodyElement = this.overflowParents[0];\n\n    return this.config.autoFitContext === SkyAffixAutoFitContext.OverflowParent\n      ? this.getImmediateOverflowParent()\n      : bodyElement;\n  }\n\n  private notifyPlacementChange(placement: SkyAffixPlacement | null): void {\n    if (this.currentPlacement !== placement) {\n      this.currentPlacement = placement;\n      this._placementChange.next({\n        placement,\n      });\n    }\n  }\n\n  private reset(): void {\n    this.removeScrollListeners();\n    this.removeResizeListener();\n\n    this._config =\n      this.affixedRect =\n      this.baseElement =\n      this.baseRect =\n      this.currentPlacement =\n      this.currentOffset =\n      this.overflowParents =\n        undefined;\n  }\n\n  private isNewOffset(offset: SkyAffixOffset): boolean {\n    if (this.currentOffset === undefined) {\n      this.currentOffset = offset;\n      return true;\n    }\n\n    if (\n      this.currentOffset.top === offset.top &&\n      this.currentOffset.left === offset.left\n    ) {\n      return false;\n    }\n\n    this.currentOffset = offset;\n\n    return true;\n  }\n\n  private isBaseElementVisible(): boolean {\n    return isOffsetPartiallyVisibleWithinParent(\n      this.getImmediateOverflowParent(),\n      {\n        top: this.baseRect.top,\n        left: this.baseRect.left,\n        right: this.baseRect.right,\n        bottom: this.baseRect.bottom,\n      },\n      this.config.autoFitOverflowOffset\n    );\n  }\n\n  private addScrollListeners(): void {\n    this.scrollListeners = this.overflowParents.map((parentElement) => {\n      const overflow =\n        parentElement === document.body ? 'window' : parentElement;\n      return this.renderer.listen(overflow, 'scroll', () => {\n        this.affix();\n        this._overflowScroll.next();\n      });\n    });\n  }\n\n  private addResizeListener(): void {\n    this.resizeListener = fromEvent(window, 'resize').subscribe(() =>\n      this.affix()\n    );\n  }\n\n  private removeResizeListener(): void {\n    if (this.resizeListener) {\n      this.resizeListener.unsubscribe();\n      this.resizeListener = undefined;\n    }\n  }\n\n  private removeScrollListeners(): void {\n    if (this.scrollListeners) {\n      // Remove renderer-generated listeners by calling the listener itself.\n      // https://github.com/angular/angular/issues/9368#issuecomment-227199778\n      this.scrollListeners.forEach((listener) => listener());\n      this.scrollListeners = undefined;\n    }\n  }\n}\n"]}

package/esm2015/lib/modules/affix/dom-utils.js

@@ -0,0 +1,77 @@
+/**
+ * Returns the offset values of a given element.
+ * @param element The HTML element.
+ * @param bufferOffset An optional offset to add/subtract to the element's actual offset.
+ */
+export function getElementOffset(element, bufferOffset = {}) {
+    const bufferOffsetBottom = bufferOffset.bottom || 0;
+    const bufferOffsetLeft = bufferOffset.left || 0;
+    const bufferOffsetRight = bufferOffset.right || 0;
+    const bufferOffsetTop = bufferOffset.top || 0;
+    let top;
+    let left;
+    let right;
+    let bottom;
+    if (element === document.body) {
+        left = 0;
+        top = 0;
+        right = document.documentElement.clientWidth;
+        bottom = document.documentElement.clientHeight;
+    }
+    else {
+        const clientRect = element.getBoundingClientRect();
+        left = clientRect.left;
+        top = clientRect.top;
+        right = clientRect.right;
+        bottom = clientRect.bottom;
+    }
+    bottom -= bufferOffsetBottom;
+    left += bufferOffsetLeft;
+    right -= bufferOffsetRight;
+    top += bufferOffsetTop;
+    return {
+        bottom,
+        left,
+        right,
+        top,
+    };
+}
+export function getOverflowParents(child) {
+    const bodyElement = window.document.body;
+    const results = [bodyElement];
+    let parentElement = child.parentNode;
+    while (parentElement !== undefined &&
+        parentElement !== bodyElement &&
+        parentElement instanceof HTMLElement) {
+        const overflowY = window
+            .getComputedStyle(parentElement, undefined)
+            .overflowY.toLowerCase();
+        if (overflowY === 'auto' ||
+            overflowY === 'hidden' ||
+            overflowY === 'scroll') {
+            results.push(parentElement);
+        }
+        parentElement = parentElement.parentNode;
+    }
+    return results;
+}
+/**
+ * Confirms offset is fully visible within a parent element.
+ * @param parent
+ * @param offset
+ */
+export function isOffsetFullyVisibleWithinParent(parent, offset, bufferOffset) {
+    const parentOffset = getElementOffset(parent, bufferOffset);
+    return !(parentOffset.top > offset.top ||
+        parentOffset.right < offset.right ||
+        parentOffset.bottom < offset.bottom ||
+        parentOffset.left > offset.left);
+}
+export function isOffsetPartiallyVisibleWithinParent(parent, offset, bufferOffset) {
+    const parentOffset = getElementOffset(parent, bufferOffset);
+    return !(parentOffset.top >= offset.bottom ||
+        parentOffset.right <= offset.left ||
+        parentOffset.bottom <= offset.top ||
+        parentOffset.left >= offset.right);
+}
+//# sourceMappingURL=dom-utils.js.map

package/esm2015/lib/modules/affix/dom-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-utils.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/affix/dom-utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { SkyAffixOffset } from './affix-offset';\n\n/**\n * Returns the offset values of a given element.\n * @param element The HTML element.\n * @param bufferOffset An optional offset to add/subtract to the element's actual offset.\n */\nexport function getElementOffset(\n  element: HTMLElement,\n  bufferOffset: SkyAffixOffset = {}\n): SkyAffixOffset {\n  const bufferOffsetBottom = bufferOffset.bottom || 0;\n  const bufferOffsetLeft = bufferOffset.left || 0;\n  const bufferOffsetRight = bufferOffset.right || 0;\n  const bufferOffsetTop = bufferOffset.top || 0;\n\n  let top: number;\n  let left: number;\n  let right: number;\n  let bottom: number;\n\n  if (element === document.body) {\n    left = 0;\n    top = 0;\n    right = document.documentElement.clientWidth;\n    bottom = document.documentElement.clientHeight;\n  } else {\n    const clientRect = element.getBoundingClientRect();\n    left = clientRect.left;\n    top = clientRect.top;\n    right = clientRect.right;\n    bottom = clientRect.bottom;\n  }\n\n  bottom -= bufferOffsetBottom;\n  left += bufferOffsetLeft;\n  right -= bufferOffsetRight;\n  top += bufferOffsetTop;\n\n  return {\n    bottom,\n    left,\n    right,\n    top,\n  };\n}\n\nexport function getOverflowParents(child: HTMLElement): HTMLElement[] {\n  const bodyElement = window.document.body;\n  const results = [bodyElement];\n\n  let parentElement = child.parentNode;\n\n  while (\n    parentElement !== undefined &&\n    parentElement !== bodyElement &&\n    parentElement instanceof HTMLElement\n  ) {\n    const overflowY = window\n      .getComputedStyle(parentElement, undefined)\n      .overflowY.toLowerCase();\n\n    if (\n      overflowY === 'auto' ||\n      overflowY === 'hidden' ||\n      overflowY === 'scroll'\n    ) {\n      results.push(parentElement);\n    }\n\n    parentElement = parentElement.parentNode;\n  }\n\n  return results;\n}\n\n/**\n * Confirms offset is fully visible within a parent element.\n * @param parent\n * @param offset\n */\nexport function isOffsetFullyVisibleWithinParent(\n  parent: HTMLElement,\n  offset: SkyAffixOffset,\n  bufferOffset?: SkyAffixOffset\n): boolean {\n  const parentOffset = getElementOffset(parent, bufferOffset);\n\n  return !(\n    parentOffset.top > offset.top ||\n    parentOffset.right < offset.right ||\n    parentOffset.bottom < offset.bottom ||\n    parentOffset.left > offset.left\n  );\n}\n\nexport function isOffsetPartiallyVisibleWithinParent(\n  parent: HTMLElement,\n  offset: SkyAffixOffset,\n  bufferOffset?: SkyAffixOffset\n): boolean {\n  const parentOffset = getElementOffset(parent, bufferOffset);\n\n  return !(\n    parentOffset.top >= offset.bottom ||\n    parentOffset.right <= offset.left ||\n    parentOffset.bottom <= offset.top ||\n    parentOffset.left >= offset.right\n  );\n}\n"]}

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

@@ -0,0 +1,80 @@
+import { Injectable, RendererFactory2, } from '@angular/core';
+import { fromEvent as observableFromEvent, Subject } from 'rxjs';
+import { debounceTime, takeUntil } from 'rxjs/operators';
+import { MutationObserverService } from '../mutation/mutation-observer-service';
+import * as i0 from "@angular/core";
+import * as i1 from "../mutation/mutation-observer-service";
+/**
+ * @internal
+ */
+export class SkyDockDomAdapterService {
+    constructor(mutationService, rendererFactory) {
+        this.mutationService = mutationService;
+        this.ngUnsubscribe = new Subject();
+        this.renderer = rendererFactory.createRenderer(undefined, undefined);
+    }
+    ngOnDestroy() {
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+        this.ngUnsubscribe.next();
+        if (this.styleElement) {
+            this.destroyStyleElement();
+        }
+        this.currentDockHeight =
+            this.ngUnsubscribe =
+                this.observer =
+                    this.styleElement =
+                        undefined;
+    }
+    setSticky(elementRef) {
+        this.renderer.addClass(elementRef.nativeElement, 'sky-dock-sticky');
+    }
+    setZIndex(zIndex, elementRef) {
+        this.renderer.setStyle(elementRef.nativeElement, 'z-index', zIndex);
+    }
+    unbindDock(elementRef) {
+        this.renderer.addClass(elementRef.nativeElement, 'sky-dock-unbound');
+    }
+    watchDomChanges(elementRef) {
+        this.observer = this.mutationService.create(() => {
+            this.adjustBodyStyles(elementRef);
+        });
+        this.observer.observe(elementRef.nativeElement, {
+            attributes: true,
+            childList: true,
+            characterData: true,
+            subtree: true,
+        });
+        observableFromEvent(window, 'resize')
+            .pipe(debounceTime(250), takeUntil(this.ngUnsubscribe))
+            .subscribe(() => this.adjustBodyStyles(elementRef));
+    }
+    adjustBodyStyles(elementRef) {
+        const dockHeight = elementRef.nativeElement.getBoundingClientRect().height;
+        if (dockHeight === this.currentDockHeight) {
+            return;
+        }
+        // Create a style element to avoid overwriting any existing inline body styles.
+        const styleElement = this.renderer.createElement('style');
+        const textNode = this.renderer.createText(`body { margin-bottom: ${dockHeight}px; }`);
+        // Apply a `data-` attribute to make unit testing easier.
+        this.renderer.setAttribute(styleElement, 'data-test-selector', 'sky-layout-dock-bottom-styles');
+        this.renderer.appendChild(styleElement, textNode);
+        this.renderer.appendChild(document.head, styleElement);
+        if (this.styleElement) {
+            this.destroyStyleElement();
+        }
+        this.currentDockHeight = dockHeight;
+        this.styleElement = styleElement;
+    }
+    destroyStyleElement() {
+        this.renderer.removeChild(document.head, this.styleElement);
+    }
+}
+SkyDockDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDockDomAdapterService, deps: [{ token: i1.MutationObserverService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDockDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDockDomAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDockDomAdapterService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.MutationObserverService }, { type: i0.RendererFactory2 }]; } });
+//# sourceMappingURL=dock-dom-adapter.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dock-dom-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/dock/dock-dom-adapter.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  OnDestroy,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\nimport { fromEvent as observableFromEvent, Subject } from 'rxjs';\n\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\nimport { MutationObserverService } from '../mutation/mutation-observer-service';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyDockDomAdapterService implements OnDestroy {\n  private currentDockHeight: number;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private observer: MutationObserver;\n\n  private renderer: Renderer2;\n\n  private styleElement: HTMLStyleElement;\n\n  constructor(\n    private mutationService: MutationObserverService,\n    rendererFactory: RendererFactory2\n  ) {\n    this.renderer = rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  public ngOnDestroy(): void {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n    this.ngUnsubscribe.next();\n\n    if (this.styleElement) {\n      this.destroyStyleElement();\n    }\n\n    this.currentDockHeight =\n      this.ngUnsubscribe =\n      this.observer =\n      this.styleElement =\n        undefined;\n  }\n\n  public setSticky(elementRef: ElementRef): void {\n    this.renderer.addClass(elementRef.nativeElement, 'sky-dock-sticky');\n  }\n\n  public setZIndex(zIndex: number, elementRef: ElementRef): void {\n    this.renderer.setStyle(elementRef.nativeElement, 'z-index', zIndex);\n  }\n\n  public unbindDock(elementRef: ElementRef): void {\n    this.renderer.addClass(elementRef.nativeElement, 'sky-dock-unbound');\n  }\n\n  public watchDomChanges(elementRef: ElementRef): void {\n    this.observer = this.mutationService.create(() => {\n      this.adjustBodyStyles(elementRef);\n    });\n\n    this.observer.observe(elementRef.nativeElement, {\n      attributes: true,\n      childList: true,\n      characterData: true,\n      subtree: true,\n    });\n\n    observableFromEvent(window, 'resize')\n      .pipe(debounceTime(250), takeUntil(this.ngUnsubscribe))\n      .subscribe(() => this.adjustBodyStyles(elementRef));\n  }\n\n  private adjustBodyStyles(elementRef: ElementRef): void {\n    const dockHeight = elementRef.nativeElement.getBoundingClientRect().height;\n    if (dockHeight === this.currentDockHeight) {\n      return;\n    }\n\n    // Create a style element to avoid overwriting any existing inline body styles.\n    const styleElement = this.renderer.createElement('style');\n    const textNode = this.renderer.createText(\n      `body { margin-bottom: ${dockHeight}px; }`\n    );\n\n    // Apply a `data-` attribute to make unit testing easier.\n    this.renderer.setAttribute(\n      styleElement,\n      'data-test-selector',\n      'sky-layout-dock-bottom-styles'\n    );\n\n    this.renderer.appendChild(styleElement, textNode);\n    this.renderer.appendChild(document.head, styleElement);\n\n    if (this.styleElement) {\n      this.destroyStyleElement();\n    }\n\n    this.currentDockHeight = dockHeight;\n    this.styleElement = styleElement;\n  }\n\n  private destroyStyleElement(): void {\n    this.renderer.removeChild(document.head, this.styleElement);\n  }\n}\n"]}

package/esm2015/lib/modules/dock/dock-insert-component-config.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dock-insert-component-config.js.map

package/esm2015/lib/modules/dock/dock-insert-component-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock-insert-component-config.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/dock/dock-insert-component-config.ts"],"names":[],"mappings":"","sourcesContent":["import { StaticProvider } from '@angular/core';\n\nimport { SkyDockItemConfig } from './dock-item-config';\n\nexport interface SkyDockInsertComponentConfig extends SkyDockItemConfig {\n  /**\n   * Static providers to inject into the item's component.\n   */\n  providers?: StaticProvider[];\n}\n"]}

package/esm2015/lib/modules/dock/dock-item-config.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dock-item-config.js.map

package/esm2015/lib/modules/dock/dock-item-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock-item-config.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/dock/dock-item-config.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Configuration to be used by the docking action.\n */\nexport interface SkyDockItemConfig {\n  /**\n   * The stack order of the item. The higher the number, the higher\n   * the item will be placed in the dock. By default, new items will be placed at\n   * the top of the stack.\n   */\n  stackOrder?: number;\n}\n"]}

package/esm2015/lib/modules/dock/dock-item-reference.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dock-item-reference.js.map

package/esm2015/lib/modules/dock/dock-item-reference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock-item-reference.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/dock/dock-item-reference.ts"],"names":[],"mappings":"","sourcesContent":["import { ComponentRef } from '@angular/core';\n\n/**\n * Represents a dock item's component reference.\n * @internal\n */\nexport interface SkyDockItemReference<T> {\n  componentRef: ComponentRef<T>;\n\n  stackOrder: number;\n}\n"]}