@bildvitta/quasar-ui-asteroid 3.0.0 → 3.1.0-beta.2

package/dist/asteroid.umd.js

@@ -1,13 +1,13 @@
 /*!
-* @bildvitta/quasar-ui-asteroid v3.0.0
+* @bildvitta/quasar-ui-asteroid v3.1.0-beta.2
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('vue'), require('humps'), require('date-fns'), require('date-fns/locale'), require('quasar'), require('lodash-es'), require('autonumeric'), require('pica'), require('signature_pad'), require('vue-router'), require('lodash'), require('fuse.js'), require('sortablejs'), require('@fawmi/vue-google-maps')) :
-  typeof define === 'function' && define.amd ? define(['vue', 'humps', 'date-fns', 'date-fns/locale', 'quasar', 'lodash-es', 'autonumeric', 'pica', 'signature_pad', 'vue-router', 'lodash', 'fuse.js', 'sortablejs', '@fawmi/vue-google-maps'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global["{{ umdExportName }}"] = factory(global.Vue, global.humps, global.dateFns, global.dateFnsLocale, global.Quasar, global._, global.AutoNumeric, global.Pica, global.SignaturePad, global.VueRouter, global.lodash, global.Fuse, global.Sortable, global.VueGoogleMaps));
-})(this, (function (vue, humps, dateFns, locale, quasar, lodashEs, AutoNumeric, Pica, SignaturePad, vueRouter, lodash, Fuse, Sortable, VueGoogleMaps) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('vue'), require('humps'), require('date-fns'), require('date-fns/locale'), require('quasar'), require('@bildvitta/store-adapter'), require('lodash-es'), require('autonumeric'), require('pica'), require('signature_pad'), require('vue-router'), require('lodash'), require('fuse.js'), require('sortablejs'), require('@fawmi/vue-google-maps')) :
+  typeof define === 'function' && define.amd ? define(['vue', 'humps', 'date-fns', 'date-fns/locale', 'quasar', '@bildvitta/store-adapter', 'lodash-es', 'autonumeric', 'pica', 'signature_pad', 'vue-router', 'lodash', 'fuse.js', 'sortablejs', '@fawmi/vue-google-maps'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global["{{ umdExportName }}"] = factory(global.Vue, global.humps, global.dateFns, global.dateFnsLocale, global.Quasar, global.storeAdapter, global._, global.AutoNumeric, global.Pica, global.SignaturePad, global.VueRouter, global.lodash, global.Fuse, global.Sortable, global.VueGoogleMaps));
+})(this, (function (vue, humps, dateFns, locale, quasar, storeAdapter, lodashEs, AutoNumeric, Pica, SignaturePad, vueRouter, lodash, Fuse, Sortable, VueGoogleMaps) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,7 +47,7 @@
   };
 
   const _hoisted_1$t = { class: "col-12 col-sm-auto" };
-  const _hoisted_2$l = { 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", {
@@ -56,7 +56,7 @@
       vue.createElementVNode("div", _hoisted_1$t, [
         vue.renderSlot(_ctx.$slots, "secondary")
       ]),
-      vue.createElementVNode("div", _hoisted_2$l, [
+      vue.createElementVNode("div", _hoisted_2$m, [
         vue.renderSlot(_ctx.$slots, "primary")
       ])
     ], 2 /* CLASS */))
@@ -182,7 +182,7 @@
   };
 
   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_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");
@@ -246,7 +246,7 @@
                       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"
@@ -750,7 +750,7 @@
   };
 
   const _hoisted_1$r = { class: "q-gutter-md q-mr-lg" };
