@becompliancebr/shared-components 1.4.0 → 1.4.1

package/dist/shared-components.common.js

@@ -1117,7 +1117,7 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 54500:
+/***/ 79877:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1131,12 +1131,12 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ./node_modules/vuetify/lib/components/VTooltip/VTooltip.js
 var VTooltip = __webpack_require__(52670);
-;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BeBarChart/BeBarChart.vue?vue&type=template&id=7053bf22&scoped=true
+;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BeBarChart/BeBarChart.vue?vue&type=template&id=5ceb0422&scoped=true
 
 
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"apex-bar-wrapper",staticStyle:{"height":"100%","width":"100%"},attrs:{"id":("apex-bar-chart-" + _vm.uniqueIdCode)}},[_c('apexchart',{staticClass:"mt-0 mb-n2 apex-bar-chart apexcharts-theme-dark",staticStyle:{"width":"100% !important"},attrs:{"height":_vm.customHeight || '260',"width":'100%',"type":"bar","options":_vm.options,"series":_vm.series}}),(
       !_vm.hideLegend && !_vm.multipleSeries && _vm.mountCustomTooltip && _vm.uniqueIdCode
-    )?_vm._l((_vm.labels),function(label,idx){return _c(VTooltip/* default */.A,{key:("tooltip-" + (idx + 1)),staticStyle:{"z-index":"100"},attrs:{"activator":_vm.getSelector(idx),"color":_vm.colors[idx],"max-width":"250","left":""}},[_c('span',{staticClass:"apex-custom-tooltip-span",staticStyle:{"color":"black !important"}},[_vm._v(_vm._s(label)+" - "+_vm._s(_vm.values[idx]))])])}):_vm._e(),(!_vm.hideLegend && _vm.multipleSeries && _vm.mountCustomTooltip && _vm.uniqueIdCode)?_vm._l((_vm.values),function(value,idx){return _c(VTooltip/* default */.A,{key:("tooltip-" + (idx + 1)),staticStyle:{"z-index":"100"},attrs:{"activator":_vm.getSelector(idx),"color":_vm.colors[idx],"max-width":"250","left":""}},[_vm._v(" "+_vm._s(value.name)+" ")])}):_vm._e()],2)}
+    )?_vm._l((_vm.labels),function(label,idx){return _c(VTooltip/* default */.A,{key:("tooltip-" + (idx + 1)),staticStyle:{"z-index":"100"},attrs:{"activator":_vm.getSelector(idx),"color":_vm.colors[idx],"max-width":"250","left":""}},[_c('span',{staticClass:"apex-custom-tooltip-span",staticStyle:{"color":"black !important"}},[_vm._v(_vm._s(label)+" - "+_vm._s(_vm.values[idx]))])])}):_vm._e(),(!_vm.hideLegend && _vm.multipleSeries && _vm.mountCustomTooltip && _vm.uniqueIdCode)?_vm._l((_vm.values),function(value,idx){return _c(VTooltip/* default */.A,{key:("tooltip-" + (idx + 1)),staticStyle:{"z-index":"100"},attrs:{"activator":_vm.getSelector(idx),"color":_vm.colors[idx],"max-width":"250","left":""}},[_vm._v(" "+_vm._s(value.name)+" ")])}):_vm._e(),_c(VTooltip/* default */.A,{attrs:{"position-x":_vm.tooltip.x,"position-y":_vm.tooltip.y,"content-class":"custom-tooltip","color":_vm.tooltip.color,"fixed":"","left":""},model:{value:(_vm.tooltip.show),callback:function ($$v) {_vm.$set(_vm.tooltip, "show", $$v)},expression:"tooltip.show"}},[_c('div',[_c('div',{staticClass:"custom-tooltip-title"},[_vm._v(" "+_vm._s(_vm.tooltip.title)+" ")]),_c('div',{staticClass:"custom-tooltip-value"},[_vm._v(" "+_vm._s(_vm.tooltip.value)+" ")])])])],2)}
 var staticRenderFns = []
 
 
