@progress/kendo-vue-editor 3.7.4-dev.202301151601 → 3.7.4-dev.202301171215

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 (15) hide show
  1. package/NOTICE.txt +11 -11
  2. package/dist/cdn/js/kendo-vue-editor.js +1 -1
  3. package/dist/es/dialogs/insertImage.js +949 -115
  4. package/dist/es/dialogs/insertLink.js +572 -68
  5. package/dist/es/dialogs/viewHtml.js +40 -19
  6. package/dist/es/package-metadata.js +1 -1
  7. package/dist/esm/dialogs/insertImage.js +949 -115
  8. package/dist/esm/dialogs/insertLink.js +572 -68
  9. package/dist/esm/dialogs/viewHtml.js +40 -19
  10. package/dist/esm/package-metadata.js +1 -1
  11. package/dist/npm/dialogs/insertImage.js +949 -115
  12. package/dist/npm/dialogs/insertLink.js +572 -68
  13. package/dist/npm/dialogs/viewHtml.js +39 -18
  14. package/dist/npm/package-metadata.js +1 -1
  15. package/package.json +13 -12
package/dist/esm/dialogs/insertImage.js CHANGED
@@ -9,6 +9,8 @@ import { NodeSelection, insertNode } from '@progress/kendo-editor-common';
9
9
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
10
10
  import { messages } from '../messages/main.js';
11
11
  import { getRef, setRef } from '@progress/kendo-vue-common';
12
+ import { Form as KForm, FormElement, FieldWrapper } from '@progress/kendo-vue-form';
13
+ import { Input } from '@progress/kendo-vue-inputs';
12
14
  /**
13
15
  * @hidden
14
16
  */
@@ -29,8 +31,20 @@ var InsertImageDialogVue2 = {
29
31
  }
30
32
  },
31
33
  data: function data() {
34
+ var _a = this.$props,
35
+ view = _a.view,
36
+ settings = _a.settings;
37
+ var state = view && view.state;
38
+ var attrs = {};
39
+ if (state && state.selection instanceof NodeSelection && state.selection.node.type === state.schema.nodes[settings.node]) {
40
+ attrs = state.selection.node.attrs;
41
+ }
32
42
  return {
33
- srcValue: ''
43
+ srcValue: attrs.src,
44
+ altValue: attrs.alt,
45
+ titleValue: attrs.title,
46
+ widthValue: attrs.width,
47
+ heightValue: attrs.height
34
48
  };
35
49
  },
