@ds-mo/ui 14.20.0 → 14.21.0

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

@@ -8,7 +8,7 @@ export declare class DsChip {
     dsRemove: EventEmitter<DsChipCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsChip, "ds-chip", never, { "isInactive": { "alias": "isInactive"; "required": false; }; "label": { "alias": "label"; "required": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "dsRemove": "dsRemove"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsChip, "ds-chip", never, { "insetDepth": { "alias": "insetDepth"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isInset": { "alias": "isInset"; "required": false; }; "label": { "alias": "label"; "required": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "dsRemove": "dsRemove"; }, never, ["*"], true, never>;
 }
 export declare interface DsChip extends Components.DsChip {
     /**

package/dist/angular/ds-chip.js

@@ -18,12 +18,12 @@ let DsChip = class DsChip {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsChip, 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: DsChip, isStandalone: true, selector: "ds-chip", inputs: { isInactive: "isInactive", label: "label", maxWidth: "maxWidth", removeLabel: "removeLabel", rounded: "rounded", size: "size", state: "state" }, outputs: { dsRemove: "dsRemove" }, 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: DsChip, isStandalone: true, selector: "ds-chip", inputs: { insetDepth: "insetDepth", isInactive: "isInactive", isInset: "isInset", label: "label", maxWidth: "maxWidth", removeLabel: "removeLabel", rounded: "rounded", size: "size", state: "state" }, outputs: { dsRemove: "dsRemove" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsChip = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsChip,
-        inputs: ['isInactive', 'label', 'maxWidth', 'removeLabel', 'rounded', 'size', 'state']
+        inputs: ['insetDepth', 'isInactive', 'isInset', 'label', 'maxWidth', 'removeLabel', 'rounded', 'size', 'state']
     })
 ], DsChip);
 export { DsChip };
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['isInactive', { name: 'label', required: true }, 'maxWidth', 'removeLabel', 'rounded', 'size', 'state'],
+                    inputs: ['insetDepth', 'isInactive', 'isInset', { name: 'label', required: true }, 'maxWidth', 'removeLabel', 'rounded', 'size', 'state'],
                     outputs: ['dsRemove'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsRemove: [{

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

@@ -2,19 +2,21 @@ import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/co
 import type { Components } from '@ds-mo/ui/components';
 import type { DsFilterMenuCustomEvent } from '@ds-mo/ui/components';
 import type { FilterMenuChangeDetail as IDsFilterMenuFilterMenuChangeDetail } from '@ds-mo/ui/components';
+import type { FilterMenuMatchModeChangeDetail as IDsFilterMenuFilterMenuMatchModeChangeDetail } from '@ds-mo/ui/components';
 import * as i0 from "@angular/core";
 export declare class DsFilterMenu {
     protected z: NgZone;
     protected el: HTMLDsFilterMenuElement;
     dsChange: EventEmitter<DsFilterMenuCustomEvent<IDsFilterMenuFilterMenuChangeDetail>>;
     dsClear: EventEmitter<DsFilterMenuCustomEvent<void>>;
+    dsMatchModeChange: EventEmitter<DsFilterMenuCustomEvent<IDsFilterMenuFilterMenuMatchModeChangeDetail>>;
     dsActiveFilterChange: EventEmitter<DsFilterMenuCustomEvent<string>>;
     dsClose: EventEmitter<DsFilterMenuCustomEvent<void>>;
     dsOpenChange: EventEmitter<DsFilterMenuCustomEvent<boolean>>;
     dsAfterClose: EventEmitter<DsFilterMenuCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsFilterMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsFilterMenu, "ds-filter-menu", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "activeFilterId": { "alias": "activeFilterId"; "required": false; }; "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "boundary": { "alias": "boundary"; "required": false; }; "categoriesLabel": { "alias": "categoriesLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "footerLayout": { "alias": "footerLayout"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "showSelectedCount": { "alias": "showSelectedCount"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "size": { "alias": "size"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "values": { "alias": "values"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsActiveFilterChange": "dsActiveFilterChange"; "dsClose": "dsClose"; "dsOpenChange": "dsOpenChange"; "dsAfterClose": "dsAfterClose"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsFilterMenu, "ds-filter-menu", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "activeFilterId": { "alias": "activeFilterId"; "required": false; }; "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "boundary": { "alias": "boundary"; "required": false; }; "categoriesLabel": { "alias": "categoriesLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "footerLayout": { "alias": "footerLayout"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "matchModes": { "alias": "matchModes"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "showSelectedCount": { "alias": "showSelectedCount"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "size": { "alias": "size"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "values": { "alias": "values"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsMatchModeChange": "dsMatchModeChange"; "dsActiveFilterChange": "dsActiveFilterChange"; "dsClose": "dsClose"; "dsOpenChange": "dsOpenChange"; "dsAfterClose": "dsAfterClose"; }, never, ["*"], true, never>;
 }
 export declare interface DsFilterMenu extends Components.DsFilterMenu {
     /**
@@ -25,6 +27,10 @@ export declare interface DsFilterMenu extends Components.DsFilterMenu {
      * Requests that the consumer clear every filter value.
      */
     dsClear: EventEmitter<DsFilterMenuCustomEvent<void>>;
+    /**
+     * Requests a controlled any/all mode replacement for a multiple-choice filter.
+     */
+    dsMatchModeChange: EventEmitter<DsFilterMenuCustomEvent<IDsFilterMenuFilterMenuMatchModeChangeDetail>>;
     /**
      * Requests a controlled active-category replacement.
      */

package/dist/angular/ds-filter-menu.js

@@ -15,6 +15,7 @@ let DsFilterMenu = class DsFilterMenu {
         this.z = z;
         this.dsChange = new EventEmitter();
         this.dsClear = new EventEmitter();
+        this.dsMatchModeChange = new EventEmitter();
         this.dsActiveFilterChange = new EventEmitter();
         this.dsClose = new EventEmitter();
         this.dsOpenChange = new EventEmitter();
@@ -23,12 +24,12 @@ let DsFilterMenu = class DsFilterMenu {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsFilterMenu, 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: DsFilterMenu, isStandalone: true, selector: "ds-filter-menu", inputs: { activeFill: "activeFill", activeFilterId: "activeFilterId", align: "align", alignOffset: "alignOffset", anchor: "anchor", anchorId: "anchorId", ariaLabel: "ariaLabel", boundary: "boundary", categoriesLabel: "categoriesLabel", clearLabel: "clearLabel", collapseLabel: "collapseLabel", filters: "filters", footerLayout: "footerLayout", hasBorder: "hasBorder", icon: "icon", initialFocusVisible: "initialFocusVisible", inputId: "inputId", menuLabel: "menuLabel", menuWidth: "menuWidth", open: "open", showSelectedCount: "showSelectedCount", side: "side", sideOffset: "sideOffset", size: "size", triggerLabel: "triggerLabel", values: "values", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsActiveFilterChange: "dsActiveFilterChange", dsClose: "dsClose", dsOpenChange: "dsOpenChange", dsAfterClose: "dsAfterClose" }, 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: DsFilterMenu, isStandalone: true, selector: "ds-filter-menu", inputs: { activeFill: "activeFill", activeFilterId: "activeFilterId", align: "align", alignOffset: "alignOffset", anchor: "anchor", anchorId: "anchorId", ariaLabel: "ariaLabel", boundary: "boundary", categoriesLabel: "categoriesLabel", clearLabel: "clearLabel", collapseLabel: "collapseLabel", filters: "filters", footerLayout: "footerLayout", hasBorder: "hasBorder", icon: "icon", initialFocusVisible: "initialFocusVisible", inputId: "inputId", matchModes: "matchModes", menuLabel: "menuLabel", menuWidth: "menuWidth", noResultsText: "noResultsText", open: "open", searchPlaceholder: "searchPlaceholder", showSelectedCount: "showSelectedCount", side: "side", sideOffset: "sideOffset", size: "size", triggerLabel: "triggerLabel", values: "values", width: "width" }, 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 }); }
 };
 DsFilterMenu = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsFilterMenu,
-        inputs: ['activeFill', 'activeFilterId', 'align', 'alignOffset', 'anchor', 'anchorId', 'ariaLabel', 'boundary', 'categoriesLabel', 'clearLabel', 'collapseLabel', 'filters', 'footerLayout', 'hasBorder', 'icon', 'initialFocusVisible', 'inputId', 'menuLabel', 'menuWidth', 'open', 'showSelectedCount', 'side', 'sideOffset', 'size', 'triggerLabel', 'values', 'width']
+        inputs: ['activeFill', 'activeFilterId', 'align', 'alignOffset', 'anchor', 'anchorId', 'ariaLabel', 'boundary', 'categoriesLabel', 'clearLabel', 'collapseLabel', 'filters', 'footerLayout', 'hasBorder', 'icon', 'initialFocusVisible', 'inputId', 'matchModes', 'menuLabel', 'menuWidth', 'noResultsText', 'open', 'searchPlaceholder', 'showSelectedCount', 'side', 'sideOffset', 'size', 'triggerLabel', 'values', 'width']
     })
 ], DsFilterMenu);
 export { DsFilterMenu };