@@ -1202,6 +1202,25 @@ var vue_apexcharts_default = /*#__PURE__*/__webpack_require__.n(vue_apexcharts);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 /* eslint-disable */
 
@@ -1312,6 +1331,15 @@ var vue_apexcharts_default = /*#__PURE__*/__webpack_require__.n(vue_apexcharts);
       uniqueIdCode: "",
       mountCustomTooltip: false,
       sectionsHovered: 0,
+      hideTooltipTimeout: null,
+      tooltip: {
+        show: false,
+        x: 0,
+        y: 0,
+        title: '',
+        value: '',
+        color: ''
+      },
       options: {
         enableTooltip: true,
         colors: this.colors,
@@ -1396,16 +1424,26 @@ var vue_apexcharts_default = /*#__PURE__*/__webpack_require__.n(vue_apexcharts);
                 this.$router.push(this.filteredRedirects[opts.dataPointIndex]);
               }
             },
-            dataPointMouseEnter: (event, chartContext, opts) => {
+            dataPointMouseEnter: (event, chartContext, {
+              dataPointIndex
+            }) => {
+              clearTimeout(this.hideTooltipTimeout);
               if (this.filteredRedirects && this.filteredRedirects.length) {
                 event.target.style.cursor = "pointer";
               }
-              let tooltip = document.querySelector(`#apex-bar-chart-${this.uniqueIdCode} .apexcharts-tooltip`);
-              if (this.distributed || this.multipleSeries) {
-                tooltip.style.background = this.colors[opts.dataPointIndex];
-              } else {
-                tooltip.style.background = this.colors[0];
-              }
+              // Guard against invalid index
+              if (dataPointIndex < 0) return;
+              this.$set(this.tooltip, 'title', this.labels[dataPointIndex]);
+              this.$set(this.tooltip, 'value', this.values[dataPointIndex]);
+              this.$set(this.tooltip, 'color', this.distributed || this.multipleSeries ? this.colors[dataPointIndex] : this.colors[0]);
+              this.$set(this.tooltip, 'x', event.clientX);
+              this.$set(this.tooltip, 'y', event.clientY);
+              this.$set(this.tooltip, 'show', true);
+            },
+            dataPointMouseLeave: () => {
+              this.hideTooltipTimeout = setTimeout(() => {
+                this.$set(this.tooltip, 'show', false);
+              }, 100);
             },
             mounted: (chartContext, config) => {
               this.mountCustomTooltip = true;
@@ -1508,7 +1546,7 @@ var vue_apexcharts_default = /*#__PURE__*/__webpack_require__.n(vue_apexcharts);
           }
         },
         tooltip: {
-          enabled: true,
+          enabled: false,
           hideEmptySeries: false,
           theme: "light",
           fillSeriesColor: true,
@@ -1573,9 +1611,9 @@ var vue_apexcharts_default = /*#__PURE__*/__webpack_require__.n(vue_apexcharts);
 });
 ;// ./src/components/BeBarChart/BeBarChart.vue?vue&type=script&lang=js
  /* harmony default export */ var BeBarChart_BeBarChartvue_type_script_lang_js = (BeBarChartvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BeBarChart/BeBarChart.vue?vue&type=style&index=0&id=7053bf22&prod&lang=scss&scoped=true
-var BeBarChartvue_type_style_index_0_id_7053bf22_prod_lang_scss_scoped_true = __webpack_require__(48546);
-;// ./src/components/BeBarChart/BeBarChart.vue?vue&type=style&index=0&id=7053bf22&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/BeBarChart/BeBarChart.vue?vue&type=style&index=0&id=5ceb0422&prod&lang=scss&scoped=true
+var BeBarChartvue_type_style_index_0_id_5ceb0422_prod_lang_scss_scoped_true = __webpack_require__(71790);
+;// ./src/components/BeBarChart/BeBarChart.vue?vue&type=style&index=0&id=5ceb0422&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(81656);
@@ -1594,7 +1632,7 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "7053bf22",
+  "5ceb0422",
   null
   
 )
