@farm-investimentos/front-mfe-components-vue3 0.7.1 → 1.0.0

package/dist/front-mfe-components.umd.js

@@ -2387,64 +2387,61 @@ const Collapsible_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Collap
 ;// CONCATENATED MODULE: ./src/components/Collapsible/index.ts
 
 /* harmony default export */ var components_Collapsible = (Collapsible);
-;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DataTableHeader/DataTableHeader.vue?vue&type=template&id=35c08852&scoped=true&ts=true
+;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DataTableHeader/DataTableHeader.vue?vue&type=template&id=209a1753&scoped=true&ts=true
 
 
-const DataTableHeadervue_type_template_id_35c08852_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-35c08852"), n = n(), _popScopeId(), n);
+const DataTableHeadervue_type_template_id_209a1753_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-209a1753"), n = n(), _popScopeId(), n);
 
-const DataTableHeadervue_type_template_id_35c08852_scoped_true_ts_true_hoisted_1 = ["onClick", "onMouseover", "onMouseout"];
-const DataTableHeadervue_type_template_id_35c08852_scoped_true_ts_true_hoisted_2 = ["title"];
-const DataTableHeadervue_type_template_id_35c08852_scoped_true_ts_true_hoisted_3 = {
+const DataTableHeadervue_type_template_id_209a1753_scoped_true_ts_true_hoisted_1 = ["onClick", "onMouseover", "onMouseout"];
+const DataTableHeadervue_type_template_id_209a1753_scoped_true_ts_true_hoisted_2 = ["title"];
+const DataTableHeadervue_type_template_id_209a1753_scoped_true_ts_true_hoisted_3 = {
   key: 1,
   class: "span-checkbox"
 };
-function DataTableHeadervue_type_template_id_35c08852_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function DataTableHeadervue_type_template_id_209a1753_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_farm_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-icon");
 
   const _component_farm_checkbox = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-checkbox");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($props.headers, (item, $index) => {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("tr", null, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($props.headers, (item, $index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", {
-      key: item.value,
+      key: item.key,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([item.sortable ? 'sortable' : '', $props.sortClick[$index].clicked ? 'active' : '', item.sortable ? $props.sortClick[$index].descending === 'DESC' ? 'DESC' : 'ASC' : '', $props.showCheckbox && $index == 0 ? 'checkbox-container' : '']),
       style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)({
         textAlign: item.align ? item.align : '',
         width: $options.thWidth(item),
         minWidth: $options.thWidth(item)
       }),
-      onClick: $event => item.sortable ? $options.clickSort(item.value, $index) : '',
+      onClick: $event => item.sortable ? $options.clickSort(item.key, $index) : '',
       onMouseover: $event => $options.changeShow($index),
       onMouseout: $event => $options.changeHidden($index)
     }, [!$options.isTHDataTableSelect(item) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
       key: 0,
       class: "header-text",
-      title: item.sortable && $props.sortClick[$index].show ? `Ordernar por ${item.text}` : null
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item.text) + " ", 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_icon, {
-      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([[$props.sortClick[$index][item.value] ? 'farm-icon--desc' : 'farm-icon--asc'], "ml-2"]),
+      title: item.sortable && $props.sortClick[$index].show ? `Ordernar por ${item.title}` : null
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item.title) + " ", 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_icon, {
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([[$props.sortClick[$index][item.key] ? 'farm-icon--desc' : 'farm-icon--asc'], "ml-2"]),
       size: "16px",
       color: "black",
       variation: "30"
     }, {
       default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" sort-reverse-variant ")]),
       _: 2
-    }, 1032, ["class"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, item.sortable]])], 8, DataTableHeadervue_type_template_id_35c08852_scoped_true_ts_true_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.isTHDataTableSelect(item) && $props.showCheckbox ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", DataTableHeadervue_type_template_id_35c08852_scoped_true_ts_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_checkbox, {
+    }, 1032, ["class"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, item.sortable]])], 8, DataTableHeadervue_type_template_id_209a1753_scoped_true_ts_true_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.isTHDataTableSelect(item) && $props.showCheckbox ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", DataTableHeadervue_type_template_id_209a1753_scoped_true_ts_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_checkbox, {
       size: "sm",