36
50
  mounted: function mounted() {
@@ -73,133 +87,941 @@ var InsertImageDialogVue2 = {
73
87
  if (state && state.selection instanceof NodeSelection && state.selection.node.type === state.schema.nodes[settings.node]) {
74
88
  attrs = state.selection.node.attrs;
75
89
  }
76
- var content = h("div", {
77
- "class": "k-edit-form-container"
78
- }, [h("div", {
79
- "class": "k-edit-label"
80
- }, [h("label", {
81
- "for": "k-editor-image-url",
82
- attrs: this.v3 ? undefined : {
83
- "for": "k-editor-image-url"
90
+ var content =
91
+ // @ts-ignore function children
92
+ h(KForm, this.v3 ? function () {
93
+ return [
94
+ // @ts-ignore function children
95
+ h(FormElement, {
96
+ horizontal: true,
97
+ attrs: _this.v3 ? undefined : {
98
+ horizontal: true
99
+ }
100
+ }, _this.v3 ? function () {
101
+ return [
102
+ // @ts-ignore function children
103
+ h(FieldWrapper, _this.v3 ? function () {
104
+ return [h("label", {
105
+ "for": 'k-editor-image-url',
106
+ attrs: _this.v3 ? undefined : {
107
+ "for": 'k-editor-image-url'
108
+ },
109
+ "class": 'k-form-label'
110
+ }, [localization.toLanguageString(insertImageAddress, messages[insertImageAddress])]), h("div", {
111
+ "class": 'k-form-field-wrap'
112
+ }, [h(Input, {
113
+ type: "text",
114
+ attrs: _this.v3 ? undefined : {
115
+ type: "text",
116
+ id: 'k-editor-image-url',
117
+ value: _this.srcValue
118
+ },
119
+ id: 'k-editor-image-url',
120
+ value: _this.srcValue,
121
+ onInput: _this.handleSrcInput,
122
+ on: _this.v3 ? undefined : {
123
+ "input": _this.handleSrcInput
124
+ },
125
+ ref: setRef(_this, 'src')
126
+ })])];
127
+ } : [h("label", {
128
+ "for": 'k-editor-image-url',
129
+ attrs: _this.v3 ? undefined : {
130
+ "for": 'k-editor-image-url'
131
+ },
132
+ "class": 'k-form-label'
133
+ }, [localization.toLanguageString(insertImageAddress, messages[insertImageAddress])]), h("div", {
134
+ "class": 'k-form-field-wrap'
135
+ }, [h(Input, {
136
+ type: "text",
137
+ attrs: _this.v3 ? undefined : {
138
+ type: "text",
139
+ id: 'k-editor-image-url',
140
+ value: _this.srcValue
141
+ },
142
+ id: 'k-editor-image-url',
143
+ value: _this.srcValue,
144
+ onInput: _this.handleSrcInput,
145
+ on: _this.v3 ? undefined : {
146
+ "input": _this.handleSrcInput
147
+ },
148
+ ref: setRef(_this, 'src')
149
+ })])]),
150
+ // @ts-ignore function children
151
+ h(FieldWrapper, _this.v3 ? function () {
152
+ return [h("label", {
153
+ "for": 'k-editor-image-url',
154
+ attrs: _this.v3 ? undefined : {
155
+ "for": 'k-editor-image-url'
156
+ },
157
+ "class": 'k-form-label'
158
+ }, [localization.toLanguageString(insertImageAltText, messages[insertImageAltText])]), h("div", {
159
+ "class": 'k-form-field-wrap'
160
+ }, [h(Input, {
161
+ type: 'text',
162
+ attrs: _this.v3 ? undefined : {
163
+ type: 'text',
164
+ id: "k-editor-image-alt",
165
+ value: _this.altValue
166
+ },
167
+ id: "k-editor-image-alt",
168
+ value: _this.altValue,
169
+ onInput: _this.handleAltInput,
170
+ on: _this.v3 ? undefined : {
171
+ "input": _this.handleAltInput
172
+ },
173
+ ref: setRef(_this, 'altText')
174
+ })])];
175
+ } : [h("label", {
176
+ "for": 'k-editor-image-url',
177
+ attrs: _this.v3 ? undefined : {
178
+ "for": 'k-editor-image-url'
179
+ },
180
+ "class": 'k-form-label'
181
+ }, [localization.toLanguageString(insertImageAltText, messages[insertImageAltText])]), h("div", {
182
+ "class": 'k-form-field-wrap'
183
+ }, [h(Input, {
184
+ type: 'text',
185
+ attrs: _this.v3 ? undefined : {
186
+ type: 'text',
187
+ id: "k-editor-image-alt",
188
+ value: _this.altValue
189
+ },
190
+ id: "k-editor-image-alt",
191
+ value: _this.altValue,
192
+ onInput: _this.handleAltInput,
193
+ on: _this.v3 ? undefined : {
194
+ "input": _this.handleAltInput
195
+ },
196
+ ref: setRef(_this, 'altText')
197
+ })])]),
198
+ // @ts-ignore function children
199
+ h(FieldWrapper, _this.v3 ? function () {
200
+ return [h("label", {
201
+ htmlFor: 'k-editor-image-title',
202
+ attrs: _this.v3 ? undefined : {
203
+ htmlFor: 'k-editor-image-title'
204
+ },
205
+ "class": 'k-form-label'
206
+ }, [localization.toLanguageString(insertImageTitle, messages[insertImageTitle])]), h("div", {
207
+ "class": 'k-form-field-wrap'
208
+ }, [h(Input, {
209
+ type: 'text',
210
+ attrs: _this.v3 ? undefined : {
211
+ type: 'text',
212
+ id: "k-editor-image-title",
213
+ value: _this.titleValue
214
+ },
215
+ id: "k-editor-image-title",
216
+ value: _this.titleValue,
217
+ onInput: _this.handleTitleInput,
218
+ on: _this.v3 ? undefined : {
219
+ "input": _this.handleTitleInput
220
+ },
221
+ ref: setRef(_this, 'title')
222
+ })])];
223
+ } : [h("label", {
224
+ htmlFor: 'k-editor-image-title',
225
+ attrs: _this.v3 ? undefined : {
226
+ htmlFor: 'k-editor-image-title'
227
+ },
228
+ "class": 'k-form-label'
229
+ }, [localization.toLanguageString(insertImageTitle, messages[insertImageTitle])]), h("div", {
230
+ "class": 'k-form-field-wrap'
231
+ }, [h(Input, {
232
+ type: 'text',
233
+ attrs: _this.v3 ? undefined : {
234
+ type: 'text',
235
+ id: "k-editor-image-title",
236
+ value: _this.titleValue
237
+ },
238
+ id: "k-editor-image-title",
239
+ value: _this.titleValue,
240
+ onInput: _this.handleTitleInput,
241
+ on: _this.v3 ? undefined : {
242
+ "input": _this.handleTitleInput
243
+ },
244
+ ref: setRef(_this, 'title')
245
+ })])]),
246
+ // @ts-ignore function children
247
+ h(FieldWrapper, _this.v3 ? function () {
248
+ return [h("label", {
249
+ "for": 'k-editor-image-width',
250
+ attrs: _this.v3 ? undefined : {
251
+ "for": 'k-editor-image-width'
252
+ },
253
+ "class": 'k-form-label'
254
+ }, [localization.toLanguageString(insertImageWidth, messages[insertImageWidth])]), h("div", {
255
+ "class": 'k-form-field-wrap'
256
+ }, [h(Input, {
257
+ type: 'text',
258
+ attrs: _this.v3 ? undefined : {
259
+ type: 'text',
260
+ id: "k-editor-image-width",
261
+ value: _this.widthValue
262
+ },
263
+ id: "k-editor-image-width",
264
+ value: _this.widthValue,
265
+ onInput: _this.handleWidthInput,
266
+ on: _this.v3 ? undefined : {
267
+ "input": _this.handleWidthInput
268
+ },
269
+ ref: setRef(_this, 'width')
270
+ })])];
271
+ } : [h("label", {
272
+ "for": 'k-editor-image-width',
273
+ attrs: _this.v3 ? undefined : {
274
+ "for": 'k-editor-image-width'
275
+ },
276
+ "class": 'k-form-label'
277
+ }, [localization.toLanguageString(insertImageWidth, messages[insertImageWidth])]), h("div", {
278
+ "class": 'k-form-field-wrap'
279
+ }, [h(Input, {
280
+ type: 'text',
281
+ attrs: _this.v3 ? undefined : {
282
+ type: 'text',
283
+ id: "k-editor-image-width",
284
+ value: _this.widthValue
285
+ },
286
+ id: "k-editor-image-width",
287
+ value: _this.widthValue,
288
+ onInput: _this.handleWidthInput,
289
+ on: _this.v3 ? undefined : {
290
+ "input": _this.handleWidthInput
291
+ },
292
+ ref: setRef(_this, 'width')
293
+ })])]),
294
+ // @ts-ignore function children
295
+ h(FieldWrapper, _this.v3 ? function () {
296
+ return [h("label", {
297
+ htmlFor: 'k-editor-image-height',
298
+ attrs: _this.v3 ? undefined : {
299
+ htmlFor: 'k-editor-image-height'
300
+ },
301
+ "class": 'k-form-label'
302
+ }, [localization.toLanguageString(insertImageHeight, messages[insertImageHeight])]), h("div", {
303
+ "class": 'k-form-field-wrap'
304
+ }, [h(Input, {
305
+ id: "k-editor-image-height",
306
+ attrs: _this.v3 ? undefined : {
307
+ id: "k-editor-image-height",
308
+ value: _this.heightValue
309
+ },
310
+ value: _this.heightValue,
311
+ onInput: _this.handleHeightInput,
312
+ on: _this.v3 ? undefined : {
313
+ "input": _this.handleHeightInput
314
+ },
315
+ ref: setRef(_this, 'height')
316
+ })])];
317
+ } : [h("label", {
318
+ htmlFor: 'k-editor-image-height',
319
+ attrs: _this.v3 ? undefined : {
320
+ htmlFor: 'k-editor-image-height'
321
+ },
322
+ "class": 'k-form-label'
323
+ }, [localization.toLanguageString(insertImageHeight, messages[insertImageHeight])]), h("div", {
324
+ "class": 'k-form-field-wrap'
325
+ }, [h(Input, {
326
+ id: "k-editor-image-height",
327
+ attrs: _this.v3 ? undefined : {
328
+ id: "k-editor-image-height",
329
+ value: _this.heightValue
330
+ },
331
+ value: _this.heightValue,
332
+ onInput: _this.handleHeightInput,
333
+ on: _this.v3 ? undefined : {
334
+ "input": _this.handleHeightInput
335
+ },
336
+ ref: setRef(_this, 'height')
337
+ })])])];
338
+ } : [h(FieldWrapper, _this.v3 ? function () {
339
+ return [h("label", {
340
+ "for": 'k-editor-image-url',
341
+ attrs: _this.v3 ? undefined : {
342
+ "for": 'k-editor-image-url'
343
+ },
344
+ "class": 'k-form-label'
345
+ }, [localization.toLanguageString(insertImageAddress, messages[insertImageAddress])]), h("div", {
346
+ "class": 'k-form-field-wrap'
347
+ }, [h(Input, {
348
+ type: "text",
349
+ attrs: _this.v3 ? undefined : {
350
+ type: "text",
351
+ id: 'k-editor-image-url',
352
+ value: _this.srcValue
353
+ },
354
+ id: 'k-editor-image-url',
355
+ value: _this.srcValue,
356
+ onInput: _this.handleSrcInput,
357
+ on: _this.v3 ? undefined : {
358
+ "input": _this.handleSrcInput
359
+ },
360
+ ref: setRef(_this, 'src')
361
+ })])];
362
+ } : [h("label", {
363
+ "for": 'k-editor-image-url',
364
+ attrs: _this.v3 ? undefined : {
365
+ "for": 'k-editor-image-url'
366
+ },
367
+ "class": 'k-form-label'
368
+ }, [localization.toLanguageString(insertImageAddress, messages[insertImageAddress])]), h("div", {
369
+ "class": 'k-form-field-wrap'
370
+ }, [h(Input, {
371
+ type: "text",
372
+ attrs: _this.v3 ? undefined : {
373
+ type: "text",
374
+ id: 'k-editor-image-url',
375
+ value: _this.srcValue
376
+ },
377
+ id: 'k-editor-image-url',
378
+ value: _this.srcValue,
379
+ onInput: _this.handleSrcInput,
380
+ on: _this.v3 ? undefined : {
381
+ "input": _this.handleSrcInput
382
+ },
383
+ ref: setRef(_this, 'src')
384
+ })])]), h(FieldWrapper, _this.v3 ? function () {
385
+ return [h("label", {
386
+ "for": 'k-editor-image-url',
387
+ attrs: _this.v3 ? undefined : {
388
+ "for": 'k-editor-image-url'
389
+ },
390
+ "class": 'k-form-label'
391
+ }, [localization.toLanguageString(insertImageAltText, messages[insertImageAltText])]), h("div", {
392
+ "class": 'k-form-field-wrap'
393
+ }, [h(Input, {
394
+ type: 'text',
395
+ attrs: _this.v3 ? undefined : {
396
+ type: 'text',
397
+ id: "k-editor-image-alt",
398
+ value: _this.altValue
399
+ },
400
+ id: "k-editor-image-alt",
401
+ value: _this.altValue,
402
+ onInput: _this.handleAltInput,
403
+ on: _this.v3 ? undefined : {
404
+ "input": _this.handleAltInput
405
+ },
406
+ ref: setRef(_this, 'altText')
407
+ })])];
408
+ } : [h("label", {
409
+ "for": 'k-editor-image-url',
410
+ attrs: _this.v3 ? undefined : {
411
+ "for": 'k-editor-image-url'
412
+ },
413
+ "class": 'k-form-label'
414
+ }, [localization.toLanguageString(insertImageAltText, messages[insertImageAltText])]), h("div", {
415
+ "class": 'k-form-field-wrap'
416
+ }, [h(Input, {
417
+ type: 'text',
418
+ attrs: _this.v3 ? undefined : {
419
+ type: 'text',
420
+ id: "k-editor-image-alt",
421
+ value: _this.altValue
422
+ },
423
+ id: "k-editor-image-alt",
424
+ value: _this.altValue,
425
+ onInput: _this.handleAltInput,
426
+ on: _this.v3 ? undefined : {
427
+ "input": _this.handleAltInput
428
+ },
429
+ ref: setRef(_this, 'altText')
430
+ })])]), h(FieldWrapper, _this.v3 ? function () {
431
+ return [h("label", {
432
+ htmlFor: 'k-editor-image-title',
433
+ attrs: _this.v3 ? undefined : {
434
+ htmlFor: 'k-editor-image-title'
435
+ },
436
+ "class": 'k-form-label'
437
+ }, [localization.toLanguageString(insertImageTitle, messages[insertImageTitle])]), h("div", {
438
+ "class": 'k-form-field-wrap'
439
+ }, [h(Input, {
440
+ type: 'text',
441
+ attrs: _this.v3 ? undefined : {
442
+ type: 'text',
443
+ id: "k-editor-image-title",
444
+ value: _this.titleValue
445
+ },
446
+ id: "k-editor-image-title",
447
+ value: _this.titleValue,
448
+ onInput: _this.handleTitleInput,
449
+ on: _this.v3 ? undefined : {
450
+ "input": _this.handleTitleInput
451
+ },
452
+ ref: setRef(_this, 'title')
453
+ })])];
454
+ } : [h("label", {
455
+ htmlFor: 'k-editor-image-title',
456
+ attrs: _this.v3 ? undefined : {
457
+ htmlFor: 'k-editor-image-title'
458
+ },
459
+ "class": 'k-form-label'
460
+ }, [localization.toLanguageString(insertImageTitle, messages[insertImageTitle])]), h("div", {
461
+ "class": 'k-form-field-wrap'
462
+ }, [h(Input, {
463
+ type: 'text',
464
+ attrs: _this.v3 ? undefined : {
465
+ type: 'text',
466
+ id: "k-editor-image-title",
467
+ value: _this.titleValue
468
+ },
469
+ id: "k-editor-image-title",
470
+ value: _this.titleValue,
471
+ onInput: _this.handleTitleInput,
472
+ on: _this.v3 ? undefined : {
473
+ "input": _this.handleTitleInput
474
+ },
475
+ ref: setRef(_this, 'title')
476
+ })])]), h(FieldWrapper, _this.v3 ? function () {
477
+ return [h("label", {
478
+ "for": 'k-editor-image-width',
479
+ attrs: _this.v3 ? undefined : {
480
+ "for": 'k-editor-image-width'
481
+ },
482
+ "class": 'k-form-label'
483
+ }, [localization.toLanguageString(insertImageWidth, messages[insertImageWidth])]), h("div", {
484
+ "class": 'k-form-field-wrap'
485
+ }, [h(Input, {
486
+ type: 'text',
487
+ attrs: _this.v3 ? undefined : {
488
+ type: 'text',
489
+ id: "k-editor-image-width",
490
+ value: _this.widthValue
491
+ },
492
+ id: "k-editor-image-width",
493
+ value: _this.widthValue,
494
+ onInput: _this.handleWidthInput,
495
+ on: _this.v3 ? undefined : {
496
+ "input": _this.handleWidthInput
497
+ },
498
+ ref: setRef(_this, 'width')
499
+ })])];
500
+ } : [h("label", {
501
+ "for": 'k-editor-image-width',
502
+ attrs: _this.v3 ? undefined : {
503
+ "for": 'k-editor-image-width'
504
+ },
505
+ "class": 'k-form-label'
506
+ }, [localization.toLanguageString(insertImageWidth, messages[insertImageWidth])]), h("div", {
507
+ "class": 'k-form-field-wrap'
508
+ }, [h(Input, {
509
+ type: 'text',
510
+ attrs: _this.v3 ? undefined : {
511
+ type: 'text',
512
+ id: "k-editor-image-width",
513
+ value: _this.widthValue
514
+ },
515
+ id: "k-editor-image-width",
516
+ value: _this.widthValue,
517
+ onInput: _this.handleWidthInput,
518
+ on: _this.v3 ? undefined : {
519
+ "input": _this.handleWidthInput
520
+ },
521
+ ref: setRef(_this, 'width')
522
+ })])]), h(FieldWrapper, _this.v3 ? function () {
523
+ return [h("label", {
524
+ htmlFor: 'k-editor-image-height',
525
+ attrs: _this.v3 ? undefined : {
526
+ htmlFor: 'k-editor-image-height'
527
+ },
528
+ "class": 'k-form-label'
529
+ }, [localization.toLanguageString(insertImageHeight, messages[insertImageHeight])]), h("div", {
530
+ "class": 'k-form-field-wrap'
531
+ }, [h(Input, {
532
+ id: "k-editor-image-height",
533
+ attrs: _this.v3 ? undefined : {
534
+ id: "k-editor-image-height",
535
+ value: _this.heightValue
536
+ },
537
+ value: _this.heightValue,
538
+ onInput: _this.handleHeightInput,
539
+ on: _this.v3 ? undefined : {
540
+ "input": _this.handleHeightInput
541
+ },
542
+ ref: setRef(_this, 'height')
543
+ })])];
544
+ } : [h("label", {
545
+ htmlFor: 'k-editor-image-height',
546
+ attrs: _this.v3 ? undefined : {
547
+ htmlFor: 'k-editor-image-height'
548
+ },
549
+ "class": 'k-form-label'
550
+ }, [localization.toLanguageString(insertImageHeight, messages[insertImageHeight])]), h("div", {
551
+ "class": 'k-form-field-wrap'
552
+ }, [h(Input, {
553
+ id: "k-editor-image-height",
554
+ attrs: _this.v3 ? undefined : {
555
+ id: "k-editor-image-height",
556
+ value: _this.heightValue
557
+ },
558
+ value: _this.heightValue,
559
+ onInput: _this.handleHeightInput,
560
+ on: _this.v3 ? undefined : {
561
+ "input": _this.handleHeightInput
562
+ },
563
+ ref: setRef(_this, 'height')
564
+ })])])])];
565
+ } : [h(FormElement, {
566
+ horizontal: true,
567
+ attrs: _this.v3 ? undefined : {
568
+ horizontal: true
84
569
  }
85
- }, [localization.toLanguageString(insertImageAddress, messages[insertImageAddress])])]), h("div", {
86
- "class": "k-edit-field"
87
- }, [h("span", {
88
- "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
89
- }, [h("input", {
570
+ }, _this.v3 ? function () {
571
+ return [h(FieldWrapper, _this.v3 ? function () {
572
+ return [h("label", {
573
+ "for": 'k-editor-image-url',
574
+ attrs: _this.v3 ? undefined : {
575
+ "for": 'k-editor-image-url'
576
+ },
577
+ "class": 'k-form-label'
578
+ }, [localization.toLanguageString(insertImageAddress, messages[insertImageAddress])]), h("div", {
579
+ "class": 'k-form-field-wrap'
580
+ }, [h(Input, {
581
+ type: "text",
582
+ attrs: _this.v3 ? undefined : {
583
+ type: "text",
584
+ id: 'k-editor-image-url',
585
+ value: _this.srcValue
586
+ },
587
+ id: 'k-editor-image-url',
588
+ value: _this.srcValue,
589
+ onInput: _this.handleSrcInput,
590
+ on: _this.v3 ? undefined : {
591
+ "input": _this.handleSrcInput
592
+ },
593
+ ref: setRef(_this, 'src')
594
+ })])];
595
+ } : [h("label", {
596
+ "for": 'k-editor-image-url',
597
+ attrs: _this.v3 ? undefined : {
598
+ "for": 'k-editor-image-url'
599
+ },
600
+ "class": 'k-form-label'
601
+ }, [localization.toLanguageString(insertImageAddress, messages[insertImageAddress])]), h("div", {
602
+ "class": 'k-form-field-wrap'
603
+ }, [h(Input, {
604
+ type: "text",
605
+ attrs: _this.v3 ? undefined : {
606
+ type: "text",
607
+ id: 'k-editor-image-url',
608
+ value: _this.srcValue
609
+ },
610
+ id: 'k-editor-image-url',
611
+ value: _this.srcValue,
612
+ onInput: _this.handleSrcInput,
613
+ on: _this.v3 ? undefined : {
614
+ "input": _this.handleSrcInput
615
+ },
616
+ ref: setRef(_this, 'src')
617
+ })])]), h(FieldWrapper, _this.v3 ? function () {
618
+ return [h("label", {
619
+ "for": 'k-editor-image-url',
620
+ attrs: _this.v3 ? undefined : {
621
+ "for": 'k-editor-image-url'
622
+ },
623
+ "class": 'k-form-label'
624
+ }, [localization.toLanguageString(insertImageAltText, messages[insertImageAltText])]), h("div", {
625
+ "class": 'k-form-field-wrap'
626
+ }, [h(Input, {
627
+ type: 'text',
628
+ attrs: _this.v3 ? undefined : {
629
+ type: 'text',
630
+ id: "k-editor-image-alt",
631
+ value: _this.altValue
632
+ },
633
+ id: "k-editor-image-alt",
634
+ value: _this.altValue,
635
+ onInput: _this.handleAltInput,
636
+ on: _this.v3 ? undefined : {
637
+ "input": _this.handleAltInput
638
+ },
639
+ ref: setRef(_this, 'altText')
640
+ })])];
641
+ } : [h("label", {
642
+ "for": 'k-editor-image-url',
643
+ attrs: _this.v3 ? undefined : {
644
+ "for": 'k-editor-image-url'
645
+ },
646
+ "class": 'k-form-label'
647
+ }, [localization.toLanguageString(insertImageAltText, messages[insertImageAltText])]), h("div", {
648
+ "class": 'k-form-field-wrap'
649
+ }, [h(Input, {
650
+ type: 'text',
651
+ attrs: _this.v3 ? undefined : {
652
+ type: 'text',
653
+ id: "k-editor-image-alt",
654
+ value: _this.altValue
655
+ },
656
+ id: "k-editor-image-alt",
657
+ value: _this.altValue,
658
+ onInput: _this.handleAltInput,
659
+ on: _this.v3 ? undefined : {
660
+ "input": _this.handleAltInput
661
+ },
662
+ ref: setRef(_this, 'altText')
663
+ })])]), h(FieldWrapper, _this.v3 ? function () {
664
+ return [h("label", {
665
+ htmlFor: 'k-editor-image-title',
666
+ attrs: _this.v3 ? undefined : {
667
+ htmlFor: 'k-editor-image-title'
668
+ },
669
+ "class": 'k-form-label'
670
+ }, [localization.toLanguageString(insertImageTitle, messages[insertImageTitle])]), h("div", {
671
+ "class": 'k-form-field-wrap'
672
+ }, [h(Input, {
673
+ type: 'text',
674
+ attrs: _this.v3 ? undefined : {
675
+ type: 'text',
676
+ id: "k-editor-image-title",
677
+ value: _this.titleValue
678
+ },
679
+ id: "k-editor-image-title",
680
+ value: _this.titleValue,
681
+ onInput: _this.handleTitleInput,
682
+ on: _this.v3 ? undefined : {
683
+ "input": _this.handleTitleInput
684
+ },
685
+ ref: setRef(_this, 'title')
686
+ })])];
687
+ } : [h("label", {
688
+ htmlFor: 'k-editor-image-title',
689
+ attrs: _this.v3 ? undefined : {
690
+ htmlFor: 'k-editor-image-title'
691
+ },
692
+ "class": 'k-form-label'
693
+ }, [localization.toLanguageString(insertImageTitle, messages[insertImageTitle])]), h("div", {
694
+ "class": 'k-form-field-wrap'
695
+ }, [h(Input, {
696
+ type: 'text',
697
+ attrs: _this.v3 ? undefined : {
698
+ type: 'text',
699
+ id: "k-editor-image-title",
700
+ value: _this.titleValue
701
+ },
702
+ id: "k-editor-image-title",
703
+ value: _this.titleValue,
704
+ onInput: _this.handleTitleInput,
705
+ on: _this.v3 ? undefined : {
706
+ "input": _this.handleTitleInput
707
+ },
708
+ ref: setRef(_this, 'title')
709
+ })])]), h(FieldWrapper, _this.v3 ? function () {
710
+ return [h("label", {
711
+ "for": 'k-editor-image-width',
712
+ attrs: _this.v3 ? undefined : {
713
+ "for": 'k-editor-image-width'
714
+ },
715
+ "class": 'k-form-label'
716
+ }, [localization.toLanguageString(insertImageWidth, messages[insertImageWidth])]), h("div", {
717
+ "class": 'k-form-field-wrap'
718
+ }, [h(Input, {
719
+ type: 'text',
720
+ attrs: _this.v3 ? undefined : {
721
+ type: 'text',
722
+ id: "k-editor-image-width",
723
+ value: _this.widthValue
724
+ },
725
+ id: "k-editor-image-width",
726
+ value: _this.widthValue,
727
+ onInput: _this.handleWidthInput,
728
+ on: _this.v3 ? undefined : {
729
+ "input": _this.handleWidthInput
730
+ },
731
+ ref: setRef(_this, 'width')
732
+ })])];
733
+ } : [h("label", {
734
+ "for": 'k-editor-image-width',
735
+ attrs: _this.v3 ? undefined : {
736
+ "for": 'k-editor-image-width'
737
+ },
738
+ "class": 'k-form-label'
739
+ }, [localization.toLanguageString(insertImageWidth, messages[insertImageWidth])]), h("div", {
740
+ "class": 'k-form-field-wrap'
741
+ }, [h(Input, {
742
+ type: 'text',
743
+ attrs: _this.v3 ? undefined : {
744
+ type: 'text',
745
+ id: "k-editor-image-width",
746
+ value: _this.widthValue
747
+ },
748
+ id: "k-editor-image-width",
749
+ value: _this.widthValue,
750
+ onInput: _this.handleWidthInput,
751
+ on: _this.v3 ? undefined : {
752
+ "input": _this.handleWidthInput
753
+ },
754
+ ref: setRef(_this, 'width')
755
+ })])]), h(FieldWrapper, _this.v3 ? function () {
756
+ return [h("label", {
757
+ htmlFor: 'k-editor-image-height',
758
+ attrs: _this.v3 ? undefined : {
759
+ htmlFor: 'k-editor-image-height'
760
+ },
761
+ "class": 'k-form-label'
762
+ }, [localization.toLanguageString(insertImageHeight, messages[insertImageHeight])]), h("div", {
763
+ "class": 'k-form-field-wrap'
764
+ }, [h(Input, {
765
+ id: "k-editor-image-height",
766
+ attrs: _this.v3 ? undefined : {
767
+ id: "k-editor-image-height",
768
+ value: _this.heightValue
769
+ },
770
+ value: _this.heightValue,
771
+ onInput: _this.handleHeightInput,
772
+ on: _this.v3 ? undefined : {
773
+ "input": _this.handleHeightInput
774
+ },
775
+ ref: setRef(_this, 'height')
776
+ })])];
777
+ } : [h("label", {
778
+ htmlFor: 'k-editor-image-height',
779
+ attrs: _this.v3 ? undefined : {
780
+ htmlFor: 'k-editor-image-height'
781
+ },
782
+ "class": 'k-form-label'
783
+ }, [localization.toLanguageString(insertImageHeight, messages[insertImageHeight])]), h("div", {
784
+ "class": 'k-form-field-wrap'
785
+ }, [h(Input, {
786
+ id: "k-editor-image-height",
787
+ attrs: _this.v3 ? undefined : {
788
+ id: "k-editor-image-height",
789
+ value: _this.heightValue
790
+ },
791
+ value: _this.heightValue,
792
+ onInput: _this.handleHeightInput,
793
+ on: _this.v3 ? undefined : {
794
+ "input": _this.handleHeightInput
795
+ },
796
+ ref: setRef(_this, 'height')
797
+ })])])];
798
+ } : [h(FieldWrapper, _this.v3 ? function () {
799
+ return [h("label", {
800
+ "for": 'k-editor-image-url',
801
+ attrs: _this.v3 ? undefined : {
802
+ "for": 'k-editor-image-url'
803
+ },
804
+ "class": 'k-form-label'
805
+ }, [localization.toLanguageString(insertImageAddress, messages[insertImageAddress])]), h("div", {
806
+ "class": 'k-form-field-wrap'
807
+ }, [h(Input, {
808
+ type: "text",
809
+ attrs: _this.v3 ? undefined : {
810
+ type: "text",
811
+ id: 'k-editor-image-url',
812
+ value: _this.srcValue
813
+ },
814
+ id: 'k-editor-image-url',
815
+ value: _this.srcValue,
816
+ onInput: _this.handleSrcInput,
817
+ on: _this.v3 ? undefined : {
818
+ "input": _this.handleSrcInput
819
+ },
820
+ ref: setRef(_this, 'src')
821
+ })])];
822
+ } : [h("label", {
823
+ "for": 'k-editor-image-url',
824
+ attrs: _this.v3 ? undefined : {
825
+ "for": 'k-editor-image-url'
826
+ },
827
+ "class": 'k-form-label'
828
+ }, [localization.toLanguageString(insertImageAddress, messages[insertImageAddress])]), h("div", {
829
+ "class": 'k-form-field-wrap'
830
+ }, [h(Input, {
90
831
  type: "text",
91
- attrs: this.v3 ? undefined : {
832
+ attrs: _this.v3 ? undefined : {
92
833
  type: "text",
93
- id: "k-editor-image-url"
834
+ id: 'k-editor-image-url',
835
+ value: _this.srcValue
94
836
  },
95
- "class": "k-input-inner",
96
- id: "k-editor-image-url",
97
- value: this.v3 ? this.srcValue : null,
98
- domProps: this.v3 ? undefined : {
99
- "value": this.srcValue
837
+ id: 'k-editor-image-url',
838
+ value: _this.srcValue,
839
+ onInput: _this.handleSrcInput,
840
+ on: _this.v3 ? undefined : {
841
+ "input": _this.handleSrcInput
100
842
  },
101
- onInput: this.handleSrcInput,
102
- on: this.v3 ? undefined : {
103
- "input": this.handleSrcInput
843
+ ref: setRef(_this, 'src')
844
+ })])]), h(FieldWrapper, _this.v3 ? function () {
845
+ return [h("label", {
846
+ "for": 'k-editor-image-url',
847
+ attrs: _this.v3 ? undefined : {
848
+ "for": 'k-editor-image-url'
849
+ },
850
+ "class": 'k-form-label'
851
+ }, [localization.toLanguageString(insertImageAltText, messages[insertImageAltText])]), h("div", {
852
+ "class": 'k-form-field-wrap'
853
+ }, [h(Input, {
854
+ type: 'text',
855
+ attrs: _this.v3 ? undefined : {
856
+ type: 'text',
857
+ id: "k-editor-image-alt",
858
+ value: _this.altValue
859
+ },
860
+ id: "k-editor-image-alt",
861
+ value: _this.altValue,
862
+ onInput: _this.handleAltInput,
863
+ on: _this.v3 ? undefined : {
864
+ "input": _this.handleAltInput
865
+ },
866
+ ref: setRef(_this, 'altText')
867
+ })])];
868
+ } : [h("label", {
869
+ "for": 'k-editor-image-url',
870
+ attrs: _this.v3 ? undefined : {
871
+ "for": 'k-editor-image-url'
104
872
  },
105
- ref: setRef(this, 'src')
106
- })])]), h("div", {
107
- "class": "k-edit-label"
108
- }, [h("label", {
109
- "for": "k-editor-image-alt",
110
- attrs: this.v3 ? undefined : {
111
- "for": "k-editor-image-alt"
112
- }
113
- }, [localization.toLanguageString(insertImageAltText, messages[insertImageAltText])])]), h("div", {
114
- "class": "k-edit-field"
115
- }, [h("span", {
116
- "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
117
- }, [h("input", {
118
- type: "text",
119
- attrs: this.v3 ? undefined : {
120
- type: "text",
121
- id: "k-editor-image-alt"
873
+ "class": 'k-form-label'
874
+ }, [localization.toLanguageString(insertImageAltText, messages[insertImageAltText])]), h("div", {
875
+ "class": 'k-form-field-wrap'
876
+ }, [h(Input, {
877
+ type: 'text',
878
+ attrs: _this.v3 ? undefined : {
879
+ type: 'text',
880
+ id: "k-editor-image-alt",
881
+ value: _this.altValue
122
882
  },
123
- "class": "k-input-inner",
124
883
  id: "k-editor-image-alt",
125
- value: this.v3 ? attrs.alt : null,
126
- domProps: this.v3 ? undefined : {
127
- "value": attrs.alt
884
+ value: _this.altValue,
885
+ onInput: _this.handleAltInput,
886
+ on: _this.v3 ? undefined : {
887
+ "input": _this.handleAltInput
128
888
  },
129
- ref: setRef(this, 'altText')
130
- })])]), h("div", {
131
- "class": "k-edit-label"
132
- }, [h("label", {
133
- "for": "k-editor-image-title",
134
- attrs: this.v3 ? undefined : {
135
- "for": "k-editor-image-title"
136
- }
137
- }, [localization.toLanguageString(insertImageTitle, messages[insertImageTitle])])]), h("div", {
138
- "class": "k-edit-field"
139
- }, [h("span", {
140
- "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
141
- }, [h("input", {
142
- type: "text",
143
- attrs: this.v3 ? undefined : {
144
- type: "text",
145
- id: "k-editor-image-title"
889
+ ref: setRef(_this, 'altText')
890
+ })])]), h(FieldWrapper, _this.v3 ? function () {
891
+ return [h("label", {
892
+ htmlFor: 'k-editor-image-title',
893
+ attrs: _this.v3 ? undefined : {
894
+ htmlFor: 'k-editor-image-title'
895
+ },
896
+ "class": 'k-form-label'
897
+ }, [localization.toLanguageString(insertImageTitle, messages[insertImageTitle])]), h("div", {
898
+ "class": 'k-form-field-wrap'
899
+ }, [h(Input, {
900
+ type: 'text',
901
+ attrs: _this.v3 ? undefined : {
902
+ type: 'text',
903
+ id: "k-editor-image-title",
904
+ value: _this.titleValue
905
+ },
906
+ id: "k-editor-image-title",
907
+ value: _this.titleValue,
908
+ onInput: _this.handleTitleInput,
909
+ on: _this.v3 ? undefined : {
910
+ "input": _this.handleTitleInput
911
+ },
912
+ ref: setRef(_this, 'title')
913
+ })])];
914
+ } : [h("label", {
915
+ htmlFor: 'k-editor-image-title',
916
+ attrs: _this.v3 ? undefined : {
917
+ htmlFor: 'k-editor-image-title'
918
+ },
919
+ "class": 'k-form-label'
920
+ }, [localization.toLanguageString(insertImageTitle, messages[insertImageTitle])]), h("div", {
921
+ "class": 'k-form-field-wrap'
922
+ }, [h(Input, {
923
+ type: 'text',
924
+ attrs: _this.v3 ? undefined : {
925
+ type: 'text',
926
+ id: "k-editor-image-title",
927
+ value: _this.titleValue
146
928
  },
147
- "class": "k-input-inner",
148
929
  id: "k-editor-image-title",
149
- value: this.v3 ? attrs.title : null,
150
- domProps: this.v3 ? undefined : {
151
- "value": attrs.title
930
+ value: _this.titleValue,
931
+ onInput: _this.handleTitleInput,
932
+ on: _this.v3 ? undefined : {
933
+ "input": _this.handleTitleInput
152
934
  },
153
- ref: setRef(this, 'title')
154
- })])]), h("div", {
155
- "class": "k-edit-label"
156
- }, [h("label", {
157
- "for": "k-editor-image-width",
158
- attrs: this.v3 ? undefined : {
159
- "for": "k-editor-image-width"
160
- }
161
- }, [localization.toLanguageString(insertImageWidth, messages[insertImageWidth])])]), h("div", {
162
- "class": "k-edit-field"
163
- }, [h("span", {
164
- "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
165
- }, [h("input", {
166
- type: "text",
167
- attrs: this.v3 ? undefined : {
168
- type: "text",
169
- id: "k-editor-image-width"
935
+ ref: setRef(_this, 'title')
936
+ })])]), h(FieldWrapper, _this.v3 ? function () {
937
+ return [h("label", {
938
+ "for": 'k-editor-image-width',
939
+ attrs: _this.v3 ? undefined : {
940
+ "for": 'k-editor-image-width'
941
+ },
942
+ "class": 'k-form-label'
943
+ }, [localization.toLanguageString(insertImageWidth, messages[insertImageWidth])]), h("div", {
944
+ "class": 'k-form-field-wrap'
945
+ }, [h(Input, {
946
+ type: 'text',
947
+ attrs: _this.v3 ? undefined : {
948
+ type: 'text',
949
+ id: "k-editor-image-width",
950
+ value: _this.widthValue
951
+ },
952
+ id: "k-editor-image-width",
953
+ value: _this.widthValue,
954
+ onInput: _this.handleWidthInput,
955
+ on: _this.v3 ? undefined : {
956
+ "input": _this.handleWidthInput
957
+ },
958
+ ref: setRef(_this, 'width')
959
+ })])];
960
+ } : [h("label", {
961
+ "for": 'k-editor-image-width',
962
+ attrs: _this.v3 ? undefined : {
963
+ "for": 'k-editor-image-width'
964
+ },
965
+ "class": 'k-form-label'
966
+ }, [localization.toLanguageString(insertImageWidth, messages[insertImageWidth])]), h("div", {
967
+ "class": 'k-form-field-wrap'
968
+ }, [h(Input, {
969
+ type: 'text',
970
+ attrs: _this.v3 ? undefined : {
971
+ type: 'text',
972
+ id: "k-editor-image-width",
973
+ value: _this.widthValue
170
974
  },
171
- "class": "k-input-inner",
172
975
  id: "k-editor-image-width",
173
- value: this.v3 ? attrs.width : null,
174
- domProps: this.v3 ? undefined : {
175
- "value": attrs.width
976
+ value: _this.widthValue,
977
+ onInput: _this.handleWidthInput,
978
+ on: _this.v3 ? undefined : {
979
+ "input": _this.handleWidthInput
176
980
  },
177
- ref: setRef(this, 'width')
178
- })])]), h("div", {
179
- "class": "k-edit-label"
180
- }, [h("label", {
181
- "for": "k-editor-image-height",
182
- attrs: this.v3 ? undefined : {
183
- "for": "k-editor-image-height"
184
- }
185
- }, [localization.toLanguageString(insertImageHeight, messages[insertImageHeight])])]), h("div", {
186
- "class": "k-edit-field"
187
- }, [h("span", {
188
- "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
189
- }, [h("input", {
190
- type: "text",
191
- attrs: this.v3 ? undefined : {
192
- type: "text",
193
- id: "k-editor-image-height"
981
+ ref: setRef(_this, 'width')
982
+ })])]), h(FieldWrapper, _this.v3 ? function () {
983
+ return [h("label", {
984
+ htmlFor: 'k-editor-image-height',
985
+ attrs: _this.v3 ? undefined : {
986
+ htmlFor: 'k-editor-image-height'
987
+ },
988
+ "class": 'k-form-label'
989
+ }, [localization.toLanguageString(insertImageHeight, messages[insertImageHeight])]), h("div", {
990
+ "class": 'k-form-field-wrap'
991
+ }, [h(Input, {
992
+ id: "k-editor-image-height",
993
+ attrs: _this.v3 ? undefined : {
994
+ id: "k-editor-image-height",
995
+ value: _this.heightValue
996
+ },
997
+ value: _this.heightValue,
998
+ onInput: _this.handleHeightInput,
999
+ on: _this.v3 ? undefined : {
1000
+ "input": _this.handleHeightInput
1001
+ },
1002
+ ref: setRef(_this, 'height')
1003
+ })])];
1004
+ } : [h("label", {
1005
+ htmlFor: 'k-editor-image-height',
1006
+ attrs: _this.v3 ? undefined : {
1007
+ htmlFor: 'k-editor-image-height'
194
1008
  },
195
- "class": "k-input-inner",
1009
+ "class": 'k-form-label'
1010
+ }, [localization.toLanguageString(insertImageHeight, messages[insertImageHeight])]), h("div", {
1011
+ "class": 'k-form-field-wrap'
1012
+ }, [h(Input, {
196
1013
  id: "k-editor-image-height",
197
- value: this.v3 ? attrs.height : null,
198
- domProps: this.v3 ? undefined : {
199
- "value": attrs.height
1014
+ attrs: _this.v3 ? undefined : {
1015
+ id: "k-editor-image-height",
1016
+ value: _this.heightValue
200
1017
  },
201
- ref: setRef(this, 'height')
202
- })])])]);
1018
+ value: _this.heightValue,
1019
+ onInput: _this.handleHeightInput,
1020
+ on: _this.v3 ? undefined : {
1021
+ "input": _this.handleHeightInput
1022
+ },
1023
+ ref: setRef(_this, 'height')
1024
+ })])])])]);
203
1025
  var actionButtons = [
204
1026
  // @ts-ignore function children
205
1027
  h(KButton, {
@@ -289,7 +1111,19 @@ var InsertImageDialogVue2 = {
289
1111
  },
290
1112
  methods: {
291
1113
  handleSrcInput: function handleSrcInput(e) {
292
- this.srcValue = e.target.value;
1114
+ this.srcValue = e.value;
1115
+ },
1116
+ handleAltInput: function handleAltInput(e) {
1117
+ this.altValue = e.value;
1118
+ },
1119
+ handleTitleInput: function handleTitleInput(e) {
1120
+ this.titleValue = e.value;
1121
+ },
1122
+ handleWidthInput: function handleWidthInput(e) {
1123
+ this.widthValue = e.value;
1124
+ },
1125
+ handleHeightInput: function handleHeightInput(e) {
1126
+ this.heightValue = e.value;
293
1127
  },
294
1128
  onClose: function onClose() {
295
1129
  this.$props.view.focus();
@@ -303,10 +1137,10 @@ var InsertImageDialogVue2 = {
303
1137
  var nodeType = nodes[settings.node];
304
1138
  var data = {
305
1139
  src: this.src ? this.srcValue : null,
306
- title: this.title ? this.title.value : null,
307
- alt: this.altText ? this.altText.value : null,
308
- width: this.width ? this.width.value : null,
309
- height: this.height ? this.height.value : null
1140
+ title: this.title ? this.titleValue : null,
1141
+ alt: this.altText ? this.altValue : null,
1142
+ width: this.width ? this.widthValue : null,
1143
+ height: this.height ? this.heightValue : null
310
1144
  };
311
1145
  var attrs = Object.keys(data).filter(function (key) {
312
1146
  return data[key] !== null && data[key] !== '';