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

package/dist/asteroid.esm.js

@@ -1,17 +1,16 @@
 /*!
-* @bildvitta/quasar-ui-asteroid v3.0.0-alpha.2
+* @bildvitta/quasar-ui-asteroid v3.0.0-beta.2
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
 import { camelize, camelizeKeys } from 'humps';
-import { markRaw, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, resolveComponent, createBlock, mergeProps, createSlots, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderList, normalizeProps, guardReactiveProps, createVNode, Fragment, resolveDynamicComponent, resolveDirective, withDirectives, vShow, withModifiers, reactive, normalizeStyle } from 'vue';
+import { markRaw, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, resolveComponent, createBlock, mergeProps, createSlots, withCtx, createCommentVNode, renderList, normalizeProps, guardReactiveProps, createVNode, Fragment, toDisplayString, resolveDynamicComponent, createTextVNode, resolveDirective, withDirectives, reactive, computed, vShow, normalizeStyle, withModifiers, TransitionGroup } from 'vue';
 import { parseISO, format, isMatch } from 'date-fns';
 import { ptBR } from 'date-fns/locale';
-import { copyToClipboard, date as date$1, Dialog as Dialog$1, Notify, 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, Quasar } from 'quasar';
+import { findLastIndex, isEqual, isEqualWith, isObject, castArray, sortBy } from 'lodash-es';
 import AutoNumeric from 'autonumeric';
 import Pica from 'pica';
-import api from 'axios';
-import { isEqual, findLastIndex, isEqualWith, isObject, castArray, sortBy } from 'lodash-es';
 import SignaturePad from 'signature_pad';
 import { onBeforeRouteLeave } from 'vue-router';
 import Fuse from 'fuse.js';
@@ -341,6 +340,8 @@ var viewMixin = {
 
     mx_updateModels (models) {
       for (const key in models) {
+        if (!models[key]) continue
+
         this.$emit(`update:${key}`, models[key]);
       }
     }
@@ -401,8 +402,6 @@ var script$K = {
 
   mixins: [screenMixin],
 
-  inheritAttrs: false,
-
   props: {
     hideLabelOnSmallScreen: {
       type: Boolean
@@ -412,7 +411,11 @@ var script$K = {
   computed: {
     attributes () {
       const { label, ...attributes } = this.$attrs;
-      return attributes
+
+      return {
+        ...(this.showLabel && { label }),
+        ...attributes
+      }
     },
 
     hasLabel () {
@@ -440,9 +443,7 @@ function render$K(_ctx, _cache, $props, $setup, $data, $options) {
   }, $options.attributes), createSlots({
     default: withCtx(() => [
       ($options.showLabel)
-        ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
-            createTextVNode(toDisplayString(_ctx.$attrs.label), 1 /* TEXT */)
-          ])
+        ? renderSlot(_ctx.$slots, "default", { key: 0 })
         : createCommentVNode("v-if", true)
     ]),
     _: 2 /* DYNAMIC */
