@progress/kendo-vue-scheduler 3.1.5 → 3.2.0-dev.202204120815

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 (10) hide show
  1. package/dist/cdn/js/kendo-vue-scheduler.js +2 -2
  2. package/dist/es/components/SchedulerActionButtons.js +7 -1
  3. package/dist/es/components/SchedulerForm.js +62 -9
  4. package/dist/es/editors/SchedulerFormEditor.js +672 -318
  5. package/dist/es/package-metadata.js +1 -1
  6. package/dist/npm/components/SchedulerActionButtons.js +7 -1
  7. package/dist/npm/components/SchedulerForm.js +62 -9
  8. package/dist/npm/editors/SchedulerFormEditor.js +672 -317
  9. package/dist/npm/package-metadata.js +1 -1
  10. package/package.json +12 -12
package/dist/es/editors/SchedulerFormEditor.js CHANGED
@@ -19,11 +19,12 @@ var inject = allVue.inject;
19
19
  import { timezoneNames } from '@progress/kendo-date-math';
20
20
  import { Error, Label as KLabel } from '@progress/kendo-vue-labels';
21
21
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
22
- import { Field } from '@progress/kendo-vue-form';
22
+ import { Field, FormElement } from '@progress/kendo-vue-form';
23
23
  import { Input as KInput, Checkbox, TextArea } from '@progress/kendo-vue-inputs';
24
24
  import { messages, editorEventTitle, editorEventStart, editorEventEnd, editorEventDescription, editorEventAllDay, editorEventTimeZone, editorEventSeparateTimeZones, editorEventStartTimeZone, editorEventEndTimeZone, editorValidationRequired } from '../messages'; // import { useSchedulerPropsContext, useSchedulerFieldsContext } from '../context';
25
25
 
26
26
  import { FilterableComboBox } from './FilterableComboBox';
27
+ import { getDefaultSlots } from '@progress/kendo-vue-common';
27
28
  import { RecurrenceEditor as KendoRecurrenceEditor } from '../recurrence/RecurrenceEditor';
28
29
  import { ResourceEditor as KendoResourceEditor } from './ResourceEditor';
29
30
  import { ZonedDateTime } from './ZonedDateTime'; // tslint:enable:max-line-length
