@ds-mo/ui 9.1.0 → 9.2.1

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; }; "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,6 +14,7 @@ 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();
@@ -21,12 +22,12 @@ let DsMenu = class DsMenu {
         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", 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.ɵ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", dsAfterClose: "dsAfterClose", dsSelect: "dsSelect", dsGradientSelect: "dsGradientSelect", dsSwatchSelect: "dsSwatchSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMenu = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsMenu,
-        inputs: ['align', 'alignOffset', 'anchor', 'anchorAlignment', 'anchorId', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'side', 'sideOffset']
+        inputs: ['align', 'alignOffset', 'anchor', 'anchorAlignment', 'anchorId', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'selectionMode', 'side', 'sideOffset']
     })
 ], DsMenu);
 export { DsMenu };
@@ -37,11 +38,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     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', 'side', 'sideOffset'],
-                    outputs: ['dsClose', 'dsSelect', 'dsGradientSelect', 'dsSwatchSelect'],
+                    inputs: ['align', 'alignOffset', 'anchor', 'anchorAlignment', 'anchorId', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'selectionMode', 'side', 'sideOffset'],
+                    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.d.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsMessageBubble {
+    protected z: NgZone;
+    protected el: HTMLDsMessageBubbleElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsMessageBubble, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMessageBubble, "ds-message-bubble", never, { "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface DsMessageBubble extends Components.DsMessageBubble {
+}

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

@@ -0,0 +1,38 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsMessageBubble } from '@ds-mo/ui/components/ds-message-bubble.js';
+import * as i0 from "@angular/core";
+let DsMessageBubble = class DsMessageBubble {
+    constructor(c, r, z) {
+        this.z = z;
+        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 }); }
+};
+DsMessageBubble = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsMessageBubble,
+        inputs: ['variant']
+    })
+], DsMessageBubble);
+export { DsMessageBubble };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessageBubble, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-message-bubble',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['variant'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/ds-message-composer.d.ts

@@ -0,0 +1,23 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsMessageComposerCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsMessageComposer {
+    protected z: NgZone;
+    protected el: HTMLDsMessageComposerElement;
+    dsInput: EventEmitter<DsMessageComposerCustomEvent<string>>;
+    dsSubmit: EventEmitter<DsMessageComposerCustomEvent<{
+        text: string;
+    }>>;
+    dsStop: EventEmitter<DsMessageComposerCustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsMessageComposer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMessageComposer, "ds-message-composer", never, { "isInactive": { "alias": "isInactive"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "status": { "alias": "status"; "required": false; }; "submitIntent": { "alias": "submitIntent"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsInput": "dsInput"; "dsSubmit": "dsSubmit"; "dsStop": "dsStop"; }, never, ["*"], true, never>;
+}
+export declare interface DsMessageComposer extends Components.DsMessageComposer {
+    dsInput: EventEmitter<DsMessageComposerCustomEvent<string>>;
+    dsSubmit: EventEmitter<DsMessageComposerCustomEvent<{
+        text: string;
+    }>>;
+    dsStop: EventEmitter<DsMessageComposerCustomEvent<void>>;
+}

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

@@ -0,0 +1,49 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsMessageComposer } from '@ds-mo/ui/components/ds-message-composer.js';
+import * as i0 from "@angular/core";
+let DsMessageComposer = class DsMessageComposer {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsInput = new EventEmitter();
+        this.dsSubmit = new EventEmitter();
+        this.dsStop = new EventEmitter();
+        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 }); }
+};
+DsMessageComposer = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsMessageComposer,
+        inputs: ['isInactive', 'label', 'placeholder', 'status', 'submitIntent', 'value'],
+        methods: ['setFocus']
+    })
+], DsMessageComposer);
+export { DsMessageComposer };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessageComposer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-message-composer',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['isInactive', 'label', 'placeholder', 'status', 'submitIntent', 'value'],
+                    outputs: ['dsInput', 'dsSubmit', 'dsStop'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsInput: [{
+                type: Output
+            }], dsSubmit: [{
+                type: Output
+            }], dsStop: [{
+                type: Output
+            }] } });

