@farm-investimentos/front-mfe-components-vue3 0.5.2 → 0.6.1

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

@@ -2064,32 +2064,36 @@ const DefaultButton_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Defa
 
 
 /* harmony default export */ var Buttons_DefaultButton = (DefaultButton);
-;// 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/Collapsible/Collapsible.vue?vue&type=template&id=a15d2d58&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/Collapsible/Collapsible.vue?vue&type=template&id=b5e1e9de&scoped=true&ts=true
 
 
-const Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-a15d2d58"), n = n(), _popScopeId(), n);
+const Collapsiblevue_type_template_id_b5e1e9de_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-b5e1e9de"), n = n(), _popScopeId(), n);
 
-const Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_hoisted_1 = {
-  class: "collapsible__content-title"
-};
-const Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_hoisted_2 = {
+const Collapsiblevue_type_template_id_b5e1e9de_scoped_true_ts_true_hoisted_1 = {
   key: 0,
   class: "collapsible__icon collapsible__icon--main"
 };
-const Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_hoisted_3 = {
+const Collapsiblevue_type_template_id_b5e1e9de_scoped_true_ts_true_hoisted_2 = {
   class: "collapsible__content-right"
 };
-const _hoisted_4 = {
+const Collapsiblevue_type_template_id_b5e1e9de_scoped_true_ts_true_hoisted_3 = {
   key: 0,
   class: "collapsible__icon"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   class: "collapsible__icon collapsible__icon--arrow"
 };
+const _hoisted_5 = {
+  key: 0,
+  class: "collapsible__content-right--custom"
+};
 const _hoisted_6 = {
+  class: "collapsible__icon collapsible__icon--arrow"
+};
+const _hoisted_7 = {
   class: "collapsible__body"
 };
-function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Collapsiblevue_type_template_id_b5e1e9de_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_heading = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-heading");
@@ -2106,32 +2110,45 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
     class: "collapsible"
   }, {
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_card_content, {
-      gutter: "md"
+      gutter: "md",
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)({
+        'pb-0': $props.customBody
+      })
     }, {
-      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [!$props.customHeader ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+        key: 0,
         class: "collapsible__header",
         onClick: _cache[1] || (_cache[1] = $event => $setup.onToggleCollapsible($setup.status))
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_hoisted_1, [$props.icon !== '' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_icon, {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["collapsible__content-title", {
+          'full-width': $props.custom,
+          'pb-4': $props.customBody
+        }])
+      }, [$props.icon !== '' && !$props.custom ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", Collapsiblevue_type_template_id_b5e1e9de_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_icon, {
         size: "md",
         color: $props.colorIcon
       }, {
         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)($props.icon), 1)]),
         _: 1
-      }, 8, ["color"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_heading, {
+      }, 8, ["color"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$props.custom ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_farm_heading, {
+        key: 1,
         type: "6",
         color: "black"
       }, {
         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)($props.title), 1)]),
         _: 1
-      }), $props.hasButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_farm_btn, {
-        key: 1,
+      })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.hasButton && !$props.custom ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_farm_btn, {
+        key: 2,
         outlined: "",
         class: "ml-6",
-        onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => _ctx.$emit('onClick'), ["stop"]))
+        disabled: $props.disabledButton,
+        onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $setup.onClick(), ["stop"]))
       }, {
         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)($props.labelButton), 1)]),
         _: 1
-      })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_hoisted_3, [$props.showChip ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_chip, {
+      }, 8, ["disabled"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.custom ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "custom", {
+        key: 3
+      }, undefined, true) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Collapsiblevue_type_template_id_b5e1e9de_scoped_true_ts_true_hoisted_2, [$props.showChip ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", Collapsiblevue_type_template_id_b5e1e9de_scoped_true_ts_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_chip, {
         color: $props.colorChip,
         dense: $props.dense,
         variation: $props.variation,
@@ -2139,24 +2156,41 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
       }, {
         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)($props.textChip), 1)]),
         _: 1
