@progress/kendo-vue-gauges 2.8.0-dev.202201111325 → 3.0.0-dev.202201161025

package/dist/es/ArcCenter.js

@@ -1,4 +1,20 @@
-// @ts-ignore
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -7,8 +23,15 @@ import { getTemplate } from '@progress/kendo-vue-common'; // tslint:enable:max-l
 var ArcCenterVue2 = {
   name: 'KendoArcCenter',
   props: {
-    center: [String, Function, Object],
-    arcCenterValue: Object
+    center: [String, Function, Object]
+  },
+  inject: {
+    arcCenterValue: {
+      default: null
+    },
+    centerStyles: {
+      default: null
+    }
   },
   created: function created() {
     this.element = null;
@@ -24,9 +47,11 @@ var ArcCenterVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var center = this.$props.center;
-    var divStyle = {
+
+    var divStyle = __assign({
       zIndex: -1
-    };
+    }, this.centerStyles);
+
     var renderer = null;
 
     if (center) {

package/dist/es/ArcGauge.js

@@ -44,8 +44,20 @@ var ArcGaugeVue2 = {
   },
   data: function data() {
     return {
-      centerStyles: {},
-      arcCenterValue: {}
+      centerStyles: {
+        top: null,
+        left: null
+      },
+      arcCenterValue: {
+        value: '',
+        color: ''
+      }
+    };
+  },
+  provide: function provide() {
+    return {
+      centerStyles: this.$data.centerStyles,
+      arcCenterValue: this.$data.arcCenterValue
     };
   },
   mounted: function mounted() {
@@ -88,29 +100,28 @@ var ArcGaugeVue2 = {
         value: value,
         attrs: this.v3 ? undefined : {
           value: value,
-          color: color,
           deriveOptionsFromParent: this.deriveOptionsFromParent,
           gaugeConstructor: this.gaugeType,
           getTarget: this.getTarget
         },
-        color: color,
         deriveOptionsFromParent: this.deriveOptionsFromParent,
         ref: this.v3 ? function (el) {
           _this.baseGaugeRef = el;
         } : 'baseGauge',
         gaugeConstructor: this.gaugeType,
         getTarget: this.getTarget,
-        "class": classNames('k-gauge k-arcgauge', className)
+        "class": classNames('k-gauge k-arcgauge', className),
+        onRender: this.positionCenter,
+        on: this.v3 ? undefined : {
+          "render": this.positionCenter
+        }
       }, this.v3 ? function () {
         return [defaultSlots, // @ts-ignore
         h(ArcCenter, {
           center: center,
           attrs: _this2.v3 ? undefined : {
-            center: center,
-            arcCenterValue: _this2.arcCenterValue
+            center: center
           },
-          style: _this2.centerStyles,
-          arcCenterValue: _this2.arcCenterValue,
           ref: _this2.v3 ? function (el) {
             _this.centerRef = el;
           } : 'center'
@@ -118,11 +129,8 @@ var ArcGaugeVue2 = {
       } : [defaultSlots, h(ArcCenter, {
         center: center,
         attrs: _this2.v3 ? undefined : {
-          center: center,
-          arcCenterValue: _this2.arcCenterValue
+          center: center
         },
-        style: _this2.centerStyles,
-        arcCenterValue: _this2.arcCenterValue,
         ref: _this2.v3 ? function (el) {
           _this.centerRef = el;
         } : 'center'
@@ -135,14 +143,10 @@ var ArcGaugeVue2 = {
       var height = this.center.$el.offsetHeight;
       var gaugeInstance = this.gaugeInstance();
       var position = gaugeInstance.centerLabelPosition(width, height);
-      this.centerStyles = {
-        left: position.left + 'px',
-        top: position.top + 'px'
-      };
-      this.arcCenterValue = {
-        value: gaugeInstance.value(),
-        color: gaugeInstance.currentColor()
-      };
+      this.centerStyles.left = position.left + 'px';
+      this.centerStyles.top = position.top + 'px';
+      this.arcCenterValue.value = gaugeInstance.value();
+      this.arcCenterValue.color = gaugeInstance.currentColor();
     },
     gaugeInstance: function gaugeInstance() {
       if (this._baseGauge) {
@@ -166,8 +170,8 @@ var ArcGaugeVue2 = {
       return null;
     },
     exportVisual: function exportVisual(options) {
-      if (this.gaugeInstance !== null && this.element()) {
-        return drawDOM(this.element(), options);
+      if (this.gaugeInstance !== null && this.$el) {
+        return drawDOM(this.$el, options);
       }
 
       return Promise.resolve(new Group());

package/dist/es/BaseGauge.js

@@ -15,10 +15,11 @@ var __rest = this && this.__rest || function (s, e) {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var inject = allVue.inject;
 import { provideIntlService } from '@progress/kendo-vue-intl';
 import { loadTheme } from './theming/theme-service';
 import createStore from './store/store';
-import { themeReducer, observersReducer } from './store/reducer';
+import { themeReducer } from './store/reducer';
 import { canUseDOM } from '@progress/kendo-vue-common'; // import { GaugeContextType, GaugeContext } from './GaugeContext';
 
 import { validatePackage, getDefaultSlots } from '@progress/kendo-vue-common';
@@ -36,6 +37,12 @@ var BaseGaugeVue2 = {
       }
     },
     value: Number,
+    pointer: {
+      type: [Object, Array],
+      default: function _default() {
+        return undefined;
+      }
+    },
     gaugeConstructor: [Object, Function],
     deriveOptionsFromParent: Function
   },
@@ -48,24 +55,14 @@ var BaseGaugeVue2 = {
     validatePackage(packageMetadata);
     this.gaugeInstance = null;
     this.themeStore = {};
-    this._prevRenderAs = undefined;
-    this._prevDir = undefined; // protected themeUnsubscriber: Function = Function.prototype;
-    // protected contextValue: GaugeContextType;
-    // protected observersStore: any = {};
-
+    this._prevRenderAs = this.renderAs;
+    this._prevDir = this.dir;
     this.themeStore = createStore(themeReducer);
-    this.observersStore = createStore(observersReducer);
-    this.contextValue = {
-      observersStore: this.observersStore
-    };
   },
   mounted: function mounted() {
     loadTheme(this.themeStore, this.instantiateCoreGauge.bind(this));
     this.themeUnsubscriber = this.themeStore.subscribe(this.refresh.bind(this));
     window.addEventListener('resize', this.onWindowResize);
-    this.trigger('render', {
-      sender: this
-    });
   },
   watch: {
     dir: function dir(_newDir, oldDir) {
@@ -78,34 +75,24 @@ var BaseGaugeVue2 = {
   updated: function updated() {
     var _a = this.$props,
         dir = _a.dir,
-        children = _a.children,
-        deriveOptionsFromParent = _a.deriveOptionsFromParent,
         getTarget = _a.getTarget,
         gaugeConstructor = _a.gaugeConstructor,
         className = _a.className,
         renderAs = _a.renderAs,
-        currentOthers = __rest(_a, ["dir", "children", "deriveOptionsFromParent", "getTarget", "gaugeConstructor", "className", "renderAs"]);
+        currentOthers = __rest(_a, ["dir", "getTarget", "gaugeConstructor", "className", "renderAs"]);
 
     if (this.gaugeInstance !== null) {
-      var currentIntlService = provideIntlService(this);
-      var gaugeService = this.gaugeInstance.contextService;
-      var localeChanged = currentIntlService.locale !== gaugeService._intlService.locale;
-      var optionsChanged = true;
+      var optionsChanged = this._prevDir !== dir || this._prevRenderAs !== renderAs;
       var typedCurrentOthers = currentOthers;
 
-      if (localeChanged) {
-        this.gaugeInstance.contextService._intlService = currentIntlService;
-        this.gaugeInstance.contextService.format._intlService = currentIntlService;
-
-        if (!optionsChanged) {
-          this.gaugeInstance.noTransitionsRedraw();
-        }
+      if (!optionsChanged) {
+        this.gaugeInstance.noTransitionsRedraw();
       }
 
       if (optionsChanged || (renderAs || 'svg') !== (this._prevRenderAs || 'svg')) {
         this.refresh();
       } else {
-        if (Object.keys(currentOthers).indexOf('pointer') > -1) {
+        if (Object.keys(currentOthers).indexOf('pointer') > -1 && currentOthers.pointer) {
           var isPointerArray = Array.isArray(typedCurrentOthers.pointer);
 
           if (isPointerArray) {
@@ -122,8 +109,11 @@ var BaseGaugeVue2 = {
 
       if (this._prevDir !== dir) {
         this.gaugeInstance.setDirection(this.getDirection(dir));
-      } //  this.$emit('render', { sender: this });
+      }
 
+      this.$emit('render', {
+        sender: this
+      });
     }
   },
   destroyed: function destroyed() {
@@ -139,8 +129,10 @@ var BaseGaugeVue2 = {
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
+    var kendoIntlService = inject('kendoIntlService', {});
     return {
-      v3: v3
+      v3: v3,
+      kendoIntlService: kendoIntlService
     };
   },
   // @ts-ignore
@@ -150,7 +142,12 @@ var BaseGaugeVue2 = {
     var gaugeStyles = Object.assign({}, {
       position: 'relative'
     });
+    this._intl = provideIntlService(this);
     return h("div", {
+      locale: this._intl.locale,
+      attrs: this.v3 ? undefined : {
+        locale: this._intl.locale
+      },
       style: gaugeStyles
     }, [defaultSlots]);
   },
@@ -162,7 +159,7 @@ var BaseGaugeVue2 = {
       var gaugeOptions = this.getGaugeOptions();
       this.gaugeInstance = new gaugeConstructor(this.$el, gaugeOptions, this.themeStore.getState(), {
         rtl: this.getDirection(dir),
-        intlService: provideIntlService(this),
+        intlService: this._intl,
         sender: this
       });
     },
@@ -206,17 +203,10 @@ var BaseGaugeVue2 = {
 
       return gaugeOptions;
     },
-    trigger: function trigger(name, e) {
-      var observers = this.observersStore.getState();
-
-      for (var idx = 0; idx < observers.length; idx++) {
-        observers[idx].trigger(name, e);
-      }
-    },
     onWindowResize: function onWindowResize() {
       if (this.gaugeInstance !== null) {
         this.gaugeInstance.resize();
-        this.trigger('render', {
+        this.$emit('render', {
           sender: this
         });
       }

package/dist/es/BaseGaugeProps.d.ts

@@ -24,6 +24,7 @@ export interface BaseGaugeProps extends BaseGaugePrivateProps {
      */
     dir?: string;
     value?: number;
+    pointer?: object;
     color?: any;
     colors?: any[];
     opacity?: any;

package/dist/es/LinearGauge.js

@@ -49,12 +49,14 @@ var LinearGaugeVue2 = {
     var defaultSlots = getDefaultSlots(this);
     return (// @ts-ignore  function children
       h(BaseGauge, {
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        pointer: this.$props.pointer,
         attrs: this.v3 ? undefined : {
+          pointer: this.$props.pointer,
           deriveOptionsFromParent: this.deriveOptionsFromParent,
           gaugeConstructor: KendoLinearGauge,
           getTarget: this.getTarget
         },
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
         ref: this.v3 ? function (el) {
           _this.baseGaugeRef = el;
         } : 'baseGauge',

package/dist/es/RadialGauge.js

@@ -47,15 +47,17 @@ var RadialGaugeVue2 = {
 
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
-    var className = this.$props.className;
+    var pointer = this.$props.pointer;
     return (// @ts-ignore  function children
       h(BaseGauge, {
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        pointer: pointer,
         attrs: this.v3 ? undefined : {
+          pointer: pointer,
           deriveOptionsFromParent: this.deriveOptionsFromParent,
           gaugeConstructor: KendoRadialGauge,
           getTarget: this.getTarget
         },
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
         ref: this.v3 ? function (el) {
           _this.baseGaugeRef = el;
         } : 'baseGauge',

package/dist/es/main.js

@@ -2,6 +2,5 @@ import { ArcGauge, ArcGaugeVue2 } from './ArcGauge';
 import { CircularGauge, CircularGaugeVue2 } from './CircularGauge';
 import { LinearGauge, LinearGaugeVue2 } from './LinearGauge';
 import { RadialGauge, RadialGaugeVue2 } from './RadialGauge';
-// export * from './common/gauges';
 export * from './types';
 export { ArcGauge, ArcGaugeVue2, CircularGauge, CircularGaugeVue2, LinearGauge, LinearGaugeVue2, RadialGauge, RadialGaugeVue2 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-gauges',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1641907045,
+    publishDate: 1642328267,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/ArcCenter.js

@@ -1,5 +1,21 @@
 "use strict";
 
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -16,8 +32,15 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable
 var ArcCenterVue2 = {
   name: 'KendoArcCenter',
   props: {
-    center: [String, Function, Object],
-    arcCenterValue: Object
+    center: [String, Function, Object]
+  },
+  inject: {
+    arcCenterValue: {
+      default: null
+    },
+    centerStyles: {
+      default: null
+    }
   },
   created: function created() {
     this.element = null;
@@ -33,9 +56,11 @@ var ArcCenterVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var center = this.$props.center;
-    var divStyle = {
+
+    var divStyle = __assign({
       zIndex: -1
-    };
+    }, this.centerStyles);
+
     var renderer = null;
 
     if (center) {

package/dist/npm/ArcGauge.js

@@ -57,8 +57,20 @@ var ArcGaugeVue2 = {
   },
   data: function data() {
     return {
-      centerStyles: {},
-      arcCenterValue: {}
+      centerStyles: {
+        top: null,
+        left: null
+      },
+      arcCenterValue: {
+        value: '',
+        color: ''
+      }
+    };
+  },
+  provide: function provide() {
+    return {
+      centerStyles: this.$data.centerStyles,
+      arcCenterValue: this.$data.arcCenterValue
     };
   },
   mounted: function mounted() {
@@ -101,29 +113,28 @@ var ArcGaugeVue2 = {
         value: value,
         attrs: this.v3 ? undefined : {
           value: value,
-          color: color,
           deriveOptionsFromParent: this.deriveOptionsFromParent,
           gaugeConstructor: this.gaugeType,
           getTarget: this.getTarget
         },
-        color: color,
         deriveOptionsFromParent: this.deriveOptionsFromParent,
         ref: this.v3 ? function (el) {
           _this.baseGaugeRef = el;
         } : 'baseGauge',
         gaugeConstructor: this.gaugeType,
         getTarget: this.getTarget,
-        "class": kendo_vue_common_1.classNames('k-gauge k-arcgauge', className)
+        "class": kendo_vue_common_1.classNames('k-gauge k-arcgauge', className),
+        onRender: this.positionCenter,
+        on: this.v3 ? undefined : {
+          "render": this.positionCenter
+        }
       }, this.v3 ? function () {
         return [defaultSlots, // @ts-ignore
         h(ArcCenter_1.ArcCenter, {
           center: center,
           attrs: _this2.v3 ? undefined : {
-            center: center,
-            arcCenterValue: _this2.arcCenterValue
+            center: center
           },
-          style: _this2.centerStyles,
-          arcCenterValue: _this2.arcCenterValue,
           ref: _this2.v3 ? function (el) {
             _this.centerRef = el;
           } : 'center'
@@ -131,11 +142,8 @@ var ArcGaugeVue2 = {
       } : [defaultSlots, h(ArcCenter_1.ArcCenter, {
         center: center,
         attrs: _this2.v3 ? undefined : {
-          center: center,
-          arcCenterValue: _this2.arcCenterValue
+          center: center
         },
-        style: _this2.centerStyles,
-        arcCenterValue: _this2.arcCenterValue,
         ref: _this2.v3 ? function (el) {
           _this.centerRef = el;
         } : 'center'
@@ -148,14 +156,10 @@ var ArcGaugeVue2 = {
       var height = this.center.$el.offsetHeight;
       var gaugeInstance = this.gaugeInstance();
       var position = gaugeInstance.centerLabelPosition(width, height);
-      this.centerStyles = {
-        left: position.left + 'px',
-        top: position.top + 'px'
-      };
-      this.arcCenterValue = {
-        value: gaugeInstance.value(),
-        color: gaugeInstance.currentColor()
-      };
+      this.centerStyles.left = position.left + 'px';
+      this.centerStyles.top = position.top + 'px';
+      this.arcCenterValue.value = gaugeInstance.value();
+      this.arcCenterValue.color = gaugeInstance.currentColor();
     },
     gaugeInstance: function gaugeInstance() {
       if (this._baseGauge) {
@@ -179,8 +183,8 @@ var ArcGaugeVue2 = {
       return null;
     },
     exportVisual: function exportVisual(options) {
-      if (this.gaugeInstance !== null && this.element()) {
-        return kendo_drawing_1.drawDOM(this.element(), options);
+      if (this.gaugeInstance !== null && this.$el) {
+        return kendo_drawing_1.drawDOM(this.$el, options);
       }
 
       return Promise.resolve(new kendo_drawing_1.Group());

package/dist/npm/BaseGauge.js

@@ -22,6 +22,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var inject = allVue.inject;
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
@@ -51,6 +52,12 @@ var BaseGaugeVue2 = {
       }
     },
     value: Number,
+    pointer: {
+      type: [Object, Array],
+      default: function _default() {
+        return undefined;
+      }
+    },
     gaugeConstructor: [Object, Function],
     deriveOptionsFromParent: Function
   },
@@ -63,24 +70,14 @@ var BaseGaugeVue2 = {
     kendo_vue_common_2.validatePackage(package_metadata_1.packageMetadata);
     this.gaugeInstance = null;
     this.themeStore = {};
-    this._prevRenderAs = undefined;
-    this._prevDir = undefined; // protected themeUnsubscriber: Function = Function.prototype;
-    // protected contextValue: GaugeContextType;
-    // protected observersStore: any = {};
-
+    this._prevRenderAs = this.renderAs;
+    this._prevDir = this.dir;
     this.themeStore = store_1.default(reducer_1.themeReducer);
-    this.observersStore = store_1.default(reducer_1.observersReducer);
-    this.contextValue = {
-      observersStore: this.observersStore
-    };
   },
   mounted: function mounted() {
     theme_service_1.loadTheme(this.themeStore, this.instantiateCoreGauge.bind(this));
     this.themeUnsubscriber = this.themeStore.subscribe(this.refresh.bind(this));
     window.addEventListener('resize', this.onWindowResize);
-    this.trigger('render', {
-      sender: this
-    });
   },
   watch: {
     dir: function dir(_newDir, oldDir) {
@@ -93,34 +90,24 @@ var BaseGaugeVue2 = {
   updated: function updated() {
     var _a = this.$props,
         dir = _a.dir,
-        children = _a.children,
-        deriveOptionsFromParent = _a.deriveOptionsFromParent,
         getTarget = _a.getTarget,
         gaugeConstructor = _a.gaugeConstructor,
         className = _a.className,
         renderAs = _a.renderAs,
-        currentOthers = __rest(_a, ["dir", "children", "deriveOptionsFromParent", "getTarget", "gaugeConstructor", "className", "renderAs"]);
+        currentOthers = __rest(_a, ["dir", "getTarget", "gaugeConstructor", "className", "renderAs"]);
 
     if (this.gaugeInstance !== null) {
-      var currentIntlService = kendo_vue_intl_1.provideIntlService(this);
-      var gaugeService = this.gaugeInstance.contextService;
-      var localeChanged = currentIntlService.locale !== gaugeService._intlService.locale;
-      var optionsChanged = true;
+      var optionsChanged = this._prevDir !== dir || this._prevRenderAs !== renderAs;
       var typedCurrentOthers = currentOthers;
 
-      if (localeChanged) {
-        this.gaugeInstance.contextService._intlService = currentIntlService;
-        this.gaugeInstance.contextService.format._intlService = currentIntlService;
-
-        if (!optionsChanged) {
-          this.gaugeInstance.noTransitionsRedraw();
-        }
+      if (!optionsChanged) {
+        this.gaugeInstance.noTransitionsRedraw();
       }
 
       if (optionsChanged || (renderAs || 'svg') !== (this._prevRenderAs || 'svg')) {
         this.refresh();
       } else {
-        if (Object.keys(currentOthers).indexOf('pointer') > -1) {
+        if (Object.keys(currentOthers).indexOf('pointer') > -1 && currentOthers.pointer) {
           var isPointerArray = Array.isArray(typedCurrentOthers.pointer);
 
           if (isPointerArray) {
@@ -137,8 +124,11 @@ var BaseGaugeVue2 = {
 
       if (this._prevDir !== dir) {
         this.gaugeInstance.setDirection(this.getDirection(dir));
-      } //  this.$emit('render', { sender: this });
+      }
 
+      this.$emit('render', {
+        sender: this
+      });
     }
   },
   destroyed: function destroyed() {
@@ -154,8 +144,10 @@ var BaseGaugeVue2 = {
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
+    var kendoIntlService = inject('kendoIntlService', {});
     return {
-      v3: v3
+      v3: v3,
+      kendoIntlService: kendoIntlService
     };
   },
   // @ts-ignore
@@ -165,7 +157,12 @@ var BaseGaugeVue2 = {
     var gaugeStyles = Object.assign({}, {
       position: 'relative'
     });
+    this._intl = kendo_vue_intl_1.provideIntlService(this);
     return h("div", {
+      locale: this._intl.locale,
+      attrs: this.v3 ? undefined : {
+        locale: this._intl.locale
+      },
       style: gaugeStyles
     }, [defaultSlots]);
   },
@@ -177,7 +174,7 @@ var BaseGaugeVue2 = {
       var gaugeOptions = this.getGaugeOptions();
       this.gaugeInstance = new gaugeConstructor(this.$el, gaugeOptions, this.themeStore.getState(), {
         rtl: this.getDirection(dir),
-        intlService: kendo_vue_intl_1.provideIntlService(this),
+        intlService: this._intl,
         sender: this
       });
     },
@@ -221,17 +218,10 @@ var BaseGaugeVue2 = {
 
       return gaugeOptions;
     },
-    trigger: function trigger(name, e) {
-      var observers = this.observersStore.getState();
-
-      for (var idx = 0; idx < observers.length; idx++) {
-        observers[idx].trigger(name, e);
-      }
-    },
     onWindowResize: function onWindowResize() {
       if (this.gaugeInstance !== null) {
         this.gaugeInstance.resize();
-        this.trigger('render', {
+        this.$emit('render', {
           sender: this
         });
       }