@skyux/modals 14.0.0-alpha.8 → 14.0.0-beta.0

package/fesm2022/skyux-modals-testing.mjs

@@ -86,6 +86,8 @@ class SkyModalFixture {
     clickHeaderCloseButton() {
         this.#checkModalElement();
         const closeButton = this.#modalElement.querySelector('.sky-modal .sky-modal-btn-close');
+        /* Safety check */
+        /* istanbul ignore else */
         if (closeButton &&
             window.getComputedStyle(closeButton).display !== 'none') {
             closeButton.click();
@@ -525,6 +527,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                 }]
         }] });
 
+/**
+ * Harness for interacting with a modal banner component in tests.
+ */
+class SkyModalBannerHarness extends SkyComponentHarness {
+    /**
+     * @internal
+     */
+    static { this.hostSelector = 'sky-modal-banner'; }
+    /**
+     * Gets the image source URL from the banner's background image style.
+     * Returns `null` if no image source is set.
+     */
+    async getImageSrc() {
+        const backgroundImage = await (await this.host()).getCssValue('background-image');
+        if (!backgroundImage || backgroundImage === 'none') {
+            return null;
+        }
+        // The component sets background-image as url("${imageSrc}") with internal
+        // double quotes escaped as \". Strip the url("...") wrapper and unescape.
+        const match = backgroundImage.match(/^url\("([\s\S]*)"\)$/);
+        if (!match) {
+            return null;
+        }
+        return match[1].replaceAll('\\"', '"');
+    }
+}
+
 /**
  * Harness for interacting with a modal component in tests.
  */
