@carbon/charts-vue 0.57.0 → 0.58.1

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.58.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.58.0...v0.58.1) (2022-05-19)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
+# [0.58.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.57.1...v0.58.0) (2022-05-16)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
+## [0.57.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.57.0...v0.57.1) (2022-05-06)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
 # [0.57.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.56.0...v0.57.0) (2022-04-11)
 
 **Note:** Version bump only for package @carbon/charts-vue

package/charts-vue.common.js

@@ -11287,7 +11287,7 @@ var settings_settings = {
   selectorFocusable: "\n    a[href], area[href], input:not([disabled]),\n    button:not([disabled]),select:not([disabled]),\n    textarea:not([disabled]),\n    iframe, object, embed, *[tabindex], *[contenteditable=true]\n  "
 };
 var settings_1 = settings_settings;
-/* harmony default export */ var js_settings = (settings_1);
+
 // EXTERNAL MODULE: /home/runner/work/carbon-charts/carbon-charts/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
 var ResizeObserver_es = __webpack_require__("2da1");
 
@@ -11481,7 +11481,7 @@ var dom_utils_DOMUtils = /** @class */ (function (_super) {
         var chartsprefix = tools_Tools.getProperty(options, 'style', 'prefix');
         var mainContainer = src_select(this.getHolder())
             .append('div')
-            .classed(js_settings.prefix + "--" + chartsprefix + "--chart-wrapper", true)
+            .classed(settings_1.prefix + "--" + chartsprefix + "--chart-wrapper", true)
             .style('height', '100%')
             .style('width', '100%');
         mainContainer.append('g').attr('class', CSS_VERIFIER_ELEMENT_CLASSNAME);
@@ -11493,7 +11493,7 @@ var dom_utils_DOMUtils = /** @class */ (function (_super) {
     DOMUtils.prototype.styleHolderElement = function () {
         var holderElement = this.getHolder();
         // Add class to chart holder
-        src_select(this.getHolder()).classed(js_settings.prefix + "--chart-holder", true);
+        src_select(this.getHolder()).classed(settings_1.prefix + "--chart-holder", true);
         // In order for resize events to not clash with these updates
         // We'll check if the width & height values passed in options
         // Have changed, before setting them to the holder
@@ -17914,9 +17914,9 @@ var component_Component = /** @class */ (function () {
         }
         if (this.type) {
             var chartprefix = tools_Tools.getProperty(this.model.getOptions(), 'style', 'prefix');
-            this.parent.classed(js_settings.prefix + "--" + chartprefix + "--" + this.type, true);
+            this.parent.classed(settings_1.prefix + "--" + chartprefix + "--" + this.type, true);
             if (oldParent) {
-                oldParent.classed(js_settings.prefix + "--" + chartprefix + "--" + this.type, false);
+                oldParent.classed(settings_1.prefix + "--" + chartprefix + "--" + this.type, false);
             }
         }
     };
@@ -17928,7 +17928,7 @@ var component_Component = /** @class */ (function () {
         if (this.type) {
             var chartprefix = tools_Tools.getProperty(this.model.getOptions(), 'style', 'prefix');
             var idSelector = this.id ? "#" + this.id : '';
-            var container = dom_utils_DOMUtils.appendOrSelect(this.parent, "" + (this.renderType === RenderTypes.SVG ? 'svg' : 'div') + idSelector + "." + js_settings.prefix + "--" + chartprefix + "--" + this.type);
+            var container = dom_utils_DOMUtils.appendOrSelect(this.parent, "" + (this.renderType === RenderTypes.SVG ? 'svg' : 'div') + idSelector + "." + settings_1.prefix + "--" + chartprefix + "--" + this.type);
             if (configs.withinChartClip) {
                 // get unique chartClipId int this chart from model
                 var chartClipId = this.model.get('chartClipId');
@@ -18806,6 +18806,25 @@ var color_scale_legend_ColorScaleLegend = /** @class */ (function (_super) {
 var browser = __webpack_require__("9b04");
 
 // CONCATENATED MODULE: /home/runner/work/carbon-charts/carbon-charts/node_modules/carbon-components/es/globals/js/misc/mixin.js
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -18896,24 +18915,18 @@ function mixin() {
       _classCallCheck(this, _class);
     }
 
-    return _class;
+    return _createClass(_class);
   }());
 }
 // CONCATENATED MODULE: /home/runner/work/carbon-charts/carbon-charts/node_modules/carbon-components/es/globals/js/mixins/create-component.js
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function create_component_classCallCheck(instance, Constructor) {
@@ -18922,7 +18935,7 @@ function create_component_classCallCheck(instance, Constructor) {
   }
 }
 
-function _defineProperties(target, props) {
+function create_component_defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
     descriptor.enumerable = descriptor.enumerable || false;
@@ -18932,9 +18945,12 @@ function _defineProperties(target, props) {
   }
 }
 
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
+function create_component_createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) create_component_defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) create_component_defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -18950,6 +18966,9 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
@@ -18984,6 +19003,8 @@ function _createSuper(Derived) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -19038,7 +19059,7 @@ function _getPrototypeOf(o) {
     /**
      * Mix-in class to manage lifecycle of component.
      * The constructor sets up this component's effective options,
-     * and registers this component't instance associated to an element.
+     * and registers this component's instance associated to an element.
      * @implements Handle
      * @param {HTMLElement} element The element working as this component.
      * @param {object} [options] The component options.
@@ -19082,7 +19103,7 @@ function _getPrototypeOf(o) {
      */
 
 
-    _createClass(CreateComponent, [{
+    create_component_createClass(CreateComponent, [{
       key: "release",
       value:
       /**
@@ -19170,17 +19191,11 @@ function on_on(element) {
 function init_component_by_launcher_typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    init_component_by_launcher_typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    init_component_by_launcher_typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return init_component_by_launcher_typeof(obj);
+  return init_component_by_launcher_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, init_component_by_launcher_typeof(obj);
 }
 
 function init_component_by_launcher_classCallCheck(instance, Constructor) {
@@ -19202,6 +19217,9 @@ function init_component_by_launcher_defineProperties(target, props) {
 function init_component_by_launcher_createClass(Constructor, protoProps, staticProps) {
   if (protoProps) init_component_by_launcher_defineProperties(Constructor.prototype, protoProps);
   if (staticProps) init_component_by_launcher_defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -19217,6 +19235,9 @@ function init_component_by_launcher_inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) init_component_by_launcher_setPrototypeOf(subClass, superClass);
 }
 
@@ -19251,6 +19272,8 @@ function init_component_by_launcher_createSuper(Derived) {
 function init_component_by_launcher_possibleConstructorReturn(self, call) {
   if (call && (init_component_by_launcher_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return init_component_by_launcher_assertThisInitialized(self);
@@ -19393,17 +19416,11 @@ function init_component_by_launcher_getPrototypeOf(o) {
 function evented_state_typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    evented_state_typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    evented_state_typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return evented_state_typeof(obj);
+  return evented_state_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, evented_state_typeof(obj);
 }
 
 function evented_state_toConsumableArray(arr) {
@@ -19460,6 +19477,9 @@ function evented_state_defineProperties(target, props) {
 function evented_state_createClass(Constructor, protoProps, staticProps) {
   if (protoProps) evented_state_defineProperties(Constructor.prototype, protoProps);
   if (staticProps) evented_state_defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -19475,6 +19495,9 @@ function evented_state_inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) evented_state_setPrototypeOf(subClass, superClass);
 }
 
@@ -19509,6 +19532,8 @@ function evented_state_createSuper(Derived) {
 function evented_state_possibleConstructorReturn(self, call) {
   if (call && (evented_state_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return evented_state_assertThisInitialized(self);
@@ -19580,7 +19605,7 @@ function evented_state_getPrototypeOf(o) {
        * @private
        */
       function _changeState() {
-        throw new Error('_changeState() should be overriden to perform actual change in state.');
+        throw new Error('_changeState() should be overridden to perform actual change in state.');
       }
       /**
        * Changes the state of this component.
@@ -19717,17 +19742,11 @@ function getLaunchingDetails(evt) {
 function evented_show_hide_state_typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    evented_show_hide_state_typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    evented_show_hide_state_typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return evented_show_hide_state_typeof(obj);
+  return evented_show_hide_state_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, evented_show_hide_state_typeof(obj);
 }
 
 function evented_show_hide_state_classCallCheck(instance, Constructor) {
@@ -19749,6 +19768,9 @@ function evented_show_hide_state_defineProperties(target, props) {
 function evented_show_hide_state_createClass(Constructor, protoProps, staticProps) {
   if (protoProps) evented_show_hide_state_defineProperties(Constructor.prototype, protoProps);
   if (staticProps) evented_show_hide_state_defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -19764,6 +19786,9 @@ function evented_show_hide_state_inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) evented_show_hide_state_setPrototypeOf(subClass, superClass);
 }
 
@@ -19798,6 +19823,8 @@ function evented_show_hide_state_createSuper(Derived) {
 function evented_show_hide_state_possibleConstructorReturn(self, call) {
   if (call && (evented_show_hide_state_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return evented_show_hide_state_assertThisInitialized(self);
@@ -19904,17 +19931,11 @@ var evented_show_hide_state_exports = [evented_state, eventedShowHideState];
 function handles_typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    handles_typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    handles_typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return handles_typeof(obj);
+  return handles_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, handles_typeof(obj);
 }
 
 function handles_classCallCheck(instance, Constructor) {
@@ -19936,10 +19957,13 @@ function handles_defineProperties(target, props) {
 function handles_createClass(Constructor, protoProps, staticProps) {
   if (protoProps) handles_defineProperties(Constructor.prototype, protoProps);
   if (staticProps) handles_defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
-function _get(target, property, receiver) {
+function _get() {
   if (typeof Reflect !== "undefined" && Reflect.get) {
     _get = Reflect.get;
   } else {
@@ -19950,14 +19974,14 @@ function _get(target, property, receiver) {
       var desc = Object.getOwnPropertyDescriptor(base, property);
 
       if (desc.get) {
-        return desc.get.call(receiver);
+        return desc.get.call(arguments.length < 3 ? target : receiver);
       }
 
       return desc.value;
     };
   }
 
-  return _get(target, property, receiver || target);
+  return _get.apply(this, arguments);
 }
 
 function _superPropBase(object, property) {
@@ -19981,6 +20005,9 @@ function handles_inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) handles_setPrototypeOf(subClass, superClass);
 }
 
@@ -20015,6 +20042,8 @@ function handles_createSuper(Derived) {
 function handles_possibleConstructorReturn(self, call) {
   if (call && (handles_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return handles_assertThisInitialized(self);
@@ -20128,17 +20157,11 @@ function handles_getPrototypeOf(o) {
 function modal_typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    modal_typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    modal_typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return modal_typeof(obj);
+  return modal_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, modal_typeof(obj);
 }
 
 function modal_classCallCheck(instance, Constructor) {
@@ -20160,6 +20183,9 @@ function modal_defineProperties(target, props) {
 function modal_createClass(Constructor, protoProps, staticProps) {
   if (protoProps) modal_defineProperties(Constructor.prototype, protoProps);
   if (staticProps) modal_defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -20175,6 +20201,9 @@ function modal_inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) modal_setPrototypeOf(subClass, superClass);
 }
 
@@ -20209,6 +20238,8 @@ function modal_createSuper(Derived) {
 function modal_possibleConstructorReturn(self, call) {
   if (call && (modal_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return modal_assertThisInitialized(self);
@@ -20326,7 +20357,7 @@ var modal_Modal = /*#__PURE__*/function (_mixin) {
       if (_this.element.classList.contains(_this.options.classVisible) && !focusWrapNode.contains(evt.target) && _this.options.selectorsFloatingMenus.every(function (selector) {
         return !eventMatches(evt, selector);
       })) {
-        _this.element.querySelector(js_settings.selectorTabbable).focus();
+        _this.element.querySelector(settings_1.selectorTabbable).focus();
       }
     };
 
@@ -20396,7 +20427,7 @@ var modal_Modal = /*#__PURE__*/function (_mixin) {
         if (state === 'shown' && _this2.element.offsetWidth > 0 && _this2.element.offsetHeight > 0) {
           _this2.previouslyFocusedNode = _this2.element.ownerDocument.activeElement;
 
-          var focusableItem = _this2.element.querySelector(_this2.options.selectorPrimaryFocus) || _this2.element.querySelector(js_settings.selectorTabbable);
+          var focusableItem = _this2.element.querySelector(_this2.options.selectorPrimaryFocus) || _this2.element.querySelector(settings_1.selectorTabbable);
 
           focusableItem.focus();
 
@@ -20472,7 +20503,7 @@ var modal_Modal = /*#__PURE__*/function (_mixin) {
     /**
      * The component options.
      * If `options` is specified in the constructor, {@linkcode Modal.create .create()}, or {@linkcode Modal.init .init()},
-     * properties in this object are overriden for the instance being create and how {@linkcode Modal.init .init()} works.
+     * properties in this object are overridden for the instance being create and how {@linkcode Modal.init .init()} works.
      * @member Modal.options
      * @type {object}
      * @property {string} selectorInit The CSS class to find modal dialogs.
@@ -20502,7 +20533,7 @@ var modal_Modal = /*#__PURE__*/function (_mixin) {
      *   without being canceled by the event handler named by `eventBeforeHidden` option (`modal-beinghidden`).
      */
     function get() {
-      var prefix = js_settings.prefix;
+      var prefix = settings_1.prefix;
       return {
         selectorInit: '[data-modal]',
         selectorModalClose: '[data-modal-close]',
@@ -20586,7 +20617,7 @@ var essentials_modal_Modal = /** @class */ (function (_super) {
             .join('') + "\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\n\t\t\t\t\t<tbody>" + tableArray
             .slice(1)
             .map(function (row) { return "\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t" + row.map(function (column) { return "<td>" + column + "</td>"; }).join('') + "\n\t\t\t\t\t\t\t</tr>"; })
-            .join('') + "\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\n\t\t\t<div class=\"bx--modal-footer cds--modal-footer\">\n\t\t\t  <div class=\"" + js_settings.prefix + "--" + chartprefix + "-modal-footer-spacer\"></div>\n\t\t\t  <button class=\"bx--btn bx--btn--primary cds--btn cds--btn--primary\" type=\"button\" data-modal-primary-focus>Download as CSV</button>\n\t\t\t</div>\n\t\t</div>";
+            .join('') + "\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\n\t\t\t<div class=\"bx--modal-footer cds--modal-footer\">\n\t\t\t  <div class=\"" + settings_1.prefix + "--" + chartprefix + "-modal-footer-spacer\"></div>\n\t\t\t  <button class=\"bx--btn bx--btn--primary cds--btn cds--btn--primary\" type=\"button\" data-modal-primary-focus>Download as CSV</button>\n\t\t\t</div>\n\t\t</div>";
     };
     Modal.prototype.render = function () {
         var options = this.model.getOptions();
@@ -20594,7 +20625,7 @@ var essentials_modal_Modal = /** @class */ (function (_super) {
             // Grab the tooltip element
             var holder = src_select(this.services.domUtils.getHolder());
             var chartprefix = tools_Tools.getProperty(options, 'style', 'prefix');
-            this.modal = dom_utils_DOMUtils.appendOrSelect(holder, "div." + js_settings.prefix + "--" + chartprefix + "--modal");
+            this.modal = dom_utils_DOMUtils.appendOrSelect(holder, "div." + settings_1.prefix + "--" + chartprefix + "--modal");
             this.addEventListeners();
             this.isEventListenerAdded = true;
             this.modal
@@ -23521,7 +23552,7 @@ var threshold_Threshold = /** @class */ (function (_super) {
     Threshold.prototype.appendThresholdLabel = function () {
         var holder = src_select(this.services.domUtils.getHolder());
         var chartprefix = tools_Tools.getProperty(this.getOptions(), 'style', 'prefix');
-        this.label = dom_utils_DOMUtils.appendOrSelect(holder, "div." + js_settings.prefix + "--" + chartprefix + "--threshold--label").classed('hidden', true);
+        this.label = dom_utils_DOMUtils.appendOrSelect(holder, "div." + settings_1.prefix + "--" + chartprefix + "--threshold--label").classed('hidden', true);
     };
     Threshold.prototype.setThresholdLabelPosition = function (_a) {
         var event = _a.event, datum = _a.datum;
@@ -24188,7 +24219,7 @@ var tooltip_Tooltip = /** @class */ (function (_super) {
             // Grab the tooltip element
             var holder = src_select(this.services.domUtils.getHolder());
             var chartprefix = tools_Tools.getProperty(options, 'style', 'prefix');
-            this.tooltip = dom_utils_DOMUtils.appendOrSelect(holder, "div." + js_settings.prefix + "--" + chartprefix + "--tooltip");
+            this.tooltip = dom_utils_DOMUtils.appendOrSelect(holder, "div." + settings_1.prefix + "--" + chartprefix + "--tooltip");
             this.tooltip.style('max-width', null).attr('role', 'tooltip');
             if (!this.isEventListenerAdded) {
                 this.addTooltipEventListener();
@@ -35673,11 +35704,11 @@ var layout_LayoutComponent = /** @class */ (function (_super) {
         var chartprefix = tools_Tools.getProperty(this.model.getOptions(), 'style', 'prefix');
         // Add new boxes to the DOM for each layout child
         var updatedBoxes = parent
-            .classed(js_settings.prefix + "--" + chartprefix + "--layout-row", this.configs.direction === LayoutDirection.ROW)
-            .classed(js_settings.prefix + "--" + chartprefix + "--layout-row-reverse", this.configs.direction === LayoutDirection.ROW_REVERSE)
-            .classed(js_settings.prefix + "--" + chartprefix + "--layout-column", this.configs.direction === LayoutDirection.COLUMN)
-            .classed(js_settings.prefix + "--" + chartprefix + "--layout-column-reverse", this.configs.direction === LayoutDirection.COLUMN_REVERSE)
-            .classed(js_settings.prefix + "--" + chartprefix + "--layout-alignitems-center", this.configs.alignItems === LayoutAlignItems.CENTER)
+            .classed(settings_1.prefix + "--" + chartprefix + "--layout-row", this.configs.direction === LayoutDirection.ROW)
+            .classed(settings_1.prefix + "--" + chartprefix + "--layout-row-reverse", this.configs.direction === LayoutDirection.ROW_REVERSE)
+            .classed(settings_1.prefix + "--" + chartprefix + "--layout-column", this.configs.direction === LayoutDirection.COLUMN)
+            .classed(settings_1.prefix + "--" + chartprefix + "--layout-column-reverse", this.configs.direction === LayoutDirection.COLUMN_REVERSE)
+            .classed(settings_1.prefix + "--" + chartprefix + "--layout-alignitems-center", this.configs.alignItems === LayoutAlignItems.CENTER)
             .selectAll("div.layout-child-" + this._instanceID)
             .data(this.children, function (d) { return d.id; });
         var enteringBoxes = updatedBoxes.enter().append('div');