@bryntum/scheduler-vue 7.1.2 → 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 (67) hide show
  1. package/README.md +12 -6
  2. package/index.d.ts +1 -0
  3. package/index.js +2 -0
  4. package/package.json +1 -1
  5. package/src/BryntumAIFilterField.vue +1 -1
  6. package/src/BryntumButton.vue +1 -1
  7. package/src/BryntumButtonGroup.vue +2 -0
  8. package/src/BryntumChatPanel.vue +3 -1
  9. package/src/BryntumCheckboxGroup.vue +3 -1
  10. package/src/BryntumChecklistFilterCombo.vue +1 -1
  11. package/src/BryntumChipView.vue +100 -100
  12. package/src/BryntumCodeEditor.vue +3 -1
  13. package/src/BryntumCombo.vue +1 -1
  14. package/src/BryntumContainer.vue +3 -1
  15. package/src/BryntumDateField.vue +4 -2
  16. package/src/BryntumDatePicker.vue +5 -3
  17. package/src/BryntumDateRangeField.vue +1 -1
  18. package/src/BryntumDateTimeField.vue +1 -1
  19. package/src/BryntumDemoCodeEditor.vue +3 -1
  20. package/src/BryntumDisplayField.vue +1 -1
  21. package/src/BryntumDurationField.vue +1 -1
  22. package/src/BryntumEditor.vue +3 -1
  23. package/src/BryntumFieldFilterPicker.vue +3 -1
  24. package/src/BryntumFieldFilterPickerGroup.vue +3 -1
  25. package/src/BryntumFieldSet.vue +3 -1
  26. package/src/BryntumFileField.vue +1 -1
  27. package/src/BryntumFilePicker.vue +3 -1
  28. package/src/BryntumFilterField.vue +1 -1
  29. package/src/BryntumGrid.vue +11 -1
  30. package/src/BryntumGridBase.vue +11 -1
  31. package/src/BryntumGridChartDesigner.vue +1 -1
  32. package/src/BryntumGridFieldFilterPicker.vue +3 -1
  33. package/src/BryntumGridFieldFilterPickerGroup.vue +3 -1
  34. package/src/BryntumGroupBar.vue +100 -100
  35. package/src/BryntumHint.vue +3 -1
  36. package/src/BryntumLabel.vue +1 -1
  37. package/src/BryntumList.vue +97 -97
  38. package/src/BryntumMenu.vue +3 -1
  39. package/src/BryntumMonthPicker.vue +3 -1
  40. package/src/BryntumNumberField.vue +1 -1
  41. package/src/BryntumPagingToolbar.vue +3 -1
  42. package/src/BryntumPanel.vue +3 -1
  43. package/src/BryntumPasswordField.vue +1 -1
  44. package/src/BryntumProgressBar.vue +301 -0
  45. package/src/BryntumProjectCombo.vue +1 -1
  46. package/src/BryntumRadioGroup.vue +3 -1
  47. package/src/BryntumResourceCombo.vue +1 -1
  48. package/src/BryntumResourceFilter.vue +101 -101
  49. package/src/BryntumScheduler.vue +354 -322
  50. package/src/BryntumSchedulerBase.vue +354 -322
  51. package/src/BryntumSchedulerDatePicker.vue +5 -3
  52. package/src/BryntumSlider.vue +1 -1
  53. package/src/BryntumSplitter.vue +1 -1
  54. package/src/BryntumTabPanel.vue +3 -1
  55. package/src/BryntumTextAreaField.vue +1 -1
  56. package/src/BryntumTextAreaPickerField.vue +1 -1
  57. package/src/BryntumTextField.vue +1 -1
  58. package/src/BryntumTimeField.vue +4 -2
  59. package/src/BryntumTimePicker.vue +3 -1
  60. package/src/BryntumTimelineHistogram.vue +12 -2
  61. package/src/BryntumToolbar.vue +3 -1
  62. package/src/BryntumTreeCombo.vue +1 -1
  63. package/src/BryntumTreeGrid.vue +11 -1
  64. package/src/BryntumUndoRedo.vue +2 -0
  65. package/src/BryntumViewPresetCombo.vue +1 -1
  66. package/src/BryntumWidget.vue +1 -1
  67. package/src/BryntumYearPicker.vue +3 -1
