@skyux/modals 5.0.5 → 5.5.0

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

@@ -0,0 +1,55 @@
+import { Injectable } from '@angular/core';
+import { SkyModalService } from '../modal/modal.service';
+import { SkyConfirmModalContext } from './confirm-modal-context';
+import { SkyConfirmComponent } from './confirm.component';
+import { SkyConfirmInstance } from './confirm-instance';
+import * as i0 from "@angular/core";
+import * as i1 from "../modal/modal.service";
+/**
+ *  The `SkyConfirmService` provider launches the confirmation dialog.
+ * Within the service, you can specify the dialog's message and customize the button text.
+ */
+export class SkyConfirmService {
+    constructor(modalService) {
+        this.modalService = modalService;
+    }
+    /**
+     * Opens a confirmation dialog and passes the `config` parameter of type `SkyConfirmConfig`
+     * to the component's constructor. This method returns an object of type `SkyConfirmInstance`.
+     */
+    open(config) {
+        const modalInstance = this.modalService.open(SkyConfirmComponent, {
+            providers: [
+                {
+                    provide: SkyConfirmModalContext,
+                    useValue: config,
+                },
+            ],
+        });
+        const confirmInstance = new SkyConfirmInstance();
+        modalInstance.closed.subscribe((args) => {
+            let result = args.data;
+            // The modal was closed using the ESC key.
+            if (result === undefined) {
+                result = {
+                    action: 'cancel',
+                };
+            }
+            confirmInstance.closed.emit(result);
+            confirmInstance.closed.complete();
+        });
+        return confirmInstance;
+    }
+}
+SkyConfirmService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyConfirmService, deps: [{ token: i1.SkyModalService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyConfirmService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyConfirmService, providedIn: 'any' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyConfirmService, decorators: [{
+            type: Injectable,
+            args: [{
+                    // Must be 'any' so that the modal component is created in the context of its module's injector.
+                    // If set to 'root', the component's dependency injections would only be derived from the root
+                    // injector and may loose context if the modal was opened from within a lazy-loaded module.
+                    providedIn: 'any',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyModalService }]; } });
+//# sourceMappingURL=confirm.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/modals/src/lib/modules/confirm/confirm.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAMzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;;;AAExD;;;GAGG;AAOH,MAAM,OAAO,iBAAiB;IAC5B,YAAoB,YAA6B;QAA7B,iBAAY,GAAZ,YAAY,CAAiB;IAAG,CAAC;IAErD;;;OAGG;IACI,IAAI,CAAC,MAAwB;QAClC,MAAM,aAAa,GAAqB,IAAI,CAAC,YAAY,CAAC,IAAI,CAC5D,mBAAmB,EACnB;YACE,SAAS,EAAE;gBACT;oBACE,OAAO,EAAE,sBAAsB;oBAC/B,QAAQ,EAAE,MAAM;iBACjB;aACF;SACF,CACF,CAAC;QAEF,MAAM,eAAe,GAAG,IAAI,kBAAkB,EAAE,CAAC;QAEjD,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAuB,EAAE,EAAE;YACzD,IAAI,MAAM,GAA6B,IAAI,CAAC,IAAI,CAAC;YAEjD,0CAA0C;YAC1C,IAAI,MAAM,KAAK,SAAS,EAAE;gBACxB,MAAM,GAAG;oBACP,MAAM,EAAE,QAAQ;iBACjB,CAAC;aACH;YAED,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACpC,eAAe,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,OAAO,eAAe,CAAC;IACzB,CAAC;;+GArCU,iBAAiB;mHAAjB,iBAAiB,cAFhB,KAAK;4FAEN,iBAAiB;kBAN7B,UAAU;mBAAC;oBACV,gGAAgG;oBAChG,8FAA8F;oBAC9F,2FAA2F;oBAC3F,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { SkyModalCloseArgs } from '../modal/modal-close-args';\n\nimport { SkyModalInstance } from '../modal/modal-instance';\n\nimport { SkyModalService } from '../modal/modal.service';\n\nimport { SkyConfirmCloseEventArgs } from './confirm-closed-event-args';\n\nimport { SkyConfirmConfig } from './confirm-config';\n\nimport { SkyConfirmModalContext } from './confirm-modal-context';\n\nimport { SkyConfirmComponent } from './confirm.component';\n\nimport { SkyConfirmInstance } from './confirm-instance';\n\n/**\n *  The `SkyConfirmService` provider launches the confirmation dialog.\n * Within the service, you can specify the dialog's message and customize the button text.\n */\n@Injectable({\n  // Must be 'any' so that the modal component is created in the context of its module's injector.\n  // If set to 'root', the component's dependency injections would only be derived from the root\n  // injector and may loose context if the modal was opened from within a lazy-loaded module.\n  providedIn: 'any',\n})\nexport class SkyConfirmService {\n  constructor(private modalService: SkyModalService) {}\n\n  /**\n   * Opens a confirmation dialog and passes the `config` parameter of type `SkyConfirmConfig`\n   * to the component's constructor. This method returns an object of type `SkyConfirmInstance`.\n   */\n  public open(config: SkyConfirmConfig): SkyConfirmInstance {\n    const modalInstance: SkyModalInstance = this.modalService.open(\n      SkyConfirmComponent,\n      {\n        providers: [\n          {\n            provide: SkyConfirmModalContext,\n            useValue: config,\n          },\n        ],\n      }\n    );\n\n    const confirmInstance = new SkyConfirmInstance();\n\n    modalInstance.closed.subscribe((args: SkyModalCloseArgs) => {\n      let result: SkyConfirmCloseEventArgs = args.data;\n\n      // The modal was closed using the ESC key.\n      if (result === undefined) {\n        result = {\n          action: 'cancel',\n        };\n      }\n\n      confirmInstance.closed.emit(result);\n      confirmInstance.closed.complete();\n    });\n\n    return confirmInstance;\n  }\n}\n"]}

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

@@ -0,0 +1,47 @@
+import { Injectable } from '@angular/core';
+import { SkyAppWindowRef } from '@skyux/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/core";
+/**
+ * @internal
+ */
+export class SkyModalAdapterService {
+    constructor(windowRef) {
+        this.windowRef = windowRef;
+        this.docRef = this.windowRef.nativeWindow.document;
+        this.bodyEl = this.windowRef.nativeWindow.document.body;
+    }
+    toggleFullPageModalClass(isAddFull) {
+        if (isAddFull) {
+            this.addClassToBody(SkyModalAdapterService.MODAL_BODY_FULL_CLASS);
+        }
+        else {
+            this.removeClassFromBody(SkyModalAdapterService.MODAL_BODY_FULL_CLASS);
+        }
+    }
+    setPageScroll(isAdd) {
+        if (isAdd) {
+            this.addClassToBody(SkyModalAdapterService.MODAL_BODY_CLASS);
+        }
+        else {
+            this.removeClassFromBody(SkyModalAdapterService.MODAL_BODY_CLASS);
+        }
+    }
+    getModalOpener() {
+        return this.docRef.activeElement;
+    }
+    addClassToBody(className) {
+        this.bodyEl.classList.add(className);
+    }
+    removeClassFromBody(className) {
+        this.bodyEl.classList.remove(className);
+    }
+}
+SkyModalAdapterService.MODAL_BODY_FULL_CLASS = 'sky-modal-body-full-page';
+SkyModalAdapterService.MODAL_BODY_CLASS = 'sky-modal-body-open';
+SkyModalAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalAdapterService, deps: [{ token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyModalAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalAdapterService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.SkyAppWindowRef }]; } });
+//# sourceMappingURL=modal-adapter.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;;;AAE9C;;GAEG;AAEH,MAAM,OAAO,sBAAsB;IAOjC,YAAoB,SAA0B;QAA1B,cAAS,GAAT,SAAS,CAAiB;QAC5C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,QAAQ,CAAC;QACnD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC1D,CAAC;IAEM,wBAAwB,CAAC,SAAkB;QAChD,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,qBAAqB,CAAC,CAAC;SACnE;aAAM;YACL,IAAI,CAAC,mBAAmB,CAAC,sBAAsB,CAAC,qBAAqB,CAAC,CAAC;SACxE;IACH,CAAC;IAEM,aAAa,CAAC,KAAc;QACjC,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;SAC9D;aAAM;YACL,IAAI,CAAC,mBAAmB,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;SACnE;IACH,CAAC;IAEM,cAAc;QACnB,OAAoB,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;IAChD,CAAC;IAEO,cAAc,CAAC,SAAiB;QACtC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC;IAEO,mBAAmB,CAAC,SAAiB;QAC3C,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC1C,CAAC;;AArCuB,4CAAqB,GAAG,0BAA0B,CAAC;AACnD,uCAAgB,GAAG,qBAAqB,CAAC;oHAFtD,sBAAsB;wHAAtB,sBAAsB;4FAAtB,sBAAsB;kBADlC,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { SkyAppWindowRef } from '@skyux/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyModalAdapterService {\n  private static readonly MODAL_BODY_FULL_CLASS = 'sky-modal-body-full-page';\n  private static readonly MODAL_BODY_CLASS = 'sky-modal-body-open';\n\n  private docRef: any;\n  private bodyEl: HTMLElement;\n\n  constructor(private windowRef: SkyAppWindowRef) {\n    this.docRef = this.windowRef.nativeWindow.document;\n    this.bodyEl = this.windowRef.nativeWindow.document.body;\n  }\n\n  public toggleFullPageModalClass(isAddFull: boolean): void {\n    if (isAddFull) {\n      this.addClassToBody(SkyModalAdapterService.MODAL_BODY_FULL_CLASS);\n    } else {\n      this.removeClassFromBody(SkyModalAdapterService.MODAL_BODY_FULL_CLASS);\n    }\n  }\n\n  public setPageScroll(isAdd: boolean): void {\n    if (isAdd) {\n      this.addClassToBody(SkyModalAdapterService.MODAL_BODY_CLASS);\n    } else {\n      this.removeClassFromBody(SkyModalAdapterService.MODAL_BODY_CLASS);\n    }\n  }\n\n  public getModalOpener(): HTMLElement {\n    return <HTMLElement>this.docRef.activeElement;\n  }\n\n  private addClassToBody(className: string): void {\n    this.bodyEl.classList.add(className);\n  }\n\n  private removeClassFromBody(className: string): void {\n    this.bodyEl.classList.remove(className);\n  }\n}\n"]}

