@bryntum/grid-angular 7.1.3 → 7.2.1

package/src/lib/bryntum-demo-code-editor.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, DemoCodeEditor, DemoCodeEditorListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DemoCodeEditor, DemoCodeEditorListeners, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -77,6 +77,10 @@ export 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.
@@ -133,7 +137,7 @@ export 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.
      */
@@ -780,6 +784,7 @@ export class BryntumDemoCodeEditorComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -899,6 +904,7 @@ export class BryntumDemoCodeEditorComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'codePath',
@@ -1047,11 +1053,12 @@ export class BryntumDemoCodeEditorComponent 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() codePath                     ! : string;
     @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-display-field.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ContainerItemConfig, DisplayField, DisplayFieldListeners, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DisplayField, DisplayFieldListeners, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -114,7 +114,7 @@ export 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.
      */
@@ -930,7 +930,7 @@ export class BryntumDisplayFieldComponent 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-duration-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, 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 { StringHelper } from '@bryntum/grid';
 
@@ -123,7 +123,7 @@ export 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.
      */
@@ -1005,7 +1005,7 @@ export class BryntumDurationFieldComponent 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-editor.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, Editor, EditorListeners, InputFieldConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, Editor, EditorListeners, InputFieldConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -68,6 +68,10 @@ export 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.
@@ -113,7 +117,7 @@ export 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.
      */
