@skyux/modals 8.7.2 → 9.0.0-alpha.1

package/documentation.json

@@ -4665,54 +4665,54 @@
   },
   "codeExamples": [
     {
-      "fileName": "confirm-demo.component.html",
-      "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.component.html",
-      "rawContents": "<button\n  aria-haspopup=\"dialog\"\n  class=\"sky-btn sky-btn-default sky-margin-inline-default ok-confirm-btn\"\n  type=\"button\"\n  (click)=\"openOKConfirm()\"\n>\n  OK confirm\n</button>\n\n<button\n  aria-haspopup=\"dialog\"\n  class=\"sky-btn sky-btn-default sky-margin-inline-default two-action-confirm-btn\"\n  type=\"button\"\n  (click)=\"openTwoActionConfirm()\"\n>\n  Confirm with two actions\n</button>\n\n<button\n  aria-haspopup=\"dialog\"\n  class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n  type=\"button\"\n  (click)=\"openThreeActionConfirm()\"\n>\n  Confirm with three actions\n</button>\n\n<button\n  aria-haspopup=\"dialog\"\n  class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n  type=\"button\"\n  (click)=\"openDeleteConfirm()\"\n>\n  Confirm with delete button\n</button>\n\n<p *ngIf=\"selectedAction && selectedText\" class=\"displayed-text\">\n  You selected the \"{{ selectedText }}\" button, which has an action of \"{{\n    selectedAction\n  }}.\"\n</p>\n<p *ngIf=\"selectedAction && !selectedText\" class=\"displayed-text\">\n  You selected the \"{{ selectedAction }}\" action.\n</p>\n"
+      "fileName": "modal-demo.module.ts",
+      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { ModalDemoModalComponent } from './modal-demo-modal.component';\nimport { ModalDemoComponent } from './modal-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n  ],\n  declarations: [ModalDemoComponent, ModalDemoModalComponent],\n  exports: [ModalDemoComponent],\n})\nexport class ModalDemoModule {}\n"
     },
     {
-      "fileName": "confirm-demo.component.spec.ts",
-      "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.component.spec.ts",
-      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { SkyConfirmHarness } from '@skyux/modals/testing';\n\nimport { ConfirmDemoComponent } from './confirm-demo.component';\nimport { ConfirmDemoModule } from './confirm-demo.module';\n\ndescribe('Confirm demo', () => {\n  async function setupTest(confirmBtnClass: string): Promise<{\n    confirmHarness: SkyConfirmHarness;\n    fixture: ComponentFixture<ConfirmDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(ConfirmDemoComponent);\n    const openBtn = fixture.nativeElement.querySelector(confirmBtnClass);\n\n    openBtn.click();\n\n    const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n\n    const confirmHarness = await rootLoader.getHarness(SkyConfirmHarness);\n    return { confirmHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [ConfirmDemoModule, RouterTestingModule],\n    });\n  });\n\n  it('should show the correct text when OK is clicked on an OK confirm', async () => {\n    const { confirmHarness, fixture } = await setupTest('.ok-confirm-btn');\n\n    await confirmHarness.clickOkButton();\n\n    const displayedTextEl: HTMLElement =\n      fixture.nativeElement.querySelector('.displayed-text');\n\n    expect(displayedTextEl.innerText).toEqual('You selected the \"ok\" action.');\n    await expectAsync(confirmHarness.getMessageText()).toBeResolvedTo(\n      'Cannot delete invoice because it has vendor, credit memo, or purchase order activity.'\n    );\n  });\n\n  it('should show the correct text when \"Finalize\" is clicked on a custom confirm', async () => {\n    const { confirmHarness, fixture } = await setupTest(\n      '.two-action-confirm-btn'\n    );\n\n    await confirmHarness.clickCustomButton({ text: 'Finalize' });\n\n    const displayedTextEl: HTMLElement =\n      fixture.nativeElement.querySelector('.displayed-text');\n\n    expect(displayedTextEl.innerText).toEqual(\n      'You selected the \"Finalize\" button, which has an action of \"save.\"'\n    );\n    await expectAsync(confirmHarness.getMessageText()).toBeResolvedTo(\n      'Finalize report cards?'\n    );\n    await expectAsync(confirmHarness.getBodyText()).toBeResolvedTo(\n      'Grades cannot be changed once the report cards are finalized.'\n    );\n  });\n});\n"
+      "fileName": "modal-demo.component.ts",
+      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo.component.ts",
+      "rawContents": "import { Component, OnDestroy } from '@angular/core';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalConfigurationInterface, SkyModalService } from '@skyux/modals';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { ModalDemoContext } from './modal-demo-context';\nimport { ModalDemoData } from './modal-demo-data';\nimport { ModalDemoDataService } from './modal-demo-data.service';\nimport { ModalDemoModalComponent } from './modal-demo-modal.component';\n\n@Component({\n  selector: 'app-modal-demo',\n  templateUrl: './modal-demo.component.html',\n})\nexport class ModalDemoComponent implements OnDestroy {\n  public modalSize = 'medium';\n\n  public demoValue: string | null | undefined;\n\n  #ngUnsubscribe = new Subject<void>();\n\n  #modalSvc: SkyModalService;\n  #waitSvc: SkyWaitService;\n  #dataSvc: ModalDemoDataService;\n\n  constructor(\n    modalSvc: SkyModalService,\n    waitSvc: SkyWaitService,\n    dataSvc: ModalDemoDataService\n  ) {\n    this.#modalSvc = modalSvc;\n    this.#waitSvc = waitSvc;\n    this.#dataSvc = dataSvc;\n  }\n\n  public onOpenModalClick(): void {\n    // Display a blocking wait while data is loaded from the data service.\n    this.#waitSvc\n      .blockingWrap(this.#dataSvc.load())\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((data) => {\n        const options: SkyModalConfigurationInterface = {\n          providers: [\n            {\n              provide: ModalDemoContext,\n              useValue: new ModalDemoContext(data),\n            },\n          ],\n          size: this.modalSize,\n        };\n\n        // Show the modal after data is loaded.\n        const instance = this.#modalSvc.open(ModalDemoModalComponent, options);\n\n        instance.closed.subscribe((result) => {\n          if (result.reason === 'save') {\n            // Display the updated value.\n            const data = result.data as ModalDemoData;\n            this.demoValue = data.value1;\n          }\n        });\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n}\n"
     },
     {
-      "fileName": "confirm-demo.component.ts",
-      "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport {\n  SkyConfirmButtonConfig,\n  SkyConfirmInstance,\n  SkyConfirmService,\n  SkyConfirmType,\n} from '@skyux/modals';\n\n@Component({\n  selector: 'app-confirm-demo',\n  templateUrl: './confirm-demo.component.html',\n})\nexport class ConfirmDemoComponent {\n  public selectedAction: string | undefined;\n\n  public selectedText: string | undefined;\n\n  #confirmSvc: SkyConfirmService;\n\n  constructor(confirmSvc: SkyConfirmService) {\n    this.#confirmSvc = confirmSvc;\n  }\n\n  public openOKConfirm(): void {\n    const dialog: SkyConfirmInstance = this.#confirmSvc.open({\n      message:\n        'Cannot delete invoice because it has vendor, credit memo, or purchase order activity.',\n      type: SkyConfirmType.OK,\n    });\n\n    dialog.closed.subscribe((result) => {\n      this.selectedText = undefined;\n      this.selectedAction = result.action;\n    });\n  }\n\n  public openTwoActionConfirm(): void {\n    const buttons: SkyConfirmButtonConfig[] = [\n      { text: 'Finalize', action: 'save', styleType: 'primary' },\n      { text: 'Cancel', action: 'cancel', styleType: 'link' },\n    ];\n\n    const dialog: SkyConfirmInstance = this.#confirmSvc.open({\n      message: 'Finalize report cards?',\n      body: 'Grades cannot be changed once the report cards are finalized.',\n      type: SkyConfirmType.Custom,\n      buttons,\n    });\n\n    dialog.closed.subscribe((result) => {\n      this.selectedAction = result.action;\n\n      for (const button of buttons) {\n        if (button.action === result.action) {\n          this.selectedText = button.text;\n          break;\n        }\n      }\n    });\n  }\n\n  public openThreeActionConfirm(): void {\n    const buttons: SkyConfirmButtonConfig[] = [\n      { text: 'Save', action: 'save', styleType: 'primary' },\n      { text: 'Delete', action: 'delete' },\n      { text: 'Keep working', action: 'cancel', styleType: 'link' },\n    ];\n\n    const dialog: SkyConfirmInstance = this.#confirmSvc.open({\n      message: 'Save your changes before leaving?',\n      type: SkyConfirmType.Custom,\n      buttons,\n    });\n\n    dialog.closed.subscribe((result) => {\n      this.selectedAction = result.action;\n\n      for (const button of buttons) {\n        if (button.action === result.action) {\n          this.selectedText = button.text;\n          break;\n        }\n      }\n    });\n  }\n\n  public openDeleteConfirm(): void {\n    const buttons: SkyConfirmButtonConfig[] = [\n      { text: 'Delete', action: 'delete', styleType: 'danger' },\n      { text: 'Cancel', action: 'cancel', styleType: 'link' },\n    ];\n\n    const dialog: SkyConfirmInstance = this.#confirmSvc.open({\n      message: 'Delete this account?',\n      body: 'Deleting this account may affect processes that are currently running.',\n      type: SkyConfirmType.Custom,\n      buttons,\n    });\n\n    dialog.closed.subscribe((result) => {\n      this.selectedAction = result.action;\n\n      for (const button of buttons) {\n        if (button.action === result.action) {\n          this.selectedText = button.text;\n          break;\n        }\n      }\n    });\n  }\n}\n"
+      "fileName": "modal-demo.component.spec.ts",
+      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo.component.spec.ts",
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalService } from '@skyux/modals';\nimport { SkyModalHarness } from '@skyux/modals/testing';\n\nimport { Observable, of } from 'rxjs';\n\nimport { ModalDemoDataService } from './modal-demo-data.service';\nimport { ModalDemoComponent } from './modal-demo.component';\nimport { ModalDemoModule } from './modal-demo.module';\n\nclass mockWaitSvc {\n  public blockingWrap(data: unknown): Observable<unknown> {\n    return of(data);\n  }\n}\n\ndescribe('Basic modal', () => {\n  async function setupTest(): Promise<{\n    modalHarness: SkyModalHarness;\n    fixture: ComponentFixture<ModalDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(ModalDemoComponent);\n    fixture.componentInstance.onOpenModalClick();\n    fixture.detectChanges();\n\n    const loader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n    const modalHarness = await loader.getHarness(\n      SkyModalHarness.with({\n        dataSkyId: 'modal-demo',\n      })\n    );\n\n    return { modalHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [ModalDemoModule],\n      providers: [\n        SkyModalService,\n        { provide: SkyWaitService, useClass: mockWaitSvc },\n        ModalDemoDataService,\n      ],\n    });\n  });\n\n  it('should open the correct modal', async () => {\n    const { modalHarness, fixture } = await setupTest();\n\n    fixture.detectChanges();\n\n    await expectAsync(modalHarness.getAriaRole()).toBeResolvedTo('dialog');\n    await expectAsync(modalHarness.getSize()).toBeResolvedTo('medium');\n    await expectAsync(modalHarness.isFullPage()).toBeResolvedTo(false);\n  });\n});\n"
     },
     {
-      "fileName": "confirm-demo.module.ts",
-      "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyConfirmModule } from '@skyux/modals';\n\nimport { ConfirmDemoComponent } from './confirm-demo.component';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, SkyConfirmModule],\n  declarations: [ConfirmDemoComponent],\n  exports: [ConfirmDemoComponent],\n})\nexport class ConfirmDemoModule {}\n"
+      "fileName": "modal-demo.component.html",
+      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo.component.html",
+      "rawContents": "<button\n  class=\"sky-btn sky-btn-default\"\n  type=\"button\"\n  (click)=\"onOpenModalClick()\"\n>\n  Open modal demo\n</button>\n<div *ngIf=\"demoValue\">The user entered {{ demoValue }}</div>\n"
     },
     {
-      "fileName": "modal-demo-context.ts",
-      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-context.ts",
-      "rawContents": "import { ModalDemoData } from './modal-demo-data';\n\nexport class ModalDemoContext {\n  constructor(public data: ModalDemoData) {}\n}\n"
+      "fileName": "modal-demo-modal.component.ts",
+      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-modal.component.ts",
+      "rawContents": "import { Component, inject } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport { ModalDemoContext } from './modal-demo-context';\nimport { ModalDemoDataService } from './modal-demo-data.service';\n\n@Component({\n  selector: 'app-modal-demo-modal',\n  templateUrl: './modal-demo-modal.component.html',\n})\nexport class ModalDemoModalComponent {\n  protected demoForm: FormGroup<{\n    value1: FormControl<string | null | undefined>;\n  }>;\n\n  #instance = inject(SkyModalInstance);\n  #waitSvc = inject(SkyWaitService);\n  #context = inject(ModalDemoContext);\n  #dataSvc = inject(ModalDemoDataService);\n\n  constructor() {\n    this.demoForm = new FormGroup({\n      value1: new FormControl(this.#context.data.value1),\n    });\n  }\n\n  public saveForm(): void {\n    // Use the data service to save the data.\n\n    this.#waitSvc\n      .blockingWrap(this.#dataSvc.save(this.demoForm.value))\n      .subscribe((data) => {\n        // Notify the modal instance that data was saved and return the saved data.\n        this.#instance.save(data);\n      });\n  }\n\n  public cancelForm(): void {\n    this.#instance.cancel();\n  }\n}\n"
     },
     {
-      "fileName": "modal-demo-data.service.ts",
-      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-data.service.ts",
-      "rawContents": "import { Injectable } from '@angular/core';\n\nimport { Observable, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { ModalDemoData } from './modal-demo-data';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ModalDemoDataService {\n  #data: ModalDemoData = {\n    value1: 'Hello world',\n  };\n\n  public load(): Observable<ModalDemoData> {\n    // Simulate a network request to get data.\n    return of(this.#data).pipe(delay(1000));\n  }\n\n  public save(data: ModalDemoData): Observable<ModalDemoData> {\n    this.#data = data;\n\n    // Simulate a network request to save data.\n    return of(this.#data).pipe(delay(1000));\n  }\n}\n"
+      "fileName": "modal-demo-modal.component.html",
+      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-modal.component.html",
+      "rawContents": "<form [formGroup]=\"demoForm\" (submit)=\"saveForm()\">\n  <sky-modal data-sky-id=\"modal-demo\" [isDirty]=\"demoForm.dirty\">\n    <sky-modal-header> Modal title </sky-modal-header>\n    <sky-modal-content>\n      <sky-input-box labelText=\"An input inside a modal\">\n        <input formControlName=\"value1\" type=\"text\" />\n      </sky-input-box>\n    </sky-modal-content>\n    <sky-modal-footer>\n      <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Save</button>\n      <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancelForm()\">\n        Cancel\n      </button>\n    </sky-modal-footer>\n  </sky-modal>\n</form>\n"
     },
     {
       "fileName": "modal-demo-data.ts",
-      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-data.ts",
+      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-data.ts",
       "rawContents": "export interface ModalDemoData {\n  value1?: string | null;\n}\n"
     },
     {
-      "fileName": "modal-demo-modal.component.html",
-      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-modal.component.html",
-      "rawContents": "<form [formGroup]=\"demoForm\" (submit)=\"saveForm()\">\n  <sky-modal>\n    <sky-modal-header>\n      Modal title\n      <sky-help-inline\n        class=\"sky-control-help\"\n        (actionClick)=\"onActionClick()\"\n      ></sky-help-inline>\n    </sky-modal-header>\n    <sky-modal-content>\n      <sky-input-box labelText=\"An input inside a modal\">\n        <input formControlName=\"value1\" type=\"text\" />\n      </sky-input-box>\n    </sky-modal-content>\n    <sky-modal-footer>\n      <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Save</button>\n      <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancelForm()\">\n        Cancel\n      </button>\n    </sky-modal-footer>\n  </sky-modal>\n</form>\n"
+      "fileName": "modal-demo-data.service.ts",
+      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-data.service.ts",
+      "rawContents": "import { Injectable } from '@angular/core';\n\nimport { Observable, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { ModalDemoData } from './modal-demo-data';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ModalDemoDataService {\n  #data: ModalDemoData = {\n    value1: 'Hello world',\n  };\n\n  public load(): Observable<ModalDemoData> {\n    // Simulate a network request to get data.\n    return of(this.#data).pipe(delay(1000));\n  }\n\n  public save(data: ModalDemoData): Observable<ModalDemoData> {\n    this.#data = data;\n\n    // Simulate a network request to save data.\n    return of(this.#data).pipe(delay(1000));\n  }\n}\n"
     },
     {
-      "fileName": "modal-demo-modal.component.ts",
-      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-modal.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport { ModalDemoContext } from './modal-demo-context';\nimport { ModalDemoDataService } from './modal-demo-data.service';\n\n@Component({\n  selector: 'app-modal-demo-modal',\n  templateUrl: './modal-demo-modal.component.html',\n})\nexport class ModalDemoModalComponent {\n  public demoForm: FormGroup<{\n    value1: FormControl<string | null | undefined>;\n  }>;\n\n  #dataSvc: ModalDemoDataService;\n  #instance: SkyModalInstance;\n  #waitSvc: SkyWaitService;\n\n  constructor(\n    instance: SkyModalInstance,\n    waitSvc: SkyWaitService,\n    dataSvc: ModalDemoDataService,\n    context: ModalDemoContext,\n    fb: FormBuilder\n  ) {\n    this.#instance = instance;\n    this.#waitSvc = waitSvc;\n    this.#dataSvc = dataSvc;\n\n    const value1 = fb.control(context.data.value1);\n    this.demoForm = fb.group({ value1 });\n  }\n\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n\n  public saveForm(): void {\n    // Use the data service to save the data.\n\n    this.#waitSvc\n      .blockingWrap(this.#dataSvc.save(this.demoForm.value))\n      .subscribe((data) => {\n        // Notify the modal instance that data was saved and return the saved data.\n        this.#instance.save(data);\n      });\n  }\n\n  public cancelForm(): void {\n    this.#instance.cancel();\n  }\n}\n"
+      "fileName": "modal-demo-context.ts",
+      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-context.ts",
+      "rawContents": "import { ModalDemoData } from './modal-demo-data';\n\nexport class ModalDemoContext {\n  constructor(public data: ModalDemoData) {}\n}\n"
     },
     {
-      "fileName": "modal-demo.component.html",
-      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo.component.html",
-      "rawContents": "<button\n  class=\"sky-btn sky-btn-default\"\n  type=\"button\"\n  (click)=\"onOpenModalClick()\"\n>\n  Open modal with inline help\n</button>\n"
+      "fileName": "modal-demo.module.ts",
+      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { ModalDemoModalComponent } from './modal-demo-modal.component';\nimport { ModalDemoComponent } from './modal-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkyHelpInlineModule,\n  ],\n  declarations: [ModalDemoComponent, ModalDemoModalComponent],\n  exports: [ModalDemoComponent],\n})\nexport class ModalDemoModule {}\n"
     },
     {
       "fileName": "modal-demo.component.ts",
@@ -4720,54 +4720,54 @@
       "rawContents": "import { Component, OnDestroy } from '@angular/core';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalConfigurationInterface, SkyModalService } from '@skyux/modals';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { ModalDemoContext } from './modal-demo-context';\nimport { ModalDemoData } from './modal-demo-data';\nimport { ModalDemoDataService } from './modal-demo-data.service';\nimport { ModalDemoModalComponent } from './modal-demo-modal.component';\n\n@Component({\n  selector: 'app-modal-demo',\n  templateUrl: './modal-demo.component.html',\n})\nexport class ModalDemoComponent implements OnDestroy {\n  public modalSize = 'medium';\n\n  public demoValue: string | null | undefined;\n\n  #ngUnsubscribe = new Subject<void>();\n\n  #modalSvc: SkyModalService;\n  #waitSvc: SkyWaitService;\n  #dataSvc: ModalDemoDataService;\n\n  constructor(\n    modalSvc: SkyModalService,\n    waitSvc: SkyWaitService,\n    dataSvc: ModalDemoDataService\n  ) {\n    this.#modalSvc = modalSvc;\n    this.#waitSvc = waitSvc;\n    this.#dataSvc = dataSvc;\n  }\n\n  public onOpenModalClick(): void {\n    // Display a blocking wait while data is loaded from the data service.\n    this.#waitSvc\n      .blockingWrap(this.#dataSvc.load())\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((data) => {\n        const options: SkyModalConfigurationInterface = {\n          providers: [\n            {\n              provide: ModalDemoContext,\n              useValue: new ModalDemoContext(data),\n            },\n          ],\n          size: this.modalSize,\n        };\n\n        // Show the modal after data is loaded.\n        const instance = this.#modalSvc.open(ModalDemoModalComponent, options);\n\n        instance.closed.subscribe((result) => {\n          if (result.reason === 'save') {\n            // Display the updated value.\n            const data = result.data as ModalDemoData;\n            this.demoValue = data.value1;\n          }\n        });\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n}\n"
     },
     {
-      "fileName": "modal-demo.module.ts",
-      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { ModalDemoModalComponent } from './modal-demo-modal.component';\nimport { ModalDemoComponent } from './modal-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkyHelpInlineModule,\n  ],\n  declarations: [ModalDemoComponent, ModalDemoModalComponent],\n  exports: [ModalDemoComponent],\n})\nexport class ModalDemoModule {}\n"
+      "fileName": "modal-demo.component.html",
+      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo.component.html",
+      "rawContents": "<button\n  class=\"sky-btn sky-btn-default\"\n  type=\"button\"\n  (click)=\"onOpenModalClick()\"\n>\n  Open modal with inline help\n</button>\n"
     },
     {
-      "fileName": "modal-demo-context.ts",
-      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-context.ts",
-      "rawContents": "import { ModalDemoData } from './modal-demo-data';\n\nexport class ModalDemoContext {\n  constructor(public data: ModalDemoData) {}\n}\n"
+      "fileName": "modal-demo-modal.component.ts",
+      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-modal.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport { ModalDemoContext } from './modal-demo-context';\nimport { ModalDemoDataService } from './modal-demo-data.service';\n\n@Component({\n  selector: 'app-modal-demo-modal',\n  templateUrl: './modal-demo-modal.component.html',\n})\nexport class ModalDemoModalComponent {\n  public demoForm: FormGroup<{\n    value1: FormControl<string | null | undefined>;\n  }>;\n\n  #dataSvc: ModalDemoDataService;\n  #instance: SkyModalInstance;\n  #waitSvc: SkyWaitService;\n\n  constructor(\n    instance: SkyModalInstance,\n    waitSvc: SkyWaitService,\n    dataSvc: ModalDemoDataService,\n    context: ModalDemoContext,\n    fb: FormBuilder\n  ) {\n    this.#instance = instance;\n    this.#waitSvc = waitSvc;\n    this.#dataSvc = dataSvc;\n\n    const value1 = fb.control(context.data.value1);\n    this.demoForm = fb.group({ value1 });\n  }\n\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n\n  public saveForm(): void {\n    // Use the data service to save the data.\n\n    this.#waitSvc\n      .blockingWrap(this.#dataSvc.save(this.demoForm.value))\n      .subscribe((data) => {\n        // Notify the modal instance that data was saved and return the saved data.\n        this.#instance.save(data);\n      });\n  }\n\n  public cancelForm(): void {\n    this.#instance.cancel();\n  }\n}\n"
     },
     {
-      "fileName": "modal-demo-data.service.ts",
-      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-data.service.ts",
-      "rawContents": "import { Injectable } from '@angular/core';\n\nimport { Observable, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { ModalDemoData } from './modal-demo-data';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ModalDemoDataService {\n  #data: ModalDemoData = {\n    value1: 'Hello world',\n  };\n\n  public load(): Observable<ModalDemoData> {\n    // Simulate a network request to get data.\n    return of(this.#data).pipe(delay(1000));\n  }\n\n  public save(data: ModalDemoData): Observable<ModalDemoData> {\n    this.#data = data;\n\n    // Simulate a network request to save data.\n    return of(this.#data).pipe(delay(1000));\n  }\n}\n"
+      "fileName": "modal-demo-modal.component.html",
+      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-modal.component.html",
+      "rawContents": "<form [formGroup]=\"demoForm\" (submit)=\"saveForm()\">\n  <sky-modal>\n    <sky-modal-header>\n      Modal title\n      <sky-help-inline\n        class=\"sky-control-help\"\n        (actionClick)=\"onActionClick()\"\n      ></sky-help-inline>\n    </sky-modal-header>\n    <sky-modal-content>\n      <sky-input-box labelText=\"An input inside a modal\">\n        <input formControlName=\"value1\" type=\"text\" />\n      </sky-input-box>\n    </sky-modal-content>\n    <sky-modal-footer>\n      <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Save</button>\n      <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancelForm()\">\n        Cancel\n      </button>\n    </sky-modal-footer>\n  </sky-modal>\n</form>\n"
     },
     {
       "fileName": "modal-demo-data.ts",
-      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-data.ts",
+      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-data.ts",
       "rawContents": "export interface ModalDemoData {\n  value1?: string | null;\n}\n"
     },
     {
-      "fileName": "modal-demo-modal.component.html",
-      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-modal.component.html",
-      "rawContents": "<form [formGroup]=\"demoForm\" (submit)=\"saveForm()\">\n  <sky-modal data-sky-id=\"modal-demo\" [isDirty]=\"demoForm.dirty\">\n    <sky-modal-header> Modal title </sky-modal-header>\n    <sky-modal-content>\n      <sky-input-box labelText=\"An input inside a modal\">\n        <input formControlName=\"value1\" type=\"text\" />\n      </sky-input-box>\n    </sky-modal-content>\n    <sky-modal-footer>\n      <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Save</button>\n      <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancelForm()\">\n        Cancel\n      </button>\n    </sky-modal-footer>\n  </sky-modal>\n</form>\n"
+      "fileName": "modal-demo-data.service.ts",
+      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-data.service.ts",
+      "rawContents": "import { Injectable } from '@angular/core';\n\nimport { Observable, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { ModalDemoData } from './modal-demo-data';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ModalDemoDataService {\n  #data: ModalDemoData = {\n    value1: 'Hello world',\n  };\n\n  public load(): Observable<ModalDemoData> {\n    // Simulate a network request to get data.\n    return of(this.#data).pipe(delay(1000));\n  }\n\n  public save(data: ModalDemoData): Observable<ModalDemoData> {\n    this.#data = data;\n\n    // Simulate a network request to save data.\n    return of(this.#data).pipe(delay(1000));\n  }\n}\n"
     },
     {
-      "fileName": "modal-demo-modal.component.ts",
-      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-modal.component.ts",
-      "rawContents": "import { Component, inject } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport { ModalDemoContext } from './modal-demo-context';\nimport { ModalDemoDataService } from './modal-demo-data.service';\n\n@Component({\n  selector: 'app-modal-demo-modal',\n  templateUrl: './modal-demo-modal.component.html',\n})\nexport class ModalDemoModalComponent {\n  protected demoForm: FormGroup<{\n    value1: FormControl<string | null | undefined>;\n  }>;\n\n  #instance = inject(SkyModalInstance);\n  #waitSvc = inject(SkyWaitService);\n  #context = inject(ModalDemoContext);\n  #dataSvc = inject(ModalDemoDataService);\n\n  constructor() {\n    this.demoForm = new FormGroup({\n      value1: new FormControl(this.#context.data.value1),\n    });\n  }\n\n  public saveForm(): void {\n    // Use the data service to save the data.\n\n    this.#waitSvc\n      .blockingWrap(this.#dataSvc.save(this.demoForm.value))\n      .subscribe((data) => {\n        // Notify the modal instance that data was saved and return the saved data.\n        this.#instance.save(data);\n      });\n  }\n\n  public cancelForm(): void {\n    this.#instance.cancel();\n  }\n}\n"
+      "fileName": "modal-demo-context.ts",
+      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-context.ts",
+      "rawContents": "import { ModalDemoData } from './modal-demo-data';\n\nexport class ModalDemoContext {\n  constructor(public data: ModalDemoData) {}\n}\n"
     },
     {
-      "fileName": "modal-demo.component.html",
-      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo.component.html",
-      "rawContents": "<button\n  class=\"sky-btn sky-btn-default\"\n  type=\"button\"\n  (click)=\"onOpenModalClick()\"\n>\n  Open modal demo\n</button>\n<div *ngIf=\"demoValue\">The user entered {{ demoValue }}</div>\n"
+      "fileName": "confirm-demo.module.ts",
+      "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyConfirmModule } from '@skyux/modals';\n\nimport { ConfirmDemoComponent } from './confirm-demo.component';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, SkyConfirmModule],\n  declarations: [ConfirmDemoComponent],\n  exports: [ConfirmDemoComponent],\n})\nexport class ConfirmDemoModule {}\n"
     },
     {
-      "fileName": "modal-demo.component.spec.ts",
-      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo.component.spec.ts",
-      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalService } from '@skyux/modals';\nimport { SkyModalHarness } from '@skyux/modals/testing';\n\nimport { Observable, of } from 'rxjs';\n\nimport { ModalDemoDataService } from './modal-demo-data.service';\nimport { ModalDemoComponent } from './modal-demo.component';\nimport { ModalDemoModule } from './modal-demo.module';\n\nclass mockWaitSvc {\n  public blockingWrap(data: unknown): Observable<unknown> {\n    return of(data);\n  }\n}\n\ndescribe('Basic modal', () => {\n  async function setupTest(): Promise<{\n    modalHarness: SkyModalHarness;\n    fixture: ComponentFixture<ModalDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(ModalDemoComponent);\n    fixture.componentInstance.onOpenModalClick();\n    fixture.detectChanges();\n\n    const loader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n    const modalHarness = await loader.getHarness(\n      SkyModalHarness.with({\n        dataSkyId: 'modal-demo',\n      })\n    );\n\n    return { modalHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [ModalDemoModule],\n      providers: [\n        SkyModalService,\n        { provide: SkyWaitService, useClass: mockWaitSvc },\n        ModalDemoDataService,\n      ],\n    });\n  });\n\n  it('should open the correct modal', async () => {\n    const { modalHarness, fixture } = await setupTest();\n\n    fixture.detectChanges();\n\n    await expectAsync(modalHarness.getAriaRole()).toBeResolvedTo('dialog');\n    await expectAsync(modalHarness.getSize()).toBeResolvedTo('medium');\n    await expectAsync(modalHarness.isFullPage()).toBeResolvedTo(false);\n  });\n});\n"
+      "fileName": "confirm-demo.component.ts",
+      "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\nimport {\n  SkyConfirmButtonConfig,\n  SkyConfirmInstance,\n  SkyConfirmService,\n  SkyConfirmType,\n} from '@skyux/modals';\n\n@Component({\n  selector: 'app-confirm-demo',\n  templateUrl: './confirm-demo.component.html',\n})\nexport class ConfirmDemoComponent {\n  public selectedAction: string | undefined;\n\n  public selectedText: string | undefined;\n\n  #confirmSvc: SkyConfirmService;\n\n  constructor(confirmSvc: SkyConfirmService) {\n    this.#confirmSvc = confirmSvc;\n  }\n\n  public openOKConfirm(): void {\n    const dialog: SkyConfirmInstance = this.#confirmSvc.open({\n      message:\n        'Cannot delete invoice because it has vendor, credit memo, or purchase order activity.',\n      type: SkyConfirmType.OK,\n    });\n\n    dialog.closed.subscribe((result) => {\n      this.selectedText = undefined;\n      this.selectedAction = result.action;\n    });\n  }\n\n  public openTwoActionConfirm(): void {\n    const buttons: SkyConfirmButtonConfig[] = [\n      { text: 'Finalize', action: 'save', styleType: 'primary' },\n      { text: 'Cancel', action: 'cancel', styleType: 'link' },\n    ];\n\n    const dialog: SkyConfirmInstance = this.#confirmSvc.open({\n      message: 'Finalize report cards?',\n      body: 'Grades cannot be changed once the report cards are finalized.',\n      type: SkyConfirmType.Custom,\n      buttons,\n    });\n\n    dialog.closed.subscribe((result) => {\n      this.selectedAction = result.action;\n\n      for (const button of buttons) {\n        if (button.action === result.action) {\n          this.selectedText = button.text;\n          break;\n        }\n      }\n    });\n  }\n\n  public openThreeActionConfirm(): void {\n    const buttons: SkyConfirmButtonConfig[] = [\n      { text: 'Save', action: 'save', styleType: 'primary' },\n      { text: 'Delete', action: 'delete' },\n      { text: 'Keep working', action: 'cancel', styleType: 'link' },\n    ];\n\n    const dialog: SkyConfirmInstance = this.#confirmSvc.open({\n      message: 'Save your changes before leaving?',\n      type: SkyConfirmType.Custom,\n      buttons,\n    });\n\n    dialog.closed.subscribe((result) => {\n      this.selectedAction = result.action;\n\n      for (const button of buttons) {\n        if (button.action === result.action) {\n          this.selectedText = button.text;\n          break;\n        }\n      }\n    });\n  }\n\n  public openDeleteConfirm(): void {\n    const buttons: SkyConfirmButtonConfig[] = [\n      { text: 'Delete', action: 'delete', styleType: 'danger' },\n      { text: 'Cancel', action: 'cancel', styleType: 'link' },\n    ];\n\n    const dialog: SkyConfirmInstance = this.#confirmSvc.open({\n      message: 'Delete this account?',\n      body: 'Deleting this account may affect processes that are currently running.',\n      type: SkyConfirmType.Custom,\n      buttons,\n    });\n\n    dialog.closed.subscribe((result) => {\n      this.selectedAction = result.action;\n\n      for (const button of buttons) {\n        if (button.action === result.action) {\n          this.selectedText = button.text;\n          break;\n        }\n      }\n    });\n  }\n}\n"
     },
     {
-      "fileName": "modal-demo.component.ts",
-      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo.component.ts",
-      "rawContents": "import { Component, OnDestroy } from '@angular/core';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalConfigurationInterface, SkyModalService } from '@skyux/modals';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { ModalDemoContext } from './modal-demo-context';\nimport { ModalDemoData } from './modal-demo-data';\nimport { ModalDemoDataService } from './modal-demo-data.service';\nimport { ModalDemoModalComponent } from './modal-demo-modal.component';\n\n@Component({\n  selector: 'app-modal-demo',\n  templateUrl: './modal-demo.component.html',\n})\nexport class ModalDemoComponent implements OnDestroy {\n  public modalSize = 'medium';\n\n  public demoValue: string | null | undefined;\n\n  #ngUnsubscribe = new Subject<void>();\n\n  #modalSvc: SkyModalService;\n  #waitSvc: SkyWaitService;\n  #dataSvc: ModalDemoDataService;\n\n  constructor(\n    modalSvc: SkyModalService,\n    waitSvc: SkyWaitService,\n    dataSvc: ModalDemoDataService\n  ) {\n    this.#modalSvc = modalSvc;\n    this.#waitSvc = waitSvc;\n    this.#dataSvc = dataSvc;\n  }\n\n  public onOpenModalClick(): void {\n    // Display a blocking wait while data is loaded from the data service.\n    this.#waitSvc\n      .blockingWrap(this.#dataSvc.load())\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((data) => {\n        const options: SkyModalConfigurationInterface = {\n          providers: [\n            {\n              provide: ModalDemoContext,\n              useValue: new ModalDemoContext(data),\n            },\n          ],\n          size: this.modalSize,\n        };\n\n        // Show the modal after data is loaded.\n        const instance = this.#modalSvc.open(ModalDemoModalComponent, options);\n\n        instance.closed.subscribe((result) => {\n          if (result.reason === 'save') {\n            // Display the updated value.\n            const data = result.data as ModalDemoData;\n            this.demoValue = data.value1;\n          }\n        });\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n}\n"
+      "fileName": "confirm-demo.component.spec.ts",
+      "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.component.spec.ts",
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { SkyConfirmHarness } from '@skyux/modals/testing';\n\nimport { ConfirmDemoComponent } from './confirm-demo.component';\nimport { ConfirmDemoModule } from './confirm-demo.module';\n\ndescribe('Confirm demo', () => {\n  async function setupTest(confirmBtnClass: string): Promise<{\n    confirmHarness: SkyConfirmHarness;\n    fixture: ComponentFixture<ConfirmDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(ConfirmDemoComponent);\n    const openBtn = fixture.nativeElement.querySelector(confirmBtnClass);\n\n    openBtn.click();\n\n    const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n\n    const confirmHarness = await rootLoader.getHarness(SkyConfirmHarness);\n    return { confirmHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [ConfirmDemoModule, RouterTestingModule],\n    });\n  });\n\n  it('should show the correct text when OK is clicked on an OK confirm', async () => {\n    const { confirmHarness, fixture } = await setupTest('.ok-confirm-btn');\n\n    await confirmHarness.clickOkButton();\n\n    const displayedTextEl: HTMLElement =\n      fixture.nativeElement.querySelector('.displayed-text');\n\n    expect(displayedTextEl.innerText).toEqual('You selected the \"ok\" action.');\n    await expectAsync(confirmHarness.getMessageText()).toBeResolvedTo(\n      'Cannot delete invoice because it has vendor, credit memo, or purchase order activity.'\n    );\n  });\n\n  it('should show the correct text when \"Finalize\" is clicked on a custom confirm', async () => {\n    const { confirmHarness, fixture } = await setupTest(\n      '.two-action-confirm-btn'\n    );\n\n    await confirmHarness.clickCustomButton({ text: 'Finalize' });\n\n    const displayedTextEl: HTMLElement =\n      fixture.nativeElement.querySelector('.displayed-text');\n\n    expect(displayedTextEl.innerText).toEqual(\n      'You selected the \"Finalize\" button, which has an action of \"save.\"'\n    );\n    await expectAsync(confirmHarness.getMessageText()).toBeResolvedTo(\n      'Finalize report cards?'\n    );\n    await expectAsync(confirmHarness.getBodyText()).toBeResolvedTo(\n      'Grades cannot be changed once the report cards are finalized.'\n    );\n  });\n});\n"
     },
     {
-      "fileName": "modal-demo.module.ts",
-      "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { ModalDemoModalComponent } from './modal-demo-modal.component';\nimport { ModalDemoComponent } from './modal-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n  ],\n  declarations: [ModalDemoComponent, ModalDemoModalComponent],\n  exports: [ModalDemoComponent],\n})\nexport class ModalDemoModule {}\n"
+      "fileName": "confirm-demo.component.html",
+      "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.component.html",
+      "rawContents": "<button\n  aria-haspopup=\"dialog\"\n  class=\"sky-btn sky-btn-default sky-margin-inline-default ok-confirm-btn\"\n  type=\"button\"\n  (click)=\"openOKConfirm()\"\n>\n  OK confirm\n</button>\n\n<button\n  aria-haspopup=\"dialog\"\n  class=\"sky-btn sky-btn-default sky-margin-inline-default two-action-confirm-btn\"\n  type=\"button\"\n  (click)=\"openTwoActionConfirm()\"\n>\n  Confirm with two actions\n</button>\n\n<button\n  aria-haspopup=\"dialog\"\n  class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n  type=\"button\"\n  (click)=\"openThreeActionConfirm()\"\n>\n  Confirm with three actions\n</button>\n\n<button\n  aria-haspopup=\"dialog\"\n  class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n  type=\"button\"\n  (click)=\"openDeleteConfirm()\"\n>\n  Confirm with delete button\n</button>\n\n<p *ngIf=\"selectedAction && selectedText\" class=\"displayed-text\">\n  You selected the \"{{ selectedText }}\" button, which has an action of \"{{\n    selectedAction\n  }}.\"\n</p>\n<p *ngIf=\"selectedAction && !selectedText\" class=\"displayed-text\">\n  You selected the \"{{ selectedAction }}\" action.\n</p>\n"
     }
   ]
 }

