@ds-mo/ui 9.2.0 → 10.0.0

package/dist/angular/ds-conversation-list-item.js

@@ -17,24 +17,24 @@ let DsConversationListItem = class DsConversationListItem {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsConversationListItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsConversationListItem, isStandalone: true, selector: "ds-conversation-list-item", inputs: { conversationId: "conversationId", conversationTitle: "conversationTitle", preview: "preview", selected: "selected", state: "state", statusLabel: "statusLabel", unreadCount: "unreadCount", updatedAt: "updatedAt" }, outputs: { dsSelect: "dsSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsConversationListItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsConversationListItem, isStandalone: true, selector: "ds-conversation-list-item", inputs: { actionsOpen: "actionsOpen", conversationId: "conversationId", conversationTitle: "conversationTitle", preview: "preview", selected: "selected", state: "state", statusLabel: "statusLabel", unreadCount: "unreadCount", updatedAt: "updatedAt" }, outputs: { dsSelect: "dsSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsConversationListItem = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsConversationListItem,
-        inputs: ['conversationId', 'conversationTitle', 'preview', 'selected', 'state', 'statusLabel', 'unreadCount', 'updatedAt']
+        inputs: ['actionsOpen', 'conversationId', 'conversationTitle', 'preview', 'selected', 'state', 'statusLabel', 'unreadCount', 'updatedAt']
     })
 ], DsConversationListItem);
 export { DsConversationListItem };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsConversationListItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsConversationListItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-conversation-list-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['conversationId', 'conversationTitle', 'preview', 'selected', 'state', 'statusLabel', 'unreadCount', 'updatedAt'],
