@ds-mo/ui 12.2.0 → 12.4.0

package/dist/angular/ds-bar-title.d.ts

@@ -1,22 +1,28 @@
 import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
 import type { Components } from '@ds-mo/ui/components';
 import type { DsBarTitleCustomEvent } from '@ds-mo/ui/components';
+import type { BreadcrumbSelectDetail as IDsBarTitleBreadcrumbSelectDetail } from '@ds-mo/ui/components';
 import * as i0 from "@angular/core";
 export declare class DsBarTitle {
     protected z: NgZone;
     protected el: HTMLDsBarTitleElement;
     dsBack: EventEmitter<DsBarTitleCustomEvent<MouseEvent>>;
+    dsBreadcrumbSelect: EventEmitter<DsBarTitleCustomEvent<IDsBarTitleBreadcrumbSelectDetail>>;
     dsSectionChange: EventEmitter<DsBarTitleCustomEvent<string>>;
     dsAction: EventEmitter<DsBarTitleCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsBarTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsBarTitle, "ds-bar-title", never, { "actions": { "alias": "actions"; "required": false; }; "actionsAriaLabel": { "alias": "actionsAriaLabel"; "required": false; }; "backAriaLabel": { "alias": "backAriaLabel"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "description": { "alias": "description"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "primaryAction": { "alias": "primaryAction"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "sectionsAriaLabel": { "alias": "sectionsAriaLabel"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsBack": "dsBack"; "dsSectionChange": "dsSectionChange"; "dsAction": "dsAction"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsBarTitle, "ds-bar-title", never, { "actions": { "alias": "actions"; "required": false; }; "actionsAriaLabel": { "alias": "actionsAriaLabel"; "required": false; }; "backAriaLabel": { "alias": "backAriaLabel"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "breadcrumbAriaLabel": { "alias": "breadcrumbAriaLabel"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "description": { "alias": "description"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "primaryAction": { "alias": "primaryAction"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "sectionsAriaLabel": { "alias": "sectionsAriaLabel"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsBack": "dsBack"; "dsBreadcrumbSelect": "dsBreadcrumbSelect"; "dsSectionChange": "dsSectionChange"; "dsAction": "dsAction"; }, never, ["*"], true, never>;
 }
 export declare interface DsBarTitle extends Components.DsBarTitle {
     /**
      * Emitted when the leading Back action is activated.
      */
     dsBack: EventEmitter<DsBarTitleCustomEvent<MouseEvent>>;
+    /**
+     * Emitted when an authored expanded breadcrumb item is activated.
+     */
+    dsBreadcrumbSelect: EventEmitter<DsBarTitleCustomEvent<IDsBarTitleBreadcrumbSelectDetail>>;
     /**
      * Emitted with the newly selected page-section id.
      */

package/dist/angular/ds-bar-title.js

@@ -14,18 +14,19 @@ let DsBarTitle = class DsBarTitle {
     constructor(c, r, z) {
         this.z = z;
         this.dsBack = new EventEmitter();
+        this.dsBreadcrumbSelect = new EventEmitter();
         this.dsSectionChange = new EventEmitter();
         this.dsAction = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsBarTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsBarTitle, isStandalone: true, selector: "ds-bar-title", inputs: { actions: "actions", actionsAriaLabel: "actionsAriaLabel", backAriaLabel: "backAriaLabel", backLabel: "backLabel", description: "description", heading: "heading", primaryAction: "primaryAction", sections: "sections", sectionsAriaLabel: "sectionsAriaLabel", showBack: "showBack", value: "value", variant: "variant" }, outputs: { dsBack: "dsBack", dsSectionChange: "dsSectionChange", dsAction: "dsAction" }, 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.7", type: DsBarTitle, isStandalone: true, selector: "ds-bar-title", inputs: { actions: "actions", actionsAriaLabel: "actionsAriaLabel", backAriaLabel: "backAriaLabel", backLabel: "backLabel", breadcrumbAriaLabel: "breadcrumbAriaLabel", breadcrumbs: "breadcrumbs", description: "description", heading: "heading", primaryAction: "primaryAction", sections: "sections", sectionsAriaLabel: "sectionsAriaLabel", showBack: "showBack", value: "value", variant: "variant" }, outputs: { dsBack: "dsBack", dsBreadcrumbSelect: "dsBreadcrumbSelect", dsSectionChange: "dsSectionChange", dsAction: "dsAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsBarTitle = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsBarTitle,
-        inputs: ['actions', 'actionsAriaLabel', 'backAriaLabel', 'backLabel', 'description', 'heading', 'primaryAction', 'sections', 'sectionsAriaLabel', 'showBack', 'value', 'variant']
+        inputs: ['actions', 'actionsAriaLabel', 'backAriaLabel', 'backLabel', 'breadcrumbAriaLabel', 'breadcrumbs', 'description', 'heading', 'primaryAction', 'sections', 'sectionsAriaLabel', 'showBack', 'value', 'variant']
     })
 ], DsBarTitle);
 export { DsBarTitle };
@@ -36,11 +37,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['actions', 'actionsAriaLabel', 'backAriaLabel', 'backLabel', 'description', { name: 'heading', required: true }, 'primaryAction', 'sections', 'sectionsAriaLabel', 'showBack', 'value', 'variant'],
-                    outputs: ['dsBack', 'dsSectionChange', 'dsAction'],
+                    inputs: ['actions', 'actionsAriaLabel', 'backAriaLabel', 'backLabel', 'breadcrumbAriaLabel', 'breadcrumbs', 'description', { name: 'heading', required: true }, 'primaryAction', 'sections', 'sectionsAriaLabel', 'showBack', 'value', 'variant'],
+                    outputs: ['dsBack', 'dsBreadcrumbSelect', 'dsSectionChange', 'dsAction'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsBack: [{
                 type: Output
+            }], dsBreadcrumbSelect: [{
+                type: Output
             }], dsSectionChange: [{
                 type: Output
             }], dsAction: [{

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

@@ -0,0 +1,19 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsBreadcrumbCustomEvent } from '@ds-mo/ui/components';
+import type { BreadcrumbSelectDetail as IDsBreadcrumbBreadcrumbSelectDetail } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsBreadcrumb {
+    protected z: NgZone;
+    protected el: HTMLDsBreadcrumbElement;
+    dsSelect: EventEmitter<DsBreadcrumbCustomEvent<IDsBreadcrumbBreadcrumbSelectDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsBreadcrumb, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsBreadcrumb, "ds-breadcrumb", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "dsSelect": "dsSelect"; }, never, ["*"], true, never>;
+}
+export declare interface DsBreadcrumb extends Components.DsBreadcrumb {
+    /**
+     * Emitted when an interactive breadcrumb item is activated. Prevent to cancel native navigation.
+     */
+    dsSelect: EventEmitter<DsBreadcrumbCustomEvent<IDsBreadcrumbBreadcrumbSelectDetail>>;
+}

package/dist/angular/ds-breadcrumb.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 defineDsBreadcrumb } from '@ds-mo/ui/components/ds-breadcrumb.js';
+import * as i0 from "@angular/core";
+let DsBreadcrumb = class DsBreadcrumb {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsSelect = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsBreadcrumb, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsBreadcrumb, isStandalone: true, selector: "ds-breadcrumb", inputs: { ariaLabel: "ariaLabel", items: "items" }, outputs: { dsSelect: "dsSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsBreadcrumb = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsBreadcrumb,
+        inputs: ['ariaLabel', 'items']
+    })
+], DsBreadcrumb);
+export { DsBreadcrumb };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsBreadcrumb, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-breadcrumb',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['ariaLabel', 'items'],
+                    outputs: ['dsSelect'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsSelect: [{
+                type: Output
+            }] } });

