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

package/dist/asteroid.esm.js

@@ -1,5 +1,5 @@
 /*!
-* @bildvitta/quasar-ui-asteroid v3.0.0-beta.10
+* @bildvitta/quasar-ui-asteroid v3.0.0-beta.13
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
@@ -7,7 +7,7 @@ import { openBlock, createElementBlock, normalizeClass, createElementVNode, rend
 import { camelize, camelizeKeys } 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, Quasar } from 'quasar';
+import { copyToClipboard, date as date$1, Dialog as Dialog$1, Notify, Screen as Screen$1, Platform, Loading, extend, uid, createMetaMixin, Quasar } from 'quasar';
 import { findLastIndex, isEqual, isEqualWith, isObject, castArray, sortBy } from 'lodash-es';
 import AutoNumeric from 'autonumeric';
 import Pica from 'pica';
@@ -461,6 +461,20 @@ function getGreatestCommonDivisor (first, second) {
   return first
 }
 
+function camelizeFieldsName (fields) {
+  for (const field in fields) {
+    const currentField = fields[field];
+
+    currentField.name = camelize(currentField.name);
+
+    if (Object.keys(currentField.children || {}).length) {
+      camelizeFieldsName(currentField.children);
+    }
+  }
+
+  return fields
+}
+
 // Private
 function __format (value, token, options = {}) {
   if (!value) {
@@ -1992,7 +2006,7 @@ var script$z = {
   },
 
   watch: {
-    value (current, original) {
+    modelValue (current, original) {
       if (!current || this.useTimeOnly) {
         this.currentValue = current;
         return
@@ -2420,6 +2434,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.groupCollapsed(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));
+    }
+  }
+};
+
 Notify.registerType('error', {
   color: 'negative',
   progress: true
@@ -2606,7 +2665,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!');
 
@@ -2620,9 +2685,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 {
         Loading.hide();
         this.$emit('update:deleting', false);
@@ -2871,7 +2944,7 @@ var script$u = {
 
   watch: {
     mask () {
-      const input = this.inputReference.$el?.querySelector('input');
+      const input = this.getInput();
 
       requestAnimationFrame(() => {
         input.selectionStart = input.value ? input.value.length : '';
@@ -2905,12 +2978,30 @@ var script$u = {
     },
 
     toggleMask (first, second) {
+      if (!this.modelValue.length) return
+
       const length = first.split('#').length - 2;
       return this.modelValue?.length > length ? second : first
     },
 
     validate (value) {
       return this.inputReference.validate(value)
+    },
+
+    onPaste (event) {
+      if (!this.mask) return
+
+      const value = event.clipboardData.getData('text');
+      const input = this.getInput();
+
+      requestAnimationFrame(() => {
+        this.$emit('update:modelValue', value);
+        input.selectionStart = input.value ? input.value.length : '';
+      });
+    },
+
+    getInput () {
+      return this.inputReference.$el?.querySelector('input')
     }
   }
 };
@@ -2929,7 +3020,8 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
       "error-message": _ctx.errorMessageData,
       mask: $options.mask,
       outlined: $props.outlined,
-      "unmasked-value": $props.unmaskedValue
+      "unmasked-value": $props.unmaskedValue,
+      onPaste: $options.onPaste
     }), createSlots({ _: 2 /* DYNAMIC */ }, [
       renderList(_ctx.$slots, (_, name) => {
         return {
@@ -2939,7 +3031,7 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         }
       })
-    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "error", "error-message", "mask", "outlined", "unmasked-value"])
+    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "error", "error-message", "mask", "outlined", "unmasked-value", "onPaste"])
   ]))
 }
 
@@ -3589,6 +3681,8 @@ var script$q = {
       );
 
       this.updateUploading(false);
+
+      this.$qas.logger.group('QasUploader - uploaded', [this.modelValue]);
     },
 
     async fetchCredentials (filename) {
@@ -3599,6 +3693,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;
@@ -3618,7 +3718,9 @@ var script$q = {
 
       const clonedValue = extend(true, [], this.modelValue);
       const numberIndex = this.modelValue.findIndex(file => this.getFileName(file) === index);
+
       clonedValue.splice(numberIndex, 1);
+
       this.$emit('update:modelValue', clonedValue);
     },
 
@@ -3627,7 +3729,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 {
@@ -3663,6 +3767,8 @@ var script$q = {
         }
       });
 
+      this.$qas.logger.group('QasUploader - getFilesList', [files]);
+
       return files
     },
 