-      modelValue: $options.inputVal,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $options.inputVal = $event),
+      modelValue: $props.headerProps.someItems || $props.headerProps.everyItem,
       value: true,
       indeterminate: $props.headerProps.someItems && !$props.headerProps.everyItem,
-      onInput: $options.selectAll
-    }, null, 8, ["modelValue", "indeterminate", "onInput"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 46, DataTableHeadervue_type_template_id_35c08852_scoped_true_ts_true_hoisted_1);
-  }), 128))])]);
+      "onUpdate:modelValue": $options.selectAll
+    }, null, 8, ["modelValue", "indeterminate", "onUpdate:modelValue"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 46, DataTableHeadervue_type_template_id_209a1753_scoped_true_ts_true_hoisted_1);
+  }), 128))]);
 }
-;// CONCATENATED MODULE: ./src/components/DataTableHeader/DataTableHeader.vue?vue&type=template&id=35c08852&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/components/DataTableHeader/DataTableHeader.vue?vue&type=template&id=209a1753&scoped=true&ts=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(560);
 ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DataTableHeader/DataTableHeader.vue?vue&type=script&lang=ts
 
-
-/* eslint-disable */
 /* harmony default export */ var DataTableHeadervue_type_script_lang_ts = ({
   name: 'farm-datatable-header',
   props: {
@@ -2573,7 +2570,7 @@ var es_array_push = __webpack_require__(560);
     },
 
     isTHDataTableSelect(item) {
-      return item.value === 'data-table-select';
+      return item.key === 'data-table-select';
     },
 
     selectAll(value) {
@@ -2586,9 +2583,9 @@ var es_array_push = __webpack_require__(560);
   created() {
     for (let i = 0; i < this.headers.length; i += 1) {
       this.sortClick.push({
-        [this.headers[i].value]: this.firstSelected && i === this.selectedIndex && this.headers[i].order === 'DESC',
+        [this.headers[i].key]: this.firstSelected && i === this.selectedIndex && this.headers[i].order === 'DESC',
         descending: this.headers[i].order || 'ASC',
-        field: this.headers[i].value,
+        field: this.headers[i].key,
         clicked: this.checkFirstSelected(i),
         show: this.checkFirstSelected(i)
       });
@@ -2598,10 +2595,10 @@ var es_array_push = __webpack_require__(560);
 });
 ;// CONCATENATED MODULE: ./src/components/DataTableHeader/DataTableHeader.vue?vue&type=script&lang=ts
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DataTableHeader/DataTableHeader.vue?vue&type=style&index=0&id=35c08852&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DataTableHeader/DataTableHeader.vue?vue&type=style&index=0&id=209a1753&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/DataTableHeader/DataTableHeader.vue?vue&type=style&index=0&id=35c08852&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/DataTableHeader/DataTableHeader.vue?vue&type=style&index=0&id=209a1753&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/DataTableHeader/DataTableHeader.vue
 
@@ -2611,7 +2608,7 @@ var es_array_push = __webpack_require__(560);
 ;
 
 
-const DataTableHeader_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DataTableHeadervue_type_script_lang_ts, [['render',DataTableHeadervue_type_template_id_35c08852_scoped_true_ts_true_render],['__scopeId',"data-v-35c08852"]])
+const DataTableHeader_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DataTableHeadervue_type_script_lang_ts, [['render',DataTableHeadervue_type_template_id_209a1753_scoped_true_ts_true_render],['__scopeId',"data-v-209a1753"]])
 
 /* harmony default export */ var DataTableHeader = (DataTableHeader_exports_);
 ;// CONCATENATED MODULE: ./src/components/DataTableHeader/index.ts
@@ -2894,15 +2891,15 @@ const DataTablePaginator_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)
 ;// CONCATENATED MODULE: ./src/components/DataTablePaginator/index.ts
 
 /* harmony default export */ var components_DataTablePaginator = (DataTablePaginator);
-;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=template&id=4d477870&scoped=true&ts=true
+;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=template&id=afd1b7c6&scoped=true&ts=true
 
 
-const DatePickervue_type_template_id_4d477870_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-4d477870"), n = n(), _popScopeId(), n);
+const DatePickervue_type_template_id_afd1b7c6_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-afd1b7c6"), n = n(), _popScopeId(), n);
 