@@ -243,9 +244,9 @@ var SchedulerFormEditorVue2 = {
243
244
  var _this = this;
244
245
 
245
246
  var h = gh || createElement;
247
+ var defaultSlots = getDefaultSlots(this);
246
248
  var timezones = timezoneNames();
247
- var localization = provideLocalizationService(this); // const fields = useSchedulerFieldsContext();
248
- // const { resources, timezone } = useSchedulerPropsContext();
249
+ var localization = provideLocalizationService(this);
249
250
 
250
251
  var _a = this.$props,
251
252
  Component = _a.as,
@@ -284,359 +285,719 @@ var SchedulerFormEditorVue2 = {
284
285
  var endTimezone = this.kendoForm.valueGetter(this.ks.fields.endTimezone) || this.ks.timezone || '';
285
286
  this.requiredValidationMessage = localization.toLanguageString(editorValidationRequired, messages[editorValidationRequired]);
286
287
  var title = this.ks.fields.title;
287
- return h("div", {
288
- // {...other}
289
- "class": 'k-scheduler-edit-form'
290
- }, [h("div", {
291
- "class": "k-form-field"
292
- }, [// @ts-ignore function children
293
- h(Field, {
294
- name: title,
295
- attrs: this.v3 ? undefined : {
288
+ return (// @ts-ignore function children
289
+ h(FormElement, {
290
+ "class": 'k-scheduler-edit-form'
291
+ }, this.v3 ? function () {
292
+ return [h("div", {
293
+ "class": "k-form-field"
294
+ }, [// @ts-ignore function children
295
+ h(Field, {
296
+ name: title,
297
+ attrs: _this.v3 ? undefined : {
298
+ name: title,
299
+ component: TitleLabel,
300
+ editorId: 'k-scheduler-editor-title'
301
+ },
302
+ component: TitleLabel,
303
+ editorId: 'k-scheduler-editor-title'
304
+ }, _this.v3 ? function () {
305
+ return [localization.toLanguageString(editorEventTitle, messages[editorEventTitle])];
306
+ } : [localization.toLanguageString(editorEventTitle, messages[editorEventTitle])]), h("div", {
307
+ "class": "k-form-field-wrap"
308
+ }, [h(Field, {
309
+ id: "k-scheduler-editor-title",
310
+ attrs: _this.v3 ? undefined : {
311
+ id: "k-scheduler-editor-title",
312
+ name: title,
313
+ field: title,
314
+ component: TitleEditor
315
+ },
316
+ name: title,
317
+ field: title,
318
+ component: TitleEditor
319
+ }), _this.kendoForm.errors[title] && // @ts-ignore function children
320
+ h(Field, {
321
+ name: title,
322
+ attrs: _this.v3 ? undefined : {
323
+ name: title,
324
+ component: TitleError
325
+ },
326
+ component: TitleError
327
+ }, _this.v3 ? function () {
328
+ return [_this.kendoForm.errors[title]];
329
+ } : [_this.kendoForm.errors[title]])])]), h("div", {
330
+ "class": "k-form-field"
331
+ }, [// @ts-ignore function children
332
+ h(Field, {
333
+ name: _this.ks.fields.start,
334
+ attrs: _this.v3 ? undefined : {
335
+ name: _this.ks.fields.start,
336
+ component: StartLabel,
337
+ editorId: "k-scheduler-editor-start"
338
+ },
339
+ component: StartLabel,
340
+ editorId: "k-scheduler-editor-start"
341
+ }, _this.v3 ? function () {
342
+ return [localization.toLanguageString(editorEventStart, messages[editorEventStart])];
343
+ } : [localization.toLanguageString(editorEventStart, messages[editorEventStart])]), h("div", {
344
+ "class": "k-form-field-wrap",
345
+ style: {
346
+ display: 'flex'
347
+ }
348
+ }, [h("div", [h(Field, {
349
+ id: "k-scheduler-editor-start",
350
+ attrs: _this.v3 ? undefined : {
351
+ id: "k-scheduler-editor-start",
352
+ name: _this.ks.fields.start,
353
+ width: "auto",
354
+ component: StartEditor,
355
+ isAllDay: !!_this.kendoForm.values.isAllDay,
356
+ timezone: _this.ks.timezone
357
+ },
358
+ name: _this.ks.fields.start,
359
+ width: "auto",
360
+ component: StartEditor,
361
+ isAllDay: !!_this.kendoForm.values.isAllDay,
362
+ timezone: _this.ks.timezone
363
+ }), _this.kendoForm.errors[_this.ks.fields.start] && // @ts-ignore function children
364
+ h(Field, {
365
+ name: _this.ks.fields.start,
366
+ attrs: _this.v3 ? undefined : {
367
+ name: _this.ks.fields.start,
368
+ component: StartError
369
+ },
370
+ component: StartError
371
+ }, _this.v3 ? function () {
372
+ return [_this.kendoForm.errors[_this.ks.fields.start]];
373
+ } : [_this.kendoForm.errors[_this.ks.fields.start]])]), "\xA0", timezones.length > 0 && h("div", [h(StartTimezoneCheckedEditor, {
374
+ id: 'k-scheduler-editor-set-start-timezone',
375
+ attrs: _this.v3 ? undefined : {
376
+ id: 'k-scheduler-editor-set-start-timezone',
377
+ value: _this.startZoneChecked
378
+ },
379
+ onChange: _this.handleStartZoneCheckboxChange,
380
+ on: _this.v3 ? undefined : {
381
+ "change": _this.handleStartZoneCheckboxChange
382
+ },
383
+ value: _this.startZoneChecked
384
+ }), "\xA0", // @ts-ignore function children
385
+ h(StartTimezoneCheckedLabel, {
386
+ "class": 'k-checkbox-label',
387
+ editorId: 'k-scheduler-editor-set-start-timezone',
388
+ attrs: _this.v3 ? undefined : {
389
+ editorId: 'k-scheduler-editor-set-start-timezone'
390
+ },
391
+ style: {
392
+ display: 'inline-flex'
393
+ }
394
+ }, _this.v3 ? function () {
395
+ return [localization.toLanguageString(editorEventTimeZone, messages[editorEventTimeZone])];
396
+ } : [localization.toLanguageString(editorEventTimeZone, messages[editorEventTimeZone])])])])]), _this.startZoneChecked && h("div", {
397
+ "class": "k-form-field"
398
+ }, [// @ts-ignore function children
399
+ h(Field, {
400
+ name: _this.ks.fields.start,
401
+ attrs: _this.v3 ? undefined : {
402
+ name: _this.ks.fields.start,
403
+ component: StartTimezoneLabel
404
+ },
405
+ component: StartTimezoneLabel
406
+ }, _this.v3 ? function () {
407
+ return [localization.toLanguageString(editorEventStartTimeZone, messages[editorEventStartTimeZone])];
408
+ } : [localization.toLanguageString(editorEventStartTimeZone, messages[editorEventStartTimeZone])]), h("div", {
409
+ "class": "k-form-field-wrap"
410
+ }, [h(Field, {
411
+ component: StartTimezoneEditor,
412
+ attrs: _this.v3 ? undefined : {
413
+ component: StartTimezoneEditor,
414
+ value: startTimezone,
415
+ validator: _this.startTimezoneValidator,
416
+ dataItems: timezones,
417
+ name: _this.ks.fields.startTimezone
418
+ },
419
+ value: startTimezone,
420
+ validator: _this.startTimezoneValidator,
421
+ dataItems: timezones,
422
+ name: _this.ks.fields.startTimezone
423
+ }), _this.kendoForm.errors[_this.ks.fields.startTimezone] && // @ts-ignore function children
424
+ h(Field, {
425
+ name: _this.ks.fields.startTimezone,
426
+ attrs: _this.v3 ? undefined : {
427
+ name: _this.ks.fields.startTimezone,
428
+ component: StartTimezoneError
429
+ },
430
+ component: StartTimezoneError
431
+ }, _this.v3 ? function () {
432
+ return [_this.kendoForm.errors[_this.ks.fields.startTimezone]];
433
+ } : [_this.kendoForm.errors[_this.ks.fields.startTimezone]])])]), h("div", {
434
+ "class": "k-form-field"
435
+ }, [// @ts-ignore function children
436
+ h(Field, {
437
+ name: _this.ks.fields.end,
438
+ attrs: _this.v3 ? undefined : {
439
+ name: _this.ks.fields.end,
440
+ component: EndLabel,
441
+ editorId: "k-scheduler-editor-end"
442
+ },
443
+ component: EndLabel,
444
+ editorId: "k-scheduler-editor-end"
445
+ }, _this.v3 ? function () {
446
+ return [localization.toLanguageString(editorEventEnd, messages[editorEventEnd])];
447
+ } : [localization.toLanguageString(editorEventEnd, messages[editorEventEnd])]), h("div", {
448
+ "class": "k-form-field-wrap",
449
+ style: {
450
+ display: 'flex'
451
+ }
452
+ }, [h("div", [h(Field, {
453
+ id: "k-scheduler-editor-end",
454
+ attrs: _this.v3 ? undefined : {
455
+ id: "k-scheduler-editor-end",
456
+ name: _this.ks.fields.end,
457
+ width: "auto",
458
+ component: EndEditor,
459
+ isAllDay: !!_this.kendoForm.values.isAllDay,
460
+ timezone: _this.ks.timezone
461
+ },
462
+ name: _this.ks.fields.end,
463
+ width: "auto",
464
+ component: EndEditor,
465
+ isAllDay: !!_this.kendoForm.values.isAllDay,
466
+ timezone: _this.ks.timezone
467
+ }), _this.kendoForm.errors[_this.ks.fields.end] && // @ts-ignore function children
468
+ h(Field, {
469
+ name: _this.ks.fields.end,
470
+ attrs: _this.v3 ? undefined : {
471
+ name: _this.ks.fields.end,
472
+ component: EndError
473
+ },
474
+ component: EndError
475
+ }, _this.v3 ? function () {
476
+ return [_this.kendoForm.errors[_this.ks.fields.end]];
477
+ } : [_this.kendoForm.errors[_this.ks.fields.end]])]), "\xA0", h("div", [_this.startZoneChecked && [h(EndTimezoneCheckedEditor, {
478
+ id: 'k-scheduler-editor-set-end-timezone',
479
+ attrs: _this.v3 ? undefined : {
480
+ id: 'k-scheduler-editor-set-end-timezone',
481
+ value: _this.endZoneChecked
482
+ },
483
+ onChange: _this.handleEndZoneCheckboxChange,
484
+ on: _this.v3 ? undefined : {
485
+ "change": _this.handleEndZoneCheckboxChange
486
+ },
487
+ value: _this.endZoneChecked
488
+ }), // @ts-ignore function children
489
+ h(EndTimezoneCheckedLabel, {
490
+ "class": 'k-checkbox-label',
491
+ editorId: 'k-scheduler-editor-set-end-timezone',
492
+ attrs: _this.v3 ? undefined : {
493
+ editorId: 'k-scheduler-editor-set-end-timezone'
494
+ },
495
+ style: {
496
+ display: 'inline-flex'
497
+ }
498
+ }, _this.v3 ? function () {
499
+ return [localization.toLanguageString(editorEventSeparateTimeZones, messages[editorEventSeparateTimeZones])];
500
+ } : [localization.toLanguageString(editorEventSeparateTimeZones, messages[editorEventSeparateTimeZones])])]])])]), _this.endZoneChecked && h("div", {
501
+ "class": "k-form-field"
502
+ }, [// @ts-ignore function children
503
+ h(Field, {
504
+ name: _this.ks.fields.endTimezone,
505
+ attrs: _this.v3 ? undefined : {
506
+ name: _this.ks.fields.endTimezone,
507
+ component: EndTimezoneLabel
508
+ },
509
+ component: EndTimezoneLabel
510
+ }, _this.v3 ? function () {
511
+ return [localization.toLanguageString(editorEventEndTimeZone, messages[editorEventEndTimeZone])];
512
+ } : [localization.toLanguageString(editorEventEndTimeZone, messages[editorEventEndTimeZone])]), h("div", {
513
+ "class": "k-form-field-wrap"
514
+ }, [h(Field, {
515
+ value: endTimezone,
516
+ attrs: _this.v3 ? undefined : {
517
+ value: endTimezone,
518
+ dataItems: timezones,
519
+ validator: _this.endTimezoneValidator,
520
+ component: EndTimezoneEditor,
521
+ name: _this.ks.fields.endTimezone
522
+ },
523
+ dataItems: timezones,
524
+ validator: _this.endTimezoneValidator,
525
+ component: EndTimezoneEditor,
526
+ name: _this.ks.fields.endTimezone
527
+ }), _this.kendoForm.errors[_this.ks.fields.endTimezone] && // @ts-ignore function children
528
+ h(Field, {
529
+ name: _this.ks.fields.endTimezone,
530
+ attrs: _this.v3 ? undefined : {
531
+ name: _this.ks.fields.endTimezone,
532
+ component: EndTimezoneError
533
+ },
534
+ component: EndTimezoneError
535
+ }, _this.v3 ? function () {
536
+ return [_this.kendoForm.errors[_this.ks.fields.endTimezone]];
537
+ } : [_this.kendoForm.errors[_this.ks.fields.endTimezone]])])]), h("div", {
538
+ "class": "k-form-field"
539
+ }, [h(Field, {
540
+ name: _this.ks.fields.isAllDay,
541
+ attrs: _this.v3 ? undefined : {
542
+ name: _this.ks.fields.isAllDay,
543
+ component: KLabel
544
+ },
545
+ component: KLabel
546
+ }), h("div", {
547
+ "class": "k-form-field-wrap"
548
+ }, [h(Field, {
549
+ id: 'k-is-allday-checkbox',
550
+ attrs: _this.v3 ? undefined : {
551
+ id: 'k-is-allday-checkbox',
552
+ name: _this.ks.fields.isAllDay,
553
+ component: AllDayEditor
554
+ },
555
+ name: _this.ks.fields.isAllDay,
556
+ component: AllDayEditor
557
+ }), "\xA0", // @ts-ignore function children
558
+ h(Field, {
559
+ name: _this.ks.fields.isAllDay,
560
+ attrs: _this.v3 ? undefined : {
561
+ name: _this.ks.fields.isAllDay,
562
+ field: _this.ks.fields.isAllDay,
563
+ editorId: 'k-is-allday-checkbox',
564
+ component: AllDayLabel
565
+ },
566
+ field: _this.ks.fields.isAllDay,
567
+ editorId: 'k-is-allday-checkbox',
568
+ "class": 'k-checkbox-label',
569
+ component: AllDayLabel
570
+ }, _this.v3 ? function () {
571
+ return [localization.toLanguageString(editorEventAllDay, messages[editorEventAllDay])];
572
+ } : [localization.toLanguageString(editorEventAllDay, messages[editorEventAllDay])])])]), h(Field, {
573
+ component: RecurrenceEditor,
574
+ attrs: _this.v3 ? undefined : {
575
+ component: RecurrenceEditor,
576
+ changeOnInput: false,
577
+ field: _this.ks.fields.recurrenceRule,
578
+ name: _this.ks.fields.recurrenceRule,
579
+ start: start
580
+ },
581
+ changeOnInput: false,
582
+ field: _this.ks.fields.recurrenceRule,
583
+ name: _this.ks.fields.recurrenceRule,
584
+ start: start
585
+ }), h("div", {
586
+ "class": "k-form-field"
587
+ }, [// @ts-ignore function children
588
+ h(Field, {
589
+ name: _this.ks.fields.description,
590
+ attrs: _this.v3 ? undefined : {
591
+ name: _this.ks.fields.description,
592
+ component: DescriptionLabel
593
+ },
594
+ component: DescriptionLabel
595
+ }, _this.v3 ? function () {
596
+ return [localization.toLanguageString(editorEventDescription, messages[editorEventDescription])];
597
+ } : [localization.toLanguageString(editorEventDescription, messages[editorEventDescription])]), h("div", {
598
+ "class": "k-form-field-wrap"
599
+ }, [h(Field, {
600
+ component: DescriptionEditor,
601
+ attrs: _this.v3 ? undefined : {
602
+ component: DescriptionEditor,
603
+ name: _this.ks.fields.description,
604
+ rows: 1,
605
+ id: 'k-event-description'
606
+ },
607
+ name: _this.ks.fields.description,
608
+ rows: 1,
609
+ id: 'k-event-description',
610
+ style: {
611
+ width: '100%'
612
+ }
613
+ }), _this.kendoForm.errors[_this.ks.fields.description] && // @ts-ignore function children
614
+ h(Field, {
615
+ name: _this.ks.fields.description,
616
+ attrs: _this.v3 ? undefined : {
617
+ name: _this.ks.fields.description,
618
+ component: DescriptionError
619
+ },
620
+ component: DescriptionError
621
+ }, _this.v3 ? function () {
622
+ return [_this.kendoForm.errors[_this.ks.fields.description]];
623
+ } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (_this.ks.props.resources || []).map(function (resource) {
624
+ return h("div", {
625
+ key: resource.field
626
+ }, [h("div", {
627
+ "class": "k-form-field"
628
+ }, [h(Field, {
629
+ name: resource.field,
630
+ attrs: this.v3 ? undefined : {
631
+ name: resource.field,
632
+ component: ResourceLabel
633
+ },
634
+ component: ResourceLabel
635
+ }), // @ts-ignore function children
636
+ h(Label, this.v3 ? function () {
637
+ return [resource.name];
638
+ } : [resource.name]), h(Field, {
639
+ name: resource.field,
640
+ attrs: this.v3 ? undefined : {
641
+ name: resource.field,
642
+ component: ResourceEditor,
643
+ resource: resource,
644
+ multiple: resource.multiple,
645
+ dataItems: resource.data,
646
+ textField: resource.textField,
647
+ valueField: resource.valueField,
648
+ colorField: resource.colorField
649
+ },
650
+ component: ResourceEditor,
651
+ resource: resource,
652
+ multiple: resource.multiple,
653
+ dataItems: resource.data,
654
+ textField: resource.textField,
655
+ valueField: resource.valueField,
656
+ colorField: resource.colorField
657
+ })])]);
658
+ }, _this), defaultSlots];
659
+ } : [h("div", {
660
+ "class": "k-form-field"
661
+ }, [h(Field, {
296
662
  name: title,
663
+ attrs: _this.v3 ? undefined : {
664
+ name: title,
665
+ component: TitleLabel,
666
+ editorId: 'k-scheduler-editor-title'
667
+ },
297
668
  component: TitleLabel,
298
669
  editorId: 'k-scheduler-editor-title'
299
- },
300
- component: TitleLabel,
301
- editorId: 'k-scheduler-editor-title'
302
- }, this.v3 ? function () {
303
- return [localization.toLanguageString(editorEventTitle, messages[editorEventTitle])];
304
- } : [localization.toLanguageString(editorEventTitle, messages[editorEventTitle])]), h("div", {
305
- "class": "k-form-field-wrap"
306
- }, [h(Field, {
307
- id: "k-scheduler-editor-title",
308
- attrs: this.v3 ? undefined : {
670
+ }, _this.v3 ? function () {
671
+ return [localization.toLanguageString(editorEventTitle, messages[editorEventTitle])];
672
+ } : [localization.toLanguageString(editorEventTitle, messages[editorEventTitle])]), h("div", {
673
+ "class": "k-form-field-wrap"
674
+ }, [h(Field, {
309
675
  id: "k-scheduler-editor-title",
676
+ attrs: _this.v3 ? undefined : {
677
+ id: "k-scheduler-editor-title",
678
+ name: title,
679
+ field: title,
680
+ component: TitleEditor
681
+ },
310
682
  name: title,
311
683
  field: title,
312
684
  component: TitleEditor
313
- },
314
- name: title,
315
- field: title,
316
- component: TitleEditor
317
- }), this.kendoForm.errors[title] && // @ts-ignore function children
318
- h(Field, {
319
- name: title,
320
- attrs: this.v3 ? undefined : {
685
+ }), _this.kendoForm.errors[title] && h(Field, {
321
686
  name: title,
687
+ attrs: _this.v3 ? undefined : {
688
+ name: title,
689
+ component: TitleError
690
+ },
322
691
  component: TitleError
323
- },
324
- component: TitleError
325
- }, this.v3 ? function () {
326
- return [_this.kendoForm.errors[title]];
327
- } : [_this.kendoForm.errors[title]])])]), h("div", {
328
- "class": "k-form-field"
329
- }, [// @ts-ignore function children
330
- h(Field, {
331
- name: this.ks.fields.start,
332
- attrs: this.v3 ? undefined : {
333
- name: this.ks.fields.start,
692
+ }, _this.v3 ? function () {
693
+ return [_this.kendoForm.errors[title]];
694
+ } : [_this.kendoForm.errors[title]])])]), h("div", {
695
+ "class": "k-form-field"
696
+ }, [h(Field, {
697
+ name: _this.ks.fields.start,
698
+ attrs: _this.v3 ? undefined : {
699
+ name: _this.ks.fields.start,
700
+ component: StartLabel,
701
+ editorId: "k-scheduler-editor-start"
702
+ },
334
703
  component: StartLabel,
335
704
  editorId: "k-scheduler-editor-start"
336
- },
337
- component: StartLabel,
338
- editorId: "k-scheduler-editor-start"
339
- }, this.v3 ? function () {
340
- return [localization.toLanguageString(editorEventStart, messages[editorEventStart])];
341
- } : [localization.toLanguageString(editorEventStart, messages[editorEventStart])]), h("div", {
342
- "class": "k-form-field-wrap",
343
- style: {
344
- display: 'flex'
345
- }
346
- }, [h("div", [h(Field, {
347
- id: "k-scheduler-editor-start",
348
- attrs: this.v3 ? undefined : {
705
+ }, _this.v3 ? function () {
706
+ return [localization.toLanguageString(editorEventStart, messages[editorEventStart])];
707
+ } : [localization.toLanguageString(editorEventStart, messages[editorEventStart])]), h("div", {
708
+ "class": "k-form-field-wrap",
709
+ style: {
710
+ display: 'flex'
711
+ }
712
+ }, [h("div", [h(Field, {
349
713
  id: "k-scheduler-editor-start",
350
- name: this.ks.fields.start,
714
+ attrs: _this.v3 ? undefined : {
715
+ id: "k-scheduler-editor-start",
716
+ name: _this.ks.fields.start,
717
+ width: "auto",
718
+ component: StartEditor,
719
+ isAllDay: !!_this.kendoForm.values.isAllDay,
720
+ timezone: _this.ks.timezone
721
+ },
722
+ name: _this.ks.fields.start,
351
723
  width: "auto",
352
724
  component: StartEditor,
353
- isAllDay: !!this.kendoForm.values.isAllDay,
354
- timezone: this.ks.timezone
355
- },
356
- name: this.ks.fields.start,
357
- width: "auto",
358
- component: StartEditor,
359
- isAllDay: !!this.kendoForm.values.isAllDay,
360
- timezone: this.ks.timezone
361
- }), this.kendoForm.errors[this.ks.fields.start] && // @ts-ignore function children
362
- h(Field, {
363
- name: this.ks.fields.start,
364
- attrs: this.v3 ? undefined : {
365
- name: this.ks.fields.start,
725
+ isAllDay: !!_this.kendoForm.values.isAllDay,
726
+ timezone: _this.ks.timezone
727
+ }), _this.kendoForm.errors[_this.ks.fields.start] && h(Field, {
728
+ name: _this.ks.fields.start,
729
+ attrs: _this.v3 ? undefined : {
730
+ name: _this.ks.fields.start,
731
+ component: StartError
732
+ },
366
733
  component: StartError
367
- },
368
- component: StartError
369
- }, this.v3 ? function () {
370
- return [_this.kendoForm.errors[_this.ks.fields.start]];
371
- } : [_this.kendoForm.errors[_this.ks.fields.start]])]), "\xA0", timezones.length > 0 && h("div", [h(StartTimezoneCheckedEditor, {
372
- id: 'k-scheduler-editor-set-start-timezone',
373
- attrs: this.v3 ? undefined : {
734
+ }, _this.v3 ? function () {
735
+ return [_this.kendoForm.errors[_this.ks.fields.start]];
736
+ } : [_this.kendoForm.errors[_this.ks.fields.start]])]), "\xA0", timezones.length > 0 && h("div", [h(StartTimezoneCheckedEditor, {
374
737
  id: 'k-scheduler-editor-set-start-timezone',
375
- value: this.startZoneChecked
376
- },
377
- onChange: this.handleStartZoneCheckboxChange,
378
- on: this.v3 ? undefined : {
379
- "change": this.handleStartZoneCheckboxChange
380
- },
381
- value: this.startZoneChecked
382
- }), "\xA0", // @ts-ignore function children
383
- h(StartTimezoneCheckedLabel, {
384
- "class": 'k-checkbox-label',
385
- editorId: 'k-scheduler-editor-set-start-timezone',
386
- attrs: this.v3 ? undefined : {
387
- editorId: 'k-scheduler-editor-set-start-timezone'
388
- },
389
- style: {
390
- display: 'inline-flex'
391
- }
392
- }, this.v3 ? function () {
393
- return [localization.toLanguageString(editorEventTimeZone, messages[editorEventTimeZone])];
394
- } : [localization.toLanguageString(editorEventTimeZone, messages[editorEventTimeZone])])])])]), this.startZoneChecked && h("div", {
395
- "class": "k-form-field"
396
- }, [// @ts-ignore function children
397
- h(Field, {
398
- name: this.ks.fields.start,
399
- attrs: this.v3 ? undefined : {
400
- name: this.ks.fields.start,
738
+ attrs: _this.v3 ? undefined : {
739
+ id: 'k-scheduler-editor-set-start-timezone',
740
+ value: _this.startZoneChecked
741
+ },
742
+ onChange: _this.handleStartZoneCheckboxChange,
743
+ on: _this.v3 ? undefined : {
744
+ "change": _this.handleStartZoneCheckboxChange
745
+ },
746
+ value: _this.startZoneChecked
747
+ }), "\xA0", h(StartTimezoneCheckedLabel, {
748
+ "class": 'k-checkbox-label',
749
+ editorId: 'k-scheduler-editor-set-start-timezone',
750
+ attrs: _this.v3 ? undefined : {
751
+ editorId: 'k-scheduler-editor-set-start-timezone'
752
+ },
753
+ style: {
754
+ display: 'inline-flex'
755
+ }
756
+ }, _this.v3 ? function () {
757
+ return [localization.toLanguageString(editorEventTimeZone, messages[editorEventTimeZone])];
758
+ } : [localization.toLanguageString(editorEventTimeZone, messages[editorEventTimeZone])])])])]), _this.startZoneChecked && h("div", {
759
+ "class": "k-form-field"
760
+ }, [h(Field, {
761
+ name: _this.ks.fields.start,
762
+ attrs: _this.v3 ? undefined : {
763
+ name: _this.ks.fields.start,
764
+ component: StartTimezoneLabel
765
+ },
401
766
  component: StartTimezoneLabel
402
- },
403
- component: StartTimezoneLabel
404
- }, this.v3 ? function () {
405
- return [localization.toLanguageString(editorEventStartTimeZone, messages[editorEventStartTimeZone])];
406
- } : [localization.toLanguageString(editorEventStartTimeZone, messages[editorEventStartTimeZone])]), h("div", {
407
- "class": "k-form-field-wrap"
408
- }, [h(Field, {
409
- component: StartTimezoneEditor,
410
- attrs: this.v3 ? undefined : {
767
+ }, _this.v3 ? function () {
768
+ return [localization.toLanguageString(editorEventStartTimeZone, messages[editorEventStartTimeZone])];
769
+ } : [localization.toLanguageString(editorEventStartTimeZone, messages[editorEventStartTimeZone])]), h("div", {
770
+ "class": "k-form-field-wrap"
771
+ }, [h(Field, {
411
772
  component: StartTimezoneEditor,
773
+ attrs: _this.v3 ? undefined : {
774
+ component: StartTimezoneEditor,
775
+ value: startTimezone,
776
+ validator: _this.startTimezoneValidator,
777
+ dataItems: timezones,
778
+ name: _this.ks.fields.startTimezone
779
+ },
412
780
  value: startTimezone,
413
- validator: this.startTimezoneValidator,
781
+ validator: _this.startTimezoneValidator,
414
782
  dataItems: timezones,
415
- name: this.ks.fields.startTimezone
416
- },
417
- value: startTimezone,
418
- validator: this.startTimezoneValidator,
419
- dataItems: timezones,
420
- name: this.ks.fields.startTimezone
421
- }), this.kendoForm.errors[this.ks.fields.startTimezone] && // @ts-ignore function children
422
- h(Field, {
423
- name: this.ks.fields.startTimezone,
424
- attrs: this.v3 ? undefined : {
425
- name: this.ks.fields.startTimezone,
783
+ name: _this.ks.fields.startTimezone
784
+ }), _this.kendoForm.errors[_this.ks.fields.startTimezone] && h(Field, {
785
+ name: _this.ks.fields.startTimezone,
786
+ attrs: _this.v3 ? undefined : {
787
+ name: _this.ks.fields.startTimezone,
788
+ component: StartTimezoneError
789
+ },
426
790
  component: StartTimezoneError
427
- },
428
- component: StartTimezoneError
429
- }, this.v3 ? function () {
430
- return [_this.kendoForm.errors[_this.ks.fields.startTimezone]];
431
- } : [_this.kendoForm.errors[_this.ks.fields.startTimezone]])])]), h("div", {
432
- "class": "k-form-field"
433
- }, [// @ts-ignore function children
434
- h(Field, {
435
- name: this.ks.fields.end,
436
- attrs: this.v3 ? undefined : {
437
- name: this.ks.fields.end,
791
+ }, _this.v3 ? function () {
792
+ return [_this.kendoForm.errors[_this.ks.fields.startTimezone]];
793
+ } : [_this.kendoForm.errors[_this.ks.fields.startTimezone]])])]), h("div", {
794
+ "class": "k-form-field"
795
+ }, [h(Field, {
796
+ name: _this.ks.fields.end,
797
+ attrs: _this.v3 ? undefined : {
798
+ name: _this.ks.fields.end,
799
+ component: EndLabel,
800
+ editorId: "k-scheduler-editor-end"
801
+ },
438
802
  component: EndLabel,
439
803
  editorId: "k-scheduler-editor-end"
440
- },
441
- component: EndLabel,
442
- editorId: "k-scheduler-editor-end"
443
- }, this.v3 ? function () {
444
- return [localization.toLanguageString(editorEventEnd, messages[editorEventEnd])];
445
- } : [localization.toLanguageString(editorEventEnd, messages[editorEventEnd])]), h("div", {
446
- "class": "k-form-field-wrap",
447
- style: {
448
- display: 'flex'
449
- }
450
- }, [h("div", [h(Field, {
451
- id: "k-scheduler-editor-end",
452
- attrs: this.v3 ? undefined : {
804
+ }, _this.v3 ? function () {
805
+ return [localization.toLanguageString(editorEventEnd, messages[editorEventEnd])];
806
+ } : [localization.toLanguageString(editorEventEnd, messages[editorEventEnd])]), h("div", {
807
+ "class": "k-form-field-wrap",
808
+ style: {
809
+ display: 'flex'
810
+ }
811
+ }, [h("div", [h(Field, {
453
812
  id: "k-scheduler-editor-end",
454
- name: this.ks.fields.end,
813
+ attrs: _this.v3 ? undefined : {
814
+ id: "k-scheduler-editor-end",
815
+ name: _this.ks.fields.end,
816
+ width: "auto",
817
+ component: EndEditor,
818
+ isAllDay: !!_this.kendoForm.values.isAllDay,
819
+ timezone: _this.ks.timezone
820
+ },
821
+ name: _this.ks.fields.end,
455
822
  width: "auto",
456
823
  component: EndEditor,
457
- isAllDay: !!this.kendoForm.values.isAllDay,
458
- timezone: this.ks.timezone
459
- },
460
- name: this.ks.fields.end,
461
- width: "auto",
462
- component: EndEditor,
463
- isAllDay: !!this.kendoForm.values.isAllDay,
464
- timezone: this.ks.timezone
465
- }), this.kendoForm.errors[this.ks.fields.end] && // @ts-ignore function children
466
- h(Field, {
467
- name: this.ks.fields.end,
468
- attrs: this.v3 ? undefined : {
469
- name: this.ks.fields.end,
824
+ isAllDay: !!_this.kendoForm.values.isAllDay,
825
+ timezone: _this.ks.timezone
826
+ }), _this.kendoForm.errors[_this.ks.fields.end] && h(Field, {
827
+ name: _this.ks.fields.end,
828
+ attrs: _this.v3 ? undefined : {
829
+ name: _this.ks.fields.end,
830
+ component: EndError
831
+ },
470
832
  component: EndError
471
- },
472
- component: EndError
473
- }, this.v3 ? function () {
474
- return [_this.kendoForm.errors[_this.ks.fields.end]];
475
- } : [_this.kendoForm.errors[_this.ks.fields.end]])]), "\xA0", h("div", [this.startZoneChecked && [h(EndTimezoneCheckedEditor, {
476
- id: 'k-scheduler-editor-set-end-timezone',
477
- attrs: this.v3 ? undefined : {
833
+ }, _this.v3 ? function () {
834
+ return [_this.kendoForm.errors[_this.ks.fields.end]];
835
+ } : [_this.kendoForm.errors[_this.ks.fields.end]])]), "\xA0", h("div", [_this.startZoneChecked && [h(EndTimezoneCheckedEditor, {
478
836
  id: 'k-scheduler-editor-set-end-timezone',
479
- value: this.endZoneChecked
480
- },
481
- onChange: this.handleEndZoneCheckboxChange,
482
- on: this.v3 ? undefined : {
483
- "change": this.handleEndZoneCheckboxChange
484
- },
485
- value: this.endZoneChecked
486
- }), // @ts-ignore function children
487
- h(EndTimezoneCheckedLabel, {
488
- "class": 'k-checkbox-label',
489
- editorId: 'k-scheduler-editor-set-end-timezone',
490
- attrs: this.v3 ? undefined : {
491
- editorId: 'k-scheduler-editor-set-end-timezone'
492
- },
493
- style: {
494
- display: 'inline-flex'
495
- }
496
- }, this.v3 ? function () {
497
- return [localization.toLanguageString(editorEventSeparateTimeZones, messages[editorEventSeparateTimeZones])];
498
- } : [localization.toLanguageString(editorEventSeparateTimeZones, messages[editorEventSeparateTimeZones])])]])])]), this.endZoneChecked && h("div", {
499
- "class": "k-form-field"
500
- }, [// @ts-ignore function children
501
- h(Field, {
502
- name: this.ks.fields.endTimezone,
503
- attrs: this.v3 ? undefined : {
504
- name: this.ks.fields.endTimezone,
837
+ attrs: _this.v3 ? undefined : {
838
+ id: 'k-scheduler-editor-set-end-timezone',
839
+ value: _this.endZoneChecked
840
+ },
841
+ onChange: _this.handleEndZoneCheckboxChange,
842
+ on: _this.v3 ? undefined : {
843
+ "change": _this.handleEndZoneCheckboxChange
844
+ },
845
+ value: _this.endZoneChecked
846
+ }), h(EndTimezoneCheckedLabel, {
847
+ "class": 'k-checkbox-label',
848
+ editorId: 'k-scheduler-editor-set-end-timezone',
849
+ attrs: _this.v3 ? undefined : {
850
+ editorId: 'k-scheduler-editor-set-end-timezone'
851
+ },
852
+ style: {
853
+ display: 'inline-flex'
854
+ }
855
+ }, _this.v3 ? function () {
856
+ return [localization.toLanguageString(editorEventSeparateTimeZones, messages[editorEventSeparateTimeZones])];
857
+ } : [localization.toLanguageString(editorEventSeparateTimeZones, messages[editorEventSeparateTimeZones])])]])])]), _this.endZoneChecked && h("div", {
858
+ "class": "k-form-field"
859
+ }, [h(Field, {
860
+ name: _this.ks.fields.endTimezone,
861
+ attrs: _this.v3 ? undefined : {
862
+ name: _this.ks.fields.endTimezone,
863
+ component: EndTimezoneLabel
864
+ },
505
865
  component: EndTimezoneLabel
506
- },
507
- component: EndTimezoneLabel
508
- }, this.v3 ? function () {
509
- return [localization.toLanguageString(editorEventEndTimeZone, messages[editorEventEndTimeZone])];
510
- } : [localization.toLanguageString(editorEventEndTimeZone, messages[editorEventEndTimeZone])]), h("div", {
511
- "class": "k-form-field-wrap"
512
- }, [h(Field, {
513
- value: endTimezone,
514
- attrs: this.v3 ? undefined : {
866
+ }, _this.v3 ? function () {
867
+ return [localization.toLanguageString(editorEventEndTimeZone, messages[editorEventEndTimeZone])];
868
+ } : [localization.toLanguageString(editorEventEndTimeZone, messages[editorEventEndTimeZone])]), h("div", {
869
+ "class": "k-form-field-wrap"
870
+ }, [h(Field, {
515
871
  value: endTimezone,
872
+ attrs: _this.v3 ? undefined : {
873
+ value: endTimezone,
874
+ dataItems: timezones,
875
+ validator: _this.endTimezoneValidator,
876
+ component: EndTimezoneEditor,
877
+ name: _this.ks.fields.endTimezone
878
+ },
516
879
  dataItems: timezones,
517
- validator: this.endTimezoneValidator,
880
+ validator: _this.endTimezoneValidator,
518
881
  component: EndTimezoneEditor,
519
- name: this.ks.fields.endTimezone
520
- },
521
- dataItems: timezones,
522
- validator: this.endTimezoneValidator,
523
- component: EndTimezoneEditor,
524
- name: this.ks.fields.endTimezone
525
- }), this.kendoForm.errors[this.ks.fields.endTimezone] && // @ts-ignore function children
526
- h(Field, {
527
- name: this.ks.fields.endTimezone,
528
- attrs: this.v3 ? undefined : {
529
- name: this.ks.fields.endTimezone,
882
+ name: _this.ks.fields.endTimezone
883
+ }), _this.kendoForm.errors[_this.ks.fields.endTimezone] && h(Field, {
884
+ name: _this.ks.fields.endTimezone,
885
+ attrs: _this.v3 ? undefined : {
886
+ name: _this.ks.fields.endTimezone,
887
+ component: EndTimezoneError
888
+ },
530
889
  component: EndTimezoneError
531
- },
532
- component: EndTimezoneError
533
- }, this.v3 ? function () {
534
- return [_this.kendoForm.errors[_this.ks.fields.endTimezone]];
535
- } : [_this.kendoForm.errors[_this.ks.fields.endTimezone]])])]), h("div", {
536
- "class": "k-form-field"
537
- }, [h(Field, {
538
- name: this.ks.fields.isAllDay,
539
- attrs: this.v3 ? undefined : {
540
- name: this.ks.fields.isAllDay,
890
+ }, _this.v3 ? function () {
891
+ return [_this.kendoForm.errors[_this.ks.fields.endTimezone]];
892
+ } : [_this.kendoForm.errors[_this.ks.fields.endTimezone]])])]), h("div", {
893
+ "class": "k-form-field"
894
+ }, [h(Field, {
895
+ name: _this.ks.fields.isAllDay,
896
+ attrs: _this.v3 ? undefined : {
897
+ name: _this.ks.fields.isAllDay,
898
+ component: KLabel
899
+ },
541
900
  component: KLabel
542
- },
543
- component: KLabel
544
- }), h("div", {
545
- "class": "k-form-field-wrap"
546
- }, [h(Field, {
547
- id: 'k-is-allday-checkbox',
548
- attrs: this.v3 ? undefined : {
901
+ }), h("div", {
902
+ "class": "k-form-field-wrap"
903
+ }, [h(Field, {
549
904
  id: 'k-is-allday-checkbox',
550
- name: this.ks.fields.isAllDay,
905
+ attrs: _this.v3 ? undefined : {
906
+ id: 'k-is-allday-checkbox',
907
+ name: _this.ks.fields.isAllDay,
908
+ component: AllDayEditor
909
+ },
910
+ name: _this.ks.fields.isAllDay,
551
911
  component: AllDayEditor
552
- },
553
- name: this.ks.fields.isAllDay,
554
- component: AllDayEditor
555
- }), "\xA0", // @ts-ignore function children
556
- h(Field, {
557
- name: this.ks.fields.isAllDay,
558
- attrs: this.v3 ? undefined : {
559
- name: this.ks.fields.isAllDay,
560
- field: this.ks.fields.isAllDay,
912
+ }), "\xA0", h(Field, {
913
+ name: _this.ks.fields.isAllDay,
914
+ attrs: _this.v3 ? undefined : {
915
+ name: _this.ks.fields.isAllDay,
916
+ field: _this.ks.fields.isAllDay,
917
+ editorId: 'k-is-allday-checkbox',
918
+ component: AllDayLabel
919
+ },
920
+ field: _this.ks.fields.isAllDay,
561
921
  editorId: 'k-is-allday-checkbox',
922
+ "class": 'k-checkbox-label',
562
923
  component: AllDayLabel
563
- },
564
- field: this.ks.fields.isAllDay,
565
- editorId: 'k-is-allday-checkbox',
566
- "class": 'k-checkbox-label',
567
- component: AllDayLabel
568
- }, this.v3 ? function () {
569
- return [localization.toLanguageString(editorEventAllDay, messages[editorEventAllDay])];
570
- } : [localization.toLanguageString(editorEventAllDay, messages[editorEventAllDay])])])]), h(Field, {
571
- component: RecurrenceEditor,
572
- attrs: this.v3 ? undefined : {
924
+ }, _this.v3 ? function () {
925
+ return [localization.toLanguageString(editorEventAllDay, messages[editorEventAllDay])];
926
+ } : [localization.toLanguageString(editorEventAllDay, messages[editorEventAllDay])])])]), h(Field, {
573
927
  component: RecurrenceEditor,
928
+ attrs: _this.v3 ? undefined : {
929
+ component: RecurrenceEditor,
930
+ changeOnInput: false,
931
+ field: _this.ks.fields.recurrenceRule,
932
+ name: _this.ks.fields.recurrenceRule,
933
+ start: start
934
+ },
574
935
  changeOnInput: false,
575
- field: this.ks.fields.recurrenceRule,
576
- name: this.ks.fields.recurrenceRule,
936
+ field: _this.ks.fields.recurrenceRule,
937
+ name: _this.ks.fields.recurrenceRule,
577
938
  start: start
578
- },
579
- changeOnInput: false,
580
- field: this.ks.fields.recurrenceRule,
581
- name: this.ks.fields.recurrenceRule,
582
- start: start
583
- }), h("div", {
584
- "class": "k-form-field"
585
- }, [// @ts-ignore function children
586
- h(Field, {
587
- name: this.ks.fields.description,
588
- attrs: this.v3 ? undefined : {
589
- name: this.ks.fields.description,
939
+ }), h("div", {
940
+ "class": "k-form-field"
941
+ }, [h(Field, {
942
+ name: _this.ks.fields.description,
943
+ attrs: _this.v3 ? undefined : {
944
+ name: _this.ks.fields.description,
945
+ component: DescriptionLabel
946
+ },
590
947
  component: DescriptionLabel
591
- },
592
- component: DescriptionLabel
593
- }, this.v3 ? function () {
594
- return [localization.toLanguageString(editorEventDescription, messages[editorEventDescription])];
595
- } : [localization.toLanguageString(editorEventDescription, messages[editorEventDescription])]), h("div", {
596
- "class": "k-form-field-wrap"
597
- }, [h(Field, {
598
- component: DescriptionEditor,
599
- attrs: this.v3 ? undefined : {
948
+ }, _this.v3 ? function () {
949
+ return [localization.toLanguageString(editorEventDescription, messages[editorEventDescription])];
950
+ } : [localization.toLanguageString(editorEventDescription, messages[editorEventDescription])]), h("div", {
951
+ "class": "k-form-field-wrap"
952
+ }, [h(Field, {
600
953
  component: DescriptionEditor,
601
- name: this.ks.fields.description,
954
+ attrs: _this.v3 ? undefined : {
955
+ component: DescriptionEditor,
956
+ name: _this.ks.fields.description,
957
+ rows: 1,
958
+ id: 'k-event-description'
959
+ },
960
+ name: _this.ks.fields.description,
602
961
  rows: 1,
603
- id: 'k-event-description'
604
- },
605
- name: this.ks.fields.description,
606
- rows: 1,
607
- id: 'k-event-description',
608
- style: {
609
- width: '100%'
610
- }
611
- }), this.kendoForm.errors[this.ks.fields.description] && // @ts-ignore function children
612
- h(Field, {
613
- name: this.ks.fields.description,
614
- attrs: this.v3 ? undefined : {
615
- name: this.ks.fields.description,
962
+ id: 'k-event-description',
963
+ style: {
964
+ width: '100%'
965
+ }
966
+ }), _this.kendoForm.errors[_this.ks.fields.description] && h(Field, {
967
+ name: _this.ks.fields.description,
968
+ attrs: _this.v3 ? undefined : {
969
+ name: _this.ks.fields.description,
970
+ component: DescriptionError
971
+ },
616
972
  component: DescriptionError
617
- },
618
- component: DescriptionError
619
- }, this.v3 ? function () {
620
- return [_this.kendoForm.errors[_this.ks.fields.description]];
621
- } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (this.ks.props.resources || []).map(function (resource) {
622
- return h("div", {
623
- key: resource.field
624
- }, [h("div", {
625
- "class": "k-form-field"
626
- }, [h(Field, {
627
- name: resource.field,
628
- attrs: this.v3 ? undefined : {
973
+ }, _this.v3 ? function () {
974
+ return [_this.kendoForm.errors[_this.ks.fields.description]];
975
+ } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (_this.ks.props.resources || []).map(function (resource) {
976
+ return h("div", {
977
+ key: resource.field
978
+ }, [h("div", {
979
+ "class": "k-form-field"
980
+ }, [h(Field, {
629
981
  name: resource.field,
982
+ attrs: this.v3 ? undefined : {
983
+ name: resource.field,
984
+ component: ResourceLabel
985
+ },
630
986
  component: ResourceLabel
631
- },
632
- component: ResourceLabel
633
- }), // @ts-ignore function children
634
- h(Label, this.v3 ? function () {
635
- return [resource.name];
636
- } : [resource.name]), h(Field, {
637
- name: resource.field,
638
- attrs: this.v3 ? undefined : {
987
+ }), h(Label, this.v3 ? function () {
988
+ return [resource.name];
989
+ } : [resource.name]), h(Field, {
639
990
  name: resource.field,
991
+ attrs: this.v3 ? undefined : {
992
+ name: resource.field,
993
+ component: ResourceEditor,
994
+ resource: resource,
995
+ multiple: resource.multiple,
996
+ dataItems: resource.data,
997
+ textField: resource.textField,
998
+ valueField: resource.valueField,
999
+ colorField: resource.colorField
1000
+ },
640
1001
  component: ResourceEditor,
641
1002
  resource: resource,
642
1003
  multiple: resource.multiple,
@@ -644,16 +1005,9 @@ var SchedulerFormEditorVue2 = {
644
1005
  textField: resource.textField,
645
1006
  valueField: resource.valueField,
646
1007
  colorField: resource.colorField
647
- },
648
- component: ResourceEditor,
649
- resource: resource,
650
- multiple: resource.multiple,
651
- dataItems: resource.data,
652
- textField: resource.textField,
653
- valueField: resource.valueField,
654
- colorField: resource.colorField
655
- })])]);
656
- }, this)]);
1008
+ })])]);
1009
+ }, _this), defaultSlots])
1010
+ );
657
1011
  },
658
1012
  methods: {
659
1013
  handleStartZoneCheckboxChange: function handleStartZoneCheckboxChange(e) {