+                    inputs: ['actionsOpen', 'conversationId', 'conversationTitle', 'preview', 'selected', 'state', 'statusLabel', 'unreadCount', 'updatedAt'],
                     outputs: ['dsSelect'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsSelect: [{

package/dist/angular/ds-conversation-list-section.js

@@ -16,8 +16,8 @@ let DsConversationListSection = class DsConversationListSection {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsConversationListSection, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsConversationListSection, isStandalone: true, selector: "ds-conversation-list-section", inputs: { heading: "heading", sectionId: "sectionId" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsConversationListSection, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsConversationListSection, isStandalone: true, selector: "ds-conversation-list-section", inputs: { heading: "heading", sectionId: "sectionId" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsConversationListSection = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsConversationListSection = __decorate([
     })
 ], DsConversationListSection);
 export { DsConversationListSection };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsConversationListSection, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsConversationListSection, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-conversation-list-section',

package/dist/angular/ds-conversation-list.js

@@ -16,8 +16,8 @@ let DsConversationList = class DsConversationList {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsConversationList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsConversationList, isStandalone: true, selector: "ds-conversation-list", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsConversationList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsConversationList, isStandalone: true, selector: "ds-conversation-list", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsConversationList = __decorate([
     ProxyCmp({
@@ -25,7 +25,7 @@ DsConversationList = __decorate([
     })
 ], DsConversationList);
 export { DsConversationList };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsConversationList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsConversationList, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-conversation-list',

package/dist/angular/ds-divider.js

@@ -16,8 +16,8 @@ let DsDivider = class DsDivider {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsDivider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsDivider, isStandalone: true, selector: "ds-divider", inputs: { background: "background", inset: "inset", length: "length", orientation: "orientation", semantic: "semantic" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsDivider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsDivider, isStandalone: true, selector: "ds-divider", inputs: { background: "background", inset: "inset", length: "length", orientation: "orientation", semantic: "semantic" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsDivider = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsDivider = __decorate([
     })
 ], DsDivider);
 export { DsDivider };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsDivider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsDivider, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-divider',

package/dist/angular/ds-empty-state.js

@@ -16,8 +16,8 @@ let DsEmptyState = class DsEmptyState {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsEmptyState, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsEmptyState, isStandalone: true, selector: "ds-empty-state", inputs: { body: "body", heading: "heading", icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsEmptyState, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsEmptyState, isStandalone: true, selector: "ds-empty-state", inputs: { body: "body", heading: "heading", icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsEmptyState = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsEmptyState = __decorate([
     })
 ], DsEmptyState);
 export { DsEmptyState };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsEmptyState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsEmptyState, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-empty-state',

package/dist/angular/ds-field.js

@@ -16,8 +16,8 @@ let DsField = class DsField {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsField, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsField, isStandalone: true, selector: "ds-field", inputs: { description: "description", error: "error", errorMessage: "errorMessage", fieldId: "fieldId", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsField, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsField, isStandalone: true, selector: "ds-field", inputs: { description: "description", error: "error", errorMessage: "errorMessage", fieldId: "fieldId", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsField = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsField = __decorate([
     })
 ], DsField);
 export { DsField };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsField, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-field',

package/dist/angular/ds-icon.js

@@ -16,8 +16,8 @@ let DsIcon = class DsIcon {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsIcon, isStandalone: true, selector: "ds-icon", inputs: { color: "color", label: "label", name: "name", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsIcon, isStandalone: true, selector: "ds-icon", inputs: { color: "color", label: "label", name: "name", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsIcon = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsIcon = __decorate([
     })
 ], DsIcon);
 export { DsIcon };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsIcon, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-icon',

package/dist/angular/ds-input.js

@@ -18,8 +18,8 @@ let DsInput = class DsInput {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsInput, isStandalone: true, selector: "ds-input", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoComplete: "autoComplete", autoFocus: "autoFocus", clearLabel: "clearLabel", disabled: "disabled", enterKeyHint: "enterKeyHint", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", icon: "icon", inputId: "inputId", inputMode: "inputMode", isInactive: "isInactive", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", size: "size", type: "type", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsInput, isStandalone: true, selector: "ds-input", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoComplete: "autoComplete", autoFocus: "autoFocus", clearLabel: "clearLabel", disabled: "disabled", enterKeyHint: "enterKeyHint", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", icon: "icon", inputId: "inputId", inputMode: "inputMode", isInactive: "isInactive", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", size: "size", type: "type", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsInput = __decorate([
     ProxyCmp({
@@ -29,7 +29,7 @@ DsInput = __decorate([
     })
 ], DsInput);
 export { DsInput };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-input',

package/dist/angular/ds-loader.js

@@ -16,8 +16,8 @@ let DsLoader = class DsLoader {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsLoader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsLoader, isStandalone: true, selector: "ds-loader", inputs: { color: "color", label: "label", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsLoader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsLoader, isStandalone: true, selector: "ds-loader", inputs: { color: "color", label: "label", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsLoader = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsLoader = __decorate([
     })
 ], DsLoader);
 export { DsLoader };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsLoader, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-loader',

package/dist/angular/ds-markdown.js

@@ -16,8 +16,8 @@ let DsMarkdown = class DsMarkdown {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMarkdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsMarkdown, isStandalone: true, selector: "ds-markdown", inputs: { content: "content", streaming: "streaming" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMarkdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsMarkdown, isStandalone: true, selector: "ds-markdown", inputs: { content: "content", streaming: "streaming" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMarkdown = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsMarkdown = __decorate([
     })
 ], DsMarkdown);
 export { DsMarkdown };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMarkdown, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMarkdown, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-markdown',

package/dist/angular/ds-menu.d.ts

@@ -8,15 +8,20 @@ export declare class DsMenu {
     protected z: NgZone;
     protected el: HTMLDsMenuElement;
     dsClose: EventEmitter<DsMenuCustomEvent<void>>;
+    dsAfterClose: EventEmitter<DsMenuCustomEvent<void>>;
     dsSelect: EventEmitter<DsMenuCustomEvent<IDsMenuMenuItemData>>;
     dsGradientSelect: EventEmitter<DsMenuCustomEvent<IDsMenuShellGradientPreset>>;
     dsSwatchSelect: EventEmitter<DsMenuCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsMenu, "ds-menu", never, { "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorAlignment": { "alias": "anchorAlignment"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; }, { "dsClose": "dsClose"; "dsSelect": "dsSelect"; "dsGradientSelect": "dsGradientSelect"; "dsSwatchSelect": "dsSwatchSelect"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMenu, "ds-menu", never, { "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorAlignment": { "alias": "anchorAlignment"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; "dsSelect": "dsSelect"; "dsGradientSelect": "dsGradientSelect"; "dsSwatchSelect": "dsSwatchSelect"; }, never, ["*"], true, never>;
 }
 export declare interface DsMenu extends Components.DsMenu {
     dsClose: EventEmitter<DsMenuCustomEvent<void>>;
+    /**
+     * Emitted after the popup's exit motion is complete and its rendered content is removed.
+     */
+    dsAfterClose: EventEmitter<DsMenuCustomEvent<void>>;
     dsSelect: EventEmitter<DsMenuCustomEvent<IDsMenuMenuItemData>>;
     /**
      * Emitted when a `gradient-picker` section swatch is chosen.

package/dist/angular/ds-menu.js

@@ -14,14 +14,15 @@ let DsMenu = class DsMenu {
     constructor(c, r, z) {
         this.z = z;
         this.dsClose = new EventEmitter();
+        this.dsAfterClose = new EventEmitter();
         this.dsSelect = new EventEmitter();
         this.dsGradientSelect = new EventEmitter();
         this.dsSwatchSelect = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsMenu, isStandalone: true, selector: "ds-menu", inputs: { align: "align", alignOffset: "alignOffset", anchor: "anchor", anchorAlignment: "anchorAlignment", anchorId: "anchorId", initialFocusVisible: "initialFocusVisible", items: "items", menuLabel: "menuLabel", menuWidth: "menuWidth", minWidth: "minWidth", open: "open", sections: "sections", selectionMode: "selectionMode", side: "side", sideOffset: "sideOffset" }, outputs: { dsClose: "dsClose", dsSelect: "dsSelect", dsGradientSelect: "dsGradientSelect", dsSwatchSelect: "dsSwatchSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsMenu, isStandalone: true, selector: "ds-menu", inputs: { align: "align", alignOffset: "alignOffset", anchor: "anchor", anchorAlignment: "anchorAlignment", anchorId: "anchorId", initialFocusVisible: "initialFocusVisible", items: "items", menuLabel: "menuLabel", menuWidth: "menuWidth", minWidth: "minWidth", open: "open", sections: "sections", selectionMode: "selectionMode", side: "side", sideOffset: "sideOffset" }, outputs: { dsClose: "dsClose", dsAfterClose: "dsAfterClose", dsSelect: "dsSelect", dsGradientSelect: "dsGradientSelect", dsSwatchSelect: "dsSwatchSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMenu = __decorate([
     ProxyCmp({
@@ -30,7 +31,7 @@ DsMenu = __decorate([
     })
 ], DsMenu);
 export { DsMenu };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMenu, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-menu',
@@ -38,10 +39,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['align', 'alignOffset', 'anchor', 'anchorAlignment', 'anchorId', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'selectionMode', 'side', 'sideOffset'],
-                    outputs: ['dsClose', 'dsSelect', 'dsGradientSelect', 'dsSwatchSelect'],
+                    outputs: ['dsClose', 'dsAfterClose', 'dsSelect', 'dsGradientSelect', 'dsSwatchSelect'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClose: [{
                 type: Output
+            }], dsAfterClose: [{
+                type: Output
             }], dsSelect: [{
                 type: Output
             }], dsGradientSelect: [{

package/dist/angular/ds-message-bubble.js

@@ -16,8 +16,8 @@ let DsMessageBubble = class DsMessageBubble {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessageBubble, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsMessageBubble, isStandalone: true, selector: "ds-message-bubble", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMessageBubble, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsMessageBubble, isStandalone: true, selector: "ds-message-bubble", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMessageBubble = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsMessageBubble = __decorate([
     })
 ], DsMessageBubble);
 export { DsMessageBubble };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessageBubble, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMessageBubble, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-message-bubble',

package/dist/angular/ds-message-composer.js

@@ -19,8 +19,8 @@ let DsMessageComposer = class DsMessageComposer {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessageComposer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsMessageComposer, isStandalone: true, selector: "ds-message-composer", inputs: { isInactive: "isInactive", label: "label", placeholder: "placeholder", status: "status", submitIntent: "submitIntent", value: "value" }, outputs: { dsInput: "dsInput", dsSubmit: "dsSubmit", dsStop: "dsStop" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMessageComposer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsMessageComposer, isStandalone: true, selector: "ds-message-composer", inputs: { isInactive: "isInactive", label: "label", placeholder: "placeholder", status: "status", submitIntent: "submitIntent", value: "value" }, outputs: { dsInput: "dsInput", dsSubmit: "dsSubmit", dsStop: "dsStop" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMessageComposer = __decorate([
     ProxyCmp({
@@ -30,7 +30,7 @@ DsMessageComposer = __decorate([
     })
 ], DsMessageComposer);
 export { DsMessageComposer };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessageComposer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMessageComposer, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-message-composer',

package/dist/angular/ds-message-scroller.js

@@ -17,8 +17,8 @@ let DsMessageScroller = class DsMessageScroller {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessageScroller, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsMessageScroller, isStandalone: true, selector: "ds-message-scroller", inputs: { autoFollow: "autoFollow", busy: "busy", defaultPosition: "defaultPosition", messagesLabel: "messagesLabel" }, outputs: { dsReachStart: "dsReachStart" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMessageScroller, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsMessageScroller, isStandalone: true, selector: "ds-message-scroller", inputs: { autoFollow: "autoFollow", busy: "busy", defaultPosition: "defaultPosition", messagesLabel: "messagesLabel" }, outputs: { dsReachStart: "dsReachStart" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMessageScroller = __decorate([
     ProxyCmp({
@@ -28,7 +28,7 @@ DsMessageScroller = __decorate([
     })
 ], DsMessageScroller);
 export { DsMessageScroller };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessageScroller, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMessageScroller, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-message-scroller',

package/dist/angular/ds-message.js

@@ -16,8 +16,8 @@ let DsMessage = class DsMessage {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsMessage, isStandalone: true, selector: "ds-message", inputs: { author: "author", deliveryState: "deliveryState", direction: "direction", groupPosition: "groupPosition", messageId: "messageId", scrollAnchor: "scrollAnchor", showAuthor: "showAuthor", streaming: "streaming", timestamp: "timestamp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMessage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsMessage, isStandalone: true, selector: "ds-message", inputs: { author: "author", deliveryState: "deliveryState", direction: "direction", groupPosition: "groupPosition", messageId: "messageId", scrollAnchor: "scrollAnchor", showAuthor: "showAuthor", streaming: "streaming", timestamp: "timestamp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMessage = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsMessage = __decorate([
     })
 ], DsMessage);
 export { DsMessage };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsMessage, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-message',

package/dist/angular/ds-modal.d.ts

@@ -1,15 +1,24 @@
 import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
 import type { Components } from '@ds-mo/ui/components';
 import type { DsModalCustomEvent } from '@ds-mo/ui/components';
+import type { ModalCloseDetail as IDsModalModalCloseDetail } from '@ds-mo/ui/components';
 import * as i0 from "@angular/core";
 export declare class DsModal {
     protected z: NgZone;
     protected el: HTMLDsModalElement;
-    dsClose: EventEmitter<DsModalCustomEvent<void>>;
+    dsClose: EventEmitter<DsModalCustomEvent<IDsModalModalCloseDetail>>;
+    dsAfterClose: EventEmitter<DsModalCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsModal, "ds-modal", never, { "heading": { "alias": "heading"; "required": true; }; "modalWidth": { "alias": "modalWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; }, { "dsClose": "dsClose"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsModal, "ds-modal", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "modalWidth": { "alias": "modalWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; }, never, ["*"], true, never>;
 }
 export declare interface DsModal extends Components.DsModal {
-    dsClose: EventEmitter<DsModalCustomEvent<void>>;
+    /**
+     * Emitted when an internal dismissal control requests that the modal close.
+     */
+    dsClose: EventEmitter<DsModalCustomEvent<IDsModalModalCloseDetail>>;
+    /**
+     * Emitted after exit motion completes, the top layer closes, and focus is restored.
+     */
+    dsAfterClose: EventEmitter<DsModalCustomEvent<void>>;
 }

package/dist/angular/ds-modal.js

@@ -14,29 +14,32 @@ let DsModal = class DsModal {
     constructor(c, r, z) {
         this.z = z;
         this.dsClose = new EventEmitter();
+        this.dsAfterClose = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsModal, isStandalone: true, selector: "ds-modal", inputs: { heading: "heading", modalWidth: "modalWidth", open: "open", subtitle: "subtitle" }, outputs: { dsClose: "dsClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsModal, isStandalone: true, selector: "ds-modal", inputs: { ariaDescribedby: "ariaDescribedby", closeAriaLabel: "closeAriaLabel", heading: "heading", modalWidth: "modalWidth", open: "open" }, outputs: { dsClose: "dsClose", dsAfterClose: "dsAfterClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsModal = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsModal,
-        inputs: ['heading', 'modalWidth', 'open', 'subtitle']
+        inputs: ['ariaDescribedby', 'closeAriaLabel', 'heading', 'modalWidth', 'open']
     })
 ], DsModal);
 export { DsModal };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsModal, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-modal',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [{ name: 'heading', required: true }, 'modalWidth', 'open', 'subtitle'],
-                    outputs: ['dsClose'],
+                    inputs: ['ariaDescribedby', 'closeAriaLabel', { name: 'heading', required: true }, 'modalWidth', 'open'],
+                    outputs: ['dsClose', 'dsAfterClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClose: [{
                 type: Output
+            }], dsAfterClose: [{
+                type: Output
             }] } });

package/dist/angular/ds-panel-nav.d.ts

@@ -15,7 +15,7 @@ export declare class DsPanelNav {
     dsNavUserAction: EventEmitter<DsPanelNavCustomEvent<IDsPanelNavPanelNavUserActionDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsPanelNav, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelNav, "ds-panel-nav", never, { "accountLabel": { "alias": "accountLabel"; "required": false; }; "activeId": { "alias": "activeId"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "collapseNavigationLabel": { "alias": "collapseNavigationLabel"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "dashboardLabel": { "alias": "dashboardLabel"; "required": false; }; "dashboardNavigationLabel": { "alias": "dashboardNavigationLabel"; "required": false; }; "disableViewTransition": { "alias": "disableViewTransition"; "required": false; }; "expandNavigationLabel": { "alias": "expandNavigationLabel"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "navigationItemsLabel": { "alias": "navigationItemsLabel"; "required": false; }; "routerMode": { "alias": "routerMode"; "required": false; }; "settingsLabel": { "alias": "settingsLabel"; "required": false; }; "settingsNavigationLabel": { "alias": "settingsNavigationLabel"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "userInitial": { "alias": "userInitial"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; }, { "dsNavSelect": "dsNavSelect"; "dsNavToggle": "dsNavToggle"; "dsChromeTransitionStart": "dsChromeTransitionStart"; "dsChromeTransitionEnd": "dsChromeTransitionEnd"; "dsNavFooterAction": "dsNavFooterAction"; "dsNavUserAction": "dsNavUserAction"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelNav, "ds-panel-nav", never, { "accountLabel": { "alias": "accountLabel"; "required": false; }; "accountMenuExpanded": { "alias": "accountMenuExpanded"; "required": false; }; "activeId": { "alias": "activeId"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "collapseNavigationLabel": { "alias": "collapseNavigationLabel"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "dashboardLabel": { "alias": "dashboardLabel"; "required": false; }; "dashboardNavigationLabel": { "alias": "dashboardNavigationLabel"; "required": false; }; "disableViewTransition": { "alias": "disableViewTransition"; "required": false; }; "expandNavigationLabel": { "alias": "expandNavigationLabel"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "navigationItemsLabel": { "alias": "navigationItemsLabel"; "required": false; }; "routerMode": { "alias": "routerMode"; "required": false; }; "settingsLabel": { "alias": "settingsLabel"; "required": false; }; "settingsNavigationLabel": { "alias": "settingsNavigationLabel"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "userInitial": { "alias": "userInitial"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; }, { "dsNavSelect": "dsNavSelect"; "dsNavToggle": "dsNavToggle"; "dsChromeTransitionStart": "dsChromeTransitionStart"; "dsChromeTransitionEnd": "dsChromeTransitionEnd"; "dsNavFooterAction": "dsNavFooterAction"; "dsNavUserAction": "dsNavUserAction"; }, never, ["*"], true, never>;
 }
 export declare interface DsPanelNav extends Components.DsPanelNav {
     /**

package/dist/angular/ds-panel-nav.js

@@ -22,25 +22,25 @@ let DsPanelNav = class DsPanelNav {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsPanelNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsPanelNav, isStandalone: true, selector: "ds-panel-nav", inputs: { accountLabel: "accountLabel", activeId: "activeId", breakpoint: "breakpoint", collapseNavigationLabel: "collapseNavigationLabel", collapsed: "collapsed", currentUrl: "currentUrl", dashboardLabel: "dashboardLabel", dashboardNavigationLabel: "dashboardNavigationLabel", disableViewTransition: "disableViewTransition", expandNavigationLabel: "expandNavigationLabel", groups: "groups", navStyle: "navStyle", navigationItemsLabel: "navigationItemsLabel", routerMode: "routerMode", settingsLabel: "settingsLabel", settingsNavigationLabel: "settingsNavigationLabel", storageKey: "storageKey", userInitial: "userInitial", userName: "userName" }, outputs: { dsNavSelect: "dsNavSelect", dsNavToggle: "dsNavToggle", dsChromeTransitionStart: "dsChromeTransitionStart", dsChromeTransitionEnd: "dsChromeTransitionEnd", dsNavFooterAction: "dsNavFooterAction", dsNavUserAction: "dsNavUserAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsPanelNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsPanelNav, isStandalone: true, selector: "ds-panel-nav", inputs: { accountLabel: "accountLabel", accountMenuExpanded: "accountMenuExpanded", activeId: "activeId", breakpoint: "breakpoint", collapseNavigationLabel: "collapseNavigationLabel", collapsed: "collapsed", currentUrl: "currentUrl", dashboardLabel: "dashboardLabel", dashboardNavigationLabel: "dashboardNavigationLabel", disableViewTransition: "disableViewTransition", expandNavigationLabel: "expandNavigationLabel", groups: "groups", navStyle: "navStyle", navigationItemsLabel: "navigationItemsLabel", routerMode: "routerMode", settingsLabel: "settingsLabel", settingsNavigationLabel: "settingsNavigationLabel", storageKey: "storageKey", userInitial: "userInitial", userName: "userName" }, outputs: { dsNavSelect: "dsNavSelect", dsNavToggle: "dsNavToggle", dsChromeTransitionStart: "dsChromeTransitionStart", dsChromeTransitionEnd: "dsChromeTransitionEnd", dsNavFooterAction: "dsNavFooterAction", dsNavUserAction: "dsNavUserAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsPanelNav = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsPanelNav,
-        inputs: ['accountLabel', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
+        inputs: ['accountLabel', 'accountMenuExpanded', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
         methods: ['toggleCollapsed']
     })
 ], DsPanelNav);
 export { DsPanelNav };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsPanelNav, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsPanelNav, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-panel-nav',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accountLabel', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
+                    inputs: ['accountLabel', 'accountMenuExpanded', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
                     outputs: ['dsNavSelect', 'dsNavToggle', 'dsChromeTransitionStart', 'dsChromeTransitionEnd', 'dsNavFooterAction', 'dsNavUserAction'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsNavSelect: [{

package/dist/angular/ds-panel-sub-nav.js

@@ -17,8 +17,8 @@ let DsPanelSubNav = class DsPanelSubNav {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsPanelSubNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsPanelSubNav, isStandalone: true, selector: "ds-panel-sub-nav", inputs: { ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", background: "background", items: "items", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsPanelSubNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsPanelSubNav, isStandalone: true, selector: "ds-panel-sub-nav", inputs: { ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", background: "background", items: "items", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsPanelSubNav = __decorate([
     ProxyCmp({
@@ -27,7 +27,7 @@ DsPanelSubNav = __decorate([
     })
 ], DsPanelSubNav);
 export { DsPanelSubNav };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsPanelSubNav, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsPanelSubNav, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-panel-sub-nav',

package/dist/angular/ds-panel-tool-header.js

@@ -19,8 +19,8 @@ let DsPanelToolHeader = class DsPanelToolHeader {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsPanelToolHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsPanelToolHeader, isStandalone: true, selector: "ds-panel-tool-header", inputs: { actions: "actions", backAriaLabel: "backAriaLabel", backIcon: "backIcon", heading: "heading", menuAriaLabel: "menuAriaLabel", menuControls: "menuControls", menuExpanded: "menuExpanded", menuTriggerId: "menuTriggerId", showBack: "showBack", showMenu: "showMenu" }, outputs: { dsBack: "dsBack", dsMenuToggle: "dsMenuToggle", dsAction: "dsAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsPanelToolHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsPanelToolHeader, isStandalone: true, selector: "ds-panel-tool-header", inputs: { actions: "actions", backAriaLabel: "backAriaLabel", backIcon: "backIcon", heading: "heading", menuAriaLabel: "menuAriaLabel", menuControls: "menuControls", menuExpanded: "menuExpanded", menuTriggerId: "menuTriggerId", showBack: "showBack", showMenu: "showMenu" }, outputs: { dsBack: "dsBack", dsMenuToggle: "dsMenuToggle", dsAction: "dsAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsPanelToolHeader = __decorate([
     ProxyCmp({
@@ -30,7 +30,7 @@ DsPanelToolHeader = __decorate([
     })
 ], DsPanelToolHeader);
 export { DsPanelToolHeader };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsPanelToolHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsPanelToolHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-panel-tool-header',