-const DatePickervue_type_template_id_4d477870_scoped_true_ts_true_hoisted_1 = {
+const DatePickervue_type_template_id_afd1b7c6_scoped_true_ts_true_hoisted_1 = {
   class: "picker__actions"
 };
-function DatePickervue_type_template_id_4d477870_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function DatePickervue_type_template_id_afd1b7c6_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VueDatePicker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("VueDatePicker");
 
   const _component_farm_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-btn");
@@ -2921,7 +2918,8 @@ function DatePickervue_type_template_id_4d477870_scoped_true_ts_true_render(_ctx
     maxHeight: "auto",
     "popup-width": "320",
     bottom: $props.position === 'bottom',
-    top: $props.position === 'top'
+    top: $props.position === 'top',
+    fixedCentered: $props.position === 'fixed-centered'
   }, {
     activator: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(({}) => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_textfield_v2, {
       icon: "calendar",
@@ -2952,7 +2950,7 @@ function DatePickervue_type_template_id_4d477870_scoped_true_ts_true_render(_ctx
       "day-names": ['S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
       "start-date": $data.internalPickerDate,
       "multi-dates": $props.multiple
-    }, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "disabled-dates", "start-date", "multi-dates"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", DatePickervue_type_template_id_4d477870_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_btn, {
+    }, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "disabled-dates", "start-date", "multi-dates"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", DatePickervue_type_template_id_afd1b7c6_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_btn, {
       plain: "",
       title: "Limpar",
       color: "primary",
@@ -2982,9 +2980,9 @@ function DatePickervue_type_template_id_4d477870_scoped_true_ts_true_render(_ctx
       _: 1
     }, 8, ["disabled"])])]),
     _: 1
-  }, 8, ["modelValue", "bottom", "top"]);
+  }, 8, ["modelValue", "bottom", "top", "fixedCentered"]);
 }
-;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=4d477870&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=afd1b7c6&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./src/helpers/formatDatePickerHeader.ts
 const monthNumberToMonthName = {
@@ -3050,7 +3048,7 @@ const convertDate = data => {
     return '';
   }
 
-  const newdate = data.split("/").reverse().join("-");
+  const newdate = data.split('/').reverse().join('-');
   return newdate;
 };
 const revertDate = data => {
@@ -3058,7 +3056,7 @@ const revertDate = data => {
     return '';
   }
 
-  const newdate = data.split("-").reverse().join("/");
+  const newdate = data.split('-').reverse().join('/');
   return newdate;
 };
 
@@ -3089,13 +3087,8 @@ const checkLeapYear = year => {
     return true;
   }
 
-  if (parseInt(year, 10) % 4 === 0 && parseInt(year, 10) % 100 !== 0) {
-    return true;
-  } else {
-    return false;
-  }
+  return parseInt(year, 10) % 4 === 0 && parseInt(year, 10) % 100 !== 0;
 };
