@danske/sapphire-angular 1.31.0 → 2.1.0

package/esm2020/lib/modal/public_api.mjs

@@ -1,20 +1,16 @@
 export * from './src/modal.service';
 export * from './src/modal.module';
-export { ModalCloseButtonDirective } from './src/modal-close-button.directive';
+export * from './src/layout/modal-layout.component';
+export * from './src/layout/modal-header.component';
+export * from './src/layout/modal-footer.component';
+export * from './src/layout/modal-body.component';
+export * from './src/layout/modal-header.component';
+export * from './src/layout/modal-close-button.directive';
+export * from './src/layout/modal-back-button.directive';
 export * from './src/panel/panel.component';
-export * from './src/panel/inline-panel.component';
-export * from './src/panel/panel-header.component';
-export * from './src/panel/panel-content.component';
-export * from './src/panel/panel-footer.component';
 export * from './src/panel/panel-trigger.directive';
-export * from './src/panel/panel-close-button.directive';
-export * from './src/panel/panel-back-button.directive';
 export * from './src/dialog/dialog.component';
 export * from './src/dialog/confirmation-dialog.component';
 export * from './src/dialog/danger-dialog.component';
-export * from './src/dialog/dialog-footer.component';
-export * from './src/dialog/dialog-content.directive';
-export * from './src/dialog/dialog-header.component';
-export * from './src/dialog/dialog-close-button.directive';
 export * from './src/dialog/dialog-trigger.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFL0UsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLHlDQUF5QyxDQUFDO0FBRXhELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyx1Q0FBdUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3JjL21vZGFsLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvbW9kYWwubW9kdWxlJztcbmV4cG9ydCB7IE1vZGFsQ2xvc2VCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuL3NyYy9tb2RhbC1jbG9zZS1idXR0b24uZGlyZWN0aXZlJztcblxuZXhwb3J0ICogZnJvbSAnLi9zcmMvcGFuZWwvcGFuZWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3BhbmVsL2lubGluZS1wYW5lbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvcGFuZWwvcGFuZWwtaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9wYW5lbC9wYW5lbC1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9wYW5lbC9wYW5lbC1mb290ZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3BhbmVsL3BhbmVsLXRyaWdnZXIuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3BhbmVsL3BhbmVsLWNsb3NlLWJ1dHRvbi5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvcGFuZWwvcGFuZWwtYmFjay1idXR0b24uZGlyZWN0aXZlJztcblxuZXhwb3J0ICogZnJvbSAnLi9zcmMvZGlhbG9nL2RpYWxvZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvZGlhbG9nL2NvbmZpcm1hdGlvbi1kaWFsb2cuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2RpYWxvZy9kYW5nZXItZGlhbG9nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9kaWFsb2cvZGlhbG9nLWZvb3Rlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvZGlhbG9nL2RpYWxvZy1jb250ZW50LmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9kaWFsb2cvZGlhbG9nLWhlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvZGlhbG9nL2RpYWxvZy1jbG9zZS1idXR0b24uZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2RpYWxvZy9kaWFsb2ctdHJpZ2dlci5kaXJlY3RpdmUnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsb0JBQW9CLENBQUM7QUFFbkMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYywwQ0FBMEMsQ0FBQztBQUV6RCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMscUNBQXFDLENBQUM7QUFFcEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyx1Q0FBdUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3JjL21vZGFsLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvbW9kYWwubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9zcmMvbGF5b3V0L21vZGFsLWxheW91dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvbGF5b3V0L21vZGFsLWhlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvbGF5b3V0L21vZGFsLWZvb3Rlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvbGF5b3V0L21vZGFsLWJvZHkuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2xheW91dC9tb2RhbC1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2xheW91dC9tb2RhbC1jbG9zZS1idXR0b24uZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2xheW91dC9tb2RhbC1iYWNrLWJ1dHRvbi5kaXJlY3RpdmUnO1xuXG5leHBvcnQgKiBmcm9tICcuL3NyYy9wYW5lbC9wYW5lbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvcGFuZWwvcGFuZWwtdHJpZ2dlci5kaXJlY3RpdmUnO1xuXG5leHBvcnQgKiBmcm9tICcuL3NyYy9kaWFsb2cvZGlhbG9nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvZGlhbG9nL2Rhbmdlci1kaWFsb2cuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2RpYWxvZy9kaWFsb2ctdHJpZ2dlci5kaXJlY3RpdmUnO1xuIl19

package/esm2020/lib/modal/src/dialog/confirmation-dialog.component.mjs

