@syncfusion/ej2-vue-base 20.3.59 → 20.4.40

package/dist/es6/ej2-vue-base.es5.js

@@ -29,7 +29,7 @@ function _interopRequireWildcard(obj) {
         if (obj != null) {
             for (var key in obj) {
                 if (Object.prototype.hasOwnProperty.call(obj, key))
-                    newObj[key] = obj[key];
+                    newObj["" + key] = obj["" + key];
             }
         }
         newObj.default = obj;
@@ -100,7 +100,7 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
         var cusEle = this.$el ? this.$el.querySelectorAll("div.e-directive") : null;
         if (!isExecute && cusEle) {
             for (var i = 0; i < cusEle.length; i++) {
-                cusEle[i].parentElement && cusEle[i].parentElement.removeChild(cusEle[i]);
+                cusEle[parseInt(i.toString(), 10)].parentElement && cusEle[parseInt(i.toString(), 10)].parentElement.removeChild(cusEle[parseInt(i.toString(), 10)]);
             }
         }
         this.ej2Instances.isVue = true;
@@ -109,9 +109,19 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
         if (this.isVue3) {
             this.ej2Instances.ej2Instances = this.ej2Instances;
             this.ej2Instances.referModels = this.models;
+            this.setModelValue();
         }
         this.ej2Instances.appendTo(this.$el);
     };
