@farm-investimentos/front-mfe-components-vue3 0.6.0 → 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
@@ -3960,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",
@@ -3970,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"
@@ -4043,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");
@@ -4074,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
@@ -4096,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"])]),
@@ -4105,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: {
@@ -4185,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');
@@ -4248,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
 
@@ -4261,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
@@ -7617,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, {
@@ -7640,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 = ({
@@ -7678,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
 
@@ -7691,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