-
 const getTotalDays = (month, isLeapYear) => {
   const numberMonth = parseInt(month, 10);
 
@@ -3106,23 +3099,8 @@ const getTotalDays = (month, isLeapYear) => {
   const monthsWith31Days = [1, 3, 5, 7, 8, 10, 12];
   return monthsWith31Days.includes(numberMonth) ? 31 : 30;
 };
-
-const checkDay = (day, totalDays) => {
-  if (parseInt(day, 10) > 0 && parseInt(day, 10) <= totalDays) {
-    return true;
-  }
-
-  return false;
-};
-
-const checkMonth = month => {
-  if (parseInt(month, 10) > 0 && parseInt(month, 10) <= 12) {
-    return true;
-  }
-
-  return false;
-};
-
+const checkDay = (day, totalDays) => parseInt(day, 10) > 0 && parseInt(day, 10) <= totalDays;
+const checkMonth = month => parseInt(month, 10) > 0 && parseInt(month, 10) <= 12;
 const checkDateValid = date => {
   if (!checkLength(date, 10)) {
     return false;
@@ -3140,12 +3118,7 @@ const checkDateValid = date => {
 
   const isLeapYear = checkLeapYear(year);
   const totalDays = getTotalDays(month, isLeapYear);
-
-  if (!checkDay(day, totalDays)) {
-    return false;
-  }
-
-  return true;
+  return checkDay(day, totalDays);
 };
 ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=script&lang=ts
 
@@ -3453,10 +3426,10 @@ const checkDateValid = date => {
 });
 ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=script&lang=ts
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=4d477870&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=afd1b7c6&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=4d477870&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=afd1b7c6&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue
 
@@ -3466,7 +3439,7 @@ const checkDateValid = date => {
 ;
 
 
-const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',DatePickervue_type_template_id_4d477870_scoped_true_ts_true_render],['__scopeId',"data-v-4d477870"]])
+const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',DatePickervue_type_template_id_afd1b7c6_scoped_true_ts_true_render],['__scopeId',"data-v-afd1b7c6"]])
 
 /* harmony default export */ var DatePicker = (DatePicker_exports_);
 ;// CONCATENATED MODULE: ./src/components/DatePicker/index.ts
@@ -3731,19 +3704,19 @@ const DialogHeader_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Dialo
 ;// CONCATENATED MODULE: ./src/components/DialogHeader/index.ts
 
 /* harmony default export */ var components_DialogHeader = (DialogHeader);
-;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/IconBox/IconBox.vue?vue&type=template&id=005d5c58&scoped=true&ts=true
+;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/IconBox/IconBox.vue?vue&type=template&id=6a895d99&scoped=true&ts=true
 
 
-const IconBoxvue_type_template_id_005d5c58_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-005d5c58"), n = n(), _popScopeId(), n);
+const IconBoxvue_type_template_id_6a895d99_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-6a895d99"), n = n(), _popScopeId(), n);
 
-const IconBoxvue_type_template_id_005d5c58_scoped_true_ts_true_hoisted_1 = ["size"];
-function IconBoxvue_type_template_id_005d5c58_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+const IconBoxvue_type_template_id_6a895d99_scoped_true_ts_true_hoisted_1 = ["size"];
+function IconBoxvue_type_template_id_6a895d99_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_farm_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-icon");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)({
       'farm-icon-box': true,
-      [$options.cssColorClass]: true,
+      [$setup.cssColorClass]: true,
       'farm-icon-box--inverted': $props.inverted
     }),
     size: $props.size
@@ -3752,13 +3725,14 @@ function IconBoxvue_type_template_id_005d5c58_scoped_true_ts_true_render(_ctx, _
     variation: $props.variation,
     size: $props.size
   }, {
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.iconParsed), 1)]),
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($setup.iconParsed), 1)]),
     _: 1
-  }, 8, ["color", "variation", "size"])], 10, IconBoxvue_type_template_id_005d5c58_scoped_true_ts_true_hoisted_1);
+  }, 8, ["color", "variation", "size"])], 10, IconBoxvue_type_template_id_6a895d99_scoped_true_ts_true_hoisted_1);
 }
-;// CONCATENATED MODULE: ./src/components/IconBox/IconBox.vue?vue&type=template&id=005d5c58&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/components/IconBox/IconBox.vue?vue&type=template&id=6a895d99&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/IconBox/IconBox.vue?vue&type=script&lang=ts
+
 /* harmony default export */ var IconBoxvue_type_script_lang_ts = ({
   name: 'farm-icon-box',
   props: {
@@ -3794,23 +3768,27 @@ function IconBoxvue_type_template_id_005d5c58_scoped_true_ts_true_render(_ctx, _
       default: false
     }
   },
-  computed: {
-    iconParsed() {
-      return this.icon.indexOf('mdi-') === 0 ? this.icon.split('mdi-')[1] : this.icon;
-    },
-
-    cssColorClass() {
-      return `farm-icon-box--${this.color}`;
-    }
 
+  setup(props) {
+    const {
+      color,
+      icon
+    } = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toRefs)(props);
+    const cssColorClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => `farm-icon-box--${color.value}`);
+    const iconParsed = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => icon.value.indexOf('mdi-') === 0 ? icon.value.split('mdi-')[1] : icon.value);
+    return {
+      cssColorClass,
+      iconParsed
+    };
   }
+
 });
 ;// CONCATENATED MODULE: ./src/components/IconBox/IconBox.vue?vue&type=script&lang=ts
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/IconBox/IconBox.vue?vue&type=style&index=0&id=005d5c58&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/IconBox/IconBox.vue?vue&type=style&index=0&id=6a895d99&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/IconBox/IconBox.vue?vue&type=style&index=0&id=005d5c58&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/IconBox/IconBox.vue?vue&type=style&index=0&id=6a895d99&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/IconBox/IconBox.vue
 
