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

package/dist/asteroid.esm.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--qas-background-color: #f5f5f5;--qas-generic-border-radius: 8px}h1{font-size:6rem;font-weight:800;letter-spacing:0;line-height:6rem;margin:0}h2{font-size:3.75rem;font-weight:700;letter-spacing:0;line-height:3.75rem;margin:0}h3{font-size:3rem;font-weight:600;letter-spacing:0;line-height:2.5rem;margin:0}h4{font-size:2.125rem;font-weight:800;letter-spacing:0;line-height:2.5rem;margin:0}h5{font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;margin:0}h6{font-size:1.25rem;font-weight:600;letter-spacing:0;line-height:2rem;margin:0}body{background-color:var(--qas-background-color)}.q-field--outlined .q-field__inner{background-color:#fff;border-radius:var(--qas-generic-border-radius)}.q-radio__inner::before{color:var(--q-primary)}.q-tabs__arrow{color:var(--q-primary)}.bg-no-repeat{background-repeat:no-repeat !important}.bg-size-contain{background-size:contain !important}.bg-size-cover{background-size:cover !important}.bg-position-bottom{background-position:bottom !important}.bg-position-center{background-position:center !important}.bg-position-left{background-position:left !important}.bg-position-right{background-position:right !important}.bg-position-top{background-position:top !important}.border-secondary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-secondary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right){border-width:1px !important}.border-primary{border:0 solid var(--q-primary) !important}.border-primary-contrast{border:0 solid var(--q-primary-contrast) !important}.border-secondary{border:0 solid var(--q-secondary) !important}.border-secondary-contrast{border:0 solid var(--q-secondary-contrast) !important}.border-top{border-top-width:1px !important}.border-left{border-left-width:1px !important}.border-bottom{border-bottom-width:1px !important}.border-right{border-right-width:1px !important}.rounded-borders-sm{border-radius:calc(var(--qas-generic-border-radius) / 2) !important}.rounded-borders-lg{border-radius:calc(var(--qas-generic-border-radius) * 2) !important}.rounded-borders-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.rounded-borders-right{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.rounded-borders-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.rounded-borders-left{border-bottom-right-radius:0 !important;border-top-right-radius:0 !important}.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{margin-left:auto;margin-right:auto;max-width:1280px;width:calc(100% - 80px)}.container.spaced,.container-xs.spaced,.container-sm.spaced,.container-md.spaced,.container-lg.spaced,.container-xl.spaced{padding-bottom:20px;padding-top:20px}@media(max-width: 599px){.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{width:calc(100% - 20px)}}.container-xs{max-width:599px !important}.container-sm{max-width:1023px !important}.container-md{max-width:1439px !important}.container-lg{max-width:1919px !important}body{font-family:Inter,system-ui,sans-serif}.qs-lh-xs{line-height:.85 !important}.qs-lh-sm{line-height:1 !important}.qs-lh-md{line-height:1.15 !important}.qs-lh-lg{line-height:1.3 !important}.qs-lh-xl{line-height:1.5 !important}.opacity-10{opacity:0.1 !important}.opacity-20{opacity:0.2 !important}.opacity-30{opacity:0.3 !important}.opacity-40{opacity:0.4 !important}.opacity-50{opacity:0.5 !important}.opacity-60{opacity:0.6 !important}.opacity-70{opacity:0.7 !important}.opacity-80{opacity:0.8 !important}.opacity-90{opacity:0.9 !important}.text-baseline{vertical-align:baseline !important}.text-break{word-break:break-all !important}.text-underline{text-decoration:underline !important}.text-no-decoration{text-decoration:none !important}.unset{all:unset}a.unset,button.unset{cursor:pointer}.qas-app-bar__toolbar{height:70px}.qas-app-bar__brand{height:24px;margin-right:8px;position:relative;top:4px}.qas-app-bar__user{background-color:var(--qas-background-color);transition:background-color .3s cubic-bezier(0.25, 0.8, 0.5, 1)}.qas-app-bar__user:focus,.qas-app-bar__user:hover{background-color:rgba(255,255,255,.2)}.qas-app-bar__user-data{max-width:180px}.qas-app-bar__user-menu{width:260px}@media(max-width: 599px){.qas-app-bar__user-data{display:none}}.qas-alert{border-style:solid;border-width:0 10px}.qas-actions-menu__list{width:265px;z-index:1}.q-expansion-item--expanded .q-item:not(.qas-app-menu--active.q-item){background-color:#fafafa}.qas-list-items .q-list>.q-item{padding:24px 16px}.qas-map__draw{height:300px !important;width:100%}.qas-nested-fields__actions{height:56px}.qas-signature-pad__canvas{border:1px solid rgba(0,0,0,.12)}.qas-table-generator .q-table th{font-weight:bold}.qas-table-generator--mobile{margin:0 -10px}.qas-table-generator--mobile .q-table{margin-left:10px}.qas-transfer__icon{transform:rotate(-90deg)}.qas-uploader__input{display:none}
+@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--qas-background-color: #f5f5f5;--qas-generic-border-radius: 8px}h1{font-size:6rem;font-weight:800;letter-spacing:0;line-height:6rem;margin:0}h2{font-size:3.75rem;font-weight:700;letter-spacing:0;line-height:3.75rem;margin:0}h3{font-size:3rem;font-weight:600;letter-spacing:0;line-height:2.5rem;margin:0}h4{font-size:2.125rem;font-weight:800;letter-spacing:0;line-height:2.5rem;margin:0}h5{font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;margin:0}h6{font-size:1.25rem;font-weight:600;letter-spacing:0;line-height:2rem;margin:0}body{background-color:var(--qas-background-color)}.q-field--outlined .q-field__inner{background-color:#fff;border-radius:var(--qas-generic-border-radius)}.q-radio__inner::before{color:var(--q-primary)}.q-tabs__arrow{color:var(--q-primary)}.bg-no-repeat{background-repeat:no-repeat !important}.bg-size-contain{background-size:contain !important}.bg-size-cover{background-size:cover !important}.bg-position-bottom{background-position:bottom !important}.bg-position-center{background-position:center !important}.bg-position-left{background-position:left !important}.bg-position-right{background-position:right !important}.bg-position-top{background-position:top !important}.border-secondary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-secondary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right){border-width:1px !important}.border-primary{border:0 solid var(--q-primary) !important}.border-primary-contrast{border:0 solid var(--q-primary-contrast) !important}.border-secondary{border:0 solid var(--q-secondary) !important}.border-secondary-contrast{border:0 solid var(--q-secondary-contrast) !important}.border-top{border-top-width:1px !important}.border-left{border-left-width:1px !important}.border-bottom{border-bottom-width:1px !important}.border-right{border-right-width:1px !important}.rounded-borders-sm{border-radius:calc(var(--qas-generic-border-radius) / 2) !important}.rounded-borders-lg{border-radius:calc(var(--qas-generic-border-radius) * 2) !important}.rounded-borders-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.rounded-borders-right{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.rounded-borders-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.rounded-borders-left{border-bottom-right-radius:0 !important;border-top-right-radius:0 !important}.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{margin-left:auto;margin-right:auto;max-width:1280px;width:calc(100% - 80px)}.container.spaced,.container-xs.spaced,.container-sm.spaced,.container-md.spaced,.container-lg.spaced,.container-xl.spaced{padding-bottom:20px;padding-top:20px}@media(max-width: 599px){.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{width:calc(100% - 20px)}}.container-xs{max-width:599px !important}.container-sm{max-width:1023px !important}.container-md{max-width:1439px !important}.container-lg{max-width:1919px !important}body{font-family:Inter,system-ui,sans-serif}.qs-lh-xs{line-height:.85 !important}.qs-lh-sm{line-height:1 !important}.qs-lh-md{line-height:1.15 !important}.qs-lh-lg{line-height:1.3 !important}.qs-lh-xl{line-height:1.5 !important}.opacity-10{opacity:0.1 !important}.opacity-20{opacity:0.2 !important}.opacity-30{opacity:0.3 !important}.opacity-40{opacity:0.4 !important}.opacity-50{opacity:0.5 !important}.opacity-60{opacity:0.6 !important}.opacity-70{opacity:0.7 !important}.opacity-80{opacity:0.8 !important}.opacity-90{opacity:0.9 !important}.text-baseline{vertical-align:baseline !important}.text-break{word-break:break-all !important}.text-underline{text-decoration:underline !important}.text-no-decoration{text-decoration:none !important}.unset{all:unset}a.unset,button.unset{cursor:pointer}.qas-actions-menu__list{width:265px;z-index:1}.qas-app-bar__toolbar{height:70px}.qas-app-bar__brand{height:24px;margin-right:8px;position:relative;top:4px}.qas-app-bar__user{background-color:var(--qas-background-color);transition:background-color .3s cubic-bezier(0.25, 0.8, 0.5, 1)}.qas-app-bar__user:focus,.qas-app-bar__user:hover{background-color:rgba(255,255,255,.2)}.qas-app-bar__user-data{max-width:180px}.qas-app-bar__user-menu{width:260px}@media(max-width: 599px){.qas-app-bar__user-data{display:none}}.qas-alert{border-style:solid;border-width:0 10px}.q-expansion-item--expanded .q-item:not(.qas-app-menu--active.q-item){background-color:#fafafa}.qas-list-items .q-list>.q-item{padding:24px 16px}.qas-map__draw{height:300px !important;width:100%}.qas-nested-fields__actions{height:56px}.qas-signature-pad__canvas{border:1px solid rgba(0,0,0,.12)}.qas-table-generator .q-table th{font-weight:bold}.qas-table-generator--mobile{margin:0 -10px}.qas-table-generator--mobile .q-table{margin-left:10px}.qas-transfer__icon{transform:rotate(-90deg)}.qas-uploader__input{display:none}

