@bryntum/grid-angular 7.1.3 → 7.2.0

package/lib/bryntum-date-field.component.d.ts

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum DateField
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, DateField, DateFieldListeners, DatePickerConfig, DomConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DateField, DateFieldListeners, DatePickerConfig, DomConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TimeField, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumDateFieldProps = {
     /**
@@ -110,7 +110,7 @@ export declare type BryntumDateFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-color)
      */
-    color?: string;
+    color?: Color;
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -480,6 +480,14 @@ export declare type BryntumDateFieldProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-owner)
      */
     owner?: Widget | any;
+    /**
+     * A reference to a partner TimeField which this DateField should sync its value with.
+     * When the TimeField's value is changed, this DateField's value is updated to match.
+     * When this DateField's value is changed, the TimeField's value is updated to match.
+     * ...
+     * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-partner)
+     */
+    partner?: string | TimeField;
     /**
      * A config object used to configure the [datePicker](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker).
      * ...
@@ -602,7 +610,8 @@ export declare type BryntumDateFieldProps = {
      */
     step?: string | number | DurationConfig;
     /**
-     * Set to `false` to hide the forward and backward date step triggers.
+     * Set to `false` to hide the forward and backward date step triggers. These triggers are only shown when
+     * [step](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-step) is set.
      */
     stepTriggers?: boolean;
     /**
@@ -721,7 +730,7 @@ export declare class BryntumDateFieldComponent implements OnInit, OnDestroy {
     bubbleEvents: object;
     centered: boolean;
     clearable: boolean | FieldTriggerConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     container: Record<string, ContainerItemConfig> | ContainerItemConfig[] | FieldContainerConfig | FieldContainer;
@@ -830,6 +839,7 @@ export declare class BryntumDateFieldComponent implements OnInit, OnDestroy {
     min: string | Date;
     minHeight: string | number;
     minWidth: string | number;
+    partner: string | TimeField;
     placeholder: string;
     readOnly: boolean;
     rendition: 'outlined' | 'filled' | string;
@@ -1021,5 +1031,5 @@ export declare class BryntumDateFieldComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BryntumDateFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumDateFieldComponent, "bryntum-date-field", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoComplete": "autoComplete"; "autoExpand": "autoExpand"; "autoSelect": "autoSelect"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "clearable": "clearable"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "container": "container"; "containValues": "containValues"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "floating": "floating"; "hideAnimation": "hideAnimation"; "highlightExternalChange": "highlightExternalChange"; "hint": "hint"; "hintHtml": "hintHtml"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "inline": "inline"; "inputAlign": "inputAlign"; "inputAttributes": "inputAttributes"; "inputTag": "inputTag"; "inputType": "inputType"; "inputWidth": "inputWidth"; "keepTime": "keepTime"; "keyStrokeChangeDelay": "keyStrokeChangeDelay"; "labelCls": "labelCls"; "labelPosition": "labelPosition"; "labels": "labels"; "labelWidth": "labelWidth"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "maxLength": "maxLength"; "minLength": "minLength"; "monitorResize": "monitorResize"; "name": "name"; "owner": "owner"; "picker": "picker"; "pickerAlignElement": "pickerAlignElement"; "pickerFormat": "pickerFormat"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "revertOnEscape": "revertOnEscape"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "skipValidation": "skipValidation"; "spellCheck": "spellCheck"; "stepTriggers": "stepTriggers"; "strictParsing": "strictParsing"; "tab": "tab"; "tabIndex": "tabIndex"; "textAlign": "textAlign"; "title": "title"; "type": "type"; "ui": "ui"; "validateOnInput": "validateOnInput"; "weekStartDay": "weekStartDay"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "badge": "badge"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "dataset": "dataset"; "disabled": "disabled"; "editable": "editable"; "extraData": "extraData"; "flex": "flex"; "format": "format"; "height": "height"; "hidden": "hidden"; "id": "id"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "keyMap": "keyMap"; "label": "label"; "margin": "margin"; "max": "max"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "min": "min"; "minHeight": "minHeight"; "minWidth": "minWidth"; "placeholder": "placeholder"; "readOnly": "readOnly"; "rendition": "rendition"; "required": "required"; "rtl": "rtl"; "showRequiredIndicator": "showRequiredIndicator"; "span": "span"; "step": "step"; "tooltip": "tooltip"; "triggers": "triggers"; "value": "value"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "content": "content"; "focusVisible": "focusVisible"; "formula": "formula"; "html": "html"; "input": "input"; "parent": "parent"; "scrollable": "scrollable"; }, { "onAction": "onAction"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onChange": "onChange"; "onClear": "onClear"; "onDestroy": "onDestroy"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onInput": "onInput"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onTrigger": "onTrigger"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumDateFieldComponent, "bryntum-date-field", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoComplete": "autoComplete"; "autoExpand": "autoExpand"; "autoSelect": "autoSelect"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "clearable": "clearable"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "container": "container"; "containValues": "containValues"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "floating": "floating"; "hideAnimation": "hideAnimation"; "highlightExternalChange": "highlightExternalChange"; "hint": "hint"; "hintHtml": "hintHtml"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "inline": "inline"; "inputAlign": "inputAlign"; "inputAttributes": "inputAttributes"; "inputTag": "inputTag"; "inputType": "inputType"; "inputWidth": "inputWidth"; "keepTime": "keepTime"; "keyStrokeChangeDelay": "keyStrokeChangeDelay"; "labelCls": "labelCls"; "labelPosition": "labelPosition"; "labels": "labels"; "labelWidth": "labelWidth"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "maxLength": "maxLength"; "minLength": "minLength"; "monitorResize": "monitorResize"; "name": "name"; "owner": "owner"; "picker": "picker"; "pickerAlignElement": "pickerAlignElement"; "pickerFormat": "pickerFormat"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "revertOnEscape": "revertOnEscape"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "skipValidation": "skipValidation"; "spellCheck": "spellCheck"; "stepTriggers": "stepTriggers"; "strictParsing": "strictParsing"; "tab": "tab"; "tabIndex": "tabIndex"; "textAlign": "textAlign"; "title": "title"; "type": "type"; "ui": "ui"; "validateOnInput": "validateOnInput"; "weekStartDay": "weekStartDay"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "badge": "badge"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "dataset": "dataset"; "disabled": "disabled"; "editable": "editable"; "extraData": "extraData"; "flex": "flex"; "format": "format"; "height": "height"; "hidden": "hidden"; "id": "id"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "keyMap": "keyMap"; "label": "label"; "margin": "margin"; "max": "max"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "min": "min"; "minHeight": "minHeight"; "minWidth": "minWidth"; "partner": "partner"; "placeholder": "placeholder"; "readOnly": "readOnly"; "rendition": "rendition"; "required": "required"; "rtl": "rtl"; "showRequiredIndicator": "showRequiredIndicator"; "span": "span"; "step": "step"; "tooltip": "tooltip"; "triggers": "triggers"; "value": "value"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "content": "content"; "focusVisible": "focusVisible"; "formula": "formula"; "html": "html"; "input": "input"; "parent": "parent"; "scrollable": "scrollable"; }, { "onAction": "onAction"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onChange": "onChange"; "onClear": "onClear"; "onDestroy": "onDestroy"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onInput": "onInput"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onTrigger": "onTrigger"; }, never, never>;
 }

package/lib/bryntum-date-picker.component.d.ts

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum DatePicker
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, CalendarPanel, ContainerItemConfig, ContainerLayoutConfig, DatePicker, DatePickerListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, CalendarPanel, Color, ContainerItemConfig, ContainerLayoutConfig, DatePicker, DatePickerListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumDatePickerProps = {
     /**
@@ -80,6 +80,10 @@ export declare type BryntumDatePickerProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker#config-bodyCls)
      */
     bodyCls?: string | object;
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border?: boolean;
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -161,7 +165,7 @@ export declare type BryntumDatePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker#config-color)
      */
