@bryntum/taskboard-angular 7.1.1

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 (156) hide show
  1. package/README.md +44 -0
  2. package/bryntum-taskboard-angular.d.ts +5 -0
  3. package/bundles/bryntum-taskboard-angular.umd.js +56826 -0
  4. package/bundles/bryntum-taskboard-angular.umd.js.map +1 -0
  5. package/esm2015/bryntum-taskboard-angular.js +5 -0
  6. package/esm2015/lib/bryntum-button-group.component.js +725 -0
  7. package/esm2015/lib/bryntum-button.component.js +715 -0
  8. package/esm2015/lib/bryntum-chat-panel.component.js +839 -0
  9. package/esm2015/lib/bryntum-checkbox-group.component.js +854 -0
  10. package/esm2015/lib/bryntum-checkbox.component.js +805 -0
  11. package/esm2015/lib/bryntum-chip-view.component.js +727 -0
  12. package/esm2015/lib/bryntum-code-editor.component.js +818 -0
  13. package/esm2015/lib/bryntum-color-field.component.js +794 -0
  14. package/esm2015/lib/bryntum-column-combo.component.js +936 -0
  15. package/esm2015/lib/bryntum-column-filter-field.component.js +799 -0
  16. package/esm2015/lib/bryntum-column-picker-button.component.js +719 -0
  17. package/esm2015/lib/bryntum-column-scroll-button.component.js +719 -0
  18. package/esm2015/lib/bryntum-combo.component.js +932 -0
  19. package/esm2015/lib/bryntum-container.component.js +681 -0
  20. package/esm2015/lib/bryntum-date-field.component.js +831 -0
  21. package/esm2015/lib/bryntum-date-picker.component.js +1008 -0
  22. package/esm2015/lib/bryntum-date-range-field.component.js +835 -0
  23. package/esm2015/lib/bryntum-date-time-field.component.js +752 -0
  24. package/esm2015/lib/bryntum-demo-code-editor.component.js +830 -0
  25. package/esm2015/lib/bryntum-demo-header.component.js +171 -0
  26. package/esm2015/lib/bryntum-display-field.component.js +772 -0
  27. package/esm2015/lib/bryntum-duration-field.component.js +815 -0
  28. package/esm2015/lib/bryntum-editor.component.js +823 -0
  29. package/esm2015/lib/bryntum-field-filter-picker-group.component.js +758 -0
  30. package/esm2015/lib/bryntum-field-filter-picker.component.js +740 -0
  31. package/esm2015/lib/bryntum-field-set.component.js +810 -0
  32. package/esm2015/lib/bryntum-file-field.component.js +776 -0
  33. package/esm2015/lib/bryntum-file-picker.component.js +709 -0
  34. package/esm2015/lib/bryntum-filter-field.component.js +803 -0
  35. package/esm2015/lib/bryntum-fullscreen-button.component.js +53 -0
  36. package/esm2015/lib/bryntum-hint.component.js +856 -0
  37. package/esm2015/lib/bryntum-label.component.js +584 -0
  38. package/esm2015/lib/bryntum-list.component.js +715 -0
  39. package/esm2015/lib/bryntum-menu.component.js +883 -0
  40. package/esm2015/lib/bryntum-month-picker.component.js +818 -0
  41. package/esm2015/lib/bryntum-number-field.component.js +800 -0
  42. package/esm2015/lib/bryntum-paging-toolbar.component.js +736 -0
  43. package/esm2015/lib/bryntum-panel.component.js +794 -0
  44. package/esm2015/lib/bryntum-password-field.component.js +768 -0
  45. package/esm2015/lib/bryntum-project-combo.component.js +940 -0
  46. package/esm2015/lib/bryntum-radio-group.component.js +826 -0
  47. package/esm2015/lib/bryntum-radio.component.js +805 -0
  48. package/esm2015/lib/bryntum-resources-combo.component.js +936 -0
  49. package/esm2015/lib/bryntum-scheduler-project-combo.component.js +936 -0
  50. package/esm2015/lib/bryntum-slide-toggle.component.js +805 -0
  51. package/esm2015/lib/bryntum-slider.component.js +661 -0
  52. package/esm2015/lib/bryntum-splitter.component.js +618 -0
  53. package/esm2015/lib/bryntum-swimlane-combo.component.js +936 -0
  54. package/esm2015/lib/bryntum-swimlane-filter-field.component.js +807 -0
  55. package/esm2015/lib/bryntum-swimlane-picker-button.component.js +719 -0
  56. package/esm2015/lib/bryntum-swimlane-scroll-button.component.js +719 -0
  57. package/esm2015/lib/bryntum-tab-panel.component.js +842 -0
  58. package/esm2015/lib/bryntum-tag-combo.component.js +940 -0
  59. package/esm2015/lib/bryntum-task-board-base.component.js +1678 -0
  60. package/esm2015/lib/bryntum-task-board-field-filter-picker-group.component.js +762 -0
  61. package/esm2015/lib/bryntum-task-board-field-filter-picker.component.js +732 -0
  62. package/esm2015/lib/bryntum-task-board-project-model.component.js +690 -0
  63. package/esm2015/lib/bryntum-task-board.component.js +1682 -0
  64. package/esm2015/lib/bryntum-task-color-combo.component.js +794 -0
  65. package/esm2015/lib/bryntum-task-filter-field.component.js +807 -0
  66. package/esm2015/lib/bryntum-text-area-field.component.js +776 -0
  67. package/esm2015/lib/bryntum-text-area-picker-field.component.js +798 -0
  68. package/esm2015/lib/bryntum-text-field.component.js +783 -0
  69. package/esm2015/lib/bryntum-time-field.component.js +819 -0
  70. package/esm2015/lib/bryntum-time-picker.component.js +709 -0
  71. package/esm2015/lib/bryntum-todo-list-field.component.js +780 -0
  72. package/esm2015/lib/bryntum-toolbar.component.js +732 -0
  73. package/esm2015/lib/bryntum-undo-redo.component.js +689 -0
  74. package/esm2015/lib/bryntum-widget.component.js +580 -0
  75. package/esm2015/lib/bryntum-year-picker.component.js +827 -0
  76. package/esm2015/lib/bryntum-zoom-slider.component.js +665 -0
  77. package/esm2015/lib/taskboard.module.js +374 -0
  78. package/esm2015/lib/wrapper.helper.js +74 -0
  79. package/esm2015/public-api.js +76 -0
  80. package/fesm2015/bryntum-taskboard-angular.js +56188 -0
  81. package/fesm2015/bryntum-taskboard-angular.js.map +1 -0
  82. package/lib/bryntum-button-group.component.d.ts +860 -0
  83. package/lib/bryntum-button.component.d.ts +845 -0
  84. package/lib/bryntum-chat-panel.component.d.ts +1060 -0
  85. package/lib/bryntum-checkbox-group.component.d.ts +1094 -0
  86. package/lib/bryntum-checkbox.component.d.ts +968 -0
  87. package/lib/bryntum-chip-view.component.d.ts +872 -0
  88. package/lib/bryntum-code-editor.component.d.ts +1045 -0
  89. package/lib/bryntum-color-field.component.d.ts +965 -0
  90. package/lib/bryntum-column-combo.component.d.ts +1208 -0
  91. package/lib/bryntum-column-filter-field.component.d.ts +988 -0
  92. package/lib/bryntum-column-picker-button.component.d.ts +853 -0
  93. package/lib/bryntum-column-scroll-button.component.d.ts +853 -0
  94. package/lib/bryntum-combo.component.d.ts +1199 -0
  95. package/lib/bryntum-container.component.d.ts +822 -0
  96. package/lib/bryntum-date-field.component.d.ts +1025 -0
  97. package/lib/bryntum-date-picker.component.d.ts +1338 -0
  98. package/lib/bryntum-date-range-field.component.d.ts +1027 -0
  99. package/lib/bryntum-date-time-field.component.d.ts +912 -0
  100. package/lib/bryntum-demo-code-editor.component.d.ts +1061 -0
  101. package/lib/bryntum-demo-header.component.d.ts +29 -0
  102. package/lib/bryntum-display-field.component.d.ts +949 -0
  103. package/lib/bryntum-duration-field.component.d.ts +1008 -0
  104. package/lib/bryntum-editor.component.d.ts +969 -0
  105. package/lib/bryntum-field-filter-picker-group.component.d.ts +935 -0
  106. package/lib/bryntum-field-filter-picker.component.d.ts +903 -0
  107. package/lib/bryntum-field-set.component.d.ts +1038 -0
  108. package/lib/bryntum-file-field.component.d.ts +952 -0
  109. package/lib/bryntum-file-picker.component.d.ts +847 -0
  110. package/lib/bryntum-filter-field.component.d.ts +993 -0
  111. package/lib/bryntum-fullscreen-button.component.d.ts +20 -0
  112. package/lib/bryntum-hint.component.d.ts +1117 -0
  113. package/lib/bryntum-label.component.d.ts +683 -0
  114. package/lib/bryntum-list.component.d.ts +849 -0
  115. package/lib/bryntum-menu.component.d.ts +1129 -0
  116. package/lib/bryntum-month-picker.component.d.ts +1034 -0
  117. package/lib/bryntum-number-field.component.d.ts +995 -0
  118. package/lib/bryntum-paging-toolbar.component.d.ts +886 -0
  119. package/lib/bryntum-panel.component.d.ts +1015 -0
  120. package/lib/bryntum-password-field.component.d.ts +939 -0
  121. package/lib/bryntum-project-combo.component.d.ts +1209 -0
  122. package/lib/bryntum-radio-group.component.d.ts +1068 -0
  123. package/lib/bryntum-radio.component.d.ts +968 -0
  124. package/lib/bryntum-resources-combo.component.d.ts +1207 -0
  125. package/lib/bryntum-scheduler-project-combo.component.d.ts +1201 -0
  126. package/lib/bryntum-slide-toggle.component.d.ts +968 -0
  127. package/lib/bryntum-slider.component.d.ts +776 -0
  128. package/lib/bryntum-splitter.component.d.ts +714 -0
  129. package/lib/bryntum-swimlane-combo.component.d.ts +1207 -0
  130. package/lib/bryntum-swimlane-filter-field.component.d.ts +1001 -0
  131. package/lib/bryntum-swimlane-picker-button.component.d.ts +853 -0
  132. package/lib/bryntum-swimlane-scroll-button.component.d.ts +853 -0
  133. package/lib/bryntum-tab-panel.component.d.ts +1065 -0
  134. package/lib/bryntum-tag-combo.component.d.ts +1212 -0
  135. package/lib/bryntum-task-board-base.component.d.ts +1921 -0
  136. package/lib/bryntum-task-board-field-filter-picker-group.component.d.ts +941 -0
  137. package/lib/bryntum-task-board-field-filter-picker.component.d.ts +889 -0
  138. package/lib/bryntum-task-board-project-model.component.d.ts +732 -0
  139. package/lib/bryntum-task-board.component.d.ts +1923 -0
  140. package/lib/bryntum-task-color-combo.component.d.ts +965 -0
  141. package/lib/bryntum-task-filter-field.component.d.ts +1001 -0
  142. package/lib/bryntum-text-area-field.component.d.ts +951 -0
  143. package/lib/bryntum-text-area-picker-field.component.d.ts +972 -0
  144. package/lib/bryntum-text-field.component.d.ts +957 -0
  145. package/lib/bryntum-time-field.component.d.ts +1006 -0
  146. package/lib/bryntum-time-picker.component.d.ts +853 -0
  147. package/lib/bryntum-todo-list-field.component.d.ts +955 -0
  148. package/lib/bryntum-toolbar.component.d.ts +879 -0
  149. package/lib/bryntum-undo-redo.component.d.ts +831 -0
  150. package/lib/bryntum-widget.component.d.ts +678 -0
  151. package/lib/bryntum-year-picker.component.d.ts +1049 -0
  152. package/lib/bryntum-zoom-slider.component.d.ts +784 -0
  153. package/lib/taskboard.module.d.ts +77 -0
  154. package/lib/wrapper.helper.d.ts +26 -0
  155. package/package.json +33 -0
  156. package/public-api.d.ts +72 -0