@@ -3820,7 +3798,7 @@ function IconBoxvue_type_template_id_005d5c58_scoped_true_ts_true_render(_ctx, _
 ;
 
 
-const IconBox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconBoxvue_type_script_lang_ts, [['render',IconBoxvue_type_template_id_005d5c58_scoped_true_ts_true_render],['__scopeId',"data-v-005d5c58"]])
+const IconBox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconBoxvue_type_script_lang_ts, [['render',IconBoxvue_type_template_id_6a895d99_scoped_true_ts_true_render],['__scopeId',"data-v-6a895d99"]])
 
 /* harmony default export */ var IconBox = (IconBox_exports_);
 ;// CONCATENATED MODULE: ./src/components/IconBox/index.ts
@@ -7782,17 +7760,17 @@ const Chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Chipvue_type_
 
 
 /* harmony default export */ var components_Chip = ((/* unused pure expression or super */ null && (Chip)));
-;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ContextMenu/ContextMenu.vue?vue&type=template&id=6c50f681&scoped=true&ts=true
+;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ContextMenu/ContextMenu.vue?vue&type=template&id=1b5ad5ef&scoped=true&ts=true
 
 
-const ContextMenuvue_type_template_id_6c50f681_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-6c50f681"), n = n(), _popScopeId(), n);
+const ContextMenuvue_type_template_id_1b5ad5ef_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-1b5ad5ef"), n = n(), _popScopeId(), n);
 
-const ContextMenuvue_type_template_id_6c50f681_scoped_true_ts_true_hoisted_1 = {
+const ContextMenuvue_type_template_id_1b5ad5ef_scoped_true_ts_true_hoisted_1 = {
   class: "farm-contextmenu",
   ref: "parent"
 };
-function ContextMenuvue_type_template_id_6c50f681_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ContextMenuvue_type_template_id_6c50f681_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
+function ContextMenuvue_type_template_id_1b5ad5ef_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ContextMenuvue_type_template_id_1b5ad5ef_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
     ref: "activator",
     onClick: _cache[0] || (_cache[0] = //@ts-ignore
     (...args) => $setup.click && $setup.click(...args))
@@ -7800,12 +7778,13 @@ function ContextMenuvue_type_template_id_6c50f681_scoped_true_ts_true_render(_ct
     ref: "popup",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)({
       'farm-contextmenu__popup': true,
-      'farm-contextmenu__popup--visible': $setup.inputValue
+      'farm-contextmenu__popup--visible': $setup.inputValue,
+      'farm-contextmenu__popup--fixed': $props.fixedCentered
     }),
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($setup.styles)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", {}, undefined, true)], 6)], 512);
 }
-;// CONCATENATED MODULE: ./src/components/ContextMenu/ContextMenu.vue?vue&type=template&id=6c50f681&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/components/ContextMenu/ContextMenu.vue?vue&type=template&id=1b5ad5ef&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ContextMenu/ContextMenu.vue?vue&type=script&lang=ts
 
@@ -7860,6 +7839,14 @@ function ContextMenuvue_type_template_id_6c50f681_scoped_true_ts_true_render(_ct
     popupWidth: {
       type: [Number, String],
       default: null
+    },
+
+    /**
+     * Should be in the center of the screen
+     */
+    fixedCentered: {
+      type: Boolean,
+      default: false
     }
   },
 
@@ -8031,10 +8018,10 @@ function ContextMenuvue_type_template_id_6c50f681_scoped_true_ts_true_render(_ct
 });
 ;// CONCATENATED MODULE: ./src/components/ContextMenu/ContextMenu.vue?vue&type=script&lang=ts
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ContextMenu/ContextMenu.vue?vue&type=style&index=0&id=6c50f681&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ContextMenu/ContextMenu.vue?vue&type=style&index=0&id=1b5ad5ef&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/ContextMenu/ContextMenu.vue?vue&type=style&index=0&id=6c50f681&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/ContextMenu/ContextMenu.vue?vue&type=style&index=0&id=1b5ad5ef&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/ContextMenu/ContextMenu.vue
 
