@bryntum/grid-angular 7.1.2 → 7.2.0

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

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, Collection, CollectionConfig, DomConfig, GroupBar, GroupBarListeners, KeyMapConfig, List, MaskConfig, Model, ModelConfig, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, GroupBar, GroupBarListeners, KeyMapConfig, List, MaskConfig, Model, ModelConfig, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -126,7 +126,7 @@ export type BryntumGroupBarProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -733,13 +733,11 @@ export class BryntumGroupBarComponent implements OnInit, OnDestroy {
         'activateOnMouseover',
         'adopt',
         'align',
-        'allowGroupSelect',
         'anchor',
         'ariaDescription',
         'ariaLabel',
         'bubbleEvents',
         'centered',
-        'clearSelectionOnEmptySpaceClick',
         'closable',
         'closeHandler',
         'color',
@@ -792,10 +790,12 @@ export class BryntumGroupBarComponent implements OnInit, OnDestroy {
 
     private static bryntumProps: string[] = BryntumGroupBarComponent.bryntumFeatureNames.concat([
         'alignSelf',
+        'allowGroupSelect',
         'anchorSize',
         'appendTo',
         'callOnFunctions',
         'catchEventHandlerExceptions',
+        'clearSelectionOnEmptySpaceClick',
         'cls',
         'collapsibleGroups',
         'column',
@@ -853,115 +853,115 @@ export class BryntumGroupBarComponent implements OnInit, OnDestroy {
     }
 
     // Configs only
-    @Input() activateOnMouseover             ! : boolean;
-    @Input() adopt                           ! : HTMLElement|string;
-    @Input() align                           ! : AlignSpec|string;
-    @Input() allowGroupSelect                ! : boolean;
-    @Input() anchor                          ! : boolean;
-    @Input() ariaDescription                 ! : string;
-    @Input() ariaLabel                       ! : string;
-    @Input() bubbleEvents                    ! : object;
-    @Input() centered                        ! : boolean;
-    @Input() clearSelectionOnEmptySpaceClick ! : boolean;
-    @Input() closable                        ! : boolean;
-    @Input() closeHandler                    ! : string|(() => void);
-    @Input() color                           ! : string;
-    @Input() config                          ! : object;
-    @Input() constrainTo                     ! : HTMLElement|Widget|Rectangle;
-    @Input() contentElementCls               ! : string|object;
-    @Input() dataField                       ! : string;
-    @Input() defaultBindProperty             ! : string;
-    @Input() detectCSSCompatibilityIssues    ! : boolean;
-    @Input() displayField                    ! : string;
-    @Input() dock                            ! : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object;
-    @Input() draggable                       ! : boolean|{
+    @Input() activateOnMouseover          ! : boolean;
+    @Input() adopt                        ! : HTMLElement|string;
+    @Input() align                        ! : AlignSpec|string;
+    @Input() anchor                       ! : boolean;
+    @Input() ariaDescription              ! : string;
+    @Input() ariaLabel                    ! : string;
+    @Input() bubbleEvents                 ! : object;
+    @Input() centered                     ! : boolean;
+    @Input() closable                     ! : boolean;
+    @Input() closeHandler                 ! : string|(() => void);
+    @Input() color                        ! : Color;
+    @Input() config                       ! : object;
+    @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
+    @Input() contentElementCls            ! : string|object;
+    @Input() dataField                    ! : string;
+    @Input() defaultBindProperty          ! : string;
+    @Input() detectCSSCompatibilityIssues ! : boolean;
+    @Input() displayField                 ! : string;
+    @Input() dock                         ! : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object;
+    @Input() draggable                    ! : boolean|{
         handleSelector?: string
     };
-    @Input() elementAttributes               ! : Record<string, string|null>;
-    @Input() floating                        ! : boolean;
-    @Input() getItemCls                      ! : ((record: Model) => string)|string;
-    @Input() getItemStyle                    ! : ((record: Model) => string)|string;
-    @Input() groupHeaderTpl                  ! : (record: Model, groupName: string) => string;
-    @Input() hideAnimation                   ! : boolean|object;
-    @Input() htmlCls                         ! : string|object;
-    @Input() iconTpl                         ! : (record: Model) => DomConfig|string|void;
-    @Input() ignoreParentReadOnly            ! : boolean;
-    @Input() isSelectable                    ! : (() => boolean)|string;
-    @Input() itemTpl                         ! : ((record: Model) => string)|string;
-    @Input() listeners                       ! : GroupBarListeners;
-    @Input() localeClass                     ! : typeof Base;
-    @Input() localizable                     ! : boolean;
-    @Input() localizableProperties           ! : string[];
-    @Input() maskDefaults                    ! : MaskConfig;
-    @Input() masked                          ! : boolean|string|MaskConfig;
-    @Input() monitorResize                   ! : boolean|{
+    @Input() elementAttributes            ! : Record<string, string|null>;
+    @Input() floating                     ! : boolean;
+    @Input() getItemCls                   ! : ((record: Model) => string)|string;
+    @Input() getItemStyle                 ! : ((record: Model) => string)|string;
+    @Input() groupHeaderTpl               ! : (record: Model, groupName: string) => string;
+    @Input() hideAnimation                ! : boolean|object;
+    @Input() htmlCls                      ! : string|object;
+    @Input() iconTpl                      ! : (record: Model) => DomConfig|string|void;
+    @Input() ignoreParentReadOnly         ! : boolean;
+    @Input() isSelectable                 ! : (() => boolean)|string;
+    @Input() itemTpl                      ! : ((record: Model) => string)|string;
+    @Input() listeners                    ! : GroupBarListeners;
+    @Input() localeClass                  ! : typeof Base;
+    @Input() localizable                  ! : boolean;
+    @Input() localizableProperties        ! : string[];
+    @Input() maskDefaults                 ! : MaskConfig;
+    @Input() masked                       ! : boolean|string|MaskConfig;
+    @Input() monitorResize                ! : boolean|{
         immediate?: boolean
     };
-    @Input() owner                           ! : Widget|any;
-    @Input() positioned                      ! : boolean;
-    @Input() preventTooltipOnTouch           ! : boolean;
-    @Input() relayStoreEvents                ! : boolean;
-    @Input() ripple                          ! : boolean|{
+    @Input() owner                        ! : Widget|any;
+    @Input() positioned                   ! : boolean;
+    @Input() preventTooltipOnTouch        ! : boolean;
+    @Input() relayStoreEvents             ! : boolean;
+    @Input() ripple                       ! : boolean|{
         delegate?: string
         color?: string
         radius?: number
         clip?: string
     };
-    @Input() rootElement                     ! : ShadowRoot|HTMLElement;
-    @Input() scrollAction                    ! : 'hide'|'realign'|null;
-    @Input() selectAllItem                   ! : boolean|string;
-    @Input() showAnimation                   ! : boolean|object;
-    @Input() showTooltipWhenDisabled         ! : boolean;
-    @Input() tab                             ! : boolean|TabConfig;
-    @Input() tag                             ! : string;
-    @Input() textAlign                       ! : 'left'|'center'|'right'|'start'|'end';
-    @Input() tooltipTemplate                 ! : (record: Model) => string;
-    @Input() type                            ! : 'groupbar';
-    @Input() ui                              ! : string|object;
-    @Input() virtualize                      ! : boolean|number;
-    @Input() weight                          ! : number;
+    @Input() rootElement                  ! : ShadowRoot|HTMLElement;
+    @Input() scrollAction                 ! : 'hide'|'realign'|null;
+    @Input() selectAllItem                ! : boolean|string;
+    @Input() showAnimation                ! : boolean|object;
+    @Input() showTooltipWhenDisabled      ! : boolean;
+    @Input() tab                          ! : boolean|TabConfig;
+    @Input() tag                          ! : string;
+    @Input() textAlign                    ! : 'left'|'center'|'right'|'start'|'end';
+    @Input() tooltipTemplate              ! : (record: Model) => string;
+    @Input() type                         ! : 'groupbar';
+    @Input() ui                           ! : string|object;
+    @Input() virtualize                   ! : boolean|number;
+    @Input() weight                       ! : number;
 
     // Configs and properties
-    @Input() alignSelf                   ! : string;
-    @Input() appendTo                    ! : HTMLElement|string;
-    @Input() callOnFunctions             ! : boolean;
-    @Input() catchEventHandlerExceptions ! : boolean;
-    @Input() cls                         ! : string|object;
-    @Input() collapsibleGroups           ! : boolean;
-    @Input() column                      ! : number;
-    @Input() content                     ! : string;
-    @Input() dataset                     ! : object|Record<string, string>;
-    @Input() disabled                    ! : boolean|'inert';
-    @Input() emptyText                   ! : string;
-    @Input() extraData                   ! : any;
-    @Input() flex                        ! : number|string;
-    @Input() height                      ! : number|string;
-    @Input() hidden                      ! : boolean;
-    @Input() html                        ! : string|((widget: Widget) => string)|DomConfig|DomConfig[]|VueConfig;
-    @Input() id                          ! : string;
-    @Input() insertBefore                ! : HTMLElement|string;
-    @Input() insertFirst                 ! : HTMLElement|string;
-    @Input() items                       ! : object[];
-    @Input() keyMap                      ! : Record<string, KeyMapConfig>;
-    @Input() margin                      ! : number|string;
-    @Input() maxHeight                   ! : string|number;
-    @Input() maximizeOnMobile            ! : number|string;
-    @Input() maxWidth                    ! : string|number;
-    @Input() minHeight                   ! : string|number;
-    @Input() minWidth                    ! : string|number;
-    @Input() multiSelect                 ! : boolean;
-    @Input() readOnly                    ! : boolean;
-    @Input() rtl                         ! : boolean;
-    @Input() scrollable                  ! : Scroller|boolean|ScrollerConfig;
-    @Input() selected                    ! : Model|Model[]|string|string[]|number|number[]|Collection|object[]|CollectionConfig|ModelConfig[]|CollectionConfig[];
-    @Input() span                        ! : number;
-    @Input() store                       ! : object|object[]|StoreConfig|Store|StoreConfig[];
-    @Input() title                       ! : string;
-    @Input() toggleAllIfCtrlPressed      ! : boolean;
-    @Input() tooltip                     ! : string|TooltipConfig|null;
-    @Input() width                       ! : number|string;
-    @Input() x                           ! : number;
-    @Input() y                           ! : number;
+    @Input() alignSelf                       ! : string;
+    @Input() allowGroupSelect                ! : boolean;
+    @Input() appendTo                        ! : HTMLElement|string;
+    @Input() callOnFunctions                 ! : boolean;
+    @Input() catchEventHandlerExceptions     ! : boolean;
+    @Input() clearSelectionOnEmptySpaceClick ! : boolean;
+    @Input() cls                             ! : string|object;
+    @Input() collapsibleGroups               ! : boolean;
+    @Input() column                          ! : number;
+    @Input() content                         ! : string;
+    @Input() dataset                         ! : object|Record<string, string>;
+    @Input() disabled                        ! : boolean|'inert';
+    @Input() emptyText                       ! : string;
+    @Input() extraData                       ! : any;
+    @Input() flex                            ! : number|string;
+    @Input() height                          ! : number|string;
+    @Input() hidden                          ! : boolean;
+    @Input() html                            ! : string|((widget: Widget) => string)|DomConfig|DomConfig[]|VueConfig;
+    @Input() id                              ! : string;
+    @Input() insertBefore                    ! : HTMLElement|string;
+    @Input() insertFirst                     ! : HTMLElement|string;
+    @Input() items                           ! : object[];
+    @Input() keyMap                          ! : Record<string, KeyMapConfig>;
+    @Input() margin                          ! : number|string;
+    @Input() maxHeight                       ! : string|number;
+    @Input() maximizeOnMobile                ! : number|string;
+    @Input() maxWidth                        ! : string|number;
+    @Input() minHeight                       ! : string|number;
+    @Input() minWidth                        ! : string|number;
+    @Input() multiSelect                     ! : boolean;
+    @Input() readOnly                        ! : boolean;
+    @Input() rtl                             ! : boolean;
+    @Input() scrollable                      ! : Scroller|boolean|ScrollerConfig;
+    @Input() selected                        ! : Model|Model[]|string|string[]|number|number[]|Collection|object[]|CollectionConfig|ModelConfig[]|CollectionConfig[];
+    @Input() span                            ! : number;
+    @Input() store                           ! : object|object[]|StoreConfig|Store|StoreConfig[];
+    @Input() title                           ! : string;
+    @Input() toggleAllIfCtrlPressed          ! : boolean;
+    @Input() tooltip                         ! : string|TooltipConfig|null;
+    @Input() width                           ! : number|string;
+    @Input() x                               ! : number;
+    @Input() y                               ! : number;
 
     // Properties only
     @Input() anchorSize   ! : number[];

package/src/lib/bryntum-hint.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, Hint, HintActions, HintListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, ButtonConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, Hint, HintActions, HintListeners, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -78,6 +78,10 @@ export type BryntumHintProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#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 BryntumHintProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -813,6 +817,7 @@ export class BryntumHintComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'buttons',
         'callOnFunctions',
@@ -936,6 +941,7 @@ export class BryntumHintComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'buttons',
         'closeOnEscape',
@@ -1088,11 +1094,12 @@ export class BryntumHintComponent implements OnInit, OnDestroy {
     @Input() autoUpdateRecord             ! : boolean;
     @Input() bbar                         ! : (ContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null;
     @Input() bodyCls                      ! : string|object;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() buttons                      ! : Record<string, ButtonConfig>;
     @Input() closeOnEscape                ! : 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-label.component.ts

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

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, Collection, CollectionConfig, DomConfig, KeyMapConfig, List, ListListeners, MaskConfig, Model, ModelConfig, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, ListListeners, MaskConfig, Model, ModelConfig, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -113,7 +113,7 @@ export type BryntumListProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/List#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -710,13 +710,11 @@ export class BryntumListComponent implements OnInit, OnDestroy {
         'activateOnMouseover',
         'adopt',
         'align',
-        'allowGroupSelect',
         'anchor',
         'ariaDescription',
         'ariaLabel',
         'bubbleEvents',
         'centered',
-        'clearSelectionOnEmptySpaceClick',
         'color',
         'config',
         'constrainTo',
@@ -766,10 +764,12 @@ export class BryntumListComponent implements OnInit, OnDestroy {
 
     private static bryntumProps: string[] = BryntumListComponent.bryntumFeatureNames.concat([
         'alignSelf',
+        'allowGroupSelect',
         'anchorSize',
         'appendTo',
         'callOnFunctions',
         'catchEventHandlerExceptions',
+        'clearSelectionOnEmptySpaceClick',
         'cls',
         'collapsibleGroups',
         'column',
@@ -827,112 +827,112 @@ export class BryntumListComponent implements OnInit, OnDestroy {
     }
 
     // Configs only
-    @Input() activateOnMouseover             ! : boolean;
-    @Input() adopt                           ! : HTMLElement|string;
-    @Input() align                           ! : AlignSpec|string;
-    @Input() allowGroupSelect                ! : boolean;
-    @Input() anchor                          ! : boolean;
-    @Input() ariaDescription                 ! : string;
-    @Input() ariaLabel                       ! : string;
-    @Input() bubbleEvents                    ! : object;
-    @Input() centered                        ! : boolean;
-    @Input() clearSelectionOnEmptySpaceClick ! : boolean;
-    @Input() color                           ! : string;
-    @Input() config                          ! : object;
-    @Input() constrainTo                     ! : HTMLElement|Widget|Rectangle;
-    @Input() contentElementCls               ! : string|object;
-    @Input() dataField                       ! : string;
-    @Input() defaultBindProperty             ! : string;
-    @Input() detectCSSCompatibilityIssues    ! : boolean;
-    @Input() displayField                    ! : string;
-    @Input() dock                            ! : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object;
-    @Input() draggable                       ! : boolean|{
+    @Input() activateOnMouseover          ! : boolean;
+    @Input() adopt                        ! : HTMLElement|string;
+    @Input() align                        ! : AlignSpec|string;
+    @Input() anchor                       ! : boolean;
+    @Input() ariaDescription              ! : string;
+    @Input() ariaLabel                    ! : string;
+    @Input() bubbleEvents                 ! : object;
+    @Input() centered                     ! : boolean;
+    @Input() color                        ! : Color;
+    @Input() config                       ! : object;
+    @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
+    @Input() contentElementCls            ! : string|object;
+    @Input() dataField                    ! : string;
+    @Input() defaultBindProperty          ! : string;
+    @Input() detectCSSCompatibilityIssues ! : boolean;
+    @Input() displayField                 ! : string;
+    @Input() dock                         ! : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object;
+    @Input() draggable                    ! : boolean|{
         handleSelector?: string
     };
-    @Input() elementAttributes               ! : Record<string, string|null>;
-    @Input() floating                        ! : boolean;
-    @Input() getItemCls                      ! : ((record: Model) => string)|string;
-    @Input() getItemStyle                    ! : ((record: Model) => string)|string;
-    @Input() groupHeaderTpl                  ! : (record: Model, groupName: string) => string;
-    @Input() hideAnimation                   ! : boolean|object;
-    @Input() htmlCls                         ! : string|object;
-    @Input() ignoreParentReadOnly            ! : boolean;
-    @Input() isSelectable                    ! : (() => boolean)|string;
-    @Input() itemTpl                         ! : ((record: Model) => string)|string;
-    @Input() listeners                       ! : ListListeners;
-    @Input() localeClass                     ! : typeof Base;
-    @Input() localizable                     ! : boolean;
-    @Input() localizableProperties           ! : string[];
-    @Input() maskDefaults                    ! : MaskConfig;
-    @Input() masked                          ! : boolean|string|MaskConfig;
-    @Input() monitorResize                   ! : boolean|{
+    @Input() elementAttributes            ! : Record<string, string|null>;
+    @Input() floating                     ! : boolean;
+    @Input() getItemCls                   ! : ((record: Model) => string)|string;
+    @Input() getItemStyle                 ! : ((record: Model) => string)|string;
+    @Input() groupHeaderTpl               ! : (record: Model, groupName: string) => string;
+    @Input() hideAnimation                ! : boolean|object;
+    @Input() htmlCls                      ! : string|object;
+    @Input() ignoreParentReadOnly         ! : boolean;
+    @Input() isSelectable                 ! : (() => boolean)|string;
+    @Input() itemTpl                      ! : ((record: Model) => string)|string;
+    @Input() listeners                    ! : ListListeners;
+    @Input() localeClass                  ! : typeof Base;
+    @Input() localizable                  ! : boolean;
+    @Input() localizableProperties        ! : string[];
+    @Input() maskDefaults                 ! : MaskConfig;
+    @Input() masked                       ! : boolean|string|MaskConfig;
+    @Input() monitorResize                ! : boolean|{
         immediate?: boolean
     };
-    @Input() owner                           ! : Widget|any;
-    @Input() positioned                      ! : boolean;
-    @Input() preventTooltipOnTouch           ! : boolean;
-    @Input() relayStoreEvents                ! : boolean;
-    @Input() ripple                          ! : boolean|{
+    @Input() owner                        ! : Widget|any;
+    @Input() positioned                   ! : boolean;
+    @Input() preventTooltipOnTouch        ! : boolean;
+    @Input() relayStoreEvents             ! : boolean;
+    @Input() ripple                       ! : boolean|{
         delegate?: string
         color?: string
         radius?: number
         clip?: string
     };
-    @Input() rootElement                     ! : ShadowRoot|HTMLElement;
-    @Input() scrollAction                    ! : 'hide'|'realign'|null;
-    @Input() selectAllItem                   ! : boolean|string;
-    @Input() showAnimation                   ! : boolean|object;
-    @Input() showTooltipWhenDisabled         ! : boolean;
-    @Input() tab                             ! : boolean|TabConfig;
-    @Input() tag                             ! : string;
-    @Input() textAlign                       ! : 'left'|'center'|'right'|'start'|'end';
-    @Input() tooltipTemplate                 ! : (record: Model) => string;
-    @Input() type                            ! : 'list';
-    @Input() ui                              ! : string|object;
-    @Input() virtualize                      ! : boolean|number;
-    @Input() weight                          ! : number;
+    @Input() rootElement                  ! : ShadowRoot|HTMLElement;
+    @Input() scrollAction                 ! : 'hide'|'realign'|null;
+    @Input() selectAllItem                ! : boolean|string;
+    @Input() showAnimation                ! : boolean|object;
+    @Input() showTooltipWhenDisabled      ! : boolean;
+    @Input() tab                          ! : boolean|TabConfig;
+    @Input() tag                          ! : string;
+    @Input() textAlign                    ! : 'left'|'center'|'right'|'start'|'end';
+    @Input() tooltipTemplate              ! : (record: Model) => string;
+    @Input() type                         ! : 'list';
+    @Input() ui                           ! : string|object;
+    @Input() virtualize                   ! : boolean|number;
+    @Input() weight                       ! : number;
 
     // Configs and properties
-    @Input() alignSelf                   ! : string;
-    @Input() appendTo                    ! : HTMLElement|string;
-    @Input() callOnFunctions             ! : boolean;
-    @Input() catchEventHandlerExceptions ! : boolean;
-    @Input() cls                         ! : string|object;
-    @Input() collapsibleGroups           ! : boolean;
-    @Input() column                      ! : number;
-    @Input() content                     ! : string;
-    @Input() dataset                     ! : object|Record<string, string>;
-    @Input() disabled                    ! : boolean|'inert';
-    @Input() emptyText                   ! : string;
-    @Input() extraData                   ! : any;
-    @Input() flex                        ! : number|string;
-    @Input() height                      ! : number|string;
-    @Input() hidden                      ! : boolean;
-    @Input() html                        ! : string|((widget: Widget) => string)|DomConfig|DomConfig[]|VueConfig;
-    @Input() id                          ! : string;
-    @Input() insertBefore                ! : HTMLElement|string;
-    @Input() insertFirst                 ! : HTMLElement|string;
-    @Input() items                       ! : object[];
-    @Input() keyMap                      ! : Record<string, KeyMapConfig>;
-    @Input() margin                      ! : number|string;
-    @Input() maxHeight                   ! : string|number;
-    @Input() maximizeOnMobile            ! : number|string;
-    @Input() maxWidth                    ! : string|number;
-    @Input() minHeight                   ! : string|number;
-    @Input() minWidth                    ! : string|number;
-    @Input() multiSelect                 ! : boolean;
-    @Input() readOnly                    ! : boolean;
-    @Input() rtl                         ! : boolean;
-    @Input() scrollable                  ! : Scroller|boolean|ScrollerConfig;
-    @Input() selected                    ! : Model|Model[]|string|string[]|number|number[]|Collection|object[]|CollectionConfig|ModelConfig[]|CollectionConfig[];
-    @Input() span                        ! : number;
-    @Input() store                       ! : object|object[]|StoreConfig|Store|StoreConfig[];
-    @Input() title                       ! : string;
-    @Input() toggleAllIfCtrlPressed      ! : boolean;
-    @Input() tooltip                     ! : string|TooltipConfig|null;
-    @Input() width                       ! : number|string;
-    @Input() x                           ! : number;
-    @Input() y                           ! : number;
+    @Input() alignSelf                       ! : string;
+    @Input() allowGroupSelect                ! : boolean;
+    @Input() appendTo                        ! : HTMLElement|string;
+    @Input() callOnFunctions                 ! : boolean;
+    @Input() catchEventHandlerExceptions     ! : boolean;
+    @Input() clearSelectionOnEmptySpaceClick ! : boolean;
+    @Input() cls                             ! : string|object;
+    @Input() collapsibleGroups               ! : boolean;
+    @Input() column                          ! : number;
+    @Input() content                         ! : string;
+    @Input() dataset                         ! : object|Record<string, string>;
+    @Input() disabled                        ! : boolean|'inert';
+    @Input() emptyText                       ! : string;
+    @Input() extraData                       ! : any;
+    @Input() flex                            ! : number|string;
+    @Input() height                          ! : number|string;
+    @Input() hidden                          ! : boolean;
+    @Input() html                            ! : string|((widget: Widget) => string)|DomConfig|DomConfig[]|VueConfig;
+    @Input() id                              ! : string;
+    @Input() insertBefore                    ! : HTMLElement|string;
+    @Input() insertFirst                     ! : HTMLElement|string;
+    @Input() items                           ! : object[];
+    @Input() keyMap                          ! : Record<string, KeyMapConfig>;
+    @Input() margin                          ! : number|string;
+    @Input() maxHeight                       ! : string|number;
+    @Input() maximizeOnMobile                ! : number|string;
+    @Input() maxWidth                        ! : string|number;
+    @Input() minHeight                       ! : string|number;
+    @Input() minWidth                        ! : string|number;
+    @Input() multiSelect                     ! : boolean;
+    @Input() readOnly                        ! : boolean;
+    @Input() rtl                             ! : boolean;
+    @Input() scrollable                      ! : Scroller|boolean|ScrollerConfig;
+    @Input() selected                        ! : Model|Model[]|string|string[]|number|number[]|Collection|object[]|CollectionConfig|ModelConfig[]|CollectionConfig[];
+    @Input() span                            ! : number;
+    @Input() store                           ! : object|object[]|StoreConfig|Store|StoreConfig[];
+    @Input() title                           ! : string;
+    @Input() toggleAllIfCtrlPressed          ! : boolean;
+    @Input() tooltip                         ! : string|TooltipConfig|null;
+    @Input() width                           ! : number|string;
+    @Input() x                               ! : number;
+    @Input() y                               ! : number;
 
     // Properties only
     @Input() anchorSize   ! : number[];