package/dist/angular/ds-card-data-viz-bar.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsCardDataVizBarCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsCardDataVizBar {
+    protected z: NgZone;
+    protected el: HTMLDsCardDataVizBarElement;
+    dsFilterClick: EventEmitter<DsCardDataVizBarCustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsCardDataVizBar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardDataVizBar, "ds-card-data-viz-bar", never, { "cardWidth": { "alias": "cardWidth"; "required": false; }; "filterLabel": { "alias": "filterLabel"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; }, { "dsFilterClick": "dsFilterClick"; }, never, ["*"], true, never>;
+}
+export declare interface DsCardDataVizBar extends Components.DsCardDataVizBar {
+    /**
+     * Emits when the header filter control is activated.
+     */
+    dsFilterClick: EventEmitter<DsCardDataVizBarCustomEvent<void>>;
+}

package/dist/angular/ds-card-data-viz-bar.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 defineDsCardDataVizBar } from '@ds-mo/ui/components/ds-card-data-viz-bar.js';
+import * as i0 from "@angular/core";
+let DsCardDataVizBar = class DsCardDataVizBar {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsFilterClick = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardDataVizBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsCardDataVizBar, isStandalone: true, selector: "ds-card-data-viz-bar", inputs: { cardWidth: "cardWidth", filterLabel: "filterLabel", heading: "heading" }, outputs: { dsFilterClick: "dsFilterClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCardDataVizBar = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsCardDataVizBar,
+        inputs: ['cardWidth', 'filterLabel', 'heading']
+    })
+], DsCardDataVizBar);
+export { DsCardDataVizBar };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardDataVizBar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card-data-viz-bar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['cardWidth', 'filterLabel', { name: 'heading', required: true }],
+                    outputs: ['dsFilterClick'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsFilterClick: [{
+                type: Output
+            }] } });

