npm - @bryntum/grid-angular - Versions diffs - 7.1.3 → 7.2.0 - Mend

@bryntum/grid-angular 7.1.3 → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (174) hide show

package/lib/bryntum-paging-toolbar.component.d.ts CHANGED Viewed

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

package/lib/bryntum-panel.component.d.ts CHANGED Viewed

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

package/lib/bryntum-password-field.component.d.ts CHANGED Viewed

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