package/dist/asteroid.esm.js

@@ -1,5 +1,5 @@
 /*!
-* @bildvitta/quasar-ui-asteroid v3.0.0
+* @bildvitta/quasar-ui-asteroid v3.1.0-beta.0
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
@@ -8,6 +8,7 @@ import { camelize, camelizeKeys, decamelize } from 'humps';
 import { parseISO, format, isMatch } from 'date-fns';
 import { ptBR } from 'date-fns/locale';
 import { copyToClipboard, date as date$1, Dialog as Dialog$1, Notify, Screen as Screen$1, Platform, Loading, extend, uid, createMetaMixin, QInfiniteScroll, Quasar } from 'quasar';
+import { getAction, getState, getGetter } from '@bildvitta/store-adapter';
 import { findLastIndex, isEqual, isEqualWith, isObject, castArray, sortBy } from 'lodash-es';
 import AutoNumeric from 'autonumeric';
 import Pica from 'pica';
@@ -2716,7 +2717,11 @@ var script$w = {
           `QasDelete - destroy -> Payload do parâmetro do ${this.entity}/destroy`, [payload]
         );
 
-        await this.$store.dispatch(`${this.entity}/destroy`, payload);
+        await getAction.call(this, {
+          entity: this.entity,
+          key: 'destroy',
+          payload
+        });
 
         NotifySuccess('Item deletado com sucesso!');
 
@@ -4791,7 +4796,7 @@ var script$m = {
     },
 
     fields () {
-      return this.$store.getters[`${this.entity}/filters`]
+      return getState.call(this, { entity: this.entity, key: 'filters' })
     },
 
     filterButtonColor () {
@@ -4807,7 +4812,7 @@ var script$m = {
     },
 
     hasFields () {
-      return !!Object.keys(this.fields).length
+      return !!Object.keys(this.fields || {}).length
     },
 
     hasSearch () {
@@ -4889,7 +4894,12 @@ var script$m = {
           [{ url: this.url }]
         );
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchFilters`, { url: this.url });
+        const response = await getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchFilters',
+          payload: { url: this.url }
+        });
+
         this.$emit('fetch-success', response);
 
         this.$qas.logger.group(
@@ -5301,6 +5311,10 @@ var script$l = {
       validator: value => {
         return typeof value === 'boolean' || ['xs', 'sm', 'md', 'lg', 'xl'].includes(value)
       }
+    },
+
+    disable: {
+      type: Boolean
     }
   },
 
@@ -5422,12 +5436,12 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
                 class: normalizeClass(_ctx.mx_getFieldClass(key))
               }, [
                 renderSlot(_ctx.$slots, `field-${field.name}`, { field: field }, () => [
-                  createVNode(_component_qas_field, mergeProps($props.fieldsProps[field.name], {
+                  createVNode(_component_qas_field, 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 +5449,11 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
           (openBlock(true), createElementBlock(Fragment, null, renderList(fieldsetItem.fields.hidden, (field, key) => {
             return (openBlock(), createElementBlock("div", { key: key }, [
               renderSlot(_ctx.$slots, `field-${field.name}`, { field: field }, () => [
-                createVNode(_component_qas_field, mergeProps($props.fieldsProps[field.name], {
+                createVNode(_component_qas_field, 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 +5612,17 @@ var searchFilterMixin = {
 
         const { url, params, decamelizeFieldName } = this.mx_defaultLazyLoadingProps;
 
-        const { data } = await this.$store.dispatch(`${this.entity}/fetchFieldOptions`, {
-          url,
-          field: decamelizeFieldName ? decamelize(this.name, { separator: '-' }) : this.name,
-          params: {
-            ...params,
-            search: this.mx_search,
-            offset: (this.mx_pagination.page - 1) * params.limit
+        const { data } = await getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchFieldOptions',
+          payload: {
+            url,
+            field: decamelizeFieldName ? decamelize(this.name, { separator: '-' }) : this.name,
+            params: {
+              ...params,
+              search: this.mx_search,
+              offset: (this.mx_pagination.page - 1) * params.limit
+            }
           }
         });
 
@@ -6040,7 +6058,11 @@ var script$k = {
           `QasFormView - fetchSingle -> payload do parâmetro do ${this.entity}/fetchSingle`, [payload]
         );
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchSingle`, payload);
+        const response = await getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchSingle',
+          payload
+        });
 
         const { errors, fields, metadata, result } = response.data;
 
@@ -6175,7 +6197,11 @@ var script$k = {
           `QasFormView - submit -> payload do ${this.entity}/${this.mode}`, [payload]
         );
 
-        const response = await this.$store.dispatch(`${this.entity}/${this.mode}`, payload);
+        const response = await getAction.call(this, {
+          entity: this.entity,
+          key: this.mode,
+          payload
+        });
 
         if (this.useDialogOnUnsavedChanges) {
           this.cachedResult = extend(true, {}, this.modelValue);
@@ -7019,11 +7045,11 @@ var script$e = {
     },
 
     resultsModel () {
-      return this.$store.getters[`${this.entity}/list`]
+      return getState.call(this, { entity: this.entity, key: 'list' })
     },
 
     totalPages () {
-      return this.$store.getters[`${this.entity}/totalPages`]
+      return getState.call(this, { entity: this.entity, key: 'totalPages' })
     },
 
     showResults () {
@@ -7074,7 +7100,11 @@ var script$e = {
           `QasListView - fetchList -> Payload do parâmetro do ${this.entity}/fetchList`, [payload]
         );
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchList`, payload);
+        const response = await getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchList',
+          payload
+        });
 
         const { errors, fields, metadata } = response.data;
 
@@ -7379,6 +7409,11 @@ var script$c = {
       default: 'destroyed'
     },
 
+    disabledRows: {
+      type: [Array, Boolean],
+      default: false
+    },
+
     errors: {
       type: [Array, Object],
       default: () => ({})
@@ -7428,6 +7463,11 @@ var script$c = {
       default: () => ({})
     },
 
+    useAdd: {
+      type: Boolean,
+      default: true
+    },
+
     useAnimation: {
       type: Boolean,
       default: true
@@ -7601,6 +7641,22 @@ var script$c = {
       }
 
       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 +7677,10 @@ const _hoisted_7 = {
 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 +7728,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
                               label: $options.getRowLabel(index)
                             }, null, 8 /* PROPS */, ["label"]))
                           : createCommentVNode("v-if", true),
