@bildvitta/quasar-ui-asteroid 3.0.0-beta.18 → 3.0.0-beta.19

package/dist/api/QasDialog.json

@@ -73,6 +73,10 @@
     "use-form": {
       "desc": "Define se a tag onde fica a descrição no dialog vai ser um \"<q-form />\" ou \"<div />\".",
       "type": "Boolean"
+    },
+    "use-validation-at-once": {
+      "desc": "Valida todos os campos de uma única vez, ao invés de ser um por vez (que é o padrão).",
+      "type": "Boolean"
     }
   },
   "slots": {

package/dist/api/QasTabsGenerator.json

@@ -48,9 +48,12 @@
       "type": "String"
     },
     "tabs": {
-      "desc": "Objeto contendo todas as tabs a serem geradas.",
+      "desc": "Objeto ou Array contendo todas as tabs a serem geradas.",
       "default": {},
-      "type": "Object",
+      "type": [
+        "Object",
+        "Array"
+      ],
       "examples": [
         "{ tab1: 'tab1', tab2: 'tab2' }"
       ]

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-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}}.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}
+@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-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.18
+* @bildvitta/quasar-ui-asteroid v3.0.0-beta.19
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
@@ -607,6 +607,8 @@ function humanize (field = {}, value) {
     case 'time': return time(value)
     case 'radio': return selectLabel(field.options, value)
     case 'percent': return formatPercent(value)
+    case 'money': return money(value)
+    case 'decimal': return decimal(value)
     default: return value
   }
 }
