@syncfusion/ej2-vue-inputs 20.2.48 → 20.3.49
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 -6
- package/dist/ej2-vue-inputs.umd.min.js +1 -1
- package/dist/es6/ej2-vue-inputs.es2015.js +46 -54
- package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-inputs.es5.js +46 -54
- 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 +0 -1
- package/src/color-picker/colorpicker.component.js +3 -4
- package/src/maskedtextbox/maskedtextbox.component.d.ts +0 -1
- package/src/maskedtextbox/maskedtextbox.component.js +3 -4
- package/src/numerictextbox/numerictextbox.component.d.ts +0 -1
- package/src/numerictextbox/numerictextbox.component.js +3 -4
- package/src/signature/signature.component.d.ts +0 -1
- package/src/signature/signature.component.js +3 -4
- package/src/slider/slider.component.d.ts +0 -1
- package/src/slider/slider.component.js +3 -4
- package/src/textbox/textbox.component.d.ts +0 -1
- package/src/textbox/textbox.component.js +3 -4
- package/src/uploader/files.directive.d.ts +0 -1
- package/src/uploader/files.directive.js +5 -6
- package/src/uploader/uploader.component.d.ts +0 -1
- package/src/uploader/uploader.component.js +3 -4
- package/styles/bootstrap-dark.css +31 -13
- package/styles/bootstrap.css +31 -13
- package/styles/bootstrap4.css +31 -13
- package/styles/bootstrap5-dark.css +32 -13
- package/styles/bootstrap5.css +32 -13
- package/styles/color-picker/bootstrap-dark.css +2 -0
- package/styles/color-picker/bootstrap.css +2 -0
- package/styles/color-picker/bootstrap4.css +2 -0
- package/styles/color-picker/bootstrap5-dark.css +3 -0
- package/styles/color-picker/bootstrap5.css +3 -0
- package/styles/color-picker/fabric-dark.css +2 -0
- package/styles/color-picker/fabric.css +2 -0
- package/styles/color-picker/fluent-dark.css +3 -0
- package/styles/color-picker/fluent.css +3 -0
- package/styles/color-picker/highcontrast-light.css +2 -0
- package/styles/color-picker/highcontrast.css +2 -0
- package/styles/color-picker/material-dark.css +2 -0
- package/styles/color-picker/material.css +2 -0
- package/styles/color-picker/tailwind-dark.css +3 -0
- package/styles/color-picker/tailwind.css +3 -0
- package/styles/fabric-dark.css +31 -13
- package/styles/fabric.css +31 -13
- package/styles/fluent-dark.css +32 -13
- package/styles/fluent.css +32 -13
- package/styles/highcontrast-light.css +31 -13
- package/styles/highcontrast.css +31 -13
- package/styles/input/bootstrap-dark.css +22 -14
- package/styles/input/bootstrap.css +22 -14
- package/styles/input/bootstrap4.css +22 -14
- package/styles/input/bootstrap5-dark.css +22 -14
- package/styles/input/bootstrap5.css +22 -14
- package/styles/input/fabric-dark.css +22 -14
- package/styles/input/fabric.css +22 -14
- package/styles/input/fluent-dark.css +22 -14
- package/styles/input/fluent.css +22 -14
- package/styles/input/highcontrast-light.css +22 -14
- package/styles/input/highcontrast.css +22 -14
- package/styles/input/material-dark.css +26 -18
- package/styles/input/material.css +26 -18
- package/styles/input/tailwind-dark.css +22 -14
- package/styles/input/tailwind.css +22 -14
- package/styles/maskedtextbox/bootstrap-dark.css +1 -0
- package/styles/maskedtextbox/bootstrap.css +1 -0
- package/styles/maskedtextbox/bootstrap4.css +1 -0
- package/styles/maskedtextbox/bootstrap5-dark.css +1 -0
- package/styles/maskedtextbox/bootstrap5.css +1 -0
- package/styles/maskedtextbox/fabric-dark.css +1 -0
- package/styles/maskedtextbox/fabric.css +1 -0
- package/styles/maskedtextbox/fluent-dark.css +1 -0
- package/styles/maskedtextbox/fluent.css +1 -0
- package/styles/maskedtextbox/highcontrast-light.css +1 -0
- package/styles/maskedtextbox/highcontrast.css +1 -0
- package/styles/maskedtextbox/material-dark.css +1 -0
- package/styles/maskedtextbox/material.css +1 -0
- package/styles/maskedtextbox/tailwind-dark.css +1 -0
- package/styles/maskedtextbox/tailwind.css +1 -0
- package/styles/material-dark.css +50 -18
- package/styles/material.css +50 -18
- package/styles/numerictextbox/bootstrap-dark.css +1 -0
- package/styles/numerictextbox/bootstrap.css +1 -0
- package/styles/numerictextbox/bootstrap4.css +1 -0
- package/styles/numerictextbox/bootstrap5-dark.css +1 -0
- package/styles/numerictextbox/bootstrap5.css +1 -0
- package/styles/numerictextbox/fabric-dark.css +1 -0
- package/styles/numerictextbox/fabric.css +1 -0
- package/styles/numerictextbox/fluent-dark.css +1 -0
- package/styles/numerictextbox/fluent.css +1 -0
- package/styles/numerictextbox/highcontrast-light.css +1 -0
- package/styles/numerictextbox/highcontrast.css +1 -0
- package/styles/numerictextbox/material-dark.css +1 -0
- package/styles/numerictextbox/material.css +1 -0
- package/styles/numerictextbox/tailwind-dark.css +1 -0
- package/styles/numerictextbox/tailwind.css +1 -0
- package/styles/slider/bootstrap-dark.css +4 -0
- package/styles/slider/bootstrap.css +4 -0
- package/styles/slider/bootstrap4.css +4 -0
- package/styles/slider/bootstrap5-dark.css +4 -0
- package/styles/slider/bootstrap5.css +4 -0
- package/styles/slider/fabric-dark.css +4 -0
- package/styles/slider/fabric.css +4 -0
- package/styles/slider/fluent-dark.css +4 -0
- package/styles/slider/fluent.css +4 -0
- package/styles/slider/highcontrast-light.css +4 -0
- package/styles/slider/highcontrast.css +4 -0
- package/styles/slider/material-dark.css +19 -1
- package/styles/slider/material.css +19 -1
- package/styles/slider/tailwind-dark.css +4 -0
- package/styles/slider/tailwind.css +4 -0
- package/styles/tailwind-dark.css +33 -13
- package/styles/tailwind.css +33 -13
- package/styles/textbox/bootstrap-dark.css +2 -0
- package/styles/textbox/bootstrap.css +2 -0
- package/styles/textbox/bootstrap4.css +2 -0
- package/styles/textbox/bootstrap5-dark.css +2 -0
- package/styles/textbox/bootstrap5.css +2 -0
- package/styles/textbox/fabric-dark.css +2 -0
- package/styles/textbox/fabric.css +2 -0
- package/styles/textbox/fluent-dark.css +2 -0
- package/styles/textbox/fluent.css +2 -0
- package/styles/textbox/highcontrast-light.css +2 -0
- package/styles/textbox/highcontrast.css +2 -0
- package/styles/textbox/material-dark.css +3 -1
- package/styles/textbox/material.css +3 -1
- package/styles/textbox/tailwind-dark.css +3 -1
- package/styles/textbox/tailwind.css +3 -1
- package/styles/uploader/bootstrap-dark.css +1 -0
- package/styles/uploader/bootstrap.css +1 -0
- package/styles/uploader/bootstrap4.css +1 -0
- package/styles/uploader/bootstrap5-dark.css +1 -0
- package/styles/uploader/bootstrap5.css +1 -0
- package/styles/uploader/fabric-dark.css +1 -0
- package/styles/uploader/fabric.css +1 -0
- package/styles/uploader/fluent-dark.css +1 -0
- package/styles/uploader/fluent.css +1 -0
- package/styles/uploader/highcontrast-light.css +1 -0
- package/styles/uploader/highcontrast.css +1 -0
- package/styles/uploader/material-dark.css +1 -0
- package/styles/uploader/material.css +1 -0
- package/styles/uploader/tailwind-dark.css +2 -0
- package/styles/uploader/tailwind.css +2 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ColorPicker, MaskedTextBox, NumericTextBox, Signature, Slider, TextBox, Uploader } from '@syncfusion/ej2-inputs';
|
|
2
2
|
import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
|
|
3
|
-
import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
|
|
3
|
+
import { ComponentBase, EJComponentDecorator, allVue, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
|
|
4
4
|
import { Vue } from 'vue-class-component';
|
|
5
5
|
import Vue$1 from 'vue';
|
|
6
6
|
|
|
@@ -35,7 +35,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
|
|
|
35
35
|
var props_1 = modelProps_1[_i];
|
|
36
36
|
emitProbs.push('update:' + props_1);
|
|
37
37
|
}
|
|
38
|
-
var isExecute = gh ? false : true;
|
|
39
38
|
/**
|
|
40
39
|
* Represents the Essential JS 2 VueJS TextBox Component
|
|
41
40
|
* ```html
|
|
@@ -151,10 +150,10 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
151
150
|
}
|
|
152
151
|
};
|
|
153
152
|
TextBoxComponent.prototype.render = function (createElement) {
|
|
154
|
-
var h = gh
|
|
153
|
+
var h = !isExecute ? gh : createElement;
|
|
155
154
|
var slots = null;
|
|
156
155
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
157
|
-
slots =
|
|
156
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
158
157
|
}
|
|
159
158
|
return h('input', slots);
|
|
160
159
|
};
|
|
@@ -234,7 +233,6 @@ for (var _i$1 = 0, modelProps_1$1 = modelProps$1; _i$1 < modelProps_1$1.length;
|
|
|
234
233
|
var props_1$1 = modelProps_1$1[_i$1];
|
|
235
234
|
emitProbs$1.push('update:' + props_1$1);
|
|
236
235
|
}
|
|
237
|
-
var isExecute$1 = gh ? false : true;
|
|
238
236
|
/**
|
|
239
237
|
* Represents the Essential JS 2 VueJS NumericTextBox Component
|
|
240
238
|
* ```html
|
|
@@ -251,7 +249,7 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
251
249
|
_this.hasInjectedModules = false;
|
|
252
250
|
_this.tagMapper = {};
|
|
253
251
|
_this.tagNameMapper = {};
|
|
254
|
-
_this.isVue3 = !isExecute
|
|
252
|
+
_this.isVue3 = !isExecute;
|
|
255
253
|
_this.ej2Instances = new NumericTextBox({});
|
|
256
254
|
_this.ej2Instances._trigger = _this.ej2Instances.trigger;
|
|
257
255
|
_this.ej2Instances.trigger = _this.trigger;
|
|
@@ -311,14 +309,14 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
311
309
|
}
|
|
312
310
|
};
|
|
313
311
|
NumericTextBoxComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
|
|
314
|
-
if (!isExecute
|
|
312
|
+
if (!isExecute) {
|
|
315
313
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
316
314
|
}
|
|
317
315
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
318
316
|
var key = this.models.toString().match(/checked|value/) || [];
|
|
319
317
|
var propKey = key[0];
|
|
320
318
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
321
|
-
if (!isExecute
|
|
319
|
+
if (!isExecute) {
|
|
322
320
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
323
321
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
324
322
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -335,7 +333,7 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
335
333
|
var key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
336
334
|
var propKey = key[0];
|
|
337
335
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
338
|
-
if (!isExecute
|
|
336
|
+
if (!isExecute) {
|
|
339
337
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
340
338
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
341
339
|
}
|
|
@@ -350,10 +348,10 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
350
348
|
}
|
|
351
349
|
};
|
|
352
350
|
NumericTextBoxComponent.prototype.render = function (createElement) {
|
|
353
|
-
var h = gh
|
|
351
|
+
var h = !isExecute ? gh : createElement;
|
|
354
352
|
var slots = null;
|
|
355
353
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
356
|
-
slots =
|
|
354
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
357
355
|
}
|
|
358
356
|
return h('input', slots);
|
|
359
357
|
};
|
|
@@ -381,7 +379,7 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
381
379
|
model: {
|
|
382
380
|
event: 'modelchanged'
|
|
383
381
|
}
|
|
384
|
-
}, isExecute
|
|
382
|
+
}, isExecute)
|
|
385
383
|
,Options({
|
|
386
384
|
props: props,
|
|
387
385
|
watch: watch,
|
|
@@ -433,7 +431,6 @@ for (var _i$2 = 0, modelProps_1$2 = modelProps$2; _i$2 < modelProps_1$2.length;
|
|
|
433
431
|
var props_1$2 = modelProps_1$2[_i$2];
|
|
434
432
|
emitProbs$2.push('update:' + props_1$2);
|
|
435
433
|
}
|
|
436
|
-
var isExecute$2 = gh ? false : true;
|
|
437
434
|
/**
|
|
438
435
|
* Represents the Essential JS 2 VueJS MaskedTextBox Component
|
|
439
436
|
* ```html
|
|
@@ -450,7 +447,7 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
450
447
|
_this.hasInjectedModules = false;
|
|
451
448
|
_this.tagMapper = {};
|
|
452
449
|
_this.tagNameMapper = {};
|
|
453
|
-
_this.isVue3 = !isExecute
|
|
450
|
+
_this.isVue3 = !isExecute;
|
|
454
451
|
_this.ej2Instances = new MaskedTextBox({});
|
|
455
452
|
_this.ej2Instances._trigger = _this.ej2Instances.trigger;
|
|
456
453
|
_this.ej2Instances.trigger = _this.trigger;
|
|
@@ -510,14 +507,14 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
510
507
|
}
|
|
511
508
|
};
|
|
512
509
|
MaskedTextBoxComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
|
|
513
|
-
if (!isExecute
|
|
510
|
+
if (!isExecute) {
|
|
514
511
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
515
512
|
}
|
|
516
513
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
517
514
|
var key = this.models.toString().match(/checked|value/) || [];
|
|
518
515
|
var propKey = key[0];
|
|
519
516
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
520
|
-
if (!isExecute
|
|
517
|
+
if (!isExecute) {
|
|
521
518
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
522
519
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
523
520
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -534,7 +531,7 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
534
531
|
var key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
535
532
|
var propKey = key[0];
|
|
536
533
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
537
|
-
if (!isExecute
|
|
534
|
+
if (!isExecute) {
|
|
538
535
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
539
536
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
540
537
|
}
|
|
@@ -549,10 +546,10 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
549
546
|
}
|
|
550
547
|
};
|
|
551
548
|
MaskedTextBoxComponent.prototype.render = function (createElement) {
|
|
552
|
-
var h = gh
|
|
549
|
+
var h = !isExecute ? gh : createElement;
|
|
553
550
|
var slots = null;
|
|
554
551
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
555
|
-
slots =
|
|
552
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
556
553
|
}
|
|
557
554
|
return h('input', slots);
|
|
558
555
|
};
|
|
@@ -574,7 +571,7 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
574
571
|
model: {
|
|
575
572
|
event: 'modelchanged'
|
|
576
573
|
}
|
|
577
|
-
}, isExecute
|
|
574
|
+
}, isExecute)
|
|
578
575
|
,Options({
|
|
579
576
|
props: props,
|
|
580
577
|
watch: watch,
|
|
@@ -626,7 +623,6 @@ for (var _i$3 = 0, modelProps_1$3 = modelProps$3; _i$3 < modelProps_1$3.length;
|
|
|
626
623
|
var props_1$3 = modelProps_1$3[_i$3];
|
|
627
624
|
emitProbs$3.push('update:' + props_1$3);
|
|
628
625
|
}
|
|
629
|
-
var isExecute$3 = gh ? false : true;
|
|
630
626
|
/**
|
|
631
627
|
* Represents the VueJS Slider Component.
|
|
632
628
|
* ```html
|
|
@@ -643,7 +639,7 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
643
639
|
_this.hasInjectedModules = false;
|
|
644
640
|
_this.tagMapper = {};
|
|
645
641
|
_this.tagNameMapper = {};
|
|
646
|
-
_this.isVue3 = !isExecute
|
|
642
|
+
_this.isVue3 = !isExecute;
|
|
647
643
|
_this.ej2Instances = new Slider({});
|
|
648
644
|
_this.ej2Instances._trigger = _this.ej2Instances.trigger;
|
|
649
645
|
_this.ej2Instances.trigger = _this.trigger;
|
|
@@ -703,14 +699,14 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
703
699
|
}
|
|
704
700
|
};
|
|
705
701
|
SliderComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
|
|
706
|
-
if (!isExecute
|
|
702
|
+
if (!isExecute) {
|
|
707
703
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
708
704
|
}
|
|
709
705
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
710
706
|
var key = this.models.toString().match(/checked|value/) || [];
|
|
711
707
|
var propKey = key[0];
|
|
712
708
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
713
|
-
if (!isExecute
|
|
709
|
+
if (!isExecute) {
|
|
714
710
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
715
711
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
716
712
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -727,7 +723,7 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
727
723
|
var key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
728
724
|
var propKey = key[0];
|
|
729
725
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
730
|
-
if (!isExecute
|
|
726
|
+
if (!isExecute) {
|
|
731
727
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
732
728
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
733
729
|
}
|
|
@@ -742,10 +738,10 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
742
738
|
}
|
|
743
739
|
};
|
|
744
740
|
SliderComponent.prototype.render = function (createElement) {
|
|
745
|
-
var h = gh
|
|
741
|
+
var h = !isExecute ? gh : createElement;
|
|
746
742
|
var slots = null;
|
|
747
743
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
748
|
-
slots =
|
|
744
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
749
745
|
}
|
|
750
746
|
return h('div', slots);
|
|
751
747
|
};
|
|
@@ -764,7 +760,7 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
764
760
|
model: {
|
|
765
761
|
event: 'modelchanged'
|
|
766
762
|
}
|
|
767
|
-
}, isExecute
|
|
763
|
+
}, isExecute)
|
|
768
764
|
,Options({
|
|
769
765
|
props: props,
|
|
770
766
|
watch: watch,
|
|
@@ -805,9 +801,8 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
805
801
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
806
802
|
};
|
|
807
803
|
// {{VueImport}}
|
|
808
|
-
var isExecute$4 = gh ? false : true;
|
|
809
804
|
var vueImport;
|
|
810
|
-
if (!isExecute
|
|
805
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
811
806
|
vueImport = Vue;
|
|
812
807
|
}
|
|
813
808
|
else {
|
|
@@ -819,18 +814,18 @@ var FilesDirective = /** @__PURE__ @class */ (function (_super) {
|
|
|
819
814
|
return _super.call(this, arguments) || this;
|
|
820
815
|
}
|
|
821
816
|
FilesDirective.prototype.render = function (createElement) {
|
|
822
|
-
if (
|
|
823
|
-
var h = gh
|
|
817
|
+
if (!isExecute) {
|
|
818
|
+
var h = !isExecute ? gh : createElement;
|
|
824
819
|
var slots = null;
|
|
825
820
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
826
|
-
slots =
|
|
821
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
827
822
|
}
|
|
828
823
|
return h('div', { class: 'e-directive' }, slots);
|
|
829
824
|
}
|
|
830
825
|
return;
|
|
831
826
|
};
|
|
832
827
|
FilesDirective.prototype.updated = function () {
|
|
833
|
-
if (
|
|
828
|
+
if (!isExecute && this.custom) {
|
|
834
829
|
this.custom();
|
|
835
830
|
}
|
|
836
831
|
};
|
|
@@ -838,7 +833,7 @@ var FilesDirective = /** @__PURE__ @class */ (function (_super) {
|
|
|
838
833
|
return 'e-files';
|
|
839
834
|
};
|
|
840
835
|
FilesDirective = __decorate$4([
|
|
841
|
-
EJComponentDecorator({}, isExecute
|
|
836
|
+
EJComponentDecorator({}, isExecute)
|
|
842
837
|
,Options({
|
|
843
838
|
inject: {
|
|
844
839
|
custom: {
|
|
@@ -879,7 +874,7 @@ var UploadedFilesDirective = /** @__PURE__ @class */ (function (_super) {
|
|
|
879
874
|
return 'e-uploadedfiles';
|
|
880
875
|
};
|
|
881
876
|
UploadedFilesDirective = __decorate$4([
|
|
882
|
-
EJComponentDecorator({}, isExecute
|
|
877
|
+
EJComponentDecorator({}, isExecute)
|
|
883
878
|
], UploadedFilesDirective);
|
|
884
879
|
return UploadedFilesDirective;
|
|
885
880
|
}(vueImport));
|
|
@@ -921,7 +916,6 @@ for (var _i$4 = 0, modelProps_1$4 = modelProps$4; _i$4 < modelProps_1$4.length;
|
|
|
921
916
|
var props_1$4 = modelProps_1$4[_i$4];
|
|
922
917
|
emitProbs$4.push('update:' + props_1$4);
|
|
923
918
|
}
|
|
924
|
-
var isExecute$5 = gh ? false : true;
|
|
925
919
|
/**
|
|
926
920
|
* Represents the Essential JS 2 VueJS Uploader Component
|
|
927
921
|
* ```html
|
|
@@ -938,7 +932,7 @@ var UploaderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
938
932
|
_this.hasInjectedModules = false;
|
|
939
933
|
_this.tagMapper = { "e-files": "e-uploadedfiles" };
|
|
940
934
|
_this.tagNameMapper = {};
|
|
941
|
-
_this.isVue3 = !isExecute
|
|
935
|
+
_this.isVue3 = !isExecute;
|
|
942
936
|
_this.ej2Instances = new Uploader({});
|
|
943
937
|
_this.bindProperties();
|
|
944
938
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
@@ -996,10 +990,10 @@ var UploaderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
996
990
|
}
|
|
997
991
|
};
|
|
998
992
|
UploaderComponent.prototype.render = function (createElement) {
|
|
999
|
-
var h = gh
|
|
993
|
+
var h = !isExecute ? gh : createElement;
|
|
1000
994
|
var slots = null;
|
|
1001
995
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
1002
|
-
slots =
|
|
996
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
1003
997
|
}
|
|
1004
998
|
return h('input', slots);
|
|
1005
999
|
};
|
|
@@ -1045,7 +1039,7 @@ var UploaderComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1045
1039
|
UploaderComponent = __decorate$5([
|
|
1046
1040
|
EJComponentDecorator({
|
|
1047
1041
|
props: properties$4
|
|
1048
|
-
}, isExecute
|
|
1042
|
+
}, isExecute)
|
|
1049
1043
|
,Options({
|
|
1050
1044
|
props: props,
|
|
1051
1045
|
watch: watch,
|
|
@@ -1099,7 +1093,6 @@ for (var _i$5 = 0, modelProps_1$5 = modelProps$5; _i$5 < modelProps_1$5.length;
|
|
|
1099
1093
|
var props_1$5 = modelProps_1$5[_i$5];
|
|
1100
1094
|
emitProbs$5.push('update:' + props_1$5);
|
|
1101
1095
|
}
|
|
1102
|
-
var isExecute$6 = gh ? false : true;
|
|
1103
1096
|
/**
|
|
1104
1097
|
* Represents the Essential JS 2 VueJS ColorPicker Component
|
|
1105
1098
|
* ```html
|
|
@@ -1116,7 +1109,7 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1116
1109
|
_this.hasInjectedModules = false;
|
|
1117
1110
|
_this.tagMapper = {};
|
|
1118
1111
|
_this.tagNameMapper = {};
|
|
1119
|
-
_this.isVue3 = !isExecute
|
|
1112
|
+
_this.isVue3 = !isExecute;
|
|
1120
1113
|
_this.ej2Instances = new ColorPicker({});
|
|
1121
1114
|
_this.ej2Instances._trigger = _this.ej2Instances.trigger;
|
|
1122
1115
|
_this.ej2Instances.trigger = _this.trigger;
|
|
@@ -1176,14 +1169,14 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1176
1169
|
}
|
|
1177
1170
|
};
|
|
1178
1171
|
ColorPickerComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
|
|
1179
|
-
if (!isExecute
|
|
1172
|
+
if (!isExecute) {
|
|
1180
1173
|
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
1181
1174
|
}
|
|
1182
1175
|
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
1183
1176
|
var key = this.models.toString().match(/checked|value/) || [];
|
|
1184
1177
|
var propKey = key[0];
|
|
1185
1178
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
1186
|
-
if (!isExecute
|
|
1179
|
+
if (!isExecute) {
|
|
1187
1180
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
1188
1181
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
1189
1182
|
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
@@ -1200,7 +1193,7 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1200
1193
|
var key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
1201
1194
|
var propKey = key[0];
|
|
1202
1195
|
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
1203
|
-
if (!isExecute
|
|
1196
|
+
if (!isExecute) {
|
|
1204
1197
|
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
1205
1198
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
1206
1199
|
}
|
|
@@ -1215,10 +1208,10 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1215
1208
|
}
|
|
1216
1209
|
};
|
|
1217
1210
|
ColorPickerComponent.prototype.render = function (createElement) {
|
|
1218
|
-
var h = gh
|
|
1211
|
+
var h = !isExecute ? gh : createElement;
|
|
1219
1212
|
var slots = null;
|
|
1220
1213
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
1221
|
-
slots =
|
|
1214
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
1222
1215
|
}
|
|
1223
1216
|
return h('input', slots);
|
|
1224
1217
|
};
|
|
@@ -1240,7 +1233,7 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1240
1233
|
model: {
|
|
1241
1234
|
event: 'modelchanged'
|
|
1242
1235
|
}
|
|
1243
|
-
}, isExecute
|
|
1236
|
+
}, isExecute)
|
|
1244
1237
|
,Options({
|
|
1245
1238
|
props: props,
|
|
1246
1239
|
watch: watch,
|
|
@@ -1292,7 +1285,6 @@ for (var _i$6 = 0, modelProps_1$6 = modelProps$6; _i$6 < modelProps_1$6.length;
|
|
|
1292
1285
|
var props_1$6 = modelProps_1$6[_i$6];
|
|
1293
1286
|
emitProbs$6.push('update:' + props_1$6);
|
|
1294
1287
|
}
|
|
1295
|
-
var isExecute$7 = gh ? false : true;
|
|
1296
1288
|
/**
|
|
1297
1289
|
* Represents the Essential JS 2 VueJS Signature Component
|
|
1298
1290
|
* ```html
|
|
@@ -1309,7 +1301,7 @@ var SignatureComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1309
1301
|
_this.hasInjectedModules = false;
|
|
1310
1302
|
_this.tagMapper = {};
|
|
1311
1303
|
_this.tagNameMapper = {};
|
|
1312
|
-
_this.isVue3 = !isExecute
|
|
1304
|
+
_this.isVue3 = !isExecute;
|
|
1313
1305
|
_this.ej2Instances = new Signature({});
|
|
1314
1306
|
_this.bindProperties();
|
|
1315
1307
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
@@ -1367,10 +1359,10 @@ var SignatureComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1367
1359
|
}
|
|
1368
1360
|
};
|
|
1369
1361
|
SignatureComponent.prototype.render = function (createElement) {
|
|
1370
|
-
var h = gh
|
|
1362
|
+
var h = !isExecute ? gh : createElement;
|
|
1371
1363
|
var slots = null;
|
|
1372
1364
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
1373
|
-
slots =
|
|
1365
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
1374
1366
|
}
|
|
1375
1367
|
return h('canvas', slots);
|
|
1376
1368
|
};
|
|
@@ -1416,7 +1408,7 @@ var SignatureComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1416
1408
|
SignatureComponent = __decorate$7([
|
|
1417
1409
|
EJComponentDecorator({
|
|
1418
1410
|
props: properties$6
|
|
1419
|
-
}, isExecute
|
|
1411
|
+
}, isExecute)
|
|
1420
1412
|
,Options({
|
|
1421
1413
|
props: props,
|
|
1422
1414
|
watch: watch,
|