@@ -543,6 +572,12 @@ class SkyModalHarness extends SkyComponentHarness {
     static with(filters) {
         return SkyModalHarness.getDataSkyIdPredicate(filters);
     }
+    /**
+     * Gets the modal banner harness, or `null` if no banner is present.
+     */
+    async getBanner() {
+        return await this.locatorForOptional(SkyModalBannerHarness)();
+    }
     /**
      * Clicks the help inline button.
      */
@@ -637,5 +672,5 @@ class SkyModalHarness extends SkyComponentHarness {
  * Generated bundle index. Do not edit.
  */
 
-export { SkyConfirmButtonHarness, SkyConfirmHarness, SkyConfirmTestingController, SkyConfirmTestingModule, SkyModalFixture, SkyModalHarness, SkyModalTestingController, SkyModalTestingModule };
+export { SkyConfirmButtonHarness, SkyConfirmHarness, SkyConfirmTestingController, SkyConfirmTestingModule, SkyModalBannerHarness, SkyModalFixture, SkyModalHarness, SkyModalTestingController, SkyModalTestingModule };
 //# sourceMappingURL=skyux-modals-testing.mjs.map

package/fesm2022/skyux-modals-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-modals-testing.mjs","sources":["../../../../../libs/components/modals/testing/src/legacy/modal-fixture.ts","../../../../../libs/components/modals/testing/src/modules/confirm/confirm-button-harness.ts","../../../../../libs/components/modals/testing/src/modules/confirm/confirm-harness.ts","../../../../../libs/components/modals/testing/src/modules/confirm/confirm-testing.controller.ts","../../../../../libs/components/modals/testing/src/modules/confirm/confirm-testing.service.ts","../../../../../libs/components/modals/testing/src/modules/confirm/provide-confirm-testing.ts","../../../../../libs/components/modals/testing/src/modules/confirm/confirm-testing.module.ts","../../../../../libs/components/modals/testing/src/modules/modal/controller/modal-testing.controller.ts","../../../../../libs/components/modals/testing/src/modules/modal/controller/modal-testing.service.ts","../../../../../libs/components/modals/testing/src/modules/modal/controller/provide-modal-testing.ts","../../../../../libs/components/modals/testing/src/modules/modal/controller/modal-testing.module.ts","../../../../../libs/components/modals/testing/src/modules/modal/modal-harness.ts","../../../../../libs/components/modals/testing/src/skyux-modals-testing.ts"],"sourcesContent":["import { ComponentFixture } from '@angular/core/testing';\n\n/**\n * Allows interaction with a SKY UX modal component.\n * @deprecated Use `SkyModalHarness` instead.\n * @internal\n */\nexport class SkyModalFixture {\n  #modalElement: HTMLElement;\n\n  #fixture: ComponentFixture<unknown>;\n\n  constructor(fixture: ComponentFixture<unknown>, skyTestId: string) {\n    this.#fixture = fixture;\n    const modalElement = document.querySelector(\n      'sky-modal[data-sky-id=\"' + skyTestId + '\"]',\n    ) as HTMLElement;\n\n    if (!modalElement) {\n      throw new Error(\n        `No element was found with a \\`data-sky-id\\` value of \"${skyTestId}\".`,\n      );\n    }\n\n    this.#modalElement = modalElement;\n  }\n\n  /**\n   * The modal component's ARIA describedby attribute.\n   */\n  public get ariaDescribedBy(): string | undefined {\n    const modalDialogElement = this.#getModalDialogElement();\n    /* Non-null assertion as our component has a default for if the user does not provide this attribute or if they provide \"undefined\" */\n    const describedByAttribute =\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      modalDialogElement.getAttribute('aria-describedby')!;\n    return describedByAttribute;\n  }\n\n  /**\n   * The modal component's ARIA labelledby attribute.\n   */\n  public get ariaLabelledBy(): string | undefined {\n    const modalDialogElement = this.#getModalDialogElement();\n    /* Non-null assertion as our component has a default for if the user does not provide this attribute or if they provide \"undefined\" */\n    const labelledByAttribute =\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      modalDialogElement.getAttribute('aria-labelledby')!;\n\n    return labelledByAttribute;\n  }\n\n  /**\n   * The modal component's role attribute.\n   */\n  public get ariaRole(): string | undefined {\n    const modalDialogElement = this.#getModalDialogElement();\n    /* Non-null assertion as our component has a default for if the user does not provide this attribute or if they provide \"undefined\" */\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const roleAttribute = modalDialogElement.getAttribute('role')!;\n    return roleAttribute;\n  }\n\n  /**\n   * Whether or not the modal is a full page modal.\n   */\n  public get fullPage(): boolean {\n    const modalDivElement = this.getModalDiv();\n    return modalDivElement.classList.contains('sky-modal-full-page');\n  }\n\n  /**\n   * The size of the modal.\n   */\n  public get size(): string | undefined {\n    const modalDivElement = this.getModalDiv();\n    const possibleSizes = ['small', 'medium', 'large'];\n\n    for (const size of possibleSizes) {\n      if (modalDivElement.classList.contains('sky-modal-' + size)) {\n        return size;\n      }\n    }\n\n    return;\n  }\n\n  /**\n   * Whether or not the modal is set up for tiled content.\n   */\n  public get tiledBody(): boolean {\n    const modalDivElement = this.getModalDiv();\n    return modalDivElement.classList.contains('sky-modal-tiled');\n  }\n\n  /**\n   * Clicks the modal header's \"close\" button.\n   */\n  public clickHeaderCloseButton(): void {\n    this.#checkModalElement();\n    const closeButton: HTMLElement | null = this.#modalElement.querySelector(\n      '.sky-modal .sky-modal-btn-close',\n    );\n\n    if (\n      closeButton &&\n      window.getComputedStyle(closeButton).display !== 'none'\n    ) {\n      closeButton.click();\n      this.#fixture.detectChanges();\n    } else {\n      throw new Error(`No header close button exists.`);\n    }\n  }\n\n  /**\n   * Clicks the modal header's \"help\" button.\n   */\n  public clickHelpButton(): void {\n    this.#checkModalElement();\n    const helpButton: HTMLElement | null = this.#modalElement.querySelector(\n      '.sky-modal .sky-modal-header-buttons button[name=\"help-button\"]',\n    );\n\n    if (helpButton && window.getComputedStyle(helpButton).display !== 'none') {\n      helpButton.click();\n      this.#fixture.detectChanges();\n    } else {\n      throw new Error(`No help button exists.`);\n    }\n  }\n\n  /**\n   * Returns the main modal element.\n   */\n  public getModalDiv(): any {\n    this.#checkModalElement();\n    return this.#modalElement.querySelector('.sky-modal');\n  }\n\n  /**\n   * Returns the modal's content element.\n   */\n  public getModalContentEl(): any {\n    this.#checkModalElement();\n    return this.#modalElement.querySelector('.sky-modal-content');\n  }\n\n  /**\n   * Returns the modal's footer element.\n   */\n  public getModalFooterEl(): any {\n    this.#checkModalElement();\n    return this.#modalElement.querySelector('.sky-modal-footer');\n  }\n\n  /**\n   * Returns the modal's header element.\n   */\n  public getModalHeaderEl(): any {\n    this.#checkModalElement();\n    return this.#modalElement.querySelector('.sky-modal-header');\n  }\n\n  #checkModalElement(): void {\n    if (!document.contains(this.#modalElement)) {\n      throw new Error('Modal element no longer exists. Was the modal closed?');\n    }\n  }\n\n  #getModalDialogElement(): HTMLElement {\n    this.#checkModalElement();\n    // We can always know that the dialog element will exist if the modal is open and exists.\n    return this.#modalElement.querySelector('.sky-modal-dialog')!;\n  }\n}\n","import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\nimport { SkyConfirmButtonStyleType } from '@skyux/modals';\n\nimport { SkyConfirmButtonHarnessFilters } from './confirm-button-harness-filters';\n\n/**\n * Harness for interacting with a confirm component in tests.\n */\nexport class SkyConfirmButtonHarness extends ComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = '.sky-confirm-buttons .sky-btn';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyConfirmButtonHarness` that meets certain criteria.\n   */\n  public static with(\n    filters: SkyConfirmButtonHarnessFilters,\n  ): HarnessPredicate<SkyConfirmButtonHarness> {\n    return new HarnessPredicate(SkyConfirmButtonHarness, filters)\n      .addOption('text', filters.text, async (harness, text) => {\n        const buttonText = await harness.getText();\n        return await HarnessPredicate.stringMatches(buttonText, text);\n      })\n      .addOption('styleType', filters.styleType, async (harness, styleType) => {\n        const buttonStyleType = await harness.getStyleType();\n        return await HarnessPredicate.stringMatches(buttonStyleType, styleType);\n      });\n  }\n\n  /**\n   * Clicks the confirm button.\n   */\n  public async click(): Promise<void> {\n    await (await this.host()).click();\n  }\n\n  /**\n   * Gets the button style of the confirm button.\n   */\n  public async getStyleType(): Promise<SkyConfirmButtonStyleType> {\n    const hostEl = await this.host();\n\n    if (await hostEl.hasClass('sky-btn-primary')) {\n      return 'primary';\n    } else if (await hostEl.hasClass('sky-btn-link')) {\n      return 'link';\n    } else if (await hostEl.hasClass('sky-btn-danger')) {\n      return 'danger';\n    }\n    return 'default';\n  }\n\n  /**\n   * Gets the text content of the confirm button.\n   */\n  public async getText(): Promise<string> {\n    return await (await this.host()).text();\n  }\n}\n","import { SkyComponentHarness } from '@skyux/core/testing';\nimport { SkyConfirmType } from '@skyux/modals';\n\nimport { SkyConfirmButtonHarness } from './confirm-button-harness';\nimport { SkyConfirmButtonHarnessFilters } from './confirm-button-harness-filters';\n\n/**\n * Harness for interacting with a confirm component in tests.\n */\nexport class SkyConfirmHarness extends SkyComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-confirm';\n\n  #getBodyEl = this.locatorForOptional('.sky-confirm-body');\n  #getButtons = this.locatorForAll(SkyConfirmButtonHarness);\n  #getConfirmEl = this.locatorFor('.sky-confirm');\n  #getMessageEl = this.locatorFor('.sky-confirm-message');\n\n  /**\n   * Clicks a confirm button.\n   */\n  public async clickCustomButton(\n    filters: SkyConfirmButtonHarnessFilters,\n  ): Promise<void> {\n    const buttons = await this.getCustomButtons(filters);\n\n    if (buttons.length > 1) {\n      if (filters.text instanceof RegExp) {\n        filters.text = filters.text.toString();\n      }\n      throw new Error(\n        `More than one button matches the filter(s): ${JSON.stringify(\n          filters,\n        )}.`,\n      );\n    }\n    await buttons[0].click();\n  }\n\n  /**\n   * Clicks a confirm button.\n   */\n  public async clickOkButton(): Promise<void> {\n    const type = await this.getType();\n\n    if (type === SkyConfirmType.Custom) {\n      throw new Error('Cannot click OK button on a confirm of type custom.');\n    }\n    const buttons = await this.#getButtons();\n    await buttons[0].click();\n  }\n\n  /**\n   * Gets the body of the confirm component.\n   */\n  public async getBodyText(): Promise<string | undefined> {\n    return await (await this.#getBodyEl())?.text();\n  }\n\n  /**\n   * Gets a specific confirm custom button based on the filter criteria.\n   * @param filter The filter criteria.\n   */\n  public async getCustomButton(\n    filter: SkyConfirmButtonHarnessFilters,\n  ): Promise<SkyConfirmButtonHarness> {\n    const confirmType = await this.getType();\n\n    if (confirmType !== SkyConfirmType.Custom) {\n      throw new Error(\n        'Cannot get a custom button for non-custom confirm modals.',\n      );\n    }\n\n    return await this.locatorFor(SkyConfirmButtonHarness.with(filter))();\n  }\n\n  /**\n   * Gets an array of confirm custom buttons based on the filter criteria.\n   * If no filter is provided, returns all confirm custom buttons.\n   * @param filters The optional filter criteria.\n   */\n  public async getCustomButtons(\n    filters?: SkyConfirmButtonHarnessFilters,\n  ): Promise<SkyConfirmButtonHarness[]> {\n    const confirmType = await this.getType();\n\n    if (confirmType !== SkyConfirmType.Custom) {\n      throw new Error(\n        'Cannot get custom buttons for non-custom confirm modals.',\n      );\n    }\n\n    return await this.locatorForAll(\n      SkyConfirmButtonHarness.with(filters || {}),\n    )();\n  }\n\n  /**\n   * Gets the message of the confirm component.\n   */\n  public async getMessageText(): Promise<string> {\n    return await (await this.#getMessageEl()).text();\n  }\n\n  /**\n   * Gets the type of the confirm component.\n   */\n  public async getType(): Promise<SkyConfirmType> {\n    const confirmEl = await this.#getConfirmEl();\n    if (await confirmEl.hasClass('sky-confirm-type-ok')) {\n      return SkyConfirmType.OK;\n    }\n\n    return SkyConfirmType.Custom;\n  }\n\n  /**\n   * Whether the whitespace is preserved on the confirm component.\n   */\n  public async isWhiteSpacePreserved(): Promise<boolean> {\n    return await (\n      await this.#getMessageEl()\n    ).hasClass('sky-confirm-preserve-white-space');\n  }\n}\n","import { SkyConfirmCloseEventArgs, SkyConfirmConfig } from '@skyux/modals';\n\n/**\n * A controller to be injected into tests, which mocks the confirm service\n * and handles interactions with confirm dialogs.\n */\nexport abstract class SkyConfirmTestingController {\n  /**\n   * Closes the confirm dialog with the \"cancel\" action.\n   */\n  public abstract cancel(): void;\n  /**\n   * Throws if a confirm dialog is open.\n   */\n  public abstract expectNone(): void;\n  /**\n   * Throws if the open confirm dialog does not match the provided configuration.\n   * @param config\n   */\n  public abstract expectOpen(config: SkyConfirmConfig): void;\n  /**\n   * Closes the confirm dialog with the provided action.\n   */\n  public abstract close(args: SkyConfirmCloseEventArgs): void;\n  /**\n   * Closes the confirm dialog with the \"ok\" action.\n   */\n  public abstract ok(): void;\n}\n","import {\n  SkyConfirmButtonConfig,\n  SkyConfirmCloseEventArgs,\n  SkyConfirmConfig,\n  SkyConfirmInstance,\n  SkyConfirmServiceInterface,\n  SkyConfirmType,\n} from '@skyux/modals';\n\nimport { SkyConfirmTestingController } from './confirm-testing.controller';\n\ninterface TestSubject {\n  buttons: SkyConfirmButtonConfig[];\n  config: SkyConfirmConfig;\n  instance: SkyConfirmInstance;\n}\n\nfunction assertConfirmOpen(\n  value: TestSubject | undefined,\n): asserts value is TestSubject {\n  if (value === undefined) {\n    throw new Error('A confirm dialog is expected to be open but is closed.');\n  }\n\n  return;\n}\n\nfunction assertConfirmClosed(\n  value: TestSubject | undefined,\n): asserts value is undefined {\n  if (value !== undefined) {\n    throw new Error('A confirm dialog is expected to be closed but is open.');\n  }\n\n  return;\n}\n\nfunction isButtonConfigArray(val: unknown): val is SkyConfirmButtonConfig[] {\n  return (\n    Array.isArray(val) && (val.length === 0 || val[0].action !== undefined)\n  );\n}\n\nfunction buttonConfigMatches(\n  actual: SkyConfirmButtonConfig,\n  expected: SkyConfirmButtonConfig,\n): boolean {\n  return (\n    expected.action === actual.action &&\n    expected.text === actual.text &&\n    expected.styleType === actual.styleType\n  );\n}\n\n/**\n * @internal\n */\nexport class SkyConfirmTestingService\n  extends SkyConfirmTestingController\n  implements SkyConfirmServiceInterface\n{\n  #testSubject: TestSubject | undefined;\n\n  public cancel(): void {\n    this.close({ action: 'cancel' });\n  }\n\n  public ok(): void {\n    this.close({ action: 'ok' });\n  }\n\n  public close(args: SkyConfirmCloseEventArgs): void {\n    assertConfirmOpen(this.#testSubject);\n\n    const isActionPermitted = this.#testSubject?.buttons.some(\n      (b) => b.action === args.action,\n    );\n\n    if (isActionPermitted) {\n      this.#testSubject.instance.close(args);\n      this.#testSubject = undefined;\n    } else {\n      throw new Error(\n        `The confirm dialog does not have a button configured for the \"${args.action}\" action.`,\n      );\n    }\n  }\n\n  public expectNone(): void {\n    assertConfirmClosed(this.#testSubject);\n  }\n\n  public expectOpen(expectedConfig: SkyConfirmConfig): void {\n    assertConfirmOpen(this.#testSubject);\n\n    const actualConfig = this.#testSubject.config;\n\n    for (const [key, expectedValue] of Object.entries(expectedConfig)) {\n      const k = key as keyof typeof expectedConfig;\n      const actualValue = actualConfig[k];\n\n      if (\n        isButtonConfigArray(expectedValue) &&\n        isButtonConfigArray(actualValue)\n      ) {\n        if (expectedValue.length !== actualValue.length) throwDetailedError();\n\n        expectedValue.forEach((expectedButton, index) => {\n          if (!buttonConfigMatches(expectedButton, actualValue[index])) {\n            throwDetailedError();\n          }\n        });\n      } else if (actualValue !== expectedValue) {\n        throwDetailedError();\n      }\n    }\n\n    function throwDetailedError(): never {\n      throw new Error(`Expected a confirm dialog to be open with a specific configuration.\nExpected:\n${JSON.stringify(expectedConfig, undefined, 2)}\nActual:\n${JSON.stringify(actualConfig, undefined, 2)}\n`);\n    }\n  }\n\n  public open(config: SkyConfirmConfig): SkyConfirmInstance {\n    assertConfirmClosed(this.#testSubject);\n\n    const instance = new SkyConfirmInstance();\n    const testSubject: TestSubject = {\n      buttons: [],\n      config,\n      instance,\n    };\n\n    switch (config.type) {\n      case SkyConfirmType.Custom:\n        config.buttons?.forEach((b) => {\n          testSubject.buttons.push({ action: b.action, text: b.text });\n        });\n        break;\n\n      case SkyConfirmType.OK:\n      default:\n        testSubject.buttons.push({ action: 'ok', text: 'Ok' });\n        testSubject.buttons.push({ action: 'cancel', text: 'Cancel' });\n        break;\n    }\n\n    this.#testSubject = testSubject;\n\n    return instance;\n  }\n}\n","import { Provider } from '@angular/core';\nimport { SkyConfirmService } from '@skyux/modals';\n\nimport { SkyConfirmTestingController } from './confirm-testing.controller';\nimport { SkyConfirmTestingService } from './confirm-testing.service';\n\n/**\n * @internal\n */\nexport function provideConfirmTesting(): Provider[] {\n  return [\n    SkyConfirmTestingService,\n    {\n      provide: SkyConfirmService,\n      useExisting: SkyConfirmTestingService,\n    },\n    {\n      provide: SkyConfirmTestingController,\n      useExisting: SkyConfirmTestingService,\n    },\n  ];\n}\n","import { NgModule } from '@angular/core';\n\nimport { provideConfirmTesting } from './provide-confirm-testing';\n\n/**\n * Configures the `SkyConfirmTestingController` as the backend for the `SkyConfirmService`.\n */\n@NgModule({\n  providers: [provideConfirmTesting()],\n})\nexport class SkyConfirmTestingModule {}\n","import { Type } from '@angular/core';\nimport { SkyModalCloseArgs } from '@skyux/modals';\n\n/**\n * A controller to be injected into tests, which mocks the modal service\n * and handles interactions with modal instances. For testing interactions\n * with the modal component itself, use the `SkyModalHarness`.\n */\nexport abstract class SkyModalTestingController {\n  /**\n   * Closes the topmost modal with the provided arguments.\n   * @param args Arguments to pass to the modal's close event.\n   */\n  public abstract closeTopModal(args?: SkyModalCloseArgs): void;\n\n  /**\n   * Throws if the provided value does not match the number of open modals.\n   */\n  public abstract expectCount(value: number): void;\n\n  /**\n   * Throws if modals are open.\n   */\n  public abstract expectNone(): void;\n\n  /**\n   * Throws if the given criteria does not match the topmost open modal.\n   */\n  public abstract expectOpen<TComponent>(component: Type<TComponent>): void;\n}\n","import { Injectable, OnDestroy, StaticProvider, Type } from '@angular/core';\nimport {\n  SkyModalCloseArgs,\n  SkyModalConfigurationInterface,\n  SkyModalInstance,\n  SkyModalServiceInterface,\n} from '@skyux/modals';\n\nimport { SkyModalTestingController } from './modal-testing.controller';\n\ninterface TestSubject<T = unknown> {\n  component: Type<T>;\n  config: SkyModalConfigurationInterface | StaticProvider[] | undefined;\n  instance: SkyModalInstance;\n}\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyModalTestingService\n  extends SkyModalTestingController\n  implements OnDestroy, SkyModalServiceInterface\n{\n  readonly #modals = new Map<SkyModalInstance, TestSubject>();\n\n  public ngOnDestroy(): void {\n    for (const instance of this.#modals.keys()) {\n      instance.close();\n    }\n  }\n\n  public closeTopModal(args?: SkyModalCloseArgs): void {\n    const modal = this.#getTopmostModal();\n    if (!modal) {\n      throw new Error(\n        'Expected to close the topmost modal, but no modals are open.',\n      );\n    }\n\n    modal.instance.close(args?.data, args?.reason);\n  }\n\n  public expectCount(value: number): void {\n    const count = this.#modals.size;\n    if (count !== value) {\n      throw new Error(\n        `Expected ${value} open ${value === 1 ? 'modal' : 'modals'}, but ${count} ${count === 1 ? 'is' : 'are'} open.`,\n      );\n    }\n  }\n\n  public expectNone(): void {\n    const count = this.#modals.size;\n    if (count > 0) {\n      throw new Error(\n        `Expected no modals to be open, but there ${count === 1 ? 'is' : 'are'} ${count} open.`,\n      );\n    }\n  }\n\n  public expectOpen<TComponent>(component: Type<TComponent>): void {\n    const modal = this.#getTopmostModal();\n    if (!modal) {\n      throw new Error(\n        'A modal is expected to be open, but no modals are open.',\n      );\n    }\n\n    if (modal.component !== component) {\n      throw new Error(\n        `Expected the topmost modal to be of type ${component.name}, but it is of type ${modal.component.name}.`,\n      );\n    }\n  }\n\n  public open<TComponent>(\n    component: Type<TComponent>,\n    config?: SkyModalConfigurationInterface | StaticProvider[],\n  ): SkyModalInstance {\n    const instance = new SkyModalInstance();\n\n    instance.closed.subscribe(() => {\n      this.#modals.delete(instance);\n    });\n\n    this.#modals.set(instance, { component, config, instance });\n\n    return instance;\n  }\n\n  #getTopmostModal(): TestSubject | undefined {\n    return Array.from(this.#modals.values()).pop();\n  }\n}\n","import { Provider } from '@angular/core';\nimport { SkyModalService } from '@skyux/modals';\n\nimport { SkyModalTestingController } from './modal-testing.controller';\nimport { SkyModalTestingService } from './modal-testing.service';\n\n/**\n * @internal\n */\nexport function provideModalTesting(): Provider[] {\n  return [\n    SkyModalTestingService,\n    {\n      provide: SkyModalService,\n      useExisting: SkyModalTestingService,\n    },\n    {\n      provide: SkyModalTestingController,\n      useExisting: SkyModalTestingService,\n    },\n  ];\n}\n","import { NgModule } from '@angular/core';\n\nimport { provideModalTesting } from './provide-modal-testing';\n\n/**\n * Configures the `SkyModalTestingController` as the implementation for the `SkyModalService`.\n */\n@NgModule({\n  providers: [provideModalTesting()],\n})\nexport class SkyModalTestingModule {}\n","import { HarnessPredicate } from '@angular/cdk/testing';\nimport { SkyComponentHarness } from '@skyux/core/testing';\nimport { SkyHelpInlineHarness } from '@skyux/help-inline/testing';\n\nimport { SkyModalHarnessFilters } from './modal-harness-filters';\n\n/**\n * Harness for interacting with a modal component in tests.\n */\nexport class SkyModalHarness extends SkyComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-modal';\n\n  #getModal = this.locatorFor('.sky-modal');\n  #getModalDialog = this.locatorFor('.sky-modal-dialog');\n  #getModalHeading = this.locatorFor('.sky-modal-heading');\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyModalHarness` that meets certain criteria\n   */\n  public static with(\n    filters: SkyModalHarnessFilters,\n  ): HarnessPredicate<SkyModalHarness> {\n    return SkyModalHarness.getDataSkyIdPredicate(filters);\n  }\n\n  /**\n   * Clicks the help inline button.\n   */\n  public async clickHelpInline(): Promise<void> {\n    await (await this.#getHelpInline()).click();\n  }\n\n  /**\n   * Gets the aria-describedBy property of the modal.\n   * @deprecated\n   */\n  public async getAriaDescribedBy(): Promise<string | null> {\n    return await (\n      await this.#getModalDialog()\n    ).getAttribute('aria-describedby');\n  }\n\n  /**\n   * Gets the aria-labelledBy property of the modal.\n   * @deprecated\n   */\n  public async getAriaLabelledBy(): Promise<string | null> {\n    return await (await this.#getModalDialog()).getAttribute('aria-labelledby');\n  }\n\n  /**\n   * Gets the role of the modal.\n   */\n  public async getAriaRole(): Promise<string | null> {\n    return await (await this.#getModalDialog()).getAttribute('role');\n  }\n\n  /**\n   * Gets the modal's heading text.\n   */\n  public async getHeadingText(): Promise<string | undefined> {\n    return await (await this.#getModalHeading()).text();\n  }\n\n  /**\n   * Gets the help popover content.\n   */\n  public async getHelpPopoverContent(): Promise<string | undefined> {\n    return await (await this.#getHelpInline()).getPopoverContent();\n  }\n\n  /**\n   * Gets the help popover title.\n   */\n  public async getHelpPopoverTitle(): Promise<string | undefined> {\n    return await (await this.#getHelpInline()).getPopoverTitle();\n  }\n\n  /**\n   * Gets the modal size.\n   */\n  public async getSize(): Promise<string> {\n    if (await this.isFullPage()) {\n      throw new Error(\n        'Size cannot be determined because size property is overridden when modal is full page',\n      );\n    }\n\n    const modal = await this.#getModal();\n\n    if (await modal.hasClass('sky-modal-small')) {\n      return 'small';\n    }\n\n    if (await modal.hasClass('sky-modal-large')) {\n      return 'large';\n    }\n\n    return 'medium';\n  }\n\n  /**\n   * Gets the wrapper class of the modal.\n   */\n  public async getWrapperClass(): Promise<string | undefined> {\n    return await (await this.host()).getProperty('className');\n  }\n\n  /**\n   * Whether the modal is full page.\n   */\n  public async isFullPage(): Promise<boolean> {\n    const modal = this.#getModal();\n    return await (await modal).hasClass('sky-modal-full-page');\n  }\n\n  /**\n   * Whether the modal has {@link SkyModalIsDirtyDirective.isDirty} set to dirty.\n   */\n  public async isDirty(): Promise<boolean> {\n    const modalHost = await this.host();\n    const isDirtyAttribute = await modalHost.getAttribute(\n      'data-sky-modal-is-dirty',\n    );\n    return isDirtyAttribute === 'true';\n  }\n\n  async #getHelpInline(): Promise<SkyHelpInlineHarness> {\n    const harness = await this.locatorForOptional(SkyHelpInlineHarness)();\n\n    if (harness) {\n      return harness;\n    }\n\n    throw Error('No help inline found.');\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"skyux-modals-testing.mjs","sources":["../../../../../libs/components/modals/testing/src/legacy/modal-fixture.ts","../../../../../libs/components/modals/testing/src/modules/confirm/confirm-button-harness.ts","../../../../../libs/components/modals/testing/src/modules/confirm/confirm-harness.ts","../../../../../libs/components/modals/testing/src/modules/confirm/confirm-testing.controller.ts","../../../../../libs/components/modals/testing/src/modules/confirm/confirm-testing.service.ts","../../../../../libs/components/modals/testing/src/modules/confirm/provide-confirm-testing.ts","../../../../../libs/components/modals/testing/src/modules/confirm/confirm-testing.module.ts","../../../../../libs/components/modals/testing/src/modules/modal/controller/modal-testing.controller.ts","../../../../../libs/components/modals/testing/src/modules/modal/controller/modal-testing.service.ts","../../../../../libs/components/modals/testing/src/modules/modal/controller/provide-modal-testing.ts","../../../../../libs/components/modals/testing/src/modules/modal/controller/modal-testing.module.ts","../../../../../libs/components/modals/testing/src/modules/modal/modal-banner-harness.ts","../../../../../libs/components/modals/testing/src/modules/modal/modal-harness.ts","../../../../../libs/components/modals/testing/src/skyux-modals-testing.ts"],"sourcesContent":["import { ComponentFixture } from '@angular/core/testing';\n\n/**\n * Allows interaction with a SKY UX modal component.\n * @deprecated Use `SkyModalHarness` instead.\n * @internal\n */\nexport class SkyModalFixture {\n  #modalElement: HTMLElement;\n\n  #fixture: ComponentFixture<unknown>;\n\n  constructor(fixture: ComponentFixture<unknown>, skyTestId: string) {\n    this.#fixture = fixture;\n    const modalElement = document.querySelector(\n      'sky-modal[data-sky-id=\"' + skyTestId + '\"]',\n    ) as HTMLElement;\n\n    if (!modalElement) {\n      throw new Error(\n        `No element was found with a \\`data-sky-id\\` value of \"${skyTestId}\".`,\n      );\n    }\n\n    this.#modalElement = modalElement;\n  }\n\n  /**\n   * The modal component's ARIA describedby attribute.\n   */\n  public get ariaDescribedBy(): string | undefined {\n    const modalDialogElement = this.#getModalDialogElement();\n    /* Non-null assertion as our component has a default for if the user does not provide this attribute or if they provide \"undefined\" */\n    const describedByAttribute =\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      modalDialogElement.getAttribute('aria-describedby')!;\n    return describedByAttribute;\n  }\n\n  /**\n   * The modal component's ARIA labelledby attribute.\n   */\n  public get ariaLabelledBy(): string | undefined {\n    const modalDialogElement = this.#getModalDialogElement();\n    /* Non-null assertion as our component has a default for if the user does not provide this attribute or if they provide \"undefined\" */\n    const labelledByAttribute =\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      modalDialogElement.getAttribute('aria-labelledby')!;\n\n    return labelledByAttribute;\n  }\n\n  /**\n   * The modal component's role attribute.\n   */\n  public get ariaRole(): string | undefined {\n    const modalDialogElement = this.#getModalDialogElement();\n    /* Non-null assertion as our component has a default for if the user does not provide this attribute or if they provide \"undefined\" */\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const roleAttribute = modalDialogElement.getAttribute('role')!;\n    return roleAttribute;\n  }\n\n  /**\n   * Whether or not the modal is a full page modal.\n   */\n  public get fullPage(): boolean {\n    const modalDivElement = this.getModalDiv();\n    return modalDivElement.classList.contains('sky-modal-full-page');\n  }\n\n  /**\n   * The size of the modal.\n   */\n  public get size(): string | undefined {\n    const modalDivElement = this.getModalDiv();\n    const possibleSizes = ['small', 'medium', 'large'];\n\n    for (const size of possibleSizes) {\n      if (modalDivElement.classList.contains('sky-modal-' + size)) {\n        return size;\n      }\n    }\n\n    return;\n  }\n\n  /**\n   * Whether or not the modal is set up for tiled content.\n   */\n  public get tiledBody(): boolean {\n    const modalDivElement = this.getModalDiv();\n    return modalDivElement.classList.contains('sky-modal-tiled');\n  }\n\n  /**\n   * Clicks the modal header's \"close\" button.\n   */\n  public clickHeaderCloseButton(): void {\n    this.#checkModalElement();\n    const closeButton: HTMLElement | null = this.#modalElement.querySelector(\n      '.sky-modal .sky-modal-btn-close',\n    );\n\n    /* Safety check */\n    /* istanbul ignore else */\n    if (\n      closeButton &&\n      window.getComputedStyle(closeButton).display !== 'none'\n    ) {\n      closeButton.click();\n      this.#fixture.detectChanges();\n    } else {\n      throw new Error(`No header close button exists.`);\n    }\n  }\n\n  /**\n   * Clicks the modal header's \"help\" button.\n   */\n  public clickHelpButton(): void {\n    this.#checkModalElement();\n    const helpButton: HTMLElement | null = this.#modalElement.querySelector(\n      '.sky-modal .sky-modal-header-buttons button[name=\"help-button\"]',\n    );\n\n    if (helpButton && window.getComputedStyle(helpButton).display !== 'none') {\n      helpButton.click();\n      this.#fixture.detectChanges();\n    } else {\n      throw new Error(`No help button exists.`);\n    }\n  }\n\n  /**\n   * Returns the main modal element.\n   */\n  public getModalDiv(): any {\n    this.#checkModalElement();\n    return this.#modalElement.querySelector('.sky-modal');\n  }\n\n  /**\n   * Returns the modal's content element.\n   */\n  public getModalContentEl(): any {\n    this.#checkModalElement();\n    return this.#modalElement.querySelector('.sky-modal-content');\n  }\n\n  /**\n   * Returns the modal's footer element.\n   */\n  public getModalFooterEl(): any {\n    this.#checkModalElement();\n    return this.#modalElement.querySelector('.sky-modal-footer');\n  }\n\n  /**\n   * Returns the modal's header element.\n   */\n  public getModalHeaderEl(): any {\n    this.#checkModalElement();\n    return this.#modalElement.querySelector('.sky-modal-header');\n  }\n\n  #checkModalElement(): void {\n    if (!document.contains(this.#modalElement)) {\n      throw new Error('Modal element no longer exists. Was the modal closed?');\n    }\n  }\n\n  #getModalDialogElement(): HTMLElement {\n    this.#checkModalElement();\n    // We can always know that the dialog element will exist if the modal is open and exists.\n    return this.#modalElement.querySelector('.sky-modal-dialog')!;\n  }\n}\n","import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\nimport { SkyConfirmButtonStyleType } from '@skyux/modals';\n\nimport { SkyConfirmButtonHarnessFilters } from './confirm-button-harness-filters';\n\n/**\n * Harness for interacting with a confirm component in tests.\n */\nexport class SkyConfirmButtonHarness extends ComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = '.sky-confirm-buttons .sky-btn';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyConfirmButtonHarness` that meets certain criteria.\n   */\n  public static with(\n    filters: SkyConfirmButtonHarnessFilters,\n  ): HarnessPredicate<SkyConfirmButtonHarness> {\n    return new HarnessPredicate(SkyConfirmButtonHarness, filters)\n      .addOption('text', filters.text, async (harness, text) => {\n        const buttonText = await harness.getText();\n        return await HarnessPredicate.stringMatches(buttonText, text);\n      })\n      .addOption('styleType', filters.styleType, async (harness, styleType) => {\n        const buttonStyleType = await harness.getStyleType();\n        return await HarnessPredicate.stringMatches(buttonStyleType, styleType);\n      });\n  }\n\n  /**\n   * Clicks the confirm button.\n   */\n  public async click(): Promise<void> {\n    await (await this.host()).click();\n  }\n\n  /**\n   * Gets the button style of the confirm button.\n   */\n  public async getStyleType(): Promise<SkyConfirmButtonStyleType> {\n    const hostEl = await this.host();\n\n    if (await hostEl.hasClass('sky-btn-primary')) {\n      return 'primary';\n    } else if (await hostEl.hasClass('sky-btn-link')) {\n      return 'link';\n    } else if (await hostEl.hasClass('sky-btn-danger')) {\n      return 'danger';\n    }\n    return 'default';\n  }\n\n  /**\n   * Gets the text content of the confirm button.\n   */\n  public async getText(): Promise<string> {\n    return await (await this.host()).text();\n  }\n}\n","import { SkyComponentHarness } from '@skyux/core/testing';\nimport { SkyConfirmType } from '@skyux/modals';\n\nimport { SkyConfirmButtonHarness } from './confirm-button-harness';\nimport { SkyConfirmButtonHarnessFilters } from './confirm-button-harness-filters';\n\n/**\n * Harness for interacting with a confirm component in tests.\n */\nexport class SkyConfirmHarness extends SkyComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-confirm';\n\n  #getBodyEl = this.locatorForOptional('.sky-confirm-body');\n  #getButtons = this.locatorForAll(SkyConfirmButtonHarness);\n  #getConfirmEl = this.locatorFor('.sky-confirm');\n  #getMessageEl = this.locatorFor('.sky-confirm-message');\n\n  /**\n   * Clicks a confirm button.\n   */\n  public async clickCustomButton(\n    filters: SkyConfirmButtonHarnessFilters,\n  ): Promise<void> {\n    const buttons = await this.getCustomButtons(filters);\n\n    if (buttons.length > 1) {\n      if (filters.text instanceof RegExp) {\n        filters.text = filters.text.toString();\n      }\n      throw new Error(\n        `More than one button matches the filter(s): ${JSON.stringify(\n          filters,\n        )}.`,\n      );\n    }\n    await buttons[0].click();\n  }\n\n  /**\n   * Clicks a confirm button.\n   */\n  public async clickOkButton(): Promise<void> {\n    const type = await this.getType();\n\n    if (type === SkyConfirmType.Custom) {\n      throw new Error('Cannot click OK button on a confirm of type custom.');\n    }\n    const buttons = await this.#getButtons();\n    await buttons[0].click();\n  }\n\n  /**\n   * Gets the body of the confirm component.\n   */\n  public async getBodyText(): Promise<string | undefined> {\n    return await (await this.#getBodyEl())?.text();\n  }\n\n  /**\n   * Gets a specific confirm custom button based on the filter criteria.\n   * @param filter The filter criteria.\n   */\n  public async getCustomButton(\n    filter: SkyConfirmButtonHarnessFilters,\n  ): Promise<SkyConfirmButtonHarness> {\n    const confirmType = await this.getType();\n\n    if (confirmType !== SkyConfirmType.Custom) {\n      throw new Error(\n        'Cannot get a custom button for non-custom confirm modals.',\n      );\n    }\n\n    return await this.locatorFor(SkyConfirmButtonHarness.with(filter))();\n  }\n\n  /**\n   * Gets an array of confirm custom buttons based on the filter criteria.\n   * If no filter is provided, returns all confirm custom buttons.\n   * @param filters The optional filter criteria.\n   */\n  public async getCustomButtons(\n    filters?: SkyConfirmButtonHarnessFilters,\n  ): Promise<SkyConfirmButtonHarness[]> {\n    const confirmType = await this.getType();\n\n    if (confirmType !== SkyConfirmType.Custom) {\n      throw new Error(\n        'Cannot get custom buttons for non-custom confirm modals.',\n      );\n    }\n\n    return await this.locatorForAll(\n      SkyConfirmButtonHarness.with(filters || {}),\n    )();\n  }\n\n  /**\n   * Gets the message of the confirm component.\n   */\n  public async getMessageText(): Promise<string> {\n    return await (await this.#getMessageEl()).text();\n  }\n\n  /**\n   * Gets the type of the confirm component.\n   */\n  public async getType(): Promise<SkyConfirmType> {\n    const confirmEl = await this.#getConfirmEl();\n    if (await confirmEl.hasClass('sky-confirm-type-ok')) {\n      return SkyConfirmType.OK;\n    }\n\n    return SkyConfirmType.Custom;\n  }\n\n  /**\n   * Whether the whitespace is preserved on the confirm component.\n   */\n  public async isWhiteSpacePreserved(): Promise<boolean> {\n    return await (\n      await this.#getMessageEl()\n    ).hasClass('sky-confirm-preserve-white-space');\n  }\n}\n","import { SkyConfirmCloseEventArgs, SkyConfirmConfig } from '@skyux/modals';\n\n/**\n * A controller to be injected into tests, which mocks the confirm service\n * and handles interactions with confirm dialogs.\n */\nexport abstract class SkyConfirmTestingController {\n  /**\n   * Closes the confirm dialog with the \"cancel\" action.\n   */\n  public abstract cancel(): void;\n  /**\n   * Throws if a confirm dialog is open.\n   */\n  public abstract expectNone(): void;\n  /**\n   * Throws if the open confirm dialog does not match the provided configuration.\n   * @param config\n   */\n  public abstract expectOpen(config: SkyConfirmConfig): void;\n  /**\n   * Closes the confirm dialog with the provided action.\n   */\n  public abstract close(args: SkyConfirmCloseEventArgs): void;\n  /**\n   * Closes the confirm dialog with the \"ok\" action.\n   */\n  public abstract ok(): void;\n}\n","import {\n  SkyConfirmButtonConfig,\n  SkyConfirmCloseEventArgs,\n  SkyConfirmConfig,\n  SkyConfirmInstance,\n  SkyConfirmServiceInterface,\n  SkyConfirmType,\n} from '@skyux/modals';\n\nimport { SkyConfirmTestingController } from './confirm-testing.controller';\n\ninterface TestSubject {\n  buttons: SkyConfirmButtonConfig[];\n  config: SkyConfirmConfig;\n  instance: SkyConfirmInstance;\n}\n\nfunction assertConfirmOpen(\n  value: TestSubject | undefined,\n): asserts value is TestSubject {\n  if (value === undefined) {\n    throw new Error('A confirm dialog is expected to be open but is closed.');\n  }\n\n  return;\n}\n\nfunction assertConfirmClosed(\n  value: TestSubject | undefined,\n): asserts value is undefined {\n  if (value !== undefined) {\n    throw new Error('A confirm dialog is expected to be closed but is open.');\n  }\n\n  return;\n}\n\nfunction isButtonConfigArray(val: unknown): val is SkyConfirmButtonConfig[] {\n  return (\n    Array.isArray(val) && (val.length === 0 || val[0].action !== undefined)\n  );\n}\n\nfunction buttonConfigMatches(\n  actual: SkyConfirmButtonConfig,\n  expected: SkyConfirmButtonConfig,\n): boolean {\n  return (\n    expected.action === actual.action &&\n    expected.text === actual.text &&\n    expected.styleType === actual.styleType\n  );\n}\n\n/**\n * @internal\n */\nexport class SkyConfirmTestingService\n  extends SkyConfirmTestingController\n  implements SkyConfirmServiceInterface\n{\n  #testSubject: TestSubject | undefined;\n\n  public cancel(): void {\n    this.close({ action: 'cancel' });\n  }\n\n  public ok(): void {\n    this.close({ action: 'ok' });\n  }\n\n  public close(args: SkyConfirmCloseEventArgs): void {\n    assertConfirmOpen(this.#testSubject);\n\n    const isActionPermitted = this.#testSubject?.buttons.some(\n      (b) => b.action === args.action,\n    );\n\n    if (isActionPermitted) {\n      this.#testSubject.instance.close(args);\n      this.#testSubject = undefined;\n    } else {\n      throw new Error(\n        `The confirm dialog does not have a button configured for the \"${args.action}\" action.`,\n      );\n    }\n  }\n\n  public expectNone(): void {\n    assertConfirmClosed(this.#testSubject);\n  }\n\n  public expectOpen(expectedConfig: SkyConfirmConfig): void {\n    assertConfirmOpen(this.#testSubject);\n\n    const actualConfig = this.#testSubject.config;\n\n    for (const [key, expectedValue] of Object.entries(expectedConfig)) {\n      const k = key as keyof typeof expectedConfig;\n      const actualValue = actualConfig[k];\n\n      if (\n        isButtonConfigArray(expectedValue) &&\n        isButtonConfigArray(actualValue)\n      ) {\n        if (expectedValue.length !== actualValue.length) throwDetailedError();\n\n        expectedValue.forEach((expectedButton, index) => {\n          if (!buttonConfigMatches(expectedButton, actualValue[index])) {\n            throwDetailedError();\n          }\n        });\n      } else if (actualValue !== expectedValue) {\n        throwDetailedError();\n      }\n    }\n\n    function throwDetailedError(): never {\n      throw new Error(`Expected a confirm dialog to be open with a specific configuration.\nExpected:\n${JSON.stringify(expectedConfig, undefined, 2)}\nActual:\n${JSON.stringify(actualConfig, undefined, 2)}\n`);\n    }\n  }\n\n  public open(config: SkyConfirmConfig): SkyConfirmInstance {\n    assertConfirmClosed(this.#testSubject);\n\n    const instance = new SkyConfirmInstance();\n    const testSubject: TestSubject = {\n      buttons: [],\n      config,\n      instance,\n    };\n\n    switch (config.type) {\n      case SkyConfirmType.Custom:\n        config.buttons?.forEach((b) => {\n          testSubject.buttons.push({ action: b.action, text: b.text });\n        });\n        break;\n\n      case SkyConfirmType.OK:\n      default:\n        testSubject.buttons.push({ action: 'ok', text: 'Ok' });\n        testSubject.buttons.push({ action: 'cancel', text: 'Cancel' });\n        break;\n    }\n\n    this.#testSubject = testSubject;\n\n    return instance;\n  }\n}\n","import { Provider } from '@angular/core';\nimport { SkyConfirmService } from '@skyux/modals';\n\nimport { SkyConfirmTestingController } from './confirm-testing.controller';\nimport { SkyConfirmTestingService } from './confirm-testing.service';\n\n/**\n * @internal\n */\nexport function provideConfirmTesting(): Provider[] {\n  return [\n    SkyConfirmTestingService,\n    {\n      provide: SkyConfirmService,\n      useExisting: SkyConfirmTestingService,\n    },\n    {\n      provide: SkyConfirmTestingController,\n      useExisting: SkyConfirmTestingService,\n    },\n  ];\n}\n","import { NgModule } from '@angular/core';\n\nimport { provideConfirmTesting } from './provide-confirm-testing';\n\n/**\n * Configures the `SkyConfirmTestingController` as the backend for the `SkyConfirmService`.\n */\n@NgModule({\n  providers: [provideConfirmTesting()],\n})\nexport class SkyConfirmTestingModule {}\n","import { Type } from '@angular/core';\nimport { SkyModalCloseArgs } from '@skyux/modals';\n\n/**\n * A controller to be injected into tests, which mocks the modal service\n * and handles interactions with modal instances. For testing interactions\n * with the modal component itself, use the `SkyModalHarness`.\n */\nexport abstract class SkyModalTestingController {\n  /**\n   * Closes the topmost modal with the provided arguments.\n   * @param args Arguments to pass to the modal's close event.\n   */\n  public abstract closeTopModal(args?: SkyModalCloseArgs): void;\n\n  /**\n   * Throws if the provided value does not match the number of open modals.\n   */\n  public abstract expectCount(value: number): void;\n\n  /**\n   * Throws if modals are open.\n   */\n  public abstract expectNone(): void;\n\n  /**\n   * Throws if the given criteria does not match the topmost open modal.\n   */\n  public abstract expectOpen<TComponent>(component: Type<TComponent>): void;\n}\n","import { Injectable, OnDestroy, StaticProvider, Type } from '@angular/core';\nimport {\n  SkyModalCloseArgs,\n  SkyModalConfigurationInterface,\n  SkyModalInstance,\n  SkyModalServiceInterface,\n} from '@skyux/modals';\n\nimport { SkyModalTestingController } from './modal-testing.controller';\n\ninterface TestSubject<T = unknown> {\n  component: Type<T>;\n  config: SkyModalConfigurationInterface | StaticProvider[] | undefined;\n  instance: SkyModalInstance;\n}\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyModalTestingService\n  extends SkyModalTestingController\n  implements OnDestroy, SkyModalServiceInterface\n{\n  readonly #modals = new Map<SkyModalInstance, TestSubject>();\n\n  public ngOnDestroy(): void {\n    for (const instance of this.#modals.keys()) {\n      instance.close();\n    }\n  }\n\n  public closeTopModal(args?: SkyModalCloseArgs): void {\n    const modal = this.#getTopmostModal();\n    if (!modal) {\n      throw new Error(\n        'Expected to close the topmost modal, but no modals are open.',\n      );\n    }\n\n    modal.instance.close(args?.data, args?.reason);\n  }\n\n  public expectCount(value: number): void {\n    const count = this.#modals.size;\n    if (count !== value) {\n      throw new Error(\n        `Expected ${value} open ${value === 1 ? 'modal' : 'modals'}, but ${count} ${count === 1 ? 'is' : 'are'} open.`,\n      );\n    }\n  }\n\n  public expectNone(): void {\n    const count = this.#modals.size;\n    if (count > 0) {\n      throw new Error(\n        `Expected no modals to be open, but there ${count === 1 ? 'is' : 'are'} ${count} open.`,\n      );\n    }\n  }\n\n  public expectOpen<TComponent>(component: Type<TComponent>): void {\n    const modal = this.#getTopmostModal();\n    if (!modal) {\n      throw new Error(\n        'A modal is expected to be open, but no modals are open.',\n      );\n    }\n\n    if (modal.component !== component) {\n      throw new Error(\n        `Expected the topmost modal to be of type ${component.name}, but it is of type ${modal.component.name}.`,\n      );\n    }\n  }\n\n  public open<TComponent>(\n    component: Type<TComponent>,\n    config?: SkyModalConfigurationInterface | StaticProvider[],\n  ): SkyModalInstance {\n    const instance = new SkyModalInstance();\n\n    instance.closed.subscribe(() => {\n      this.#modals.delete(instance);\n    });\n\n    this.#modals.set(instance, { component, config, instance });\n\n    return instance;\n  }\n\n  #getTopmostModal(): TestSubject | undefined {\n    return Array.from(this.#modals.values()).pop();\n  }\n}\n","import { Provider } from '@angular/core';\nimport { SkyModalService } from '@skyux/modals';\n\nimport { SkyModalTestingController } from './modal-testing.controller';\nimport { SkyModalTestingService } from './modal-testing.service';\n\n/**\n * @internal\n */\nexport function provideModalTesting(): Provider[] {\n  return [\n    SkyModalTestingService,\n    {\n      provide: SkyModalService,\n      useExisting: SkyModalTestingService,\n    },\n    {\n      provide: SkyModalTestingController,\n      useExisting: SkyModalTestingService,\n    },\n  ];\n}\n","import { NgModule } from '@angular/core';\n\nimport { provideModalTesting } from './provide-modal-testing';\n\n/**\n * Configures the `SkyModalTestingController` as the implementation for the `SkyModalService`.\n */\n@NgModule({\n  providers: [provideModalTesting()],\n})\nexport class SkyModalTestingModule {}\n","import { SkyComponentHarness } from '@skyux/core/testing';\n\n/**\n * Harness for interacting with a modal banner component in tests.\n */\nexport class SkyModalBannerHarness extends SkyComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-modal-banner';\n\n  /**\n   * Gets the image source URL from the banner's background image style.\n   * Returns `null` if no image source is set.\n   */\n  public async getImageSrc(): Promise<string | null> {\n    const backgroundImage = await (\n      await this.host()\n    ).getCssValue('background-image');\n\n    if (!backgroundImage || backgroundImage === 'none') {\n      return null;\n    }\n\n    // The component sets background-image as url(\"${imageSrc}\") with internal\n    // double quotes escaped as \\\". Strip the url(\"...\") wrapper and unescape.\n    const match = backgroundImage.match(/^url\\(\"([\\s\\S]*)\"\\)$/);\n    if (!match) {\n      return null;\n    }\n\n    return match[1].replaceAll('\\\\\"', '\"');\n  }\n}\n","import { HarnessPredicate } from '@angular/cdk/testing';\nimport { SkyComponentHarness } from '@skyux/core/testing';\nimport { SkyHelpInlineHarness } from '@skyux/help-inline/testing';\n\nimport { SkyModalBannerHarness } from './modal-banner-harness';\nimport { SkyModalHarnessFilters } from './modal-harness-filters';\n\n/**\n * Harness for interacting with a modal component in tests.\n */\nexport class SkyModalHarness extends SkyComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-modal';\n\n  #getModal = this.locatorFor('.sky-modal');\n  #getModalDialog = this.locatorFor('.sky-modal-dialog');\n  #getModalHeading = this.locatorFor('.sky-modal-heading');\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyModalHarness` that meets certain criteria\n   */\n  public static with(\n    filters: SkyModalHarnessFilters,\n  ): HarnessPredicate<SkyModalHarness> {\n    return SkyModalHarness.getDataSkyIdPredicate(filters);\n  }\n\n  /**\n   * Gets the modal banner harness, or `null` if no banner is present.\n   */\n  public async getBanner(): Promise<SkyModalBannerHarness | null> {\n    return await this.locatorForOptional(SkyModalBannerHarness)();\n  }\n\n  /**\n   * Clicks the help inline button.\n   */\n  public async clickHelpInline(): Promise<void> {\n    await (await this.#getHelpInline()).click();\n  }\n\n  /**\n   * Gets the aria-describedBy property of the modal.\n   * @deprecated\n   */\n  public async getAriaDescribedBy(): Promise<string | null> {\n    return await (\n      await this.#getModalDialog()\n    ).getAttribute('aria-describedby');\n  }\n\n  /**\n   * Gets the aria-labelledBy property of the modal.\n   * @deprecated\n   */\n  public async getAriaLabelledBy(): Promise<string | null> {\n    return await (await this.#getModalDialog()).getAttribute('aria-labelledby');\n  }\n\n  /**\n   * Gets the role of the modal.\n   */\n  public async getAriaRole(): Promise<string | null> {\n    return await (await this.#getModalDialog()).getAttribute('role');\n  }\n\n  /**\n   * Gets the modal's heading text.\n   */\n  public async getHeadingText(): Promise<string | undefined> {\n    return await (await this.#getModalHeading()).text();\n  }\n\n  /**\n   * Gets the help popover content.\n   */\n  public async getHelpPopoverContent(): Promise<string | undefined> {\n    return await (await this.#getHelpInline()).getPopoverContent();\n  }\n\n  /**\n   * Gets the help popover title.\n   */\n  public async getHelpPopoverTitle(): Promise<string | undefined> {\n    return await (await this.#getHelpInline()).getPopoverTitle();\n  }\n\n  /**\n   * Gets the modal size.\n   */\n  public async getSize(): Promise<string> {\n    if (await this.isFullPage()) {\n      throw new Error(\n        'Size cannot be determined because size property is overridden when modal is full page',\n      );\n    }\n\n    const modal = await this.#getModal();\n\n    if (await modal.hasClass('sky-modal-small')) {\n      return 'small';\n    }\n\n    if (await modal.hasClass('sky-modal-large')) {\n      return 'large';\n    }\n\n    return 'medium';\n  }\n\n  /**\n   * Gets the wrapper class of the modal.\n   */\n  public async getWrapperClass(): Promise<string | undefined> {\n    return await (await this.host()).getProperty('className');\n  }\n\n  /**\n   * Whether the modal is full page.\n   */\n  public async isFullPage(): Promise<boolean> {\n    const modal = this.#getModal();\n    return await (await modal).hasClass('sky-modal-full-page');\n  }\n\n  /**\n   * Whether the modal has {@link SkyModalIsDirtyDirective.isDirty} set to dirty.\n   */\n  public async isDirty(): Promise<boolean> {\n    const modalHost = await this.host();\n    const isDirtyAttribute = await modalHost.getAttribute(\n      'data-sky-modal-is-dirty',\n    );\n    return isDirtyAttribute === 'true';\n  }\n\n  async #getHelpInline(): Promise<SkyHelpInlineHarness> {\n    const harness = await this.locatorForOptional(SkyHelpInlineHarness)();\n\n    if (harness) {\n      return harness;\n    }\n\n    throw Error('No help inline found.');\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/skyux-modals.mjs

@@ -1,6 +1,6 @@
 import { ReplaySubject, Subject, BehaviorSubject } from 'rxjs';
 import * as i0 from '@angular/core';
-import { NgModule, InjectionToken, ViewEncapsulation, Component, Injectable, input, ChangeDetectionStrategy, inject, ChangeDetectorRef, ElementRef, HostListener, ViewChild, Input, HostBinding, Inject, EnvironmentInjector, ViewContainerRef, Directive } from '@angular/core';
+import { NgModule, InjectionToken, ViewEncapsulation, Component, Injectable, input, ChangeDetectionStrategy, booleanAttribute, inject, ChangeDetectorRef, ElementRef, HostListener, ViewChild, Input, HostBinding, Inject, EnvironmentInjector, ViewContainerRef, computed, Directive } from '@angular/core';
 import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@skyux/core';
@@ -89,11 +89,11 @@ const SKY_CONFIRM_CONFIG = new InjectionToken('SkyConfirmConfig');
  */
 class SkyModalContentComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: SkyModalContentComponent, isStandalone: true, selector: "sky-modal-content", hostDirectives: [{ directive: i1.SkyResponsiveHostDirective }], ngImport: i0, template: "<ng-content />\n", styles: [".sky-modal:not(.sky-theme-modern *){--sky-override-modal-content-padding: 0}sky-modal-content{display:block;min-height:100%;padding:var(--sky-override-modal-content-padding, var(--sky-comp-modal-content-space-inset-top) var(--sky-comp-modal-content-space-inset-right) var(--sky-comp-modal-content-space-inset-bottom) var(--sky-comp-modal-content-space-inset-left))}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: SkyModalContentComponent, isStandalone: true, selector: "sky-modal-content", hostDirectives: [{ directive: i1.SkyResponsiveHostDirective }], ngImport: i0, template: "<ng-content />\n", styles: [".sky-modal:not(.sky-theme-modern *){--sky-override-modal-content-padding: 0}sky-modal-content{display:block;min-height:100%;padding:var(--sky-override-modal-content-padding, var(--sky-comp-modal-content-space-inset-top) var(--sky-comp-modal-content-space-inset-right) var(--sky-comp-modal-content-space-inset-bottom) var(--sky-comp-modal-content-space-inset-left))}sky-modal-banner+sky-modal-content{padding-top:calc(var(--sky-comp-modal-header-space-inset-bottom) + var(--sky-comp-modal-content-space-inset-top))}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyModalContentComponent, decorators: [{
             type: Component,
-            args: [{ hostDirectives: [SkyResponsiveHostDirective], selector: 'sky-modal-content', encapsulation: ViewEncapsulation.None, template: "<ng-content />\n", styles: [".sky-modal:not(.sky-theme-modern *){--sky-override-modal-content-padding: 0}sky-modal-content{display:block;min-height:100%;padding:var(--sky-override-modal-content-padding, var(--sky-comp-modal-content-space-inset-top) var(--sky-comp-modal-content-space-inset-right) var(--sky-comp-modal-content-space-inset-bottom) var(--sky-comp-modal-content-space-inset-left))}\n"] }]
+            args: [{ hostDirectives: [SkyResponsiveHostDirective], selector: 'sky-modal-content', encapsulation: ViewEncapsulation.None, template: "<ng-content />\n", styles: [".sky-modal:not(.sky-theme-modern *){--sky-override-modal-content-padding: 0}sky-modal-content{display:block;min-height:100%;padding:var(--sky-override-modal-content-padding, var(--sky-comp-modal-content-space-inset-top) var(--sky-comp-modal-content-space-inset-right) var(--sky-comp-modal-content-space-inset-bottom) var(--sky-comp-modal-content-space-inset-left))}sky-modal-banner+sky-modal-content{padding-top:calc(var(--sky-comp-modal-header-space-inset-bottom) + var(--sky-comp-modal-content-space-inset-top))}\n"] }]
         }] });
 
 /**
@@ -577,6 +577,13 @@ class SkyModalComponent {
     constructor() {
         this.ariaRoleOrDefault = ARIA_ROLE_DEFAULT;
         this.layout = input('none', ...(ngDevMode ? [{ debugName: "layout" }] : []));
+        /**
+         * Whether to hide the modal's header, including the heading from `headingText`,
+         * the help inline button if `helpKey` is provided, and the close button in the
+         * top right. Reserve this property for specific use cases where you need a
+         * banner image in place of the header.
+         */
+        this.headingHidden = input(false, { ...(ngDevMode ? { debugName: "headingHidden" } : {}), transform: booleanAttribute });
         this.ariaOwns = null;
         this.modalState = 'in';
         this.scrollShadow = {
@@ -707,11 +714,11 @@ class SkyModalComponent {
         return this.#componentAdapter.modalContentHasDirectChildViewkeeper(this.#elRef);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SkyModalComponent, isStandalone: true, selector: "sky-modal", inputs: { formErrors: { classPropertyName: "formErrors", publicName: "formErrors", isSignal: false, isRequired: false, transformFunction: null }, headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: false, isRequired: false, transformFunction: null }, helpKey: { classPropertyName: "helpKey", publicName: "helpKey", isSignal: false, isRequired: false, transformFunction: null }, helpPopoverContent: { classPropertyName: "helpPopoverContent", publicName: "helpPopoverContent", isSignal: false, isRequired: false, transformFunction: null }, helpPopoverTitle: { classPropertyName: "helpPopoverTitle", publicName: "helpPopoverTitle", isSignal: false, isRequired: false, transformFunction: null }, ariaRole: { classPropertyName: "ariaRole", publicName: "ariaRole", isSignal: false, isRequired: false, transformFunction: null }, tiledBody: { classPropertyName: "tiledBody", publicName: "tiledBody", isSignal: false, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: false, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: false, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:keyup": "onDocumentKeyUp($event)", "document:keydown": "onDocumentKeyDown($event)" }, properties: { "class": "this.wrapperClass" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SkyModalComponent, isStandalone: true, selector: "sky-modal", inputs: { formErrors: { classPropertyName: "formErrors", publicName: "formErrors", isSignal: false, isRequired: false, transformFunction: null }, headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: false, isRequired: false, transformFunction: null }, helpKey: { classPropertyName: "helpKey", publicName: "helpKey", isSignal: false, isRequired: false, transformFunction: null }, helpPopoverContent: { classPropertyName: "helpPopoverContent", publicName: "helpPopoverContent", isSignal: false, isRequired: false, transformFunction: null }, helpPopoverTitle: { classPropertyName: "helpPopoverTitle", publicName: "helpPopoverTitle", isSignal: false, isRequired: false, transformFunction: null }, ariaRole: { classPropertyName: "ariaRole", publicName: "ariaRole", isSignal: false, isRequired: false, transformFunction: null }, tiledBody: { classPropertyName: "tiledBody", publicName: "tiledBody", isSignal: false, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: false, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: false, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, headingHidden: { classPropertyName: "headingHidden", publicName: "headingHidden", isSignal: true, isRequired: false, transformFunction: null } }, 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      [ngStyle]=\"{\n        'box-shadow': scrollShadow?.topShadow\n      }\"\n    >\n      <div #headerId=\"skyId\" class=\"sky-modal-header-content\" skyId>\n        @if (headingText) {\n          <sky-modal-header-internal\n            [headingText]=\"headingText\"\n            [helpKey]=\"helpKey\"\n            [helpPopoverContent]=\"helpPopoverContent\"\n            [helpPopoverTitle]=\"helpPopoverTitle\"\n          />\n        } @else {\n          <ng-content select=\"sky-modal-header\" />\n        }\n      </div>\n      <div class=\"sky-modal-header-buttons\">\n        @if (legacyHelpKey) {\n          <button\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 iconName=\"question-circle\" />\n          </button>\n        }\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 iconName=\"close\" />\n        </button>\n      </div>\n    </div>\n    <div\n      #modalContentId=\"skyId\"\n      #modalContentWrapper\n      class=\"sky-modal-content\"\n      role=\"region\"\n      tabindex=\"0\"\n      skyId\n      skyLayoutHost\n      [layout]=\"layout()\"\n      [attr.aria-labelledby]=\"headerId.id\"\n      [skyScrollShadowEnabled]=\"scrollShadowEnabled\"\n      [skyThemeClass]=\"{\n        'sky-padding-even-large': 'default'\n      }\"\n      (skyScrollShadow)=\"scrollShadowChange($event)\"\n    >\n      <ng-content select=\"sky-modal-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\" />\n    </div>\n  </div>\n</div>\n", styles: [".sky-modal:not(.sky-theme-modern *){--sky-override-modal-background-color: #fff;--sky-override-modal-border: 1px solid #cdcfd2;--sky-override-modal-dock-bottom: -15px;--sky-override-modal-dock-margin-left-right-bottom: -15px;--sky-override-modal-dock-padding-top: 15px;--sky-override-modal-dock-width: calc(100% + 30px) ;--sky-override-modal-full-page-margin-xs: 0;--sky-override-modal-full-page-margin: 0;--sky-override-modal-full-page-width: 100%;--sky-override-modal-header-bottom-border: 1px solid #e2e3e4;--sky-override-modal-header-padding: 9px 3px 9px 15px;--sky-override-modal-help-close-display: inline-block;--sky-override-modal-margin: 20px auto;--sky-override-modal-viewkept-toolbar-box-shadow: none;--sky-override-modal-viewkept-toolbar-padding-horizontal: 10px;--sky-override-modal-width-l: 900px;--sky-override-modal-width-m: 600px;--sky-override-modal-width-s: 300px;--sky-override-modal-xs-margin: 30px 10px 10px 10px}:host{--sky-viewport-top: 0;--sky-viewport-bottom: 0;--sky-viewport-left: 0;--sky-viewport-right: 0}.sky-modal{--sky-comp-override-list-header-background-color: initial;border:var(--sky-override-modal-border, var(--sky-border-width-container-base) solid var(--sky-color-border-container-base));position:fixed;width:auto;left:0;right:0;top:0;margin:var(--sky-override-modal-xs-margin, var(--sky-comp-modal-space-offset-xs-top) var(--sky-comp-modal-space-offset-xs-right) var(--sky-comp-modal-space-offset-xs-bottom) var(--sky-comp-modal-space-offset-xs-left));display:flex;flex-direction:column;overflow:hidden}.sky-modal:has(.sky-modal-content.sky-layout-host-fit){height:var(--sky-modal-content-max-height, 100%)}.sky-modal:focus{outline-style:dotted;outline-width:thin;outline-offset:-1px}.sky-modal-header:has(.sky-modal-header-content:empty){display:none}.sky-modal-btn-help,.sky-modal-btn-close{display:var(--sky-override-modal-help-close-display, none)}.sky-modal-full-page{width:var(--sky-override-modal-full-page-width, calc(100% - (var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-right)) + var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-left)))));margin:var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-top) var(--sky-comp-modal-fullscreen-space-offset-xs-right) var(--sky-comp-modal-fullscreen-space-offset-xs-bottom) var(--sky-comp-modal-fullscreen-space-offset-xs-left))}@media(min-width:768px){.sky-modal:not(.sky-modal-full-page){margin:var(--sky-override-modal-margin, var(--sky-comp-modal-space-offset-sm-top) auto var(--sky-comp-modal-space-offset-sm-bottom))}.sky-modal-small{width:var(--sky-override-modal-width-s, var(--sky-size-width-modal-s))}.sky-modal-small .sky-modal-content,.sky-modal-small .sky-modal-header,.sky-modal-small .sky-modal-footer{max-width:var(--sky-override-modal-width-s, var(--sky-size-width-modal-s))}.sky-modal-medium{width:var(--sky-override-modal-width-m, var(--sky-size-width-modal-m))}.sky-modal-medium .sky-modal-content,.sky-modal-medium .sky-modal-header,.sky-modal-medium .sky-modal-footer{max-width:var(--sky-override-modal-width-m, var(--sky-size-width-modal-m))}.sky-modal-full-page{width:var(--sky-override-modal-full-page-width, calc(100% - (var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-left)) + var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-right)))));margin:var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-top) var(--sky-comp-modal-fullscreen-space-offset-sm-right) var(--sky-comp-modal-fullscreen-space-offset-sm-bottom) var(--sky-comp-modal-fullscreen-space-offset-sm-left))}}@media(min-width:920px){.sky-modal-large{width:var(--sky-override-modal-width-l, var(--sky-size-width-modal-l))}.sky-modal-large .sky-modal-content,.sky-modal-large .sky-modal-header,.sky-modal-large .sky-modal-footer{max-width:var(--sky-override-modal-width-l, var(--sky-size-width-modal-l))}}.sky-modal-content{background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));--sky-background-color-page-default: var( --sky-override-modal-background-color, var(--sky-color-background-container-base) )}.sky-modal-content:focus{outline-style:dotted;outline-width:thin;outline-offset:-1px}.sky-modal-content.sky-layout-host-fit{flex-grow:1;position:relative}.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:var(--sky-override-modal-header-padding, var(--sky-comp-modal-header-space-inset-top) var(--sky-comp-modal-header-space-inset-right) var(--sky-comp-modal-header-space-inset-bottom) var(--sky-comp-modal-header-space-inset-left));background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));border-bottom:var(--sky-override-modal-header-bottom-border);display:flex;align-items:baseline}.sky-modal-header-buttons{flex-shrink:.0001}.sky-modal-header-buttons .sky-btn{border:none;color:#686c73;cursor:pointer}.sky-modal-header-buttons .sky-btn:hover{color:#383a3d;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 .sky-modal-content{flex-grow:1}.sky-modal-content>::ng-deep sky-dock{bottom:var(--sky-override-modal-dock-bottom, 0);margin-left:var(--sky-override-modal-dock-margin-left-right-bottom, initial);margin-right:var(--sky-override-modal-dock-margin-left-right-bottom, initial);margin-bottom:var(--sky-override-modal-dock-margin-left-right-bottom, initial);padding-top:var(--sky-override-modal-dock-padding-top, initial);width:var(--sky-override-modal-dock-width, 100%)}.sky-modal-viewkeeper .sky-modal-header{box-shadow:none!important}.sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed{box-shadow:var(--sky-override-modal-viewkept-toolbar-box-shadow, var(--sky-elevation-overflow))}.sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed>sky-toolbar .sky-toolbar-container{background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));--sky-background-color-page-default: var( --sky-override-modal-background-color, var(--sky-color-background-container-base) );padding-left:var(--sky-override-modal-viewkept-toolbar-padding-horizontal, var(--sky-comp-modal-header-space-inset-left));padding-right:var(--sky-override-modal-viewkept-toolbar-padding-horizontal, var(--sky-comp-modal-header-space-inset-right))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: SkyHelpInlineModule }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: SkyLayoutHostDirective, selector: "[skyLayoutHost]", inputs: ["layout"] }, { kind: "component", type: SkyModalHeaderInternalComponent, selector: "sky-modal-header-internal", inputs: ["headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle"] }, { kind: "ngmodule", type: SkyModalsResourcesModule }, { kind: "directive", type: SkyScrollShadowDirective, selector: "[skyScrollShadow]", inputs: ["skyScrollShadowEnabled"], outputs: ["skyScrollShadow"] }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "directive", type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
+        ], 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]=\"headingHidden()\"\n      [ngStyle]=\"{\n        'box-shadow': scrollShadow?.topShadow\n      }\"\n    >\n      <div #headerId=\"skyId\" class=\"sky-modal-header-content\" skyId>\n        @if (headingText) {\n          <sky-modal-header-internal\n            [headingText]=\"headingText\"\n            [helpKey]=\"helpKey\"\n            [helpPopoverContent]=\"helpPopoverContent\"\n            [helpPopoverTitle]=\"helpPopoverTitle\"\n          />\n        } @else {\n          <ng-content select=\"sky-modal-header\" />\n        }\n      </div>\n      <div class=\"sky-modal-header-buttons\">\n        @if (legacyHelpKey) {\n          <button\n            class=\"sky-btn sky-btn-borderless 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 iconName=\"question-circle\" />\n          </button>\n        }\n\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-modal-btn-close\"\n          [attr.aria-label]=\"'skyux_modal_close' | skyLibResources\"\n          [skyThemeClass]=\"{\n            'sky-btn-borderless': 'default',\n            'sky-btn-icon-borderless': 'modern'\n          }\"\n          (click)=\"closeButtonClick()\"\n        >\n          <sky-icon iconName=\"close\" />\n        </button>\n      </div>\n    </div>\n    <div\n      #modalContentId=\"skyId\"\n      #modalContentWrapper\n      class=\"sky-modal-content\"\n      role=\"region\"\n      tabindex=\"0\"\n      skyId\n      skyLayoutHost\n      [layout]=\"layout()\"\n      [attr.aria-labelledby]=\"headerId.id\"\n      [skyScrollShadowEnabled]=\"scrollShadowEnabled\"\n      [skyThemeClass]=\"{\n        'sky-theme-padding-inset-balanced-m': 'default'\n      }\"\n      (skyScrollShadow)=\"scrollShadowChange($event)\"\n    >\n      <ng-content select=\"sky-modal-banner\" />\n      <ng-content select=\"sky-modal-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\" />\n    </div>\n  </div>\n</div>\n", styles: [".sky-modal:not(.sky-theme-modern *){--sky-override-modal-background-color: #fff;--sky-override-modal-border: 1px solid #cdcfd2;--sky-override-modal-dock-bottom: -15px;--sky-override-modal-dock-margin-left-right-bottom: -15px;--sky-override-modal-dock-padding-top: 15px;--sky-override-modal-dock-width: calc(100% + 30px) ;--sky-override-modal-full-page-margin-xs: 0;--sky-override-modal-full-page-margin: 0;--sky-override-modal-full-page-width: 100%;--sky-override-modal-header-align-items: baseline;--sky-override-modal-header-bottom-border: 1px solid #e2e3e4;--sky-override-modal-header-padding: 9px 3px 9px 15px;--sky-override-modal-help-close-display: inline-block;--sky-override-modal-margin: 20px auto;--sky-override-modal-viewkept-toolbar-box-shadow: none;--sky-override-modal-viewkept-toolbar-padding-horizontal: 10px;--sky-override-modal-width-l: 900px;--sky-override-modal-width-m: 600px;--sky-override-modal-width-s: 300px;--sky-override-modal-xs-margin: 30px 10px 10px 10px}:host{--sky-viewport-top: 0;--sky-viewport-bottom: 0;--sky-viewport-left: 0;--sky-viewport-right: 0}.sky-modal{--sky-comp-override-list-header-background-color: initial;border:var(--sky-override-modal-border, var(--sky-border-width-container-base) solid var(--sky-color-border-container-base));position:fixed;width:auto;left:0;right:0;top:0;margin:var(--sky-override-modal-xs-margin, var(--sky-comp-modal-space-offset-xs-top) var(--sky-comp-modal-space-offset-xs-right) var(--sky-comp-modal-space-offset-xs-bottom) var(--sky-comp-modal-space-offset-xs-left));display:flex;flex-direction:column;overflow:hidden}.sky-modal:has(.sky-modal-content.sky-layout-host-fit){height:var(--sky-modal-content-max-height, 100%)}.sky-modal:focus{outline-style:dotted;outline-width:thin;outline-offset:-1px}.sky-modal-header:has(.sky-modal-header-content:empty){display:none}.sky-modal-btn-help{display:var(--sky-override-modal-help-close-display, none)}.sky-modal-full-page{width:var(--sky-override-modal-full-page-width, calc(100% - (var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-right)) + var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-left)))));margin:var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-top) var(--sky-comp-modal-fullscreen-space-offset-xs-right) var(--sky-comp-modal-fullscreen-space-offset-xs-bottom) var(--sky-comp-modal-fullscreen-space-offset-xs-left))}@media(min-width:768px){.sky-modal:not(.sky-modal-full-page){margin:var(--sky-override-modal-margin, var(--sky-comp-modal-space-offset-sm-top) auto var(--sky-comp-modal-space-offset-sm-bottom))}.sky-modal-small{width:var(--sky-override-modal-width-s, var(--sky-size-width-modal-s))}.sky-modal-small .sky-modal-content,.sky-modal-small .sky-modal-header,.sky-modal-small .sky-modal-footer{max-width:var(--sky-override-modal-width-s, var(--sky-size-width-modal-s))}.sky-modal-medium{width:var(--sky-override-modal-width-m, var(--sky-size-width-modal-m))}.sky-modal-medium .sky-modal-content,.sky-modal-medium .sky-modal-header,.sky-modal-medium .sky-modal-footer{max-width:var(--sky-override-modal-width-m, var(--sky-size-width-modal-m))}.sky-modal-full-page{width:var(--sky-override-modal-full-page-width, calc(100% - (var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-left)) + var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-right)))));margin:var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-top) var(--sky-comp-modal-fullscreen-space-offset-sm-right) var(--sky-comp-modal-fullscreen-space-offset-sm-bottom) var(--sky-comp-modal-fullscreen-space-offset-sm-left))}}@media(min-width:920px){.sky-modal-large{width:var(--sky-override-modal-width-l, var(--sky-size-width-modal-l))}.sky-modal-large .sky-modal-content,.sky-modal-large .sky-modal-header,.sky-modal-large .sky-modal-footer{max-width:var(--sky-override-modal-width-l, var(--sky-size-width-modal-l))}}.sky-modal-content{background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));--sky-background-color-page-default: var( --sky-override-modal-background-color, var(--sky-color-background-container-base) )}.sky-modal-content:focus{outline-style:dotted;outline-width:thin;outline-offset:-1px}.sky-modal-content.sky-layout-host-fit{flex-grow:1;position:relative}.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:var(--sky-override-modal-header-padding, var(--sky-comp-modal-header-space-inset-top) var(--sky-comp-modal-header-space-inset-right) var(--sky-comp-modal-header-space-inset-bottom) var(--sky-comp-modal-header-space-inset-left));background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));border-bottom:var(--sky-override-modal-header-bottom-border);display:flex;align-items:var(--sky-override-modal-header-align-items, center)}.sky-modal-header-buttons{flex-shrink:.0001}.sky-modal-header-buttons .sky-modal-btn-close{margin-left:var(--sky-space-gap-text_action-l)}.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 .sky-modal-content{flex-grow:1}.sky-modal-content>::ng-deep sky-dock{bottom:var(--sky-override-modal-dock-bottom, 0);margin-left:var(--sky-override-modal-dock-margin-left-right-bottom, initial);margin-right:var(--sky-override-modal-dock-margin-left-right-bottom, initial);margin-bottom:var(--sky-override-modal-dock-margin-left-right-bottom, initial);padding-top:var(--sky-override-modal-dock-padding-top, initial);width:var(--sky-override-modal-dock-width, 100%)}.sky-modal-viewkeeper .sky-modal-header{box-shadow:none!important}.sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed{box-shadow:var(--sky-override-modal-viewkept-toolbar-box-shadow, var(--sky-elevation-overflow))}.sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed>sky-toolbar .sky-toolbar-container{background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));--sky-background-color-page-default: var( --sky-override-modal-background-color, var(--sky-color-background-container-base) );padding-left:var(--sky-override-modal-viewkept-toolbar-padding-horizontal, var(--sky-comp-modal-header-space-inset-left));padding-right:var(--sky-override-modal-viewkept-toolbar-padding-horizontal, var(--sky-comp-modal-header-space-inset-right))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: SkyHelpInlineModule }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: SkyLayoutHostDirective, selector: "[skyLayoutHost]", inputs: ["layout"] }, { kind: "component", type: SkyModalHeaderInternalComponent, selector: "sky-modal-header-internal", inputs: ["headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle"] }, { kind: "ngmodule", type: SkyModalsResourcesModule }, { kind: "directive", type: SkyScrollShadowDirective, selector: "[skyScrollShadow]", inputs: ["skyScrollShadowEnabled"], outputs: ["skyScrollShadow"] }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "directive", type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyModalComponent, decorators: [{
             type: Component,
@@ -729,7 +736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                         SkyModalsResourcesModule,
                         SkyScrollShadowDirective,
                         SkyThemeModule,
-                    ], 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      [ngStyle]=\"{\n        'box-shadow': scrollShadow?.topShadow\n      }\"\n    >\n      <div #headerId=\"skyId\" class=\"sky-modal-header-content\" skyId>\n        @if (headingText) {\n          <sky-modal-header-internal\n            [headingText]=\"headingText\"\n            [helpKey]=\"helpKey\"\n            [helpPopoverContent]=\"helpPopoverContent\"\n            [helpPopoverTitle]=\"helpPopoverTitle\"\n          />\n        } @else {\n          <ng-content select=\"sky-modal-header\" />\n        }\n      </div>\n      <div class=\"sky-modal-header-buttons\">\n        @if (legacyHelpKey) {\n          <button\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 iconName=\"question-circle\" />\n          </button>\n        }\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 iconName=\"close\" />\n        </button>\n      </div>\n    </div>\n    <div\n      #modalContentId=\"skyId\"\n      #modalContentWrapper\n      class=\"sky-modal-content\"\n      role=\"region\"\n      tabindex=\"0\"\n      skyId\n      skyLayoutHost\n      [layout]=\"layout()\"\n      [attr.aria-labelledby]=\"headerId.id\"\n      [skyScrollShadowEnabled]=\"scrollShadowEnabled\"\n      [skyThemeClass]=\"{\n        'sky-padding-even-large': 'default'\n      }\"\n      (skyScrollShadow)=\"scrollShadowChange($event)\"\n    >\n      <ng-content select=\"sky-modal-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\" />\n    </div>\n  </div>\n</div>\n", styles: [".sky-modal:not(.sky-theme-modern *){--sky-override-modal-background-color: #fff;--sky-override-modal-border: 1px solid #cdcfd2;--sky-override-modal-dock-bottom: -15px;--sky-override-modal-dock-margin-left-right-bottom: -15px;--sky-override-modal-dock-padding-top: 15px;--sky-override-modal-dock-width: calc(100% + 30px) ;--sky-override-modal-full-page-margin-xs: 0;--sky-override-modal-full-page-margin: 0;--sky-override-modal-full-page-width: 100%;--sky-override-modal-header-bottom-border: 1px solid #e2e3e4;--sky-override-modal-header-padding: 9px 3px 9px 15px;--sky-override-modal-help-close-display: inline-block;--sky-override-modal-margin: 20px auto;--sky-override-modal-viewkept-toolbar-box-shadow: none;--sky-override-modal-viewkept-toolbar-padding-horizontal: 10px;--sky-override-modal-width-l: 900px;--sky-override-modal-width-m: 600px;--sky-override-modal-width-s: 300px;--sky-override-modal-xs-margin: 30px 10px 10px 10px}:host{--sky-viewport-top: 0;--sky-viewport-bottom: 0;--sky-viewport-left: 0;--sky-viewport-right: 0}.sky-modal{--sky-comp-override-list-header-background-color: initial;border:var(--sky-override-modal-border, var(--sky-border-width-container-base) solid var(--sky-color-border-container-base));position:fixed;width:auto;left:0;right:0;top:0;margin:var(--sky-override-modal-xs-margin, var(--sky-comp-modal-space-offset-xs-top) var(--sky-comp-modal-space-offset-xs-right) var(--sky-comp-modal-space-offset-xs-bottom) var(--sky-comp-modal-space-offset-xs-left));display:flex;flex-direction:column;overflow:hidden}.sky-modal:has(.sky-modal-content.sky-layout-host-fit){height:var(--sky-modal-content-max-height, 100%)}.sky-modal:focus{outline-style:dotted;outline-width:thin;outline-offset:-1px}.sky-modal-header:has(.sky-modal-header-content:empty){display:none}.sky-modal-btn-help,.sky-modal-btn-close{display:var(--sky-override-modal-help-close-display, none)}.sky-modal-full-page{width:var(--sky-override-modal-full-page-width, calc(100% - (var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-right)) + var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-left)))));margin:var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-top) var(--sky-comp-modal-fullscreen-space-offset-xs-right) var(--sky-comp-modal-fullscreen-space-offset-xs-bottom) var(--sky-comp-modal-fullscreen-space-offset-xs-left))}@media(min-width:768px){.sky-modal:not(.sky-modal-full-page){margin:var(--sky-override-modal-margin, var(--sky-comp-modal-space-offset-sm-top) auto var(--sky-comp-modal-space-offset-sm-bottom))}.sky-modal-small{width:var(--sky-override-modal-width-s, var(--sky-size-width-modal-s))}.sky-modal-small .sky-modal-content,.sky-modal-small .sky-modal-header,.sky-modal-small .sky-modal-footer{max-width:var(--sky-override-modal-width-s, var(--sky-size-width-modal-s))}.sky-modal-medium{width:var(--sky-override-modal-width-m, var(--sky-size-width-modal-m))}.sky-modal-medium .sky-modal-content,.sky-modal-medium .sky-modal-header,.sky-modal-medium .sky-modal-footer{max-width:var(--sky-override-modal-width-m, var(--sky-size-width-modal-m))}.sky-modal-full-page{width:var(--sky-override-modal-full-page-width, calc(100% - (var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-left)) + var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-right)))));margin:var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-top) var(--sky-comp-modal-fullscreen-space-offset-sm-right) var(--sky-comp-modal-fullscreen-space-offset-sm-bottom) var(--sky-comp-modal-fullscreen-space-offset-sm-left))}}@media(min-width:920px){.sky-modal-large{width:var(--sky-override-modal-width-l, var(--sky-size-width-modal-l))}.sky-modal-large .sky-modal-content,.sky-modal-large .sky-modal-header,.sky-modal-large .sky-modal-footer{max-width:var(--sky-override-modal-width-l, var(--sky-size-width-modal-l))}}.sky-modal-content{background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));--sky-background-color-page-default: var( --sky-override-modal-background-color, var(--sky-color-background-container-base) )}.sky-modal-content:focus{outline-style:dotted;outline-width:thin;outline-offset:-1px}.sky-modal-content.sky-layout-host-fit{flex-grow:1;position:relative}.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:var(--sky-override-modal-header-padding, var(--sky-comp-modal-header-space-inset-top) var(--sky-comp-modal-header-space-inset-right) var(--sky-comp-modal-header-space-inset-bottom) var(--sky-comp-modal-header-space-inset-left));background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));border-bottom:var(--sky-override-modal-header-bottom-border);display:flex;align-items:baseline}.sky-modal-header-buttons{flex-shrink:.0001}.sky-modal-header-buttons .sky-btn{border:none;color:#686c73;cursor:pointer}.sky-modal-header-buttons .sky-btn:hover{color:#383a3d;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 .sky-modal-content{flex-grow:1}.sky-modal-content>::ng-deep sky-dock{bottom:var(--sky-override-modal-dock-bottom, 0);margin-left:var(--sky-override-modal-dock-margin-left-right-bottom, initial);margin-right:var(--sky-override-modal-dock-margin-left-right-bottom, initial);margin-bottom:var(--sky-override-modal-dock-margin-left-right-bottom, initial);padding-top:var(--sky-override-modal-dock-padding-top, initial);width:var(--sky-override-modal-dock-width, 100%)}.sky-modal-viewkeeper .sky-modal-header{box-shadow:none!important}.sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed{box-shadow:var(--sky-override-modal-viewkept-toolbar-box-shadow, var(--sky-elevation-overflow))}.sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed>sky-toolbar .sky-toolbar-container{background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));--sky-background-color-page-default: var( --sky-override-modal-background-color, var(--sky-color-background-container-base) );padding-left:var(--sky-override-modal-viewkept-toolbar-padding-horizontal, var(--sky-comp-modal-header-space-inset-left));padding-right:var(--sky-override-modal-viewkept-toolbar-padding-horizontal, var(--sky-comp-modal-header-space-inset-right))}\n"] }]
+                    ], 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]=\"headingHidden()\"\n      [ngStyle]=\"{\n        'box-shadow': scrollShadow?.topShadow\n      }\"\n    >\n      <div #headerId=\"skyId\" class=\"sky-modal-header-content\" skyId>\n        @if (headingText) {\n          <sky-modal-header-internal\n            [headingText]=\"headingText\"\n            [helpKey]=\"helpKey\"\n            [helpPopoverContent]=\"helpPopoverContent\"\n            [helpPopoverTitle]=\"helpPopoverTitle\"\n          />\n        } @else {\n          <ng-content select=\"sky-modal-header\" />\n        }\n      </div>\n      <div class=\"sky-modal-header-buttons\">\n        @if (legacyHelpKey) {\n          <button\n            class=\"sky-btn sky-btn-borderless 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 iconName=\"question-circle\" />\n          </button>\n        }\n\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-modal-btn-close\"\n          [attr.aria-label]=\"'skyux_modal_close' | skyLibResources\"\n          [skyThemeClass]=\"{\n            'sky-btn-borderless': 'default',\n            'sky-btn-icon-borderless': 'modern'\n          }\"\n          (click)=\"closeButtonClick()\"\n        >\n          <sky-icon iconName=\"close\" />\n        </button>\n      </div>\n    </div>\n    <div\n      #modalContentId=\"skyId\"\n      #modalContentWrapper\n      class=\"sky-modal-content\"\n      role=\"region\"\n      tabindex=\"0\"\n      skyId\n      skyLayoutHost\n      [layout]=\"layout()\"\n      [attr.aria-labelledby]=\"headerId.id\"\n      [skyScrollShadowEnabled]=\"scrollShadowEnabled\"\n      [skyThemeClass]=\"{\n        'sky-theme-padding-inset-balanced-m': 'default'\n      }\"\n      (skyScrollShadow)=\"scrollShadowChange($event)\"\n    >\n      <ng-content select=\"sky-modal-banner\" />\n      <ng-content select=\"sky-modal-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\" />\n    </div>\n  </div>\n</div>\n", styles: [".sky-modal:not(.sky-theme-modern *){--sky-override-modal-background-color: #fff;--sky-override-modal-border: 1px solid #cdcfd2;--sky-override-modal-dock-bottom: -15px;--sky-override-modal-dock-margin-left-right-bottom: -15px;--sky-override-modal-dock-padding-top: 15px;--sky-override-modal-dock-width: calc(100% + 30px) ;--sky-override-modal-full-page-margin-xs: 0;--sky-override-modal-full-page-margin: 0;--sky-override-modal-full-page-width: 100%;--sky-override-modal-header-align-items: baseline;--sky-override-modal-header-bottom-border: 1px solid #e2e3e4;--sky-override-modal-header-padding: 9px 3px 9px 15px;--sky-override-modal-help-close-display: inline-block;--sky-override-modal-margin: 20px auto;--sky-override-modal-viewkept-toolbar-box-shadow: none;--sky-override-modal-viewkept-toolbar-padding-horizontal: 10px;--sky-override-modal-width-l: 900px;--sky-override-modal-width-m: 600px;--sky-override-modal-width-s: 300px;--sky-override-modal-xs-margin: 30px 10px 10px 10px}:host{--sky-viewport-top: 0;--sky-viewport-bottom: 0;--sky-viewport-left: 0;--sky-viewport-right: 0}.sky-modal{--sky-comp-override-list-header-background-color: initial;border:var(--sky-override-modal-border, var(--sky-border-width-container-base) solid var(--sky-color-border-container-base));position:fixed;width:auto;left:0;right:0;top:0;margin:var(--sky-override-modal-xs-margin, var(--sky-comp-modal-space-offset-xs-top) var(--sky-comp-modal-space-offset-xs-right) var(--sky-comp-modal-space-offset-xs-bottom) var(--sky-comp-modal-space-offset-xs-left));display:flex;flex-direction:column;overflow:hidden}.sky-modal:has(.sky-modal-content.sky-layout-host-fit){height:var(--sky-modal-content-max-height, 100%)}.sky-modal:focus{outline-style:dotted;outline-width:thin;outline-offset:-1px}.sky-modal-header:has(.sky-modal-header-content:empty){display:none}.sky-modal-btn-help{display:var(--sky-override-modal-help-close-display, none)}.sky-modal-full-page{width:var(--sky-override-modal-full-page-width, calc(100% - (var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-right)) + var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-left)))));margin:var(--sky-override-modal-full-page-margin-xs, var(--sky-comp-modal-fullscreen-space-offset-xs-top) var(--sky-comp-modal-fullscreen-space-offset-xs-right) var(--sky-comp-modal-fullscreen-space-offset-xs-bottom) var(--sky-comp-modal-fullscreen-space-offset-xs-left))}@media(min-width:768px){.sky-modal:not(.sky-modal-full-page){margin:var(--sky-override-modal-margin, var(--sky-comp-modal-space-offset-sm-top) auto var(--sky-comp-modal-space-offset-sm-bottom))}.sky-modal-small{width:var(--sky-override-modal-width-s, var(--sky-size-width-modal-s))}.sky-modal-small .sky-modal-content,.sky-modal-small .sky-modal-header,.sky-modal-small .sky-modal-footer{max-width:var(--sky-override-modal-width-s, var(--sky-size-width-modal-s))}.sky-modal-medium{width:var(--sky-override-modal-width-m, var(--sky-size-width-modal-m))}.sky-modal-medium .sky-modal-content,.sky-modal-medium .sky-modal-header,.sky-modal-medium .sky-modal-footer{max-width:var(--sky-override-modal-width-m, var(--sky-size-width-modal-m))}.sky-modal-full-page{width:var(--sky-override-modal-full-page-width, calc(100% - (var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-left)) + var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-right)))));margin:var(--sky-override-modal-full-page-margin, var(--sky-comp-modal-fullscreen-space-offset-sm-top) var(--sky-comp-modal-fullscreen-space-offset-sm-right) var(--sky-comp-modal-fullscreen-space-offset-sm-bottom) var(--sky-comp-modal-fullscreen-space-offset-sm-left))}}@media(min-width:920px){.sky-modal-large{width:var(--sky-override-modal-width-l, var(--sky-size-width-modal-l))}.sky-modal-large .sky-modal-content,.sky-modal-large .sky-modal-header,.sky-modal-large .sky-modal-footer{max-width:var(--sky-override-modal-width-l, var(--sky-size-width-modal-l))}}.sky-modal-content{background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));--sky-background-color-page-default: var( --sky-override-modal-background-color, var(--sky-color-background-container-base) )}.sky-modal-content:focus{outline-style:dotted;outline-width:thin;outline-offset:-1px}.sky-modal-content.sky-layout-host-fit{flex-grow:1;position:relative}.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:var(--sky-override-modal-header-padding, var(--sky-comp-modal-header-space-inset-top) var(--sky-comp-modal-header-space-inset-right) var(--sky-comp-modal-header-space-inset-bottom) var(--sky-comp-modal-header-space-inset-left));background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));border-bottom:var(--sky-override-modal-header-bottom-border);display:flex;align-items:var(--sky-override-modal-header-align-items, center)}.sky-modal-header-buttons{flex-shrink:.0001}.sky-modal-header-buttons .sky-modal-btn-close{margin-left:var(--sky-space-gap-text_action-l)}.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 .sky-modal-content{flex-grow:1}.sky-modal-content>::ng-deep sky-dock{bottom:var(--sky-override-modal-dock-bottom, 0);margin-left:var(--sky-override-modal-dock-margin-left-right-bottom, initial);margin-right:var(--sky-override-modal-dock-margin-left-right-bottom, initial);margin-bottom:var(--sky-override-modal-dock-margin-left-right-bottom, initial);padding-top:var(--sky-override-modal-dock-padding-top, initial);width:var(--sky-override-modal-dock-width, 100%)}.sky-modal-viewkeeper .sky-modal-header{box-shadow:none!important}.sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed{box-shadow:var(--sky-override-modal-viewkept-toolbar-box-shadow, var(--sky-elevation-overflow))}.sky-modal-viewkeeper .sky-modal-content ::ng-deep sky-modal-content>.sky-viewkeeper-fixed>sky-toolbar .sky-toolbar-container{background-color:var(--sky-override-modal-background-color, var(--sky-color-background-container-base));--sky-background-color-page-default: var( --sky-override-modal-background-color, var(--sky-color-background-container-base) );padding-left:var(--sky-override-modal-viewkept-toolbar-padding-horizontal, var(--sky-comp-modal-header-space-inset-left));padding-right:var(--sky-override-modal-viewkept-toolbar-padding-horizontal, var(--sky-comp-modal-header-space-inset-right))}\n"] }]
         }], ctorParameters: () => [], propDecorators: { wrapperClass: [{
                 type: HostBinding,
                 args: ['class']
@@ -751,7 +758,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                 type: Input
             }], ariaLabelledBy: [{
                 type: Input
-            }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], modalContentWrapperElement: [{
+            }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], headingHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingHidden", required: false }] }], modalContentWrapperElement: [{
                 type: ViewChild,
                 args: ['modalContentWrapper', { read: ElementRef }]
             }], onDocumentKeyUp: [{
@@ -881,7 +888,7 @@ class SkyConfirmComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SkyConfirmComponent, isStandalone: true, 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        #confirmMessage=\"skyId\"\n        class=\"sky-confirm-message\"\n        skyId\n        [ngClass]=\"{\n          'sky-confirm-preserve-white-space': preserveWhiteSpace\n        }\"\n        [skyThemeClass]=\"{\n          'sky-font-display-4': 'default'\n        }\"\n        >{{ message }}</div\n      >\n\n      @if (body) {\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-body\"\n          [id]=\"bodyId\"\n          [ngClass]=\"{\n            'sky-confirm-preserve-white-space': preserveWhiteSpace\n          }\"\n          >{{ body }}</div\n        >\n      }\n\n      <div class=\"sky-confirm-buttons\">\n        @for (button of buttons; track button.text) {\n          <button\n            type=\"button\"\n            class=\"sky-btn\"\n            [ngClass]=\"'sky-btn-' + button.styleType\"\n            [attr.autofocus]=\"button.autofocus ? 'autofocus' : null\"\n            (click)=\"close(button)\"\n          >\n            {{ button.text }}\n          </button>\n        }\n      </div>\n    </sky-modal-content>\n  </sky-modal>\n</div>\n", styles: [".sky-confirm:not(.sky-theme-modern *){--sky-override-confirm-body-padding: 8px 0 0;--sky-override-confirm-btn-spacing: 5px;--sky-override-confirm-footer-padding: 20px 0 0;--sky-override-confirm-header-font-size: 16px;--sky-override-confirm-message-padding: 5px 0 0}.sky-confirm-content{padding:0}.sky-confirm-message{padding:var(--sky-override-confirm-message-padding, var(--sky-comp-modal-header-space-inset-top) var(--sky-comp-modal-header-space-inset-right) var(--sky-comp-modal-header-space-inset-bottom) var(--sky-comp-modal-header-space-inset-left));color:var(--sky-color-text-heading);font-size:var(--sky-override-confirm-header-font-size, var(--sky-font-size-heading-2))}.sky-confirm-body{padding:var(--sky-override-confirm-body-padding, var(--sky-comp-modal-content-space-inset-top) var(--sky-comp-modal-content-space-inset-right) var(--sky-comp-modal-content-space-inset-bottom) var(--sky-comp-modal-content-space-inset-left))}.sky-confirm-buttons{padding:var(--sky-override-confirm-footer-padding, var(--sky-comp-modal-footer-space-inset-top) var(--sky-comp-modal-footer-space-inset-right) var(--sky-comp-modal-footer-space-inset-bottom) var(--sky-comp-modal-footer-space-inset-left))}.sky-confirm-preserve-white-space{white-space:pre-wrap}.sky-confirm .sky-btn{margin-right:var(--sky-override-confirm-btn-spacing, var(--sky-space-gap-action_group-m))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "component", type: SkyModalComponent, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: SkyModalContentComponent, selector: "sky-modal-content" }, { kind: "ngmodule", type: SkyModalsResourcesModule }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "directive", type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SkyConfirmComponent, isStandalone: true, 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        #confirmMessage=\"skyId\"\n        class=\"sky-confirm-message\"\n        skyId\n        [ngClass]=\"{\n          'sky-confirm-preserve-white-space': preserveWhiteSpace\n        }\"\n        [skyThemeClass]=\"{\n          'sky-font-display-4': 'default'\n        }\"\n        >{{ message }}</div\n      >\n\n      @if (body) {\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-body\"\n          [id]=\"bodyId\"\n          [ngClass]=\"{\n            'sky-confirm-preserve-white-space': preserveWhiteSpace\n          }\"\n          >{{ body }}</div\n        >\n      }\n\n      <div class=\"sky-confirm-buttons\">\n        @for (button of buttons; track button.text) {\n          <button\n            type=\"button\"\n            class=\"sky-btn\"\n            [ngClass]=\"'sky-btn-' + button.styleType\"\n            [attr.autofocus]=\"button.autofocus ? 'autofocus' : null\"\n            (click)=\"close(button)\"\n          >\n            {{ button.text }}\n          </button>\n        }\n      </div>\n    </sky-modal-content>\n  </sky-modal>\n</div>\n", styles: [".sky-confirm:not(.sky-theme-modern *){--sky-override-confirm-body-padding: 8px 0 0;--sky-override-confirm-btn-spacing: 5px;--sky-override-confirm-footer-padding: 20px 0 0;--sky-override-confirm-header-font-size: 16px;--sky-override-confirm-message-padding: 5px 0 0}.sky-confirm-content{padding:0}.sky-confirm-message{padding:var(--sky-override-confirm-message-padding, var(--sky-comp-modal-header-space-inset-top) var(--sky-comp-modal-header-space-inset-right) var(--sky-comp-modal-header-space-inset-bottom) var(--sky-comp-modal-header-space-inset-left));color:var(--sky-color-text-heading);font-size:var(--sky-override-confirm-header-font-size, var(--sky-font-size-heading-2))}.sky-confirm-body{padding:var(--sky-override-confirm-body-padding, var(--sky-comp-modal-content-space-inset-top) var(--sky-comp-modal-content-space-inset-right) var(--sky-comp-modal-content-space-inset-bottom) var(--sky-comp-modal-content-space-inset-left))}.sky-confirm-buttons{padding:var(--sky-override-confirm-footer-padding, var(--sky-comp-modal-footer-space-inset-top) var(--sky-comp-modal-footer-space-inset-right) var(--sky-comp-modal-footer-space-inset-bottom) var(--sky-comp-modal-footer-space-inset-left))}.sky-confirm-preserve-white-space{white-space:pre-wrap}.sky-confirm .sky-btn{margin-right:var(--sky-override-confirm-btn-spacing, var(--sky-space-gap-action_group-m))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "component", type: SkyModalComponent, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout", "headingHidden"] }, { kind: "component", type: SkyModalContentComponent, selector: "sky-modal-content" }, { kind: "ngmodule", type: SkyModalsResourcesModule }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "directive", type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyConfirmComponent, decorators: [{
             type: Component,
@@ -1330,6 +1337,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                 }]
         }], ctorParameters: () => [{ type: SkyModalService }] });
 