@@ -1962,8 +1964,6 @@ script$A.__file = "src/components/copy/QasCopy.vue";
 var script$z = {
   name: 'QasDateTimeInput',
 
-  inheritAttrs: false,
-
   props: {
     dateMask: {
       default: 'DD/MM/YYYY',
@@ -2122,75 +2122,73 @@ function render$z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_time = vue.resolveComponent("q-time");
   const _component_qas_input = vue.resolveComponent("qas-input");
 
-  return (vue.openBlock(), vue.createElementBlock("div", null, [
-    vue.createVNode(_component_qas_input, vue.mergeProps({ ref: "input" }, $options.attributes, {
-      modelValue: $data.currentValue,
-      "onUpdate:modelValue": [
-        _cache[2] || (_cache[2] = $event => (($data.currentValue) = $event)),
-        $options.updateModelValue
-      ],
-      "unmasked-value": false
-    }), {
-      append: vue.withCtx(() => [
-        (!$props.useTimeOnly)
-          ? (vue.openBlock(), vue.createBlock(_component_q_icon, {
-              key: 0,
-              class: "cursor-pointer",
-              name: "o_event"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_q_popup_proxy, {
-                  ref: "dateProxy",
-                  "transition-hide": "scale",
-                  "transition-show": "scale"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_q_date, vue.mergeProps({
-                      modelValue: $data.currentValue,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.currentValue) = $event))
-                    }, $props.dateProps, {
-                      mask: $options.maskDate,
-                      "onUpdate:modelValue": $options.updateModelValue
-                    }), null, 16 /* FULL_PROPS */, ["modelValue", "mask", "onUpdate:modelValue"])
-                  ]),
-                  _: 1 /* STABLE */
-                }, 512 /* NEED_PATCH */)
-              ]),
-              _: 1 /* STABLE */
-            }))
-          : vue.createCommentVNode("v-if", true),
-        (!$props.useDateOnly)
-          ? (vue.openBlock(), vue.createBlock(_component_q_icon, {
-              key: 1,
-              class: "cursor-pointer q-ml-md",
-              name: "o_access_time"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_q_popup_proxy, {
-                  ref: "timeProxy",
-                  "transition-hide": "scale",
-                  "transition-show": "scale"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_q_time, vue.mergeProps({
-                      modelValue: $data.currentValue,
-                      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.currentValue) = $event))
-                    }, $props.timeProps, {
-                      format24h: "",
-                      mask: $options.maskDate,
-                      "onUpdate:modelValue": $options.updateModelValue
-                    }), null, 16 /* FULL_PROPS */, ["modelValue", "mask", "onUpdate:modelValue"])
-                  ]),
-                  _: 1 /* STABLE */
-                }, 512 /* NEED_PATCH */)
-              ]),
-              _: 1 /* STABLE */
-            }))
-          : vue.createCommentVNode("v-if", true)
-      ]),
-      _: 1 /* STABLE */
-    }, 16 /* FULL_PROPS */, ["modelValue", "onUpdate:modelValue"])
-  ]))
+  return (vue.openBlock(), vue.createBlock(_component_qas_input, vue.mergeProps({ ref: "input" }, $options.attributes, {
+    modelValue: $data.currentValue,
+    "onUpdate:modelValue": [
+      _cache[2] || (_cache[2] = $event => (($data.currentValue) = $event)),
+      $options.updateModelValue
+    ],
+    "unmasked-value": false
+  }), {
+    append: vue.withCtx(() => [
+      (!$props.useTimeOnly)
+        ? (vue.openBlock(), vue.createBlock(_component_q_icon, {
+            key: 0,
+            class: "cursor-pointer",
+            name: "o_event"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_q_popup_proxy, {
+                ref: "dateProxy",
+                "transition-hide": "scale",
+                "transition-show": "scale"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_q_date, vue.mergeProps({
+                    modelValue: $data.currentValue,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.currentValue) = $event))
+                  }, $props.dateProps, {
+                    mask: $options.maskDate,
+                    "onUpdate:modelValue": $options.updateModelValue
+                  }), null, 16 /* FULL_PROPS */, ["modelValue", "mask", "onUpdate:modelValue"])
+                ]),
+                _: 1 /* STABLE */
+              }, 512 /* NEED_PATCH */)
+            ]),
+            _: 1 /* STABLE */
+          }))
+        : vue.createCommentVNode("v-if", true),
+      (!$props.useDateOnly)
+        ? (vue.openBlock(), vue.createBlock(_component_q_icon, {
+            key: 1,
+            class: "cursor-pointer q-ml-md",
+            name: "o_access_time"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_q_popup_proxy, {
+                ref: "timeProxy",
+                "transition-hide": "scale",
+                "transition-show": "scale"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_q_time, vue.mergeProps({
+                    modelValue: $data.currentValue,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.currentValue) = $event))
+                  }, $props.timeProps, {
+                    format24h: "",
+                    mask: $options.maskDate,
+                    "onUpdate:modelValue": $options.updateModelValue
+                  }), null, 16 /* FULL_PROPS */, ["modelValue", "mask", "onUpdate:modelValue"])
+                ]),
+                _: 1 /* STABLE */
+              }, 512 /* NEED_PATCH */)
+            ]),
+            _: 1 /* STABLE */
+          }))
+        : vue.createCommentVNode("v-if", true)
+    ]),
+    _: 1 /* STABLE */
+  }, 16 /* FULL_PROPS */, ["modelValue", "onUpdate:modelValue"]))
 }
 
 script$z.render = render$z;
@@ -2293,6 +2291,10 @@ var script$x = {
 
     useCloseButton: {
       type: Boolean
+    },
+
+    useValidationAllAtOnce: {
+      type: Boolean
     }
   },
 