package/esm2015/lib/modules/modal/modal-before-close-handler.js

@@ -0,0 +1,7 @@
+export class SkyModalBeforeCloseHandler {
+    constructor(closeModal, closeArgs) {
+        this.closeModal = closeModal;
+        this.closeArgs = closeArgs;
+    }
+}
+//# sourceMappingURL=modal-before-close-handler.js.map

package/esm2015/lib/modules/modal/modal-before-close-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-before-close-handler.js","sourceRoot":"","sources":["../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-before-close-handler.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,0BAA0B;IACrC,YACkB,UAAoB,EACpB,SAA4B;QAD5B,eAAU,GAAV,UAAU,CAAU;QACpB,cAAS,GAAT,SAAS,CAAmB;IAC3C,CAAC;CACL","sourcesContent":["import { SkyModalCloseArgs } from './modal-close-args';\n\nexport class SkyModalBeforeCloseHandler {\n  constructor(\n    public readonly closeModal: Function,\n    public readonly closeArgs: SkyModalCloseArgs\n  ) {}\n}\n"]}

package/esm2015/lib/modules/modal/modal-close-args.js

@@ -0,0 +1,4 @@
+export class SkyModalCloseArgs {
+    constructor() { }
+}
+//# sourceMappingURL=modal-close-args.js.map

