@ds-mo/ui 14.35.0 → 15.0.0

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

@@ -0,0 +1,17 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsButtonInvertedCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsButtonInverted {
+    protected z: NgZone;
+    protected el: HTMLDsButtonInvertedElement;
+    dsClick: EventEmitter<DsButtonInvertedCustomEvent<MouseEvent>>;
+    dsMenuClick: EventEmitter<DsButtonInvertedCustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonInverted, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonInverted, "ds-button-inverted", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "hasMenu": { "alias": "hasMenu"; "required": false; }; "haspopup": { "alias": "haspopup"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "insetDepth": { "alias": "insetDepth"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelEmphasis": { "alias": "labelEmphasis"; "required": false; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; }; "pressScale": { "alias": "pressScale"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "split": { "alias": "split"; "required": false; }; "surfaceOpen": { "alias": "surfaceOpen"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsClick": "dsClick"; "dsMenuClick": "dsMenuClick"; }, never, ["*"], true, never>;
+}
+export declare interface DsButtonInverted extends Components.DsButtonInverted {
+    dsClick: EventEmitter<DsButtonInvertedCustomEvent<MouseEvent>>;
+    dsMenuClick: EventEmitter<DsButtonInvertedCustomEvent<MouseEvent>>;
+}

package/dist/angular/ds-button-inverted.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 defineDsButtonInverted } from '@ds-mo/ui/components/ds-button-inverted.js';
+import * as i0 from "@angular/core";
+let DsButtonInverted = class DsButtonInverted {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsClick = new EventEmitter();
+        this.dsMenuClick = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsButtonInverted, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsButtonInverted, isStandalone: true, selector: "ds-button-inverted", inputs: { ariaLabel: "ariaLabel", controls: "controls", expanded: "expanded", hasMenu: "hasMenu", haspopup: "haspopup", icon: "icon", insetDepth: "insetDepth", isInactive: "isInactive", isInset: "isInset", isLoading: "isLoading", label: "label", labelEmphasis: "labelEmphasis", menuAriaLabel: "menuAriaLabel", pressScale: "pressScale", rounded: "rounded", size: "size", split: "split", surfaceOpen: "surfaceOpen", type: "type", variant: "variant", width: "width" }, outputs: { dsClick: "dsClick", dsMenuClick: "dsMenuClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsButtonInverted = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsButtonInverted,
+        inputs: ['ariaLabel', 'controls', 'expanded', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'rounded', 'size', 'split', 'surfaceOpen', 'type', 'variant', 'width'],
+        methods: ['setFocus']
+    })
+], DsButtonInverted);
+export { DsButtonInverted };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsButtonInverted, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-button-inverted',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['ariaLabel', 'controls', 'expanded', 'hasMenu', 'haspopup', 'icon', 'insetDepth', 'isInactive', 'isInset', 'isLoading', 'label', 'labelEmphasis', 'menuAriaLabel', 'pressScale', 'rounded', 'size', 'split', 'surfaceOpen', 'type', 'variant', 'width'],
+                    outputs: ['dsClick', 'dsMenuClick'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClick: [{
+                type: Output
+            }], dsMenuClick: [{
+                type: Output
+            }] } });

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

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsCalendarCustomEvent } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsCalendar {
+    protected z: NgZone;
+    protected el: HTMLDsCalendarElement;
+    dsChange: EventEmitter<DsCalendarCustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsCalendar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCalendar, "ds-calendar", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsCalendar extends Components.DsCalendar {
+    dsChange: EventEmitter<DsCalendarCustomEvent<string>>;
+}

package/dist/angular/ds-calendar.js

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
+import { ProxyCmp } from './angular-component-lib/utils.js';
+import { defineCustomElement as defineDsCalendar } from '@ds-mo/ui/components/ds-calendar.js';
+import * as i0 from "@angular/core";
+let DsCalendar = class DsCalendar {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsChange = new EventEmitter();
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsCalendar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsCalendar, isStandalone: true, selector: "ds-calendar", inputs: { autoFocus: "autoFocus", isInactive: "isInactive", max: "max", min: "min", selectionMode: "selectionMode", value: "value" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsCalendar = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsCalendar,
+        inputs: ['autoFocus', 'isInactive', 'max', 'min', 'selectionMode', 'value'],
+        methods: ['setFocus']
+    })
+], DsCalendar);
+export { DsCalendar };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsCalendar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-calendar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoFocus', 'isInactive', 'max', 'min', 'selectionMode', 'value'],
+                    outputs: ['dsChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
+                type: Output
+            }] } });

