@skyux/modals 8.7.0 → 9.0.0-alpha.0

package/fesm2020/skyux-modals.mjs

@@ -1,1510 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, NgModule, Component, ViewEncapsulation, Injectable, inject, Inject, Injector, ViewContainerRef, Optional, ViewChild, InjectionToken, Directive, Output, HostListener, ChangeDetectorRef, ElementRef, Host, HostBinding, Input } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@skyux/core';
-import { SkyMediaQueryService, SkyResizeObserverMediaQueryService, SKY_STACKING_CONTEXT, SkyLiveAnnouncerService, SkyDockLocation, SkyDockService, SkyIdModule, SkyTrimModule } from '@skyux/core';
-import * as i2$1 from '@skyux/theme';
-import { SkyTheme, SkyThemeModule } from '@skyux/theme';
-import * as i3$1 from '@angular/router';
-import { NavigationStart, RouterModule } from '@angular/router';
-import * as i2 from '@skyux/indicators';
-import { SkyIconModule, SkyStatusIndicatorModule } from '@skyux/indicators';
-import * as i2$2 from '@skyux/i18n';
-import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS, SkyLibResourcesService } from '@skyux/i18n';
-import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
-import { BehaviorSubject, Subject, ReplaySubject } from 'rxjs';
-import { takeUntil, takeWhile, take } from 'rxjs/operators';
-
-class SkyConfirmInstance {
-    constructor() {
-        /**
-         * Fires when users select an action to close the dialog. This event
-         * returns a `SkyConfirmCloseEventArgs` object with information about the button that
-         * users select. It returns the `'cancel'` action when users press the <kbd>Escape</kbd> key.
-         */
-        this.closed = new EventEmitter();
-    }
-}
-
-var SkyConfirmType;
-(function (SkyConfirmType) {
-    /**
-     * Allows you to define your own buttons using the `buttons` property of `SkyConfirmConfig`.
-     */
-    SkyConfirmType[SkyConfirmType["Custom"] = 0] = "Custom";
-    /**
-     * Displays one button with an **OK** label and an `'ok'` action.
-     */
-    SkyConfirmType[SkyConfirmType["OK"] = 1] = "OK";
-    /**
-     * Displays two buttons with **Yes** and **Cancel** labels.
-     * @deprecated Use the `Custom` type to follow the guidance that labels
-     * should clearly indicate the actions that occur when users select buttons.
-     */
-    SkyConfirmType[SkyConfirmType["YesCancel"] = 2] = "YesCancel";
-    /**
-     * Displays three buttons with **Yes**, **No**, and **Cancel** labels.
-     * @deprecated Use the `Custom` type to follow the guidance that labels
-     * should clearly indicate the actions that occur when users select buttons.
-     */
-    SkyConfirmType[SkyConfirmType["YesNoCancel"] = 3] = "YesNoCancel";
-})(SkyConfirmType || (SkyConfirmType = {}));
-
-/**
- * NOTICE: DO NOT MODIFY THIS FILE!
- * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-modals' schematic.
- * To update this file, simply rerun the command.
- */
-const RESOURCES = {
-    'EN-US': {
-        skyux_confirm_dialog_default_ok_text: { message: 'OK' },
-        skyux_confirm_dialog_default_yes_text: { message: 'Yes' },
-        skyux_confirm_dialog_default_no_text: { message: 'No' },
-        skyux_confirm_dialog_default_cancel_text: { message: 'Cancel' },
-        skyux_modal_close: { message: 'Close modal' },
-        skyux_modal_open_help: { message: 'Open Help' },
-        skyux_modal_footer_cancel_button: { message: 'Cancel' },
-        skyux_modal_footer_primary_button: { message: 'Save' },
-        skyux_modal_dirty_default_message: {
-            message: 'Are you sure you want to discard your changes?',
-        },
-        skyux_modal_dirty_default_discard_changes_text: {
-            message: 'Discard changes',
-        },
-        skyux_modal_dirty_default_keep_working_text: { message: 'Keep working' },
-    },
-};
-class SkyModalsResourcesProvider {
-    getString(localeInfo, name) {
-        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-    }
-}
-/**
- * Import into any component library module that needs to use resource strings.
- */
-class SkyModalsResourcesModule {
-}
-SkyModalsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyModalsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyModalsResourcesModule, exports: [SkyI18nModule] });
-SkyModalsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalsResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyModalsResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalsResourcesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyI18nModule],
-                    providers: [
-                        {
-                            provide: SKY_LIB_RESOURCES_PROVIDERS,
-                            useClass: SkyModalsResourcesProvider,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-
-/**
- * Specifies content to display in the modal's body.
- */
-class SkyModalContentComponent {
-}
-SkyModalContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyModalContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", ngImport: i0, type: SkyModalContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-modal-content', encapsulation: ViewEncapsulation.None, 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"] }]
-        }] });
-
-var _SkyModalErrorsService_formErrors;
-/**
- * @internal
- */
-class SkyModalErrorsService {
-    constructor() {
-        _SkyModalErrorsService_formErrors.set(this, new BehaviorSubject(undefined));
-        this.formErrors = __classPrivateFieldGet(this, _SkyModalErrorsService_formErrors, "f").asObservable();
-    }
-    updateErrors(value) {
-        __classPrivateFieldGet(this, _SkyModalErrorsService_formErrors, "f").next(value);
-    }
-}
-_SkyModalErrorsService_formErrors = new WeakMap();
-SkyModalErrorsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalErrorsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyModalErrorsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalErrorsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalErrorsService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-
-/**
- * Specifies content to display in the modal's footer.
- */
-class SkyModalFooterComponent {
-    constructor() {
-        this.errorsSvc = inject(SkyModalErrorsService);
-    }
-}
-SkyModalFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyModalFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyModalFooterComponent, selector: "sky-modal-footer", ngImport: i0, template: "<div class=\"sky-modal-footer-container sky-padding-even-large\">\n  <div aria-live=\"polite\">\n    <div\n      *ngIf=\"errorsSvc.formErrors | async as formErrors\"\n      class=\"sky-modal-footer-errors sky-margin-stacked-lg\"\n    >\n      <sky-status-indicator\n        *ngFor=\"let formError of formErrors\"\n        [ngClass]=\"{\n          'sky-margin-stacked-lg':\n            formErrors.indexOf(formError) < formErrors.length - 1,\n          'footer-error': true\n        }\"\n        descriptionType=\"error\"\n        indicatorType=\"danger\"\n      >\n        {{ formError.message }}\n      </sky-status-indicator>\n    </div>\n  </div>\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-modal-footer-container{background-color:#fff;border-top:1px solid #e2e3e4}.sky-modal-footer-container .sky-btn-link:first-child{margin-left:-12px}.sky-modal-footer-container .sky-btn+.sky-btn{margin-left:10px}.sky-modal-footer-container .sky-btn+.sky-btn-link{margin-left:-2px}.sky-modal-footer-container .sky-modal-footer-errors{max-height:100px;overflow-y:auto}.sky-modal-footer-container .sky-modal-footer-errors .footer-error{display:block}.sky-theme-modern .sky-modal-footer-container{border-top:none;padding:20px 30px}.sky-theme-modern .sky-modal-footer-container .sky-btn-link:first-child{margin-left:0}.sky-theme-modern .sky-modal-footer-container .sky-btn+.sky-btn-link{margin-left:var(--sky-compat-modal-footer-adjacent-btn-btn-link-margin, 10px)}.sky-theme-modern-dark .sky-modal-footer-container{background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalFooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-modal-footer', encapsulation: ViewEncapsulation.None, template: "<div class=\"sky-modal-footer-container sky-padding-even-large\">\n  <div aria-live=\"polite\">\n    <div\n      *ngIf=\"errorsSvc.formErrors | async as formErrors\"\n      class=\"sky-modal-footer-errors sky-margin-stacked-lg\"\n    >\n      <sky-status-indicator\n        *ngFor=\"let formError of formErrors\"\n        [ngClass]=\"{\n          'sky-margin-stacked-lg':\n            formErrors.indexOf(formError) < formErrors.length - 1,\n          'footer-error': true\n        }\"\n        descriptionType=\"error\"\n        indicatorType=\"danger\"\n      >\n        {{ formError.message }}\n      </sky-status-indicator>\n    </div>\n  </div>\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-modal-footer-container{background-color:#fff;border-top:1px solid #e2e3e4}.sky-modal-footer-container .sky-btn-link:first-child{margin-left:-12px}.sky-modal-footer-container .sky-btn+.sky-btn{margin-left:10px}.sky-modal-footer-container .sky-btn+.sky-btn-link{margin-left:-2px}.sky-modal-footer-container .sky-modal-footer-errors{max-height:100px;overflow-y:auto}.sky-modal-footer-container .sky-modal-footer-errors .footer-error{display:block}.sky-theme-modern .sky-modal-footer-container{border-top:none;padding:20px 30px}.sky-theme-modern .sky-modal-footer-container .sky-btn-link:first-child{margin-left:0}.sky-theme-modern .sky-modal-footer-container .sky-btn+.sky-btn-link{margin-left:var(--sky-compat-modal-footer-adjacent-btn-btn-link-margin, 10px)}.sky-theme-modern-dark .sky-modal-footer-container{background-color:transparent}\n"] }]
-        }] });
-
-/**
- * Specifies a header for the modal.
- */
-class SkyModalHeaderComponent {
-}
-SkyModalHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyModalHeaderComponent, selector: "sky-modal-header", ngImport: i0, template: "<h2\n  class=\"sky-font-emphasized\"\n  [skyThemeClass]=\"{\n    'sky-font-heading-4': 'default',\n    'sky-font-display-3': 'modern'\n  }\"\n  skyTrim\n>\n  <ng-content></ng-content>\n</h2>\n<span class=\"sky-control-help-container\" skyTrim\n  ><ng-content select=\".sky-control-help\"></ng-content\n></span>\n", styles: ["h2{margin:0;line-height:1.2;display:inline}:host-context(.sky-theme-modern.sky-theme-mode-dark) h2{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark h2{color:#fbfcfe}\n"], dependencies: [{ kind: "directive", type: i2$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i3.λ4, selector: "[skyTrim]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-modal-header', template: "<h2\n  class=\"sky-font-emphasized\"\n  [skyThemeClass]=\"{\n    'sky-font-heading-4': 'default',\n    'sky-font-display-3': 'modern'\n  }\"\n  skyTrim\n>\n  <ng-content></ng-content>\n</h2>\n<span class=\"sky-control-help-container\" skyTrim\n  ><ng-content select=\".sky-control-help\"></ng-content\n></span>\n", styles: ["h2{margin:0;line-height:1.2;display:inline}:host-context(.sky-theme-modern.sky-theme-mode-dark) h2{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark h2{color:#fbfcfe}\n"] }]
-        }] });
-
-var _SkyModalAdapterService_instances, _SkyModalAdapterService_docRef, _SkyModalAdapterService_bodyEl, _SkyModalAdapterService_windowRef, _SkyModalAdapterService_hostSiblingAriaHiddenCache, _SkyModalAdapterService_addClassToBody, _SkyModalAdapterService_removeClassFromBody;
-/**
- * @internal
- */
-class SkyModalAdapterService {
-    constructor(windowRef) {
-        _SkyModalAdapterService_instances.add(this);
-        _SkyModalAdapterService_docRef.set(this, void 0);
-        _SkyModalAdapterService_bodyEl.set(this, void 0);
-        _SkyModalAdapterService_windowRef.set(this, void 0);
-        _SkyModalAdapterService_hostSiblingAriaHiddenCache.set(this, new Map());
-        __classPrivateFieldSet(this, _SkyModalAdapterService_windowRef, windowRef, "f");
-        __classPrivateFieldSet(this, _SkyModalAdapterService_docRef, __classPrivateFieldGet(this, _SkyModalAdapterService_windowRef, "f").nativeWindow.document, "f");
-        __classPrivateFieldSet(this, _SkyModalAdapterService_bodyEl, __classPrivateFieldGet(this, _SkyModalAdapterService_windowRef, "f").nativeWindow.document.body, "f");
-    }
-    toggleFullPageModalClass(isAddFull) {
-        if (isAddFull) {
-            __classPrivateFieldGet(this, _SkyModalAdapterService_instances, "m", _SkyModalAdapterService_addClassToBody).call(this, SkyModalAdapterService.MODAL_BODY_FULL_CLASS);
-        }
-        else {
-            __classPrivateFieldGet(this, _SkyModalAdapterService_instances, "m", _SkyModalAdapterService_removeClassFromBody).call(this, SkyModalAdapterService.MODAL_BODY_FULL_CLASS);
-        }
-    }
-    setPageScroll(isAdd) {
-        if (isAdd) {
-            __classPrivateFieldGet(this, _SkyModalAdapterService_instances, "m", _SkyModalAdapterService_addClassToBody).call(this, SkyModalAdapterService.MODAL_BODY_CLASS);
-        }
-        else {
-            __classPrivateFieldGet(this, _SkyModalAdapterService_instances, "m", _SkyModalAdapterService_removeClassFromBody).call(this, SkyModalAdapterService.MODAL_BODY_CLASS);
-        }
-    }
-    getModalOpener() {
-        return __classPrivateFieldGet(this, _SkyModalAdapterService_docRef, "f").activeElement;
-    }
-    scrollContentToTop(element) {
-        element.nativeElement.querySelector('.sky-modal-content').scrollTop = 0;
-    }
-    /**
-     * Hides siblings of modal-host from screen readers
-     * @param hostElRef reference to modal-host element
-     */
-    hideHostSiblingsFromScreenReaders(hostElRef) {
-        const hostElement = hostElRef.nativeElement;
-        const hostSiblings = hostElement.parentElement.children;
-        for (let i = 0; i < hostSiblings.length; i++) {
-            const element = hostSiblings[i];
-            if (element !== hostElement &&
-                !element.hasAttribute('aria-live') &&
-                element.nodeName.toLowerCase() !== 'script' &&
-                element.nodeName.toLowerCase() !== 'style') {
-                // preserve previous aria-hidden status of elements outside of modal host
-                __classPrivateFieldGet(this, _SkyModalAdapterService_hostSiblingAriaHiddenCache, "f").set(element, element.getAttribute('aria-hidden'));
-                element.setAttribute('aria-hidden', 'true');
-            }
-        }
-    }
-    /**
-     * Restores modal-host siblings to screen reader status prior to modals being opened
-     */
-    unhideOrRestoreHostSiblingsFromScreenReaders() {
-        __classPrivateFieldGet(this, _SkyModalAdapterService_hostSiblingAriaHiddenCache, "f").forEach((previousValue, element) => {
-            // if element had aria-hidden status prior, restore status
-            if (element.parentElement) {
-                if (previousValue) {
-                    element.setAttribute('aria-hidden', previousValue);
-                }
-                else {
-                    element.removeAttribute('aria-hidden');
-                }
-            }
-        });
-        __classPrivateFieldGet(this, _SkyModalAdapterService_hostSiblingAriaHiddenCache, "f").clear();
-    }
-    hidePreviousModalFromScreenReaders(topModal) {
-        if (topModal && topModal.nativeElement.previousElementSibling) {
-            topModal.nativeElement.previousElementSibling.setAttribute('aria-hidden', 'true');
-        }
-    }
-    unhidePreviousModalFromScreenReaders(topModal) {
-        if (topModal && topModal.nativeElement.previousElementSibling) {
-            topModal.nativeElement.previousElementSibling.removeAttribute('aria-hidden');
-        }
-    }
-}
-_SkyModalAdapterService_docRef = new WeakMap(), _SkyModalAdapterService_bodyEl = new WeakMap(), _SkyModalAdapterService_windowRef = new WeakMap(), _SkyModalAdapterService_hostSiblingAriaHiddenCache = new WeakMap(), _SkyModalAdapterService_instances = new WeakSet(), _SkyModalAdapterService_addClassToBody = function _SkyModalAdapterService_addClassToBody(className) {
-    __classPrivateFieldGet(this, _SkyModalAdapterService_bodyEl, "f").classList.add(className);
-}, _SkyModalAdapterService_removeClassFromBody = function _SkyModalAdapterService_removeClassFromBody(className) {
-    __classPrivateFieldGet(this, _SkyModalAdapterService_bodyEl, "f").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: "15.2.9", ngImport: i0, type: SkyModalAdapterService, deps: [{ token: i3.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyModalAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalAdapterService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i3.SkyAppWindowRef }]; } });
-
-/**
- * @internal
- */
-class SkyModalConfiguration {
-    constructor() {
-        this.size = 'medium';
-    }
-}
-SkyModalConfiguration.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyModalConfiguration.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalConfiguration, providedIn: 'any' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalConfiguration, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'any',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-var _SkyModalHostService_instances, _SkyModalHostService_calculateZIndex;
-const BASE_Z_INDEX = 1040;
-const modalHosts = [];
-/**
- * @internal
- * @dynamic
- */
-class SkyModalHostService {
-    static get openModalCount() {
-        return modalHosts.length;
-    }
-    static get fullPageModalCount() {
-        const fullPageModals = modalHosts.filter((modal) => modal.fullPage);
-        return fullPageModals.length;
-    }
-    static get backdropZIndex() {
-        return BASE_Z_INDEX + modalHosts.length * 10;
-    }
-    static get topModal() {
-        return modalHosts[modalHosts.length - 1];
-    }
-    constructor() {
-        _SkyModalHostService_instances.add(this);
-        this.close = new Subject();
-        this.fullPage = false;
-        this.openHelp = new Subject();
-        this.zIndex = __classPrivateFieldGet(this, _SkyModalHostService_instances, "m", _SkyModalHostService_calculateZIndex).call(this);
-        modalHosts.push(this);
-    }
-    getModalZIndex() {
-        return this.zIndex;
-    }
-    onClose() {
-        this.close.next();
-    }
-    onOpenHelp(helpKey) {
-        this.openHelp.next(helpKey);
-    }
-    destroy() {
-        modalHosts.splice(modalHosts.indexOf(this), 1);
-    }
-}
-_SkyModalHostService_instances = new WeakSet(), _SkyModalHostService_calculateZIndex = function _SkyModalHostService_calculateZIndex() {
-    const zIndexArray = modalHosts.map((hostService) => hostService.zIndex);
-    if (zIndexArray.length === 0) {
-        return BASE_Z_INDEX + 11;
-    }
-    else {
-        const currentMaxZIndex = Math.max(...zIndexArray);
-        return currentMaxZIndex + 10;
-    }
-};
-SkyModalHostService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalHostService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyModalHostService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalHostService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalHostService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-/**
- * Provided by the modal service to give the modal host
- * component additional context and features.
- * @internal
- */
-class SkyModalHostContext {
-    constructor(args) {
-        this.args = args;
-    }
-}
-SkyModalHostContext.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalHostContext, deps: [{ token: 'SkyModalHostContextArgs' }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyModalHostContext.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalHostContext });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalHostContext, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['SkyModalHostContextArgs']
-                }] }]; } });
-
-var _SkyModalHostComponent_instances, _SkyModalHostComponent_resolver, _SkyModalHostComponent_adapter, _SkyModalHostComponent_injector, _SkyModalHostComponent_router, _SkyModalHostComponent_changeDetector, _SkyModalHostComponent_modalHostContext, _SkyModalHostComponent_elRef, _SkyModalHostComponent_modalInstances, _SkyModalHostComponent_registerModalInstance, _SkyModalHostComponent_unregisterModalInstance, _SkyModalHostComponent_closeAllModalInstances;
-/**
- * @internal
- */
-class SkyModalHostComponent {
-    get modalOpen() {
-        return SkyModalHostService.openModalCount > 0;
-    }
-    get backdropZIndex() {
-        return SkyModalHostService.backdropZIndex;
-    }
-    constructor(resolver, adapter, injector, changeDetector, modalHostContext, elRef, router) {
-        _SkyModalHostComponent_instances.add(this);
-        _SkyModalHostComponent_resolver.set(this, void 0);
-        _SkyModalHostComponent_adapter.set(this, void 0);
-        _SkyModalHostComponent_injector.set(this, void 0);
-        _SkyModalHostComponent_router.set(this, void 0);
-        _SkyModalHostComponent_changeDetector.set(this, void 0);
-        _SkyModalHostComponent_modalHostContext.set(this, void 0);
-        _SkyModalHostComponent_elRef.set(this, void 0);
-        _SkyModalHostComponent_modalInstances.set(this, []);
-        __classPrivateFieldSet(this, _SkyModalHostComponent_resolver, resolver, "f");
-        __classPrivateFieldSet(this, _SkyModalHostComponent_adapter, adapter, "f");
-        __classPrivateFieldSet(this, _SkyModalHostComponent_injector, injector, "f");
-        __classPrivateFieldSet(this, _SkyModalHostComponent_router, router, "f");
-        __classPrivateFieldSet(this, _SkyModalHostComponent_changeDetector, changeDetector, "f");
-        __classPrivateFieldSet(this, _SkyModalHostComponent_modalHostContext, modalHostContext, "f");
-        __classPrivateFieldSet(this, _SkyModalHostComponent_elRef, elRef, "f");
-    }
-    ngOnDestroy() {
-        // Close all modal instances before disposing of the host container.
-        __classPrivateFieldGet(this, _SkyModalHostComponent_instances, "m", _SkyModalHostComponent_closeAllModalInstances).call(this);
-        __classPrivateFieldGet(this, _SkyModalHostComponent_modalHostContext, "f").args.teardownCallback();
-    }
-    open(modalInstance, component, config) {
-        /* Ignore coverage as we specify the target element and so the view child should never be undefined unless
-         * we were to call the `open` method in an early lifecycle hook. */
-        /* istanbul ignore next */
-        if (!this.target) {
-            return;
-        }
-        const params = Object.assign({}, config);
-        const factory = __classPrivateFieldGet(this, _SkyModalHostComponent_resolver, "f").resolveComponentFactory(component);
-        const hostService = new SkyModalHostService();
-        hostService.fullPage = !!params.fullPage;
-        const adapter = __classPrivateFieldGet(this, _SkyModalHostComponent_adapter, "f");
-        const modalOpener = adapter.getModalOpener();
-        let isOpen = true;
-        params.providers || (params.providers = []);
-        params.providers.push({
-            provide: SkyModalHostService,
-            useValue: hostService,
-        }, {
-            provide: SkyModalConfiguration,
-            useValue: params,
-        }, {
-            provide: SkyMediaQueryService,
-            useExisting: SkyResizeObserverMediaQueryService,
-        }, {
-            provide: SKY_STACKING_CONTEXT,
-            useValue: {
-                zIndex: new BehaviorSubject(hostService.getModalZIndex())
-                    .asObservable()
-                    .pipe(takeUntil(modalInstance.closed)),
-            },
-        });
-        adapter.setPageScroll(SkyModalHostService.openModalCount > 0);
-        adapter.toggleFullPageModalClass(SkyModalHostService.fullPageModalCount > 0);
-        const providers = params.providers || /* istanbul ignore next */ [];
-        const injector = Injector.create({
-            providers,
-            parent: __classPrivateFieldGet(this, _SkyModalHostComponent_injector, "f"),
-        });
-        const modalComponentRef = this.target.createComponent(factory, undefined, injector);
-        // modal element that was just opened
-        const modalElement = modalComponentRef.location;
-        modalInstance.adapter = __classPrivateFieldGet(this, _SkyModalHostComponent_adapter, "f");
-        modalInstance.componentRef = modalComponentRef;
-        __classPrivateFieldGet(this, _SkyModalHostComponent_instances, "m", _SkyModalHostComponent_registerModalInstance).call(this, modalInstance);
-        // hiding all elements at the modal-host level from screen readers when the a modal is opened
-        __classPrivateFieldGet(this, _SkyModalHostComponent_adapter, "f").hideHostSiblingsFromScreenReaders(__classPrivateFieldGet(this, _SkyModalHostComponent_elRef, "f"));
-        if (SkyModalHostService.openModalCount > 1 &&
-            SkyModalHostService.topModal === hostService) {
-            // hiding the lower modals when more than one modal is opened
-            __classPrivateFieldGet(this, _SkyModalHostComponent_adapter, "f").hidePreviousModalFromScreenReaders(modalElement);
-        }
-        const closeModal = () => {
-            // unhide siblings if last modal is closing
-            if (SkyModalHostService.openModalCount === 1) {
-                __classPrivateFieldGet(this, _SkyModalHostComponent_adapter, "f").unhideOrRestoreHostSiblingsFromScreenReaders();
-            }
-            else if (SkyModalHostService.topModal === hostService) {
-                // if there are more than 1 modal then unhide the one behind this one before closing it
-                __classPrivateFieldGet(this, _SkyModalHostComponent_adapter, "f").unhidePreviousModalFromScreenReaders(modalElement);
-            }
-            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();
-        });
-        __classPrivateFieldGet(this, _SkyModalHostComponent_router, "f")?.events.pipe(takeWhile(() => isOpen)).subscribe((event) => {
-            /* istanbul ignore else */
-            if (event instanceof NavigationStart) {
-                modalInstance.close();
-            }
-        });
-        modalInstance.closed.subscribe(() => {
-            isOpen = false;
-            __classPrivateFieldGet(this, _SkyModalHostComponent_instances, "m", _SkyModalHostComponent_unregisterModalInstance).call(this, modalInstance);
-            closeModal();
-        });
-        // Necessary if the host was created via a consumer's lifecycle hook such as ngOnInit
-        __classPrivateFieldGet(this, _SkyModalHostComponent_changeDetector, "f").detectChanges();
-    }
-}
-_SkyModalHostComponent_resolver = new WeakMap(), _SkyModalHostComponent_adapter = new WeakMap(), _SkyModalHostComponent_injector = new WeakMap(), _SkyModalHostComponent_router = new WeakMap(), _SkyModalHostComponent_changeDetector = new WeakMap(), _SkyModalHostComponent_modalHostContext = new WeakMap(), _SkyModalHostComponent_elRef = new WeakMap(), _SkyModalHostComponent_modalInstances = new WeakMap(), _SkyModalHostComponent_instances = new WeakSet(), _SkyModalHostComponent_registerModalInstance = function _SkyModalHostComponent_registerModalInstance(instance) {
-    __classPrivateFieldGet(this, _SkyModalHostComponent_modalInstances, "f").push(instance);
-}, _SkyModalHostComponent_unregisterModalInstance = function _SkyModalHostComponent_unregisterModalInstance(instance) {
-    __classPrivateFieldGet(this, _SkyModalHostComponent_modalInstances, "f").slice(__classPrivateFieldGet(this, _SkyModalHostComponent_modalInstances, "f").indexOf(instance), 1);
-}, _SkyModalHostComponent_closeAllModalInstances = function _SkyModalHostComponent_closeAllModalInstances() {
-    for (const instance of __classPrivateFieldGet(this, _SkyModalHostComponent_modalInstances, "f")) {
-        instance.close();
-    }
-};
-SkyModalHostComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalHostComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: SkyModalAdapterService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: SkyModalHostContext }, { token: i0.ElementRef }, { token: i3$1.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyModalHostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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;inset:0}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], viewProviders: [SkyModalAdapterService] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalHostComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-modal-host', viewProviders: [SkyModalAdapterService], 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;inset:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: SkyModalAdapterService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: SkyModalHostContext }, { type: i0.ElementRef }, { type: i3$1.Router, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { target: [{
-                type: ViewChild,
-                args: ['target', {
-                        read: ViewContainerRef,
-                        static: true,
-                    }]
-            }] } });
-
-/**
- * @internal
- */
-const SKY_CONFIRM_CONFIG = new InjectionToken('SkyConfirmConfig');
-
-/**
- * Properties about the modal close action and a method to close the modal.
- */
-class SkyModalBeforeCloseHandler {
-    constructor(closeModal, closeArgs) {
-        this.closeArgs = closeArgs;
-        this.closeModal = closeModal;
-    }
-}
-
-/**
- * Contains an object with the data passed from users when
- * a modal is closed and the reason that the modal was closed.
- */
-class SkyModalCloseArgs {
-}
-
-var _SkyModalInstance_instances, _SkyModalInstance__beforeClose, _SkyModalInstance__closed, _SkyModalInstance__helpOpened, _SkyModalInstance_adapter, _SkyModalInstance_elementRef, _SkyModalInstance_closeModal, _SkyModalInstance_notifyClosed;
-class SkyModalInstance {
-    constructor() {
-        _SkyModalInstance_instances.add(this);
-        _SkyModalInstance__beforeClose.set(this, new Subject());
-        _SkyModalInstance__closed.set(this, new Subject());
-        _SkyModalInstance__helpOpened.set(this, new Subject());
-        _SkyModalInstance_adapter.set(this, void 0);
-        _SkyModalInstance_elementRef.set(this, void 0);
-    }
-    /**
-     * 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 __classPrivateFieldGet(this, _SkyModalInstance__beforeClose, "f");
-    }
-    /**
-     * An event that the modal instance emits when it closes.
-     * It emits a `SkyModalCloseArgs` 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 __classPrivateFieldGet(this, _SkyModalInstance__closed, "f");
-    }
-    /**
-     * 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 __classPrivateFieldGet(this, _SkyModalInstance__helpOpened, "f");
-    }
-    /**
-     * Sets the component adapter for the instance. This is used internally for actions such as scrolling the content.
-     * @internal
-     */
-    set adapter(value) {
-        __classPrivateFieldSet(this, _SkyModalInstance_adapter, value, "f");
-    }
-    /**
-     * Sets the component ref for the instance. This is used to extract the component instance for the public API and the element ref for internal use.
-     * @internal
-     */
-    set componentRef(value) {
-        this.componentInstance = value.instance;
-        __classPrivateFieldSet(this, _SkyModalInstance_elementRef, value.location, "f");
-    }
-    /**
-     * 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';
-        }
-        __classPrivateFieldGet(this, _SkyModalInstance_instances, "m", _SkyModalInstance_closeModal).call(this, 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) {
-        __classPrivateFieldGet(this, _SkyModalInstance_instances, "m", _SkyModalInstance_closeModal).call(this, '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) {
-        __classPrivateFieldGet(this, _SkyModalInstance_instances, "m", _SkyModalInstance_closeModal).call(this, 'save', result);
-    }
-    /**
-     * Scrolls the modal content area to the top of its scrollable area.
-     */
-    scrollContentToTop() {
-        if (__classPrivateFieldGet(this, _SkyModalInstance_adapter, "f") && __classPrivateFieldGet(this, _SkyModalInstance_elementRef, "f")) {
-            __classPrivateFieldGet(this, _SkyModalInstance_adapter, "f").scrollContentToTop(__classPrivateFieldGet(this, _SkyModalInstance_elementRef, "f"));
-        }
-    }
-    /**
-     * 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) {
-        __classPrivateFieldGet(this, _SkyModalInstance__helpOpened, "f").next(helpKey);
-    }
-}
-_SkyModalInstance__beforeClose = new WeakMap(), _SkyModalInstance__closed = new WeakMap(), _SkyModalInstance__helpOpened = new WeakMap(), _SkyModalInstance_adapter = new WeakMap(), _SkyModalInstance_elementRef = new WeakMap(), _SkyModalInstance_instances = new WeakSet(), _SkyModalInstance_closeModal = function _SkyModalInstance_closeModal(type, result, ignoreBeforeClose = false) {
-    const args = new SkyModalCloseArgs();
-    args.reason = type;
-    args.data = result;
-    if (__classPrivateFieldGet(this, _SkyModalInstance__beforeClose, "f").observers.length === 0 || ignoreBeforeClose) {
-        __classPrivateFieldGet(this, _SkyModalInstance_instances, "m", _SkyModalInstance_notifyClosed).call(this, args);
-    }
-    else {
-        __classPrivateFieldGet(this, _SkyModalInstance__beforeClose, "f").next(new SkyModalBeforeCloseHandler(() => {
-            __classPrivateFieldGet(this, _SkyModalInstance_instances, "m", _SkyModalInstance_notifyClosed).call(this, args);
-        }, args));
-    }
-}, _SkyModalInstance_notifyClosed = function _SkyModalInstance_notifyClosed(args) {
-    __classPrivateFieldGet(this, _SkyModalInstance__closed, "f").next(args);
-    __classPrivateFieldGet(this, _SkyModalInstance__closed, "f").complete();
-    __classPrivateFieldGet(this, _SkyModalInstance__beforeClose, "f").complete();
-    __classPrivateFieldGet(this, _SkyModalInstance__helpOpened, "f").complete();
-};
-
-var _SkyModalComponentAdapterService_instances, _SkyModalComponentAdapterService_coreAdapter, _SkyModalComponentAdapterService_setFullPageHeight;
-/**
- * @internal
- */
-class SkyModalComponentAdapterService {
-    constructor(coreAdapter) {
-        _SkyModalComponentAdapterService_instances.add(this);
-        _SkyModalComponentAdapterService_coreAdapter.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyModalComponentAdapterService_coreAdapter, coreAdapter, "f");
-    }
-    handleWindowChange(modalEl) {
-        const boundedHeightEl = modalEl.nativeElement.querySelector('.sky-modal');
-        const fullPageModalEl = modalEl.nativeElement.querySelector('.sky-modal-full-page');
-        /*
-          Set modal height equal to max height of window (accounting for padding above and below modal)
-        */
-        const newHeight = window.innerHeight - 40;
-        boundedHeightEl.style.maxHeight = newHeight.toString() + 'px';
-        if (fullPageModalEl) {
-            __classPrivateFieldGet(this, _SkyModalComponentAdapterService_instances, "m", _SkyModalComponentAdapterService_setFullPageHeight).call(this, 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.
-            */
-            const modalContentEl = modalEl.nativeElement.querySelector('.sky-modal-content');
-            const contentHeight = newHeight - 114;
-            modalContentEl.style.maxHeight = contentHeight.toString() + 'px';
-        }
-    }
-    isFocusInFirstItem(event, list) {
-        /* istanbul ignore next */
-        /* sanity check */
-        const eventTarget = event.target || event.srcElement;
-        return list.length > 0 && eventTarget === list[0];
-    }
-    isFocusInLastItem(event, list) {
-        /* istanbul ignore next */
-        /* sanity check */
-        const eventTarget = event.target || event.srcElement;
-        return list.length > 0 && eventTarget === list[list.length - 1];
-    }
-    isModalFocused(event, modalEl) {
-        /* istanbul ignore next */
-        /* sanity check */
-        const 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;
-    }
-    modalContentHasDirectChildViewkeeper(modalContentEl) {
-        return !!modalContentEl.nativeElement.querySelector('sky-modal-content > .sky-viewkeeper-fixed');
-    }
-    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))) {
-            const currentScrollX = window.pageXOffset;
-            const currentScrollY = window.pageYOffset;
-            const inputWithAutofocus = modalEl.nativeElement.querySelector('[autofocus]');
-            if (inputWithAutofocus) {
-                inputWithAutofocus.focus();
-            }
-            else {
-                __classPrivateFieldGet(this, _SkyModalComponentAdapterService_coreAdapter, "f").getFocusableChildrenAndApplyFocus(modalEl, '.sky-modal-content', true);
-            }
-            window.scrollTo(currentScrollX, currentScrollY);
-        }
-    }
-}
-_SkyModalComponentAdapterService_coreAdapter = new WeakMap(), _SkyModalComponentAdapterService_instances = new WeakSet(), _SkyModalComponentAdapterService_setFullPageHeight = function _SkyModalComponentAdapterService_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: "15.2.9", ngImport: i0, type: SkyModalComponentAdapterService, deps: [{ token: i3.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyModalComponentAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalComponentAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalComponentAdapterService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i3.SkyCoreAdapterService }]; } });
-
-var _SkyModalScrollShadowDirective_instances, _SkyModalScrollShadowDirective_currentShadow, _SkyModalScrollShadowDirective_currentTheme, _SkyModalScrollShadowDirective_mutationObserver, _SkyModalScrollShadowDirective_ngUnsubscribe, _SkyModalScrollShadowDirective_elRef, _SkyModalScrollShadowDirective_mutationObserverSvc, _SkyModalScrollShadowDirective_ngZone, _SkyModalScrollShadowDirective_themeSvc, _SkyModalScrollShadowDirective_initMutationObserver, _SkyModalScrollShadowDirective_destroyMutationObserver, _SkyModalScrollShadowDirective_checkForShadow, _SkyModalScrollShadowDirective_buildShadowStyle, _SkyModalScrollShadowDirective_emitShadow;
-/**
- * Raises an event when the box shadow for the modal header or footer should be adjusted
- * based on the scroll position of the host element.
- * @internal
- */
-class SkyModalScrollShadowDirective {
-    constructor(elRef, mutationObserverSvc, ngZone, themeSvc) {
-        _SkyModalScrollShadowDirective_instances.add(this);
-        this.skyModalScrollShadow = new EventEmitter();
-        _SkyModalScrollShadowDirective_currentShadow.set(this, void 0);
-        _SkyModalScrollShadowDirective_currentTheme.set(this, void 0);
-        _SkyModalScrollShadowDirective_mutationObserver.set(this, void 0);
-        _SkyModalScrollShadowDirective_ngUnsubscribe.set(this, new Subject());
-        _SkyModalScrollShadowDirective_elRef.set(this, void 0);
-        _SkyModalScrollShadowDirective_mutationObserverSvc.set(this, void 0);
-        _SkyModalScrollShadowDirective_ngZone.set(this, void 0);
-        _SkyModalScrollShadowDirective_themeSvc.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyModalScrollShadowDirective_elRef, elRef, "f");
-        __classPrivateFieldSet(this, _SkyModalScrollShadowDirective_mutationObserverSvc, mutationObserverSvc, "f");
-        __classPrivateFieldSet(this, _SkyModalScrollShadowDirective_ngZone, ngZone, "f");
-        __classPrivateFieldSet(this, _SkyModalScrollShadowDirective_themeSvc, themeSvc, "f");
-    }
-    windowResize() {
-        __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_instances, "m", _SkyModalScrollShadowDirective_checkForShadow).call(this);
-    }
-    scroll() {
-        __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_instances, "m", _SkyModalScrollShadowDirective_checkForShadow).call(this);
-    }
-    ngOnInit() {
-        if (__classPrivateFieldGet(this, _SkyModalScrollShadowDirective_themeSvc, "f")) {
-            __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_themeSvc, "f").settingsChange
-                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyModalScrollShadowDirective_ngUnsubscribe, "f")))
-                .subscribe((themeSettings) => {
-                __classPrivateFieldSet(this, _SkyModalScrollShadowDirective_currentTheme, themeSettings.currentSettings.theme, "f");
-                if (__classPrivateFieldGet(this, _SkyModalScrollShadowDirective_currentTheme, "f") === SkyTheme.presets.modern) {
-                    __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_instances, "m", _SkyModalScrollShadowDirective_initMutationObserver).call(this);
-                }
-                else {
-                    __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_instances, "m", _SkyModalScrollShadowDirective_emitShadow).call(this, {
-                        bottomShadow: 'none',
-                        topShadow: 'none',
-                    });
-                    __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_instances, "m", _SkyModalScrollShadowDirective_destroyMutationObserver).call(this);
-                }
-            });
-        }
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_ngUnsubscribe, "f").complete();
-        __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_instances, "m", _SkyModalScrollShadowDirective_destroyMutationObserver).call(this);
-    }
-}
-_SkyModalScrollShadowDirective_currentShadow = new WeakMap(), _SkyModalScrollShadowDirective_currentTheme = new WeakMap(), _SkyModalScrollShadowDirective_mutationObserver = new WeakMap(), _SkyModalScrollShadowDirective_ngUnsubscribe = new WeakMap(), _SkyModalScrollShadowDirective_elRef = new WeakMap(), _SkyModalScrollShadowDirective_mutationObserverSvc = new WeakMap(), _SkyModalScrollShadowDirective_ngZone = new WeakMap(), _SkyModalScrollShadowDirective_themeSvc = new WeakMap(), _SkyModalScrollShadowDirective_instances = new WeakSet(), _SkyModalScrollShadowDirective_initMutationObserver = function _SkyModalScrollShadowDirective_initMutationObserver() {
-    if (!__classPrivateFieldGet(this, _SkyModalScrollShadowDirective_mutationObserver, "f")) {
-        const el = __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_elRef, "f").nativeElement;
-        // MutationObserver is patched by Zone.js and therefore becomes part of the
-        // Angular change detection cycle, but this can lead to infinite loops in some
-        // scenarios. This will keep MutationObserver from triggering change detection.
-        __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_ngZone, "f").runOutsideAngular(() => {
-            __classPrivateFieldSet(this, _SkyModalScrollShadowDirective_mutationObserver, __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_mutationObserverSvc, "f").create(() => {
-                __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_instances, "m", _SkyModalScrollShadowDirective_checkForShadow).call(this);
-            }), "f");
-            __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_mutationObserver, "f").observe(el, {
-                attributes: true,
-                characterData: true,
-                childList: true,
-                subtree: true,
-            });
-        });
-    }
-}, _SkyModalScrollShadowDirective_destroyMutationObserver = function _SkyModalScrollShadowDirective_destroyMutationObserver() {
-    if (__classPrivateFieldGet(this, _SkyModalScrollShadowDirective_mutationObserver, "f")) {
-        __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_mutationObserver, "f").disconnect();
-        __classPrivateFieldSet(this, _SkyModalScrollShadowDirective_mutationObserver, undefined, "f");
-    }
-}, _SkyModalScrollShadowDirective_checkForShadow = function _SkyModalScrollShadowDirective_checkForShadow() {
-    if (__classPrivateFieldGet(this, _SkyModalScrollShadowDirective_currentTheme, "f") === SkyTheme.presets.modern) {
-        const el = __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_elRef, "f").nativeElement;
-        const topShadow = __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_instances, "m", _SkyModalScrollShadowDirective_buildShadowStyle).call(this, el.scrollTop);
-        const bottomShadow = __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_instances, "m", _SkyModalScrollShadowDirective_buildShadowStyle).call(this, el.scrollHeight - el.scrollTop - el.clientHeight);
-        __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_instances, "m", _SkyModalScrollShadowDirective_emitShadow).call(this, {
-            bottomShadow,
-            topShadow,
-        });
-    }
-}, _SkyModalScrollShadowDirective_buildShadowStyle = function _SkyModalScrollShadowDirective_buildShadowStyle(pixelsFromEnd) {
-    // Progressively darken the shadow until the user scrolls 30 pixels from the top or bottom
-    // of the scrollable element, with a max opacity of 0.3.
-    const opacity = Math.min(pixelsFromEnd / 30, 1) * 0.3;
-    return opacity > 0 ? `0px 1px 8px 0px rgba(0, 0, 0, ${opacity})` : 'none';
-}, _SkyModalScrollShadowDirective_emitShadow = function _SkyModalScrollShadowDirective_emitShadow(shadow) {
-    if (!__classPrivateFieldGet(this, _SkyModalScrollShadowDirective_currentShadow, "f") ||
-        __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_currentShadow, "f").bottomShadow !== shadow.bottomShadow ||
-        __classPrivateFieldGet(this, _SkyModalScrollShadowDirective_currentShadow, "f").topShadow !== shadow.topShadow) {
-        this.skyModalScrollShadow.emit(shadow);
-        __classPrivateFieldSet(this, _SkyModalScrollShadowDirective_currentShadow, shadow, "f");
-    }
-};
-SkyModalScrollShadowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalScrollShadowDirective, deps: [{ token: i0.ElementRef }, { token: i3.SkyMutationObserverService }, { token: i0.NgZone }, { token: i2$1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SkyModalScrollShadowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SkyModalScrollShadowDirective, selector: "[skyModalScrollShadow]", outputs: { skyModalScrollShadow: "skyModalScrollShadow" }, host: { listeners: { "window:resize": "windowResize()", "scroll": "scroll()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalScrollShadowDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[skyModalScrollShadow]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i3.SkyMutationObserverService }, { type: i0.NgZone }, { type: i2$1.SkyThemeService, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { skyModalScrollShadow: [{
-                type: Output
-            }], windowResize: [{
-                type: HostListener,
-                args: ['window:resize']
-            }], scroll: [{
-                type: HostListener,
-                args: ['scroll']
-            }] } });
-
-var _SkyModalComponent_hostService, _SkyModalComponent_elRef, _SkyModalComponent_windowRef, _SkyModalComponent_componentAdapter, _SkyModalComponent_coreAdapter, _SkyModalComponent_dockService, _SkyModalComponent_mediaQueryService, _SkyModalComponent_ngUnsubscribe, _SkyModalComponent__ariaDescribedBy, _SkyModalComponent__ariaLabelledBy, _SkyModalComponent_changeDetector, _SkyModalComponent_errorsSvc, _SkyModalComponent_liveAnnouncerSvc;
-const ARIA_ROLE_DEFAULT = 'dialog';
-/**
- * Provides a common look-and-feel for modal content with options to display
- * a common modal header, specify body content, and display a common modal footer
- * and buttons.
- */
-class SkyModalComponent {
-    /**
-     * A list of form-level errors to display to the user.
-     */
-    set formErrors(value) {
-        __classPrivateFieldGet(this, _SkyModalComponent_errorsSvc, "f").updateErrors(value);
-    }
-    /**
-     * @internal
-     */
-    set ariaRole(value) {
-        this.ariaRoleOrDefault = value || ARIA_ROLE_DEFAULT;
-    }
-    /**
-     * @internal
-     */
-    set ariaDescribedBy(id) {
-        __classPrivateFieldSet(this, _SkyModalComponent__ariaDescribedBy, id, "f");
-    }
-    get ariaDescribedBy() {
-        return __classPrivateFieldGet(this, _SkyModalComponent__ariaDescribedBy, "f");
-    }
-    /**
-     * @internal
-     */
-    set ariaLabelledBy(id) {
-        __classPrivateFieldSet(this, _SkyModalComponent__ariaLabelledBy, id, "f");
-    }
-    get ariaLabelledBy() {
-        return __classPrivateFieldGet(this, _SkyModalComponent__ariaLabelledBy, "f");
-    }
-    constructor(hostService, config, elRef, windowRef, componentAdapter, coreAdapter, dockService, mediaQueryService) {
-        this.ariaRoleOrDefault = ARIA_ROLE_DEFAULT;
-        this.ariaOwns = null;
-        this.modalState = 'in';
-        _SkyModalComponent_hostService.set(this, void 0);
-        _SkyModalComponent_elRef.set(this, void 0);
-        _SkyModalComponent_windowRef.set(this, void 0);
-        _SkyModalComponent_componentAdapter.set(this, void 0);
-        _SkyModalComponent_coreAdapter.set(this, void 0);
-        _SkyModalComponent_dockService.set(this, void 0);
-        _SkyModalComponent_mediaQueryService.set(this, void 0);
-        _SkyModalComponent_ngUnsubscribe.set(this, new Subject());
-        _SkyModalComponent__ariaDescribedBy.set(this, void 0);
-        _SkyModalComponent__ariaLabelledBy.set(this, void 0);
-        _SkyModalComponent_changeDetector.set(this, inject(ChangeDetectorRef));
-        _SkyModalComponent_errorsSvc.set(this, inject(SkyModalErrorsService));
-        _SkyModalComponent_liveAnnouncerSvc.set(this, inject(SkyLiveAnnouncerService));
-        __classPrivateFieldSet(this, _SkyModalComponent_hostService, hostService, "f");
-        __classPrivateFieldSet(this, _SkyModalComponent_elRef, elRef, "f");
-        __classPrivateFieldSet(this, _SkyModalComponent_windowRef, windowRef, "f");
-        __classPrivateFieldSet(this, _SkyModalComponent_componentAdapter, componentAdapter, "f");
-        __classPrivateFieldSet(this, _SkyModalComponent_coreAdapter, coreAdapter, "f");
-        __classPrivateFieldSet(this, _SkyModalComponent_dockService, dockService, "f");
-        __classPrivateFieldSet(this, _SkyModalComponent_mediaQueryService, mediaQueryService, "f");
-        this.ariaDescribedBy = config.ariaDescribedBy;
-        this.ariaLabelledBy = config.ariaLabelledBy;
-        this.ariaRole = config.ariaRole;
-        this.helpKey = config.helpKey;
-        this.tiledBody = config.tiledBody;
-        this.wrapperClass = config.wrapperClass;
-        this.size = config.fullPage
-            ? 'full-page'
-            : config.size?.toLowerCase() || 'medium';
-        this.modalZIndex = __classPrivateFieldGet(this, _SkyModalComponent_hostService, "f").zIndex;
-    }
-    onDocumentKeyUp(event) {
-        /* istanbul ignore else */
-        /* sanity check */
-        if (SkyModalHostService.openModalCount > 0) {
-            const topModal = SkyModalHostService.topModal;
-            if (topModal && topModal === __classPrivateFieldGet(this, _SkyModalComponent_hostService, "f")) {
-                if (event.which === 27) {
-                    // Escape key up
-                    event.preventDefault();
-                    this.closeButtonClick();
-                }
-            }
-        }
-    }
-    onDocumentKeyDown(event) {
-        /* istanbul ignore else */
-        /* sanity check */
-        if (SkyModalHostService.openModalCount > 0) {
-            const topModal = SkyModalHostService.topModal;
-            if (topModal && topModal === __classPrivateFieldGet(this, _SkyModalComponent_hostService, "f")) {
-                if (event.which === 9) {
-                    // Tab pressed
-                    let focusChanged = false;
-                    const focusElementList = __classPrivateFieldGet(this, _SkyModalComponent_coreAdapter, "f").getFocusableChildren(__classPrivateFieldGet(this, _SkyModalComponent_elRef, "f").nativeElement);
-                    if (event.shiftKey &&
-                        (__classPrivateFieldGet(this, _SkyModalComponent_componentAdapter, "f").isFocusInFirstItem(event, focusElementList) ||
-                            __classPrivateFieldGet(this, _SkyModalComponent_componentAdapter, "f").isModalFocused(event, __classPrivateFieldGet(this, _SkyModalComponent_elRef, "f")))) {
-                        focusChanged =
-                            __classPrivateFieldGet(this, _SkyModalComponent_componentAdapter, "f").focusLastElement(focusElementList);
-                    }
-                    else if (!event.shiftKey &&
-                        __classPrivateFieldGet(this, _SkyModalComponent_componentAdapter, "f").isFocusInLastItem(event, focusElementList)) {
-                        focusChanged =
-                            __classPrivateFieldGet(this, _SkyModalComponent_componentAdapter, "f").focusFirstElement(focusElementList);
-                    }
-                    if (focusChanged) {
-                        event.preventDefault();
-                        event.stopPropagation();
-                    }
-                }
-            }
-        }
-    }
-    ngOnInit() {
-        __classPrivateFieldGet(this, _SkyModalComponent_liveAnnouncerSvc, "f").announcerElementChanged
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyModalComponent_ngUnsubscribe, "f")))
-            .subscribe((element) => {
-            if (element?.id) {
-                this.ariaOwns = element.id;
-                __classPrivateFieldGet(this, _SkyModalComponent_changeDetector, "f").markForCheck();
-            }
-        });
-    }
-    ngAfterViewInit() {
-        __classPrivateFieldGet(this, _SkyModalComponent_componentAdapter, "f").handleWindowChange(__classPrivateFieldGet(this, _SkyModalComponent_elRef, "f"));
-        // Adding a timeout to avoid ExpressionChangedAfterItHasBeenCheckedError.
-        // https://stackoverflow.com/questions/40562845
-        __classPrivateFieldGet(this, _SkyModalComponent_windowRef, "f").nativeWindow.setTimeout(() => {
-            __classPrivateFieldGet(this, _SkyModalComponent_componentAdapter, "f").modalOpened(__classPrivateFieldGet(this, _SkyModalComponent_elRef, "f"));
-        });
-        __classPrivateFieldGet(this, _SkyModalComponent_dockService, "f").setDockOptions({
-            location: SkyDockLocation.ElementBottom,
-            referenceEl: this.modalContentWrapperElement.nativeElement,
-            zIndex: 5,
-        });
-        /* istanbul ignore next */
-        if (__classPrivateFieldGet(this, _SkyModalComponent_mediaQueryService, "f")) {
-            __classPrivateFieldGet(this, _SkyModalComponent_mediaQueryService, "f").observe(this.modalContentWrapperElement);
-        }
-    }
-    ngOnDestroy() {
-        /* istanbul ignore next */
-        if (__classPrivateFieldGet(this, _SkyModalComponent_mediaQueryService, "f")) {
-            __classPrivateFieldGet(this, _SkyModalComponent_mediaQueryService, "f").unobserve();
-        }
-        __classPrivateFieldGet(this, _SkyModalComponent_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyModalComponent_ngUnsubscribe, "f").complete();
-    }
-    helpButtonClick() {
-        if (this.helpKey) {
-            __classPrivateFieldGet(this, _SkyModalComponent_hostService, "f").onOpenHelp(this.helpKey);
-        }
-    }
-    closeButtonClick() {
-        __classPrivateFieldGet(this, _SkyModalComponent_hostService, "f").onClose();
-    }
-    windowResize() {
-        __classPrivateFieldGet(this, _SkyModalComponent_componentAdapter, "f").handleWindowChange(__classPrivateFieldGet(this, _SkyModalComponent_elRef, "f"));
-    }
-    scrollShadowChange(args) {
-        this.scrollShadow = args;
-    }
-    viewkeeperEnabled() {
-        return __classPrivateFieldGet(this, _SkyModalComponent_componentAdapter, "f").modalContentHasDirectChildViewkeeper(__classPrivateFieldGet(this, _SkyModalComponent_elRef, "f"));
-    }
-}
-_SkyModalComponent_hostService = new WeakMap(), _SkyModalComponent_elRef = new WeakMap(), _SkyModalComponent_windowRef = new WeakMap(), _SkyModalComponent_componentAdapter = new WeakMap(), _SkyModalComponent_coreAdapter = new WeakMap(), _SkyModalComponent_dockService = new WeakMap(), _SkyModalComponent_mediaQueryService = new WeakMap(), _SkyModalComponent_ngUnsubscribe = new WeakMap(), _SkyModalComponent__ariaDescribedBy = new WeakMap(), _SkyModalComponent__ariaLabelledBy = new WeakMap(), _SkyModalComponent_changeDetector = new WeakMap(), _SkyModalComponent_errorsSvc = new WeakMap(), _SkyModalComponent_liveAnnouncerSvc = new WeakMap();
-SkyModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalComponent, deps: [{ token: SkyModalHostService }, { token: SkyModalConfiguration }, { token: i0.ElementRef }, { token: i3.SkyAppWindowRef }, { token: SkyModalComponentAdapterService }, { token: i3.SkyCoreAdapterService }, { token: i3.SkyDockService, host: true }, { token: i3.SkyResizeObserverMediaQueryService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyModalComponent, selector: "sky-modal", inputs: { formErrors: "formErrors", ariaRole: "ariaRole", tiledBody: "tiledBody", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy" }, host: { listeners: { "document:keyup": "onDocumentKeyUp($event)", "document:keydown": "onDocumentKeyDown($event)" }, properties: { "class": "this.wrapperClass" } }, providers: [
-        SkyModalComponentAdapterService,
-        SkyModalErrorsService,
-        SkyDockService,
-    ], viewQueries: [{ propertyName: "modalContentWrapperElement", first: true, predicate: ["modalContentWrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"sky-modal-dialog\"\n  aria-modal=\"true\"\n  [attr.aria-describedby]=\"ariaDescribedBy || modalContentId.id\"\n  [attr.aria-labelledby]=\"ariaLabelledBy || headerId.id\"\n  [attr.aria-owns]=\"ariaOwns\"\n  [attr.role]=\"ariaRoleOrDefault\"\n  (window:resize)=\"windowResize()\"\n>\n  <div\n    class=\"sky-modal sky-shadow sky-box sky-elevation-16 sky-modal-{{ size }}\"\n    tabindex=\"-1\"\n    [ngClass]=\"{\n      'sky-modal-tiled': tiledBody,\n      'sky-modal-viewkeeper': viewkeeperEnabled()\n    }\"\n    [ngStyle]=\"{\n      zIndex: modalZIndex\n    }\"\n  >\n    <div\n      class=\"sky-modal-header\"\n      [hidden]=\"!headerContent || !headerContent.children || headerContent.children.length &lt; 1\"\n      [ngStyle]=\"{\n        'box-shadow': scrollShadow?.topShadow\n      }\"\n    >\n      <div\n        class=\"sky-modal-header-content\"\n        skyId\n        [ngClass]=\"{\n          'sky-font-heading-2': size === 'full-page'\n        }\"\n        #headerContent\n        #headerId=\"skyId\"\n      >\n        <ng-content select=\"sky-modal-header\"></ng-content>\n      </div>\n      <div class=\"sky-modal-header-buttons\">\n        <button\n          *ngIf=\"helpKey\"\n          class=\"sky-btn sky-modal-btn-help\"\n          name=\"help-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'skyux_modal_open_help' | skyLibResources\"\n          (click)=\"helpButtonClick()\"\n        >\n          <sky-icon icon=\"question-circle\"></sky-icon>\n        </button>\n\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-modal-btn-close\"\n          [attr.aria-label]=\"'skyux_modal_close' | skyLibResources\"\n          (click)=\"closeButtonClick()\"\n        >\n          <sky-icon icon=\"close\"></sky-icon>\n        </button>\n      </div>\n    </div>\n    <div\n      class=\"sky-modal-content sky-padding-even-large\"\n      role=\"region\"\n      tabindex=\"0\"\n      skyId\n      [attr.aria-labelledby]=\"headerId.id\"\n      (skyModalScrollShadow)=\"scrollShadowChange($event)\"\n      #modalContentId=\"skyId\"\n      #modalContentWrapper\n    >\n      <ng-content select=\"sky-modal-content\"></ng-content>\n    </div>\n    <div\n      class=\"sky-modal-footer\"\n      [ngStyle]=\"{\n        'box-shadow': scrollShadow?.bottomShadow\n      }\"\n    >\n      <ng-content select=\"sky-modal-footer\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".sky-modal{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;position:fixed;width:auto;left:0;right:0;top:20px;margin:10px;display:flex;flex-direction:column;overflow:hidden}.sky-modal:focus{outline:none}@media (min-width: 768px){.sky-modal:not(.sky-modal-large){margin:0 auto}.sky-modal-small{width:300px}.sky-modal-small .sky-modal-content,.sky-modal-small .sky-modal-header,.sky-modal-small .sky-modal-footer{max-width:300px}.sky-modal-medium{width:600px}.sky-modal-medium .sky-modal-content,.sky-modal-medium .sky-modal-header,.sky-modal-medium .sky-modal-footer{max-width:600px}}@media (min-width: 920px){.sky-modal-large{margin:0 auto;width:900px}.sky-modal-large .sky-modal-content,.sky-modal-large .sky-modal-header,.sky-modal-large .sky-modal-footer{max-width:900px}}.sky-modal-content{background-color:#fff;--sky-background-color-page-default: #fff}.sky-modal-content:focus{outline-style:dotted;outline-width:thin;outline-offset:-1px}.sky-modal-tiled .sky-modal-content{background-color:#eeeeef;--sky-background-color-page-default: $sky-background-color-neutral-light}.sky-modal-tiled .sky-modal-content ::ng-deep .sky-tile-title{font-family:BLKB Sans,Helvetica Neue,Arial,sans-serif;color:var(--sky-text-color-deemphasized);font-weight:300;font-size:19px}.sky-modal-header{padding:9px 3px 9px 15px;background-color:#fff;display:flex;align-items:baseline;border-bottom:1px solid #e2e3e4}.sky-modal-header-buttons{flex-shrink:.0001}.sky-modal-header-buttons .sky-btn{border:none;color:#cdcfd2;cursor:pointer}.sky-modal-header-buttons .sky-btn:hover{color:#979ba2;transition:color .15s}.sky-modal-header-content{flex-grow:1}.sky-modal-header{flex-shrink:0;z-index:2}.sky-modal-content{overflow-y:auto}.sky-modal-footer{flex-shrink:0;z-index:2}.sky-modal-full-page{width:100%;top:0;margin:0}.sky-modal-full-page .sky-modal-header-buttons sky-icon[icon=close]{font-size:20px}.sky-modal-full-page .sky-modal-content{flex-grow:1}:host ::ng-deep .sky-sectioned-form{min-height:460px;margin:-15px}.sky-modal-content>::ng-deep sky-dock{bottom:-15px;margin-left:-15px;margin-bottom:-15px;padding-top:15px;width:calc(100% + 30px)}:host-context(.sky-theme-modern) .sky-modal-header{border:none;padding:20px 30px}:host-context(.sky-theme-modern) .sky-modal-btn-help,:host-context(.sky-theme-modern) .sky-modal-btn-close{display:none}:host-context(.sky-theme-modern) .sky-modal-content{padding:0}:host-context(.sky-theme-modern) .sky-modal-full-page{width:calc(100% - 60px);margin:30px}:host-context(.sky-theme-modern) .sky-modal-content>::ng-deep sky-dock{bottom:0;margin-left:initial;margin-bottom:initial;padding-top:initial;width:100%}:host-context(.sky-theme-modern) .sky-modal-viewkeeper .sky-modal-header{box-shadow:none!important}:host-context(.sky-theme-modern) .sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed{box-shadow:0 4px 8px -4px #0000004d}:host-context(.sky-theme-modern) .sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed>sky-toolbar .sky-toolbar-container{background-color:#fff;--sky-background-color-page-default: #fff;padding-left:30px;padding-right:30px}.sky-theme-modern .sky-modal-header{border:none;padding:20px 30px}.sky-theme-modern .sky-modal-btn-help,.sky-theme-modern .sky-modal-btn-close{display:none}.sky-theme-modern .sky-modal-content{padding:0}.sky-theme-modern .sky-modal-full-page{width:calc(100% - 60px);margin:30px}.sky-theme-modern .sky-modal-content>::ng-deep sky-dock{bottom:0;margin-left:initial;margin-bottom:initial;padding-top:initial;width:100%}.sky-theme-modern .sky-modal-viewkeeper .sky-modal-header{box-shadow:none!important}.sky-theme-modern .sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed{box-shadow:0 4px 8px -4px #0000004d}.sky-theme-modern .sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed>sky-toolbar .sky-toolbar-container{background-color:#fff;--sky-background-color-page-default: #fff;padding-left:30px;padding-right:30px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-modal{border-color:#121212}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-modal-header{color:#fbfcfe}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-modal-header,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-modal-content{background-color:transparent;--sky-background-color-page-default: $sky-theme-modern-mode-dark-background-color-page-default}.sky-theme-modern.sky-theme-mode-dark .sky-modal{border-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-modal-header{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-modal-header,.sky-theme-modern.sky-theme-mode-dark .sky-modal-content{background-color:transparent;--sky-background-color-page-default: $sky-theme-modern-mode-dark-background-color-page-default}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: SkyModalScrollShadowDirective, selector: "[skyModalScrollShadow]", outputs: ["skyModalScrollShadow"] }, { kind: "pipe", type: i2$2.SkyLibResourcesPipe, name: "skyLibResources" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-modal', providers: [
-                        SkyModalComponentAdapterService,
-                        SkyModalErrorsService,
-                        SkyDockService,
-                    ], template: "<div\n  class=\"sky-modal-dialog\"\n  aria-modal=\"true\"\n  [attr.aria-describedby]=\"ariaDescribedBy || modalContentId.id\"\n  [attr.aria-labelledby]=\"ariaLabelledBy || headerId.id\"\n  [attr.aria-owns]=\"ariaOwns\"\n  [attr.role]=\"ariaRoleOrDefault\"\n  (window:resize)=\"windowResize()\"\n>\n  <div\n    class=\"sky-modal sky-shadow sky-box sky-elevation-16 sky-modal-{{ size }}\"\n    tabindex=\"-1\"\n    [ngClass]=\"{\n      'sky-modal-tiled': tiledBody,\n      'sky-modal-viewkeeper': viewkeeperEnabled()\n    }\"\n    [ngStyle]=\"{\n      zIndex: modalZIndex\n    }\"\n  >\n    <div\n      class=\"sky-modal-header\"\n      [hidden]=\"!headerContent || !headerContent.children || headerContent.children.length &lt; 1\"\n      [ngStyle]=\"{\n        'box-shadow': scrollShadow?.topShadow\n      }\"\n    >\n      <div\n        class=\"sky-modal-header-content\"\n        skyId\n        [ngClass]=\"{\n          'sky-font-heading-2': size === 'full-page'\n        }\"\n        #headerContent\n        #headerId=\"skyId\"\n      >\n        <ng-content select=\"sky-modal-header\"></ng-content>\n      </div>\n      <div class=\"sky-modal-header-buttons\">\n        <button\n          *ngIf=\"helpKey\"\n          class=\"sky-btn sky-modal-btn-help\"\n          name=\"help-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'skyux_modal_open_help' | skyLibResources\"\n          (click)=\"helpButtonClick()\"\n        >\n          <sky-icon icon=\"question-circle\"></sky-icon>\n        </button>\n\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-modal-btn-close\"\n          [attr.aria-label]=\"'skyux_modal_close' | skyLibResources\"\n          (click)=\"closeButtonClick()\"\n        >\n          <sky-icon icon=\"close\"></sky-icon>\n        </button>\n      </div>\n    </div>\n    <div\n      class=\"sky-modal-content sky-padding-even-large\"\n      role=\"region\"\n      tabindex=\"0\"\n      skyId\n      [attr.aria-labelledby]=\"headerId.id\"\n      (skyModalScrollShadow)=\"scrollShadowChange($event)\"\n      #modalContentId=\"skyId\"\n      #modalContentWrapper\n    >\n      <ng-content select=\"sky-modal-content\"></ng-content>\n    </div>\n    <div\n      class=\"sky-modal-footer\"\n      [ngStyle]=\"{\n        'box-shadow': scrollShadow?.bottomShadow\n      }\"\n    >\n      <ng-content select=\"sky-modal-footer\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".sky-modal{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;position:fixed;width:auto;left:0;right:0;top:20px;margin:10px;display:flex;flex-direction:column;overflow:hidden}.sky-modal:focus{outline:none}@media (min-width: 768px){.sky-modal:not(.sky-modal-large){margin:0 auto}.sky-modal-small{width:300px}.sky-modal-small .sky-modal-content,.sky-modal-small .sky-modal-header,.sky-modal-small .sky-modal-footer{max-width:300px}.sky-modal-medium{width:600px}.sky-modal-medium .sky-modal-content,.sky-modal-medium .sky-modal-header,.sky-modal-medium .sky-modal-footer{max-width:600px}}@media (min-width: 920px){.sky-modal-large{margin:0 auto;width:900px}.sky-modal-large .sky-modal-content,.sky-modal-large .sky-modal-header,.sky-modal-large .sky-modal-footer{max-width:900px}}.sky-modal-content{background-color:#fff;--sky-background-color-page-default: #fff}.sky-modal-content:focus{outline-style:dotted;outline-width:thin;outline-offset:-1px}.sky-modal-tiled .sky-modal-content{background-color:#eeeeef;--sky-background-color-page-default: $sky-background-color-neutral-light}.sky-modal-tiled .sky-modal-content ::ng-deep .sky-tile-title{font-family:BLKB Sans,Helvetica Neue,Arial,sans-serif;color:var(--sky-text-color-deemphasized);font-weight:300;font-size:19px}.sky-modal-header{padding:9px 3px 9px 15px;background-color:#fff;display:flex;align-items:baseline;border-bottom:1px solid #e2e3e4}.sky-modal-header-buttons{flex-shrink:.0001}.sky-modal-header-buttons .sky-btn{border:none;color:#cdcfd2;cursor:pointer}.sky-modal-header-buttons .sky-btn:hover{color:#979ba2;transition:color .15s}.sky-modal-header-content{flex-grow:1}.sky-modal-header{flex-shrink:0;z-index:2}.sky-modal-content{overflow-y:auto}.sky-modal-footer{flex-shrink:0;z-index:2}.sky-modal-full-page{width:100%;top:0;margin:0}.sky-modal-full-page .sky-modal-header-buttons sky-icon[icon=close]{font-size:20px}.sky-modal-full-page .sky-modal-content{flex-grow:1}:host ::ng-deep .sky-sectioned-form{min-height:460px;margin:-15px}.sky-modal-content>::ng-deep sky-dock{bottom:-15px;margin-left:-15px;margin-bottom:-15px;padding-top:15px;width:calc(100% + 30px)}:host-context(.sky-theme-modern) .sky-modal-header{border:none;padding:20px 30px}:host-context(.sky-theme-modern) .sky-modal-btn-help,:host-context(.sky-theme-modern) .sky-modal-btn-close{display:none}:host-context(.sky-theme-modern) .sky-modal-content{padding:0}:host-context(.sky-theme-modern) .sky-modal-full-page{width:calc(100% - 60px);margin:30px}:host-context(.sky-theme-modern) .sky-modal-content>::ng-deep sky-dock{bottom:0;margin-left:initial;margin-bottom:initial;padding-top:initial;width:100%}:host-context(.sky-theme-modern) .sky-modal-viewkeeper .sky-modal-header{box-shadow:none!important}:host-context(.sky-theme-modern) .sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed{box-shadow:0 4px 8px -4px #0000004d}:host-context(.sky-theme-modern) .sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed>sky-toolbar .sky-toolbar-container{background-color:#fff;--sky-background-color-page-default: #fff;padding-left:30px;padding-right:30px}.sky-theme-modern .sky-modal-header{border:none;padding:20px 30px}.sky-theme-modern .sky-modal-btn-help,.sky-theme-modern .sky-modal-btn-close{display:none}.sky-theme-modern .sky-modal-content{padding:0}.sky-theme-modern .sky-modal-full-page{width:calc(100% - 60px);margin:30px}.sky-theme-modern .sky-modal-content>::ng-deep sky-dock{bottom:0;margin-left:initial;margin-bottom:initial;padding-top:initial;width:100%}.sky-theme-modern .sky-modal-viewkeeper .sky-modal-header{box-shadow:none!important}.sky-theme-modern .sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed{box-shadow:0 4px 8px -4px #0000004d}.sky-theme-modern .sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed>sky-toolbar .sky-toolbar-container{background-color:#fff;--sky-background-color-page-default: #fff;padding-left:30px;padding-right:30px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-modal{border-color:#121212}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-modal-header{color:#fbfcfe}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-modal-header,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-modal-content{background-color:transparent;--sky-background-color-page-default: $sky-theme-modern-mode-dark-background-color-page-default}.sky-theme-modern.sky-theme-mode-dark .sky-modal{border-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-modal-header{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-modal-header,.sky-theme-modern.sky-theme-mode-dark .sky-modal-content{background-color:transparent;--sky-background-color-page-default: $sky-theme-modern-mode-dark-background-color-page-default}\n"] }]
-        }], ctorParameters: function () { return [{ type: SkyModalHostService }, { type: SkyModalConfiguration }, { type: i0.ElementRef }, { type: i3.SkyAppWindowRef }, { type: SkyModalComponentAdapterService }, { type: i3.SkyCoreAdapterService }, { type: i3.SkyDockService, decorators: [{
-                    type: Host
-                }] }, { type: i3.SkyResizeObserverMediaQueryService, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { wrapperClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], formErrors: [{
-                type: Input
-            }], ariaRole: [{
-                type: Input
-            }], tiledBody: [{
-                type: Input
-            }], ariaDescribedBy: [{
-                type: Input
-            }], ariaLabelledBy: [{
-                type: Input
-            }], modalContentWrapperElement: [{
-                type: ViewChild,
-                args: ['modalContentWrapper', { read: ElementRef }]
-            }], onDocumentKeyUp: [{
-                type: HostListener,
-                args: ['document:keyup', ['$event']]
-            }], onDocumentKeyDown: [{
-                type: HostListener,
-                args: ['document:keydown', ['$event']]
-            }] } });
-
-var _SkyConfirmComponent_instances, _SkyConfirmComponent_config, _SkyConfirmComponent_modal, _SkyConfirmComponent_resourcesService, _SkyConfirmComponent_getPresetButtons, _SkyConfirmComponent_getCustomButtons;
-class SkyConfirmComponent {
-    constructor(config, modal, resourcesService, idService) {
-        _SkyConfirmComponent_instances.add(this);
-        this.preserveWhiteSpace = false;
-        this.isOkType = false;
-        _SkyConfirmComponent_config.set(this, void 0);
-        _SkyConfirmComponent_modal.set(this, void 0);
-        _SkyConfirmComponent_resourcesService.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyConfirmComponent_config, config, "f");
-        __classPrivateFieldSet(this, _SkyConfirmComponent_modal, modal, "f");
-        __classPrivateFieldSet(this, _SkyConfirmComponent_resourcesService, resourcesService, "f");
-        if (config.type === SkyConfirmType.Custom &&
-            config.buttons &&
-            config.buttons.length > 0) {
-            this.buttons = __classPrivateFieldGet(this, _SkyConfirmComponent_instances, "m", _SkyConfirmComponent_getCustomButtons).call(this, config.buttons);
-        }
-        else {
-            __classPrivateFieldGet(this, _SkyConfirmComponent_instances, "m", _SkyConfirmComponent_getPresetButtons).call(this)
-                .pipe(take(1))
-                .subscribe((buttons) => {
-                this.buttons = buttons;
-            });
-        }
-        this.message = config.message;
-        this.body = config.body;
-        // Using the service here instead of the directive due to the confirm component's "body" container being conditional and thus a template variable being unavailable at an outer scope
-        this.bodyId = idService.generateId();
-        this.preserveWhiteSpace = !!config.preserveWhiteSpace;
-        this.isOkType = config.type === SkyConfirmType.OK;
-    }
-    close(button) {
-        const result = {
-            action: button.action,
-        };
-        __classPrivateFieldGet(this, _SkyConfirmComponent_modal, "f").close(result);
-    }
-}
-_SkyConfirmComponent_config = new WeakMap(), _SkyConfirmComponent_modal = new WeakMap(), _SkyConfirmComponent_resourcesService = new WeakMap(), _SkyConfirmComponent_instances = new WeakSet(), _SkyConfirmComponent_getPresetButtons = function _SkyConfirmComponent_getPresetButtons() {
-    const emitter = new ReplaySubject(1);
-    __classPrivateFieldGet(this, _SkyConfirmComponent_resourcesService, "f")
-        .getStrings({
-        cancel: 'skyux_confirm_dialog_default_cancel_text',
-        no: 'skyux_confirm_dialog_default_no_text',
-        ok: 'skyux_confirm_dialog_default_ok_text',
-        yes: 'skyux_confirm_dialog_default_yes_text',
-    })
-        .subscribe((values) => {
-        const confirmButtons = [];
-        switch (__classPrivateFieldGet(this, _SkyConfirmComponent_config, "f").type) {
-            case SkyConfirmType.YesNoCancel:
-            case SkyConfirmType.YesCancel:
-                confirmButtons.push({
-                    text: values.yes,
-                    autofocus: true,
-                    styleType: 'primary',
-                    action: 'yes',
-                });
-                if (__classPrivateFieldGet(this, _SkyConfirmComponent_config, "f").type === SkyConfirmType.YesNoCancel) {
-                    confirmButtons.push({
-                        text: values.no,
-                        styleType: 'default',
-                        action: 'no',
-                    });
-                }
-                confirmButtons.push({
-                    text: values.cancel,
-                    styleType: 'link',
-                    action: 'cancel',
-                });
-                break;
-            default:
-                confirmButtons.push({
-                    text: values.ok,
-                    autofocus: true,
-                    styleType: 'primary',
-                    action: 'ok',
-                });
-        }
-        emitter.next(confirmButtons);
-    });
-    return emitter.asObservable();
-}, _SkyConfirmComponent_getCustomButtons = function _SkyConfirmComponent_getCustomButtons(buttonConfig) {
-    return buttonConfig.map((config) => ({
-        text: config.text,
-        action: config.action,
-        styleType: config.styleType || 'default',
-        autofocus: config.autofocus || false,
-    }));
-};
-SkyConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmComponent, deps: [{ token: SKY_CONFIRM_CONFIG }, { token: SkyModalInstance }, { token: i2$2.SkyLibResourcesService }, { token: i3.SkyIdService }], target: i0.ɵɵFactoryTarget.Component });
-SkyConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyConfirmComponent, selector: "sky-confirm", ngImport: i0, template: "<div class=\"sky-confirm\" [ngClass]=\"{ 'sky-confirm-type-ok': isOkType }\">\n  <sky-modal\n    ariaRole=\"alertdialog\"\n    [ariaLabelledBy]=\"confirmMessage.id\"\n    [ariaDescribedBy]=\"body ? bodyId : undefined\"\n  >\n    <sky-modal-content class=\"sky-confirm-content\">\n      <!--\n        The following \"magic comment\" keeps Prettier from adding line breaks\n        inside the div and causing leading and trailing whitespace when\n        `preserveWhiteSpace` is `true`.\n        https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting\n      -->\n      <!-- display: inline -->\n      <div\n        class=\"sky-confirm-message\"\n        [ngClass]=\"{\n          'sky-confirm-preserve-white-space': preserveWhiteSpace\n        }\"\n        [skyThemeClass]=\"{\n          'sky-font-display-4': 'default',\n          'sky-font-heading-1 sky-font-display-3': 'modern'\n        }\"\n        skyId\n        #confirmMessage=\"skyId\"\n        >{{ message }}</div\n      >\n\n      <!--\n        The following \"magic comment\" keeps Prettier from adding line breaks\n        inside the div and causing leading and trailing whitespace when\n        `preserveWhiteSpace` is `true`.\n        https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting\n      -->\n      <!-- display: inline -->\n      <div\n        *ngIf=\"body\"\n        class=\"sky-confirm-body\"\n        [id]=\"bodyId\"\n        [ngClass]=\"{\n          'sky-confirm-preserve-white-space': preserveWhiteSpace\n        }\"\n        >{{ body }}</div\n      >\n\n      <div class=\"sky-confirm-buttons\">\n        <button\n          *ngFor=\"let button of buttons\"\n          type=\"button\"\n          class=\"sky-btn\"\n          [ngClass]=\"'sky-btn-' + button.styleType\"\n          [skyThemeClass]=\"{\n            'sky-margin-inline-sm': 'modern',\n            'sky-margin-inline-compact': 'default'\n          }\"\n          (click)=\"close(button)\"\n          [attr.autofocus]=\"button.autofocus ? 'autofocus' : null\"\n        >\n          {{ button.text }}\n        </button>\n      </div>\n    </sky-modal-content>\n  </sky-modal>\n</div>\n", styles: [".sky-confirm{--sky-confirm-body-margin-top: var(--sky-margin-stacked-sm);--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-xl);--sky-confirm-content-padding: 0;--sky-confirm-message-padding-bottom: 0}:host-context(.sky-theme-modern) .sky-confirm{--sky-confirm-body-margin-top: 0;--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-lg);--sky-confirm-content-padding: var(--sky-margin-stacked-lg) var(--sky-margin-inline-xl);--sky-confirm-message-padding-bottom: var(--sky-margin-stacked-lg)}.sky-theme-modern .sky-confirm{--sky-confirm-body-margin-top: 0;--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-lg);--sky-confirm-content-padding: var(--sky-margin-stacked-lg) var(--sky-margin-inline-xl);--sky-confirm-message-padding-bottom: var(--sky-margin-stacked-lg)}.sky-confirm-content{padding:var(--sky-confirm-content-padding)}.sky-confirm-message{margin-top:var(--sky-margin-stacked-xs);padding-bottom:var(--sky-confirm-message-padding-bottom)}.sky-confirm-body{margin-top:var(--sky-confirm-body-margin-top)}.sky-confirm-buttons{margin-top:var(--sky-confirm-buttons-margin-top)}.sky-confirm-preserve-white-space{white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "component", type: SkyModalComponent, selector: "sky-modal", inputs: ["formErrors", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: SkyModalContentComponent, selector: "sky-modal-content" }, { kind: "directive", type: i2$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-confirm', template: "<div class=\"sky-confirm\" [ngClass]=\"{ 'sky-confirm-type-ok': isOkType }\">\n  <sky-modal\n    ariaRole=\"alertdialog\"\n    [ariaLabelledBy]=\"confirmMessage.id\"\n    [ariaDescribedBy]=\"body ? bodyId : undefined\"\n  >\n    <sky-modal-content class=\"sky-confirm-content\">\n      <!--\n        The following \"magic comment\" keeps Prettier from adding line breaks\n        inside the div and causing leading and trailing whitespace when\n        `preserveWhiteSpace` is `true`.\n        https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting\n      -->\n      <!-- display: inline -->\n      <div\n        class=\"sky-confirm-message\"\n        [ngClass]=\"{\n          'sky-confirm-preserve-white-space': preserveWhiteSpace\n        }\"\n        [skyThemeClass]=\"{\n          'sky-font-display-4': 'default',\n          'sky-font-heading-1 sky-font-display-3': 'modern'\n        }\"\n        skyId\n        #confirmMessage=\"skyId\"\n        >{{ message }}</div\n      >\n\n      <!--\n        The following \"magic comment\" keeps Prettier from adding line breaks\n        inside the div and causing leading and trailing whitespace when\n        `preserveWhiteSpace` is `true`.\n        https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting\n      -->\n      <!-- display: inline -->\n      <div\n        *ngIf=\"body\"\n        class=\"sky-confirm-body\"\n        [id]=\"bodyId\"\n        [ngClass]=\"{\n          'sky-confirm-preserve-white-space': preserveWhiteSpace\n        }\"\n        >{{ body }}</div\n      >\n\n      <div class=\"sky-confirm-buttons\">\n        <button\n          *ngFor=\"let button of buttons\"\n          type=\"button\"\n          class=\"sky-btn\"\n          [ngClass]=\"'sky-btn-' + button.styleType\"\n          [skyThemeClass]=\"{\n            'sky-margin-inline-sm': 'modern',\n            'sky-margin-inline-compact': 'default'\n          }\"\n          (click)=\"close(button)\"\n          [attr.autofocus]=\"button.autofocus ? 'autofocus' : null\"\n        >\n          {{ button.text }}\n        </button>\n      </div>\n    </sky-modal-content>\n  </sky-modal>\n</div>\n", styles: [".sky-confirm{--sky-confirm-body-margin-top: var(--sky-margin-stacked-sm);--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-xl);--sky-confirm-content-padding: 0;--sky-confirm-message-padding-bottom: 0}:host-context(.sky-theme-modern) .sky-confirm{--sky-confirm-body-margin-top: 0;--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-lg);--sky-confirm-content-padding: var(--sky-margin-stacked-lg) var(--sky-margin-inline-xl);--sky-confirm-message-padding-bottom: var(--sky-margin-stacked-lg)}.sky-theme-modern .sky-confirm{--sky-confirm-body-margin-top: 0;--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-lg);--sky-confirm-content-padding: var(--sky-margin-stacked-lg) var(--sky-margin-inline-xl);--sky-confirm-message-padding-bottom: var(--sky-margin-stacked-lg)}.sky-confirm-content{padding:var(--sky-confirm-content-padding)}.sky-confirm-message{margin-top:var(--sky-margin-stacked-xs);padding-bottom:var(--sky-confirm-message-padding-bottom)}.sky-confirm-body{margin-top:var(--sky-confirm-body-margin-top)}.sky-confirm-buttons{margin-top:var(--sky-confirm-buttons-margin-top)}.sky-confirm-preserve-white-space{white-space:pre-wrap}\n"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SKY_CONFIRM_CONFIG]
-                }] }, { type: SkyModalInstance }, { type: i2$2.SkyLibResourcesService }, { type: i3.SkyIdService }]; } });
-
-var _SkyModalService_instances, _SkyModalService_dynamicComponentService, _SkyModalService_getConfigFromParameter, _SkyModalService_createHostComponent;
-/**
- * A service that launches modals.
- * @dynamic
- */
-class SkyModalService {
-    constructor(dynamicComponentService) {
-        _SkyModalService_instances.add(this);
-        _SkyModalService_dynamicComponentService.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyModalService_dynamicComponentService, dynamicComponentService, "f");
-    }
-    /**
-     * @internal
-     * Removes the modal host from the DOM.
-     */
-    dispose() {
-        if (SkyModalService.host) {
-            __classPrivateFieldGet(this, _SkyModalService_dynamicComponentService, "f").removeComponent(SkyModalService.host);
-            SkyModalService.host = undefined;
-        }
-    }
-    /**
-     * Opens a modal using the specified component.
-     * @param component Determines the component to render.
-     * @param {SkyModalConfigurationInterface} config Specifies configuration options for the modal.
-     */
-    open(component, config) {
-        const modalInstance = new SkyModalInstance();
-        __classPrivateFieldGet(this, _SkyModalService_instances, "m", _SkyModalService_createHostComponent).call(this);
-        const params = __classPrivateFieldGet(this, _SkyModalService_instances, "m", _SkyModalService_getConfigFromParameter).call(this, config);
-        params.providers || (params.providers = []);
-        params.providers.push({
-            provide: SkyModalInstance,
-            useValue: modalInstance,
-        });
-        if (SkyModalService.host) {
-            SkyModalService.host.instance.open(modalInstance, component, params);
-        }
-        return modalInstance;
-    }
-}
-_SkyModalService_dynamicComponentService = new WeakMap(), _SkyModalService_instances = new WeakSet(), _SkyModalService_getConfigFromParameter = function _SkyModalService_getConfigFromParameter(providersOrConfig) {
-    const defaultParams = {
-        providers: [],
-        fullPage: false,
-        size: 'medium',
-        tiledBody: false,
-    };
-    let params = {};
-    let method = undefined;
-    // Object Literal Lookup for backwards compatibility.
-    method = {
-        'providers?': Object.assign({}, defaultParams, {
-            providers: providersOrConfig,
-        }),
-        config: Object.assign({}, defaultParams, providersOrConfig),
-    };
-    if (Array.isArray(providersOrConfig) === true) {
-        params = method['providers?'];
-    }
-    else {
-        params = method['config'];
-    }
-    return params;
-}, _SkyModalService_createHostComponent = function _SkyModalService_createHostComponent() {
-    if (!SkyModalService.host) {
-        SkyModalService.host = __classPrivateFieldGet(this, _SkyModalService_dynamicComponentService, "f").createComponent(SkyModalHostComponent, {
-            providers: [
-                {
-                    provide: SkyModalHostContext,
-                    useValue: new SkyModalHostContext({
-                        teardownCallback: () => {
-                            this.dispose();
-                        },
-                    }),
-                },
-            ],
-        });
-    }
-};
-SkyModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalService, deps: [{ token: i3.SkyDynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalService, providedIn: 'any' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalService, 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 lose context if the modal was opened from within a lazy-loaded module.
-                    providedIn: 'any',
-                }]
-        }], ctorParameters: function () { return [{ type: i3.SkyDynamicComponentService }]; } });
-
-var _SkyConfirmService_modalService;
-/**
- * Launches a dialog.
- */
-class SkyConfirmService {
-    constructor(modalService) {
-        _SkyConfirmService_modalService.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyConfirmService_modalService, modalService, "f");
-    }
-    /**
-     * Opens a dialog using the specified options.
-     * @param config Specifies configuration options for the dialog.
-     */
-    open(config) {
-        const modalInstance = __classPrivateFieldGet(this, _SkyConfirmService_modalService, "f").open(SkyConfirmComponent, {
-            providers: [
-                {
-                    provide: SKY_CONFIRM_CONFIG,
-                    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_modalService = new WeakMap();
-SkyConfirmService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmService, deps: [{ token: SkyModalService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyConfirmService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmService, providedIn: 'any' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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: SkyModalService }]; } });
-
-var _SkyModalIsDirtyDirective_instances, _SkyModalIsDirtyDirective_ngUnsubscribe, _SkyModalIsDirtyDirective_modalInstance, _SkyModalIsDirtyDirective_confirmSvc, _SkyModalIsDirtyDirective_resourcesSvc, _SkyModalIsDirtyDirective_promptIfDirty;
-/**
- * Provides a way to mark a modal as "dirty" and displays a confirmation
- * message when a user closes the modal without saving.
- */
-class SkyModalIsDirtyDirective {
-    constructor() {
-        _SkyModalIsDirtyDirective_instances.add(this);
-        /**
-         * Whether the user edited an input on the modal.
-         * @required
-         */
-        this.isDirty = false;
-        _SkyModalIsDirtyDirective_ngUnsubscribe.set(this, new Subject());
-        _SkyModalIsDirtyDirective_modalInstance.set(this, inject(SkyModalInstance));
-        _SkyModalIsDirtyDirective_confirmSvc.set(this, inject(SkyConfirmService));
-        _SkyModalIsDirtyDirective_resourcesSvc.set(this, inject(SkyLibResourcesService));
-    }
-    ngOnInit() {
-        __classPrivateFieldGet(this, _SkyModalIsDirtyDirective_modalInstance, "f").beforeClose
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyModalIsDirtyDirective_ngUnsubscribe, "f")))
-            .subscribe((handler) => __classPrivateFieldGet(this, _SkyModalIsDirtyDirective_instances, "m", _SkyModalIsDirtyDirective_promptIfDirty).call(this, handler));
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyModalIsDirtyDirective_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyModalIsDirtyDirective_ngUnsubscribe, "f").complete();
-    }
-}
-_SkyModalIsDirtyDirective_ngUnsubscribe = new WeakMap(), _SkyModalIsDirtyDirective_modalInstance = new WeakMap(), _SkyModalIsDirtyDirective_confirmSvc = new WeakMap(), _SkyModalIsDirtyDirective_resourcesSvc = new WeakMap(), _SkyModalIsDirtyDirective_instances = new WeakSet(), _SkyModalIsDirtyDirective_promptIfDirty = function _SkyModalIsDirtyDirective_promptIfDirty(handler) {
-    if (this.isDirty && handler.closeArgs.reason === 'close') {
-        __classPrivateFieldGet(this, _SkyModalIsDirtyDirective_resourcesSvc, "f")
-            .getStrings({
-            message: 'skyux_modal_dirty_default_message',
-            discardActionText: 'skyux_modal_dirty_default_discard_changes_text',
-            keepActionText: 'skyux_modal_dirty_default_keep_working_text',
-        })
-            .subscribe((textValues) => {
-            const discardAction = 'discard';
-            const keepAction = 'keep';
-            __classPrivateFieldGet(this, _SkyModalIsDirtyDirective_confirmSvc, "f")
-                .open({
-                message: textValues.message,
-                buttons: [
-                    {
-                        action: discardAction,
-                        text: textValues.discardActionText,
-                        styleType: 'primary',
-                    },
-                    {
-                        action: keepAction,
-                        text: textValues.keepActionText,
-                        styleType: 'link',
-                    },
-                ],
-                type: SkyConfirmType.Custom,
-            })
-                .closed.subscribe((args) => {
-                if (args.action === discardAction) {
-                    handler.closeModal();
-                }
-            });
-        });
-    }
-    else {
-        handler.closeModal();
-    }
-};
-SkyModalIsDirtyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalIsDirtyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SkyModalIsDirtyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SkyModalIsDirtyDirective, selector: "sky-modal[isDirty]", inputs: { isDirty: "isDirty" }, host: { properties: { "attr.data-sky-modal-is-dirty": "this.isDirty" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalIsDirtyDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    // Since this is limited to sky-modal, it should be safe to
-                    // leave off the sky prefix.
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'sky-modal[isDirty]',
-                }]
-        }], propDecorators: { isDirty: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['attr.data-sky-modal-is-dirty']
-            }] } });
-
-class SkyModalModule {
-}
-SkyModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyModalModule, declarations: [SkyModalComponent,
-        SkyModalContentComponent,
-        SkyModalFooterComponent,
-        SkyModalHeaderComponent,
-        SkyModalHostComponent,
-        SkyModalIsDirtyDirective,
-        SkyModalScrollShadowDirective], imports: [CommonModule,
-        RouterModule,
-        SkyIconModule,
-        SkyIdModule,
-        SkyModalsResourcesModule,
-        SkyStatusIndicatorModule,
-        SkyThemeModule,
-        SkyTrimModule], exports: [SkyModalComponent,
-        SkyModalContentComponent,
-        SkyModalFooterComponent,
-        SkyModalHeaderComponent,
-        SkyModalIsDirtyDirective] });
-SkyModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalModule, imports: [CommonModule,
-        RouterModule,
-        SkyIconModule,
-        SkyIdModule,
-        SkyModalsResourcesModule,
-        SkyStatusIndicatorModule,
-        SkyThemeModule,
-        SkyTrimModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SkyModalComponent,
-                        SkyModalContentComponent,
-                        SkyModalFooterComponent,
-                        SkyModalHeaderComponent,
-                        SkyModalHostComponent,
-                        SkyModalIsDirtyDirective,
-                        SkyModalScrollShadowDirective,
-                    ],
-                    imports: [
-                        CommonModule,
-                        RouterModule,
-                        SkyIconModule,
-                        SkyIdModule,
-                        SkyModalsResourcesModule,
-                        SkyStatusIndicatorModule,
-                        SkyThemeModule,
-                        SkyTrimModule,
-                    ],
-                    exports: [
-                        SkyModalComponent,
-                        SkyModalContentComponent,
-                        SkyModalFooterComponent,
-                        SkyModalHeaderComponent,
-                        SkyModalIsDirtyDirective,
-                    ],
-                }]
-        }] });
-
-class SkyConfirmModule {
-}
-SkyConfirmModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyConfirmModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmModule, declarations: [SkyConfirmComponent], imports: [CommonModule,
-        SkyIdModule,
-        SkyModalModule,
-        SkyModalsResourcesModule,
-        SkyThemeModule], exports: [SkyConfirmComponent] });
-SkyConfirmModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmModule, imports: [CommonModule,
-        SkyIdModule,
-        SkyModalModule,
-        SkyModalsResourcesModule,
-        SkyThemeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyConfirmComponent],
-                    imports: [
-                        CommonModule,
-                        SkyIdModule,
-                        SkyModalModule,
-                        SkyModalsResourcesModule,
-                        SkyThemeModule,
-                    ],
-                    exports: [SkyConfirmComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SkyConfirmInstance, SkyConfirmModule, SkyConfirmService, SkyConfirmType, SkyModalBeforeCloseHandler, SkyModalCloseArgs, SkyModalConfiguration, SkyModalErrorsService, SkyModalHostService, SkyModalInstance, SkyModalModule, SkyModalService, SkyConfirmComponent as λ1, SkyModalContentComponent as λ2, SkyModalFooterComponent as λ3, SkyModalHeaderComponent as λ4, SkyModalComponent as λ5, SkyModalIsDirtyDirective as λ6 };
-//# sourceMappingURL=skyux-modals.mjs.map