-  const _hoisted_2$j = {
+  const _hoisted_2$k = {
     key: 0,
     class: "text-bold text-h5"
   };
@@ -776,7 +776,7 @@
           vue.createElementVNode("div", _hoisted_1$r, [
             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", {}, () => [
@@ -1013,7 +1013,7 @@
   };
 
   const _hoisted_1$q = ["alt", "src"];
-  const _hoisted_2$i = {
+  const _hoisted_2$j = {
     key: 1,
     class: "text-bold text-grey-9 text-subtitle1 text-uppercase"
   };
@@ -1045,7 +1045,7 @@
     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(() => [
@@ -1082,7 +1082,7 @@
                       }, null, 8 /* PROPS */, _hoisted_1$q))
                     : 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, {
@@ -1148,7 +1148,7 @@
                     ]),
                     vue.createVNode(_component_q_menu, {
                       anchor: "bottom end",
-                      class: "shadow-14",
+                      class: "shadow-2",
                       "max-height": "400px",
                       offset: [0, 5],
                       self: "top end"
@@ -1346,7 +1346,7 @@
   };
 
   const _hoisted_1$p = { class: "column flex full-height justify-between no-wrap overflow-x-hidden" };
-  const _hoisted_2$h = {
+  const _hoisted_2$i = {
     key: 0,
     class: "q-ma-md"
   };
@@ -1381,7 +1381,7 @@
         vue.createElementVNode("div", _hoisted_1$p, [
           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,
@@ -1534,7 +1534,7 @@
       boxClass () {
         return {
           'border-primary-contrast': this.outlined,
-          'shadow-14': !this.unelevated
+          'shadow-2': !this.unelevated
         }
       }
     }
@@ -1596,7 +1596,7 @@
 
       cardClasses () {
         return {
-          'shadow-14': !this.unelevated,
+          'shadow-2': !this.unelevated,
           'border-primary': this.outlined,
           'no-shadow': this.outlined,
           'bg-white': this.outlined
@@ -1632,7 +1632,7 @@
   };
 
   const _hoisted_1$o = { class: "col-12 col-lg-3 col-md-4 col-sm-6" };
-  const _hoisted_2$g = {
+  const _hoisted_2$h = {
     key: 0,
     class: "overflow-hidden relative-position w-full"
   };
@@ -1655,7 +1655,7 @@
       }, {
         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,
@@ -2196,12 +2196,12 @@
   };
 
   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_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,
+      _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", {
@@ -2369,7 +2369,7 @@
   };
 
   const _hoisted_1$l = { class: "justify-between row" };
-  const _hoisted_2$e = { class: "text-bold text-h6" };
+  const _hoisted_2$f = { class: "text-bold text-h6" };
   const _hoisted_3$a = { key: 0 };
 
   function render$x(_ctx, _cache, $props, $setup, $data, $options) {
@@ -2394,7 +2394,7 @@
               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_2$f, vue.toDisplayString($props.card.title), 1 /* TEXT */),
                     ($props.useCloseButton)
                       ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_qas_btn, {
                           key: 0,
@@ -2716,7 +2716,11 @@
             `QasDelete - destroy -> Payload do parâmetro do ${this.entity}/destroy`, [payload]
           );
 
-          await this.$store.dispatch(`${this.entity}/destroy`, payload);
+          await storeAdapter.getAction.call(this, {
+            entity: this.entity,
+            key: 'destroy',
+            payload
+          });
 
           NotifySuccess('Item deletado com sucesso!');
 
@@ -3914,7 +3918,7 @@
   };
 
   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_2$e = { class: "col column items-start justify-center" };
   const _hoisted_3$9 = {
     key: 0,
     class: "q-uploader__title"
@@ -3973,7 +3977,7 @@
                       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),
@@ -4208,7 +4212,7 @@
     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");
@@ -4220,7 +4224,7 @@
           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,
@@ -4379,7 +4383,7 @@
   };
 
   const _hoisted_1$g = { class: "col column items-start justify-center" };
-  const _hoisted_2$b = {
+  const _hoisted_2$c = {
     key: 0,
     class: "q-uploader__title"
   };
@@ -4407,7 +4411,7 @@
           }, [
             vue.createElementVNode("div", _hoisted_1$g, [
               ($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)
@@ -4791,7 +4795,7 @@
       },
 
       fields () {
-        return this.$store.getters[`${this.entity}/filters`]
+        return storeAdapter.getState.call(this, { entity: this.entity, key: 'filters' })
       },
 
       filterButtonColor () {
@@ -4807,7 +4811,7 @@
       },
 
       hasFields () {
-        return !!Object.keys(this.fields).length
+        return !!Object.keys(this.fields || {}).length
       },
 
       hasSearch () {
@@ -4889,7 +4893,12 @@
             [{ url: this.url }]
           );
 
-          const response = await this.$store.dispatch(`${this.entity}/fetchFilters`, { url: this.url });
+          const response = await storeAdapter.getAction.call(this, {
+            entity: this.entity,
+            key: 'fetchFilters',
+            payload: { url: this.url }
+          });
+
           this.$emit('fetch-success', response);
 
           this.$qas.logger.group(
@@ -4963,7 +4972,7 @@
   };
 
   const _hoisted_1$f = { class: "q-mb-lg" };
-  const _hoisted_2$a = {
+  const _hoisted_2$b = {
     key: 0,
     class: "q-gutter-x-md row"
   };
@@ -4997,7 +5006,7 @@
 
     return (vue.openBlock(), vue.createElementBlock("section", _hoisted_1$f, [
       ($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 }, () => [
@@ -5010,6 +5019,7 @@
                             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": "",
@@ -5058,6 +5068,7 @@
                     ? (vue.openBlock(), vue.createBlock(_component_qas_btn, {
                         key: 0,
                         color: $options.filterButtonColor,
+                        "data-cy": "filters-btn",
                         flat: "",
                         icon: "o_filter_list",
                         label: $options.filterButtonLabel
@@ -5094,14 +5105,16 @@
                                             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,
@@ -5111,6 +5124,7 @@
                                           }, null, 8 /* PROPS */, ["onClick"]),
                                           vue.createVNode(_component_qas_btn, {
                                             color: "primary",
+                                            "data-cy": "filters-submit-btn",
                                             label: "Filtrar",
                                             "no-caps": false,
                                             size: "12px",
@@ -5138,6 +5152,7 @@
               return (vue.openBlock(), vue.createBlock(_component_q_chip, {
                 key: key,
                 color: "primary",
+                "data-cy": `filters-${filterItem.value}-chip`,
                 dense: "",
                 removable: "",
                 size: "md",
@@ -5148,7 +5163,7 @@
                   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),
@@ -5301,6 +5316,10 @@
         validator: value => {
           return typeof value === 'boolean' || ['xs', 'sm', 'md', 'lg', 'xl'].includes(value)
         }
+      },
+
+      disable: {
+        type: Boolean
       }
     },
 
@@ -5422,12 +5441,12 @@
                   class: vue.normalizeClass(_ctx.mx_getFieldClass(key))
                 }, [
                   vue.renderSlot(_ctx.$slots, `field-${field.name}`, { field: field }, () => [
-                    vue.createVNode(_component_qas_field, vue.mergeProps($props.fieldsProps[field.name], {
+                    vue.createVNode(_component_qas_field, vue.mergeProps({ disable: $props.disable }, $props.fieldsProps[field.name], {
                       error: $props.errors[key],
                       field: field,
                       "model-value": $props.modelValue[field.name],
                       "onUpdate:modelValue": $event => ($options.updateModelValue(field.name, $event))
-                    }), null, 16 /* FULL_PROPS */, ["error", "field", "model-value", "onUpdate:modelValue"])
+                    }), null, 16 /* FULL_PROPS */, ["disable", "error", "field", "model-value", "onUpdate:modelValue"])
                   ])
                 ], 2 /* CLASS */))
               }), 128 /* KEYED_FRAGMENT */))
@@ -5435,11 +5454,11 @@
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fieldsetItem.fields.hidden, (field, key) => {
               return (vue.openBlock(), vue.createElementBlock("div", { key: key }, [
                 vue.renderSlot(_ctx.$slots, `field-${field.name}`, { field: field }, () => [
-                  vue.createVNode(_component_qas_field, vue.mergeProps($props.fieldsProps[field.name], {
+                  vue.createVNode(_component_qas_field, vue.mergeProps({ disable: $props.disable }, $props.fieldsProps[field.name], {
                     field: field,
                     "model-value": $props.modelValue[field.name],
                     "onUpdate:modelValue": $event => ($options.updateModelValue(field.name, $event))
-                  }), null, 16 /* FULL_PROPS */, ["field", "model-value", "onUpdate:modelValue"])
+                  }), null, 16 /* FULL_PROPS */, ["disable", "field", "model-value", "onUpdate:modelValue"])
                 ])
               ]))
             }), 128 /* KEYED_FRAGMENT */))
@@ -5598,13 +5617,17 @@
 
           const { url, params, decamelizeFieldName } = this.mx_defaultLazyLoadingProps;
 
-          const { data } = await this.$store.dispatch(`${this.entity}/fetchFieldOptions`, {
-            url,
-            field: decamelizeFieldName ? humps.decamelize(this.name, { separator: '-' }) : this.name,
-            params: {
-              ...params,
-              search: this.mx_search,
-              offset: (this.mx_pagination.page - 1) * params.limit
+          const { data } = await storeAdapter.getAction.call(this, {
+            entity: this.entity,
+            key: 'fetchFieldOptions',
+            payload: {
+              url,
+              field: decamelizeFieldName ? humps.decamelize(this.name, { separator: '-' }) : this.name,
+              params: {
+                ...params,
+                search: this.mx_search,
+                offset: (this.mx_pagination.page - 1) * params.limit
+              }
             }
           });
 
@@ -6040,7 +6063,11 @@
             `QasFormView - fetchSingle -> payload do parâmetro do ${this.entity}/fetchSingle`, [payload]
           );
 
-          const response = await this.$store.dispatch(`${this.entity}/fetchSingle`, payload);
+          const response = await storeAdapter.getAction.call(this, {
+            entity: this.entity,
+            key: 'fetchSingle',
+            payload
+          });
 
           const { errors, fields, metadata, result } = response.data;
 
@@ -6175,7 +6202,11 @@
             `QasFormView - submit -> payload do ${this.entity}/${this.mode}`, [payload]
           );
 
-          const response = await this.$store.dispatch(`${this.entity}/${this.mode}`, payload);
+          const response = await storeAdapter.getAction.call(this, {
+            entity: this.entity,
+            key: this.mode,
+            payload
+          });
 
           if (this.useDialogOnUnsavedChanges) {
             this.cachedResult = quasar.extend(true, {}, this.modelValue);
@@ -6221,7 +6252,7 @@
   };
 
   const _hoisted_1$e = { key: 0 };
-  const _hoisted_2$9 = { class: "justify-end q-col-gutter-md q-my-lg row" };
+  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) {
@@ -6249,7 +6280,7 @@
             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,
@@ -6435,7 +6466,7 @@
   };
 
   const _hoisted_1$d = { class: "q-col-gutter-md row" };
-  const _hoisted_2$8 = {
+  const _hoisted_2$9 = {
     key: 0,
     class: "full-width text-center"
   };
@@ -6473,7 +6504,7 @@
           }), 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",
@@ -6660,6 +6691,9 @@
     }
   };
 