package/dist/angular/ds-card-data-viz-line.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsCardDataVizLineCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsCardDataVizLine {
+    protected z: NgZone;
+    protected el: HTMLDsCardDataVizLineElement;
+    dsFilterClick: EventEmitter<DsCardDataVizLineCustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsCardDataVizLine, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardDataVizLine, "ds-card-data-viz-line", never, { "cardWidth": { "alias": "cardWidth"; "required": false; }; "filterLabel": { "alias": "filterLabel"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; }, { "dsFilterClick": "dsFilterClick"; }, never, ["*"], true, never>;
+}
+export declare interface DsCardDataVizLine extends Components.DsCardDataVizLine {
+    /**
+     * Emits when the header filter control is activated.
+     */
+    dsFilterClick: EventEmitter<DsCardDataVizLineCustomEvent<void>>;
+}

package/dist/angular/ds-card-data-viz-line.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 defineDsCardDataVizLine } from '@ds-mo/ui/components/ds-card-data-viz-line.js';
+import * as i0 from "@angular/core";
+let DsCardDataVizLine = class DsCardDataVizLine {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsFilterClick = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardDataVizLine, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsCardDataVizLine, isStandalone: true, selector: "ds-card-data-viz-line", inputs: { cardWidth: "cardWidth", filterLabel: "filterLabel", heading: "heading" }, outputs: { dsFilterClick: "dsFilterClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCardDataVizLine = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsCardDataVizLine,
+        inputs: ['cardWidth', 'filterLabel', 'heading']
+    })
+], DsCardDataVizLine);
+export { DsCardDataVizLine };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardDataVizLine, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-card-data-viz-line',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['cardWidth', 'filterLabel', { name: 'heading', required: true }],
+                    outputs: ['dsFilterClick'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsFilterClick: [{
+                type: Output
+            }] } });