@@ -2339,7 +2341,26 @@ var script$x = {
 
   methods: {
     async submitHandler () {
-      this.useForm && this.$emit('validate', await this.$refs.form.validate());
+      if (!this.useForm) return
+
+      if (this.useValidationAllAtOnce) {
+        let isAllComponentValid = true;
+        const components = this.$refs.form.getValidationComponents() || [];
+
+        for (const component of components) {
+          const isValid = component?.validate?.();
+
+          if (!isValid) {
+            isAllComponentValid = false;
+          }
+        }
+
+        this.$emit('validate', isAllComponentValid);
+
+        return
+      }
+
+      this.$emit('validate', await this.$refs.form.validate());
     },
 
     // método para funcionar como plugin
@@ -2894,8 +2915,6 @@ script$v.__file = "src/components/dialog-router/QasDialogRouter.vue";
 var script$u = {
   name: 'QasInput',
 
-  inheritAttrs: false,
-
   props: {
     error: {
       type: Boolean
@@ -3044,30 +3063,28 @@ var script$u = {
 function render$u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_input = vue.resolveComponent("q-input");
 
-  return (vue.openBlock(), vue.createElementBlock("div", null, [
-    vue.createVNode(_component_q_input, vue.mergeProps({
-      ref: "input",
-      modelValue: $options.model,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.model) = $event)),
-      "bottom-slots": "",
-      error: $data.errorData
-    }, _ctx.$attrs, {
-      "error-message": _ctx.errorMessageData,
-      mask: $options.mask,
-      outlined: $props.outlined,
-      "unmasked-value": $props.unmaskedValue,
-      onPaste: $options.onPaste
-    }), vue.createSlots({ _: 2 /* DYNAMIC */ }, [
-      vue.renderList(_ctx.$slots, (_, name) => {
-        return {
-          name: name,
-          fn: vue.withCtx((context) => [
-            vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(context || {})))
-          ])
-        }
-      })
-    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "error", "error-message", "mask", "outlined", "unmasked-value", "onPaste"])
-  ]))
+  return (vue.openBlock(), vue.createBlock(_component_q_input, vue.mergeProps({
+    ref: "input",
+    modelValue: $options.model,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.model) = $event)),
+    "bottom-slots": "",
+    error: $data.errorData
+  }, _ctx.$attrs, {
+    "error-message": _ctx.errorMessageData,
+    mask: $options.mask,
+    outlined: $props.outlined,
+    "unmasked-value": $props.unmaskedValue,
+    onPaste: $options.onPaste
+  }), vue.createSlots({ _: 2 /* DYNAMIC */ }, [
+    vue.renderList(_ctx.$slots, (_, name) => {
+      return {
+        name: name,
+        fn: vue.withCtx((context) => [
+          vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(context || {})))
+        ])
+      }
+    })
+  ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "error", "error-message", "mask", "outlined", "unmasked-value", "onPaste"]))
 }
 
 script$u.render = render$u;
@@ -3486,44 +3503,42 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_qas_password_strength_checker = vue.resolveComponent("qas-password-strength-checker");
   const _component_qas_input = vue.resolveComponent("qas-input");
 
-  return (vue.openBlock(), vue.createElementBlock("div", null, [
-    vue.createVNode(_component_qas_input, vue.mergeProps({
-      modelValue: $options.model,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.model) = $event)),
-      "bottom-slots": false,
-      color: "negative"
-    }, _ctx.$attrs, {
-      type: $options.type,
-      "use-remove-error-on-type": ""
-    }), vue.createSlots({
-      append: vue.withCtx(() => [
-        vue.createVNode(_component_q_icon, {
-          class: "cursor-pointer",
-          color: $props.iconColor,
-          name: $options.icon,
-          onClick: $options.toggle
-        }, null, 8 /* PROPS */, ["color", "name", "onClick"])
-      ]),
-      _: 2 /* DYNAMIC */
-    }, [
-      vue.renderList(_ctx.$slots, (_, name) => {
-        return {
-          name: name,
-          fn: vue.withCtx((context) => [
-            vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(context || {})))
+  return (vue.openBlock(), vue.createBlock(_component_qas_input, vue.mergeProps({
+    modelValue: $options.model,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.model) = $event)),
+    "bottom-slots": false,
+    color: "negative"
+  }, _ctx.$attrs, {
+    type: $options.type,
+    "use-remove-error-on-type": ""
+  }), vue.createSlots({
+    append: vue.withCtx(() => [
+      vue.createVNode(_component_q_icon, {
+        class: "cursor-pointer",
+        color: $props.iconColor,
+        name: $options.icon,
+        onClick: $options.toggle
+      }, null, 8 /* PROPS */, ["color", "name", "onClick"])
+    ]),
+    _: 2 /* DYNAMIC */
+  }, [
+    vue.renderList(_ctx.$slots, (_, name) => {
+      return {
+        name: name,
+        fn: vue.withCtx((context) => [
+          vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(context || {})))
+        ])
+      }
+    }),
+    ($props.useStrengthChecker)
+      ? {
+          name: "hint",
+          fn: vue.withCtx(() => [
+            vue.createVNode(_component_qas_password_strength_checker, vue.mergeProps($options.strengthCheckerProps, { password: $options.model }), null, 16 /* FULL_PROPS */, ["password"])
           ])
         }
-      }),
-      ($props.useStrengthChecker)
-        ? {
-            name: "hint",
-            fn: vue.withCtx(() => [
-              vue.createVNode(_component_qas_password_strength_checker, vue.mergeProps($options.strengthCheckerProps, { password: $options.model }), null, 16 /* FULL_PROPS */, ["password"])
-            ])
-          }
-        : undefined
-    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "type"])
-  ]))
+      : undefined
+  ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "type"]))
 }
 
 script$r.render = render$r;
