@ds-mo/ui 14.27.1 → 14.29.0

package/dist/angular/ds-button-filled.d.ts

@@ -9,7 +9,7 @@ export declare class DsButtonFilled {
     dsMenuClick: EventEmitter<DsButtonFilledCustomEvent<MouseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonFilled, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonFilled, "ds-button-filled", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "contrast": { "alias": "contrast"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "insetDepth": { "alias": "insetDepth"; "required": false; }; "intent": { "alias": "intent"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelEmphasis": { "alias": "labelEmphasis"; "required": false; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "split": { "alias": "split"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; "dsMenuClick": "dsMenuClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonFilled, "ds-button-filled", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "contrast": { "alias": "contrast"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "insetDepth": { "alias": "insetDepth"; "required": false; }; "intent": { "alias": "intent"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelEmphasis": { "alias": "labelEmphasis"; "required": false; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "split": { "alias": "split"; "required": false; }; "surfaceOpen": { "alias": "surfaceOpen"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; "dsMenuClick": "dsMenuClick"; }, never, ["*"], true, never>;
 }
 export declare interface DsButtonFilled extends Components.DsButtonFilled {
     dsClick: EventEmitter<DsButtonFilledCustomEvent<MouseEvent>>;

package/dist/angular/ds-button-filled.js

@@ -19,12 +19,12 @@ let DsButtonFilled = class DsButtonFilled {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsButtonFilled, 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.1.0", type: DsButtonFilled, isStandalone: true, selector: "ds-button-filled", inputs: { ariaLabel: "ariaLabel", background: "background", contrast: "contrast", controls: "controls", expanded: "expanded", hasBorder: "hasBorder", hasMenu: "hasMenu", haspopup: "haspopup", icon: "icon", insetDepth: "insetDepth", intent: "intent", isInactive: "isInactive", isInset: "isInset", isLoading: "isLoading", label: "label", labelEmphasis: "labelEmphasis", menuAriaLabel: "menuAriaLabel", pressScale: "pressScale", rounded: "rounded", size: "size", split: "split", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick", dsMenuClick: "dsMenuClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsButtonFilled, isStandalone: true, selector: "ds-button-filled", inputs: { ariaLabel: "ariaLabel", background: "background", contrast: "contrast", controls: "controls", expanded: "expanded", hasBorder: "hasBorder", hasMenu: "hasMenu", haspopup: "haspopup", icon: "icon", insetDepth: "insetDepth", intent: "intent", isInactive: "isInactive", isInset: "isInset", isLoading: "isLoading", label: "label", labelEmphasis: "labelEmphasis", menuAriaLabel: "menuAriaLabel", pressScale: "pressScale", rounded: "rounded", size: "size", split: "split", surfaceOpen: "surfaceOpen", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick", dsMenuClick: "dsMenuClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsButtonFilled = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsButtonFilled,
-        inputs: ['ariaLabel', 'background', 'contrast', 'controls', 'expanded', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'intent', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'rounded', 'size', 'split', 'type', 'variant', 'width'],
+        inputs: ['ariaLabel', 'background', 'contrast', 'controls', 'expanded', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'intent', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'rounded', 'size', 'split', 'surfaceOpen', 'type', 'variant', 'width'],
         methods: ['setFocus']
     })
 ], DsButtonFilled);
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabel', 'background', 'contrast', 'controls', 'expanded', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'intent', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'rounded', 'size', 'split', 'type', 'variant', 'width'],
+                    inputs: ['ariaLabel', 'background', 'contrast', 'controls', 'expanded', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'intent', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'rounded', 'size', 'split', 'surfaceOpen', 'type', 'variant', 'width'],
                     outputs: ['dsClick', 'dsMenuClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{

package/dist/angular/ds-button-unfilled.d.ts

@@ -10,7 +10,7 @@ export declare class DsButtonUnfilled {
     dsChange: EventEmitter<DsButtonUnfilledCustomEvent<boolean>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonUnfilled, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonUnfilled, "ds-button-unfilled", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "focusTabIndex": { "alias": "focusTabIndex"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "insetDepth": { "alias": "insetDepth"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelEmphasis": { "alias": "labelEmphasis"; "required": false; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "split": { "alias": "split"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; "dsMenuClick": "dsMenuClick"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonUnfilled, "ds-button-unfilled", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "background": { "alias": "background"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "focusTabIndex": { "alias": "focusTabIndex"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "insetDepth": { "alias": "insetDepth"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelEmphasis": { "alias": "labelEmphasis"; "required": false; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "split": { "alias": "split"; "required": false; }; "surfaceOpen": { "alias": "surfaceOpen"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; "dsMenuClick": "dsMenuClick"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsButtonUnfilled extends Components.DsButtonUnfilled {
     dsClick: EventEmitter<DsButtonUnfilledCustomEvent<MouseEvent>>;

package/dist/angular/ds-button-unfilled.js

@@ -20,12 +20,12 @@ let DsButtonUnfilled = class DsButtonUnfilled {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsButtonUnfilled, 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.1.0", type: DsButtonUnfilled, isStandalone: true, selector: "ds-button-unfilled", inputs: { activeFill: "activeFill", ariaLabel: "ariaLabel", background: "background", collapseLabel: "collapseLabel", controls: "controls", dot: "dot", expanded: "expanded", focusTabIndex: "focusTabIndex", hasBorder: "hasBorder", hasMenu: "hasMenu", haspopup: "haspopup", icon: "icon", insetDepth: "insetDepth", isActive: "isActive", isInactive: "isInactive", isInset: "isInset", isLoading: "isLoading", label: "label", labelEmphasis: "labelEmphasis", menuAriaLabel: "menuAriaLabel", pressScale: "pressScale", pressed: "pressed", rounded: "rounded", size: "size", split: "split", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick", dsMenuClick: "dsMenuClick", dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsButtonUnfilled, isStandalone: true, selector: "ds-button-unfilled", inputs: { activeFill: "activeFill", ariaLabel: "ariaLabel", background: "background", collapseLabel: "collapseLabel", controls: "controls", dot: "dot", expanded: "expanded", focusTabIndex: "focusTabIndex", hasBorder: "hasBorder", hasMenu: "hasMenu", haspopup: "haspopup", icon: "icon", insetDepth: "insetDepth", isActive: "isActive", isInactive: "isInactive", isInset: "isInset", isLoading: "isLoading", label: "label", labelEmphasis: "labelEmphasis", menuAriaLabel: "menuAriaLabel", pressScale: "pressScale", pressed: "pressed", rounded: "rounded", size: "size", split: "split", surfaceOpen: "surfaceOpen", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick", dsMenuClick: "dsMenuClick", dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsButtonUnfilled = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsButtonUnfilled,
-        inputs: ['activeFill', 'ariaLabel', 'background', 'collapseLabel', 'controls', 'dot', 'expanded', 'focusTabIndex', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'isActive', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'pressed', 'rounded', 'size', 'split', 'type', 'variant', 'width'],
+        inputs: ['activeFill', 'ariaLabel', 'background', 'collapseLabel', 'controls', 'dot', 'expanded', 'focusTabIndex', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'isActive', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'pressed', 'rounded', 'size', 'split', 'surfaceOpen', 'type', 'variant', 'width'],
         methods: ['setFocus']
     })
 ], DsButtonUnfilled);
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeFill', 'ariaLabel', 'background', 'collapseLabel', 'controls', 'dot', 'expanded', 'focusTabIndex', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'isActive', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'pressed', 'rounded', 'size', 'split', 'type', 'variant', 'width'],
+                    inputs: ['activeFill', 'ariaLabel', 'background', 'collapseLabel', 'controls', 'dot', 'expanded', 'focusTabIndex', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'isActive', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'pressed', 'rounded', 'size', 'split', 'surfaceOpen', 'type', 'variant', 'width'],
                     outputs: ['dsClick', 'dsMenuClick', 'dsChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{

package/dist/angular/ds-card-navigation.d.ts

@@ -0,0 +1,20 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsCardNavigationCustomEvent } from '@ds-mo/ui/components';
+import type { CardNavigationDetail as IDsCardNavigationCardNavigationDetail } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsCardNavigation {
+    protected z: NgZone;
+    protected el: HTMLDsCardNavigationElement;
+    dsNavigate: EventEmitter<DsCardNavigationCustomEvent<IDsCardNavigationCardNavigationDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsCardNavigation, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardNavigation, "ds-card-navigation", never, { "cardWidth": { "alias": "cardWidth"; "required": false; }; "description": { "alias": "description"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "href": { "alias": "href"; "required": true; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsNavigate": "dsNavigate"; }, never, ["*"], true, never>;
+}
+export declare interface DsCardNavigation extends Components.DsCardNavigation {
+    /**
+     * Emits before native navigation. Prevent this event to take over routing;
+  the component will then prevent the original link navigation.
+     */
+    dsNavigate: EventEmitter<DsCardNavigationCustomEvent<IDsCardNavigationCardNavigationDetail>>;
+}

package/dist/angular/ds-card-navigation.js

@@ -0,0 +1,42 @@
+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 defineDsCardNavigation } from '@ds-mo/ui/components/ds-card-navigation.js';
+import * as i0 from "@angular/core";
+let DsCardNavigation = class DsCardNavigation {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsNavigate = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsCardNavigation, 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.1.0", type: DsCardNavigation, isStandalone: true, selector: "ds-card-navigation", inputs: { cardWidth: "cardWidth", description: "description", heading: "heading", href: "href", variant: "variant" }, outputs: { dsNavigate: "dsNavigate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCardNavigation = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsCardNavigation,
+        inputs: ['cardWidth', 'description', 'heading', 'href', 'variant']
+    })
+], DsCardNavigation);
+export { DsCardNavigation };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsCardNavigation, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card-navigation',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['cardWidth', 'description', { name: 'heading', required: true }, { name: 'href', required: true }, 'variant'],
+                    outputs: ['dsNavigate'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsNavigate: [{
+                type: Output
+            }] } });

package/dist/angular/ds-card-settings-scope.d.ts

@@ -0,0 +1,19 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsCardSettingsScopeCustomEvent } from '@ds-mo/ui/components';
+import type { SettingsScopeRequest as IDsCardSettingsScopeSettingsScopeRequest } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsCardSettingsScope {
+    protected z: NgZone;
+    protected el: HTMLDsCardSettingsScopeElement;
+    dsScopeRequest: EventEmitter<DsCardSettingsScopeCustomEvent<IDsCardSettingsScopeSettingsScopeRequest>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsCardSettingsScope, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardSettingsScope, "ds-card-settings-scope", never, { "areaControls": { "alias": "areaControls"; "required": false; }; "areaExpanded": { "alias": "areaExpanded"; "required": false; }; "areaLabel": { "alias": "areaLabel"; "required": false; }; "forLabel": { "alias": "forLabel"; "required": false; }; "managingLabel": { "alias": "managingLabel"; "required": false; }; "profileControls": { "alias": "profileControls"; "required": false; }; "profileExpanded": { "alias": "profileExpanded"; "required": false; }; "profileLabel": { "alias": "profileLabel"; "required": false; }; "profilePopup": { "alias": "profilePopup"; "required": false; }; "scopeLabel": { "alias": "scopeLabel"; "required": false; }; }, { "dsScopeRequest": "dsScopeRequest"; }, never, ["*"], true, never>;
+}
+export declare interface DsCardSettingsScope extends Components.DsCardSettingsScope {
+    /**
+     * Requests a popup; the owner supplies choices, open state, and selection.
+     */
+    dsScopeRequest: EventEmitter<DsCardSettingsScopeCustomEvent<IDsCardSettingsScopeSettingsScopeRequest>>;
+}

package/dist/angular/ds-card-settings-scope.js

@@ -0,0 +1,42 @@
+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 defineDsCardSettingsScope } from '@ds-mo/ui/components/ds-card-settings-scope.js';
+import * as i0 from "@angular/core";
+let DsCardSettingsScope = class DsCardSettingsScope {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsScopeRequest = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsCardSettingsScope, 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.1.0", type: DsCardSettingsScope, isStandalone: true, selector: "ds-card-settings-scope", inputs: { areaControls: "areaControls", areaExpanded: "areaExpanded", areaLabel: "areaLabel", forLabel: "forLabel", managingLabel: "managingLabel", profileControls: "profileControls", profileExpanded: "profileExpanded", profileLabel: "profileLabel", profilePopup: "profilePopup", scopeLabel: "scopeLabel" }, outputs: { dsScopeRequest: "dsScopeRequest" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCardSettingsScope = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsCardSettingsScope,
+        inputs: ['areaControls', 'areaExpanded', 'areaLabel', 'forLabel', 'managingLabel', 'profileControls', 'profileExpanded', 'profileLabel', 'profilePopup', 'scopeLabel']
+    })
+], DsCardSettingsScope);
+export { DsCardSettingsScope };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsCardSettingsScope, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card-settings-scope',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['areaControls', 'areaExpanded', 'areaLabel', 'forLabel', 'managingLabel', 'profileControls', 'profileExpanded', 'profileLabel', 'profilePopup', 'scopeLabel'],
+                    outputs: ['dsScopeRequest'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsScopeRequest: [{
+                type: Output
+            }] } });

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

