@danske/sapphire-angular 2.9.0 → 3.0.0

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

@@ -0,0 +1,111 @@
+import { Component, ContentChild, ContentChildren, Directive, Input, ViewChild, } from '@angular/core';
+import { ICON_SIZE_PROVIDER } from '../../../icon/public_api';
+import { DialogComponent } from './dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../button/src/button-group.component";
+import * as i3 from "../../../feedback-message/src/feedback-message.component";
+import * as i4 from "../layout/modal-header.component";
+import * as i5 from "./dialog.component";
+export class AlertDialogIcon {
+}
+AlertDialogIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AlertDialogIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AlertDialogIcon.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: AlertDialogIcon, selector: "[spAlertDialogIcon]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AlertDialogIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[spAlertDialogIcon]',
+                }]
+        }] });
+export class AlertDialogHeading {
+}
+AlertDialogHeading.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AlertDialogHeading, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AlertDialogHeading.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: AlertDialogHeading, selector: "[spAlertDialogHeading]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AlertDialogHeading, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[spAlertDialogHeading]',
+                }]
+        }] });
+export class AlertDialogBody {
+}
+AlertDialogBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AlertDialogBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AlertDialogBody.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: AlertDialogBody, selector: "[spAlertDialogBody]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AlertDialogBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[spAlertDialogBody]',
+                }]
+        }] });
+export class AlertDialogActions {
+}
+AlertDialogActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AlertDialogActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AlertDialogActions.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: AlertDialogActions, selector: "[spAlertDialogActions]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AlertDialogActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[spAlertDialogActions]',
+                }]
+        }] });
+/**
+ * Implements layout and style of the alert dialog
+ */
+export class AlertDialogComponent {
+    constructor() {
+        /**
+         * @default "horizontal"
+         */
+        this.actionsOrientation = 'horizontal';
+    }
+    ngAfterContentInit() {
+        if (!this.heading) {
+            throw new Error('Missing heading for sp-alert-dialog. Render <sp-alert-dialog-heading>...</sp-alert-dialog-heading> inside sp-alert-dialog');
+        }
+        if (!this.body) {
+            throw new Error('Missing body for sp-alert-dialog. Render <sp-alert-dialog-body>...</sp-alert-dialog-body> inside sp-alert-dialog');
+        }
+        if (!this.actions) {
+            throw new Error('Missing actions for sp-alert-dialog. Render <sp-alert-dialog-actions>...</sp-alert-dialog-actions> inside sp-alert-dialog');
+        }
+    }
+}
+AlertDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AlertDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: AlertDialogComponent, selector: "sp-alert-dialog", inputs: { variant: "variant", actionsOrientation: "actionsOrientation" }, providers: [
+        {
+            provide: ICON_SIZE_PROVIDER,
+            useValue: { size: 'xl' },
+        },
+    ], queries: [{ propertyName: "icon", first: true, predicate: AlertDialogIcon, descendants: true }, { propertyName: "heading", first: true, predicate: AlertDialogHeading, descendants: true }, { propertyName: "body", first: true, predicate: AlertDialogBody, descendants: true }, { propertyName: "actions", predicate: AlertDialogActions }], viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], ngImport: i0, template: "<sp-dialog role=\"alertdialog\" size=\"xs\">\n  <sp-feedback-message\n    [variant]=\"variant\"\n    style=\"margin: var(--sapphire-semantic-size-spacing-xl)\"\n  >\n    <ng-container *ngIf=\"icon !== undefined\" spFeedbackMessageIcon>\n      <ng-content select=\"[spAlertDialogIcon]\"></ng-content>\n    </ng-container>\n    <sp-feedback-message-heading spModalHeader>\n      <ng-content select=\"[spAlertDialogHeading]\"></ng-content>\n    </sp-feedback-message-heading>\n    <sp-feedback-message-body>\n      <ng-content select=\"[spAlertDialogBody]\"></ng-content>\n    </sp-feedback-message-body>\n    <sp-feedback-message-actions style=\"width: 100%\">\n      <sp-button-group\n        stretch=\"autoVertical\"\n        [orientation]=\"actionsOrientation\"\n      >\n        <ng-content select=\"[spAlertDialogActions]\"></ng-content>\n      </sp-button-group>\n    </sp-feedback-message-actions>\n  </sp-feedback-message>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }, { kind: "component", type: i3.FeedbackMessageComponent, selector: "sp-feedback-message", inputs: ["variant"] }, { kind: "directive", type: i3.FeedbackMessageIcon, selector: "[spFeedbackMessageIcon]" }, { kind: "directive", type: i3.FeedbackMessageHeading, selector: "sp-feedback-message-heading" }, { kind: "directive", type: i3.FeedbackMessageBody, selector: "sp-feedback-message-body" }, { kind: "directive", type: i3.FeedbackMessageActions, selector: "sp-feedback-message-actions" }, { kind: "directive", type: i4.ModalHeaderDirective, selector: "[spModalHeader]", inputs: ["id"] }, { kind: "component", type: i5.DialogComponent, selector: "sp-dialog", inputs: ["size"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AlertDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sp-alert-dialog', providers: [
+                        {
+                            provide: ICON_SIZE_PROVIDER,
+                            useValue: { size: 'xl' },
+                        },
+                    ], standalone: false, template: "<sp-dialog role=\"alertdialog\" size=\"xs\">\n  <sp-feedback-message\n    [variant]=\"variant\"\n    style=\"margin: var(--sapphire-semantic-size-spacing-xl)\"\n  >\n    <ng-container *ngIf=\"icon !== undefined\" spFeedbackMessageIcon>\n      <ng-content select=\"[spAlertDialogIcon]\"></ng-content>\n    </ng-container>\n    <sp-feedback-message-heading spModalHeader>\n      <ng-content select=\"[spAlertDialogHeading]\"></ng-content>\n    </sp-feedback-message-heading>\n    <sp-feedback-message-body>\n      <ng-content select=\"[spAlertDialogBody]\"></ng-content>\n    </sp-feedback-message-body>\n    <sp-feedback-message-actions style=\"width: 100%\">\n      <sp-button-group\n        stretch=\"autoVertical\"\n        [orientation]=\"actionsOrientation\"\n      >\n        <ng-content select=\"[spAlertDialogActions]\"></ng-content>\n      </sp-button-group>\n    </sp-feedback-message-actions>\n  </sp-feedback-message>\n</sp-dialog>\n" }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], 
+        /**
+         * @default "horizontal"
+         */
+        actionsOrientation: [{
+                type: Input
+            }], icon: [{
+                type: ContentChild,
+                args: [AlertDialogIcon]
+            }], heading: [{
+                type: ContentChild,
+                args: [AlertDialogHeading]
+            }], body: [{
+                type: ContentChild,
+                args: [AlertDialogBody]
+            }], actions: [{
+                type: ContentChildren,
+                args: [AlertDialogActions]
+            }], dialog: [{
+                type: ViewChild,
+                args: [DialogComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2RpYWxvZy9hbGVydC1kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2FsZXJ0LWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixlQUFlLEVBQ2YsU0FBUyxFQUNULEtBQUssRUFDTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7O0FBWXJELE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlO2dHQUFmLGVBQWU7MkZBQWYsZUFBZTtrQkFIM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO2lCQUNoQzs7QUFNRCxNQUFNLE9BQU8sa0JBQWtCOzsrR0FBbEIsa0JBQWtCO21HQUFsQixrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFIOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsd0JBQXdCO2lCQUNuQzs7QUFNRCxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTtnR0FBZixlQUFlOzJGQUFmLGVBQWU7a0JBSDNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtpQkFDaEM7O0FBTUQsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBSDlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtpQkFDbkM7O0FBR0Q7O0dBRUc7QUFZSCxNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBZ0JFOztXQUVHO1FBQ0gsdUJBQWtCLEdBQStCLFlBQVksQ0FBQztLQXVDL0Q7SUF6QkMsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2pCLE1BQU0sSUFBSSxLQUFLLENBQ2IsMkhBQTJILENBQzVILENBQUM7U0FDSDtRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2QsTUFBTSxJQUFJLEtBQUssQ0FDYixrSEFBa0gsQ0FDbkgsQ0FBQztTQUNIO1FBRUQsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDakIsTUFBTSxJQUFJLEtBQUssQ0FDYiwySEFBMkgsQ0FDNUgsQ0FBQztTQUNIO0lBQ0gsQ0FBQzs7aUhBeENVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG9IQVJwQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGtCQUFrQjtZQUMzQixRQUFRLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFO1NBQ3pCO0tBQ0YsNERBYWEsZUFBZSwwRUFHZixrQkFBa0IsdUVBR2xCLGVBQWUsNkRBR1osa0JBQWtCLHFFQTBCeEIsZUFBZSxnRENsRzVCLGs3QkF3QkE7MkZENkJhLG9CQUFvQjtrQkFYaEMsU0FBUzsrQkFDRSxpQkFBaUIsYUFFaEI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsUUFBUSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTt5QkFDekI7cUJBQ0YsY0FDVyxLQUFLOzhCQUlqQixPQUFPO3NCQUROLEtBQUs7O1FBSU47O1dBRUc7UUFDSCxrQkFBa0I7c0JBSmpCLEtBQUs7Z0JBT04sSUFBSTtzQkFESCxZQUFZO3VCQUFDLGVBQWU7Z0JBSTdCLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxrQkFBa0I7Z0JBSWhDLElBQUk7c0JBREgsWUFBWTt1QkFBQyxlQUFlO2dCQUk3QixPQUFPO3NCQUROLGVBQWU7dUJBQUMsa0JBQWtCO2dCQTJCbkMsTUFBTTtzQkFETCxTQUFTO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBEaXJlY3RpdmUsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUNPTl9TSVpFX1BST1ZJREVSIH0gZnJvbSAnLi4vLi4vLi4vaWNvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IERpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5cbnR5cGUgQWxlcnREaWFsb2dWYXJpYW50ID1cbiAgfCAnc3VjY2VzcydcbiAgfCAnZXJyb3InXG4gIHwgJ3dhcm5pbmcnXG4gIHwgJ2luZm9ybWF0aXZlJ1xuICB8ICduZXV0cmFsJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwQWxlcnREaWFsb2dJY29uXScsXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0RGlhbG9nSWNvbiB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BBbGVydERpYWxvZ0hlYWRpbmddJyxcbn0pXG5leHBvcnQgY2xhc3MgQWxlcnREaWFsb2dIZWFkaW5nIHt9XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzcEFsZXJ0RGlhbG9nQm9keV0nLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydERpYWxvZ0JvZHkge31cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwQWxlcnREaWFsb2dBY3Rpb25zXScsXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0RGlhbG9nQWN0aW9ucyB7fVxuXG4vKipcbiAqIEltcGxlbWVudHMgbGF5b3V0IGFuZCBzdHlsZSBvZiB0aGUgYWxlcnQgZGlhbG9nXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWFsZXJ0LWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBJQ09OX1NJWkVfUFJPVklERVIsXG4gICAgICB1c2VWYWx1ZTogeyBzaXplOiAneGwnIH0sXG4gICAgfSxcbiAgXSxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0RGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ/OiBBbGVydERpYWxvZ1ZhcmlhbnQ7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEBkZWZhdWx0IFwiaG9yaXpvbnRhbFwiXG4gICAqL1xuICBhY3Rpb25zT3JpZW50YXRpb24/OiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnID0gJ2hvcml6b250YWwnO1xuXG4gIEBDb250ZW50Q2hpbGQoQWxlcnREaWFsb2dJY29uKVxuICBpY29uPzogQWxlcnREaWFsb2dJY29uO1xuXG4gIEBDb250ZW50Q2hpbGQoQWxlcnREaWFsb2dIZWFkaW5nKVxuICBoZWFkaW5nPzogQWxlcnREaWFsb2dIZWFkaW5nO1xuXG4gIEBDb250ZW50Q2hpbGQoQWxlcnREaWFsb2dCb2R5KVxuICBib2R5PzogQWxlcnREaWFsb2dCb2R5O1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQWxlcnREaWFsb2dBY3Rpb25zKVxuICBhY3Rpb25zPzogQWxlcnREaWFsb2dBY3Rpb25zO1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaGVhZGluZykge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAnTWlzc2luZyBoZWFkaW5nIGZvciBzcC1hbGVydC1kaWFsb2cuIFJlbmRlciA8c3AtYWxlcnQtZGlhbG9nLWhlYWRpbmc+Li4uPC9zcC1hbGVydC1kaWFsb2ctaGVhZGluZz4gaW5zaWRlIHNwLWFsZXJ0LWRpYWxvZydcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKCF0aGlzLmJvZHkpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgJ01pc3NpbmcgYm9keSBmb3Igc3AtYWxlcnQtZGlhbG9nLiBSZW5kZXIgPHNwLWFsZXJ0LWRpYWxvZy1ib2R5Pi4uLjwvc3AtYWxlcnQtZGlhbG9nLWJvZHk+IGluc2lkZSBzcC1hbGVydC1kaWFsb2cnXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmICghdGhpcy5hY3Rpb25zKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICdNaXNzaW5nIGFjdGlvbnMgZm9yIHNwLWFsZXJ0LWRpYWxvZy4gUmVuZGVyIDxzcC1hbGVydC1kaWFsb2ctYWN0aW9ucz4uLi48L3NwLWFsZXJ0LWRpYWxvZy1hY3Rpb25zPiBpbnNpZGUgc3AtYWxlcnQtZGlhbG9nJ1xuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogUmVmZXJlbmNlIHRvIHRoZSB3cmFwcGVkIGBzcC1kaWFsb2dgIGNvbXBvbmVudC5cbiAgICovXG4gIEBWaWV3Q2hpbGQoRGlhbG9nQ29tcG9uZW50KVxuICBkaWFsb2c/OiBEaWFsb2dDb21wb25lbnQ7XG59XG4iLCI8c3AtZGlhbG9nIHJvbGU9XCJhbGVydGRpYWxvZ1wiIHNpemU9XCJ4c1wiPlxuICA8c3AtZmVlZGJhY2stbWVzc2FnZVxuICAgIFt2YXJpYW50XT1cInZhcmlhbnRcIlxuICAgIHN0eWxlPVwibWFyZ2luOiB2YXIoLS1zYXBwaGlyZS1zZW1hbnRpYy1zaXplLXNwYWNpbmcteGwpXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpY29uICE9PSB1bmRlZmluZWRcIiBzcEZlZWRiYWNrTWVzc2FnZUljb24+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3BBbGVydERpYWxvZ0ljb25dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxzcC1mZWVkYmFjay1tZXNzYWdlLWhlYWRpbmcgc3BNb2RhbEhlYWRlcj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzcEFsZXJ0RGlhbG9nSGVhZGluZ11cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcC1mZWVkYmFjay1tZXNzYWdlLWhlYWRpbmc+XG4gICAgPHNwLWZlZWRiYWNrLW1lc3NhZ2UtYm9keT5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzcEFsZXJ0RGlhbG9nQm9keV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcC1mZWVkYmFjay1tZXNzYWdlLWJvZHk+XG4gICAgPHNwLWZlZWRiYWNrLW1lc3NhZ2UtYWN0aW9ucyBzdHlsZT1cIndpZHRoOiAxMDAlXCI+XG4gICAgICA8c3AtYnV0dG9uLWdyb3VwXG4gICAgICAgIHN0cmV0Y2g9XCJhdXRvVmVydGljYWxcIlxuICAgICAgICBbb3JpZW50YXRpb25dPVwiYWN0aW9uc09yaWVudGF0aW9uXCJcbiAgICAgID5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwQWxlcnREaWFsb2dBY3Rpb25zXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvc3AtYnV0dG9uLWdyb3VwPlxuICAgIDwvc3AtZmVlZGJhY2stbWVzc2FnZS1hY3Rpb25zPlxuICA8L3NwLWZlZWRiYWNrLW1lc3NhZ2U+XG48L3NwLWRpYWxvZz5cbiJdfQ==

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

@@ -19,7 +19,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--xs": "size === 'xs'", "class.sapphire-dialog--sm": "size === 'sm'", "class.sapphire-dialog--md": "size === 'md'", "class.sapphire-dialog--lg": "size === 'lg'", "class.sapphire-dialog--exiting": "dialogRef.closing" }, classAttribute: "sapphire-dialog" }, usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] });
+DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogComponent, selector: "sp-dialog", inputs: { size: "size" }, host: { properties: { "class.sapphire-dialog--xs": "size === 'xs'", "class.sapphire-dialog--sm": "size === 'sm'", "class.sapphire-dialog--md": "size === 'md'", "class.sapphire-dialog--lg": "size === 'lg'", "class.sapphire-dialog--exiting": "dialogRef.closing" }, classAttribute: "sapphire-dialog" }, usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sp-dialog', template: '<ng-content></ng-content>', host: {
@@ -29,7 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         '[class.sapphire-dialog--md]': "size === 'md'",
                         '[class.sapphire-dialog--lg]': "size === 'lg'",
                         '[class.sapphire-dialog--exiting]': 'dialogRef.closing',
-                    }, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] }]
+                    }, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { size: [{
                 type: Input
             }] } });

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