@@ -540,10 +541,10 @@ function render$J(_ctx, _cache, $props, $setup, $data, $options) {
     "hide-label-on-small-screen": "",
     icon: $props.icon,
     label: $props.label,
-    outline: ""
+    outline: "",
+    padding: "md"
   }, {
     default: withCtx(() => [
-      createElementVNode("span", null, toDisplayString($props.label), 1 /* TEXT */),
       createVNode(_component_q_menu, { class: "qas-actions-menu__menu" }, {
         default: withCtx(() => [
           createVNode(_component_q_list, {
@@ -566,8 +567,8 @@ function render$J(_ctx, _cache, $props, $setup, $data, $options) {
                           createElementVNode("div", _hoisted_1$r, [
                             createVNode(_component_q_icon, {
                               name: item.icon,
-                              size: item.iconSize
-                            }, null, 8 /* PROPS */, ["name", "size"]),
+                              size: "sm"
+                            }, null, 8 /* PROPS */, ["name"]),
                             createElementVNode("div", null, toDisplayString(item.label), 1 /* TEXT */)
                           ])
                         ]),
@@ -589,7 +590,10 @@ function render$J(_ctx, _cache, $props, $setup, $data, $options) {
                       createVNode(_component_q_item_section, null, {
                         default: withCtx(() => [
                           createElementVNode("div", _hoisted_2$k, [
-                            createVNode(_component_q_icon, { name: $props.deleteIcon }, null, 8 /* PROPS */, ["name"]),
+                            createVNode(_component_q_icon, {
+                              name: $props.deleteIcon,
+                              size: "sm"
+                            }, null, 8 /* PROPS */, ["name"]),
                             createElementVNode("div", null, toDisplayString($props.deleteLabel), 1 /* TEXT */)
                           ])
                         ]),
@@ -750,11 +754,10 @@ function constructObject (name, object) {
 }
 
 /**
- * Function to filter specific field inside a fields
- * Função para filtrar propriedades espessificas dentro de um objeto
+ * Função para filtrar propriedades especificas dentro de um objeto
  *
  * @param {object} fields objeto com propriedades
- * @param {array} models array de string com nomes das proproiedades que serão filtradas
+ * @param {array} models array de string com nomes das propriedades que serão filtradas
  * @returns {object} objeto com propriedades filtradas
  *
  * @example
@@ -1334,7 +1337,7 @@ const _hoisted_10$1 = { class: "q-pa-lg text-center" };
 const _hoisted_11$1 = { class: "ellipsis q-mt-lg qs-lh-sm text-bold text-subtitle1" };
 const _hoisted_12$1 = { class: "ellipsis q-mt-xs text-caption" };
 const _hoisted_13$1 = { class: "q-mt-sm" };
-const _hoisted_14 = { class: "q-mt-sm" };
+const _hoisted_14$1 = { class: "q-mt-sm" };
 
 function render$F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_ajax_bar = resolveComponent("q-ajax-bar");
@@ -1480,7 +1483,7 @@ function render$F(_ctx, _cache, $props, $setup, $data, $options) {
                               to: $props.user.to
                             }, null, 8 /* PROPS */, ["to"])
                           ]),
-                          createElementVNode("div", _hoisted_14, [
+                          createElementVNode("div", _hoisted_14$1, [
                             withDirectives(createVNode(_component_qas_btn, {
                               class: "q-px-lg q-py-xs",
                               dense: "",
@@ -2623,12 +2626,12 @@ var script$x = {
       this.useForm && this.$emit('validate', await this.$refs.form.validate());
     },
 
-    // metodo para funcionar como plugin
+    // método para funcionar como plugin
     show () {
       this.$refs.dialog.show();
     },
 
-    // metodo para funcionar como plugin
+    // método para funcionar como plugin
     hide () {
       this.$refs.dialog.hide();
     },
@@ -2768,6 +2771,79 @@ var NotifySuccess = (message, caption) => {
   Notify?.create({ caption, message, type: 'success' });
 };
 
+var Screen = () => {
+  const screensModel = {
+    isSmall: () => Screen$1.xs,
+    isMedium: () => Screen$1.sm,
+    isLarge: () => Screen$1.gt.sm,
+    untilMedium: () => Screen$1.lt.sm,
+    untilLarge: () => Screen$1.lt.md,
+
+    // Plataforma
+    isMobile: () => Platform.is.mobile || false
+  };
+
+  const screens = {};
+
+  for (const key in screensModel) {
+    // infelizmente esta é a única forma que conseguimos para que nossa função se tornasse reativa na view
+    // é como o próprio quasar implementa
+    Object.defineProperty(screens, key, {
+      get () {
+        return screensModel[key]()
+      },
+
+      enumerable: true
+    });
+  }
+
+  return screens
+};
+
+const history$2 = reactive({ list: [] });
+
+function useHistory () {
+  const hasPreviousRoute = computed(() => history$2.list.length > 1);
+
+  function getPreviousRoute (currentRoute) {
+    const index = findLastIndex(history$2.list, item => item.name === currentRoute.name);
+
+    if (~index) {
+      history$2.list.splice(index, 1);
+    }
+
+    return history$2.list[history$2.list.length - 1]
+  }
+
+  function addRoute (route) {
+    const routeExistsInList = history$2.list?.[history$2.list?.length - 1]?.name === route.name;
+
+    if (routeExistsInList) return
+
+    history$2.list.push(route);
+  }
+
+  function destroyRoutes (routes) {
+    if (!history$2.list.length) return null
+
+    routes.forEach(route => {
+      const index = history$2.list.findIndex(item => item.name === route.name);
+
+      if (~index) {
+        history$2.list.splice(index, 1);
+      }
+    });
+  }
+
+  return {
+    history: history$2,
+    hasPreviousRoute,
+    getPreviousRoute,
+    addRoute,
+    destroyRoutes
+  }
+}
+
 var script$w = {
   name: 'QasDelete',
 
@@ -2804,6 +2880,11 @@ var script$w = {
 
     deleting: {
       type: Boolean
+    },
+
+    useAutoDeleteRoute: {
+      default: true,
+      type: Boolean
     }
   },
 
@@ -2851,9 +2932,21 @@ var script$w = {
       this.$emit('update:deleting', true);
 
       try {
+        const { destroyRoutes, history } = useHistory();
+
         await this.$store.dispatch(`${this.entity}/destroy`, { id: this.id, url: this.url });
+
         NotifySuccess('Item deletado com sucesso!');
+
+        if (this.useAutoDeleteRoute) {
+          // remove todas rotas que possuem o id do item excluído.
+          const routesToBeDeleted = this.getRoutesToBeDeletedById(history.list);
+          destroyRoutes(routesToBeDeleted);
+        }
+
+        // cria um evento para notificar que o item foi excluído no "window".
         this.createDeleteSuccessEvent();
+
         this.$emit('success');
       } catch (error) {
         NotifyError('Ops! Não foi possível deletar o item.');
@@ -2864,6 +2957,10 @@ var script$w = {
       }
     },
 
+    getRoutesToBeDeletedById (routes = []) {
+      return routes.filter(({ params }) => params.id === this.id)
+    },
+
     createDeleteSuccessEvent () {
       const event = new CustomEvent('delete-success', {
         bubbles: false,
@@ -3022,7 +3119,7 @@ var script$u = {
   props: {
     modelValue: {
       default: '',
-      type: String
+      type: [String, Number]
     },
 
     unmaskedValue: {
@@ -3033,11 +3130,31 @@ var script$u = {
     outlined: {
       default: true,
       type: Boolean
+    },
+
+    removeErrorOnType: {
+      type: Boolean
+    },
+
+    error: {
+      type: Boolean
+    },
+
+    errorMessage: {
+      type: String,
+      default: ''
     }
   },
 
   emits: ['update:modelValue'],
 
+  data () {
+    return {
+      errorData: false,
+      messageErrorData: ''
+    }
+  },
+
   computed: {
     hasError () {
       return this.inputReference.hasError
@@ -3070,6 +3187,11 @@ var script$u = {
       },
 
       set (value) {
+        if (this.removeErrorOnType && this.error) {
+          this.errorData = false;
+          this.errorMessageData = '';
+        }
+
         return this.$emit('update:modelValue', value)
       }
     }
@@ -3082,6 +3204,22 @@ var script$u = {
       requestAnimationFrame(() => {
         input.selectionStart = input.value ? input.value.length : '';
       });
+    },
+
+    error: {
+      handler (value) {
+        this.errorData = value;
+      },
+
+      immediate: true
+    },
+
+    errorMessage: {
+      handler (value) {
+        this.errorMessageData = value;
+      },
+
+      immediate: true
     }
   },
 
@@ -3113,8 +3251,10 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "input",
       modelValue: $options.model,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.model) = $event)),
-      "bottom-slots": ""
+      "bottom-slots": "",
+      error: $data.errorData
     }, _ctx.$attrs, {
+      "error-message": _ctx.errorMessageData,
       mask: $options.mask,
       outlined: $props.outlined,
       "unmasked-value": $props.unmaskedValue
@@ -3127,7 +3267,7 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         }
       })
-    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "mask", "outlined", "unmasked-value"])
+    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "error", "error-message", "mask", "outlined", "unmasked-value"])
   ]))
 }
 
@@ -3386,9 +3526,8 @@ var script$r = {
   mixins: [passwordMixin],
 
   props: {
-    useStrengthChecker: {
-      type: Boolean,
-      default: true
+    hideStrengthChecker: {
+      type: Boolean
     },
 
     iconColor: {
@@ -3406,7 +3545,6 @@ var script$r = {
 
   data () {
     return {
-      key: 'error',
       toggleType: true
     }
   },
@@ -3436,15 +3574,6 @@ var script$r = {
     }
   },
 
-  watch: {
-    modelValue () {
-      if (this.$attrs.error) {
-        this.$attrs.error = false;
-        this.$attrs.errorMessage = '';
-      }
-    }
-  },
-
   methods: {
     toggle () {
       this.toggleType = !this.toggleType;
@@ -3457,39 +3586,43 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_qas_password_strength_checker = resolveComponent("qas-password-strength-checker");
   const _component_qas_input = resolveComponent("qas-input");
 
-  return (openBlock(), createBlock(_component_qas_input, {
-    modelValue: $options.model,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.model) = $event)),
-    "bottom-slots": "",
-    type: $options.type
-  }, createSlots({
-    append: withCtx(() => [
-      createVNode(_component_q_icon, {
-        class: "cursor-pointer",
-        color: $props.iconColor,
-        name: $options.icon,
-        onClick: $options.toggle
-      }, null, 8 /* PROPS */, ["color", "name", "onClick"])
-    ]),
-    _: 2 /* DYNAMIC */
-  }, [
-    renderList(_ctx.$slots, (_, name) => {
-      return {
-        name: name,
-        fn: withCtx((context) => [
-          renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(context || {})))
-        ])
-      }
-    }),
-    ($props.useStrengthChecker)
-      ? {
-          name: "hint",
-          fn: withCtx(() => [
-            createVNode(_component_qas_password_strength_checker, mergeProps($options.strengthCheckerProps, { password: $options.model }), null, 16 /* FULL_PROPS */, ["password"])
+  return (openBlock(), createElementBlock("div", null, [
+    createVNode(_component_qas_input, mergeProps({
+      modelValue: $options.model,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.model) = $event)),
+      "bottom-slots": ""
+    }, _ctx.$attrs, {
+      "remove-error-on-type": "",
+      type: $options.type
+    }), createSlots({
+      append: withCtx(() => [
+        createVNode(_component_q_icon, {
+          class: "cursor-pointer",
+          color: $props.iconColor,
+          name: $options.icon,
+          onClick: $options.toggle
+        }, null, 8 /* PROPS */, ["color", "name", "onClick"])
+      ]),
+      _: 2 /* DYNAMIC */
+    }, [
+      renderList(_ctx.$slots, (_, name) => {
+        return {
+          name: name,
+          fn: withCtx((context) => [
+            renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(context || {})))
           ])
         }
-      : undefined
-  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "type"]))
+      }),
+      (!$props.hideStrengthChecker)
+        ? {
+            name: "hint",
+            fn: withCtx(() => [
+              createVNode(_component_qas_password_strength_checker, mergeProps($options.strengthCheckerProps, { password: $options.model }), null, 16 /* FULL_PROPS */, ["password"])
+            ])
+          }
+        : undefined
+    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "type"])
+  ]))
 }
 
 script$r.render = render$r;
@@ -3688,7 +3821,7 @@ var script$q = {
       this.isFetching = true;
 
       try {
-        const { data } = await api.post('/upload-credentials/', {
+        const { data } = await this.$axios.post('/upload-credentials/', {
           entity: this.entity,
           filename
         });
@@ -4165,7 +4298,14 @@ var script$o = {
     QasSignaturePad: script$p
   },
 
+  mixins: [screenMixin],
+
   props: {
+    dialogProps: {
+      type: Object,
+      default: () => ({})
+    },
+
     uploadLabel: {
       default: '',
       type: String
@@ -4214,6 +4354,32 @@ var script$o = {
 
     headerClass () {
       return `q-pa-${this.readonly ? 'md' : 'sm'}`
+    },
+
+    defaultDialogProps () {
+      return {
+        maxWidth: '620px',
+        ...this.dialogProps
+      }
+    },
+
+    signaturePadWidth () {
+      const sizes = {
+        [this.mx_isSmall]: { width: '100%' },
+        [this.mx_isMedium]: { width: '570px' },
+        [this.mx_isLarge]: { width: '350px' }
+      };
+      return sizes.true
+    },
+
+    signaturePadHeight () {
+      const sizes = {
+        [this.mx_isSmall]: '250',
+        [this.mx_isMedium]: '400',
+        [this.mx_isLarge]: '250'
+      };
+
+      return sizes.true
     }
   },
 
@@ -4313,20 +4479,24 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1 /* STABLE */
     }, 16 /* FULL_PROPS */, ["modelValue", "label", "readonly"]),
-    createVNode(_component_qas_dialog, {
+    createVNode(_component_qas_dialog, mergeProps({
       modelValue: $data.isOpenedDialog,
       "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.isOpenedDialog) = $event))
-    }, {
+    }, $options.defaultDialogProps), {
       header: withCtx(() => [
         _hoisted_3$8
       ]),
       description: withCtx(() => [
-        createVNode(_component_qas_signature_pad, {
-          ref: "signaturePadModal",
-          empty: $data.isEmpty,
-          "onUpdate:empty": _cache[2] || (_cache[2] = $event => (($data.isEmpty) = $event)),
-          height: "250"
-        }, null, 8 /* PROPS */, ["empty"])
+        createElementVNode("div", {
+          style: normalizeStyle($options.signaturePadWidth)
+        }, [
+          createVNode(_component_qas_signature_pad, {
+            ref: "signaturePadModal",
+            empty: $data.isEmpty,
+            "onUpdate:empty": _cache[2] || (_cache[2] = $event => (($data.isEmpty) = $event)),
+            height: $options.signaturePadHeight
+          }, null, 8 /* PROPS */, ["empty", "height"])
+        ], 4 /* STYLE */)
       ]),
       actions: withCtx(() => [
         createVNode(_component_q_btn, {
@@ -4347,7 +4517,7 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8 /* PROPS */, ["onClick"])
       ]),
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["modelValue"])
+    }, 16 /* FULL_PROPS */, ["modelValue"])
   ]))
 }
 
@@ -4411,7 +4581,6 @@ var script$n = {
         prefix,
         type,
         mask,
-        pattern,
         maxFiles,
         searchable,
         gmt
@@ -4462,7 +4631,7 @@ var script$n = {
         number: { is: 'qas-input', type: 'number', ...input },
         hidden: { is: 'input', name, type },
         email: { is: 'qas-input', type, ...input },
-        password: { is: 'qas-password-input', type, pattern, hideStrengthChecker: !pattern, ...input },
+        password: { is: 'qas-password-input', ...input },
 
         decimal: { ...numericInput, mode: 'decimal' },
         money: { ...numericInput, mode: 'money' },
@@ -4607,6 +4776,10 @@ var script$m = {
     url: {
       default: '',
       type: String
+    },
+
+    forceRefetch: {
+      type: Boolean
     }
   },
 
@@ -4736,7 +4909,7 @@ var script$m = {
     },
 
     async fetchFilters () {
-      if (this.hasFields || !this.useFilterButton) {
+      if (!this.forceRefetch && (this.hasFields || !this.useFilterButton)) {
         return null
       }
 
@@ -4902,7 +5075,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                       label: $options.filterButtonLabel
                     }, {
                       default: withCtx(() => [
-                        createVNode(_component_q_menu, { onBeforeShow: $options.fetchFilters }, {
+                        createVNode(_component_q_menu, null, {
                           default: withCtx(() => [
                             ($data.isFetching)
                               ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
@@ -4956,7 +5129,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                                   }))
                           ]),
                           _: 1 /* STABLE */
-                        }, 8 /* PROPS */, ["onBeforeShow"])
+                        })
                       ]),
                       _: 1 /* STABLE */
                     }, 8 /* PROPS */, ["color", "label"]))
@@ -5104,28 +5277,6 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
 script$l.render = render$l;
 script$l.__file = "src/components/form-generator/QasFormGenerator.vue";
 
-const history$1 = reactive({ hasPreviousRoute: false, list: [] });
-
-function getPreviousRoute (currentRoute) {
-  const index = findLastIndex(history$1.list, item => item.name === currentRoute.name);
-
-  if (~index) {
-    history$1.list.splice(index, 1);
-  }
-
-  history$1.hasPreviousRoute = history$1.list.length > 1;
-  return history$1.list[history$1.list.length - 1]
-}
-
-function addRoute (route) {
-  const routeExistsInList = history$1.list?.[history$1.list?.length - 1]?.name === route.name;
-
-  if (routeExistsInList) return
-
-  history$1.list.push(route);
-  history$1.hasPreviousRoute = history$1.list.length > 1;
-}
-
 var script$k = {
   name: 'QasFormView',
 
@@ -5144,7 +5295,7 @@ var script$k = {
 
     cancelRoute: {
       default: '',
-      type: [Boolean, Object, String]
+      type: [Boolean, Object, String, Function]
     },
 
     customId: {
@@ -5263,10 +5414,6 @@ var script$k = {
       return this.disable || this.isSubmitting
     },
 
-    history () {
-      return history$1.list
-    },
-
     fieldsNameWithDefaultValue () {
       return Object.keys(this.fields).filter(field => 'default' in this.fields[field])
     }
@@ -5335,7 +5482,7 @@ var script$k = {
         this.mx_updateModels({
           errors: errors,
           fields: this.mx_fields,
-          metadata: metadata
+          metadata
         });
 
         if (result) {
@@ -5364,9 +5511,11 @@ var script$k = {
     },
 
     handleCancelRoute () {
-      const acceptTypes = ['string', 'object'];
+      if (typeof this.cancelRoute === 'function') {
+        return this.cancelRoute()
+      }
 
-      if (this.cancelRoute && acceptTypes.includes(typeof this.cancelRoute)) {
+      if (this.cancelRoute && ['string', 'object'].includes(typeof this.cancelRoute)) {
         return this.$router.push(this.cancelRoute)
       }
 
@@ -5379,6 +5528,8 @@ var script$k = {
     handleDialog (next) {
       this.openDialog();
 
+      const { addRoute } = useHistory();
+
       this.defaultDialogProps.ok.onClick = () => addRoute(this.$route);
       this.defaultDialogProps.cancel.onClick = next;
     },
@@ -5461,7 +5612,9 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_inner_loading = resolveComponent("q-inner-loading");
   const _directive_close_popup = resolveDirective("close-popup");
 
-  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.mx_componentTag), null, {
+  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.mx_componentTag), {
+    class: normalizeClass(_ctx.mx_componentClass)
+  }, {
     default: withCtx(() => [
       (_ctx.mx_hasHeaderSlot)
         ? (openBlock(), createElementBlock("header", _hoisted_1$d, [
@@ -5533,7 +5686,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
       }, 8 /* PROPS */, ["showing"])
     ]),
     _: 3 /* FORWARDED */
-  }))
+  }, 8 /* PROPS */, ["class"]))
 }
 
 script$k.render = render$k;
@@ -6523,7 +6676,10 @@ var script$c = {
     QasBtn: script$K,
     QasFormGenerator: script$l,
     QasInput: script$u,
-    QasLabel: script$h
+    QasLabel: script$h,
+
+    // vue
+    TransitionGroup
   },
 
   props: {
@@ -6687,6 +6843,16 @@ var script$c = {
 
     componentTag () {
       return this.useAnimation ? 'transition-group' : 'div'
+    },
+
+    componentProps () {
+      if (!this.useAnimation) return {}
+
+      return {
+        tag: 'div',
+        enterActiveClass: 'animated slideInDown',
+        leaveActiveClass: 'animated slideOutUp'
+      }
     }
   },
 
@@ -6771,23 +6937,24 @@ var script$c = {
 
 const _hoisted_1$8 = ["id"];
 const _hoisted_2$5 = { class: "text-left" };
-const _hoisted_3$3 = ["id"];
-const _hoisted_4$3 = { class: "flex items-center justify-between q-py-xs" };
-const _hoisted_5$2 = {
+const _hoisted_3$3 = { ref: "inputContent" };
+const _hoisted_4$3 = ["id"];
+const _hoisted_5$2 = { class: "flex items-center justify-between q-py-xs" };
+const _hoisted_6 = {
   key: 1,
   class: "q-gutter-x-sm"
 };
-const _hoisted_6 = {
+const _hoisted_7 = {
   key: 0,
   class: "flex items-center qas-nested-fields__actions"
 };
-const _hoisted_7 = { class: "col-auto" };
 const _hoisted_8 = { class: "col-auto" };
-const _hoisted_9 = { class: "col-12" };
-const _hoisted_10 = { class: "q-mt-md" };
-const _hoisted_11 = { class: "col" };
-const _hoisted_12 = { class: "col-auto" };
-const _hoisted_13 = {
+const _hoisted_9 = { class: "col-auto" };
+const _hoisted_10 = { class: "col-12" };
+const _hoisted_11 = { class: "q-mt-md" };
+const _hoisted_12 = { class: "col" };
+const _hoisted_13 = { class: "col-auto" };
+const _hoisted_14 = {
   key: 1,
   class: "q-mt-lg"
 };
@@ -6810,134 +6977,122 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8 /* PROPS */, ["label"]))
         : createCommentVNode("v-if", true)
     ]),
-    createElementVNode("div", null, [
-      (openBlock(), createBlock(resolveDynamicComponent($options.componentTag), {
-        ref: "inputContent",
-        name: "fade",
-        tag: "div"
-      }, {
+    createElementVNode("div", _hoisted_3$3, [
+      (openBlock(), createBlock(resolveDynamicComponent($options.componentTag), normalizeProps(guardReactiveProps($options.componentProps)), {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList($data.nested, (row, index) => {
             return (openBlock(), createElementBlock("div", {
               id: `row-${index}`,
-              key: index,
+              key: `row-${index}`,
               class: "full-width"
             }, [
-              (openBlock(), createBlock(resolveDynamicComponent($options.componentTag), {
-                name: "fade",
-                tag: "div"
-              }, {
-                default: withCtx(() => [
-                  (!row[$props.destroyKey])
-                    ? (openBlock(), createElementBlock("div", {
-                        key: index,
-                        class: "col-12 q-mt-md"
+              (!row[$props.destroyKey])
+                ? (openBlock(), createElementBlock("div", {
+                    key: index,
+                    class: "col-12 q-mt-md"
+                  }, [
+                    createElementVNode("div", null, [
+                      createElementVNode("div", _hoisted_5$2, [
+                        (!$props.useSingleLabel)
+                          ? (openBlock(), createBlock(_component_qas_label, {
+                              key: 0,
+                              label: $options.setRowLabel(index)
+                            }, null, 8 /* PROPS */, ["label"]))
+                          : createCommentVNode("v-if", true),
+                        (!$props.useInlineActions)
+                          ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                              ($props.useDuplicate)
+                                ? (openBlock(), createBlock(_component_qas_btn, mergeProps({ key: 0 }, $props.btnDuplicateProps, {
+                                    onClick: $event => ($options.add(row))
+                                  }), null, 16 /* FULL_PROPS */, ["onClick"]))
+                                : createCommentVNode("v-if", true),
+                              ($options.showDestroyBtn)
+                                ? (openBlock(), createBlock(_component_qas_btn, mergeProps({ key: 1 }, $props.btnDestroyProps, {
+                                    onClick: $event => ($options.destroy(index, row))
+                                  }), null, 16 /* FULL_PROPS */, ["onClick"]))
+                                : createCommentVNode("v-if", true)
+                            ]))
+                          : createCommentVNode("v-if", true)
+                      ]),
+                      createElementVNode("div", {
+                        ref_for: true,
+                        ref: "formGenerator",
+                        class: "col-12 justify-between q-col-gutter-x-md row"
                       }, [
-                        createElementVNode("div", null, [
-                          createElementVNode("div", _hoisted_4$3, [
-                            (!$props.useSingleLabel)
-                              ? (openBlock(), createBlock(_component_qas_label, {
-                                  key: 0,
-                                  label: $options.setRowLabel(index)
-                                }, null, 8 /* PROPS */, ["label"]))
-                              : createCommentVNode("v-if", true),
-                            (!$props.useInlineActions)
-                              ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-                                  ($props.useDuplicate)
-                                    ? (openBlock(), createBlock(_component_qas_btn, mergeProps({ key: 0 }, $props.btnDuplicateProps, {
-                                        onClick: $event => ($options.add(row))
-                                      }), null, 16 /* FULL_PROPS */, ["onClick"]))
-                                    : createCommentVNode("v-if", true),
-                                  ($options.showDestroyBtn)
-                                    ? (openBlock(), createBlock(_component_qas_btn, mergeProps({ key: 1 }, $props.btnDestroyProps, {
-                                        onClick: $event => ($options.destroy(index, row))
-                                      }), null, 16 /* FULL_PROPS */, ["onClick"]))
-                                    : createCommentVNode("v-if", true)
-                                ]))
-                              : createCommentVNode("v-if", true)
-                          ]),
-                          createElementVNode("div", {
-                            ref_for: true,
-                            ref: "formGenerator",
-                            class: "col-12 justify-between q-col-gutter-x-md row"
-                          }, [
-                            renderSlot(_ctx.$slots, "fields", {
-                              errors: $options.transformedErrors,
-                              fields: $options.children,
-                              index: index,
-                              updateValue: $options.updateValuesFromInput
-                            }, () => [
-                              createVNode(_component_qas_form_generator, {
-                                modelValue: $data.nested[index],
-                                "onUpdate:modelValue": [$event => (($data.nested[index]) = $event), $event => ($options.updateValuesFromInput($event, index))],
-                                class: normalizeClass($options.formClasses),
-                                columns: $props.formColumns,
-                                errors: $options.transformedErrors[index],
-                                fields: $options.children,
-                                "fields-props": $props.fieldsProps
-                              }, createSlots({ _: 2 /* DYNAMIC */ }, [
-                                renderList(_ctx.$slots, (slot, key) => {
-                                  return {
-                                    name: key,
-                                    fn: withCtx((scope) => [
-                                      renderSlot(_ctx.$slots, key, mergeProps(scope, {
-                                        errors: $options.transformedErrors,
-                                        index: index
-                                      }))
-                                    ])
-                                  }
-                                })
-                              ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "class", "columns", "errors", "fields", "fields-props"])
-                            ]),
-                            ($props.useInlineActions)
-                              ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                                  createElementVNode("div", _hoisted_7, [
-                                    ($props.useDuplicate)
-                                      ? (openBlock(), createBlock(_component_qas_btn, {
-                                          key: 0,
-                                          color: "primary",
-                                          flat: "",
-                                          icon: "o_content_copy",
-                                          round: "",
-                                          onClick: $event => ($options.add(row))
-                                        }, null, 8 /* PROPS */, ["onClick"]))
-                                      : createCommentVNode("v-if", true)
-                                  ]),
-                                  createElementVNode("div", _hoisted_8, [
-                                    ($options.showDestroyBtn)
-                                      ? (openBlock(), createBlock(_component_qas_btn, {
-                                          key: 0,
-                                          color: "negative",
-                                          flat: "",
-                                          icon: "o_cancel",
-                                          round: "",
-                                          onClick: $event => ($options.destroy(index, row))
-                                        }, null, 8 /* PROPS */, ["onClick"]))
-                                      : createCommentVNode("v-if", true)
-                                  ])
-                                ]))
-                              : createCommentVNode("v-if", true)
-                          ], 512 /* NEED_PATCH */),
-                          createElementVNode("div", _hoisted_9, [
-                            renderSlot(_ctx.$slots, "custom-fields", {
-                              fields: $options.children,
-                              index: index,
-                              model: $data.nested[index],
-                              updateValue: $options.updateValuesFromInput
+                        renderSlot(_ctx.$slots, "fields", {
+                          errors: $options.transformedErrors,
+                          fields: $options.children,
+                          index: index,
+                          updateValue: $options.updateValuesFromInput
+                        }, () => [
+                          createVNode(_component_qas_form_generator, {
+                            modelValue: $data.nested[index],
+                            "onUpdate:modelValue": [$event => (($data.nested[index]) = $event), $event => ($options.updateValuesFromInput($event, index))],
+                            class: normalizeClass($options.formClasses),
+                            columns: $props.formColumns,
+                            errors: $options.transformedErrors[index],
+                            fields: $options.children,
+                            "fields-props": $props.fieldsProps
+                          }, createSlots({ _: 2 /* DYNAMIC */ }, [
+                            renderList(_ctx.$slots, (slot, key) => {
+                              return {
+                                name: key,
+                                fn: withCtx((scope) => [
+                                  renderSlot(_ctx.$slots, key, mergeProps(scope, {
+                                    errors: $options.transformedErrors,
+                                    index: index
+                                  }))
+                                ])
+                              }
                             })
-                          ])
-                        ])
-                      ]))
-                    : createCommentVNode("v-if", true)
-                ]),
-                _: 2 /* DYNAMIC */
-              }, 1024 /* DYNAMIC_SLOTS */))
-            ], 8 /* PROPS */, _hoisted_3$3))
+                          ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "class", "columns", "errors", "fields", "fields-props"])
+                        ]),
+                        ($props.useInlineActions)
+                          ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                              createElementVNode("div", _hoisted_8, [
+                                ($props.useDuplicate)
+                                  ? (openBlock(), createBlock(_component_qas_btn, {
+                                      key: 0,
+                                      color: "primary",
+                                      flat: "",
+                                      icon: "o_content_copy",
+                                      round: "",
+                                      onClick: $event => ($options.add(row))
+                                    }, null, 8 /* PROPS */, ["onClick"]))
+                                  : createCommentVNode("v-if", true)
+                              ]),
+                              createElementVNode("div", _hoisted_9, [
+                                ($options.showDestroyBtn)
+                                  ? (openBlock(), createBlock(_component_qas_btn, {
+                                      key: 0,
+                                      color: "negative",
+                                      flat: "",
+                                      icon: "o_cancel",
+                                      round: "",
+                                      onClick: $event => ($options.destroy(index, row))
+                                    }, null, 8 /* PROPS */, ["onClick"]))
+                                  : createCommentVNode("v-if", true)
+                              ])
+                            ]))
+                          : createCommentVNode("v-if", true)
+                      ], 512 /* NEED_PATCH */),
+                      createElementVNode("div", _hoisted_10, [
+                        renderSlot(_ctx.$slots, "custom-fields", {
+                          fields: $options.children,
+                          index: index,
+                          model: $data.nested[index],
+                          updateValue: $options.updateValuesFromInput
+                        })
+                      ])
+                    ])
+                  ]))
+                : createCommentVNode("v-if", true)
+            ], 8 /* PROPS */, _hoisted_4$3))
           }), 128 /* KEYED_FRAGMENT */))
         ]),
         _: 3 /* FORWARDED */
-      }, 512 /* NEED_PATCH */)),
-      createElementVNode("div", _hoisted_10, [
+      }, 16 /* FULL_PROPS */)),
+      createElementVNode("div", _hoisted_11, [
         renderSlot(_ctx.$slots, "add-input", { add: $options.add }, () => [
           ($props.useInlineActions)
             ? (openBlock(), createElementBlock("div", {
@@ -6945,7 +7100,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
                 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_11, [
+                createElementVNode("div", _hoisted_12, [
                   createVNode(_component_qas_input, {
                     class: "disabled no-pointer-events",
                     "hide-bottom-space": "",
@@ -6954,7 +7109,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
                     onFocus: _cache[0] || (_cache[0] = $event => ($options.add()))
                   }, null, 8 /* PROPS */, ["label"])
                 ]),
-                createElementVNode("div", _hoisted_12, [
+                createElementVNode("div", _hoisted_13, [
                   createVNode(_component_qas_btn, {
                     color: "green",
                     flat: "",
@@ -6963,9 +7118,9 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
                   })
                 ])
               ]))
-            : (openBlock(), createElementBlock("div", _hoisted_13, [
+            : (openBlock(), createElementBlock("div", _hoisted_14, [
                 createVNode(_component_qas_btn, {
-                  class: "full-width q-py-sm",
+                  class: "full-width q-py-md",
                   icon: "o_add",
                   outline: "",
                   onClick: _cache[2] || (_cache[2] = $event => ($options.add()))
@@ -6978,13 +7133,15 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
               ]))
         ])
       ])
-    ])
+    ], 512 /* NEED_PATCH */)
   ], 8 /* PROPS */, _hoisted_1$8))
 }
 
 script$c.render = render$c;
 script$c.__file = "src/components/nested-fields/QasNestedFields.vue";
 
+const { hasPreviousRoute, history: history$1, getPreviousRoute } = useHistory();
+
 var script$b = {
   name: 'QasPageHeader',
 
@@ -7012,7 +7169,7 @@ var script$b = {
 
   computed: {
     hasPreviousRoute () {
-      return history$1.hasPreviousRoute
+      return hasPreviousRoute.value
     },
 
     transformedBreadcrumbs () {
@@ -7447,6 +7604,7 @@ var script$8 = {
         this.fuse = new Fuse(value, this.defaultFuseOptions);
 
         this.setResults(this.search);
+        this.updateResultsModel(value);
       },
 
       deep: true
@@ -7463,7 +7621,7 @@ var script$8 = {
 
     searchResults: {
       handler (value) {
-        this.$emit('update:results', value.map(result => result.item || result));
+        this.updateResultsModel(value);
       },
       immediate: true
     }
@@ -7480,6 +7638,10 @@ var script$8 = {
       this.searchResults = value
         ? this.fuse.search(value)
         : this.list;
+    },
+
+    updateResultsModel (value) {
+      this.$emit('update:results', value.map(result => result.item || result));
     }
   }
 };
@@ -7837,15 +7999,17 @@ var script$6 = {
       immediate: true
     },
 
-    modelValue (value) {
-      this.values = [...value];
+    modelValue: {
+      handler (value) {
+        this.values = [...value];
+      },
+
+      immediate: true
     }
   },
 
   created () {
-    this.values = [...this.modelValue];
-
-    this.handleOptions();
+    this.handleList();
   },
 
   methods: {
@@ -7873,7 +8037,7 @@ var script$6 = {
       return this.values.includes(item.value) ? this.remove(item) : this.add(item)
     },
 
-    handleOptions () {
+    handleList () {
       if (this.modelValue.length) {
         return this.sortList()
       }
@@ -7904,8 +8068,8 @@ var script$6 = {
 
     sortList () {
       this.sortedList = this.deleteOnly
-        ? this.list.filter(option => this.modelValue.includes(option.value))
-        : sortBy(this.list, option => !this.modelValue.includes(option.value));
+        ? this.list.filter(item => this.modelValue.includes(item.value))
+        : sortBy(this.list, item => !this.modelValue.includes(item.value));
     },
 
     updateModel (model) {
@@ -8432,8 +8596,8 @@ var script$3 = {
     },
 
     getFullTableWidth () {
-      const tableElemet = this.getTableElement();
-      return tableElemet?.getBoundingClientRect?.()?.width
+      const tableElement = this.getTableElement();
+      return tableElement?.getBoundingClientRect?.()?.width
     },
 
     getContainerTableWidth () {
@@ -8826,7 +8990,9 @@ var script = {
       firstQueue: [],
       optionsList: [],
       secondQueue: [],
-      selectedList: []
+      selectedList: [],
+      firstResults: [],
+      secondResults: []
     }
   },
 
@@ -8964,13 +9130,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         quantity: $data.optionsList.length
       }, null, 8 /* PROPS */, ["label", "quantity"]),
       createVNode(_component_qas_search_box, mergeProps({
-        "form-mode": "",
-        list: $data.optionsList
+        results: $data.firstResults,
+        "onUpdate:results": _cache[0] || (_cache[0] = $event => (($data.firstResults) = $event)),
+        list: $data.optionsList,
+        outlined: ""
       }, $options.searchBoxProps), {
-        default: withCtx(({ results }) => [
+        default: withCtx(() => [
           createVNode(_component_q_list, { separator: "" }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(results, (item, index) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList($data.firstResults, (item, index) => {
                 return (openBlock(), createBlock(_component_q_item, {
                   key: index,
                   class: normalizeClass($options.getItemClass(item, true)),
@@ -8991,11 +9159,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "onClick"]))
               }), 128 /* KEYED_FRAGMENT */))
             ]),
-            _: 2 /* DYNAMIC */
-          }, 1024 /* DYNAMIC_SLOTS */)
+            _: 3 /* FORWARDED */
+          })
         ]),
         _: 3 /* FORWARDED */
-      }, 16 /* FULL_PROPS */, ["list"])
+      }, 16 /* FULL_PROPS */, ["results", "list"])
     ]),
     createElementVNode("div", {
       class: normalizeClass(["col-12 col-sm-auto items-center justify-center q-col-gutter-md row", $options.actionsClass])
@@ -9008,7 +9176,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           flat: "",
           icon: "o_arrow_circle_down",
           rounded: "",
-          onClick: _cache[0] || (_cache[0] = $event => ($options.setSelectedFromClick(true)))
+          onClick: _cache[1] || (_cache[1] = $event => ($options.setSelectedFromClick(true)))
         }, null, 8 /* PROPS */, ["class", "disabled"]),
         createVNode(_component_q_tooltip, {
           anchor: "top middle",
@@ -9029,7 +9197,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             flat: "",
             icon: "o_arrow_circle_up",
             rounded: "",
-            onClick: _cache[1] || (_cache[1] = $event => ($options.setSelectedFromClick()))
+            onClick: _cache[2] || (_cache[2] = $event => ($options.setSelectedFromClick()))
           }, null, 8 /* PROPS */, ["class", "disabled"]),
           createVNode(_component_q_tooltip, {
             anchor: "bottom middle",
@@ -9048,16 +9216,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         label: "Selecionadas",
         quantity: $data.selectedList.length
       }, null, 8 /* PROPS */, ["quantity"]),
