@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.
Files changed (113) hide show
  1. package/CHANGELOG.md +0 -17
  2. package/README.md +15 -2
  3. package/dist/ej2-vue-inputs.umd.min.js +1 -1
  4. package/dist/es6/ej2-vue-inputs.es2015.js +146 -16
  5. package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-inputs.es5.js +93 -9
  7. package/dist/es6/ej2-vue-inputs.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-inputs.min.js +2 -2
  9. package/package.json +8 -8
  10. package/src/color-picker/colorpicker.component.d.ts +1 -0
  11. package/src/color-picker/colorpicker.component.js +10 -1
  12. package/src/maskedtextbox/maskedtextbox.component.d.ts +1 -0
  13. package/src/maskedtextbox/maskedtextbox.component.js +10 -1
  14. package/src/numerictextbox/numerictextbox.component.d.ts +1 -0
  15. package/src/numerictextbox/numerictextbox.component.js +10 -1
  16. package/src/signature/signature.component.d.ts +1 -0
  17. package/src/signature/signature.component.js +10 -1
  18. package/src/slider/slider.component.d.ts +1 -0
  19. package/src/slider/slider.component.js +10 -1
  20. package/src/textbox/textbox.component.d.ts +1 -0
  21. package/src/textbox/textbox.component.js +10 -1
  22. package/src/uploader/files.directive.d.ts +3 -1
  23. package/src/uploader/files.directive.js +24 -2
  24. package/src/uploader/uploader.component.d.ts +1 -0
  25. package/src/uploader/uploader.component.js +10 -1
  26. package/styles/bootstrap-dark.css +10 -12
  27. package/styles/bootstrap.css +10 -12
  28. package/styles/bootstrap4.css +9 -14
  29. package/styles/bootstrap5-dark.css +118 -57
  30. package/styles/bootstrap5.css +118 -57
  31. package/styles/color-picker/bootstrap5-dark.css +26 -20
  32. package/styles/color-picker/bootstrap5.css +26 -20
  33. package/styles/color-picker/fluent-dark.css +902 -0
  34. package/styles/color-picker/fluent-dark.scss +1 -0
  35. package/styles/color-picker/fluent.css +902 -0
  36. package/styles/color-picker/fluent.scss +1 -0
  37. package/styles/color-picker/tailwind-dark.css +10 -6
  38. package/styles/color-picker/tailwind.css +10 -6
  39. package/styles/fabric-dark.css +8 -11
  40. package/styles/fabric.css +8 -11
  41. package/styles/fluent-dark.css +7366 -0
  42. package/styles/fluent-dark.scss +8 -0
  43. package/styles/fluent.css +7366 -0
  44. package/styles/fluent.scss +8 -0
  45. package/styles/highcontrast-light.css +8 -11
  46. package/styles/highcontrast.css +8 -11
  47. package/styles/input/bootstrap-dark.css +8 -8
  48. package/styles/input/bootstrap.css +8 -8
  49. package/styles/input/bootstrap4.css +8 -8
  50. package/styles/input/bootstrap5-dark.css +86 -29
  51. package/styles/input/bootstrap5.css +86 -29
  52. package/styles/input/fabric-dark.css +7 -7
  53. package/styles/input/fabric.css +7 -7
  54. package/styles/input/fluent-dark.css +4595 -0
  55. package/styles/input/fluent-dark.scss +1 -0
  56. package/styles/input/fluent.css +4595 -0
  57. package/styles/input/fluent.scss +1 -0
  58. package/styles/input/highcontrast-light.css +7 -7
  59. package/styles/input/highcontrast.css +7 -7
  60. package/styles/input/material-dark.css +90 -7
  61. package/styles/input/material.css +90 -7
  62. package/styles/input/tailwind-dark.css +96 -40
  63. package/styles/input/tailwind.css +96 -40
  64. package/styles/maskedtextbox/fluent-dark.css +26 -0
  65. package/styles/maskedtextbox/fluent-dark.scss +1 -0
  66. package/styles/maskedtextbox/fluent.css +26 -0
  67. package/styles/maskedtextbox/fluent.scss +1 -0
  68. package/styles/material-dark.css +91 -11
  69. package/styles/material.css +91 -11
  70. package/styles/numerictextbox/fluent-dark.css +60 -0
  71. package/styles/numerictextbox/fluent-dark.scss +1 -0
  72. package/styles/numerictextbox/fluent.css +60 -0
  73. package/styles/numerictextbox/fluent.scss +1 -0
  74. package/styles/numerictextbox/tailwind-dark.css +2 -2
  75. package/styles/numerictextbox/tailwind.css +2 -2
  76. package/styles/signature/fluent-dark.css +9 -0
  77. package/styles/signature/fluent-dark.scss +1 -0
  78. package/styles/signature/fluent.css +9 -0
  79. package/styles/signature/fluent.scss +1 -0
  80. package/styles/slider/bootstrap-dark.css +1 -0
  81. package/styles/slider/bootstrap.css +1 -0
  82. package/styles/slider/bootstrap4.css +0 -2
  83. package/styles/slider/bootstrap5-dark.css +5 -4
  84. package/styles/slider/bootstrap5.css +5 -4
  85. package/styles/slider/fluent-dark.css +632 -0
  86. package/styles/slider/fluent-dark.scss +1 -0
  87. package/styles/slider/fluent.css +632 -0
  88. package/styles/slider/fluent.scss +1 -0
  89. package/styles/slider/tailwind-dark.css +9 -5
  90. package/styles/slider/tailwind.css +9 -5
  91. package/styles/tailwind-dark.css +178 -92
  92. package/styles/tailwind.css +178 -92
  93. package/styles/textbox/fluent-dark.css +0 -0
  94. package/styles/textbox/fluent-dark.scss +1 -0
  95. package/styles/textbox/fluent.css +0 -0
  96. package/styles/textbox/fluent.scss +1 -0
  97. package/styles/uploader/bootstrap-dark.css +1 -4
  98. package/styles/uploader/bootstrap.css +1 -4
  99. package/styles/uploader/bootstrap4.css +1 -4
  100. package/styles/uploader/bootstrap5-dark.css +1 -4
  101. package/styles/uploader/bootstrap5.css +1 -4
  102. package/styles/uploader/fabric-dark.css +1 -4
  103. package/styles/uploader/fabric.css +1 -4
  104. package/styles/uploader/fluent-dark.css +1137 -0
  105. package/styles/uploader/fluent-dark.scss +1 -0
  106. package/styles/uploader/fluent.css +1137 -0
  107. package/styles/uploader/fluent.scss +1 -0
  108. package/styles/uploader/highcontrast-light.css +1 -4
  109. package/styles/uploader/highcontrast.css +1 -4
  110. package/styles/uploader/material-dark.css +1 -4
  111. package/styles/uploader/material.css +1 -4
  112. package/styles/uploader/tailwind-dark.css +61 -39
  113. 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 !== null && _super.apply(this, arguments) || this;
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;