@danske/sapphire-angular 1.27.0 → 1.27.2

package/esm2020/lib/modal/src/dialog/dialog-content.directive.mjs

@@ -13,17 +13,17 @@ export class DialogContentDirective {
     }
 }
 DialogContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogContentDirective, deps: [{ token: i1.ScrollMonitorDirective }], target: i0.ɵɵFactoryTarget.Directive });
-DialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogContentDirective, selector: "sp-dialog-content, [sp-dialog-content]", host: { properties: { "class": "\"sapphire-dialog-body\"", "class.sapphire-dialog-body--scrollable": "_scrollMonitor.scrollable", "class.sapphire-dialog-body--scrolled": "_scrollMonitor.scrolled" } }, hostDirectives: [{ directive: i1.ScrollMonitorDirective }, { directive: i2.UseComponentStyles }], ngImport: i0 });
+DialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogContentDirective, selector: "sp-dialog-content, [sp-dialog-content]", host: { properties: { "class": "\"sapphire-modal-layout__body\"", "class.sapphire-modal-layout__body--scrollable": "_scrollMonitor.scrollable", "class.sapphire-modal-layout__body--scrolled": "_scrollMonitor.scrolled" } }, hostDirectives: [{ directive: i1.ScrollMonitorDirective }, { directive: i2.UseComponentStyles }], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'sp-dialog-content, [sp-dialog-content]',
                     hostDirectives: [ScrollMonitorDirective, UseComponentStyles],
                     host: {
-                        '[class]': '"sapphire-dialog-body"',
-                        '[class.sapphire-dialog-body--scrollable]': '_scrollMonitor.scrollable',
-                        '[class.sapphire-dialog-body--scrolled]': '_scrollMonitor.scrolled',
+                        '[class]': '"sapphire-modal-layout__body"',
+                        '[class.sapphire-modal-layout__body--scrollable]': '_scrollMonitor.scrollable',
+                        '[class.sapphire-modal-layout__body--scrolled]': '_scrollMonitor.scrolled',
                     },
                 }]
         }], ctorParameters: function () { return [{ type: i1.ScrollMonitorDirective }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2RpYWxvZy1jb250ZW50LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBRWpGOztHQUVHO0FBVUgsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQyxZQUFtQixjQUFzQztRQUF0QyxtQkFBYyxHQUFkLGNBQWMsQ0FBd0I7SUFBRyxDQUFDOzttSEFEbEQsc0JBQXNCO3VHQUF0QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFUbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsd0NBQXdDO29CQUNsRCxjQUFjLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxrQkFBa0IsQ0FBQztvQkFDNUQsSUFBSSxFQUFFO3dCQUNKLFNBQVMsRUFBRSx3QkFBd0I7d0JBQ25DLDBDQUEwQyxFQUFFLDJCQUEyQjt3QkFDdkUsd0NBQXdDLEVBQUUseUJBQXlCO3FCQUNwRTtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2Nyb2xsTW9uaXRvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zY3JvbGwtbW9uaXRvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICpcbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnc3AtZGlhbG9nLWNvbnRlbnQsIFtzcC1kaWFsb2ctY29udGVudF0nLFxuICBob3N0RGlyZWN0aXZlczogW1Njcm9sbE1vbml0b3JEaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc10sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzXSc6ICdcInNhcHBoaXJlLWRpYWxvZy1ib2R5XCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLWJvZHktLXNjcm9sbGFibGVdJzogJ19zY3JvbGxNb25pdG9yLnNjcm9sbGFibGUnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLWJvZHktLXNjcm9sbGVkXSc6ICdfc2Nyb2xsTW9uaXRvci5zY3JvbGxlZCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0NvbnRlbnREaXJlY3RpdmUge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX3Njcm9sbE1vbml0b3I6IFNjcm9sbE1vbml0b3JEaXJlY3RpdmUpIHt9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2RpYWxvZy1jb250ZW50LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBRWpGOztHQUVHO0FBV0gsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQyxZQUFtQixjQUFzQztRQUF0QyxtQkFBYyxHQUFkLGNBQWMsQ0FBd0I7SUFBRyxDQUFDOzttSEFEbEQsc0JBQXNCO3VHQUF0QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFWbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsd0NBQXdDO29CQUNsRCxjQUFjLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxrQkFBa0IsQ0FBQztvQkFDNUQsSUFBSSxFQUFFO3dCQUNKLFNBQVMsRUFBRSwrQkFBK0I7d0JBQzFDLGlEQUFpRCxFQUMvQywyQkFBMkI7d0JBQzdCLCtDQUErQyxFQUFFLHlCQUF5QjtxQkFDM0U7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNjcm9sbE1vbml0b3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2Nyb2xsLW1vbml0b3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG4vKipcbiAqXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3NwLWRpYWxvZy1jb250ZW50LCBbc3AtZGlhbG9nLWNvbnRlbnRdJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtTY3JvbGxNb25pdG9yRGlyZWN0aXZlLCBVc2VDb21wb25lbnRTdHlsZXNdLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnXCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHlcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHktLXNjcm9sbGFibGVdJzpcbiAgICAgICdfc2Nyb2xsTW9uaXRvci5zY3JvbGxhYmxlJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLW1vZGFsLWxheW91dF9fYm9keS0tc2Nyb2xsZWRdJzogJ19zY3JvbGxNb25pdG9yLnNjcm9sbGVkJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29udGVudERpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfc2Nyb2xsTW9uaXRvcjogU2Nyb2xsTW9uaXRvckRpcmVjdGl2ZSkge31cbn1cbiJdfQ==

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

@@ -11,13 +11,13 @@ import * as i2 from "../../../button/src/button-group.component";
 export class DialogFooterDirective {
 }
 DialogFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DialogFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogFooterDirective, isStandalone: true, selector: "[spDialogFooter]", host: { classAttribute: "sapphire-dialog-footer" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
+DialogFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogFooterDirective, isStandalone: true, selector: "[spDialogFooter]", 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: DialogFooterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[spDialogFooter]',
                     host: {
-                        class: 'sapphire-dialog-footer',
+                        class: 'sapphire-modal-layout__footer-container',
                     },
                     hostDirectives: [UseComponentStyles],
                     standalone: true,
@@ -49,14 +49,10 @@ export class DialogFooterComponent {
     }
 }
 DialogFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DialogFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogFooterComponent, selector: "sp-dialog-footer", inputs: { stretch: "stretch", orientation: "orientation" }, hostDirectives: [{ directive: DialogFooterDirective }], ngImport: i0, template: '<sp-button-group [stretch]="stretch" [orientation]="orientation"><ng-content></ng-content></sp-button-group>', isInline: true, dependencies: [{ kind: "component", type: i2.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "iconSpacing", "spacing", "orientation"] }] });
+DialogFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogFooterComponent, selector: "sp-dialog-footer", inputs: { stretch: "stretch", orientation: "orientation" }, hostDirectives: [{ directive: DialogFooterDirective }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n  <sp-button-group [stretch]=\"stretch\" [orientation]=\"orientation\">\n    <ng-content></ng-content>\n  </sp-button-group>\n</div>\n", dependencies: [{ kind: "component", type: i2.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "iconSpacing", "spacing", "orientation"] }, { kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogFooterComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'sp-dialog-footer',
-                    template: '<sp-button-group [stretch]="stretch" [orientation]="orientation"><ng-content></ng-content></sp-button-group>',
-                    hostDirectives: [DialogFooterDirective],
-                }]
+            args: [{ selector: 'sp-dialog-footer', hostDirectives: [DialogFooterDirective], template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n  <sp-button-group [stretch]=\"stretch\" [orientation]=\"orientation\">\n    <ng-content></ng-content>\n  </sp-button-group>\n</div>\n" }]
         }], propDecorators: { 
         /**
          * Controls stretching of the contents.
@@ -78,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
         orientation: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWZvb3Rlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBR2pGOzs7O0dBSUc7QUFTSCxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO3NHQUFyQixxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFSakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLHdCQUF3QjtxQkFDaEM7b0JBQ0QsY0FBYyxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ3BDLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs7QUFHRDs7OztHQUlHO0FBT0gsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQVFFOzs7Ozs7Ozs7O1dBVUc7UUFDSCxZQUFPLEdBQTRCLE1BQU0sQ0FBQztRQUcxQzs7V0FFRztRQUNILGdCQUFXLEdBQStCLFlBQVksQ0FBQztLQUN4RDs7a0hBcEJZLHFCQUFxQjtzR0FBckIscUJBQXFCLDBIQWJyQixxQkFBcUIsNkJBVTlCLDhHQUE4RzsyRkFHckcscUJBQXFCO2tCQU5qQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFDTiw4R0FBOEc7b0JBQ2hILGNBQWMsRUFBRSxDQUFDLHFCQUFxQixDQUFDO2lCQUN4Qzs7UUFHQzs7Ozs7Ozs7OztXQVVHO1FBQ0gsT0FBTztzQkFaTixLQUFLOztRQWVOOztXQUVHO1FBQ0gsV0FBVztzQkFKVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXMgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcbmltcG9ydCB7IEJ1dHRvbkdyb3VwU3RyZXRjaFR5cGUgfSBmcm9tICcuLi8uLi8uLi9idXR0b24vc3JjL2J1dHRvbi1ncm91cC5jb21wb25lbnQnO1xuXG4vKipcbiAqIE1hcmtzIGEgcGllY2Ugb2YgVUkgYXMgZGlhbG9nIGZvb3Rlci4gVXNlIG9ubHkgZm9yICoqY3VzdG9tKiogZm9vdGVyLlxuICogRm9yIHN0YW5kYXJkIGRpYWxvZyBmb290ZXIgKGEgbGlzdCBvZiByaWdodCBhbGlnbmVkIGJ1dHRvbnMpLFxuICogdXNlIHtAbGluayBEaWFsb2dGb290ZXJDb21wb25lbnQgc3AtZGlhbG9nLWZvb3Rlcn0gaW5zdGVhZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwRGlhbG9nRm9vdGVyXScsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLWRpYWxvZy1mb290ZXInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0Zvb3RlckRpcmVjdGl2ZSB7fVxuXG4vKipcbiAqIFN0YW5kYXJkIGRpYWxvZyBmb290ZXIgY29tcG9uZW50LiBUaGUgY29udGVudCBpcyBzdXBwb3NlZCB0byBiZSBhIGxpc3Qgb2ZcbiAqIGJ1dHRvbnMsIHdoaWNoIHdpbGwgYmUgYWxpZ25lZCB0byB0aGUgcmlnaHQgb2YgdGhlIGZvb3Rlci5cbiAqIEZvciBhIGN1c3RvbSBmb290ZXIsIHVzZSB7QGxpbmsgRGlhbG9nRm9vdGVyRGlyZWN0aXZlIHNwRGlhbG9nRm9vdGVyIGF0dHJpYnV0ZSBkaXJlY3RpdmV9LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1kaWFsb2ctZm9vdGVyJyxcbiAgdGVtcGxhdGU6XG4gICAgJzxzcC1idXR0b24tZ3JvdXAgW3N0cmV0Y2hdPVwic3RyZXRjaFwiIFtvcmllbnRhdGlvbl09XCJvcmllbnRhdGlvblwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwLWJ1dHRvbi1ncm91cD4nLFxuICBob3N0RGlyZWN0aXZlczogW0RpYWxvZ0Zvb3RlckRpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0Zvb3RlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBDb250cm9scyBzdHJldGNoaW5nIG9mIHRoZSBjb250ZW50cy5cbiAgICpcbiAgICogYG5vbmVgIC0gdGhlIGNoaWxkcmVuIHdpbGwgbm90IHN0cmV0Y2ggYW5kIHdpbGwgcmVzcGVjdCB0aGUgYWxpZ25tZW50IHNldCB3aXRoIHRoZSBhbGlnbiBwcm9wLlxuICAgKlxuICAgKiBgZGVmYXVsdGAgLSB0aGUgY2hpbGRyZW4gd2lsbCBzdHJldGNoIHRvIHRha2UgZnVsbCB3aWR0aC4gSWYgdGhlIGNoaWxkcmVuIG92ZXJmbG93LCB0aGV5IHdpbGwgYmUgd3JhcHBlZCB2ZXJ0aWNhbGx5LlxuICAgKlxuICAgKiBgYXV0b1ZlcnRpY2FsYCAtIHNhbWUgYmVoYXZpb3VyIGFzIGBkZWZhdWx0YCwgYnV0IGlmIHRoZXJlIGlzIG1vcmUgdGhhbiAzIGNoaWxkcmVuLCB0aGV5IHdpbGwgYmUgd3JhcHBlZCB2ZXJ0aWNhbGx5IGV2ZW4gaWYgdGhleSBkb24ndCBvdmVyZmxvdy5cbiAgICpcbiAgICogQGRlZmF1bHQgXCJub25lXCJcbiAgICovXG4gIHN0cmV0Y2g/OiBCdXR0b25Hcm91cFN0cmV0Y2hUeXBlID0gJ25vbmUnO1xuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcImhvcml6b250YWxcIlxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnID0gJ2hvcml6b250YWwnO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWZvb3Rlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7QUFHakY7Ozs7R0FJRztBQVNILE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7c0dBQXJCLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQVJqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUseUNBQXlDO3FCQUNqRDtvQkFDRCxjQUFjLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDcEMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOztBQUdEOzs7O0dBSUc7QUFNSCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBT0U7Ozs7Ozs7Ozs7V0FVRztRQUNILFlBQU8sR0FBNEIsTUFBTSxDQUFDO1FBRzFDOztXQUVHO1FBQ0gsZ0JBQVcsR0FBK0IsWUFBWSxDQUFDO0tBQ3hEOztrSEFwQlkscUJBQXFCO3NHQUFyQixxQkFBcUIsMEhBWnJCLHFCQUFxQiw2QkNqQmxDLDZNQUtBOzJGRHdCYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0Usa0JBQWtCLGtCQUVaLENBQUMscUJBQXFCLENBQUM7O1FBSXZDOzs7Ozs7Ozs7O1dBVUc7UUFDSCxPQUFPO3NCQVpOLEtBQUs7O1FBZU47O1dBRUc7UUFDSCxXQUFXO3NCQUpWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXBTdHJldGNoVHlwZSB9IGZyb20gJy4uLy4uLy4uL2J1dHRvbi9zcmMvYnV0dG9uLWdyb3VwLmNvbXBvbmVudCc7XG5cbi8qKlxuICogTWFya3MgYSBwaWVjZSBvZiBVSSBhcyBkaWFsb2cgZm9vdGVyLiBVc2Ugb25seSBmb3IgKipjdXN0b20qKiBmb290ZXIuXG4gKiBGb3Igc3RhbmRhcmQgZGlhbG9nIGZvb3RlciAoYSBsaXN0IG9mIHJpZ2h0IGFsaWduZWQgYnV0dG9ucyksXG4gKiB1c2Uge0BsaW5rIERpYWxvZ0Zvb3RlckNvbXBvbmVudCBzcC1kaWFsb2ctZm9vdGVyfSBpbnN0ZWFkLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BEaWFsb2dGb290ZXJdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtbW9kYWwtbGF5b3V0X19mb290ZXItY29udGFpbmVyJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dGb290ZXJEaXJlY3RpdmUge31cblxuLyoqXG4gKiBTdGFuZGFyZCBkaWFsb2cgZm9vdGVyIGNvbXBvbmVudC4gVGhlIGNvbnRlbnQgaXMgc3VwcG9zZWQgdG8gYmUgYSBsaXN0IG9mXG4gKiBidXR0b25zLCB3aGljaCB3aWxsIGJlIGFsaWduZWQgdG8gdGhlIHJpZ2h0IG9mIHRoZSBmb290ZXIuXG4gKiBGb3IgYSBjdXN0b20gZm9vdGVyLCB1c2Uge0BsaW5rIERpYWxvZ0Zvb3RlckRpcmVjdGl2ZSBzcERpYWxvZ0Zvb3RlciBhdHRyaWJ1dGUgZGlyZWN0aXZlfS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtZGlhbG9nLWZvb3RlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtEaWFsb2dGb290ZXJEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dGb290ZXJDb21wb25lbnQge1xuICBASW5wdXQoKVxuICAvKipcbiAgICogQ29udHJvbHMgc3RyZXRjaGluZyBvZiB0aGUgY29udGVudHMuXG4gICAqXG4gICAqIGBub25lYCAtIHRoZSBjaGlsZHJlbiB3aWxsIG5vdCBzdHJldGNoIGFuZCB3aWxsIHJlc3BlY3QgdGhlIGFsaWdubWVudCBzZXQgd2l0aCB0aGUgYWxpZ24gcHJvcC5cbiAgICpcbiAgICogYGRlZmF1bHRgIC0gdGhlIGNoaWxkcmVuIHdpbGwgc3RyZXRjaCB0byB0YWtlIGZ1bGwgd2lkdGguIElmIHRoZSBjaGlsZHJlbiBvdmVyZmxvdywgdGhleSB3aWxsIGJlIHdyYXBwZWQgdmVydGljYWxseS5cbiAgICpcbiAgICogYGF1dG9WZXJ0aWNhbGAgLSBzYW1lIGJlaGF2aW91ciBhcyBgZGVmYXVsdGAsIGJ1dCBpZiB0aGVyZSBpcyBtb3JlIHRoYW4gMyBjaGlsZHJlbiwgdGhleSB3aWxsIGJlIHdyYXBwZWQgdmVydGljYWxseSBldmVuIGlmIHRoZXkgZG9uJ3Qgb3ZlcmZsb3cuXG4gICAqXG4gICAqIEBkZWZhdWx0IFwibm9uZVwiXG4gICAqL1xuICBzdHJldGNoPzogQnV0dG9uR3JvdXBTdHJldGNoVHlwZSA9ICdub25lJztcblxuICBASW5wdXQoKVxuICAvKipcbiAgICogQGRlZmF1bHQgXCJob3Jpem9udGFsXCJcbiAgICovXG4gIG9yaWVudGF0aW9uPzogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJyA9ICdob3Jpem9udGFsJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2Zvb3RlclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgPHNwLWJ1dHRvbi1ncm91cCBbc3RyZXRjaF09XCJzdHJldGNoXCIgW29yaWVudGF0aW9uXT1cIm9yaWVudGF0aW9uXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwLWJ1dHRvbi1ncm91cD5cbjwvZGl2PlxuIl19

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

@@ -22,7 +22,7 @@ export class DialogHeaderDirective {
     }
 }
 DialogHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DialogHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogHeaderDirective, isStandalone: true, selector: "[spDialogHeader]", inputs: { id: "id" }, host: { properties: { "id": "this.id" }, classAttribute: "sapphire-dialog-header" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
+DialogHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogHeaderDirective, isStandalone: true, selector: "[spDialogHeader]", inputs: { id: "id" }, host: { properties: { "id": "this.id" } }, ngImport: i0 });
 __decorate([
     AutoId()
 ], DialogHeaderDirective.prototype, "id", void 0);
@@ -30,10 +30,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
             type: Directive,
             args: [{
                     selector: '[spDialogHeader]',
-                    host: {
-                        class: 'sapphire-dialog-header',
-                    },
-                    hostDirectives: [UseComponentStyles],
                     standalone: true,
                 }]
         }], propDecorators: { id: [{
@@ -54,12 +50,17 @@ export class DialogHeaderComponent {
     }
 }
 DialogHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogHeaderComponent, deps: [{ token: forwardRef(() => DialogComponent) }], target: i0.ɵɵFactoryTarget.Component });
-DialogHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogHeaderComponent, selector: "sp-dialog-header", hostDirectives: [{ directive: DialogHeaderDirective, inputs: ["id", "id"] }], ngImport: i0, template: "<h4 sp-heading><ng-content></ng-content></h4>\n<div\n  *ngIf=\"dialog.type === 'passive'\"\n  class=\"sapphire-dialog-close-button-container\"\n>\n  <button\n    sp-icon-button\n    variant=\"tertiary\"\n    appearance=\"ghost\"\n    size=\"large\"\n    spDialogCloseButton\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", "appearance", "surface", "size", "disabled", "type"] }, { kind: "directive", type: i6.DialogCloseButtonDirective, selector: "button[spDialogCloseButton]" }] });
+DialogHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogHeaderComponent, selector: "sp-dialog-header", host: { classAttribute: "sapphire-modal-layout__header-container" }, hostDirectives: [{ directive: DialogHeaderDirective, inputs: ["id", "id"] }, { directive: i1.UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n  <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n    <h3 sp-heading><ng-content></ng-content></h3>\n  </div>\n  <div\n    *ngIf=\"dialog.type === 'passive'\"\n    class=\"sapphire-modal-layout__close-button-container\"\n    _spUseComponentStyles\n  >\n    <button\n      sp-icon-button\n      variant=\"tertiary\"\n      appearance=\"ghost\"\n      size=\"medium\"\n      spDialogCloseButton\n    >\n      <sp-icon name=\"close\"></sp-icon>\n    </button>\n  </div>\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", "appearance", "surface", "size", "disabled", "type"] }, { kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }, { kind: "directive", type: i6.DialogCloseButtonDirective, selector: "button[spDialogCloseButton]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sp-dialog-header', hostDirectives: [{ directive: DialogHeaderDirective, inputs: ['id'] }], template: "<h4 sp-heading><ng-content></ng-content></h4>\n<div\n  *ngIf=\"dialog.type === 'passive'\"\n  class=\"sapphire-dialog-close-button-container\"\n>\n  <button\n    sp-icon-button\n    variant=\"tertiary\"\n    appearance=\"ghost\"\n    size=\"large\"\n    spDialogCloseButton\n  >\n    <sp-icon name=\"close\"></sp-icon>\n  </button>\n</div>\n" }]
+            args: [{ selector: 'sp-dialog-header', hostDirectives: [
+                        { directive: DialogHeaderDirective, inputs: ['id'] },
+                        UseComponentStyles,
+                    ], host: {
+                        class: 'sapphire-modal-layout__header-container',
+                    }, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n  <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n    <h3 sp-heading><ng-content></ng-content></h3>\n  </div>\n  <div\n    *ngIf=\"dialog.type === 'passive'\"\n    class=\"sapphire-modal-layout__close-button-container\"\n    _spUseComponentStyles\n  >\n    <button\n      sp-icon-button\n      variant=\"tertiary\"\n      appearance=\"ghost\"\n      size=\"medium\"\n      spDialogCloseButton\n    >\n      <sp-icon name=\"close\"></sp-icon>\n    </button>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i7.DialogComponent, decorators: [{
                     type: Inject,
                     args: [forwardRef(() => DialogComponent)]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7Ozs7OztBQUVqRjs7OztHQUlHO0FBU0gsTUFBTSxPQUFPLHFCQUFxQjtJQVJsQztRQVlFLE9BQUUsR0FBRyxFQUFFLENBQUM7S0FDVDs7a0hBTFkscUJBQXFCO3NHQUFyQixxQkFBcUI7QUFJaEM7SUFEQyxNQUFNLEVBQUU7aURBQ0Q7MkZBSkcscUJBQXFCO2tCQVJqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsd0JBQXdCO3FCQUNoQztvQkFDRCxjQUFjLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDcEMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUtDLEVBQUU7c0JBSEQsV0FBVzt1QkFBQyxJQUFJOztzQkFDaEIsS0FBSzs7QUFLUjs7Ozs7R0FLRztBQU1ILE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMsWUFFUyxNQUF1QjtRQUF2QixXQUFNLEdBQU4sTUFBTSxDQUFpQjtJQUM3QixDQUFDOztrSEFKTyxxQkFBcUIsa0JBRXRCLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUM7c0dBRmhDLHFCQUFxQiw4REFsQnJCLHFCQUFxQixtREMxQmxDLHVWQWVBOzJGRDZCYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0Usa0JBQWtCLGtCQUVaLENBQUMsRUFBRSxTQUFTLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQzs7MEJBSW5FLE1BQU07MkJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRGlyZWN0aXZlLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0QmluZGluZyxcbiAgSW5qZWN0LFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEF1dG9JZCB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9hdXRvLWlkLmRlY29yYXRvcic7XG5pbXBvcnQgeyBEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL2RpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogTWFya3MgYSBwaWVjZSBvZiBVSSBhcyBkaWFsb2cgaGVhZGVyLiBVc2Ugb25seSBmb3IgKipjdXN0b20qKiBoZWFkZXIuXG4gKiBGb3Igc3RhbmRhcmQgZGlhbG9nIGhlYWRlciAoYSBoZWFkaW5nLCBhbmQgYSBjbG9zZSBidXR0b24gaW4gcGFzc2l2ZVxuICogZGlhbG9ncyksIHVzZSB7QGxpbmsgRGlhbG9nSGVhZGVyQ29tcG9uZW50IHNwLWRpYWxvZy1oZWFkZXJ9IGluc3RlYWQuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzcERpYWxvZ0hlYWRlcl0nLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS1kaWFsb2ctaGVhZGVyJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dIZWFkZXJEaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ2lkJylcbiAgQElucHV0KClcbiAgQEF1dG9JZCgpXG4gIGlkID0gJyc7XG59XG5cbi8qKlxuICogU3RhbmRhcmQgZGlhbG9nIGhlYWRlciBjb21wb25lbnQsIHdoaWNoIGlzIGNvbnNpc3RlZCBvZiBhIGhlYWRpbmcgKHRoZVxuICogY29udGVudCkgYW5kIGEgY2xvc2UgYnV0dG9uLCB3aGljaCBpcyBvbmx5IHZpc2libGUgaW5cbiAqIHtAbGluayBEaWFsb2dDb21wb25lbnQjdHlwZSBwYXNzaXZlfSBkaWFsb2dzLiBGb3IgYSBjdXN0b20gaGVhZGVyLCB1c2VcbiAqIHtAbGluayBEaWFsb2dIZWFkZXJDb21wb25lbnQgc3BEaWFsb2dIZWFkZXIgYXR0cmlidXRlIGRpcmVjdGl2ZX0uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWRpYWxvZy1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3REaXJlY3RpdmVzOiBbeyBkaXJlY3RpdmU6IERpYWxvZ0hlYWRlckRpcmVjdGl2ZSwgaW5wdXRzOiBbJ2lkJ10gfV0sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0hlYWRlckNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBEaWFsb2dDb21wb25lbnQpKVxuICAgIHB1YmxpYyBkaWFsb2c6IERpYWxvZ0NvbXBvbmVudFxuICApIHt9XG59XG4iLCI8aDQgc3AtaGVhZGluZz48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9oND5cbjxkaXZcbiAgKm5nSWY9XCJkaWFsb2cudHlwZSA9PT0gJ3Bhc3NpdmUnXCJcbiAgY2xhc3M9XCJzYXBwaGlyZS1kaWFsb2ctY2xvc2UtYnV0dG9uLWNvbnRhaW5lclwiXG4+XG4gIDxidXR0b25cbiAgICBzcC1pY29uLWJ1dHRvblxuICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgYXBwZWFyYW5jZT1cImdob3N0XCJcbiAgICBzaXplPVwibGFyZ2VcIlxuICAgIHNwRGlhbG9nQ2xvc2VCdXR0b25cbiAgPlxuICAgIDxzcC1pY29uIG5hbWU9XCJjbG9zZVwiPjwvc3AtaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7Ozs7OztBQUVqRjs7OztHQUlHO0FBS0gsTUFBTSxPQUFPLHFCQUFxQjtJQUpsQztRQVFFLE9BQUUsR0FBRyxFQUFFLENBQUM7S0FDVDs7a0hBTFkscUJBQXFCO3NHQUFyQixxQkFBcUI7QUFJaEM7SUFEQyxNQUFNLEVBQUU7aURBQ0Q7MkZBSkcscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs4QkFLQyxFQUFFO3NCQUhELFdBQVc7dUJBQUMsSUFBSTs7c0JBQ2hCLEtBQUs7O0FBS1I7Ozs7O0dBS0c7QUFZSCxNQUFNLE9BQU8scUJBQXFCO0lBQ2hDLFlBRVMsTUFBdUI7UUFBdkIsV0FBTSxHQUFOLE1BQU0sQ0FBaUI7SUFDN0IsQ0FBQzs7a0hBSk8scUJBQXFCLGtCQUV0QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDO3NHQUZoQyxxQkFBcUIsbUlBeEJyQixxQkFBcUIseUZDdEJsQyxta0JBb0JBOzJGRDBCYSxxQkFBcUI7a0JBWGpDLFNBQVM7K0JBQ0Usa0JBQWtCLGtCQUVaO3dCQUNkLEVBQUUsU0FBUyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFO3dCQUNwRCxrQkFBa0I7cUJBQ25CLFFBQ0s7d0JBQ0osS0FBSyxFQUFFLHlDQUF5QztxQkFDakQ7OzBCQUlFLE1BQU07MkJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRGlyZWN0aXZlLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0QmluZGluZyxcbiAgSW5qZWN0LFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEF1dG9JZCB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9hdXRvLWlkLmRlY29yYXRvcic7XG5pbXBvcnQgeyBEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL2RpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogTWFya3MgYSBwaWVjZSBvZiBVSSBhcyBkaWFsb2cgaGVhZGVyLiBVc2Ugb25seSBmb3IgKipjdXN0b20qKiBoZWFkZXIuXG4gKiBGb3Igc3RhbmRhcmQgZGlhbG9nIGhlYWRlciAoYSBoZWFkaW5nLCBhbmQgYSBjbG9zZSBidXR0b24gaW4gcGFzc2l2ZVxuICogZGlhbG9ncyksIHVzZSB7QGxpbmsgRGlhbG9nSGVhZGVyQ29tcG9uZW50IHNwLWRpYWxvZy1oZWFkZXJ9IGluc3RlYWQuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzcERpYWxvZ0hlYWRlcl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dIZWFkZXJEaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ2lkJylcbiAgQElucHV0KClcbiAgQEF1dG9JZCgpXG4gIGlkID0gJyc7XG59XG5cbi8qKlxuICogU3RhbmRhcmQgZGlhbG9nIGhlYWRlciBjb21wb25lbnQsIHdoaWNoIGlzIGNvbnNpc3RlZCBvZiBhIGhlYWRpbmcgKHRoZVxuICogY29udGVudCkgYW5kIGEgY2xvc2UgYnV0dG9uLCB3aGljaCBpcyBvbmx5IHZpc2libGUgaW5cbiAqIHtAbGluayBEaWFsb2dDb21wb25lbnQjdHlwZSBwYXNzaXZlfSBkaWFsb2dzLiBGb3IgYSBjdXN0b20gaGVhZGVyLCB1c2VcbiAqIHtAbGluayBEaWFsb2dIZWFkZXJDb21wb25lbnQgc3BEaWFsb2dIZWFkZXIgYXR0cmlidXRlIGRpcmVjdGl2ZX0uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWRpYWxvZy1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgeyBkaXJlY3RpdmU6IERpYWxvZ0hlYWRlckRpcmVjdGl2ZSwgaW5wdXRzOiBbJ2lkJ10gfSxcbiAgICBVc2VDb21wb25lbnRTdHlsZXMsXG4gIF0sXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLW1vZGFsLWxheW91dF9faGVhZGVyLWNvbnRhaW5lcicsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0hlYWRlckNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBEaWFsb2dDb21wb25lbnQpKVxuICAgIHB1YmxpYyBkaWFsb2c6IERpYWxvZ0NvbXBvbmVudFxuICApIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2FwcGhpcmUtbW9kYWwtbGF5b3V0X19oZWFkZXJcIiBfc3BVc2VDb21wb25lbnRTdHlsZXM+XG4gIDxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2hlYWRpbmctY29udGFpbmVyXCIgX3NwVXNlQ29tcG9uZW50U3R5bGVzPlxuICAgIDxoMyBzcC1oZWFkaW5nPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2gzPlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgICpuZ0lmPVwiZGlhbG9nLnR5cGUgPT09ICdwYXNzaXZlJ1wiXG4gICAgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2Nsb3NlLWJ1dHRvbi1jb250YWluZXJcIlxuICAgIF9zcFVzZUNvbXBvbmVudFN0eWxlc1xuICA+XG4gICAgPGJ1dHRvblxuICAgICAgc3AtaWNvbi1idXR0b25cbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICBhcHBlYXJhbmNlPVwiZ2hvc3RcIlxuICAgICAgc2l6ZT1cIm1lZGl1bVwiXG4gICAgICBzcERpYWxvZ0Nsb3NlQnV0dG9uXG4gICAgPlxuICAgICAgPHNwLWljb24gbmFtZT1cImNsb3NlXCI+PC9zcC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -7,7 +7,6 @@ import { UseComponentStylesOnHost } from '../../../common/sapphire-view-encapsul
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/dialog";
 import * as i2 from "../../../common/sapphire-view-encapsulation";
-import * as i3 from "@angular/common";
 /**
  * Dialogs focus the user's attention exclusively on one task or piece of
  * information via a dialog box that sits on top of the page content.
@@ -36,7 +35,7 @@ export class DialogComponent extends ModalBaseComponent {
     }
 }
 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--extra-small": "size === 'extra-small'", "class.sapphire-dialog--small": "size === 'small'", "class.sapphire-dialog--medium": "size === 'medium'", "class.sapphire-dialog--large": "size === 'large'", "class.sapphire-dialog--passive": "type === 'passive'", "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 #headerTemplate>\n  <ng-content select=\"sp-dialog-header, [spDialogHeader]\"></ng-content>\n</div>\n\n<!--If header is not provided as <sp-dialog-header>, but as an another div with spDialogHeader,-->\n<!--  we still need the styling of the header to be rendered, so the dialog looks as expected in the spec.-->\n<ng-container *ngIf=\"!headerTemplate.children.length\">\n  <div class=\"sapphire-dialog-header\"></div>\n</ng-container>\n\n<ng-content select=\"sp-dialog-content, [sp-dialog-content]\"></ng-content>\n<ng-content select=\"sp-dialog-footer, [spDialogFooter]\"></ng-content>\n", 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-dialog-size-radius);background-color:var(--sapphire-dialog-color-background);font-family:var(--sapphire-dialog-font-name);color:var(--sapphire-dialog-color-content);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-dialog-time-transition);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--extra-small{width:var(--sapphire-dialog-size-width-xs)}.sapphire-dialog--small{width:var(--sapphire-dialog-size-width-s)}.sapphire-dialog--medium{width:var(--sapphire-dialog-size-width-m)}.sapphire-dialog--large{width:var(--sapphire-dialog-size-width-l)}.sapphire-dialog-header{padding:var(--sapphire-dialog-size-spacing-header-top-default) var(--sapphire-dialog-size-spacing-header-right-default) var(--sapphire-dialog-size-spacing-header-bottom-default) var(--sapphire-dialog-size-spacing-header-left-default);display:flex;justify-content:space-between;align-items:center}.sapphire-dialog--passive .sapphire-dialog-header{padding:var(--sapphire-dialog-size-spacing-header-top-passive) var(--sapphire-dialog-size-spacing-header-right-passive) var(--sapphire-dialog-size-spacing-header-bottom-passive) var(--sapphire-dialog-size-spacing-header-left-passive)}.sapphire-dialog-close-button-container{align-self:flex-start}.sapphire-dialog-body{padding:var(--sapphire-dialog-size-spacing-body-top-default) var(--sapphire-dialog-size-spacing-body-right-default) var(--sapphire-dialog-size-spacing-body-bottom-default) var(--sapphire-dialog-size-spacing-body-left-default);overflow-y:auto;overflow-x:hidden}.sapphire-dialog--passive .sapphire-dialog-body{padding:var(--sapphire-dialog-size-spacing-body-top-passive) var(--sapphire-dialog-size-spacing-body-right-passive) var(--sapphire-dialog-size-spacing-body-bottom-passive) var(--sapphire-dialog-size-spacing-body-left-passive)}.sapphire-dialog-footer{padding:var(--sapphire-dialog-size-spacing-footer-top-default) var(--sapphire-dialog-size-spacing-footer-right-default) var(--sapphire-dialog-size-spacing-footer-bottom-default) var(--sapphire-dialog-size-spacing-footer-left-default)}.sapphire-dialog-header+.sapphire-dialog-body{border-top:var(--sapphire-dialog-size-border) solid transparent}.sapphire-dialog-header+.sapphire-dialog-body.sapphire-dialog-body--scrolled{border-top:var(--sapphire-dialog-size-border) solid var(--sapphire-dialog-color-separator)}.sapphire-dialog-body+.sapphire-dialog-footer{border-top:var(--sapphire-dialog-size-border) solid transparent}.sapphire-dialog-body.sapphire-dialog-body--scrollable+.sapphire-dialog-footer{border-top:var(--sapphire-dialog-size-border) solid var(--sapphire-dialog-color-separator)}.sapphire-dialog:has(.sapphire-dialog-body--scrollable)>.sapphire-dialog-footer{padding:var(--sapphire-dialog-size-spacing-footer-top-scrollable) var(--sapphire-dialog-size-spacing-footer-right-scrollable) var(--sapphire-dialog-size-spacing-footer-bottom-scrollable) var(--sapphire-dialog-size-spacing-footer-left-scrollable)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+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--extra-small": "size === 'extra-small'", "class.sapphire-dialog--small": "size === 'small'", "class.sapphire-dialog--medium": "size === 'medium'", "class.sapphire-dialog--large": "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-primary-default);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-m);gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-m)}.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-m) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-m)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-10)}.sapphire-modal-layout__close-button-container{margin-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-s) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body{padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) 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-dialog-size-radius);background-color:var(--sapphire-dialog-color-background);font-family:var(--sapphire-dialog-font-name);color:var(--sapphire-dialog-color-content);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-dialog-time-transition);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--extra-small{width:var(--sapphire-dialog-size-width-xs)}.sapphire-dialog--small{width:var(--sapphire-dialog-size-width-s)}.sapphire-dialog--medium{width:var(--sapphire-dialog-size-width-m)}.sapphire-dialog--large{width:var(--sapphire-dialog-size-width-l)}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sp-dialog', host: {
@@ -45,9 +44,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         '[class.sapphire-dialog--small]': "size === 'small'",
                         '[class.sapphire-dialog--medium]': "size === 'medium'",
                         '[class.sapphire-dialog--large]': "size === 'large'",
-                        '[class.sapphire-dialog--passive]': "type === 'passive'",
                         '[class.sapphire-dialog--exiting]': 'dialogRef.closing',
-                    }, hostDirectives: [UseComponentStylesOnHost], template: "<div #headerTemplate>\n  <ng-content select=\"sp-dialog-header, [spDialogHeader]\"></ng-content>\n</div>\n\n<!--If header is not provided as <sp-dialog-header>, but as an another div with spDialogHeader,-->\n<!--  we still need the styling of the header to be rendered, so the dialog looks as expected in the spec.-->\n<ng-container *ngIf=\"!headerTemplate.children.length\">\n  <div class=\"sapphire-dialog-header\"></div>\n</ng-container>\n\n<ng-content select=\"sp-dialog-content, [sp-dialog-content]\"></ng-content>\n<ng-content select=\"sp-dialog-footer, [spDialogFooter]\"></ng-content>\n", 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-dialog-size-radius);background-color:var(--sapphire-dialog-color-background);font-family:var(--sapphire-dialog-font-name);color:var(--sapphire-dialog-color-content);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-dialog-time-transition);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--extra-small{width:var(--sapphire-dialog-size-width-xs)}.sapphire-dialog--small{width:var(--sapphire-dialog-size-width-s)}.sapphire-dialog--medium{width:var(--sapphire-dialog-size-width-m)}.sapphire-dialog--large{width:var(--sapphire-dialog-size-width-l)}.sapphire-dialog-header{padding:var(--sapphire-dialog-size-spacing-header-top-default) var(--sapphire-dialog-size-spacing-header-right-default) var(--sapphire-dialog-size-spacing-header-bottom-default) var(--sapphire-dialog-size-spacing-header-left-default);display:flex;justify-content:space-between;align-items:center}.sapphire-dialog--passive .sapphire-dialog-header{padding:var(--sapphire-dialog-size-spacing-header-top-passive) var(--sapphire-dialog-size-spacing-header-right-passive) var(--sapphire-dialog-size-spacing-header-bottom-passive) var(--sapphire-dialog-size-spacing-header-left-passive)}.sapphire-dialog-close-button-container{align-self:flex-start}.sapphire-dialog-body{padding:var(--sapphire-dialog-size-spacing-body-top-default) var(--sapphire-dialog-size-spacing-body-right-default) var(--sapphire-dialog-size-spacing-body-bottom-default) var(--sapphire-dialog-size-spacing-body-left-default);overflow-y:auto;overflow-x:hidden}.sapphire-dialog--passive .sapphire-dialog-body{padding:var(--sapphire-dialog-size-spacing-body-top-passive) var(--sapphire-dialog-size-spacing-body-right-passive) var(--sapphire-dialog-size-spacing-body-bottom-passive) var(--sapphire-dialog-size-spacing-body-left-passive)}.sapphire-dialog-footer{padding:var(--sapphire-dialog-size-spacing-footer-top-default) var(--sapphire-dialog-size-spacing-footer-right-default) var(--sapphire-dialog-size-spacing-footer-bottom-default) var(--sapphire-dialog-size-spacing-footer-left-default)}.sapphire-dialog-header+.sapphire-dialog-body{border-top:var(--sapphire-dialog-size-border) solid transparent}.sapphire-dialog-header+.sapphire-dialog-body.sapphire-dialog-body--scrolled{border-top:var(--sapphire-dialog-size-border) solid var(--sapphire-dialog-color-separator)}.sapphire-dialog-body+.sapphire-dialog-footer{border-top:var(--sapphire-dialog-size-border) solid transparent}.sapphire-dialog-body.sapphire-dialog-body--scrollable+.sapphire-dialog-footer{border-top:var(--sapphire-dialog-size-border) solid var(--sapphire-dialog-color-separator)}.sapphire-dialog:has(.sapphire-dialog-body--scrollable)>.sapphire-dialog-footer{padding:var(--sapphire-dialog-size-spacing-footer-top-scrollable) var(--sapphire-dialog-size-spacing-footer-right-scrollable) var(--sapphire-dialog-size-spacing-footer-bottom-scrollable) var(--sapphire-dialog-size-spacing-footer-left-scrollable)}\n"] }]
+                    }, 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-primary-default);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-m);gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-m)}.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-m) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-m)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-10)}.sapphire-modal-layout__close-button-container{margin-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-s) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body{padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) 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-dialog-size-radius);background-color:var(--sapphire-dialog-color-background);font-family:var(--sapphire-dialog-font-name);color:var(--sapphire-dialog-color-content);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-dialog-time-transition);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--extra-small{width:var(--sapphire-dialog-size-width-xs)}.sapphire-dialog--small{width:var(--sapphire-dialog-size-width-s)}.sapphire-dialog--medium{width:var(--sapphire-dialog-size-width-m)}.sapphire-dialog--large{width:var(--sapphire-dialog-size-width-l)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { size: [{
                 type: Input
             }], footer: [{
@@ -60,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: ContentChild,
                 args: [DialogContentDirective]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2RpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7O0FBRXZGOzs7R0FHRztBQWdCSCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxrQkFBa0I7SUFPckQ7Ozs7Ozs7T0FPRztJQUNILElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7WUFDckQsQ0FBQyxDQUFDLFNBQVM7WUFDWCxDQUFDLENBQUMsUUFBUSxDQUFDO0lBQ2YsQ0FBQztJQVdELFlBQXNCLFNBQW9CO1FBQ3hDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztRQURHLGNBQVMsR0FBVCxTQUFTLENBQVc7UUE3QjFDOztXQUVHO1FBRUgsU0FBSSxHQUFpRCxPQUFPLENBQUM7SUEyQjdELENBQUM7OzRHQWhDVSxlQUFlO2dHQUFmLGVBQWUseWZBcUJaLHFCQUFxQix5RUFHckIscUJBQXFCLDBFQUdyQixzQkFBc0IscUlDdER0QyxvbEJBWUE7MkZEZWEsZUFBZTtrQkFmM0IsU0FBUzsrQkFDRSxXQUFXLFFBRWY7d0JBQ0osS0FBSyxFQUFFLGlCQUFpQjt3QkFDeEIsc0NBQXNDLEVBQUUsd0JBQXdCO3dCQUNoRSxnQ0FBZ0MsRUFBRSxrQkFBa0I7d0JBQ3BELGlDQUFpQyxFQUFFLG1CQUFtQjt3QkFDdEQsZ0NBQWdDLEVBQUUsa0JBQWtCO3dCQUNwRCxrQ0FBa0MsRUFBRSxvQkFBb0I7d0JBQ3hELGtDQUFrQyxFQUFFLG1CQUFtQjtxQkFDeEQsa0JBQ2UsQ0FBQyx3QkFBd0IsQ0FBQztnR0FRMUMsSUFBSTtzQkFESCxLQUFLO2dCQWtCTixNQUFNO3NCQURMLFlBQVk7dUJBQUMscUJBQXFCO2dCQUluQyxNQUFNO3NCQURMLFlBQVk7dUJBQUMscUJBQXFCO2dCQUluQyxPQUFPO3NCQUROLFlBQVk7dUJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IERpYWxvZ0Zvb3RlckRpcmVjdGl2ZSB9IGZyb20gJy4vZGlhbG9nLWZvb3Rlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGlhbG9nQ29udGVudERpcmVjdGl2ZSB9IGZyb20gJy4vZGlhbG9nLWNvbnRlbnQuZGlyZWN0aXZlJztcbmltcG9ydCB7IERpYWxvZ0hlYWRlckRpcmVjdGl2ZSB9IGZyb20gJy4vZGlhbG9nLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTW9kYWxCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9kYWwtYmFzZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogRGlhbG9ncyBmb2N1cyB0aGUgdXNlcidzIGF0dGVudGlvbiBleGNsdXNpdmVseSBvbiBvbmUgdGFzayBvciBwaWVjZSBvZlxuICogaW5mb3JtYXRpb24gdmlhIGEgZGlhbG9nIGJveCB0aGF0IHNpdHMgb24gdG9wIG9mIHRoZSBwYWdlIGNvbnRlbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS1kaWFsb2cnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1leHRyYS1zbWFsbF0nOiBcInNpemUgPT09ICdleHRyYS1zbWFsbCdcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWRpYWxvZy0tc21hbGxdJzogXCJzaXplID09PSAnc21hbGwnXCIsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLW1lZGl1bV0nOiBcInNpemUgPT09ICdtZWRpdW0nXCIsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLWxhcmdlXSc6IFwic2l6ZSA9PT0gJ2xhcmdlJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1wYXNzaXZlXSc6IFwidHlwZSA9PT0gJ3Bhc3NpdmUnXCIsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLWV4aXRpbmddJzogJ2RpYWxvZ1JlZi5jbG9zaW5nJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi9kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29tcG9uZW50IGV4dGVuZHMgTW9kYWxCYXNlQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERpYWxvZyBzaXplLCBjb25zdHJhaW5pbmcgdGhlIHdpZHRoIG9mIHRoZSBkaWFsb2cuXG4gICAqL1xuICBASW5wdXQoKVxuICBzaXplOiAnZXh0cmEtc21hbGwnIHwgJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdzbWFsbCc7XG5cbiAgLyoqXG4gICAqIFR5cGUgb2YgdGhlIGRpYWxvZzpcbiAgICogIC0gJ3Bhc3NpdmUnOiBBIGRpYWxvZyB3aXRob3V0IGZvb3RlciB3aXRoIGFjdGlvbnMuIFBhc3NpdmUgZGlhbG9ncyBhcmVcbiAgICogICAgIHVzZWQgdG8gZGlzcGxheSBpbmZvcm1hdGlvbiwgdGhhdCBkb2Vzbid0IHJlcXVpcmUgYW55IGZ1cnRoZXIgYWN0aW9uLlxuICAgKiAgLSAnYWN0aXZlJzogQSBkaWFsb2cgd2l0aCBhIGZvb3RlciB0aGF0IGNvbnRhaW5zIGFjdGlvbnMuIEFjdGl2ZSBkaWFsb2dzXG4gICAqICAgICBhcmUgdXNlZCB0byBkaXNwbGF5IGluZm9ybWF0aW9uIGJhc2VkIG9uIHdoaWNoIHRoZSB1c2VyIGlzIHN1cHBvc2VkIHRvXG4gICAqICAgICBkZWNpZGUgb24gYW4gYWN0aW9uXG4gICAqL1xuICBnZXQgdHlwZSgpOiAncGFzc2l2ZScgfCAnYWN0aXZlJyB7XG4gICAgcmV0dXJuIHRoaXMuY29udGVudEluaXRpYWxpemVkICYmICFCb29sZWFuKHRoaXMuZm9vdGVyKVxuICAgICAgPyAncGFzc2l2ZSdcbiAgICAgIDogJ2FjdGl2ZSc7XG4gIH1cblxuICBAQ29udGVudENoaWxkKERpYWxvZ0Zvb3RlckRpcmVjdGl2ZSlcbiAgZm9vdGVyPzogRGlhbG9nRm9vdGVyRGlyZWN0aXZlO1xuXG4gIEBDb250ZW50Q2hpbGQoRGlhbG9nSGVhZGVyRGlyZWN0aXZlKVxuICBoZWFkZXI/OiBEaWFsb2dIZWFkZXJEaXJlY3RpdmU7XG5cbiAgQENvbnRlbnRDaGlsZChEaWFsb2dDb250ZW50RGlyZWN0aXZlKVxuICBjb250ZW50PzogRGlhbG9nQ29udGVudERpcmVjdGl2ZTtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHtcbiAgICBzdXBlcihkaWFsb2dSZWYpO1xuICB9XG59XG4iLCI8ZGl2ICNoZWFkZXJUZW1wbGF0ZT5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3AtZGlhbG9nLWhlYWRlciwgW3NwRGlhbG9nSGVhZGVyXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48IS0tSWYgaGVhZGVyIGlzIG5vdCBwcm92aWRlZCBhcyA8c3AtZGlhbG9nLWhlYWRlcj4sIGJ1dCBhcyBhbiBhbm90aGVyIGRpdiB3aXRoIHNwRGlhbG9nSGVhZGVyLC0tPlxuPCEtLSAgd2Ugc3RpbGwgbmVlZCB0aGUgc3R5bGluZyBvZiB0aGUgaGVhZGVyIHRvIGJlIHJlbmRlcmVkLCBzbyB0aGUgZGlhbG9nIGxvb2tzIGFzIGV4cGVjdGVkIGluIHRoZSBzcGVjLi0tPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFoZWFkZXJUZW1wbGF0ZS5jaGlsZHJlbi5sZW5ndGhcIj5cbiAgPGRpdiBjbGFzcz1cInNhcHBoaXJlLWRpYWxvZy1oZWFkZXJcIj48L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuXG48bmctY29udGVudCBzZWxlY3Q9XCJzcC1kaWFsb2ctY29udGVudCwgW3NwLWRpYWxvZy1jb250ZW50XVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cInNwLWRpYWxvZy1mb290ZXIsIFtzcERpYWxvZ0Zvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2RpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7QUFFdkY7OztHQUdHO0FBZUgsTUFBTSxPQUFPLGVBQWdCLFNBQVEsa0JBQWtCO0lBT3JEOzs7Ozs7O09BT0c7SUFDSCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1lBQ3JELENBQUMsQ0FBQyxTQUFTO1lBQ1gsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUNmLENBQUM7SUFXRCxZQUFzQixTQUFvQjtRQUN4QyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7UUFERyxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBN0IxQzs7V0FFRztRQUVILFNBQUksR0FBaUQsT0FBTyxDQUFDO0lBMkI3RCxDQUFDOzs0R0FoQ1UsZUFBZTtnR0FBZixlQUFlLGljQXFCWixxQkFBcUIseUVBR3JCLHFCQUFxQiwwRUFHckIsc0JBQXNCLHFJQ3JEdEMsc1JBS0E7MkZEcUJhLGVBQWU7a0JBZDNCLFNBQVM7K0JBQ0UsV0FBVyxRQUVmO3dCQUNKLEtBQUssRUFBRSxpQkFBaUI7d0JBQ3hCLHNDQUFzQyxFQUFFLHdCQUF3Qjt3QkFDaEUsZ0NBQWdDLEVBQUUsa0JBQWtCO3dCQUNwRCxpQ0FBaUMsRUFBRSxtQkFBbUI7d0JBQ3RELGdDQUFnQyxFQUFFLGtCQUFrQjt3QkFDcEQsa0NBQWtDLEVBQUUsbUJBQW1CO3FCQUN4RCxrQkFDZSxDQUFDLHdCQUF3QixDQUFDO2dHQVExQyxJQUFJO3NCQURILEtBQUs7Z0JBa0JOLE1BQU07c0JBREwsWUFBWTt1QkFBQyxxQkFBcUI7Z0JBSW5DLE1BQU07c0JBREwsWUFBWTt1QkFBQyxxQkFBcUI7Z0JBSW5DLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgRGlhbG9nRm9vdGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9kaWFsb2ctZm9vdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEaWFsb2dDb250ZW50RGlyZWN0aXZlIH0gZnJvbSAnLi9kaWFsb2ctY29udGVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGlhbG9nSGVhZGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9kaWFsb2ctaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb2RhbEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9tb2RhbC1iYXNlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuLyoqXG4gKiBEaWFsb2dzIGZvY3VzIHRoZSB1c2VyJ3MgYXR0ZW50aW9uIGV4Y2x1c2l2ZWx5IG9uIG9uZSB0YXNrIG9yIHBpZWNlIG9mXG4gKiBpbmZvcm1hdGlvbiB2aWEgYSBkaWFsb2cgYm94IHRoYXQgc2l0cyBvbiB0b3Agb2YgdGhlIHBhZ2UgY29udGVudC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLWRpYWxvZycsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLWV4dHJhLXNtYWxsXSc6IFwic2l6ZSA9PT0gJ2V4dHJhLXNtYWxsJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1zbWFsbF0nOiBcInNpemUgPT09ICdzbWFsbCdcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWRpYWxvZy0tbWVkaXVtXSc6IFwic2l6ZSA9PT0gJ21lZGl1bSdcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWRpYWxvZy0tbGFyZ2VdJzogXCJzaXplID09PSAnbGFyZ2UnXCIsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLWV4aXRpbmddJzogJ2RpYWxvZ1JlZi5jbG9zaW5nJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi9kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29tcG9uZW50IGV4dGVuZHMgTW9kYWxCYXNlQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERpYWxvZyBzaXplLCBjb25zdHJhaW5pbmcgdGhlIHdpZHRoIG9mIHRoZSBkaWFsb2cuXG4gICAqL1xuICBASW5wdXQoKVxuICBzaXplOiAnZXh0cmEtc21hbGwnIHwgJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdzbWFsbCc7XG5cbiAgLyoqXG4gICAqIFR5cGUgb2YgdGhlIGRpYWxvZzpcbiAgICogIC0gJ3Bhc3NpdmUnOiBBIGRpYWxvZyB3aXRob3V0IGZvb3RlciB3aXRoIGFjdGlvbnMuIFBhc3NpdmUgZGlhbG9ncyBhcmVcbiAgICogICAgIHVzZWQgdG8gZGlzcGxheSBpbmZvcm1hdGlvbiwgdGhhdCBkb2Vzbid0IHJlcXVpcmUgYW55IGZ1cnRoZXIgYWN0aW9uLlxuICAgKiAgLSAnYWN0aXZlJzogQSBkaWFsb2cgd2l0aCBhIGZvb3RlciB0aGF0IGNvbnRhaW5zIGFjdGlvbnMuIEFjdGl2ZSBkaWFsb2dzXG4gICAqICAgICBhcmUgdXNlZCB0byBkaXNwbGF5IGluZm9ybWF0aW9uIGJhc2VkIG9uIHdoaWNoIHRoZSB1c2VyIGlzIHN1cHBvc2VkIHRvXG4gICAqICAgICBkZWNpZGUgb24gYW4gYWN0aW9uXG4gICAqL1xuICBnZXQgdHlwZSgpOiAncGFzc2l2ZScgfCAnYWN0aXZlJyB7XG4gICAgcmV0dXJuIHRoaXMuY29udGVudEluaXRpYWxpemVkICYmICFCb29sZWFuKHRoaXMuZm9vdGVyKVxuICAgICAgPyAncGFzc2l2ZSdcbiAgICAgIDogJ2FjdGl2ZSc7XG4gIH1cblxuICBAQ29udGVudENoaWxkKERpYWxvZ0Zvb3RlckRpcmVjdGl2ZSlcbiAgZm9vdGVyPzogRGlhbG9nRm9vdGVyRGlyZWN0aXZlO1xuXG4gIEBDb250ZW50Q2hpbGQoRGlhbG9nSGVhZGVyRGlyZWN0aXZlKVxuICBoZWFkZXI/OiBEaWFsb2dIZWFkZXJEaXJlY3RpdmU7XG5cbiAgQENvbnRlbnRDaGlsZChEaWFsb2dDb250ZW50RGlyZWN0aXZlKVxuICBjb250ZW50PzogRGlhbG9nQ29udGVudERpcmVjdGl2ZTtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHtcbiAgICBzdXBlcihkaWFsb2dSZWYpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2FwcGhpcmUtbW9kYWwtbGF5b3V0XCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNwLWRpYWxvZy1oZWFkZXIsIFtzcERpYWxvZ0hlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNwLWRpYWxvZy1jb250ZW50LCBbc3AtZGlhbG9nLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJzcC1kaWFsb2ctZm9vdGVyLCBbc3BEaWFsb2dGb290ZXJdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/modal/src/panel/inline-panel.component.mjs

@@ -5,11 +5,11 @@ import * as i1 from "../../../common/sapphire-view-encapsulation";
 export class InlinePanelComponent {
 }
 InlinePanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: InlinePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InlinePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: InlinePanelComponent, selector: "sp-inline-panel", host: { classAttribute: "sapphire-panel-inline" }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-panel{background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content);box-sizing:border-box;overflow:hidden;max-width:100%;display:flex;flex-direction:column;height:100%;outline:0;transition:transform var(--sapphire-panel-time-transition) ease-in-out;transform:translate(100%);width:var(--sapphire-panel-size-width-l)}.sapphire-panel-inline{display:flex;flex-direction:column;background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--small{width:var(--sapphire-panel-size-width-s)}.sapphire-panel-header{flex-shrink:0}.sapphire-panel-body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-panel-size-spacing-side)}.sapphire-panel-body.sapphire-panel-body--no-padding{padding:0}.sapphire-panel-footer{flex-shrink:0}.sapphire-panel-panel-heading-container{flex:1;padding:var(--sapphire-panel-size-spacing-heading-vertical) 0}.sapphire-panel-panel-header{flex-shrink:0;display:flex;justify-content:space-between;padding:var(--sapphire-panel-size-spacing-header-vertical) var(--sapphire-panel-size-spacing-side);gap:var(--sapphire-panel-size-spacing-header-gap)}.sapphire-panel-panel-header-subheading{color:var(--sapphire-panel-color-subheading);margin-top:var(--sapphire-panel-size-spacing-heading-gap)}.sapphire-panel-panel-footer{padding:var(--sapphire-panel-size-spacing-footer-top) var(--sapphire-panel-size-spacing-side) var(--sapphire-panel-size-spacing-footer-bottom) var(--sapphire-panel-size-spacing-side)}.sapphire-panel-panel-header-close-button-container{margin-left:var(--sapphire-panel-size-spacing-close-icon-left)}.sapphire-panel-header+.sapphire-panel-body{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-header+.sapphire-panel-body.sapphire-panel-body--scrolled{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}.sapphire-panel-body+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-body.sapphire-panel-body--scrollable+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}\n"] });
+InlinePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: InlinePanelComponent, selector: "sp-inline-panel", host: { classAttribute: "sapphire-modal-layout" }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface-primary-default);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-m);gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-m)}.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-m) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-m)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-10)}.sapphire-modal-layout__close-button-container{margin-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-s) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body{padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) solid var(--sapphire-semantic-color-border-separator-default)}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: InlinePanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sp-inline-panel', template: '<ng-content></ng-content>', host: {
-                        class: 'sapphire-panel-inline',
-                    }, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-panel{background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content);box-sizing:border-box;overflow:hidden;max-width:100%;display:flex;flex-direction:column;height:100%;outline:0;transition:transform var(--sapphire-panel-time-transition) ease-in-out;transform:translate(100%);width:var(--sapphire-panel-size-width-l)}.sapphire-panel-inline{display:flex;flex-direction:column;background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--small{width:var(--sapphire-panel-size-width-s)}.sapphire-panel-header{flex-shrink:0}.sapphire-panel-body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-panel-size-spacing-side)}.sapphire-panel-body.sapphire-panel-body--no-padding{padding:0}.sapphire-panel-footer{flex-shrink:0}.sapphire-panel-panel-heading-container{flex:1;padding:var(--sapphire-panel-size-spacing-heading-vertical) 0}.sapphire-panel-panel-header{flex-shrink:0;display:flex;justify-content:space-between;padding:var(--sapphire-panel-size-spacing-header-vertical) var(--sapphire-panel-size-spacing-side);gap:var(--sapphire-panel-size-spacing-header-gap)}.sapphire-panel-panel-header-subheading{color:var(--sapphire-panel-color-subheading);margin-top:var(--sapphire-panel-size-spacing-heading-gap)}.sapphire-panel-panel-footer{padding:var(--sapphire-panel-size-spacing-footer-top) var(--sapphire-panel-size-spacing-side) var(--sapphire-panel-size-spacing-footer-bottom) var(--sapphire-panel-size-spacing-side)}.sapphire-panel-panel-header-close-button-container{margin-left:var(--sapphire-panel-size-spacing-close-icon-left)}.sapphire-panel-header+.sapphire-panel-body{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-header+.sapphire-panel-body.sapphire-panel-body--scrolled{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}.sapphire-panel-body+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-body.sapphire-panel-body--scrollable+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}\n"] }]
+                        class: 'sapphire-modal-layout', // FIXME: remove component in favour of modal layout (UC-3744)
+                    }, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface-primary-default);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-m);gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-m)}.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-m) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-m)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-10)}.sapphire-modal-layout__close-button-container{margin-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-s) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body{padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) solid var(--sapphire-semantic-color-border-separator-default)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL3BhbmVsL2lubGluZS1wYW5lbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQzs7O0FBV3ZGLE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7cUdBQXBCLG9CQUFvQix3S0FQckIsMkJBQTJCOzJGQU8xQixvQkFBb0I7a0JBVGhDLFNBQVM7K0JBQ0UsaUJBQWlCLFlBQ2pCLDJCQUEyQixRQUMvQjt3QkFDSixLQUFLLEVBQUUsdUJBQXVCO3FCQUMvQixrQkFDZSxDQUFDLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtaW5saW5lLXBhbmVsJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtcGFuZWwtaW5saW5lJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi9wYW5lbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBJbmxpbmVQYW5lbENvbXBvbmVudCB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL3BhbmVsL2lubGluZS1wYW5lbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQzs7O0FBV3ZGLE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7cUdBQXBCLG9CQUFvQix3S0FQckIsMkJBQTJCOzJGQU8xQixvQkFBb0I7a0JBVGhDLFNBQVM7K0JBQ0UsaUJBQWlCLFlBQ2pCLDJCQUEyQixRQUMvQjt3QkFDSixLQUFLLEVBQUUsdUJBQXVCLEVBQUUsOERBQThEO3FCQUMvRixrQkFDZSxDQUFDLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtaW5saW5lLXBhbmVsJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtbW9kYWwtbGF5b3V0JywgLy8gRklYTUU6IHJlbW92ZSBjb21wb25lbnQgaW4gZmF2b3VyIG9mIG1vZGFsIGxheW91dCAoVUMtMzc0NClcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi9pbmxpbmUtcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5saW5lUGFuZWxDb21wb25lbnQge31cbiJdfQ==

package/esm2020/lib/modal/src/panel/panel-content.component.mjs

@@ -18,7 +18,7 @@ export class PanelContentComponent {
     }
 }
 PanelContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelContentComponent, deps: [{ token: i1.ScrollMonitorDirective }], target: i0.ɵɵFactoryTarget.Component });
-PanelContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelContentComponent, selector: "sp-panel-content", inputs: { noPadding: "noPadding" }, host: { properties: { "class.sapphire-panel-body--no-padding": "noPadding", "class.sapphire-panel-body--scrollable": "_scrollMonitor.scrollable", "class.sapphire-panel-body--scrolled": "_scrollMonitor.scrolled" }, classAttribute: "sapphire-panel-body" }, hostDirectives: [{ directive: i1.ScrollMonitorDirective }, { directive: i2.UseComponentStyles }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+PanelContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelContentComponent, selector: "sp-panel-content", 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: PanelContentComponent, decorators: [{
             type: Component,
             args: [{
@@ -26,13 +26,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                     hostDirectives: [ScrollMonitorDirective, UseComponentStyles],
                     template: `<ng-content></ng-content>`,
                     host: {
-                        class: 'sapphire-panel-body',
-                        '[class.sapphire-panel-body--no-padding]': 'noPadding',
-                        '[class.sapphire-panel-body--scrollable]': '_scrollMonitor.scrollable',
-                        '[class.sapphire-panel-body--scrolled]': '_scrollMonitor.scrolled',
+                        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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9wYW5lbC9wYW5lbC1jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNsRixPQUFPLEVBQWdCLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7QUFhakYsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQyxJQUNJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUNELElBQUksU0FBUyxDQUFDLEtBQW1CO1FBQy9CLElBQUksQ0FBQyxVQUFVLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUdELFlBQW1CLGNBQXNDO1FBQXRDLG1CQUFjLEdBQWQsY0FBYyxDQUF3QjtRQUZqRCxlQUFVLEdBQVksS0FBSyxDQUFDO0lBRXdCLENBQUM7O2tIQVZsRCxxQkFBcUI7c0dBQXJCLHFCQUFxQiw2YkFSdEIsMkJBQTJCOzJGQVExQixxQkFBcUI7a0JBWGpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsY0FBYyxFQUFFLENBQUMsc0JBQXNCLEVBQUUsa0JBQWtCLENBQUM7b0JBQzVELFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUscUJBQXFCO3dCQUM1Qix5Q0FBeUMsRUFBRSxXQUFXO3dCQUN0RCx5Q0FBeUMsRUFBRSwyQkFBMkI7d0JBQ3RFLHVDQUF1QyxFQUFFLHlCQUF5QjtxQkFDbkU7aUJBQ0Y7NkdBR0ssU0FBUztzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2Nyb2xsTW9uaXRvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zY3JvbGwtbW9uaXRvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLXBhbmVsLWNvbnRlbnQnLFxuICBob3N0RGlyZWN0aXZlczogW1Njcm9sbE1vbml0b3JEaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc10sXG4gIHRlbXBsYXRlOiBgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PmAsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLXBhbmVsLWJvZHknLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtcGFuZWwtYm9keS0tbm8tcGFkZGluZ10nOiAnbm9QYWRkaW5nJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXBhbmVsLWJvZHktLXNjcm9sbGFibGVdJzogJ19zY3JvbGxNb25pdG9yLnNjcm9sbGFibGUnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtcGFuZWwtYm9keS0tc2Nyb2xsZWRdJzogJ19zY3JvbGxNb25pdG9yLnNjcm9sbGVkJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgUGFuZWxDb250ZW50Q29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgZ2V0IG5vUGFkZGluZygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fbm9QYWRkaW5nO1xuICB9XG4gIHNldCBub1BhZGRpbmcodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgIHRoaXMuX25vUGFkZGluZyA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gIH1cbiAgcHJpdmF0ZSBfbm9QYWRkaW5nOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHVibGljIF9zY3JvbGxNb25pdG9yOiBTY3JvbGxNb25pdG9yRGlyZWN0aXZlKSB7fVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9wYW5lbC9wYW5lbC1jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNsRixPQUFPLEVBQWdCLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7QUFjakYsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQyxJQUNJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUNELElBQUksU0FBUyxDQUFDLEtBQW1CO1FBQy9CLElBQUksQ0FBQyxVQUFVLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUdELFlBQW1CLGNBQXNDO1FBQXRDLG1CQUFjLEdBQWQsY0FBYyxDQUF3QjtRQUZqRCxlQUFVLEdBQVksS0FBSyxDQUFDO0lBRXdCLENBQUM7O2tIQVZsRCxxQkFBcUI7c0dBQXJCLHFCQUFxQiw2ZEFUdEIsMkJBQTJCOzJGQVMxQixxQkFBcUI7a0JBWmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsY0FBYyxFQUFFLENBQUMsc0JBQXNCLEVBQUUsa0JBQWtCLENBQUM7b0JBQzVELFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsNkJBQTZCO3dCQUNwQyxpREFBaUQsRUFBRSxXQUFXO3dCQUM5RCxpREFBaUQsRUFDL0MsMkJBQTJCO3dCQUM3QiwrQ0FBK0MsRUFBRSx5QkFBeUI7cUJBQzNFO2lCQUNGOzZHQUdLLFNBQVM7c0JBRFosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNjcm9sbE1vbml0b3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2Nyb2xsLW1vbml0b3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1wYW5lbC1jb250ZW50JyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtTY3JvbGxNb25pdG9yRGlyZWN0aXZlLCBVc2VDb21wb25lbnRTdHlsZXNdLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHknLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtbW9kYWwtbGF5b3V0X19ib2R5LS1uby1wYWRkaW5nXSc6ICdub1BhZGRpbmcnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtbW9kYWwtbGF5b3V0X19ib2R5LS1zY3JvbGxhYmxlXSc6XG4gICAgICAnX3Njcm9sbE1vbml0b3Iuc2Nyb2xsYWJsZScsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHktLXNjcm9sbGVkXSc6ICdfc2Nyb2xsTW9uaXRvci5zY3JvbGxlZCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsQ29udGVudENvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGdldCBub1BhZGRpbmcoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX25vUGFkZGluZztcbiAgfVxuICBzZXQgbm9QYWRkaW5nKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICB0aGlzLl9ub1BhZGRpbmcgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICB9XG4gIHByaXZhdGUgX25vUGFkZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfc2Nyb2xsTW9uaXRvcjogU2Nyb2xsTW9uaXRvckRpcmVjdGl2ZSkge31cbn1cbiJdfQ==

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

@@ -10,13 +10,13 @@ import * as i1 from "../../../common/sapphire-view-encapsulation";
 export class PanelFooterDirective {
 }
 PanelFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-PanelFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: PanelFooterDirective, selector: "[spPanelFooter]", host: { classAttribute: "sapphire-panel-footer" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
+PanelFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: PanelFooterDirective, selector: "[spPanelFooter]", 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: PanelFooterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[spPanelFooter]',
                     host: {
-                        class: 'sapphire-panel-footer',
+                        class: 'sapphire-modal-layout__footer-container',
                     },
                     hostDirectives: [UseComponentStyles],
                 }]
@@ -30,9 +30,9 @@ export class PanelFooterComponent {
     constructor() { }
 }
 PanelFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PanelFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelFooterComponent, selector: "sp-panel-footer", ngImport: i0, template: "<div class=\"sapphire-panel-panel-footer\" _spUseComponentStyles>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
+PanelFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelFooterComponent, selector: "sp-panel-footer", 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: PanelFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sp-panel-footer', hostDirectives: [], template: "<div class=\"sapphire-panel-panel-footer\" _spUseComponentStyles>\n  <ng-content></ng-content>\n</div>\n" }]
+            args: [{ selector: 'sp-panel-footer', hostDirectives: [], template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n  <ng-content></ng-content>\n</div>\n" }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL3BhbmVsL3BhbmVsLWZvb3Rlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9wYW5lbC9wYW5lbC1mb290ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7OztBQUVqRjs7OztHQUlHO0FBUUgsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtxR0FBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBUGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSx1QkFBdUI7cUJBQy9CO29CQUNELGNBQWMsRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUNyQzs7QUFHRDs7OztHQUlHO0FBTUgsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixnQkFBZSxDQUFDOztpSEFETCxvQkFBb0I7cUdBQXBCLG9CQUFvQix1REMzQmpDLDBHQUdBOzJGRHdCYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsaUJBQWlCLGtCQUVYLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogTWFya3MgYSBwaWVjZSBvZiBVSSBhcyBwYW5lbCBmb290ZXIuIFVzZSBvbmx5IGZvciAqKmN1c3RvbSoqIGZvb3Rlci5cbiAqIEZvciBzdGFuZGFyZCBwYW5lbCBmb290ZXIgd2l0aCBkZWZhdWx0IHBhZGRpbmcsXG4gKiB1c2Uge0BsaW5rIFBhbmVsRm9vdGVyQ29tcG9uZW50IHNwLXBhbmVsLWZvb3Rlcn0gaW5zdGVhZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwUGFuZWxGb290ZXJdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtcGFuZWwtZm9vdGVyJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNdLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbEZvb3RlckRpcmVjdGl2ZSB7fVxuXG4vKipcbiAqIFN0YW5kYXJkIHBhbmVsIGZvb3RlciBjb21wb25lbnQgd2l0aCBkZWZhdWx0IHBhZGRpbmcuIEZvciBhIGN1c3RvbVxuICogZm9vdGVyLCB1c2VcbiAqIHtAbGluayBQYW5lbEZvb3RlckRpcmVjdGl2ZSBzcFBhbmVsRm9vdGVyIGF0dHJpYnV0ZSBkaXJlY3RpdmV9LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1wYW5lbC1mb290ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwtZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbEZvb3RlckNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1wYW5lbC1wYW5lbC1mb290ZXJcIiBfc3BVc2VDb21wb25lbnRTdHlsZXM+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL3BhbmVsL3BhbmVsLWZvb3Rlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9wYW5lbC9wYW5lbC1mb290ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7OztBQUVqRjs7OztHQUlHO0FBUUgsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtxR0FBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBUGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSx5Q0FBeUM7cUJBQ2pEO29CQUNELGNBQWMsRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUNyQzs7QUFHRDs7OztHQUlHO0FBTUgsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixnQkFBZSxDQUFDOztpSEFETCxvQkFBb0I7cUdBQXBCLG9CQUFvQix1REMzQmpDLDRHQUdBOzJGRHdCYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsaUJBQWlCLGtCQUVYLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogTWFya3MgYSBwaWVjZSBvZiBVSSBhcyBwYW5lbCBmb290ZXIuIFVzZSBvbmx5IGZvciAqKmN1c3RvbSoqIGZvb3Rlci5cbiAqIEZvciBzdGFuZGFyZCBwYW5lbCBmb290ZXIgd2l0aCBkZWZhdWx0IHBhZGRpbmcsXG4gKiB1c2Uge0BsaW5rIFBhbmVsRm9vdGVyQ29tcG9uZW50IHNwLXBhbmVsLWZvb3Rlcn0gaW5zdGVhZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwUGFuZWxGb290ZXJdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtbW9kYWwtbGF5b3V0X19mb290ZXItY29udGFpbmVyJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNdLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbEZvb3RlckRpcmVjdGl2ZSB7fVxuXG4vKipcbiAqIFN0YW5kYXJkIHBhbmVsIGZvb3RlciBjb21wb25lbnQgd2l0aCBkZWZhdWx0IHBhZGRpbmcuIEZvciBhIGN1c3RvbVxuICogZm9vdGVyLCB1c2VcbiAqIHtAbGluayBQYW5lbEZvb3RlckRpcmVjdGl2ZSBzcFBhbmVsRm9vdGVyIGF0dHJpYnV0ZSBkaXJlY3RpdmV9LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1wYW5lbC1mb290ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwtZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbEZvb3RlckNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2Zvb3RlclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

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

@@ -20,7 +20,7 @@ export class PanelHeaderDirective {
     }
 }
 PanelHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-PanelHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: PanelHeaderDirective, isStandalone: true, selector: "[spPanelHeader]", inputs: { id: "id" }, host: { properties: { "id": "this.id" }, classAttribute: "sapphire-panel-header" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
+PanelHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: PanelHeaderDirective, isStandalone: true, selector: "[spPanelHeader]", inputs: { id: "id" }, host: { properties: { "id": "this.id" } }, ngImport: i0 });
 __decorate([
     AutoId()
 ], PanelHeaderDirective.prototype, "id", void 0);
@@ -28,10 +28,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
             type: Directive,
             args: [{
                     selector: '[spPanelHeader]',
-                    host: {
-                        class: 'sapphire-panel-header',
-                    },
-                    hostDirectives: [UseComponentStyles],
                     standalone: true,
                 }]
         }], propDecorators: { id: [{
@@ -55,14 +51,19 @@ export class PanelHeaderComponent {
     }
 }
 PanelHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PanelHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelHeaderComponent, selector: "sp-panel-header", inputs: { subheading: "subheading" }, outputs: { closeEventEmitter: "closeClicked" }, hostDirectives: [{ directive: PanelHeaderDirective, inputs: ["id", "id"] }], ngImport: i0, template: "<div class=\"sapphire-panel-panel-header\" _spUseComponentStyles>\n  <ng-content select=\"[spPanelBackButton]\"></ng-content>\n  <div class=\"sapphire-panel-panel-heading-container\" _spUseComponentStyles>\n    <h4 sp-heading><ng-content></ng-content></h4>\n    <div\n      *ngIf=\"!!subheading\"\n      class=\"sapphire-panel-panel-header-subheading\"\n      _spUseComponentStyles\n    >\n      {{ subheading }}\n    </div>\n  </div>\n  <div\n    class=\"sapphire-panel-panel-header-close-button-container\"\n    _spUseComponentStyles\n  >\n    <button\n      sp-icon-button\n      variant=\"tertiary\"\n      appearance=\"ghost\"\n      size=\"large\"\n      (click)=\"close($event)\"\n      spPanelCloseButton\n    >\n      <sp-icon name=\"close\"></sp-icon>\n    </button>\n  </div>\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", "appearance", "surface", "size", "disabled", "type"] }, { kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }, { kind: "directive", type: i6.PanelCloseButtonDirective, selector: "button[spPanelCloseButton]" }] });
+PanelHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelHeaderComponent, selector: "sp-panel-header", inputs: { subheading: "subheading" }, outputs: { closeEventEmitter: "closeClicked" }, host: { classAttribute: "sapphire-modal-layout__header-container" }, hostDirectives: [{ directive: PanelHeaderDirective, inputs: ["id", "id"] }, { directive: i1.UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n  <ng-content select=\"[spPanelBackButton]\"></ng-content>\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  <div\n    class=\"sapphire-modal-layout__close-button-container\"\n    _spUseComponentStyles\n  >\n    <button\n      sp-icon-button\n      variant=\"tertiary\"\n      appearance=\"ghost\"\n      size=\"medium\"\n      (click)=\"close($event)\"\n      spPanelCloseButton\n    >\n      <sp-icon name=\"close\"></sp-icon>\n    </button>\n  </div>\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", "appearance", "surface", "size", "disabled", "type"] }, { kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }, { kind: "directive", type: i6.PanelCloseButtonDirective, selector: "button[spPanelCloseButton]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sp-panel-header', hostDirectives: [{ directive: PanelHeaderDirective, inputs: ['id'] }], template: "<div class=\"sapphire-panel-panel-header\" _spUseComponentStyles>\n  <ng-content select=\"[spPanelBackButton]\"></ng-content>\n  <div class=\"sapphire-panel-panel-heading-container\" _spUseComponentStyles>\n    <h4 sp-heading><ng-content></ng-content></h4>\n    <div\n      *ngIf=\"!!subheading\"\n      class=\"sapphire-panel-panel-header-subheading\"\n      _spUseComponentStyles\n    >\n      {{ subheading }}\n    </div>\n  </div>\n  <div\n    class=\"sapphire-panel-panel-header-close-button-container\"\n    _spUseComponentStyles\n  >\n    <button\n      sp-icon-button\n      variant=\"tertiary\"\n      appearance=\"ghost\"\n      size=\"large\"\n      (click)=\"close($event)\"\n      spPanelCloseButton\n    >\n      <sp-icon name=\"close\"></sp-icon>\n    </button>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'sp-panel-header', hostDirectives: [
+                        { directive: PanelHeaderDirective, inputs: ['id'] },
+                        UseComponentStyles,
+                    ], host: {
+                        class: 'sapphire-modal-layout__header-container',
+                    }, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n  <ng-content select=\"[spPanelBackButton]\"></ng-content>\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  <div\n    class=\"sapphire-modal-layout__close-button-container\"\n    _spUseComponentStyles\n  >\n    <button\n      sp-icon-button\n      variant=\"tertiary\"\n      appearance=\"ghost\"\n      size=\"medium\"\n      (click)=\"close($event)\"\n      spPanelCloseButton\n    >\n      <sp-icon name=\"close\"></sp-icon>\n    </button>\n  </div>\n</div>\n" }]
         }], propDecorators: { subheading: [{
                 type: Input
             }], closeEventEmitter: [{
                 type: Output,
                 args: ['closeClicked']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL3BhbmVsL3BhbmVsLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9wYW5lbC9wYW5lbC1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDM0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7Ozs7O0FBRWpGOzs7O0dBSUc7QUFTSCxNQUFNLE9BQU8sb0JBQW9CO0lBUmpDO1FBWUUsT0FBRSxHQUFHLEVBQUUsQ0FBQztLQUNUOztpSEFMWSxvQkFBb0I7cUdBQXBCLG9CQUFvQjtBQUkvQjtJQURDLE1BQU0sRUFBRTtnREFDRDsyRkFKRyxvQkFBb0I7a0JBUmhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSx1QkFBdUI7cUJBQy9CO29CQUNELGNBQWMsRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNwQyxVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBS0MsRUFBRTtzQkFIRCxXQUFXO3VCQUFDLElBQUk7O3NCQUNoQixLQUFLOztBQUtSOzs7OztHQUtHO0FBTUgsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQVVFLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7S0FLeEM7SUFIQyxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDOztpSEFUVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtSkFsQnBCLG9CQUFvQixtREN4QmpDLDh4QkE0QkE7MkZEY2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGlCQUFpQixrQkFFWCxDQUFDLEVBQUUsU0FBUyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7OEJBSXJFLFVBQVU7c0JBRFQsS0FBSztnQkFJTixpQkFBaUI7c0JBRGhCLE1BQU07dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRGlyZWN0aXZlLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF1dG9JZCB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9hdXRvLWlkLmRlY29yYXRvcic7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXMgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuLyoqXG4gKiBNYXJrcyBhIHBpZWNlIG9mIFVJIGFzIHBhbmVsIGhlYWRlci4gVXNlIG9ubHkgZm9yICoqY3VzdG9tKiogaGVhZGVyLlxuICogRm9yIHN0YW5kYXJkIHBhbmVsIGhlYWRlciAoYSBoZWFkaW5nLCBvcHRpb25hbCBzdWJoZWFkaW5nIGFuZCBhXG4gKiBjbG9zZSBidXR0b24pLCB1c2Uge0BsaW5rIFBhbmVsSGVhZGVyQ29tcG9uZW50IHNwLXBhbmVsLWhlYWRlcn0gaW5zdGVhZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwUGFuZWxIZWFkZXJdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtcGFuZWwtaGVhZGVyJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbEhlYWRlckRpcmVjdGl2ZSB7XG4gIEBIb3N0QmluZGluZygnaWQnKVxuICBASW5wdXQoKVxuICBAQXV0b0lkKClcbiAgaWQgPSAnJztcbn1cblxuLyoqXG4gKiBTdGFuZGFyZCBwYW5lbCBoZWFkZXIgY29tcG9uZW50LCB3aGljaCBjb25zaXN0cyBvZiBhIGhlYWRpbmcgKHRoZVxuICogY29udGVudCksIG9wdGlvbmFsIHN1YmhlYWRpbmcgYW5kIGEgY2xvc2UgYnV0dG9uLiBGb3IgYSBjdXN0b21cbiAqIGhlYWRlciwgdXNlXG4gKiB7QGxpbmsgUGFuZWxIZWFkZXJEaXJlY3RpdmUgc3BQYW5lbEhlYWRlciBhdHRyaWJ1dGUgZGlyZWN0aXZlfS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtcGFuZWwtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhbmVsLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3REaXJlY3RpdmVzOiBbeyBkaXJlY3RpdmU6IFBhbmVsSGVhZGVyRGlyZWN0aXZlLCBpbnB1dHM6IFsnaWQnXSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgUGFuZWxIZWFkZXJDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBzdWJoZWFkaW5nPzogc3RyaW5nO1xuXG4gIEBPdXRwdXQoJ2Nsb3NlQ2xpY2tlZCcpXG4gIGNsb3NlRXZlbnRFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNsb3NlKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5jbG9zZUV2ZW50RW1pdHRlci5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNhcHBoaXJlLXBhbmVsLXBhbmVsLWhlYWRlclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwUGFuZWxCYWNrQnV0dG9uXVwiPjwvbmctY29udGVudD5cbiAgPGRpdiBjbGFzcz1cInNhcHBoaXJlLXBhbmVsLXBhbmVsLWhlYWRpbmctY29udGFpbmVyXCIgX3NwVXNlQ29tcG9uZW50U3R5bGVzPlxuICAgIDxoNCBzcC1oZWFkaW5nPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2g0PlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiISFzdWJoZWFkaW5nXCJcbiAgICAgIGNsYXNzPVwic2FwcGhpcmUtcGFuZWwtcGFuZWwtaGVhZGVyLXN1YmhlYWRpbmdcIlxuICAgICAgX3NwVXNlQ29tcG9uZW50U3R5bGVzXG4gICAgPlxuICAgICAge3sgc3ViaGVhZGluZyB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2FwcGhpcmUtcGFuZWwtcGFuZWwtaGVhZGVyLWNsb3NlLWJ1dHRvbi1jb250YWluZXJcIlxuICAgIF9zcFVzZUNvbXBvbmVudFN0eWxlc1xuICA+XG4gICAgPGJ1dHRvblxuICAgICAgc3AtaWNvbi1idXR0b25cbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICBhcHBlYXJhbmNlPVwiZ2hvc3RcIlxuICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgIChjbGljayk9XCJjbG9zZSgkZXZlbnQpXCJcbiAgICAgIHNwUGFuZWxDbG9zZUJ1dHRvblxuICAgID5cbiAgICAgIDxzcC1pY29uIG5hbWU9XCJjbG9zZVwiPjwvc3AtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL3BhbmVsL3BhbmVsLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9wYW5lbC9wYW5lbC1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDM0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7Ozs7O0FBRWpGOzs7O0dBSUc7QUFLSCxNQUFNLE9BQU8sb0JBQW9CO0lBSmpDO1FBUUUsT0FBRSxHQUFHLEVBQUUsQ0FBQztLQUNUOztpSEFMWSxvQkFBb0I7cUdBQXBCLG9CQUFvQjtBQUkvQjtJQURDLE1BQU0sRUFBRTtnREFDRDsyRkFKRyxvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUtDLEVBQUU7c0JBSEQsV0FBVzt1QkFBQyxJQUFJOztzQkFDaEIsS0FBSzs7QUFLUjs7Ozs7R0FLRztBQVlILE1BQU0sT0FBTyxvQkFBb0I7SUFYakM7UUFnQkUsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQUt4QztJQUhDLEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7O2lIQVRVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHdOQXhCcEIsb0JBQW9CLHlGQ3BCakMseXhCQTRCQTsyRkRnQmEsb0JBQW9CO2tCQVhoQyxTQUFTOytCQUNFLGlCQUFpQixrQkFFWDt3QkFDZCxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRTt3QkFDbkQsa0JBQWtCO3FCQUNuQixRQUNLO3dCQUNKLEtBQUssRUFBRSx5Q0FBeUM7cUJBQ2pEOzhCQUlELFVBQVU7c0JBRFQsS0FBSztnQkFJTixpQkFBaUI7c0JBRGhCLE1BQU07dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRGlyZWN0aXZlLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF1dG9JZCB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9hdXRvLWlkLmRlY29yYXRvcic7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXMgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuLyoqXG4gKiBNYXJrcyBhIHBpZWNlIG9mIFVJIGFzIHBhbmVsIGhlYWRlci4gVXNlIG9ubHkgZm9yICoqY3VzdG9tKiogaGVhZGVyLlxuICogRm9yIHN0YW5kYXJkIHBhbmVsIGhlYWRlciAoYSBoZWFkaW5nLCBvcHRpb25hbCBzdWJoZWFkaW5nIGFuZCBhXG4gKiBjbG9zZSBidXR0b24pLCB1c2Uge0BsaW5rIFBhbmVsSGVhZGVyQ29tcG9uZW50IHNwLXBhbmVsLWhlYWRlcn0gaW5zdGVhZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwUGFuZWxIZWFkZXJdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgUGFuZWxIZWFkZXJEaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ2lkJylcbiAgQElucHV0KClcbiAgQEF1dG9JZCgpXG4gIGlkID0gJyc7XG59XG5cbi8qKlxuICogU3RhbmRhcmQgcGFuZWwgaGVhZGVyIGNvbXBvbmVudCwgd2hpY2ggY29uc2lzdHMgb2YgYSBoZWFkaW5nICh0aGVcbiAqIGNvbnRlbnQpLCBvcHRpb25hbCBzdWJoZWFkaW5nIGFuZCBhIGNsb3NlIGJ1dHRvbi4gRm9yIGEgY3VzdG9tXG4gKiBoZWFkZXIsIHVzZVxuICoge0BsaW5rIFBhbmVsSGVhZGVyRGlyZWN0aXZlIHNwUGFuZWxIZWFkZXIgYXR0cmlidXRlIGRpcmVjdGl2ZX0uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLXBhbmVsLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYW5lbC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHsgZGlyZWN0aXZlOiBQYW5lbEhlYWRlckRpcmVjdGl2ZSwgaW5wdXRzOiBbJ2lkJ10gfSxcbiAgICBVc2VDb21wb25lbnRTdHlsZXMsXG4gIF0sXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLW1vZGFsLWxheW91dF9faGVhZGVyLWNvbnRhaW5lcicsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsSGVhZGVyQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgc3ViaGVhZGluZz86IHN0cmluZztcblxuICBAT3V0cHV0KCdjbG9zZUNsaWNrZWQnKVxuICBjbG9zZUV2ZW50RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjbG9zZShldmVudDogTW91c2VFdmVudCkge1xuICAgIHRoaXMuY2xvc2VFdmVudEVtaXR0ZXIuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2hlYWRlclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwUGFuZWxCYWNrQnV0dG9uXVwiPjwvbmctY29udGVudD5cbiAgPGRpdiBjbGFzcz1cInNhcHBoaXJlLW1vZGFsLWxheW91dF9faGVhZGluZy1jb250YWluZXJcIiBfc3BVc2VDb21wb25lbnRTdHlsZXM+XG4gICAgPGgzIHNwLWhlYWRpbmc+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvaDM+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCIhIXN1YmhlYWRpbmdcIlxuICAgICAgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX3N1YmhlYWRpbmdcIlxuICAgICAgX3NwVXNlQ29tcG9uZW50U3R5bGVzXG4gICAgPlxuICAgICAge3sgc3ViaGVhZGluZyB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2FwcGhpcmUtbW9kYWwtbGF5b3V0X19jbG9zZS1idXR0b24tY29udGFpbmVyXCJcbiAgICBfc3BVc2VDb21wb25lbnRTdHlsZXNcbiAgPlxuICAgIDxidXR0b25cbiAgICAgIHNwLWljb24tYnV0dG9uXG4gICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgYXBwZWFyYW5jZT1cImdob3N0XCJcbiAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgKGNsaWNrKT1cImNsb3NlKCRldmVudClcIlxuICAgICAgc3BQYW5lbENsb3NlQnV0dG9uXG4gICAgPlxuICAgICAgPHNwLWljb24gbmFtZT1cImNsb3NlXCI+PC9zcC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -17,14 +17,14 @@ export class PanelComponent extends ModalBaseComponent {
     }
 }
 PanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-PanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelComponent, selector: "sp-panel", inputs: { size: "size" }, host: { properties: { "class.sapphire-panel--small": "size === \"small\"", "class.sapphire-panel--visible": "!dialogRef.closing" }, classAttribute: "sapphire-panel" }, queries: [{ propertyName: "header", first: true, predicate: PanelHeaderDirective, descendants: true }, { propertyName: "content", first: true, predicate: PanelContentComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<ng-content select=\"sp-panel-header, [spPanelHeader]\"></ng-content>\n<ng-content select=\"sp-panel-content\"></ng-content>\n<ng-content select=\"sp-panel-footer, [spPanelFooter]\"></ng-content>\n", styles: [".sapphire-panel{background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content);box-sizing:border-box;overflow:hidden;max-width:100%;display:flex;flex-direction:column;height:100%;outline:0;transition:transform var(--sapphire-panel-time-transition) ease-in-out;transform:translate(100%);width:var(--sapphire-panel-size-width-l)}.sapphire-panel-inline{display:flex;flex-direction:column;background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--small{width:var(--sapphire-panel-size-width-s)}.sapphire-panel-header{flex-shrink:0}.sapphire-panel-body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-panel-size-spacing-side)}.sapphire-panel-body.sapphire-panel-body--no-padding{padding:0}.sapphire-panel-footer{flex-shrink:0}.sapphire-panel-panel-heading-container{flex:1;padding:var(--sapphire-panel-size-spacing-heading-vertical) 0}.sapphire-panel-panel-header{flex-shrink:0;display:flex;justify-content:space-between;padding:var(--sapphire-panel-size-spacing-header-vertical) var(--sapphire-panel-size-spacing-side);gap:var(--sapphire-panel-size-spacing-header-gap)}.sapphire-panel-panel-header-subheading{color:var(--sapphire-panel-color-subheading);margin-top:var(--sapphire-panel-size-spacing-heading-gap)}.sapphire-panel-panel-footer{padding:var(--sapphire-panel-size-spacing-footer-top) var(--sapphire-panel-size-spacing-side) var(--sapphire-panel-size-spacing-footer-bottom) var(--sapphire-panel-size-spacing-side)}.sapphire-panel-panel-header-close-button-container{margin-left:var(--sapphire-panel-size-spacing-close-icon-left)}.sapphire-panel-header+.sapphire-panel-body{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-header+.sapphire-panel-body.sapphire-panel-body--scrolled{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}.sapphire-panel-body+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-body.sapphire-panel-body--scrollable+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}\n"] });
+PanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelComponent, selector: "sp-panel", inputs: { size: "size" }, host: { properties: { "class.sapphire-panel--small": "size === \"small\"", "class.sapphire-panel--visible": "!dialogRef.closing" }, classAttribute: "sapphire-panel" }, queries: [{ propertyName: "header", first: true, predicate: PanelHeaderDirective, descendants: true }, { propertyName: "content", first: true, predicate: PanelContentComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<div class=\"sapphire-modal-layout\">\n  <ng-content select=\"sp-panel-header, [spPanelHeader]\"></ng-content>\n  <ng-content select=\"sp-panel-content\"></ng-content>\n  <ng-content select=\"sp-panel-footer, [spPanelFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-panel-time-transition) ease-in-out;transform:translate(100%);width:var(--sapphire-panel-size-width-l)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--small{width:var(--sapphire-panel-size-width-s)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface-primary-default);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-m);gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-m)}.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-m) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-m)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-10)}.sapphire-modal-layout__close-button-container{margin-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-s) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body{padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) solid var(--sapphire-semantic-color-border-separator-default)}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sp-panel', host: {
                         class: 'sapphire-panel',
                         '[class.sapphire-panel--small]': 'size === "small"',
                         '[class.sapphire-panel--visible]': '!dialogRef.closing',
-                    }, hostDirectives: [UseComponentStylesOnHost], template: "<ng-content select=\"sp-panel-header, [spPanelHeader]\"></ng-content>\n<ng-content select=\"sp-panel-content\"></ng-content>\n<ng-content select=\"sp-panel-footer, [spPanelFooter]\"></ng-content>\n", styles: [".sapphire-panel{background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content);box-sizing:border-box;overflow:hidden;max-width:100%;display:flex;flex-direction:column;height:100%;outline:0;transition:transform var(--sapphire-panel-time-transition) ease-in-out;transform:translate(100%);width:var(--sapphire-panel-size-width-l)}.sapphire-panel-inline{display:flex;flex-direction:column;background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--small{width:var(--sapphire-panel-size-width-s)}.sapphire-panel-header{flex-shrink:0}.sapphire-panel-body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-panel-size-spacing-side)}.sapphire-panel-body.sapphire-panel-body--no-padding{padding:0}.sapphire-panel-footer{flex-shrink:0}.sapphire-panel-panel-heading-container{flex:1;padding:var(--sapphire-panel-size-spacing-heading-vertical) 0}.sapphire-panel-panel-header{flex-shrink:0;display:flex;justify-content:space-between;padding:var(--sapphire-panel-size-spacing-header-vertical) var(--sapphire-panel-size-spacing-side);gap:var(--sapphire-panel-size-spacing-header-gap)}.sapphire-panel-panel-header-subheading{color:var(--sapphire-panel-color-subheading);margin-top:var(--sapphire-panel-size-spacing-heading-gap)}.sapphire-panel-panel-footer{padding:var(--sapphire-panel-size-spacing-footer-top) var(--sapphire-panel-size-spacing-side) var(--sapphire-panel-size-spacing-footer-bottom) var(--sapphire-panel-size-spacing-side)}.sapphire-panel-panel-header-close-button-container{margin-left:var(--sapphire-panel-size-spacing-close-icon-left)}.sapphire-panel-header+.sapphire-panel-body{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-header+.sapphire-panel-body.sapphire-panel-body--scrolled{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}.sapphire-panel-body+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-body.sapphire-panel-body--scrollable+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}\n"] }]
+                    }, hostDirectives: [UseComponentStylesOnHost], template: "<div class=\"sapphire-modal-layout\">\n  <ng-content select=\"sp-panel-header, [spPanelHeader]\"></ng-content>\n  <ng-content select=\"sp-panel-content\"></ng-content>\n  <ng-content select=\"sp-panel-footer, [spPanelFooter]\"></ng-content>\n</div>\n", styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-panel-time-transition) ease-in-out;transform:translate(100%);width:var(--sapphire-panel-size-width-l)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--small{width:var(--sapphire-panel-size-width-s)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface-primary-default);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-m);gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-m)}.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-m) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-m)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-10)}.sapphire-modal-layout__close-button-container{margin-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-s) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body{padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-s) solid var(--sapphire-semantic-color-border-separator-default)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { size: [{
                 type: Input
             }], header: [{
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: ContentChild,
                 args: [PanelContentComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvcGFuZWwvcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvcGFuZWwvcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9ELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBYXZGLE1BQU0sT0FBTyxjQUFlLFNBQVEsa0JBQWtCO0lBYXBELFlBQXNCLFNBQW9CO1FBQ3hDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztRQURHLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFaMUM7O1dBRUc7UUFFSCxTQUFJLEdBQXNCLE9BQU8sQ0FBQztJQVVsQyxDQUFDOzsyR0FmVSxjQUFjOytGQUFkLGNBQWMsc1JBT1gsb0JBQW9CLDBFQUdwQixxQkFBcUIscUlDNUJyQyx1TUFHQTsyRkRlYSxjQUFjO2tCQVgxQixTQUFTOytCQUNFLFVBQVUsUUFFZDt3QkFDSixLQUFLLEVBQUUsZ0JBQWdCO3dCQUN2QiwrQkFBK0IsRUFBRSxrQkFBa0I7d0JBQ25ELGlDQUFpQyxFQUFFLG9CQUFvQjtxQkFDeEQsa0JBQ2UsQ0FBQyx3QkFBd0IsQ0FBQztnR0FRMUMsSUFBSTtzQkFESCxLQUFLO2dCQUlOLE1BQU07c0JBREwsWUFBWTt1QkFBQyxvQkFBb0I7Z0JBSWxDLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFuZWxIZWFkZXJEaXJlY3RpdmUgfSBmcm9tICcuL3BhbmVsLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFuZWxDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9wYW5lbC1jb250ZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb2RhbEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9tb2RhbC1iYXNlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS1wYW5lbCcsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wYW5lbC0tc21hbGxdJzogJ3NpemUgPT09IFwic21hbGxcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wYW5lbC0tdmlzaWJsZV0nOiAnIWRpYWxvZ1JlZi5jbG9zaW5nJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi9wYW5lbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbENvbXBvbmVudCBleHRlbmRzIE1vZGFsQmFzZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBQYW5lbCBzaXplLCBjb25zdHJhaW5pbmcgdGhlIHdpZHRoIG9mIHRoZSBwYW5lbC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHNpemU6ICdzbWFsbCcgfCAnbGFyZ2UnID0gJ2xhcmdlJztcblxuICBAQ29udGVudENoaWxkKFBhbmVsSGVhZGVyRGlyZWN0aXZlKVxuICBoZWFkZXI/OiBQYW5lbEhlYWRlckRpcmVjdGl2ZTtcblxuICBAQ29udGVudENoaWxkKFBhbmVsQ29udGVudENvbXBvbmVudClcbiAgY29udGVudD86IFBhbmVsQ29udGVudENvbXBvbmVudDtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHtcbiAgICBzdXBlcihkaWFsb2dSZWYpO1xuICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJzcC1wYW5lbC1oZWFkZXIsIFtzcFBhbmVsSGVhZGVyXVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cInNwLXBhbmVsLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJzcC1wYW5lbC1mb290ZXIsIFtzcFBhbmVsRm9vdGVyXVwiPjwvbmctY29udGVudD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvcGFuZWwvcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvcGFuZWwvcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9ELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBYXZGLE1BQU0sT0FBTyxjQUFlLFNBQVEsa0JBQWtCO0lBYXBELFlBQXNCLFNBQW9CO1FBQ3hDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztRQURHLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFaMUM7O1dBRUc7UUFFSCxTQUFJLEdBQXNCLE9BQU8sQ0FBQztJQVVsQyxDQUFDOzsyR0FmVSxjQUFjOytGQUFkLGNBQWMsc1JBT1gsb0JBQW9CLDBFQUdwQixxQkFBcUIscUlDNUJyQyw0UEFLQTsyRkRhYSxjQUFjO2tCQVgxQixTQUFTOytCQUNFLFVBQVUsUUFFZDt3QkFDSixLQUFLLEVBQUUsZ0JBQWdCO3dCQUN2QiwrQkFBK0IsRUFBRSxrQkFBa0I7d0JBQ25ELGlDQUFpQyxFQUFFLG9CQUFvQjtxQkFDeEQsa0JBQ2UsQ0FBQyx3QkFBd0IsQ0FBQztnR0FRMUMsSUFBSTtzQkFESCxLQUFLO2dCQUlOLE1BQU07c0JBREwsWUFBWTt1QkFBQyxvQkFBb0I7Z0JBSWxDLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFuZWxIZWFkZXJEaXJlY3RpdmUgfSBmcm9tICcuL3BhbmVsLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFuZWxDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9wYW5lbC1jb250ZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb2RhbEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9tb2RhbC1iYXNlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS1wYW5lbCcsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wYW5lbC0tc21hbGxdJzogJ3NpemUgPT09IFwic21hbGxcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wYW5lbC0tdmlzaWJsZV0nOiAnIWRpYWxvZ1JlZi5jbG9zaW5nJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi9wYW5lbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbENvbXBvbmVudCBleHRlbmRzIE1vZGFsQmFzZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBQYW5lbCBzaXplLCBjb25zdHJhaW5pbmcgdGhlIHdpZHRoIG9mIHRoZSBwYW5lbC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHNpemU6ICdzbWFsbCcgfCAnbGFyZ2UnID0gJ2xhcmdlJztcblxuICBAQ29udGVudENoaWxkKFBhbmVsSGVhZGVyRGlyZWN0aXZlKVxuICBoZWFkZXI/OiBQYW5lbEhlYWRlckRpcmVjdGl2ZTtcblxuICBAQ29udGVudENoaWxkKFBhbmVsQ29udGVudENvbXBvbmVudClcbiAgY29udGVudD86IFBhbmVsQ29udGVudENvbXBvbmVudDtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHtcbiAgICBzdXBlcihkaWFsb2dSZWYpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2FwcGhpcmUtbW9kYWwtbGF5b3V0XCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNwLXBhbmVsLWhlYWRlciwgW3NwUGFuZWxIZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJzcC1wYW5lbC1jb250ZW50XCI+PC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJzcC1wYW5lbC1mb290ZXIsIFtzcFBhbmVsRm9vdGVyXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19