@skyux/popovers 5.7.2 → 6.0.0-beta.2

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

@@ -1,74 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export class SkyPopoverAdapterService {
-    getArrowCoordinates(elements, placement, themeName) {
-        const callerRect = elements.caller.nativeElement.getBoundingClientRect();
-        const popoverRect = elements.popover.nativeElement.getBoundingClientRect();
-        const arrowRect = elements.popoverArrow.nativeElement.getBoundingClientRect();
-        const pixelTolerance = 20;
-        let top;
-        let left;
-        if (placement === 'above' || placement === 'below') {
-            left = callerRect.left + callerRect.width * 0.5;
-            // Make sure the arrow never detaches from the popover.
-            if (left - pixelTolerance < popoverRect.left) {
-                left = popoverRect.left + pixelTolerance;
-            }
-            else if (left + pixelTolerance > popoverRect.right) {
-                left = popoverRect.right - pixelTolerance;
-            }
-            if (placement === 'above') {
-                if (themeName !== 'modern') {
-                    top = callerRect.top - arrowRect.height;
-                }
-                else {
-                    top = callerRect.top - arrowRect.height + 5;
-                }
-            }
-            else {
-                if (themeName !== 'modern') {
-                    top = callerRect.bottom;
-                }
-                else {
-                    top = callerRect.bottom + 4;
-                }
-            }
-        }
-        else {
-            top = callerRect.top + callerRect.height * 0.5;
-            // Make sure the arrow never detaches from the popover.
-            if (top - pixelTolerance < popoverRect.top) {
-                top = popoverRect.top + pixelTolerance;
-            }
-            else if (top + pixelTolerance > popoverRect.bottom) {
-                top = popoverRect.bottom - pixelTolerance;
-            }
-            if (placement === 'left') {
-                if (themeName !== 'modern') {
-                    left = callerRect.left - arrowRect.width;
-                }
-                else {
-                    left = callerRect.left - arrowRect.width + 5;
-                }
-            }
-            else {
-                if (themeName !== 'modern') {
-                    left = callerRect.right;
-                }
-                else {
-                    left = callerRect.right + 4;
-                }
-            }
-        }
-        return { top, left };
-    }
-}
-SkyPopoverAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPopoverAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyPopoverAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPopoverAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPopoverAdapterService, decorators: [{
-            type: Injectable
-        }] });
-//# sourceMappingURL=popover-adapter.service.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAM3C;;GAEG;AAEH,MAAM,OAAO,wBAAwB;IAC5B,mBAAmB,CACxB,QAAmC,EACnC,SAA8B,EAC9B,SAAkB;QAElB,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACzE,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QAC3E,MAAM,SAAS,GACb,QAAQ,CAAC,YAAY,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QAE9D,MAAM,cAAc,GAAG,EAAE,CAAC;QAE1B,IAAI,GAAW,CAAC;QAChB,IAAI,IAAY,CAAC;QAEjB,IAAI,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,OAAO,EAAE;YAClD,IAAI,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,GAAG,CAAC;YAEhD,uDAAuD;YACvD,IAAI,IAAI,GAAG,cAAc,GAAG,WAAW,CAAC,IAAI,EAAE;gBAC5C,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,cAAc,CAAC;aAC1C;iBAAM,IAAI,IAAI,GAAG,cAAc,GAAG,WAAW,CAAC,KAAK,EAAE;gBACpD,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,cAAc,CAAC;aAC3C;YAED,IAAI,SAAS,KAAK,OAAO,EAAE;gBACzB,IAAI,SAAS,KAAK,QAAQ,EAAE;oBAC1B,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC;iBACzC;qBAAM;oBACL,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;iBAC7C;aACF;iBAAM;gBACL,IAAI,SAAS,KAAK,QAAQ,EAAE;oBAC1B,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC;iBACzB;qBAAM;oBACL,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;iBAC7B;aACF;SACF;aAAM;YACL,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,GAAG,CAAC;YAE/C,uDAAuD;YACvD,IAAI,GAAG,GAAG,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;gBAC1C,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,cAAc,CAAC;aACxC;iBAAM,IAAI,GAAG,GAAG,cAAc,GAAG,WAAW,CAAC,MAAM,EAAE;gBACpD,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,cAAc,CAAC;aAC3C;YAED,IAAI,SAAS,KAAK,MAAM,EAAE;gBACxB,IAAI,SAAS,KAAK,QAAQ,EAAE;oBAC1B,IAAI,GAAG,UAAU,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC;iBAC1C;qBAAM;oBACL,IAAI,GAAG,UAAU,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC;iBAC9C;aACF;iBAAM;gBACL,IAAI,SAAS,KAAK,QAAQ,EAAE;oBAC1B,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC;iBACzB;qBAAM;oBACL,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC;iBAC7B;aACF;SACF;QAED,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;IACvB,CAAC;;sHAjEU,wBAAwB;0HAAxB,wBAAwB;4FAAxB,wBAAwB;kBADpC,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { SkyPopoverAdapterArrowCoordinates } from './types/popover-adapter-arrow-coordinates';\nimport { SkyPopoverAdapterElements } from './types/popover-adapter-elements';\nimport { SkyPopoverPlacement } from './types/popover-placement';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyPopoverAdapterService {\n  public getArrowCoordinates(\n    elements: SkyPopoverAdapterElements,\n    placement: SkyPopoverPlacement,\n    themeName?: string\n  ): SkyPopoverAdapterArrowCoordinates {\n    const callerRect = elements.caller.nativeElement.getBoundingClientRect();\n    const popoverRect = elements.popover.nativeElement.getBoundingClientRect();\n    const arrowRect =\n      elements.popoverArrow.nativeElement.getBoundingClientRect();\n\n    const pixelTolerance = 20;\n\n    let top: number;\n    let left: number;\n\n    if (placement === 'above' || placement === 'below') {\n      left = callerRect.left + callerRect.width * 0.5;\n\n      // Make sure the arrow never detaches from the popover.\n      if (left - pixelTolerance < popoverRect.left) {\n        left = popoverRect.left + pixelTolerance;\n      } else if (left + pixelTolerance > popoverRect.right) {\n        left = popoverRect.right - pixelTolerance;\n      }\n\n      if (placement === 'above') {\n        if (themeName !== 'modern') {\n          top = callerRect.top - arrowRect.height;\n        } else {\n          top = callerRect.top - arrowRect.height + 5;\n        }\n      } else {\n        if (themeName !== 'modern') {\n          top = callerRect.bottom;\n        } else {\n          top = callerRect.bottom + 4;\n        }\n      }\n    } else {\n      top = callerRect.top + callerRect.height * 0.5;\n\n      // Make sure the arrow never detaches from the popover.\n      if (top - pixelTolerance < popoverRect.top) {\n        top = popoverRect.top + pixelTolerance;\n      } else if (top + pixelTolerance > popoverRect.bottom) {\n        top = popoverRect.bottom - pixelTolerance;\n      }\n\n      if (placement === 'left') {\n        if (themeName !== 'modern') {\n          left = callerRect.left - arrowRect.width;\n        } else {\n          left = callerRect.left - arrowRect.width + 5;\n        }\n      } else {\n        if (themeName !== 'modern') {\n          left = callerRect.right;\n        } else {\n          left = callerRect.right + 4;\n        }\n      }\n    }\n\n    return { top, left };\n  }\n}\n"]}