package/dist/angular/ds-conversation-list.d.ts

@@ -6,7 +6,7 @@ export declare class DsConversationList {
     protected el: HTMLDsConversationListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsConversationList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsConversationList, "ds-conversation-list", never, { "actionLayout": { "alias": "actionLayout"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsConversationList, "ds-conversation-list", never, {}, {}, never, ["*"], true, never>;
 }
 export declare interface DsConversationList extends Components.DsConversationList {
 }

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

@@ -17,12 +17,11 @@ let DsConversationList = class DsConversationList {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsConversationList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsConversationList, isStandalone: true, selector: "ds-conversation-list", inputs: { actionLayout: "actionLayout" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsConversationList, isStandalone: true, selector: "ds-conversation-list", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsConversationList = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineDsConversationList,
-        inputs: ['actionLayout']
+        defineCustomElementFn: defineDsConversationList
     })
 ], DsConversationList);
 export { DsConversationList };
@@ -33,6 +32,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['actionLayout'],
+                    inputs: [],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/ds-data-customize.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsDataCustomizeCustomEvent } from '@ds-mo/ui/components';
+import type { DataCustomizeChangeDetail as IDsDataCustomizeDataCustomizeChangeDetail } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsDataCustomize {
+    protected z: NgZone;
+    protected el: HTMLDsDataCustomizeElement;
+    dsFieldsConfigChange: EventEmitter<DsDataCustomizeCustomEvent<IDsDataCustomizeDataCustomizeChangeDetail>>;
+    dsOptionChange: EventEmitter<DsDataCustomizeCustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsDataCustomize, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsDataCustomize, "ds-data-customize", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "catalogHeader": { "alias": "catalogHeader"; "required": false; }; "fieldOrder": { "alias": "fieldOrder"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hiddenFieldIds": { "alias": "hiddenFieldIds"; "required": false; }; "label": { "alias": "label"; "required": false; }; "minVisible": { "alias": "minVisible"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionsHeader": { "alias": "optionsHeader"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; }, { "dsFieldsConfigChange": "dsFieldsConfigChange"; "dsOptionChange": "dsOptionChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsDataCustomize extends Components.DsDataCustomize {
+    dsFieldsConfigChange: EventEmitter<DsDataCustomizeCustomEvent<IDsDataCustomizeDataCustomizeChangeDetail>>;
+    dsOptionChange: EventEmitter<DsDataCustomizeCustomEvent<string>>;
+}

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

package/dist/angular/ds-data-filter.d.ts

@@ -0,0 +1,50 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsDataFilterCustomEvent } from '@ds-mo/ui/components';
+import type { FilterMenuChangeDetail as IDsDataFilterFilterMenuChangeDetail } from '@ds-mo/ui/components';
+import type { FilterMenuMatchModeChangeDetail as IDsDataFilterFilterMenuMatchModeChangeDetail } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsDataFilter {
+    protected z: NgZone;
+    protected el: HTMLDsDataFilterElement;
+    dsChange: EventEmitter<DsDataFilterCustomEvent<IDsDataFilterFilterMenuChangeDetail>>;
+    dsClear: EventEmitter<DsDataFilterCustomEvent<void>>;
+    dsMatchModeChange: EventEmitter<DsDataFilterCustomEvent<IDsDataFilterFilterMenuMatchModeChangeDetail>>;
+    dsActiveFilterChange: EventEmitter<DsDataFilterCustomEvent<string>>;
+    dsClose: EventEmitter<DsDataFilterCustomEvent<void>>;
+    dsOpenChange: EventEmitter<DsDataFilterCustomEvent<boolean>>;
+    dsAfterClose: EventEmitter<DsDataFilterCustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsDataFilter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsDataFilter, "ds-data-filter", never, { "activeFilterId": { "alias": "activeFilterId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "categoriesLabel": { "alias": "categoriesLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "matchModes": { "alias": "matchModes"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsMatchModeChange": "dsMatchModeChange"; "dsActiveFilterChange": "dsActiveFilterChange"; "dsClose": "dsClose"; "dsOpenChange": "dsOpenChange"; "dsAfterClose": "dsAfterClose"; }, never, ["*"], true, never>;
+}
+export declare interface DsDataFilter extends Components.DsDataFilter {
+    /**
+     * Requests a controlled value replacement without closing the popup.
+     */
+    dsChange: EventEmitter<DsDataFilterCustomEvent<IDsDataFilterFilterMenuChangeDetail>>;
+    /**
+     * Requests that the consumer clear every filter value.
+     */
+    dsClear: EventEmitter<DsDataFilterCustomEvent<void>>;
+    /**
+     * Requests a controlled any/all mode replacement for a multiple-choice filter.
+     */
+    dsMatchModeChange: EventEmitter<DsDataFilterCustomEvent<IDsDataFilterFilterMenuMatchModeChangeDetail>>;
+    /**
+     * Requests a controlled active-category replacement.
+     */
+    dsActiveFilterChange: EventEmitter<DsDataFilterCustomEvent<string>>;
+    /**
+     * Requests that the controlled popup close.
+     */
+    dsClose: EventEmitter<DsDataFilterCustomEvent<void>>;
+    /**
+     * Emitted whenever trigger activation changes popup visibility.
+     */
+    dsOpenChange: EventEmitter<DsDataFilterCustomEvent<boolean>>;
+    /**
+     * Emitted after exit motion and rendered popup removal complete.
+     */
+    dsAfterClose: EventEmitter<DsDataFilterCustomEvent<void>>;
+}

package/dist/angular/{ds-table-filter.js → ds-data-filter.js}

@@ -8,9 +8,9 @@ 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 defineDsTableFilter } from '@ds-mo/ui/components/ds-table-filter.js';
+import { defineCustomElement as defineDsDataFilter } from '@ds-mo/ui/components/ds-data-filter.js';
 import * as i0 from "@angular/core";
-let DsTableFilter = class DsTableFilter {
+let DsDataFilter = class DsDataFilter {
     constructor(c, r, z) {
         this.z = z;
         this.dsChange = new EventEmitter();
@@ -23,20 +23,20 @@ let DsTableFilter = class DsTableFilter {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTableFilter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsTableFilter, isStandalone: true, selector: "ds-table-filter", inputs: { activeFilterId: "activeFilterId", ariaLabel: "ariaLabel", categoriesLabel: "categoriesLabel", clearLabel: "clearLabel", filters: "filters", hasBorder: "hasBorder", label: "label", matchModes: "matchModes", menuLabel: "menuLabel", noResultsText: "noResultsText", open: "open", searchPlaceholder: "searchPlaceholder", values: "values" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsMatchModeChange: "dsMatchModeChange", dsActiveFilterChange: "dsActiveFilterChange", dsClose: "dsClose", dsOpenChange: "dsOpenChange", dsAfterClose: "dsAfterClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsDataFilter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsDataFilter, isStandalone: true, selector: "ds-data-filter", inputs: { activeFilterId: "activeFilterId", ariaLabel: "ariaLabel", categoriesLabel: "categoriesLabel", clearLabel: "clearLabel", filters: "filters", hasBorder: "hasBorder", label: "label", matchModes: "matchModes", menuLabel: "menuLabel", noResultsText: "noResultsText", open: "open", searchPlaceholder: "searchPlaceholder", values: "values" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsMatchModeChange: "dsMatchModeChange", dsActiveFilterChange: "dsActiveFilterChange", dsClose: "dsClose", dsOpenChange: "dsOpenChange", dsAfterClose: "dsAfterClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-DsTableFilter = __decorate([
+DsDataFilter = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineDsTableFilter,
+        defineCustomElementFn: defineDsDataFilter,
         inputs: ['activeFilterId', 'ariaLabel', 'categoriesLabel', 'clearLabel', 'filters', 'hasBorder', 'label', 'matchModes', 'menuLabel', 'noResultsText', 'open', 'searchPlaceholder', 'values']
     })
-], DsTableFilter);
-export { DsTableFilter };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTableFilter, decorators: [{
+], DsDataFilter);
+export { DsDataFilter };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsDataFilter, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ds-table-filter',
+                    selector: 'ds-data-filter',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property

package/dist/angular/ds-data-group.d.ts

@@ -0,0 +1,29 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsDataGroupCustomEvent } from '@ds-mo/ui/components';
+import type { DataGroupingState as IDsDataGroupDataGroupingState } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsDataGroup {
+    protected z: NgZone;
+    protected el: HTMLDsDataGroupElement;
+    dsGroupChange: EventEmitter<DsDataGroupCustomEvent<IDsDataGroupDataGroupingState>>;
+    dsClear: EventEmitter<DsDataGroupCustomEvent<void>>;
+    dsOpenChange: EventEmitter<DsDataGroupCustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsDataGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsDataGroup, "ds-data-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "dsGroupChange": "dsGroupChange"; "dsClear": "dsClear"; "dsOpenChange": "dsOpenChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsDataGroup extends Components.DsDataGroup {
+    /**
+     * Requests replacement of the complete controlled grouping state.
+     */
+    dsGroupChange: EventEmitter<DsDataGroupCustomEvent<IDsDataGroupDataGroupingState>>;
+    /**
+     * Requests removal of the controlled grouping state.
+     */
+    dsClear: EventEmitter<DsDataGroupCustomEvent<void>>;
+    /**
+     * Reports controlled popup visibility changes.
+     */
+    dsOpenChange: EventEmitter<DsDataGroupCustomEvent<boolean>>;
+}

package/dist/angular/{ds-table-group.js → ds-data-group.js}

@@ -8,9 +8,9 @@ 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 defineDsTableGroup } from '@ds-mo/ui/components/ds-table-group.js';
+import { defineCustomElement as defineDsDataGroup } from '@ds-mo/ui/components/ds-data-group.js';
 import * as i0 from "@angular/core";
-let DsTableGroup = class DsTableGroup {
+let DsDataGroup = class DsDataGroup {
     constructor(c, r, z) {
         this.z = z;
         this.dsGroupChange = new EventEmitter();
@@ -19,20 +19,20 @@ let DsTableGroup = class DsTableGroup {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTableGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsTableGroup, isStandalone: true, selector: "ds-table-group", inputs: { ariaLabel: "ariaLabel", clearLabel: "clearLabel", embedded: "embedded", emptyMessage: "emptyMessage", grouping: "grouping", hasBorder: "hasBorder", open: "open", options: "options", vertical: "vertical" }, outputs: { dsGroupChange: "dsGroupChange", dsClear: "dsClear", dsOpenChange: "dsOpenChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsDataGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsDataGroup, isStandalone: true, selector: "ds-data-group", inputs: { ariaLabel: "ariaLabel", clearLabel: "clearLabel", embedded: "embedded", emptyMessage: "emptyMessage", grouping: "grouping", hasBorder: "hasBorder", open: "open", options: "options", vertical: "vertical" }, outputs: { dsGroupChange: "dsGroupChange", dsClear: "dsClear", dsOpenChange: "dsOpenChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-DsTableGroup = __decorate([
+DsDataGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineDsTableGroup,
+        defineCustomElementFn: defineDsDataGroup,
         inputs: ['ariaLabel', 'clearLabel', 'embedded', 'emptyMessage', 'grouping', 'hasBorder', 'open', 'options', 'vertical']
     })
-], DsTableGroup);
-export { DsTableGroup };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTableGroup, decorators: [{
+], DsDataGroup);
+export { DsDataGroup };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsDataGroup, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ds-table-group',
+                    selector: 'ds-data-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property

package/dist/angular/ds-data-preferences.d.ts

@@ -0,0 +1,39 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsDataPreferencesCustomEvent } from '@ds-mo/ui/components';
+import type { PreferencesTab as IDsDataPreferencesPreferencesTab } from '@ds-mo/ui/components';
+import type { FilterMenuChangeDetail as IDsDataPreferencesFilterMenuChangeDetail } from '@ds-mo/ui/components';
+import type { FilterMenuMatchModeChangeDetail as IDsDataPreferencesFilterMenuMatchModeChangeDetail } from '@ds-mo/ui/components';
+import type { DataSortChangeDetail as IDsDataPreferencesDataSortChangeDetail } from '@ds-mo/ui/components';
+import type { DataGroupingState as IDsDataPreferencesDataGroupingState } from '@ds-mo/ui/components';
+import type { DataFieldsConfigChangeDetail as IDsDataPreferencesDataFieldsConfigChangeDetail } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsDataPreferences {
+    protected z: NgZone;
+    protected el: HTMLDsDataPreferencesElement;
+    dsCustomizeOptionChange: EventEmitter<DsDataPreferencesCustomEvent<string>>;
+    dsPreferencesTabChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesPreferencesTab>>;
+    dsFilterChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesFilterMenuChangeDetail>>;
+    dsFilterMatchModeChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesFilterMenuMatchModeChangeDetail>>;
+    dsActiveFilterChange: EventEmitter<DsDataPreferencesCustomEvent<string>>;
+    dsFiltersClear: EventEmitter<DsDataPreferencesCustomEvent<void>>;
+    dsSortChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesDataSortChangeDetail>>;
+    dsGroupChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesDataGroupingState>>;
+    dsGroupClear: EventEmitter<DsDataPreferencesCustomEvent<void>>;
+    dsFieldsConfigChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesDataFieldsConfigChangeDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsDataPreferences, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsDataPreferences, "ds-data-preferences", never, { "activeFilterId": { "alias": "activeFilterId"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "catalogHeader": { "alias": "catalogHeader"; "required": false; }; "catalogReorderable": { "alias": "catalogReorderable"; "required": false; }; "customizeLabel": { "alias": "customizeLabel"; "required": false; }; "customizeOptions": { "alias": "customizeOptions"; "required": false; }; "customizeSections": { "alias": "customizeSections"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "fieldOrder": { "alias": "fieldOrder"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "groupingOptions": { "alias": "groupingOptions"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hiddenFieldIds": { "alias": "hiddenFieldIds"; "required": false; }; "label": { "alias": "label"; "required": false; }; "matchModes": { "alias": "matchModes"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "sortColumns": { "alias": "sortColumns"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "dsCustomizeOptionChange": "dsCustomizeOptionChange"; "dsPreferencesTabChange": "dsPreferencesTabChange"; "dsFilterChange": "dsFilterChange"; "dsFilterMatchModeChange": "dsFilterMatchModeChange"; "dsActiveFilterChange": "dsActiveFilterChange"; "dsFiltersClear": "dsFiltersClear"; "dsSortChange": "dsSortChange"; "dsGroupChange": "dsGroupChange"; "dsGroupClear": "dsGroupClear"; "dsFieldsConfigChange": "dsFieldsConfigChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsDataPreferences extends Components.DsDataPreferences {
+    dsCustomizeOptionChange: EventEmitter<DsDataPreferencesCustomEvent<string>>;
+    dsPreferencesTabChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesPreferencesTab>>;
+    dsFilterChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesFilterMenuChangeDetail>>;
+    dsFilterMatchModeChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesFilterMenuMatchModeChangeDetail>>;
+    dsActiveFilterChange: EventEmitter<DsDataPreferencesCustomEvent<string>>;
+    dsFiltersClear: EventEmitter<DsDataPreferencesCustomEvent<void>>;
+    dsSortChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesDataSortChangeDetail>>;
+    dsGroupChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesDataGroupingState>>;
+    dsGroupClear: EventEmitter<DsDataPreferencesCustomEvent<void>>;
+    dsFieldsConfigChange: EventEmitter<DsDataPreferencesCustomEvent<IDsDataPreferencesDataFieldsConfigChangeDetail>>;
+}

package/dist/angular/{ds-table-preferences.js → ds-data-preferences.js}

@@ -8,9 +8,9 @@ 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 defineDsTablePreferences } from '@ds-mo/ui/components/ds-table-preferences.js';
+import { defineCustomElement as defineDsDataPreferences } from '@ds-mo/ui/components/ds-data-preferences.js';
 import * as i0 from "@angular/core";
-let DsTablePreferences = class DsTablePreferences {
+let DsDataPreferences = class DsDataPreferences {
     constructor(c, r, z) {
         this.z = z;
         this.dsCustomizeOptionChange = new EventEmitter();
@@ -22,29 +22,29 @@ let DsTablePreferences = class DsTablePreferences {
         this.dsSortChange = new EventEmitter();
         this.dsGroupChange = new EventEmitter();
         this.dsGroupClear = new EventEmitter();
-        this.dsColumnsConfigChange = new EventEmitter();
+        this.dsFieldsConfigChange = new EventEmitter();
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTablePreferences, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsTablePreferences, isStandalone: true, selector: "ds-table-preferences", inputs: { activeFilterId: "activeFilterId", activeTab: "activeTab", columnOrder: "columnOrder", columns: "columns", customizeOptions: "customizeOptions", customizeSections: "customizeSections", embedded: "embedded", filters: "filters", grouping: "grouping", groupingOptions: "groupingOptions", hasBorder: "hasBorder", hiddenColumnIds: "hiddenColumnIds", label: "label", matchModes: "matchModes", sort: "sort", sortColumns: "sortColumns", values: "values" }, outputs: { dsCustomizeOptionChange: "dsCustomizeOptionChange", dsPreferencesTabChange: "dsPreferencesTabChange", dsFilterChange: "dsFilterChange", dsFilterMatchModeChange: "dsFilterMatchModeChange", dsActiveFilterChange: "dsActiveFilterChange", dsFiltersClear: "dsFiltersClear", dsSortChange: "dsSortChange", dsGroupChange: "dsGroupChange", dsGroupClear: "dsGroupClear", dsColumnsConfigChange: "dsColumnsConfigChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsDataPreferences, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsDataPreferences, isStandalone: true, selector: "ds-data-preferences", inputs: { activeFilterId: "activeFilterId", activeTab: "activeTab", catalogHeader: "catalogHeader", catalogReorderable: "catalogReorderable", customizeLabel: "customizeLabel", customizeOptions: "customizeOptions", customizeSections: "customizeSections", embedded: "embedded", fieldOrder: "fieldOrder", fields: "fields", filters: "filters", grouping: "grouping", groupingOptions: "groupingOptions", hasBorder: "hasBorder", hiddenFieldIds: "hiddenFieldIds", label: "label", matchModes: "matchModes", sort: "sort", sortColumns: "sortColumns", values: "values" }, outputs: { dsCustomizeOptionChange: "dsCustomizeOptionChange", dsPreferencesTabChange: "dsPreferencesTabChange", dsFilterChange: "dsFilterChange", dsFilterMatchModeChange: "dsFilterMatchModeChange", dsActiveFilterChange: "dsActiveFilterChange", dsFiltersClear: "dsFiltersClear", dsSortChange: "dsSortChange", dsGroupChange: "dsGroupChange", dsGroupClear: "dsGroupClear", dsFieldsConfigChange: "dsFieldsConfigChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-DsTablePreferences = __decorate([
+DsDataPreferences = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineDsTablePreferences,
-        inputs: ['activeFilterId', 'activeTab', 'columnOrder', 'columns', 'customizeOptions', 'customizeSections', 'embedded', 'filters', 'grouping', 'groupingOptions', 'hasBorder', 'hiddenColumnIds', 'label', 'matchModes', 'sort', 'sortColumns', 'values']
+        defineCustomElementFn: defineDsDataPreferences,
+        inputs: ['activeFilterId', 'activeTab', 'catalogHeader', 'catalogReorderable', 'customizeLabel', 'customizeOptions', 'customizeSections', 'embedded', 'fieldOrder', 'fields', 'filters', 'grouping', 'groupingOptions', 'hasBorder', 'hiddenFieldIds', 'label', 'matchModes', 'sort', 'sortColumns', 'values']
     })
-], DsTablePreferences);
-export { DsTablePreferences };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTablePreferences, decorators: [{
+], DsDataPreferences);
+export { DsDataPreferences };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsDataPreferences, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ds-table-preferences',
+                    selector: 'ds-data-preferences',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeFilterId', 'activeTab', 'columnOrder', 'columns', 'customizeOptions', 'customizeSections', 'embedded', 'filters', 'grouping', 'groupingOptions', 'hasBorder', 'hiddenColumnIds', 'label', 'matchModes', 'sort', 'sortColumns', 'values'],
-                    outputs: ['dsCustomizeOptionChange', 'dsPreferencesTabChange', 'dsFilterChange', 'dsFilterMatchModeChange', 'dsActiveFilterChange', 'dsFiltersClear', 'dsSortChange', 'dsGroupChange', 'dsGroupClear', 'dsColumnsConfigChange'],
+                    inputs: ['activeFilterId', 'activeTab', 'catalogHeader', 'catalogReorderable', 'customizeLabel', 'customizeOptions', 'customizeSections', 'embedded', 'fieldOrder', 'fields', 'filters', 'grouping', 'groupingOptions', 'hasBorder', 'hiddenFieldIds', 'label', 'matchModes', 'sort', 'sortColumns', 'values'],
+                    outputs: ['dsCustomizeOptionChange', 'dsPreferencesTabChange', 'dsFilterChange', 'dsFilterMatchModeChange', 'dsActiveFilterChange', 'dsFiltersClear', 'dsSortChange', 'dsGroupChange', 'dsGroupClear', 'dsFieldsConfigChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsCustomizeOptionChange: [{
                 type: Output
@@ -64,6 +64,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                 type: Output
             }], dsGroupClear: [{
                 type: Output
-            }], dsColumnsConfigChange: [{
+            }], dsFieldsConfigChange: [{
                 type: Output
             }] } });

package/dist/angular/ds-data-saved-views.d.ts

@@ -0,0 +1,49 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsDataSavedViewsCustomEvent } from '@ds-mo/ui/components';
+import type { DataSavedViewChangeDetail as IDsDataSavedViewsDataSavedViewChangeDetail } from '@ds-mo/ui/components';
+import type { DataSavedViewCreateDetail as IDsDataSavedViewsDataSavedViewCreateDetail } from '@ds-mo/ui/components';
+import type { DataSavedViewRenameDetail as IDsDataSavedViewsDataSavedViewRenameDetail } from '@ds-mo/ui/components';
+import type { DataSavedViewRemoveDetail as IDsDataSavedViewsDataSavedViewRemoveDetail } from '@ds-mo/ui/components';
+import type { DataSavedViewSaveDetail as IDsDataSavedViewsDataSavedViewSaveDetail } from '@ds-mo/ui/components';
+import type { DataSavedViewDiscardDetail as IDsDataSavedViewsDataSavedViewDiscardDetail } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsDataSavedViews {
+    protected z: NgZone;
+    protected el: HTMLDsDataSavedViewsElement;
+    dsViewChange: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewChangeDetail>>;
+    dsViewCreate: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewCreateDetail>>;
+    dsViewRename: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewRenameDetail>>;
+    dsViewRemove: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewRemoveDetail>>;
+    dsViewSave: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewSaveDetail>>;
+    dsViewDiscard: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewDiscardDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsDataSavedViews, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsDataSavedViews, "ds-data-saved-views", never, { "compact": { "alias": "compact"; "required": false; }; "createLabel": { "alias": "createLabel"; "required": false; }; "defaultViewId": { "alias": "defaultViewId"; "required": false; }; "defaultViewLabel": { "alias": "defaultViewLabel"; "required": false; }; "dirty": { "alias": "dirty"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "views": { "alias": "views"; "required": false; }; }, { "dsViewChange": "dsViewChange"; "dsViewCreate": "dsViewCreate"; "dsViewRename": "dsViewRename"; "dsViewRemove": "dsViewRemove"; "dsViewSave": "dsViewSave"; "dsViewDiscard": "dsViewDiscard"; }, never, ["*"], true, never>;
+}
+export declare interface DsDataSavedViews extends Components.DsDataSavedViews {
+    /**
+     * Emitted when a view selection is requested.
+     */
+    dsViewChange: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewChangeDetail>>;
+    /**
+     * Emitted after a valid create-view name is submitted.
+     */
+    dsViewCreate: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewCreateDetail>>;
+    /**
+     * Emitted after a valid renamed view name is submitted.
+     */
+    dsViewRename: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewRenameDetail>>;
+    /**
+     * Emitted when a custom view removal is requested.
+     */
+    dsViewRemove: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewRemoveDetail>>;
+    /**
+     * Emitted when changes to the active custom view should replace its stored payload.
+     */
+    dsViewSave: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewSaveDetail>>;
+    /**
+     * Emitted when the active custom view's stored payload should be restored.
+     */
+    dsViewDiscard: EventEmitter<DsDataSavedViewsCustomEvent<IDsDataSavedViewsDataSavedViewDiscardDetail>>;
+}