package/dist/angular/ds-chart-bar-stacked.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 DsChartBarStacked {
+    protected z: NgZone;
+    protected el: HTMLDsChartBarStackedElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsChartBarStacked, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsChartBarStacked, "ds-chart-bar-stacked", never, { "categories": { "alias": "categories"; "required": false; }; "height": { "alias": "height"; "required": false; }; "series": { "alias": "series"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface DsChartBarStacked extends Components.DsChartBarStacked {
+}

package/dist/angular/ds-chart-bar-stacked.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 defineDsChartBarStacked } from '@ds-mo/ui/components/ds-chart-bar-stacked.js';
+import * as i0 from "@angular/core";
+let DsChartBarStacked = class DsChartBarStacked {
+    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.7", ngImport: i0, type: DsChartBarStacked, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsChartBarStacked, isStandalone: true, selector: "ds-chart-bar-stacked", inputs: { categories: "categories", height: "height", series: "series", variant: "variant", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsChartBarStacked = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsChartBarStacked,
+        inputs: ['categories', 'height', 'series', 'variant', 'width']
+    })
+], DsChartBarStacked);
+export { DsChartBarStacked };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsChartBarStacked, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-chart-bar-stacked',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['categories', 'height', 'series', 'variant', 'width'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/ds-chart-legend.d.ts

