@bryntum/grid-vue 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 (66) hide show
  1. package/README.md +51 -0
  2. package/index.d.ts +63 -0
  3. package/index.js +126 -0
  4. package/license.pdf +0 -0
  5. package/licenses.md +310 -0
  6. package/package.json +22 -0
  7. package/src/BryntumAIFilterField.vue +382 -0
  8. package/src/BryntumButton.vue +342 -0
  9. package/src/BryntumButtonGroup.vue +354 -0
  10. package/src/BryntumChatPanel.vue +406 -0
  11. package/src/BryntumCheckbox.vue +384 -0
  12. package/src/BryntumCheckboxGroup.vue +414 -0
  13. package/src/BryntumChecklistFilterCombo.vue +457 -0
  14. package/src/BryntumChipView.vue +350 -0
  15. package/src/BryntumCodeEditor.vue +400 -0
  16. package/src/BryntumColorField.vue +384 -0
  17. package/src/BryntumCombo.vue +451 -0
  18. package/src/BryntumContainer.vue +339 -0
  19. package/src/BryntumDateField.vue +402 -0
  20. package/src/BryntumDatePicker.vue +480 -0
  21. package/src/BryntumDateRangeField.vue +404 -0
  22. package/src/BryntumDateTimeField.vue +362 -0
  23. package/src/BryntumDemoCodeEditor.vue +406 -0
  24. package/src/BryntumDemoHeader.vue +145 -0
  25. package/src/BryntumDisplayField.vue +372 -0
  26. package/src/BryntumDurationField.vue +396 -0
  27. package/src/BryntumEditor.vue +385 -0
  28. package/src/BryntumFieldFilterPicker.vue +366 -0
  29. package/src/BryntumFieldFilterPickerGroup.vue +373 -0
  30. package/src/BryntumFieldSet.vue +396 -0
  31. package/src/BryntumFileField.vue +374 -0
  32. package/src/BryntumFilePicker.vue +351 -0
  33. package/src/BryntumFilterField.vue +388 -0
  34. package/src/BryntumFullscreenButton.vue +41 -0
  35. package/src/BryntumGrid.vue +819 -0
  36. package/src/BryntumGridBase.vue +816 -0
  37. package/src/BryntumGridChartDesigner.vue +295 -0
  38. package/src/BryntumGridFieldFilterPicker.vue +368 -0
  39. package/src/BryntumGridFieldFilterPickerGroup.vue +371 -0
  40. package/src/BryntumGroupBar.vue +350 -0
  41. package/src/BryntumHint.vue +417 -0
  42. package/src/BryntumLabel.vue +293 -0
  43. package/src/BryntumList.vue +344 -0
  44. package/src/BryntumMenu.vue +425 -0
  45. package/src/BryntumMonthPicker.vue +396 -0
  46. package/src/BryntumNumberField.vue +386 -0
  47. package/src/BryntumPagingToolbar.vue +358 -0
  48. package/src/BryntumPanel.vue +388 -0
  49. package/src/BryntumPasswordField.vue +370 -0
  50. package/src/BryntumRadio.vue +384 -0
  51. package/src/BryntumRadioGroup.vue +404 -0
  52. package/src/BryntumSlideToggle.vue +384 -0
  53. package/src/BryntumSlider.vue +327 -0
  54. package/src/BryntumSplitter.vue +304 -0
  55. package/src/BryntumTabPanel.vue +406 -0
  56. package/src/BryntumTextAreaField.vue +374 -0
  57. package/src/BryntumTextAreaPickerField.vue +386 -0
  58. package/src/BryntumTextField.vue +378 -0
  59. package/src/BryntumTimeField.vue +396 -0
  60. package/src/BryntumTimePicker.vue +352 -0
  61. package/src/BryntumToolbar.vue +356 -0
  62. package/src/BryntumTreeCombo.vue +451 -0
  63. package/src/BryntumTreeGrid.vue +818 -0
  64. package/src/BryntumWidget.vue +294 -0
  65. package/src/BryntumYearPicker.vue +403 -0
  66. package/src/WrapperHelper.js +487 -0