+  const _hoisted_1$c = ["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)
@@ -6676,15 +6710,17 @@
               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$c)
             ]),
             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 */))
@@ -6840,6 +6876,7 @@
     name: 'QasListItems',
 
     components: {
+      QasBox: script$D,
       QasBtn: script$K
     },
 
@@ -6881,79 +6918,77 @@
     }
   };
 
-  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;
@@ -7019,11 +7054,11 @@
       },
 
       resultsModel () {
-        return this.$store.getters[`${this.entity}/list`]
+        return storeAdapter.getState.call(this, { entity: this.entity, key: 'list' })
       },
 
       totalPages () {
-        return this.$store.getters[`${this.entity}/totalPages`]
+        return storeAdapter.getState.call(this, { entity: this.entity, key: 'totalPages' })
       },
 
       showResults () {
@@ -7074,7 +7109,11 @@
             `QasListView - fetchList -> Payload do parâmetro do ${this.entity}/fetchList`, [payload]
           );
 
-          const response = await this.$store.dispatch(`${this.entity}/fetchList`, payload);
+          const response = await storeAdapter.getAction.call(this, {
+            entity: this.entity,
+            key: 'fetchList',
+            payload
+          });
 
           const { errors, fields, metadata } = response.data;
 
@@ -7379,6 +7418,11 @@
         default: 'destroyed'
       },
 
