@progress/kendo-vue-editor 3.7.4-dev.202212020747 → 3.7.4-dev.202301091431

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 (24) hide show
  1. package/README.md +1 -1
  2. package/dist/cdn/js/kendo-vue-editor.js +1 -1
  3. package/dist/es/Editor.js +16 -3
  4. package/dist/es/config/toolsSettings.d.ts +4 -0
  5. package/dist/es/dialogs/FindReplace.js +170 -147
  6. package/dist/es/messages/main.d.ts +4 -0
  7. package/dist/es/messages/main.js +12 -0
  8. package/dist/es/package-metadata.js +1 -1
  9. package/dist/es/tools/applyColor.js +6 -3
  10. package/dist/esm/Editor.js +16 -3
  11. package/dist/esm/config/toolsSettings.d.ts +4 -0
  12. package/dist/esm/dialogs/FindReplace.js +170 -147
  13. package/dist/esm/messages/main.d.ts +4 -0
  14. package/dist/esm/messages/main.js +12 -0
  15. package/dist/esm/package-metadata.js +1 -1
  16. package/dist/esm/tools/applyColor.js +6 -3
  17. package/dist/npm/Editor.js +16 -3
  18. package/dist/npm/config/toolsSettings.d.ts +4 -0
  19. package/dist/npm/dialogs/FindReplace.js +170 -147
  20. package/dist/npm/messages/main.d.ts +4 -0
  21. package/dist/npm/messages/main.js +12 -0
  22. package/dist/npm/package-metadata.js +1 -1
  23. package/dist/npm/tools/applyColor.js +6 -3
  24. package/package.json +16 -14
package/dist/es/Editor.js CHANGED
@@ -386,15 +386,26 @@ var EditorVue2 = {
386
386
  };
387
387
  var renderTool = function renderTool(currentTool, _index) {
388
388
  var ct = allTools[currentTool] || currentTool;
389
+ var getAriaLabel = function getAriaLabel() {
390
+ var ariaLabel;
391
+ if (currentTool === 'ForeColor') {
392
+ ariaLabel = ls.toLanguageString(keys.foregroundColorAriaLabel, messages[keys.foregroundColorAriaLabel]);
393
+ } else if (currentTool === 'BackColor') {
394
+ ariaLabel = ls.toLanguageString(keys.backgroundColor, messages[keys.backgroundColor]);
395
+ }
396
+ return ariaLabel;
397
+ };
389
398
  if (allTools[currentTool]) {
390
399
  toolindex++;
391
- var toolProps = __assign({
400
+ var toolProps = __assign(__assign({
392
401
  view: view,
393
402
  dir: this.$props.dir,
394
403
  key: toolindex,
395
404
  updateGuid: this.updateGuid,
396
405
  settings: allTools[currentTool].props
397
- }, allTools[currentTool].props);
406
+ }, allTools[currentTool].props), {
407
+ ariaLabel: getAriaLabel()
408
+ });
398
409
  return h(this.v3 ? markRaw(allTools[currentTool].comp) : allTools[currentTool].comp, this.v3 ? toolProps : {
399
410
  props: toolProps
400
411
  });
@@ -439,7 +450,7 @@ var EditorVue2 = {
439
450
  }, this);
440
451
  return h("div", {
441
452
  "class": classNames('k-widget k-editor', {
442
- 'k-editor-resizable': this.$props.resizable
453
+ 'k-resizable': this.$props.resizable
443
454
  }),
444
455
  dir: this.$props.dir,
445
456
  attrs: this.v3 ? undefined : {
@@ -448,6 +459,7 @@ var EditorVue2 = {
448
459
  }, [buttons.length > 0 &&
449
460
  // @ts-ignore function children
450
461
  h(Toolbar, {
462
+ "class": 'k-editor-toolbar',
451
463
  keyboardNavigation: this.$props.keyboardNavigation,
452
464
  attrs: this.v3 ? undefined : {
453
465
  keyboardNavigation: this.$props.keyboardNavigation
@@ -544,6 +556,7 @@ var EditorVue2 = {
544
556
  this.contentElement = iframeDocument_1.createElement('div');
545
557
  iframeDocument_1.body.appendChild(this.contentElement);
546
558
  this.contentElement.classList.add('k-content');
559
+ this.contentElement.setAttribute('role', 'main');
547
560
  }
548
561
  var dom = this.contentElement;
549
562
  if (!dom) {
package/dist/es/config/toolsSettings.d.ts CHANGED
@@ -158,6 +158,10 @@ export declare namespace EditorToolsSettings {
158
158
  * The dir of the applied command.
159
159
  */
160
160
  dir?: String;
161
+ /**
162
+ * The ariaLabel of the applied command.
163
+ */
164
+ ariaLabel?: String;
161
165
  }
162
166
  /**
163
167
  * The setting of the IndentAction tool.
package/dist/es/dialogs/FindReplace.js CHANGED
@@ -4,6 +4,7 @@ var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
6
  import { Button } from '@progress/kendo-vue-buttons';
7
+ import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
7
8
  import { Window } from '@progress/kendo-vue-dialogs';
8
9
  import { TabStrip, TabStripTab } from '@progress/kendo-vue-layout';
9
10
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -11,6 +12,7 @@ import { messages } from '../messages/main';
11
12
  import { EditorToolsSettings } from './../config/toolsSettings';
12
13
  import { formatString } from './../tools/utils';
13
14
  import { find, replace, replaceAll, findAll, TextSelection, textHighlightKey, selectedLineTextOnly } from '@progress/kendo-editor-common';
15
+ import { Icon } from '@progress/kendo-vue-common';
14
16
  var enter = 13,
15
17
  esc = 27;
16
18
  var settings = EditorToolsSettings.findAndReplace;
@@ -114,7 +116,7 @@ var FindAndReplaceDialogVue2 = {
114
116
  },
115
117
  // @ts-ignore
116
118
  render: function render(createElement) {
117
- var _this = this;
119
+ var _this2 = this;
118
120
  var h = gh || createElement;
119
121
  var localization = provideLocalizationService(this);
120
122
  var _a = this.settings.messages,
@@ -232,6 +234,7 @@ var FindAndReplaceDialogVue2 = {
232
234
  "class": "k-checkbox-label"
233
235
  }, [localization.toLanguageString(findReplaceUseRegExp, messages[findReplaceUseRegExp])])])]);
234
236
  var navigation = function navigation(findWhatRef) {
237
+ var _this = this;
235
238
  var isRtl = this.$props.dir === 'rtl';
236
239
  var prevButton =
237
240
  // @ts-ignore function children
@@ -247,11 +250,21 @@ var FindAndReplaceDialogVue2 = {
247
250
  "click": this.onFindPrev
248
251
  }
249
252
  }, this.v3 ? function () {
250
- return [h("span", {
251
- "class": "k-icon k-i-chevron-".concat(isRtl ? 'right' : 'left')
253
+ return [h(Icon, {
254
+ name: "chevron-".concat(isRtl ? 'right' : 'left'),
255
+ attrs: _this.v3 ? undefined : {
256
+ name: "chevron-".concat(isRtl ? 'right' : 'left'),
257
+ icon: isRtl ? chevronRightIcon : chevronLeftIcon
258
+ },
259
+ icon: isRtl ? chevronRightIcon : chevronLeftIcon
252
260
  }), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])];
253
- } : [h("span", {
254
- "class": "k-icon k-i-chevron-".concat(isRtl ? 'right' : 'left')
261
+ } : [h(Icon, {
262
+ name: "chevron-".concat(isRtl ? 'right' : 'left'),
263
+ attrs: _this.v3 ? undefined : {
264
+ name: "chevron-".concat(isRtl ? 'right' : 'left'),
265
+ icon: isRtl ? chevronRightIcon : chevronLeftIcon
266
+ },
267
+ icon: isRtl ? chevronRightIcon : chevronLeftIcon
255
268
  }), localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])]);
256
269
  var nextButton =
257
270
  // @ts-ignore function children
@@ -267,11 +280,21 @@ var FindAndReplaceDialogVue2 = {
267
280
  "click": this.onFindNext
268
281
  }
269
282
  }, this.v3 ? function () {
270
- return [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
271
- "class": "k-icon k-i-chevron-".concat(isRtl ? 'left' : 'right')
283
+ return [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h(Icon, {
284
+ name: "chevron-".concat(isRtl ? 'left' : 'right'),
285
+ attrs: _this.v3 ? undefined : {
286
+ name: "chevron-".concat(isRtl ? 'left' : 'right'),
287
+ icon: isRtl ? chevronLeftIcon : chevronRightIcon
288
+ },
289
+ icon: isRtl ? chevronLeftIcon : chevronRightIcon
272
290
  })];
273
- } : [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h("span", {
274
- "class": "k-icon k-i-chevron-".concat(isRtl ? 'left' : 'right')
291
+ } : [localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]), h(Icon, {
292
+ name: "chevron-".concat(isRtl ? 'left' : 'right'),
293
+ attrs: _this.v3 ? undefined : {
294
+ name: "chevron-".concat(isRtl ? 'left' : 'right'),
295
+ icon: isRtl ? chevronLeftIcon : chevronRightIcon
296
+ },
297
+ icon: isRtl ? chevronLeftIcon : chevronRightIcon
275
298
  })]);
276
299
  return h("div", {
277
300
  "class": "k-matches-container"
@@ -388,327 +411,327 @@ var FindAndReplaceDialogVue2 = {
388
411
  return [
389
412
  // @ts-ignore function children
390
413
  h(TabStrip, {
391
- dir: _this.$props.dir,
392
- attrs: _this.v3 ? undefined : {
393
- dir: _this.$props.dir,
394
- selected: _this.selectedTab,
414
+ dir: _this2.$props.dir,
415
+ attrs: _this2.v3 ? undefined : {
416
+ dir: _this2.$props.dir,
417
+ selected: _this2.selectedTab,
395
418
  animation: false
396
419
  },
397
- selected: _this.selectedTab,
420
+ selected: _this2.selectedTab,
398
421
  "class": "k-editor-find-replace",
399
- onSelect: _this.onTabSelect,
400
- on: _this.v3 ? undefined : {
401
- "select": _this.onTabSelect
422
+ onSelect: _this2.onTabSelect,
423
+ on: _this2.v3 ? undefined : {
424
+ "select": _this2.onTabSelect
402
425
  },
403
426
  animation: false
404
- }, _this.v3 ? function () {
427
+ }, _this2.v3 ? function () {
405
428
  return [
406
429
  // @ts-ignore function children
407
430
  h(TabStripTab, {
408
431
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
409
- attrs: _this.v3 ? undefined : {
432
+ attrs: _this2.v3 ? undefined : {
410
433
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind])
411
434
  }
412
- }, _this.v3 ? function () {
435
+ }, _this2.v3 ? function () {
413
436
  return [h("div", {
414
437
  "class": "k-edit-form-container"
415
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
438
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
416
439
  } : [h("div", {
417
440
  "class": "k-edit-form-container"
418
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]),
441
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]),
419
442
  // @ts-ignore function children
420
443
  h(TabStripTab, {
421
444
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
422
- attrs: _this.v3 ? undefined : {
445
+ attrs: _this2.v3 ? undefined : {
423
446
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
424
447
  }
425
- }, _this.v3 ? function () {
448
+ }, _this2.v3 ? function () {
426
449
  return [h("div", {
427
450
  "class": "k-edit-form-container"
428
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
451
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
429
452
  "class": "k-actions k-hstack k-justify-content-end"
430
453
  }, [
431
454
  // @ts-ignore function children
432
455
  h(Button, {
433
456
  disabled: !Boolean(nextMatch),
434
- attrs: _this.v3 ? undefined : {
457
+ attrs: _this2.v3 ? undefined : {
435
458
  disabled: !Boolean(nextMatch)
436
459
  },
437
- onClick: _this.onReplace,
438
- on: _this.v3 ? undefined : {
439
- "click": _this.onReplace
460
+ onClick: _this2.onReplace,
461
+ on: _this2.v3 ? undefined : {
462
+ "click": _this2.onReplace
440
463
  }
441
- }, _this.v3 ? function () {
464
+ }, _this2.v3 ? function () {
442
465
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
443
466
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]),
444
467
  // @ts-ignore function children
445
468
  h(Button, {
446
469
  disabled: !Boolean(nextMatch),
447
- attrs: _this.v3 ? undefined : {
470
+ attrs: _this2.v3 ? undefined : {
448
471
  disabled: !Boolean(nextMatch)
449
472
  },
450
- onClick: _this.onReplaceAll,
451
- on: _this.v3 ? undefined : {
452
- "click": _this.onReplaceAll
473
+ onClick: _this2.onReplaceAll,
474
+ on: _this2.v3 ? undefined : {
475
+ "click": _this2.onReplaceAll
453
476
  }
454
- }, _this.v3 ? function () {
477
+ }, _this2.v3 ? function () {
455
478
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
456
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
479
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')];
457
480
  } : [h("div", {
458
481
  "class": "k-edit-form-container"
459
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
482
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
460
483
  "class": "k-actions k-hstack k-justify-content-end"
461
484
  }, [h(Button, {
462
485
  disabled: !Boolean(nextMatch),
463
- attrs: _this.v3 ? undefined : {
486
+ attrs: _this2.v3 ? undefined : {
464
487
  disabled: !Boolean(nextMatch)
465
488
  },
466
- onClick: _this.onReplace,
467
- on: _this.v3 ? undefined : {
468
- "click": _this.onReplace
489
+ onClick: _this2.onReplace,
490
+ on: _this2.v3 ? undefined : {
491
+ "click": _this2.onReplace
469
492
  }
470
- }, _this.v3 ? function () {
493
+ }, _this2.v3 ? function () {
471
494
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
472
495
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
473
496
  disabled: !Boolean(nextMatch),
474
- attrs: _this.v3 ? undefined : {
497
+ attrs: _this2.v3 ? undefined : {
475
498
  disabled: !Boolean(nextMatch)
476
499
  },
477
- onClick: _this.onReplaceAll,
478
- on: _this.v3 ? undefined : {
479
- "click": _this.onReplaceAll
500
+ onClick: _this2.onReplaceAll,
501
+ on: _this2.v3 ? undefined : {
502
+ "click": _this2.onReplaceAll
480
503
  }
481
- }, _this.v3 ? function () {
504
+ }, _this2.v3 ? function () {
482
505
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
483
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])];
506
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')])];
484
507
  } : [h(TabStripTab, {
485
508
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
486
- attrs: _this.v3 ? undefined : {
509
+ attrs: _this2.v3 ? undefined : {
487
510
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind])
488
511
  }
489
- }, _this.v3 ? function () {
512
+ }, _this2.v3 ? function () {
490
513
  return [h("div", {
491
514
  "class": "k-edit-form-container"
492
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
515
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
493
516
  } : [h("div", {
494
517
  "class": "k-edit-form-container"
495
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
518
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
496
519
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
497
- attrs: _this.v3 ? undefined : {
520
+ attrs: _this2.v3 ? undefined : {
498
521
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
499
522
  }
500
- }, _this.v3 ? function () {
523
+ }, _this2.v3 ? function () {
501
524
  return [h("div", {
502
525
  "class": "k-edit-form-container"
503
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
526
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
504
527
  "class": "k-actions k-hstack k-justify-content-end"
505
528
  }, [h(Button, {
506
529
  disabled: !Boolean(nextMatch),
507
- attrs: _this.v3 ? undefined : {
530
+ attrs: _this2.v3 ? undefined : {
508
531
  disabled: !Boolean(nextMatch)
509
532
  },
510
- onClick: _this.onReplace,
511
- on: _this.v3 ? undefined : {
512
- "click": _this.onReplace
533
+ onClick: _this2.onReplace,
534
+ on: _this2.v3 ? undefined : {
535
+ "click": _this2.onReplace
513
536
  }
514
- }, _this.v3 ? function () {
537
+ }, _this2.v3 ? function () {
515
538
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
516
539
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
517
540
  disabled: !Boolean(nextMatch),
518
- attrs: _this.v3 ? undefined : {
541
+ attrs: _this2.v3 ? undefined : {
519
542
  disabled: !Boolean(nextMatch)
520
543
  },
521
- onClick: _this.onReplaceAll,
522
- on: _this.v3 ? undefined : {
523
- "click": _this.onReplaceAll
544
+ onClick: _this2.onReplaceAll,
545
+ on: _this2.v3 ? undefined : {
546
+ "click": _this2.onReplaceAll
524
547
  }
525
- }, _this.v3 ? function () {
548
+ }, _this2.v3 ? function () {
526
549
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
527
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
550
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')];
528
551
  } : [h("div", {
529
552
  "class": "k-edit-form-container"
530
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
553
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
531
554
  "class": "k-actions k-hstack k-justify-content-end"
532
555
  }, [h(Button, {
533
556
  disabled: !Boolean(nextMatch),
534
- attrs: _this.v3 ? undefined : {
557
+ attrs: _this2.v3 ? undefined : {
535
558
  disabled: !Boolean(nextMatch)
536
559
  },
537
- onClick: _this.onReplace,
538
- on: _this.v3 ? undefined : {
539
- "click": _this.onReplace
560
+ onClick: _this2.onReplace,
561
+ on: _this2.v3 ? undefined : {
562
+ "click": _this2.onReplace
540
563
  }
541
- }, _this.v3 ? function () {
564
+ }, _this2.v3 ? function () {
542
565
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
543
566
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
544
567
  disabled: !Boolean(nextMatch),
545
- attrs: _this.v3 ? undefined : {
568
+ attrs: _this2.v3 ? undefined : {
546
569
  disabled: !Boolean(nextMatch)
547
570
  },
548
- onClick: _this.onReplaceAll,
549
- on: _this.v3 ? undefined : {
550
- "click": _this.onReplaceAll
571
+ onClick: _this2.onReplaceAll,
572
+ on: _this2.v3 ? undefined : {
573
+ "click": _this2.onReplaceAll
551
574
  }
552
- }, _this.v3 ? function () {
575
+ }, _this2.v3 ? function () {
553
576
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
554
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])];
577
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')])])];
555
578
  } : [h(TabStrip, {
556
- dir: _this.$props.dir,
557
- attrs: _this.v3 ? undefined : {
558
- dir: _this.$props.dir,
559
- selected: _this.selectedTab,
579
+ dir: _this2.$props.dir,
580
+ attrs: _this2.v3 ? undefined : {
581
+ dir: _this2.$props.dir,
582
+ selected: _this2.selectedTab,
560
583
  animation: false
561
584
  },
562
- selected: _this.selectedTab,
585
+ selected: _this2.selectedTab,
563
586
  "class": "k-editor-find-replace",
564
- onSelect: _this.onTabSelect,
565
- on: _this.v3 ? undefined : {
566
- "select": _this.onTabSelect
587
+ onSelect: _this2.onTabSelect,
588
+ on: _this2.v3 ? undefined : {
589
+ "select": _this2.onTabSelect
567
590
  },
568
591
  animation: false
569
- }, _this.v3 ? function () {
592
+ }, _this2.v3 ? function () {
570
593
  return [h(TabStripTab, {
571
594
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
572
- attrs: _this.v3 ? undefined : {
595
+ attrs: _this2.v3 ? undefined : {
573
596
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind])
574
597
  }
575
- }, _this.v3 ? function () {
598
+ }, _this2.v3 ? function () {
576
599
  return [h("div", {
577
600
  "class": "k-edit-form-container"
578
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
601
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
579
602
  } : [h("div", {
580
603
  "class": "k-edit-form-container"
581
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
604
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
582
605
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
583
- attrs: _this.v3 ? undefined : {
606
+ attrs: _this2.v3 ? undefined : {
584
607
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
585
608
  }
586
- }, _this.v3 ? function () {
609
+ }, _this2.v3 ? function () {
587
610
  return [h("div", {
588
611
  "class": "k-edit-form-container"
589
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
612
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
590
613
  "class": "k-actions k-hstack k-justify-content-end"
591
614
  }, [h(Button, {
592
615
  disabled: !Boolean(nextMatch),
593
- attrs: _this.v3 ? undefined : {
616
+ attrs: _this2.v3 ? undefined : {
594
617
  disabled: !Boolean(nextMatch)
595
618
  },
596
- onClick: _this.onReplace,
597
- on: _this.v3 ? undefined : {
598
- "click": _this.onReplace
619
+ onClick: _this2.onReplace,
620
+ on: _this2.v3 ? undefined : {
621
+ "click": _this2.onReplace
599
622
  }
600
- }, _this.v3 ? function () {
623
+ }, _this2.v3 ? function () {
601
624
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
602
625
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
603
626
  disabled: !Boolean(nextMatch),
604
- attrs: _this.v3 ? undefined : {
627
+ attrs: _this2.v3 ? undefined : {
605
628
  disabled: !Boolean(nextMatch)
606
629
  },
607
- onClick: _this.onReplaceAll,
608
- on: _this.v3 ? undefined : {
609
- "click": _this.onReplaceAll
630
+ onClick: _this2.onReplaceAll,
631
+ on: _this2.v3 ? undefined : {
632
+ "click": _this2.onReplaceAll
610
633
  }
611
- }, _this.v3 ? function () {
634
+ }, _this2.v3 ? function () {
612
635
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
613
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
636
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')];
614
637
  } : [h("div", {
615
638
  "class": "k-edit-form-container"
616
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
639
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
617
640
  "class": "k-actions k-hstack k-justify-content-end"
618
641
  }, [h(Button, {
619
642
  disabled: !Boolean(nextMatch),
620
- attrs: _this.v3 ? undefined : {
643
+ attrs: _this2.v3 ? undefined : {
621
644
  disabled: !Boolean(nextMatch)
622
645
  },
623
- onClick: _this.onReplace,
624
- on: _this.v3 ? undefined : {
625
- "click": _this.onReplace
646
+ onClick: _this2.onReplace,
647
+ on: _this2.v3 ? undefined : {
648
+ "click": _this2.onReplace
626
649
  }
627
- }, _this.v3 ? function () {
650
+ }, _this2.v3 ? function () {
628
651
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
629
652
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
630
653
  disabled: !Boolean(nextMatch),
631
- attrs: _this.v3 ? undefined : {
654
+ attrs: _this2.v3 ? undefined : {
632
655
  disabled: !Boolean(nextMatch)
633
656
  },
634
- onClick: _this.onReplaceAll,
635
- on: _this.v3 ? undefined : {
636
- "click": _this.onReplaceAll
657
+ onClick: _this2.onReplaceAll,
658
+ on: _this2.v3 ? undefined : {
659
+ "click": _this2.onReplaceAll
637
660
  }
638
- }, _this.v3 ? function () {
661
+ }, _this2.v3 ? function () {
639
662
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
640
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])];
663
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')])];
641
664
  } : [h(TabStripTab, {
642
665
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]),
643
- attrs: _this.v3 ? undefined : {
666
+ attrs: _this2.v3 ? undefined : {
644
667
  title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind])
645
668
  }
646
- }, _this.v3 ? function () {
669
+ }, _this2.v3 ? function () {
647
670
  return [h("div", {
648
671
  "class": "k-edit-form-container"
649
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')];
672
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')];
650
673
  } : [h("div", {
651
674
  "class": "k-edit-form-container"
652
- }, [findWhatLabel.call(_this, 'findWhatFind'), findWhat.call(_this, 'findWhatFind')]), checkboxes, navigation.call(_this, 'findWhatFind')]), h(TabStripTab, {
675
+ }, [findWhatLabel.call(_this2, 'findWhatFind'), findWhat.call(_this2, 'findWhatFind')]), checkboxes, navigation.call(_this2, 'findWhatFind')]), h(TabStripTab, {
653
676
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]),
654
- attrs: _this.v3 ? undefined : {
677
+ attrs: _this2.v3 ? undefined : {
655
678
  title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace])
656
679
  }
657
- }, _this.v3 ? function () {
680
+ }, _this2.v3 ? function () {
658
681
  return [h("div", {
659
682
  "class": "k-edit-form-container"
660
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
683
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
661
684
  "class": "k-actions k-hstack k-justify-content-end"
662
685
  }, [h(Button, {
663
686
  disabled: !Boolean(nextMatch),
664
- attrs: _this.v3 ? undefined : {
687
+ attrs: _this2.v3 ? undefined : {
665
688
  disabled: !Boolean(nextMatch)
666
689
  },
667
- onClick: _this.onReplace,
668
- on: _this.v3 ? undefined : {
669
- "click": _this.onReplace
690
+ onClick: _this2.onReplace,
691
+ on: _this2.v3 ? undefined : {
692
+ "click": _this2.onReplace
670
693
  }
671
- }, _this.v3 ? function () {
694
+ }, _this2.v3 ? function () {
672
695
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
673
696
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
674
697
  disabled: !Boolean(nextMatch),
675
- attrs: _this.v3 ? undefined : {
698
+ attrs: _this2.v3 ? undefined : {
676
699
  disabled: !Boolean(nextMatch)
677
700
  },
678
- onClick: _this.onReplaceAll,
679
- on: _this.v3 ? undefined : {
680
- "click": _this.onReplaceAll
701
+ onClick: _this2.onReplaceAll,
702
+ on: _this2.v3 ? undefined : {
703
+ "click": _this2.onReplaceAll
681
704
  }
682
- }, _this.v3 ? function () {
705
+ }, _this2.v3 ? function () {
683
706
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
684
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')];
707
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')];
685
708
  } : [h("div", {
686
709
  "class": "k-edit-form-container"
687
- }, [findWhatLabel.call(_this, 'findWhatReplace'), findWhat.call(_this, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
710
+ }, [findWhatLabel.call(_this2, 'findWhatReplace'), findWhat.call(_this2, 'findWhatReplace'), replaceWithLabel, replaceWith]), h("div", {
688
711
  "class": "k-actions k-hstack k-justify-content-end"
689
712
  }, [h(Button, {
690
713
  disabled: !Boolean(nextMatch),
691
- attrs: _this.v3 ? undefined : {
714
+ attrs: _this2.v3 ? undefined : {
692
715
  disabled: !Boolean(nextMatch)
693
716
  },
694
- onClick: _this.onReplace,
695
- on: _this.v3 ? undefined : {
696
- "click": _this.onReplace
717
+ onClick: _this2.onReplace,
718
+ on: _this2.v3 ? undefined : {
719
+ "click": _this2.onReplace
697
720
  }
698
- }, _this.v3 ? function () {
721
+ }, _this2.v3 ? function () {
699
722
  return [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])];
700
723
  } : [localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])]), h(Button, {
701
724
  disabled: !Boolean(nextMatch),
702
- attrs: _this.v3 ? undefined : {
725
+ attrs: _this2.v3 ? undefined : {
703
726
  disabled: !Boolean(nextMatch)
704
727
  },
705
- onClick: _this.onReplaceAll,
706
- on: _this.v3 ? undefined : {
707
- "click": _this.onReplaceAll
728
+ onClick: _this2.onReplaceAll,
729
+ on: _this2.v3 ? undefined : {
730
+ "click": _this2.onReplaceAll
708
731
  }
709
- }, _this.v3 ? function () {
732
+ }, _this2.v3 ? function () {
710
733
  return [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])];
711
- } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this, 'findWhatReplace')])])])
734
+ } : [localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll])])]), checkboxes, navigation.call(_this2, 'findWhatReplace')])])])
712
735
  );
713
736
  // document.body);
714
737
  },
package/dist/es/messages/main.d.ts CHANGED
@@ -28,6 +28,8 @@ export declare const messages: {
28
28
  "editor.pdf": string;
29
29
  "editor.foregroundColor": string;
30
30
  "editor.backgroundColor": string;
31
+ "editor.foregroundColorAriaLabel": string;
32
+ "editor.backgroundColorAriaLabel": string;
31
33
  "editor.createTable": string;
32
34
  "editor.insertTableHint": string;
33
35
  "editor.addRowBefore": string;
@@ -112,6 +114,8 @@ export declare const keys: {
112
114
  pdf: string;
113
115
  foregroundColor: string;
114
116
  backgroundColor: string;
117
+ foregroundColorAriaLabel: string;
118
+ backgroundColorAriaLabel: string;
115
119
  createTable: string;
116
120
  createTableHint: string;
117
121
  addRowBefore: string;