package/src/BryntumMonthPicker.vue ADDED
@@ -0,0 +1,396 @@
1
+ <!--
2
+ Vue wrapper for Bryntum MonthPicker
3
+ -->
4
+
5
+ <template>
6
+
7
+ </template>
8
+
9
+ <script>
10
+
11
+ import { Base, Button, Container, Layout, Model, MonthPicker, Panel, Rectangle, Scroller, StateProvider, Tool, Widget } from '@bryntum/grid';
12
+
13
+ import { StringHelper } from '@bryntum/grid';
14
+ import WrapperHelper from './WrapperHelper.js';
15
+
16
+ export default {
17
+
18
+ // eslint-disable-next-line vue/multi-word-component-names
19
+ name : 'BryntumMonthPicker',
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
+ autoUpdateRecord : { type : Boolean, default : undefined },
30
+ bbar : { type : [Array, Object, null], default : undefined },
31
+ bodyCls : { type : [String, Object], default : undefined },
32
+ bubbleEvents : { type : Object, default : undefined },
33
+ centered : { type : Boolean, default : undefined },
34
+ collapsible : { type : [Boolean, Object], default : undefined },
35
+ color : { type : String, default : undefined },
36
+ config : { type : Object, default : undefined },
37
+ constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
38
+ contentElementCls : { type : [String, Object], default : undefined },
39
+ dataField : { type : String, default : undefined },
40
+ defaultBindProperty : { type : String, default : undefined },
41
+ defaultFocus : { type : Function, default : undefined },
42
+ defaults : { type : Object, default : undefined },
43
+ detectCSSCompatibilityIssues : { type : Boolean, default : undefined },
44
+ dock : { type : [String, Object], default : undefined },
45
+ draggable : { type : [Boolean, Object], default : undefined },
46
+ drawer : { type : [Boolean, String], default : undefined },
47
+ elementAttributes : { type : Object, default : undefined },
48
+ floating : { type : Boolean, default : undefined },
49
+ footer : { type : [Object, String], default : undefined },
50
+ header : { type : [String, Boolean, Object], default : undefined },
51
+ hideAnimation : { type : [Boolean, Object], default : undefined },
52
+ hideWhenEmpty : { type : Boolean, default : undefined },
53
+ htmlCls : { type : [String, Object], default : undefined },
54
+ icon : { type : [String, Object], default : undefined },
55
+ ignoreParentReadOnly : { type : Boolean, default : undefined },
56
+ itemCls : { type : String, default : undefined },
57
+ lazyItems : { type : [Object, Array], default : undefined },
58
+ listeners : { type : Object, default : undefined },
59
+ localeClass : { type : Function, default : undefined },
60
+ localizable : { type : Boolean, default : undefined },
61
+ localizableProperties : { type : Array, default : undefined },
62
+ maskDefaults : { type : Object, default : undefined },
63
+ masked : { type : [Boolean, String, Object], default : undefined },
64
+ monitorResize : { type : [Boolean, Object], default : undefined },
65
+ namedItems : { type : Object, default : undefined },
66
+ owner : { type : [Widget, Object], default : undefined },
67
+ positioned : { type : Boolean, default : undefined },
68
+ preventTooltipOnTouch : { type : Boolean, default : undefined },
69
+ relayStoreEvents : { type : Boolean, default : undefined },
70
+ ripple : { type : [Boolean, Object], default : undefined },
71
+ rootElement : { type : [ShadowRoot, HTMLElement], default : undefined },
72
+ scrollAction : { type : [String, null], default : undefined },
73
+ showAnimation : { type : [Boolean, Object], default : undefined },
74
+ showTooltipWhenDisabled : { type : Boolean, default : undefined },
75
+ stateful : { type : [Boolean, Object, Array], default : undefined },
76
+ statefulEvents : { type : [Object, Array], default : undefined },
77
+ stateId : { type : String, default : undefined },
78
+ stateProvider : { type : StateProvider, default : undefined },
79
+ strips : { type : Object, default : undefined },
80
+ tab : { type : [Boolean, Object], default : undefined },
81
+ tabBarItems : { type : Array, default : undefined },
82
+ tag : { type : String, default : undefined },
83
+ tbar : { type : [Array, Object, null], default : undefined },
84
+ textAlign : { type : String, default : undefined },
85
+ textContent : { type : Boolean, default : undefined },
86
+ trapFocus : { type : Boolean, default : undefined },
87
+ type : { type : String, default : undefined },
88
+ ui : { type : [String, Object], default : undefined },
89
+ weight : { type : Number, default : undefined },
90
+
91
+ // Configs and properties
92
+ alignSelf : { type : String, default : undefined },
93
+ appendTo : { type : [HTMLElement, String], default : undefined },
94
+ callOnFunctions : { type : Boolean, default : undefined },
95
+ catchEventHandlerExceptions : { type : Boolean, default : undefined },
96
+ cls : { type : [String, Object], default : undefined },
97
+ collapsed : { type : Boolean, default : undefined },
98
+ column : { type : Number, default : undefined },
99
+ content : { type : String, default : undefined },
100
+ dataset : { type : Object, default : undefined },
101
+ disabled : { type : [Boolean, String], default : undefined },
102
+ extraData : { type : Object, default : undefined },
103
+ flex : { type : [Number, String], default : undefined },
104
+ height : { type : [Number, String], default : undefined },
105
+ hidden : { type : Boolean, default : undefined },
106
+ html : { type : Function, default : undefined },
107
+ id : { type : String, default : undefined },
108
+ inputFieldAlign : { type : String, default : undefined },
109
+ insertBefore : { type : [HTMLElement, String], default : undefined },
110
+ insertFirst : { type : [HTMLElement, String], default : undefined },
111
+ items : { type : [Array, Object], default : undefined },
112
+ keyMap : { type : Object, default : undefined },
113
+ labelPosition : { type : [String, null], default : undefined },
114
+ layout : { type : [Layout, String, Object], default : undefined },
115
+ layoutStyle : { type : Object, default : undefined },
116
+ margin : { type : [Number, String], default : undefined },
117
+ maxHeight : { type : [String, Number], default : undefined },
118
+ maximizeOnMobile : { type : [Number, String], default : undefined },
119
+ maxWidth : { type : [String, Number], default : undefined },
120
+ minHeight : { type : [String, Number], default : undefined },
121
+ minWidth : { type : [String, Number], default : undefined },
122
+ month : { type : Number, default : undefined },
123
+ readOnly : { type : Boolean, default : undefined },
124
+ record : { type : Model, default : undefined },
125
+ rendition : { type : [String, Object, null], default : undefined },
126
+ rtl : { type : Boolean, default : undefined },
127
+ scrollable : { type : [Scroller, Boolean, Object], default : undefined },
128
+ span : { type : Number, default : undefined },
129
+ strictRecordMapping : { type : Boolean, default : undefined },
130
+ title : { type : String, default : undefined },
131
+ tools : { type : [Object, null], default : undefined },
132
+ tooltip : { type : [String, Object, null], default : undefined },
133
+ width : { type : [Number, String], default : undefined },
134
+ x : { type : Number, default : undefined },
135
+ y : { type : Number, default : undefined },
136
+
137
+ // Properties only
138
+ anchorSize : { type : Array, default : undefined },
139
+ focusVisible : { type : Boolean, default : undefined },
140
+ hasChanges : { type : Boolean, default : undefined },
141
+ isSettingValues : { type : Boolean, default : undefined },
142
+ isValid : { type : Boolean, default : undefined },
143
+ parent : { type : Widget, default : undefined },
144
+ state : { type : Object, default : undefined },
145
+ values : { type : Object, default : undefined },
146
+
147
+ // Events
148
+ onBeforeDestroy : { type : Function },
149
+ onBeforeHide : { type : Function },
150
+ onBeforeSetRecord : { type : Function },
151
+ onBeforeShow : { type : Function },
152
+ onBeforeStateApply : { type : Function },
153
+ onBeforeStateSave : { type : Function },
154
+ onCatchAll : { type : Function },
155
+ onCollapse : { type : Function },
156
+ onDestroy : { type : Function },
157
+ onDirtyStateChange : { type : Function },
158
+ onElementCreated : { type : Function },
159
+ onExpand : { type : Function },
160
+ onFocusIn : { type : Function },
161
+ onFocusOut : { type : Function },
162
+ onHide : { type : Function },
163
+ onPaint : { type : Function },
164
+ onReadOnly : { type : Function },
165
+ onRecompose : { type : Function },
166
+ onResize : { type : Function },
167
+ onSelect : { type : Function },
168
+ onShow : { type : Function },
169
+ onTitleClick : { type : Function },
170
+ onToolClick : { type : Function },
171
+
172
+ },
173
+
174
+ data : () => {
175
+ return {
176
+ instanceClass : MonthPicker,
177
+ instanceName : 'MonthPicker',
178
+
179
+ configNames : [
180
+ 'adopt',
181
+ 'align',
182
+ 'anchor',
183
+ 'ariaDescription',
184
+ 'ariaLabel',
185
+ 'autoUpdateRecord',
186
+ 'bbar',
187
+ 'bodyCls',
188
+ 'bubbleEvents',
189
+ 'centered',
190
+ 'collapsible',
191
+ 'color',
192
+ 'config',
193
+ 'constrainTo',
194
+ 'contentElementCls',
195
+ 'dataField',
196
+ 'defaultBindProperty',
197
+ 'defaultFocus',
198
+ 'defaults',
199
+ 'detectCSSCompatibilityIssues',
200
+ 'dock',
201
+ 'draggable',
202
+ 'drawer',
203
+ 'elementAttributes',
204
+ 'floating',
205
+ 'footer',
206
+ 'header',
207
+ 'hideAnimation',
208
+ 'hideWhenEmpty',
209
+ 'htmlCls',
210
+ 'icon',
211
+ 'ignoreParentReadOnly',
212
+ 'itemCls',
213
+ 'lazyItems',
214
+ 'listeners',
215
+ 'localeClass',
216
+ 'localizable',
217
+ 'localizableProperties',
218
+ 'maskDefaults',
219
+ 'masked',
220
+ 'monitorResize',
221
+ 'namedItems',
222
+ 'owner',
223
+ 'positioned',
224
+ 'preventTooltipOnTouch',
225
+ 'relayStoreEvents',
226
+ 'ripple',
227
+ 'rootElement',
228
+ 'scrollAction',
229
+ 'showAnimation',
230
+ 'showTooltipWhenDisabled',
231
+ 'stateful',
232
+ 'statefulEvents',
233
+ 'stateId',
234
+ 'stateProvider',
235
+ 'strips',
236
+ 'tab',
237
+ 'tabBarItems',
238
+ 'tag',
239
+ 'tbar',
240
+ 'textAlign',
241
+ 'textContent',
242
+ 'trapFocus',
243
+ 'type',
244
+ 'ui',
245
+ 'weight'
246
+ ],
247
+
248
+ propertyConfigNames : [
249
+ 'alignSelf',
250
+ 'appendTo',
251
+ 'callOnFunctions',
252
+ 'catchEventHandlerExceptions',
253
+ 'cls',
254
+ 'collapsed',
255
+ 'column',
256
+ 'content',
257
+ 'dataset',
258
+ 'disabled',
259
+ 'extraData',
260
+ 'flex',
261
+ 'height',
262
+ 'hidden',
263
+ 'html',
264
+ 'id',
265
+ 'inputFieldAlign',
266
+ 'insertBefore',
267
+ 'insertFirst',
268
+ 'items',
269
+ 'keyMap',
270
+ 'labelPosition',
271
+ 'layout',
272
+ 'layoutStyle',
273
+ 'margin',
274
+ 'maxHeight',
275
+ 'maximizeOnMobile',
276
+ 'maxWidth',
277
+ 'minHeight',
278
+ 'minWidth',
279
+ 'month',
280
+ 'onBeforeDestroy',
281
+ 'onBeforeHide',
282
+ 'onBeforeSetRecord',
283
+ 'onBeforeShow',
284
+ 'onBeforeStateApply',
285
+ 'onBeforeStateSave',
286
+ 'onCatchAll',
287
+ 'onCollapse',
288
+ 'onDestroy',
289
+ 'onDirtyStateChange',
290
+ 'onElementCreated',
291
+ 'onExpand',
292
+ 'onFocusIn',
293
+ 'onFocusOut',
294
+ 'onHide',
295
+ 'onPaint',
296
+ 'onReadOnly',
297
+ 'onRecompose',
298
+ 'onResize',
299
+ 'onSelect',
300
+ 'onShow',
301
+ 'onTitleClick',
302
+ 'onToolClick',
303
+ 'readOnly',
304
+ 'record',
305
+ 'rendition',
306
+ 'rtl',
307
+ 'scrollable',
308
+ 'span',
309
+ 'strictRecordMapping',
310
+ 'title',
311
+ 'tools',
312
+ 'tooltip',
313
+ 'width',
314
+ 'x',
315
+ 'y'
316
+ ],
317
+
318
+ propertyNames : [
319
+ 'anchorSize',
320
+ 'focusVisible',
321
+ 'hasChanges',
322
+ 'isSettingValues',
323
+ 'isValid',
324
+ 'parent',
325
+ 'state',
326
+ 'values'
327
+ ],
328
+
329
+ eventNames : [
330
+ 'beforeDestroy',
331
+ 'beforeHide',
332
+ 'beforeSetRecord',
333
+ 'beforeShow',
334
+ 'beforeStateApply',
335
+ 'beforeStateSave',
336
+ 'catchAll',
337
+ 'collapse',
338
+ 'destroy',
339
+ 'dirtyStateChange',
340
+ 'elementCreated',
341
+ 'expand',
342
+ 'focusIn',
343
+ 'focusOut',
344
+ 'hide',
345
+ 'paint',
346
+ 'readOnly',
347
+ 'recompose',
348
+ 'resize',
349
+ 'select',
350
+ 'show',
351
+ 'titleClick',
352
+ 'toolClick'
353
+ ]
354
+ };
355
+ },
356
+
357
+ /**
358
+ * Called after the instance has been mounted
359
+ */
360
+ mounted() {
361
+ const
362
+ me = this,
363
+ {
364
+ createWidget,
365
+ relayStores,
366
+ watchProps,
367
+ processCellContent,
368
+ processEventContent,
369
+ hasFrameworkRenderer
370
+ } = WrapperHelper();
371
+
372
+ me.instance = createWidget({
373
+ me,
374
+ props : me.$props,
375
+ data : me.$data,
376
+ listeners : me.$listeners,
377
+ emit : me.$emit.bind(me),
378
+ element : me.$el
379
+ });
380
+
381
+ const watcher = me.$watch.bind(me);
382
+ watchProps(me, me.instance, me.$props, me.$data, watcher);
383
+ },
384
+
385
+ /**
386
+ * Called right before a Vue instance is destroyed. At this stage the instance is still fully functional.
387
+ */
388
+ beforeDestroy() {
389
+ if (this.instance) {
390
+ this.instance.destroy();
391
+ }
392
+ }
393
+
394
+ };
395
+
396
+ </script>