@@ -4509,7 +4524,7 @@ var script$n = {
         type,
         mask,
         maxFiles,
-        gmt,
+        useIso,
         useSearch,
         useLazyLoading
       } = this.formattedField;
@@ -4533,11 +4548,11 @@ var script$n = {
         minlength,
         suffix,
         prefix,
-        gmt
+        useIso
       };
 
       const numericInput = { is: 'qas-numeric-input', ...input };
-      const datetimeInput = { is: 'qas-date-time-input', gmt, ...input };
+      const datetimeInput = { is: 'qas-date-time-input', useIso, ...input };
 
       // It'll generate a list of acceptable files extensions.
       const accept = extensions && extensions.length ? extensions.map(extension => `.${extension}`).join(',') : '';
@@ -4640,22 +4655,20 @@ var script$n = {
 };
 
 function render$n(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", null, [
-    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.component.is), vue.mergeProps($options.component, {
-      "data-cy": $props.field.name,
-      "model-value": $options.formattedValue,
-      "onUpdate:modelValue": $options.updateModel
-    }), vue.createSlots({ _: 2 /* DYNAMIC */ }, [
-      vue.renderList(_ctx.$slots, (_, name) => {
-        return {
-          name: name,
-          fn: vue.withCtx((context) => [
-            vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(context || {})))
-          ])
-        }
-      })
-    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["data-cy", "model-value", "onUpdate:modelValue"]))
-  ]))
+  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.component.is), vue.mergeProps($options.component, {
+    "data-cy": $props.field.name,
+    "model-value": $options.formattedValue,
+    "onUpdate:modelValue": $options.updateModel
+  }), vue.createSlots({ _: 2 /* DYNAMIC */ }, [
+    vue.renderList(_ctx.$slots, (_, name) => {
+      return {
+        name: name,
+        fn: vue.withCtx((context) => [
+          vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(context || {})))
+        ])
+      }
+    })
+  ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["data-cy", "model-value", "onUpdate:modelValue"]))
 }
 
 script$n.render = render$n;