package/esm2015/lib/modules/popover/popover-animation-state.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=popover-animation-state.js.map

package/esm2015/lib/modules/popover/popover-animation-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-animation-state.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-animation-state.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n */\nexport type SkyPopoverAnimationState = 'open' | 'closed';\n"]}

package/esm2015/lib/modules/popover/popover-animation.js

@@ -1,19 +0,0 @@
-import { animate, state, style, transition, trigger, } from '@angular/animations';
-/**
- * @internal
- */
-export const skyPopoverAnimation = trigger('skyPopoverAnimation', [
-    state('void', style({
-        opacity: 0,
-    })),
-    state('open', style({
-        opacity: 1,
-    })),
-    state('closed', style({
-        opacity: 0,
-    })),
-    transition('void => *', [animate('250ms')]),
-    transition('open => closed', [animate('150ms')]),
-    transition('closed => open', [animate('150ms')]),
-]);
-//# sourceMappingURL=popover-animation.js.map

package/esm2015/lib/modules/popover/popover-animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-animation.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,EACP,KAAK,EACL,KAAK,EACL,UAAU,EACV,OAAO,GACR,MAAM,qBAAqB,CAAC;AAE7B;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAA6B,OAAO,CAClE,qBAAqB,EACrB;IACE,KAAK,CACH,MAAM,EACN,KAAK,CAAC;QACJ,OAAO,EAAE,CAAC;KACX,CAAC,CACH;IACD,KAAK,CACH,MAAM,EACN,KAAK,CAAC;QACJ,OAAO,EAAE,CAAC;KACX,CAAC,CACH;IACD,KAAK,CACH,QAAQ,EACR,KAAK,CAAC;QACJ,OAAO,EAAE,CAAC;KACX,CAAC,CACH;IACD,UAAU,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,UAAU,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAChD,UAAU,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;CACjD,CACF,CAAC","sourcesContent":["import {\n  AnimationTriggerMetadata,\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\n/**\n * @internal\n */\nexport const skyPopoverAnimation: AnimationTriggerMetadata = trigger(\n  'skyPopoverAnimation',\n  [\n    state(\n      'void',\n      style({\n        opacity: 0,\n      })\n    ),\n    state(\n      'open',\n      style({\n        opacity: 1,\n      })\n    ),\n    state(\n      'closed',\n      style({\n        opacity: 0,\n      })\n    ),\n    transition('void => *', [animate('250ms')]),\n    transition('open => closed', [animate('150ms')]),\n    transition('closed => open', [animate('150ms')]),\n  ]\n);\n"]}

package/esm2015/lib/modules/popover/popover-content.component.js

@@ -1,271 +0,0 @@
-import { ChangeDetectorRef, Component, ElementRef, Optional, ViewChild, ViewContainerRef, } from '@angular/core';
-import { SkyAffixAutoFitContext, SkyAffixService, SkyCoreAdapterService, } from '@skyux/core';
-import { SkyThemeService } from '@skyux/theme';
-import { Subject, fromEvent as observableFromEvent } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { SkyPopoverAdapterService } from './popover-adapter.service';
-import { skyPopoverAnimation } from './popover-animation';
-import { SkyPopoverContext } from './popover-context';
-import { parseAffixHorizontalAlignment, parseAffixPlacement, } from './popover-extensions';
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/core";
-import * as i2 from "./popover-adapter.service";
-import * as i3 from "./popover-context";
-import * as i4 from "@skyux/theme";
-import * as i5 from "@angular/common";
-/**
- * @internal
- */
-export class SkyPopoverContentComponent {
-    constructor(changeDetector, elementRef, affixService, coreAdapterService, adapterService, context, themeSvc) {
-        this.changeDetector = changeDetector;
-        this.elementRef = elementRef;
-        this.affixService = affixService;
-        this.coreAdapterService = coreAdapterService;
-        this.adapterService = adapterService;
-        this.context = context;
-        this.themeSvc = themeSvc;
-        this.dismissOnBlur = true;
-        this.enableAnimations = true;
-        this.isOpen = false;
-        this.popoverType = 'info';
-        this.ngUnsubscribe = new Subject();
-        this._closed = new Subject();
-        this._isMouseEnter = new Subject();
-        this._opened = new Subject();
-    }
-    get animationState() {
-        return this.isOpen ? 'open' : 'closed';
-    }
-    get closed() {
-        return this._closed.asObservable();
-    }
-    get opened() {
-        return this._opened.asObservable();
-    }
-    get isMouseEnter() {
-        return this._isMouseEnter.asObservable();
-    }
-    ngOnInit() {
-        var _a;
-        /*istanbul ignore next*/
-        this.contentTarget.createEmbeddedView((_a = this.context) === null || _a === void 0 ? void 0 : _a.contentTemplateRef);
-        this.addEventListeners();
-        /*istanbul ignore else*/
-        if (this.themeSvc) {
-            this.themeSvc.settingsChange
-                .pipe(takeUntil(this.ngUnsubscribe))
-                .subscribe((themeSettings) => {
-                var _a, _b;
-                /*istanbul ignore next*/
-                this.themeName = (_b = (_a = themeSettings.currentSettings) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.name;
-            });
-        }
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-        this._closed.complete();
-        this._isMouseEnter.complete();
-        this._opened.complete();
-        /* istanbul ignore else */
-        if (this.affixer) {
-            this.affixer.destroy();
-        }
-        this._closed =
-            this._isMouseEnter =
-                this._opened =
-                    this.affixer =
-                        this.ngUnsubscribe =
-                            undefined;
-    }
-    onAnimationEvent(event) {
-        var _a, _b;
-        if (event.fromState === 'void') {
-            return;
-        }
-        if (event.phaseName === 'done') {
-            if (event.toState === 'open') {
-                /*istanbul ignore next*/
-                (_a = this._opened) === null || _a === void 0 ? void 0 : _a.next();
-            }
-            else {
-                /*istanbul ignore next*/
-                (_b = this._closed) === null || _b === void 0 ? void 0 : _b.next();
-            }
-        }
-    }
-    open(caller, config) {
-        this.caller = caller;
-        this.dismissOnBlur = config.dismissOnBlur;
-        this.enableAnimations = config.enableAnimations;
-        this.horizontalAlignment = config.horizontalAlignment;
-        this.placement = config.placement;
-        this.popoverTitle = config.popoverTitle;
-        if (config.popoverType) {
-            this.popoverType = config.popoverType;
-        }
-        this.changeDetector.markForCheck();
-        // Indicates if the popover should be displayed statically.
-        // Please note: This feature is internal-only and used by the visual tests to capture multiple
-        // states simultaneously without the overhead of event listeners.
-        /* istanbul ignore if */
-        if (config.isStatic) {
-            this.isOpen = true;
-            this.changeDetector.markForCheck();
-            return;
-        }
-        // Let the styles render before gauging the affix dimensions.
-        setTimeout(() => {
-            var _a;
-            /*istanbul ignore next*/
-            if (!((_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.nativeElement) ||
-                !this.ngUnsubscribe ||
-                this.ngUnsubscribe.isStopped) {
-                return;
-            }
-            if (!this.affixer) {
-                this.setupAffixer();
-            }
-            const affixOptions = {
-                autoFitContext: SkyAffixAutoFitContext.Viewport,
-                enableAutoFit: true,
-                horizontalAlignment: parseAffixHorizontalAlignment(this.horizontalAlignment),
-                isSticky: true,
-                placement: parseAffixPlacement(this.placement),
-            };
-            // Ensure that we are positioning the vertical alginment correctly. These
-            // are the default alignments for all popovers but ensure that we are future proof here.
-            if (affixOptions.placement === 'left' ||
-                affixOptions.placement === 'right') {
-                affixOptions.verticalAlignment = 'middle';
-            }
-            else if (affixOptions.placement === 'above') {
-                affixOptions.verticalAlignment = 'bottom';
-            }
-            else {
-                affixOptions.verticalAlignment = 'top';
-            }
-            this.affixer.affixTo(this.caller.nativeElement, affixOptions);
-            this.updateArrowOffset();
-            this.isOpen = true;
-            this.changeDetector.markForCheck();
-        });
-    }
-    close() {
-        this.isOpen = false;
-        this.changeDetector.markForCheck();
-    }
-    applyFocus() {
-        if (this.isOpen) {
-            this.coreAdapterService.getFocusableChildrenAndApplyFocus(this.popoverRef, '.sky-popover', true);
-        }
-    }
-    setupAffixer() {
-        const affixer = this.affixService.createAffixer(this.popoverRef);
-        affixer.offsetChange.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
-            this.updateArrowOffset();
-            this.changeDetector.markForCheck();
-        });
-        affixer.overflowScroll.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
-            this.updateArrowOffset();
-            this.changeDetector.markForCheck();
-        });
-        affixer.placementChange
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((change) => {
-            this.placement = change.placement;
-            this.changeDetector.markForCheck();
-        });
-        this.affixer = affixer;
-    }
-    updateArrowOffset() {
-        const { top, left } = this.adapterService.getArrowCoordinates({
-            caller: this.caller,
-            popover: this.popoverRef,
-            popoverArrow: this.arrowRef,
-        }, this.placement, this.themeName);
-        this.arrowTop = top;
-        this.arrowLeft = left;
-    }
-    isFocusLeavingElement(event) {
-        const focusableItems = this.coreAdapterService.getFocusableChildren(this.elementRef.nativeElement);
-        const isFirstItem = focusableItems[0] === event.target && event.shiftKey;
-        const isLastItem = focusableItems[focusableItems.length - 1] === event.target &&
-            !event.shiftKey;
-        return focusableItems.length === 0 || isFirstItem || isLastItem;
-    }
-    addEventListeners() {
-        const hostElement = this.elementRef.nativeElement;
-        observableFromEvent(hostElement, 'mouseenter')
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => this._isMouseEnter.next(true));
-        observableFromEvent(hostElement, 'mouseleave')
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => this._isMouseEnter.next(false));
-        observableFromEvent(hostElement, 'keydown')
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((event) => {
-            const key = event.key.toLowerCase();
-            /* tslint:disable-next-line:switch-default */
-            switch (key) {
-                case 'escape':
-                    this.close();
-                    this.caller.nativeElement.focus();
-                    event.preventDefault();
-                    event.stopPropagation();
-                    break;
-                // Since the popover now lives in an overlay at the bottom of the document body, we need
-                // to handle the tab key ourselves. Otherwise, focus would be moved to the browser's
-                // search bar.
-                case 'tab':
-                    if (!this.dismissOnBlur) {
-                        return;
-                    }
-                    /*istanbul ignore else*/
-                    if (this.isFocusLeavingElement(event)) {
-                        this.close();
-                        this.caller.nativeElement.focus();
-                        event.preventDefault();
-                        event.stopPropagation();
-                    }
-                    break;
-            }
-        });
-    }
-}
-SkyPopoverContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPopoverContentComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.SkyAffixService }, { token: i1.SkyCoreAdapterService }, { token: i2.SkyPopoverAdapterService }, { token: i3.SkyPopoverContext, optional: true }, { token: i4.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyPopoverContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPopoverContentComponent, selector: "sky-popover-content", providers: [SkyPopoverAdapterService], viewQueries: [{ propertyName: "arrowRef", first: true, predicate: ["arrowRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "popoverRef", first: true, predicate: ["popoverRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "contentTarget", first: true, predicate: ["contentTarget"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"sky-popover-container sky-popover-max-height\"\n  [@.disabled]=\"!enableAnimations\"\n  [@skyPopoverAnimation]=\"animationState\"\n  [class.sky-popover-hidden]=\"!placement\"\n  [ngClass]=\"[\n    'sky-popover-alignment-' + horizontalAlignment,\n    'sky-popover-placement-' + placement,\n    'sky-popover-' + popoverType\n  ]\"\n  (@skyPopoverAnimation.done)=\"onAnimationEvent($event)\"\n  (@skyPopoverAnimation.start)=\"onAnimationEvent($event)\"\n  #popoverRef\n>\n  <div\n    class=\"sky-popover\"\n    tabindex=\"-1\"\n    [skyThemeClass]=\"{\n      'sky-rounded-corners sky-shadow': 'default',\n      'sky-elevation-4': 'modern'\n    }\"\n  >\n    <header\n      *ngIf=\"popoverTitle\"\n      class=\"sky-popover-header\"\n      [skyThemeClass]=\"{\n        'sky-padding-even-default': 'default',\n        'sky-padding-even-lg sky-margin-stacked-lg': 'modern'\n      }\"\n    >\n      <h1\n        *ngIf=\"popoverTitle\"\n        class=\"sky-popover-title\"\n        [skyThemeClass]=\"{\n          'sky-emphasized': 'default',\n          'sky-font-emphasized': 'modern'\n        }\"\n      >\n        {{ popoverTitle }}\n      </h1>\n    </header>\n    <div\n      class=\"sky-popover-body\"\n      [skyThemeClass]=\"{\n        'sky-padding-even-default': 'default',\n        'sky-padding-even-lg': 'modern'\n      }\"\n    >\n      <ng-container #contentTarget></ng-container>\n    </div>\n    <span\n      aria-hidden=\"true\"\n      class=\"sky-popover-arrow\"\n      [style.left.px]=\"arrowLeft\"\n      [style.top.px]=\"arrowTop\"\n      #arrowRef\n    ></span>\n  </div>\n</div>\n", styles: [".sky-popover-container{position:fixed;min-width:276px;max-width:276px}.sky-popover-container.sky-popover-hidden{visibility:hidden;opacity:0;pointer-events:none!important}.sky-popover-container.sky-popover-hidden *{pointer-events:none!important}.sky-popover-container.sky-popover-static .sky-popover-arrow{position:absolute}.sky-popover-container:focus{outline:none}@media (max-width: 276px){.sky-popover-container{max-width:100%;min-width:auto}}.sky-popover{background-color:#fff}.sky-popover-header{padding-bottom:0}.sky-popover-header+.sky-popover-body{padding-top:2px}.sky-popover-title{margin:0}.sky-popover-arrow{width:0;height:0;position:fixed;border:10px solid transparent}.sky-popover-placement-above{padding-bottom:10px}.sky-popover-placement-above .sky-popover{border-bottom:10px solid #00b4f1}.sky-popover-placement-above .sky-popover-arrow{border-bottom:0;border-top-color:#00b4f1;bottom:0;left:50%;margin-left:-10px}.sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:#ef4044}.sky-popover-placement-above.sky-popover-danger .sky-popover-arrow{border-top-color:#ef4044}.sky-popover-placement-below{padding-top:10px}.sky-popover-placement-below .sky-popover{border-top:10px solid #00b4f1}.sky-popover-placement-below .sky-popover-arrow{border-top:0;border-bottom-color:#00b4f1;top:0;left:50%;margin-left:-10px}.sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:#ef4044}.sky-popover-placement-below.sky-popover-danger .sky-popover-arrow{border-bottom-color:#ef4044}.sky-popover-placement-right{padding-left:10px}.sky-popover-placement-right .sky-popover{border-left:10px solid #00b4f1}.sky-popover-placement-right .sky-popover-arrow{border-left:0;border-right-color:#00b4f1;left:0;top:50%;margin-top:-10px}.sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:#ef4044}.sky-popover-placement-right.sky-popover-danger .sky-popover-arrow{border-right-color:#ef4044}.sky-popover-placement-left{padding-right:10px}.sky-popover-placement-left .sky-popover{border-right:10px solid #00b4f1}.sky-popover-placement-left .sky-popover-arrow{border-right:0;border-left-color:#00b4f1;right:0;top:50%;margin-top:-10px}.sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:#ef4044}.sky-popover-placement-left.sky-popover-danger .sky-popover-arrow{border-left-color:#ef4044}.sky-popover-placement-above.sky-popover-alignment-left .sky-popover-arrow,.sky-popover-placement-below.sky-popover-alignment-left .sky-popover-arrow{left:40px;right:auto}.sky-popover-placement-above.sky-popover-alignment-right .sky-popover-arrow,.sky-popover-placement-below.sky-popover-alignment-right .sky-popover-arrow{left:auto;right:40px}.sky-popover-max-height .sky-popover{overflow-y:auto;overflow-x:hidden;min-height:35px;max-height:calc(50vh - 50px)}:host-context(.sky-theme-modern) .sky-popover{border-radius:6px}:host-context(.sky-theme-modern) .sky-popover-arrow{transform:rotate(45deg);border-color:transparent}:host-context(.sky-theme-modern) .sky-popover-placement-above{padding-bottom:10px}:host-context(.sky-theme-modern) .sky-popover-placement-above .sky-popover{border-bottom:6px solid #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-above .sky-popover-arrow{bottom:1px;border-radius:0 0 3px;border-bottom:solid 10px #00b4f1;border-right:solid 10px #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:#ef4044}:host-context(.sky-theme-modern) .sky-popover-placement-above.sky-popover-danger .sky-popover-arrow{border-bottom-color:#ef4044;border-right-color:#ef4044;border-top-color:transparent;border-left-color:transparent}:host-context(.sky-theme-modern) .sky-popover-placement-below{padding-top:10px}:host-context(.sky-theme-modern) .sky-popover-placement-below .sky-popover{border-top:6px solid #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-below .sky-popover-arrow{top:1px;border-radius:3px 0 0;border-top:solid 10px #00b4f1;border-left:solid 10px #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:#ef4044}:host-context(.sky-theme-modern) .sky-popover-placement-below.sky-popover-danger .sky-popover-arrow{border-top-color:#ef4044;border-left-color:#ef4044;border-bottom-color:transparent;border-right-color:transparent}:host-context(.sky-theme-modern) .sky-popover-placement-right{padding-left:10px}:host-context(.sky-theme-modern) .sky-popover-placement-right .sky-popover{border-left:6px solid #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-right .sky-popover-arrow{left:1px;border-radius:0 0 0 3px;border-bottom:solid 10px #00b4f1;border-left:solid 10px #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:#ef4044}:host-context(.sky-theme-modern) .sky-popover-placement-right.sky-popover-danger .sky-popover-arrow{border-bottom-color:#ef4044;border-left-color:#ef4044;border-top-color:transparent;border-right-color:transparent}:host-context(.sky-theme-modern) .sky-popover-placement-left{padding-right:10px}:host-context(.sky-theme-modern) .sky-popover-placement-left .sky-popover{border-right:6px solid #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-left .sky-popover-arrow{right:1px;border-radius:0 3px 0 0;border-top:solid 10px #00b4f1;border-right:solid 10px #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:#ef4044}:host-context(.sky-theme-modern) .sky-popover-placement-left.sky-popover-danger .sky-popover-arrow{border-top-color:#ef4044;border-right-color:#ef4044;border-bottom-color:transparent;border-left-color:transparent}.sky-theme-modern .sky-popover{border-radius:6px}.sky-theme-modern .sky-popover-arrow{transform:rotate(45deg);border-color:transparent}.sky-theme-modern .sky-popover-placement-above{padding-bottom:10px}.sky-theme-modern .sky-popover-placement-above .sky-popover{border-bottom:6px solid #00b4f1}.sky-theme-modern .sky-popover-placement-above .sky-popover-arrow{bottom:1px;border-radius:0 0 3px;border-bottom:solid 10px #00b4f1;border-right:solid 10px #00b4f1}.sky-theme-modern .sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:#ef4044}.sky-theme-modern .sky-popover-placement-above.sky-popover-danger .sky-popover-arrow{border-bottom-color:#ef4044;border-right-color:#ef4044;border-top-color:transparent;border-left-color:transparent}.sky-theme-modern .sky-popover-placement-below{padding-top:10px}.sky-theme-modern .sky-popover-placement-below .sky-popover{border-top:6px solid #00b4f1}.sky-theme-modern .sky-popover-placement-below .sky-popover-arrow{top:1px;border-radius:3px 0 0;border-top:solid 10px #00b4f1;border-left:solid 10px #00b4f1}.sky-theme-modern .sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:#ef4044}.sky-theme-modern .sky-popover-placement-below.sky-popover-danger .sky-popover-arrow{border-top-color:#ef4044;border-left-color:#ef4044;border-bottom-color:transparent;border-right-color:transparent}.sky-theme-modern .sky-popover-placement-right{padding-left:10px}.sky-theme-modern .sky-popover-placement-right .sky-popover{border-left:6px solid #00b4f1}.sky-theme-modern .sky-popover-placement-right .sky-popover-arrow{left:1px;border-radius:0 0 0 3px;border-bottom:solid 10px #00b4f1;border-left:solid 10px #00b4f1}.sky-theme-modern .sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:#ef4044}.sky-theme-modern .sky-popover-placement-right.sky-popover-danger .sky-popover-arrow{border-bottom-color:#ef4044;border-left-color:#ef4044;border-top-color:transparent;border-right-color:transparent}.sky-theme-modern .sky-popover-placement-left{padding-right:10px}.sky-theme-modern .sky-popover-placement-left .sky-popover{border-right:6px solid #00b4f1}.sky-theme-modern .sky-popover-placement-left .sky-popover-arrow{right:1px;border-radius:0 3px 0 0;border-top:solid 10px #00b4f1;border-right:solid 10px #00b4f1}.sky-theme-modern .sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:#ef4044}.sky-theme-modern .sky-popover-placement-left.sky-popover-danger .sky-popover-arrow{border-top-color:#ef4044;border-right-color:#ef4044;border-bottom-color:transparent;border-left-color:transparent}\n"], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [skyPopoverAnimation] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPopoverContentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-popover-content',
-                    templateUrl: './popover-content.component.html',
-                    styleUrls: ['./popover-content.component.scss'],
-                    animations: [skyPopoverAnimation],
-                    providers: [SkyPopoverAdapterService],
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.SkyAffixService }, { type: i1.SkyCoreAdapterService }, { type: i2.SkyPopoverAdapterService }, { type: i3.SkyPopoverContext, decorators: [{
-                    type: Optional
-                }] }, { type: i4.SkyThemeService, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { arrowRef: [{
-                type: ViewChild,
-                args: ['arrowRef', {
-                        read: ElementRef,
-                        static: true,
-                    }]
-            }], popoverRef: [{
-                type: ViewChild,
-                args: ['popoverRef', {
-                        read: ElementRef,
-                        static: true,
-                    }]
-            }], contentTarget: [{
-                type: ViewChild,
-                args: ['contentTarget', {
-                        read: ViewContainerRef,
-                        static: true,
-                    }]
-            }] } });
-//# sourceMappingURL=popover-content.component.js.map

package/esm2015/lib/modules/popover/popover-content.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-content.component.ts","../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-content.component.html"],"names":[],"mappings":"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","sourcesContent":["import { AnimationEvent } from '@angular/animations';\nimport {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  OnDestroy,\n  OnInit,\n  Optional,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport {\n  SkyAffixAutoFitContext,\n  SkyAffixConfig,\n  SkyAffixService,\n  SkyAffixer,\n  SkyCoreAdapterService,\n} from '@skyux/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Observable, Subject, fromEvent as observableFromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyPopoverAdapterService } from './popover-adapter.service';\nimport { skyPopoverAnimation } from './popover-animation';\nimport { SkyPopoverAnimationState } from './popover-animation-state';\nimport { SkyPopoverContext } from './popover-context';\nimport {\n  parseAffixHorizontalAlignment,\n  parseAffixPlacement,\n} from './popover-extensions';\nimport { SkyPopoverAlignment } from './types/popover-alignment';\nimport { SkyPopoverPlacement } from './types/popover-placement';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-popover-content',\n  templateUrl: './popover-content.component.html',\n  styleUrls: ['./popover-content.component.scss'],\n  animations: [skyPopoverAnimation],\n  providers: [SkyPopoverAdapterService],\n})\nexport class SkyPopoverContentComponent implements OnInit, OnDestroy {\n  public get animationState(): SkyPopoverAnimationState {\n    return this.isOpen ? 'open' : 'closed';\n  }\n\n  public get closed(): Observable<void> {\n    return this._closed.asObservable();\n  }\n\n  public get opened(): Observable<void> {\n    return this._opened.asObservable();\n  }\n\n  public get isMouseEnter(): Observable<boolean> {\n    return this._isMouseEnter.asObservable();\n  }\n\n  public affixer: SkyAffixer;\n\n  public arrowLeft: number;\n\n  public arrowTop: number;\n\n  public dismissOnBlur = true;\n\n  public enableAnimations = true;\n\n  public horizontalAlignment: SkyPopoverAlignment;\n\n  public isOpen = false;\n\n  public placement: SkyPopoverPlacement;\n\n  public popoverTitle: string;\n\n  public popoverType: 'danger' | 'info' = 'info';\n\n  public themeName: string;\n\n  @ViewChild('arrowRef', {\n    read: ElementRef,\n    static: true,\n  })\n  private arrowRef: ElementRef;\n\n  @ViewChild('popoverRef', {\n    read: ElementRef,\n    static: true,\n  })\n  private popoverRef: ElementRef;\n\n  @ViewChild('contentTarget', {\n    read: ViewContainerRef,\n    static: true,\n  })\n  private contentTarget: ViewContainerRef;\n\n  private caller: ElementRef;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _closed = new Subject<void>();\n\n  private _isMouseEnter = new Subject<boolean>();\n\n  private _opened = new Subject<void>();\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private elementRef: ElementRef,\n    private affixService: SkyAffixService,\n    private coreAdapterService: SkyCoreAdapterService,\n    private adapterService: SkyPopoverAdapterService,\n    @Optional() private context?: SkyPopoverContext,\n    @Optional() private themeSvc?: SkyThemeService\n  ) {}\n\n  public ngOnInit(): void {\n    /*istanbul ignore next*/\n    this.contentTarget.createEmbeddedView(this.context?.contentTemplateRef);\n    this.addEventListeners();\n\n    /*istanbul ignore else*/\n    if (this.themeSvc) {\n      this.themeSvc.settingsChange\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((themeSettings) => {\n          /*istanbul ignore next*/\n          this.themeName = themeSettings.currentSettings?.theme?.name;\n        });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n\n    this._closed.complete();\n    this._isMouseEnter.complete();\n    this._opened.complete();\n\n    /* istanbul ignore else */\n    if (this.affixer) {\n      this.affixer.destroy();\n    }\n\n    this._closed =\n      this._isMouseEnter =\n      this._opened =\n      this.affixer =\n      this.ngUnsubscribe =\n        undefined;\n  }\n\n  public onAnimationEvent(event: AnimationEvent): void {\n    if (event.fromState === 'void') {\n      return;\n    }\n\n    if (event.phaseName === 'done') {\n      if (event.toState === 'open') {\n        /*istanbul ignore next*/\n        this._opened?.next();\n      } else {\n        /*istanbul ignore next*/\n        this._closed?.next();\n      }\n    }\n  }\n\n  public open(\n    caller: ElementRef,\n    config: {\n      dismissOnBlur: boolean;\n      enableAnimations: boolean;\n      horizontalAlignment: SkyPopoverAlignment;\n      isStatic: boolean;\n      placement: SkyPopoverPlacement;\n      popoverTitle: string;\n      popoverType?: 'danger' | 'info';\n    }\n  ): void {\n    this.caller = caller;\n    this.dismissOnBlur = config.dismissOnBlur;\n    this.enableAnimations = config.enableAnimations;\n    this.horizontalAlignment = config.horizontalAlignment;\n    this.placement = config.placement;\n    this.popoverTitle = config.popoverTitle;\n    if (config.popoverType) {\n      this.popoverType = config.popoverType;\n    }\n\n    this.changeDetector.markForCheck();\n\n    // Indicates if the popover should be displayed statically.\n    // Please note: This feature is internal-only and used by the visual tests to capture multiple\n    // states simultaneously without the overhead of event listeners.\n    /* istanbul ignore if */\n    if (config.isStatic) {\n      this.isOpen = true;\n      this.changeDetector.markForCheck();\n      return;\n    }\n\n    // Let the styles render before gauging the affix dimensions.\n    setTimeout(() => {\n      /*istanbul ignore next*/\n      if (\n        !this.popoverRef?.nativeElement ||\n        !this.ngUnsubscribe ||\n        this.ngUnsubscribe.isStopped\n      ) {\n        return;\n      }\n\n      if (!this.affixer) {\n        this.setupAffixer();\n      }\n\n      const affixOptions: SkyAffixConfig = {\n        autoFitContext: SkyAffixAutoFitContext.Viewport,\n        enableAutoFit: true,\n        horizontalAlignment: parseAffixHorizontalAlignment(\n          this.horizontalAlignment\n        ),\n        isSticky: true,\n        placement: parseAffixPlacement(this.placement),\n      };\n\n      // Ensure that we are positioning the vertical alginment correctly. These\n      // are the default alignments for all popovers but ensure that we are future proof here.\n      if (\n        affixOptions.placement === 'left' ||\n        affixOptions.placement === 'right'\n      ) {\n        affixOptions.verticalAlignment = 'middle';\n      } else if (affixOptions.placement === 'above') {\n        affixOptions.verticalAlignment = 'bottom';\n      } else {\n        affixOptions.verticalAlignment = 'top';\n      }\n\n      this.affixer.affixTo(this.caller.nativeElement, affixOptions);\n\n      this.updateArrowOffset();\n\n      this.isOpen = true;\n      this.changeDetector.markForCheck();\n    });\n  }\n\n  public close(): void {\n    this.isOpen = false;\n    this.changeDetector.markForCheck();\n  }\n\n  public applyFocus(): void {\n    if (this.isOpen) {\n      this.coreAdapterService.getFocusableChildrenAndApplyFocus(\n        this.popoverRef,\n        '.sky-popover',\n        true\n      );\n    }\n  }\n\n  private setupAffixer(): void {\n    const affixer = this.affixService.createAffixer(this.popoverRef);\n\n    affixer.offsetChange.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.updateArrowOffset();\n      this.changeDetector.markForCheck();\n    });\n\n    affixer.overflowScroll.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.updateArrowOffset();\n      this.changeDetector.markForCheck();\n    });\n\n    affixer.placementChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((change) => {\n        this.placement = change.placement;\n        this.changeDetector.markForCheck();\n      });\n\n    this.affixer = affixer;\n  }\n\n  private updateArrowOffset(): void {\n    const { top, left } = this.adapterService.getArrowCoordinates(\n      {\n        caller: this.caller,\n        popover: this.popoverRef,\n        popoverArrow: this.arrowRef,\n      },\n      this.placement,\n      this.themeName\n    );\n\n    this.arrowTop = top;\n    this.arrowLeft = left;\n  }\n\n  private isFocusLeavingElement(event: KeyboardEvent): boolean {\n    const focusableItems = this.coreAdapterService.getFocusableChildren(\n      this.elementRef.nativeElement\n    );\n\n    const isFirstItem = focusableItems[0] === event.target && event.shiftKey;\n\n    const isLastItem =\n      focusableItems[focusableItems.length - 1] === event.target &&\n      !event.shiftKey;\n\n    return focusableItems.length === 0 || isFirstItem || isLastItem;\n  }\n\n  private addEventListeners(): void {\n    const hostElement = this.elementRef.nativeElement;\n\n    observableFromEvent(hostElement, 'mouseenter')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => this._isMouseEnter.next(true));\n\n    observableFromEvent(hostElement, 'mouseleave')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => this._isMouseEnter.next(false));\n\n    observableFromEvent(hostElement, 'keydown')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((event: KeyboardEvent) => {\n        const key = event.key.toLowerCase();\n\n        /* tslint:disable-next-line:switch-default */\n        switch (key) {\n          case 'escape':\n            this.close();\n            this.caller.nativeElement.focus();\n            event.preventDefault();\n            event.stopPropagation();\n            break;\n\n          // Since the popover now lives in an overlay at the bottom of the document body, we need\n          // to handle the tab key ourselves. Otherwise, focus would be moved to the browser's\n          // search bar.\n          case 'tab':\n            if (!this.dismissOnBlur) {\n              return;\n            }\n\n            /*istanbul ignore else*/\n            if (this.isFocusLeavingElement(event)) {\n              this.close();\n              this.caller.nativeElement.focus();\n              event.preventDefault();\n              event.stopPropagation();\n            }\n            break;\n        }\n      });\n  }\n}\n","<div\n  class=\"sky-popover-container sky-popover-max-height\"\n  [@.disabled]=\"!enableAnimations\"\n  [@skyPopoverAnimation]=\"animationState\"\n  [class.sky-popover-hidden]=\"!placement\"\n  [ngClass]=\"[\n    'sky-popover-alignment-' + horizontalAlignment,\n    'sky-popover-placement-' + placement,\n    'sky-popover-' + popoverType\n  ]\"\n  (@skyPopoverAnimation.done)=\"onAnimationEvent($event)\"\n  (@skyPopoverAnimation.start)=\"onAnimationEvent($event)\"\n  #popoverRef\n>\n  <div\n    class=\"sky-popover\"\n    tabindex=\"-1\"\n    [skyThemeClass]=\"{\n      'sky-rounded-corners sky-shadow': 'default',\n      'sky-elevation-4': 'modern'\n    }\"\n  >\n    <header\n      *ngIf=\"popoverTitle\"\n      class=\"sky-popover-header\"\n      [skyThemeClass]=\"{\n        'sky-padding-even-default': 'default',\n        'sky-padding-even-lg sky-margin-stacked-lg': 'modern'\n      }\"\n    >\n      <h1\n        *ngIf=\"popoverTitle\"\n        class=\"sky-popover-title\"\n        [skyThemeClass]=\"{\n          'sky-emphasized': 'default',\n          'sky-font-emphasized': 'modern'\n        }\"\n      >\n        {{ popoverTitle }}\n      </h1>\n    </header>\n    <div\n      class=\"sky-popover-body\"\n      [skyThemeClass]=\"{\n        'sky-padding-even-default': 'default',\n        'sky-padding-even-lg': 'modern'\n      }\"\n    >\n      <ng-container #contentTarget></ng-container>\n    </div>\n    <span\n      aria-hidden=\"true\"\n      class=\"sky-popover-arrow\"\n      [style.left.px]=\"arrowLeft\"\n      [style.top.px]=\"arrowTop\"\n      #arrowRef\n    ></span>\n  </div>\n</div>\n"]}

package/esm2015/lib/modules/popover/popover-context.js

@@ -1,10 +0,0 @@
-/**
- * @dynamic
- * @internal
- */
-export class SkyPopoverContext {
-    constructor(args) {
-        this.contentTemplateRef = args.contentTemplateRef;
-    }
-}
-//# sourceMappingURL=popover-context.js.map

package/esm2015/lib/modules/popover/popover-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-context.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-context.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,OAAO,iBAAiB;IAG5B,YAAY,IAA8C;QACxD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC;IACpD,CAAC;CACF","sourcesContent":["import { TemplateRef } from '@angular/core';\n\n/**\n * @dynamic\n * @internal\n */\nexport class SkyPopoverContext {\n  public readonly contentTemplateRef: TemplateRef<any>;\n\n  constructor(args: { contentTemplateRef: TemplateRef<any> }) {\n    this.contentTemplateRef = args.contentTemplateRef;\n  }\n}\n"]}

package/esm2015/lib/modules/popover/popover-extensions.js

@@ -1,29 +0,0 @@
-export function parseAffixPlacement(placement) {
-    switch (placement) {
-        case 'above':
-            return 'above';
-        case 'below':
-            return 'below';
-        case 'right':
-            return 'right';
-        case 'left':
-            return 'left';
-        /* istanbul ignore next */
-        default:
-            throw `SkyAffixPlacement does not have a matching value for '${placement}'!`;
-    }
-}
-export function parseAffixHorizontalAlignment(alignment) {
-    switch (alignment) {
-        case 'center':
-            return 'center';
-        case 'left':
-            return 'left';
-        case 'right':
-            return 'right';
-        /* istanbul ignore next */
-        default:
-            throw `SkyAffixHorizontalAlignment does not have a matching value for '${alignment}'!`;
-    }
-}
-//# sourceMappingURL=popover-extensions.js.map

package/esm2015/lib/modules/popover/popover-extensions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-extensions.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-extensions.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,mBAAmB,CACjC,SAA8B;IAE9B,QAAQ,SAAS,EAAE;QACjB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,0BAA0B;QAC1B;YACE,MAAM,yDAAyD,SAAS,IAAI,CAAC;KAChF;AACH,CAAC;AAED,MAAM,UAAU,6BAA6B,CAC3C,SAA8B;IAE9B,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB,0BAA0B;QAC1B;YACE,MAAM,mEAAmE,SAAS,IAAI,CAAC;KAC1F;AACH,CAAC","sourcesContent":["import { SkyAffixHorizontalAlignment, SkyAffixPlacement } from '@skyux/core';\n\nimport { SkyPopoverAlignment } from './types/popover-alignment';\nimport { SkyPopoverPlacement } from './types/popover-placement';\n\nexport function parseAffixPlacement(\n  placement: SkyPopoverPlacement\n): SkyAffixPlacement {\n  switch (placement) {\n    case 'above':\n      return 'above';\n    case 'below':\n      return 'below';\n    case 'right':\n      return 'right';\n    case 'left':\n      return 'left';\n    /* istanbul ignore next */\n    default:\n      throw `SkyAffixPlacement does not have a matching value for '${placement}'!`;\n  }\n}\n\nexport function parseAffixHorizontalAlignment(\n  alignment: SkyPopoverAlignment\n): SkyAffixHorizontalAlignment {\n  switch (alignment) {\n    case 'center':\n      return 'center';\n    case 'left':\n      return 'left';\n    case 'right':\n      return 'right';\n    /* istanbul ignore next */\n    default:\n      throw `SkyAffixHorizontalAlignment does not have a matching value for '${alignment}'!`;\n  }\n}\n"]}