-      createVNode(_component_qas_search_box, mergeProps($options.searchBoxProps, {
+      createVNode(_component_qas_search_box, mergeProps({
+        results: $data.secondResults,
+        "onUpdate:results": _cache[3] || (_cache[3] = $event => (($data.secondResults) = $event))
+      }, $options.searchBoxProps, {
         "empty-list-height": "300px",
-        "form-mode": "",
         label: "Selecionadas",
-        list: $data.selectedList
+        list: $data.selectedList,
+        outlined: ""
       }), {
-        default: withCtx(({ results }) => [
+        default: withCtx(() => [
           createVNode(_component_q_list, { separator: "" }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(results, (item, index) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList($data.secondResults, (item, index) => {
                 return (openBlock(), createBlock(_component_q_item, {
                   key: index,
                   class: normalizeClass($options.getItemClass(item)),
@@ -9078,11 +9249,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "onClick"]))
               }), 128 /* KEYED_FRAGMENT */))
             ]),
-            _: 2 /* DYNAMIC */
-          }, 1024 /* DYNAMIC_SLOTS */)
+            _: 3 /* FORWARDED */
+          })
         ]),
         _: 3 /* FORWARDED */
-      }, 16 /* FULL_PROPS */, ["list"])
+      }, 16 /* FULL_PROPS */, ["results", "list"])
     ])
   ], 2 /* CLASS */))
 }