-      }, 8, ["color", "dense", "variation", "outlined"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_icon, {
+      }, 8, ["color", "dense", "variation", "outlined"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_icon, {
+        size: "md",
+        color: "primary"
+      }, {
+        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.arrowIcon), 1)]),
+        _: 1
+      })])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.customHeader ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+        key: 1,
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["collapsible__header--custom", $props.plain ? 'collapsible__header--plain' : '']),
+        onClick: _cache[2] || (_cache[2] = $event => $setup.onToggleCollapsible($setup.status))
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header-content", {}, undefined, true), !$props.plain ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_icon, {
         size: "md",
         color: "primary"
       }, {
         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.arrowIcon), 1)]),
         _: 1
-      })])])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(external_commonjs_vue_commonjs2_vue_root_Vue_.Transition, {
+      })])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.customBody ? ((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, {
+        key: 2,
         name: "fade"
       }, {
-        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", {}, undefined, true)], 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $setup.status]])]),
+        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", {}, undefined, true)], 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $setup.status]])]),
         _: 3
-      })]),
+      })) : ((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, {
+        key: 3,
+        name: "fade"
+      }, {
+        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", {}, undefined, true)], 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $setup.status]])]),
+        _: 3
+      }))]),
       _: 3
-    })]),
+    }, 8, ["class"])]),
     _: 3
   });
 }
-;// CONCATENATED MODULE: ./src/components/Collapsible/Collapsible.vue?vue&type=template&id=a15d2d58&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/components/Collapsible/Collapsible.vue?vue&type=template&id=b5e1e9de&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/Collapsible/Collapsible.vue?vue&type=script&lang=ts
 
@@ -2189,7 +2223,7 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
     },
 
     /**
-     * show Chip
+     * Show Chip?
      */
     showChip: {
       type: Boolean,
@@ -2197,7 +2231,7 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
     },
 
     /**
-     * text of Chip
+     * Chip text?
      */
     textChip: {
       type: String,
@@ -2205,7 +2239,7 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
     },
 
     /**
-     * has butotn
+     * Has button?
      */
     hasButton: {
       type: Boolean,
@@ -2213,7 +2247,23 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
     },
 
     /**
-     * export button
+     * plain layout
+     */
+    plain: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Disabled button
+     */
+    disabledButton: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Export button?
      */
     onExport: {
       type: Boolean,
@@ -2221,7 +2271,7 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
     },
 
     /**
-     * label button
+     * Button label
      */
     labelButton: {
       type: String,
@@ -2229,7 +2279,7 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
     },
 
     /**
-     * color of Chip
+     * Chip color
      */
     colorChip: {
       type: String,
@@ -2241,7 +2291,7 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
     },
 
     /**
-     * Is dense
+     * Is dense?
      */
     dense: {
       type: Boolean,
@@ -2249,7 +2299,7 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
     },
 
     /**
-     * Is outlined
+     * Is outlined?
      */
     outlined: {
       type: Boolean,
@@ -2257,11 +2307,35 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
     },
 
     /**
-     * Is variation
+     * Is variation?
      */
     variation: {
       type: String,
       default: 'base'
+    },
+
+    /**
+     * Is custom?
+     */
+    custom: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Is custom body?
+     */
+    customBody: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Is custom header?
+     */
+    customHeader: {
+      type: Boolean,
+      default: false
     }
   },
 
@@ -2279,20 +2353,25 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
       emit('open', status.value);
     }
 
+    function onClick() {
+      emit('onClick');
+    }
+
     return {
       status,
       arrowIcon,
-      onToggleCollapsible
+      onToggleCollapsible,
+      onClick
     };
   }
 
 });
 ;// CONCATENATED MODULE: ./src/components/Collapsible/Collapsible.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/Collapsible/Collapsible.vue?vue&type=style&index=0&id=a15d2d58&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/Collapsible/Collapsible.vue?vue&type=style&index=0&id=b5e1e9de&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/Collapsible/Collapsible.vue?vue&type=style&index=0&id=a15d2d58&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/Collapsible/Collapsible.vue?vue&type=style&index=0&id=b5e1e9de&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/Collapsible/Collapsible.vue
 