-                        (!$props.useInlineActions)
+                        ($options.hasBlockActions(row))
                           ? (openBlock(), createElementBlock("div", _hoisted_6, [
                               ($props.useDuplicate)
                                 ? (openBlock(), createBlock(_component_qas_btn, mergeProps({ key: 0 }, $props.buttonDuplicateProps, {
@@ -7700,6 +7759,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
                             "onUpdate:modelValue": [$event => (($data.nested[index]) = $event), $event => ($options.updateValuesFromInput($event, index))],
                             class: normalizeClass($options.formClasses),
                             columns: $props.formColumns,
+                            disable: $options.isDisabledRow(row),
                             errors: $options.transformedErrors[index],
                             fields: $options.children,
                             "fields-props": $props.fieldsProps
@@ -7709,15 +7769,16 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
                                 name: key,
                                 fn: withCtx((scope) => [
                                   renderSlot(_ctx.$slots, key, 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))
                           ? (openBlock(), createElementBlock("div", _hoisted_7, [
                               createElementVNode("div", _hoisted_8, [
                                 ($props.useDuplicate)
@@ -7762,47 +7823,49 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 3 /* FORWARDED */
       }, 16 /* FULL_PROPS */)),
-      createElementVNode("div", _hoisted_11, [
-        renderSlot(_ctx.$slots, "add-input", { add: $options.add }, () => [
-          ($props.useInlineActions)
-            ? (openBlock(), 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()))
-              }, [
-                createElementVNode("div", _hoisted_12, [
-                  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"])
-                ]),
-                createElementVNode("div", _hoisted_13, [
-                  createVNode(_component_qas_btn, {
-                    color: "green",
-                    flat: "",
-                    icon: "o_add_circle_outline",
-                    round: ""
-                  })
-                ])
-              ]))
-            : (openBlock(), createElementBlock("div", _hoisted_14, [
-                createVNode(_component_qas_btn, {
-                  class: "full-width q-py-md",
-                  icon: "o_add",
-                  outline: "",
-                  onClick: _cache[2] || (_cache[2] = $event => ($options.add()))
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString($props.addInputLabel), 1 /* TEXT */)
-                  ]),
-                  _: 1 /* STABLE */
-                })
-              ]))
-        ])
-      ])
+      ($props.useAdd)
+        ? (openBlock(), createElementBlock("div", _hoisted_11, [
+            renderSlot(_ctx.$slots, "add-input", { add: $options.add }, () => [
+              ($props.useInlineActions)
+                ? (openBlock(), 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()))
+                  }, [
+                    createElementVNode("div", _hoisted_12, [
+                      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"])
+                    ]),
+                    createElementVNode("div", _hoisted_13, [
+                      createVNode(_component_qas_btn, {
+                        color: "green",
+                        flat: "",
+                        icon: "o_add_circle_outline",
+                        round: ""
+                      })
+                    ])
+                  ]))
+                : (openBlock(), createElementBlock("div", _hoisted_14, [
+                    createVNode(_component_qas_btn, {
+                      class: "full-width q-py-md",
+                      icon: "o_add",
+                      outline: "",
+                      onClick: _cache[2] || (_cache[2] = $event => ($options.add()))
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString($props.addInputLabel), 1 /* TEXT */)
+                      ]),
+                      _: 1 /* STABLE */
+                    })
+                  ]))
+            ])
+          ]))
+        : createCommentVNode("v-if", true)
     ], 512 /* NEED_PATCH */)
   ], 8 /* PROPS */, _hoisted_1$9))
 }
@@ -8951,7 +9014,7 @@ var script$5 = {
     },
 
     resultModel () {
-      return this.$store.getters[`${this.entity}/byId`](this.id) || {}
+      return getGetter.call(this, { entity: this.entity, key: 'byId' })(this.id) || {}
     }
   },
 
@@ -8983,7 +9046,11 @@ var script$5 = {
           [payload]
         );
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchSingle`, payload);
+        const response = await getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchSingle',
+          payload
+        });
 
         const { errors, fields, metadata } = response.data;
 
@@ -9174,9 +9241,13 @@ var script$4 = {
       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 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 +10134,7 @@ script.__file = "src/components/transfer/QasTransfer.vue";
 
 var name = "@bildvitta/quasar-ui-asteroid";
 var description = "Asteroid";
-var version$1 = "3.0.0";
+var version$1 = "3.1.0-beta.0";
 var author = "Bild & Vitta <systemteam@bild.com.br>";
 var license = "MIT";
 var main = "dist/asteroid.cjs.min.js";
@@ -10107,6 +10178,7 @@ var devDependencies = {
 	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",