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

package/dist/api/QasTabsGenerator.json

@@ -40,7 +40,11 @@
     },
     "model-value": {
       "desc": "Model do componente, controla qual é a tab atual selecionada.",
-      "type": "String"
+      "type": [
+        "String",
+        "Number"
+      ],
+      "model": true
     },
     "tab-class": {
       "desc": "Classe do QTab",

package/dist/asteroid.cjs.js

@@ -1,5 +1,5 @@
 /*!
-* @bildvitta/quasar-ui-asteroid v3.1.0-beta.1
+* @bildvitta/quasar-ui-asteroid v3.1.0-beta.3
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
@@ -60,14 +60,14 @@ var script$L = {
   }
 };
 
-const _hoisted_1$u = { class: "col-12 col-sm-auto" };
+const _hoisted_1$t = { 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$u, [
+    vue.createElementVNode("div", _hoisted_1$t, [
       vue.renderSlot(_ctx.$slots, "secondary")
     ]),
     vue.createElementVNode("div", _hoisted_2$m, [
@@ -195,7 +195,7 @@ var script$J = {
   }
 };
 
-const _hoisted_1$t = { class: "flex items-center justify-center q-gutter-x-md" };
+const _hoisted_1$s = { 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) {
@@ -214,7 +214,7 @@ function render$J(_ctx, _cache, $props, $setup, $data, $options) {
     label: $props.label,
     outline: "",
     padding: "md",
-    "use-label-on-small-screen": ""
+    "use-label-on-small-screen": false
   }, {
     default: vue.withCtx(() => [
       vue.createVNode(_component_q_menu, { class: "qas-actions-menu__menu" }, {
@@ -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$t, [
+                          vue.createElementVNode("div", _hoisted_1$s, [
                             vue.createVNode(_component_q_icon, {
                               name: item.icon,
                               size: "sm"
@@ -763,7 +763,7 @@ var script$H = {
   }
 };
 
-const _hoisted_1$s = { class: "q-gutter-md q-mr-lg" };
+const _hoisted_1$r = { class: "q-gutter-md q-mr-lg" };
 const _hoisted_2$k = {
   key: 0,
   class: "text-bold text-h5"
@@ -787,7 +787,7 @@ function render$H(_ctx, _cache, $props, $setup, $data, $options) {
           rounded: "",
           onClick: $options.close
         }, null, 8 /* PROPS */, ["color", "onClick"]),