@@ -683,6 +687,7 @@ export class BryntumEditorComponent implements OnInit, OnDestroy {
         'ariaLabel',
         'autoUpdateRecord',
         'blurAction',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'cancelKey',
@@ -788,6 +793,7 @@ export class BryntumEditorComponent implements OnInit, OnDestroy {
         'ariaLabel',
         'autoUpdateRecord',
         'blurAction',
+        'border',
         'bubbleEvents',
         'cancelKey',
         'centered',
@@ -921,10 +927,11 @@ export class BryntumEditorComponent implements OnInit, OnDestroy {
     @Input() ariaLabel                    ! : string;
     @Input() autoUpdateRecord             ! : boolean;
     @Input() blurAction                   ! : 'complete'|'cancel'|null;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() cancelKey                    ! : string;
     @Input() centered                     ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() completeKey                  ! : string;
     @Input() completeOnChange             ! : boolean;
     @Input() config                       ! : object;

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

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, CollectionFilterConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, 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, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -70,6 +70,10 @@ export 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.
@@ -125,7 +129,7 @@ export 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.
      */
@@ -701,6 +705,7 @@ export class BryntumFieldFilterPickerGroupComponent implements OnInit, OnDestroy
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'canDeleteFilter',
@@ -808,6 +813,7 @@ export class BryntumFieldFilterPickerGroupComponent implements OnInit, OnDestroy
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'canDeleteFilter',
         'canManageFilter',
@@ -944,11 +950,12 @@ export class BryntumFieldFilterPickerGroupComponent implements OnInit, OnDestroy
     @Input() ariaDescription              ! : string;
     @Input() ariaLabel                    ! : string;
     @Input() autoUpdateRecord             ! : boolean;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() canDeleteFilter              ! : (filter: any) => boolean;
     @Input() canManageFilter              ! : (filter: any) => boolean;
     @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-field-filter-picker.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, ComboConfig, Container, 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, Container, 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 { StringHelper } from '@bryntum/grid';
 
@@ -60,6 +60,10 @@ export 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.
@@ -99,7 +103,7 @@ export 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.
      */
@@ -676,6 +680,7 @@ export class BryntumFieldFilterPickerComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -782,6 +787,7 @@ export class BryntumFieldFilterPickerComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',
@@ -916,9 +922,10 @@ export class BryntumFieldFilterPickerComponent 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-field-set.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, FieldSet, FieldSetListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldSet, FieldSetListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, 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 BryntumFieldSetProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#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 BryntumFieldSetProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -761,6 +765,7 @@ export class BryntumFieldSetComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -875,6 +880,7 @@ export class BryntumFieldSetComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'collapsible',
@@ -1018,10 +1024,11 @@ export class BryntumFieldSetComponent 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-file-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, FileField, FileFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FileField, FileFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -119,7 +119,7 @@ export type BryntumFileFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FileField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -935,7 +935,7 @@ export class BryntumFileFieldComponent 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-file-picker.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ButtonConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FileFieldConfig, FilePicker, FilePickerListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, ButtonConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FileFieldConfig, FilePicker, FilePickerListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -60,6 +60,10 @@ export type BryntumFilePickerProps = {
      * 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.
@@ -103,7 +107,7 @@ export type BryntumFilePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FilePicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -628,6 +632,7 @@ export class BryntumFilePickerComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'buttonConfig',
         'callOnFunctions',
@@ -725,6 +730,7 @@ export class BryntumFilePickerComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'buttonConfig',
         'centered',
@@ -850,10 +856,11 @@ export class BryntumFilePickerComponent implements OnInit, OnDestroy {
     @Input() ariaDescription              ! : string;
     @Input() ariaLabel                    ! : string;
     @Input() autoUpdateRecord             ! : boolean;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() buttonConfig                 ! : ButtonConfig;
     @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-filter-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, FilterField, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, Store, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FilterField, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, Store, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -114,7 +114,7 @@ export type BryntumFilterFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FilterField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -981,7 +981,7 @@ export class BryntumFilterFieldComponent 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-grid-base.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, GridBaseListeners, 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, 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, GridBaseListeners, 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, TreeGroup, TreeGroupConfig, Widget, XLSColumn } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -82,6 +82,10 @@ export type BryntumGridBaseProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#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 BryntumGridBaseProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -754,6 +758,15 @@ export type BryntumGridBaseProps = {
     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.
      * ...
@@ -1168,6 +1181,7 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
     ];
 
     private static bryntumFeatureNames: string[] = [
+        'aiFeature',
         'aiFilterFeature',
         'cellCopyPasteFeature',
         'cellEditFeature',
@@ -1222,6 +1236,7 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
         'autoHeight',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -1342,6 +1357,7 @@ export class BryntumGridBaseComponent implements OnInit, OnDestroy {
         'autoHeight',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'collapsible',
         'color',
@@ -1495,9 +1511,10 @@ export class BryntumGridBaseComponent 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';
@@ -1653,6 +1670,7 @@ export class BryntumGridBaseComponent 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-grid-chart-designer.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, DomConfig, Grid, GridChartDesigner, GridChartDesignerListeners, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, DomConfig, Grid, GridChartDesigner, GridChartDesignerListeners, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -95,7 +95,7 @@ export type BryntumGridChartDesignerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridChartDesigner#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -698,7 +698,7 @@ export class BryntumGridChartDesignerComponent 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-grid-field-filter-picker-group.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, CollectionFilterConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, Grid, GridFieldFilterPickerGroup, GridFieldFilterPickerGroupListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, CollectionFilterConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroup, Grid, GridFieldFilterPickerGroup, GridFieldFilterPickerGroupListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -70,6 +70,10 @@ export type BryntumGridFieldFilterPickerGroupProps = {
      * 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.
@@ -125,7 +129,7 @@ export type BryntumGridFieldFilterPickerGroupProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -696,6 +700,7 @@ export class BryntumGridFieldFilterPickerGroupComponent implements OnInit, OnDes
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'canDeleteFilter',
@@ -802,6 +807,7 @@ export class BryntumGridFieldFilterPickerGroupComponent implements OnInit, OnDes
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'canDeleteFilter',
         'canManageFilter',
@@ -937,11 +943,12 @@ export class BryntumGridFieldFilterPickerGroupComponent implements OnInit, OnDes
     @Input() ariaDescription              ! : string;
     @Input() ariaLabel                    ! : string;
     @Input() autoUpdateRecord             ! : boolean;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() canDeleteFilter              ! : (filter: any) => boolean;
     @Input() canManageFilter              ! : (filter: any) => boolean;
     @Input() centered                     ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;