package/src/BryntumList.vue CHANGED
@@ -21,103 +21,103 @@ export default {
21
21
  props : {
22
22
 
23
23
  // Configs only
24
- activateOnMouseover : { type : Boolean, default : undefined },
25
- adopt : { type : [HTMLElement, String], default : undefined },
26
- align : { type : [Object, String], default : undefined },
27
- allowGroupSelect : { type : Boolean, default : undefined },
28
- anchor : { type : Boolean, default : undefined },
29
- ariaDescription : { type : String, default : undefined },
30
- ariaLabel : { type : String, default : undefined },
31
- bubbleEvents : { type : Object, default : undefined },
32
- centered : { type : Boolean, default : undefined },
33
- clearSelectionOnEmptySpaceClick : { type : Boolean, default : undefined },
34
- color : { type : String, default : undefined },
35
- config : { type : Object, default : undefined },
36
- constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
37
- contentElementCls : { type : [String, Object], default : undefined },
38
- dataField : { type : String, default : undefined },
39
- defaultBindProperty : { type : String, default : undefined },
40
- detectCSSCompatibilityIssues : { type : Boolean, default : undefined },
41
- displayField : { type : String, default : undefined },
42
- dock : { type : [String, Object], default : undefined },
43
- draggable : { type : [Boolean, Object], default : undefined },
44
- elementAttributes : { type : Object, default : undefined },
45
- floating : { type : Boolean, default : undefined },
46
- getItemCls : { type : Function, default : undefined },
47
- getItemStyle : { type : Function, default : undefined },
48
- groupHeaderTpl : { type : Function, default : undefined },
49
- hideAnimation : { type : [Boolean, Object], default : undefined },
50
- htmlCls : { type : [String, Object], default : undefined },
51
- ignoreParentReadOnly : { type : Boolean, default : undefined },
52
- isSelectable : { type : Function, default : undefined },
53
- itemTpl : { type : Function, default : undefined },
54
- listeners : { type : Object, default : undefined },
55
- localeClass : { type : Function, default : undefined },
56
- localizable : { type : Boolean, default : undefined },
57
- localizableProperties : { type : Array, default : undefined },
58
- maskDefaults : { type : Object, default : undefined },
59
- masked : { type : [Boolean, String, Object], default : undefined },
60
- monitorResize : { type : [Boolean, Object], default : undefined },
61
- owner : { type : [Widget, Object], default : undefined },
62
- positioned : { type : Boolean, default : undefined },
63
- preventTooltipOnTouch : { type : Boolean, default : undefined },
64
- relayStoreEvents : { type : Boolean, default : undefined },
65
- ripple : { type : [Boolean, Object], default : undefined },
66
- rootElement : { type : [ShadowRoot, HTMLElement], default : undefined },
67
- scrollAction : { type : [String, null], default : undefined },
68
- selectAllItem : { type : [Boolean, String], default : undefined },
69
- showAnimation : { type : [Boolean, Object], default : undefined },
70
- showTooltipWhenDisabled : { type : Boolean, default : undefined },
71
- tab : { type : [Boolean, Object], default : undefined },
72
- tag : { type : String, default : undefined },
73
- textAlign : { type : String, default : undefined },
74
- tooltipTemplate : { type : Function, default : undefined },
75
- type : { type : String, default : undefined },
76
- ui : { type : [String, Object], default : undefined },
77
- virtualize : { type : [Boolean, Number], default : undefined },
78
- weight : { type : Number, default : undefined },
24
+ activateOnMouseover : { type : Boolean, default : undefined },
25
+ adopt : { type : [HTMLElement, String], default : undefined },
26
+ align : { type : [Object, String], default : undefined },
27
+ anchor : { type : Boolean, default : undefined },
28
+ ariaDescription : { type : String, default : undefined },
29
+ ariaLabel : { type : String, default : undefined },
30
+ bubbleEvents : { type : Object, default : undefined },
31
+ centered : { type : Boolean, default : undefined },
32
+ color : { type : [String, null], default : undefined },
33
+ config : { type : Object, default : undefined },
34
+ constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
35
+ contentElementCls : { type : [String, Object], default : undefined },
36
+ dataField : { type : String, default : undefined },
37
+ defaultBindProperty : { type : String, default : undefined },
38
+ detectCSSCompatibilityIssues : { type : Boolean, default : undefined },
39
+ displayField : { type : String, default : undefined },
40
+ dock : { type : [String, Object], default : undefined },
41
+ draggable : { type : [Boolean, Object], default : undefined },
42
+ elementAttributes : { type : Object, default : undefined },
43
+ floating : { type : Boolean, default : undefined },
44
+ getItemCls : { type : Function, default : undefined },
45
+ getItemStyle : { type : Function, default : undefined },
46
+ groupHeaderTpl : { type : Function, default : undefined },
47
+ hideAnimation : { type : [Boolean, Object], default : undefined },
48
+ htmlCls : { type : [String, Object], default : undefined },
49
+ ignoreParentReadOnly : { type : Boolean, default : undefined },
50
+ isSelectable : { type : Function, default : undefined },
51
+ itemTpl : { type : Function, default : undefined },
52
+ listeners : { type : Object, default : undefined },
53
+ localeClass : { type : Function, default : undefined },
54
+ localizable : { type : Boolean, default : undefined },
55
+ localizableProperties : { type : Array, default : undefined },
56
+ maskDefaults : { type : Object, default : undefined },
57
+ masked : { type : [Boolean, String, Object], default : undefined },
58
+ monitorResize : { type : [Boolean, Object], default : undefined },
59
+ owner : { type : [Widget, Object], default : undefined },
60
+ positioned : { type : Boolean, default : undefined },
61
+ preventTooltipOnTouch : { type : Boolean, default : undefined },
62
+ relayStoreEvents : { type : Boolean, default : undefined },
63
+ ripple : { type : [Boolean, Object], default : undefined },
64
+ rootElement : { type : [ShadowRoot, HTMLElement], default : undefined },
65
+ scrollAction : { type : [String, null], default : undefined },
66
+ selectAllItem : { type : [Boolean, String], default : undefined },
67
+ showAnimation : { type : [Boolean, Object], default : undefined },
68
+ showTooltipWhenDisabled : { type : Boolean, default : undefined },
69
+ tab : { type : [Boolean, Object], default : undefined },
70
+ tag : { type : String, default : undefined },
71
+ textAlign : { type : String, default : undefined },
72
+ tooltipTemplate : { type : Function, default : undefined },
73
+ type : { type : String, default : undefined },
74
+ ui : { type : [String, Object], default : undefined },
75
+ virtualize : { type : [Boolean, Number], default : undefined },
76
+ weight : { type : Number, default : undefined },
79
77
 
80
78
  // Configs and properties
81
- alignSelf : { type : String, default : undefined },
82
- appendTo : { type : [HTMLElement, String], default : undefined },
83
- callOnFunctions : { type : Boolean, default : undefined },
84
- catchEventHandlerExceptions : { type : Boolean, default : undefined },
85
- cls : { type : [String, Object], default : undefined },
86
- collapsibleGroups : { type : Boolean, default : undefined },
87
- column : { type : Number, default : undefined },
88
- content : { type : String, default : undefined },
89
- dataset : { type : Object, default : undefined },
90
- disabled : { type : [Boolean, String], default : undefined },
91
- emptyText : { type : String, default : undefined },
92
- extraData : { type : Object, default : undefined },
93
- flex : { type : [Number, String], default : undefined },
94
- height : { type : [Number, String], default : undefined },
95
- hidden : { type : Boolean, default : undefined },
96
- html : { type : Function, default : undefined },
97
- id : { type : String, default : undefined },
98
- insertBefore : { type : [HTMLElement, String], default : undefined },
99
- insertFirst : { type : [HTMLElement, String], default : undefined },
100
- items : { type : Array, default : undefined },
101
- keyMap : { type : Object, default : undefined },
102
- margin : { type : [Number, String], default : undefined },
103
- maxHeight : { type : [String, Number], default : undefined },
104
- maximizeOnMobile : { type : [Number, String], default : undefined },
105
- maxWidth : { type : [String, Number], default : undefined },
106
- minHeight : { type : [String, Number], default : undefined },
107
- minWidth : { type : [String, Number], default : undefined },
108
- multiSelect : { type : Boolean, default : undefined },
109
- readOnly : { type : Boolean, default : undefined },
110
- rtl : { type : Boolean, default : undefined },
111
- scrollable : { type : [Scroller, Boolean, Object], default : undefined },
112
- selected : { type : [Model, Array, String, Number, Collection, Object], default : undefined },
113
- span : { type : Number, default : undefined },
114
- store : { type : [Object, Array, Store], default : undefined },
115
- title : { type : String, default : undefined },
116
- toggleAllIfCtrlPressed : { type : Boolean, default : undefined },
117
- tooltip : { type : [String, Object, null], default : undefined },
118
- width : { type : [Number, String], default : undefined },
119
- x : { type : Number, default : undefined },
120
- y : { type : Number, default : undefined },
79
+ alignSelf : { type : String, default : undefined },
80
+ allowGroupSelect : { type : Boolean, default : undefined },
81
+ appendTo : { type : [HTMLElement, String], default : undefined },
82
+ callOnFunctions : { type : Boolean, default : undefined },
83
+ catchEventHandlerExceptions : { type : Boolean, default : undefined },
84
+ clearSelectionOnEmptySpaceClick : { type : Boolean, default : undefined },
85
+ cls : { type : [String, Object], default : undefined },
86
+ collapsibleGroups : { type : Boolean, default : undefined },
87
+ column : { type : Number, default : undefined },
88
+ content : { type : String, default : undefined },
89
+ dataset : { type : Object, default : undefined },
90
+ disabled : { type : [Boolean, String], default : undefined },
91
+ emptyText : { type : String, default : undefined },
92
+ extraData : { type : Object, default : undefined },
93
+ flex : { type : [Number, String], default : undefined },
94
+ height : { type : [Number, String], default : undefined },
95
+ hidden : { type : Boolean, default : undefined },
96
+ html : { type : Function, default : undefined },
97
+ id : { type : String, default : undefined },
98
+ insertBefore : { type : [HTMLElement, String], default : undefined },
99
+ insertFirst : { type : [HTMLElement, String], default : undefined },
100
+ items : { type : Array, default : undefined },
101
+ keyMap : { type : Object, default : undefined },
102
+ margin : { type : [Number, String], default : undefined },
103
+ maxHeight : { type : [String, Number], default : undefined },
104
+ maximizeOnMobile : { type : [Number, String], default : undefined },
105
+ maxWidth : { type : [String, Number], default : undefined },
106
+ minHeight : { type : [String, Number], default : undefined },
107
+ minWidth : { type : [String, Number], default : undefined },
108
+ multiSelect : { type : Boolean, default : undefined },
109
+ readOnly : { type : Boolean, default : undefined },
110
+ rtl : { type : Boolean, default : undefined },
111
+ scrollable : { type : [Scroller, Boolean, Object], default : undefined },
112
+ selected : { type : [Model, Array, String, Number, Collection, Object], default : undefined },
113
+ span : { type : Number, default : undefined },
114
+ store : { type : [Object, Array, Store], default : undefined },
115
+ title : { type : String, default : undefined },
116
+ toggleAllIfCtrlPressed : { type : Boolean, default : undefined },
117
+ tooltip : { type : [String, Object, null], default : undefined },
118
+ width : { type : [Number, String], default : undefined },
119
+ x : { type : Number, default : undefined },
120
+ y : { type : Number, default : undefined },
121
121
 
122
122
  // Properties only
123
123
  anchorSize : { type : Array, default : undefined },
@@ -156,13 +156,11 @@ export default {
156
156
  'activateOnMouseover',
157
157
  'adopt',
158
158
  'align',
159
- 'allowGroupSelect',
160
159
  'anchor',
161
160
  'ariaDescription',
162
161
  'ariaLabel',
163
162
  'bubbleEvents',
164
163
  'centered',
165
- 'clearSelectionOnEmptySpaceClick',
166
164
  'color',
167
165
  'config',
168
166
  'constrainTo',
@@ -212,9 +210,11 @@ export default {
212
210
 
213
211
  propertyConfigNames : [
214
212
  'alignSelf',
213
+ 'allowGroupSelect',
215
214
  'appendTo',
216
215
  'callOnFunctions',
217
216
  'catchEventHandlerExceptions',
217
+ 'clearSelectionOnEmptySpaceClick',
218
218
  'cls',
219
219
  'collapsibleGroups',
220
220
  'column',
package/src/BryntumMenu.vue CHANGED
@@ -31,13 +31,14 @@ export default {
31
31
  autoUpdateRecord : { type : Boolean, default : undefined },
32
32
  bbar : { type : [Array, Object, null], default : undefined },
33
33
  bodyCls : { type : [String, Object], default : undefined },
34
+ border : { type : Boolean, default : undefined },
34
35
  bubbleEvents : { type : Object, default : undefined },
35
36
  centered : { type : Boolean, default : undefined },
36
37
  closable : { type : Boolean, default : undefined },
37
38
  closeAction : { type : String, default : undefined },
38
39
  closeOnEscape : { type : Boolean, default : undefined },
39
40
  collapsible : { type : [Boolean, Object], default : undefined },
40
- color : { type : String, default : undefined },
41
+ color : { type : [String, null], default : undefined },
41
42
  config : { type : Object, default : undefined },
42
43
  constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
43
44
  contentElementCls : { type : [String, Object], default : undefined },
@@ -201,6 +202,7 @@ export default {
201
202
  'autoUpdateRecord',
202
203
  'bbar',
203
204
  'bodyCls',
205
+ 'border',
204
206
  'bubbleEvents',
205
207
  'centered',
206
208
  'closable',
package/src/BryntumMonthPicker.vue CHANGED
@@ -29,10 +29,11 @@ export default {
29
29
  autoUpdateRecord : { type : Boolean, default : undefined },
30
30
  bbar : { type : [Array, Object, null], default : undefined },
31
31
  bodyCls : { type : [String, Object], default : undefined },
32
+ border : { type : Boolean, default : undefined },
32
33
  bubbleEvents : { type : Object, default : undefined },
33
34
  centered : { type : Boolean, default : undefined },
34
35
  collapsible : { type : [Boolean, Object], default : undefined },
35
- color : { type : String, default : undefined },
36
+ color : { type : [String, null], default : undefined },
36
37
  config : { type : Object, default : undefined },
37
38
  constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
38
39
  contentElementCls : { type : [String, Object], default : undefined },
@@ -185,6 +186,7 @@ export default {
185
186
  'autoUpdateRecord',
186
187
  'bbar',
187
188
  'bodyCls',
189
+ 'border',
188
190
  'bubbleEvents',
189
191
  'centered',
190
192
  'collapsible',
package/src/BryntumNumberField.vue CHANGED
@@ -32,7 +32,7 @@ export default {
32
32
  centered : { type : Boolean, default : undefined },
33
33
  changeOnSpin : { type : [Boolean, Number], default : undefined },
34
34
  clearable : { type : [Boolean, Object], default : undefined },
35
- color : { type : String, default : undefined },
35
+ color : { type : [String, null], default : undefined },
36
36
  config : { type : Object, default : undefined },
37
37
  constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
38
38
  container : { type : [Object, Array, FieldContainer], default : undefined },
package/src/BryntumPagingToolbar.vue CHANGED
@@ -27,9 +27,10 @@ export default {
27
27
  ariaDescription : { type : String, default : undefined },
28
28
  ariaLabel : { type : String, default : undefined },
29
29
  autoUpdateRecord : { type : Boolean, default : undefined },
30
+ border : { type : Boolean, default : undefined },
30
31
  bubbleEvents : { type : Object, default : undefined },
31
32
  centered : { type : Boolean, default : undefined },
32
- color : { type : String, default : undefined },
33
+ color : { type : [String, null], default : undefined },
33
34
  config : { type : Object, default : undefined },
34
35
  constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
35
36
  contentElementCls : { type : [String, Object], default : undefined },
@@ -166,6 +167,7 @@ export default {
166
167
  'ariaDescription',
167
168
  'ariaLabel',
168
169
  'autoUpdateRecord',
170
+ 'border',
169
171
  'bubbleEvents',
170
172
  'centered',
171
173
  'color',
package/src/BryntumPanel.vue CHANGED
@@ -29,10 +29,11 @@ export default {
29
29
  autoUpdateRecord : { type : Boolean, default : undefined },
30
30
  bbar : { type : [Array, Object, null], default : undefined },
31
31
  bodyCls : { type : [String, Object], default : undefined },
32
+ border : { type : Boolean, default : undefined },
32
33
  bubbleEvents : { type : Object, default : undefined },
33
34
  centered : { type : Boolean, default : undefined },
34
35
  collapsible : { type : [Boolean, Object], default : undefined },
35
- color : { type : String, default : undefined },
36
+ color : { type : [String, null], default : undefined },
36
37
  config : { type : Object, default : undefined },
37
38
  constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
38
39
  contentElementCls : { type : [String, Object], default : undefined },
@@ -182,6 +183,7 @@ export default {
182
183
  'autoUpdateRecord',
183
184
  'bbar',
184
185
  'bodyCls',
186
+ 'border',
185
187
  'bubbleEvents',
186
188
  'centered',
187
189
  'collapsible',
package/src/BryntumPasswordField.vue CHANGED
@@ -31,7 +31,7 @@ export default {
31
31
  bubbleEvents : { type : Object, default : undefined },
32
32
  centered : { type : Boolean, default : undefined },
33
33
  clearable : { type : [Boolean, Object], default : undefined },
34
- color : { type : String, default : undefined },
34
+ color : { type : [String, null], default : undefined },
35
35
  config : { type : Object, default : undefined },
36
36
  constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
37
37
  container : { type : [Object, Array, FieldContainer], default : undefined },
package/src/BryntumProgressBar.vue ADDED
@@ -0,0 +1,301 @@
1
+ <!--
2
+ Vue wrapper for Bryntum ProgressBar
3
+ -->
4
+
5
+ <template>
6
+
7
+ </template>
8
+
9
+ <script>
10
+
11
+ import { Base, ProgressBar, Rectangle, Scroller, Widget } from '@bryntum/scheduler';
12
+
13
+ import { StringHelper } from '@bryntum/scheduler';
14
+ import WrapperHelper from './WrapperHelper.js';
15
+
16
+ export default {
17
+
18
+ // eslint-disable-next-line vue/multi-word-component-names
19
+ name : 'BryntumProgressBar',
20
+
21
+ props : {
22
+
23
+ // Configs only
24
+ adopt : { type : [HTMLElement, String], default : undefined },
25
+ align : { type : [Object, String], default : undefined },
26
+ anchor : { type : Boolean, default : undefined },
27
+ ariaDescription : { type : String, default : undefined },
28
+ ariaLabel : { type : String, default : undefined },
29
+ bubbleEvents : { type : Object, default : undefined },
30
+ centered : { type : Boolean, default : undefined },
31
+ config : { type : Object, default : undefined },
32
+ constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
33
+ contentElementCls : { type : [String, Object], default : undefined },
34
+ dataField : { type : String, default : undefined },
35
+ defaultBindProperty : { type : String, default : undefined },
36
+ detectCSSCompatibilityIssues : { type : Boolean, default : undefined },
37
+ dock : { type : [String, Object], default : undefined },
38
+ draggable : { type : [Boolean, Object], default : undefined },
39
+ elementAttributes : { type : Object, default : undefined },
40
+ floating : { type : Boolean, default : undefined },
41
+ hideAnimation : { type : [Boolean, Object], default : undefined },
42
+ htmlCls : { type : [String, Object], default : undefined },
43
+ ignoreParentReadOnly : { type : Boolean, default : undefined },
44
+ listeners : { type : Object, default : undefined },
45
+ localeClass : { type : Function, default : undefined },
46
+ localizable : { type : Boolean, default : undefined },
47
+ localizableProperties : { type : Array, default : undefined },
48
+ maskDefaults : { type : Object, default : undefined },
49
+ masked : { type : [Boolean, String, Object], default : undefined },
50
+ monitorResize : { type : [Boolean, Object], default : undefined },
51
+ owner : { type : [Widget, Object], default : undefined },
52
+ positioned : { type : Boolean, default : undefined },
53
+ preventTooltipOnTouch : { type : Boolean, default : undefined },
54
+ relayStoreEvents : { type : Boolean, default : undefined },
55
+ ripple : { type : [Boolean, Object], default : undefined },
56
+ rootElement : { type : [ShadowRoot, HTMLElement], default : undefined },
57
+ scrollAction : { type : [String, null], default : undefined },
58
+ showAnimation : { type : [Boolean, Object], default : undefined },
59
+ showTooltipWhenDisabled : { type : Boolean, default : undefined },
60
+ tab : { type : [Boolean, Object], default : undefined },
61
+ tag : { type : String, default : undefined },
62
+ textAlign : { type : String, default : undefined },
63
+ title : { type : String, default : undefined },
64
+ type : { type : String, default : undefined },
65
+ ui : { type : [String, Object], default : undefined },
66
+ weight : { type : Number, default : undefined },
67
+
68
+ // Configs and properties
69
+ alignSelf : { type : String, default : undefined },
70
+ appendTo : { type : [HTMLElement, String], default : undefined },
71
+ callOnFunctions : { type : Boolean, default : undefined },
72
+ catchEventHandlerExceptions : { type : Boolean, default : undefined },
73
+ cls : { type : [String, Object], default : undefined },
74
+ color : { type : [String, null], default : undefined },
75
+ column : { type : Number, default : undefined },
76
+ content : { type : String, default : undefined },
77
+ dataset : { type : Object, default : undefined },
78
+ disabled : { type : [Boolean, String], default : undefined },
79
+ extraData : { type : Object, default : undefined },
80
+ flex : { type : [Number, String], default : undefined },
81
+ height : { type : [Number, String], default : undefined },
82
+ hidden : { type : Boolean, default : undefined },
83
+ html : { type : Function, default : undefined },
84
+ id : { type : String, default : undefined },
85
+ insertBefore : { type : [HTMLElement, String], default : undefined },
86
+ insertFirst : { type : [HTMLElement, String], default : undefined },
87
+ keyMap : { type : Object, default : undefined },
88
+ label : { type : String, default : undefined },
89
+ margin : { type : [Number, String], default : undefined },
90
+ max : { type : Number, default : undefined },
91
+ maxHeight : { type : [String, Number], default : undefined },
92
+ maximizeOnMobile : { type : [Number, String], default : undefined },
93
+ maxWidth : { type : [String, Number], default : undefined },
94
+ minHeight : { type : [String, Number], default : undefined },
95
+ minWidth : { type : [String, Number], default : undefined },
96
+ readOnly : { type : Boolean, default : undefined },
97
+ rtl : { type : Boolean, default : undefined },
98
+ scrollable : { type : [Scroller, Boolean, Object], default : undefined },
99
+ span : { type : Number, default : undefined },
100
+ tooltip : { type : [String, Object, null], default : undefined },
101
+ value : { type : Number, default : undefined },
102
+ valueRenderer : { type : Function, default : undefined },
103
+ valueText : { type : String, default : undefined },
104
+ width : { type : [Number, String], default : undefined },
105
+ x : { type : Number, default : undefined },
106
+ y : { type : Number, default : undefined },
107
+
108
+ // Properties only
109
+ anchorSize : { type : Array, default : undefined },
110
+ focusVisible : { type : Boolean, default : undefined },
111
+ parent : { type : Widget, default : undefined },
112
+
113
+ // Events
114
+ onBeforeDestroy : { type : Function },
115
+ onBeforeHide : { type : Function },
116
+ onBeforeShow : { type : Function },
117
+ onCatchAll : { type : Function },
118
+ onDestroy : { type : Function },
119
+ onElementCreated : { type : Function },
120
+ onFocusIn : { type : Function },
121
+ onFocusOut : { type : Function },
122
+ onHide : { type : Function },
123
+ onPaint : { type : Function },
124
+ onReadOnly : { type : Function },
125
+ onRecompose : { type : Function },
126
+ onResize : { type : Function },
127
+ onShow : { type : Function },
128
+
129
+ },
130
+
131
+ data : () => {
132
+ return {
133
+ instanceClass : ProgressBar,
134
+ instanceName : 'ProgressBar',
135
+
136
+ configNames : [
137
+ 'adopt',
138
+ 'align',
139
+ 'anchor',
140
+ 'ariaDescription',
141
+ 'ariaLabel',
142
+ 'bubbleEvents',
143
+ 'centered',
144
+ 'config',
145
+ 'constrainTo',
146
+ 'contentElementCls',
147
+ 'dataField',
148
+ 'defaultBindProperty',
149
+ 'detectCSSCompatibilityIssues',
150
+ 'dock',
151
+ 'draggable',
152
+ 'elementAttributes',
153
+ 'floating',
154
+ 'hideAnimation',
155
+ 'htmlCls',
156
+ 'ignoreParentReadOnly',
157
+ 'listeners',
158
+ 'localeClass',
159
+ 'localizable',
160
+ 'localizableProperties',
161
+ 'maskDefaults',
162
+ 'masked',
163
+ 'monitorResize',
164
+ 'owner',
165
+ 'positioned',
166
+ 'preventTooltipOnTouch',
167
+ 'relayStoreEvents',
168
+ 'ripple',
169
+ 'rootElement',
170
+ 'scrollAction',
171
+ 'showAnimation',
172
+ 'showTooltipWhenDisabled',
173
+ 'tab',
174
+ 'tag',
175
+ 'textAlign',
176
+ 'title',
177
+ 'type',
178
+ 'ui',
179
+ 'weight'
180
+ ],
181
+
182
+ propertyConfigNames : [
183
+ 'alignSelf',
184
+ 'appendTo',
185
+ 'callOnFunctions',
186
+ 'catchEventHandlerExceptions',
187
+ 'cls',
188
+ 'color',
189
+ 'column',
190
+ 'content',
191
+ 'dataset',
192
+ 'disabled',
193
+ 'extraData',
194
+ 'flex',
195
+ 'height',
196
+ 'hidden',
197
+ 'html',
198
+ 'id',
199
+ 'insertBefore',
200
+ 'insertFirst',
201
+ 'keyMap',
202
+ 'label',
203
+ 'margin',
204
+ 'max',
205
+ 'maxHeight',
206
+ 'maximizeOnMobile',
207
+ 'maxWidth',
208
+ 'minHeight',
209
+ 'minWidth',
210
+ 'onBeforeDestroy',
211
+ 'onBeforeHide',
212
+ 'onBeforeShow',
213
+ 'onCatchAll',
214
+ 'onDestroy',
215
+ 'onElementCreated',
216
+ 'onFocusIn',
217
+ 'onFocusOut',
218
+ 'onHide',
219
+ 'onPaint',
220
+ 'onReadOnly',
221
+ 'onRecompose',
222
+ 'onResize',
223
+ 'onShow',
224
+ 'readOnly',
225
+ 'rtl',
226
+ 'scrollable',
227
+ 'span',
228
+ 'tooltip',
229
+ 'value',
230
+ 'valueRenderer',
231
+ 'valueText',
232
+ 'width',
233
+ 'x',
234
+ 'y'
235
+ ],
236
+
237
+ propertyNames : [
238
+ 'anchorSize',
239
+ 'focusVisible',
240
+ 'parent'
241
+ ],
242
+
243
+ eventNames : [
244
+ 'beforeDestroy',
245
+ 'beforeHide',
246
+ 'beforeShow',
247
+ 'catchAll',
248
+ 'destroy',
249
+ 'elementCreated',
250
+ 'focusIn',
251
+ 'focusOut',
252
+ 'hide',
253
+ 'paint',
254
+ 'readOnly',
255
+ 'recompose',
256
+ 'resize',
257
+ 'show'
258
+ ]
259
+ };
260
+ },
261
+
262
+ /**
263
+ * Called after the instance has been mounted
264
+ */
265
+ mounted() {
266
+ const
267
+ me = this,
268
+ {
269
+ createWidget,
270
+ relayStores,
271
+ watchProps,
272
+ processCellContent,
273
+ processEventContent,
274
+ hasFrameworkRenderer
275
+ } = WrapperHelper();
276
+
277
+ me.instance = createWidget({
278
+ me,
279
+ props : me.$props,
280
+ data : me.$data,
281
+ listeners : me.$listeners,
282
+ emit : me.$emit.bind(me),
283
+ element : me.$el
284
+ });
285
+
286
+ const watcher = me.$watch.bind(me);
287
+ watchProps(me, me.instance, me.$props, me.$data, watcher);
288
+ },
289
+
290
+ /**
291
+ * Called right before a Vue instance is destroyed. At this stage the instance is still fully functional.
292
+ */
293
+ beforeDestroy() {
294
+ if (this.instance) {
295
+ this.instance.destroy();
296
+ }
297
+ }
298
+
299
+ };
300
+
301
+ </script>