@syncfusion/ej2-vue-inputs 19.4.52 → 20.1.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 +0 -17
- package/README.md +15 -2
- package/dist/ej2-vue-inputs.umd.min.js +1 -1
- package/dist/es6/ej2-vue-inputs.es2015.js +146 -16
- package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-inputs.es5.js +93 -9
- 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.d.ts +1 -0
- package/src/color-picker/colorpicker.component.js +10 -1
- package/src/maskedtextbox/maskedtextbox.component.d.ts +1 -0
- package/src/maskedtextbox/maskedtextbox.component.js +10 -1
- package/src/numerictextbox/numerictextbox.component.d.ts +1 -0
- package/src/numerictextbox/numerictextbox.component.js +10 -1
- package/src/signature/signature.component.d.ts +1 -0
- package/src/signature/signature.component.js +10 -1
- package/src/slider/slider.component.d.ts +1 -0
- package/src/slider/slider.component.js +10 -1
- package/src/textbox/textbox.component.d.ts +1 -0
- package/src/textbox/textbox.component.js +10 -1
- package/src/uploader/files.directive.d.ts +3 -1
- package/src/uploader/files.directive.js +24 -2
- package/src/uploader/uploader.component.d.ts +1 -0
- package/src/uploader/uploader.component.js +10 -1
- package/styles/bootstrap-dark.css +10 -12
- package/styles/bootstrap.css +10 -12
- package/styles/bootstrap4.css +9 -14
- package/styles/bootstrap5-dark.css +118 -57
- package/styles/bootstrap5.css +118 -57
- package/styles/color-picker/bootstrap5-dark.css +26 -20
- package/styles/color-picker/bootstrap5.css +26 -20
- package/styles/color-picker/fluent-dark.css +902 -0
- package/styles/color-picker/fluent-dark.scss +1 -0
- package/styles/color-picker/fluent.css +902 -0
- package/styles/color-picker/fluent.scss +1 -0
- package/styles/color-picker/tailwind-dark.css +10 -6
- package/styles/color-picker/tailwind.css +10 -6
- package/styles/fabric-dark.css +8 -11
- package/styles/fabric.css +8 -11
- package/styles/fluent-dark.css +7366 -0
- package/styles/fluent-dark.scss +8 -0
- package/styles/fluent.css +7366 -0
- package/styles/fluent.scss +8 -0
- package/styles/highcontrast-light.css +8 -11
- package/styles/highcontrast.css +8 -11
- package/styles/input/bootstrap-dark.css +8 -8
- package/styles/input/bootstrap.css +8 -8
- package/styles/input/bootstrap4.css +8 -8
- package/styles/input/bootstrap5-dark.css +86 -29
- package/styles/input/bootstrap5.css +86 -29
- package/styles/input/fabric-dark.css +7 -7
- package/styles/input/fabric.css +7 -7
- package/styles/input/fluent-dark.css +4595 -0
- package/styles/input/fluent-dark.scss +1 -0
- package/styles/input/fluent.css +4595 -0
- package/styles/input/fluent.scss +1 -0
- package/styles/input/highcontrast-light.css +7 -7
- package/styles/input/highcontrast.css +7 -7
- package/styles/input/material-dark.css +90 -7
- package/styles/input/material.css +90 -7
- package/styles/input/tailwind-dark.css +96 -40
- package/styles/input/tailwind.css +96 -40
- package/styles/maskedtextbox/fluent-dark.css +26 -0
- package/styles/maskedtextbox/fluent-dark.scss +1 -0
- package/styles/maskedtextbox/fluent.css +26 -0
- package/styles/maskedtextbox/fluent.scss +1 -0
- package/styles/material-dark.css +91 -11
- package/styles/material.css +91 -11
- package/styles/numerictextbox/fluent-dark.css +60 -0
- package/styles/numerictextbox/fluent-dark.scss +1 -0
- package/styles/numerictextbox/fluent.css +60 -0
- package/styles/numerictextbox/fluent.scss +1 -0
- package/styles/numerictextbox/tailwind-dark.css +2 -2
- package/styles/numerictextbox/tailwind.css +2 -2
- package/styles/signature/fluent-dark.css +9 -0
- package/styles/signature/fluent-dark.scss +1 -0
- package/styles/signature/fluent.css +9 -0
- package/styles/signature/fluent.scss +1 -0
- package/styles/slider/bootstrap-dark.css +1 -0
- package/styles/slider/bootstrap.css +1 -0
- package/styles/slider/bootstrap4.css +0 -2
- package/styles/slider/bootstrap5-dark.css +5 -4
- package/styles/slider/bootstrap5.css +5 -4
- package/styles/slider/fluent-dark.css +632 -0
- package/styles/slider/fluent-dark.scss +1 -0
- package/styles/slider/fluent.css +632 -0
- package/styles/slider/fluent.scss +1 -0
- package/styles/slider/tailwind-dark.css +9 -5
- package/styles/slider/tailwind.css +9 -5
- package/styles/tailwind-dark.css +178 -92
- package/styles/tailwind.css +178 -92
- package/styles/textbox/fluent-dark.css +0 -0
- package/styles/textbox/fluent-dark.scss +1 -0
- package/styles/textbox/fluent.css +0 -0
- package/styles/textbox/fluent.scss +1 -0
- package/styles/uploader/bootstrap-dark.css +1 -4
- package/styles/uploader/bootstrap.css +1 -4
- package/styles/uploader/bootstrap4.css +1 -4
- package/styles/uploader/bootstrap5-dark.css +1 -4
- package/styles/uploader/bootstrap5.css +1 -4
- package/styles/uploader/fabric-dark.css +1 -4
- package/styles/uploader/fabric.css +1 -4
- package/styles/uploader/fluent-dark.css +1137 -0
- package/styles/uploader/fluent-dark.scss +1 -0
- package/styles/uploader/fluent.css +1137 -0
- package/styles/uploader/fluent.scss +1 -0
- package/styles/uploader/highcontrast-light.css +1 -4
- package/styles/uploader/highcontrast.css +1 -4
- package/styles/uploader/material-dark.css +1 -4
- package/styles/uploader/material.css +1 -4
- package/styles/uploader/tailwind-dark.css +61 -39
- package/styles/uploader/tailwind.css +61 -39
|
@@ -60,6 +60,7 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
60
60
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
61
61
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
62
62
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
63
|
+
_this.updated = _this.updated;
|
|
63
64
|
return _this;
|
|
64
65
|
}
|
|
65
66
|
TextBoxComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -156,6 +157,9 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
156
157
|
}
|
|
157
158
|
return h('input', slots);
|
|
158
159
|
};
|
|
160
|
+
TextBoxComponent.prototype.custom = function () {
|
|
161
|
+
this.updated();
|
|
162
|
+
};
|
|
159
163
|
TextBoxComponent.prototype.addAttributes = function (attributes) {
|
|
160
164
|
return this.ej2Instances.addAttributes(attributes);
|
|
161
165
|
};
|
|
@@ -181,7 +185,12 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
181
185
|
,Options({
|
|
182
186
|
props: props,
|
|
183
187
|
watch: watch,
|
|
184
|
-
emits: emitProbs
|
|
188
|
+
emits: emitProbs,
|
|
189
|
+
provide: function provide() {
|
|
190
|
+
return {
|
|
191
|
+
custom: this.custom
|
|
192
|
+
};
|
|
193
|
+
}
|
|
185
194
|
})
|
|
186
195
|
], TextBoxComponent);
|
|
187
196
|
return TextBoxComponent;
|
|
@@ -249,6 +258,7 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
249
258
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
250
259
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
251
260
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
261
|
+
_this.updated = _this.updated;
|
|
252
262
|
return _this;
|
|
253
263
|
}
|
|
254
264
|
NumericTextBoxComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -345,6 +355,9 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
345
355
|
}
|
|
346
356
|
return h('input', slots);
|
|
347
357
|
};
|
|
358
|
+
NumericTextBoxComponent.prototype.custom = function () {
|
|
359
|
+
this.updated();
|
|
360
|
+
};
|
|
348
361
|
NumericTextBoxComponent.prototype.decrement = function (step) {
|
|
349
362
|
return this.ej2Instances.decrement(step);
|
|
350
363
|
};
|
|
@@ -370,7 +383,12 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
370
383
|
,Options({
|
|
371
384
|
props: props,
|
|
372
385
|
watch: watch,
|
|
373
|
-
emits: emitProbs
|
|
386
|
+
emits: emitProbs,
|
|
387
|
+
provide: function provide() {
|
|
388
|
+
return {
|
|
389
|
+
custom: this.custom
|
|
390
|
+
};
|
|
391
|
+
}
|
|
374
392
|
})
|
|
375
393
|
], NumericTextBoxComponent);
|
|
376
394
|
return NumericTextBoxComponent;
|
|
@@ -438,6 +456,7 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
438
456
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
439
457
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
440
458
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
459
|
+
_this.updated = _this.updated;
|
|
441
460
|
return _this;
|
|
442
461
|
}
|
|
443
462
|
MaskedTextBoxComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -534,6 +553,9 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
534
553
|
}
|
|
535
554
|
return h('input', slots);
|
|
536
555
|
};
|
|
556
|
+
MaskedTextBoxComponent.prototype.custom = function () {
|
|
557
|
+
this.updated();
|
|
558
|
+
};
|
|
537
559
|
MaskedTextBoxComponent.prototype.focusIn = function () {
|
|
538
560
|
return this.ej2Instances.focusIn();
|
|
539
561
|
};
|
|
@@ -553,7 +575,12 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
553
575
|
,Options({
|
|
554
576
|
props: props,
|
|
555
577
|
watch: watch,
|
|
556
|
-
emits: emitProbs
|
|
578
|
+
emits: emitProbs,
|
|
579
|
+
provide: function provide() {
|
|
580
|
+
return {
|
|
581
|
+
custom: this.custom
|
|
582
|
+
};
|
|
583
|
+
}
|
|
557
584
|
})
|
|
558
585
|
], MaskedTextBoxComponent);
|
|
559
586
|
return MaskedTextBoxComponent;
|
|
@@ -621,6 +648,7 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
621
648
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
622
649
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
623
650
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
651
|
+
_this.updated = _this.updated;
|
|
624
652
|
return _this;
|
|
625
653
|
}
|
|
626
654
|
SliderComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -717,6 +745,9 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
717
745
|
}
|
|
718
746
|
return h('div', slots);
|
|
719
747
|
};
|
|
748
|
+
SliderComponent.prototype.custom = function () {
|
|
749
|
+
this.updated();
|
|
750
|
+
};
|
|
720
751
|
SliderComponent.prototype.reposition = function () {
|
|
721
752
|
return this.ej2Instances.reposition();
|
|
722
753
|
};
|
|
@@ -733,7 +764,12 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
733
764
|
,Options({
|
|
734
765
|
props: props,
|
|
735
766
|
watch: watch,
|
|
736
|
-
emits: emitProbs
|
|
767
|
+
emits: emitProbs,
|
|
768
|
+
provide: function provide() {
|
|
769
|
+
return {
|
|
770
|
+
custom: this.custom
|
|
771
|
+
};
|
|
772
|
+
}
|
|
737
773
|
})
|
|
738
774
|
], SliderComponent);
|
|
739
775
|
return SliderComponent;
|
|
@@ -764,6 +800,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
764
800
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
765
801
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
766
802
|
};
|
|
803
|
+
// {{VueImport}}
|
|
767
804
|
var isExecute$4 = gh ? false : true;
|
|
768
805
|
var vueImport;
|
|
769
806
|
if (!isExecute$4 || parseInt(allVue.version) < 3) {
|
|
@@ -775,16 +812,36 @@ else {
|
|
|
775
812
|
var FilesDirective = /** @__PURE__ @class */ (function (_super) {
|
|
776
813
|
__extends$4(FilesDirective, _super);
|
|
777
814
|
function FilesDirective() {
|
|
778
|
-
return _super
|
|
815
|
+
return _super.call(this, arguments) || this;
|
|
779
816
|
}
|
|
780
|
-
FilesDirective.prototype.render = function () {
|
|
817
|
+
FilesDirective.prototype.render = function (createElement) {
|
|
818
|
+
if (gh) {
|
|
819
|
+
var h = gh || createElement;
|
|
820
|
+
var slots = null;
|
|
821
|
+
if (!isNullOrUndefined(this.$slots.default)) {
|
|
822
|
+
slots = gh ? this.$slots.default() : this.$slots.default;
|
|
823
|
+
}
|
|
824
|
+
return h('div', { class: 'e-directive' }, slots);
|
|
825
|
+
}
|
|
781
826
|
return;
|
|
782
827
|
};
|
|
828
|
+
FilesDirective.prototype.updated = function () {
|
|
829
|
+
if (gh && this.custom) {
|
|
830
|
+
this.custom();
|
|
831
|
+
}
|
|
832
|
+
};
|
|
783
833
|
FilesDirective.prototype.getTag = function () {
|
|
784
834
|
return 'e-files';
|
|
785
835
|
};
|
|
786
836
|
FilesDirective = __decorate$4([
|
|
787
837
|
EJComponentDecorator({}, isExecute$4)
|
|
838
|
+
,Options({
|
|
839
|
+
inject: {
|
|
840
|
+
custom: {
|
|
841
|
+
default: null
|
|
842
|
+
}
|
|
843
|
+
}
|
|
844
|
+
})
|
|
788
845
|
], FilesDirective);
|
|
789
846
|
return FilesDirective;
|
|
790
847
|
}(vueImport));
|
|
@@ -883,6 +940,7 @@ var UploaderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
883
940
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
884
941
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
885
942
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
943
|
+
_this.updated = _this.updated;
|
|
886
944
|
return _this;
|
|
887
945
|
}
|
|
888
946
|
UploaderComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -941,6 +999,9 @@ var UploaderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
941
999
|
}
|
|
942
1000
|
return h('input', slots);
|
|
943
1001
|
};
|
|
1002
|
+
UploaderComponent.prototype.custom = function () {
|
|
1003
|
+
this.updated();
|
|
1004
|
+
};
|
|
944
1005
|
UploaderComponent.prototype.bytesToSize = function (bytes) {
|
|
945
1006
|
return this.ej2Instances.bytesToSize(bytes);
|
|
946
1007
|
};
|
|
@@ -984,7 +1045,12 @@ var UploaderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
984
1045
|
,Options({
|
|
985
1046
|
props: props,
|
|
986
1047
|
watch: watch,
|
|
987
|
-
emits: emitProbs
|
|
1048
|
+
emits: emitProbs,
|
|
1049
|
+
provide: function provide() {
|
|
1050
|
+
return {
|
|
1051
|
+
custom: this.custom
|
|
1052
|
+
};
|
|
1053
|
+
}
|
|
988
1054
|
})
|
|
989
1055
|
], UploaderComponent);
|
|
990
1056
|
return UploaderComponent;
|
|
@@ -1054,6 +1120,7 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1054
1120
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
1055
1121
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
1056
1122
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
1123
|
+
_this.updated = _this.updated;
|
|
1057
1124
|
return _this;
|
|
1058
1125
|
}
|
|
1059
1126
|
ColorPickerComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -1150,6 +1217,9 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1150
1217
|
}
|
|
1151
1218
|
return h('input', slots);
|
|
1152
1219
|
};
|
|
1220
|
+
ColorPickerComponent.prototype.custom = function () {
|
|
1221
|
+
this.updated();
|
|
1222
|
+
};
|
|
1153
1223
|
ColorPickerComponent.prototype.focusIn = function () {
|
|
1154
1224
|
return this.ej2Instances.focusIn();
|
|
1155
1225
|
};
|
|
@@ -1169,7 +1239,12 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1169
1239
|
,Options({
|
|
1170
1240
|
props: props,
|
|
1171
1241
|
watch: watch,
|
|
1172
|
-
emits: emitProbs
|
|
1242
|
+
emits: emitProbs,
|
|
1243
|
+
provide: function provide() {
|
|
1244
|
+
return {
|
|
1245
|
+
custom: this.custom
|
|
1246
|
+
};
|
|
1247
|
+
}
|
|
1173
1248
|
})
|
|
1174
1249
|
], ColorPickerComponent);
|
|
1175
1250
|
return ColorPickerComponent;
|
|
@@ -1235,6 +1310,7 @@ var SignatureComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1235
1310
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
1236
1311
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
1237
1312
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
1313
|
+
_this.updated = _this.updated;
|
|
1238
1314
|
return _this;
|
|
1239
1315
|
}
|
|
1240
1316
|
SignatureComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -1293,6 +1369,9 @@ var SignatureComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1293
1369
|
}
|
|
1294
1370
|
return h('canvas', slots);
|
|
1295
1371
|
};
|
|
1372
|
+
SignatureComponent.prototype.custom = function () {
|
|
1373
|
+
this.updated();
|
|
1374
|
+
};
|
|
1296
1375
|
SignatureComponent.prototype.canRedo = function () {
|
|
1297
1376
|
return this.ej2Instances.canRedo();
|
|
1298
1377
|
};
|
|
@@ -1336,7 +1415,12 @@ var SignatureComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1336
1415
|
,Options({
|
|
1337
1416
|
props: props,
|
|
1338
1417
|
watch: watch,
|
|
1339
|
-
emits: emitProbs
|
|
1418
|
+
emits: emitProbs,
|
|
1419
|
+
provide: function provide() {
|
|
1420
|
+
return {
|
|
1421
|
+
custom: this.custom
|
|
1422
|
+
};
|
|
1423
|
+
}
|
|
1340
1424
|
})
|
|
1341
1425
|
], SignatureComponent);
|
|
1342
1426
|
return SignatureComponent;
|