+      disabledRows: {
+        type: [Array, Boolean],
+        default: false
+      },
+
       errors: {
         type: [Array, Object],
         default: () => ({})
@@ -7428,6 +7472,11 @@
         default: () => ({})
       },
 
+      useAdd: {
+        type: Boolean,
+        default: true
+      },
+
       useAnimation: {
         type: Boolean,
         default: true
@@ -7601,6 +7650,22 @@
         }
 
         return this.fieldLabel
+      },
+
+      isDisabledRow (row) {
+        if (!this.disabledRows) return false
+
+        if (typeof this.disabledRows === 'boolean') return true
+
+        return this.disabledRows.includes(row[this.identifierItemKey])
+      },
+
+      hasBlockActions (row) {
+        return !this.useInlineActions && !this.isDisabledRow(row)
+      },
+
+      hasInlineActions (row) {
+        return this.useInlineActions && !this.isDisabledRow(row)
       }
     }
   };
@@ -7621,7 +7686,10 @@
   const _hoisted_8 = { class: "col-auto" };
   const _hoisted_9 = { class: "col-auto" };
   const _hoisted_10 = { class: "col-12" };
-  const _hoisted_11 = { class: "q-mt-md" };
+  const _hoisted_11 = {
+    key: 0,
+    class: "q-mt-md"
+  };
   const _hoisted_12 = { class: "col" };
   const _hoisted_13 = { class: "col-auto" };
   const _hoisted_14 = {
@@ -7669,7 +7737,7 @@
                                 label: $options.getRowLabel(index)
                               }, null, 8 /* PROPS */, ["label"]))
                             : vue.createCommentVNode("v-if", true),