@@ -8044,7 +8031,7 @@ function ContextMenuvue_type_template_id_6c50f681_scoped_true_ts_true_render(_ct
 ;
 
 
-const ContextMenu_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ContextMenuvue_type_script_lang_ts, [['render',ContextMenuvue_type_template_id_6c50f681_scoped_true_ts_true_render],['__scopeId',"data-v-6c50f681"]])
+const ContextMenu_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ContextMenuvue_type_script_lang_ts, [['render',ContextMenuvue_type_template_id_1b5ad5ef_scoped_true_ts_true_render],['__scopeId',"data-v-1b5ad5ef"]])
 
 /* harmony default export */ var ContextMenu_ContextMenu = (ContextMenu_exports_);
 ;// CONCATENATED MODULE: ./src/components/ContextMenu/index.ts
@@ -9615,24 +9602,24 @@ const Icon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Iconvue_type_
 
 
 /* harmony default export */ var components_Icon = ((/* unused pure expression or super */ null && (Icon)));
-;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/Modal/Modal.vue?vue&type=template&id=6dc6e31e&scoped=true&ts=true
+;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/Modal/Modal.vue?vue&type=template&id=32ed4070&scoped=true&ts=true
 
 
-const Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-6dc6e31e"), n = n(), _popScopeId(), n);
+const Modalvue_type_template_id_32ed4070_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-32ed4070"), n = n(), _popScopeId(), n);
 
-const Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_hoisted_1 = {
+const Modalvue_type_template_id_32ed4070_scoped_true_ts_true_hoisted_1 = {
   class: "farm-modal--container"
 };
-const Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_hoisted_2 = {
+const Modalvue_type_template_id_32ed4070_scoped_true_ts_true_hoisted_2 = {
   class: "farm-modal--header"
 };
-const Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_hoisted_3 = {
+const Modalvue_type_template_id_32ed4070_scoped_true_ts_true_hoisted_3 = {
   class: "farm-modal--content"
 };
-const Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_hoisted_4 = {
+const Modalvue_type_template_id_32ed4070_scoped_true_ts_true_hoisted_4 = {
   class: "farm-modal--footer"
 };
-function Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Modalvue_type_template_id_32ed4070_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Transition, {
     name: "fade"
   }, {
@@ -9643,16 +9630,16 @@ function Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_render(_ctx, _ca
         ['farm-modal--size-' + $setup.size]: true
       }),
       style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($setup.styleObject)
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header", {}, undefined, true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Modalvue_type_template_id_32ed4070_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Modalvue_type_template_id_32ed4070_scoped_true_ts_true_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header", {}, undefined, true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Modalvue_type_template_id_32ed4070_scoped_true_ts_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
       style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($setup.styles)
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "content", {}, undefined, true)], 4)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer", {}, undefined, true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "content", {}, undefined, true)], 4)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Modalvue_type_template_id_32ed4070_scoped_true_ts_true_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer", {}, undefined, true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
       class: "farm-modal--overlay",
       onClick: _cache[0] || (_cache[0] = $event => $setup.close())
     })], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
     _: 3
   });
 }
-;// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=6dc6e31e&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=32ed4070&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/Modal/Modal.vue?vue&type=script&lang=ts
 
@@ -9713,8 +9700,8 @@ function Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_render(_ctx, _ca
       zIndex: 1
     });
     const styles = {
-      marginTop: offsetTop.value + 'px',
-      marginBottom: offsetBottom.value + 'px',
+      marginTop: `${offsetTop.value}px`,
+      marginBottom: `${offsetBottom.value}px`,
       maxHeight: `calc(100vh - ${offsetTop.value + offsetBottom.value + 48}px)`
     };
 
@@ -9740,17 +9727,17 @@ function Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_render(_ctx, _ca
       bootstrap();
     });
 
-    const escHandler = event => {
+    function escHandler(event) {
       if (event.key === 'Escape') {
         close();
       }
-    };
+    }
 
-    const bootstrap = () => {
+    function bootstrap() {
       styleObject.zIndex = calculateMainZindex();
       window.addEventListener('keyup', escHandler);
       hasBeenBoostrapped = true;
-    };
+    }
 
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
       if (hasBeenBoostrapped) {
@@ -9762,17 +9749,20 @@ function Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_render(_ctx, _ca
       styles,
       styleObject,
       size,
-      close
+      hasBeenBoostrapped,
+      close,
+      escHandler,
+      bootstrap
     };
   }
 
 });
 ;// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=script&lang=ts
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/Modal/Modal.vue?vue&type=style&index=0&id=6dc6e31e&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/Modal/Modal.vue?vue&type=style&index=0&id=32ed4070&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=style&index=0&id=6dc6e31e&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=style&index=0&id=32ed4070&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/Modal/Modal.vue
 
