@bildvitta/quasar-ui-asteroid 3.1.0-beta.0 → 3.1.0-beta.1

package/dist/asteroid.cjs.js

@@ -1,5 +1,5 @@
 /*!
-* @bildvitta/quasar-ui-asteroid v3.1.0-beta.0
+* @bildvitta/quasar-ui-asteroid v3.1.0-beta.1
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
@@ -60,17 +60,17 @@ var script$L = {
   }
 };
 
-const _hoisted_1$t = { class: "col-12 col-sm-auto" };
-const _hoisted_2$l = { class: "col-12 col-sm-auto" };
+const _hoisted_1$u = { class: "col-12 col-sm-auto" };
+const _hoisted_2$m = { class: "col-12 col-sm-auto" };
 
 function render$L(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass($options.classes)
   }, [
-    vue.createElementVNode("div", _hoisted_1$t, [
+    vue.createElementVNode("div", _hoisted_1$u, [
       vue.renderSlot(_ctx.$slots, "secondary")
     ]),
-    vue.createElementVNode("div", _hoisted_2$l, [
+    vue.createElementVNode("div", _hoisted_2$m, [
       vue.renderSlot(_ctx.$slots, "primary")
     ])
   ], 2 /* CLASS */))
@@ -195,8 +195,8 @@ var script$J = {
   }
 };
 