package/esm2015/lib/modules/modal/modal-close-args.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-close-args.js","sourceRoot":"","sources":["../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-close-args.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,iBAAiB;IAG5B,gBAAe,CAAC;CACjB","sourcesContent":["export class SkyModalCloseArgs {\n  public reason: string;\n  public data: any;\n  constructor() {}\n}\n"]}

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

@@ -0,0 +1,98 @@
+import { Injectable } from '@angular/core';
+import { SkyCoreAdapterService } from '@skyux/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/core";
+/**
+ * @internal
+ */
+export class SkyModalComponentAdapterService {
+    constructor(coreAdapter) {
+        this.coreAdapter = coreAdapter;
+    }
+    handleWindowChange(modalEl) {
+        let boundedHeightEl = modalEl.nativeElement.querySelector('.sky-modal');
+        let fullPageModalEl = modalEl.nativeElement.querySelector('.sky-modal-full-page');
+        /*
+          Set modal height equal to max height of window (accounting for padding above and below modal)
+        */
+        let newHeight = window.innerHeight - 40;
+        boundedHeightEl.style.maxHeight = newHeight.toString() + 'px';
+        if (fullPageModalEl) {
+            this.setFullPageHeight(fullPageModalEl);
+        }
+        else {
+            /*
+              IE11 doesn't handle flex and max-height correctly so we have to explicitly add
+              max-height to the content that accounts for standard header and footer height.
+            */
+            let modalContentEl = modalEl.nativeElement.querySelector('.sky-modal-content');
+            let contentHeight = newHeight - 114;
+            modalContentEl.style.maxHeight = contentHeight.toString() + 'px';
+        }
+    }
+    isFocusInFirstItem(event, list) {
+        /* istanbul ignore next */
+        /* sanity check */
+        let eventTarget = event.target || event.srcElement;
+        return list.length > 0 && eventTarget === list[0];
+    }
+    isFocusInLastItem(event, list) {
+        /* istanbul ignore next */
+        /* sanity check */
+        let eventTarget = event.target || event.srcElement;
+        return list.length > 0 && eventTarget === list[list.length - 1];
+    }
+    isModalFocused(event, modalEl) {
+        /* istanbul ignore next */
+        /* sanity check */
+        let eventTarget = event.target || event.srcElement;
+        return (modalEl &&
+            eventTarget === modalEl.nativeElement.querySelector('.sky-modal-dialog'));
+    }
+    focusLastElement(list) {
+        if (list.length > 0) {
+            list[list.length - 1].focus();
+            return true;
+        }
+        return false;
+    }
+    focusFirstElement(list) {
+        if (list.length > 0) {
+            list[0].focus();
+            return true;
+        }
+        return false;
+    }
+    modalOpened(modalEl) {
+        /* istanbul ignore else */
+        /* handle the case where somehow there is a focused element already in the modal */
+        if (!(document.activeElement &&
+            modalEl.nativeElement.contains(document.activeElement))) {
+            let currentScrollX = window.pageXOffset;
+            let currentScrollY = window.pageYOffset;
+            let inputWithAutofocus = modalEl.nativeElement.querySelector('[autofocus]');
+            if (inputWithAutofocus) {
+                inputWithAutofocus.focus();
+            }
+            else {
+                this.coreAdapter.getFocusableChildrenAndApplyFocus(modalEl, '.sky-modal-content', true);
+            }
+            window.scrollTo(currentScrollX, currentScrollY);
+        }
+    }
+    setFullPageHeight(fullPageModalEl) {
+        const windowHeight = window.innerHeight;
+        const fullPageModalStyle = getComputedStyle(fullPageModalEl);
+        const marginTopBottom = parseInt(fullPageModalStyle.marginTop, 10) +
+            parseInt(fullPageModalStyle.marginBottom, 10);
+        const fullPageModalHeight = windowHeight - marginTopBottom + 'px';
+        fullPageModalEl.style.height = fullPageModalHeight;
+        fullPageModalEl.style.maxHeight = fullPageModalHeight;
+    }
+}
+SkyModalComponentAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalComponentAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyModalComponentAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalComponentAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalComponentAdapterService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }]; } });
+//# sourceMappingURL=modal-component-adapter.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-component-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-component-adapter.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable, ElementRef } from '@angular/core';\n\nimport { SkyCoreAdapterService } from '@skyux/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyModalComponentAdapterService {\n  constructor(private coreAdapter: SkyCoreAdapterService) {}\n\n  public handleWindowChange(modalEl: ElementRef): void {\n    let boundedHeightEl = modalEl.nativeElement.querySelector('.sky-modal');\n    let fullPageModalEl = modalEl.nativeElement.querySelector(\n      '.sky-modal-full-page'\n    );\n    /*\n      Set modal height equal to max height of window (accounting for padding above and below modal)\n    */\n    let newHeight = window.innerHeight - 40;\n\n    boundedHeightEl.style.maxHeight = newHeight.toString() + 'px';\n    if (fullPageModalEl) {\n      this.setFullPageHeight(fullPageModalEl);\n    } else {\n      /*\n        IE11 doesn't handle flex and max-height correctly so we have to explicitly add\n        max-height to the content that accounts for standard header and footer height.\n      */\n      let modalContentEl =\n        modalEl.nativeElement.querySelector('.sky-modal-content');\n      let contentHeight = newHeight - 114;\n      modalContentEl.style.maxHeight = contentHeight.toString() + 'px';\n    }\n  }\n\n  public isFocusInFirstItem(\n    event: KeyboardEvent,\n    list: Array<HTMLElement>\n  ): boolean {\n    /* istanbul ignore next */\n    /* sanity check */\n    let eventTarget = event.target || event.srcElement;\n    return list.length > 0 && eventTarget === list[0];\n  }\n\n  public isFocusInLastItem(\n    event: KeyboardEvent,\n    list: Array<HTMLElement>\n  ): boolean {\n    /* istanbul ignore next */\n    /* sanity check */\n    let eventTarget = event.target || event.srcElement;\n    return list.length > 0 && eventTarget === list[list.length - 1];\n  }\n\n  public isModalFocused(event: KeyboardEvent, modalEl: ElementRef): boolean {\n    /* istanbul ignore next */\n    /* sanity check */\n    let eventTarget = event.target || event.srcElement;\n    return (\n      modalEl &&\n      eventTarget === modalEl.nativeElement.querySelector('.sky-modal-dialog')\n    );\n  }\n\n  public focusLastElement(list: Array<HTMLElement>): boolean {\n    if (list.length > 0) {\n      list[list.length - 1].focus();\n      return true;\n    }\n    return false;\n  }\n\n  public focusFirstElement(list: Array<HTMLElement>): boolean {\n    if (list.length > 0) {\n      list[0].focus();\n      return true;\n    }\n    return false;\n  }\n\n  public modalOpened(modalEl: ElementRef): void {\n    /* istanbul ignore else */\n    /* handle the case where somehow there is a focused element already in the modal */\n    if (\n      !(\n        document.activeElement &&\n        modalEl.nativeElement.contains(document.activeElement)\n      )\n    ) {\n      let currentScrollX = window.pageXOffset;\n      let currentScrollY = window.pageYOffset;\n\n      let inputWithAutofocus =\n        modalEl.nativeElement.querySelector('[autofocus]');\n\n      if (inputWithAutofocus) {\n        inputWithAutofocus.focus();\n      } else {\n        this.coreAdapter.getFocusableChildrenAndApplyFocus(\n          modalEl,\n          '.sky-modal-content',\n          true\n        );\n      }\n      window.scrollTo(currentScrollX, currentScrollY);\n    }\n  }\n\n  private setFullPageHeight(fullPageModalEl: HTMLElement): void {\n    const windowHeight = window.innerHeight;\n    const fullPageModalStyle = getComputedStyle(fullPageModalEl);\n\n    const marginTopBottom =\n      parseInt(fullPageModalStyle.marginTop, 10) +\n      parseInt(fullPageModalStyle.marginBottom, 10);\n\n    const fullPageModalHeight = windowHeight - marginTopBottom + 'px';\n\n    fullPageModalEl.style.height = fullPageModalHeight;\n    fullPageModalEl.style.maxHeight = fullPageModalHeight;\n  }\n}\n"]}