@@ -9782,16 +9772,16 @@ function Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_render(_ctx, _ca
 ;
 
 
-const Modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Modalvue_type_script_lang_ts, [['render',Modalvue_type_template_id_6dc6e31e_scoped_true_ts_true_render],['__scopeId',"data-v-6dc6e31e"]])
+const Modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Modalvue_type_script_lang_ts, [['render',Modalvue_type_template_id_32ed4070_scoped_true_ts_true_render],['__scopeId',"data-v-32ed4070"]])
 
 /* harmony default export */ var Modal_Modal = (Modal_exports_);
 ;// CONCATENATED MODULE: ./src/components/Modal/index.ts
 
 
 /* harmony default export */ var components_Modal = ((/* unused pure expression or super */ null && (Modal)));
-;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ProgressBar/ProgressBar.vue?vue&type=template&id=40a71405&scoped=true&ts=true
+;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ProgressBar/ProgressBar.vue?vue&type=template&id=01ec9425&scoped=true&ts=true
 
-function ProgressBarvue_type_template_id_40a71405_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ProgressBarvue_type_template_id_01ec9425_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($setup.classes),
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($setup.containerStyle)
@@ -9802,7 +9792,7 @@ function ProgressBarvue_type_template_id_40a71405_scoped_true_ts_true_render(_ct
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($setup.valueStyle)
   }, null, 6)], 6);
 }
-;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=template&id=40a71405&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=template&id=01ec9425&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ProgressBar/ProgressBar.vue?vue&type=script&lang=ts
 
@@ -9850,31 +9840,24 @@ function ProgressBarvue_type_template_id_40a71405_scoped_true_ts_true_render(_ct
       indeterminate
     } = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toRefs)(props);
     const classes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const obj = {};
-
-      if (!backgroundColor.value.startsWith('#')) {
-        obj['farm-progressbar--' + backgroundColor.value] = true;
-      }
-
-      if (!valueColor.value.startsWith('#')) {
-        obj['farm-progressbar--value-' + valueColor.value] = true;
-      }
-
-      return {
+      const obj = {
         'farm-progressbar': true,
-        ...obj
+        ...(!backgroundColor.value.startsWith('#') && {
+          ['farm-progressbar--' + backgroundColor.value]: true
+        }),
+        ...(!valueColor.value.startsWith('#') && {
+          ['farm-progressbar--value-' + valueColor.value]: true
+        })
       };
+      return obj;
     });
     const valueStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      const obj = {
-        width: indeterminate.value ? '100%' : `${value.value}%`
+      return {
+        width: indeterminate.value ? '100%' : `${value.value}%`,
+        ...(valueColor.value.startsWith('#') && {
+          'background-color': valueColor.value
+        })
       };
-
-      if (valueColor.value.startsWith('#')) {
-        obj['background-color'] = valueColor.value;
-      }
-
-      return obj;
     });
     const containerStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const obj = {};
@@ -9895,10 +9878,10 @@ function ProgressBarvue_type_template_id_40a71405_scoped_true_ts_true_render(_ct
 });
 ;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=script&lang=ts
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ProgressBar/ProgressBar.vue?vue&type=style&index=0&id=40a71405&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/ProgressBar/ProgressBar.vue?vue&type=style&index=0&id=01ec9425&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=style&index=0&id=40a71405&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue?vue&type=style&index=0&id=01ec9425&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/ProgressBar/ProgressBar.vue
 
@@ -9908,7 +9891,7 @@ function ProgressBarvue_type_template_id_40a71405_scoped_true_ts_true_render(_ct
 ;
 
 
-const ProgressBar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ProgressBarvue_type_script_lang_ts, [['render',ProgressBarvue_type_template_id_40a71405_scoped_true_ts_true_render],['__scopeId',"data-v-40a71405"]])
+const ProgressBar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ProgressBarvue_type_script_lang_ts, [['render',ProgressBarvue_type_template_id_01ec9425_scoped_true_ts_true_render],['__scopeId',"data-v-01ec9425"]])
 
 /* harmony default export */ var ProgressBar_ProgressBar = (ProgressBar_exports_);
 ;// CONCATENATED MODULE: ./src/components/ProgressBar/index.ts