-                          (!$props.useInlineActions)
+                          ($options.hasBlockActions(row))
                             ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
                                 ($props.useDuplicate)
                                   ? (vue.openBlock(), vue.createBlock(_component_qas_btn, vue.mergeProps({ key: 0 }, $props.buttonDuplicateProps, {
@@ -7700,6 +7768,7 @@
                               "onUpdate:modelValue": [$event => (($data.nested[index]) = $event), $event => ($options.updateValuesFromInput($event, index))],
                               class: vue.normalizeClass($options.formClasses),
                               columns: $props.formColumns,
+                              disable: $options.isDisabledRow(row),
                               errors: $options.transformedErrors[index],
                               fields: $options.children,
                               "fields-props": $props.fieldsProps
@@ -7709,15 +7778,16 @@
                                   name: key,
                                   fn: vue.withCtx((scope) => [
                                     vue.renderSlot(_ctx.$slots, key, vue.mergeProps(scope, {
+                                      disabled: $options.isDisabledRow(row),
                                       errors: $options.transformedErrors,
                                       index: index
                                     }))
                                   ])
                                 }
                               })
-                            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "class", "columns", "errors", "fields", "fields-props"])
+                            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "class", "columns", "disable", "errors", "fields", "fields-props"])
                           ]),
-                          ($props.useInlineActions)
+                          ($options.hasInlineActions(row))
                             ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
                                 vue.createElementVNode("div", _hoisted_8, [
                                   ($props.useDuplicate)
@@ -7762,47 +7832,49 @@
           ]),
           _: 3 /* FORWARDED */
         }, 16 /* FULL_PROPS */)),