package/esm2015/lib/modules/modal/modal-configuration.js

@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export class SkyModalConfiguration {
+    constructor() {
+        this.fullPage = this.fullPage;
+        this.size = 'medium';
+    }
+}
+SkyModalConfiguration.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyModalConfiguration.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalConfiguration, providedIn: 'any' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalConfiguration, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'any',
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=modal-configuration.js.map

package/esm2015/lib/modules/modal/modal-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-configuration.js","sourceRoot":"","sources":["../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAE3C;;GAEG;AAIH,MAAM,OAAO,qBAAqB;IAUhC;QACE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC9B,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;;mHAbU,qBAAqB;uHAArB,qBAAqB,cAFpB,KAAK;4FAEN,qBAAqB;kBAHjC,UAAU;mBAAC;oBACV,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["import { Injectable } from '@angular/core';\n\n/**\n * @internal\n */\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyModalConfiguration {\n  public fullPage?: boolean;\n  public size?: string;\n  public ariaDescribedBy?: string;\n  public ariaLabelledBy?: string;\n  public ariaRole?: string;\n  public tiledBody?: boolean;\n  public helpKey?: string;\n  public wrapperClass?: string;\n\n  constructor() {\n    this.fullPage = this.fullPage;\n    this.size = 'medium';\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies content to display in the modal's body.
+ */
+export class SkyModalContentComponent {
+}
+SkyModalContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyModalContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyModalContentComponent, selector: "sky-modal-content", ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["sky-modal-content{display:block;min-height:100%}.sky-theme-modern sky-modal-content{padding:10px 30px 30px}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-modal-content',
+                    templateUrl: './modal-content.component.html',
+                    styleUrls: ['./modal-content.component.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }] });
+//# sourceMappingURL=modal-content.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-content.component.ts","../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAE7D;;GAEG;AAOH,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;0GAAxB,wBAAwB,yDCXrC,6BACA;4FDUa,wBAAwB;kBANpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,WAAW,EAAE,gCAAgC;oBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;oBAC7C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC","sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Specifies content to display in the modal's body.\n */\n@Component({\n  selector: 'sky-modal-content',\n  templateUrl: './modal-content.component.html',\n  styleUrls: ['./modal-content.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyModalContentComponent {}\n","<ng-content></ng-content>\n"]}

package/esm2015/{modules → lib/modules}/modal/modal-footer.component.js

@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     styleUrls: ['./modal-footer.component.scss'],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbW9kdWxlcy9tb2RhbC9tb2RhbC1mb290ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9tb2R1bGVzL21vZGFsL21vZGFsLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUxQzs7R0FFRztBQU1ILE1BQU0sT0FBTyx1QkFBdUI7O3FIQUF2Qix1QkFBdUI7eUdBQXZCLHVCQUF1Qix3RENWcEMsMEdBR0E7NEZET2EsdUJBQXVCO2tCQUxuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFdBQVcsRUFBRSwrQkFBK0I7b0JBQzVDLFNBQVMsRUFBRSxDQUFDLCtCQUErQixDQUFDO2lCQUM3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFNwZWNpZmllcyBjb250ZW50IHRvIGRpc3BsYXkgaW4gdGhlIG1vZGFsJ3MgZm9vdGVyLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktbW9kYWwtZm9vdGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWZvb3Rlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21vZGFsLWZvb3Rlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lNb2RhbEZvb3RlckNvbXBvbmVudCB7fVxuIiwiPGRpdiBjbGFzcz1cInNreS1tb2RhbC1mb290ZXItY29udGFpbmVyIHNreS1wYWRkaW5nLWV2ZW4tbGFyZ2VcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=modal-footer.component.js.map

package/esm2015/lib/modules/modal/modal-footer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-footer.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-footer.component.ts","../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-footer.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAMH,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;yGAAvB,uBAAuB,wDCVpC,0GAGA;4FDOa,uBAAuB;kBALnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,WAAW,EAAE,+BAA+B;oBAC5C,SAAS,EAAE,CAAC,+BAA+B,CAAC;iBAC7C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies content to display in the modal's footer.\n */\n@Component({\n  selector: 'sky-modal-footer',\n  templateUrl: './modal-footer.component.html',\n  styleUrls: ['./modal-footer.component.scss'],\n})\nexport class SkyModalFooterComponent {}\n","<div class=\"sky-modal-footer-container sky-padding-even-large\">\n  <ng-content></ng-content>\n</div>\n"]}

package/esm2015/{modules → lib/modules}/modal/modal-header.component.js

@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     styleUrls: ['./modal-header.component.scss'],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbW9kdWxlcy9tb2RhbC9tb2RhbC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9tb2R1bGVzL21vZGFsL21vZGFsLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFMUM7O0dBRUc7QUFNSCxNQUFNLE9BQU8sdUJBQXVCOztxSEFBdkIsdUJBQXVCO3lHQUF2Qix1QkFBdUIsd0RDVnBDLDRJQVFBOzRGREVhLHVCQUF1QjtrQkFMbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixXQUFXLEVBQUUsK0JBQStCO29CQUM1QyxTQUFTLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQztpQkFDN0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBTcGVjaWZpZXMgYSBoZWFkZXIgZm9yIHRoZSBtb2RhbC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LW1vZGFsLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5TW9kYWxIZWFkZXJDb21wb25lbnQge31cbiIsIjxoMVxuICBjbGFzcz1cInNreS1lbXBoYXNpemVkXCJcbiAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICdza3ktZm9udC1kaXNwbGF5LTMnOiAnbW9kZXJuJ1xuICB9XCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9oMT5cbiJdfQ==
+//# sourceMappingURL=modal-header.component.js.map

package/esm2015/lib/modules/modal/modal-header.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-header.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-header.component.ts","../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-header.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAE1C;;GAEG;AAMH,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;yGAAvB,uBAAuB,wDCVpC,4IAQA;4FDEa,uBAAuB;kBALnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,WAAW,EAAE,+BAA+B;oBAC5C,SAAS,EAAE,CAAC,+BAA+B,CAAC;iBAC7C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a header for the modal.\n */\n@Component({\n  selector: 'sky-modal-header',\n  templateUrl: './modal-header.component.html',\n  styleUrls: ['./modal-header.component.scss'],\n})\nexport class SkyModalHeaderComponent {}\n","<h1\n  class=\"sky-emphasized\"\n  [skyThemeClass]=\"{\n    'sky-font-display-3': 'modern'\n  }\"\n>\n  <ng-content></ng-content>\n</h1>\n"]}

package/esm2015/lib/modules/modal/modal-host.component.js

@@ -0,0 +1,101 @@
+import { ChangeDetectorRef, Component, ComponentFactoryResolver, Injector, ViewChild, ViewContainerRef, } from '@angular/core';
+import { NavigationStart, Router } from '@angular/router';
+import { takeWhile } from 'rxjs/operators';
+import { SkyModalAdapterService } from './modal-adapter.service';
+import { SkyModalHostService } from './modal-host.service';
+import { SkyModalConfiguration } from './modal-configuration';
+import * as i0 from "@angular/core";
+import * as i1 from "./modal-adapter.service";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+/**
+ * @internal
+ */
+export class SkyModalHostComponent {
+    constructor(resolver, adapter, injector, router, changeDetector) {
+        this.resolver = resolver;
+        this.adapter = adapter;
+        this.injector = injector;
+        this.router = router;
+        this.changeDetector = changeDetector;
+    }
+    get modalOpen() {
+        return SkyModalHostService.openModalCount > 0;
+    }
+    get backdropZIndex() {
+        return SkyModalHostService.backdropZIndex;
+    }
+    open(modalInstance, component, config) {
+        const params = Object.assign({}, config);
+        const factory = this.resolver.resolveComponentFactory(component);
+        const hostService = new SkyModalHostService();
+        hostService.fullPage = !!params.fullPage;
+        const adapter = this.adapter;
+        const modalOpener = adapter.getModalOpener();
+        let isOpen = true;
+        params.providers.push({
+            provide: SkyModalHostService,
+            useValue: hostService,
+        });
+        params.providers.push({
+            provide: SkyModalConfiguration,
+            useValue: params,
+        });
+        adapter.setPageScroll(SkyModalHostService.openModalCount > 0);
+        adapter.toggleFullPageModalClass(SkyModalHostService.fullPageModalCount > 0);
+        let providers = params.providers || /* istanbul ignore next */ [];
+        const injector = Injector.create({
+            providers,
+            parent: this.injector,
+        });
+        let modalComponentRef = this.target.createComponent(factory, undefined, injector);
+        modalInstance.componentInstance = modalComponentRef.instance;
+        function closeModal() {
+            hostService.destroy();
+            adapter.setPageScroll(SkyModalHostService.openModalCount > 0);
+            adapter.toggleFullPageModalClass(SkyModalHostService.fullPageModalCount > 0);
+            /* istanbul ignore else */
+            /* sanity check */
+            if (modalOpener && modalOpener.focus) {
+                modalOpener.focus();
+            }
+            modalComponentRef.destroy();
+        }
+        hostService.openHelp.subscribe((helpKey) => {
+            modalInstance.openHelp(helpKey);
+        });
+        hostService.close.subscribe(() => {
+            modalInstance.close();
+        });
+        this.router.events.pipe(takeWhile(() => isOpen)).subscribe((event) => {
+            /* istanbul ignore else */
+            if (event instanceof NavigationStart) {
+                modalInstance.close();
+            }
+        });
+        modalInstance.closed.subscribe(() => {
+            isOpen = false;
+            closeModal();
+        });
+        // Necessary if the host was created via a consumer's lifecycle hook such as ngOnInit
+        this.changeDetector.detectChanges();
+    }
+}
+SkyModalHostComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalHostComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i1.SkyModalAdapterService }, { token: i0.Injector }, { token: i2.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyModalHostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyModalHostComponent, selector: "sky-modal-host", viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"sky-modal-host-backdrop\"\n  [hidden]=\"!modalOpen\"\n  [ngStyle]=\"{\n    zIndex: backdropZIndex\n  }\"\n></div>\n<div #target></div>\n", styles: [".sky-modal-host-backdrop{background-color:#00000080;position:fixed;top:0;left:0;bottom:0;right:0}\n"], directives: [{ type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], viewProviders: [SkyModalAdapterService] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalHostComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-modal-host',
+                    templateUrl: './modal-host.component.html',
+                    styleUrls: ['./modal-host.component.scss'],
+                    viewProviders: [SkyModalAdapterService],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i1.SkyModalAdapterService }, { type: i0.Injector }, { type: i2.Router }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { target: [{
+                type: ViewChild,
+                args: ['target', {
+                        read: ViewContainerRef,
+                        static: true,
+                    }]
+            }] } });
+//# sourceMappingURL=modal-host.component.js.map