+/**
+ * Specifies content to display at the top of the modal. The content extends
+ * the full width of the modal without any padding or margin. In general, only
+ * use a banner when the modal's `headingHidden` input is set to `true`.
+ */
+class SkyModalBannerComponent {
+    constructor() {
+        /**
+         * The banner image to display at the top of the modal. To fit the allotted
+         * space, the image must have a 5:3 aspect ratio. If it is wider, extra space
+         * appears under the image. If it is narrower, the bottom of the image is
+         * cropped.
+         */
+        this.imageSrc = input('', ...(ngDevMode ? [{ debugName: "imageSrc" }] : []));
+        this.backgroundImage = computed(() => {
+            const imageSrc = this.imageSrc();
+            return imageSrc ? `url("${imageSrc.replaceAll('"', '\\"')}")` : null;
+        }, ...(ngDevMode ? [{ debugName: "backgroundImage" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyModalBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: SkyModalBannerComponent, isStandalone: true, selector: "sky-modal-banner", inputs: { imageSrc: { classPropertyName: "imageSrc", publicName: "imageSrc", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sky-modal-banner-with-image": "backgroundImage()", "style.background-image": "backgroundImage()" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}:host.sky-modal-banner-with-image{aspect-ratio:5/3;background-size:cover;background-repeat:no-repeat}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyModalBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-modal-banner', host: {
+                        '[class.sky-modal-banner-with-image]': 'backgroundImage()',
+                        '[style.background-image]': 'backgroundImage()',
+                    }, template: "<ng-content />\n", styles: [":host{display:block}:host.sky-modal-banner-with-image{aspect-ratio:5/3;background-size:cover;background-repeat:no-repeat}\n"] }]
+        }], propDecorators: { imageSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageSrc", required: false }] }] } });
+
 /**
  * Specifies content to display in the modal's footer.
  */
@@ -1450,10 +1487,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 class SkyModalModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: SkyModalModule, imports: [SkyModalComponent,
+            SkyModalBannerComponent,
             SkyModalContentComponent,
             SkyModalFooterComponent,
             SkyModalHeaderComponent,
             SkyModalIsDirtyDirective], exports: [SkyModalComponent,
+            SkyModalBannerComponent,
             SkyModalContentComponent,
             SkyModalFooterComponent,
             SkyModalHeaderComponent,
@@ -1467,6 +1506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
             args: [{
                     imports: [
                         SkyModalComponent,
+                        SkyModalBannerComponent,
                         SkyModalContentComponent,
                         SkyModalFooterComponent,
                         SkyModalHeaderComponent,
@@ -1474,6 +1514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                     ],
                     exports: [
                         SkyModalComponent,
+                        SkyModalBannerComponent,
                         SkyModalContentComponent,
                         SkyModalFooterComponent,
                         SkyModalHeaderComponent,
@@ -1486,5 +1527,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SkyConfirmInstance, SkyConfirmModule, SkyConfirmService, SkyConfirmType, SkyModalBeforeCloseHandler, SkyModalCloseArgs, SkyModalConfiguration, SkyModalErrorsService, SkyModalHostService, SkyModalInstance, SkyModalLegacyService, SkyModalModule, SkyModalService, SkyConfirmComponent as λ1, SkyModalContentComponent as λ2, SkyModalFooterComponent as λ3, SkyModalHeaderComponent as λ4, SkyModalComponent as λ5, SkyModalIsDirtyDirective as λ6 };
+export { SkyConfirmInstance, SkyConfirmModule, SkyConfirmService, SkyConfirmType, SkyModalBeforeCloseHandler, SkyModalCloseArgs, SkyModalConfiguration, SkyModalErrorsService, SkyModalHostService, SkyModalInstance, SkyModalLegacyService, SkyModalModule, SkyModalService, SkyConfirmComponent as λ1, SkyModalContentComponent as λ2, SkyModalFooterComponent as λ3, SkyModalHeaderComponent as λ4, SkyModalComponent as λ5, SkyModalIsDirtyDirective as λ6, SkyModalBannerComponent as λ7 };
 //# sourceMappingURL=skyux-modals.mjs.map