@@ -2302,7 +2381,7 @@ function Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render(_ct
 ;
 
 
-const Collapsible_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Collapsiblevue_type_script_lang_ts, [['render',Collapsiblevue_type_template_id_a15d2d58_scoped_true_ts_true_render],['__scopeId',"data-v-a15d2d58"]])
+const Collapsible_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Collapsiblevue_type_script_lang_ts, [['render',Collapsiblevue_type_template_id_b5e1e9de_scoped_true_ts_true_render],['__scopeId',"data-v-b5e1e9de"]])
 
 /* harmony default export */ var Collapsible = (Collapsible_exports_);
 ;// CONCATENATED MODULE: ./src/components/Collapsible/index.ts
@@ -2815,15 +2894,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=2511ec57&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=3e6e5c33&scoped=true&ts=true
 
 
-const DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-2511ec57"), n = n(), _popScopeId(), n);
+const DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-3e6e5c33"), n = n(), _popScopeId(), n);
 
-const DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_hoisted_1 = {
+const DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_hoisted_1 = {
   class: "picker__actions"
 };
-function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function DatePickervue_type_template_id_3e6e5c33_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");
@@ -2851,12 +2930,13 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
       autocomplete: "off",
       ref: "inputCalendar",
       readonly: $props.readonly,
-      mask: `${$props.readonly ? '' : '##/##/####'}`,
+      ellipsed: $props.multiple,
+      mask: `${$options.isReadonly ? '' : '##/##/####'}`,
       requiredMessage: $props.requiredMessage,
       id: $props.inputId,
-      rules: [$data.checkDateValid, $data.checkMax, $data.checkMin, $data.checkRequire],
+      rules: $options.rules,
       onKeyup: $options.keyUpInput
-    }, null, 8, ["modelValue", "readonly", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
+    }, null, 8, ["modelValue", "readonly", "ellipsed", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_VueDatePicker, {
       "calendar-class-name": "dp-custom-calendar",
       inline: "",
@@ -2867,10 +2947,12 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $data.dateField = $event),
       "min-date": $options.minDate,
       "max-date": $options.maxDate,
-      "allowed-dates": $props.allowedDays,
+      "allowed-dates": $props.allowedDates,
+      "disabled-dates": $props.disabledDates,
       "day-names": ['S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
-      "start-date": $data.internalPickerDate
-    }, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "start-date"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_btn, {
+      "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_3e6e5c33_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_btn, {
       plain: "",
       title: "Limpar",
       color: "primary",
@@ -2902,7 +2984,7 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
     _: 1
   }, 8, ["modelValue", "bottom", "top"]);
 }