package/esm2015/lib/modules/modal/modal-host.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-host.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-host.component.ts","../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-host.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectorRef,\n  Component,\n  ComponentFactoryResolver,\n  Injector,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport { NavigationStart, Router } from '@angular/router';\n\nimport { takeWhile } from 'rxjs/operators';\n\nimport { SkyModalAdapterService } from './modal-adapter.service';\n\nimport { SkyModalInstance } from './modal-instance';\n\nimport { SkyModalHostService } from './modal-host.service';\n\nimport { SkyModalConfigurationInterface } from './modal.interface';\n\nimport { SkyModalConfiguration } from './modal-configuration';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-modal-host',\n  templateUrl: './modal-host.component.html',\n  styleUrls: ['./modal-host.component.scss'],\n  viewProviders: [SkyModalAdapterService],\n})\nexport class SkyModalHostComponent {\n  public get modalOpen() {\n    return SkyModalHostService.openModalCount > 0;\n  }\n\n  public get backdropZIndex() {\n    return SkyModalHostService.backdropZIndex;\n  }\n\n  /**\n   * Use `any` for backwards-compatibility with Angular 4-7.\n   * See: https://github.com/angular/angular/issues/30654\n   * TODO: Remove the `any` in a breaking change.\n   * @internal\n   */\n  @ViewChild('target', {\n    read: ViewContainerRef,\n    static: true,\n  } as any)\n  public target: ViewContainerRef;\n\n  constructor(\n    private resolver: ComponentFactoryResolver,\n    private adapter: SkyModalAdapterService,\n    private injector: Injector,\n    private router: Router,\n    private changeDetector: ChangeDetectorRef\n  ) {}\n\n  public open(\n    modalInstance: SkyModalInstance,\n    component: any,\n    config?: SkyModalConfigurationInterface\n  ) {\n    const params: SkyModalConfigurationInterface = Object.assign({}, config);\n    const factory = this.resolver.resolveComponentFactory(component);\n\n    const hostService = new SkyModalHostService();\n    hostService.fullPage = !!params.fullPage;\n\n    const adapter = this.adapter;\n    const modalOpener: HTMLElement = adapter.getModalOpener();\n\n    let isOpen = true;\n\n    params.providers.push({\n      provide: SkyModalHostService,\n      useValue: hostService,\n    });\n    params.providers.push({\n      provide: SkyModalConfiguration,\n      useValue: params,\n    });\n\n    adapter.setPageScroll(SkyModalHostService.openModalCount > 0);\n    adapter.toggleFullPageModalClass(\n      SkyModalHostService.fullPageModalCount > 0\n    );\n\n    let providers = params.providers || /* istanbul ignore next */ [];\n    const injector = Injector.create({\n      providers,\n      parent: this.injector,\n    });\n\n    let modalComponentRef = this.target.createComponent(\n      factory,\n      undefined,\n      injector\n    );\n\n    modalInstance.componentInstance = modalComponentRef.instance;\n\n    function closeModal() {\n      hostService.destroy();\n      adapter.setPageScroll(SkyModalHostService.openModalCount > 0);\n      adapter.toggleFullPageModalClass(\n        SkyModalHostService.fullPageModalCount > 0\n      );\n      /* istanbul ignore else */\n      /* sanity check */\n      if (modalOpener && modalOpener.focus) {\n        modalOpener.focus();\n      }\n      modalComponentRef.destroy();\n    }\n\n    hostService.openHelp.subscribe((helpKey?: string) => {\n      modalInstance.openHelp(helpKey);\n    });\n\n    hostService.close.subscribe(() => {\n      modalInstance.close();\n    });\n\n    this.router.events.pipe(takeWhile(() => isOpen)).subscribe((event) => {\n      /* istanbul ignore else */\n      if (event instanceof NavigationStart) {\n        modalInstance.close();\n      }\n    });\n\n    modalInstance.closed.subscribe(() => {\n      isOpen = false;\n      closeModal();\n    });\n\n    // Necessary if the host was created via a consumer's lifecycle hook such as ngOnInit\n    this.changeDetector.detectChanges();\n  }\n}\n","<div\n  class=\"sky-modal-host-backdrop\"\n  [hidden]=\"!modalOpen\"\n  [ngStyle]=\"{\n    zIndex: backdropZIndex\n  }\"\n></div>\n<div #target></div>\n"]}

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