@@ -0,0 +1,969 @@
1
+ /**
2
+ * Angular wrapper for Bryntum Editor
3
+ */
4
+ import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
5
+ import { AlignSpec, Base, ContainerItemConfig, ContainerLayoutConfig, DomConfig, Editor, EditorListeners, InputFieldConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/taskboard';
6
+ import * as i0 from "@angular/core";
7
+ export declare type BryntumEditorProps = {
8
+ /**
9
+ * Element (or element id) to adopt as this Widget's encapsulating element. The widget's
10
+ * content will be placed inside this element.
11
+ * ...
12
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-adopt)
13
+ */
14
+ adopt?: HTMLElement | string;
15
+ /**
16
+ * The alignment config for how this editor aligns to a target when asked to [startEdit](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#function-startEdit)
17
+ */
18
+ align?: AlignSpec;
19
+ /**
20
+ * When this widget is a child of a [Container](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container), it will by default be participating in a
21
+ * flexbox layout. This config allows you to set this widget's
22
+ * [align-self](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) style.
23
+ */
24
+ alignSelf?: string;
25
+ /**
26
+ * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating) and being shown through [showBy](#Core/widget/Widget#function-showBy).*
27
+ * `true` to show a connector arrow pointing to the align target.
28
+ */
29
+ anchor?: boolean;
30
+ /**
31
+ * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
32
+ * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-element).
33
+ */
34
+ appendTo?: HTMLElement | string;
35
+ /**
36
+ * Set to `true` to automatically append the Editor's element to the parent element of the element being edited.
37
+ */
38
+ appendToTargetParent?: boolean;
39
+ /**
40
+ * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject
41
+ * into an element which will be linked using the `aria-describedby` attribute.
42
+ * ...
43
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-ariaDescription)
44
+ */
45
+ ariaDescription?: string;
46
+ /**
47
+ * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as
48
+ * the `aria-label` attribute.
49
+ * ...
50
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-ariaLabel)
51
+ */
52
+ ariaLabel?: string;
53
+ /**
54
+ * Update assigned [record](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#config-record) automatically on field changes
55
+ */
56
+ autoUpdateRecord?: boolean;
57
+ /**
58
+ * What action should be taken when focus moves out of the editor, either by `TAB` or clicking outside.
59
+ * May be `'complete'` or `'cancel`'. Any other value results in no action being taken upon focus leaving the editor
60
+ * leaving the application to listen for the [focusOut](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#event-focusOut) event.
61
+ */
62
+ blurAction?: 'complete' | 'cancel' | null;
63
+ /**
64
+ * An object where property names with a truthy value indicate which events should bubble up the ownership
65
+ * hierarchy when triggered.
66
+ * ...
67
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-bubbleEvents)
68
+ */
69
+ bubbleEvents?: object;
70
+ /**
71
+ * Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
72
+ * ...
73
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-callOnFunctions)
74
+ */
75
+ callOnFunctions?: boolean;
76
+ /**
77
+ * The name of the `key` which cancels the edit.
78
+ * ...
79
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-cancelKey)
80
+ */
81
+ cancelKey?: string;
82
+ /**
83
+ * By default, if an event handler throws an exception, the error propagates up the stack and the
84
+ * application state is undefined. Code which follows the event handler will *not* be executed.
85
+ * ...
86
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-catchEventHandlerExceptions)
87
+ */
88
+ catchEventHandlerExceptions?: boolean;
89
+ /**
90
+ * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*
91
+ * Set to `true` to centre the Widget in browser viewport space.
92
+ */
93
+ centered?: boolean;
94
+ /**
95
+ * Custom CSS classes to add to element.
96
+ * May be specified as a space separated string, or as an object in which property names
97
+ * with truthy values are used as the class names:
98
+ * ...
99
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-cls)
100
+ */
101
+ cls?: string | object;
102
+ /**
103
+ * Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets
104
+ * `style` block.
105
+ * ...
106
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-color)
107
+ */
108
+ color?: string;
109
+ /**
110
+ * Programmatic control over which column to start in when used in a grid layout.
111
+ */
112
+ column?: number;
113
+ /**
114
+ * The name of the `key` which completes the edit.
115
+ * ...
116
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-completeKey)
117
+ */
118
+ completeKey?: string;
119
+ /**
120
+ * Configure as `true` to have editing complete as soon as the field fires its `change` event.
121
+ */
122
+ completeOnChange?: boolean;
123
+ config?: object;
124
+ /**
125
+ * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating) or [positioned](#Core/widget/Widget#config-positioned).*
126
+ * Element, Widget or Rectangle to which this Widget is constrained.
127
+ */
128
+ constrainTo?: HTMLElement | Widget | Rectangle;
129
+ /**
130
+ * The HTML content that coexists with sibling elements which may have been added to the
131
+ * [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement) by plugins and features.
132
+ * When specifying html, this widget's element will also have the [htmlCls](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-htmlCls)
133
+ * class added to its classList, to allow targeted styling.
134
+ */
135
+ content?: string;
136
+ /**
137
+ * Custom CSS classes to add to the [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement).
138
+ * May be specified as a space separated string, or as an object in which property names
139
+ * with truthy values are used as the class names:
140
+ * ...
141
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-contentElementCls)
142
+ */
143
+ contentElementCls?: string | object;
144
+ /**
145
+ * When this Widget configuration is used in the Grid's RowExpander feature's `widget` config, provide the
146
+ * field on the expanded record to use for populating this widget's store (if applicable)
147
+ */
148
+ dataField?: string;
149
+ /**
150
+ * Object to apply to elements dataset (each key will be used as a data-attribute on the element)
151
+ */
152
+ dataset?: Record<string, string>;
153
+ /**
154
+ * The name of the property to set when a single value is to be applied to this Widget. Such as when used
155
+ * in a grid WidgetColumn, this is the property to which the column's `field` is applied.
156
+ */
157
+ defaultBindProperty?: string;
158
+ /**
159
+ * A [query](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#function-query) selector function which can identify the descendant widget to which
160
+ * focus should be directed by default.
161
+ * ...
162
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-defaultFocus)
163
+ * @param {Core.widget.Widget} widget Widget passed to method
164
+ * @returns {boolean} truthy value if widget is the default one
165
+ */
166
+ defaultFocus?: ((widget: Widget) => boolean) | string;
167
+ /**
168
+ * A config object containing default settings to apply to all child widgets.
169
+ */
170
+ defaults?: ContainerItemConfig;
171
+ /**
172
+ * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:
173
+ * ...
174
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-detectCSSCompatibilityIssues)
175
+ */
176
+ detectCSSCompatibilityIssues?: boolean;
177
+ /**
178
+ * Disable or enable the widget. It is similar to [readOnly](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-readOnly) except a disabled widget
179
+ * cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.
180
+ * ...
181
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-disabled)
182
+ */
183
+ disabled?: boolean | 'inert';
184
+ /**
185
+ * Controls the placement of this widget when it is added to a [panel's ](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel)
186
+ * [strips collection](https://bryntum.com/products/taskboard/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,
187
+ * `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's
188
+ * body. Such widgets are called "edge strips".
189
+ * ...
190
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-dock)
191
+ */
192
+ dock?: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
193
+ /**
194
+ * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*
195
+ * Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´
196
+ * property which controls when a drag should start.
197
+ * ...
198
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-draggable)
199
+ */
200
+ draggable?: boolean | {
201
+ handleSelector?: string;
202
+ };
203
+ /**
204
+ * An object specifying attributes to assign to the root element of this widget.
205
+ * Set `null` value to attribute to remove it.
206
+ * ...
207
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-elementAttributes)
208
+ */
209
+ elementAttributes?: Record<string, string | null>;
210
+ extraData?: any;
211
+ /**
212
+ * Controls whether the editor should expand its width if the input field has overflow [startEdit](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#function-startEdit)
213
+ */
214
+ fitTargetContent?: boolean;
215
+ /**
216
+ * When this widget is a child of a [Container](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container), it will by default be participating in a
217
+ * flexbox layout. This config allows you to set this widget's
218
+ * [flex](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) style.
219
+ * This may be configured as a single number or a `&lt;flex-grow&gt; &lt;flex-shrink&gt; &lt;flex-basis&gt;` format string.
220
+ * numeric-only values are interpreted as the `flex-grow` value.
221
+ */
222
+ flex?: number | string;
223
+ /**
224
+ * Set to `true` to render the editor field outside the cell element in the browser viewport space, aligned to
225
+ * bottom of the cell. This will also default [scrollAction](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-scrollAction) to `realign` and
226
+ * [matchSize](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-matchSize) to `false`. It is also recommended to set a `minHeight` and/or `minWidth` property
227
+ * on the [align](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-align) config.
228
+ */
229
+ floating?: boolean;
230
+ /**
231
+ * Widget's height, used to set element `style.height`. Either specify a valid height string or a number,
232
+ * which will get 'px' appended. We recommend using CSS as the primary way to control height, but in some
233
+ * cases this config is convenient.
234
+ */
235
+ height?: string | number;
236
+ /**
237
+ * Configure with true to make widget initially hidden.
238
+ */
239
+ hidden?: boolean;
240
+ /**
241
+ * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*
242
+ * ...
243
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-hideAnimation)
244
+ */
245
+ hideAnimation?: boolean | object;
246
+ /**
247
+ * Controls whether to hide the target element when asked to [startEdit](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#function-startEdit)
248
+ */
249
+ hideTarget?: boolean;
250
+ /**
251
+ * Specify `true` to make this container hide when it has no visible children (Either empty
252
+ * or all children hidden).
253
+ * ...
254
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-hideWhenEmpty)
255
+ */
256
+ hideWhenEmpty?: boolean;
257
+ /**
258
+ * The HTML to display initially or a function returning the markup (called at widget construction time).
259
+ * ...
260
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-html)
261
+ * @param {Core.widget.Widget} widget The calling Widget
262
+ * @returns {string}
263
+ */
264
+ html?: string | ((widget: Widget) => string) | DomConfig | DomConfig[] | VueConfig;
265
+ /**
266
+ * The CSS class(es) to add when HTML content is being applied to this widget.
267
+ */
268
+ htmlCls?: string | object;
269
+ /**
270
+ * Widget id, if not specified one will be generated. Also used for lookups through Widget.getById
271
+ */
272
+ id?: string;
273
+ /**
274
+ * Determines if the widgets read-only state should be controlled by its parent.
275
+ * ...
276
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-ignoreParentReadOnly)
277
+ */
278
+ ignoreParentReadOnly?: boolean;
279
+ /**
280
+ * A config object, or the `type` string of the widget (usually a [Field](https://bryntum.com/products/taskboard/docs/api/Core/widget/Field) subclass,
281
+ * i.e. [TextField](https://bryntum.com/products/taskboard/docs/api/Core/widget/TextField)) which this editor will encapsulate.
282
+ */
283
+ inputField?: InputFieldConfig | string | Widget;
284
+ /**
285
+ * Convenience setting to align input fields of child widgets. By default, the Field input element is
286
+ * placed immediately following the `label`. If you prefer to have all input fields aligned to the
287
+ * right, set this config to `'end'`.
288
+ * ...
289
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-inputFieldAlign)
290
+ */
291
+ inputFieldAlign?: 'start' | 'end';
292
+ /**
293
+ * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
294
+ */
295
+ insertBefore?: HTMLElement | string;
296
+ /**
297
+ * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
298
+ */
299
+ insertFirst?: HTMLElement | string;
300
+ /**
301
+ * How to handle a request to complete the edit if the field is invalid. There are three choices:
302
+ * ...
303
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-invalidAction)
304
+ */
305
+ invalidAction?: 'block' | 'allow' | 'revert';
306
+ /**
307
+ * An optional CSS class to add to child items of this container.
308
+ */
309
+ itemCls?: string;
310
+ /**
311
+ * An object containing typed child widget config objects or Widgets. May also be specified
312
+ * as an array.
313
+ * ...
314
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-items)
315
+ */
316
+ items?: Record<string, ContainerItemConfig | MenuItemEntry> | (ContainerItemConfig | MenuItemEntry | Widget)[];
317
+ /**
318
+ * An object whose keys are the [key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key) name
319
+ * and optional modifier prefixes: `'Ctrl+'`, `'Alt+'`, `'Meta+'`, and `'Shift+'` (case-insensitive). The values
320
+ * are the name of the instance method to call when the keystroke is received.
321
+ * ...
322
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-keyMap)
323
+ */
324
+ keyMap?: Record<string, KeyMapConfig>;
325
+ /**
326
+ * Convenience setting to use same label placement on all child widgets.
327
+ * ...
328
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-labelPosition)
329
+ */
330
+ labelPosition?: 'before' | 'above' | 'align-before' | 'auto' | null;
331
+ /**
332
+ * The short name of a helper class which manages rendering and styling of child items.
333
+ * ...
334
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-layout)
335
+ */
336
+ layout?: string | ContainerLayoutConfig;
337
+ /**
338
+ * The CSS style properties to apply to the [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement).
339
+ * ...
340
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-layoutStyle)
341
+ */
342
+ layoutStyle?: object;
343
+ /**
344
+ * An array of [child item](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#config-items) *config objects* which is to be converted into
345
+ * instances only when this Container is rendered, rather than eagerly at construct time.
346
+ * ...
347
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-lazyItems)
348
+ */
349
+ lazyItems?: Record<string, ContainerItemConfig> | ContainerItemConfig[] | Widget[];
350
+ /**
351
+ * The listener set for this object.
352
+ * ...
353
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-listeners)
354
+ */
355
+ listeners?: EditorListeners;
356
+ /**
357
+ * A class translations of which are used for translating this entity.
358
+ * This is often used when translations of an item are defined on its container class.
359
+ * For example:
360
+ * ...
361
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-localeClass)
362
+ */
363
+ localeClass?: typeof Base;
364
+ /**
365
+ * Set to `false` to disable localization of this object.
366
+ */
367
+ localizable?: boolean;
368
+ /**
369
+ * List of properties which values should be translated automatically upon a locale applying.
370
+ * In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),
371
+ * you could use 'localeKey' meta configuration.
372
+ * Example:
373
+ * ...
374
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-localizableProperties)
375
+ */
376
+ localizableProperties?: string[];
377
+ /**
378
+ * Widget's margin. This may be configured as a single number or a `TRBL` format string.
379
+ * numeric-only values are interpreted as pixels.
380
+ */
381
+ margin?: number | string;
382
+ /**
383
+ * This config object contains the defaults for the [Mask](https://bryntum.com/products/taskboard/docs/api/Core/widget/Mask) created for the
384
+ * [masked](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-masked) config. Any properties specified in the `masked` config will override these
385
+ * values.
386
+ */
387
+ maskDefaults?: MaskConfig;
388
+ /**
389
+ * Set to `true` to apply the default mask to the widget. Alternatively, this can be the mask message or a
390
+ * [Mask](https://bryntum.com/products/taskboard/docs/api/Core/widget/Mask) config object.
391
+ */
392
+ masked?: boolean | string | MaskConfig;
393
+ /**
394
+ * Controls whether the editor should match target element's font when asked to [startEdit](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#function-startEdit)
395
+ */
396
+ matchFont?: boolean;
397
+ /**
398
+ * By default, an Editor matches both dimensions, width and height of the element it is targeted at in the
399
+ * [startEdit](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#function-startEdit) function.
400
+ * ...
401
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-matchSize)
402
+ */
403
+ matchSize?: boolean | {
404
+ width?: boolean;
405
+ height?: boolean;
406
+ };
407
+ /**
408
+ * The element's maxHeight. Can be either a String or a Number (which will have 'px' appended). Note that
409
+ * like [height](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.
410
+ */
411
+ maxHeight?: string | number;
412
+ /**
413
+ * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*
414
+ * ...
415
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-maximizeOnMobile)
416
+ */
417
+ maximizeOnMobile?: number | string;
418
+ /**
419
+ * The elements maxWidth. Can be either a String or a Number (which will have 'px' appended). Note that
420
+ * like [width](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.
421
+ */
422
+ maxWidth?: string | number;
423
+ /**
424
+ * The element's minHeight. Can be either a String or a Number (which will have 'px' appended). Note that
425
+ * like [height](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.
426
+ */
427
+ minHeight?: string | number;
428
+ /**
429
+ * The elements minWidth. Can be either a String or a Number (which will have 'px' appended). Note that
430
+ * like [width](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.
431
+ */
432
+ minWidth?: string | number;
433
+ /**
434
+ * When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
435
+ * is used to monitor this element for size changes caused by either style manipulation, or by CSS
436
+ * layout.
437
+ * ...
438
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-monitorResize)
439
+ */
440
+ monitorResize?: boolean | {
441
+ immediate?: boolean;
442
+ };
443
+ /**
444
+ * An object containing default config objects which may be referenced by name in the [items](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#config-items)
445
+ * config. For example, a specialized [Menu](https://bryntum.com/products/taskboard/docs/api/Core/widget/Menu) subclass may have a `namedItems` default
446
+ * value defined like this:
447
+ * ...
448
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-namedItems)
449
+ */
450
+ namedItems?: Record<string, ContainerItemConfig>;
451
+ /**
452
+ * The owning Widget of this Widget. If this Widget is directly contained (that is, it is one of the
453
+ * [items](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#property-items) of a Container), this config will be ignored. In this case
454
+ * the owner is <strong>always</strong> the encapsulating Container.
455
+ * ...
456
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-owner)
457
+ */
458
+ owner?: Widget | any;
459
+ /**
460
+ * Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement), but must
461
+ * not participate in the standard layout of that widget, and must be positioned relatively to that
462
+ * widget's [contentElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-contentElement).
463
+ * ...
464
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-positioned)
465
+ */
466
+ positioned?: boolean;
467
+ /**
468
+ * Prevent tooltip from being displayed on touch devices. Useful for example for buttons that display a
469
+ * menu on click etc, since the tooltip would be displayed at the same time.
470
+ */
471
+ preventTooltipOnTouch?: boolean;
472
+ /**
473
+ * Whether this widget is read-only. This is only valid if the widget is an input
474
+ * field, <strong>or contains input fields at any depth</strong>.
475
+ * ...
476
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-readOnly)
477
+ */
478
+ readOnly?: boolean;
479
+ /**
480
+ * [Record](https://bryntum.com/products/taskboard/docs/api/Core/data/Model) whose values will be used to populate fields in the container.
481
+ * ...
482
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-record)
483
+ */
484
+ record?: Model;
485
+ relayStoreEvents?: boolean;
486
+ /**
487
+ * Either a default `rendition` to apply to all child widgets, or a map of renditions keyed by child widget
488
+ * `type`.
489
+ * ...
490
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-rendition)
491
+ */
492
+ rendition?: string | Record<string, string> | null;
493
+ /**
494
+ * Configure as `true` to have the component display a translucent ripple when its
495
+ * [focusElement](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the
496
+ * current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
497
+ * ...
498
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-ripple)
499
+ */
500
+ ripple?: boolean | {
501
+ delegate?: string;
502
+ color?: string;
503
+ radius?: number;
504
+ clip?: string;
505
+ };
506
+ /**
507
+ * If you are rendering this widget to a shadow root inside a web component, set this config to the shadowRoot. If not inside a web component, set it to `document.body`
508
+ */
509
+ rootElement?: ShadowRoot | HTMLElement;
510
+ /**
511
+ * This may be configured as `true` to make the widget's element use the `direction:rtl` style.
512
+ * ...
513
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-rtl)
514
+ */
515
+ rtl?: boolean;
516
+ /**
517
+ * Specifies whether (and optionally in which axes) a Widget may scroll. `true` means this widget may scroll
518
+ * in both axes. May be an object containing boolean `overflowX` and `overflowY` properties which are
519
+ * applied to CSS style properties `overflowX` and `overflowY`. If they are boolean, they are translated to
520
+ * CSS overflow properties thus:
521
+ * ...
522
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-scrollable)
523
+ */
524
+ scrollable?: boolean | ScrollerConfig | Scroller;
525
+ /**
526
+ * Defines what to do if document is scrolled while Widget is visible (only relevant when floating is set to `true`).
527
+ * Valid values: ´null´: do nothing, ´hide´: hide the widget or ´realign´: realign to the target if possible.
528
+ */
529
+ scrollAction?: 'hide' | 'realign' | null;
530
+ /**
531
+ * *Only valid if this Widget is [floating](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-floating).*
532
+ * ...
533
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-showAnimation)
534
+ */
535
+ showAnimation?: boolean | object;
536
+ /**
537
+ * Set to `false` to not show the tooltip when this widget is [disabled](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-disabled)
538
+ */
539
+ showTooltipWhenDisabled?: boolean;
540
+ /**
541
+ * Programmatic control over how many columns to span when used in a grid layout.
542
+ */
543
+ span?: number;
544
+ /**
545
+ * Specify `true` to match fields by their `name` property only when assigning a [record](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#config-record),
546
+ * without falling back to `ref`.
547
+ */
548
+ strictRecordMapping?: boolean;
549
+ /**
550
+ * A configuration for the [tab](https://bryntum.com/products/taskboard/docs/api/Core/widget/Tab) created for this widget when it is placed in a
551
+ * [TabPanel](https://bryntum.com/products/taskboard/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
552
+ * this widget:
553
+ * ...
554
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-tab)
555
+ */
556
+ tab?: boolean | TabConfig;
557
+ /**
558
+ * When this container is used as a tab in a TabPanel, these items are added to the
559
+ * [TabBar](https://bryntum.com/products/taskboard/docs/api/Core/widget/TabBar) when this container is the active tab.
560
+ * ...
561
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-tabBarItems)
562
+ */
563
+ tabBarItems?: ToolbarItems[] | Widget[];
564
+ /**
565
+ * The tag name of this Widget's root element
566
+ */
567
+ tag?: string;
568
+ /**
569
+ * Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.
570
+ * ...
571
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-textAlign)
572
+ */
573
+ textAlign?: 'left' | 'center' | 'right' | 'start' | 'end';
574
+ /**
575
+ * Specify `true` for a container used to show text markup. It will apply the CSS class `b-text-content`
576
+ * which specifies a default max-width that makes long text more readable.
577
+ * ...
578
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-textContent)
579
+ */
580
+ textContent?: boolean;
581
+ /**
582
+ * A title to display for the widget. Only in effect when inside a container that uses it (such as TabPanel)
583
+ */
584
+ title?: string;
585
+ /**
586
+ * Tooltip for the widget, either as a string or as a Tooltip config object.
587
+ * ...
588
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-tooltip)
589
+ */
590
+ tooltip?: string | TooltipConfig | null;
591
+ type?: 'Editor' | 'editor';
592
+ /**
593
+ * Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
594
+ * as a space separated string, an array of strings, or as an object in which property names with truthy
595
+ * values are used as the class names.
596
+ * ...
597
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-ui)
598
+ */
599
+ ui?: string | object;
600
+ /**
601
+ * A widgets weight determines its position among siblings when added to a [Container](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container).
602
+ * Higher weights go further down.
603
+ */
604
+ weight?: number;
605
+ /**
606
+ * Widget's width, used to set element `style.width`. Either specify a valid width string or a number, which
607
+ * will get 'px' appended. We recommend using CSS as the primary way to control width, but in some cases
608
+ * this config is convenient.
609
+ */
610
+ width?: string | number;
611
+ /**
612
+ * The x position for the widget.
613
+ * ...
614
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-x)
615
+ */
616
+ x?: number;
617
+ /**
618
+ * The y position for the widget.
619
+ * ...
620
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-y)
621
+ */
622
+ y?: number;
623
+ };
624
+ export declare class BryntumEditorComponent implements OnInit, OnDestroy {
625
+ static instanceClass: typeof Editor;
626
+ static instanceName: string;
627
+ private static bryntumEvents;
628
+ private static bryntumFeatureNames;
629
+ private static bryntumConfigs;
630
+ private static bryntumConfigsOnly;
631
+ private static bryntumProps;
632
+ private elementRef;
633
+ instance: Editor;
634
+ private bryntumConfig;
635
+ constructor(element: ElementRef);
636
+ adopt: HTMLElement | string;
637
+ align: AlignSpec;
638
+ anchor: boolean;
639
+ appendToTargetParent: boolean;
640
+ ariaDescription: string;
641
+ ariaLabel: string;
642
+ autoUpdateRecord: boolean;
643
+ blurAction: 'complete' | 'cancel' | null;
644
+ bubbleEvents: object;
645
+ cancelKey: string;
646
+ centered: boolean;
647
+ color: string;
648
+ completeKey: string;
649
+ completeOnChange: boolean;
650
+ config: object;
651
+ constrainTo: HTMLElement | Widget | Rectangle;
652
+ contentElementCls: string | object;
653
+ dataField: string;
654
+ defaultBindProperty: string;
655
+ defaultFocus: ((widget: Widget) => boolean) | string;
656
+ defaults: ContainerItemConfig;
657
+ detectCSSCompatibilityIssues: boolean;
658
+ dock: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
659
+ draggable: boolean | {
660
+ handleSelector?: string;
661
+ };
662
+ elementAttributes: Record<string, string | null>;
663
+ fitTargetContent: boolean;
664
+ floating: boolean;
665
+ hideAnimation: boolean | object;
666
+ hideTarget: boolean;
667
+ hideWhenEmpty: boolean;
668
+ htmlCls: string | object;
669
+ ignoreParentReadOnly: boolean;
670
+ invalidAction: 'block' | 'allow' | 'revert';
671
+ itemCls: string;
672
+ lazyItems: Record<string, ContainerItemConfig> | ContainerItemConfig[] | Widget[];
673
+ listeners: EditorListeners;
674
+ localeClass: typeof Base;
675
+ localizable: boolean;
676
+ localizableProperties: string[];
677
+ maskDefaults: MaskConfig;
678
+ masked: boolean | string | MaskConfig;
679
+ matchFont: boolean;
680
+ matchSize: boolean | {
681
+ width?: boolean;
682
+ height?: boolean;
683
+ };
684
+ monitorResize: boolean | {
685
+ immediate?: boolean;
686
+ };
687
+ namedItems: Record<string, ContainerItemConfig>;
688
+ owner: Widget | any;
689
+ positioned: boolean;
690
+ preventTooltipOnTouch: boolean;
691
+ relayStoreEvents: boolean;
692
+ ripple: boolean | {
693
+ delegate?: string;
694
+ color?: string;
695
+ radius?: number;
696
+ clip?: string;
697
+ };
698
+ rootElement: ShadowRoot | HTMLElement;
699
+ scrollAction: 'hide' | 'realign' | null;
700
+ showAnimation: boolean | object;
701
+ showTooltipWhenDisabled: boolean;
702
+ tab: boolean | TabConfig;
703
+ tabBarItems: ToolbarItems[] | Widget[];
704
+ tag: string;
705
+ textAlign: 'left' | 'center' | 'right' | 'start' | 'end';
706
+ textContent: boolean;
707
+ title: string;
708
+ type: 'Editor' | 'editor';
709
+ ui: string | object;
710
+ weight: number;
711
+ alignSelf: string;
712
+ appendTo: HTMLElement | string;
713
+ callOnFunctions: boolean;
714
+ catchEventHandlerExceptions: boolean;
715
+ cls: string | object;
716
+ column: number;
717
+ content: string;
718
+ dataset: object | Record<string, string>;
719
+ disabled: boolean | 'inert';
720
+ extraData: any;
721
+ flex: number | string;
722
+ height: number | string;
723
+ hidden: boolean;
724
+ html: string | ((widget: Widget) => string) | DomConfig | DomConfig[] | VueConfig;
725
+ id: string;
726
+ inputField: InputFieldConfig | string | Widget;
727
+ inputFieldAlign: 'start' | 'end';
728
+ insertBefore: HTMLElement | string;
729
+ insertFirst: HTMLElement | string;
730
+ items: (ContainerItemConfig | MenuItemConfig | Widget)[] | Record<string, ContainerItemConfig | MenuItemConfig> | Widget[] | Record<string, ContainerItemConfig | MenuItemEntry> | (ContainerItemConfig | MenuItemEntry | Widget)[];
731
+ keyMap: Record<string, KeyMapConfig>;
732
+ labelPosition: 'before' | 'above' | 'align-before' | 'auto' | null;
733
+ layout: Layout | string | ContainerLayoutConfig;
734
+ layoutStyle: object;
735
+ margin: number | string;
736
+ maxHeight: string | number;
737
+ maximizeOnMobile: number | string;
738
+ maxWidth: string | number;
739
+ minHeight: string | number;
740
+ minWidth: string | number;
741
+ readOnly: boolean;
742
+ record: Model;
743
+ rendition: string | Record<string, string> | null;
744
+ rtl: boolean;
745
+ scrollable: Scroller | boolean | ScrollerConfig;
746
+ span: number;
747
+ strictRecordMapping: boolean;
748
+ tooltip: string | TooltipConfig | null;
749
+ width: number | string;
750
+ x: number;
751
+ y: number;
752
+ anchorSize: number[];
753
+ focusVisible: boolean;
754
+ hasChanges: boolean;
755
+ isSettingValues: boolean;
756
+ isValid: boolean;
757
+ parent: Widget;
758
+ values: Record<string, object>;
759
+ /**
760
+ * Fired after the editor is finalized and hidden, regardless whether it was completed or aborted.
761
+ * @param {object} event Event object
762
+ * @param {Core.widget.Editor} event.source The Editor that triggered the event.
763
+ * @param {Core.data.Model} event.record The record that was edited.
764
+ */
765
+ onAfterEdit: any;
766
+ /**
767
+ * Fired when cancellation has been requested, either by `ESC`, or focus loss (if configured to cancel on blur).
768
+ * The cancellation may be vetoed, in which case, focus is moved back into the editor.
769
+ * @param {object} event Event object
770
+ * @param {object} event.oldValue The original value.
771
+ * @param {object} event.value The new value.
772
+ * @param {Event} event.event Included if the cancellation was triggered by a DOM event
773
+ * @param {Core.widget.Editor} event.source The Editor that triggered the event.
774
+ */
775
+ onBeforeCancel: any;
776
+ /**
777
+ * Fired when an edit completion has been requested, either by `ENTER`, or focus loss (if configured to complete on blur).
778
+ * The completion may be vetoed, in which case, focus is moved back into the editor.
779
+ * @param {object} event Event object
780
+ * @param {object} event.oldValue The original value.
781
+ * @param {object} event.value The new value.
782
+ * @param {Core.widget.Editor} event.source The Editor that triggered the event.
783
+ * @param {Function} event.finalize An async function may be injected into this property which performs asynchronous finalization tasks such as complex validation of confirmation. The value `true` or `false` must be returned.
784
+ * @param {object} event.finalize.context An object describing the editing context upon requested completion of the edit.
785
+ */
786
+ onBeforeComplete: any;
787
+ /**
788
+ * Fires before an object is destroyed.
789
+ * @param {object} event Event object
790
+ * @param {Core.Base} event.source The Object that is being destroyed.
791
+ */
792
+ onBeforeDestroy: any;
793
+ /**
794
+ * Triggered before a widget is hidden. Return `false` to prevent the action.
795
+ * @param {object} event Event object
796
+ * @param {Core.widget.Widget} event.source The widget being hidden.
797
+ */
798
+ onBeforeHide: any;
799
+ /**
800
+ * Fired before this container will load record values into its child fields. This is useful if you
801
+ * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
802
+ * @param {object} event Event object
803
+ * @param {Core.widget.Container} event.source The container
804
+ * @param {Core.data.Model} event.record The record
805
+ */
806
+ onBeforeSetRecord: any;
807
+ /**
808
+ * Triggered before a widget is shown. Return `false` to prevent the action.
809
+ * @param {object} event Event object
810
+ * @param {Core.widget.Widget,any} event.source The widget being shown
811
+ */
812
+ onBeforeShow: any;
813
+ /**
814
+ * Fired before the editor is shown to start an edit operation. Returning `false` from a handler vetoes the edit operation.
815
+ * @param {object} event Event object
816
+ * @param {HTMLElement} event.target The element which the Editor is to overlay to edit its content.
817
+ * @param {Core.data.Model} event.record The record being edited.
818
+ * @param {string} event.field The name of the field if a record is being edited.
819
+ * @param {object} event.value The value to be edited.
820
+ * @param {string,AlignSpec} event.align How to align the editor.
821
+ * @param {boolean} event.hideTarget `true` if the target is to be hidden during the edit.
822
+ * @param {boolean,object} event.matchSize Whether to match the target size. See [matchSize](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-matchSize)
823
+ * @param {boolean} event.matchSize.width Match width
824
+ * @param {boolean} event.matchSize.height Match height
825
+ * @param {boolean} event.matchFont Whether to match the target's font. See [matchFont](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#config-matchFont)
826
+ * @param {boolean} event.focus Whether to focus the editor's field.
827
+ */
828
+ onBeforeStart: any;
829
+ /**
830
+ * Edit has been canceled without updating the associated record or element.
831
+ * @param {object} event Event object
832
+ * @param {object} event.oldValue The original value.
833
+ * @param {object} event.value The value of the field.
834
+ * @param {Event} event.event Included if the cancellation was triggered by a DOM event
835
+ * @param {Core.widget.Editor} event.source The Editor that triggered the event.
836
+ */
837
+ onCancel: any;
838
+ /**
839
+ * Fires when any other event is fired from the object.
840
+ * ...
841
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#event-catchAll)
842
+ * @param {object} event Event object
843
+ * @param {{[key: string]: any, type: string}} event.event The Object that contains event details
844
+ * @param {string} event.event.type The type of the event which is caught by the listener
845
+ */
846
+ onCatchAll: any;
847
+ /**
848
+ * Edit has been completed, and any associated record or element has been updated.
849
+ * @param {object} event Event object
850
+ * @param {object} event.oldValue The original value.
851
+ * @param {object} event.value The new value.
852
+ * @param {Core.widget.Editor} event.source The Editor that triggered the event.
853
+ */
854
+ onComplete: any;
855
+ /**
856
+ * Fires when an object is destroyed.
857
+ * @param {object} event Event object
858
+ * @param {Core.Base} event.source The Object that is being destroyed.
859
+ */
860
+ onDestroy: any;
861
+ /**
862
+ * Fires when a field is mutated and the state of the [hasChanges](https://bryntum.com/products/taskboard/docs/api/Core/widget/Container#property-hasChanges) property changes
863
+ * @param {object} event Event object
864
+ * @param {Core.widget.Container} event.source The container.
865
+ * @param {boolean} event.dirty The dirty state of the Container - `true` if there are any fields which have been changed since initial load.
866
+ */
867
+ onDirtyStateChange: any;
868
+ /**
869
+ * Triggered when a widget's [element](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#property-element) is available.
870
+ * @param {object} event Event object
871
+ * @param {HTMLElement} event.element The Widget's element.
872
+ */
873
+ onElementCreated: any;
874
+ /**
875
+ * Fired when focus enters this Widget.
876
+ * @param {object} event Event object
877
+ * @param {Core.widget.Widget} event.source This Widget
878
+ * @param {HTMLElement} event.fromElement The element which lost focus.
879
+ * @param {HTMLElement} event.toElement The element which gained focus.
880
+ * @param {Core.widget.Widget} event.fromWidget The widget which lost focus.
881
+ * @param {Core.widget.Widget} event.toWidget The widget which gained focus.
882
+ * @param {boolean} event.backwards `true` if the `toElement` is before the `fromElement` in document order.
883
+ */
884
+ onFocusIn: any;
885
+ /**
886
+ * Fired when focus exits this Widget's ownership tree. This is different from a `blur` event.
887
+ * focus moving from within this Widget's ownership tree, even if there are floating widgets
888
+ * will not trigger this event. This is when focus exits this widget completely.
889
+ * @param {object} event Event object
890
+ * @param {Core.widget.Widget} event.source This Widget
891
+ * @param {HTMLElement} event.fromElement The element which lost focus.
892
+ * @param {HTMLElement} event.toElement The element which gained focus.
893
+ * @param {Core.widget.Widget} event.fromWidget The widget which lost focus.
894
+ * @param {Core.widget.Widget} event.toWidget The widget which gained focus.
895
+ * @param {boolean} event.backwards `true` if the `toElement` is before the `fromElement` in document order.
896
+ */
897
+ onFocusOut: any;
898
+ /**
899
+ * Triggered after a widget was hidden
900
+ * @param {object} event Event object
901
+ * @param {Core.widget.Widget} event.source The widget
902
+ */
903
+ onHide: any;
904
+ /**
905
+ * Fire to relay a `keydown` event from the field.
906
+ * @param {object} event Event object
907
+ * @param {Event} event.event The key event.
908
+ */
909
+ onKeyDown: any;
910
+ /**
911
+ * Triggered when a widget which had been in a non-visible state for any reason
912
+ * achieves visibility.
913
+ * ...
914
+ * [View online docs...](https://bryntum.com/products/taskboard/docs/api/Core/widget/Editor#event-paint)
915
+ * @param {object} event Event object
916
+ * @param {Core.widget.Widget} event.source The widget being painted.
917
+ * @param {boolean} event.firstPaint `true` if this is the first paint.
918
+ */
919
+ onPaint: any;
920
+ /**
921
+ * Fired when a Widget's read only state is toggled
922
+ * @param {object} event Event object
923
+ * @param {boolean} event.readOnly Read only or not
924
+ */
925
+ onReadOnly: any;
926
+ /**
927
+ * This event is fired after a widget's elements have been synchronized due to a direct or indirect call
928
+ * to [recompose](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#function-recompose), if this results in some change to the widget's rendered DOM elements.
929
+ */
930
+ onRecompose: any;
931
+ /**
932
+ * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/taskboard/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
933
+ * @param {object} event Event object
934
+ * @param {Core.widget.Widget} event.source This Widget
935
+ * @param {number} event.width The new width
936
+ * @param {number} event.height The new height
937
+ * @param {number} event.oldWidth The old width
938
+ * @param {number} event.oldHeight The old height
939
+ */
940
+ onResize: any;
941
+ /**
942
+ * Triggered after a widget is shown.
943
+ * @param {object} event Event object
944
+ * @param {Core.widget.Widget} event.source The widget
945
+ */
946
+ onShow: any;
947
+ /**
948
+ * Fired when an edit operation has begun.
949
+ * @param {object} event Event object
950
+ * @param {object} event.value The starting value of the field.
951
+ * @param {Core.widget.Editor} event.source The Editor that triggered the event.
952
+ */
953
+ onStart: any;
954
+ /**
955
+ * Create and append the underlying widget
956
+ */
957
+ ngOnInit(): void;
958
+ /**
959
+ * Watch for changes
960
+ * @param changes
961
+ */
962
+ ngOnChanges(changes: SimpleChanges): void;
963
+ /**
964
+ * Destroy the component
965
+ */
966
+ ngOnDestroy(): void;
967
+ static ɵfac: i0.ɵɵFactoryDeclaration<BryntumEditorComponent, never>;
968
+ static ɵcmp: i0.ɵɵComponentDeclaration<BryntumEditorComponent, "bryntum-editor", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "appendToTargetParent": "appendToTargetParent"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "blurAction": "blurAction"; "bubbleEvents": "bubbleEvents"; "cancelKey": "cancelKey"; "centered": "centered"; "color": "color"; "completeKey": "completeKey"; "completeOnChange": "completeOnChange"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "fitTargetContent": "fitTargetContent"; "floating": "floating"; "hideAnimation": "hideAnimation"; "hideTarget": "hideTarget"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "invalidAction": "invalidAction"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "matchFont": "matchFont"; "matchSize": "matchSize"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "title": "title"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputField": "inputField"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "values": "values"; }, { "onAfterEdit": "onAfterEdit"; "onBeforeCancel": "onBeforeCancel"; "onBeforeComplete": "onBeforeComplete"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStart": "onBeforeStart"; "onCancel": "onCancel"; "onCatchAll": "onCatchAll"; "onComplete": "onComplete"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onKeyDown": "onKeyDown"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onStart": "onStart"; }, never, never>;
969
+ }