@@ -9092,7 +9263,7 @@ script.__file = "src/components/transfer/QasTransfer.vue";
 
 var name = "@bildvitta/quasar-ui-asteroid";
 var description = "Asteroid";
-var version$1 = "3.0.0-alpha.2";
+var version$1 = "3.0.0-beta.2";
 var author = "Bild & Vitta <systemteam@bild.com.br>";
 var license = "MIT";
 var main = "dist/asteroid.cjs.min.js";
@@ -9173,6 +9344,20 @@ var packageInfo = {
 	vetur: vetur
 };
 
+var Test = {
+  name: 'test',
+
+  bind (element, { arg: argument, value }) {
+    if (element && argument) {
+      element.dataset.test = argument;
+    }
+
+    if (element && value) {
+      element.dataset.testKey = value;
+    }
+  }
+};
+
 const version = packageInfo.version;
 
 function install (app) {
@@ -9234,8 +9419,11 @@ function install (app) {
   app.config.globalProperties.$qas = {
     dialog: Dialog,
     error: NotifyError,
-    success: NotifySuccess
+    success: NotifySuccess,
+    screen: Screen()
   };
+
+  app.directive(Test.name, Test);
 }
 
 var VuePlugin = /*#__PURE__*/Object.freeze({
@@ -9292,7 +9480,8 @@ var VuePlugin = /*#__PURE__*/Object.freeze({
   Dialog: Dialog,
   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, VuePlugin as default, install, version };
+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 };