@@ -0,0 +1,55 @@
+import { EventEmitter, Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ * @dynamic
+ */
+export class SkyModalHostService {
+    constructor() {
+        this.close = new EventEmitter();
+        this.fullPage = false;
+        this.openHelp = new EventEmitter();
+        SkyModalHostService.modalHosts.push(this);
+    }
+    static get openModalCount() {
+        return SkyModalHostService.modalHosts.length;
+    }
+    static get fullPageModalCount() {
+        let fullPageModals = SkyModalHostService.modalHosts.filter((modal) => modal.fullPage);
+        return fullPageModals.length;
+    }
+    static get BASE_Z_INDEX() {
+        return 1040;
+    }
+    static get backdropZIndex() {
+        return (SkyModalHostService.BASE_Z_INDEX +
+            SkyModalHostService.modalHosts.length * 10);
+    }
+    static get topModal() {
+        return SkyModalHostService.modalHosts[SkyModalHostService.modalHosts.length - 1];
+    }
+    getModalZIndex() {
+        let zIndex = SkyModalHostService.BASE_Z_INDEX + 1;
+        zIndex += (SkyModalHostService.modalHosts.indexOf(this) + 1) * 10;
+        return zIndex;
+    }
+    onClose() {
+        this.close.emit();
+    }
+    onOpenHelp(helpKey) {
+        this.openHelp.emit(helpKey);
+    }
+    destroy() {
+        SkyModalHostService.modalHosts.splice(SkyModalHostService.modalHosts.indexOf(this), 1);
+    }
+}
+SkyModalHostService.modalHosts = [];
+SkyModalHostService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalHostService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyModalHostService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalHostService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyModalHostService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=modal-host.service.js.map

package/esm2015/lib/modules/modal/modal-host.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-host.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/modals/src/lib/modules/modal/modal-host.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAEzD;;;GAGG;AAIH,MAAM,OAAO,mBAAmB;IAmC9B;QAJO,UAAK,GAAG,IAAI,YAAY,EAAQ,CAAC;QACjC,aAAQ,GAAG,KAAK,CAAC;QACjB,aAAQ,GAAG,IAAI,YAAY,EAAO,CAAC;QAGxC,mBAAmB,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IApCM,MAAM,KAAK,cAAc;QAC9B,OAAO,mBAAmB,CAAC,UAAU,CAAC,MAAM,CAAC;IAC/C,CAAC;IAEM,MAAM,KAAK,kBAAkB;QAClC,IAAI,cAAc,GAAG,mBAAmB,CAAC,UAAU,CAAC,MAAM,CACxD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAC1B,CAAC;QACF,OAAO,cAAc,CAAC,MAAM,CAAC;IAC/B,CAAC;IAEO,MAAM,KAAK,YAAY;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,KAAK,cAAc;QAC9B,OAAO,CACL,mBAAmB,CAAC,YAAY;YAChC,mBAAmB,CAAC,UAAU,CAAC,MAAM,GAAG,EAAE,CAC3C,CAAC;IACJ,CAAC;IAEM,MAAM,KAAK,QAAQ;QACxB,OAAO,mBAAmB,CAAC,UAAU,CACnC,mBAAmB,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAC1C,CAAC;IACJ,CAAC;IAYM,cAAc;QACnB,IAAI,MAAM,GAAG,mBAAmB,CAAC,YAAY,GAAG,CAAC,CAAC;QAClD,MAAM,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;QAClE,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAEM,UAAU,CAAC,OAAgB;QAChC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAEM,OAAO;QACZ,mBAAmB,CAAC,UAAU,CAAC,MAAM,CACnC,mBAAmB,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5C,CAAC,CACF,CAAC;IACJ,CAAC;;AA7Bc,8BAAU,GAA0B,EAAE,CAAC;iHA7B3C,mBAAmB;qHAAnB,mBAAmB,cAFlB,MAAM;4FAEP,mBAAmB;kBAH/B,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import { EventEmitter, Injectable } from '@angular/core';\n\n/**\n * @internal\n * @dynamic\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyModalHostService {\n  public static get openModalCount(): number {\n    return SkyModalHostService.modalHosts.length;\n  }\n\n  public static get fullPageModalCount(): number {\n    let fullPageModals = SkyModalHostService.modalHosts.filter(\n      (modal) => modal.fullPage\n    );\n    return fullPageModals.length;\n  }\n\n  private static get BASE_Z_INDEX(): number {\n    return 1040;\n  }\n\n  public static get backdropZIndex(): number {\n    return (\n      SkyModalHostService.BASE_Z_INDEX +\n      SkyModalHostService.modalHosts.length * 10\n    );\n  }\n\n  public static get topModal(): SkyModalHostService {\n    return SkyModalHostService.modalHosts[\n      SkyModalHostService.modalHosts.length - 1\n    ];\n  }\n\n  private static modalHosts: SkyModalHostService[] = [];\n\n  public close = new EventEmitter<void>();\n  public fullPage = false;\n  public openHelp = new EventEmitter<any>();\n\n  constructor() {\n    SkyModalHostService.modalHosts.push(this);\n  }\n\n  public getModalZIndex(): number {\n    let zIndex = SkyModalHostService.BASE_Z_INDEX + 1;\n    zIndex += (SkyModalHostService.modalHosts.indexOf(this) + 1) * 10;\n    return zIndex;\n  }\n\n  public onClose(): void {\n    this.close.emit();\n  }\n\n  public onOpenHelp(helpKey?: string) {\n    this.openHelp.emit(helpKey);\n  }\n\n  public destroy(): void {\n    SkyModalHostService.modalHosts.splice(\n      SkyModalHostService.modalHosts.indexOf(this),\n      1\n    );\n  }\n}\n"]}

package/esm2015/lib/modules/modal/modal-instance.js

@@ -0,0 +1,105 @@
+import { Subject } from 'rxjs';
+import { SkyModalCloseArgs } from './modal-close-args';
+import { SkyModalBeforeCloseHandler } from './modal-before-close-handler';
+// TODO: this class won't show in the generated docs until this work is done:
+// https://github.com/blackbaud/skyux-docs-tools/issues/30
+/**
+ * Allows you to close the modal and return data from the launched modal.
+ */
+export class SkyModalInstance {
+    constructor() {
+        this._beforeClose = new Subject();
+        this._closed = new Subject();
+        this._helpOpened = new Subject();
+    }
+    /**
+     * An event that the modal instance emits when it is about to close.
+     * It emits a `SkyModalBeforeCloseHandler` object with a `closeModal` method
+     * that closes the modal. If a subscription exists for this event,
+     * the modal does not close until the subscriber calls the `closeModal` method.
+     */
+    get beforeClose() {
+        return this._beforeClose;
+    }
+    /**
+     * An event that the modal instance emits when it closes.
+     * It emits a `SkyCloseModalArgs` object with a `data` property that includes
+     * data passed from users on close or save and a `reason` property that indicates
+     * whether the modal was saved or closed without saving.
+     * The `reason` property accepts any string value.
+     * Common examples include `cancel`, `close`, and `save`.
+     */
+    get closed() {
+        return this._closed;
+    }
+    /**
+     * An event that the modal instance emits when users click
+     * the <i class="fa fa-question-circle" aria-hidden="true"></i> button.
+     * If a `helpKey` parameter was specified, the `helpOpened` event broadcasts the `helpKey`.
+     */
+    get helpOpened() {
+        return this._helpOpened;
+    }
+    /**
+     * Closes the modal instance.
+     * @param result Specifies an object to emit to subscribers of the `closed` event of the
+     * modal instance. The `SkyModalInstance` provider can be injected into a component's constructor
+     * so that this `close` function can be called from a button in the `sky-modal-footer`.
+     * @param reason Specifies the reason for the modal closing, with the default reason of `close`.
+     * @param ignoreBeforeClose Indicates whether to ignore the modal instance's `beforeClose` event.
+     */
+    close(result, reason, ignoreBeforeClose) {
+        if (reason === undefined) {
+            reason = 'close';
+        }
+        this.closeModal(reason, result, ignoreBeforeClose);
+    }
+    /**
+     * Closes the modal instance with `reason=cancel`.
+     * @param result Specifies an object to emit to subscribers of the `closed` event of the modal
+     * instance. The `SkyModalInstance` provider can be injected into a component's constructor so
+     * that this cancel function can be called from a button in the `sky-modal-footer`.
+     */
+    cancel(result) {
+        this.closeModal('cancel', result);
+    }
+    /**
+     * Closes the modal instance with `reason=save`.
+     * @param result Specifies an object to emit to subscribers of the `closed` event of the modal
+     * instance. The `SkyModalInstance` provider can be injected into a component's constructor so
+     * that this `save` function can be called from a button in `the sky-modal-footer`.
+     */
+    save(result) {
+        this.closeModal('save', result);
+    }
+    /**
+     * Triggers the `helpOpened` event that broadcasts a `helpKey` parameter to open
+     * when users click the <i class="fa fa-question-circle" aria-hidden="true"></i> button.
+     * @param helpKey Specifies a string to emit to subscribers of
+     * the modal instance's `helpOpened` event. Consumers can inject the `SkyModalInstance` provider
+     * into a component's constructor to call the `openHelp` function in the modal template.
+     */
+    openHelp(helpKey) {
+        this._helpOpened.next(helpKey);
+    }
+    closeModal(type, result, ignoreBeforeClose = false) {
+        const args = new SkyModalCloseArgs();
+        args.reason = type;
+        args.data = result;
+        if (this._beforeClose.observers.length === 0 || ignoreBeforeClose) {
+            this.notifyClosed(args);
+        }
+        else {
+            this._beforeClose.next(new SkyModalBeforeCloseHandler(() => {
+                this.notifyClosed(args);
+            }, args));
+        }
+    }
+    notifyClosed(args) {
+        this._closed.next(args);
+        this._closed.complete();
+        this._beforeClose.complete();
+        this._helpOpened.complete();
+    }
+}
+//# sourceMappingURL=modal-instance.js.map