@@ -1,15 +1,17 @@
 import { __decorate } from "tslib";
 import { Component, Directive, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
+import { iconClose } from '@danske/sapphire-icons/js';
 import { AutoId } from '../../../common/auto-id.decorator';
 import { CoerceBoolean } from '../../../common/coerce-boolean.decorator';
 import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
 import * as i0 from "@angular/core";
-import * as i1 from "../../../common/sapphire-view-encapsulation";
-import * as i2 from "@angular/common";
-import * as i3 from "../../../typography/src/heading.component";
-import * as i4 from "../../../icon/src/icon.component";
-import * as i5 from "../../../button/src/icon-button.component";
-import * as i6 from "./modal-close-button.directive";
+import * as i1 from "../../../icon/public_api";
+import * as i2 from "../../../common/sapphire-view-encapsulation";
+import * as i3 from "@angular/common";
+import * as i4 from "../../../typography/src/heading.component";
+import * as i5 from "../../../icon/src/icon.component";
+import * as i6 from "../../../button/src/icon-button.component";
+import * as i7 from "./modal-close-button.directive";
 /**
  * Marks a piece of UI as modal header (eg. dialog, panel).
  * Use only for **custom** header. For standard header (a heading,
@@ -45,16 +47,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
  * {@link ModalHeaderDirective spModalHeader attribute directive}.
  */
 export class ModalHeaderComponent {
-    constructor() {
+    constructor(iconRegistry) {
         this.hideCloseButton = false;
         this.closeEventEmitter = new EventEmitter();
+        iconRegistry.registerIcon(iconClose);
     }
     close(event) {
         this.closeEventEmitter.emit(event);
     }
 }
-ModalHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ModalHeaderComponent, selector: "sp-modal-header", inputs: { subheading: "subheading", hideCloseButton: "hideCloseButton" }, outputs: { closeEventEmitter: "closeClicked" }, host: { classAttribute: "sapphire-modal-layout__header-container" }, hostDirectives: [{ directive: ModalHeaderDirective, inputs: ["id", "id"] }, { directive: i1.UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n  <ng-content select=\"[spModalBackButton]\"></ng-content>\n\n  <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n    <h3 sp-heading><ng-content></ng-content></h3>\n    <div\n      *ngIf=\"!!subheading\"\n      class=\"sapphire-modal-layout__subheading\"\n      _spUseComponentStyles\n    >\n      {{ subheading }}\n    </div>\n  </div>\n\n  <button\n    *ngIf=\"!hideCloseButton\"\n    sp-icon-button\n    variant=\"tertiary-ghost\"\n    size=\"md\"\n    (click)=\"close($event)\"\n    spModalCloseButton\n  >\n    <sp-icon name=\"close\"></sp-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.HeadingComponent, selector: "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", inputs: ["sp-heading", "fontVariant"] }, { kind: "component", type: i4.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: i5.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "size", "disabled", "type"] }, { kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }, { kind: "directive", type: i6.ModalCloseButtonDirective, selector: "button[spModalCloseButton]" }] });
+ModalHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalHeaderComponent, deps: [{ token: i1.IconRegistry }], target: i0.ɵɵFactoryTarget.Component });
+ModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ModalHeaderComponent, selector: "sp-modal-header", inputs: { subheading: "subheading", hideCloseButton: "hideCloseButton" }, outputs: { closeEventEmitter: "closeClicked" }, host: { classAttribute: "sapphire-modal-layout__header-container" }, hostDirectives: [{ directive: ModalHeaderDirective, inputs: ["id", "id"] }, { directive: i2.UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n  <ng-content select=\"[spModalBackButton]\"></ng-content>\n\n  <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n    <h4 sp-heading><ng-content></ng-content></h4>\n    <div\n      *ngIf=\"!!subheading\"\n      class=\"sapphire-modal-layout__subheading\"\n      _spUseComponentStyles\n    >\n      {{ subheading }}\n    </div>\n  </div>\n\n  <button\n    *ngIf=\"!hideCloseButton\"\n    sp-icon-button\n    variant=\"tertiary\"\n    size=\"md\"\n    (click)=\"close($event)\"\n    spModalCloseButton\n  >\n    <sp-icon name=\"close\"></sp-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.HeadingComponent, selector: "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", inputs: ["sp-heading", "color"] }, { kind: "component", type: i5.IconComponent, selector: "sp-icon", inputs: ["name", "size", "color"] }, { kind: "component", type: i6.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "size", "disabled", "type"] }, { kind: "directive", type: i2.UseComponentStyles, selector: "[_spUseComponentStyles]" }, { kind: "directive", type: i7.ModalCloseButtonDirective, selector: "button[spModalCloseButton]" }] });
 __decorate([
     CoerceBoolean
 ], ModalHeaderComponent.prototype, "hideCloseButton", void 0);
@@ -65,8 +68,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         UseComponentStyles,
                     ], host: {
                         class: 'sapphire-modal-layout__header-container',
-                    }, standalone: false, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n  <ng-content select=\"[spModalBackButton]\"></ng-content>\n\n  <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n    <h3 sp-heading><ng-content></ng-content></h3>\n    <div\n      *ngIf=\"!!subheading\"\n      class=\"sapphire-modal-layout__subheading\"\n      _spUseComponentStyles\n    >\n      {{ subheading }}\n    </div>\n  </div>\n\n  <button\n    *ngIf=\"!hideCloseButton\"\n    sp-icon-button\n    variant=\"tertiary-ghost\"\n    size=\"md\"\n    (click)=\"close($event)\"\n    spModalCloseButton\n  >\n    <sp-icon name=\"close\"></sp-icon>\n  </button>\n</div>\n" }]
-        }], propDecorators: { subheading: [{
+                    }, standalone: false, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n  <ng-content select=\"[spModalBackButton]\"></ng-content>\n\n  <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n    <h4 sp-heading><ng-content></ng-content></h4>\n    <div\n      *ngIf=\"!!subheading\"\n      class=\"sapphire-modal-layout__subheading\"\n      _spUseComponentStyles\n    >\n      {{ subheading }}\n    </div>\n  </div>\n\n  <button\n    *ngIf=\"!hideCloseButton\"\n    sp-icon-button\n    variant=\"tertiary\"\n    size=\"md\"\n    (click)=\"close($event)\"\n    spModalCloseButton\n  >\n    <sp-icon name=\"close\"></sp-icon>\n  </button>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.IconRegistry }]; }, propDecorators: { subheading: [{
                 type: Input
             }], hideCloseButton: [{
                 type: Input
@@ -74,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: Output,
                 args: ['closeClicked']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2xheW91dC9tb2RhbC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvbGF5b3V0L21vZGFsLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDekUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7Ozs7O0FBRWpGOzs7OztHQUtHO0FBS0gsTUFBTSxPQUFPLG9CQUFvQjtJQUpqQztRQVFFLE9BQUUsR0FBRyxFQUFFLENBQUM7S0FDVDs7aUhBTFksb0JBQW9CO3FHQUFwQixvQkFBb0I7QUFJL0I7SUFEQyxNQUFNLEVBQUU7Z0RBQ0Q7MkZBSkcsb0JBQW9CO2tCQUpoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFVBQVUsRUFBRSxJQUFJLEVBQUUscUNBQXFDO2lCQUN4RDs4QkFLQyxFQUFFO3NCQUhELFdBQVc7dUJBQUMsSUFBSTs7c0JBQ2hCLEtBQUs7O0FBS1I7Ozs7O0dBS0c7QUFhSCxNQUFNLE9BQU8sb0JBQW9CO0lBWmpDO1FBa0JFLG9CQUFlLEdBQWtCLEtBQUssQ0FBQztRQUd2QyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBS3hDO0lBSEMsS0FBSyxDQUFDLEtBQWlCO1FBQ3JCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckMsQ0FBQzs7aUhBYlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsNFBBekJwQixvQkFBb0IseUZDdkJqQyxrcUJBeUJBO0FENkJFO0lBREMsYUFBYTs2REFDeUI7MkZBTjVCLG9CQUFvQjtrQkFaaEMsU0FBUzsrQkFDRSxpQkFBaUIsa0JBRVg7d0JBQ2QsRUFBRSxTQUFTLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUU7d0JBQ25ELGtCQUFrQjtxQkFDbkIsUUFDSzt3QkFDSixLQUFLLEVBQUUseUNBQXlDO3FCQUNqRCxjQUNXLEtBQUs7OEJBSWpCLFVBQVU7c0JBRFQsS0FBSztnQkFLTixlQUFlO3NCQUZkLEtBQUs7Z0JBS04saUJBQWlCO3NCQURoQixNQUFNO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBEaXJlY3RpdmUsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXV0b0lkIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2F1dG8taWQuZGVjb3JhdG9yJztcbmltcG9ydCB7IENvZXJjZUJvb2xlYW4gfSBmcm9tICcuLi8uLi8uLi9jb21tb24vY29lcmNlLWJvb2xlYW4uZGVjb3JhdG9yJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG4vKipcbiAqIE1hcmtzIGEgcGllY2Ugb2YgVUkgYXMgbW9kYWwgaGVhZGVyIChlZy4gZGlhbG9nLCBwYW5lbCkuXG4gKiBVc2Ugb25seSBmb3IgKipjdXN0b20qKiBoZWFkZXIuIEZvciBzdGFuZGFyZCBoZWFkZXIgKGEgaGVhZGluZyxcbiAqIG9wdGlvbmFsIHN1YmhlYWRpbmcgYW5kIGEgY2xvc2UgYnV0dG9uKSxcbiAqIHVzZSB7QGxpbmsgTW9kYWxIZWFkZXJDb21wb25lbnQgc3AtbW9kYWwtaGVhZGVyfSBpbnN0ZWFkLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BNb2RhbEhlYWRlcl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLCAvLyBuZWVkIHRoaXMgdG8gdXNlIGFzIGhvc3QgZGlyZWN0aXZlXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsSGVhZGVyRGlyZWN0aXZlIHtcbiAgQEhvc3RCaW5kaW5nKCdpZCcpXG4gIEBJbnB1dCgpXG4gIEBBdXRvSWQoKVxuICBpZCA9ICcnO1xufVxuXG4vKipcbiAqIFN0YW5kYXJkIG1vZGFsIGhlYWRlciBjb21wb25lbnQgKGVnLiBkaWFsb2csIHBhbmVsKSwgd2hpY2ggY29uc2lzdHNcbiAqIG9mIGEgaGVhZGluZyAodGhlIGNvbnRlbnQpLCBvcHRpb25hbCBzdWJoZWFkaW5nIGFuZCBhIGNsb3NlIGJ1dHRvbi5cbiAqIEZvciBhIGN1c3RvbSBoZWFkZXIsIHVzZVxuICoge0BsaW5rIE1vZGFsSGVhZGVyRGlyZWN0aXZlIHNwTW9kYWxIZWFkZXIgYXR0cmlidXRlIGRpcmVjdGl2ZX0uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLW1vZGFsLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHsgZGlyZWN0aXZlOiBNb2RhbEhlYWRlckRpcmVjdGl2ZSwgaW5wdXRzOiBbJ2lkJ10gfSxcbiAgICBVc2VDb21wb25lbnRTdHlsZXMsXG4gIF0sXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLW1vZGFsLWxheW91dF9faGVhZGVyLWNvbnRhaW5lcicsXG4gIH0sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbEhlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHN1YmhlYWRpbmc/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgaGlkZUNsb3NlQnV0dG9uPzogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgQE91dHB1dCgnY2xvc2VDbGlja2VkJylcbiAgY2xvc2VFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY2xvc2UoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmNsb3NlRXZlbnRFbWl0dGVyLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2FwcGhpcmUtbW9kYWwtbGF5b3V0X19oZWFkZXJcIiBfc3BVc2VDb21wb25lbnRTdHlsZXM+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltzcE1vZGFsQmFja0J1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG5cbiAgPGRpdiBjbGFzcz1cInNhcHBoaXJlLW1vZGFsLWxheW91dF9faGVhZGluZy1jb250YWluZXJcIiBfc3BVc2VDb21wb25lbnRTdHlsZXM+XG4gICAgPGgzIHNwLWhlYWRpbmc+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvaDM+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCIhIXN1YmhlYWRpbmdcIlxuICAgICAgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX3N1YmhlYWRpbmdcIlxuICAgICAgX3NwVXNlQ29tcG9uZW50U3R5bGVzXG4gICAgPlxuICAgICAge3sgc3ViaGVhZGluZyB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8YnV0dG9uXG4gICAgKm5nSWY9XCIhaGlkZUNsb3NlQnV0dG9uXCJcbiAgICBzcC1pY29uLWJ1dHRvblxuICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeS1naG9zdFwiXG4gICAgc2l6ZT1cIm1kXCJcbiAgICAoY2xpY2spPVwiY2xvc2UoJGV2ZW50KVwiXG4gICAgc3BNb2RhbENsb3NlQnV0dG9uXG4gID5cbiAgICA8c3AtaWNvbiBuYW1lPVwiY2xvc2VcIj48L3NwLWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2xheW91dC9tb2RhbC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvbGF5b3V0L21vZGFsLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7Ozs7Ozs7QUFHakY7Ozs7O0dBS0c7QUFLSCxNQUFNLE9BQU8sb0JBQW9CO0lBSmpDO1FBUUUsT0FBRSxHQUFHLEVBQUUsQ0FBQztLQUNUOztpSEFMWSxvQkFBb0I7cUdBQXBCLG9CQUFvQjtBQUkvQjtJQURDLE1BQU0sRUFBRTtnREFDRDsyRkFKRyxvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsVUFBVSxFQUFFLElBQUksRUFBRSxxQ0FBcUM7aUJBQ3hEOzhCQUtDLEVBQUU7c0JBSEQsV0FBVzt1QkFBQyxJQUFJOztzQkFDaEIsS0FBSzs7QUFLUjs7Ozs7R0FLRztBQWFILE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsWUFBWSxZQUEwQjtRQVN0QyxvQkFBZSxHQUFrQixLQUFLLENBQUM7UUFHdkMsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQVhyQyxZQUFZLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFZRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDOztpSEFqQlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsNFBBekJwQixvQkFBb0IseUZDekJqQyw0cEJBeUJBO0FEbUNFO0lBREMsYUFBYTs2REFDeUI7MkZBVjVCLG9CQUFvQjtrQkFaaEMsU0FBUzsrQkFDRSxpQkFBaUIsa0JBRVg7d0JBQ2QsRUFBRSxTQUFTLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUU7d0JBQ25ELGtCQUFrQjtxQkFDbkIsUUFDSzt3QkFDSixLQUFLLEVBQUUseUNBQXlDO3FCQUNqRCxjQUNXLEtBQUs7bUdBUWpCLFVBQVU7c0JBRFQsS0FBSztnQkFLTixlQUFlO3NCQUZkLEtBQUs7Z0JBS04saUJBQWlCO3NCQURoQixNQUFNO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBEaXJlY3RpdmUsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaWNvbkNsb3NlIH0gZnJvbSAnQGRhbnNrZS9zYXBwaGlyZS1pY29ucy9qcyc7XG5pbXBvcnQgeyBBdXRvSWQgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vYXV0by1pZC5kZWNvcmF0b3InO1xuaW1wb3J0IHsgQ29lcmNlQm9vbGVhbiB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9jb2VyY2UtYm9vbGVhbi5kZWNvcmF0b3InO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5pbXBvcnQgeyBJY29uUmVnaXN0cnkgfSBmcm9tICcuLi8uLi8uLi9pY29uL3B1YmxpY19hcGknO1xuXG4vKipcbiAqIE1hcmtzIGEgcGllY2Ugb2YgVUkgYXMgbW9kYWwgaGVhZGVyIChlZy4gZGlhbG9nLCBwYW5lbCkuXG4gKiBVc2Ugb25seSBmb3IgKipjdXN0b20qKiBoZWFkZXIuIEZvciBzdGFuZGFyZCBoZWFkZXIgKGEgaGVhZGluZyxcbiAqIG9wdGlvbmFsIHN1YmhlYWRpbmcgYW5kIGEgY2xvc2UgYnV0dG9uKSxcbiAqIHVzZSB7QGxpbmsgTW9kYWxIZWFkZXJDb21wb25lbnQgc3AtbW9kYWwtaGVhZGVyfSBpbnN0ZWFkLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BNb2RhbEhlYWRlcl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLCAvLyBuZWVkIHRoaXMgdG8gdXNlIGFzIGhvc3QgZGlyZWN0aXZlXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsSGVhZGVyRGlyZWN0aXZlIHtcbiAgQEhvc3RCaW5kaW5nKCdpZCcpXG4gIEBJbnB1dCgpXG4gIEBBdXRvSWQoKVxuICBpZCA9ICcnO1xufVxuXG4vKipcbiAqIFN0YW5kYXJkIG1vZGFsIGhlYWRlciBjb21wb25lbnQgKGVnLiBkaWFsb2csIHBhbmVsKSwgd2hpY2ggY29uc2lzdHNcbiAqIG9mIGEgaGVhZGluZyAodGhlIGNvbnRlbnQpLCBvcHRpb25hbCBzdWJoZWFkaW5nIGFuZCBhIGNsb3NlIGJ1dHRvbi5cbiAqIEZvciBhIGN1c3RvbSBoZWFkZXIsIHVzZVxuICoge0BsaW5rIE1vZGFsSGVhZGVyRGlyZWN0aXZlIHNwTW9kYWxIZWFkZXIgYXR0cmlidXRlIGRpcmVjdGl2ZX0uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLW1vZGFsLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHsgZGlyZWN0aXZlOiBNb2RhbEhlYWRlckRpcmVjdGl2ZSwgaW5wdXRzOiBbJ2lkJ10gfSxcbiAgICBVc2VDb21wb25lbnRTdHlsZXMsXG4gIF0sXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLW1vZGFsLWxheW91dF9faGVhZGVyLWNvbnRhaW5lcicsXG4gIH0sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbEhlYWRlckNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKGljb25SZWdpc3RyeTogSWNvblJlZ2lzdHJ5KSB7XG4gICAgaWNvblJlZ2lzdHJ5LnJlZ2lzdGVySWNvbihpY29uQ2xvc2UpO1xuICB9XG5cbiAgQElucHV0KClcbiAgc3ViaGVhZGluZz86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBAQ29lcmNlQm9vbGVhblxuICBoaWRlQ2xvc2VCdXR0b24/OiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICBAT3V0cHV0KCdjbG9zZUNsaWNrZWQnKVxuICBjbG9zZUV2ZW50RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjbG9zZShldmVudDogTW91c2VFdmVudCkge1xuICAgIHRoaXMuY2xvc2VFdmVudEVtaXR0ZXIuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2hlYWRlclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwTW9kYWxCYWNrQnV0dG9uXVwiPjwvbmctY29udGVudD5cblxuICA8ZGl2IGNsYXNzPVwic2FwcGhpcmUtbW9kYWwtbGF5b3V0X19oZWFkaW5nLWNvbnRhaW5lclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgICA8aDQgc3AtaGVhZGluZz48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9oND5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cIiEhc3ViaGVhZGluZ1wiXG4gICAgICBjbGFzcz1cInNhcHBoaXJlLW1vZGFsLWxheW91dF9fc3ViaGVhZGluZ1wiXG4gICAgICBfc3BVc2VDb21wb25lbnRTdHlsZXNcbiAgICA+XG4gICAgICB7eyBzdWJoZWFkaW5nIH19XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxidXR0b25cbiAgICAqbmdJZj1cIiFoaWRlQ2xvc2VCdXR0b25cIlxuICAgIHNwLWljb24tYnV0dG9uXG4gICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICBzaXplPVwibWRcIlxuICAgIChjbGljayk9XCJjbG9zZSgkZXZlbnQpXCJcbiAgICBzcE1vZGFsQ2xvc2VCdXR0b25cbiAgPlxuICAgIDxzcC1pY29uIG5hbWU9XCJjbG9zZVwiPjwvc3AtaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

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

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

package/esm2020/lib/modal/src/modal.module.mjs

@@ -13,12 +13,14 @@ import { ModalFooterComponent, ModalFooterDirective, } from './layout/modal-foot
 import { DialogTriggerDirective } from './dialog/dialog-trigger.directive';
 import { ConfirmationDialogComponent } from './dialog/confirmation-dialog.component';
 import { DangerDialogComponent } from './dialog/danger-dialog.component';
+import { AlertDialogActions, AlertDialogBody, AlertDialogComponent, AlertDialogHeading, AlertDialogIcon, } from './dialog/alert-dialog.component';
 import { PanelComponent } from './panel/panel.component';
 import { PanelTriggerDirective } from './panel/panel-trigger.directive';
 import { ModalLayoutComponent } from './layout/modal-layout.component';
 import { UseComponentStyles } from '../../common/sapphire-view-encapsulation';
 import { ModalBackButtonDirective } from './layout/modal-back-button.directive';
 import { ModalCloseButtonDirective } from './layout/modal-close-button.directive';
+import { SapphireFeedbackMessageModule } from '../../feedback-message/public_api';
 import * as i0 from "@angular/core";
 export class SapphireModalModule {
 }
@@ -33,6 +35,11 @@ SapphireModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
         DialogTriggerDirective,
         ConfirmationDialogComponent,
         DangerDialogComponent,
+        AlertDialogComponent,
+        AlertDialogIcon,
+        AlertDialogBody,
+        AlertDialogHeading,
+        AlertDialogActions,
         PanelComponent,
         PanelTriggerDirective], imports: [CommonModule,
         DialogModule,
@@ -40,6 +47,7 @@ SapphireModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
         SapphireTypographyModule,
         SapphireIconModule,
         SapphireButtonModule,
+        SapphireFeedbackMessageModule,
         ScrollMonitorDirective,
         ModalHeaderDirective,
         ModalFooterDirective,
@@ -55,6 +63,11 @@ SapphireModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
         DialogTriggerDirective,
         ConfirmationDialogComponent,
         DangerDialogComponent,
+        AlertDialogComponent,
+        AlertDialogIcon,
+        AlertDialogBody,
+        AlertDialogHeading,
+        AlertDialogActions,
         PanelComponent,
         PanelTriggerDirective] });
 SapphireModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireModalModule, imports: [CommonModule,
@@ -62,7 +75,8 @@ SapphireModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
         SapphireThemeModule,
         SapphireTypographyModule,
         SapphireIconModule,
-        SapphireButtonModule] });
+        SapphireButtonModule,
+        SapphireFeedbackMessageModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireModalModule, decorators: [{
             type: NgModule,
             args: [{
@@ -77,6 +91,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         DialogTriggerDirective,
                         ConfirmationDialogComponent,
                         DangerDialogComponent,
+                        AlertDialogComponent,
+                        AlertDialogIcon,
+                        AlertDialogBody,
+                        AlertDialogHeading,
+                        AlertDialogActions,
                         PanelComponent,
                         PanelTriggerDirective,
                     ],
@@ -87,6 +106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         SapphireTypographyModule,
                         SapphireIconModule,
                         SapphireButtonModule,
+                        SapphireFeedbackMessageModule,
                         ScrollMonitorDirective,
                         ModalHeaderDirective,
                         ModalFooterDirective,
@@ -105,9 +125,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         DialogTriggerDirective,
                         ConfirmationDialogComponent,
                         DangerDialogComponent,
+                        AlertDialogComponent,
+                        AlertDialogIcon,
+                        AlertDialogBody,
+                        AlertDialogHeading,
+                        AlertDialogActions,
                         PanelComponent,
                         PanelTriggerDirective,
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixvQkFBb0IsR0FDckIsTUFBTSxpQ0FBaUMsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3BCLG9CQUFvQixHQUNyQixNQUFNLGlDQUFpQyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNoRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUE4Q2xGLE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixpQkExQzVCLG9CQUFvQjtRQUNwQixvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLGVBQWU7UUFDZixzQkFBc0I7UUFDdEIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixjQUFjO1FBQ2QscUJBQXFCLGFBR3JCLFlBQVk7UUFDWixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLHdCQUF3QjtRQUN4QixrQkFBa0I7UUFDbEIsb0JBQW9CO1FBQ3BCLHNCQUFzQjtRQUN0QixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLGtCQUFrQixhQUdsQixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLGtCQUFrQjtRQUNsQixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQix3QkFBd0I7UUFDeEIseUJBQXlCO1FBQ3pCLGVBQWU7UUFDZixzQkFBc0I7UUFDdEIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixjQUFjO1FBQ2QscUJBQXFCO2lIQUdaLG1CQUFtQixZQTVCNUIsWUFBWTtRQUNaLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsd0JBQXdCO1FBQ3hCLGtCQUFrQjtRQUNsQixvQkFBb0I7MkZBdUJYLG1CQUFtQjtrQkE1Qy9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixrQkFBa0I7d0JBQ2xCLG9CQUFvQjt3QkFDcEIseUJBQXlCO3dCQUN6Qix3QkFBd0I7d0JBQ3hCLGVBQWU7d0JBQ2Ysc0JBQXNCO3dCQUN0QiwyQkFBMkI7d0JBQzNCLHFCQUFxQjt3QkFDckIsY0FBYzt3QkFDZCxxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQix3QkFBd0I7d0JBQ3hCLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixzQkFBc0I7d0JBQ3RCLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQix3QkFBd0I7d0JBQ3hCLHlCQUF5Qjt3QkFDekIsZUFBZTt3QkFDZixzQkFBc0I7d0JBQ3RCLDJCQUEyQjt3QkFDM0IscUJBQXFCO3dCQUNyQixjQUFjO3dCQUNkLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IERpYWxvZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgU2FwcGhpcmVUaGVtZU1vZHVsZSB9IGZyb20gJy4uLy4uL3RoZW1lL3B1YmxpY19hcGknO1xuaW1wb3J0IHsgU2FwcGhpcmVUeXBvZ3JhcGh5TW9kdWxlIH0gZnJvbSAnLi4vLi4vdHlwb2dyYXBoeS9wdWJsaWNfYXBpJztcbmltcG9ydCB7IFNhcHBoaXJlSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2ljb24vcHVibGljX2FwaSc7XG5pbXBvcnQgeyBTYXBwaGlyZUJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2J1dHRvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IFNjcm9sbE1vbml0b3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9jb21tb24vc2Nyb2xsLW1vbml0b3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IERpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nL2RpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgTW9kYWxIZWFkZXJDb21wb25lbnQsXG4gIE1vZGFsSGVhZGVyRGlyZWN0aXZlLFxufSBmcm9tICcuL2xheW91dC9tb2RhbC1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IE1vZGFsQm9keUNvbXBvbmVudCB9IGZyb20gJy4vbGF5b3V0L21vZGFsLWJvZHkuY29tcG9uZW50JztcbmltcG9ydCB7XG4gIE1vZGFsRm9vdGVyQ29tcG9uZW50LFxuICBNb2RhbEZvb3RlckRpcmVjdGl2ZSxcbn0gZnJvbSAnLi9sYXlvdXQvbW9kYWwtZm9vdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEaWFsb2dUcmlnZ2VyRGlyZWN0aXZlIH0gZnJvbSAnLi9kaWFsb2cvZGlhbG9nLXRyaWdnZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IENvbmZpcm1hdGlvbkRpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nL2NvbmZpcm1hdGlvbi1kaWFsb2cuY29tcG9uZW50JztcbmltcG9ydCB7IERhbmdlckRpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nL2Rhbmdlci1kaWFsb2cuY29tcG9uZW50JztcbmltcG9ydCB7IFBhbmVsQ29tcG9uZW50IH0gZnJvbSAnLi9wYW5lbC9wYW5lbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFuZWxUcmlnZ2VyRGlyZWN0aXZlIH0gZnJvbSAnLi9wYW5lbC9wYW5lbC10cmlnZ2VyLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBNb2RhbExheW91dENvbXBvbmVudCB9IGZyb20gJy4vbGF5b3V0L21vZGFsLWxheW91dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5pbXBvcnQgeyBNb2RhbEJhY2tCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuL2xheW91dC9tb2RhbC1iYWNrLWJ1dHRvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTW9kYWxDbG9zZUJ1dHRvbkRpcmVjdGl2ZSB9IGZyb20gJy4vbGF5b3V0L21vZGFsLWNsb3NlLWJ1dHRvbi5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBNb2RhbExheW91dENvbXBvbmVudCxcbiAgICBNb2RhbEhlYWRlckNvbXBvbmVudCxcbiAgICBNb2RhbEJvZHlDb21wb25lbnQsXG4gICAgTW9kYWxGb290ZXJDb21wb25lbnQsXG4gICAgTW9kYWxDbG9zZUJ1dHRvbkRpcmVjdGl2ZSxcbiAgICBNb2RhbEJhY2tCdXR0b25EaXJlY3RpdmUsXG4gICAgRGlhbG9nQ29tcG9uZW50LFxuICAgIERpYWxvZ1RyaWdnZXJEaXJlY3RpdmUsXG4gICAgQ29uZmlybWF0aW9uRGlhbG9nQ29tcG9uZW50LFxuICAgIERhbmdlckRpYWxvZ0NvbXBvbmVudCxcbiAgICBQYW5lbENvbXBvbmVudCxcbiAgICBQYW5lbFRyaWdnZXJEaXJlY3RpdmUsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGlhbG9nTW9kdWxlLFxuICAgIFNhcHBoaXJlVGhlbWVNb2R1bGUsXG4gICAgU2FwcGhpcmVUeXBvZ3JhcGh5TW9kdWxlLFxuICAgIFNhcHBoaXJlSWNvbk1vZHVsZSxcbiAgICBTYXBwaGlyZUJ1dHRvbk1vZHVsZSxcbiAgICBTY3JvbGxNb25pdG9yRGlyZWN0aXZlLFxuICAgIE1vZGFsSGVhZGVyRGlyZWN0aXZlLFxuICAgIE1vZGFsRm9vdGVyRGlyZWN0aXZlLFxuICAgIFVzZUNvbXBvbmVudFN0eWxlcyxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIE1vZGFsTGF5b3V0Q29tcG9uZW50LFxuICAgIE1vZGFsSGVhZGVyQ29tcG9uZW50LFxuICAgIE1vZGFsQm9keUNvbXBvbmVudCxcbiAgICBNb2RhbEZvb3RlckNvbXBvbmVudCxcbiAgICBNb2RhbEhlYWRlckRpcmVjdGl2ZSxcbiAgICBNb2RhbEZvb3RlckRpcmVjdGl2ZSxcbiAgICBNb2RhbEJhY2tCdXR0b25EaXJlY3RpdmUsXG4gICAgTW9kYWxDbG9zZUJ1dHRvbkRpcmVjdGl2ZSxcbiAgICBEaWFsb2dDb21wb25lbnQsXG4gICAgRGlhbG9nVHJpZ2dlckRpcmVjdGl2ZSxcbiAgICBDb25maXJtYXRpb25EaWFsb2dDb21wb25lbnQsXG4gICAgRGFuZ2VyRGlhbG9nQ29tcG9uZW50LFxuICAgIFBhbmVsQ29tcG9uZW50LFxuICAgIFBhbmVsVHJpZ2dlckRpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FwcGhpcmVNb2RhbE1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixvQkFBb0IsR0FDckIsTUFBTSxpQ0FBaUMsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3BCLG9CQUFvQixHQUNyQixNQUFNLGlDQUFpQyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3pFLE9BQU8sRUFDTCxrQkFBa0IsRUFDbEIsZUFBZSxFQUNmLG9CQUFvQixFQUNwQixrQkFBa0IsRUFDbEIsZUFBZSxHQUNoQixNQUFNLGlDQUFpQyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNoRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNsRixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUF5RGxGLE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixpQkFyRDVCLG9CQUFvQjtRQUNwQixvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLGVBQWU7UUFDZixzQkFBc0I7UUFDdEIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixvQkFBb0I7UUFDcEIsZUFBZTtRQUNmLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsa0JBQWtCO1FBQ2xCLGNBQWM7UUFDZCxxQkFBcUIsYUFHckIsWUFBWTtRQUNaLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsd0JBQXdCO1FBQ3hCLGtCQUFrQjtRQUNsQixvQkFBb0I7UUFDcEIsNkJBQTZCO1FBQzdCLHNCQUFzQjtRQUN0QixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLGtCQUFrQixhQUdsQixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLGtCQUFrQjtRQUNsQixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQix3QkFBd0I7UUFDeEIseUJBQXlCO1FBQ3pCLGVBQWU7UUFDZixzQkFBc0I7UUFDdEIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixvQkFBb0I7UUFDcEIsZUFBZTtRQUNmLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsa0JBQWtCO1FBQ2xCLGNBQWM7UUFDZCxxQkFBcUI7aUhBR1osbUJBQW1CLFlBbEM1QixZQUFZO1FBQ1osWUFBWTtRQUNaLG1CQUFtQjtRQUNuQix3QkFBd0I7UUFDeEIsa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQiw2QkFBNkI7MkZBNEJwQixtQkFBbUI7a0JBdkQvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3dCQUN4QixlQUFlO3dCQUNmLHNCQUFzQjt3QkFDdEIsMkJBQTJCO3dCQUMzQixxQkFBcUI7d0JBQ3JCLG9CQUFvQjt3QkFDcEIsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsa0JBQWtCO3dCQUNsQixjQUFjO3dCQUNkLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLDZCQUE2Qjt3QkFDN0Isc0JBQXNCO3dCQUN0QixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3dCQUNwQixvQkFBb0I7d0JBQ3BCLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsd0JBQXdCO3dCQUN4Qix5QkFBeUI7d0JBQ3pCLGVBQWU7d0JBQ2Ysc0JBQXNCO3dCQUN0QiwyQkFBMkI7d0JBQzNCLHFCQUFxQjt3QkFDckIsb0JBQW9CO3dCQUNwQixlQUFlO3dCQUNmLGVBQWU7d0JBQ2Ysa0JBQWtCO3dCQUNsQixrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2QscUJBQXFCO3FCQUN0QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RpYWxvZyc7XG5pbXBvcnQgeyBTYXBwaGlyZVRoZW1lTW9kdWxlIH0gZnJvbSAnLi4vLi4vdGhlbWUvcHVibGljX2FwaSc7XG5pbXBvcnQgeyBTYXBwaGlyZVR5cG9ncmFwaHlNb2R1bGUgfSBmcm9tICcuLi8uLi90eXBvZ3JhcGh5L3B1YmxpY19hcGknO1xuaW1wb3J0IHsgU2FwcGhpcmVJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vaWNvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IFNhcHBoaXJlQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYnV0dG9uL3B1YmxpY19hcGknO1xuaW1wb3J0IHsgU2Nyb2xsTW9uaXRvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9zY3JvbGwtbW9uaXRvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2cvZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBNb2RhbEhlYWRlckNvbXBvbmVudCxcbiAgTW9kYWxIZWFkZXJEaXJlY3RpdmUsXG59IGZyb20gJy4vbGF5b3V0L21vZGFsLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTW9kYWxCb2R5Q29tcG9uZW50IH0gZnJvbSAnLi9sYXlvdXQvbW9kYWwtYm9keS5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgTW9kYWxGb290ZXJDb21wb25lbnQsXG4gIE1vZGFsRm9vdGVyRGlyZWN0aXZlLFxufSBmcm9tICcuL2xheW91dC9tb2RhbC1mb290ZXIuY29tcG9uZW50JztcbmltcG9ydCB7IERpYWxvZ1RyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpYWxvZy9kaWFsb2ctdHJpZ2dlci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGFuZ2VyRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2cvZGFuZ2VyLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgQWxlcnREaWFsb2dBY3Rpb25zLFxuICBBbGVydERpYWxvZ0JvZHksXG4gIEFsZXJ0RGlhbG9nQ29tcG9uZW50LFxuICBBbGVydERpYWxvZ0hlYWRpbmcsXG4gIEFsZXJ0RGlhbG9nSWNvbixcbn0gZnJvbSAnLi9kaWFsb2cvYWxlcnQtZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQYW5lbENvbXBvbmVudCB9IGZyb20gJy4vcGFuZWwvcGFuZWwuY29tcG9uZW50JztcbmltcG9ydCB7IFBhbmVsVHJpZ2dlckRpcmVjdGl2ZSB9IGZyb20gJy4vcGFuZWwvcGFuZWwtdHJpZ2dlci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTW9kYWxMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuL2xheW91dC9tb2RhbC1sYXlvdXQuY29tcG9uZW50JztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuaW1wb3J0IHsgTW9kYWxCYWNrQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnLi9sYXlvdXQvbW9kYWwtYmFjay1idXR0b24uZGlyZWN0aXZlJztcbmltcG9ydCB7IE1vZGFsQ2xvc2VCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuL2xheW91dC9tb2RhbC1jbG9zZS1idXR0b24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFNhcHBoaXJlRmVlZGJhY2tNZXNzYWdlTW9kdWxlIH0gZnJvbSAnLi4vLi4vZmVlZGJhY2stbWVzc2FnZS9wdWJsaWNfYXBpJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgTW9kYWxMYXlvdXRDb21wb25lbnQsXG4gICAgTW9kYWxIZWFkZXJDb21wb25lbnQsXG4gICAgTW9kYWxCb2R5Q29tcG9uZW50LFxuICAgIE1vZGFsRm9vdGVyQ29tcG9uZW50LFxuICAgIE1vZGFsQ2xvc2VCdXR0b25EaXJlY3RpdmUsXG4gICAgTW9kYWxCYWNrQnV0dG9uRGlyZWN0aXZlLFxuICAgIERpYWxvZ0NvbXBvbmVudCxcbiAgICBEaWFsb2dUcmlnZ2VyRGlyZWN0aXZlLFxuICAgIENvbmZpcm1hdGlvbkRpYWxvZ0NvbXBvbmVudCxcbiAgICBEYW5nZXJEaWFsb2dDb21wb25lbnQsXG4gICAgQWxlcnREaWFsb2dDb21wb25lbnQsXG4gICAgQWxlcnREaWFsb2dJY29uLFxuICAgIEFsZXJ0RGlhbG9nQm9keSxcbiAgICBBbGVydERpYWxvZ0hlYWRpbmcsXG4gICAgQWxlcnREaWFsb2dBY3Rpb25zLFxuICAgIFBhbmVsQ29tcG9uZW50LFxuICAgIFBhbmVsVHJpZ2dlckRpcmVjdGl2ZSxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEaWFsb2dNb2R1bGUsXG4gICAgU2FwcGhpcmVUaGVtZU1vZHVsZSxcbiAgICBTYXBwaGlyZVR5cG9ncmFwaHlNb2R1bGUsXG4gICAgU2FwcGhpcmVJY29uTW9kdWxlLFxuICAgIFNhcHBoaXJlQnV0dG9uTW9kdWxlLFxuICAgIFNhcHBoaXJlRmVlZGJhY2tNZXNzYWdlTW9kdWxlLFxuICAgIFNjcm9sbE1vbml0b3JEaXJlY3RpdmUsXG4gICAgTW9kYWxIZWFkZXJEaXJlY3RpdmUsXG4gICAgTW9kYWxGb290ZXJEaXJlY3RpdmUsXG4gICAgVXNlQ29tcG9uZW50U3R5bGVzLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTW9kYWxMYXlvdXRDb21wb25lbnQsXG4gICAgTW9kYWxIZWFkZXJDb21wb25lbnQsXG4gICAgTW9kYWxCb2R5Q29tcG9uZW50LFxuICAgIE1vZGFsRm9vdGVyQ29tcG9uZW50LFxuICAgIE1vZGFsSGVhZGVyRGlyZWN0aXZlLFxuICAgIE1vZGFsRm9vdGVyRGlyZWN0aXZlLFxuICAgIE1vZGFsQmFja0J1dHRvbkRpcmVjdGl2ZSxcbiAgICBNb2RhbENsb3NlQnV0dG9uRGlyZWN0aXZlLFxuICAgIERpYWxvZ0NvbXBvbmVudCxcbiAgICBEaWFsb2dUcmlnZ2VyRGlyZWN0aXZlLFxuICAgIENvbmZpcm1hdGlvbkRpYWxvZ0NvbXBvbmVudCxcbiAgICBEYW5nZXJEaWFsb2dDb21wb25lbnQsXG4gICAgQWxlcnREaWFsb2dDb21wb25lbnQsXG4gICAgQWxlcnREaWFsb2dJY29uLFxuICAgIEFsZXJ0RGlhbG9nQm9keSxcbiAgICBBbGVydERpYWxvZ0hlYWRpbmcsXG4gICAgQWxlcnREaWFsb2dBY3Rpb25zLFxuICAgIFBhbmVsQ29tcG9uZW50LFxuICAgIFBhbmVsVHJpZ2dlckRpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FwcGhpcmVNb2RhbE1vZHVsZSB7fVxuIl19

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

@@ -16,14 +16,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--sm": "size === \"sm\"", "class.sapphire-panel--visible": "!dialogRef.closing" }, classAttribute: "sapphire-panel" }, usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) ease-in-out;transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] });
+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--sm": "size === \"sm\"", "class.sapphire-panel--visible": "!dialogRef.closing" }, classAttribute: "sapphire-panel" }, usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-standard);transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg);background:var(--sapphire-semantic-color-background-surface)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-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-lg) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-3xs) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-foreground-secondary);margin-top:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-lg)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary)}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sp-panel', template: '<ng-content></ng-content>', host: {
                         class: 'sapphire-panel',
                         '[class.sapphire-panel--sm]': 'size === "sm"',
                         '[class.sapphire-panel--visible]': '!dialogRef.closing',