@@ -14614,7 +14652,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".high-contrast-settings[data-v-2b65bb2
 
 /***/ }),
 
-/***/ 81692:
+/***/ 88064:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -14628,7 +14666,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".high-contrast-settings[data-v-7053bf22]{--v-background-base:#173e4a;--v-background-high-base:#08171c;--v-background-higher-base:#215c73;--v-text-on-background-base:#fff;--v-default-card-base:#194552;--v-be-primary-base:#16a0b6;--v-text-on-primary-base:#000;--v-scrollbar-thumb-base:#16a0b6;--v-be-error-base:#ff6161;--v-be-success-base:#27ae60;--v-be-warning-base:#f39c12;--v-be-warning-lighter-base:#ffbf47;--v-be-warning-extra-light-base:#f39c12;--v-be-archived-base:#a688dd;--v-be-archived-lighter-base:#af94e0;--v-be-standard-text-base:#fff;--v-be-surface-base:#08171c;--v-be-surface-darker-base:#08171c;--v-be-surface-hover-base:#0b2128;--v-table-filter-base:#08171c;--v-be-grey-base:#000;--v-be-input-icon-base:#000;--v-chart-card-base:#08171c;--v-be-grey-blue-base:#425c70;--v-be-data-table-stripes-base:#0b2128;--v-be-dialog-high-base:#1c1c1c;--v-be-dialog-base:#020708;--v-grey-times-button-base:#ff6161;--v-grey-to-darker-base:#000;--v-grey-to-lighter-base:#fff;--v-medium-grey-to-darker-base:#575757;--v-be-dark-blue-text-base:#fff;--v-be-dark-text-base:#fff;--v-be-navy-background-base:#5e98e4;--v-card-icon-button-base:#48d1cc;--v-be-light-blue-grey-base:#3a5c6e;--v-be-request-text-base:#8fa9c1;--v-be-request-card-base:#08171c;--v-be-request-card-lighter-base:#020708;--v-be-request-container-base:#215c73;--v-be-baby-blue-base:#215f69}div[data-v-7053bf22]  .apexcharts-tooltip{border-width:0!important;max-width:300px!important;max-height:100%;overflow-wrap:anywhere!important}div[data-v-7053bf22]  .apexcharts-tooltip-title{background-color:#00000022!important;display:inline!important;max-width:300px!important;min-height:100%;overflow-wrap:break-word!important;white-space:pre-wrap!important;hyphens:auto;border-width:0!important}div[data-v-7053bf22]  .apexcharts-tooltip-y-group{max-width:300px!important;min-height:100%;overflow-wrap:anywhere!important}.apex-custom-tooltip-span[data-v-7053bf22],div[data-v-7053bf22]  .apexcharts-tooltip-y-group>span{display:inline-block!important;max-width:300px!important;overflow-wrap:break-word!important;word-break:break-word!important;white-space:normal!important;vertical-align:top;hyphens:auto}div[data-v-7053bf22]  .apexcharts-legend-marker{border-radius:10px!important}div[data-v-7053bf22]  svg{border-radius:6px}div[data-v-7053bf22]  .exportCSV{display:none}div[data-v-7053bf22]  .apexcharts-legend::-webkit-scrollbar{background-color:transparent;width:6px}div[data-v-7053bf22]  .apexcharts-legend::-webkit-scrollbar-thumb{border-radius:8px;background-color:#1789a3aa}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".high-contrast-settings[data-v-5ceb0422]{--v-background-base:#173e4a;--v-background-high-base:#08171c;--v-background-higher-base:#215c73;--v-text-on-background-base:#fff;--v-default-card-base:#194552;--v-be-primary-base:#16a0b6;--v-text-on-primary-base:#000;--v-scrollbar-thumb-base:#16a0b6;--v-be-error-base:#ff6161;--v-be-success-base:#27ae60;--v-be-warning-base:#f39c12;--v-be-warning-lighter-base:#ffbf47;--v-be-warning-extra-light-base:#f39c12;--v-be-archived-base:#a688dd;--v-be-archived-lighter-base:#af94e0;--v-be-standard-text-base:#fff;--v-be-surface-base:#08171c;--v-be-surface-darker-base:#08171c;--v-be-surface-hover-base:#0b2128;--v-table-filter-base:#08171c;--v-be-grey-base:#000;--v-be-input-icon-base:#000;--v-chart-card-base:#08171c;--v-be-grey-blue-base:#425c70;--v-be-data-table-stripes-base:#0b2128;--v-be-dialog-high-base:#1c1c1c;--v-be-dialog-base:#020708;--v-grey-times-button-base:#ff6161;--v-grey-to-darker-base:#000;--v-grey-to-lighter-base:#fff;--v-medium-grey-to-darker-base:#575757;--v-be-dark-blue-text-base:#fff;--v-be-dark-text-base:#fff;--v-be-navy-background-base:#5e98e4;--v-card-icon-button-base:#48d1cc;--v-be-light-blue-grey-base:#3a5c6e;--v-be-request-text-base:#8fa9c1;--v-be-request-card-base:#08171c;--v-be-request-card-lighter-base:#020708;--v-be-request-container-base:#215c73;--v-be-baby-blue-base:#215f69}.custom-tooltip[data-v-5ceb0422]{border-width:0!important;max-width:300px!important;max-height:100%;overflow-wrap:anywhere!important;z-index:10000;pointer-events:none;padding-left:0!important;padding-right:0!important;padding-top:0!important;color:var(--v-be-low-dark-base)!important}.custom-tooltip-title[data-v-5ceb0422]{background-color:#00000022!important;padding:6px 10px 4px;font-weight:700;display:-webkit-box;-webkit-line-clamp:30;line-clamp:30;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.custom-tooltip-value[data-v-5ceb0422]{padding:6px 10px}div[data-v-5ceb0422]  .apexcharts-tooltip{border-width:0!important;max-width:300px!important;max-height:100%;overflow-wrap:anywhere!important;z-index:10000}div[data-v-5ceb0422]  .apexcharts-tooltip-title{background-color:#00000022!important;display:inline!important;max-width:300px!important;min-height:100%;overflow-wrap:break-word!important;white-space:pre-wrap!important;hyphens:auto;border-width:0!important}div[data-v-5ceb0422]  .apexcharts-tooltip-y-group{max-width:300px!important;min-height:100%;overflow-wrap:anywhere!important}.apex-custom-tooltip-span[data-v-5ceb0422],div[data-v-5ceb0422]  .apexcharts-tooltip-y-group>span{display:inline-block!important;max-width:300px!important;overflow-wrap:break-word!important;word-break:break-word!important;white-space:normal!important;vertical-align:top;hyphens:auto}div[data-v-5ceb0422]  .apexcharts-legend-marker{border-radius:10px!important}div[data-v-5ceb0422]  svg{border-radius:6px}div[data-v-5ceb0422]  .exportCSV{display:none}div[data-v-5ceb0422]  .apexcharts-legend::-webkit-scrollbar{background-color:transparent;width:6px}div[data-v-5ceb0422]  .apexcharts-legend::-webkit-scrollbar-thumb{border-radius:8px;background-color:#1789a3aa}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -50010,19 +50048,19 @@ var update = add("abc5f788", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 48546:
+/***/ 71790:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(81692);
+var content = __webpack_require__(88064);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(99548)/* ["default"] */ .A)
-var update = add("7ff4534f", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("8368c27a", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -51554,7 +51592,7 @@ var map = {
 	"./BeActionMenu/BeActionMenu.vue": 5768,
 	"./BeAutocompleteMultiple/BeAutocompleteMultiple.vue": 26559,
 	"./BeAutocompleteSingle/BeAutocompleteSingle.vue": 27305,
-	"./BeBarChart/BeBarChart.vue": 54500,
+	"./BeBarChart/BeBarChart.vue": 79877,
 	"./BeBreadcrumbs/BeBreadcrumbs.vue": 74685,
 	"./BeBtn/BeBtn.vue": 83222,
 	"./BeCardItem/BeCardItem.vue": 17468,