@@ -39,13 +40,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeFill', 'activeFilterId', 'align', 'alignOffset', 'anchor', 'anchorId', 'ariaLabel', 'boundary', 'categoriesLabel', 'clearLabel', 'collapseLabel', 'filters', 'footerLayout', 'hasBorder', 'icon', 'initialFocusVisible', 'inputId', 'menuLabel', 'menuWidth', 'open', 'showSelectedCount', 'side', 'sideOffset', 'size', 'triggerLabel', 'values', 'width'],
-                    outputs: ['dsChange', 'dsClear', 'dsActiveFilterChange', 'dsClose', 'dsOpenChange', 'dsAfterClose'],
+                    inputs: ['activeFill', 'activeFilterId', 'align', 'alignOffset', 'anchor', 'anchorId', 'ariaLabel', 'boundary', 'categoriesLabel', 'clearLabel', 'collapseLabel', 'filters', 'footerLayout', 'hasBorder', 'icon', 'initialFocusVisible', 'inputId', 'matchModes', 'menuLabel', 'menuWidth', 'noResultsText', 'open', 'searchPlaceholder', 'showSelectedCount', 'side', 'sideOffset', 'size', 'triggerLabel', 'values', 'width'],
+                    outputs: ['dsChange', 'dsClear', 'dsMatchModeChange', 'dsActiveFilterChange', 'dsClose', 'dsOpenChange', 'dsAfterClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
                 type: Output
             }], dsClear: [{
                 type: Output
+            }], dsMatchModeChange: [{
+                type: Output
             }], dsActiveFilterChange: [{
                 type: Output
             }], dsClose: [{

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

@@ -9,7 +9,7 @@ export declare class DsInput {
     dsClear: EventEmitter<DsInputCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsInput, "ds-input", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterKeyHint": { "alias": "enterKeyHint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsInput, "ds-input", never, { "ariaActiveDescendant": { "alias": "ariaActiveDescendant"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterKeyHint": { "alias": "enterKeyHint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasInteractionFill": { "alias": "hasInteractionFill"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; }, never, ["*"], true, never>;
 }
 export declare interface DsInput extends Components.DsInput {
     dsChange: EventEmitter<DsInputCustomEvent<string>>;

package/dist/angular/ds-input.js

@@ -19,12 +19,12 @@ let DsInput = class DsInput {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsInput, 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: DsInput, isStandalone: true, selector: "ds-input", inputs: { ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoComplete: "autoComplete", autoFocus: "autoFocus", clearLabel: "clearLabel", disabled: "disabled", enterKeyHint: "enterKeyHint", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", icon: "icon", inputId: "inputId", inputMode: "inputMode", isInactive: "isInactive", max: "max", min: "min", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", size: "size", step: "step", textAlign: "textAlign", type: "type", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear" }, 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: DsInput, isStandalone: true, selector: "ds-input", inputs: { ariaActiveDescendant: "ariaActiveDescendant", ariaControls: "ariaControls", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", autoComplete: "autoComplete", autoFocus: "autoFocus", clearLabel: "clearLabel", disabled: "disabled", enterKeyHint: "enterKeyHint", error: "error", errorMessage: "errorMessage", form: "form", hasBorder: "hasBorder", hasInteractionFill: "hasInteractionFill", icon: "icon", inputId: "inputId", inputMode: "inputMode", isInactive: "isInactive", max: "max", min: "min", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", requiredMessage: "requiredMessage", size: "size", step: "step", textAlign: "textAlign", type: "type", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsInput = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsInput,
-        inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'textAlign', 'type', 'value', 'width'],
+        inputs: ['ariaActiveDescendant', 'ariaControls', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'textAlign', 'type', 'value', 'width'],
         methods: ['setFocus']
     })
 ], DsInput);
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'textAlign', 'type', 'value', 'width'],
+                    inputs: ['ariaActiveDescendant', 'ariaControls', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'autoComplete', 'autoFocus', 'clearLabel', 'disabled', 'enterKeyHint', 'error', 'errorMessage', 'form', 'hasBorder', 'hasInteractionFill', 'icon', 'inputId', 'inputMode', 'isInactive', 'max', 'min', 'name', 'placeholder', 'readOnly', 'required', 'requiredMessage', 'size', 'step', 'textAlign', 'type', 'value', 'width'],
                     outputs: ['dsChange', 'dsClear'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

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

@@ -8,7 +8,7 @@ export declare class DsTabGroup {
     dsChange: EventEmitter<DsTabGroupCustomEvent<string>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsTabGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTabGroup, "ds-tab-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "background": { "alias": "background"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTabGroup, "ds-tab-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "background": { "alias": "background"; "required": false; }; "hasContainer": { "alias": "hasContainer"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsTabGroup extends Components.DsTabGroup {
     dsChange: EventEmitter<DsTabGroupCustomEvent<string>>;

package/dist/angular/ds-tab-group.js

@@ -18,12 +18,12 @@ let DsTabGroup = class DsTabGroup {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTabGroup, 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: DsTabGroup, isStandalone: true, selector: "ds-tab-group", inputs: { ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", background: "background", size: "size", tabs: "tabs", value: "value", width: "width" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsTabGroup, isStandalone: true, selector: "ds-tab-group", inputs: { ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", background: "background", hasContainer: "hasContainer", size: "size", tabs: "tabs", value: "value", width: "width" }, outputs: { dsChange: "dsChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsTabGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsTabGroup,
-        inputs: ['ariaLabel', 'ariaLabelledby', 'background', 'size', 'tabs', 'value', 'width']
+        inputs: ['ariaLabel', 'ariaLabelledby', 'background', 'hasContainer', 'size', 'tabs', 'value', 'width']
     })
 ], DsTabGroup);
 export { DsTabGroup };
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabel', 'ariaLabelledby', 'background', 'size', 'tabs', 'value', 'width'],
+                    inputs: ['ariaLabel', 'ariaLabelledby', 'background', 'hasContainer', 'size', 'tabs', 'value', 'width'],
                     outputs: ['dsChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

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

@@ -2,19 +2,21 @@ import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/co
 import type { Components } from '@ds-mo/ui/components';
 import type { DsTableFilterCustomEvent } from '@ds-mo/ui/components';
 import type { FilterMenuChangeDetail as IDsTableFilterFilterMenuChangeDetail } from '@ds-mo/ui/components';
+import type { FilterMenuMatchModeChangeDetail as IDsTableFilterFilterMenuMatchModeChangeDetail } from '@ds-mo/ui/components';
 import * as i0 from "@angular/core";
 export declare class DsTableFilter {
     protected z: NgZone;
     protected el: HTMLDsTableFilterElement;
     dsChange: EventEmitter<DsTableFilterCustomEvent<IDsTableFilterFilterMenuChangeDetail>>;
     dsClear: EventEmitter<DsTableFilterCustomEvent<void>>;
+    dsMatchModeChange: EventEmitter<DsTableFilterCustomEvent<IDsTableFilterFilterMenuMatchModeChangeDetail>>;
     dsActiveFilterChange: EventEmitter<DsTableFilterCustomEvent<string>>;
     dsClose: EventEmitter<DsTableFilterCustomEvent<void>>;
     dsOpenChange: EventEmitter<DsTableFilterCustomEvent<boolean>>;
     dsAfterClose: EventEmitter<DsTableFilterCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsTableFilter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableFilter, "ds-table-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; }; "label": { "alias": "label"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsActiveFilterChange": "dsActiveFilterChange"; "dsClose": "dsClose"; "dsOpenChange": "dsOpenChange"; "dsAfterClose": "dsAfterClose"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableFilter, "ds-table-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; }; "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 DsTableFilter extends Components.DsTableFilter {
     /**
@@ -25,6 +27,10 @@ export declare interface DsTableFilter extends Components.DsTableFilter {
      * Requests that the consumer clear every filter value.
      */
     dsClear: EventEmitter<DsTableFilterCustomEvent<void>>;
+    /**
+     * Requests a controlled any/all mode replacement for a multiple-choice filter.
+     */
+    dsMatchModeChange: EventEmitter<DsTableFilterCustomEvent<IDsTableFilterFilterMenuMatchModeChangeDetail>>;
     /**
      * Requests a controlled active-category replacement.
      */

package/dist/angular/ds-table-filter.js

@@ -15,6 +15,7 @@ let DsTableFilter = class DsTableFilter {
         this.z = z;
         this.dsChange = new EventEmitter();
         this.dsClear = new EventEmitter();
+        this.dsMatchModeChange = new EventEmitter();
         this.dsActiveFilterChange = new EventEmitter();
         this.dsClose = new EventEmitter();
         this.dsOpenChange = new EventEmitter();
@@ -23,12 +24,12 @@ let DsTableFilter = class DsTableFilter {
         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", label: "label", menuLabel: "menuLabel", open: "open", values: "values" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsActiveFilterChange: "dsActiveFilterChange", dsClose: "dsClose", dsOpenChange: "dsOpenChange", dsAfterClose: "dsAfterClose" }, 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: DsTableFilter, isStandalone: true, selector: "ds-table-filter", inputs: { activeFilterId: "activeFilterId", ariaLabel: "ariaLabel", categoriesLabel: "categoriesLabel", clearLabel: "clearLabel", filters: "filters", 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([
     ProxyCmp({
         defineCustomElementFn: defineDsTableFilter,
-        inputs: ['activeFilterId', 'ariaLabel', 'categoriesLabel', 'clearLabel', 'filters', 'label', 'menuLabel', 'open', 'values']
+        inputs: ['activeFilterId', 'ariaLabel', 'categoriesLabel', 'clearLabel', 'filters', 'label', 'matchModes', 'menuLabel', 'noResultsText', 'open', 'searchPlaceholder', 'values']
     })
 ], DsTableFilter);
 export { DsTableFilter };
@@ -39,13 +40,15 @@ 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: ['activeFilterId', 'ariaLabel', 'categoriesLabel', 'clearLabel', 'filters', 'label', 'menuLabel', 'open', 'values'],
-                    outputs: ['dsChange', 'dsClear', 'dsActiveFilterChange', 'dsClose', 'dsOpenChange', 'dsAfterClose'],
+                    inputs: ['activeFilterId', 'ariaLabel', 'categoriesLabel', 'clearLabel', 'filters', 'label', 'matchModes', 'menuLabel', 'noResultsText', 'open', 'searchPlaceholder', 'values'],
+                    outputs: ['dsChange', 'dsClear', 'dsMatchModeChange', 'dsActiveFilterChange', 'dsClose', 'dsOpenChange', 'dsAfterClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{
                 type: Output
             }], dsClear: [{
                 type: Output
+            }], dsMatchModeChange: [{
+                type: Output
             }], dsActiveFilterChange: [{
                 type: Output
             }], dsClose: [{

package/dist/angular/ds-table-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 { DsTableGroupCustomEvent } from '@ds-mo/ui/components';
+import type { TableGroupingState as IDsTableGroupTableGroupingState } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsTableGroup {
+    protected z: NgZone;
+    protected el: HTMLDsTableGroupElement;
+    dsGroupChange: EventEmitter<DsTableGroupCustomEvent<IDsTableGroupTableGroupingState>>;
+    dsClear: EventEmitter<DsTableGroupCustomEvent<void>>;
+    dsOpenChange: EventEmitter<DsTableGroupCustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsTableGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableGroup, "ds-table-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "dsGroupChange": "dsGroupChange"; "dsClear": "dsClear"; "dsOpenChange": "dsOpenChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsTableGroup extends Components.DsTableGroup {
+    /**
+     * Requests replacement of the complete controlled grouping state.
+     */
+    dsGroupChange: EventEmitter<DsTableGroupCustomEvent<IDsTableGroupTableGroupingState>>;
+    /**
+     * Requests removal of the controlled grouping state.
+     */
+    dsClear: EventEmitter<DsTableGroupCustomEvent<void>>;
+    /**
+     * Reports controlled popup visibility changes.
+     */
+    dsOpenChange: EventEmitter<DsTableGroupCustomEvent<boolean>>;
+}

package/dist/angular/ds-table-group.js

@@ -0,0 +1,48 @@
+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 defineDsTableGroup } from '@ds-mo/ui/components/ds-table-group.js';
+import * as i0 from "@angular/core";
+let DsTableGroup = class DsTableGroup {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsGroupChange = new EventEmitter();
+        this.dsClear = new EventEmitter();
+        this.dsOpenChange = new EventEmitter();
+        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", emptyMessage: "emptyMessage", grouping: "grouping", open: "open", options: "options" }, outputs: { dsGroupChange: "dsGroupChange", dsClear: "dsClear", dsOpenChange: "dsOpenChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+};
+DsTableGroup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsTableGroup,
+        inputs: ['ariaLabel', 'clearLabel', 'emptyMessage', 'grouping', 'open', 'options']
+    })
+], DsTableGroup);
+export { DsTableGroup };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTableGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-table-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['ariaLabel', 'clearLabel', 'emptyMessage', 'grouping', 'open', 'options'],
+                    outputs: ['dsGroupChange', 'dsClear', 'dsOpenChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsGroupChange: [{
+                type: Output
+            }], dsClear: [{
+                type: Output
+            }], dsOpenChange: [{
+                type: Output
+            }] } });