-                    }, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) ease-in-out;transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] }]
+                    }, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-standard);transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg);background:var(--sapphire-semantic-color-background-surface)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-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-lg) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-3xs) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-foreground-secondary);margin-top:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-lg)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-secondary)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { size: [{
                 type: Input
             }] } });

package/esm2020/lib/notification-badge/src/notification-badge.component.mjs

@@ -17,10 +17,10 @@ export class NotificationBadgeComponent {
     }
 }
 NotificationBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: NotificationBadgeComponent, selector: "sp-notification-badge", inputs: { containerType: "containerType", size: "size", variant: "variant", count: "count", show: "show", animate: "animate" }, ngImport: i0, template: "<span\n  class=\"sapphire-notification-badge-container\"\n  [class.sapphire-notification-badge-container--rectangle]=\"\n    containerType === 'rectangle'\n  \"\n>\n  <ng-content></ng-content>\n  <span\n    role=\"status\"\n    class=\"sapphire-notification-badge\"\n    [class.sapphire-notification-badge--lg]=\"size === 'lg'\"\n    [class.sapphire-notification-badge--md]=\"size === 'md'\"\n    [class.sapphire-notification-badge--sm]=\"size === 'sm'\"\n    [class.sapphire-notification-badge--primary]=\"variant === 'primary'\"\n    [class.sapphire-notification-badge--secondary]=\"variant === 'secondary'\"\n    [class.sapphire-notification-badge--pop-in]=\"show && animate\"\n    [class.sapphire-notification-badge--pop-out]=\"!show && animate\"\n    *ngIf=\"show || animate\"\n  >\n    {{\n      size !== 'sm'\n        ? count && count.toString().length > 2\n          ? '99+'\n          : count\n        : ''\n    }}\n  </span>\n</span>\n", styles: ["@keyframes pop-in{0%{transform:scale(0) translate(50%,-50%);opacity:0}25%{opacity:.1}to{transform:scale(1) translate(50%,-50%)}}@keyframes pop-out{0%{transform:scale(1) translate(50%,-50%)}75%{opacity:.1}to{transform:scale(0) translate(50%,-50%);opacity:0;display:none}}.sapphire-notification-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--sapphire-semantic-color-content-action-primary-default);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);box-sizing:border-box;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-notification-badge--pop-in{animation:pop-in var(--sapphire-semantic-time-fade-default) cubic-bezier(.55,-.49,.39,1.49)}.sapphire-notification-badge--pop-out{animation:pop-out var(--sapphire-semantic-time-fade-default) forwards}.sapphire-notification-badge--lg{height:var(--sapphire-global-size-generic-60);border-radius:var(--sapphire-global-size-generic-60);padding:var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-notification-badge--md{height:var(--sapphire-global-size-generic-40);border-radius:var(--sapphire-global-size-generic-40);padding:0 var(--sapphire-semantic-size-spacing-10);font-size:var(--sapphire-global-size-font-60);min-width:var(--sapphire-global-size-generic-40);box-sizing:border-box}.sapphire-notification-badge--sm{min-width:var(--sapphire-global-size-generic-20);height:var(--sapphire-global-size-generic-20);border-radius:var(--sapphire-global-size-generic-20)}.sapphire-notification-badge--primary{background-color:var(--sapphire-global-color-red-500)}.sapphire-notification-badge--secondary{background-color:var(--sapphire-global-color-blue-500)}.sapphire-notification-badge-container{position:relative;display:inline-block;width:max-content}.sapphire-notification-badge-container .sapphire-notification-badge{position:absolute;top:14%;right:14%;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}.sapphire-notification-badge-container--rectangle .sapphire-notification-badge{position:absolute;top:0;right:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NotificationBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: NotificationBadgeComponent, selector: "sp-notification-badge", inputs: { containerType: "containerType", size: "size", variant: "variant", count: "count", show: "show", animate: "animate" }, ngImport: i0, template: "<span\n  class=\"sapphire-notification-badge-container\"\n  [class.sapphire-notification-badge-container--rectangle]=\"\n    containerType === 'rectangle'\n  \"\n>\n  <ng-content></ng-content>\n  <span\n    role=\"status\"\n    class=\"sapphire-notification-badge\"\n    [class.sapphire-notification-badge--lg]=\"size === 'lg'\"\n    [class.sapphire-notification-badge--md]=\"size === 'md'\"\n    [class.sapphire-notification-badge--sm]=\"size === 'sm'\"\n    [class.sapphire-notification-badge--primary]=\"variant === 'primary'\"\n    [class.sapphire-notification-badge--secondary]=\"variant === 'secondary'\"\n    [class.sapphire-notification-badge--pop-in]=\"show && animate\"\n    [class.sapphire-notification-badge--pop-out]=\"!show && animate\"\n    *ngIf=\"show || animate\"\n  >\n    {{\n      size !== 'sm'\n        ? count && count.toString().length > 2\n          ? '99+'\n          : count\n        : ''\n    }}\n  </span>\n</span>\n", styles: ["@keyframes pop-in{0%{transform:scale(0) translate(50%,-50%);opacity:0}25%{opacity:.1}to{transform:scale(1) translate(50%,-50%)}}@keyframes pop-out{0%{transform:scale(1) translate(50%,-50%)}75%{opacity:.1}to{transform:scale(0) translate(50%,-50%);opacity:0;display:none}}.sapphire-notification-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-medium);box-sizing:border-box;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-notification-badge--pop-in{animation:pop-in var(--sapphire-semantic-time-fade-default) var(--sapphire-semantic-transitions-fade)}.sapphire-notification-badge--pop-out{animation:pop-out var(--sapphire-semantic-time-fade-default) var(--sapphire-semantic-transitions-fade) forwards}.sapphire-notification-badge--lg{height:var(--sapphire-semantic-size-icon-lg);border-radius:var(--sapphire-semantic-size-icon-lg);padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-semantic-size-spacing-xs);font-size:var(--sapphire-semantic-size-font-body-xs);min-width:var(--sapphire-semantic-size-icon-lg)}.sapphire-notification-badge--md{height:var(--sapphire-semantic-size-icon-md);border-radius:var(--sapphire-semantic-size-icon-md);padding:0 var(--sapphire-semantic-size-spacing-3xs);font-size:var(--sapphire-global-size-font-60);min-width:var(--sapphire-semantic-size-icon-md);box-sizing:border-box}.sapphire-notification-badge--sm{min-width:var(--sapphire-global-size-generic-20);height:var(--sapphire-global-size-generic-20);border-radius:var(--sapphire-global-size-generic-20)}.sapphire-notification-badge--primary{background:var(--sapphire-semantic-color-background-negative);color:var(--sapphire-semantic-color-foreground-on-negative)}.sapphire-notification-badge--secondary{background:var(--sapphire-semantic-color-background-accent);color:var(--sapphire-semantic-color-foreground-on-accent)}.sapphire-notification-badge-container{position:relative;display:inline-block;width:max-content}.sapphire-notification-badge-container .sapphire-notification-badge{position:absolute;top:14%;right:14%;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}.sapphire-notification-badge-container--rectangle .sapphire-notification-badge{position:absolute;top:0;right:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NotificationBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sp-notification-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<span\n  class=\"sapphire-notification-badge-container\"\n  [class.sapphire-notification-badge-container--rectangle]=\"\n    containerType === 'rectangle'\n  \"\n>\n  <ng-content></ng-content>\n  <span\n    role=\"status\"\n    class=\"sapphire-notification-badge\"\n    [class.sapphire-notification-badge--lg]=\"size === 'lg'\"\n    [class.sapphire-notification-badge--md]=\"size === 'md'\"\n    [class.sapphire-notification-badge--sm]=\"size === 'sm'\"\n    [class.sapphire-notification-badge--primary]=\"variant === 'primary'\"\n    [class.sapphire-notification-badge--secondary]=\"variant === 'secondary'\"\n    [class.sapphire-notification-badge--pop-in]=\"show && animate\"\n    [class.sapphire-notification-badge--pop-out]=\"!show && animate\"\n    *ngIf=\"show || animate\"\n  >\n    {{\n      size !== 'sm'\n        ? count && count.toString().length > 2\n          ? '99+'\n          : count\n        : ''\n    }}\n  </span>\n</span>\n", styles: ["@keyframes pop-in{0%{transform:scale(0) translate(50%,-50%);opacity:0}25%{opacity:.1}to{transform:scale(1) translate(50%,-50%)}}@keyframes pop-out{0%{transform:scale(1) translate(50%,-50%)}75%{opacity:.1}to{transform:scale(0) translate(50%,-50%);opacity:0;display:none}}.sapphire-notification-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--sapphire-semantic-color-content-action-primary-default);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);box-sizing:border-box;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-notification-badge--pop-in{animation:pop-in var(--sapphire-semantic-time-fade-default) cubic-bezier(.55,-.49,.39,1.49)}.sapphire-notification-badge--pop-out{animation:pop-out var(--sapphire-semantic-time-fade-default) forwards}.sapphire-notification-badge--lg{height:var(--sapphire-global-size-generic-60);border-radius:var(--sapphire-global-size-generic-60);padding:var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-notification-badge--md{height:var(--sapphire-global-size-generic-40);border-radius:var(--sapphire-global-size-generic-40);padding:0 var(--sapphire-semantic-size-spacing-10);font-size:var(--sapphire-global-size-font-60);min-width:var(--sapphire-global-size-generic-40);box-sizing:border-box}.sapphire-notification-badge--sm{min-width:var(--sapphire-global-size-generic-20);height:var(--sapphire-global-size-generic-20);border-radius:var(--sapphire-global-size-generic-20)}.sapphire-notification-badge--primary{background-color:var(--sapphire-global-color-red-500)}.sapphire-notification-badge--secondary{background-color:var(--sapphire-global-color-blue-500)}.sapphire-notification-badge-container{position:relative;display:inline-block;width:max-content}.sapphire-notification-badge-container .sapphire-notification-badge{position:absolute;top:14%;right:14%;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}.sapphire-notification-badge-container--rectangle .sapphire-notification-badge{position:absolute;top:0;right:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}\n"] }]