-;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=2511ec57&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=3e6e5c33&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./src/helpers/formatDatePickerHeader.ts
 const monthNumberToMonthName = {
@@ -3087,7 +3169,7 @@ const checkDateValid = date => {
      * v-model bind
      */
     modelValue: {
-      type: String,
+      type: [String, Array],
       default: ''
     },
 
@@ -3116,9 +3198,17 @@ const checkDateValid = date => {
     },
 
     /**
-     * Allowed days to be selected (format YYYY-MM-DD)
+     * Allowed dates (format YYYY-MM-DD)
+     */
+    allowedDates: {
+      type: Array,
+      default: () => null
+    },
+
+    /**
+     * Disabled dates(format YYYY-MM-DD)
      */
-    allowedDays: {
+    disabledDates: {
       type: Array,
       default: () => null
     },
@@ -3149,15 +3239,24 @@ const checkDateValid = date => {
     invalidMessage: {
       type: String,
       default: 'Data inválida'
+    },
+
+    /**
+     * Allow multiple dates
+     */
+    multiple: {
+      type: Boolean,
+      default: false
     }
   },
 
   data() {
+    const s = this.formatDateRange(this.modelValue);
     return {
       internalPickerDate: this.pickerDate,
       menuField: false,
       dateField: this.modelValue,
-      fieldRange: revertDate(this.modelValue),
+      fieldRange: this.multiple ? s : revertDate(this.modelValue),
       checkDateValid: value => {
         if (value.length > 0) {
           return checkDateValid(value) ? true : this.invalidMessage;
@@ -3192,6 +3291,15 @@ const checkDateValid = date => {
         }
 
         return true;
+      },
+      checkIsInAllowedDates: value => {
+        const dateSelected = convertDate(value);
+
+        if (!this.required && value.length === 0) {
+          return true;
+        }
+
+        return this.allowedDates(dateSelected) || 'Data inválida';
       }
     };
   },
@@ -3199,11 +3307,12 @@ const checkDateValid = date => {
   watch: {
     modelValue(newValue) {
       this.dateField = newValue;
+      this.fieldRange = this.multiple ? this.formatDateRange(newValue) : revertDate(newValue);
     },
 
     fieldRange(newValue) {
       if (!newValue) {
-        this.dateField = '';
+        this.dateField = this.multiple ? [] : '';
         this.save();
       }
     },
@@ -3219,12 +3328,11 @@ const checkDateValid = date => {
     save() {
       this.inputVal = this.dateField;
       this.menuField = false;
-      this.fieldRange = revertDate(this.dateField);
       this.closeDatepicker();
     },
 
     clear() {
-      this.dateField = '';
+      this.dateField = this.multiple ? [] : '';
       this.save();
       this.$refs.inputCalendar.reset();
     },
@@ -3239,7 +3347,8 @@ const checkDateValid = date => {
 
       if (this.validation(newValue) && newValue.length === 10) {
         const [day, month, year] = newValue.split('/');
-        this.dateField = `${year}-${month}-${day}`;
+        const formattedDate = `${year}-${month}-${day}`;
+        this.dateField = this.multiple ? [formattedDate] : formattedDate;
         this.save();
       }
     },
@@ -3260,7 +3369,19 @@ const checkDateValid = date => {
       this.$refs.contextmenu.inputValue = false;
     },
 
-    formatDatePickerHeader: formatDatePickerHeader
+    formatDatePickerHeader: formatDatePickerHeader,
+
+    formatDateRange(date) {
+      if (!date || date.length === 0) return '';
+
+      if (this.multiple) {
+        let dateString = [...date].sort((a, b) => +new Date(a) - +new Date(b)).map(defaultFormat).join(', ');
+        return dateString;
+      }
+
+      return defaultFormat(date);
+    }
+
   },
   computed: {
     inputVal: {
@@ -3304,16 +3425,34 @@ const checkDateValid = date => {
       }
 
       return null;
+    },
+
+    isReadonly() {
+      return this.readonly || this.multiple;
+    },
+
+    rules() {
+      const allRules = [this.checkDateValid, this.checkMax, this.checkMin, this.checkRequire];
+
+      if (this.multiple) {
+        if (!this.inputVal.length && this.required) {
+          return allRules.map(rule => rule.call(this, ''));
+        }
+
+        return this.inputVal.flatMap(date => allRules.map(rule => rule.call(this, date)));
+      }
+
+      return allRules;
     }
 
   }
 });
 ;// 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=2511ec57&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=3e6e5c33&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=2511ec57&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=3e6e5c33&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue
 
@@ -3323,7 +3462,7 @@ const checkDateValid = date => {
 ;
 
 
-const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render],['__scopeId',"data-v-2511ec57"]])
+const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_render],['__scopeId',"data-v-3e6e5c33"]])
 
 /* harmony default export */ var DatePicker = (DatePicker_exports_);
 ;// CONCATENATED MODULE: ./src/components/DatePicker/index.ts
@@ -3900,7 +4039,7 @@ const Loadervue_type_template_id_e73b388a_scoped_true_ts_true_hoisted_6 = {
   }
 };
 
