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

package/dist/api/QasDialog.json

@@ -64,7 +64,7 @@
     "persistent": {
       "desc": "Define se o dialog vai fechar ou não após clicar fora do dialog.",
       "default": true,
-      "type": "Object"
+      "type": "Boolean"
     },
     "use-close-button": {
       "desc": "Define se vai ter ou não Ícone de fechar o dialog.",
@@ -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/QasFormGenerator.json

@@ -38,16 +38,44 @@
         "{ email: { name: 'email', type: 'email', label: 'E-mail' } }"
       ]
     },
+    "fieldset": {
+      "desc": "Lista para agrupar elementos por rótulo (label).",
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "{ personalInformation: { label: 'Informações pessoais', fields: [name, email] } }"
+      ]
+    },
+    "fieldset-gutter": {
+      "desc": "Espaçamento entre rótulos (label).",
+      "default": "lg",
+      "type": [
+        "String",
+        "Boolean"
+      ],
+      "examples": [
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl",
+        false
+      ]
+    },
     "gutter": {
       "desc": "Espaçamento entre colunas.",
       "default": "md",
-      "type": "String",
+      "type": [
+        "String",
+        "Boolean"
+      ],
       "examples": [
         "xs",
         "sm",
         "md",
         "lg",
-        "xl"
+        "xl",
+        false
       ]
     },
     "model-value": {
@@ -78,6 +106,9 @@
       }
     }
   },
+  "legend-[nome-da-chave]": {
+    "desc": "Acessa o slot de um rótulo (label)."
+  },
   "events": {
     "@update:model-value -> function(value)": {
       "desc": "Dispara quando o model-value altera, também usado para v-model.",

package/dist/api/QasSearchBox.json

@@ -9,6 +9,28 @@
       "default": "100px",
       "type": "String"
     },
+    "empty-result-text": {
+      "desc": "Define o texto dentro do box quando a lista está vazia.",
+      "default": "Não há resultados disponíveis.",
+      "type": "String"
+    },
+    "entity": {
+      "desc": "Entidade enviada para a action \"fetchFieldOptions\" (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "default": "",
+      "type": "String",
+      "examples": [
+        "users"
+      ]
+    },
+    "fetching": {
+      "desc": "Usado para saber quando o componente está fazendo fetching (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "default": false,
+      "type": "Boolean",
+      "model": true,
+      "examples": [
+        "v-model:fetching=\"isFetching\""
+      ]
+    },
     "fuse-options": {
       "desc": "Opções do Fuse.js (https://fusejs.io/api/options.html).",
       "debugger": true,
@@ -26,8 +48,20 @@
       "default": "300px",
       "type": "String"
     },
+    "lazy-loading-props": {
+      "desc": "Propriedades para o lazy loading (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "type": "Object",
+      "debugger": true,
+      "default": {
+        "decamelizeFieldName": true,
+        "url": "",
+        "params": {
+          "limit": 48
+        }
+      }
+    },
     "list": {
-      "desc": "Lista onde ocorrerá a busca (array de objetos).",
+      "desc": "Lista onde ocorrerá a busca sendo array de objetos (usar somente quando \"useLazyLoading\" **NÃO** estiver habilitada).",
       "default": [],
       "type": "String"
     },
@@ -39,6 +73,13 @@
       ],
       "model": true
     },
+    "name": {
+      "desc": "Nome do campo a ser enviado para a action \"fetchFieldOptions\" (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "type": "String",
+      "examples": [
+        "cities"
+      ]
+    },
     "placeholder": {
       "desc": "Placeholder do campo de pesquisa.",
       "default": "Pesquisar",
@@ -57,6 +98,11 @@
       "desc": "Controla o slot \"empty-result\".",
       "default": true,
       "type": "Boolean"
+    },
+    "use-lazy-loading": {
+      "desc": "Controla a busca pela store \"fetchFieldOptions\".",
+      "default": false,
+      "type": "Boolean"
     }
   },
   "slots": {
@@ -65,6 +111,9 @@
     },
     "empty-result": {
       "desc": "Acesso ao conteúdo quando a busca não retorne resultado e a prop \"useEmptySlot\" seja \"true\"."
+    },
+    "loading": {
+      "desc": "Acesso ao conteúdo do loading que contém o \"<q-spinner-dots />\".."
     }
   },
   "events": {
@@ -89,6 +138,36 @@
           "type": "Array"
         }
       }