+            args: [{ selector: 'sp-notification-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<span\n  class=\"sapphire-notification-badge-container\"\n  [class.sapphire-notification-badge-container--rectangle]=\"\n    containerType === 'rectangle'\n  \"\n>\n  <ng-content></ng-content>\n  <span\n    role=\"status\"\n    class=\"sapphire-notification-badge\"\n    [class.sapphire-notification-badge--lg]=\"size === 'lg'\"\n    [class.sapphire-notification-badge--md]=\"size === 'md'\"\n    [class.sapphire-notification-badge--sm]=\"size === 'sm'\"\n    [class.sapphire-notification-badge--primary]=\"variant === 'primary'\"\n    [class.sapphire-notification-badge--secondary]=\"variant === 'secondary'\"\n    [class.sapphire-notification-badge--pop-in]=\"show && animate\"\n    [class.sapphire-notification-badge--pop-out]=\"!show && animate\"\n    *ngIf=\"show || animate\"\n  >\n    {{\n      size !== 'sm'\n        ? count && count.toString().length > 2\n          ? '99+'\n          : count\n        : ''\n    }}\n  </span>\n</span>\n", styles: ["@keyframes pop-in{0%{transform:scale(0) translate(50%,-50%);opacity:0}25%{opacity:.1}to{transform:scale(1) translate(50%,-50%)}}@keyframes pop-out{0%{transform:scale(1) translate(50%,-50%)}75%{opacity:.1}to{transform:scale(0) translate(50%,-50%);opacity:0;display:none}}.sapphire-notification-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-medium);box-sizing:border-box;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-notification-badge--pop-in{animation:pop-in var(--sapphire-semantic-time-fade-default) var(--sapphire-semantic-transitions-fade)}.sapphire-notification-badge--pop-out{animation:pop-out var(--sapphire-semantic-time-fade-default) var(--sapphire-semantic-transitions-fade) forwards}.sapphire-notification-badge--lg{height:var(--sapphire-semantic-size-icon-lg);border-radius:var(--sapphire-semantic-size-icon-lg);padding:var(--sapphire-semantic-size-spacing-2xs) var(--sapphire-semantic-size-spacing-xs);font-size:var(--sapphire-semantic-size-font-body-xs);min-width:var(--sapphire-semantic-size-icon-lg)}.sapphire-notification-badge--md{height:var(--sapphire-semantic-size-icon-md);border-radius:var(--sapphire-semantic-size-icon-md);padding:0 var(--sapphire-semantic-size-spacing-3xs);font-size:var(--sapphire-global-size-font-60);min-width:var(--sapphire-semantic-size-icon-md);box-sizing:border-box}.sapphire-notification-badge--sm{min-width:var(--sapphire-global-size-generic-20);height:var(--sapphire-global-size-generic-20);border-radius:var(--sapphire-global-size-generic-20)}.sapphire-notification-badge--primary{background:var(--sapphire-semantic-color-background-negative);color:var(--sapphire-semantic-color-foreground-on-negative)}.sapphire-notification-badge--secondary{background:var(--sapphire-semantic-color-background-accent);color:var(--sapphire-semantic-color-foreground-on-accent)}.sapphire-notification-badge-container{position:relative;display:inline-block;width:max-content}.sapphire-notification-badge-container .sapphire-notification-badge{position:absolute;top:14%;right:14%;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}.sapphire-notification-badge-container--rectangle .sapphire-notification-badge{position:absolute;top:0;right:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}\n"] }]
         }], propDecorators: { containerType: [{
                 type: Input
             }], size: [{