-const _hoisted_7 = /*#__PURE__*/Loadervue_type_template_id_e73b388a_scoped_true_ts_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("circle", {
+const Loadervue_type_template_id_e73b388a_scoped_true_ts_true_hoisted_7 = /*#__PURE__*/Loadervue_type_template_id_e73b388a_scoped_true_ts_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("circle", {
   fill: "transparent",
   cx: "45.714285714285715",
   cy: "45.714285714285715",
@@ -3910,7 +4049,7 @@ const _hoisted_7 = /*#__PURE__*/Loadervue_type_template_id_e73b388a_scoped_true_
   class: "farm-loader__overlay"
 }, null, -1));
 
-const _hoisted_8 = [_hoisted_7];
+const _hoisted_8 = [Loadervue_type_template_id_e73b388a_scoped_true_ts_true_hoisted_7];
 
 const _hoisted_9 = /*#__PURE__*/Loadervue_type_template_id_e73b388a_scoped_true_ts_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "farm-loader__info"
@@ -3983,9 +4122,9 @@ const Loader_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Loadervue_t
 ;// CONCATENATED MODULE: ./src/components/Loader/index.ts
 
 /* harmony default export */ var components_Loader = (Loader);
-;// 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/MainFilter/MainFilter.vue?vue&type=template&id=45825249&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/MainFilter/MainFilter.vue?vue&type=template&id=1fcc8f99&scoped=true&ts=true
 
-function MainFiltervue_type_template_id_45825249_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function MainFiltervue_type_template_id_1fcc8f99_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_farm_caption = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-caption");
 
   const _component_farm_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-icon");
@@ -4014,7 +4153,7 @@ function MainFiltervue_type_template_id_45825249_scoped_true_ts_true_render(_ctx
       default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_label, {
         for: $props.elementId
       }, {
-        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.hasSlotData ? $props.label : '') + " ", 1), $options.hasSlotData ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", {
+        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.hasSlotData ? $props.label : '') + " ", 1), $setup.hasSlotData ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", {
           key: 0
         }, undefined, true) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.tooltip ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_farm_tooltip, {
           key: 1
@@ -4036,8 +4175,8 @@ function MainFiltervue_type_template_id_45825249_scoped_true_ts_true_render(_ctx
         })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
         _: 3
       }, 8, ["for"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_textfield_v2, {
-        modelValue: $data.inputValue,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $data.inputValue = $event),
+        modelValue: $setup.inputValue,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $setup.inputValue = $event),
         id: $props.elementId,
         onKeyup: $options.onKeyUp
       }, null, 8, ["modelValue", "id", "onKeyup"])]),
@@ -4045,23 +4184,24 @@ function MainFiltervue_type_template_id_45825249_scoped_true_ts_true_render(_ctx
     }, 8, ["md"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.hasExtraFilters ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_farm_btn, {
       key: 1,
       class: "farm-btn__cta",
-      title: $options.extraFiltersBtnLabel,
+      title: $setup.extraFiltersBtnLabel,
       onClick: $options.onFilterClick
     }, {
       default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_icon, {
         class: "mr-2"
       }, {
-        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.extraFiltersBtnIcon), 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.extraFiltersBtnIcon), 1)]),
         _: 1
-      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" " + (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.extraFiltersBtnLabel), 1)]),
+      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" " + (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($setup.extraFiltersBtnLabel), 1)]),
       _: 1
     }, 8, ["title", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
     _: 3
   }, 8, ["class"]);
 }
-;// CONCATENATED MODULE: ./src/components/MainFilter/MainFilter.vue?vue&type=template&id=45825249&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/components/MainFilter/MainFilter.vue?vue&type=template&id=1fcc8f99&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/MainFilter/MainFilter.vue?vue&type=script&lang=ts
+
 /* harmony default export */ var MainFiltervue_type_script_lang_ts = ({
   name: 'farm-form-mainfilter',
   props: {
@@ -4125,34 +4265,33 @@ function MainFiltervue_type_template_id_45825249_scoped_true_ts_true_render(_ctx
       default: false
     }
   },
-  watch: {
-    initialValue(newValue) {
-      this.inputValue = newValue;
-    }
 
+  setup(props) {
+    const {
+      showFilters,
+      initialValue
+    } = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toRefs)(props);
+    const internalInstance = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.getCurrentInstance)().proxy;
+    const timer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
+    const inputValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(initialValue.value);
+    const extraFiltersBtnIcon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => showFilters.value ? 'filter-off-outline' : 'filter-outline');
+    const extraFiltersBtnLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => `${showFilters.value ? 'Esconder' : 'Ver'} Filtros`);
+    const hasSlotData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => internalInstance.$slots.default);
+    return {
+      inputValue,
+      extraFiltersBtnIcon,
+      extraFiltersBtnLabel,
+      timer,
+      hasSlotData
+    };
   },