@@ -3701,7 +3807,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);
@@ -3719,7 +3832,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
@@ -4701,11 +4818,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;
       }
@@ -4789,7 +4921,7 @@ const _hoisted_7$2 = {
 
 function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_qas_btn = resolveComponent("qas-btn");
-  const _component_q_input = resolveComponent("q-input");
+  const _component_qas_input = resolveComponent("qas-input");
   const _component_q_form = resolveComponent("q-form");
   const _component_q_spinner = resolveComponent("q-spinner");
   const _component_q_icon = resolveComponent("q-icon");
@@ -4809,11 +4941,13 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                         onSubmit: _cache[2] || (_cache[2] = withModifiers($event => ($options.filter()), ["prevent"]))
                       }, {
                         default: withCtx(() => [
-                          createVNode(_component_q_input, {
+                          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"
                           }, {
@@ -4821,6 +4955,8 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                               ($options.hasSearch)
                                 ? (openBlock(), createBlock(_component_qas_btn, {
                                     key: 0,
+                                    color: "grey-9",
+                                    flat: "",
                                     icon: "o_clear",
                                     unelevated: "",
                                     onClick: $options.clearSearch
@@ -4829,6 +4965,8 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                               (!$options.debounce)
                                 ? (openBlock(), createBlock(_component_qas_btn, {
                                     key: 1,
+                                    color: "grey-9",
+                                    flat: "",
                                     icon: "o_search",
                                     type: "submit",
                                     unelevated: "",
@@ -5254,11 +5392,9 @@ var viewMixin = {
     },
 
     mx_setFields (fields = {}) {
-      for (const field in fields) {
-        fields[field].name = camelize(fields[field].name);
-      }
+      const camelizedFields = camelizeFieldsName(fields);
 
-      this.mx_fields = markRaw(fields);
+      this.mx_fields = markRaw(camelizedFields);
     },
 
     mx_setMetadata (metadata = {}) {
@@ -5441,8 +5577,10 @@ var script$k = {
   },
 
   created () {
-    onBeforeRouteLeave(this.beforeRouteLeave);
+    this.useDialogOnUnsavedChanges && onBeforeRouteLeave(this.beforeRouteLeave);
+
     window.addEventListener('delete-success', this.setIgnoreRouterGuard);
+
     this.fetch();
   },
 
@@ -5473,6 +5611,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();
@@ -5487,10 +5630,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);
@@ -5503,20 +5650,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 && 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;
       }
@@ -5582,11 +5745,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 = extend(true, {}, this.modelValue);
         }
@@ -5594,11 +5760,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);
@@ -5606,6 +5779,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;
       }
@@ -6000,6 +6179,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
       }
 
@@ -6017,6 +6201,8 @@ var script$i = {
         }
       }
 
+      this.$qas.logger.group('QasGridGenerator - formattedFields', [fields]);
+
       return fields
     },
 
@@ -6032,11 +6218,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
     }
   }
@@ -6435,15 +6629,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);
@@ -6457,10 +6654,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;
       }
@@ -6836,13 +7043,7 @@ var script$c = {
     },
 
     children () {
-      const field = extend(true, {}, this.field);
-
-      for (const key in field?.children) {
-        field.children[key].name = camelize(field?.children[key].name);
-      }
-
-      return field?.children
+      return this.field?.children
     },
 
     showDestroyBtn () {
@@ -6893,13 +7094,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()
     },
 
@@ -6919,6 +7124,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()
     },
 