package/esm2022/lib/modules/confirm/confirm.component.mjs

@@ -0,0 +1,112 @@
+import { Component, Inject } from '@angular/core';
+import { ReplaySubject } from 'rxjs';
+import { take } from 'rxjs/operators';
+import { SKY_CONFIRM_CONFIG } from './confirm-config-token';
+import { SkyConfirmType } from './confirm-type';
+import * as i0 from "@angular/core";
+import * as i1 from "../modal/modal-instance";
+import * as i2 from "@skyux/i18n";
+import * as i3 from "@skyux/core";
+import * as i4 from "@angular/common";
+import * as i5 from "../modal/modal.component";
+import * as i6 from "../modal/modal-content.component";
+import * as i7 from "@skyux/theme";
+export class SkyConfirmComponent {
+    #config;
+    #modal;
+    #resourcesService;
+    constructor(config, modal, resourcesService, idService) {
+        this.preserveWhiteSpace = false;
+        this.isOkType = false;
+        this.#config = config;
+        this.#modal = modal;
+        this.#resourcesService = resourcesService;
+        if (config.type === SkyConfirmType.Custom &&
+            config.buttons &&
+            config.buttons.length > 0) {
+            this.buttons = this.#getCustomButtons(config.buttons);
+        }
+        else {
+            this.#getPresetButtons()
+                .pipe(take(1))
+                .subscribe((buttons) => {
+                this.buttons = buttons;
+            });
+        }
+        this.message = config.message;
+        this.body = config.body;
+        // Using the service here instead of the directive due to the confirm component's "body" container being conditional and thus a template variable being unavailable at an outer scope
+        this.bodyId = idService.generateId();
+        this.preserveWhiteSpace = !!config.preserveWhiteSpace;
+        this.isOkType = config.type === SkyConfirmType.OK;
+    }
+    close(button) {
+        const result = {
+            action: button.action,
+        };
+        this.#modal.close(result);
+    }
+    #getPresetButtons() {
+        const emitter = new ReplaySubject(1);
+        this.#resourcesService
+            .getStrings({
+            cancel: 'skyux_confirm_dialog_default_cancel_text',
+            no: 'skyux_confirm_dialog_default_no_text',
+            ok: 'skyux_confirm_dialog_default_ok_text',
+            yes: 'skyux_confirm_dialog_default_yes_text',
+        })
+            .subscribe((values) => {
+            const confirmButtons = [];
+            switch (this.#config.type) {
+                case SkyConfirmType.YesNoCancel:
+                case SkyConfirmType.YesCancel:
+                    confirmButtons.push({
+                        text: values.yes,
+                        autofocus: true,
+                        styleType: 'primary',
+                        action: 'yes',
+                    });
+                    if (this.#config.type === SkyConfirmType.YesNoCancel) {
+                        confirmButtons.push({
+                            text: values.no,
+                            styleType: 'default',
+                            action: 'no',
+                        });
+                    }
+                    confirmButtons.push({
+                        text: values.cancel,
+                        styleType: 'link',
+                        action: 'cancel',
+                    });
+                    break;
+                default:
+                    confirmButtons.push({
+                        text: values.ok,
+                        autofocus: true,
+                        styleType: 'primary',
+                        action: 'ok',
+                    });
+            }
+            emitter.next(confirmButtons);
+        });
+        return emitter.asObservable();
+    }
+    #getCustomButtons(buttonConfig) {
+        return buttonConfig.map((config) => ({
+            text: config.text,
+            action: config.action,
+            styleType: config.styleType || 'default',
+            autofocus: config.autofocus || false,
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyConfirmComponent, deps: [{ token: SKY_CONFIRM_CONFIG }, { token: i1.SkyModalInstance }, { token: i2.SkyLibResourcesService }, { token: i3.SkyIdService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyConfirmComponent, selector: "sky-confirm", ngImport: i0, template: "<div class=\"sky-confirm\" [ngClass]=\"{ 'sky-confirm-type-ok': isOkType }\">\n  <sky-modal\n    ariaRole=\"alertdialog\"\n    [ariaLabelledBy]=\"confirmMessage.id\"\n    [ariaDescribedBy]=\"body ? bodyId : undefined\"\n  >\n    <sky-modal-content class=\"sky-confirm-content\">\n      <!--\n        The following \"magic comment\" keeps Prettier from adding line breaks\n        inside the div and causing leading and trailing whitespace when\n        `preserveWhiteSpace` is `true`.\n        https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting\n      -->\n      <!-- display: inline -->\n      <div\n        class=\"sky-confirm-message\"\n        [ngClass]=\"{\n          'sky-confirm-preserve-white-space': preserveWhiteSpace\n        }\"\n        [skyThemeClass]=\"{\n          'sky-font-display-4': 'default',\n          'sky-font-heading-1 sky-font-display-3': 'modern'\n        }\"\n        skyId\n        #confirmMessage=\"skyId\"\n        >{{ message }}</div\n      >\n\n      <!--\n        The following \"magic comment\" keeps Prettier from adding line breaks\n        inside the div and causing leading and trailing whitespace when\n        `preserveWhiteSpace` is `true`.\n        https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting\n      -->\n      <!-- display: inline -->\n      <div\n        *ngIf=\"body\"\n        class=\"sky-confirm-body\"\n        [id]=\"bodyId\"\n        [ngClass]=\"{\n          'sky-confirm-preserve-white-space': preserveWhiteSpace\n        }\"\n        >{{ body }}</div\n      >\n\n      <div class=\"sky-confirm-buttons\">\n        <button\n          *ngFor=\"let button of buttons\"\n          type=\"button\"\n          class=\"sky-btn\"\n          [ngClass]=\"'sky-btn-' + button.styleType\"\n          [skyThemeClass]=\"{\n            'sky-margin-inline-sm': 'modern',\n            'sky-margin-inline-compact': 'default'\n          }\"\n          (click)=\"close(button)\"\n          [attr.autofocus]=\"button.autofocus ? 'autofocus' : null\"\n        >\n          {{ button.text }}\n        </button>\n      </div>\n    </sky-modal-content>\n  </sky-modal>\n</div>\n", styles: [".sky-confirm{--sky-confirm-body-margin-top: var(--sky-margin-stacked-sm);--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-xl);--sky-confirm-content-padding: 0;--sky-confirm-message-padding-bottom: 0}:host-context(.sky-theme-modern) .sky-confirm{--sky-confirm-body-margin-top: 0;--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-lg);--sky-confirm-content-padding: var(--sky-margin-stacked-lg) var(--sky-margin-inline-xl);--sky-confirm-message-padding-bottom: var(--sky-margin-stacked-lg)}.sky-theme-modern .sky-confirm{--sky-confirm-body-margin-top: 0;--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-lg);--sky-confirm-content-padding: var(--sky-margin-stacked-lg) var(--sky-margin-inline-xl);--sky-confirm-message-padding-bottom: var(--sky-margin-stacked-lg)}.sky-confirm-content{padding:var(--sky-confirm-content-padding)}.sky-confirm-message{margin-top:var(--sky-margin-stacked-xs);padding-bottom:var(--sky-confirm-message-padding-bottom)}.sky-confirm-body{margin-top:var(--sky-confirm-body-margin-top)}.sky-confirm-buttons{margin-top:var(--sky-confirm-buttons-margin-top)}.sky-confirm-preserve-white-space{white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "component", type: i5.SkyModalComponent, selector: "sky-modal", inputs: ["formErrors", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i6.SkyModalContentComponent, selector: "sky-modal-content" }, { kind: "directive", type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyConfirmComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-confirm', template: "<div class=\"sky-confirm\" [ngClass]=\"{ 'sky-confirm-type-ok': isOkType }\">\n  <sky-modal\n    ariaRole=\"alertdialog\"\n    [ariaLabelledBy]=\"confirmMessage.id\"\n    [ariaDescribedBy]=\"body ? bodyId : undefined\"\n  >\n    <sky-modal-content class=\"sky-confirm-content\">\n      <!--\n        The following \"magic comment\" keeps Prettier from adding line breaks\n        inside the div and causing leading and trailing whitespace when\n        `preserveWhiteSpace` is `true`.\n        https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting\n      -->\n      <!-- display: inline -->\n      <div\n        class=\"sky-confirm-message\"\n        [ngClass]=\"{\n          'sky-confirm-preserve-white-space': preserveWhiteSpace\n        }\"\n        [skyThemeClass]=\"{\n          'sky-font-display-4': 'default',\n          'sky-font-heading-1 sky-font-display-3': 'modern'\n        }\"\n        skyId\n        #confirmMessage=\"skyId\"\n        >{{ message }}</div\n      >\n\n      <!--\n        The following \"magic comment\" keeps Prettier from adding line breaks\n        inside the div and causing leading and trailing whitespace when\n        `preserveWhiteSpace` is `true`.\n        https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting\n      -->\n      <!-- display: inline -->\n      <div\n        *ngIf=\"body\"\n        class=\"sky-confirm-body\"\n        [id]=\"bodyId\"\n        [ngClass]=\"{\n          'sky-confirm-preserve-white-space': preserveWhiteSpace\n        }\"\n        >{{ body }}</div\n      >\n\n      <div class=\"sky-confirm-buttons\">\n        <button\n          *ngFor=\"let button of buttons\"\n          type=\"button\"\n          class=\"sky-btn\"\n          [ngClass]=\"'sky-btn-' + button.styleType\"\n          [skyThemeClass]=\"{\n            'sky-margin-inline-sm': 'modern',\n            'sky-margin-inline-compact': 'default'\n          }\"\n          (click)=\"close(button)\"\n          [attr.autofocus]=\"button.autofocus ? 'autofocus' : null\"\n        >\n          {{ button.text }}\n        </button>\n      </div>\n    </sky-modal-content>\n  </sky-modal>\n</div>\n", styles: [".sky-confirm{--sky-confirm-body-margin-top: var(--sky-margin-stacked-sm);--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-xl);--sky-confirm-content-padding: 0;--sky-confirm-message-padding-bottom: 0}:host-context(.sky-theme-modern) .sky-confirm{--sky-confirm-body-margin-top: 0;--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-lg);--sky-confirm-content-padding: var(--sky-margin-stacked-lg) var(--sky-margin-inline-xl);--sky-confirm-message-padding-bottom: var(--sky-margin-stacked-lg)}.sky-theme-modern .sky-confirm{--sky-confirm-body-margin-top: 0;--sky-confirm-buttons-margin-top: var(--sky-margin-stacked-lg);--sky-confirm-content-padding: var(--sky-margin-stacked-lg) var(--sky-margin-inline-xl);--sky-confirm-message-padding-bottom: var(--sky-margin-stacked-lg)}.sky-confirm-content{padding:var(--sky-confirm-content-padding)}.sky-confirm-message{margin-top:var(--sky-margin-stacked-xs);padding-bottom:var(--sky-confirm-message-padding-bottom)}.sky-confirm-body{margin-top:var(--sky-confirm-body-margin-top)}.sky-confirm-buttons{margin-top:var(--sky-confirm-buttons-margin-top)}.sky-confirm-preserve-white-space{white-space:pre-wrap}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SKY_CONFIRM_CONFIG]
+                }] }, { type: i1.SkyModalInstance }, { type: i2.SkyLibResourcesService }, { type: i3.SkyIdService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbW9kYWxzL3NyYy9saWIvbW9kdWxlcy9jb25maXJtL2NvbmZpcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL21vZGFscy9zcmMvbGliL21vZHVsZXMvY29uZmlybS9jb25maXJtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSWxELE9BQU8sRUFBYyxhQUFhLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDakQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBUXRDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7O0FBT2hELE1BQU0sT0FBTyxtQkFBbUI7SUFROUIsT0FBTyxDQUFtQjtJQUMxQixNQUFNLENBQW1CO0lBQ3pCLGlCQUFpQixDQUF5QjtJQUUxQyxZQUVFLE1BQXdCLEVBQ3hCLEtBQXVCLEVBQ3ZCLGdCQUF3QyxFQUN4QyxTQUF1QjtRQVpsQix1QkFBa0IsR0FBRyxLQUFLLENBQUM7UUFDM0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQWF0QixJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztRQUN0QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsaUJBQWlCLEdBQUcsZ0JBQWdCLENBQUM7UUFFMUMsSUFDRSxNQUFNLENBQUMsSUFBSSxLQUFLLGNBQWMsQ0FBQyxNQUFNO1lBQ3JDLE1BQU0sQ0FBQyxPQUFPO1lBQ2QsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUN6QjtZQUNBLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUN2RDthQUFNO1lBQ0wsSUFBSSxDQUFDLGlCQUFpQixFQUFFO2lCQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2lCQUNiLFNBQVMsQ0FBQyxDQUFDLE9BQTJCLEVBQUUsRUFBRTtnQkFDekMsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7WUFDekIsQ0FBQyxDQUFDLENBQUM7U0FDTjtRQUVELElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztRQUM5QixJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFDeEIscUxBQXFMO1FBQ3JMLElBQUksQ0FBQyxNQUFNLEdBQUcsU0FBUyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ3JDLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFDO1FBQ3RELElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLElBQUksS0FBSyxjQUFjLENBQUMsRUFBRSxDQUFDO0lBQ3BELENBQUM7SUFFTSxLQUFLLENBQUMsTUFBd0I7UUFDbkMsTUFBTSxNQUFNLEdBQTZCO1lBQ3ZDLE1BQU0sRUFBRSxNQUFNLENBQUMsTUFBTTtTQUN0QixDQUFDO1FBRUYsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELGlCQUFpQjtRQUNmLE1BQU0sT0FBTyxHQUFHLElBQUksYUFBYSxDQUFxQixDQUFDLENBQUMsQ0FBQztRQUV6RCxJQUFJLENBQUMsaUJBQWlCO2FBQ25CLFVBQVUsQ0FBQztZQUNWLE1BQU0sRUFBRSwwQ0FBMEM7WUFDbEQsRUFBRSxFQUFFLHNDQUFzQztZQUMxQyxFQUFFLEVBQUUsc0NBQXNDO1lBQzFDLEdBQUcsRUFBRSx1Q0FBdUM7U0FDN0MsQ0FBQzthQUNELFNBQVMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ3BCLE1BQU0sY0FBYyxHQUF1QixFQUFFLENBQUM7WUFFOUMsUUFBUSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRTtnQkFDekIsS0FBSyxjQUFjLENBQUMsV0FBVyxDQUFDO2dCQUNoQyxLQUFLLGNBQWMsQ0FBQyxTQUFTO29CQUMzQixjQUFjLENBQUMsSUFBSSxDQUFDO3dCQUNsQixJQUFJLEVBQUUsTUFBTSxDQUFDLEdBQUc7d0JBQ2hCLFNBQVMsRUFBRSxJQUFJO3dCQUNmLFNBQVMsRUFBRSxTQUFTO3dCQUNwQixNQUFNLEVBQUUsS0FBSztxQkFDZCxDQUFDLENBQUM7b0JBRUgsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksS0FBSyxjQUFjLENBQUMsV0FBVyxFQUFFO3dCQUNwRCxjQUFjLENBQUMsSUFBSSxDQUFDOzRCQUNsQixJQUFJLEVBQUUsTUFBTSxDQUFDLEVBQUU7NEJBQ2YsU0FBUyxFQUFFLFNBQVM7NEJBQ3BCLE1BQU0sRUFBRSxJQUFJO3lCQUNiLENBQUMsQ0FBQztxQkFDSjtvQkFFRCxjQUFjLENBQUMsSUFBSSxDQUFDO3dCQUNsQixJQUFJLEVBQUUsTUFBTSxDQUFDLE1BQU07d0JBQ25CLFNBQVMsRUFBRSxNQUFNO3dCQUNqQixNQUFNLEVBQUUsUUFBUTtxQkFDakIsQ0FBQyxDQUFDO29CQUNILE1BQU07Z0JBQ1I7b0JBQ0UsY0FBYyxDQUFDLElBQUksQ0FBQzt3QkFDbEIsSUFBSSxFQUFFLE1BQU0sQ0FBQyxFQUFFO3dCQUNmLFNBQVMsRUFBRSxJQUFJO3dCQUNmLFNBQVMsRUFBRSxTQUFTO3dCQUNwQixNQUFNLEVBQUUsSUFBSTtxQkFDYixDQUFDLENBQUM7YUFDTjtZQUVELE9BQU8sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUM7UUFFTCxPQUFPLE9BQU8sQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsaUJBQWlCLENBQ2YsWUFBc0M7UUFFdEMsT0FBTyxZQUFZLENBQUMsR0FBRyxDQUNyQixDQUFDLE1BQU0sRUFBRSxFQUFFLENBQ1QsQ0FBQztZQUNDLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSTtZQUNqQixNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU07WUFDckIsU0FBUyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQUksU0FBUztZQUN4QyxTQUFTLEVBQUUsTUFBTSxDQUFDLFNBQVMsSUFBSSxLQUFLO1NBQ2hCLENBQUEsQ0FDekIsQ0FBQztJQUNKLENBQUM7OEdBckhVLG1CQUFtQixrQkFhcEIsa0JBQWtCO2tHQWJqQixtQkFBbUIsbURDckJoQyw4bkVBZ0VBOzsyRkQzQ2EsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWE7OzBCQWlCcEIsTUFBTTsyQkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5SWRTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuaW1wb3J0IHsgU2t5TGliUmVzb3VyY2VzU2VydmljZSB9IGZyb20gJ0Bza3l1eC9pMThuJztcblxuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgUmVwbGF5U3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgU2t5TW9kYWxJbnN0YW5jZSB9IGZyb20gJy4uL21vZGFsL21vZGFsLWluc3RhbmNlJztcblxuaW1wb3J0IHsgU2t5Q29uZmlybUJ1dHRvbiB9IGZyb20gJy4vY29uZmlybS1idXR0b24nO1xuaW1wb3J0IHsgU2t5Q29uZmlybUJ1dHRvbkNvbmZpZyB9IGZyb20gJy4vY29uZmlybS1idXR0b24tY29uZmlnJztcbmltcG9ydCB7IFNreUNvbmZpcm1DbG9zZUV2ZW50QXJncyB9IGZyb20gJy4vY29uZmlybS1jbG9zZWQtZXZlbnQtYXJncyc7XG5pbXBvcnQgeyBTa3lDb25maXJtQ29uZmlnIH0gZnJvbSAnLi9jb25maXJtLWNvbmZpZyc7XG5pbXBvcnQgeyBTS1lfQ09ORklSTV9DT05GSUcgfSBmcm9tICcuL2NvbmZpcm0tY29uZmlnLXRva2VuJztcbmltcG9ydCB7IFNreUNvbmZpcm1UeXBlIH0gZnJvbSAnLi9jb25maXJtLXR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktY29uZmlybScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb25maXJtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29uZmlybS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb25maXJtQ29tcG9uZW50IHtcbiAgcHVibGljIGJ1dHRvbnM6IFNreUNvbmZpcm1CdXR0b25bXSB8IHVuZGVmaW5lZDtcbiAgcHVibGljIG1lc3NhZ2U6IHN0cmluZztcbiAgcHVibGljIGJvZHk6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgcHVibGljIGJvZHlJZDogc3RyaW5nO1xuICBwdWJsaWMgcHJlc2VydmVXaGl0ZVNwYWNlID0gZmFsc2U7XG4gIHB1YmxpYyBpc09rVHlwZSA9IGZhbHNlO1xuXG4gICNjb25maWc6IFNreUNvbmZpcm1Db25maWc7XG4gICNtb2RhbDogU2t5TW9kYWxJbnN0YW5jZTtcbiAgI3Jlc291cmNlc1NlcnZpY2U6IFNreUxpYlJlc291cmNlc1NlcnZpY2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChTS1lfQ09ORklSTV9DT05GSUcpXG4gICAgY29uZmlnOiBTa3lDb25maXJtQ29uZmlnLFxuICAgIG1vZGFsOiBTa3lNb2RhbEluc3RhbmNlLFxuICAgIHJlc291cmNlc1NlcnZpY2U6IFNreUxpYlJlc291cmNlc1NlcnZpY2UsXG4gICAgaWRTZXJ2aWNlOiBTa3lJZFNlcnZpY2VcbiAgKSB7XG4gICAgdGhpcy4jY29uZmlnID0gY29uZmlnO1xuICAgIHRoaXMuI21vZGFsID0gbW9kYWw7XG4gICAgdGhpcy4jcmVzb3VyY2VzU2VydmljZSA9IHJlc291cmNlc1NlcnZpY2U7XG5cbiAgICBpZiAoXG4gICAgICBjb25maWcudHlwZSA9PT0gU2t5Q29uZmlybVR5cGUuQ3VzdG9tICYmXG4gICAgICBjb25maWcuYnV0dG9ucyAmJlxuICAgICAgY29uZmlnLmJ1dHRvbnMubGVuZ3RoID4gMFxuICAgICkge1xuICAgICAgdGhpcy5idXR0b25zID0gdGhpcy4jZ2V0Q3VzdG9tQnV0dG9ucyhjb25maWcuYnV0dG9ucyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuI2dldFByZXNldEJ1dHRvbnMoKVxuICAgICAgICAucGlwZSh0YWtlKDEpKVxuICAgICAgICAuc3Vic2NyaWJlKChidXR0b25zOiBTa3lDb25maXJtQnV0dG9uW10pID0+IHtcbiAgICAgICAgICB0aGlzLmJ1dHRvbnMgPSBidXR0b25zO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICB0aGlzLm1lc3NhZ2UgPSBjb25maWcubWVzc2FnZTtcbiAgICB0aGlzLmJvZHkgPSBjb25maWcuYm9keTtcbiAgICAvLyBVc2luZyB0aGUgc2VydmljZSBoZXJlIGluc3RlYWQgb2YgdGhlIGRpcmVjdGl2ZSBkdWUgdG8gdGhlIGNvbmZpcm0gY29tcG9uZW50J3MgXCJib2R5XCIgY29udGFpbmVyIGJlaW5nIGNvbmRpdGlvbmFsIGFuZCB0aHVzIGEgdGVtcGxhdGUgdmFyaWFibGUgYmVpbmcgdW5hdmFpbGFibGUgYXQgYW4gb3V0ZXIgc2NvcGVcbiAgICB0aGlzLmJvZHlJZCA9IGlkU2VydmljZS5nZW5lcmF0ZUlkKCk7XG4gICAgdGhpcy5wcmVzZXJ2ZVdoaXRlU3BhY2UgPSAhIWNvbmZpZy5wcmVzZXJ2ZVdoaXRlU3BhY2U7XG4gICAgdGhpcy5pc09rVHlwZSA9IGNvbmZpZy50eXBlID09PSBTa3lDb25maXJtVHlwZS5PSztcbiAgfVxuXG4gIHB1YmxpYyBjbG9zZShidXR0b246IFNreUNvbmZpcm1CdXR0b24pOiB2b2lkIHtcbiAgICBjb25zdCByZXN1bHQ6IFNreUNvbmZpcm1DbG9zZUV2ZW50QXJncyA9IHtcbiAgICAgIGFjdGlvbjogYnV0dG9uLmFjdGlvbixcbiAgICB9O1xuXG4gICAgdGhpcy4jbW9kYWwuY2xvc2UocmVzdWx0KTtcbiAgfVxuXG4gICNnZXRQcmVzZXRCdXR0b25zKCk6IE9ic2VydmFibGU8U2t5Q29uZmlybUJ1dHRvbltdPiB7XG4gICAgY29uc3QgZW1pdHRlciA9IG5ldyBSZXBsYXlTdWJqZWN0PFNreUNvbmZpcm1CdXR0b25bXT4oMSk7XG5cbiAgICB0aGlzLiNyZXNvdXJjZXNTZXJ2aWNlXG4gICAgICAuZ2V0U3RyaW5ncyh7XG4gICAgICAgIGNhbmNlbDogJ3NreXV4X2NvbmZpcm1fZGlhbG9nX2RlZmF1bHRfY2FuY2VsX3RleHQnLFxuICAgICAgICBubzogJ3NreXV4X2NvbmZpcm1fZGlhbG9nX2RlZmF1bHRfbm9fdGV4dCcsXG4gICAgICAgIG9rOiAnc2t5dXhfY29uZmlybV9kaWFsb2dfZGVmYXVsdF9va190ZXh0JyxcbiAgICAgICAgeWVzOiAnc2t5dXhfY29uZmlybV9kaWFsb2dfZGVmYXVsdF95ZXNfdGV4dCcsXG4gICAgICB9KVxuICAgICAgLnN1YnNjcmliZSgodmFsdWVzKSA9PiB7XG4gICAgICAgIGNvbnN0IGNvbmZpcm1CdXR0b25zOiBTa3lDb25maXJtQnV0dG9uW10gPSBbXTtcblxuICAgICAgICBzd2l0Y2ggKHRoaXMuI2NvbmZpZy50eXBlKSB7XG4gICAgICAgICAgY2FzZSBTa3lDb25maXJtVHlwZS5ZZXNOb0NhbmNlbDpcbiAgICAgICAgICBjYXNlIFNreUNvbmZpcm1UeXBlLlllc0NhbmNlbDpcbiAgICAgICAgICAgIGNvbmZpcm1CdXR0b25zLnB1c2goe1xuICAgICAgICAgICAgICB0ZXh0OiB2YWx1ZXMueWVzLFxuICAgICAgICAgICAgICBhdXRvZm9jdXM6IHRydWUsXG4gICAgICAgICAgICAgIHN0eWxlVHlwZTogJ3ByaW1hcnknLFxuICAgICAgICAgICAgICBhY3Rpb246ICd5ZXMnLFxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGlmICh0aGlzLiNjb25maWcudHlwZSA9PT0gU2t5Q29uZmlybVR5cGUuWWVzTm9DYW5jZWwpIHtcbiAgICAgICAgICAgICAgY29uZmlybUJ1dHRvbnMucHVzaCh7XG4gICAgICAgICAgICAgICAgdGV4dDogdmFsdWVzLm5vLFxuICAgICAgICAgICAgICAgIHN0eWxlVHlwZTogJ2RlZmF1bHQnLFxuICAgICAgICAgICAgICAgIGFjdGlvbjogJ25vJyxcbiAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbmZpcm1CdXR0b25zLnB1c2goe1xuICAgICAgICAgICAgICB0ZXh0OiB2YWx1ZXMuY2FuY2VsLFxuICAgICAgICAgICAgICBzdHlsZVR5cGU6ICdsaW5rJyxcbiAgICAgICAgICAgICAgYWN0aW9uOiAnY2FuY2VsJyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIGNvbmZpcm1CdXR0b25zLnB1c2goe1xuICAgICAgICAgICAgICB0ZXh0OiB2YWx1ZXMub2ssXG4gICAgICAgICAgICAgIGF1dG9mb2N1czogdHJ1ZSxcbiAgICAgICAgICAgICAgc3R5bGVUeXBlOiAncHJpbWFyeScsXG4gICAgICAgICAgICAgIGFjdGlvbjogJ29rJyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgZW1pdHRlci5uZXh0KGNvbmZpcm1CdXR0b25zKTtcbiAgICAgIH0pO1xuXG4gICAgcmV0dXJuIGVtaXR0ZXIuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICAjZ2V0Q3VzdG9tQnV0dG9ucyhcbiAgICBidXR0b25Db25maWc6IFNreUNvbmZpcm1CdXR0b25Db25maWdbXVxuICApOiBTa3lDb25maXJtQnV0dG9uW10ge1xuICAgIHJldHVybiBidXR0b25Db25maWcubWFwKFxuICAgICAgKGNvbmZpZykgPT5cbiAgICAgICAgKHtcbiAgICAgICAgICB0ZXh0OiBjb25maWcudGV4dCxcbiAgICAgICAgICBhY3Rpb246IGNvbmZpZy5hY3Rpb24sXG4gICAgICAgICAgc3R5bGVUeXBlOiBjb25maWcuc3R5bGVUeXBlIHx8ICdkZWZhdWx0JyxcbiAgICAgICAgICBhdXRvZm9jdXM6IGNvbmZpZy5hdXRvZm9jdXMgfHwgZmFsc2UsXG4gICAgICAgIH0gYXMgU2t5Q29uZmlybUJ1dHRvbilcbiAgICApO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2t5LWNvbmZpcm1cIiBbbmdDbGFzc109XCJ7ICdza3ktY29uZmlybS10eXBlLW9rJzogaXNPa1R5cGUgfVwiPlxuICA8c2t5LW1vZGFsXG4gICAgYXJpYVJvbGU9XCJhbGVydGRpYWxvZ1wiXG4gICAgW2FyaWFMYWJlbGxlZEJ5XT1cImNvbmZpcm1NZXNzYWdlLmlkXCJcbiAgICBbYXJpYURlc2NyaWJlZEJ5XT1cImJvZHkgPyBib2R5SWQgOiB1bmRlZmluZWRcIlxuICA+XG4gICAgPHNreS1tb2RhbC1jb250ZW50IGNsYXNzPVwic2t5LWNvbmZpcm0tY29udGVudFwiPlxuICAgICAgPCEtLVxuICAgICAgICBUaGUgZm9sbG93aW5nIFwibWFnaWMgY29tbWVudFwiIGtlZXBzIFByZXR0aWVyIGZyb20gYWRkaW5nIGxpbmUgYnJlYWtzXG4gICAgICAgIGluc2lkZSB0aGUgZGl2IGFuZCBjYXVzaW5nIGxlYWRpbmcgYW5kIHRyYWlsaW5nIHdoaXRlc3BhY2Ugd2hlblxuICAgICAgICBgcHJlc2VydmVXaGl0ZVNwYWNlYCBpcyBgdHJ1ZWAuXG4gICAgICAgIGh0dHBzOi8vcHJldHRpZXIuaW8vYmxvZy8yMDE4LzExLzA3LzEuMTUuMC5odG1sI3doaXRlc3BhY2Utc2Vuc2l0aXZlLWZvcm1hdHRpbmdcbiAgICAgIC0tPlxuICAgICAgPCEtLSBkaXNwbGF5OiBpbmxpbmUgLS0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwic2t5LWNvbmZpcm0tbWVzc2FnZVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAnc2t5LWNvbmZpcm0tcHJlc2VydmUtd2hpdGUtc3BhY2UnOiBwcmVzZXJ2ZVdoaXRlU3BhY2VcbiAgICAgICAgfVwiXG4gICAgICAgIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAgICAgICAnc2t5LWZvbnQtZGlzcGxheS00JzogJ2RlZmF1bHQnLFxuICAgICAgICAgICdza3ktZm9udC1oZWFkaW5nLTEgc2t5LWZvbnQtZGlzcGxheS0zJzogJ21vZGVybidcbiAgICAgICAgfVwiXG4gICAgICAgIHNreUlkXG4gICAgICAgICNjb25maXJtTWVzc2FnZT1cInNreUlkXCJcbiAgICAgICAgPnt7IG1lc3NhZ2UgfX08L2RpdlxuICAgICAgPlxuXG4gICAgICA8IS0tXG4gICAgICAgIFRoZSBmb2xsb3dpbmcgXCJtYWdpYyBjb21tZW50XCIga2VlcHMgUHJldHRpZXIgZnJvbSBhZGRpbmcgbGluZSBicmVha3NcbiAgICAgICAgaW5zaWRlIHRoZSBkaXYgYW5kIGNhdXNpbmcgbGVhZGluZyBhbmQgdHJhaWxpbmcgd2hpdGVzcGFjZSB3aGVuXG4gICAgICAgIGBwcmVzZXJ2ZVdoaXRlU3BhY2VgIGlzIGB0cnVlYC5cbiAgICAgICAgaHR0cHM6Ly9wcmV0dGllci5pby9ibG9nLzIwMTgvMTEvMDcvMS4xNS4wLmh0bWwjd2hpdGVzcGFjZS1zZW5zaXRpdmUtZm9ybWF0dGluZ1xuICAgICAgLS0+XG4gICAgICA8IS0tIGRpc3BsYXk6IGlubGluZSAtLT5cbiAgICAgIDxkaXZcbiAgICAgICAgKm5nSWY9XCJib2R5XCJcbiAgICAgICAgY2xhc3M9XCJza3ktY29uZmlybS1ib2R5XCJcbiAgICAgICAgW2lkXT1cImJvZHlJZFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAnc2t5LWNvbmZpcm0tcHJlc2VydmUtd2hpdGUtc3BhY2UnOiBwcmVzZXJ2ZVdoaXRlU3BhY2VcbiAgICAgICAgfVwiXG4gICAgICAgID57eyBib2R5IH19PC9kaXZcbiAgICAgID5cblxuICAgICAgPGRpdiBjbGFzcz1cInNreS1jb25maXJtLWJ1dHRvbnNcIj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYnV0dG9uc1wiXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgY2xhc3M9XCJza3ktYnRuXCJcbiAgICAgICAgICBbbmdDbGFzc109XCInc2t5LWJ0bi0nICsgYnV0dG9uLnN0eWxlVHlwZVwiXG4gICAgICAgICAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICAgICAgICAgJ3NreS1tYXJnaW4taW5saW5lLXNtJzogJ21vZGVybicsXG4gICAgICAgICAgICAnc2t5LW1hcmdpbi1pbmxpbmUtY29tcGFjdCc6ICdkZWZhdWx0J1xuICAgICAgICAgIH1cIlxuICAgICAgICAgIChjbGljayk9XCJjbG9zZShidXR0b24pXCJcbiAgICAgICAgICBbYXR0ci5hdXRvZm9jdXNdPVwiYnV0dG9uLmF1dG9mb2N1cyA/ICdhdXRvZm9jdXMnIDogbnVsbFwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBidXR0b24udGV4dCB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvc2t5LW1vZGFsLWNvbnRlbnQ+XG4gIDwvc2t5LW1vZGFsPlxuPC9kaXY+XG4iXX0=

package/{esm2020 → esm2022}/lib/modules/confirm/confirm.module.mjs

@@ -7,19 +7,19 @@ import { SkyModalsResourcesModule } from '../shared/sky-modals-resources.module'
 import { SkyConfirmComponent } from './confirm.component';
 import * as i0 from "@angular/core";
 export class SkyConfirmModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyConfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyConfirmModule, declarations: [SkyConfirmComponent], imports: [CommonModule,
+            SkyIdModule,
+            SkyModalModule,
+            SkyModalsResourcesModule,
+            SkyThemeModule], exports: [SkyConfirmComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyConfirmModule, imports: [CommonModule,
+            SkyIdModule,
+            SkyModalModule,
+            SkyModalsResourcesModule,
+            SkyThemeModule] }); }
 }
-SkyConfirmModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyConfirmModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmModule, declarations: [SkyConfirmComponent], imports: [CommonModule,
-        SkyIdModule,
-        SkyModalModule,
-        SkyModalsResourcesModule,
-        SkyThemeModule], exports: [SkyConfirmComponent] });
-SkyConfirmModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmModule, imports: [CommonModule,
-        SkyIdModule,
-        SkyModalModule,
-        SkyModalsResourcesModule,
-        SkyThemeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyConfirmModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyConfirmModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyConfirmComponent],
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     exports: [SkyConfirmComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbW9kYWxzL3NyYy9saWIvbW9kdWxlcy9jb25maXJtL2NvbmZpcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDMUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFakYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBYTFELE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFWWixtQkFBbUIsYUFFaEMsWUFBWTtRQUNaLFdBQVc7UUFDWCxjQUFjO1FBQ2Qsd0JBQXdCO1FBQ3hCLGNBQWMsYUFFTixtQkFBbUI7OEdBRWxCLGdCQUFnQixZQVJ6QixZQUFZO1FBQ1osV0FBVztRQUNYLGNBQWM7UUFDZCx3QkFBd0I7UUFDeEIsY0FBYzsyRkFJTCxnQkFBZ0I7a0JBWDVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQ25DLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsY0FBYzt3QkFDZCx3QkFBd0I7d0JBQ3hCLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lJZE1vZHVsZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcbmltcG9ydCB7IFNreVRoZW1lTW9kdWxlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgU2t5TW9kYWxNb2R1bGUgfSBmcm9tICcuLi9tb2RhbC9tb2RhbC5tb2R1bGUnO1xuaW1wb3J0IHsgU2t5TW9kYWxzUmVzb3VyY2VzTW9kdWxlIH0gZnJvbSAnLi4vc2hhcmVkL3NreS1tb2RhbHMtcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUNvbmZpcm1Db21wb25lbnQgfSBmcm9tICcuL2NvbmZpcm0uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU2t5Q29uZmlybUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2t5SWRNb2R1bGUsXG4gICAgU2t5TW9kYWxNb2R1bGUsXG4gICAgU2t5TW9kYWxzUmVzb3VyY2VzTW9kdWxlLFxuICAgIFNreVRoZW1lTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbU2t5Q29uZmlybUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUNvbmZpcm1Nb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbW9kYWxzL3NyYy9saWIvbW9kdWxlcy9jb25maXJtL2NvbmZpcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDMUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFakYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBYTFELE1BQU0sT0FBTyxnQkFBZ0I7OEdBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLGlCQVZaLG1CQUFtQixhQUVoQyxZQUFZO1lBQ1osV0FBVztZQUNYLGNBQWM7WUFDZCx3QkFBd0I7WUFDeEIsY0FBYyxhQUVOLG1CQUFtQjsrR0FFbEIsZ0JBQWdCLFlBUnpCLFlBQVk7WUFDWixXQUFXO1lBQ1gsY0FBYztZQUNkLHdCQUF3QjtZQUN4QixjQUFjOzsyRkFJTCxnQkFBZ0I7a0JBWDVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQ25DLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsY0FBYzt3QkFDZCx3QkFBd0I7d0JBQ3hCLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lJZE1vZHVsZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcbmltcG9ydCB7IFNreVRoZW1lTW9kdWxlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgU2t5TW9kYWxNb2R1bGUgfSBmcm9tICcuLi9tb2RhbC9tb2RhbC5tb2R1bGUnO1xuaW1wb3J0IHsgU2t5TW9kYWxzUmVzb3VyY2VzTW9kdWxlIH0gZnJvbSAnLi4vc2hhcmVkL3NreS1tb2RhbHMtcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUNvbmZpcm1Db21wb25lbnQgfSBmcm9tICcuL2NvbmZpcm0uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU2t5Q29uZmlybUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2t5SWRNb2R1bGUsXG4gICAgU2t5TW9kYWxNb2R1bGUsXG4gICAgU2t5TW9kYWxzUmVzb3VyY2VzTW9kdWxlLFxuICAgIFNreVRoZW1lTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbU2t5Q29uZmlybUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUNvbmZpcm1Nb2R1bGUge31cbiJdfQ==

package/esm2022/lib/modules/confirm/confirm.service.mjs

@@ -0,0 +1,54 @@
+import { Injectable } from '@angular/core';
+import { SKY_CONFIRM_CONFIG } from './confirm-config-token';
+import { SkyConfirmInstance } from './confirm-instance';
+import { SkyConfirmComponent } from './confirm.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../modal/modal.service";
+/**
+ * Launches a dialog.
+ */
+export class SkyConfirmService {
+    #modalService;
+    constructor(modalService) {
+        this.#modalService = modalService;
+    }
+    /**
+     * Opens a dialog using the specified options.
+     * @param config Specifies configuration options for the dialog.
+     */
+    open(config) {
+        const modalInstance = this.#modalService.open(SkyConfirmComponent, {
+            providers: [
+                {
+                    provide: SKY_CONFIRM_CONFIG,
+                    useValue: config,
+                },
+            ],
+        });
+        const confirmInstance = new SkyConfirmInstance();
+        modalInstance.closed.subscribe((args) => {
+            let result = args.data;
+            // The modal was closed using the ESC key.
+            if (result === undefined) {
+                result = {
+                    action: 'cancel',
+                };
+            }
+            confirmInstance.closed.emit(result);
+            confirmInstance.closed.complete();
+        });
+        return confirmInstance;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyConfirmService, deps: [{ token: i1.SkyModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyConfirmService, providedIn: 'any' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyConfirmService, decorators: [{
+            type: Injectable,
+            args: [{
+                    // Must be 'any' so that the modal component is created in the context of its module's injector.
+                    // If set to 'root', the component's dependency injections would only be derived from the root
+                    // injector and may loose context if the modal was opened from within a lazy-loaded module.
+                    providedIn: 'any',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyModalService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL21vZGFscy9zcmMvbGliL21vZHVsZXMvY29uZmlybS9jb25maXJtLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVEzQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBRTFEOztHQUVHO0FBT0gsTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixhQUFhLENBQWtCO0lBRS9CLFlBQVksWUFBNkI7UUFDdkMsSUFBSSxDQUFDLGFBQWEsR0FBRyxZQUFZLENBQUM7SUFDcEMsQ0FBQztJQUVEOzs7T0FHRztJQUNJLElBQUksQ0FBQyxNQUF3QjtRQUNsQyxNQUFNLGFBQWEsR0FBcUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQzdELG1CQUFtQixFQUNuQjtZQUNFLFNBQVMsRUFBRTtnQkFDVDtvQkFDRSxPQUFPLEVBQUUsa0JBQWtCO29CQUMzQixRQUFRLEVBQUUsTUFBTTtpQkFDakI7YUFDRjtTQUNGLENBQ0YsQ0FBQztRQUVGLE1BQU0sZUFBZSxHQUFHLElBQUksa0JBQWtCLEVBQUUsQ0FBQztRQUVqRCxhQUFhLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQXVCLEVBQUUsRUFBRTtZQUN6RCxJQUFJLE1BQU0sR0FBNkIsSUFBSSxDQUFDLElBQUksQ0FBQztZQUVqRCwwQ0FBMEM7WUFDMUMsSUFBSSxNQUFNLEtBQUssU0FBUyxFQUFFO2dCQUN4QixNQUFNLEdBQUc7b0JBQ1AsTUFBTSxFQUFFLFFBQVE7aUJBQ2pCLENBQUM7YUFDSDtZQUVELGVBQWUsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3BDLGVBQWUsQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDcEMsQ0FBQyxDQUFDLENBQUM7UUFFSCxPQUFPLGVBQWUsQ0FBQztJQUN6QixDQUFDOzhHQXpDVSxpQkFBaUI7a0hBQWpCLGlCQUFpQixjQUZoQixLQUFLOzsyRkFFTixpQkFBaUI7a0JBTjdCLFVBQVU7bUJBQUM7b0JBQ1YsZ0dBQWdHO29CQUNoRyw4RkFBOEY7b0JBQzlGLDJGQUEyRjtvQkFDM0YsVUFBVSxFQUFFLEtBQUs7aUJBQ2xCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lNb2RhbENsb3NlQXJncyB9IGZyb20gJy4uL21vZGFsL21vZGFsLWNsb3NlLWFyZ3MnO1xuaW1wb3J0IHsgU2t5TW9kYWxJbnN0YW5jZSB9IGZyb20gJy4uL21vZGFsL21vZGFsLWluc3RhbmNlJztcbmltcG9ydCB7IFNreU1vZGFsU2VydmljZSB9IGZyb20gJy4uL21vZGFsL21vZGFsLnNlcnZpY2UnO1xuXG5pbXBvcnQgeyBTa3lDb25maXJtQ2xvc2VFdmVudEFyZ3MgfSBmcm9tICcuL2NvbmZpcm0tY2xvc2VkLWV2ZW50LWFyZ3MnO1xuaW1wb3J0IHsgU2t5Q29uZmlybUNvbmZpZyB9IGZyb20gJy4vY29uZmlybS1jb25maWcnO1xuaW1wb3J0IHsgU0tZX0NPTkZJUk1fQ09ORklHIH0gZnJvbSAnLi9jb25maXJtLWNvbmZpZy10b2tlbic7XG5pbXBvcnQgeyBTa3lDb25maXJtSW5zdGFuY2UgfSBmcm9tICcuL2NvbmZpcm0taW5zdGFuY2UnO1xuaW1wb3J0IHsgU2t5Q29uZmlybUNvbXBvbmVudCB9IGZyb20gJy4vY29uZmlybS5jb21wb25lbnQnO1xuXG4vKipcbiAqIExhdW5jaGVzIGEgZGlhbG9nLlxuICovXG5ASW5qZWN0YWJsZSh7XG4gIC8vIE11c3QgYmUgJ2FueScgc28gdGhhdCB0aGUgbW9kYWwgY29tcG9uZW50IGlzIGNyZWF0ZWQgaW4gdGhlIGNvbnRleHQgb2YgaXRzIG1vZHVsZSdzIGluamVjdG9yLlxuICAvLyBJZiBzZXQgdG8gJ3Jvb3QnLCB0aGUgY29tcG9uZW50J3MgZGVwZW5kZW5jeSBpbmplY3Rpb25zIHdvdWxkIG9ubHkgYmUgZGVyaXZlZCBmcm9tIHRoZSByb290XG4gIC8vIGluamVjdG9yIGFuZCBtYXkgbG9vc2UgY29udGV4dCBpZiB0aGUgbW9kYWwgd2FzIG9wZW5lZCBmcm9tIHdpdGhpbiBhIGxhenktbG9hZGVkIG1vZHVsZS5cbiAgcHJvdmlkZWRJbjogJ2FueScsXG59KVxuZXhwb3J0IGNsYXNzIFNreUNvbmZpcm1TZXJ2aWNlIHtcbiAgI21vZGFsU2VydmljZTogU2t5TW9kYWxTZXJ2aWNlO1xuXG4gIGNvbnN0cnVjdG9yKG1vZGFsU2VydmljZTogU2t5TW9kYWxTZXJ2aWNlKSB7XG4gICAgdGhpcy4jbW9kYWxTZXJ2aWNlID0gbW9kYWxTZXJ2aWNlO1xuICB9XG5cbiAgLyoqXG4gICAqIE9wZW5zIGEgZGlhbG9nIHVzaW5nIHRoZSBzcGVjaWZpZWQgb3B0aW9ucy5cbiAgICogQHBhcmFtIGNvbmZpZyBTcGVjaWZpZXMgY29uZmlndXJhdGlvbiBvcHRpb25zIGZvciB0aGUgZGlhbG9nLlxuICAgKi9cbiAgcHVibGljIG9wZW4oY29uZmlnOiBTa3lDb25maXJtQ29uZmlnKTogU2t5Q29uZmlybUluc3RhbmNlIHtcbiAgICBjb25zdCBtb2RhbEluc3RhbmNlOiBTa3lNb2RhbEluc3RhbmNlID0gdGhpcy4jbW9kYWxTZXJ2aWNlLm9wZW4oXG4gICAgICBTa3lDb25maXJtQ29tcG9uZW50LFxuICAgICAge1xuICAgICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBTS1lfQ09ORklSTV9DT05GSUcsXG4gICAgICAgICAgICB1c2VWYWx1ZTogY29uZmlnLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICB9XG4gICAgKTtcblxuICAgIGNvbnN0IGNvbmZpcm1JbnN0YW5jZSA9IG5ldyBTa3lDb25maXJtSW5zdGFuY2UoKTtcblxuICAgIG1vZGFsSW5zdGFuY2UuY2xvc2VkLnN1YnNjcmliZSgoYXJnczogU2t5TW9kYWxDbG9zZUFyZ3MpID0+IHtcbiAgICAgIGxldCByZXN1bHQ6IFNreUNvbmZpcm1DbG9zZUV2ZW50QXJncyA9IGFyZ3MuZGF0YTtcblxuICAgICAgLy8gVGhlIG1vZGFsIHdhcyBjbG9zZWQgdXNpbmcgdGhlIEVTQyBrZXkuXG4gICAgICBpZiAocmVzdWx0ID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgcmVzdWx0ID0ge1xuICAgICAgICAgIGFjdGlvbjogJ2NhbmNlbCcsXG4gICAgICAgIH07XG4gICAgICB9XG5cbiAgICAgIGNvbmZpcm1JbnN0YW5jZS5jbG9zZWQuZW1pdChyZXN1bHQpO1xuICAgICAgY29uZmlybUluc3RhbmNlLmNsb3NlZC5jb21wbGV0ZSgpO1xuICAgIH0pO1xuXG4gICAgcmV0dXJuIGNvbmZpcm1JbnN0YW5jZTtcbiAgfVxufVxuIl19