-  computed: {
-    hasSlotData() {
-      return this.$slots.default;
-    },
-
-    extraFiltersBtnLabel() {
-      return `${this.showFilters ? 'Esconder' : 'Ver'} Filtros`;
-    },
 
-    extraFiltersBtnIcon() {
-      return this.showFilters ? 'filter-off' : 'filter';
+  watch: {
+    initialValue(newValue) {
+      this.inputValue = newValue;
     }
 
   },
-
-  data() {
-    return {
-      timer: null,
-      inputValue: this.initialValue
-    };
-  },
-
   methods: {
     onFilterClick() {
       this.$emit('onClick');
@@ -4188,10 +4327,10 @@ function MainFiltervue_type_template_id_45825249_scoped_true_ts_true_render(_ctx
 });
 ;// CONCATENATED MODULE: ./src/components/MainFilter/MainFilter.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/MainFilter/MainFilter.vue?vue&type=style&index=0&id=45825249&scoped=true&lang=scss
+;// 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/MainFilter/MainFilter.vue?vue&type=style&index=0&id=1fcc8f99&scoped=true&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/MainFilter/MainFilter.vue?vue&type=style&index=0&id=45825249&scoped=true&lang=scss
+;// CONCATENATED MODULE: ./src/components/MainFilter/MainFilter.vue?vue&type=style&index=0&id=1fcc8f99&scoped=true&lang=scss
 
 ;// CONCATENATED MODULE: ./src/components/MainFilter/MainFilter.vue
 
@@ -4201,7 +4340,7 @@ function MainFiltervue_type_template_id_45825249_scoped_true_ts_true_render(_ctx
 ;
 
 
-const MainFilter_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(MainFiltervue_type_script_lang_ts, [['render',MainFiltervue_type_template_id_45825249_scoped_true_ts_true_render],['__scopeId',"data-v-45825249"]])
+const MainFilter_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(MainFiltervue_type_script_lang_ts, [['render',MainFiltervue_type_template_id_1fcc8f99_scoped_true_ts_true_render],['__scopeId',"data-v-1fcc8f99"]])
 
 /* harmony default export */ var MainFilter = (MainFilter_exports_);
 ;// CONCATENATED MODULE: ./src/components/MainFilter/index.ts
@@ -7557,9 +7696,9 @@ const Checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Checkboxv
 
 
 /* harmony default export */ var components_Checkbox = ((/* unused pure expression or super */ null && (Checkbox)));
-;// 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/Chip/Chip.vue?vue&type=template&id=24ba4ce5&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/Chip/Chip.vue?vue&type=template&id=626cb926&scoped=true&ts=true
 
-function Chipvue_type_template_id_24ba4ce5_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Chipvue_type_template_id_626cb926_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_farm_caption = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-caption");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)(_ctx.$props, {
@@ -7580,7 +7719,7 @@ function Chipvue_type_template_id_24ba4ce5_scoped_true_ts_true_render(_ctx, _cac
     _: 3
   })], 16);
 }
-;// CONCATENATED MODULE: ./src/components/Chip/Chip.vue?vue&type=template&id=24ba4ce5&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/components/Chip/Chip.vue?vue&type=template&id=626cb926&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/Chip/Chip.vue?vue&type=script&lang=ts
 /* harmony default export */ var Chipvue_type_script_lang_ts = ({
@@ -7618,10 +7757,10 @@ function Chipvue_type_template_id_24ba4ce5_scoped_true_ts_true_render(_ctx, _cac
 });
 ;// CONCATENATED MODULE: ./src/components/Chip/Chip.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/Chip/Chip.vue?vue&type=style&index=0&id=24ba4ce5&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/Chip/Chip.vue?vue&type=style&index=0&id=626cb926&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/Chip/Chip.vue?vue&type=style&index=0&id=24ba4ce5&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/Chip/Chip.vue?vue&type=style&index=0&id=626cb926&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/Chip/Chip.vue
 
@@ -7631,7 +7770,7 @@ function Chipvue_type_template_id_24ba4ce5_scoped_true_ts_true_render(_ctx, _cac
 ;
 
 
-const Chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Chipvue_type_script_lang_ts, [['render',Chipvue_type_template_id_24ba4ce5_scoped_true_ts_true_render],['__scopeId',"data-v-24ba4ce5"]])
+const Chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Chipvue_type_script_lang_ts, [['render',Chipvue_type_template_id_626cb926_scoped_true_ts_true_render],['__scopeId',"data-v-626cb926"]])
 
 /* harmony default export */ var Chip_Chip = (Chip_exports_);
 ;// CONCATENATED MODULE: ./src/components/Chip/index.ts