package/dist/angular/ds-table-search.d.ts

@@ -0,0 +1,20 @@
+import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import type { Components } from '@ds-mo/ui/components';
+import type { DsTableSearchCustomEvent } from '@ds-mo/ui/components';
+import type { TableSearchFieldsChangeDetail as IDsTableSearchTableSearchFieldsChangeDetail } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsTableSearch {
+    protected z: NgZone;
+    protected el: HTMLDsTableSearchElement;
+    dsChange: EventEmitter<DsTableSearchCustomEvent<string>>;
+    dsFieldsChange: EventEmitter<DsTableSearchCustomEvent<IDsTableSearchTableSearchFieldsChangeDetail>>;
+    dsClear: EventEmitter<DsTableSearchCustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsTableSearch, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableSearch, "ds-table-search", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "fieldMenuLabel": { "alias": "fieldMenuLabel"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "selectedFieldIds": { "alias": "selectedFieldIds"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; "dsFieldsChange": "dsFieldsChange"; "dsClear": "dsClear"; }, never, ["*"], true, never>;
+}
+export declare interface DsTableSearch extends Components.DsTableSearch {
+    dsChange: EventEmitter<DsTableSearchCustomEvent<string>>;
+    dsFieldsChange: EventEmitter<DsTableSearchCustomEvent<IDsTableSearchTableSearchFieldsChangeDetail>>;
+    dsClear: EventEmitter<DsTableSearchCustomEvent<void>>;
+}

package/dist/angular/ds-table-search.js

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

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

@@ -27,7 +27,7 @@ export declare class DsTable {
     dsDataModeChange: EventEmitter<DsTableCustomEvent<IDsTableTableDataModeChangeDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTable, "ds-table", never, { "caption": { "alias": "caption"; "required": true; }; "captionVisibility": { "alias": "captionVisibility"; "required": false; }; "chromeLoading": { "alias": "chromeLoading"; "required": false; }; "collapsedGroupIds": { "alias": "collapsedGroupIds"; "required": false; }; "columnCustomizer": { "alias": "columnCustomizer"; "required": false; }; "columnOrder": { "alias": "columnOrder"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "dataMode": { "alias": "dataMode"; "required": false; }; "dataModeMenuLabel": { "alias": "dataModeMenuLabel"; "required": false; }; "dataModeSwitcher": { "alias": "dataModeSwitcher"; "required": false; }; "dataModeSwitcherLabel": { "alias": "dataModeSwitcherLabel"; "required": false; }; "displayedCount": { "alias": "displayedCount"; "required": false; }; "emptyBody": { "alias": "emptyBody"; "required": false; }; "emptyCellLabel": { "alias": "emptyCellLabel"; "required": false; }; "emptyHeading": { "alias": "emptyHeading"; "required": false; }; "endOfResultsLabel": { "alias": "endOfResultsLabel"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorBody": { "alias": "errorBody"; "required": false; }; "errorHeading": { "alias": "errorHeading"; "required": false; }; "fitViewport": { "alias": "fitViewport"; "required": false; }; "groupEndOfResultsLabel": { "alias": "groupEndOfResultsLabel"; "required": false; }; "groupLoadMoreAriaLabel": { "alias": "groupLoadMoreAriaLabel"; "required": false; }; "groupLoadMoreLabel": { "alias": "groupLoadMoreLabel"; "required": false; }; "groupLoadingMoreLabel": { "alias": "groupLoadingMoreLabel"; "required": false; }; "groupRetryLabel": { "alias": "groupRetryLabel"; "required": false; }; "groupRowsLoadedLabel": { "alias": "groupRowsLoadedLabel"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "hasMore": { "alias": "hasMore"; "required": false; }; "height": { "alias": "height"; "required": false; }; "hiddenColumnIds": { "alias": "hiddenColumnIds"; "required": false; }; "infiniteModeLabel": { "alias": "infiniteModeLabel"; "required": false; }; "loadIdentity": { "alias": "loadIdentity"; "required": false; }; "loadMoreError": { "alias": "loadMoreError"; "required": false; }; "loadMoreLabel": { "alias": "loadMoreLabel"; "required": false; }; "loadMoreMode": { "alias": "loadMoreMode"; "required": false; }; "loadMoreThreshold": { "alias": "loadMoreThreshold"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingMore": { "alias": "loadingMore"; "required": false; }; "loadingMoreLabel": { "alias": "loadingMoreLabel"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "paginationModeLabel": { "alias": "paginationModeLabel"; "required": false; }; "resultSummaryLabel": { "alias": "resultSummaryLabel"; "required": false; }; "resultTotalSummaryLabel": { "alias": "resultTotalSummaryLabel"; "required": false; }; "retryLabel": { "alias": "retryLabel"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "rowsLoadedLabel": { "alias": "rowsLoadedLabel"; "required": false; }; "scrollLabel": { "alias": "scrollLabel"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "totalCount": { "alias": "totalCount"; "required": false; }; "viewportInsetBlockEnd": { "alias": "viewportInsetBlockEnd"; "required": false; }; "viewportInsetBlockStart": { "alias": "viewportInsetBlockStart"; "required": false; }; "virtualModeLabel": { "alias": "virtualModeLabel"; "required": false; }; }, { "dsSortChange": "dsSortChange"; "dsGroupCollapseChange": "dsGroupCollapseChange"; "dsSelectionChange": "dsSelectionChange"; "dsLoadMore": "dsLoadMore"; "dsGroupLoadMore": "dsGroupLoadMore"; "dsPaginationChange": "dsPaginationChange"; "dsCellAction": "dsCellAction"; "dsRowActivate": "dsRowActivate"; "dsColumnsConfigChange": "dsColumnsConfigChange"; "dsDataModeChange": "dsDataModeChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTable, "ds-table", never, { "caption": { "alias": "caption"; "required": true; }; "captionVisibility": { "alias": "captionVisibility"; "required": false; }; "chromeLoading": { "alias": "chromeLoading"; "required": false; }; "collapsedGroupIds": { "alias": "collapsedGroupIds"; "required": false; }; "columnCustomizer": { "alias": "columnCustomizer"; "required": false; }; "columnOrder": { "alias": "columnOrder"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "dataMode": { "alias": "dataMode"; "required": false; }; "dataModeMenuLabel": { "alias": "dataModeMenuLabel"; "required": false; }; "dataModeSwitcher": { "alias": "dataModeSwitcher"; "required": false; }; "dataModeSwitcherLabel": { "alias": "dataModeSwitcherLabel"; "required": false; }; "displayedCount": { "alias": "displayedCount"; "required": false; }; "emptyBody": { "alias": "emptyBody"; "required": false; }; "emptyCellLabel": { "alias": "emptyCellLabel"; "required": false; }; "emptyHeading": { "alias": "emptyHeading"; "required": false; }; "endOfResultsLabel": { "alias": "endOfResultsLabel"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorBody": { "alias": "errorBody"; "required": false; }; "errorHeading": { "alias": "errorHeading"; "required": false; }; "fitViewport": { "alias": "fitViewport"; "required": false; }; "groupEndOfResultsLabel": { "alias": "groupEndOfResultsLabel"; "required": false; }; "groupLoadMoreAriaLabel": { "alias": "groupLoadMoreAriaLabel"; "required": false; }; "groupLoadMoreLabel": { "alias": "groupLoadMoreLabel"; "required": false; }; "groupLoadingMoreLabel": { "alias": "groupLoadingMoreLabel"; "required": false; }; "groupRetryLabel": { "alias": "groupRetryLabel"; "required": false; }; "groupRowsLoadedLabel": { "alias": "groupRowsLoadedLabel"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "hasMore": { "alias": "hasMore"; "required": false; }; "height": { "alias": "height"; "required": false; }; "hiddenColumnIds": { "alias": "hiddenColumnIds"; "required": false; }; "highlightFieldIds": { "alias": "highlightFieldIds"; "required": false; }; "highlightTerms": { "alias": "highlightTerms"; "required": false; }; "infiniteModeLabel": { "alias": "infiniteModeLabel"; "required": false; }; "loadIdentity": { "alias": "loadIdentity"; "required": false; }; "loadMoreError": { "alias": "loadMoreError"; "required": false; }; "loadMoreLabel": { "alias": "loadMoreLabel"; "required": false; }; "loadMoreMode": { "alias": "loadMoreMode"; "required": false; }; "loadMoreThreshold": { "alias": "loadMoreThreshold"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingMore": { "alias": "loadingMore"; "required": false; }; "loadingMoreLabel": { "alias": "loadingMoreLabel"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "paginationModeLabel": { "alias": "paginationModeLabel"; "required": false; }; "resultSummaryLabel": { "alias": "resultSummaryLabel"; "required": false; }; "resultTotalSummaryLabel": { "alias": "resultTotalSummaryLabel"; "required": false; }; "retryLabel": { "alias": "retryLabel"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "rowsLoadedLabel": { "alias": "rowsLoadedLabel"; "required": false; }; "scrollLabel": { "alias": "scrollLabel"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "totalCount": { "alias": "totalCount"; "required": false; }; "viewportInsetBlockEnd": { "alias": "viewportInsetBlockEnd"; "required": false; }; "viewportInsetBlockStart": { "alias": "viewportInsetBlockStart"; "required": false; }; "virtualModeLabel": { "alias": "virtualModeLabel"; "required": false; }; }, { "dsSortChange": "dsSortChange"; "dsGroupCollapseChange": "dsGroupCollapseChange"; "dsSelectionChange": "dsSelectionChange"; "dsLoadMore": "dsLoadMore"; "dsGroupLoadMore": "dsGroupLoadMore"; "dsPaginationChange": "dsPaginationChange"; "dsCellAction": "dsCellAction"; "dsRowActivate": "dsRowActivate"; "dsColumnsConfigChange": "dsColumnsConfigChange"; "dsDataModeChange": "dsDataModeChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsTable extends Components.DsTable {
     dsSortChange: EventEmitter<DsTableCustomEvent<IDsTableTableSortChangeDetail>>;

package/dist/angular/ds-table.js

@@ -27,12 +27,12 @@ let DsTable = class DsTable {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTable, 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: DsTable, isStandalone: true, selector: "ds-table", inputs: { caption: "caption", captionVisibility: "captionVisibility", chromeLoading: "chromeLoading", collapsedGroupIds: "collapsedGroupIds", columnCustomizer: "columnCustomizer", columnOrder: "columnOrder", columns: "columns", dataMode: "dataMode", dataModeMenuLabel: "dataModeMenuLabel", dataModeSwitcher: "dataModeSwitcher", dataModeSwitcherLabel: "dataModeSwitcherLabel", displayedCount: "displayedCount", emptyBody: "emptyBody", emptyCellLabel: "emptyCellLabel", emptyHeading: "emptyHeading", endOfResultsLabel: "endOfResultsLabel", error: "error", errorBody: "errorBody", errorHeading: "errorHeading", fitViewport: "fitViewport", groupEndOfResultsLabel: "groupEndOfResultsLabel", groupLoadMoreAriaLabel: "groupLoadMoreAriaLabel", groupLoadMoreLabel: "groupLoadMoreLabel", groupLoadingMoreLabel: "groupLoadingMoreLabel", groupRetryLabel: "groupRetryLabel", groupRowsLoadedLabel: "groupRowsLoadedLabel", grouping: "grouping", groups: "groups", hasMore: "hasMore", height: "height", hiddenColumnIds: "hiddenColumnIds", infiniteModeLabel: "infiniteModeLabel", loadIdentity: "loadIdentity", loadMoreError: "loadMoreError", loadMoreLabel: "loadMoreLabel", loadMoreMode: "loadMoreMode", loadMoreThreshold: "loadMoreThreshold", loading: "loading", loadingMore: "loadingMore", loadingMoreLabel: "loadingMoreLabel", maxHeight: "maxHeight", pagination: "pagination", paginationModeLabel: "paginationModeLabel", resultSummaryLabel: "resultSummaryLabel", resultTotalSummaryLabel: "resultTotalSummaryLabel", retryLabel: "retryLabel", rows: "rows", rowsLoadedLabel: "rowsLoadedLabel", scrollLabel: "scrollLabel", selectedRowIds: "selectedRowIds", selectionMode: "selectionMode", skeletonRows: "skeletonRows", sort: "sort", stickyHeader: "stickyHeader", totalCount: "totalCount", viewportInsetBlockEnd: "viewportInsetBlockEnd", viewportInsetBlockStart: "viewportInsetBlockStart", virtualModeLabel: "virtualModeLabel" }, outputs: { dsSortChange: "dsSortChange", dsGroupCollapseChange: "dsGroupCollapseChange", dsSelectionChange: "dsSelectionChange", dsLoadMore: "dsLoadMore", dsGroupLoadMore: "dsGroupLoadMore", dsPaginationChange: "dsPaginationChange", dsCellAction: "dsCellAction", dsRowActivate: "dsRowActivate", dsColumnsConfigChange: "dsColumnsConfigChange", dsDataModeChange: "dsDataModeChange" }, 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: DsTable, isStandalone: true, selector: "ds-table", inputs: { caption: "caption", captionVisibility: "captionVisibility", chromeLoading: "chromeLoading", collapsedGroupIds: "collapsedGroupIds", columnCustomizer: "columnCustomizer", columnOrder: "columnOrder", columns: "columns", dataMode: "dataMode", dataModeMenuLabel: "dataModeMenuLabel", dataModeSwitcher: "dataModeSwitcher", dataModeSwitcherLabel: "dataModeSwitcherLabel", displayedCount: "displayedCount", emptyBody: "emptyBody", emptyCellLabel: "emptyCellLabel", emptyHeading: "emptyHeading", endOfResultsLabel: "endOfResultsLabel", error: "error", errorBody: "errorBody", errorHeading: "errorHeading", fitViewport: "fitViewport", groupEndOfResultsLabel: "groupEndOfResultsLabel", groupLoadMoreAriaLabel: "groupLoadMoreAriaLabel", groupLoadMoreLabel: "groupLoadMoreLabel", groupLoadingMoreLabel: "groupLoadingMoreLabel", groupRetryLabel: "groupRetryLabel", groupRowsLoadedLabel: "groupRowsLoadedLabel", grouping: "grouping", groups: "groups", hasMore: "hasMore", height: "height", hiddenColumnIds: "hiddenColumnIds", highlightFieldIds: "highlightFieldIds", highlightTerms: "highlightTerms", infiniteModeLabel: "infiniteModeLabel", loadIdentity: "loadIdentity", loadMoreError: "loadMoreError", loadMoreLabel: "loadMoreLabel", loadMoreMode: "loadMoreMode", loadMoreThreshold: "loadMoreThreshold", loading: "loading", loadingMore: "loadingMore", loadingMoreLabel: "loadingMoreLabel", maxHeight: "maxHeight", pagination: "pagination", paginationModeLabel: "paginationModeLabel", resultSummaryLabel: "resultSummaryLabel", resultTotalSummaryLabel: "resultTotalSummaryLabel", retryLabel: "retryLabel", rows: "rows", rowsLoadedLabel: "rowsLoadedLabel", scrollLabel: "scrollLabel", selectedRowIds: "selectedRowIds", selectionMode: "selectionMode", skeletonRows: "skeletonRows", sort: "sort", stickyHeader: "stickyHeader", totalCount: "totalCount", viewportInsetBlockEnd: "viewportInsetBlockEnd", viewportInsetBlockStart: "viewportInsetBlockStart", virtualModeLabel: "virtualModeLabel" }, outputs: { dsSortChange: "dsSortChange", dsGroupCollapseChange: "dsGroupCollapseChange", dsSelectionChange: "dsSelectionChange", dsLoadMore: "dsLoadMore", dsGroupLoadMore: "dsGroupLoadMore", dsPaginationChange: "dsPaginationChange", dsCellAction: "dsCellAction", dsRowActivate: "dsRowActivate", dsColumnsConfigChange: "dsColumnsConfigChange", dsDataModeChange: "dsDataModeChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsTable = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsTable,
-        inputs: ['caption', 'captionVisibility', 'chromeLoading', 'collapsedGroupIds', 'columnCustomizer', 'columnOrder', 'columns', 'dataMode', 'dataModeMenuLabel', 'dataModeSwitcher', 'dataModeSwitcherLabel', 'displayedCount', 'emptyBody', 'emptyCellLabel', 'emptyHeading', 'endOfResultsLabel', 'error', 'errorBody', 'errorHeading', 'fitViewport', 'groupEndOfResultsLabel', 'groupLoadMoreAriaLabel', 'groupLoadMoreLabel', 'groupLoadingMoreLabel', 'groupRetryLabel', 'groupRowsLoadedLabel', 'grouping', 'groups', 'hasMore', 'height', 'hiddenColumnIds', 'infiniteModeLabel', 'loadIdentity', 'loadMoreError', 'loadMoreLabel', 'loadMoreMode', 'loadMoreThreshold', 'loading', 'loadingMore', 'loadingMoreLabel', 'maxHeight', 'pagination', 'paginationModeLabel', 'resultSummaryLabel', 'resultTotalSummaryLabel', 'retryLabel', 'rows', 'rowsLoadedLabel', 'scrollLabel', 'selectedRowIds', 'selectionMode', 'skeletonRows', 'sort', 'stickyHeader', 'totalCount', 'viewportInsetBlockEnd', 'viewportInsetBlockStart', 'virtualModeLabel']
+        inputs: ['caption', 'captionVisibility', 'chromeLoading', 'collapsedGroupIds', 'columnCustomizer', 'columnOrder', 'columns', 'dataMode', 'dataModeMenuLabel', 'dataModeSwitcher', 'dataModeSwitcherLabel', 'displayedCount', 'emptyBody', 'emptyCellLabel', 'emptyHeading', 'endOfResultsLabel', 'error', 'errorBody', 'errorHeading', 'fitViewport', 'groupEndOfResultsLabel', 'groupLoadMoreAriaLabel', 'groupLoadMoreLabel', 'groupLoadingMoreLabel', 'groupRetryLabel', 'groupRowsLoadedLabel', 'grouping', 'groups', 'hasMore', 'height', 'hiddenColumnIds', 'highlightFieldIds', 'highlightTerms', 'infiniteModeLabel', 'loadIdentity', 'loadMoreError', 'loadMoreLabel', 'loadMoreMode', 'loadMoreThreshold', 'loading', 'loadingMore', 'loadingMoreLabel', 'maxHeight', 'pagination', 'paginationModeLabel', 'resultSummaryLabel', 'resultTotalSummaryLabel', 'retryLabel', 'rows', 'rowsLoadedLabel', 'scrollLabel', 'selectedRowIds', 'selectionMode', 'skeletonRows', 'sort', 'stickyHeader', 'totalCount', 'viewportInsetBlockEnd', 'viewportInsetBlockStart', 'virtualModeLabel']
     })
 ], DsTable);
 export { DsTable };
@@ -43,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [{ name: 'caption', required: true }, 'captionVisibility', 'chromeLoading', 'collapsedGroupIds', 'columnCustomizer', 'columnOrder', 'columns', 'dataMode', 'dataModeMenuLabel', 'dataModeSwitcher', 'dataModeSwitcherLabel', 'displayedCount', 'emptyBody', 'emptyCellLabel', 'emptyHeading', 'endOfResultsLabel', 'error', 'errorBody', 'errorHeading', 'fitViewport', 'groupEndOfResultsLabel', 'groupLoadMoreAriaLabel', 'groupLoadMoreLabel', 'groupLoadingMoreLabel', 'groupRetryLabel', 'groupRowsLoadedLabel', 'grouping', 'groups', 'hasMore', 'height', 'hiddenColumnIds', 'infiniteModeLabel', 'loadIdentity', 'loadMoreError', 'loadMoreLabel', 'loadMoreMode', 'loadMoreThreshold', 'loading', 'loadingMore', 'loadingMoreLabel', 'maxHeight', 'pagination', 'paginationModeLabel', 'resultSummaryLabel', 'resultTotalSummaryLabel', 'retryLabel', 'rows', 'rowsLoadedLabel', 'scrollLabel', 'selectedRowIds', 'selectionMode', 'skeletonRows', 'sort', 'stickyHeader', 'totalCount', 'viewportInsetBlockEnd', 'viewportInsetBlockStart', 'virtualModeLabel'],
+                    inputs: [{ name: 'caption', required: true }, 'captionVisibility', 'chromeLoading', 'collapsedGroupIds', 'columnCustomizer', 'columnOrder', 'columns', 'dataMode', 'dataModeMenuLabel', 'dataModeSwitcher', 'dataModeSwitcherLabel', 'displayedCount', 'emptyBody', 'emptyCellLabel', 'emptyHeading', 'endOfResultsLabel', 'error', 'errorBody', 'errorHeading', 'fitViewport', 'groupEndOfResultsLabel', 'groupLoadMoreAriaLabel', 'groupLoadMoreLabel', 'groupLoadingMoreLabel', 'groupRetryLabel', 'groupRowsLoadedLabel', 'grouping', 'groups', 'hasMore', 'height', 'hiddenColumnIds', 'highlightFieldIds', 'highlightTerms', 'infiniteModeLabel', 'loadIdentity', 'loadMoreError', 'loadMoreLabel', 'loadMoreMode', 'loadMoreThreshold', 'loading', 'loadingMore', 'loadingMoreLabel', 'maxHeight', 'pagination', 'paginationModeLabel', 'resultSummaryLabel', 'resultTotalSummaryLabel', 'retryLabel', 'rows', 'rowsLoadedLabel', 'scrollLabel', 'selectedRowIds', 'selectionMode', 'skeletonRows', 'sort', 'stickyHeader', 'totalCount', 'viewportInsetBlockEnd', 'viewportInsetBlockStart', 'virtualModeLabel'],
                     outputs: ['dsSortChange', 'dsGroupCollapseChange', 'dsSelectionChange', 'dsLoadMore', 'dsGroupLoadMore', 'dsPaginationChange', 'dsCellAction', 'dsRowActivate', 'dsColumnsConfigChange', 'dsDataModeChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsSortChange: [{

package/dist/angular/index.d.ts

@@ -1,2 +1,2 @@
 import * as d from './proxies';
-export declare const DIRECTIVES: (typeof d.DsAgentActivity | typeof d.DsAgentQuestionnaire | typeof d.DsAgentResponse | typeof d.DsAgentSourceList | typeof d.DsAgentToolCall | typeof d.DsAttachmentList | typeof d.DsAvatar | typeof d.DsBadge | typeof d.DsBanner | typeof d.DsBarAction | typeof d.DsBarNav | typeof d.DsBarTitle | typeof d.DsBarWorkflow | typeof d.DsBreadcrumb | typeof d.DsButtonFilled | typeof d.DsButtonUnfilled | typeof d.DsCardChart | typeof d.DsCardOverview | typeof d.DsCardSetting | typeof d.DsChartLegend | typeof d.DsChart | typeof d.DsCheckbox | typeof d.DsChip | typeof d.DsCodeBlock | typeof d.DsConversationListItem | typeof d.DsConversationListSection | typeof d.DsConversationList | typeof d.DsDivider | typeof d.DsEmptyState | typeof d.DsField | typeof d.DsFilterMenu | typeof d.DsIcon | typeof d.DsInput | typeof d.DsLoader | typeof d.DsMarkdown | typeof d.DsMenu | typeof d.DsMessageActions | typeof d.DsMessageBubble | typeof d.DsMessageComposer | typeof d.DsMessageScroller | typeof d.DsMessage | typeof d.DsMobileBarNav | typeof d.DsMobileHeader | typeof d.DsMobileSectionSwitcher | typeof d.DsMobileSheetNav | typeof d.DsModal | typeof d.DsPagination | typeof d.DsPanelNav | typeof d.DsPanelSubNav | typeof d.DsPanelToolHeader | typeof d.DsPanelToolSearch | typeof d.DsPanelTools | typeof d.DsPaperTexture | typeof d.DsRadio | typeof d.DsScrollOverlay | typeof d.DsSelect | typeof d.DsShellApp | typeof d.DsShellPage | typeof d.DsShellTools | typeof d.DsSkeleton | typeof d.DsSlider | typeof d.DsSwatchPicker | typeof d.DsSwitch | typeof d.DsTabGroup | typeof d.DsTableFilter | typeof d.DsTableSavedViews | typeof d.DsTableSort | typeof d.DsTableToolbar | typeof d.DsTable | typeof d.DsTag | typeof d.DsText | typeof d.DsToast | typeof d.DsTooltipChart | typeof d.DsTooltip | typeof d.DsTypingIndicator)[];
+export declare const DIRECTIVES: (typeof d.DsAgentActivity | typeof d.DsAgentQuestionnaire | typeof d.DsAgentResponse | typeof d.DsAgentSourceList | typeof d.DsAgentToolCall | typeof d.DsAttachmentList | typeof d.DsAvatar | typeof d.DsBadge | typeof d.DsBanner | typeof d.DsBarAction | typeof d.DsBarNav | typeof d.DsBarTitle | typeof d.DsBarWorkflow | typeof d.DsBreadcrumb | typeof d.DsButtonFilled | typeof d.DsButtonUnfilled | typeof d.DsCardChart | typeof d.DsCardOverview | typeof d.DsCardSetting | typeof d.DsChartLegend | typeof d.DsChart | typeof d.DsCheckbox | typeof d.DsChip | typeof d.DsCodeBlock | typeof d.DsConversationListItem | typeof d.DsConversationListSection | typeof d.DsConversationList | typeof d.DsDivider | typeof d.DsEmptyState | typeof d.DsField | typeof d.DsFilterMenu | typeof d.DsIcon | typeof d.DsInput | typeof d.DsLoader | typeof d.DsMarkdown | typeof d.DsMenu | typeof d.DsMessageActions | typeof d.DsMessageBubble | typeof d.DsMessageComposer | typeof d.DsMessageScroller | typeof d.DsMessage | typeof d.DsMobileBarNav | typeof d.DsMobileHeader | typeof d.DsMobileSectionSwitcher | typeof d.DsMobileSheetNav | typeof d.DsModal | typeof d.DsPagination | typeof d.DsPanelNav | typeof d.DsPanelSubNav | typeof d.DsPanelToolHeader | typeof d.DsPanelToolSearch | typeof d.DsPanelTools | typeof d.DsPaperTexture | typeof d.DsRadio | typeof d.DsScrollOverlay | typeof d.DsSelect | typeof d.DsShellApp | typeof d.DsShellPage | typeof d.DsShellTools | typeof d.DsSkeleton | typeof d.DsSlider | typeof d.DsSwatchPicker | typeof d.DsSwitch | typeof d.DsTabGroup | typeof d.DsTableFilter | typeof d.DsTableGroup | typeof d.DsTableSavedViews | typeof d.DsTableSearch | typeof d.DsTableSort | typeof d.DsTableToolbar | typeof d.DsTable | typeof d.DsTag | typeof d.DsText | typeof d.DsToast | typeof d.DsTooltipChart | typeof d.DsTooltip | typeof d.DsTypingIndicator)[];

package/dist/angular/index.js

@@ -66,7 +66,9 @@ export const DIRECTIVES = [
     d.DsTabGroup,
     d.DsTable,
     d.DsTableFilter,
+    d.DsTableGroup,
     d.DsTableSavedViews,
+    d.DsTableSearch,
     d.DsTableSort,
     d.DsTableToolbar,
     d.DsTag,