@bryntum/grid-angular 7.1.3 → 7.2.0

package/src/lib/bryntum-radio-group.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, RadioConfig, RadioGroup, RadioGroupListeners, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, RadioConfig, RadioGroup, RadioGroupListeners, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -73,6 +73,10 @@ export type BryntumRadioGroupProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/RadioGroup#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.
@@ -128,7 +132,7 @@ export type BryntumRadioGroupProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/RadioGroup#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -787,6 +791,7 @@ export class BryntumRadioGroupComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -905,6 +910,7 @@ export class BryntumRadioGroupComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'clearable',
@@ -1052,11 +1058,12 @@ export class BryntumRadioGroupComponent implements OnInit, OnDestroy {
     @Input() autoUpdateRecord             ! : boolean;
     @Input() bbar                         ! : (ContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null;
     @Input() bodyCls                      ! : string|object;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() clearable                    ! : boolean;
     @Input() collapsible                  ! : boolean|PanelCollapserConfig|PanelCollapserOverlayConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-slider.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Slider, SliderListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Slider, SliderListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -95,7 +95,7 @@ export type BryntumSliderProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Slider#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -783,7 +783,7 @@ export class BryntumSliderComponent implements OnInit, OnDestroy {
     @Input() ariaLabel                    ! : string;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-splitter.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Splitter, SplitterListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Splitter, SplitterListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -95,7 +95,7 @@ export type BryntumSplitterProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Splitter#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -703,7 +703,7 @@ export class BryntumSplitterComponent implements OnInit, OnDestroy {
     @Input() ariaLabel                    ! : string;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-tab-panel.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabBarConfig, TabConfig, TabPanel, TabPanelListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabBarConfig, TabConfig, TabPanel, TabPanelListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -85,6 +85,10 @@ export type BryntumTabPanelProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel#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.
@@ -135,7 +139,7 @@ export type BryntumTabPanelProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -773,6 +777,7 @@ export class BryntumTabPanelComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -888,6 +893,7 @@ export class BryntumTabPanelComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'collapsible',
@@ -1033,10 +1039,11 @@ export class BryntumTabPanelComponent implements OnInit, OnDestroy {
     @Input() autoUpdateRecord             ! : boolean;
     @Input() bbar                         ! : (ContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null;
     @Input() bodyCls                      ! : string|object;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() collapsible                  ! : boolean|PanelCollapserConfig|PanelCollapserOverlayConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-text-area-field.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaField, TextAreaFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaField, TextAreaFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -114,7 +114,7 @@ export type BryntumTextAreaFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TextAreaField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -933,7 +933,7 @@ export class BryntumTextAreaFieldComponent implements OnInit, OnDestroy {
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() clearable                    ! : boolean|FieldTriggerConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() container                    ! : Record<string, ContainerItemConfig>|ContainerItemConfig[]|FieldContainerConfig|FieldContainer;

package/src/lib/bryntum-text-area-picker-field.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaPickerField, TextAreaPickerFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaPickerField, TextAreaPickerFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -118,7 +118,7 @@ export type BryntumTextAreaPickerFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TextAreaPickerField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -959,7 +959,7 @@ export class BryntumTextAreaPickerFieldComponent implements OnInit, OnDestroy {
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() clearable                    ! : boolean|FieldTriggerConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() container                    ! : Record<string, ContainerItemConfig>|ContainerItemConfig[]|FieldContainerConfig|FieldContainer;

package/src/lib/bryntum-text-field.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextField, TextFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextField, TextFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -114,7 +114,7 @@ export type BryntumTextFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TextField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -940,7 +940,7 @@ export class BryntumTextFieldComponent implements OnInit, OnDestroy {
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() clearable                    ! : boolean|FieldTriggerConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() container                    ! : Record<string, ContainerItemConfig>|ContainerItemConfig[]|FieldContainerConfig|FieldContainer;

package/src/lib/bryntum-time-field.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TimeField, TimeFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DateField, DomConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TimeField, TimeFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -118,7 +118,7 @@ export type BryntumTimeFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TimeField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -481,6 +481,14 @@ export type BryntumTimeFieldProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TimeField#config-owner)
      */
     owner ? : Widget|any
+    /**
+     * A reference to a partner DateField which this TimeField should sync its value with.
+     * When the DateField's value is changed, this TimeField's value is updated to match.
+     * When this TimeField's value is changed, the DateField's value is updated to match.
+     * ...
+     * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TimeField#config-partner)
+     */
+    partner ? : string|DateField
     /**
      * Configuration object for the [picker](https://bryntum.com/products/grid/docs/api/Core/widget/List) on initialization. Returns the
      * [picker](https://bryntum.com/products/grid/docs/api/Core/widget/List) instance at runtime.
@@ -803,6 +811,7 @@ export class BryntumTimeFieldComponent implements OnInit, OnDestroy {
         'monitorResize',
         'name',
         'owner',
+        'partner',
         'picker',
         'pickerAlignElement',
         'placeholder',
@@ -954,6 +963,7 @@ export class BryntumTimeFieldComponent implements OnInit, OnDestroy {
         'minHeight',
         'minWidth',
         'parent',
+        'partner',
         'placeholder',
         'readOnly',
         'rendition',
@@ -999,7 +1009,7 @@ export class BryntumTimeFieldComponent implements OnInit, OnDestroy {
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() clearable                    ! : boolean|FieldTriggerConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() container                    ! : Record<string, ContainerItemConfig>|ContainerItemConfig[]|FieldContainerConfig|FieldContainer;
@@ -1101,6 +1111,7 @@ export class BryntumTimeFieldComponent implements OnInit, OnDestroy {
     @Input() min                         ! : string|Date;
     @Input() minHeight                   ! : string|number;
     @Input() minWidth                    ! : string|number;
+    @Input() partner                     ! : string|DateField;
     @Input() placeholder                 ! : string;
     @Input() readOnly                    ! : boolean;
     @Input() rendition                   ! : 'outlined'|'filled'|string;

package/src/lib/bryntum-time-picker.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, TimePicker, TimePickerListeners, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, TimePicker, TimePickerListeners, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -60,6 +60,10 @@ export type BryntumTimePickerProps = {
      * 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.
@@ -99,7 +103,7 @@ export type BryntumTimePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TimePicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -635,6 +639,7 @@ export class BryntumTimePickerComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -733,6 +738,7 @@ export class BryntumTimePickerComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',
@@ -860,9 +866,10 @@ export class BryntumTimePickerComponent implements OnInit, OnDestroy {
     @Input() ariaDescription              ! : string;
     @Input() ariaLabel                    ! : string;
     @Input() autoUpdateRecord             ! : boolean;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-toolbar.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ClickRepeaterConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, Tool, ToolConfig, Toolbar, ToolbarItems, ToolbarListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, ClickRepeaterConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, Tool, ToolConfig, Toolbar, ToolbarItems, ToolbarListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -60,6 +60,10 @@ export type BryntumToolbarProps = {
      * 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.
@@ -99,7 +103,7 @@ export type BryntumToolbarProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -640,6 +644,7 @@ export class BryntumToolbarComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -738,6 +743,7 @@ export class BryntumToolbarComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',
@@ -864,9 +870,10 @@ export class BryntumToolbarComponent implements OnInit, OnDestroy {
     @Input() ariaDescription              ! : string;
     @Input() ariaLabel                    ! : string;
     @Input() autoUpdateRecord             ! : boolean;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-tree-combo.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Combo, ComboModel, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, TreeCombo, TreeComboListeners, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboModel, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, TreeCombo, TreeComboListeners, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -147,7 +147,7 @@ export type BryntumTreeComboProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -1219,7 +1219,7 @@ export class BryntumTreeComboComponent implements OnInit, OnDestroy {
     @Input() clearTextOnPickerHide        ! : boolean;
     @Input() clearTextOnSelection         ! : boolean;
     @Input() clearWhenInputEmpty          ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() container                    ! : Record<string, ContainerItemConfig>|ContainerItemConfig[]|FieldContainerConfig|FieldContainer;

package/src/lib/bryntum-tree-grid.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridStateInfo, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, Summary, SummaryConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, TreeGrid, TreeGridListeners, TreeGroup, TreeGroupConfig, Widget, XLSColumn } from '@bryntum/grid';
+import { AI, AIConfig, AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Color, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, DomConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridStateInfo, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, Menu, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RecordPositionContext, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, Summary, SummaryConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, TreeGrid, TreeGridListeners, TreeGroup, TreeGroupConfig, Widget, XLSColumn } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -82,6 +82,10 @@ export type BryntumTreeGridProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#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.
@@ -133,7 +137,7 @@ export type BryntumTreeGridProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -755,6 +759,15 @@ export type BryntumTreeGridProps = {
     width ? : string|number
 
     // Features
+    /**
+     * This feature provides an AI agent for Grid. It provides a chat panel that allows the user to send messages to the
+     * agent and see the responses. Which allows the user to use natural language to interact with the Grid in different
+     * ways. For example, the user can ask the agent to filter the data, sort it, or select specific records. The agent can
+     * also perform data manipulation operations such as adding, updating, deleting records.
+     * ...
+     * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/AI)
+     */
+    aiFeature ? : object|boolean|string|AI|AIConfig
     /**
      * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
      * ...
@@ -1169,6 +1182,7 @@ export class BryntumTreeGridComponent implements OnInit, OnDestroy {
     ];
 
     private static bryntumFeatureNames: string[] = [
+        'aiFeature',
         'aiFilterFeature',
         'cellCopyPasteFeature',
         'cellEditFeature',
@@ -1223,6 +1237,7 @@ export class BryntumTreeGridComponent implements OnInit, OnDestroy {
         'autoHeight',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -1344,6 +1359,7 @@ export class BryntumTreeGridComponent implements OnInit, OnDestroy {
         'autoHeight',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'collapsible',
         'color',
@@ -1498,9 +1514,10 @@ export class BryntumTreeGridComponent implements OnInit, OnDestroy {
     @Input() autoHeight                    ! : boolean;
     @Input() bbar                          ! : (ContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null;
     @Input() bodyCls                       ! : string|object;
+    @Input() border                        ! : boolean;
     @Input() bubbleEvents                  ! : object;
     @Input() collapsible                   ! : boolean|PanelCollapserConfig|PanelCollapserOverlayConfig;
-    @Input() color                         ! : string;
+    @Input() color                         ! : Color;
     @Input() config                        ! : object;
     @Input() contentElementCls             ! : string|object;
     @Input() contextMenuTriggerEvent       ! : 'contextmenu'|'click'|'dblclick';
@@ -1657,6 +1674,7 @@ export class BryntumTreeGridComponent implements OnInit, OnDestroy {
     @Input() tooltip         ! : string|TooltipConfig;
 
     // Features
+    @Input() aiFeature                 ! : object|boolean|string|AI|AIConfig;
     @Input() aiFilterFeature           ! : object|boolean|string|AIFilter|AIFilterConfig;
     @Input() cellCopyPasteFeature      ! : object|boolean|string|CellCopyPaste|CellCopyPasteConfig;
     @Input() cellEditFeature           ! : object|boolean|string|CellEdit|CellEditConfig;

package/src/lib/bryntum-widget.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget, WidgetListeners } from '@bryntum/grid';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget, WidgetListeners } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -95,7 +95,7 @@ export type BryntumWidgetProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -683,7 +683,7 @@ export class BryntumWidgetComponent implements OnInit, OnDestroy {
     @Input() ariaLabel                    ! : string;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-year-picker.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget, YearPicker, YearPickerListeners } from '@bryntum/grid';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget, YearPicker, YearPickerListeners } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -73,6 +73,10 @@ export type BryntumYearPickerProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/YearPicker#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.
@@ -123,7 +127,7 @@ export type BryntumYearPickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/YearPicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -764,6 +768,7 @@ export class BryntumYearPickerComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -879,6 +884,7 @@ export class BryntumYearPickerComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'collapsible',
@@ -1024,10 +1030,11 @@ export class BryntumYearPickerComponent implements OnInit, OnDestroy {
     @Input() autoUpdateRecord             ! : boolean;
     @Input() bbar                         ! : (ContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null;
     @Input() bodyCls                      ! : string|object;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() collapsible                  ! : boolean|PanelCollapserConfig|PanelCollapserOverlayConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;