@@ -7164,6 +7371,14 @@ const { hasPreviousRoute, history: history$1, getPreviousRoute } = useHistory();
 var script$b = {
   name: 'QasPageHeader',
 
+  mixins: [
+    createMetaMixin(function () {
+      return {
+        title: this.title
+      }
+    })
+  ],
+
   props: {
     breadcrumbs: {
       default: '',
@@ -7226,12 +7441,6 @@ var script$b = {
 
       return lastIndex === index ? 'text-grey-7' : 'text-primary'
     }
-  },
-
-  meta () {
-    return {
-      title: this.title
-    }
   }
 };
 
@@ -7663,17 +7872,17 @@ const _hoisted_2$3 = /*#__PURE__*/createElementVNode("div", null, "Não há resu
 
 function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_icon = resolveComponent("q-icon");
-  const _component_q_input = resolveComponent("q-input");
+  const _component_qas_input = resolveComponent("qas-input");
   const _component_qas_box = resolveComponent("qas-box");
 
   return (openBlock(), createBlock(_component_qas_box, null, {
     default: withCtx(() => [
-      createVNode(_component_q_input, {
+      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: withCtx(() => [
@@ -8183,11 +8392,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);
@@ -8200,10 +8413,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;
       }
@@ -8495,6 +8718,8 @@ var script$3 = {
           columnByField(this.fields[index]);
         }
 
+        this.$qas.logger.group('QasTableGenerator - Automatic columns', [columns]);
+
         return columns
       }
 
@@ -8507,6 +8732,8 @@ var script$3 = {
         }
       });
 
+      this.$qas.logger.group('QasTableGenerator - columns', [columns]);
+
       return columns
     },
 
@@ -8523,16 +8750,22 @@ var script$3 = {
     },
 
     resultsByFields () {
+      if (!Object.keys(this.fields).length) return []
+
       const results = 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 () {
@@ -9246,7 +9479,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.13";
 var author = "Bild & Vitta <systemteam@bild.com.br>";
 var license = "MIT";
 var main = "dist/asteroid.cjs.min.js";
@@ -9402,8 +9635,9 @@ 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);
@@ -9461,10 +9695,11 @@ var VuePlugin = /*#__PURE__*/Object.freeze({
   QasTransfer: script,
   QasUploader: script$q,
   Dialog: Dialog,
+  Logger: Logger,
   NotifyError: NotifyError,
   NotifySuccess: NotifySuccess,
   Screen: Screen,
   install: install
 });
 
-export { Dialog, NotifyError, NotifySuccess, script$L as QasActions, script$J as QasActionsMenu, script$H as QasAlert, script$F as QasAppBar, script$E as QasAppMenu, script$G as QasAvatar, script$D as QasBox, script$I as QasBreakline, script$K as QasBtn, script$C as QasCard, script$B as QasCheckboxGroup, script$A as QasCopy, script$z as QasDateTimeInput, script$y as QasDebugger, script$w as QasDelete, script$x as QasDialog, script$v as QasDialogRouter, script$n as QasField, script$m as QasFilters, script$l as QasFormGenerator, script$k as QasFormView, script$j as QasGallery, script$i as QasGridGenerator, script$u as QasInput, script$h as QasLabel, script$g as QasLayout, script$f as QasListItems, script$e as QasListView, script$d as QasMap, script$c as QasNestedFields, script$t as QasNumericInput, script$b as QasPageHeader, script$r as QasPasswordInput, script$s as QasPasswordStrengthChecker, script$a as QasProfile, script$9 as QasResizer, script$8 as QasSearchBox, script$7 as QasSelect, script$6 as QasSelectList, script$p as QasSignaturePad, script$o as QasSignatureUploader, script$5 as QasSingleView, script$4 as QasSortable, script$3 as QasTableGenerator, script$2 as QasTabsGenerator, script$1 as QasTextTruncate, script as QasTransfer, script$q as QasUploader, Screen, VuePlugin as default, install, version };
+export { Dialog, Logger, NotifyError, NotifySuccess, script$L as QasActions, script$J as QasActionsMenu, script$H as QasAlert, script$F as QasAppBar, script$E as QasAppMenu, script$G as QasAvatar, script$D as QasBox, script$I as QasBreakline, script$K as QasBtn, script$C as QasCard, script$B as QasCheckboxGroup, script$A as QasCopy, script$z as QasDateTimeInput, script$y as QasDebugger, script$w as QasDelete, script$x as QasDialog, script$v as QasDialogRouter, script$n as QasField, script$m as QasFilters, script$l as QasFormGenerator, script$k as QasFormView, script$j as QasGallery, script$i as QasGridGenerator, script$u as QasInput, script$h as QasLabel, script$g as QasLayout, script$f as QasListItems, script$e as QasListView, script$d as QasMap, script$c as QasNestedFields, script$t as QasNumericInput, script$b as QasPageHeader, script$r as QasPasswordInput, script$s as QasPasswordStrengthChecker, script$a as QasProfile, script$9 as QasResizer, script$8 as QasSearchBox, script$7 as QasSelect, script$6 as QasSelectList, script$p as QasSignaturePad, script$o as QasSignatureUploader, script$5 as QasSingleView, script$4 as QasSortable, script$3 as QasTableGenerator, script$2 as QasTabsGenerator, script$1 as QasTextTruncate, script as QasTransfer, script$q as QasUploader, Screen, VuePlugin as default, install, version };