@@ -14,7 +14,7 @@ export declare class DsMenu {
     dsReorder: EventEmitter<DsMenuCustomEvent<IDsMenuMenuReorderDetail>>;
     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; }; "boundary": { "alias": "boundary"; "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; }; "size": { "alias": "size"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; "dsSelect": "dsSelect"; "dsSwatchSelect": "dsSwatchSelect"; "dsReorder": "dsReorder"; }, 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; }; "boundary": { "alias": "boundary"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "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; }; "size": { "alias": "size"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; "dsSelect": "dsSelect"; "dsSwatchSelect": "dsSwatchSelect"; "dsReorder": "dsReorder"; }, never, ["*"], true, never>;
 }
 export declare interface DsMenu extends Components.DsMenu {
     dsClose: EventEmitter<DsMenuCustomEvent<void>>;

package/dist/angular/ds-menu.js

@@ -22,12 +22,12 @@ let DsMenu = class DsMenu {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", 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.1.0", type: DsMenu, isStandalone: true, selector: "ds-menu", inputs: { align: "align", alignOffset: "alignOffset", anchor: "anchor", anchorAlignment: "anchorAlignment", anchorId: "anchorId", boundary: "boundary", initialFocusVisible: "initialFocusVisible", items: "items", menuLabel: "menuLabel", menuWidth: "menuWidth", minWidth: "minWidth", open: "open", sections: "sections", selectionMode: "selectionMode", side: "side", sideOffset: "sideOffset", size: "size" }, outputs: { dsClose: "dsClose", dsAfterClose: "dsAfterClose", dsSelect: "dsSelect", dsSwatchSelect: "dsSwatchSelect", dsReorder: "dsReorder" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsMenu, isStandalone: true, selector: "ds-menu", inputs: { align: "align", alignOffset: "alignOffset", anchor: "anchor", anchorAlignment: "anchorAlignment", anchorId: "anchorId", boundary: "boundary", emptyMessage: "emptyMessage", initialFocusVisible: "initialFocusVisible", items: "items", menuLabel: "menuLabel", menuWidth: "menuWidth", minWidth: "minWidth", open: "open", sections: "sections", selectionMode: "selectionMode", side: "side", sideOffset: "sideOffset", size: "size" }, outputs: { dsClose: "dsClose", dsAfterClose: "dsAfterClose", dsSelect: "dsSelect", dsSwatchSelect: "dsSwatchSelect", dsReorder: "dsReorder" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMenu = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsMenu,
-        inputs: ['align', 'alignOffset', 'anchor', 'anchorAlignment', 'anchorId', 'boundary', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'selectionMode', 'side', 'sideOffset', 'size']
+        inputs: ['align', 'alignOffset', 'anchor', 'anchorAlignment', 'anchorId', 'boundary', 'emptyMessage', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'selectionMode', 'side', 'sideOffset', 'size']
     })
 ], DsMenu);
 export { DsMenu };