-const _hoisted_1$s = { class: "flex items-center justify-center q-gutter-x-md" };
-const _hoisted_2$k = { class: "flex items-center justify-center q-gutter-x-sm" };
+const _hoisted_1$t = { class: "flex items-center justify-center q-gutter-x-md" };
+const _hoisted_2$l = { class: "flex items-center justify-center q-gutter-x-sm" };
 
 function render$J(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_icon = vue.resolveComponent("q-icon");
@@ -236,7 +236,7 @@ function render$J(_ctx, _cache, $props, $setup, $data, $options) {
                     default: vue.withCtx(() => [
                       vue.createVNode(_component_q_item_section, null, {
                         default: vue.withCtx(() => [
-                          vue.createElementVNode("div", _hoisted_1$s, [
+                          vue.createElementVNode("div", _hoisted_1$t, [
                             vue.createVNode(_component_q_icon, {
                               name: item.icon,
                               size: "sm"
@@ -260,7 +260,7 @@ function render$J(_ctx, _cache, $props, $setup, $data, $options) {
                     default: vue.withCtx(() => [
                       vue.createVNode(_component_q_item_section, null, {
                         default: vue.withCtx(() => [
-                          vue.createElementVNode("div", _hoisted_2$k, [
+                          vue.createElementVNode("div", _hoisted_2$l, [
                             vue.createVNode(_component_q_icon, {
                               name: $props.deleteIcon,
                               size: "sm"
@@ -763,8 +763,8 @@ var script$H = {
   }
 };
 
-const _hoisted_1$r = { class: "q-gutter-md q-mr-lg" };
-const _hoisted_2$j = {
+const _hoisted_1$s = { class: "q-gutter-md q-mr-lg" };
+const _hoisted_2$k = {
   key: 0,
   class: "text-bold text-h5"
 };
@@ -787,10 +787,10 @@ function render$H(_ctx, _cache, $props, $setup, $data, $options) {
           rounded: "",
           onClick: $options.close
         }, null, 8 /* PROPS */, ["color", "onClick"]),
-        vue.createElementVNode("div", _hoisted_1$r, [
+        vue.createElementVNode("div", _hoisted_1$s, [
           vue.renderSlot(_ctx.$slots, "header", {}, () => [
             ($props.title)
-              ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_2$j, vue.toDisplayString($props.title), 1 /* TEXT */))
+              ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_2$k, vue.toDisplayString($props.title), 1 /* TEXT */))
               : vue.createCommentVNode("v-if", true)
           ]),
           vue.renderSlot(_ctx.$slots, "default", {}, () => [
@@ -1026,8 +1026,8 @@ var script$F = {
   }
 };
 
-const _hoisted_1$q = ["alt", "src"];
-const _hoisted_2$i = {
+const _hoisted_1$r = ["alt", "src"];
+const _hoisted_2$j = {
   key: 1,
   class: "text-bold text-grey-9 text-subtitle1 text-uppercase"
 };
@@ -1093,10 +1093,10 @@ function render$F(_ctx, _cache, $props, $setup, $data, $options) {
                       alt: $props.title,
                       class: "q-mr-sm qas-app-bar__brand",
                       src: $props.brand
-                    }, null, 8 /* PROPS */, _hoisted_1$q))
+                    }, null, 8 /* PROPS */, _hoisted_1$r))
                   : vue.createCommentVNode("v-if", true),
                 ($options.showTitle)
-                  ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$i, vue.toDisplayString($props.title), 1 /* TEXT */))
+                  ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$j, vue.toDisplayString($props.title), 1 /* TEXT */))
                   : vue.createCommentVNode("v-if", true),
                 ($options.hasDevelopmentBadge)
                   ? (vue.openBlock(), vue.createBlock(_component_q_badge, {
@@ -1359,8 +1359,8 @@ var script$E = {
   }
 };
 
-const _hoisted_1$p = { class: "column flex full-height justify-between no-wrap overflow-x-hidden" };
-const _hoisted_2$h = {
+const _hoisted_1$q = { class: "column flex full-height justify-between no-wrap overflow-x-hidden" };
+const _hoisted_2$i = {
   key: 0,
   class: "q-ma-md"
 };
@@ -1392,10 +1392,10 @@ function render$E(_ctx, _cache, $props, $setup, $data, $options) {
     onMiniState: $options.setMiniState
   }, {
     default: vue.withCtx(() => [
-      vue.createElementVNode("div", _hoisted_1$p, [
+      vue.createElementVNode("div", _hoisted_1$q, [
         vue.createElementVNode("div", null, [
           ($options.displayModuleSection)
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$i, [
                 _hoisted_3$d,
                 vue.createVNode(_component_qas_select, {
                   modelValue: $data.module,
@@ -1645,8 +1645,8 @@ var script$C = {
   }
 };
 
-const _hoisted_1$o = { class: "col-12 col-lg-3 col-md-4 col-sm-6" };
-const _hoisted_2$g = {
+const _hoisted_1$p = { class: "col-12 col-lg-3 col-md-4 col-sm-6" };
+const _hoisted_2$h = {
   key: 0,
   class: "overflow-hidden relative-position w-full"
 };
@@ -1663,13 +1663,13 @@ function render$C(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_card_section = vue.resolveComponent("q-card-section");
   const _component_q_card = vue.resolveComponent("q-card");
 
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
     vue.createVNode(_component_q_card, {
       class: vue.normalizeClass(["border-radius-lg column full-height overflow-hidden", $options.cardClasses])
     }, {
       default: vue.withCtx(() => [
         ($props.useHeader)
-          ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$g, [
+          ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$h, [
               vue.renderSlot(_ctx.$slots, "header", {}, () => [
                 vue.createVNode(_component_q_carousel, {
                   modelValue: $data.slideImage,
@@ -1926,7 +1926,7 @@ var script$A = {
   }
 };
 
-const _hoisted_1$n = /*#__PURE__*/vue.createTextVNode("Copiar");
+const _hoisted_1$o = /*#__PURE__*/vue.createTextVNode("Copiar");
 
 function render$A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_tooltip = vue.resolveComponent("q-tooltip");
@@ -1949,7 +1949,7 @@ function render$A(_ctx, _cache, $props, $setup, $data, $options) {
       default: vue.withCtx(() => [
         vue.createVNode(_component_q_tooltip, null, {
           default: vue.withCtx(() => [
-            _hoisted_1$n
+            _hoisted_1$o
           ]),
           _: 1 /* STABLE */
         })
@@ -2209,13 +2209,13 @@ var script$y = {
   }
 };
 
-const _hoisted_1$m = { class: "bg-grey-3 q-my-md q-pa-md rounded-borders" };
-const _hoisted_2$f = /*#__PURE__*/vue.createElementVNode("summary", null, "Debugger", -1 /* HOISTED */);
+const _hoisted_1$n = { class: "bg-grey-3 q-my-md q-pa-md rounded-borders" };
+const _hoisted_2$g = /*#__PURE__*/vue.createElementVNode("summary", null, "Debugger", -1 /* HOISTED */);
 const _hoisted_3$b = { class: "row" };
 
 function render$y(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("details", _hoisted_1$m, [
-    _hoisted_2$f,
+  return (vue.openBlock(), vue.createElementBlock("details", _hoisted_1$n, [
+    _hoisted_2$g,
     vue.createElementVNode("div", _hoisted_3$b, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.inspect, (item, index) => {
         return (vue.openBlock(), vue.createElementBlock("pre", {
@@ -2382,8 +2382,8 @@ var script$x = {
   }
 };
 
-const _hoisted_1$l = { class: "justify-between row" };
-const _hoisted_2$e = { class: "text-bold text-h6" };
+const _hoisted_1$m = { class: "justify-between row" };
+const _hoisted_2$f = { class: "text-bold text-h6" };
 const _hoisted_3$a = { key: 0 };
 
 function render$x(_ctx, _cache, $props, $setup, $data, $options) {
@@ -2407,8 +2407,8 @@ function render$x(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createVNode(_component_q_card_section, null, {
             default: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                vue.createElementVNode("div", _hoisted_1$l, [
-                  vue.createElementVNode("div", _hoisted_2$e, vue.toDisplayString($props.card.title), 1 /* TEXT */),
+                vue.createElementVNode("div", _hoisted_1$m, [
+                  vue.createElementVNode("div", _hoisted_2$f, vue.toDisplayString($props.card.title), 1 /* TEXT */),
                   ($props.useCloseButton)
                     ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_qas_btn, {
                         key: 0,
@@ -3237,7 +3237,7 @@ var script$t = {
   }
 };
 
-const _hoisted_1$k = ["id"];
+const _hoisted_1$l = ["id"];
 
 function render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_field = vue.resolveComponent("q-field");
@@ -3254,7 +3254,7 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[0] || (_cache[0] = (...args) => ($options.emitValue && $options.emitValue(...args))),
         onClick: _cache[1] || (_cache[1] = (...args) => ($options.setSelect && $options.setSelect(...args))),
         onInput: _cache[2] || (_cache[2] = $event => ($options.emitUpdateModel($event.target.value)))
-      }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$k), [
+      }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$l), [
         [vue.vShow, floatingLabel]
       ])
     ]),
@@ -3417,13 +3417,13 @@ var script$s = {
   }
 };
 
-const _hoisted_1$j = { key: 0 };
+const _hoisted_1$k = { key: 0 };
 
 function render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_linear_progress = vue.resolveComponent("q-linear-progress");
 
   return ($options.length)
-    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
+    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
         vue.renderSlot(_ctx.$slots, "default", { level: $options.level }, () => [
           vue.createVNode(_component_q_linear_progress, {
             color: $options.level.color,
@@ -3931,8 +3931,8 @@ var script$q = {
   }
 };
 
-const _hoisted_1$i = { class: "flex flex-center full-width justify-between no-border no-wrap q-gutter-xs q-pa-sm text-white transparent" };
-const _hoisted_2$d = { class: "col column items-start justify-center" };
+const _hoisted_1$j = { class: "flex flex-center full-width justify-between no-border no-wrap q-gutter-xs q-pa-sm text-white transparent" };
+const _hoisted_2$e = { class: "col column items-start justify-center" };
 const _hoisted_3$9 = {
   key: 0,
   class: "q-uploader__title"
@@ -3984,14 +3984,14 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
       }), {
         header: vue.withCtx((scope) => [
           vue.renderSlot(_ctx.$slots, "header", { scope: scope }, () => [
-            vue.createElementVNode("div", _hoisted_1$i, [
+            vue.createElementVNode("div", _hoisted_1$j, [
               (scope.isUploading)
                 ? (vue.openBlock(), vue.createBlock(_component_q_spinner, {
                     key: 0,
                     size: "24px"
                   }))
                 : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode("div", _hoisted_2$d, [
+              vue.createElementVNode("div", _hoisted_2$e, [
                 (_ctx.$attrs.label)
                   ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, vue.toDisplayString(_ctx.$attrs.label), 1 /* TEXT */))
                   : vue.createCommentVNode("v-if", true),
@@ -4222,23 +4222,23 @@ var script$p = {
   }
 };
 
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   ref: "signatureContainer",
   class: "qas-signature-pad relative-position"
 };
-const _hoisted_2$c = ["id", "height"];
+const _hoisted_2$d = ["id", "height"];
 
 function render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_qas_btn = vue.resolveComponent("qas-btn");
 
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.createElementVNode("div", _hoisted_1$h, [
+    vue.createElementVNode("div", _hoisted_1$i, [
       vue.createElementVNode("canvas", {
         id: $data.canvasId,
         ref: _ctx.$attrs.ref,
         class: "qas-signature-pad__canvas rounded-borders vertical-bottom",
         height: $props.height
-      }, null, 8 /* PROPS */, _hoisted_2$c),
+      }, null, 8 /* PROPS */, _hoisted_2$d),
       (!$props.empty)
         ? (vue.openBlock(), vue.createBlock(_component_qas_btn, {
             key: 0,
@@ -4396,8 +4396,8 @@ var script$o = {
   }
 };
 
-const _hoisted_1$g = { class: "col column items-start justify-center" };
-const _hoisted_2$b = {
+const _hoisted_1$h = { class: "col column items-start justify-center" };
+const _hoisted_2$c = {
   key: 0,
   class: "q-uploader__title"
 };
@@ -4423,9 +4423,9 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
           class: vue.normalizeClass(["cursor-pointer flex flex-center full-width justify-between no-border no-wrap q-gutter-xs text-white transparent", $options.headerClass]),
           onClick: _cache[0] || (_cache[0] = (...args) => ($options.openDialog && $options.openDialog(...args)))
         }, [
-          vue.createElementVNode("div", _hoisted_1$g, [
+          vue.createElementVNode("div", _hoisted_1$h, [
             ($props.uploadLabel)
-              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, vue.toDisplayString($props.uploadLabel), 1 /* TEXT */))
+              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, vue.toDisplayString($props.uploadLabel), 1 /* TEXT */))
               : vue.createCommentVNode("v-if", true)
           ]),
           (!$props.readonly)
@@ -4985,8 +4985,8 @@ var script$m = {
   }
 };
 
-const _hoisted_1$f = { class: "q-mb-lg" };
-const _hoisted_2$a = {
+const _hoisted_1$g = { class: "q-mb-lg" };
+const _hoisted_2$b = {
   key: 0,
   class: "q-gutter-x-md row"
 };
@@ -5018,9 +5018,9 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_menu = vue.resolveComponent("q-menu");
   const _component_q_chip = vue.resolveComponent("q-chip");
 
-  return (vue.openBlock(), vue.createElementBlock("section", _hoisted_1$f, [
+  return (vue.openBlock(), vue.createElementBlock("section", _hoisted_1$g, [
     ($options.showFilters)
-      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [
           ($options.showSearch)
             ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
                 vue.renderSlot(_ctx.$slots, "search", { filter: $options.filter }, () => [
@@ -5033,6 +5033,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                           vue.createVNode(_component_qas_input, {
                             modelValue: $data.search,
                             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.search) = $event)),
+                            "data-cy": "filters-search-input",
                             debounce: $options.debounce,
                             dense: "",
                             "hide-bottom-space": "",
@@ -5081,6 +5082,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                   ? (vue.openBlock(), vue.createBlock(_component_qas_btn, {
                       key: 0,
                       color: $options.filterButtonColor,
+                      "data-cy": "filters-btn",
                       flat: "",
                       icon: "o_filter_list",
                       label: $options.filterButtonLabel
@@ -5117,14 +5119,16 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                                           vue.createVNode(_component_qas_field, {
                                             modelValue: $data.filters[field.name],
                                             "onUpdate:modelValue": $event => (($data.filters[field.name]) = $event),
+                                            "data-cy": `filters-${field.name}-field`,
                                             dense: "",
                                             field: field
-                                          }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "field"])
+                                          }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "data-cy", "field"])
                                         ]))
                                       }), 128 /* KEYED_FRAGMENT */)),
                                       vue.createElementVNode("div", _hoisted_6$2, [
                                         vue.createVNode(_component_qas_btn, {
                                           class: "q-mr-sm",
+                                          "data-cy": "filters-clear-btn",
                                           flat: "",
                                           label: "Limpar",
                                           "no-caps": false,
@@ -5134,6 +5138,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                                         }, null, 8 /* PROPS */, ["onClick"]),
                                         vue.createVNode(_component_qas_btn, {
                                           color: "primary",
+                                          "data-cy": "filters-submit-btn",
                                           label: "Filtrar",
                                           "no-caps": false,
                                           size: "12px",
@@ -5161,6 +5166,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
             return (vue.openBlock(), vue.createBlock(_component_q_chip, {
               key: key,
               color: "primary",
+              "data-cy": `filters-${filterItem.value}-chip`,
               dense: "",
               removable: "",
               size: "md",
@@ -5171,7 +5177,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                 vue.createTextVNode(vue.toDisplayString(filterItem.label) + " = \"" + vue.toDisplayString($options.getChipValue(filterItem.value)) + "\"", 1 /* TEXT */)
               ]),
               _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onRemove"]))
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-cy", "onRemove"]))
           }), 128 /* KEYED_FRAGMENT */))
         ]))
       : vue.createCommentVNode("v-if", true),
@@ -6259,8 +6265,8 @@ var script$k = {
   }
 };
 
-const _hoisted_1$e = { key: 0 };
-const _hoisted_2$9 = { class: "justify-end q-col-gutter-md q-my-lg row" };
+const _hoisted_1$f = { key: 0 };
+const _hoisted_2$a = { class: "justify-end q-col-gutter-md q-my-lg row" };
 const _hoisted_3$6 = { key: 1 };
 
 function render$k(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6276,7 +6282,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: vue.withCtx(() => [
       (_ctx.mx_hasHeaderSlot)
-        ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$e, [
+        ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$f, [
             vue.renderSlot(_ctx.$slots, "header")
           ]))
         : vue.createCommentVNode("v-if", true),
@@ -6288,7 +6294,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
           vue.renderSlot(_ctx.$slots, "default"),
           ($props.useActions)
             ? vue.renderSlot(_ctx.$slots, "actions", { key: 0 }, () => [
-                vue.createElementVNode("div", _hoisted_2$9, [
+                vue.createElementVNode("div", _hoisted_2$a, [
                   ($options.hasCancelButton)
                     ? (vue.openBlock(), vue.createElementBlock("div", {
                         key: 0,
@@ -6473,8 +6479,8 @@ var script$j = {
   }
 };
 
-const _hoisted_1$d = { class: "q-col-gutter-md row" };
-const _hoisted_2$8 = {
+const _hoisted_1$e = { class: "q-col-gutter-md row" };
+const _hoisted_2$9 = {
   key: 0,
   class: "full-width text-center"
 };
@@ -6495,7 +6501,7 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (vue.openBlock(), vue.createBlock(_component_qas_box, { class: "gallery" }, {
     default: vue.withCtx(() => [
-      vue.createElementVNode("div", _hoisted_1$d, [
+      vue.createElementVNode("div", _hoisted_1$e, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.initialImages(), (image, index) => {
           return (vue.openBlock(), vue.createElementBlock("div", {
             key: index,
@@ -6512,7 +6518,7 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128 /* KEYED_FRAGMENT */)),
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
           (!$options.hideShowMore)
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, [
                 vue.createVNode(_component_qas_btn, {
                   class: "text-weight-bolder",
                   color: "primary",
@@ -6699,6 +6705,9 @@ var script$i = {
   }
 };
 
+const _hoisted_1$d = ["data-cy"];
+const _hoisted_2$8 = ["data-cy"];
+
 function render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.mx_classes)
@@ -6715,15 +6724,17 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
             field: $data.slotValue[key]
           }, () => [
             vue.createElementVNode("header", {
-              class: vue.normalizeClass($props.headerClass)
-            }, vue.toDisplayString(field.label), 3 /* TEXT, CLASS */)
+              class: vue.normalizeClass($props.headerClass),
+              "data-cy": `grid-generator-${field.name}-field`
+            }, vue.toDisplayString(field.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$d)
           ]),
           vue.renderSlot(_ctx.$slots, "content", {
             field: $data.slotValue[key]
           }, () => [
             vue.createElementVNode("div", {
-              class: vue.normalizeClass($props.contentClass)
-            }, vue.toDisplayString($options.resultsByFields[key]), 3 /* TEXT, CLASS */)
+              class: vue.normalizeClass($props.contentClass),
+              "data-cy": `grid-generator-${field.name}-result`
+            }, vue.toDisplayString($options.resultsByFields[key]), 11 /* TEXT, CLASS, PROPS */, _hoisted_2$8)
           ])
         ])
       ], 2 /* CLASS */))
@@ -10147,7 +10158,7 @@ script.__file = "src/components/transfer/QasTransfer.vue";
 
 var name = "@bildvitta/quasar-ui-asteroid";
 var description = "Asteroid";
-var version$1 = "3.1.0-beta.0";
+var version$1 = "3.1.0-beta.1";
 var author = "Bild & Vitta <systemteam@bild.com.br>";
 var license = "MIT";
 var main = "dist/asteroid.cjs.min.js";