package/dist/angular/ds-message-scroller.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsMessageScrollerCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsMessageScroller {
+    protected z: NgZone;
+    protected el: HTMLDsMessageScrollerElement;
+    dsReachStart: EventEmitter<DsMessageScrollerCustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsMessageScroller, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMessageScroller, "ds-message-scroller", never, { "autoFollow": { "alias": "autoFollow"; "required": false; }; "busy": { "alias": "busy"; "required": false; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; }; "messagesLabel": { "alias": "messagesLabel"; "required": false; }; }, { "dsReachStart": "dsReachStart"; }, never, ["*"], true, never>;
+}
+export declare interface DsMessageScroller extends Components.DsMessageScroller {
+    dsReachStart: EventEmitter<DsMessageScrollerCustomEvent<void>>;
+}

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

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsMessageScroller } from '@ds-mo/ui/components/ds-message-scroller.js';
+import * as i0 from "@angular/core";
+let DsMessageScroller = class DsMessageScroller {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsReachStart = new EventEmitter();
+        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 }); }
+};
+DsMessageScroller = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsMessageScroller,
+        inputs: ['autoFollow', 'busy', 'defaultPosition', 'messagesLabel'],
+        methods: ['scrollToMessage', 'scrollToStart', 'scrollToEnd']
+    })
+], DsMessageScroller);
+export { DsMessageScroller };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessageScroller, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-message-scroller',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoFollow', 'busy', 'defaultPosition', 'messagesLabel'],
+                    outputs: ['dsReachStart'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsReachStart: [{
+                type: Output
+            }] } });

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

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsMessage {
+    protected z: NgZone;
+    protected el: HTMLDsMessageElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsMessage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMessage, "ds-message", never, { "author": { "alias": "author"; "required": false; }; "deliveryState": { "alias": "deliveryState"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "groupPosition": { "alias": "groupPosition"; "required": false; }; "messageId": { "alias": "messageId"; "required": false; }; "scrollAnchor": { "alias": "scrollAnchor"; "required": false; }; "showAuthor": { "alias": "showAuthor"; "required": false; }; "streaming": { "alias": "streaming"; "required": false; }; "timestamp": { "alias": "timestamp"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface DsMessage extends Components.DsMessage {
+}

package/dist/angular/ds-message.js

@@ -0,0 +1,38 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsMessage } from '@ds-mo/ui/components/ds-message.js';
+import * as i0 from "@angular/core";
+let DsMessage = class DsMessage {
+    constructor(c, r, z) {
+        this.z = z;
+        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 }); }
+};
+DsMessage = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsMessage,
+        inputs: ['author', 'deliveryState', 'direction', 'groupPosition', 'messageId', 'scrollAnchor', 'showAuthor', 'streaming', 'timestamp']
+    })
+], DsMessage);
+export { DsMessage };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsMessage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-message',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['author', 'deliveryState', 'direction', 'groupPosition', 'messageId', 'scrollAnchor', 'showAuthor', 'streaming', 'timestamp'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

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