+    ComponentBase.prototype.setModelValue = function () {
+        if (!isNullOrUndefined(this.modelValue) || !isNullOrUndefined(this.$attrs.modelValue)) {
+            var key = this.models.toString().match(/checked|value/) || [];
+            var propKey = key[0];
+            if (!isNullOrUndefined(propKey)) {
+                this.ej2Instances["" + propKey] = !isNullOrUndefined(this.modelValue) ? this.modelValue : this.$attrs.modelValue;
+            }
+        }
+    };
     ComponentBase.prototype.getInjectedServices = function () {
         var ret = [];
         var provide;
@@ -146,15 +156,15 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
                     }
                     for (var i = 0; i < provideValue.length; i++) {
                         for (var j = 0; j < key.length; j++) {
-                            if ((key[j].indexOf(provideValue[i])) !== -1) {
+                            if ((key[parseInt(j.toString(), 10)].indexOf(provideValue[parseInt(i.toString(), 10)])) !== -1) {
                                 if (this.$root && this.isDecorator) {
-                                    provideKey[provideValue[j]] = this.$root[key[i]];
+                                    provideKey[provideValue[parseInt(j.toString(), 10)]] = this.$root[key[parseInt(i.toString(), 10)]];
                                 }
                                 else if (this.$vnode) {
-                                    provideKey[provideValue[i]] = this.$vnode.context[key[j]];
+                                    provideKey[provideValue[parseInt(i.toString(), 10)]] = this.$vnode.context[key[parseInt(j.toString(), 10)]];
                                 }
                                 else if (this.$parent) {
-                                    provideKey[provideValue[i]] = this.$parent[key[j]];
+                                    provideKey[provideValue[parseInt(i.toString(), 10)]] = this.$parent[key[parseInt(j.toString(), 10)]];
                                 }
                                 injectables = provideKey;
                             }
@@ -175,6 +185,9 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
         return ret;
     };
     ComponentBase.prototype.updated = function () {
+        if (this.isVue3) {
+            this.setModelValue();
+        }
         if (this.hasChildDirective) {
             var childKey = {};
             this.fetchChildPropValues(childKey);
@@ -195,8 +208,8 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
         var options = {};
         for (var _i = 0, _a = this.propKeys; _i < _a.length; _i++) {
             var prop = _a[_i];
-            if ((!isNullOrUndefined(this[prop]) && !this.isVue3) || (this[0] && !isNullOrUndefined(this[0][0]) && !isNullOrUndefined(this[0][0][prop]))) {
-                options[prop] = !this.isVue3 ? this[prop] : this[0][0][prop];
+            if ((!isNullOrUndefined(this["" + prop]) && !this.isVue3) || (this[0] && !isNullOrUndefined(this[0][0]) && !isNullOrUndefined(this[0][0]["" + prop]))) {
+                options["" + prop] = !this.isVue3 ? this["" + prop] : this[0][0]["" + prop];
             }
         }
         if (this.hasChildDirective) {
@@ -233,9 +246,10 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
             }
             if (propRef) {
                 for (var i = 0; i < propRef.length; i++) {
-                    if (propRef[i].type.methods) {
-                        var key = propRef[i].type.methods.getTag().replace("e-", "");
-                        var ref = this.resolveArrayDirectives(propRef[i].children, key);
+                    if (propRef[parseInt(i.toString(), 10)].type.methods || propRef[parseInt(i.toString(), 10)].type === 'e-seriescollection') {
+                        var key = propRef[parseInt(i.toString(), 10)].type === 'e-seriescollection' ? 'series-collection' :
+                            propRef[parseInt(i.toString(), 10)].type.methods.getTag().replace("e-", "");
+                        var ref = this.resolveArrayDirectives(propRef[parseInt(i.toString(), 10)].children, key);
                         var splitKeys = key.split('-');
                         var controlName = this.ej2Instances.getModuleName().toLowerCase();
                         var keyRef = (splitKeys.length > 1 && controlName.indexOf(splitKeys[0]) > -1) ? splitKeys[1] : splitKeys[0];
@@ -249,7 +263,7 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
                         else if (controlName == "schedule" && keyRef == "header") {
                             keyRef = "headerRows";
                         }
-                        dirProps[keyRef] = ref[key];
+                        dirProps["" + keyRef] = ref["" + key];
                     }
                 }
             }
@@ -262,7 +276,7 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
         }
         for (var _i = 0, _a = Object.keys(dirProps); _i < _a.length; _i++) {
             var dirProp = _a[_i];
-            childOption[dirProp] = dirProps[dirProp];
+            childOption["" + dirProp] = dirProps["" + dirProp];
         }
     };
     ComponentBase.prototype.resolveArrayDirectives = function (slots, tagName) {
@@ -270,7 +284,7 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
         var innerDirValues;
         slot = slots.default ? slots.default() : slots;
         var items = {};
-        items[tagName] = [];
+        items["" + tagName] = [];
         var _loop_2 = function (childSlot) {
             var tempObj = {};
             var tagRef = childSlot.type.methods ? childSlot.type.methods.getTag() : tagName;
@@ -282,22 +296,25 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
                 }
                 else {
                     for (var i = 0; i < Object.keys(innerDirValues).length; i++) {
-                        key = Object.keys(innerDirValues)[i];
-                        tempObj[key] = innerDirValues[key];
+                        key = Object.keys(innerDirValues)[parseInt(i.toString(), 10)];
+                        tempObj["" + key] = innerDirValues["" + key];
                     }
                     
                 }
             }
             if (childSlot.props) {
                 Object.keys(childSlot.props).forEach(function (key) {
-                    tempObj[key] = childSlot.props[key];
+                    var propName = key.replace(/-[a-z]/g, function (e) { return e[1].toUpperCase(); });
+                    if (propName) {
+                        tempObj["" + propName] = childSlot.props["" + key];
+                    }
                 });
             }
             if (((/[s]\b/).test(tagRef) && innerDirValues) && (!(/[s]\b/).test(tagName) || innerDirValues.length)) {
-                items[tagName] = tempObj;
+                items["" + tagName] = tempObj;
             }
             else if (tempObj && Object.keys(tempObj).length !== 0) {
-                items[tagName].push(tempObj);
+                items["" + tagName].push(tempObj);
             }
         };
         var this_2 = this;
@@ -315,10 +332,10 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
         var _loop_3 = function (childSlot) {
             var tagRef = void 0;
             var tag = void 0;
-            if (tagObject[tagName]) {
-                tagRef = Object.keys(tagObject[tagName]);
+            if (tagObject["" + tagName]) {
+                tagRef = Object.keys(tagObject["" + tagName]);
                 tag = tagRef.find(function (key) {
-                    return tagObject[tagName][key] ===
+                    return tagObject["" + tagName]["" + key] ===
                         childSlot.type.methods.getTag().replace(/[s]\b/, "");
                 });
                 tag = tag
@@ -329,17 +346,20 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             if (childSlot.children) {
-                innerDirValues = this_3.resolveComplexInnerDirs(childSlot.children, tagObject[tagName], childSlot.type.methods.getTag());
-                if (!items[tag]) {
-                    items[tag] = [];
+                innerDirValues = this_3.resolveComplexInnerDirs(childSlot.children, tagObject["" + tagName], childSlot.type.methods.getTag());
+                if (!items["" + tag]) {
+                    items["" + tag] = [];
                 }
                 if (innerDirValues.length > 1) {
-                    items[tag] = innerDirValues;
+                    items["" + tag] = innerDirValues;
                 }
                 else {
-                    items[tag].push(innerDirValues);
+                    items["" + tag].push(innerDirValues);
                 }
             }
+            if (childSlot.props) {
+                childSlot.props = this_3.getCamelCaseProps(childSlot.props);
+            }
             if (slot.length > 1) {
                 items = Object.keys(items).length == 0 && !items.length ? [] : items;
                 if (childSlot.props) {
@@ -366,15 +386,15 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
             var childSlot = slot_3[_i];
             var tag = childSlot.type.methods.getTag().replace("e-", "");
             if (childSlot.children) {
-                innerDirValues = this.resolveMultilevelComplexInnerDirs(childSlot.children, tagObject[tagName], childSlot.type.methods.getTag());
+                innerDirValues = this.resolveMultilevelComplexInnerDirs(childSlot.children, tagObject["" + tagName], childSlot.type.methods.getTag());
                 if ((/[s]\b/).test(tag) || slot.length > 1) {
                     if ((/[s]\b/).test(tag)) {
-                        items[tag] = !items[tag] ? [] : items[tag];
+                        items["" + tag] = !items["" + tag] ? [] : items["" + tag];
                         if (innerDirValues.length) {
-                            items[tag] = innerDirValues;
+                            items["" + tag] = innerDirValues;
                         }
                         else {
-                            items[tag].push(innerDirValues);
+                            items["" + tag].push(innerDirValues);
                         }
                     }
                     else if (innerDirValues) {
@@ -385,6 +405,9 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
                     items = innerDirValues ? innerDirValues : items;
                 }
             }
+            if (childSlot.props) {
+                childSlot.props = this.getCamelCaseProps(childSlot.props);
+            }
             if (slot.length > 1 && childSlot.props) {
                 if (items.length >= 0) {
                     items.push(childSlot.props);
@@ -408,18 +431,21 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
             var childSlot = slot_4[_i];
             var tag = childSlot.type.methods.getTag().replace("e-", "");
             if (childSlot.children) {
-                innerDirValues = this.resolveComplexInnerDirs(childSlot.children, tagObject[tagName], childSlot.type.methods.getTag());
+                innerDirValues = this.resolveComplexInnerDirs(childSlot.children, tagObject["" + tagName], childSlot.type.methods.getTag());
+            }
+            if (childSlot.props) {
+                childSlot.props = this.getCamelCaseProps(childSlot.props);
             }
             if ((/[s]\b/).test(tag)) {
-                items[tag] = !items[tag] ? [] : items[tag];
+                items["" + tag] = !items["" + tag] ? [] : items["" + tag];
                 if (innerDirValues.length) {
-                    items[tag] = innerDirValues;
+                    items["" + tag] = innerDirValues;
                 }
                 else {
-                    items[tag].push(innerDirValues);
+                    items["" + tag].push(innerDirValues);
                 }
                 if (childSlot.props) {
-                    items[tag].push(childSlot.props);
+                    items["" + tag].push(childSlot.props);
                 }
             }
             else {
@@ -435,14 +461,17 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
         if (tagDirectives) {
             for (var _i = 0, tagDirectives_1 = tagDirectives; _i < tagDirectives_1.length; _i++) {
                 var tagDirective = tagDirectives_1[_i];
-                if (tagDirective.componentOptions && tagDirective.componentOptions.children && tagDirective.componentOptions.tag) {
-                    var dirTag = tagDirective.componentOptions.tag;
+                if (tagDirective.componentOptions && tagDirective.componentOptions.children && tagDirective.componentOptions.tag ||
+                    (tagDirective.tag === 'e-seriescollection' && tagDirective.children)) {
+                    var dirTag = tagDirective.componentOptions ? tagDirective.componentOptions.tag : tagDirective.tag;
+                    dirTag = (dirTag === 'e-seriescollection') ? 'e-seriesCollection' : dirTag;
                     if (keyTags.indexOf(dirTag) !== -1) {
-                        var tagName = tagNameMapper[dirTag] ? tagNameMapper[dirTag] : dirTag;
+                        var tagName = tagNameMapper["" + dirTag] ? tagNameMapper["" + dirTag] : dirTag;
                         dir[tagName.replace('e-', '')] = [];
-                        for (var _a = 0, _b = tagDirective.componentOptions.children; _a < _b.length; _a++) {
-                            var tagDirChild = _b[_a];
-                            var retObj = this.getVNodeValue(tagDirChild, tagMapper[dirTag], tagNameMapper);
+                        var children = tagDirective.componentOptions ? tagDirective.componentOptions.children : tagDirective.children;
+                        for (var _a = 0, children_1 = children; _a < children_1.length; _a++) {
+                            var tagDirChild = children_1[_a];
+                            var retObj = this.getVNodeValue(tagDirChild, tagMapper["" + dirTag], tagNameMapper);
                             if (Object.keys(retObj).length !== 0) {
                                 dir[tagName.replace('e-', '')].push(retObj);
                             }
@@ -457,14 +486,25 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
         var mulObj = {};
         for (var _i = 0, tagDirectories_1 = tagDirectories; _i < tagDirectories_1.length; _i++) {
             var tagDir = tagDirectories_1[_i];
+            var key = void 0;
+            var children = void 0;
             if (tagDir.componentOptions) {
-                var key = tagDir.componentOptions.tag;
-                var tagName = tagNameMapper[key] ? tagNameMapper[key] : key;
+                key = tagDir.componentOptions.tag;
+                if (tagDir.componentOptions.children) {
+                    children = tagDir.componentOptions.children;
+                }
+            }
+            else if ((tagDir.tag === 'e-markersettings' || tagDir.tag === 'e-markersetting') && tagDir.children) {
+                key = (tagDir.tag === 'e-markersettings') ? 'e-markerSettings' : 'e-markerSetting';
+                children = tagDir.children;
+            }
+            if (key) {
+                var tagName = tagNameMapper["" + key] ? tagNameMapper["" + key] : key;
                 mulObj[tagName.replace('e-', '')] = [];
-                if (tagDir.componentOptions && tagDir.componentOptions.children) {
-                    for (var _a = 0, _b = tagDir.componentOptions.children; _a < _b.length; _a++) {
-                        var tagDirChild = _b[_a];
-                        var mulLevObj = this.getVNodeValue(tagDirChild, tagKey[key], tagNameMapper);
+                if (children) {
+                    for (var _a = 0, children_2 = children; _a < children_2.length; _a++) {
+                        var tagDirChild = children_2[_a];
+                        var mulLevObj = this.getVNodeValue(tagDirChild, tagKey["" + key], tagNameMapper);
                         if (Object.keys(mulLevObj).length !== 0) {
                             mulObj[tagName.replace('e-', '')].push(mulLevObj);
                         }
@@ -476,14 +516,23 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
     };
     ComponentBase.prototype.getVNodeValue = function (tagDirective, tagKey, tagNameMapper) {
         var ret = {};
-        if (tagDirective.componentOptions) {
-            var dirTag = tagDirective.componentOptions.tag;
+        if (tagDirective.componentOptions || ((tagDirective.tag === 'e-markersettings' || tagDirective.tag === 'e-markersetting') && tagDirective.context)) {
+            var dirTag = void 0;
+            if (tagDirective.componentOptions) {
+                dirTag = tagDirective.componentOptions.tag;
+            }
+            else {
+                dirTag = (tagDirective.tag === 'e-markersettings') ? 'e-markerSettings' : 'e-markerSetting';
+            }
             if (typeof tagKey === 'string' && dirTag === tagKey && tagDirective.data) {
                 ret = tagDirective.data.attrs ? this.getCamelCaseProps(tagDirective.data.attrs) : this.getCamelCaseProps(tagDirective.data);
             }
             else if (typeof tagKey === 'object') {
                 if (tagDirective.componentOptions.children && (Object.keys(tagKey).indexOf(dirTag) !== -1)) {
-                    ret = this.getMultiLevelDirValue(tagDirective.componentOptions.children, tagKey[dirTag], tagNameMapper);
+                    ret = this.getMultiLevelDirValue(tagDirective.componentOptions.children, tagKey["" + dirTag], tagNameMapper);
+                }
+                else if (tagDirective.children && (Object.keys(tagKey).indexOf(dirTag) !== -1) && (dirTag === 'e-markersettings' || dirTag === 'e-markersetting')) {
+                    ret = this.getMultiLevelDirValue(tagDirective.children, tagKey["" + dirTag], tagNameMapper);
                 }
                 if (tagDirective.data && tagDirective.data.attrs) {
                     ret = extend(ret, this.getCamelCaseProps(tagDirective.data.attrs));
@@ -499,7 +548,7 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
         var retProps = {};
         for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
             var prop = _a[_i];
-            retProps[prop.replace(/-[a-z]/g, function (e) { return e[1].toUpperCase(); })] = props[prop];
+            retProps[prop.replace(/-[a-z]/g, function (e) { return e[1].toUpperCase(); })] = props["" + prop];
         }
         return retProps;
     };
@@ -535,9 +584,9 @@ function getProps(options) {
     if (options === void 0) { options = {}; }
     if (options.props) {
         var _loop_1 = function (prop) {
-            (options.newprops || (options.newprops = {}))[prop] = {};
-            (options.watch || (options.watch = {}))[prop] = function (newVal) {
-                this.ej2Instances[prop] = newVal;
+            (options.newprops || (options.newprops = {}))["" + prop] = {};
+            (options.watch || (options.watch = {}))["" + prop] = function (newVal) {
+                this.ej2Instances["" + prop] = newVal;
                 if (this.dataBind && (options.name !== 'DateRangePickerComponent')) {
                     this.dataBind();
                 }
@@ -565,9 +614,9 @@ function EJcomponentFactory(Component, options) {
     var proto = Component.prototype;
     if (options.props) {
         var _loop_2 = function (prop) {
-            (options.props || (options.props = {}))[prop] = {};
-            (options.watch || (options.watch = {}))[prop] = function (newVal) {
-                this.ej2Instances[prop] = newVal;
+            (options.props || (options.props = {}))["" + prop] = {};
+            (options.watch || (options.watch = {}))["" + prop] = function (newVal) {
+                this.ej2Instances["" + prop] = newVal;
                 if (this.dataBind && (options.name !== 'DateRangePickerComponent')) {
                     this.dataBind();
                 }
@@ -584,17 +633,17 @@ function EJcomponentFactory(Component, options) {
             return;
         }
         if ($internalHooks.indexOf(key) > -1) {
-            options[key] = proto[key];
+            options["" + key] = proto["" + key];
             return;
         }
         var descriptor = Object.getOwnPropertyDescriptor(proto, key);
         if (typeof descriptor.value === 'function') {
             // methods
-            (options.methods || (options.methods = {}))[key] = descriptor.value;
+            (options.methods || (options.methods = {}))["" + key] = descriptor.value;
         }
         else if (descriptor.get || descriptor.set) {
             // computed properties
-            (options.computed || (options.computed = {}))[key] = {
+            (options.computed || (options.computed = {}))["" + key] = {
                 get: descriptor.get,
                 set: descriptor.set
             };
@@ -602,7 +651,7 @@ function EJcomponentFactory(Component, options) {
     });
     Object.getOwnPropertyNames(ComponentBase.prototype).forEach(function (key) {
         if ($internalHooks.indexOf(key) > -1) {
-            options[key] = proto[key];
+            options["" + key] = proto["" + key];
             return;
         }
     });
@@ -639,8 +688,8 @@ function collectDataFromConstructor(vm, Component) {
         keys.forEach(function (key) {
             if (key.charAt(0) !== '_') {
                 Object.defineProperty(_this, key, {
-                    get: function () { return vm[key]; },
-                    set: function (value) { return vm[key] = value; }
+                    get: function () { return vm["" + key]; },
+                    set: function (value) { return vm["" + key] = value; }
                 });
             }
         });
@@ -648,8 +697,8 @@ function collectDataFromConstructor(vm, Component) {
     var data = new Component();
     var plainData = {};
     Object.keys(data).forEach(function (key) {
-        if (data[key] !== undefined) {
-            plainData[key] = data[key];
+        if (data["" + key] !== undefined) {
+            plainData["" + key] = data["" + key];
         }
     });
     return plainData;
@@ -676,12 +725,12 @@ function compile(templateElement, helper) {
                     // Compilation for Vue 3 slot template
                     var app = allVue.createApp({
                         render: function () {
-                            return vueSlot_1[templateElement]({ data: data });
+                            return vueSlot_1["" + templateElement]({ data: data });
                         }
                     });
                     if (plugins) {
                         for (var i = 0; i < plugins.length; i++) {
-                            app.use(plugins[i]);
+                            app.use(plugins[parseInt(i.toString(), 10)]);
                         }
                     }
                     app.mount((context.getModuleName() === 'grid') ? ("#" + pid) : ("#" + id));
@@ -714,7 +763,7 @@ function compile(templateElement, helper) {
                     templateCompRef = object.template._context.components[templateElement.name];
                     if (!templateCompRef) {
                         var key = Object.keys(object.template._context.components)[0];
-                        templateCompRef = object.template._context.components[key];
+                        templateCompRef = object.template._context.components["" + key];
                     }
                 }
                 var tempRef_1;
@@ -726,7 +775,7 @@ function compile(templateElement, helper) {
                     if (templateCompRef.components) {
                         var objkeys = Object.keys(templateCompRef.components) || [];
                         var _loop_1 = function (objstring) {
-                            var intComponent = templateCompRef.components[objstring];
+                            var intComponent = templateCompRef.components["" + objstring];
                             if (intComponent && intComponent.data) {
                                 var tempRef2_1 = Object.assign(intComponent.data(), dataObj.data);
                                 intComponent.data = function () { return tempRef2_1; };
@@ -742,7 +791,7 @@ function compile(templateElement, helper) {
                 var app = allVue.createApp(templateCompRef);
                 if (plugins) {
                     for (var i = 0; i < plugins.length; i++) {
-                        app.use(plugins[i]);
+                        app.use(plugins[parseInt(i.toString(), 10)]);
                     }
                 }
                 app.mount((context.getModuleName() === 'grid') ? ("#" + pid) : ("#" + id));
@@ -755,7 +804,7 @@ function compile(templateElement, helper) {
                     // Compilation for Vue 2 slot template
                     var vueTemplate = new Vue$1__default({
                         render: function () {
-                            return vueSlot_2[templateElement]({ data: data });
+                            return vueSlot_2["" + templateElement]({ data: data });
                         }
                     });
                     vueTemplate.$mount("#" + id);
@@ -796,10 +845,10 @@ function compile(templateElement, helper) {
                         templateInstance = context.vueInstance.templateCollection;
                     }
                     if (propName) {
-                        if (!templateInstance[propName]) {
-                            templateInstance[propName] = [];
+                        if (!templateInstance["" + propName]) {
+                            templateInstance["" + propName] = [];
                         }
-                        templateInstance[propName].push(returnEle[0]);
+                        templateInstance["" + propName].push(returnEle[0]);
                     }
                 }
                 detach(ele);
@@ -825,24 +874,24 @@ function getVueChildSlot(vueInstance, templateElement) {
     var scopedSlots = vueInstance.$scopedSlots;
     var vSlots = vueInstance.scopedSlots;
     var children = vueInstance.children;
-    if (scopedSlots && scopedSlots[templateElement]) {
+    if (scopedSlots && scopedSlots["" + templateElement]) {
         return scopedSlots;
     }
     else if (slots && slots.default) {
         var childSlots = slots.default;
         for (var i = 0; i < childSlots.length; i++) {
-            var slot = getVueChildSlot(getSlot(childSlots[i]), templateElement);
+            var slot = getVueChildSlot(getSlot(childSlots[parseInt(i.toString(), 10)]), templateElement);
             if (slot) {
                 return slot;
             }
         }
     }
-    else if (vSlots && vSlots[templateElement]) {
+    else if (vSlots && vSlots["" + templateElement]) {
         return vSlots;
     }
     else if (children) {
         for (var i = 0; i < children.length; i++) {
-            var slot = getVueChildSlot(getSlot(children[i]), templateElement);
+            var slot = getVueChildSlot(getSlot(children[parseInt(i.toString(), 10)]), templateElement);
             if (slot) {
                 return slot;
             }
@@ -851,7 +900,8 @@ function getVueChildSlot(vueInstance, templateElement) {
     return undefined;
 }
 function getSlot(vnode) {
-    var slot = (vnode.componentOptions && vnode.componentOptions.children) ? vnode.componentOptions : vnode.data;
+    var slot = (vnode.componentOptions && vnode.componentOptions.children) ? vnode.componentOptions :
+        (!vnode.data && (vnode.tag === 'e-markersettings' || vnode.tag === 'e-markersetting')) ? vnode : vnode.data;
     return vnode.componentInstance ? vnode.componentInstance : slot;
 }
 // Get the Vue3 slot template from the root or current Vue component.
@@ -863,13 +913,13 @@ function getCurrentVueSlot(vueInstance, templateElement, root) {
     return getChildVueSlot(slots, templateElement);
 }
 function getChildVueSlot(slots, templateElement) {
-    if (slots && slots[templateElement]) {
+    if (slots && slots["" + templateElement]) {
         return slots;
     }
     else if (slots && slots.default) {
         var childSlots = slots.default();
         for (var i = 0; i < childSlots.length; i++) {
-            var slot = getChildVueSlot(childSlots[i].children, templateElement);
+            var slot = getChildVueSlot(childSlots[parseInt(i.toString(), 10)].children, templateElement);
             if (slot) {
                 return slot;
             }