-        vue.createElementVNode("div", _hoisted_11, [
-          vue.renderSlot(_ctx.$slots, "add-input", { add: $options.add }, () => [
-            ($props.useInlineActions)
-              ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 0,
-                  class: "cursor-pointer items-center q-col-gutter-x-md q-mt-md row",
-                  onClick: _cache[1] || (_cache[1] = $event => ($options.add()))
-                }, [
-                  vue.createElementVNode("div", _hoisted_12, [
-                    vue.createVNode(_component_qas_input, {
-                      class: "disabled no-pointer-events",
-                      "hide-bottom-space": "",
-                      label: $props.addInputLabel,
-                      outlined: "",
-                      onFocus: _cache[0] || (_cache[0] = $event => ($options.add()))
-                    }, null, 8 /* PROPS */, ["label"])
-                  ]),
-                  vue.createElementVNode("div", _hoisted_13, [
-                    vue.createVNode(_component_qas_btn, {
-                      color: "green",
-                      flat: "",
-                      icon: "o_add_circle_outline",
-                      round: ""
-                    })
-                  ])
-                ]))
-              : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
-                  vue.createVNode(_component_qas_btn, {
-                    class: "full-width q-py-md",
-                    icon: "o_add",
-                    outline: "",
-                    onClick: _cache[2] || (_cache[2] = $event => ($options.add()))
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString($props.addInputLabel), 1 /* TEXT */)
-                    ]),
-                    _: 1 /* STABLE */
-                  })
-                ]))
-          ])
-        ])
+        ($props.useAdd)
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+              vue.renderSlot(_ctx.$slots, "add-input", { add: $options.add }, () => [
+                ($props.useInlineActions)
+                  ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 0,
+                      class: "cursor-pointer items-center q-col-gutter-x-md q-mt-md row",
+                      onClick: _cache[1] || (_cache[1] = $event => ($options.add()))
+                    }, [
+                      vue.createElementVNode("div", _hoisted_12, [
+                        vue.createVNode(_component_qas_input, {
+                          class: "disabled no-pointer-events",
+                          "hide-bottom-space": "",
+                          label: $props.addInputLabel,
+                          outlined: "",
+                          onFocus: _cache[0] || (_cache[0] = $event => ($options.add()))
+                        }, null, 8 /* PROPS */, ["label"])
+                      ]),
+                      vue.createElementVNode("div", _hoisted_13, [
+                        vue.createVNode(_component_qas_btn, {
+                          color: "green",
+                          flat: "",
+                          icon: "o_add_circle_outline",
+                          round: ""
+                        })
+                      ])
+                    ]))
+                  : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+                      vue.createVNode(_component_qas_btn, {
+                        class: "full-width q-py-md",
+                        icon: "o_add",
+                        outline: "",
+                        onClick: _cache[2] || (_cache[2] = $event => ($options.add()))
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString($props.addInputLabel), 1 /* TEXT */)
+                        ]),
+                        _: 1 /* STABLE */
+                      })
+                    ]))
+              ])
+            ]))
+          : vue.createCommentVNode("v-if", true)
       ], 512 /* NEED_PATCH */)
     ], 8 /* PROPS */, _hoisted_1$9))
   }
@@ -8951,7 +9023,7 @@
       },
 
       resultModel () {
-        return this.$store.getters[`${this.entity}/byId`](this.id) || {}
+        return storeAdapter.getGetter.call(this, { entity: this.entity, key: 'byId' })(this.id) || {}
       }
     },
 
@@ -8983,7 +9055,11 @@
             [payload]
           );
 
-          const response = await this.$store.dispatch(`${this.entity}/fetchSingle`, payload);
+          const response = await storeAdapter.getAction.call(this, {
+            entity: this.entity,
+            key: 'fetchSingle',
+            payload
+          });
 
           const { errors, fields, metadata } = response.data;
 
@@ -9174,9 +9250,13 @@
         quasar.Loading.show();
 
         try {
-          const response = await this.$store.dispatch(`${this.entity}/replace`, {
-            payload: { order: this.identifiers },
-            url: this.url || `${this.entity}/sort`
+          const response = await storeAdapter.getAction.call(this, {
+            entity: this.entity,
+            key: 'replace',
+            payload: {
+              payload: { order: this.identifiers },
+              url: this.url || `${this.entity}/sort`
+            }
           });
 
           this.$emit('success', response);
@@ -10063,7 +10143,7 @@
 
   var name = "@bildvitta/quasar-ui-asteroid";
   var description = "Asteroid";
-  var version$1 = "3.0.0";
+  var version$1 = "3.1.0-beta.2";
   var author = "Bild & Vitta <systemteam@bild.com.br>";
   var license = "MIT";
   var main = "dist/asteroid.cjs.min.js";
@@ -10107,6 +10187,7 @@
   	sass: "^1.49.0"
   };
   var dependencies = {
+  	"@bildvitta/store-adapter": "^1.0.0-beta.22",
   	"@fawmi/vue-google-maps": "^0.9.4",
   	autonumeric: "^4.6.0",
   	axios: "^0.21.1",