@@ -23,12 +23,12 @@ let DsPanelNav = class DsPanelNav {
         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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", 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);
@@ -40,7 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                     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-tool-header.d.ts

@@ -0,0 +1,25 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsPanelToolHeaderCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsPanelToolHeader {
+    protected z: NgZone;
+    protected el: HTMLDsPanelToolHeaderElement;
+    dsBack: EventEmitter<DsPanelToolHeaderCustomEvent<MouseEvent>>;
+    dsMenuToggle: EventEmitter<DsPanelToolHeaderCustomEvent<MouseEvent>>;
+    dsAction: EventEmitter<DsPanelToolHeaderCustomEvent<{
+        id: string;
+        originalEvent: MouseEvent;
+    }>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsPanelToolHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelToolHeader, "ds-panel-tool-header", never, { "actions": { "alias": "actions"; "required": false; }; "backAriaLabel": { "alias": "backAriaLabel"; "required": false; }; "backIcon": { "alias": "backIcon"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; }; "menuControls": { "alias": "menuControls"; "required": false; }; "menuExpanded": { "alias": "menuExpanded"; "required": false; }; "menuTriggerId": { "alias": "menuTriggerId"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; }, { "dsBack": "dsBack"; "dsMenuToggle": "dsMenuToggle"; "dsAction": "dsAction"; }, never, ["*"], true, never>;
+}
+export declare interface DsPanelToolHeader extends Components.DsPanelToolHeader {
+    dsBack: EventEmitter<DsPanelToolHeaderCustomEvent<MouseEvent>>;
+    dsMenuToggle: EventEmitter<DsPanelToolHeaderCustomEvent<MouseEvent>>;
+    dsAction: EventEmitter<DsPanelToolHeaderCustomEvent<{
+        id: string;
+        originalEvent: MouseEvent;
+    }>>;
+}

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

@@ -0,0 +1,49 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsPanelToolHeader } from '@ds-mo/ui/components/ds-panel-tool-header.js';
+import * as i0 from "@angular/core";
+let DsPanelToolHeader = class DsPanelToolHeader {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsBack = new EventEmitter();
+        this.dsMenuToggle = new EventEmitter();
+        this.dsAction = new EventEmitter();
+        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 }); }
+};
+DsPanelToolHeader = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsPanelToolHeader,
+        inputs: ['actions', 'backAriaLabel', 'backIcon', 'heading', 'menuAriaLabel', 'menuControls', 'menuExpanded', 'menuTriggerId', 'showBack', 'showMenu'],
+        methods: ['focusMenuTrigger']
+    })
+], DsPanelToolHeader);
+export { DsPanelToolHeader };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsPanelToolHeader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-panel-tool-header',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['actions', 'backAriaLabel', 'backIcon', 'heading', 'menuAriaLabel', 'menuControls', 'menuExpanded', 'menuTriggerId', 'showBack', 'showMenu'],
+                    outputs: ['dsBack', 'dsMenuToggle', 'dsAction'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBack: [{
+                type: Output
+            }], dsMenuToggle: [{
+                type: Output
+            }], dsAction: [{
+                type: Output
+            }] } });

package/dist/angular/ds-panel-tool-search.d.ts

@@ -0,0 +1,19 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsPanelToolSearchCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsPanelToolSearch {
+    protected z: NgZone;
+    protected el: HTMLDsPanelToolSearchElement;
+    dsChange: EventEmitter<DsPanelToolSearchCustomEvent<string>>;
+    dsClear: EventEmitter<DsPanelToolSearchCustomEvent<void>>;
+    dsFilterToggle: EventEmitter<DsPanelToolSearchCustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsPanelToolSearch, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelToolSearch, "ds-panel-tool-search", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "filterActive": { "alias": "filterActive"; "required": false; }; "filterAriaLabel": { "alias": "filterAriaLabel"; "required": false; }; "filterControls": { "alias": "filterControls"; "required": false; }; "filterExpanded": { "alias": "filterExpanded"; "required": false; }; "filterTriggerId": { "alias": "filterTriggerId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showFilter": { "alias": "showFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsFilterToggle": "dsFilterToggle"; }, never, ["*"], true, never>;
+}
+export declare interface DsPanelToolSearch extends Components.DsPanelToolSearch {
+    dsChange: EventEmitter<DsPanelToolSearchCustomEvent<string>>;
+    dsClear: EventEmitter<DsPanelToolSearchCustomEvent<void>>;
+    dsFilterToggle: EventEmitter<DsPanelToolSearchCustomEvent<MouseEvent>>;
+}

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

@@ -0,0 +1,49 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsPanelToolSearch } from '@ds-mo/ui/components/ds-panel-tool-search.js';
+import * as i0 from "@angular/core";
+let DsPanelToolSearch = class DsPanelToolSearch {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsChange = new EventEmitter();
+        this.dsClear = new EventEmitter();
+        this.dsFilterToggle = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsPanelToolSearch, 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: DsPanelToolSearch, isStandalone: true, selector: "ds-panel-tool-search", inputs: { ariaLabel: "ariaLabel", controls: "controls", filterActive: "filterActive", filterAriaLabel: "filterAriaLabel", filterControls: "filterControls", filterExpanded: "filterExpanded", filterTriggerId: "filterTriggerId", isInactive: "isInactive", placeholder: "placeholder", showFilter: "showFilter", value: "value" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsFilterToggle: "dsFilterToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsPanelToolSearch = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsPanelToolSearch,
+        inputs: ['ariaLabel', 'controls', 'filterActive', 'filterAriaLabel', 'filterControls', 'filterExpanded', 'filterTriggerId', 'isInactive', 'placeholder', 'showFilter', 'value'],
+        methods: ['setFocus', 'focusFilterTrigger']
+    })
+], DsPanelToolSearch);
+export { DsPanelToolSearch };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsPanelToolSearch, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-panel-tool-search',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['ariaLabel', 'controls', 'filterActive', 'filterAriaLabel', 'filterControls', 'filterExpanded', 'filterTriggerId', 'isInactive', 'placeholder', 'showFilter', 'value'],
+                    outputs: ['dsChange', 'dsClear', 'dsFilterToggle'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }], dsClear: [{
+                type: Output
+            }], dsFilterToggle: [{
+                type: Output
+            }] } });

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

