@syncfusion/ej2-vue-inputs 19.2.59 → 19.3.47
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/CHANGELOG.md +8 -0
- package/dist/ej2-vue-inputs.umd.min.js +20 -2
- package/dist/ej2-vue-inputs.umd.min.js.map +1 -1
- package/dist/es6/ej2-vue-inputs.es2015.js +32 -16
- package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-inputs.es5.js +32 -16
- package/dist/es6/ej2-vue-inputs.es5.js.map +1 -1
- package/dist/global/ej2-vue-inputs.min.js +2 -2
- package/package.json +8 -8
- package/src/color-picker/colorpicker.component.js +6 -3
- package/src/maskedtextbox/maskedtextbox.component.js +6 -3
- package/src/numerictextbox/numerictextbox.component.js +6 -3
- package/src/slider/slider.component.js +6 -3
- package/src/textbox/textbox.component.js +6 -3
- package/src/uploader/uploader.component.js +2 -1
- package/styles/bootstrap-dark.css +14 -6
- package/styles/bootstrap.css +14 -6
- package/styles/bootstrap4.css +22 -12
- package/styles/bootstrap5-dark.css +7548 -0
- package/styles/bootstrap5-dark.scss +7 -0
- package/styles/bootstrap5.css +7548 -0
- package/styles/bootstrap5.scss +7 -0
- package/styles/color-picker/bootstrap5-dark.css +964 -0
- package/styles/color-picker/bootstrap5-dark.scss +1 -0
- package/styles/color-picker/bootstrap5.css +964 -0
- package/styles/color-picker/bootstrap5.scss +1 -0
- package/styles/fabric-dark.css +15 -7
- package/styles/fabric.css +15 -7
- package/styles/highcontrast-light.css +15 -7
- package/styles/highcontrast.css +16 -8
- package/styles/input/bootstrap-dark.css +12 -3
- package/styles/input/bootstrap.css +12 -3
- package/styles/input/bootstrap4.css +15 -3
- package/styles/input/bootstrap5-dark.css +4670 -0
- package/styles/input/bootstrap5-dark.scss +1 -0
- package/styles/input/bootstrap5.css +4670 -0
- package/styles/input/bootstrap5.scss +1 -0
- package/styles/input/fabric-dark.css +12 -3
- package/styles/input/fabric.css +13 -4
- package/styles/input/highcontrast-light.css +12 -3
- package/styles/input/highcontrast.css +13 -4
- package/styles/input/material-dark.css +2320 -201
- package/styles/input/material.css +12 -3
- package/styles/input/tailwind-dark.css +14 -5
- package/styles/input/tailwind.css +14 -5
- package/styles/maskedtextbox/bootstrap5-dark.css +33 -0
- package/styles/maskedtextbox/bootstrap5-dark.scss +1 -0
- package/styles/maskedtextbox/bootstrap5.css +33 -0
- package/styles/maskedtextbox/bootstrap5.scss +1 -0
- package/styles/material-dark.css +2337 -218
- package/styles/material.css +14 -5
- package/styles/numerictextbox/bootstrap5-dark.css +48 -0
- package/styles/numerictextbox/bootstrap5-dark.scss +1 -0
- package/styles/numerictextbox/bootstrap5.css +48 -0
- package/styles/numerictextbox/bootstrap5.scss +1 -0
- package/styles/slider/bootstrap-dark.css +2 -3
- package/styles/slider/bootstrap.css +2 -3
- package/styles/slider/bootstrap4.css +7 -9
- package/styles/slider/bootstrap5-dark.css +749 -0
- package/styles/slider/bootstrap5-dark.scss +1 -0
- package/styles/slider/bootstrap5.css +749 -0
- package/styles/slider/bootstrap5.scss +1 -0
- package/styles/slider/fabric-dark.css +3 -4
- package/styles/slider/fabric.css +2 -3
- package/styles/slider/highcontrast-light.css +3 -4
- package/styles/slider/highcontrast.css +3 -4
- package/styles/slider/material-dark.css +16 -16
- package/styles/slider/material.css +2 -2
- package/styles/slider/tailwind-dark.css +9 -8
- package/styles/slider/tailwind.css +7 -3
- package/styles/tailwind-dark.css +23 -13
- package/styles/tailwind.css +21 -8
- package/styles/textbox/bootstrap5-dark.css +0 -0
- package/styles/textbox/bootstrap5-dark.scss +1 -0
- package/styles/textbox/bootstrap5.css +0 -0
- package/styles/textbox/bootstrap5.scss +1 -0
- package/styles/uploader/bootstrap5-dark.css +1079 -0
- package/styles/uploader/bootstrap5-dark.scss +1 -0
- package/styles/uploader/bootstrap5.css +1079 -0
- package/styles/uploader/bootstrap5.scss +1 -0
- package/styles/uploader/material-dark.css +1 -1
|
@@ -24,7 +24,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
|
|
|
24
24
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
25
25
|
};
|
|
26
26
|
import { Options } from 'vue-class-component';
|
|
27
|
-
var properties = ['autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus', 'input'];
|
|
27
|
+
var properties = ['islazyUpdate', 'autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus', 'input'];
|
|
28
28
|
var modelProps = ['value'];
|
|
29
29
|
var testProp = getProps({ props: properties });
|
|
30
30
|
var props = testProp[0];
|
|
@@ -103,6 +103,7 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
103
103
|
}
|
|
104
104
|
else {
|
|
105
105
|
_this.$emit('update:' + key, prop[key]);
|
|
106
|
+
_this.$emit('modelchanged', prop[key]);
|
|
106
107
|
}
|
|
107
108
|
}
|
|
108
109
|
});
|
|
@@ -122,8 +123,10 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
122
123
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
123
124
|
}
|
|
124
125
|
else {
|
|
125
|
-
|
|
126
|
-
|
|
126
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
127
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
128
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
129
|
+
}
|
|
127
130
|
}
|
|
128
131
|
}
|
|
129
132
|
}
|
|
@@ -210,7 +213,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
210
213
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
211
214
|
};
|
|
212
215
|
// {{VueImport}}
|
|
213
|
-
var properties$1 = ['cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
|
|
216
|
+
var properties$1 = ['islazyUpdate', 'cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
|
|
214
217
|
var modelProps$1 = ['value'];
|
|
215
218
|
var testProp$1 = getProps({ props: properties$1 });
|
|
216
219
|
var props$1 = testProp$1[0];
|
|
@@ -289,6 +292,7 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
289
292
|
}
|
|
290
293
|
else {
|
|
291
294
|
_this.$emit('update:' + key, prop[key]);
|
|
295
|
+
_this.$emit('modelchanged', prop[key]);
|
|
292
296
|
}
|
|
293
297
|
}
|
|
294
298
|
});
|
|
@@ -308,8 +312,10 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
308
312
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
309
313
|
}
|
|
310
314
|
else {
|
|
311
|
-
|
|
312
|
-
|
|
315
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
316
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
317
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
318
|
+
}
|
|
313
319
|
}
|
|
314
320
|
}
|
|
315
321
|
}
|
|
@@ -396,7 +402,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
396
402
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
397
403
|
};
|
|
398
404
|
// {{VueImport}}
|
|
399
|
-
var properties$2 = ['cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
|
|
405
|
+
var properties$2 = ['islazyUpdate', 'cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
|
|
400
406
|
var modelProps$2 = ['value'];
|
|
401
407
|
var testProp$2 = getProps({ props: properties$2 });
|
|
402
408
|
var props$2 = testProp$2[0];
|
|
@@ -475,6 +481,7 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
475
481
|
}
|
|
476
482
|
else {
|
|
477
483
|
_this.$emit('update:' + key, prop[key]);
|
|
484
|
+
_this.$emit('modelchanged', prop[key]);
|
|
478
485
|
}
|
|
479
486
|
}
|
|
480
487
|
});
|
|
@@ -494,8 +501,10 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
494
501
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
495
502
|
}
|
|
496
503
|
else {
|
|
497
|
-
|
|
498
|
-
|
|
504
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
505
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
506
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
507
|
+
}
|
|
499
508
|
}
|
|
500
509
|
}
|
|
501
510
|
}
|
|
@@ -576,7 +585,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
576
585
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
577
586
|
};
|
|
578
587
|
// {{VueImport}}
|
|
579
|
-
var properties$3 = ['colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange'];
|
|
588
|
+
var properties$3 = ['islazyUpdate', 'colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange'];
|
|
580
589
|
var modelProps$3 = ['value'];
|
|
581
590
|
var testProp$3 = getProps({ props: properties$3 });
|
|
582
591
|
var props$3 = testProp$3[0];
|
|
@@ -655,6 +664,7 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
655
664
|
}
|
|
656
665
|
else {
|
|
657
666
|
_this.$emit('update:' + key, prop[key]);
|
|
667
|
+
_this.$emit('modelchanged', prop[key]);
|
|
658
668
|
}
|
|
659
669
|
}
|
|
660
670
|
});
|
|
@@ -674,8 +684,10 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
674
684
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
675
685
|
}
|
|
676
686
|
else {
|
|
677
|
-
|
|
678
|
-
|
|
687
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
688
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
689
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
690
|
+
}
|
|
679
691
|
}
|
|
680
692
|
}
|
|
681
693
|
}
|
|
@@ -837,7 +849,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
837
849
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
838
850
|
};
|
|
839
851
|
// {{VueImport}}
|
|
840
|
-
var properties$4 = ['allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
|
|
852
|
+
var properties$4 = ['islazyUpdate', 'allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
|
|
841
853
|
var modelProps$4 = [];
|
|
842
854
|
var testProp$4 = getProps({ props: properties$4 });
|
|
843
855
|
var props$4 = testProp$4[0];
|
|
@@ -914,6 +926,7 @@ var UploaderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
914
926
|
}
|
|
915
927
|
else {
|
|
916
928
|
_this.$emit('update:' + key, prop[key]);
|
|
929
|
+
_this.$emit('modelchanged', prop[key]);
|
|
917
930
|
}
|
|
918
931
|
}
|
|
919
932
|
});
|
|
@@ -1005,7 +1018,7 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
1005
1018
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
1006
1019
|
};
|
|
1007
1020
|
// {{VueImport}}
|
|
1008
|
-
var properties$5 = ['columns', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select'];
|
|
1021
|
+
var properties$5 = ['islazyUpdate', 'columns', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select'];
|
|
1009
1022
|
var modelProps$5 = ['value'];
|
|
1010
1023
|
var testProp$5 = getProps({ props: properties$5 });
|
|
1011
1024
|
var props$5 = testProp$5[0];
|
|
@@ -1084,6 +1097,7 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1084
1097
|
}
|
|
1085
1098
|
else {
|
|
1086
1099
|
_this.$emit('update:' + key, prop[key]);
|
|
1100
|
+
_this.$emit('modelchanged', prop[key]);
|
|
1087
1101
|
}
|
|
1088
1102
|
}
|
|
1089
1103
|
});
|
|
@@ -1103,8 +1117,10 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1103
1117
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
1104
1118
|
}
|
|
1105
1119
|
else {
|
|
1106
|
-
|
|
1107
|
-
|
|
1120
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
1121
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
1122
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
1123
|
+
}
|
|
1108
1124
|
}
|
|
1109
1125
|
}
|
|
1110
1126
|
}
|