@@ -3,10 +3,12 @@ import { DialogComponent } from './dialog.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../../button/src/button.component";
-import * as i3 from "./dialog.component";
-import * as i4 from "./dialog-header.component";
-import * as i5 from "./dialog-content.directive";
-import * as i6 from "./dialog-footer.component";
+import * as i3 from "../../../button/src/button-group.component";
+import * as i4 from "../layout/modal-layout.component";
+import * as i5 from "../layout/modal-header.component";
+import * as i6 from "../layout/modal-body.component";
+import * as i7 from "../layout/modal-footer.component";
+import * as i8 from "./dialog.component";
 /**
  * A wrapper around `<sp-dialog>` which gives you a simple way of creating a
  * confirmation dialog which is aligned with Sapphire design vision.
@@ -40,10 +42,10 @@ export class ConfirmationDialogComponent {
     }
 }
 ConfirmationDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ConfirmationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ConfirmationDialogComponent, selector: "sp-confirmation-dialog", inputs: { heading: "heading", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel" }, outputs: { primaryActionSelected: "primaryActionSelected", secondaryActionSelected: "secondaryActionSelected" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], exportAs: ["spConfirmationDialog"], ngImport: i0, template: "<sp-dialog role=\"alertdialog\">\n  <sp-dialog-header *ngIf=\"heading\">{{ heading }}</sp-dialog-header>\n  <sp-dialog-content><ng-content></ng-content></sp-dialog-content>\n  <sp-dialog-footer>\n    <button\n      sp-button\n      variant=\"secondary\"\n      (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n    >\n      {{ secondaryActionLabel }}\n    </button>\n    <button\n      sp-button\n      variant=\"primary\"\n      (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n    >\n      {{ primaryActionLabel }}\n    </button>\n  </sp-dialog-footer>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "iconAlign", "type"] }, { kind: "component", type: i3.DialogComponent, selector: "sp-dialog", inputs: ["size"] }, { kind: "component", type: i4.DialogHeaderComponent, selector: "sp-dialog-header" }, { kind: "directive", type: i5.DialogContentDirective, selector: "sp-dialog-content, [sp-dialog-content]" }, { kind: "component", type: i6.DialogFooterComponent, selector: "sp-dialog-footer", inputs: ["stretch", "orientation"] }] });
+ConfirmationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ConfirmationDialogComponent, selector: "sp-confirmation-dialog", inputs: { heading: "heading", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel" }, outputs: { primaryActionSelected: "primaryActionSelected", secondaryActionSelected: "secondaryActionSelected" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], exportAs: ["spConfirmationDialog"], ngImport: i0, template: "<sp-dialog role=\"alertdialog\">\n  <sp-modal-layout>\n    <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n      heading\n    }}</sp-modal-header>\n    <sp-modal-body><ng-content></ng-content></sp-modal-body>\n    <sp-modal-footer>\n      <sp-button-group>\n        <button\n          sp-button\n          variant=\"secondary\"\n          (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n        >\n          {{ secondaryActionLabel }}\n        </button>\n        <button\n          sp-button\n          variant=\"primary\"\n          (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n        >\n          {{ primaryActionLabel }}\n        </button>\n      </sp-button-group>\n    </sp-modal-footer>\n  </sp-modal-layout>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "component", type: i3.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }, { kind: "component", type: i4.ModalLayoutComponent, selector: "sp-modal-layout" }, { kind: "component", type: i5.ModalHeaderComponent, selector: "sp-modal-header", inputs: ["subheading", "hideCloseButton"], outputs: ["closeClicked"] }, { kind: "component", type: i6.ModalBodyComponent, selector: "sp-modal-body", inputs: ["noPadding"] }, { kind: "component", type: i7.ModalFooterComponent, selector: "sp-modal-footer" }, { kind: "component", type: i8.DialogComponent, selector: "sp-dialog", inputs: ["size"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sp-confirmation-dialog', exportAs: 'spConfirmationDialog', template: "<sp-dialog role=\"alertdialog\">\n  <sp-dialog-header *ngIf=\"heading\">{{ heading }}</sp-dialog-header>\n  <sp-dialog-content><ng-content></ng-content></sp-dialog-content>\n  <sp-dialog-footer>\n    <button\n      sp-button\n      variant=\"secondary\"\n      (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n    >\n      {{ secondaryActionLabel }}\n    </button>\n    <button\n      sp-button\n      variant=\"primary\"\n      (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n    >\n      {{ primaryActionLabel }}\n    </button>\n  </sp-dialog-footer>\n</sp-dialog>\n" }]
+            args: [{ selector: 'sp-confirmation-dialog', exportAs: 'spConfirmationDialog', template: "<sp-dialog role=\"alertdialog\">\n  <sp-modal-layout>\n    <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n      heading\n    }}</sp-modal-header>\n    <sp-modal-body><ng-content></ng-content></sp-modal-body>\n    <sp-modal-footer>\n      <sp-button-group>\n        <button\n          sp-button\n          variant=\"secondary\"\n          (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n        >\n          {{ secondaryActionLabel }}\n        </button>\n        <button\n          sp-button\n          variant=\"primary\"\n          (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n        >\n          {{ primaryActionLabel }}\n        </button>\n      </sp-button-group>\n    </sp-modal-footer>\n  </sp-modal-layout>\n</sp-dialog>\n" }]
         }], propDecorators: { heading: [{
                 type: Input
             }], primaryActionLabel: [{
@@ -58,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: ViewChild,
                 args: [DialogComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7O0FBRXJEOzs7R0FHRztBQU1ILE1BQU0sT0FBTywyQkFBMkI7SUFMeEM7UUFNRTs7V0FFRztRQUVILFlBQU8sR0FBVyxFQUFFLENBQUM7UUFFckI7O1dBRUc7UUFFSCx1QkFBa0IsR0FBVyxFQUFFLENBQUM7UUFFaEM7O1dBRUc7UUFFSCx5QkFBb0IsR0FBVyxFQUFFLENBQUM7UUFFbEM7Ozs7V0FJRztRQUVILDBCQUFxQixHQUFHLElBQUksWUFBWSxFQUErQixDQUFDO1FBRXhFOzs7O1dBSUc7UUFFSCw0QkFBdUIsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztLQU8zRTs7d0hBeENZLDJCQUEyQjs0R0FBM0IsMkJBQTJCLCtVQXNDM0IsZUFBZSxvRkN4RDVCLG1sQkFvQkE7MkZERmEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHdCQUF3QixZQUV4QixzQkFBc0I7OEJBT2hDLE9BQU87c0JBRE4sS0FBSztnQkFPTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBT04sb0JBQW9CO3NCQURuQixLQUFLO2dCQVNOLHFCQUFxQjtzQkFEcEIsTUFBTTtnQkFTUCx1QkFBdUI7c0JBRHRCLE1BQU07Z0JBT1AsTUFBTTtzQkFETCxTQUFTO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQSB3cmFwcGVyIGFyb3VuZCBgPHNwLWRpYWxvZz5gIHdoaWNoIGdpdmVzIHlvdSBhIHNpbXBsZSB3YXkgb2YgY3JlYXRpbmcgYVxuICogY29uZmlybWF0aW9uIGRpYWxvZyB3aGljaCBpcyBhbGlnbmVkIHdpdGggU2FwcGhpcmUgZGVzaWduIHZpc2lvbi5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtY29uZmlybWF0aW9uLWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIGV4cG9ydEFzOiAnc3BDb25maXJtYXRpb25EaWFsb2cnLFxufSlcbmV4cG9ydCBjbGFzcyBDb25maXJtYXRpb25EaWFsb2dDb21wb25lbnQge1xuICAvKipcbiAgICogRGlhbG9nIGhlYWRpbmcgdGV4dC4gUGFzc2VkIHRvIHRoZSB3cmFwcGVkIGBzcC1kaWFsb2dgXG4gICAqL1xuICBASW5wdXQoKVxuICBoZWFkaW5nOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogVGhlIGxhYmVsIG9mIHRoZSBwcmltYXJ5IGFjdGlvbiBidXR0b24gaW4gdGhlIGRpYWxvZyBmb290ZXIuXG4gICAqL1xuICBASW5wdXQoKVxuICBwcmltYXJ5QWN0aW9uTGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBUaGUgbGFiZWwgb2YgdGhlIHNlY29uZGFyeSBhY3Rpb24gYnV0dG9uIGluIHRoZSBkaWFsb2cgZm9vdGVyLlxuICAgKi9cbiAgQElucHV0KClcbiAgc2Vjb25kYXJ5QWN0aW9uTGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBFbWl0dGVkIHdoZW4gdGhlIHByaW1hcnkgYWN0aW9uIGlzIHRyaWdnZXJlZC4gVXNlIGAkZXZlbnQuZGlhbG9nYCB0byBhY2Nlc3NcbiAgICogdGhlIHdyYXBwZWQgZGlhbG9nIGluIHRoZSBldmVudCBoYW5kbGVyLCBhbmQgY2xvc2UgdGhlIGRpYWxvZyBieSBjYWxsaW5nXG4gICAqIGAkZXZlbnQuZGlhbG9nLmNsb3NlKClgXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHJpbWFyeUFjdGlvblNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjx7IGRpYWxvZzogRGlhbG9nQ29tcG9uZW50IH0+KCk7XG5cbiAgLyoqXG4gICAqIEVtaXR0ZWQgd2hlbiB0aGUgc2Vjb25kYXJ5IGFjdGlvbiBpcyB0cmlnZ2VyZWQuIFVzZSBgJGV2ZW50LmRpYWxvZ2AgdG8gYWNjZXNzXG4gICAqIHRoZSB3cmFwcGVkIGRpYWxvZyBpbiB0aGUgZXZlbnQgaGFuZGxlciwgYW5kIGNsb3NlIHRoZSBkaWFsb2cgYnkgY2FsbGluZ1xuICAgKiBgJGV2ZW50LmRpYWxvZy5jbG9zZSgpYFxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHNlY29uZGFyeUFjdGlvblNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjx7IGRpYWxvZzogRGlhbG9nQ29tcG9uZW50IH0+KCk7XG5cbiAgLyoqXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgd3JhcHBlZCBgc3AtZGlhbG9nYCBjb21wb25lbnQuXG4gICAqL1xuICBAVmlld0NoaWxkKERpYWxvZ0NvbXBvbmVudClcbiAgZGlhbG9nPzogRGlhbG9nQ29tcG9uZW50O1xufVxuIiwiPHNwLWRpYWxvZyByb2xlPVwiYWxlcnRkaWFsb2dcIj5cbiAgPHNwLWRpYWxvZy1oZWFkZXIgKm5nSWY9XCJoZWFkaW5nXCI+e3sgaGVhZGluZyB9fTwvc3AtZGlhbG9nLWhlYWRlcj5cbiAgPHNwLWRpYWxvZy1jb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwLWRpYWxvZy1jb250ZW50PlxuICA8c3AtZGlhbG9nLWZvb3Rlcj5cbiAgICA8YnV0dG9uXG4gICAgICBzcC1idXR0b25cbiAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgKGNsaWNrKT1cImRpYWxvZyAmJiBzZWNvbmRhcnlBY3Rpb25TZWxlY3RlZC5lbWl0KHtkaWFsb2d9KVwiXG4gICAgPlxuICAgICAge3sgc2Vjb25kYXJ5QWN0aW9uTGFiZWwgfX1cbiAgICA8L2J1dHRvbj5cbiAgICA8YnV0dG9uXG4gICAgICBzcC1idXR0b25cbiAgICAgIHZhcmlhbnQ9XCJwcmltYXJ5XCJcbiAgICAgIChjbGljayk9XCJkaWFsb2cgJiYgcHJpbWFyeUFjdGlvblNlbGVjdGVkLmVtaXQoe2RpYWxvZ30pXCJcbiAgICA+XG4gICAgICB7eyBwcmltYXJ5QWN0aW9uTGFiZWwgfX1cbiAgICA8L2J1dHRvbj5cbiAgPC9zcC1kaWFsb2ctZm9vdGVyPlxuPC9zcC1kaWFsb2c+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7Ozs7QUFFckQ7OztHQUdHO0FBTUgsTUFBTSxPQUFPLDJCQUEyQjtJQUx4QztRQU1FOztXQUVHO1FBRUgsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUVyQjs7V0FFRztRQUVILHVCQUFrQixHQUFXLEVBQUUsQ0FBQztRQUVoQzs7V0FFRztRQUVILHlCQUFvQixHQUFXLEVBQUUsQ0FBQztRQUVsQzs7OztXQUlHO1FBRUgsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQStCLENBQUM7UUFFeEU7Ozs7V0FJRztRQUVILDRCQUF1QixHQUFHLElBQUksWUFBWSxFQUErQixDQUFDO0tBTzNFOzt3SEF4Q1ksMkJBQTJCOzRHQUEzQiwyQkFBMkIsK1VBc0MzQixlQUFlLG9GQ3hENUIsaXdCQTBCQTsyRkRSYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usd0JBQXdCLFlBRXhCLHNCQUFzQjs4QkFPaEMsT0FBTztzQkFETixLQUFLO2dCQU9OLGtCQUFrQjtzQkFEakIsS0FBSztnQkFPTixvQkFBb0I7c0JBRG5CLEtBQUs7Z0JBU04scUJBQXFCO3NCQURwQixNQUFNO2dCQVNQLHVCQUF1QjtzQkFEdEIsTUFBTTtnQkFPUCxNQUFNO3NCQURMLFNBQVM7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2cuY29tcG9uZW50JztcblxuLyoqXG4gKiBBIHdyYXBwZXIgYXJvdW5kIGA8c3AtZGlhbG9nPmAgd2hpY2ggZ2l2ZXMgeW91IGEgc2ltcGxlIHdheSBvZiBjcmVhdGluZyBhXG4gKiBjb25maXJtYXRpb24gZGlhbG9nIHdoaWNoIGlzIGFsaWduZWQgd2l0aCBTYXBwaGlyZSBkZXNpZ24gdmlzaW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1jb25maXJtYXRpb24tZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICdjb25maXJtYXRpb24tZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgZXhwb3J0QXM6ICdzcENvbmZpcm1hdGlvbkRpYWxvZycsXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpcm1hdGlvbkRpYWxvZ0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEaWFsb2cgaGVhZGluZyB0ZXh0LiBQYXNzZWQgdG8gdGhlIHdyYXBwZWQgYHNwLWRpYWxvZ2BcbiAgICovXG4gIEBJbnB1dCgpXG4gIGhlYWRpbmc6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBUaGUgbGFiZWwgb2YgdGhlIHByaW1hcnkgYWN0aW9uIGJ1dHRvbiBpbiB0aGUgZGlhbG9nIGZvb3Rlci5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHByaW1hcnlBY3Rpb25MYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIFRoZSBsYWJlbCBvZiB0aGUgc2Vjb25kYXJ5IGFjdGlvbiBidXR0b24gaW4gdGhlIGRpYWxvZyBmb290ZXIuXG4gICAqL1xuICBASW5wdXQoKVxuICBzZWNvbmRhcnlBY3Rpb25MYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIEVtaXR0ZWQgd2hlbiB0aGUgcHJpbWFyeSBhY3Rpb24gaXMgdHJpZ2dlcmVkLiBVc2UgYCRldmVudC5kaWFsb2dgIHRvIGFjY2Vzc1xuICAgKiB0aGUgd3JhcHBlZCBkaWFsb2cgaW4gdGhlIGV2ZW50IGhhbmRsZXIsIGFuZCBjbG9zZSB0aGUgZGlhbG9nIGJ5IGNhbGxpbmdcbiAgICogYCRldmVudC5kaWFsb2cuY2xvc2UoKWBcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwcmltYXJ5QWN0aW9uU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZGlhbG9nOiBEaWFsb2dDb21wb25lbnQgfT4oKTtcblxuICAvKipcbiAgICogRW1pdHRlZCB3aGVuIHRoZSBzZWNvbmRhcnkgYWN0aW9uIGlzIHRyaWdnZXJlZC4gVXNlIGAkZXZlbnQuZGlhbG9nYCB0byBhY2Nlc3NcbiAgICogdGhlIHdyYXBwZWQgZGlhbG9nIGluIHRoZSBldmVudCBoYW5kbGVyLCBhbmQgY2xvc2UgdGhlIGRpYWxvZyBieSBjYWxsaW5nXG4gICAqIGAkZXZlbnQuZGlhbG9nLmNsb3NlKClgXG4gICAqL1xuICBAT3V0cHV0KClcbiAgc2Vjb25kYXJ5QWN0aW9uU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZGlhbG9nOiBEaWFsb2dDb21wb25lbnQgfT4oKTtcblxuICAvKipcbiAgICogUmVmZXJlbmNlIHRvIHRoZSB3cmFwcGVkIGBzcC1kaWFsb2dgIGNvbXBvbmVudC5cbiAgICovXG4gIEBWaWV3Q2hpbGQoRGlhbG9nQ29tcG9uZW50KVxuICBkaWFsb2c/OiBEaWFsb2dDb21wb25lbnQ7XG59XG4iLCI8c3AtZGlhbG9nIHJvbGU9XCJhbGVydGRpYWxvZ1wiPlxuICA8c3AtbW9kYWwtbGF5b3V0PlxuICAgIDxzcC1tb2RhbC1oZWFkZXIgKm5nSWY9XCJoZWFkaW5nXCIgaGlkZUNsb3NlQnV0dG9uPnt7XG4gICAgICBoZWFkaW5nXG4gICAgfX08L3NwLW1vZGFsLWhlYWRlcj5cbiAgICA8c3AtbW9kYWwtYm9keT48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcC1tb2RhbC1ib2R5PlxuICAgIDxzcC1tb2RhbC1mb290ZXI+XG4gICAgICA8c3AtYnV0dG9uLWdyb3VwPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgc3AtYnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgKGNsaWNrKT1cImRpYWxvZyAmJiBzZWNvbmRhcnlBY3Rpb25TZWxlY3RlZC5lbWl0KHtkaWFsb2d9KVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBzZWNvbmRhcnlBY3Rpb25MYWJlbCB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHNwLWJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICAoY2xpY2spPVwiZGlhbG9nICYmIHByaW1hcnlBY3Rpb25TZWxlY3RlZC5lbWl0KHtkaWFsb2d9KVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBwcmltYXJ5QWN0aW9uTGFiZWwgfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L3NwLWJ1dHRvbi1ncm91cD5cbiAgICA8L3NwLW1vZGFsLWZvb3Rlcj5cbiAgPC9zcC1tb2RhbC1sYXlvdXQ+XG48L3NwLWRpYWxvZz5cbiJdfQ==

package/esm2020/lib/modal/src/dialog/danger-dialog.component.mjs

@@ -3,10 +3,12 @@ import { DialogComponent } from './dialog.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../../button/src/button.component";
-import * as i3 from "./dialog.component";
-import * as i4 from "./dialog-header.component";
-import * as i5 from "./dialog-content.directive";
-import * as i6 from "./dialog-footer.component";
+import * as i3 from "../../../button/src/button-group.component";
+import * as i4 from "../layout/modal-layout.component";
+import * as i5 from "../layout/modal-header.component";
+import * as i6 from "../layout/modal-body.component";
+import * as i7 from "../layout/modal-footer.component";
+import * as i8 from "./dialog.component";
 /**
  * A wrapper around `<sp-dialog>` which gives you a simple way of creating a
  * danger dialog which is aligned with Sapphire design vision.
@@ -41,10 +43,10 @@ export class DangerDialogComponent {
     }
 }
 DangerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DangerDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DangerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DangerDialogComponent, selector: "sp-danger-dialog", inputs: { heading: "heading", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel" }, outputs: { primaryActionSelected: "primaryActionSelected", secondaryActionSelected: "secondaryActionSelected" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], exportAs: ["spDangerDialog"], ngImport: i0, template: "<sp-dialog role=\"alertdialog\">\n  <sp-dialog-header *ngIf=\"heading\">{{ heading }}</sp-dialog-header>\n  <sp-dialog-content><ng-content></ng-content></sp-dialog-content>\n  <sp-dialog-footer>\n    <button\n      sp-button\n      variant=\"secondary\"\n      (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n    >\n      {{ secondaryActionLabel }}\n    </button>\n    <button\n      sp-button\n      variant=\"dangerSecondary\"\n      (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n    >\n      {{ primaryActionLabel }}\n    </button>\n  </sp-dialog-footer>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "iconAlign", "type"] }, { kind: "component", type: i3.DialogComponent, selector: "sp-dialog", inputs: ["size"] }, { kind: "component", type: i4.DialogHeaderComponent, selector: "sp-dialog-header" }, { kind: "directive", type: i5.DialogContentDirective, selector: "sp-dialog-content, [sp-dialog-content]" }, { kind: "component", type: i6.DialogFooterComponent, selector: "sp-dialog-footer", inputs: ["stretch", "orientation"] }] });
+DangerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DangerDialogComponent, selector: "sp-danger-dialog", inputs: { heading: "heading", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel" }, outputs: { primaryActionSelected: "primaryActionSelected", secondaryActionSelected: "secondaryActionSelected" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], exportAs: ["spDangerDialog"], ngImport: i0, template: "<sp-dialog role=\"alertdialog\">\n  <sp-modal-layout>\n    <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n      heading\n    }}</sp-modal-header>\n    <sp-modal-body><ng-content></ng-content></sp-modal-body>\n    <sp-modal-footer>\n      <sp-button-group>\n        <button\n          sp-button\n          variant=\"secondary\"\n          (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n        >\n          {{ secondaryActionLabel }}\n        </button>\n        <button\n          sp-button\n          variant=\"danger\"\n          (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n        >\n          {{ primaryActionLabel }}\n        </button>\n      </sp-button-group>\n    </sp-modal-footer>\n  </sp-modal-layout>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "component", type: i3.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }, { kind: "component", type: i4.ModalLayoutComponent, selector: "sp-modal-layout" }, { kind: "component", type: i5.ModalHeaderComponent, selector: "sp-modal-header", inputs: ["subheading", "hideCloseButton"], outputs: ["closeClicked"] }, { kind: "component", type: i6.ModalBodyComponent, selector: "sp-modal-body", inputs: ["noPadding"] }, { kind: "component", type: i7.ModalFooterComponent, selector: "sp-modal-footer" }, { kind: "component", type: i8.DialogComponent, selector: "sp-dialog", inputs: ["size"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DangerDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sp-danger-dialog', exportAs: 'spDangerDialog', template: "<sp-dialog role=\"alertdialog\">\n  <sp-dialog-header *ngIf=\"heading\">{{ heading }}</sp-dialog-header>\n  <sp-dialog-content><ng-content></ng-content></sp-dialog-content>\n  <sp-dialog-footer>\n    <button\n      sp-button\n      variant=\"secondary\"\n      (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n    >\n      {{ secondaryActionLabel }}\n    </button>\n    <button\n      sp-button\n      variant=\"dangerSecondary\"\n      (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n    >\n      {{ primaryActionLabel }}\n    </button>\n  </sp-dialog-footer>\n</sp-dialog>\n" }]
+            args: [{ selector: 'sp-danger-dialog', exportAs: 'spDangerDialog', template: "<sp-dialog role=\"alertdialog\">\n  <sp-modal-layout>\n    <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n      heading\n    }}</sp-modal-header>\n    <sp-modal-body><ng-content></ng-content></sp-modal-body>\n    <sp-modal-footer>\n      <sp-button-group>\n        <button\n          sp-button\n          variant=\"secondary\"\n          (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n        >\n          {{ secondaryActionLabel }}\n        </button>\n        <button\n          sp-button\n          variant=\"danger\"\n          (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n        >\n          {{ primaryActionLabel }}\n        </button>\n      </sp-button-group>\n    </sp-modal-footer>\n  </sp-modal-layout>\n</sp-dialog>\n" }]
         }], propDecorators: { heading: [{
                 type: Input
             }], primaryActionLabel: [{
@@ -59,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: ViewChild,
                 args: [DialogComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFuZ2VyLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGFuZ2VyLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGFuZ2VyLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7O0FBRXJEOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFNRTs7V0FFRztRQUVILFlBQU8sR0FBVyxFQUFFLENBQUM7UUFFckI7O1dBRUc7UUFFSCx1QkFBa0IsR0FBVyxFQUFFLENBQUM7UUFFaEM7O1dBRUc7UUFFSCx5QkFBb0IsR0FBVyxFQUFFLENBQUM7UUFFbEM7Ozs7V0FJRztRQUVILDBCQUFxQixHQUFHLElBQUksWUFBWSxFQUErQixDQUFDO1FBRXhFOzs7OztXQUtHO1FBRUgsNEJBQXVCLEdBQUcsSUFBSSxZQUFZLEVBQStCLENBQUM7S0FPM0U7O2tIQXpDWSxxQkFBcUI7c0dBQXJCLHFCQUFxQix5VUF1Q3JCLGVBQWUsOEVDekQ1QiwybEJBb0JBOzJGREZhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxrQkFBa0IsWUFFbEIsZ0JBQWdCOzhCQU8xQixPQUFPO3NCQUROLEtBQUs7Z0JBT04sa0JBQWtCO3NCQURqQixLQUFLO2dCQU9OLG9CQUFvQjtzQkFEbkIsS0FBSztnQkFTTixxQkFBcUI7c0JBRHBCLE1BQU07Z0JBVVAsdUJBQXVCO3NCQUR0QixNQUFNO2dCQU9QLE1BQU07c0JBREwsU0FBUzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL2RpYWxvZy5jb21wb25lbnQnO1xuXG4vKipcbiAqIEEgd3JhcHBlciBhcm91bmQgYDxzcC1kaWFsb2c+YCB3aGljaCBnaXZlcyB5b3UgYSBzaW1wbGUgd2F5IG9mIGNyZWF0aW5nIGFcbiAqIGRhbmdlciBkaWFsb2cgd2hpY2ggaXMgYWxpZ25lZCB3aXRoIFNhcHBoaXJlIGRlc2lnbiB2aXNpb24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWRhbmdlci1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGFuZ2VyLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIGV4cG9ydEFzOiAnc3BEYW5nZXJEaWFsb2cnLFxufSlcbmV4cG9ydCBjbGFzcyBEYW5nZXJEaWFsb2dDb21wb25lbnQge1xuICAvKipcbiAgICogRGlhbG9nIGhlYWRpbmcgdGV4dC4gUGFzc2VkIHRvIHRoZSB3cmFwcGVkIGBzcC1kaWFsb2dgXG4gICAqL1xuICBASW5wdXQoKVxuICBoZWFkaW5nOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogVGhlIGxhYmVsIG9mIHRoZSBwcmltYXJ5IGFjdGlvbiBidXR0b24gaW4gdGhlIGRpYWxvZyBmb290ZXIuXG4gICAqL1xuICBASW5wdXQoKVxuICBwcmltYXJ5QWN0aW9uTGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBUaGUgbGFiZWwgb2YgdGhlIHNlY29uZGFyeSBhY3Rpb24gYnV0dG9uIGluIHRoZSBkaWFsb2cgZm9vdGVyLlxuICAgKi9cbiAgQElucHV0KClcbiAgc2Vjb25kYXJ5QWN0aW9uTGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBFbWl0dGVkIHdoZW4gdGhlIHByaW1hcnkgYWN0aW9uIGlzIHRyaWdnZXJlZC4gVXNlIGAkZXZlbnQuZGlhbG9nYCB0byBhY2Nlc3NcbiAgICogdGhlIHdyYXBwZWQgZGlhbG9nIGluIHRoZSBldmVudCBoYW5kbGVyLCBhbmQgY2xvc2UgdGhlIGRpYWxvZyBieSBjYWxsaW5nXG4gICAqIGAkZXZlbnQuZGlhbG9nLmNsb3NlKClgXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHJpbWFyeUFjdGlvblNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjx7IGRpYWxvZzogRGlhbG9nQ29tcG9uZW50IH0+KCk7XG5cbiAgLyoqXG4gICAqIEVtaXR0ZWQgd2hlbiB0aGUgc2Vjb25kYXJ5IGFjdGlvbiBpcyB0cmlnZ2VyZWQuIFVzZSBgJGV2ZW50LmRpYWxvZ2AgdG9cbiAgICogYWNjZXNzIHRoZSB3cmFwcGVkIGRpYWxvZyBpbiB0aGUgZXZlbnQgaGFuZGxlciwgYW5kIGNsb3NlIHRoZSBkaWFsb2cgYnlcbiAgICogY2FsbGluZ1xuICAgKiBgJGV2ZW50LmRpYWxvZy5jbG9zZSgpYFxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHNlY29uZGFyeUFjdGlvblNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjx7IGRpYWxvZzogRGlhbG9nQ29tcG9uZW50IH0+KCk7XG5cbiAgLyoqXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgd3JhcHBlZCBgc3AtZGlhbG9nYCBjb21wb25lbnQuXG4gICAqL1xuICBAVmlld0NoaWxkKERpYWxvZ0NvbXBvbmVudClcbiAgZGlhbG9nPzogRGlhbG9nQ29tcG9uZW50O1xufVxuIiwiPHNwLWRpYWxvZyByb2xlPVwiYWxlcnRkaWFsb2dcIj5cbiAgPHNwLWRpYWxvZy1oZWFkZXIgKm5nSWY9XCJoZWFkaW5nXCI+e3sgaGVhZGluZyB9fTwvc3AtZGlhbG9nLWhlYWRlcj5cbiAgPHNwLWRpYWxvZy1jb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwLWRpYWxvZy1jb250ZW50PlxuICA8c3AtZGlhbG9nLWZvb3Rlcj5cbiAgICA8YnV0dG9uXG4gICAgICBzcC1idXR0b25cbiAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgKGNsaWNrKT1cImRpYWxvZyAmJiBzZWNvbmRhcnlBY3Rpb25TZWxlY3RlZC5lbWl0KHtkaWFsb2d9KVwiXG4gICAgPlxuICAgICAge3sgc2Vjb25kYXJ5QWN0aW9uTGFiZWwgfX1cbiAgICA8L2J1dHRvbj5cbiAgICA8YnV0dG9uXG4gICAgICBzcC1idXR0b25cbiAgICAgIHZhcmlhbnQ9XCJkYW5nZXJTZWNvbmRhcnlcIlxuICAgICAgKGNsaWNrKT1cImRpYWxvZyAmJiBwcmltYXJ5QWN0aW9uU2VsZWN0ZWQuZW1pdCh7ZGlhbG9nfSlcIlxuICAgID5cbiAgICAgIHt7IHByaW1hcnlBY3Rpb25MYWJlbCB9fVxuICAgIDwvYnV0dG9uPlxuICA8L3NwLWRpYWxvZy1mb290ZXI+XG48L3NwLWRpYWxvZz5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFuZ2VyLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGFuZ2VyLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGFuZ2VyLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7Ozs7QUFFckQ7OztHQUdHO0FBTUgsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQU1FOztXQUVHO1FBRUgsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUVyQjs7V0FFRztRQUVILHVCQUFrQixHQUFXLEVBQUUsQ0FBQztRQUVoQzs7V0FFRztRQUVILHlCQUFvQixHQUFXLEVBQUUsQ0FBQztRQUVsQzs7OztXQUlHO1FBRUgsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQStCLENBQUM7UUFFeEU7Ozs7O1dBS0c7UUFFSCw0QkFBdUIsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztLQU8zRTs7a0hBekNZLHFCQUFxQjtzR0FBckIscUJBQXFCLHlVQXVDckIsZUFBZSw4RUN6RDVCLGd3QkEwQkE7MkZEUmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGtCQUFrQixZQUVsQixnQkFBZ0I7OEJBTzFCLE9BQU87c0JBRE4sS0FBSztnQkFPTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBT04sb0JBQW9CO3NCQURuQixLQUFLO2dCQVNOLHFCQUFxQjtzQkFEcEIsTUFBTTtnQkFVUCx1QkFBdUI7c0JBRHRCLE1BQU07Z0JBT1AsTUFBTTtzQkFETCxTQUFTO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQSB3cmFwcGVyIGFyb3VuZCBgPHNwLWRpYWxvZz5gIHdoaWNoIGdpdmVzIHlvdSBhIHNpbXBsZSB3YXkgb2YgY3JlYXRpbmcgYVxuICogZGFuZ2VyIGRpYWxvZyB3aGljaCBpcyBhbGlnbmVkIHdpdGggU2FwcGhpcmUgZGVzaWduIHZpc2lvbi5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtZGFuZ2VyLWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYW5nZXItZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgZXhwb3J0QXM6ICdzcERhbmdlckRpYWxvZycsXG59KVxuZXhwb3J0IGNsYXNzIERhbmdlckRpYWxvZ0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEaWFsb2cgaGVhZGluZyB0ZXh0LiBQYXNzZWQgdG8gdGhlIHdyYXBwZWQgYHNwLWRpYWxvZ2BcbiAgICovXG4gIEBJbnB1dCgpXG4gIGhlYWRpbmc6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBUaGUgbGFiZWwgb2YgdGhlIHByaW1hcnkgYWN0aW9uIGJ1dHRvbiBpbiB0aGUgZGlhbG9nIGZvb3Rlci5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHByaW1hcnlBY3Rpb25MYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIFRoZSBsYWJlbCBvZiB0aGUgc2Vjb25kYXJ5IGFjdGlvbiBidXR0b24gaW4gdGhlIGRpYWxvZyBmb290ZXIuXG4gICAqL1xuICBASW5wdXQoKVxuICBzZWNvbmRhcnlBY3Rpb25MYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIEVtaXR0ZWQgd2hlbiB0aGUgcHJpbWFyeSBhY3Rpb24gaXMgdHJpZ2dlcmVkLiBVc2UgYCRldmVudC5kaWFsb2dgIHRvIGFjY2Vzc1xuICAgKiB0aGUgd3JhcHBlZCBkaWFsb2cgaW4gdGhlIGV2ZW50IGhhbmRsZXIsIGFuZCBjbG9zZSB0aGUgZGlhbG9nIGJ5IGNhbGxpbmdcbiAgICogYCRldmVudC5kaWFsb2cuY2xvc2UoKWBcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwcmltYXJ5QWN0aW9uU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZGlhbG9nOiBEaWFsb2dDb21wb25lbnQgfT4oKTtcblxuICAvKipcbiAgICogRW1pdHRlZCB3aGVuIHRoZSBzZWNvbmRhcnkgYWN0aW9uIGlzIHRyaWdnZXJlZC4gVXNlIGAkZXZlbnQuZGlhbG9nYCB0b1xuICAgKiBhY2Nlc3MgdGhlIHdyYXBwZWQgZGlhbG9nIGluIHRoZSBldmVudCBoYW5kbGVyLCBhbmQgY2xvc2UgdGhlIGRpYWxvZyBieVxuICAgKiBjYWxsaW5nXG4gICAqIGAkZXZlbnQuZGlhbG9nLmNsb3NlKClgXG4gICAqL1xuICBAT3V0cHV0KClcbiAgc2Vjb25kYXJ5QWN0aW9uU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZGlhbG9nOiBEaWFsb2dDb21wb25lbnQgfT4oKTtcblxuICAvKipcbiAgICogUmVmZXJlbmNlIHRvIHRoZSB3cmFwcGVkIGBzcC1kaWFsb2dgIGNvbXBvbmVudC5cbiAgICovXG4gIEBWaWV3Q2hpbGQoRGlhbG9nQ29tcG9uZW50KVxuICBkaWFsb2c/OiBEaWFsb2dDb21wb25lbnQ7XG59XG4iLCI8c3AtZGlhbG9nIHJvbGU9XCJhbGVydGRpYWxvZ1wiPlxuICA8c3AtbW9kYWwtbGF5b3V0PlxuICAgIDxzcC1tb2RhbC1oZWFkZXIgKm5nSWY9XCJoZWFkaW5nXCIgaGlkZUNsb3NlQnV0dG9uPnt7XG4gICAgICBoZWFkaW5nXG4gICAgfX08L3NwLW1vZGFsLWhlYWRlcj5cbiAgICA8c3AtbW9kYWwtYm9keT48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcC1tb2RhbC1ib2R5PlxuICAgIDxzcC1tb2RhbC1mb290ZXI+XG4gICAgICA8c3AtYnV0dG9uLWdyb3VwPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgc3AtYnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgKGNsaWNrKT1cImRpYWxvZyAmJiBzZWNvbmRhcnlBY3Rpb25TZWxlY3RlZC5lbWl0KHtkaWFsb2d9KVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBzZWNvbmRhcnlBY3Rpb25MYWJlbCB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHNwLWJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJkYW5nZXJcIlxuICAgICAgICAgIChjbGljayk9XCJkaWFsb2cgJiYgcHJpbWFyeUFjdGlvblNlbGVjdGVkLmVtaXQoe2RpYWxvZ30pXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7IHByaW1hcnlBY3Rpb25MYWJlbCB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvc3AtYnV0dG9uLWdyb3VwPlxuICAgIDwvc3AtbW9kYWwtZm9vdGVyPlxuICA8L3NwLW1vZGFsLWxheW91dD5cbjwvc3AtZGlhbG9nPlxuIl19

package/esm2020/lib/modal/src/dialog/dialog.component.mjs

@@ -1,7 +1,4 @@
-import { Component, ContentChild, Input } from '@angular/core';
-import { DialogFooterDirective } from './dialog-footer.component';
-import { DialogContentDirective } from './dialog-content.directive';
-import { DialogHeaderDirective } from './dialog-header.component';
+import { Component, Input } from '@angular/core';
 import { ModalBaseComponent } from '../modal-base.component';
 import { UseComponentStylesOnHost } from '../../../common/sapphire-view-encapsulation';
 import * as i0 from "@angular/core";
@@ -12,50 +9,28 @@ import * as i2 from "../../../common/sapphire-view-encapsulation";
  * information via a dialog box that sits on top of the page content.
  */
 export class DialogComponent extends ModalBaseComponent {
-    /**
-     * Type of the dialog:
-     *  - 'passive': A dialog without footer with actions. Passive dialogs are
-     *     used to display information, that doesn't require any further action.
-     *  - 'active': A dialog with a footer that contains actions. Active dialogs
-     *     are used to display information based on which the user is supposed to
-     *     decide on an action
-     */
-    get type() {
-        return this.contentInitialized && !Boolean(this.footer)
-            ? 'passive'
-            : 'active';
-    }
     constructor(dialogRef) {
         super(dialogRef);
         this.dialogRef = dialogRef;
         /**
          * Dialog size, constraining the width of the dialog.
          */
-        this.size = 'small';
+        this.size = 'sm';
     }
 }
 DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogComponent, selector: "sp-dialog", inputs: { size: "size" }, host: { properties: { "class.sapphire-dialog--xs": "size === 'extra-small'", "class.sapphire-dialog--sm": "size === 'small'", "class.sapphire-dialog--md": "size === 'medium'", "class.sapphire-dialog--lg": "size === 'large'", "class.sapphire-dialog--exiting": "dialogRef.closing" }, classAttribute: "sapphire-dialog" }, queries: [{ propertyName: "footer", first: true, predicate: DialogFooterDirective, descendants: true }, { propertyName: "header", first: true, predicate: DialogHeaderDirective, descendants: true }, { propertyName: "content", first: true, predicate: DialogContentDirective, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<div class=\"sapphire-modal-layout\">\n  <ng-content select=\"sp-dialog-header, [spDialogHeader]\"></ng-content>\n  <ng-content select=\"sp-dialog-content, [sp-dialog-content]\"></ng-content>\n  <ng-content select=\"sp-dialog-footer, [spDialogFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] });
+DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogComponent, selector: "sp-dialog", inputs: { size: "size" }, host: { properties: { "class.sapphire-dialog--xs": "size === 'xs'", "class.sapphire-dialog--sm": "size === 'sm'", "class.sapphire-dialog--md": "size === 'md'", "class.sapphire-dialog--lg": "size === 'lg'", "class.sapphire-dialog--exiting": "dialogRef.closing" }, classAttribute: "sapphire-dialog" }, usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sp-dialog', host: {
+            args: [{ selector: 'sp-dialog', template: '<ng-content></ng-content>', host: {
                         class: 'sapphire-dialog',
-                        '[class.sapphire-dialog--xs]': "size === 'extra-small'",
-                        '[class.sapphire-dialog--sm]': "size === 'small'",
-                        '[class.sapphire-dialog--md]': "size === 'medium'",
-                        '[class.sapphire-dialog--lg]': "size === 'large'",
+                        '[class.sapphire-dialog--xs]': "size === 'xs'",
+                        '[class.sapphire-dialog--sm]': "size === 'sm'",
+                        '[class.sapphire-dialog--md]': "size === 'md'",
+                        '[class.sapphire-dialog--lg]': "size === 'lg'",
                         '[class.sapphire-dialog--exiting]': 'dialogRef.closing',
-                    }, hostDirectives: [UseComponentStylesOnHost], template: "<div class=\"sapphire-modal-layout\">\n  <ng-content select=\"sp-dialog-header, [spDialogHeader]\"></ng-content>\n  <ng-content select=\"sp-dialog-content, [sp-dialog-content]\"></ng-content>\n  <ng-content select=\"sp-dialog-footer, [spDialogFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] }]
+                    }, hostDirectives: [UseComponentStylesOnHost], styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { size: [{
                 type: Input
-            }], footer: [{
-                type: ContentChild,
-                args: [DialogFooterDirective]
-            }], header: [{
-                type: ContentChild,
-                args: [DialogHeaderDirective]
-            }], content: [{
-                type: ContentChild,
-                args: [DialogContentDirective]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2RpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7QUFFdkY7OztHQUdHO0FBZUgsTUFBTSxPQUFPLGVBQWdCLFNBQVEsa0JBQWtCO0lBT3JEOzs7Ozs7O09BT0c7SUFDSCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1lBQ3JELENBQUMsQ0FBQyxTQUFTO1lBQ1gsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUNmLENBQUM7SUFXRCxZQUFzQixTQUFvQjtRQUN4QyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7UUFERyxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBN0IxQzs7V0FFRztRQUVILFNBQUksR0FBaUQsT0FBTyxDQUFDO0lBMkI3RCxDQUFDOzs0R0FoQ1UsZUFBZTtnR0FBZixlQUFlLDhhQXFCWixxQkFBcUIseUVBR3JCLHFCQUFxQiwwRUFHckIsc0JBQXNCLHFJQ3JEdEMsc1JBS0E7MkZEcUJhLGVBQWU7a0JBZDNCLFNBQVM7K0JBQ0UsV0FBVyxRQUVmO3dCQUNKLEtBQUssRUFBRSxpQkFBaUI7d0JBQ3hCLDZCQUE2QixFQUFFLHdCQUF3Qjt3QkFDdkQsNkJBQTZCLEVBQUUsa0JBQWtCO3dCQUNqRCw2QkFBNkIsRUFBRSxtQkFBbUI7d0JBQ2xELDZCQUE2QixFQUFFLGtCQUFrQjt3QkFDakQsa0NBQWtDLEVBQUUsbUJBQW1CO3FCQUN4RCxrQkFDZSxDQUFDLHdCQUF3QixDQUFDO2dHQVExQyxJQUFJO3NCQURILEtBQUs7Z0JBa0JOLE1BQU07c0JBREwsWUFBWTt1QkFBQyxxQkFBcUI7Z0JBSW5DLE1BQU07c0JBREwsWUFBWTt1QkFBQyxxQkFBcUI7Z0JBSW5DLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgRGlhbG9nRm9vdGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9kaWFsb2ctZm9vdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEaWFsb2dDb250ZW50RGlyZWN0aXZlIH0gZnJvbSAnLi9kaWFsb2ctY29udGVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGlhbG9nSGVhZGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9kaWFsb2ctaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb2RhbEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9tb2RhbC1iYXNlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuLyoqXG4gKiBEaWFsb2dzIGZvY3VzIHRoZSB1c2VyJ3MgYXR0ZW50aW9uIGV4Y2x1c2l2ZWx5IG9uIG9uZSB0YXNrIG9yIHBpZWNlIG9mXG4gKiBpbmZvcm1hdGlvbiB2aWEgYSBkaWFsb2cgYm94IHRoYXQgc2l0cyBvbiB0b3Agb2YgdGhlIHBhZ2UgY29udGVudC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLWRpYWxvZycsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLXhzXSc6IFwic2l6ZSA9PT0gJ2V4dHJhLXNtYWxsJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1zbV0nOiBcInNpemUgPT09ICdzbWFsbCdcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWRpYWxvZy0tbWRdJzogXCJzaXplID09PSAnbWVkaXVtJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1sZ10nOiBcInNpemUgPT09ICdsYXJnZSdcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWRpYWxvZy0tZXhpdGluZ10nOiAnZGlhbG9nUmVmLmNsb3NpbmcnLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG4gIHN0eWxlVXJsczogWycuL2RpYWxvZy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dDb21wb25lbnQgZXh0ZW5kcyBNb2RhbEJhc2VDb21wb25lbnQge1xuICAvKipcbiAgICogRGlhbG9nIHNpemUsIGNvbnN0cmFpbmluZyB0aGUgd2lkdGggb2YgdGhlIGRpYWxvZy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHNpemU6ICdleHRyYS1zbWFsbCcgfCAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ3NtYWxsJztcblxuICAvKipcbiAgICogVHlwZSBvZiB0aGUgZGlhbG9nOlxuICAgKiAgLSAncGFzc2l2ZSc6IEEgZGlhbG9nIHdpdGhvdXQgZm9vdGVyIHdpdGggYWN0aW9ucy4gUGFzc2l2ZSBkaWFsb2dzIGFyZVxuICAgKiAgICAgdXNlZCB0byBkaXNwbGF5IGluZm9ybWF0aW9uLCB0aGF0IGRvZXNuJ3QgcmVxdWlyZSBhbnkgZnVydGhlciBhY3Rpb24uXG4gICAqICAtICdhY3RpdmUnOiBBIGRpYWxvZyB3aXRoIGEgZm9vdGVyIHRoYXQgY29udGFpbnMgYWN0aW9ucy4gQWN0aXZlIGRpYWxvZ3NcbiAgICogICAgIGFyZSB1c2VkIHRvIGRpc3BsYXkgaW5mb3JtYXRpb24gYmFzZWQgb24gd2hpY2ggdGhlIHVzZXIgaXMgc3VwcG9zZWQgdG9cbiAgICogICAgIGRlY2lkZSBvbiBhbiBhY3Rpb25cbiAgICovXG4gIGdldCB0eXBlKCk6ICdwYXNzaXZlJyB8ICdhY3RpdmUnIHtcbiAgICByZXR1cm4gdGhpcy5jb250ZW50SW5pdGlhbGl6ZWQgJiYgIUJvb2xlYW4odGhpcy5mb290ZXIpXG4gICAgICA/ICdwYXNzaXZlJ1xuICAgICAgOiAnYWN0aXZlJztcbiAgfVxuXG4gIEBDb250ZW50Q2hpbGQoRGlhbG9nRm9vdGVyRGlyZWN0aXZlKVxuICBmb290ZXI/OiBEaWFsb2dGb290ZXJEaXJlY3RpdmU7XG5cbiAgQENvbnRlbnRDaGlsZChEaWFsb2dIZWFkZXJEaXJlY3RpdmUpXG4gIGhlYWRlcj86IERpYWxvZ0hlYWRlckRpcmVjdGl2ZTtcblxuICBAQ29udGVudENoaWxkKERpYWxvZ0NvbnRlbnREaXJlY3RpdmUpXG4gIGNvbnRlbnQ/OiBEaWFsb2dDb250ZW50RGlyZWN0aXZlO1xuXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBkaWFsb2dSZWY6IERpYWxvZ1JlZikge1xuICAgIHN1cGVyKGRpYWxvZ1JlZik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3AtZGlhbG9nLWhlYWRlciwgW3NwRGlhbG9nSGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3AtZGlhbG9nLWNvbnRlbnQsIFtzcC1kaWFsb2ctY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNwLWRpYWxvZy1mb290ZXIsIFtzcERpYWxvZ0Zvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBRXZGOzs7R0FHRztBQWVILE1BQU0sT0FBTyxlQUFnQixTQUFRLGtCQUFrQjtJQU9yRCxZQUFzQixTQUFvQjtRQUN4QyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7UUFERyxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBTjFDOztXQUVHO1FBRUgsU0FBSSxHQUE4QixJQUFJLENBQUM7SUFJdkMsQ0FBQzs7NEdBVFUsZUFBZTtnR0FBZixlQUFlLDRjQVpoQiwyQkFBMkI7MkZBWTFCLGVBQWU7a0JBZDNCLFNBQVM7K0JBQ0UsV0FBVyxZQUNYLDJCQUEyQixRQUMvQjt3QkFDSixLQUFLLEVBQUUsaUJBQWlCO3dCQUN4Qiw2QkFBNkIsRUFBRSxlQUFlO3dCQUM5Qyw2QkFBNkIsRUFBRSxlQUFlO3dCQUM5Qyw2QkFBNkIsRUFBRSxlQUFlO3dCQUM5Qyw2QkFBNkIsRUFBRSxlQUFlO3dCQUM5QyxrQ0FBa0MsRUFBRSxtQkFBbUI7cUJBQ3hELGtCQUNlLENBQUMsd0JBQXdCLENBQUM7Z0dBUTFDLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgTW9kYWxCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9kYWwtYmFzZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogRGlhbG9ncyBmb2N1cyB0aGUgdXNlcidzIGF0dGVudGlvbiBleGNsdXNpdmVseSBvbiBvbmUgdGFzayBvciBwaWVjZSBvZlxuICogaW5mb3JtYXRpb24gdmlhIGEgZGlhbG9nIGJveCB0aGF0IHNpdHMgb24gdG9wIG9mIHRoZSBwYWdlIGNvbnRlbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWRpYWxvZycsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLWRpYWxvZycsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLXhzXSc6IFwic2l6ZSA9PT0gJ3hzJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1zbV0nOiBcInNpemUgPT09ICdzbSdcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWRpYWxvZy0tbWRdJzogXCJzaXplID09PSAnbWQnXCIsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLWxnXSc6IFwic2l6ZSA9PT0gJ2xnJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1leGl0aW5nXSc6ICdkaWFsb2dSZWYuY2xvc2luZycsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbiAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0NvbXBvbmVudCBleHRlbmRzIE1vZGFsQmFzZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEaWFsb2cgc2l6ZSwgY29uc3RyYWluaW5nIHRoZSB3aWR0aCBvZiB0aGUgZGlhbG9nLlxuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZTogJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyA9ICdzbSc7XG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGRpYWxvZ1JlZjogRGlhbG9nUmVmKSB7XG4gICAgc3VwZXIoZGlhbG9nUmVmKTtcbiAgfVxufVxuIl19

package/esm2020/lib/modal/src/layout/modal-back-button.directive.mjs

@@ -0,0 +1,13 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ModalBackButtonDirective {
+}
+ModalBackButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalBackButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ModalBackButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ModalBackButtonDirective, selector: "[spModalBackButton]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalBackButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[spModalBackButton]',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtYmFjay1idXR0b24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvbGF5b3V0L21vZGFsLWJhY2stYnV0dG9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUsxQyxNQUFNLE9BQU8sd0JBQXdCOztxSEFBeEIsd0JBQXdCO3lHQUF4Qix3QkFBd0I7MkZBQXhCLHdCQUF3QjtrQkFIcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BNb2RhbEJhY2tCdXR0b25dJyxcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxCYWNrQnV0dG9uRGlyZWN0aXZlIHt9XG4iXX0=

package/esm2020/lib/modal/src/layout/modal-body.component.mjs

@@ -0,0 +1,38 @@
+import { Component, Input } from '@angular/core';
+import { ScrollMonitorDirective } from '../../../common/scroll-monitor.directive';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../common/scroll-monitor.directive";
+import * as i2 from "../../../common/sapphire-view-encapsulation";
+export class ModalBodyComponent {
+    get noPadding() {
+        return this._noPadding;
+    }
+    set noPadding(value) {
+        this._noPadding = coerceBooleanProperty(value);
+    }
+    constructor(_scrollMonitor) {
+        this._scrollMonitor = _scrollMonitor;
+        this._noPadding = false;
+    }
+}
+ModalBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalBodyComponent, deps: [{ token: i1.ScrollMonitorDirective }], target: i0.ɵɵFactoryTarget.Component });
+ModalBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ModalBodyComponent, selector: "sp-modal-body", inputs: { noPadding: "noPadding" }, host: { properties: { "class.sapphire-modal-layout__body--no-padding": "noPadding", "class.sapphire-modal-layout__body--scrollable": "_scrollMonitor.scrollable", "class.sapphire-modal-layout__body--scrolled": "_scrollMonitor.scrolled" }, classAttribute: "sapphire-modal-layout__body" }, hostDirectives: [{ directive: i1.ScrollMonitorDirective }, { directive: i2.UseComponentStyles }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalBodyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sp-modal-body',
+                    hostDirectives: [ScrollMonitorDirective, UseComponentStyles],
+                    template: `<ng-content></ng-content>`,
+                    host: {
+                        class: 'sapphire-modal-layout__body',
+                        '[class.sapphire-modal-layout__body--no-padding]': 'noPadding',
+                        '[class.sapphire-modal-layout__body--scrollable]': '_scrollMonitor.scrollable',
+                        '[class.sapphire-modal-layout__body--scrolled]': '_scrollMonitor.scrolled',
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ScrollMonitorDirective }]; }, propDecorators: { noPadding: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtYm9keS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9sYXlvdXQvbW9kYWwtYm9keS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDbEYsT0FBTyxFQUFnQixxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBY2pGLE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsSUFDSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFDRCxJQUFJLFNBQVMsQ0FBQyxLQUFtQjtRQUMvQixJQUFJLENBQUMsVUFBVSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFHRCxZQUFtQixjQUFzQztRQUF0QyxtQkFBYyxHQUFkLGNBQWMsQ0FBd0I7UUFGakQsZUFBVSxHQUFZLEtBQUssQ0FBQztJQUV3QixDQUFDOzsrR0FWbEQsa0JBQWtCO21HQUFsQixrQkFBa0IsMGRBVG5CLDJCQUEyQjsyRkFTMUIsa0JBQWtCO2tCQVo5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixjQUFjLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxrQkFBa0IsQ0FBQztvQkFDNUQsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSw2QkFBNkI7d0JBQ3BDLGlEQUFpRCxFQUFFLFdBQVc7d0JBQzlELGlEQUFpRCxFQUMvQywyQkFBMkI7d0JBQzdCLCtDQUErQyxFQUFFLHlCQUF5QjtxQkFDM0U7aUJBQ0Y7NkdBR0ssU0FBUztzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2Nyb2xsTW9uaXRvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zY3JvbGwtbW9uaXRvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLW1vZGFsLWJvZHknLFxuICBob3N0RGlyZWN0aXZlczogW1Njcm9sbE1vbml0b3JEaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc10sXG4gIHRlbXBsYXRlOiBgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PmAsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLW1vZGFsLWxheW91dF9fYm9keScsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHktLW5vLXBhZGRpbmddJzogJ25vUGFkZGluZycsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHktLXNjcm9sbGFibGVdJzpcbiAgICAgICdfc2Nyb2xsTW9uaXRvci5zY3JvbGxhYmxlJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLW1vZGFsLWxheW91dF9fYm9keS0tc2Nyb2xsZWRdJzogJ19zY3JvbGxNb25pdG9yLnNjcm9sbGVkJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxCb2R5Q29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgZ2V0IG5vUGFkZGluZygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fbm9QYWRkaW5nO1xuICB9XG4gIHNldCBub1BhZGRpbmcodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgIHRoaXMuX25vUGFkZGluZyA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gIH1cbiAgcHJpdmF0ZSBfbm9QYWRkaW5nOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHVibGljIF9zY3JvbGxNb25pdG9yOiBTY3JvbGxNb25pdG9yRGlyZWN0aXZlKSB7fVxufVxuIl19

package/esm2020/lib/modal/src/layout/modal-close-button.directive.mjs

@@ -0,0 +1,31 @@
+import { Directive, HostListener, Optional } from '@angular/core';
+import translations from '../../i18n';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../common/translate.service";
+import * as i2 from "@angular/cdk/dialog";
+export class ModalCloseButtonDirective {
+    constructor(t, dialogRef) {
+        this.dialogRef = dialogRef;
+        this.dismissLabel = t.translate('dismiss', translations);
+    }
+    close() {
+        this.dialogRef?.close();
+    }
+}
+ModalCloseButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalCloseButtonDirective, deps: [{ token: i1.TranslateService }, { token: i2.DialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ModalCloseButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ModalCloseButtonDirective, selector: "button[spModalCloseButton]", host: { listeners: { "click": "close()" }, properties: { "attr.aria-label": "dismissLabel" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalCloseButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[spModalCloseButton]',
+                    host: {
+                        '[attr.aria-label]': 'dismissLabel',
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i2.DialogRef, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { close: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY2xvc2UtYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2xheW91dC9tb2RhbC1jbG9zZS1idXR0b24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVsRSxPQUFPLFlBQVksTUFBTSxZQUFZLENBQUM7Ozs7QUFRdEMsTUFBTSxPQUFPLHlCQUF5QjtJQUNwQyxZQUNFLENBQW1CLEVBQ0MsU0FBMkI7UUFBM0IsY0FBUyxHQUFULFNBQVMsQ0FBa0I7UUFFL0MsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsU0FBUyxDQUFDLFNBQVMsRUFBRSxZQUFZLENBQUMsQ0FBQztJQUMzRCxDQUFDO0lBS0QsS0FBSztRQUNILElBQUksQ0FBQyxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7c0hBYlUseUJBQXlCOzBHQUF6Qix5QkFBeUI7MkZBQXpCLHlCQUF5QjtrQkFOckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxJQUFJLEVBQUU7d0JBQ0osbUJBQW1CLEVBQUUsY0FBYztxQkFDcEM7aUJBQ0Y7OzBCQUlJLFFBQVE7NENBUVgsS0FBSztzQkFESixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi90cmFuc2xhdGUuc2VydmljZSc7XG5pbXBvcnQgdHJhbnNsYXRpb25zIGZyb20gJy4uLy4uL2kxOG4nO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdidXR0b25bc3BNb2RhbENsb3NlQnV0dG9uXScsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuYXJpYS1sYWJlbF0nOiAnZGlzbWlzc0xhYmVsJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxDbG9zZUJ1dHRvbkRpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHQ6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgQE9wdGlvbmFsKCkgcHJpdmF0ZSBkaWFsb2dSZWY6IERpYWxvZ1JlZiB8IG51bGxcbiAgKSB7XG4gICAgdGhpcy5kaXNtaXNzTGFiZWwgPSB0LnRyYW5zbGF0ZSgnZGlzbWlzcycsIHRyYW5zbGF0aW9ucyk7XG4gIH1cblxuICBkaXNtaXNzTGFiZWw6IHN0cmluZztcblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIGNsb3NlKCkge1xuICAgIHRoaXMuZGlhbG9nUmVmPy5jbG9zZSgpO1xuICB9XG59XG4iXX0=

package/esm2020/lib/modal/src/layout/modal-footer.component.mjs

@@ -0,0 +1,39 @@
+import { Component, Directive } from '@angular/core';
+import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../common/sapphire-view-encapsulation";
+/**
+ * Marks a piece of UI as modal footer (eg. dialog, panel). Use only for
+ * **custom** footer. For a standard modal footer with default padding,
+ * use {@link ModalFooterComponent sp-modal-footer} instead.
+ */
+export class ModalFooterDirective {
+}
+ModalFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ModalFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ModalFooterDirective, isStandalone: true, selector: "[spModalFooter]", host: { classAttribute: "sapphire-modal-layout__footer-container" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[spModalFooter]',
+                    host: {
+                        class: 'sapphire-modal-layout__footer-container',
+                    },
+                    hostDirectives: [UseComponentStyles],
+                    standalone: true,
+                }]
+        }] });
+/**
+ * Standard modal footer component (eg. dialog, panel) with default
+ * padding. For a custom footer, use
+ * {@link ModalFooterDirective spModalFooter attribute directive}.
+ */
+export class ModalFooterComponent {
+    constructor() { }
+}
+ModalFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ModalFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ModalFooterComponent, selector: "sp-modal-footer", hostDirectives: [{ directive: ModalFooterDirective }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sp-modal-footer', hostDirectives: [{ directive: ModalFooterDirective }], template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2xheW91dC9tb2RhbC1mb290ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvbGF5b3V0L21vZGFsLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQzs7O0FBRWpGOzs7O0dBSUc7QUFTSCxNQUFNLE9BQU8sb0JBQW9COztpSEFBcEIsb0JBQW9CO3FHQUFwQixvQkFBb0I7MkZBQXBCLG9CQUFvQjtrQkFSaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLHlDQUF5QztxQkFDakQ7b0JBQ0QsY0FBYyxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ3BDLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs7QUFHRDs7OztHQUlHO0FBTUgsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixnQkFBZSxDQUFDOztpSEFETCxvQkFBb0I7cUdBQXBCLG9CQUFvQiw2REFacEIsb0JBQW9CLDZCQ2hCakMsNEdBR0E7MkZEeUJhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxpQkFBaUIsa0JBRVgsQ0FBQyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG4vKipcbiAqIE1hcmtzIGEgcGllY2Ugb2YgVUkgYXMgbW9kYWwgZm9vdGVyIChlZy4gZGlhbG9nLCBwYW5lbCkuIFVzZSBvbmx5IGZvclxuICogKipjdXN0b20qKiBmb290ZXIuIEZvciBhIHN0YW5kYXJkIG1vZGFsIGZvb3RlciB3aXRoIGRlZmF1bHQgcGFkZGluZyxcbiAqIHVzZSB7QGxpbmsgTW9kYWxGb290ZXJDb21wb25lbnQgc3AtbW9kYWwtZm9vdGVyfSBpbnN0ZWFkLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BNb2RhbEZvb3Rlcl0nLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2Zvb3Rlci1jb250YWluZXInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsRm9vdGVyRGlyZWN0aXZlIHt9XG5cbi8qKlxuICogU3RhbmRhcmQgbW9kYWwgZm9vdGVyIGNvbXBvbmVudCAoZWcuIGRpYWxvZywgcGFuZWwpIHdpdGggZGVmYXVsdFxuICogcGFkZGluZy4gRm9yIGEgY3VzdG9tIGZvb3RlciwgdXNlXG4gKiB7QGxpbmsgTW9kYWxGb290ZXJEaXJlY3RpdmUgc3BNb2RhbEZvb3RlciBhdHRyaWJ1dGUgZGlyZWN0aXZlfS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtbW9kYWwtZm9vdGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWZvb3Rlci5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3REaXJlY3RpdmVzOiBbeyBkaXJlY3RpdmU6IE1vZGFsRm9vdGVyRGlyZWN0aXZlIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbEZvb3RlckNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2Zvb3RlclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/modal/src/layout/modal-header.component.mjs

@@ -0,0 +1,77 @@
+import { __decorate } from "tslib";
+import { Component, Directive, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
+import { AutoId } from '../../../common/auto-id.decorator';
+import { CoerceBoolean } from '../../../common/coerce-boolean.decorator';
+import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../common/sapphire-view-encapsulation";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../typography/src/heading.component";
+import * as i4 from "../../../icon/src/icon.component";
+import * as i5 from "../../../button/src/icon-button.component";
+import * as i6 from "./modal-close-button.directive";
+/**
+ * Marks a piece of UI as modal header (eg. dialog, panel).
+ * Use only for **custom** header. For standard header (a heading,
+ * optional subheading and a close button),
+ * use {@link ModalHeaderComponent sp-modal-header} instead.
+ */
+export class ModalHeaderDirective {
+    constructor() {
+        this.id = '';
+    }
+}
+ModalHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ModalHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ModalHeaderDirective, isStandalone: true, selector: "[spModalHeader]", inputs: { id: "id" }, host: { properties: { "id": "this.id" } }, ngImport: i0 });
+__decorate([
+    AutoId()
+], ModalHeaderDirective.prototype, "id", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[spModalHeader]',
+                    standalone: true, // need this to use as host directive
+                }]
+        }], propDecorators: { id: [{
+                type: HostBinding,
+                args: ['id']
+            }, {
+                type: Input
+            }] } });
+/**
+ * Standard modal header component (eg. dialog, panel), which consists
+ * of a heading (the content), optional subheading and a close button.
+ * For a custom header, use
+ * {@link ModalHeaderDirective spModalHeader attribute directive}.
+ */
+export class ModalHeaderComponent {
+    constructor() {
+        this.hideCloseButton = false;
+        this.closeEventEmitter = new EventEmitter();
+    }
+    close(event) {
+        this.closeEventEmitter.emit(event);
+    }
+}
+ModalHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ModalHeaderComponent, selector: "sp-modal-header", inputs: { subheading: "subheading", hideCloseButton: "hideCloseButton" }, outputs: { closeEventEmitter: "closeClicked" }, host: { classAttribute: "sapphire-modal-layout__header-container" }, hostDirectives: [{ directive: ModalHeaderDirective, inputs: ["id", "id"] }, { directive: i1.UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n  <ng-content select=\"[spModalBackButton]\"></ng-content>\n\n  <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n    <h3 sp-heading><ng-content></ng-content></h3>\n    <div\n      *ngIf=\"!!subheading\"\n      class=\"sapphire-modal-layout__subheading\"\n      _spUseComponentStyles\n    >\n      {{ subheading }}\n    </div>\n  </div>\n\n  <button\n    *ngIf=\"!hideCloseButton\"\n    sp-icon-button\n    variant=\"tertiary-ghost\"\n    size=\"md\"\n    (click)=\"close($event)\"\n    spModalCloseButton\n  >\n    <sp-icon name=\"close\"></sp-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.HeadingComponent, selector: "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", inputs: ["sp-heading", "fontVariant"] }, { kind: "component", type: i4.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: i5.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "size", "disabled", "type"] }, { kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }, { kind: "directive", type: i6.ModalCloseButtonDirective, selector: "button[spModalCloseButton]" }] });
+__decorate([
+    CoerceBoolean
+], ModalHeaderComponent.prototype, "hideCloseButton", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sp-modal-header', hostDirectives: [
+                        { directive: ModalHeaderDirective, inputs: ['id'] },
+                        UseComponentStyles,
+                    ], host: {
+                        class: 'sapphire-modal-layout__header-container',
+                    }, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n  <ng-content select=\"[spModalBackButton]\"></ng-content>\n\n  <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n    <h3 sp-heading><ng-content></ng-content></h3>\n    <div\n      *ngIf=\"!!subheading\"\n      class=\"sapphire-modal-layout__subheading\"\n      _spUseComponentStyles\n    >\n      {{ subheading }}\n    </div>\n  </div>\n\n  <button\n    *ngIf=\"!hideCloseButton\"\n    sp-icon-button\n    variant=\"tertiary-ghost\"\n    size=\"md\"\n    (click)=\"close($event)\"\n    spModalCloseButton\n  >\n    <sp-icon name=\"close\"></sp-icon>\n  </button>\n</div>\n" }]
+        }], propDecorators: { subheading: [{
+                type: Input
+            }], hideCloseButton: [{
+                type: Input
+            }], closeEventEmitter: [{
+                type: Output,
+                args: ['closeClicked']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2xheW91dC9tb2RhbC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvbGF5b3V0L21vZGFsLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDekUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7Ozs7O0FBRWpGOzs7OztHQUtHO0FBS0gsTUFBTSxPQUFPLG9CQUFvQjtJQUpqQztRQVFFLE9BQUUsR0FBRyxFQUFFLENBQUM7S0FDVDs7aUhBTFksb0JBQW9CO3FHQUFwQixvQkFBb0I7QUFJL0I7SUFEQyxNQUFNLEVBQUU7Z0RBQ0Q7MkZBSkcsb0JBQW9CO2tCQUpoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFVBQVUsRUFBRSxJQUFJLEVBQUUscUNBQXFDO2lCQUN4RDs4QkFLQyxFQUFFO3NCQUhELFdBQVc7dUJBQUMsSUFBSTs7c0JBQ2hCLEtBQUs7O0FBS1I7Ozs7O0dBS0c7QUFZSCxNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBaUJFLG9CQUFlLEdBQWtCLEtBQUssQ0FBQztRQUd2QyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBS3hDO0lBSEMsS0FBSyxDQUFDLEtBQWlCO1FBQ3JCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckMsQ0FBQzs7aUhBYlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsNFBBeEJwQixvQkFBb0IseUZDdkJqQyxrcUJBeUJBO0FENEJFO0lBREMsYUFBYTs2REFDeUI7MkZBTjVCLG9CQUFvQjtrQkFYaEMsU0FBUzsrQkFDRSxpQkFBaUIsa0JBRVg7d0JBQ2QsRUFBRSxTQUFTLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUU7d0JBQ25ELGtCQUFrQjtxQkFDbkIsUUFDSzt3QkFDSixLQUFLLEVBQUUseUNBQXlDO3FCQUNqRDs4QkFJRCxVQUFVO3NCQURULEtBQUs7Z0JBS04sZUFBZTtzQkFGZCxLQUFLO2dCQUtOLGlCQUFpQjtzQkFEaEIsTUFBTTt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRGlyZWN0aXZlLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF1dG9JZCB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9hdXRvLWlkLmRlY29yYXRvcic7XG5pbXBvcnQgeyBDb2VyY2VCb29sZWFuIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2NvZXJjZS1ib29sZWFuLmRlY29yYXRvcic7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXMgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuLyoqXG4gKiBNYXJrcyBhIHBpZWNlIG9mIFVJIGFzIG1vZGFsIGhlYWRlciAoZWcuIGRpYWxvZywgcGFuZWwpLlxuICogVXNlIG9ubHkgZm9yICoqY3VzdG9tKiogaGVhZGVyLiBGb3Igc3RhbmRhcmQgaGVhZGVyIChhIGhlYWRpbmcsXG4gKiBvcHRpb25hbCBzdWJoZWFkaW5nIGFuZCBhIGNsb3NlIGJ1dHRvbiksXG4gKiB1c2Uge0BsaW5rIE1vZGFsSGVhZGVyQ29tcG9uZW50IHNwLW1vZGFsLWhlYWRlcn0gaW5zdGVhZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwTW9kYWxIZWFkZXJdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSwgLy8gbmVlZCB0aGlzIHRvIHVzZSBhcyBob3N0IGRpcmVjdGl2ZVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbEhlYWRlckRpcmVjdGl2ZSB7XG4gIEBIb3N0QmluZGluZygnaWQnKVxuICBASW5wdXQoKVxuICBAQXV0b0lkKClcbiAgaWQgPSAnJztcbn1cblxuLyoqXG4gKiBTdGFuZGFyZCBtb2RhbCBoZWFkZXIgY29tcG9uZW50IChlZy4gZGlhbG9nLCBwYW5lbCksIHdoaWNoIGNvbnNpc3RzXG4gKiBvZiBhIGhlYWRpbmcgKHRoZSBjb250ZW50KSwgb3B0aW9uYWwgc3ViaGVhZGluZyBhbmQgYSBjbG9zZSBidXR0b24uXG4gKiBGb3IgYSBjdXN0b20gaGVhZGVyLCB1c2VcbiAqIHtAbGluayBNb2RhbEhlYWRlckRpcmVjdGl2ZSBzcE1vZGFsSGVhZGVyIGF0dHJpYnV0ZSBkaXJlY3RpdmV9LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1tb2RhbC1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7IGRpcmVjdGl2ZTogTW9kYWxIZWFkZXJEaXJlY3RpdmUsIGlucHV0czogWydpZCddIH0sXG4gICAgVXNlQ29tcG9uZW50U3R5bGVzLFxuICBdLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2hlYWRlci1jb250YWluZXInLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbEhlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHN1YmhlYWRpbmc/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgaGlkZUNsb3NlQnV0dG9uPzogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgQE91dHB1dCgnY2xvc2VDbGlja2VkJylcbiAgY2xvc2VFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY2xvc2UoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmNsb3NlRXZlbnRFbWl0dGVyLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2FwcGhpcmUtbW9kYWwtbGF5b3V0X19oZWFkZXJcIiBfc3BVc2VDb21wb25lbnRTdHlsZXM+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltzcE1vZGFsQmFja0J1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG5cbiAgPGRpdiBjbGFzcz1cInNhcHBoaXJlLW1vZGFsLWxheW91dF9faGVhZGluZy1jb250YWluZXJcIiBfc3BVc2VDb21wb25lbnRTdHlsZXM+XG4gICAgPGgzIHNwLWhlYWRpbmc+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvaDM+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCIhIXN1YmhlYWRpbmdcIlxuICAgICAgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX3N1YmhlYWRpbmdcIlxuICAgICAgX3NwVXNlQ29tcG9uZW50U3R5bGVzXG4gICAgPlxuICAgICAge3sgc3ViaGVhZGluZyB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8YnV0dG9uXG4gICAgKm5nSWY9XCIhaGlkZUNsb3NlQnV0dG9uXCJcbiAgICBzcC1pY29uLWJ1dHRvblxuICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeS1naG9zdFwiXG4gICAgc2l6ZT1cIm1kXCJcbiAgICAoY2xpY2spPVwiY2xvc2UoJGV2ZW50KVwiXG4gICAgc3BNb2RhbENsb3NlQnV0dG9uXG4gID5cbiAgICA8c3AtaWNvbiBuYW1lPVwiY2xvc2VcIj48L3NwLWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/modal/src/layout/modal-layout.component.mjs

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import { UseComponentStylesOnHost } from '../../../common/sapphire-view-encapsulation';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../common/sapphire-view-encapsulation";
+export class ModalLayoutComponent {
+}
+ModalLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ModalLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ModalLayoutComponent, selector: "sp-modal-layout", host: { classAttribute: "sapphire-modal-layout" }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: "<ng-content select=\"sp-modal-header, [spModalHeader]\"></ng-content>\n<ng-content select=\"sp-modal-body\"></ng-content>\n<ng-content select=\"sp-modal-footer, [spModalFooter]\"></ng-content>\n", styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sp-modal-layout', template: "<ng-content select=\"sp-modal-header, [spModalHeader]\"></ng-content>\n<ng-content select=\"sp-modal-body\"></ng-content>\n<ng-content select=\"sp-modal-footer, [spModalFooter]\"></ng-content>\n", host: {
+                        class: 'sapphire-modal-layout',
+                    }, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2xheW91dC9tb2RhbC1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvbGF5b3V0L21vZGFsLWxheW91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7QUFZdkYsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHdLQ2JqQyxvTUFHQTsyRkRVYSxvQkFBb0I7a0JBVmhDLFNBQVM7K0JBQ0UsaUJBQWlCLHdOQUdyQjt3QkFDSixLQUFLLEVBQUUsdUJBQXVCO3FCQUMvQixrQkFDZSxDQUFDLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtbW9kYWwtbGF5b3V0JyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWxheW91dC5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLW1vZGFsLWxheW91dCcsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtbGF5b3V0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsTGF5b3V0Q29tcG9uZW50IHt9XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJzcC1tb2RhbC1oZWFkZXIsIFtzcE1vZGFsSGVhZGVyXVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cInNwLW1vZGFsLWJvZHlcIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJzcC1tb2RhbC1mb290ZXIsIFtzcE1vZGFsRm9vdGVyXVwiPjwvbmctY29udGVudD5cbiJdfQ==