@@ -11949,14 +12088,14 @@ const TextArea_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextAreav
 
 
 /* harmony default export */ var components_TextArea = ((/* unused pure expression or super */ null && (TextArea)));
-;// 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/TextFieldV2/TextFieldV2.vue?vue&type=template&id=66f3b309&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/TextFieldV2/TextFieldV2.vue?vue&type=template&id=f7377700&scoped=true&ts=true
 
 
-const TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-66f3b309"), n = n(), _popScopeId(), n);
+const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-f7377700"), n = n(), _popScopeId(), n);
 
-const TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_1 = ["id"];
-const TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_2 = ["id", "disabled", "readonly", "type"];
-function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_1 = ["id"];
+const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_2 = ["id", "disabled", "readonly", "type"];
+function TextFieldV2vue_type_template_id_f7377700_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_caption = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-caption");
@@ -11973,7 +12112,8 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
       'farm-textfield--focused': $setup.isFocus && !$props.readonly,
       'farm-textfield--disabled': $props.disabled,
       'farm-textfield--hiddendetails': $props.hideDetails,
-      'farm-textfield--uppercase': $setup.isUppercase
+      'farm-textfield--uppercase': $setup.isUppercase,
+      'farm-textfield--ellipsed': $props.ellipsed
     }]),
     id: $setup.customId
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
@@ -12005,7 +12145,7 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
     (...args) => $setup.onBlur && $setup.onBlur(...args)),
     onFocusin: _cache[5] || (_cache[5] = $event => $setup.onFocus(true)),
     onFocusout: _cache[6] || (_cache[6] = $event => $setup.onFocus(false))
-  }), null, 16, TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vModelDynamic, $setup.innerValue], [_directive_mask, $props.mask]]), $props.icon && $props.iconPosition === 'right' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
+  }), null, 16, TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vModelDynamic, $setup.innerValue], [_directive_mask, $props.mask]]), $props.icon && $props.iconPosition === 'right' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
     key: 1,
     type: "button",
     onClick: _cache[7] || (_cache[7] = $event => _ctx.$emit('onClickIcon'))
@@ -12032,9 +12172,9 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
   }, {
     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)($props.hint), 1)]),
     _: 1
-  }, 8, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_1);
+  }, 8, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_1);
 }
-;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=66f3b309&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=f7377700&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/TextFieldV2/TextFieldV2.vue?vue&type=script&lang=ts
 
@@ -12153,6 +12293,14 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
       type: Function,
       // eslint-disable-next-line
       default: event => {}
+    },
+
+    /**
+     * Hide overflow content using ellipsis
+     */
+    ellipsed: {
+      type: Boolean,
+      default: false
     }
   },
 
@@ -12249,10 +12397,10 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
 });
 ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.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/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=66f3b309&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/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=f7377700&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=66f3b309&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=f7377700&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue
 
@@ -12262,7 +12410,7 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
 ;
 
 
-const TextFieldV2_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextFieldV2vue_type_script_lang_ts, [['render',TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render],['__scopeId',"data-v-66f3b309"]])
+const TextFieldV2_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextFieldV2vue_type_script_lang_ts, [['render',TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_render],['__scopeId',"data-v-f7377700"]])
 
 /* harmony default export */ var TextFieldV2_TextFieldV2 = (TextFieldV2_exports_);
 ;// CONCATENATED MODULE: ./src/components/TextFieldV2/index.ts