@@ -13,7 +13,7 @@ export declare class DsChartLegend {
     }>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsChartLegend, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsChartLegend, "ds-chart-legend", never, { "activeLabel": { "alias": "activeLabel"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "items": { "alias": "items"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "percentageDecimals": { "alias": "percentageDecimals"; "required": false; }; "showPercentage": { "alias": "showPercentage"; "required": false; }; }, { "dsItemHover": "dsItemHover"; "dsItemClick": "dsItemClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsChartLegend, "ds-chart-legend", never, { "activeLabel": { "alias": "activeLabel"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "highlightOnHover": { "alias": "highlightOnHover"; "required": false; }; "items": { "alias": "items"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "percentageDecimals": { "alias": "percentageDecimals"; "required": false; }; "showPercentage": { "alias": "showPercentage"; "required": false; }; }, { "dsItemHover": "dsItemHover"; "dsItemClick": "dsItemClick"; }, never, ["*"], true, never>;
 }
 export declare interface DsChartLegend extends Components.DsChartLegend {
     /**

package/dist/angular/ds-chart-legend.js

@@ -19,12 +19,12 @@ let DsChartLegend = class DsChartLegend {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsChartLegend, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsChartLegend, isStandalone: true, selector: "ds-chart-legend", inputs: { activeLabel: "activeLabel", direction: "direction", items: "items", locale: "locale", percentageDecimals: "percentageDecimals", showPercentage: "showPercentage" }, outputs: { dsItemHover: "dsItemHover", dsItemClick: "dsItemClick" }, 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.7", type: DsChartLegend, isStandalone: true, selector: "ds-chart-legend", inputs: { activeLabel: "activeLabel", direction: "direction", highlightOnHover: "highlightOnHover", items: "items", locale: "locale", percentageDecimals: "percentageDecimals", showPercentage: "showPercentage" }, outputs: { dsItemHover: "dsItemHover", dsItemClick: "dsItemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsChartLegend = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsChartLegend,
-        inputs: ['activeLabel', 'direction', 'items', 'locale', 'percentageDecimals', 'showPercentage']
+        inputs: ['activeLabel', 'direction', 'highlightOnHover', 'items', 'locale', 'percentageDecimals', 'showPercentage']
     })
 ], DsChartLegend);
 export { DsChartLegend };
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeLabel', 'direction', 'items', 'locale', 'percentageDecimals', 'showPercentage'],
+                    inputs: ['activeLabel', 'direction', 'highlightOnHover', 'items', 'locale', 'percentageDecimals', 'showPercentage'],
                     outputs: ['dsItemHover', 'dsItemClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsItemHover: [{

package/dist/angular/ds-shell-app.d.ts

@@ -1,12 +1,23 @@
-import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
 import type { Components } from '@ds-mo/ui/components';
+import type { DsShellAppCustomEvent } from '@ds-mo/ui/components';
+import type { ShellResponsiveMode as IDsShellAppShellResponsiveMode } from '@ds-mo/ui/components';
 import * as i0 from "@angular/core";
 export declare class DsShellApp {
     protected z: NgZone;
     protected el: HTMLDsShellAppElement;
+    dsResponsiveModeChange: EventEmitter<DsShellAppCustomEvent<{
+        mode: IDsShellAppShellResponsiveMode;
+    }>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsShellApp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellApp, "ds-shell-app", never, { "gradientPreset": { "alias": "gradientPreset"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "shortcutsEnabled": { "alias": "shortcutsEnabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellApp, "ds-shell-app", never, { "gradientPreset": { "alias": "gradientPreset"; "required": false; }; "mobileDestination": { "alias": "mobileDestination"; "required": false; }; "mobileNavigationOpen": { "alias": "mobileNavigationOpen"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "shortcutsEnabled": { "alias": "shortcutsEnabled"; "required": false; }; }, { "dsResponsiveModeChange": "dsResponsiveModeChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsShellApp extends Components.DsShellApp {
+    /**
+     * Emitted after crossing the fixed 768px or 1200px shell boundaries.
+     */
+    dsResponsiveModeChange: EventEmitter<DsShellAppCustomEvent<{
+        mode: IDsShellAppShellResponsiveMode;
+    }>>;
 }

package/dist/angular/ds-shell-app.js

@@ -6,23 +6,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 /* tslint:disable */
 /* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
 import { ProxyCmp } from './angular-component-lib/utils.js';
 import { defineCustomElement as defineDsShellApp } from '@ds-mo/ui/components/ds-shell-app.js';
 import * as i0 from "@angular/core";
 let DsShellApp = class DsShellApp {
     constructor(c, r, z) {
         this.z = z;
+        this.dsResponsiveModeChange = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellApp, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsShellApp, isStandalone: true, selector: "ds-shell-app", inputs: { gradientPreset: "gradientPreset", navStyle: "navStyle", shortcutsEnabled: "shortcutsEnabled" }, 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.7", type: DsShellApp, isStandalone: true, selector: "ds-shell-app", inputs: { gradientPreset: "gradientPreset", mobileDestination: "mobileDestination", mobileNavigationOpen: "mobileNavigationOpen", navStyle: "navStyle", shortcutsEnabled: "shortcutsEnabled" }, outputs: { dsResponsiveModeChange: "dsResponsiveModeChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsShellApp = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsShellApp,
-        inputs: ['gradientPreset', 'navStyle', 'shortcutsEnabled']
+        inputs: ['gradientPreset', 'mobileDestination', 'mobileNavigationOpen', 'navStyle', 'shortcutsEnabled']
     })
 ], DsShellApp);
 export { DsShellApp };
@@ -33,6 +34,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['gradientPreset', 'navStyle', 'shortcutsEnabled'],
+                    inputs: ['gradientPreset', 'mobileDestination', 'mobileNavigationOpen', 'navStyle', 'shortcutsEnabled'],
+                    outputs: ['dsResponsiveModeChange'],
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsResponsiveModeChange: [{
+                type: Output
+            }] } });

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

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsShellMobileBarCustomEvent } from '@ds-mo/ui/components';
+import type { ShellMobileBarDestinationDetail as IDsShellMobileBarShellMobileBarDestinationDetail } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsShellMobileBar {
+    protected z: NgZone;
+    protected el: HTMLDsShellMobileBarElement;
+    dsNavigationToggle: EventEmitter<DsShellMobileBarCustomEvent<boolean>>;
+    dsDestinationChange: EventEmitter<DsShellMobileBarCustomEvent<IDsShellMobileBarShellMobileBarDestinationDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsShellMobileBar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellMobileBar, "ds-shell-mobile-bar", never, { "activeDestination": { "alias": "activeDestination"; "required": false; }; "agentsDot": { "alias": "agentsDot"; "required": false; }; "agentsLabel": { "alias": "agentsLabel"; "required": false; }; "currentArea": { "alias": "currentArea"; "required": false; }; "inboxDot": { "alias": "inboxDot"; "required": false; }; "inboxLabel": { "alias": "inboxLabel"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "navigationExpanded": { "alias": "navigationExpanded"; "required": false; }; "searchDot": { "alias": "searchDot"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; }, { "dsNavigationToggle": "dsNavigationToggle"; "dsDestinationChange": "dsDestinationChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsShellMobileBar extends Components.DsShellMobileBar {
+    dsNavigationToggle: EventEmitter<DsShellMobileBarCustomEvent<boolean>>;
+    dsDestinationChange: EventEmitter<DsShellMobileBarCustomEvent<IDsShellMobileBarShellMobileBarDestinationDetail>>;
+}

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

@@ -0,0 +1,46 @@
+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 defineDsShellMobileBar } from '@ds-mo/ui/components/ds-shell-mobile-bar.js';
+import * as i0 from "@angular/core";
+let DsShellMobileBar = class DsShellMobileBar {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsNavigationToggle = new EventEmitter();
+        this.dsDestinationChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellMobileBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsShellMobileBar, isStandalone: true, selector: "ds-shell-mobile-bar", inputs: { activeDestination: "activeDestination", agentsDot: "agentsDot", agentsLabel: "agentsLabel", currentArea: "currentArea", inboxDot: "inboxDot", inboxLabel: "inboxLabel", menuLabel: "menuLabel", navigationExpanded: "navigationExpanded", searchDot: "searchDot", searchLabel: "searchLabel" }, outputs: { dsNavigationToggle: "dsNavigationToggle", dsDestinationChange: "dsDestinationChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsShellMobileBar = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsShellMobileBar,
+        inputs: ['activeDestination', 'agentsDot', 'agentsLabel', 'currentArea', 'inboxDot', 'inboxLabel', 'menuLabel', 'navigationExpanded', 'searchDot', 'searchLabel'],
+        methods: ['focusDestination']
+    })
+], DsShellMobileBar);
+export { DsShellMobileBar };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellMobileBar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-shell-mobile-bar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['activeDestination', 'agentsDot', 'agentsLabel', 'currentArea', 'inboxDot', 'inboxLabel', 'menuLabel', 'navigationExpanded', 'searchDot', 'searchLabel'],
+                    outputs: ['dsNavigationToggle', 'dsDestinationChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsNavigationToggle: [{
+                type: Output
+            }], dsDestinationChange: [{
+                type: Output
+            }] } });

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

@@ -0,0 +1,23 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsShellMobileNavCustomEvent } from '@ds-mo/ui/components';
+import type { NavChromeStyle as IDsShellMobileNavNavChromeStyle } from '@ds-mo/ui/components';
+import type { ShellMobileNavAuxiliaryDetail as IDsShellMobileNavShellMobileNavAuxiliaryDetail } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsShellMobileNav {
+    protected z: NgZone;
+    protected el: HTMLDsShellMobileNavElement;
+    dsAreaSelect: EventEmitter<DsShellMobileNavCustomEvent<string>>;
+    dsBrowseContextChange: EventEmitter<DsShellMobileNavCustomEvent<IDsShellMobileNavNavChromeStyle>>;
+    dsAuxiliarySelect: EventEmitter<DsShellMobileNavCustomEvent<IDsShellMobileNavShellMobileNavAuxiliaryDetail>>;
+    dsClose: EventEmitter<DsShellMobileNavCustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsShellMobileNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellMobileNav, "ds-shell-mobile-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; }; "heading": { "alias": "heading"; "required": false; }; "helpLabel": { "alias": "helpLabel"; "required": false; }; "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "settingsGroups": { "alias": "settingsGroups"; "required": false; }; "settingsLabel": { "alias": "settingsLabel"; "required": false; }; }, { "dsAreaSelect": "dsAreaSelect"; "dsBrowseContextChange": "dsBrowseContextChange"; "dsAuxiliarySelect": "dsAuxiliarySelect"; "dsClose": "dsClose"; }, never, ["*"], true, never>;
+}
+export declare interface DsShellMobileNav extends Components.DsShellMobileNav {
+    dsAreaSelect: EventEmitter<DsShellMobileNavCustomEvent<string>>;
+    dsBrowseContextChange: EventEmitter<DsShellMobileNavCustomEvent<IDsShellMobileNavNavChromeStyle>>;
+    dsAuxiliarySelect: EventEmitter<DsShellMobileNavCustomEvent<IDsShellMobileNavShellMobileNavAuxiliaryDetail>>;
+    dsClose: EventEmitter<DsShellMobileNavCustomEvent<void>>;
+}

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

@@ -0,0 +1,51 @@
+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 defineDsShellMobileNav } from '@ds-mo/ui/components/ds-shell-mobile-nav.js';
+import * as i0 from "@angular/core";
+let DsShellMobileNav = class DsShellMobileNav {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsAreaSelect = new EventEmitter();
+        this.dsBrowseContextChange = new EventEmitter();
+        this.dsAuxiliarySelect = new EventEmitter();
+        this.dsClose = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellMobileNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsShellMobileNav, isStandalone: true, selector: "ds-shell-mobile-nav", inputs: { accountLabel: "accountLabel", browseContext: "browseContext", currentUrl: "currentUrl", dashboardGroups: "dashboardGroups", dashboardLabel: "dashboardLabel", heading: "heading", helpLabel: "helpLabel", navigationLabel: "navigationLabel", open: "open", settingsGroups: "settingsGroups", settingsLabel: "settingsLabel" }, outputs: { dsAreaSelect: "dsAreaSelect", dsBrowseContextChange: "dsBrowseContextChange", dsAuxiliarySelect: "dsAuxiliarySelect", dsClose: "dsClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsShellMobileNav = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsShellMobileNav,
+        inputs: ['accountLabel', 'browseContext', 'currentUrl', 'dashboardGroups', 'dashboardLabel', 'heading', 'helpLabel', 'navigationLabel', 'open', 'settingsGroups', 'settingsLabel']
+    })
+], DsShellMobileNav);
+export { DsShellMobileNav };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsShellMobileNav, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-shell-mobile-nav',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['accountLabel', 'browseContext', 'currentUrl', 'dashboardGroups', 'dashboardLabel', 'heading', 'helpLabel', 'navigationLabel', 'open', 'settingsGroups', 'settingsLabel'],
+                    outputs: ['dsAreaSelect', 'dsBrowseContextChange', 'dsAuxiliarySelect', 'dsClose'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsAreaSelect: [{
+                type: Output
+            }], dsBrowseContextChange: [{
+                type: Output
+            }], dsAuxiliarySelect: [{
+                type: Output
+            }], dsClose: [{
+                type: Output
+            }] } });

package/dist/angular/ds-shell-mobile-section-nav.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsShellMobileSectionNavCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsShellMobileSectionNav {
+    protected z: NgZone;
+    protected el: HTMLDsShellMobileSectionNavElement;
+    dsTabChange: EventEmitter<DsShellMobileSectionNavCustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsShellMobileSectionNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsShellMobileSectionNav, "ds-shell-mobile-section-nav", never, { "basePath": { "alias": "basePath"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "tabsJson": { "alias": "tabsJson"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsTabChange": "dsTabChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsShellMobileSectionNav extends Components.DsShellMobileSectionNav {
+    /**
+     * Route intent; the application owns navigation.
+     */
+    dsTabChange: EventEmitter<DsShellMobileSectionNavCustomEvent<string>>;
+}