@@ -38,7 +38,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", 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', 'boundary', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'selectionMode', 'side', 'sideOffset', 'size'],
+                    inputs: ['align', 'alignOffset', 'anchor', 'anchorAlignment', 'anchorId', 'boundary', 'emptyMessage', 'initialFocusVisible', 'items', 'menuLabel', 'menuWidth', 'minWidth', 'open', 'sections', 'selectionMode', 'side', 'sideOffset', 'size'],
                     outputs: ['dsClose', 'dsAfterClose', 'dsSelect', 'dsSwatchSelect', 'dsReorder'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClose: [{

package/dist/angular/ds-mobile-bar-nav.d.ts

@@ -10,7 +10,7 @@ export declare class DsMobileBarNav {
     dsDestinationChange: EventEmitter<DsMobileBarNavCustomEvent<IDsMobileBarNavMobileBarNavDestinationDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsMobileBarNav, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileBarNav, "ds-mobile-bar-nav", never, { "activeDestination": { "alias": "activeDestination"; "required": false; }; "activityDot": { "alias": "activityDot"; "required": false; }; "activityLabel": { "alias": "activityLabel"; "required": false; }; "activityMode": { "alias": "activityMode"; "required": false; }; "agentsDot": { "alias": "agentsDot"; "required": false; }; "agentsLabel": { "alias": "agentsLabel"; "required": false; }; "currentArea": { "alias": "currentArea"; "required": false; }; "helpLabel": { "alias": "helpLabel"; "required": false; }; "inboxDot": { "alias": "inboxDot"; "required": false; }; "inboxLabel": { "alias": "inboxLabel"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "messagesDot": { "alias": "messagesDot"; "required": false; }; "messagesLabel": { "alias": "messagesLabel"; "required": false; }; "searchDot": { "alias": "searchDot"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "sheetNavExpanded": { "alias": "sheetNavExpanded"; "required": false; }; }, { "dsSheetNavToggle": "dsSheetNavToggle"; "dsDestinationChange": "dsDestinationChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileBarNav, "ds-mobile-bar-nav", never, { "activeDestination": { "alias": "activeDestination"; "required": false; }; "activityDot": { "alias": "activityDot"; "required": false; }; "activityLabel": { "alias": "activityLabel"; "required": false; }; "activityMode": { "alias": "activityMode"; "required": false; }; "agentsDot": { "alias": "agentsDot"; "required": false; }; "agentsLabel": { "alias": "agentsLabel"; "required": false; }; "currentArea": { "alias": "currentArea"; "required": false; }; "helpLabel": { "alias": "helpLabel"; "required": false; }; "inboxDot": { "alias": "inboxDot"; "required": false; }; "inboxLabel": { "alias": "inboxLabel"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "messagesDot": { "alias": "messagesDot"; "required": false; }; "messagesLabel": { "alias": "messagesLabel"; "required": false; }; "primaryDestination": { "alias": "primaryDestination"; "required": false; }; "searchDot": { "alias": "searchDot"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "sheetNavExpanded": { "alias": "sheetNavExpanded"; "required": false; }; }, { "dsSheetNavToggle": "dsSheetNavToggle"; "dsDestinationChange": "dsDestinationChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsMobileBarNav extends Components.DsMobileBarNav {
     dsSheetNavToggle: EventEmitter<DsMobileBarNavCustomEvent<boolean>>;

package/dist/angular/ds-mobile-bar-nav.js

@@ -19,12 +19,12 @@ let DsMobileBarNav = class DsMobileBarNav {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsMobileBarNav, 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.1.0", type: DsMobileBarNav, isStandalone: true, selector: "ds-mobile-bar-nav", inputs: { activeDestination: "activeDestination", activityDot: "activityDot", activityLabel: "activityLabel", activityMode: "activityMode", agentsDot: "agentsDot", agentsLabel: "agentsLabel", currentArea: "currentArea", helpLabel: "helpLabel", inboxDot: "inboxDot", inboxLabel: "inboxLabel", menuLabel: "menuLabel", messagesDot: "messagesDot", messagesLabel: "messagesLabel", searchDot: "searchDot", searchLabel: "searchLabel", sheetNavExpanded: "sheetNavExpanded" }, outputs: { dsSheetNavToggle: "dsSheetNavToggle", dsDestinationChange: "dsDestinationChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsMobileBarNav, isStandalone: true, selector: "ds-mobile-bar-nav", inputs: { activeDestination: "activeDestination", activityDot: "activityDot", activityLabel: "activityLabel", activityMode: "activityMode", agentsDot: "agentsDot", agentsLabel: "agentsLabel", currentArea: "currentArea", helpLabel: "helpLabel", inboxDot: "inboxDot", inboxLabel: "inboxLabel", menuLabel: "menuLabel", messagesDot: "messagesDot", messagesLabel: "messagesLabel", primaryDestination: "primaryDestination", searchDot: "searchDot", searchLabel: "searchLabel", sheetNavExpanded: "sheetNavExpanded" }, outputs: { dsSheetNavToggle: "dsSheetNavToggle", dsDestinationChange: "dsDestinationChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMobileBarNav = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsMobileBarNav,
-        inputs: ['activeDestination', 'activityDot', 'activityLabel', 'activityMode', 'agentsDot', 'agentsLabel', 'currentArea', 'helpLabel', 'inboxDot', 'inboxLabel', 'menuLabel', 'messagesDot', 'messagesLabel', 'searchDot', 'searchLabel', 'sheetNavExpanded'],
+        inputs: ['activeDestination', 'activityDot', 'activityLabel', 'activityMode', 'agentsDot', 'agentsLabel', 'currentArea', 'helpLabel', 'inboxDot', 'inboxLabel', 'menuLabel', 'messagesDot', 'messagesLabel', 'primaryDestination', 'searchDot', 'searchLabel', 'sheetNavExpanded'],
         methods: ['focusDestination']
     })
 ], DsMobileBarNav);
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeDestination', 'activityDot', 'activityLabel', 'activityMode', 'agentsDot', 'agentsLabel', 'currentArea', 'helpLabel', 'inboxDot', 'inboxLabel', 'menuLabel', 'messagesDot', 'messagesLabel', 'searchDot', 'searchLabel', 'sheetNavExpanded'],
+                    inputs: ['activeDestination', 'activityDot', 'activityLabel', 'activityMode', 'agentsDot', 'agentsLabel', 'currentArea', 'helpLabel', 'inboxDot', 'inboxLabel', 'menuLabel', 'messagesDot', 'messagesLabel', 'primaryDestination', 'searchDot', 'searchLabel', 'sheetNavExpanded'],
                     outputs: ['dsSheetNavToggle', 'dsDestinationChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsSheetNavToggle: [{

package/dist/angular/ds-mobile-header.d.ts

@@ -9,7 +9,7 @@ export declare class DsMobileHeader {
     dsSubsectionChange: EventEmitter<DsMobileHeaderCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsMobileHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileHeader, "ds-mobile-header", never, { "heading": { "alias": "heading"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "sectionsAriaLabel": { "alias": "sectionsAriaLabel"; "required": false; }; "sectionsPresentation": { "alias": "sectionsPresentation"; "required": false; }; "sectionsSize": { "alias": "sectionsSize"; "required": false; }; "subsections": { "alias": "subsections"; "required": false; }; "subsectionsAriaLabel": { "alias": "subsectionsAriaLabel"; "required": false; }; "subvalue": { "alias": "subvalue"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsSectionChange": "dsSectionChange"; "dsSubsectionChange": "dsSubsectionChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileHeader, "ds-mobile-header", never, { "heading": { "alias": "heading"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "sectionsAriaLabel": { "alias": "sectionsAriaLabel"; "required": false; }; "sectionsPresentation": { "alias": "sectionsPresentation"; "required": false; }; "sectionsSize": { "alias": "sectionsSize"; "required": false; }; "subsections": { "alias": "subsections"; "required": false; }; "subsectionsAriaLabel": { "alias": "subsectionsAriaLabel"; "required": false; }; "subsectionsPlacement": { "alias": "subsectionsPlacement"; "required": false; }; "subvalue": { "alias": "subvalue"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsSectionChange": "dsSectionChange"; "dsSubsectionChange": "dsSubsectionChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsMobileHeader extends Components.DsMobileHeader {
     /**

package/dist/angular/ds-mobile-header.js

@@ -19,12 +19,12 @@ let DsMobileHeader = class DsMobileHeader {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsMobileHeader, 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.1.0", type: DsMobileHeader, isStandalone: true, selector: "ds-mobile-header", inputs: { heading: "heading", headingLevel: "headingLevel", sections: "sections", sectionsAriaLabel: "sectionsAriaLabel", sectionsPresentation: "sectionsPresentation", sectionsSize: "sectionsSize", subsections: "subsections", subsectionsAriaLabel: "subsectionsAriaLabel", subvalue: "subvalue", tone: "tone", value: "value" }, outputs: { dsSectionChange: "dsSectionChange", dsSubsectionChange: "dsSubsectionChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsMobileHeader, isStandalone: true, selector: "ds-mobile-header", inputs: { heading: "heading", headingLevel: "headingLevel", sections: "sections", sectionsAriaLabel: "sectionsAriaLabel", sectionsPresentation: "sectionsPresentation", sectionsSize: "sectionsSize", subsections: "subsections", subsectionsAriaLabel: "subsectionsAriaLabel", subsectionsPlacement: "subsectionsPlacement", subvalue: "subvalue", tone: "tone", value: "value" }, outputs: { dsSectionChange: "dsSectionChange", dsSubsectionChange: "dsSubsectionChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMobileHeader = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsMobileHeader,
-        inputs: ['heading', 'headingLevel', 'sections', 'sectionsAriaLabel', 'sectionsPresentation', 'sectionsSize', 'subsections', 'subsectionsAriaLabel', 'subvalue', 'tone', 'value']
+        inputs: ['heading', 'headingLevel', 'sections', 'sectionsAriaLabel', 'sectionsPresentation', 'sectionsSize', 'subsections', 'subsectionsAriaLabel', 'subsectionsPlacement', 'subvalue', 'tone', 'value']
     })
 ], DsMobileHeader);
 export { DsMobileHeader };
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['heading', 'headingLevel', 'sections', 'sectionsAriaLabel', 'sectionsPresentation', 'sectionsSize', 'subsections', 'subsectionsAriaLabel', 'subvalue', 'tone', 'value'],
+                    inputs: ['heading', 'headingLevel', 'sections', 'sectionsAriaLabel', 'sectionsPresentation', 'sectionsSize', 'subsections', 'subsectionsAriaLabel', 'subsectionsPlacement', 'subvalue', 'tone', 'value'],
                     outputs: ['dsSectionChange', 'dsSubsectionChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsSectionChange: [{

package/dist/angular/ds-mobile-section-switcher.d.ts

@@ -8,7 +8,7 @@ export declare class DsMobileSectionSwitcher {
     dsChange: EventEmitter<DsMobileSectionSwitcherCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsMobileSectionSwitcher, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileSectionSwitcher, "ds-mobile-section-switcher", never, { "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileSectionSwitcher, "ds-mobile-section-switcher", never, { "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "pageLabel": { "alias": "pageLabel"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsMobileSectionSwitcher extends Components.DsMobileSectionSwitcher {
     /**

package/dist/angular/ds-mobile-section-switcher.js

@@ -18,12 +18,12 @@ let DsMobileSectionSwitcher = class DsMobileSectionSwitcher {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsMobileSectionSwitcher, 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.1.0", type: DsMobileSectionSwitcher, isStandalone: true, selector: "ds-mobile-section-switcher", inputs: { navigationLabel: "navigationLabel", sections: "sections", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsMobileSectionSwitcher, isStandalone: true, selector: "ds-mobile-section-switcher", inputs: { navigationLabel: "navigationLabel", pageLabel: "pageLabel", presentation: "presentation", sections: "sections", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMobileSectionSwitcher = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsMobileSectionSwitcher,
-        inputs: ['navigationLabel', 'sections', 'value']
+        inputs: ['navigationLabel', 'pageLabel', 'presentation', 'sections', 'value']
     })
 ], DsMobileSectionSwitcher);
 export { DsMobileSectionSwitcher };
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['navigationLabel', 'sections', 'value'],
+                    inputs: ['navigationLabel', 'pageLabel', 'presentation', 'sections', 'value'],
                     outputs: ['dsChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

package/dist/angular/ds-mobile-sheet-nav.d.ts

@@ -1,20 +1,26 @@
 import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
 import type { Components } from '@ds-mo/ui/components';
 import type { DsMobileSheetNavCustomEvent } from '@ds-mo/ui/components';
+import type { PanelNavChildSelectDetail as IDsMobileSheetNavPanelNavChildSelectDetail } from '@ds-mo/ui/components';
 import type { NavChromeStyle as IDsMobileSheetNavNavChromeStyle } from '@ds-mo/ui/components';
 import * as i0 from "@angular/core";
 export declare class DsMobileSheetNav {
     protected z: NgZone;
     protected el: HTMLDsMobileSheetNavElement;
     dsAreaSelect: EventEmitter<DsMobileSheetNavCustomEvent<string>>;
+    dsNavChildSelect: EventEmitter<DsMobileSheetNavCustomEvent<IDsMobileSheetNavPanelNavChildSelectDetail>>;
     dsBrowseContextChange: EventEmitter<DsMobileSheetNavCustomEvent<IDsMobileSheetNavNavChromeStyle>>;
     dsClose: EventEmitter<DsMobileSheetNavCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsMobileSheetNav, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileSheetNav, "ds-mobile-sheet-nav", never, { "accountLabel": { "alias": "accountLabel"; "required": false; }; "browseContext": { "alias": "browseContext"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "dashboardGroups": { "alias": "dashboardGroups"; "required": false; }; "dashboardLabel": { "alias": "dashboardLabel"; "required": false; }; "helpLabel": { "alias": "helpLabel"; "required": false; }; "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "routeSelectionActive": { "alias": "routeSelectionActive"; "required": false; }; "settingsGroups": { "alias": "settingsGroups"; "required": false; }; "settingsLabel": { "alias": "settingsLabel"; "required": false; }; "showAccount": { "alias": "showAccount"; "required": false; }; }, { "dsAreaSelect": "dsAreaSelect"; "dsBrowseContextChange": "dsBrowseContextChange"; "dsClose": "dsClose"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMobileSheetNav, "ds-mobile-sheet-nav", never, { "accountLabel": { "alias": "accountLabel"; "required": false; }; "browseContext": { "alias": "browseContext"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "dashboardGroups": { "alias": "dashboardGroups"; "required": false; }; "dashboardLabel": { "alias": "dashboardLabel"; "required": false; }; "helpLabel": { "alias": "helpLabel"; "required": false; }; "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "routeSelectionActive": { "alias": "routeSelectionActive"; "required": false; }; "settingsGroups": { "alias": "settingsGroups"; "required": false; }; "settingsLabel": { "alias": "settingsLabel"; "required": false; }; "showAccount": { "alias": "showAccount"; "required": false; }; }, { "dsAreaSelect": "dsAreaSelect"; "dsNavChildSelect": "dsNavChildSelect"; "dsBrowseContextChange": "dsBrowseContextChange"; "dsClose": "dsClose"; }, never, ["*"], true, never>;
 }
 export declare interface DsMobileSheetNav extends Components.DsMobileSheetNav {
     dsAreaSelect: EventEmitter<DsMobileSheetNavCustomEvent<string>>;
+    /**
+     * Selecting a child requests routing; expanding its parent never navigates.
+     */
+    dsNavChildSelect: EventEmitter<DsMobileSheetNavCustomEvent<IDsMobileSheetNavPanelNavChildSelectDetail>>;
     dsBrowseContextChange: EventEmitter<DsMobileSheetNavCustomEvent<IDsMobileSheetNavNavChromeStyle>>;
     dsClose: EventEmitter<DsMobileSheetNavCustomEvent<void>>;
 }

package/dist/angular/ds-mobile-sheet-nav.js

@@ -14,18 +14,19 @@ let DsMobileSheetNav = class DsMobileSheetNav {
     constructor(c, r, z) {
         this.z = z;
         this.dsAreaSelect = new EventEmitter();
+        this.dsNavChildSelect = new EventEmitter();
         this.dsBrowseContextChange = new EventEmitter();
         this.dsClose = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsMobileSheetNav, 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.1.0", type: DsMobileSheetNav, isStandalone: true, selector: "ds-mobile-sheet-nav", inputs: { accountLabel: "accountLabel", browseContext: "browseContext", currentUrl: "currentUrl", dashboardGroups: "dashboardGroups", dashboardLabel: "dashboardLabel", helpLabel: "helpLabel", navigationLabel: "navigationLabel", open: "open", routeSelectionActive: "routeSelectionActive", settingsGroups: "settingsGroups", settingsLabel: "settingsLabel", showAccount: "showAccount" }, outputs: { dsAreaSelect: "dsAreaSelect", dsBrowseContextChange: "dsBrowseContextChange", dsClose: "dsClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsMobileSheetNav, isStandalone: true, selector: "ds-mobile-sheet-nav", inputs: { accountLabel: "accountLabel", browseContext: "browseContext", currentUrl: "currentUrl", dashboardGroups: "dashboardGroups", dashboardLabel: "dashboardLabel", helpLabel: "helpLabel", navigationLabel: "navigationLabel", open: "open", presentation: "presentation", routeSelectionActive: "routeSelectionActive", settingsGroups: "settingsGroups", settingsLabel: "settingsLabel", showAccount: "showAccount" }, outputs: { dsAreaSelect: "dsAreaSelect", dsNavChildSelect: "dsNavChildSelect", dsBrowseContextChange: "dsBrowseContextChange", dsClose: "dsClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsMobileSheetNav = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsMobileSheetNav,
-        inputs: ['accountLabel', 'browseContext', 'currentUrl', 'dashboardGroups', 'dashboardLabel', 'helpLabel', 'navigationLabel', 'open', 'routeSelectionActive', 'settingsGroups', 'settingsLabel', 'showAccount']
+        inputs: ['accountLabel', 'browseContext', 'currentUrl', 'dashboardGroups', 'dashboardLabel', 'helpLabel', 'navigationLabel', 'open', 'presentation', 'routeSelectionActive', 'settingsGroups', 'settingsLabel', 'showAccount']
     })
 ], DsMobileSheetNav);
 export { DsMobileSheetNav };
@@ -36,11 +37,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accountLabel', 'browseContext', 'currentUrl', 'dashboardGroups', 'dashboardLabel', 'helpLabel', 'navigationLabel', 'open', 'routeSelectionActive', 'settingsGroups', 'settingsLabel', 'showAccount'],
-                    outputs: ['dsAreaSelect', 'dsBrowseContextChange', 'dsClose'],
+                    inputs: ['accountLabel', 'browseContext', 'currentUrl', 'dashboardGroups', 'dashboardLabel', 'helpLabel', 'navigationLabel', 'open', 'presentation', 'routeSelectionActive', 'settingsGroups', 'settingsLabel', 'showAccount'],
+                    outputs: ['dsAreaSelect', 'dsNavChildSelect', 'dsBrowseContextChange', 'dsClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsAreaSelect: [{
                 type: Output
+            }], dsNavChildSelect: [{
+                type: Output
             }], dsBrowseContextChange: [{
                 type: Output
             }], dsClose: [{

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

@@ -17,7 +17,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; }; "accountMenuExpanded": { "alias": "accountMenuExpanded"; "required": false; }; "activeChildId": { "alias": "activeChildId"; "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; }; "presentation": { "alias": "presentation"; "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"; "dsNavChildSelect": "dsNavChildSelect"; "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; }; "accountMenuSurfaceOpen": { "alias": "accountMenuSurfaceOpen"; "required": false; }; "activeChildId": { "alias": "activeChildId"; "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; }; "presentation": { "alias": "presentation"; "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"; "dsNavChildSelect": "dsNavChildSelect"; "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

@@ -24,12 +24,12 @@ let DsPanelNav = class DsPanelNav {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", 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.1.0", type: DsPanelNav, isStandalone: true, selector: "ds-panel-nav", inputs: { accountLabel: "accountLabel", accountMenuExpanded: "accountMenuExpanded", activeChildId: "activeChildId", activeId: "activeId", breakpoint: "breakpoint", collapseNavigationLabel: "collapseNavigationLabel", collapsed: "collapsed", currentUrl: "currentUrl", dashboardLabel: "dashboardLabel", dashboardNavigationLabel: "dashboardNavigationLabel", disableViewTransition: "disableViewTransition", expandNavigationLabel: "expandNavigationLabel", groups: "groups", navStyle: "navStyle", navigationItemsLabel: "navigationItemsLabel", presentation: "presentation", routerMode: "routerMode", settingsLabel: "settingsLabel", settingsNavigationLabel: "settingsNavigationLabel", storageKey: "storageKey", userInitial: "userInitial", userName: "userName" }, outputs: { dsNavSelect: "dsNavSelect", dsNavChildSelect: "dsNavChildSelect", 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.1.0", type: DsPanelNav, isStandalone: true, selector: "ds-panel-nav", inputs: { accountLabel: "accountLabel", accountMenuExpanded: "accountMenuExpanded", accountMenuSurfaceOpen: "accountMenuSurfaceOpen", activeChildId: "activeChildId", activeId: "activeId", breakpoint: "breakpoint", collapseNavigationLabel: "collapseNavigationLabel", collapsed: "collapsed", currentUrl: "currentUrl", dashboardLabel: "dashboardLabel", dashboardNavigationLabel: "dashboardNavigationLabel", disableViewTransition: "disableViewTransition", expandNavigationLabel: "expandNavigationLabel", groups: "groups", navStyle: "navStyle", navigationItemsLabel: "navigationItemsLabel", presentation: "presentation", routerMode: "routerMode", settingsLabel: "settingsLabel", settingsNavigationLabel: "settingsNavigationLabel", storageKey: "storageKey", userInitial: "userInitial", userName: "userName" }, outputs: { dsNavSelect: "dsNavSelect", dsNavChildSelect: "dsNavChildSelect", 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', 'accountMenuExpanded', 'activeChildId', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'presentation', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
+        inputs: ['accountLabel', 'accountMenuExpanded', 'accountMenuSurfaceOpen', 'activeChildId', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'presentation', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
         methods: ['toggleCollapsed']
     })
 ], DsPanelNav);
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accountLabel', 'accountMenuExpanded', 'activeChildId', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'presentation', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
+                    inputs: ['accountLabel', 'accountMenuExpanded', 'accountMenuSurfaceOpen', 'activeChildId', 'activeId', 'breakpoint', 'collapseNavigationLabel', 'collapsed', 'currentUrl', 'dashboardLabel', 'dashboardNavigationLabel', 'disableViewTransition', 'expandNavigationLabel', 'groups', 'navStyle', 'navigationItemsLabel', 'presentation', 'routerMode', 'settingsLabel', 'settingsNavigationLabel', 'storageKey', 'userInitial', 'userName'],
                     outputs: ['dsNavSelect', 'dsNavChildSelect', '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

@@ -11,7 +11,7 @@ export declare class DsPanelToolHeader {
     dsAction: EventEmitter<DsPanelToolHeaderCustomEvent<IDsPanelToolHeaderPanelToolHeaderActionDetail>>;
     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>;
+    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; }; "menuSurfaceOpen": { "alias": "menuSurfaceOpen"; "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>>;