@ds-mo/ui 12.9.0 → 13.0.0

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

@@ -8,7 +8,7 @@ export declare class DsBarNav {
     dsTabChange: EventEmitter<DsBarNavCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsBarNav, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsBarNav, "ds-bar-nav", never, { "basePath": { "alias": "basePath"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "moreTabsLabel": { "alias": "moreTabsLabel"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "tabsJson": { "alias": "tabsJson"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsTabChange": "dsTabChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsBarNav, "ds-bar-nav", never, { "basePath": { "alias": "basePath"; "required": false; }; "currentUrl": { "alias": "currentUrl"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "moreTabsLabel": { "alias": "moreTabsLabel"; "required": false; }; "navStyle": { "alias": "navStyle"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsTabChange": "dsTabChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsBarNav extends Components.DsBarNav {
     /**

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

@@ -18,12 +18,12 @@ let DsBarNav = class DsBarNav {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsBarNav, 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: DsBarNav, isStandalone: true, selector: "ds-bar-nav", inputs: { basePath: "basePath", currentUrl: "currentUrl", heading: "heading", moreTabsLabel: "moreTabsLabel", navStyle: "navStyle", tabs: "tabs", tabsJson: "tabsJson", value: "value" }, outputs: { dsTabChange: "dsTabChange" }, 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: DsBarNav, isStandalone: true, selector: "ds-bar-nav", inputs: { basePath: "basePath", currentUrl: "currentUrl", heading: "heading", moreTabsLabel: "moreTabsLabel", navStyle: "navStyle", tabs: "tabs", value: "value" }, outputs: { dsTabChange: "dsTabChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsBarNav = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsBarNav,
-        inputs: ['basePath', 'currentUrl', 'heading', 'moreTabsLabel', 'navStyle', 'tabs', 'tabsJson', 'value']
+        inputs: ['basePath', 'currentUrl', 'heading', 'moreTabsLabel', 'navStyle', 'tabs', 'value']
     })
 ], DsBarNav);
 export { DsBarNav };
@@ -34,7 +34,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: ['basePath', 'currentUrl', 'heading', 'moreTabsLabel', 'navStyle', 'tabs', 'tabsJson', 'value'],
+                    inputs: ['basePath', 'currentUrl', 'heading', 'moreTabsLabel', 'navStyle', 'tabs', 'value'],
                     outputs: ['dsTabChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsTabChange: [{

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

@@ -8,7 +8,7 @@ export declare class DsButtonFilled {
     dsClick: 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; }; "intent": { "alias": "intent"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; }, 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; }; "intent": { "alias": "intent"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; }, never, ["*"], true, never>;
 }
 export declare interface DsButtonFilled extends Components.DsButtonFilled {
     dsClick: EventEmitter<DsButtonFilledCustomEvent<MouseEvent>>;

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

@@ -18,12 +18,12 @@ let DsButtonFilled = class DsButtonFilled {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", 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.0.7", 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", intent: "intent", isInactive: "isInactive", isLoading: "isLoading", label: "label", pressScale: "pressScale", pressed: "pressed", rounded: "rounded", size: "size", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick" }, 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: 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", intent: "intent", isInactive: "isInactive", isLoading: "isLoading", label: "label", pressScale: "pressScale", rounded: "rounded", size: "size", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick" }, 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', 'intent', 'isInactive', 'isLoading', 'label', 'pressScale', 'pressed', 'rounded', 'size', 'type', 'variant', 'width'],
+        inputs: ['ariaLabel', 'background', 'contrast', 'controls', 'expanded', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'intent', 'isInactive', 'isLoading', 'label', 'pressScale', 'rounded', 'size', 'type', 'variant', 'width'],
         methods: ['setFocus']
     })
 ], DsButtonFilled);
@@ -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: ['ariaLabel', 'background', 'contrast', 'controls', 'expanded', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'intent', 'isInactive', 'isLoading', 'label', 'pressScale', 'pressed', 'rounded', 'size', 'type', 'variant', 'width'],
+                    inputs: ['ariaLabel', 'background', 'contrast', 'controls', 'expanded', 'hasBorder', 'hasMenu', 'haspopup', 'icon', 'intent', 'isInactive', 'isLoading', 'label', 'pressScale', 'rounded', 'size', 'type', 'variant', 'width'],
                     outputs: ['dsClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{

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

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

package/dist/angular/{ds-card-data-viz-donut.js → ds-card-data-viz.js}

@@ -8,33 +8,33 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /* auto-generated angular directive proxies */
 import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
 import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsCardDataVizDonut } from '@ds-mo/ui/components/ds-card-data-viz-donut.js';
+import { defineCustomElement as defineDsCardDataViz } from '@ds-mo/ui/components/ds-card-data-viz.js';
 import * as i0 from "@angular/core";
-let DsCardDataVizDonut = class DsCardDataVizDonut {
+let DsCardDataViz = class DsCardDataViz {
     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: DsCardDataVizDonut, 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: DsCardDataVizDonut, isStandalone: true, selector: "ds-card-data-viz-donut", inputs: { cardWidth: "cardWidth", filterLabel: "filterLabel", heading: "heading" }, outputs: { dsFilterClick: "dsFilterClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardDataViz, 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: DsCardDataViz, isStandalone: true, selector: "ds-card-data-viz", inputs: { cardWidth: "cardWidth", filterLabel: "filterLabel", heading: "heading", showFilter: "showFilter", variant: "variant" }, outputs: { dsFilterClick: "dsFilterClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-DsCardDataVizDonut = __decorate([
+DsCardDataViz = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineDsCardDataVizDonut,
-        inputs: ['cardWidth', 'filterLabel', 'heading']
+        defineCustomElementFn: defineDsCardDataViz,
+        inputs: ['cardWidth', 'filterLabel', 'heading', 'showFilter', 'variant']
     })
-], DsCardDataVizDonut);
-export { DsCardDataVizDonut };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardDataVizDonut, decorators: [{
+], DsCardDataViz);
+export { DsCardDataViz };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardDataViz, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ds-card-data-viz-donut',
+                    selector: 'ds-card-data-viz',
                     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 }],
+                    inputs: ['cardWidth', 'filterLabel', { name: 'heading', required: true }, 'showFilter', 'variant'],
                     outputs: ['dsFilterClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsFilterClick: [{

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

@@ -9,7 +9,7 @@ export declare class DsCardOverview {
     dsMetricSelect: EventEmitter<DsCardOverviewCustomEvent<IDsCardOverviewOverviewMetric>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsCardOverview, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardOverview, "ds-card-overview", never, { "comparisonLabel": { "alias": "comparisonLabel"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "metricMinWidth": { "alias": "metricMinWidth"; "required": false; }; "metrics": { "alias": "metrics"; "required": false; }; "overviewLabel": { "alias": "overviewLabel"; "required": false; }; "periodLabel": { "alias": "periodLabel"; "required": false; }; "score": { "alias": "score"; "required": false; }; "scoreErrorMessage": { "alias": "scoreErrorMessage"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsMetricSelect": "dsMetricSelect"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCardOverview, "ds-card-overview", never, { "comparisonLabel": { "alias": "comparisonLabel"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "metricMinWidth": { "alias": "metricMinWidth"; "required": false; }; "metrics": { "alias": "metrics"; "required": false; }; "overviewLabel": { "alias": "overviewLabel"; "required": false; }; "periodLabel": { "alias": "periodLabel"; "required": false; }; "score": { "alias": "score"; "required": false; }; "scoreErrorMessage": { "alias": "scoreErrorMessage"; "required": false; }; "scrollCollapseProgress": { "alias": "scrollCollapseProgress"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "dsMetricSelect": "dsMetricSelect"; }, never, ["*"], true, never>;
 }
 export declare interface DsCardOverview extends Components.DsCardOverview {
     /**

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

@@ -18,12 +18,12 @@ let DsCardOverview = class DsCardOverview {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsCardOverview, 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: DsCardOverview, isStandalone: true, selector: "ds-card-overview", inputs: { comparisonLabel: "comparisonLabel", isLoading: "isLoading", layout: "layout", metricMinWidth: "metricMinWidth", metrics: "metrics", overviewLabel: "overviewLabel", periodLabel: "periodLabel", score: "score", scoreErrorMessage: "scoreErrorMessage", variant: "variant" }, outputs: { dsMetricSelect: "dsMetricSelect" }, 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: DsCardOverview, isStandalone: true, selector: "ds-card-overview", inputs: { comparisonLabel: "comparisonLabel", isLoading: "isLoading", layout: "layout", metricMinWidth: "metricMinWidth", metrics: "metrics", overviewLabel: "overviewLabel", periodLabel: "periodLabel", score: "score", scoreErrorMessage: "scoreErrorMessage", scrollCollapseProgress: "scrollCollapseProgress", variant: "variant" }, outputs: { dsMetricSelect: "dsMetricSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsCardOverview = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsCardOverview,
-        inputs: ['comparisonLabel', 'isLoading', 'layout', 'metricMinWidth', 'metrics', 'overviewLabel', 'periodLabel', 'score', 'scoreErrorMessage', 'variant']
+        inputs: ['comparisonLabel', 'isLoading', 'layout', 'metricMinWidth', 'metrics', 'overviewLabel', 'periodLabel', 'score', 'scoreErrorMessage', 'scrollCollapseProgress', 'variant']
     })
 ], DsCardOverview);
 export { DsCardOverview };
@@ -34,7 +34,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: ['comparisonLabel', 'isLoading', 'layout', 'metricMinWidth', 'metrics', 'overviewLabel', 'periodLabel', 'score', 'scoreErrorMessage', 'variant'],
+                    inputs: ['comparisonLabel', 'isLoading', 'layout', 'metricMinWidth', 'metrics', 'overviewLabel', 'periodLabel', 'score', 'scoreErrorMessage', 'scrollCollapseProgress', 'variant'],
                     outputs: ['dsMetricSelect'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsMetricSelect: [{

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

@@ -6,7 +6,7 @@ export declare class DsChartBar {
     protected el: HTMLDsChartBarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsChartBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsChartBar, "ds-chart-bar", never, { "data": { "alias": "data"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsChartBar, "ds-chart-bar", never, { "categories": { "alias": "categories"; "required": false; }; "data": { "alias": "data"; "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 DsChartBar extends Components.DsChartBar {
 }

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

@@ -17,12 +17,12 @@ let DsChartBar = class DsChartBar {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsChartBar, 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: DsChartBar, isStandalone: true, selector: "ds-chart-bar", inputs: { data: "data", height: "height", width: "width" }, 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: DsChartBar, isStandalone: true, selector: "ds-chart-bar", inputs: { categories: "categories", data: "data", height: "height", series: "series", variant: "variant", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsChartBar = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsChartBar,
-        inputs: ['data', 'height', 'width']
+        inputs: ['categories', 'data', 'height', 'series', 'variant', 'width']
     })
 ], DsChartBar);
 export { DsChartBar };
@@ -33,6 +33,6 @@ 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: ['data', 'height', 'width'],
+                    inputs: ['categories', 'data', 'height', 'series', 'variant', 'width'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

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

@@ -2,7 +2,6 @@ import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/co
 import type { Components } from '@ds-mo/ui/components';
 import type { DsMenuCustomEvent } from '@ds-mo/ui/components';
 import type { MenuItemData as IDsMenuMenuItemData } from '@ds-mo/ui/components';
-import type { ShellGradientPreset as IDsMenuShellGradientPreset } from '@ds-mo/ui/components';
 import * as i0 from "@angular/core";
 export declare class DsMenu {
     protected z: NgZone;
@@ -10,11 +9,10 @@ export declare class DsMenu {
     dsClose: EventEmitter<DsMenuCustomEvent<void>>;
     dsAfterClose: EventEmitter<DsMenuCustomEvent<void>>;
     dsSelect: EventEmitter<DsMenuCustomEvent<IDsMenuMenuItemData>>;
-    dsGradientSelect: EventEmitter<DsMenuCustomEvent<IDsMenuShellGradientPreset>>;
     dsSwatchSelect: EventEmitter<DsMenuCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsMenu, "ds-menu", never, { "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorAlignment": { "alias": "anchorAlignment"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; "dsSelect": "dsSelect"; "dsGradientSelect": "dsGradientSelect"; "dsSwatchSelect": "dsSwatchSelect"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMenu, "ds-menu", never, { "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorAlignment": { "alias": "anchorAlignment"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; "dsSelect": "dsSelect"; "dsSwatchSelect": "dsSwatchSelect"; }, never, ["*"], true, never>;
 }
 export declare interface DsMenu extends Components.DsMenu {
     dsClose: EventEmitter<DsMenuCustomEvent<void>>;
@@ -23,10 +21,6 @@ export declare interface DsMenu extends Components.DsMenu {
      */
     dsAfterClose: EventEmitter<DsMenuCustomEvent<void>>;
     dsSelect: EventEmitter<DsMenuCustomEvent<IDsMenuMenuItemData>>;
-    /**
-     * Emitted when a `gradient-picker` section swatch is chosen.
-     */
-    dsGradientSelect: EventEmitter<DsMenuCustomEvent<IDsMenuShellGradientPreset>>;
     /**
      * Emitted when a generic `swatch-picker` section option is chosen.
      */

package/dist/angular/ds-menu.js

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

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; }; "sectionsJson": { "alias": "sectionsJson"; "required": false; }; "subsections": { "alias": "subsections"; "required": false; }; "subsectionsAriaLabel": { "alias": "subsectionsAriaLabel"; "required": false; }; "subsectionsJson": { "alias": "subsectionsJson"; "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; }; "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>;
 }
 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.0.7", 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.0.7", type: DsMobileHeader, isStandalone: true, selector: "ds-mobile-header", inputs: { heading: "heading", headingLevel: "headingLevel", sections: "sections", sectionsAriaLabel: "sectionsAriaLabel", sectionsJson: "sectionsJson", subsections: "subsections", subsectionsAriaLabel: "subsectionsAriaLabel", subsectionsJson: "subsectionsJson", 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.0.7", type: DsMobileHeader, isStandalone: true, selector: "ds-mobile-header", inputs: { heading: "heading", headingLevel: "headingLevel", sections: "sections", sectionsAriaLabel: "sectionsAriaLabel", 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 }); }
 };
 DsMobileHeader = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsMobileHeader,
-        inputs: ['heading', 'headingLevel', 'sections', 'sectionsAriaLabel', 'sectionsJson', 'subsections', 'subsectionsAriaLabel', 'subsectionsJson', 'subvalue', 'tone', 'value']
+        inputs: ['heading', 'headingLevel', 'sections', 'sectionsAriaLabel', 'subsections', 'subsectionsAriaLabel', 'subvalue', 'tone', 'value']
     })
 ], DsMobileHeader);
 export { DsMobileHeader };
@@ -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: ['heading', 'headingLevel', 'sections', 'sectionsAriaLabel', 'sectionsJson', 'subsections', 'subsectionsAriaLabel', 'subsectionsJson', 'subvalue', 'tone', 'value'],
+                    inputs: ['heading', 'headingLevel', 'sections', 'sectionsAriaLabel', 'subsections', 'subsectionsAriaLabel', '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; }; "sectionsJson": { "alias": "sectionsJson"; "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; }; "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.0.7", 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.0.7", type: DsMobileSectionSwitcher, isStandalone: true, selector: "ds-mobile-section-switcher", inputs: { navigationLabel: "navigationLabel", sections: "sections", sectionsJson: "sectionsJson", 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.0.7", 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 }); }
 };
 DsMobileSectionSwitcher = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsMobileSectionSwitcher,
-        inputs: ['navigationLabel', 'sections', 'sectionsJson', 'value']
+        inputs: ['navigationLabel', 'sections', 'value']
     })
 ], DsMobileSectionSwitcher);
 export { DsMobileSectionSwitcher };
@@ -34,7 +34,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: ['navigationLabel', 'sections', 'sectionsJson', 'value'],
+                    inputs: ['navigationLabel', 'sections', 'value'],
                     outputs: ['dsChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

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

@@ -25,7 +25,7 @@ export declare class DsPanelTools {
     dsChromeTransitionEnd: EventEmitter<DsPanelToolsCustomEvent<IDsPanelToolsChromeTransitionDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsPanelTools, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelTools, "ds-panel-tools", never, { "activeTool": { "alias": "activeTool"; "required": false; }; "fullscreenHeaderMode": { "alias": "fullscreenHeaderMode"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "headersJson": { "alias": "headersJson"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemsJson": { "alias": "itemsJson"; "required": false; }; "open": { "alias": "open"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "toolShortcutsLabel": { "alias": "toolShortcutsLabel"; "required": false; }; "toolsLabel": { "alias": "toolsLabel"; "required": false; }; }, { "dsToolChange": "dsToolChange"; "dsPresentationChange": "dsPresentationChange"; "dsHeaderBack": "dsHeaderBack"; "dsHeaderAction": "dsHeaderAction"; "dsChromeTransitionStart": "dsChromeTransitionStart"; "dsChromeTransitionEnd": "dsChromeTransitionEnd"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsPanelTools, "ds-panel-tools", never, { "activeTool": { "alias": "activeTool"; "required": false; }; "fullscreenHeaderMode": { "alias": "fullscreenHeaderMode"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "items": { "alias": "items"; "required": false; }; "open": { "alias": "open"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "toolShortcutsLabel": { "alias": "toolShortcutsLabel"; "required": false; }; "toolsLabel": { "alias": "toolsLabel"; "required": false; }; }, { "dsToolChange": "dsToolChange"; "dsPresentationChange": "dsPresentationChange"; "dsHeaderBack": "dsHeaderBack"; "dsHeaderAction": "dsHeaderAction"; "dsChromeTransitionStart": "dsChromeTransitionStart"; "dsChromeTransitionEnd": "dsChromeTransitionEnd"; }, never, ["*"], true, never>;
 }
 export declare interface DsPanelTools extends Components.DsPanelTools {
     /**

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

@@ -23,12 +23,12 @@ let DsPanelTools = class DsPanelTools {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsPanelTools, 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: DsPanelTools, isStandalone: true, selector: "ds-panel-tools", inputs: { activeTool: "activeTool", fullscreenHeaderMode: "fullscreenHeaderMode", headers: "headers", headersJson: "headersJson", items: "items", itemsJson: "itemsJson", open: "open", presentation: "presentation", storageKey: "storageKey", toolShortcutsLabel: "toolShortcutsLabel", toolsLabel: "toolsLabel" }, outputs: { dsToolChange: "dsToolChange", dsPresentationChange: "dsPresentationChange", dsHeaderBack: "dsHeaderBack", dsHeaderAction: "dsHeaderAction", dsChromeTransitionStart: "dsChromeTransitionStart", dsChromeTransitionEnd: "dsChromeTransitionEnd" }, 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: DsPanelTools, isStandalone: true, selector: "ds-panel-tools", inputs: { activeTool: "activeTool", fullscreenHeaderMode: "fullscreenHeaderMode", headers: "headers", items: "items", open: "open", presentation: "presentation", storageKey: "storageKey", toolShortcutsLabel: "toolShortcutsLabel", toolsLabel: "toolsLabel" }, outputs: { dsToolChange: "dsToolChange", dsPresentationChange: "dsPresentationChange", dsHeaderBack: "dsHeaderBack", dsHeaderAction: "dsHeaderAction", dsChromeTransitionStart: "dsChromeTransitionStart", dsChromeTransitionEnd: "dsChromeTransitionEnd" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsPanelTools = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsPanelTools,
-        inputs: ['activeTool', 'fullscreenHeaderMode', 'headers', 'headersJson', 'items', 'itemsJson', 'open', 'presentation', 'storageKey', 'toolShortcutsLabel', 'toolsLabel'],
+        inputs: ['activeTool', 'fullscreenHeaderMode', 'headers', 'items', 'open', 'presentation', 'storageKey', 'toolShortcutsLabel', 'toolsLabel'],
         methods: ['activateTool', 'closeDrawer', 'focusHeaderAction']
     })
 ], DsPanelTools);
@@ -40,7 +40,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: ['activeTool', 'fullscreenHeaderMode', 'headers', 'headersJson', 'items', 'itemsJson', 'open', 'presentation', 'storageKey', 'toolShortcutsLabel', 'toolsLabel'],
+                    inputs: ['activeTool', 'fullscreenHeaderMode', 'headers', 'items', 'open', 'presentation', 'storageKey', 'toolShortcutsLabel', 'toolsLabel'],
                     outputs: ['dsToolChange', 'dsPresentationChange', 'dsHeaderBack', 'dsHeaderAction', 'dsChromeTransitionStart', 'dsChromeTransitionEnd'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsToolChange: [{

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

@@ -1,22 +1,23 @@
 import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
 import type { Components } from '@ds-mo/ui/components';
 import type { DsSelectCustomEvent } from '@ds-mo/ui/components';
+import type { SelectValue as IDsSelectSelectValue } from '@ds-mo/ui/components';
 import * as i0 from "@angular/core";
 export declare class DsSelect {
     protected z: NgZone;
     protected el: HTMLDsSelectElement;
-    dsChange: EventEmitter<DsSelectCustomEvent<string>>;
+    dsChange: EventEmitter<DsSelectCustomEvent<IDsSelectSelectValue>>;
     dsClear: EventEmitter<DsSelectCustomEvent<void>>;
     dsOpenChange: EventEmitter<DsSelectCustomEvent<boolean>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsSelect, "ds-select", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "background": { "alias": "background"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsOpenChange": "dsOpenChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsSelect, "ds-select", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "background": { "alias": "background"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsOpenChange": "dsOpenChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsSelect extends Components.DsSelect {
     /**
-     * Emitted after user selection or clearing with the next scalar value.
+     * Emitted after selection or clearing with the next scalar or array value.
      */
-    dsChange: EventEmitter<DsSelectCustomEvent<string>>;
+    dsChange: EventEmitter<DsSelectCustomEvent<IDsSelectSelectValue>>;
     /**
      * Emitted after the footer clear action.
      */

package/dist/angular/ds-select.js

@@ -20,12 +20,12 @@ let DsSelect = class DsSelect {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsSelect, 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: DsSelect, isStandalone: true, selector: "ds-select", inputs: { activeFill: "activeFill", allowClear: "allowClear", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", background: "background", clearLabel: "clearLabel", disabled: "disabled", error: "error", errorMessage: "errorMessage", hasBorder: "hasBorder", icon: "icon", inputId: "inputId", isInactive: "isInactive", isLoading: "isLoading", loadingLabel: "loadingLabel", name: "name", noResultsText: "noResultsText", open: "open", options: "options", placeholder: "placeholder", required: "required", requiredMessage: "requiredMessage", searchPlaceholder: "searchPlaceholder", searchable: "searchable", sections: "sections", size: "size", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsOpenChange: "dsOpenChange" }, 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: DsSelect, isStandalone: true, selector: "ds-select", inputs: { activeFill: "activeFill", allowClear: "allowClear", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", background: "background", clearLabel: "clearLabel", disabled: "disabled", error: "error", errorMessage: "errorMessage", hasBorder: "hasBorder", icon: "icon", inputId: "inputId", isInactive: "isInactive", isLoading: "isLoading", loadingLabel: "loadingLabel", multiple: "multiple", name: "name", noResultsText: "noResultsText", open: "open", options: "options", placeholder: "placeholder", required: "required", requiredMessage: "requiredMessage", searchPlaceholder: "searchPlaceholder", searchable: "searchable", sections: "sections", selectedLabel: "selectedLabel", size: "size", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsOpenChange: "dsOpenChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsSelect = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsSelect,
-        inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'clearLabel', 'disabled', 'error', 'errorMessage', 'hasBorder', 'icon', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'name', 'noResultsText', 'open', 'options', 'placeholder', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'size', 'value', 'width'],
+        inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'clearLabel', 'disabled', 'error', 'errorMessage', 'hasBorder', 'icon', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'multiple', 'name', 'noResultsText', 'open', 'options', 'placeholder', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'value', 'width'],
         methods: ['setFocus']
     })
 ], DsSelect);
@@ -37,7 +37,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: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'clearLabel', 'disabled', 'error', 'errorMessage', 'hasBorder', 'icon', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'name', 'noResultsText', 'open', 'options', 'placeholder', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'size', 'value', 'width'],
+                    inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'clearLabel', 'disabled', 'error', 'errorMessage', 'hasBorder', 'icon', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'multiple', 'name', 'noResultsText', 'open', 'options', 'placeholder', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'value', 'width'],
                     outputs: ['dsChange', 'dsClear', 'dsOpenChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{