@bildvitta/quasar-ui-asteroid 3.0.0-beta.10 → 3.0.0-beta.11

package/dist/api/QasAppBar.json

@@ -4,10 +4,6 @@
     "desc": "Cria um seção para alertar sobre um conteúdo."
   },
   "props": {
-    "is-auth": {
-      "desc": "Controla se mostra ou não o menu de usuário.",
-      "type": "Boolean"
-    },
     "notifications": {
       "desc": "Ícone de notificação que fica ao lado do menu de usuário.",
       "type": "Object",

package/dist/api/QasCard.json

@@ -4,15 +4,6 @@
     "desc": "Componente de card."
   },
   "props": {
-    "image-position": {
-      "desc": "Posição da imagem \"background-position\".",
-      "default": "center",
-      "type": "String"
-    },
-    "form-mode": {
-      "desc": "Modo de formulário, altera o estilo quando está em uma pagina de formulário.",
-      "type": "Boolean"
-    },
     "gutter": {
       "desc": "Espaçamento dentro <q-card-section /> onde fica o slot \"default\".",
       "default": "sm",
@@ -30,6 +21,19 @@
       "default": [],
       "type": "Array"
     },
+    "image-position": {
+      "desc": "Posição da imagem \"background-position\".",
+      "default": "center",
+      "type": "String"
+    },
+    "outlined": {
+      "desc": "Insere uma borda sólida em volta do componente.",
+      "type": "Boolean"
+    },
+    "unelevated": {
+      "desc": "Remove a sombra do componente.",
+      "type": "Boolean"
+    },
     "use-header": {
       "desc": "Controla se vai ter ou não o header com carousel.",
       "type": "Boolean"

package/dist/asteroid.cjs.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-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;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-uploader__input{display:none}.qas-transfer__icon{transform:rotate(-90deg)}
+@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-alert{border-style:solid;border-width:0 10px}.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-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;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.cjs.js

@@ -1,5 +1,5 @@
 /*!
-* @bildvitta/quasar-ui-asteroid v3.0.0-beta.10
+* @bildvitta/quasar-ui-asteroid v3.0.0-beta.11
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
@@ -2005,7 +2005,7 @@ var script$z = {
   },
 
   watch: {
-    value (current, original) {
+    modelValue (current, original) {
       if (!current || this.useTimeOnly) {
         this.currentValue = current;
         return
@@ -2433,6 +2433,51 @@ var Dialog = (componentProps = {}) => {
   });
 };
 
+var Logger = () => {
+  const isDebugEnabled = process.env.DEBUGGING;
+
+  const normalizeMessage = msg => `%c ${msg}`;
+  const getStyle = isError => (
+    `
+      background: ${isError ? '#C10015 ' : '#1976d2'};
+      font-weight: bold;
+      color: white;
+      padding: 6px 20px;
+      border-radius: 4px;
+      display: block;
+      width: 100%;
+      font-size: 12px;
+    `
+  );
+
+  return {
+    group (message, payload = [], { error } = {}) {
+      if (!isDebugEnabled) return
+
+      console.group(normalizeMessage(message), getStyle(error));
+
+      for (const item of payload) {
+        if (typeof item === 'string') {
+          console.info(normalizeMessage(item), getStyle(error));
+          continue
+        }
+
+        console.table(item);
+      }
+
+      console.groupEnd();
+    },
+
+    info (message) {
+      isDebugEnabled && console.info(normalizeMessage(message), getStyle());
+    },
+
+    error (message) {
+      isDebugEnabled && console.info(normalizeMessage(message), getStyle(true));
+    }
+  }
+};
+
 quasar.Notify.registerType('error', {
   color: 'negative',
   progress: true
@@ -2619,7 +2664,13 @@ var script$w = {
       try {
         const { destroyRoutes, history } = useHistory();
 
-        await this.$store.dispatch(`${this.entity}/destroy`, { id: this.id, url: this.url });
+        const payload = { id: this.id, url: this.url };
+
+        this.$qas.logger.group(
+          `QasDelete - destroy -> Payload do parâmetro do ${this.entity}/destroy`, [payload]
+        );
+
+        await this.$store.dispatch(`${this.entity}/destroy`, payload);
 
         NotifySuccess('Item deletado com sucesso!');
 
@@ -2633,9 +2684,17 @@ var script$w = {
         this.createDeleteSuccessEvent();
 
         this.$emit('success');
+
+        this.$qas.logger.info('QasDelete - destroy -> item deletado com sucesso!');
       } catch (error) {
         NotifyError('Ops! Não foi possível deletar o item.');
         this.$emit('error', error);
+
+        this.$qas.logger.group(
+          `QasDelete - destroy -> exceção da action ${this.entity}/destroy`,
+          [error],
+          { error: true }
+        );
       } finally {
         quasar.Loading.hide();
         this.$emit('update:deleting', false);
@@ -3602,6 +3661,8 @@ var script$q = {
       );
 
       this.updateUploading(false);
+
+      this.$qas.logger.group('QasUploader - uploaded', [this.modelValue]);
     },
 
     async fetchCredentials (filename) {
@@ -3612,6 +3673,12 @@ var script$q = {
           entity: this.entity,
           filename
         });
+
+        this.$qas.logger.group(
+          'QasUploader - fetchCredentials -> resposta de /upload-credentials/',
+          [data]
+        );
+
         return data
       } finally {
         this.isFetching = false;
@@ -3631,7 +3698,9 @@ var script$q = {
 
       const clonedValue = quasar.extend(true, [], this.modelValue);
       const numberIndex = this.modelValue.findIndex(file => this.getFileName(file) === index);
+
       clonedValue.splice(numberIndex, 1);
+
       this.$emit('update:modelValue', clonedValue);
     },
 
@@ -3640,7 +3709,9 @@ var script$q = {
     },
 
     getFilesList (uploadedFiles) {
-      const pathsList = Array.isArray(this.modelValue) ? this.modelValue : (this.modelValue ? [this.modelValue] : []);
+      const pathsList = Array.isArray(this.modelValue)
+        ? this.modelValue
+        : (this.modelValue ? [this.modelValue] : []);
 
       uploadedFiles = uploadedFiles.map((file, indexToDelete) => {
         return {
@@ -3676,6 +3747,8 @@ var script$q = {
         }
       });
 
+      this.$qas.logger.group('QasUploader - getFilesList', [files]);
+
       return files
     },
 
@@ -3714,7 +3787,14 @@ var script$q = {
         // Retorna largura e altura da original da imagem
         const { width, height } = await getImageSize(image);
 
-        if (width <= this.sizeLimit) return file
+        if (width <= this.sizeLimit) {
+          this.$qas.logger.info(`
+            QasUploader - resizeImage -> Tamanho da imagem menor que o tamanho limite,
+            sendo assim, não faz o resize
+          `);
+
+          return file
+        }
 
         // Retorna os novos tamanhos redimensionados
         const resizedDimensions = getResizeDimensions(this.sizeLimit, width, height);
@@ -3732,7 +3812,11 @@ var script$q = {
         const resizedImage = await pica.resize(image, canvas, this.defaultPicaResizeOptions);
         const blob = await pica.toBlob(resizedImage, type, 0.90);
 
-        return new File([blob], file.name, { type })
+        const newFile = new File([blob], file.name, { type });
+
+        this.$qas.logger.group('QasUploader - resizeImage -> nova imagem', [newFile]);
+
+        return newFile
       } catch {
         // Caso não consiga redimensionar retorna o arquivo original
         return file
@@ -4714,11 +4798,26 @@ var script$m = {
       this.isFetching = true;
 
       try {
+        this.$qas.logger.group(
+          `QasFilters - fetchFilters -> Payload do parâmetro do ${this.entity}/fetchFilters`,
+          [{ url: this.url }]
+        );
+
         const response = await this.$store.dispatch(`${this.entity}/fetchFilters`, { url: this.url });
         this.$emit('fetch-success', response);
+
+        this.$qas.logger.group(
+          `QasFilters - fetchFilters -> resposta da action ${this.entity}/fetchFilters`, [response]
+        );
       } catch (error) {
         this.hasFetchError = true;
         this.$emit('fetch-error', error);
+
+        this.$qas.logger.group(
+          `QasFilters - fetchFilters -> exceção da action ${this.entity}/fetchFilters`,
+          [error],
+          { error: true }
+        );
       } finally {
         this.isFetching = false;
       }
@@ -4802,7 +4901,7 @@ const _hoisted_7$2 = {
 
 function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_qas_btn = vue.resolveComponent("qas-btn");
-  const _component_q_input = vue.resolveComponent("q-input");
+  const _component_qas_input = vue.resolveComponent("qas-input");
   const _component_q_form = vue.resolveComponent("q-form");
   const _component_q_spinner = vue.resolveComponent("q-spinner");
   const _component_q_icon = vue.resolveComponent("q-icon");
@@ -4822,11 +4921,13 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                         onSubmit: _cache[2] || (_cache[2] = vue.withModifiers($event => ($options.filter()), ["prevent"]))
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createVNode(_component_q_input, {
+                          vue.createVNode(_component_qas_input, {
                             modelValue: $data.search,
                             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.search) = $event)),
                             debounce: $options.debounce,
                             dense: "",
+                            "hide-bottom-space": "",
+                            outlined: false,
                             placeholder: $props.searchPlaceholder,
                             type: "search"
                           }, {
@@ -5454,8 +5555,10 @@ var script$k = {
   },
 
   created () {
-    vueRouter.onBeforeRouteLeave(this.beforeRouteLeave);
+    this.useDialogOnUnsavedChanges && vueRouter.onBeforeRouteLeave(this.beforeRouteLeave);
+
     window.addEventListener('delete-success', this.setIgnoreRouterGuard);
+
     this.fetch();
   },
 
@@ -5486,6 +5589,11 @@ var script$k = {
         return next()
       }
 
+      this.$qas.logger.group(
+        'QasFormView - beforeRouteLeave -> dialog chamado, modelValue diferente do cachedResult',
+        [{ modelValue: clonedModelValue, cachedResult: clonedCachedResult }]
+      );
+
       this.handleDialog(() => {
         this.ignoreRouterGuard = true;
         next();
@@ -5500,10 +5608,14 @@ var script$k = {
       this.mx_isFetching = true;
 
       try {
-        const response = await this.$store.dispatch(
-          `${this.entity}/fetchSingle`, { form: true, id: this.id, params, url: this.fetchURL }
+        const payload = { form: true, id: this.id, params, url: this.fetchURL };
+
+        this.$qas.logger.group(
+          `QasFormView - fetch -> payload do parâmetro do ${this.entity}/fetchSingle`, [payload]
         );
 
+        const response = await this.$store.dispatch(`${this.entity}/fetchSingle`, payload);
+
         const { errors, fields, metadata, result } = response.data;
 
         this.mx_setErrors(errors);
@@ -5516,20 +5628,36 @@ var script$k = {
           metadata
         });
 
+        this.$qas.logger.group(
+          `QasFormView - fetch -> resposta da action ${this.entity}/fetchSingle`, [response]
+        );
+
         if (result) {
           this.hasResult = true;
 
           this.$nextTick(() => {
-            this.$emit('update:modelValue', { ...this.modelValue, ...result });
+            const modelValue = { ...this.modelValue, ...result };
+
+            this.$emit('update:modelValue', modelValue);
+
+            this.$qas.logger.group('QasFormView - fetch -> modelValue', [modelValue]);
           });
 
           this.cachedResult = this.useDialogOnUnsavedChanges && quasar.extend(true, {}, result);
+
+          this.$qas.logger.group('QasFormView - fetch -> cachedResult', [this.cachedResult]);
         }
 
         this.$emit('fetch-success', response, this.modelValue);
       } catch (error) {
         this.mx_fetchError(error);
         this.$emit('fetch-error', error);
+
+        this.$qas.logger.group(
+          `QasFormView - fetch -> exceção da action ${this.entity}/fetchSingle`,
+          [error],
+          { error: true }
+        );
       } finally {
         this.mx_isFetching = false;
       }
@@ -5595,11 +5723,14 @@ var script$k = {
       this.isSubmitting = true;
 
       try {
-        const response = await this.$store.dispatch(
-          `${this.entity}/${this.mode}`,
-          { id: this.id, payload: this.modelValue, url: this.url }
+        const payload = { id: this.id, payload: this.modelValue, url: this.url };
+
+        this.$qas.logger.group(
+          `QasFormView - submit -> payload do ${this.entity}/${this.mode}`, [payload]
         );
 
+        const response = await this.$store.dispatch(`${this.entity}/${this.mode}`, payload);
+
         if (this.useDialogOnUnsavedChanges) {
           this.cachedResult = quasar.extend(true, {}, this.modelValue);
         }
@@ -5607,11 +5738,18 @@ var script$k = {
         this.mx_setErrors();
         NotifySuccess(response.data.status.text || 'Item salvo com sucesso!');
         this.$emit('submit-success', response, this.modelValue);
+
+        this.$qas.logger.group(
+          `QasFormView - submit -> resposta da action ${this.entity}/${this.mode}`, [response]
+        );
       } catch (error) {
         const errors = error?.response?.data?.errors;
         const message = error?.response?.data?.status?.text;
         const exceptionResponse = error?.response?.data?.exception;
-        const exception = errors ? 'Existem erros de validação no formulário.' : exceptionResponse || error.message;
+
+        const exception = errors
+          ? 'Existem erros de validação no formulário.'
+          : exceptionResponse || error.message;
 
         this.mx_setErrors(errors);
         this.$emit('update:errors', this.mx_errors);
@@ -5619,6 +5757,12 @@ var script$k = {
         NotifyError(message || 'Ops! Erro ao salvar item.', exception);
 
         this.$emit('submit-error', error);
+
+        this.$qas.logger.group(
+          `QasFormView - fetch -> exceção da action ${this.entity}/${this.mode}`,
+          [error],
+          { error: true }
+        );
       } finally {
         this.isSubmitting = false;
       }
@@ -6013,6 +6157,11 @@ var script$i = {
   computed: {
     formattedFields () {
       if (this.useEmptyResult) {
+        this.$qas.logger.group(
+          'QasGridGenerator - formattedFields -> this.useEmptyResult tem valor "true"',
+          [this.fields]
+        );
+
         return this.fields
       }
 
@@ -6030,6 +6179,8 @@ var script$i = {
         }
       }
 
+      this.$qas.logger.group('QasGridGenerator - formattedFields', [fields]);
+
       return fields
     },
 
@@ -6045,11 +6196,19 @@ var script$i = {
 
       for (const key in result) {
         if (this.formattedFields[key]?.type) {
-          formattedResult[key] = humanize(this.formattedFields[key], result[key]) || this.emptyResultText;
-          this.slotValue[key] = { ...this.formattedFields[key], formattedResult: formattedResult[key] };
+          formattedResult[key] = (
+            humanize(this.formattedFields[key], result[key]) || this.emptyResultText
+          );
+
+          this.slotValue[key] = {
+            ...this.formattedFields[key],
+            formattedResult: formattedResult[key]
+          };
         }
       }
 
+      this.$qas.logger.group('QasGridGenerator - getResultsByFields', [formattedResult]);
+
       return formattedResult
     }
   }
@@ -6448,15 +6607,18 @@ var script$e = {
       const hasFilters = !!Object.keys(filters).length;
 
       try {
-        const response = await this.$store.dispatch(
-          `${this.entity}/fetchList`,
-          {
-            ...this.mx_context,
-            url: this.url,
-            ...(hasFilters && { filters })
-          }
+        const payload = {
+          ...this.mx_context,
+          url: this.url,
+          ...(hasFilters && { filters })
+        };
+
+        this.$qas.logger.group(
+          `QasListView - fetchList -> Payload do parâmetro do ${this.entity}/fetchList`, [payload]
         );
 
+        const response = await this.$store.dispatch(`${this.entity}/fetchList`, payload);
+
         const { errors, fields, metadata } = response.data;
 
         this.mx_setErrors(errors);
@@ -6470,10 +6632,20 @@ var script$e = {
         });
 
         this.$emit('fetch-success', response);
+
+        this.$qas.logger.group(
+          `QasListView - fetchSingle -> resposta da action ${this.entity}/fetchList`, [response]
+        );
       } catch (error) {
         this.mx_fetchError(error);
         this.$emit('update:errors', error);
         this.$emit('fetch-error', error);
+
+        this.$qas.logger.group(
+          `QasListView - fetchSingle -> exceção da action ${this.entity}/fetchList`,
+          [error],
+          { error: true }
+        );
       } finally {
         this.mx_isFetching = false;
       }
@@ -6906,13 +7078,17 @@ var script$c = {
 
   methods: {
     add (row = {}) {
-      this.nested.push({ ...this.rowObject, ...row });
+      const payload = { ...this.rowObject, ...row };
+
+      this.nested.push(payload);
 
       this.$nextTick(() => {
         this.useAnimation && this.setScroll();
         this.setFocus();
       });
 
+      this.$qas.logger.group('QasNestedFields - add', [payload]);
+
       return this.updateModelValue()
     },
 
@@ -6932,6 +7108,8 @@ var script$c = {
         ? this.nested.splice(index, 1)
         : this.nested.splice(index, 1, { [this.destroyKey]: true, ...row });
 
+      this.$qas.logger.group('QasNestedFields - destroy', [{ index, row }]);
+
       return this.updateModelValue()
     },
 
@@ -7676,17 +7854,17 @@ const _hoisted_2$3 = /*#__PURE__*/vue.createElementVNode("div", null, "Não há
 
 function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_icon = vue.resolveComponent("q-icon");
-  const _component_q_input = vue.resolveComponent("q-input");
+  const _component_qas_input = vue.resolveComponent("qas-input");
   const _component_qas_box = vue.resolveComponent("qas-box");
 
   return (vue.openBlock(), vue.createBlock(_component_qas_box, null, {
     default: vue.withCtx(() => [
-      vue.createVNode(_component_q_input, {
+      vue.createVNode(_component_qas_input, {
         modelValue: $data.search,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.search) = $event)),
         clearable: "",
         disable: !$props.list.length,
-        outlined: "",
+        "hide-bottom-space": "",
         placeholder: $props.placeholder
       }, {
         append: vue.withCtx(() => [
@@ -8196,11 +8374,15 @@ var script$5 = {
       this.mx_isFetching = true;
 
       try {
-        const response = await this.$store.dispatch(
-          `${this.entity}/fetchSingle`,
-          { id: this.id, url: this.url, params }
+        const payload = { id: this.id, url: this.url, params };
+
+        this.$qas.logger.group(
+          `QasSingleView - fetchSingle -> payload do parâmetro do ${this.entity}/fetchSingle`,
+          [payload]
         );
 
+        const response = await this.$store.dispatch(`${this.entity}/fetchSingle`, payload);
+
         const { errors, fields, metadata } = response.data;
 
         this.mx_setErrors(errors);
@@ -8213,10 +8395,20 @@ var script$5 = {
           metadata: this.mx_metadata
         });
 
+        this.$qas.logger.group(
+          `QasSingleView - fetchSingle -> resposta da action ${this.entity}/fetchSingle`, [response]
+        );
+
         this.$emit('fetch-success', response);
       } catch (error) {
         this.mx_fetchError(error);
         this.$emit('fetch-error', error);
+
+        this.$qas.logger.group(
+          `QasSingleView - fetchSingle -> exceção da action ${this.entity}/fetchSingle`,
+          [error],
+          { error: true }
+        );
       } finally {
         this.mx_isFetching = false;
       }
@@ -8508,6 +8700,8 @@ var script$3 = {
           columnByField(this.fields[index]);
         }
 
+        this.$qas.logger.group('QasTableGenerator - Automatic columns', [columns]);
+
         return columns
       }
 
@@ -8520,6 +8714,8 @@ var script$3 = {
         }
       });
 
+      this.$qas.logger.group('QasTableGenerator - columns', [columns]);
+
       return columns
     },
 
@@ -8536,16 +8732,22 @@ var script$3 = {
     },
 
     resultsByFields () {
+      if (!Object.keys(this.fields).length) return []
+
       const results = quasar.extend(true, [], this.results);
 
-      return results.map((result, index) => {
+      const mappedResults = results.map((result, index) => {
         for (const key in result) {
           result.default = this.results[index];
           result[key] = humanize(this.fields[key], result[key]) || this.emptyResultText;
         }
 
         return result
-      })
+      });
+
+      this.$qas.logger.group('QasTableGenerator - resultsByFields', [mappedResults]);
+
+      return mappedResults
     },
 
     rowsPerPage () {
@@ -9259,7 +9461,7 @@ script.__file = "src/components/transfer/QasTransfer.vue";
 
 var name = "@bildvitta/quasar-ui-asteroid";
 var description = "Asteroid";
-var version$1 = "3.0.0-beta.10";
+var version$1 = "3.0.0-beta.11";
 var author = "Bild & Vitta <systemteam@bild.com.br>";
 var license = "MIT";
 var main = "dist/asteroid.cjs.min.js";
@@ -9415,14 +9617,16 @@ function install (app) {
   app.config.globalProperties.$qas = {
     dialog: Dialog,
     error: NotifyError,
-    success: NotifySuccess,
-    screen: Screen()
+    logger: Logger(),
+    screen: Screen(),
+    success: NotifySuccess
   };
 
   app.directive(Test.name, Test);
 }
 
 exports.Dialog = Dialog;
+exports.Logger = Logger;
 exports.NotifyError = NotifyError;
 exports.NotifySuccess = NotifySuccess;
 exports.QasActions = script$L;