@@ -11,11 +11,21 @@ export declare class DsPanelTools {
         id: IDsPanelToolsPanelToolsToolId;
         selected: boolean;
     }>>;
+    dsPresentationChange: EventEmitter<DsPanelToolsCustomEvent<{
+        presentation: "drawer" | "fullscreen";
+    }>>;
+    dsHeaderBack: EventEmitter<DsPanelToolsCustomEvent<{
+        tool: IDsPanelToolsPanelToolsToolId;
+    }>>;
+    dsHeaderAction: EventEmitter<DsPanelToolsCustomEvent<{
+        tool: IDsPanelToolsPanelToolsToolId;
+        id: string;
+    }>>;
     dsChromeTransitionStart: EventEmitter<DsPanelToolsCustomEvent<IDsPanelToolsChromeTransitionDetail>>;
     dsChromeTransitionEnd: EventEmitter<DsPanelToolsCustomEvent<IDsPanelToolsChromeTransitionDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsPanelTools, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelTools, "ds-panel-tools", never, { "activeTool": { "alias": "activeTool"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemsJson": { "alias": "itemsJson"; "required": false; }; "open": { "alias": "open"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "toolShortcutsLabel": { "alias": "toolShortcutsLabel"; "required": false; }; "toolsLabel": { "alias": "toolsLabel"; "required": false; }; }, { "dsToolChange": "dsToolChange"; "dsChromeTransitionStart": "dsChromeTransitionStart"; "dsChromeTransitionEnd": "dsChromeTransitionEnd"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelTools, "ds-panel-tools", never, { "activeTool": { "alias": "activeTool"; "required": false; }; "fullscreenHeaderMode": { "alias": "fullscreenHeaderMode"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "headersJson": { "alias": "headersJson"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemsJson": { "alias": "itemsJson"; "required": false; }; "open": { "alias": "open"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "toolShortcutsLabel": { "alias": "toolShortcutsLabel"; "required": false; }; "toolsLabel": { "alias": "toolsLabel"; "required": false; }; }, { "dsToolChange": "dsToolChange"; "dsPresentationChange": "dsPresentationChange"; "dsHeaderBack": "dsHeaderBack"; "dsHeaderAction": "dsHeaderAction"; "dsChromeTransitionStart": "dsChromeTransitionStart"; "dsChromeTransitionEnd": "dsChromeTransitionEnd"; }, never, ["*"], true, never>;
 }
 export declare interface DsPanelTools extends Components.DsPanelTools {
     /**
@@ -25,6 +35,25 @@ export declare interface DsPanelTools extends Components.DsPanelTools {
         id: IDsPanelToolsPanelToolsToolId;
         selected: boolean;
     }>>;
+    /**
+     * Emitted when fullscreen changes, including Escape-initiated exits.
+     */
+    dsPresentationChange: EventEmitter<DsPanelToolsCustomEvent<{
+        presentation: 'drawer' | 'fullscreen';
+    }>>;
+    /**
+     * Requests navigation to the active tool's parent view.
+     */
+    dsHeaderBack: EventEmitter<DsPanelToolsCustomEvent<{
+        tool: IDsPanelToolsPanelToolsToolId;
+    }>>;
+    /**
+     * Requests one application-owned action from the active tool header.
+     */
+    dsHeaderAction: EventEmitter<DsPanelToolsCustomEvent<{
+        tool: IDsPanelToolsPanelToolsToolId;
+        id: string;
+    }>>;
     /**
      * Bubbling lifecycle — `ds-bar-nav` defers overflow checks during drawer motion.
      */