@ds-mo/ui 14.34.0 → 14.35.0

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

@@ -16,7 +16,7 @@ export declare class DsFilterMenu {
     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; }; "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>;
+    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; }; "applyRequired": { "alias": "applyRequired"; "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; }; "embedded": { "alias": "embedded"; "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; }; "neutralTrigger": { "alias": "neutralTrigger"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "showIndicator": { "alias": "showIndicator"; "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; }; "vertical": { "alias": "vertical"; "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 {
     /**

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

@@ -24,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", 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 }); }
+    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", applyRequired: "applyRequired", ariaLabel: "ariaLabel", boundary: "boundary", categoriesLabel: "categoriesLabel", clearLabel: "clearLabel", collapseLabel: "collapseLabel", embedded: "embedded", filters: "filters", footerLayout: "footerLayout", hasBorder: "hasBorder", icon: "icon", initialFocusVisible: "initialFocusVisible", inputId: "inputId", matchModes: "matchModes", menuLabel: "menuLabel", menuWidth: "menuWidth", neutralTrigger: "neutralTrigger", noResultsText: "noResultsText", open: "open", searchPlaceholder: "searchPlaceholder", showIndicator: "showIndicator", showSelectedCount: "showSelectedCount", side: "side", sideOffset: "sideOffset", size: "size", triggerLabel: "triggerLabel", values: "values", vertical: "vertical", 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', 'matchModes', 'menuLabel', 'menuWidth', 'noResultsText', 'open', 'searchPlaceholder', 'showSelectedCount', 'side', 'sideOffset', 'size', 'triggerLabel', 'values', 'width']
+        inputs: ['activeFill', 'activeFilterId', 'align', 'alignOffset', 'anchor', 'anchorId', 'applyRequired', 'ariaLabel', 'boundary', 'categoriesLabel', 'clearLabel', 'collapseLabel', 'embedded', 'filters', 'footerLayout', 'hasBorder', 'icon', 'initialFocusVisible', 'inputId', 'matchModes', 'menuLabel', 'menuWidth', 'neutralTrigger', 'noResultsText', 'open', 'searchPlaceholder', 'showIndicator', 'showSelectedCount', 'side', 'sideOffset', 'size', 'triggerLabel', 'values', 'vertical', 'width']
     })
 ], DsFilterMenu);
 export { DsFilterMenu };
@@ -40,7 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeFill', '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'],
+                    inputs: ['activeFill', 'activeFilterId', 'align', 'alignOffset', 'anchor', 'anchorId', 'applyRequired', 'ariaLabel', 'boundary', 'categoriesLabel', 'clearLabel', 'collapseLabel', 'embedded', 'filters', 'footerLayout', 'hasBorder', 'icon', 'initialFocusVisible', 'inputId', 'matchModes', 'menuLabel', 'menuWidth', 'neutralTrigger', 'noResultsText', 'open', 'searchPlaceholder', 'showIndicator', 'showSelectedCount', 'side', 'sideOffset', 'size', 'triggerLabel', 'values', 'vertical', 'width'],
                     outputs: ['dsChange', 'dsClear', 'dsMatchModeChange', 'dsActiveFilterChange', 'dsClose', 'dsOpenChange', 'dsAfterClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

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

@@ -14,7 +14,7 @@ export declare class DsMenu {
     dsReorder: EventEmitter<DsMenuCustomEvent<IDsMenuMenuReorderDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsMenu, "ds-menu", never, { "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorAlignment": { "alias": "anchorAlignment"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "boundary": { "alias": "boundary"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; "dsSelect": "dsSelect"; "dsSwatchSelect": "dsSwatchSelect"; "dsReorder": "dsReorder"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsMenu, "ds-menu", never, { "align": { "alias": "align"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorAlignment": { "alias": "anchorAlignment"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "boundary": { "alias": "boundary"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "initialFocusVisible": { "alias": "initialFocusVisible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "open": { "alias": "open"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; "dsSelect": "dsSelect"; "dsSwatchSelect": "dsSwatchSelect"; "dsReorder": "dsReorder"; }, never, ["*"], true, never>;
 }
 export declare interface DsMenu extends Components.DsMenu {
     dsClose: EventEmitter<DsMenuCustomEvent<void>>;

package/dist/angular/ds-menu.js

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

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

@@ -16,7 +16,7 @@ export declare class DsSelect {
     dsOptionSubtextAction: EventEmitter<DsSelectCustomEvent<IDsSelectSelectOptionSubtextActionDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsSelect, "ds-select", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "background": { "alias": "background"; "required": false; }; "boundary": { "alias": "boundary"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "footerActionLabel": { "alias": "footerActionLabel"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "popupAlign": { "alias": "popupAlign"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "triggerLabelPlaceholder": { "alias": "triggerLabelPlaceholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsOpenChange": "dsOpenChange"; "dsFooterAction": "dsFooterAction"; "dsOptionAction": "dsOptionAction"; "dsOptionSubtextAction": "dsOptionSubtextAction"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsSelect, "ds-select", never, { "activeFill": { "alias": "activeFill"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "background": { "alias": "background"; "required": false; }; "boundary": { "alias": "boundary"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "footerActionLabel": { "alias": "footerActionLabel"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "neutralTrigger": { "alias": "neutralTrigger"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "popupAlign": { "alias": "popupAlign"; "required": false; }; "required": { "alias": "required"; "required": false; }; "requiredMessage": { "alias": "requiredMessage"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "triggerLabelPlaceholder": { "alias": "triggerLabelPlaceholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsOpenChange": "dsOpenChange"; "dsFooterAction": "dsFooterAction"; "dsOptionAction": "dsOptionAction"; "dsOptionSubtextAction": "dsOptionSubtextAction"; }, never, ["*"], true, never>;
 }
 export declare interface DsSelect extends Components.DsSelect {
     /**

package/dist/angular/ds-select.js

@@ -23,12 +23,12 @@ let DsSelect = class DsSelect {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsSelect, isStandalone: true, selector: "ds-select", inputs: { activeFill: "activeFill", allowClear: "allowClear", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", background: "background", boundary: "boundary", clearLabel: "clearLabel", collapseLabel: "collapseLabel", disabled: "disabled", dot: "dot", error: "error", errorMessage: "errorMessage", footerActionLabel: "footerActionLabel", hasBorder: "hasBorder", icon: "icon", indicator: "indicator", inputId: "inputId", isInactive: "isInactive", isLoading: "isLoading", loadingLabel: "loadingLabel", multiple: "multiple", name: "name", noResultsText: "noResultsText", open: "open", options: "options", placeholder: "placeholder", popupAlign: "popupAlign", required: "required", requiredMessage: "requiredMessage", searchPlaceholder: "searchPlaceholder", searchable: "searchable", sections: "sections", selectedLabel: "selectedLabel", size: "size", triggerLabel: "triggerLabel", triggerLabelPlaceholder: "triggerLabelPlaceholder", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsOpenChange: "dsOpenChange", dsFooterAction: "dsFooterAction", dsOptionAction: "dsOptionAction", dsOptionSubtextAction: "dsOptionSubtextAction" }, 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: DsSelect, isStandalone: true, selector: "ds-select", inputs: { activeFill: "activeFill", allowClear: "allowClear", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", background: "background", boundary: "boundary", clearLabel: "clearLabel", collapseLabel: "collapseLabel", disabled: "disabled", dot: "dot", error: "error", errorMessage: "errorMessage", footerActionLabel: "footerActionLabel", hasBorder: "hasBorder", icon: "icon", iconOnly: "iconOnly", indicator: "indicator", inputId: "inputId", isInactive: "isInactive", isLoading: "isLoading", loadingLabel: "loadingLabel", multiple: "multiple", name: "name", neutralTrigger: "neutralTrigger", noResultsText: "noResultsText", open: "open", options: "options", placeholder: "placeholder", popupAlign: "popupAlign", required: "required", requiredMessage: "requiredMessage", searchPlaceholder: "searchPlaceholder", searchable: "searchable", sections: "sections", selectedLabel: "selectedLabel", size: "size", triggerLabel: "triggerLabel", triggerLabelPlaceholder: "triggerLabelPlaceholder", value: "value", width: "width" }, outputs: { dsChange: "dsChange", dsClear: "dsClear", dsOpenChange: "dsOpenChange", dsFooterAction: "dsFooterAction", dsOptionAction: "dsOptionAction", dsOptionSubtextAction: "dsOptionSubtextAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsSelect = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsSelect,
-        inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'boundary', 'clearLabel', 'collapseLabel', 'disabled', 'dot', 'error', 'errorMessage', 'footerActionLabel', 'hasBorder', 'icon', 'indicator', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'multiple', 'name', 'noResultsText', 'open', 'options', 'placeholder', 'popupAlign', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'triggerLabel', 'triggerLabelPlaceholder', 'value', 'width'],
+        inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'boundary', 'clearLabel', 'collapseLabel', 'disabled', 'dot', 'error', 'errorMessage', 'footerActionLabel', 'hasBorder', 'icon', 'iconOnly', 'indicator', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'multiple', 'name', 'neutralTrigger', 'noResultsText', 'open', 'options', 'placeholder', 'popupAlign', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'triggerLabel', 'triggerLabelPlaceholder', 'value', 'width'],
         methods: ['setFocus']
     })
 ], DsSelect);
@@ -40,7 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'boundary', 'clearLabel', 'collapseLabel', 'disabled', 'dot', 'error', 'errorMessage', 'footerActionLabel', 'hasBorder', 'icon', 'indicator', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'multiple', 'name', 'noResultsText', 'open', 'options', 'placeholder', 'popupAlign', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'triggerLabel', 'triggerLabelPlaceholder', 'value', 'width'],
+                    inputs: ['activeFill', 'allowClear', 'ariaDescribedby', 'ariaLabel', 'ariaLabelledby', 'background', 'boundary', 'clearLabel', 'collapseLabel', 'disabled', 'dot', 'error', 'errorMessage', 'footerActionLabel', 'hasBorder', 'icon', 'iconOnly', 'indicator', 'inputId', 'isInactive', 'isLoading', 'loadingLabel', 'multiple', 'name', 'neutralTrigger', 'noResultsText', 'open', 'options', 'placeholder', 'popupAlign', 'required', 'requiredMessage', 'searchPlaceholder', 'searchable', 'sections', 'selectedLabel', 'size', 'triggerLabel', 'triggerLabelPlaceholder', 'value', 'width'],
                     outputs: ['dsChange', 'dsClear', 'dsOpenChange', 'dsFooterAction', 'dsOptionAction', 'dsOptionSubtextAction'],
                 }]
         }], 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; }; "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>;
+    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; }; "presentation": { "alias": "presentation"; "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", 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 }); }
+    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", presentation: "presentation", 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', 'hasContainer', 'size', 'tabs', 'value', 'width']
+        inputs: ['ariaLabel', 'ariaLabelledby', 'background', 'hasContainer', 'presentation', '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', 'hasContainer', 'size', 'tabs', 'value', 'width'],
+                    inputs: ['ariaLabel', 'ariaLabelledby', 'background', 'hasContainer', 'presentation', '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

@@ -16,7 +16,7 @@ export declare class DsTableFilter {
     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; }; "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>;
+    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; }; "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 DsTableFilter extends Components.DsTableFilter {
     /**

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

@@ -24,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", 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.ɵ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 }); }
 };
 DsTableFilter = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsTableFilter,
-        inputs: ['activeFilterId', 'ariaLabel', 'categoriesLabel', 'clearLabel', 'filters', 'label', 'matchModes', 'menuLabel', 'noResultsText', 'open', 'searchPlaceholder', 'values']
+        inputs: ['activeFilterId', 'ariaLabel', 'categoriesLabel', 'clearLabel', 'filters', 'hasBorder', 'label', 'matchModes', 'menuLabel', 'noResultsText', 'open', 'searchPlaceholder', 'values']
     })
 ], DsTableFilter);
 export { DsTableFilter };
@@ -40,7 +40,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: ['activeFilterId', 'ariaLabel', 'categoriesLabel', 'clearLabel', 'filters', 'label', 'matchModes', 'menuLabel', 'noResultsText', 'open', 'searchPlaceholder', 'values'],
+                    inputs: ['activeFilterId', 'ariaLabel', 'categoriesLabel', 'clearLabel', 'filters', 'hasBorder', '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: [{

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

@@ -11,7 +11,7 @@ export declare class DsTableGroup {
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableGroup, "ds-table-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 DsTableGroup extends Components.DsTableGroup {
     /**

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

@@ -20,12 +20,12 @@ let DsTableGroup = class DsTableGroup {
         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 }); }
+    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 }); }
 };
 DsTableGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsTableGroup,
-        inputs: ['ariaLabel', 'clearLabel', 'emptyMessage', 'grouping', 'open', 'options']
+        inputs: ['ariaLabel', 'clearLabel', 'embedded', 'emptyMessage', 'grouping', 'hasBorder', 'open', 'options', 'vertical']
     })
 ], DsTableGroup);
 export { DsTableGroup };
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabel', 'clearLabel', 'emptyMessage', 'grouping', 'open', 'options'],
+                    inputs: ['ariaLabel', 'clearLabel', 'embedded', 'emptyMessage', 'grouping', 'hasBorder', 'open', 'options', 'vertical'],
                     outputs: ['dsGroupChange', 'dsClear', 'dsOpenChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsGroupChange: [{

package/dist/angular/ds-table-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 { DsTablePreferencesCustomEvent } from '@ds-mo/ui/components';
+import type { PreferencesTab as IDsTablePreferencesPreferencesTab } from '@ds-mo/ui/components';
+import type { FilterMenuChangeDetail as IDsTablePreferencesFilterMenuChangeDetail } from '@ds-mo/ui/components';
+import type { FilterMenuMatchModeChangeDetail as IDsTablePreferencesFilterMenuMatchModeChangeDetail } from '@ds-mo/ui/components';
+import type { TableSortChangeDetail as IDsTablePreferencesTableSortChangeDetail } from '@ds-mo/ui/components';
+import type { TableGroupingState as IDsTablePreferencesTableGroupingState } from '@ds-mo/ui/components';
+import type { TableColumnsConfigChangeDetail as IDsTablePreferencesTableColumnsConfigChangeDetail } from '@ds-mo/ui/components';
+import * as i0 from "@angular/core";
+export declare class DsTablePreferences {
+    protected z: NgZone;
+    protected el: HTMLDsTablePreferencesElement;
+    dsCustomizeOptionChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
+    dsPreferencesTabChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesPreferencesTab>>;
+    dsFilterChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuChangeDetail>>;
+    dsFilterMatchModeChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuMatchModeChangeDetail>>;
+    dsActiveFilterChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
+    dsFiltersClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
+    dsSortChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableSortChangeDetail>>;
+    dsGroupChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableGroupingState>>;
+    dsGroupClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
+    dsColumnsConfigChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableColumnsConfigChangeDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsTablePreferences, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTablePreferences, "ds-table-preferences", never, { "activeFilterId": { "alias": "activeFilterId"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "columnOrder": { "alias": "columnOrder"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "customizeOptions": { "alias": "customizeOptions"; "required": false; }; "customizeSections": { "alias": "customizeSections"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "groupingOptions": { "alias": "groupingOptions"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hiddenColumnIds": { "alias": "hiddenColumnIds"; "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"; "dsColumnsConfigChange": "dsColumnsConfigChange"; }, never, ["*"], true, never>;
+}
+export declare interface DsTablePreferences extends Components.DsTablePreferences {
+    dsCustomizeOptionChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
+    dsPreferencesTabChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesPreferencesTab>>;
+    dsFilterChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuChangeDetail>>;
+    dsFilterMatchModeChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuMatchModeChangeDetail>>;
+    dsActiveFilterChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
+    dsFiltersClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
+    dsSortChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableSortChangeDetail>>;
+    dsGroupChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableGroupingState>>;
+    dsGroupClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
+    dsColumnsConfigChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableColumnsConfigChangeDetail>>;
+}

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

@@ -0,0 +1,69 @@
+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 defineDsTablePreferences } from '@ds-mo/ui/components/ds-table-preferences.js';
+import * as i0 from "@angular/core";
+let DsTablePreferences = class DsTablePreferences {
+    constructor(c, r, z) {
+        this.z = z;
+        this.dsCustomizeOptionChange = new EventEmitter();
+        this.dsPreferencesTabChange = new EventEmitter();
+        this.dsFilterChange = new EventEmitter();
+        this.dsFilterMatchModeChange = new EventEmitter();
+        this.dsActiveFilterChange = new EventEmitter();
+        this.dsFiltersClear = new EventEmitter();
+        this.dsSortChange = new EventEmitter();
+        this.dsGroupChange = new EventEmitter();
+        this.dsGroupClear = new EventEmitter();
+        this.dsColumnsConfigChange = 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 }); }
+};
+DsTablePreferences = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineDsTablePreferences,
+        inputs: ['activeFilterId', 'activeTab', 'columnOrder', 'columns', 'customizeOptions', 'customizeSections', 'embedded', 'filters', 'grouping', 'groupingOptions', 'hasBorder', 'hiddenColumnIds', 'label', 'matchModes', 'sort', 'sortColumns', 'values']
+    })
+], DsTablePreferences);
+export { DsTablePreferences };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTablePreferences, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ds-table-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'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsCustomizeOptionChange: [{
+                type: Output
+            }], dsPreferencesTabChange: [{
+                type: Output
+            }], dsFilterChange: [{
+                type: Output
+            }], dsFilterMatchModeChange: [{
+                type: Output
+            }], dsActiveFilterChange: [{
+                type: Output
+            }], dsFiltersClear: [{
+                type: Output
+            }], dsSortChange: [{
+                type: Output
+            }], dsGroupChange: [{
+                type: Output
+            }], dsGroupClear: [{
+                type: Output
+            }], dsColumnsConfigChange: [{
+                type: Output
+            }] } });

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

@@ -19,7 +19,7 @@ export declare class DsTableSavedViews {
     dsViewDiscard: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewDiscardDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsTableSavedViews, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableSavedViews, "ds-table-saved-views", never, { "createLabel": { "alias": "createLabel"; "required": false; }; "defaultViewId": { "alias": "defaultViewId"; "required": false; }; "defaultViewLabel": { "alias": "defaultViewLabel"; "required": false; }; "dirty": { "alias": "dirty"; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableSavedViews, "ds-table-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 DsTableSavedViews extends Components.DsTableSavedViews {
     /**

package/dist/angular/ds-table-saved-views.js

@@ -23,12 +23,12 @@ let DsTableSavedViews = class DsTableSavedViews {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTableSavedViews, 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: DsTableSavedViews, isStandalone: true, selector: "ds-table-saved-views", inputs: { createLabel: "createLabel", defaultViewId: "defaultViewId", defaultViewLabel: "defaultViewLabel", dirty: "dirty", label: "label", triggerLabel: "triggerLabel", value: "value", views: "views" }, outputs: { dsViewChange: "dsViewChange", dsViewCreate: "dsViewCreate", dsViewRename: "dsViewRename", dsViewRemove: "dsViewRemove", dsViewSave: "dsViewSave", dsViewDiscard: "dsViewDiscard" }, 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: DsTableSavedViews, isStandalone: true, selector: "ds-table-saved-views", inputs: { compact: "compact", createLabel: "createLabel", defaultViewId: "defaultViewId", defaultViewLabel: "defaultViewLabel", dirty: "dirty", hasBorder: "hasBorder", label: "label", triggerLabel: "triggerLabel", value: "value", views: "views" }, outputs: { dsViewChange: "dsViewChange", dsViewCreate: "dsViewCreate", dsViewRename: "dsViewRename", dsViewRemove: "dsViewRemove", dsViewSave: "dsViewSave", dsViewDiscard: "dsViewDiscard" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsTableSavedViews = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsTableSavedViews,
-        inputs: ['createLabel', 'defaultViewId', 'defaultViewLabel', 'dirty', 'label', 'triggerLabel', 'value', 'views']
+        inputs: ['compact', 'createLabel', 'defaultViewId', 'defaultViewLabel', 'dirty', 'hasBorder', 'label', 'triggerLabel', 'value', 'views']
     })
 ], DsTableSavedViews);
 export { DsTableSavedViews };
@@ -39,7 +39,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: ['createLabel', 'defaultViewId', 'defaultViewLabel', 'dirty', 'label', 'triggerLabel', 'value', 'views'],
+                    inputs: ['compact', 'createLabel', 'defaultViewId', 'defaultViewLabel', 'dirty', 'hasBorder', 'label', 'triggerLabel', 'value', 'views'],
                     outputs: ['dsViewChange', 'dsViewCreate', 'dsViewRename', 'dsViewRemove', 'dsViewSave', 'dsViewDiscard'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsViewChange: [{

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

@@ -11,7 +11,7 @@ export declare class DsTableSearch {
     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>;
+    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; }; "hasBorder": { "alias": "hasBorder"; "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>>;

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

@@ -20,12 +20,12 @@ let DsTableSearch = class DsTableSearch {
         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 }); }
+    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", hasBorder: "hasBorder", 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'],
+        inputs: ['ariaLabel', 'clearLabel', 'columns', 'fieldMenuLabel', 'hasBorder', 'isInactive', 'placeholder', 'selectedFieldIds', 'value'],
         methods: ['setFocus']
     })
 ], DsTableSearch);
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabel', 'clearLabel', 'columns', 'fieldMenuLabel', 'isInactive', 'placeholder', 'selectedFieldIds', 'value'],
+                    inputs: ['ariaLabel', 'clearLabel', 'columns', 'fieldMenuLabel', 'hasBorder', 'isInactive', 'placeholder', 'selectedFieldIds', 'value'],
                     outputs: ['dsChange', 'dsFieldsChange', 'dsClear'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsChange: [{

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

@@ -9,7 +9,7 @@ export declare class DsTableSort {
     dsSortChange: EventEmitter<DsTableSortCustomEvent<IDsTableSortTableSortChangeDetail>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsTableSort, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableSort, "ds-table-sort", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; }, { "dsSortChange": "dsSortChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableSort, "ds-table-sort", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; }, { "dsSortChange": "dsSortChange"; }, never, ["*"], true, never>;
 }
 export declare interface DsTableSort extends Components.DsTableSort {
     dsSortChange: EventEmitter<DsTableSortCustomEvent<IDsTableSortTableSortChangeDetail>>;

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

@@ -18,12 +18,12 @@ let DsTableSort = class DsTableSort {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTableSort, 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: DsTableSort, isStandalone: true, selector: "ds-table-sort", inputs: { ariaLabel: "ariaLabel", columns: "columns", sort: "sort" }, outputs: { dsSortChange: "dsSortChange" }, 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: DsTableSort, isStandalone: true, selector: "ds-table-sort", inputs: { ariaLabel: "ariaLabel", columns: "columns", hasBorder: "hasBorder", sort: "sort" }, outputs: { dsSortChange: "dsSortChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsTableSort = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsTableSort,
-        inputs: ['ariaLabel', 'columns', 'sort'],
+        inputs: ['ariaLabel', 'columns', 'hasBorder', 'sort'],
         methods: ['setFocus']
     })
 ], DsTableSort);
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabel', 'columns', 'sort'],
+                    inputs: ['ariaLabel', 'columns', 'hasBorder', 'sort'],
                     outputs: ['dsSortChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsSortChange: [{

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

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

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

@@ -17,12 +17,12 @@ let DsTableToolbar = class DsTableToolbar {
         this.el = r.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsTableToolbar, 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: DsTableToolbar, isStandalone: true, selector: "ds-table-toolbar", inputs: { label: "label" }, 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: DsTableToolbar, isStandalone: true, selector: "ds-table-toolbar", inputs: { borderless: "borderless", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsTableToolbar = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsTableToolbar,
-        inputs: ['label']
+        inputs: ['borderless', 'label']
     })
 ], DsTableToolbar);
 export { DsTableToolbar };
@@ -33,6 +33,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: ['label'],
+                    inputs: ['borderless', 'label'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });