@progress/kendo-vue-inputs 3.5.2 → 3.5.3-dev.202209051408
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.
- package/dist/cdn/js/kendo-vue-inputs.js +1 -1
- package/dist/es/colors/ColorGradient.js +5 -1
- package/dist/es/colors/FlatColorPicker.js +17 -5
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/colors/ColorGradient.js +5 -1
- package/dist/esm/colors/FlatColorPicker.js +17 -5
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/colors/ColorGradient.js +5 -1
- package/dist/npm/colors/FlatColorPicker.js +17 -5
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +11 -11
|
@@ -387,7 +387,11 @@ var ColorGradientVue2 = {
|
|
|
387
387
|
},
|
|
388
388
|
onGradientWrapperClick: function onGradientWrapperClick(event) {
|
|
389
389
|
this.firstFocusable = getRef(this, 'draghandle');
|
|
390
|
-
|
|
390
|
+
|
|
391
|
+
if (this.firstFocusable) {
|
|
392
|
+
this.firstFocusable.focus();
|
|
393
|
+
}
|
|
394
|
+
|
|
391
395
|
this.changePosition(event);
|
|
392
396
|
},
|
|
393
397
|
move: function move(e, prop, d) {
|
|
@@ -439,9 +439,9 @@ var FlatColorPickerVue2 = {
|
|
|
439
439
|
onKeydown: this.handleButtonKeydown,
|
|
440
440
|
on: this.v3 ? undefined : {
|
|
441
441
|
"keydown": this.handleButtonKeydown,
|
|
442
|
-
"click": this.
|
|
442
|
+
"click": this.triggerChange
|
|
443
443
|
},
|
|
444
|
-
onClick: this.
|
|
444
|
+
onClick: this.triggerChange
|
|
445
445
|
}, this.v3 ? function () {
|
|
446
446
|
return [applyMessage];
|
|
447
447
|
} : [applyMessage])]), footer]);
|
|
@@ -469,14 +469,26 @@ var FlatColorPickerVue2 = {
|
|
|
469
469
|
},
|
|
470
470
|
handleResetColor: function handleResetColor() {
|
|
471
471
|
this.colorValue = null;
|
|
472
|
+
|
|
473
|
+
if (!this.showButtons) {
|
|
474
|
+
this.triggerChange();
|
|
475
|
+
}
|
|
472
476
|
},
|
|
473
477
|
handleColorChange: function handleColorChange(event) {
|
|
474
478
|
this.colorValue = event.value;
|
|
479
|
+
|
|
480
|
+
if (!this.showButtons) {
|
|
481
|
+
this.triggerChange(event);
|
|
482
|
+
}
|
|
475
483
|
},
|
|
476
484
|
handlePaletteColorChange: function handlePaletteColorChange(event) {
|
|
477
485
|
this.colorValue = event.value;
|
|
486
|
+
|
|
487
|
+
if (!this.showButtons) {
|
|
488
|
+
this.triggerChange(event);
|
|
489
|
+
}
|
|
478
490
|
},
|
|
479
|
-
|
|
491
|
+
triggerChange: function triggerChange(event) {
|
|
480
492
|
var rgbaValue = parseColor(this.colorValue, 'rgba');
|
|
481
493
|
this.currentPrevColor = this.colorValue;
|
|
482
494
|
this.$emit('changemodel', this.colorValue);
|
|
@@ -490,14 +502,14 @@ var FlatColorPickerVue2 = {
|
|
|
490
502
|
},
|
|
491
503
|
innerKeyDown: function innerKeyDown(event) {
|
|
492
504
|
if (event.keyCode === Keys.enter) {
|
|
493
|
-
this.
|
|
505
|
+
this.triggerChange(event);
|
|
494
506
|
}
|
|
495
507
|
},
|
|
496
508
|
gradientKeyDown: function gradientKeyDown(event) {
|
|
497
509
|
event.stopPropagation();
|
|
498
510
|
|
|
499
511
|
if (!this.showButtons && event.keyCode === Keys.enter) {
|
|
500
|
-
this.
|
|
512
|
+
this.triggerChange(event);
|
|
501
513
|
}
|
|
502
514
|
},
|
|
503
515
|
handleButtonKeydown: function handleButtonKeydown(e) {
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-inputs',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1662386211,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -387,7 +387,11 @@ var ColorGradientVue2 = {
|
|
|
387
387
|
},
|
|
388
388
|
onGradientWrapperClick: function onGradientWrapperClick(event) {
|
|
389
389
|
this.firstFocusable = getRef(this, 'draghandle');
|
|
390
|
-
|
|
390
|
+
|
|
391
|
+
if (this.firstFocusable) {
|
|
392
|
+
this.firstFocusable.focus();
|
|
393
|
+
}
|
|
394
|
+
|
|
391
395
|
this.changePosition(event);
|
|
392
396
|
},
|
|
393
397
|
move: function move(e, prop, d) {
|
|
@@ -439,9 +439,9 @@ var FlatColorPickerVue2 = {
|
|
|
439
439
|
onKeydown: this.handleButtonKeydown,
|
|
440
440
|
on: this.v3 ? undefined : {
|
|
441
441
|
"keydown": this.handleButtonKeydown,
|
|
442
|
-
"click": this.
|
|
442
|
+
"click": this.triggerChange
|
|
443
443
|
},
|
|
444
|
-
onClick: this.
|
|
444
|
+
onClick: this.triggerChange
|
|
445
445
|
}, this.v3 ? function () {
|
|
446
446
|
return [applyMessage];
|
|
447
447
|
} : [applyMessage])]), footer]);
|
|
@@ -469,14 +469,26 @@ var FlatColorPickerVue2 = {
|
|
|
469
469
|
},
|
|
470
470
|
handleResetColor: function handleResetColor() {
|
|
471
471
|
this.colorValue = null;
|
|
472
|
+
|
|
473
|
+
if (!this.showButtons) {
|
|
474
|
+
this.triggerChange();
|
|
475
|
+
}
|
|
472
476
|
},
|
|
473
477
|
handleColorChange: function handleColorChange(event) {
|
|
474
478
|
this.colorValue = event.value;
|
|
479
|
+
|
|
480
|
+
if (!this.showButtons) {
|
|
481
|
+
this.triggerChange(event);
|
|
482
|
+
}
|
|
475
483
|
},
|
|
476
484
|
handlePaletteColorChange: function handlePaletteColorChange(event) {
|
|
477
485
|
this.colorValue = event.value;
|
|
486
|
+
|
|
487
|
+
if (!this.showButtons) {
|
|
488
|
+
this.triggerChange(event);
|
|
489
|
+
}
|
|
478
490
|
},
|
|
479
|
-
|
|
491
|
+
triggerChange: function triggerChange(event) {
|
|
480
492
|
var rgbaValue = parseColor(this.colorValue, 'rgba');
|
|
481
493
|
this.currentPrevColor = this.colorValue;
|
|
482
494
|
this.$emit('changemodel', this.colorValue);
|
|
@@ -490,14 +502,14 @@ var FlatColorPickerVue2 = {
|
|
|
490
502
|
},
|
|
491
503
|
innerKeyDown: function innerKeyDown(event) {
|
|
492
504
|
if (event.keyCode === Keys.enter) {
|
|
493
|
-
this.
|
|
505
|
+
this.triggerChange(event);
|
|
494
506
|
}
|
|
495
507
|
},
|
|
496
508
|
gradientKeyDown: function gradientKeyDown(event) {
|
|
497
509
|
event.stopPropagation();
|
|
498
510
|
|
|
499
511
|
if (!this.showButtons && event.keyCode === Keys.enter) {
|
|
500
|
-
this.
|
|
512
|
+
this.triggerChange(event);
|
|
501
513
|
}
|
|
502
514
|
},
|
|
503
515
|
handleButtonKeydown: function handleButtonKeydown(e) {
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-inputs',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1662386211,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -407,7 +407,11 @@ var ColorGradientVue2 = {
|
|
|
407
407
|
},
|
|
408
408
|
onGradientWrapperClick: function onGradientWrapperClick(event) {
|
|
409
409
|
this.firstFocusable = (0, kendo_vue_common_1.getRef)(this, 'draghandle');
|
|
410
|
-
|
|
410
|
+
|
|
411
|
+
if (this.firstFocusable) {
|
|
412
|
+
this.firstFocusable.focus();
|
|
413
|
+
}
|
|
414
|
+
|
|
411
415
|
this.changePosition(event);
|
|
412
416
|
},
|
|
413
417
|
move: function move(e, prop, d) {
|
|
@@ -456,9 +456,9 @@ var FlatColorPickerVue2 = {
|
|
|
456
456
|
onKeydown: this.handleButtonKeydown,
|
|
457
457
|
on: this.v3 ? undefined : {
|
|
458
458
|
"keydown": this.handleButtonKeydown,
|
|
459
|
-
"click": this.
|
|
459
|
+
"click": this.triggerChange
|
|
460
460
|
},
|
|
461
|
-
onClick: this.
|
|
461
|
+
onClick: this.triggerChange
|
|
462
462
|
}, this.v3 ? function () {
|
|
463
463
|
return [applyMessage];
|
|
464
464
|
} : [applyMessage])]), footer]);
|
|
@@ -486,14 +486,26 @@ var FlatColorPickerVue2 = {
|
|
|
486
486
|
},
|
|
487
487
|
handleResetColor: function handleResetColor() {
|
|
488
488
|
this.colorValue = null;
|
|
489
|
+
|
|
490
|
+
if (!this.showButtons) {
|
|
491
|
+
this.triggerChange();
|
|
492
|
+
}
|
|
489
493
|
},
|
|
490
494
|
handleColorChange: function handleColorChange(event) {
|
|
491
495
|
this.colorValue = event.value;
|
|
496
|
+
|
|
497
|
+
if (!this.showButtons) {
|
|
498
|
+
this.triggerChange(event);
|
|
499
|
+
}
|
|
492
500
|
},
|
|
493
501
|
handlePaletteColorChange: function handlePaletteColorChange(event) {
|
|
494
502
|
this.colorValue = event.value;
|
|
503
|
+
|
|
504
|
+
if (!this.showButtons) {
|
|
505
|
+
this.triggerChange(event);
|
|
506
|
+
}
|
|
495
507
|
},
|
|
496
|
-
|
|
508
|
+
triggerChange: function triggerChange(event) {
|
|
497
509
|
var rgbaValue = (0, color_parser_1.parseColor)(this.colorValue, 'rgba');
|
|
498
510
|
this.currentPrevColor = this.colorValue;
|
|
499
511
|
this.$emit('changemodel', this.colorValue);
|
|
@@ -507,14 +519,14 @@ var FlatColorPickerVue2 = {
|
|
|
507
519
|
},
|
|
508
520
|
innerKeyDown: function innerKeyDown(event) {
|
|
509
521
|
if (event.keyCode === kendo_vue_common_1.Keys.enter) {
|
|
510
|
-
this.
|
|
522
|
+
this.triggerChange(event);
|
|
511
523
|
}
|
|
512
524
|
},
|
|
513
525
|
gradientKeyDown: function gradientKeyDown(event) {
|
|
514
526
|
event.stopPropagation();
|
|
515
527
|
|
|
516
528
|
if (!this.showButtons && event.keyCode === kendo_vue_common_1.Keys.enter) {
|
|
517
|
-
this.
|
|
529
|
+
this.triggerChange(event);
|
|
518
530
|
}
|
|
519
531
|
},
|
|
520
532
|
handleButtonKeydown: function handleButtonKeydown(e) {
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-inputs',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1662386211,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-inputs",
|
|
3
3
|
"description": "Kendo UI for Vue Input package",
|
|
4
|
-
"version": "3.5.
|
|
4
|
+
"version": "3.5.3-dev.202209051408",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -44,22 +44,22 @@
|
|
|
44
44
|
"vue": "^2.6.12 || ^3.0.2"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@progress/kendo-vue-buttons": "3.5.
|
|
48
|
-
"@progress/kendo-vue-common": "3.5.
|
|
49
|
-
"@progress/kendo-vue-labels": "3.5.
|
|
50
|
-
"@progress/kendo-vue-popup": "3.5.
|
|
47
|
+
"@progress/kendo-vue-buttons": "3.5.3-dev.202209051408",
|
|
48
|
+
"@progress/kendo-vue-common": "3.5.3-dev.202209051408",
|
|
49
|
+
"@progress/kendo-vue-labels": "3.5.3-dev.202209051408",
|
|
50
|
+
"@progress/kendo-vue-popup": "3.5.3-dev.202209051408"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"@progress/kendo-data-query": "^1.5.5",
|
|
54
54
|
"@progress/kendo-date-math": "^1.5.4",
|
|
55
55
|
"@progress/kendo-drawing": "^1.8.0",
|
|
56
56
|
"@progress/kendo-licensing": "^1.1.0",
|
|
57
|
-
"@progress/kendo-vue-buttons": "3.5.
|
|
58
|
-
"@progress/kendo-vue-dropdowns": "3.5.
|
|
59
|
-
"@progress/kendo-vue-form": "3.5.
|
|
60
|
-
"@progress/kendo-vue-intl": "3.5.
|
|
61
|
-
"@progress/kendo-vue-labels": "3.5.
|
|
62
|
-
"@progress/kendo-vue-tooltip": "3.5.
|
|
57
|
+
"@progress/kendo-vue-buttons": "3.5.3-dev.202209051408",
|
|
58
|
+
"@progress/kendo-vue-dropdowns": "3.5.3-dev.202209051408",
|
|
59
|
+
"@progress/kendo-vue-form": "3.5.3-dev.202209051408",
|
|
60
|
+
"@progress/kendo-vue-intl": "3.5.3-dev.202209051408",
|
|
61
|
+
"@progress/kendo-vue-labels": "3.5.3-dev.202209051408",
|
|
62
|
+
"@progress/kendo-vue-tooltip": "3.5.3-dev.202209051408",
|
|
63
63
|
"cldr-core": "^41.0.0",
|
|
64
64
|
"cldr-dates-full": "^41.0.0",
|
|
65
65
|
"cldr-numbers-full": "^41.0.0"
|