+    },
+    "@update:fetching -> function (value)": {
+      "desc": "Dispara toda vez que o campo de busca faz o fetch do lazy loading",
+      "params": {
+        "value": {
+          "desc": "Novo valor do v-model:fetching",
+          "default": false,
+          "type": "Boolean"
+        }
+      }
+    },
+    "@fetch-options-success -> function (value)": {
+      "desc": "Dispara toda vez que o campo de busca faz o fetch do lazy loading com sucesso.",
+      "params": {
+        "value": {
+          "desc": "Valor retornado pela action \"fetchFieldOptions\"",
+          "default": {},
+          "type": "Object"
+        }
+      }
+    },
+    "@fetch-options-error -> function (value)": {
+      "desc": "Dispara toda vez que o campo de busca faz o fetch do lazy loading e cai em uma exceção.",
+      "params": {
+        "value": {
+          "desc": "Valor retornado pela action \"fetchFieldOptions\"",
+          "default": {},
+          "type": "Object"
+        }
+      }
     }
   }
 }

package/dist/api/QasSelect.json

@@ -7,6 +7,23 @@
     "desc": "Componente para select que implementa o \"QSelect\" repassando propriedades, slots e eventos."
   },
   "props": {
+    "entity": {
+      "desc": "Entidade enviada para a action \"fetchFieldOptions\" (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "default": "",
+      "type": "String",
+      "examples": [
+        "users"
+      ]
+    },
+    "fetching": {
+      "desc": "Usado para saber quando o componente está fazendo fetching (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "default": false,
+      "type": "Boolean",
+      "model": true,
+      "examples": [
+        "v-model:fetching=\"isFetching\""
+      ]
+    },
     "fuse-options": {
       "desc": "Opções do Fuse.js (https://fusejs.io/api/options.html).",
       "type": "Object",
@@ -27,6 +44,18 @@
         "label-key=\"name\""
       ]
     },
+    "lazy-loading-props": {
+      "desc": "Propriedades para o lazy loading (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "type": "Object",
+      "debugger": true,
+      "default": {
+        "decamelizeFieldName": true,
+        "url": "",
+        "params": {
+          "limit": 48
+        }
+      }
+    },
     "model-value": {
       "desc": "Model do componente.",
       "default": [],
@@ -34,13 +63,21 @@
         "Array",
         "Object",
         "String",
-        "Number"
+        "Number",
+        "Boolean"
       ],
       "examples": [
         "v-model=\"value\""
       ],
       "model": true
     },
+    "name": {
+      "desc": "Nome do campo a ser enviado para a action \"fetchFieldOptions\" (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "type": "String",
+      "examples": [
+        "cities"
+      ]
+    },
     "no-option-label": {
       "desc": "Rótulo padrão de quando os options estão vazios.",
       "default": "Nenhum resultado foi encontrado.",
@@ -61,6 +98,11 @@
     "use-search": {
       "desc": "Controla se vai ou não ter campo de busca no select.",
       "type": "Boolean"
+    },
+    "use-lazy-loading": {
+      "desc": "Controla a busca pela store \"fetchFieldOptions\".",
+      "default": false,
+      "type": "Boolean"
     }
   },
   "events": {
@@ -73,10 +115,41 @@
             "Array",
             "Object",
             "String",
-            "Number"
+            "Number",
+            "Boolean"
           ]
         }
       }
+    },
+    "@update:fetching -> function (value)": {
+      "desc": "Dispara toda vez que o campo de busca faz o fetch do lazy loading",
+      "params": {
+        "value": {
+          "desc": "Novo valor do v-model:fetching",
+          "default": false,
+          "type": "Boolean"
+        }
+      }
+    },
+    "@fetch-options-success -> function (value)": {
+      "desc": "Dispara toda vez que o campo de busca faz o fetch do lazy loading com sucesso.",
+      "params": {
+        "value": {
+          "desc": "Valor retornado pela action \"fetchFieldOptions\"",
+          "default": {},
+          "type": "Object"
+        }
+      }
+    },
+    "@fetch-options-error -> function (value)": {
+      "desc": "Dispara toda vez que o campo de busca faz o fetch do lazy loading e cai em uma exceção.",
+      "params": {
+        "value": {
+          "desc": "Valor retornado pela action \"fetchFieldOptions\"",
+          "default": {},
+          "type": "Object"
+        }
+      }
     }
   }
 }

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}