-    color?: string;
+    color?: Color;
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -940,6 +944,7 @@ export declare class BryntumDatePickerComponent implements OnInit, OnDestroy {
     autoUpdateRecord: boolean;
     bbar: (ContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
     bodyCls: string | object;
+    border: boolean;
     bubbleEvents: object;
     cellRenderer: ((renderData: {
         cell: HTMLElement;
@@ -956,7 +961,7 @@ export declare class BryntumDatePickerComponent implements OnInit, OnDestroy {
     }) => string | DomConfig | void) | string;
     centered: boolean;
     collapsible: boolean | PanelCollapserConfig | PanelCollapserOverlayConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     contentElementCls: string | object;
@@ -1040,7 +1045,6 @@ export declare class BryntumDatePickerComponent implements OnInit, OnDestroy {
     scrollAction: 'hide' | 'realign' | null;
     showAnimation: boolean | object;
     showTooltipWhenDisabled: boolean;
-    showWeekColumn: boolean;
     sixWeeks: boolean;
     stateful: boolean | object | string[];
     statefulEvents: object | string[];
@@ -1103,6 +1107,7 @@ export declare class BryntumDatePickerComponent implements OnInit, OnDestroy {
     scrollable: Scroller | boolean | ScrollerConfig;
     selection: Date[] | string[];
     shadePastDates: boolean;
+    showWeekColumn: boolean;
     span: number;
     strictRecordMapping: boolean;
     title: string;
@@ -1334,5 +1339,5 @@ export declare class BryntumDatePickerComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BryntumDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumDatePickerComponent, "bryntum-date-picker", never, { "activeDate": "activeDate"; "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "bbar": "bbar"; "bodyCls": "bodyCls"; "bubbleEvents": "bubbleEvents"; "cellRenderer": "cellRenderer"; "centered": "centered"; "collapsible": "collapsible"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "dayNameFormat": "dayNameFormat"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "disabledCls": "disabledCls"; "disabledDates": "disabledDates"; "disableNonWorkingDays": "disableNonWorkingDays"; "disableOtherMonthCells": "disableOtherMonthCells"; "disableWeekends": "disableWeekends"; "dock": "dock"; "draggable": "draggable"; "drawer": "drawer"; "editMonth": "editMonth"; "elementAttributes": "elementAttributes"; "floating": "floating"; "focusDisabledDates": "focusDisabledDates"; "footer": "footer"; "header": "header"; "headerRenderer": "headerRenderer"; "hideAnimation": "hideAnimation"; "hideOtherMonthCells": "hideOtherMonthCells"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "icon": "icon"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "includeYear": "includeYear"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "maxDate": "maxDate"; "minColumnWidth": "minColumnWidth"; "minDate": "minDate"; "minRowHeight": "minRowHeight"; "monitorResize": "monitorResize"; "month": "month"; "monthButtonFormat": "monthButtonFormat"; "multiSelect": "multiSelect"; "namedItems": "namedItems"; "nonWorkingDayCls": "nonWorkingDayCls"; "nonWorkingDays": "nonWorkingDays"; "otherMonthCls": "otherMonthCls"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "showWeekColumn": "showWeekColumn"; "sixWeeks": "sixWeeks"; "stateful": "stateful"; "statefulEvents": "statefulEvents"; "stateId": "stateId"; "stateProvider": "stateProvider"; "strips": "strips"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "tbar": "tbar"; "textAlign": "textAlign"; "textContent": "textContent"; "tip": "tip"; "todayCls": "todayCls"; "trapFocus": "trapFocus"; "type": "type"; "ui": "ui"; "weekendCls": "weekendCls"; "weekRenderer": "weekRenderer"; "weekStartDay": "weekStartDay"; "weight": "weight"; "alignSelf": "alignSelf"; "animateTimeShift": "animateTimeShift"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "collapsed": "collapsed"; "column": "column"; "content": "content"; "dataset": "dataset"; "date": "date"; "disabled": "disabled"; "dragSelect": "dragSelect"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "highlightSelectedWeek": "highlightSelectedWeek"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "selection": "selection"; "shadePastDates": "shadePastDates"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "title": "title"; "tools": "tools"; "tooltip": "tooltip"; "weekColumnHeader": "weekColumnHeader"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "state": "state"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeRefresh": "onBeforeRefresh"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStateApply": "onBeforeStateApply"; "onBeforeStateSave": "onBeforeStateSave"; "onCatchAll": "onCatchAll"; "onCellClick": "onCellClick"; "onCollapse": "onCollapse"; "onDateChange": "onDateChange"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onExpand": "onExpand"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onRefresh": "onRefresh"; "onResize": "onResize"; "onSelectionChange": "onSelectionChange"; "onShow": "onShow"; "onToolClick": "onToolClick"; "onWeekCellClick": "onWeekCellClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumDatePickerComponent, "bryntum-date-picker", never, { "activeDate": "activeDate"; "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "bbar": "bbar"; "bodyCls": "bodyCls"; "border": "border"; "bubbleEvents": "bubbleEvents"; "cellRenderer": "cellRenderer"; "centered": "centered"; "collapsible": "collapsible"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "dayNameFormat": "dayNameFormat"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "disabledCls": "disabledCls"; "disabledDates": "disabledDates"; "disableNonWorkingDays": "disableNonWorkingDays"; "disableOtherMonthCells": "disableOtherMonthCells"; "disableWeekends": "disableWeekends"; "dock": "dock"; "draggable": "draggable"; "drawer": "drawer"; "editMonth": "editMonth"; "elementAttributes": "elementAttributes"; "floating": "floating"; "focusDisabledDates": "focusDisabledDates"; "footer": "footer"; "header": "header"; "headerRenderer": "headerRenderer"; "hideAnimation": "hideAnimation"; "hideOtherMonthCells": "hideOtherMonthCells"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "icon": "icon"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "includeYear": "includeYear"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "maxDate": "maxDate"; "minColumnWidth": "minColumnWidth"; "minDate": "minDate"; "minRowHeight": "minRowHeight"; "monitorResize": "monitorResize"; "month": "month"; "monthButtonFormat": "monthButtonFormat"; "multiSelect": "multiSelect"; "namedItems": "namedItems"; "nonWorkingDayCls": "nonWorkingDayCls"; "nonWorkingDays": "nonWorkingDays"; "otherMonthCls": "otherMonthCls"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "sixWeeks": "sixWeeks"; "stateful": "stateful"; "statefulEvents": "statefulEvents"; "stateId": "stateId"; "stateProvider": "stateProvider"; "strips": "strips"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "tbar": "tbar"; "textAlign": "textAlign"; "textContent": "textContent"; "tip": "tip"; "todayCls": "todayCls"; "trapFocus": "trapFocus"; "type": "type"; "ui": "ui"; "weekendCls": "weekendCls"; "weekRenderer": "weekRenderer"; "weekStartDay": "weekStartDay"; "weight": "weight"; "alignSelf": "alignSelf"; "animateTimeShift": "animateTimeShift"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "collapsed": "collapsed"; "column": "column"; "content": "content"; "dataset": "dataset"; "date": "date"; "disabled": "disabled"; "dragSelect": "dragSelect"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "highlightSelectedWeek": "highlightSelectedWeek"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "selection": "selection"; "shadePastDates": "shadePastDates"; "showWeekColumn": "showWeekColumn"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "title": "title"; "tools": "tools"; "tooltip": "tooltip"; "weekColumnHeader": "weekColumnHeader"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "state": "state"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeRefresh": "onBeforeRefresh"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStateApply": "onBeforeStateApply"; "onBeforeStateSave": "onBeforeStateSave"; "onCatchAll": "onCatchAll"; "onCellClick": "onCellClick"; "onCollapse": "onCollapse"; "onDateChange": "onDateChange"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onExpand": "onExpand"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onRefresh": "onRefresh"; "onResize": "onResize"; "onSelectionChange": "onSelectionChange"; "onShow": "onShow"; "onToolClick": "onToolClick"; "onWeekCellClick": "onWeekCellClick"; }, never, never>;
 }

package/lib/bryntum-date-range-field.component.d.ts

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum DateRangeField
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ConfirmationBar, ConfirmationBarConfig, ContainerItemConfig, DateField, DateFieldConfig, DateRangeField, DateRangeFieldListeners, DateRangePickerConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, MultiDatePickerConfig, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ConfirmationBar, ConfirmationBarConfig, ContainerItemConfig, DateField, DateFieldConfig, DateRangeField, DateRangeFieldListeners, DateRangePickerConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, MultiDatePickerConfig, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumDateRangeFieldProps = {
     /**
@@ -110,7 +110,7 @@ export declare type BryntumDateRangeFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-color)
      */
-    color?: string;
+    color?: Color;
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -722,7 +722,7 @@ export declare class BryntumDateRangeFieldComponent implements OnInit, OnDestroy
     bubbleEvents: object;
     centered: boolean;
     clearable: boolean | FieldTriggerConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     container: Record<string, ContainerItemConfig> | ContainerItemConfig[] | FieldContainerConfig | FieldContainer;

package/lib/bryntum-date-time-field.component.d.ts

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum DateTimeField
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, DateFieldConfig, DateTimeField, DateTimeFieldListeners, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TimeFieldConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DateFieldConfig, DateTimeField, DateTimeFieldListeners, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TimeFieldConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumDateTimeFieldProps = {
     /**
@@ -101,7 +101,7 @@ export declare type BryntumDateTimeFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-color)
      */
-    color?: string;
+    color?: Color;
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -626,7 +626,7 @@ export declare class BryntumDateTimeFieldComponent implements OnInit, OnDestroy
     bubbleEvents: object;
     centered: boolean;
     clearable: boolean | FieldTriggerConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     container: Record<string, ContainerItemConfig> | ContainerItemConfig[] | FieldContainerConfig | FieldContainer;

package/lib/bryntum-demo-code-editor.component.d.ts

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum DemoCodeEditor
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, ContainerLayoutConfig, DemoCodeEditor, DemoCodeEditorListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, DemoCodeEditor, DemoCodeEditorListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumDemoCodeEditorProps = {
     /**
@@ -69,6 +69,10 @@ export declare type BryntumDemoCodeEditorProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-bodyCls)
      */
     bodyCls?: string | object;
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border?: boolean;
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -125,7 +129,7 @@ export declare type BryntumDemoCodeEditorProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-color)
      */
-    color?: string;
+    color?: Color;
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -751,11 +755,12 @@ export declare class BryntumDemoCodeEditorComponent implements OnInit, OnDestroy
     autoUpdateRecord: boolean;
     bbar: (ContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
     bodyCls: string | object;
+    border: boolean;
     bubbleEvents: object;
     centered: boolean;
     codePath: string;
     collapsible: boolean | PanelCollapserConfig | PanelCollapserOverlayConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     contentElementCls: string | object;
@@ -1057,5 +1062,5 @@ export declare class BryntumDemoCodeEditorComponent implements OnInit, OnDestroy
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BryntumDemoCodeEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumDemoCodeEditorComponent, "bryntum-demo-code-editor", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "appFolder": "appFolder"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "bbar": "bbar"; "bodyCls": "bodyCls"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "codePath": "codePath"; "collapsible": "collapsible"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "drawer": "drawer"; "editor": "editor"; "elementAttributes": "elementAttributes"; "floating": "floating"; "footer": "footer"; "header": "header"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "icon": "icon"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "mode": "mode"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "owner": "owner"; "positioned": "positioned"; "preferredSources": "preferredSources"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "stateful": "stateful"; "statefulEvents": "statefulEvents"; "stateId": "stateId"; "stateProvider": "stateProvider"; "strips": "strips"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "tbar": "tbar"; "textAlign": "textAlign"; "textContent": "textContent"; "trapFocus": "trapFocus"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "collapsed": "collapsed"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "language": "language"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "status": "status"; "strictRecordMapping": "strictRecordMapping"; "text": "text"; "theme": "theme"; "title": "title"; "tools": "tools"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "state": "state"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStateApply": "onBeforeStateApply"; "onBeforeStateSave": "onBeforeStateSave"; "onCatchAll": "onCatchAll"; "onCollapse": "onCollapse"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onExpand": "onExpand"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onToolClick": "onToolClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumDemoCodeEditorComponent, "bryntum-demo-code-editor", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "appFolder": "appFolder"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "bbar": "bbar"; "bodyCls": "bodyCls"; "border": "border"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "codePath": "codePath"; "collapsible": "collapsible"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "drawer": "drawer"; "editor": "editor"; "elementAttributes": "elementAttributes"; "floating": "floating"; "footer": "footer"; "header": "header"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "icon": "icon"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "mode": "mode"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "owner": "owner"; "positioned": "positioned"; "preferredSources": "preferredSources"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "stateful": "stateful"; "statefulEvents": "statefulEvents"; "stateId": "stateId"; "stateProvider": "stateProvider"; "strips": "strips"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "tbar": "tbar"; "textAlign": "textAlign"; "textContent": "textContent"; "trapFocus": "trapFocus"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "collapsed": "collapsed"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "language": "language"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "status": "status"; "strictRecordMapping": "strictRecordMapping"; "text": "text"; "theme": "theme"; "title": "title"; "tools": "tools"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "state": "state"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStateApply": "onBeforeStateApply"; "onBeforeStateSave": "onBeforeStateSave"; "onCatchAll": "onCatchAll"; "onCollapse": "onCollapse"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onExpand": "onExpand"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onToolClick": "onToolClick"; }, never, never>;
 }

package/lib/bryntum-display-field.component.d.ts

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum DisplayField
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, DisplayField, DisplayFieldListeners, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DisplayField, DisplayFieldListeners, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumDisplayFieldProps = {
     /**
@@ -106,7 +106,7 @@ export declare type BryntumDisplayFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-color)
      */
-    color?: string;
+    color?: Color;
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -659,7 +659,7 @@ export declare class BryntumDisplayFieldComponent implements OnInit, OnDestroy {
     bubbleEvents: object;
     centered: boolean;
     clearable: boolean | FieldTriggerConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     container: Record<string, ContainerItemConfig> | ContainerItemConfig[] | FieldContainerConfig | FieldContainer;

package/lib/bryntum-duration-field.component.d.ts

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum DurationField
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Duration, DurationConfig, DurationField, DurationFieldListeners, DurationUnit, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Duration, DurationConfig, DurationField, DurationFieldListeners, DurationUnit, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumDurationFieldProps = {
     /**
@@ -115,7 +115,7 @@ export declare type BryntumDurationFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-color)
      */
-    color?: string;
+    color?: Color;
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -711,7 +711,7 @@ export declare class BryntumDurationFieldComponent implements OnInit, OnDestroy
     bubbleEvents: object;
     centered: boolean;
     clearable: boolean | FieldTriggerConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     container: Record<string, ContainerItemConfig> | ContainerItemConfig[] | FieldContainerConfig | FieldContainer;

package/lib/bryntum-editor.component.d.ts

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum Editor
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, ContainerLayoutConfig, DomConfig, Editor, EditorListeners, InputFieldConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, Editor, EditorListeners, InputFieldConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumEditorProps = {
     /**
@@ -60,6 +60,10 @@ export declare type BryntumEditorProps = {
      * leaving the application to listen for the [focusOut](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#event-focusOut) event.
      */
     blurAction?: 'complete' | 'cancel' | null;
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border?: boolean;
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -105,7 +109,7 @@ export declare type BryntumEditorProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#config-color)
      */
-    color?: string;
+    color?: Color;
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -641,10 +645,11 @@ export declare class BryntumEditorComponent implements OnInit, OnDestroy {
     ariaLabel: string;
     autoUpdateRecord: boolean;
     blurAction: 'complete' | 'cancel' | null;
+    border: boolean;
     bubbleEvents: object;
     cancelKey: string;
     centered: boolean;
-    color: string;
+    color: Color;
     completeKey: string;
     completeOnChange: boolean;
     config: object;
@@ -965,5 +970,5 @@ export declare class BryntumEditorComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BryntumEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumEditorComponent, "bryntum-editor", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "appendToTargetParent": "appendToTargetParent"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "blurAction": "blurAction"; "bubbleEvents": "bubbleEvents"; "cancelKey": "cancelKey"; "centered": "centered"; "color": "color"; "completeKey": "completeKey"; "completeOnChange": "completeOnChange"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "fitTargetContent": "fitTargetContent"; "floating": "floating"; "hideAnimation": "hideAnimation"; "hideTarget": "hideTarget"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "invalidAction": "invalidAction"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "matchFont": "matchFont"; "matchSize": "matchSize"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "title": "title"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputField": "inputField"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "values": "values"; }, { "onAfterEdit": "onAfterEdit"; "onBeforeCancel": "onBeforeCancel"; "onBeforeComplete": "onBeforeComplete"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStart": "onBeforeStart"; "onCancel": "onCancel"; "onCatchAll": "onCatchAll"; "onComplete": "onComplete"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onKeyDown": "onKeyDown"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onStart": "onStart"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumEditorComponent, "bryntum-editor", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "appendToTargetParent": "appendToTargetParent"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "blurAction": "blurAction"; "border": "border"; "bubbleEvents": "bubbleEvents"; "cancelKey": "cancelKey"; "centered": "centered"; "color": "color"; "completeKey": "completeKey"; "completeOnChange": "completeOnChange"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "fitTargetContent": "fitTargetContent"; "floating": "floating"; "hideAnimation": "hideAnimation"; "hideTarget": "hideTarget"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "invalidAction": "invalidAction"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "matchFont": "matchFont"; "matchSize": "matchSize"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "title": "title"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputField": "inputField"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "values": "values"; }, { "onAfterEdit": "onAfterEdit"; "onBeforeCancel": "onBeforeCancel"; "onBeforeComplete": "onBeforeComplete"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStart": "onBeforeStart"; "onCancel": "onCancel"; "onCatchAll": "onCatchAll"; "onComplete": "onComplete"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onKeyDown": "onKeyDown"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onStart": "onStart"; }, never, never>;
 }

package/lib/bryntum-field-filter-picker-group.component.d.ts

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum FieldFilterPickerGroup
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, CollectionFilterConfig, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPickerConfig, FieldFilterPickerGroup, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, CollectionFilterConfig, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPickerConfig, FieldFilterPickerGroup, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumFieldFilterPickerGroupProps = {
     /**
@@ -62,6 +62,10 @@ export declare type BryntumFieldFilterPickerGroupProps = {
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord?: boolean;
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border?: boolean;
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -117,7 +121,7 @@ export declare type BryntumFieldFilterPickerGroupProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPickerGroup#config-color)
      */
-    color?: string;
+    color?: Color;
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -665,11 +669,12 @@ export declare class BryntumFieldFilterPickerGroupComponent implements OnInit, O
     ariaDescription: string;
     ariaLabel: string;
     autoUpdateRecord: boolean;
+    border: boolean;
     bubbleEvents: object;
     canDeleteFilter: (filter: any) => boolean;
     canManageFilter: (filter: any) => boolean;
     centered: boolean;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     contentElementCls: string | object;
@@ -931,5 +936,5 @@ export declare class BryntumFieldFilterPickerGroupComponent implements OnInit, O
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BryntumFieldFilterPickerGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumFieldFilterPickerGroupComponent, "bryntum-field-filter-picker-group", never, { "addFilterButtonText": "addFilterButtonText"; "adopt": "adopt"; "align": "align"; "allowedFieldNames": "allowedFieldNames"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "bubbleEvents": "bubbleEvents"; "canDeleteFilter": "canDeleteFilter"; "canManageFilter": "canManageFilter"; "centered": "centered"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "dateFormat": "dateFormat"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "fields": "fields"; "filters": "filters"; "floating": "floating"; "getFieldFilterPickerConfig": "getFieldFilterPickerConfig"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "limitToProperty": "limitToProperty"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "operators": "operators"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAddFilterButton": "showAddFilterButton"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "store": "store"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "title": "title"; "triggerChangeOnInput": "triggerChangeOnInput"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "value": "value"; "values": "values"; }, { "onBeforeAddFilter": "onBeforeAddFilter"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onChange": "onChange"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumFieldFilterPickerGroupComponent, "bryntum-field-filter-picker-group", never, { "addFilterButtonText": "addFilterButtonText"; "adopt": "adopt"; "align": "align"; "allowedFieldNames": "allowedFieldNames"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "border": "border"; "bubbleEvents": "bubbleEvents"; "canDeleteFilter": "canDeleteFilter"; "canManageFilter": "canManageFilter"; "centered": "centered"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "dateFormat": "dateFormat"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "fields": "fields"; "filters": "filters"; "floating": "floating"; "getFieldFilterPickerConfig": "getFieldFilterPickerConfig"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "limitToProperty": "limitToProperty"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "operators": "operators"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAddFilterButton": "showAddFilterButton"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "store": "store"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "title": "title"; "triggerChangeOnInput": "triggerChangeOnInput"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "value": "value"; "values": "values"; }, { "onBeforeAddFilter": "onBeforeAddFilter"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onChange": "onChange"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; }, never, never>;
 }

package/lib/bryntum-field-filter-picker.component.d.ts

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum FieldFilterPicker
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, ComboConfig, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerListeners, FieldOption, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerListeners, FieldOption, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumFieldFilterPickerProps = {
     /**
@@ -52,6 +52,10 @@ export declare type BryntumFieldFilterPickerProps = {
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord?: boolean;
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border?: boolean;
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -91,7 +95,7 @@ export declare type BryntumFieldFilterPickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker#config-color)
      */
-    color?: string;
+    color?: Color;
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -641,9 +645,10 @@ export declare class BryntumFieldFilterPickerComponent implements OnInit, OnDest
     ariaDescription: string;
     ariaLabel: string;
     autoUpdateRecord: boolean;
+    border: boolean;
     bubbleEvents: object;
     centered: boolean;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     contentElementCls: string | object;
@@ -899,5 +904,5 @@ export declare class BryntumFieldFilterPickerComponent implements OnInit, OnDest
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BryntumFieldFilterPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumFieldFilterPickerComponent, "bryntum-field-filter-picker", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "dateFormat": "dateFormat"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "fields": "fields"; "filter": "filter"; "floating": "floating"; "getValueFieldConfig": "getValueFieldConfig"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "operatorLocked": "operatorLocked"; "operators": "operators"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "propertyFieldConfig": "propertyFieldConfig"; "propertyLocked": "propertyLocked"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "store": "store"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "title": "title"; "triggerChangeOnInput": "triggerChangeOnInput"; "type": "type"; "ui": "ui"; "valueFieldPlaceholders": "valueFieldPlaceholders"; "valueLocked": "valueLocked"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onChange": "onChange"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumFieldFilterPickerComponent, "bryntum-field-filter-picker", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "border": "border"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "dateFormat": "dateFormat"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "fields": "fields"; "filter": "filter"; "floating": "floating"; "getValueFieldConfig": "getValueFieldConfig"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "operatorLocked": "operatorLocked"; "operators": "operators"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "propertyFieldConfig": "propertyFieldConfig"; "propertyLocked": "propertyLocked"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "store": "store"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "title": "title"; "triggerChangeOnInput": "triggerChangeOnInput"; "type": "type"; "ui": "ui"; "valueFieldPlaceholders": "valueFieldPlaceholders"; "valueLocked": "valueLocked"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onChange": "onChange"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; }, never, never>;
 }