@syncfusion/ej2-vue-inputs 20.3.56 → 20.4.38

package/dist/es6/ej2-vue-inputs.es2015.js

@@ -1,4 +1,4 @@
-import { ColorPicker, MaskedTextBox, NumericTextBox, Signature, Slider, TextBox, Uploader } from '@syncfusion/ej2-inputs';
+import { ColorPicker, MaskedTextBox, NumericTextBox, Rating, Signature, Slider, TextBox, Uploader } from '@syncfusion/ej2-inputs';
 import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
 import { ComponentBase, EJComponentDecorator, allVue, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
@@ -844,7 +844,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-const properties$4 = ['isLazyUpdate', 'plugins', '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'];
+const properties$4 = ['isLazyUpdate', 'plugins', 'allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enableHtmlSanitizer', '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'];
 const modelProps$4 = [];
 const testProp$4 = getProps({ props: properties$4 });
 const props$4 = testProp$4[0];
@@ -1354,6 +1354,183 @@ const SignaturePlugin = {
     }
 };
 
-export { TextBoxComponent, TextBoxPlugin, NumericTextBoxComponent, NumericTextBoxPlugin, MaskedTextBoxComponent, MaskedTextBoxPlugin, SliderComponent, SliderPlugin, FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugin, UploaderComponent, UploaderPlugin, ColorPickerComponent, ColorPickerPlugin, SignatureComponent, SignaturePlugin };
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+// {{VueImport}}
+const properties$7 = ['isLazyUpdate', 'plugins', 'allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged'];
+const modelProps$7 = ['value'];
+const testProp$7 = getProps({ props: properties$7 });
+const props$7 = testProp$7[0];
+const watch$7 = testProp$7[1];
+const emitProbs$7 = Object.keys(watch$7);
+emitProbs$7.push('modelchanged', 'update:modelValue');
+for (let props of modelProps$7) {
+    emitProbs$7.push('update:' + props);
+}
+/**
+ * Represents the Essential JS 2 VueJS Rating Component
+ * ```html
+ * <ejs-rating v-bind:value='value'></ejs-rating>
+ * ```
+ */
+let RatingComponent = 
+/* Start Options({
+    props: props,
+    watch: watch,
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
+}) End */
+class RatingComponent extends ComponentBase {
+    constructor() {
+        super(arguments);
+        this.propKeys = properties$7;
+        this.models = modelProps$7;
+        this.hasChildDirective = false;
+        this.hasInjectedModules = false;
+        this.tagMapper = {};
+        this.tagNameMapper = {};
+        this.isVue3 = !isExecute;
+        this.ej2Instances = new Rating({});
+        this.ej2Instances._trigger = this.ej2Instances.trigger;
+        this.ej2Instances.trigger = this.trigger;
+        this.bindProperties();
+        this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        this.ej2Instances.setProperties = this.setProperties;
+        this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
+    }
+    clearTemplate(templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (let tempName of templateNames) {
+                let elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (let ele of elementCollection) {
+                        let destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    }
+    setProperties(prop, muteOnChange) {
+        if (this.isVue3) {
+            this.models = !this.models ? this.ej2Instances.referModels : this.models;
+        }
+        if (this.ej2Instances && this.ej2Instances._setProperties) {
+            this.ej2Instances._setProperties(prop, muteOnChange);
+        }
+        if (prop && this.models && this.models.length) {
+            Object.keys(prop).map((key) => {
+                this.models.map((model) => {
+                    if ((key === model) && !(/datasource/i.test(key))) {
+                        if (this.isVue3) {
+                            this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                        }
+                        else {
+                            this.$emit('update:' + key, prop[key]);
+                            this.$emit('modelchanged', prop[key]);
+                        }
+                    }
+                });
+            });
+        }
+    }
+    trigger(eventName, eventProp, successHandler) {
+        if (!isExecute) {
+            this.models = !this.models ? this.ej2Instances.referModels : this.models;
+        }
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
+            let key = this.models.toString().match(/checked|value/) || [];
+            let propKey = key[0];
+            if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                if (!isExecute) {
+                    this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
+                }
+                else {
+                    if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
+                }
+            }
+        }
+        else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {
+            let key = this.models.toString().match(/currentView|selectedDate/) || [];
+            let propKey = key[0];
+            if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                if (!isExecute) {
+                    this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                }
+                else {
+                    this.$emit('update:' + propKey, eventProp[propKey]);
+                    this.$emit('modelchanged', eventProp[propKey]);
+                }
+            }
+        }
+        if ((this.ej2Instances && this.ej2Instances._trigger)) {
+            this.ej2Instances._trigger(eventName, eventProp, successHandler);
+        }
+    }
+    render(createElement) {
+        let h = !isExecute ? gh : createElement;
+        let slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
+        }
+        return h('input', slots);
+    }
+    custom() {
+        this.updated();
+    }
+    reset() {
+        return this.ej2Instances.reset();
+    }
+};
+RatingComponent = __decorate$8([
+    EJComponentDecorator({
+        props: properties$7,
+        model: {
+            event: 'modelchanged'
+        }
+    }, isExecute)
+    /* Start Options({
+        props: props,
+        watch: watch,
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
+    }) End */
+], RatingComponent);
+const RatingPlugin = {
+    name: 'ejs-rating',
+    install(Vue$$1) {
+        Vue$$1.component(RatingPlugin.name, RatingComponent);
+    }
+};
+
+export { TextBoxComponent, TextBoxPlugin, NumericTextBoxComponent, NumericTextBoxPlugin, MaskedTextBoxComponent, MaskedTextBoxPlugin, SliderComponent, SliderPlugin, FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugin, UploaderComponent, UploaderPlugin, ColorPickerComponent, ColorPickerPlugin, SignatureComponent, SignaturePlugin, RatingComponent, RatingPlugin };
 export * from '@syncfusion/ej2-inputs';
 //# sourceMappingURL=ej2-vue-inputs.es2015.js.map