@@ -5949,7 +5962,7 @@ var script$k = {
 
     window.addEventListener('delete-success', this.setIgnoreRouterGuard);
 
-    this.mx_fetchHandler({ form: true, id: this.id, url: this.fetchURL }, this.fetch);
+    this.mx_fetchHandler({ form: true, id: this.id, url: this.fetchURL }, this.fetchSingle);
   },
 
   onUnmounted () {
@@ -5994,14 +6007,19 @@ var script$k = {
       this.handleCancelRoute();
     },
 
-    async fetch (params) {
+    async fetchSingle (externalPayload = {}) {
       this.mx_isFetching = true;
 
       try {
-        const payload = { form: true, id: this.id, params, url: this.fetchURL };
+        const payload = {
+          form: true,
+          id: this.id,
+          url: this.fetchURL,
+          ...externalPayload
+        };
 
         this.$qas.logger.group(
-          `QasFormView - fetch -> payload do parâmetro do ${this.entity}/fetchSingle`, [payload]
+          `QasFormView - fetchSingle -> payload do parâmetro do ${this.entity}/fetchSingle`, [payload]
         );
 
         const response = await this.$store.dispatch(`${this.entity}/fetchSingle`, payload);
@@ -6023,24 +6041,24 @@ var script$k = {
         result && Object.assign(modelValue, result);
 
         this.$qas.logger.group(
-          `QasFormView - fetch -> resposta da action ${this.entity}/fetchSingle`, [response]
+          `QasFormView - fetchSingle -> resposta da action ${this.entity}/fetchSingle`, [response]
         );
 
         if (this.useDialogOnUnsavedChanges) {
           this.cachedResult = quasar.extend(true, {}, result || modelValue);
-          this.$qas.logger.group('QasFormView - fetch -> cachedResult', [this.cachedResult]);
+          this.$qas.logger.group('QasFormView - fetchSingle -> cachedResult', [this.cachedResult]);
         }
 
         this.$emit('update:modelValue', modelValue);
         this.$emit('fetch-success', response, this.modelValue);
 
-        this.$qas.logger.group('QasFormView - fetch -> modelValue', [modelValue]);
+        this.$qas.logger.group('QasFormView - fetchSingle -> modelValue', [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`,
+          `QasFormView - fetchSingle -> exceção da action ${this.entity}/fetchSingle`,
           [error],
           { error: true }
         );
@@ -6128,7 +6146,12 @@ var script$k = {
       this.isSubmitting = true;
 
       try {
-        const payload = { id: this.id, payload: this.modelValue, url: this.url, ...externalPayload };
+        const payload = {
+          id: this.id,
+          payload: this.modelValue,
+          url: this.url,
+          ...externalPayload
+        };
 
         this.$qas.logger.group(
           `QasFormView - submit -> payload do ${this.entity}/${this.mode}`, [payload]
@@ -6164,7 +6187,7 @@ var script$k = {
         this.$emit('submit-error', error);
 
         this.$qas.logger.group(
-          `QasFormView - fetch -> exceção da action ${this.entity}/${this.mode}`,
+          `QasFormView - submit -> exceção da action ${this.entity}/${this.mode}`,
           [error],
           { error: true }
         );
@@ -6749,6 +6772,10 @@ var script$g = {
     }
   },
 
+  mounted () {
+    this.menuDrawer = !this.$qas.screen.untilMedium;
+  },
+
   methods: {
     toggleMenuDrawer () {
       this.menuDrawer = !this.menuDrawer;
@@ -7064,7 +7091,7 @@ var script$e = {
     },
 
     async refresh (done) {
-      await this.fetchList();
+      await this.mx_fetchHandler({ ...this.mx_context, url: this.url }, this.fetchList);
 
       if (typeof done === 'function') {
         done();
@@ -7465,8 +7492,7 @@ var script$c = {
 
       return {
         tag: 'div',
-        enterActiveClass: 'animated slideInDown',
-        leaveActiveClass: 'animated slideOutUp'
+        enterActiveClass: 'animated slideInDown'
       }
     }
   },
@@ -7475,7 +7501,12 @@ var script$c = {
     modelValue: {
       handler (value) {
         this.nested = quasar.extend(true, [], value);
+      },
+      immediate: true
+    },
 
+    rowObject: {
+      handler () {
         if (!this.nested.length) return this.setDefaultNestedValue()
       },
       immediate: true
@@ -7515,7 +7546,7 @@ var script$c = {
     },
 
     destroy (index, row) {
-      !row[this.identifierItemKey] || this.useRemoveOnDestroy
+      !row[this.identifierItemKey] && this.useRemoveOnDestroy
         ? this.nested.splice(index, 1)
         : this.nested.splice(index, 1, { [this.destroyKey]: true, ...row });
 
@@ -9460,7 +9491,7 @@ var script$2 = {
     tabs: {
       default: () => ({}),
       required: true,
-      type: Object
+      type: [Object, Array]
     }
   },
 
@@ -9517,7 +9548,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
           (vue.openBlock(), vue.createBlock(_component_q_tab, vue.mergeProps({ key: key }, tab, {
             class: $props.tabClass,
             label: tab.label,
-            name: key
+            name: tab.value
           }), {
             default: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, `tab-after-${tab.value}`, { item: tab }, () => [
@@ -10012,7 +10043,7 @@ script.__file = "src/components/transfer/QasTransfer.vue";
 
 var name = "@bildvitta/quasar-ui-asteroid";
 var description = "Asteroid";
-var version$1 = "3.0.0-beta.18";
+var version$1 = "3.0.0-beta.19";
 var author = "Bild & Vitta <systemteam@bild.com.br>";
 var license = "MIT";
 var main = "dist/asteroid.cjs.min.js";