-        vue.createElementVNode("div", _hoisted_1$s, [
+        vue.createElementVNode("div", _hoisted_1$r, [
           vue.renderSlot(_ctx.$slots, "header", {}, () => [
             ($props.title)
               ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_2$k, vue.toDisplayString($props.title), 1 /* TEXT */))
@@ -1026,7 +1026,7 @@ var script$F = {
   }
 };
 
-const _hoisted_1$r = ["alt", "src"];
+const _hoisted_1$q = ["alt", "src"];
 const _hoisted_2$j = {
   key: 1,
   class: "text-bold text-grey-9 text-subtitle1 text-uppercase"
@@ -1059,7 +1059,7 @@ function render$F(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_close_popup = vue.resolveDirective("close-popup");
 
   return (vue.openBlock(), vue.createBlock(_component_q_header, {
-    class: "bg-white qas-app-bar shadow-14",
+    class: "bg-white qas-app-bar shadow-2",
     "height-hint": "70"
   }, {
     default: vue.withCtx(() => [
@@ -1093,7 +1093,7 @@ 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$r))
+                    }, null, 8 /* PROPS */, _hoisted_1$q))
                   : vue.createCommentVNode("v-if", true),
                 ($options.showTitle)
                   ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$j, vue.toDisplayString($props.title), 1 /* TEXT */))
@@ -1162,7 +1162,7 @@ function render$F(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   vue.createVNode(_component_q_menu, {
                     anchor: "bottom end",
-                    class: "shadow-14",
+                    class: "shadow-2",
                     "max-height": "400px",
                     offset: [0, 5],
                     self: "top end"
@@ -1359,7 +1359,7 @@ var script$E = {
   }
 };
 
-const _hoisted_1$q = { class: "column flex full-height justify-between no-wrap overflow-x-hidden" };
+const _hoisted_1$p = { class: "column flex full-height justify-between no-wrap overflow-x-hidden" };
 const _hoisted_2$i = {
   key: 0,
   class: "q-ma-md"
@@ -1392,7 +1392,7 @@ function render$E(_ctx, _cache, $props, $setup, $data, $options) {
     onMiniState: $options.setMiniState
   }, {
     default: vue.withCtx(() => [
-      vue.createElementVNode("div", _hoisted_1$q, [
+      vue.createElementVNode("div", _hoisted_1$p, [
         vue.createElementVNode("div", null, [
           ($options.displayModuleSection)
             ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$i, [
@@ -1548,7 +1548,7 @@ var script$D = {
     boxClass () {
       return {
         'border-primary-contrast': this.outlined,
-        'shadow-14': !this.unelevated
+        'shadow-2': !this.unelevated
       }
     }
   }
@@ -1610,7 +1610,7 @@ var script$C = {
 
     cardClasses () {
       return {
-        'shadow-14': !this.unelevated,
+        'shadow-2': !this.unelevated,
         'border-primary': this.outlined,
         'no-shadow': this.outlined,
         'bg-white': this.outlined
@@ -1645,7 +1645,7 @@ var script$C = {
   }
 };
 
-const _hoisted_1$p = { class: "col-12 col-lg-3 col-md-4 col-sm-6" };
+const _hoisted_1$o = { 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,7 +1663,7 @@ 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$p, [
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
     vue.createVNode(_component_q_card, {
       class: vue.normalizeClass(["border-radius-lg column full-height overflow-hidden", $options.cardClasses])
     }, {
@@ -1926,7 +1926,7 @@ var script$A = {
   }
 };
 
-const _hoisted_1$o = /*#__PURE__*/vue.createTextVNode("Copiar");
+const _hoisted_1$n = /*#__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$o
+            _hoisted_1$n
           ]),
           _: 1 /* STABLE */
         })
@@ -2209,12 +2209,12 @@ var script$y = {
   }
 };
 
-const _hoisted_1$n = { class: "bg-grey-3 q-my-md q-pa-md rounded-borders" };
+const _hoisted_1$m = { 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$n, [
+  return (vue.openBlock(), vue.createElementBlock("details", _hoisted_1$m, [
     _hoisted_2$g,
     vue.createElementVNode("div", _hoisted_3$b, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.inspect, (item, index) => {
@@ -2382,7 +2382,7 @@ var script$x = {
   }
 };
 
-const _hoisted_1$m = { class: "justify-between row" };
+const _hoisted_1$l = { class: "justify-between row" };
 const _hoisted_2$f = { class: "text-bold text-h6" };
 const _hoisted_3$a = { key: 0 };
 
@@ -2407,7 +2407,7 @@ 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$m, [
+                vue.createElementVNode("div", _hoisted_1$l, [
                   vue.createElementVNode("div", _hoisted_2$f, vue.toDisplayString($props.card.title), 1 /* TEXT */),
                   ($props.useCloseButton)
                     ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_qas_btn, {
@@ -3237,7 +3237,7 @@ var script$t = {
   }
 };
 
-const _hoisted_1$l = ["id"];
+const _hoisted_1$k = ["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$l), [
+      }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$k), [
         [vue.vShow, floatingLabel]
       ])
     ]),
@@ -3417,13 +3417,13 @@ var script$s = {
   }
 };
 
-const _hoisted_1$k = { key: 0 };
+const _hoisted_1$j = { 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$k, [
+    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
         vue.renderSlot(_ctx.$slots, "default", { level: $options.level }, () => [
           vue.createVNode(_component_q_linear_progress, {
             color: $options.level.color,
@@ -3931,7 +3931,7 @@ var script$q = {
   }
 };
 
-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_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$e = { class: "col column items-start justify-center" };
 const _hoisted_3$9 = {
   key: 0,
@@ -3984,7 +3984,7 @@ 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$j, [
+            vue.createElementVNode("div", _hoisted_1$i, [
               (scope.isUploading)
                 ? (vue.openBlock(), vue.createBlock(_component_q_spinner, {
                     key: 0,
@@ -4222,7 +4222,7 @@ var script$p = {
   }
 };
 
-const _hoisted_1$i = {
+const _hoisted_1$h = {
   ref: "signatureContainer",
   class: "qas-signature-pad relative-position"
 };
@@ -4232,7 +4232,7 @@ 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$i, [
+    vue.createElementVNode("div", _hoisted_1$h, [
       vue.createElementVNode("canvas", {
         id: $data.canvasId,
         ref: _ctx.$attrs.ref,
@@ -4396,7 +4396,7 @@ var script$o = {
   }
 };
 
-const _hoisted_1$h = { class: "col column items-start justify-center" };
+const _hoisted_1$g = { class: "col column items-start justify-center" };
 const _hoisted_2$c = {
   key: 0,
   class: "q-uploader__title"
@@ -4423,7 +4423,7 @@ 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$h, [
+          vue.createElementVNode("div", _hoisted_1$g, [
             ($props.uploadLabel)
               ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, vue.toDisplayString($props.uploadLabel), 1 /* TEXT */))
               : vue.createCommentVNode("v-if", true)
@@ -4985,7 +4985,7 @@ var script$m = {
   }
 };
 
-const _hoisted_1$g = { class: "q-mb-lg" };
+const _hoisted_1$f = { class: "q-mb-lg" };
 const _hoisted_2$b = {
   key: 0,
   class: "q-gutter-x-md row"
@@ -5018,7 +5018,7 @@ 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$g, [
+  return (vue.openBlock(), vue.createElementBlock("section", _hoisted_1$f, [
     ($options.showFilters)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [
           ($options.showSearch)
@@ -6265,7 +6265,7 @@ var script$k = {
   }
 };
 
-const _hoisted_1$f = { key: 0 };
+const _hoisted_1$e = { key: 0 };
 const _hoisted_2$a = { class: "justify-end q-col-gutter-md q-my-lg row" };
 const _hoisted_3$6 = { key: 1 };
 
@@ -6282,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$f, [
+        ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$e, [
             vue.renderSlot(_ctx.$slots, "header")
           ]))
         : vue.createCommentVNode("v-if", true),
@@ -6479,7 +6479,7 @@ var script$j = {
   }
 };
 
-const _hoisted_1$e = { class: "q-col-gutter-md row" };
+const _hoisted_1$d = { class: "q-col-gutter-md row" };
 const _hoisted_2$9 = {
   key: 0,
   class: "full-width text-center"
@@ -6501,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$e, [
+      vue.createElementVNode("div", _hoisted_1$d, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.initialImages(), (image, index) => {
           return (vue.openBlock(), vue.createElementBlock("div", {
             key: index,
@@ -6705,7 +6705,7 @@ var script$i = {
   }
 };
 
-const _hoisted_1$d = ["data-cy"];
+const _hoisted_1$c = ["data-cy"];
 const _hoisted_2$8 = ["data-cy"];
 
 function render$i(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6726,7 +6726,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
             vue.createElementVNode("header", {
               class: vue.normalizeClass($props.headerClass),
               "data-cy": `grid-generator-${field.name}-field`
-            }, vue.toDisplayString(field.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$d)
+            }, vue.toDisplayString(field.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$c)
           ]),
           vue.renderSlot(_ctx.$slots, "content", {
             field: $data.slotValue[key]
@@ -6890,6 +6890,7 @@ var script$f = {
   name: 'QasListItems',
 
   components: {
+    QasBox: script$D,
     QasBtn: script$K
   },
 
@@ -6931,79 +6932,77 @@ var script$f = {
   }
 };
 
-const _hoisted_1$c = { class: "qas-list-items shadow-14" };
-
 function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_item_section = vue.resolveComponent("q-item-section");
   const _component_q_icon = vue.resolveComponent("q-icon");
   const _component_qas_btn = vue.resolveComponent("qas-btn");
   const _component_q_item = vue.resolveComponent("q-item");
   const _component_q_list = vue.resolveComponent("q-list");
+  const _component_qas_box = vue.resolveComponent("qas-box");
   const _directive_ripple = vue.resolveDirective("ripple");
 
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
-    vue.createVNode(_component_q_list, {
-      bordered: "",
-      class: "rounded-borders",
-      separator: ""
-    }, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.list, (item, index) => {
-          return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_q_item, {
-            key: index,
-            clickable: $props.useClickableItem,
-            onClick: $event => ($options.onClick({ item, index }, true))
-          }, {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "item", {
-                index: index,
-                item: item
-              }, () => [
-                vue.createVNode(_component_q_item_section, null, {
-                  default: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "item-section", {
-                      index: index,
-                      item: item
-                    })
-                  ]),
-                  _: 2 /* DYNAMIC */
-                }, 1024 /* DYNAMIC_SLOTS */),
-                ($props.useSectionActions)
-                  ? (vue.openBlock(), vue.createBlock(_component_q_item_section, {
-                      key: 0,
-                      side: ""
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.renderSlot(_ctx.$slots, "item-section-side", {
-                          index: index,
-                          item: item
-                        }, () => [
-                          vue.createVNode(_component_qas_btn, {
-                            flat: "",
-                            round: "",
-                            onClick: $event => ($options.onClick({ item, index }))
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createVNode(_component_q_icon, vue.normalizeProps(vue.guardReactiveProps($props.iconProps)), null, 16 /* FULL_PROPS */)
-                            ]),
-                            _: 2 /* DYNAMIC */
-                          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"])
-                        ])
-                      ]),
-                      _: 2 /* DYNAMIC */
-                    }, 1024 /* DYNAMIC_SLOTS */))
-                  : vue.createCommentVNode("v-if", true)
-              ])
-            ]),
-            _: 2 /* DYNAMIC */
-          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["clickable", "onClick"])), [
-            [_directive_ripple]
-          ])
-        }), 128 /* KEYED_FRAGMENT */))
-      ]),
-      _: 3 /* FORWARDED */
-    })
-  ]))
+  return (vue.openBlock(), vue.createBlock(_component_qas_box, { class: "qas-list-items" }, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_q_list, { separator: "" }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.list, (item, index) => {
+            return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_q_item, {
+              key: index,
+              clickable: $props.useClickableItem,
+              onClick: $event => ($options.onClick({ item, index }, true))
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "item", {
+                  index: index,
+                  item: item
+                }, () => [
+                  vue.createVNode(_component_q_item_section, null, {
+                    default: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "item-section", {
+                        index: index,
+                        item: item
+                      })
+                    ]),
+                    _: 2 /* DYNAMIC */
+                  }, 1024 /* DYNAMIC_SLOTS */),
+                  ($props.useSectionActions)
+                    ? (vue.openBlock(), vue.createBlock(_component_q_item_section, {
+                        key: 0,
+                        side: ""
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, "item-section-side", {
+                            index: index,
+                            item: item
+                          }, () => [
+                            vue.createVNode(_component_qas_btn, {
+                              flat: "",
+                              round: "",
+                              onClick: $event => ($options.onClick({ item, index }))
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_q_icon, vue.normalizeProps(vue.guardReactiveProps($props.iconProps)), null, 16 /* FULL_PROPS */)
+                              ]),
+                              _: 2 /* DYNAMIC */
+                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"])
+                          ])
+                        ]),
+                        _: 2 /* DYNAMIC */
+                      }, 1024 /* DYNAMIC_SLOTS */))
+                    : vue.createCommentVNode("v-if", true)
+                ])
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["clickable", "onClick"])), [
+              [_directive_ripple]
+            ])
+          }), 128 /* KEYED_FRAGMENT */))
+        ]),
+        _: 3 /* FORWARDED */
+      })
+    ]),
+    _: 3 /* FORWARDED */
+  }))
 }
 
 script$f.render = render$f;
@@ -9595,7 +9594,7 @@ var script$2 = {
 
     modelValue: {
       default: '',
-      type: String
+      type: [String, Number]
     },
 
     tabClass: {
@@ -9667,10 +9666,10 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
           }), {
             default: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, `tab-after-${tab.value}`, { item: tab }, () => [
-                ($props.counters[key])
+                ($props.counters[tab.value])
                   ? (vue.openBlock(), vue.createBlock(_component_q_badge, vue.mergeProps({
                       key: 0,
-                      label: $props.counters[key]
+                      label: $props.counters[tab.value]
                     }, $options.defaultCounterProps), null, 16 /* FULL_PROPS */, ["label"]))
                   : vue.createCommentVNode("v-if", true)
               ])
@@ -10158,7 +10157,7 @@ script.__file = "src/components/transfer/QasTransfer.vue";
 
 var name = "@bildvitta/quasar-ui-asteroid";
 var description = "Asteroid";
-var version$1 = "3.1.0-beta.1";
+var version$1 = "3.1.0-beta.3";
 var author = "Bild & Vitta <systemteam@bild.com.br>";
 var license = "MIT";
 var main = "dist/asteroid.cjs.min.js";