@bildvitta/quasar-ui-asteroid 3.0.0-beta.4 → 3.0.0-beta.7

package/dist/vetur/asteroid-tags.json

@@ -1,12 +1,12 @@
 {
   "qas-actions-menu": {
     "attributes": [
+      "delete-icon",
+      "delete-label",
+      "delete-props",
       "icon",
       "label",
-      "list",
-      "delete-label",
-      "delete-icon",
-      "delete-props"
+      "list"
     ],
     "description": "Componente para abrir um menu de ação a partir de um botão, muito utilizado em tela de edição."
   },
@@ -28,18 +28,19 @@
   "qas-app-bar": {
     "attributes": [
       "is-auth",
-      "title",
       "notifications",
+      "title",
       "user"
     ],
     "description": "Cria um seção para alertar sobre um conteúdo."
   },
   "qas-app-menu": {
     "attributes": [
-      "model-value",
+      "brand-menu",
       "items",
-      "title",
-      "modules"
+      "model-value",
+      "modules",
+      "title"
     ],
     "description": "Menu lateral."
   },
@@ -88,17 +89,17 @@
   },
   "qas-checkbox-group": {
     "attributes": [
-      "options",
+      "inline",
       "model-value",
-      "inline"
+      "options"
     ],
     "description": "Componente para gerar dinamicamente checkbox agrupados."
   },
   "qas-copy": {
     "attributes": [
       "icon",
-      "size",
-      "text"
+      "text",
+      "size"
     ],
     "description": "Copia algum texto para o clipboard após clicar no botão."
   },
@@ -108,10 +109,10 @@
       "date-only",
       "date-props",
       "gmt",
+      "model-value",
       "time-mask",
       "time-only",
-      "time-props",
-      "model-value"
+      "time-props"
     ],
     "description": "Componente de input data e hora, implementa o \"QasInput\"."
   },
@@ -123,12 +124,12 @@
   },
   "qas-delete": {
     "attributes": [
-      "entity",
       "custom-id",
+      "deleting",
       "dialog-props",
-      "url",
+      "entity",
       "tag",
-      "deleting",
+      "url",
       "use-auto-delete-route"
     ],
     "description": "Componente para C.R.U.D. responsável por deletar (Delete)."
@@ -141,15 +142,15 @@
     "attributes": [
       "actions-props",
       "cancel",
-      "card",
       "card-props",
+      "card",
       "max-width",
       "min-width",
+      "model-value",
       "ok",
       "persistent",
-      "use-form",
-      "model-value",
-      "use-close-icon"
+      "use-close-icon",
+      "use-form"
     ],
     "description": "Componente de dialog."
   },
@@ -164,25 +165,25 @@
   "qas-filters": {
     "attributes": [
       "entity",
+      "force-refetch",
+      "search-placeholder",
+      "url",
       "use-badges",
       "use-filter-button",
-      "use-search",
       "use-search-on-type",
-      "search-placeholder",
-      "url",
-      "force-refetch"
+      "use-search"
     ],
     "description": "Componente para criação de filtros dinâmicos."
   },
   "qas-form-generator": {
     "attributes": [
+      "columns",
       "error",
-      "fields",
       "fields-props",
-      "order",
+      "fields",
+      "gutter",
       "model-value",
-      "columns",
-      "gutter"
+      "order"
     ],
     "description": "Componente para criação de múltiplos campos dinâmicos a partir do componente `QasField`."
   },
@@ -191,22 +192,22 @@
       "cancel-button",
       "cancel-route",
       "custom-id",
+      "dialog",
       "disable",
+      "entity",
+      "errors",
+      "fetching",
+      "fields",
+      "ignore-keys-in-unsaved-changes",
+      "metadata",
       "mode",
+      "model-value",
       "read-only",
       "route",
       "show-dialog-on-unsaved-changes",
-      "ignore-keys-in-unsaved-changes",
       "submit-button",
-      "model-value",
       "submitting",
-      "entity",
-      "dialog",
-      "url",
-      "fields",
-      "errors",
-      "metadata",
-      "fetching"
+      "url"
     ],
     "description": "Componente para C.R.U.D. responsável pela pela criação (Create) e edição (Update)."
   },
@@ -215,8 +216,8 @@
       "carousel-next-icon",
       "carousel-previous-icon",
       "height",
-      "initial-size",
       "images",
+      "initial-size",
       "load-size",
       "show-more-label",
       "use-load-all"
@@ -225,25 +226,25 @@
   },
   "qas-grid-generator": {
     "attributes": [
+      "columns",
       "content-class",
-      "header-class",
-      "hide-empty-result",
       "empty-result-text",
-      "result",
       "fields",
-      "columns",
-      "gutter"
+      "gutter",
+      "header-class",
+      "hide-empty-result",
+      "result"
     ],
     "description": "Componente para criação de textos dinâmicos."
   },
   "qas-input": {
     "attributes": [
+      "error-message",
+      "error",
       "model-value",
-      "unmasked-value",
       "outlined",
-      "error",
-      "error-message",
-      "remove-error-on-type"
+      "remove-error-on-type",
+      "unmasked-value"
     ],
     "description": "Componente para input que implementa o \"QInput\" repassando propriedades, slots e eventos."
   },
@@ -276,17 +277,17 @@
   },
   "qas-list-view": {
     "attributes": [
-      "entity",
       "dialog",
-      "url",
-      "results",
-      "fields",
+      "disable-refresh",
+      "entity",
       "errors",
-      "metadata",
       "fetching",
-      "disable-refresh",
-      "use-filter",
-      "filters-props"
+      "fields",
+      "filters-props",
+      "metadata",
+      "results",
+      "url",
+      "use-filter"
     ],
     "description": "Componente para C.R.U.D. responsável pela parte de listagem (Read)."
   },
@@ -305,12 +306,12 @@
       "btn-destroy-props",
       "btn-duplicate-props",
       "destroy-key",
-      "model-value",
       "errors",
       "field",
       "fields-props",
       "form-columns",
       "form-gutter",
+      "model-value",
       "row-label",
       "row-object",
       "use-animation",
@@ -338,21 +339,21 @@
   "qas-page-header": {
     "attributes": [
       "breadcrumbs",
-      "use-breadcrumbs",
       "title",
-      "root"
+      "root",
+      "use-breadcrumbs"
     ],
     "description": "Componente para cabeçalho de páginas com breadcrumbs e botão de voltar baseado no histórico de navegação dentro da aplicação."
   },
   "qas-password-input": {
     "attributes": [
-      "use-strength-checker",
       "icon-color",
-      "model-value",
       "levels",
+      "model-value",
       "minlength",
       "specials",
       "track-color",
+      "use-strength-checker",
       "use-lowercase",
       "use-numbers",
       "use-special",
@@ -362,9 +363,9 @@
   },
   "qas-password-strength-checker": {
     "attributes": [
-      "model-value",
-      "password",
       "levels",
+      "password",
+      "model-value",
       "minlength",
       "specials",
       "track-color",
@@ -382,16 +383,16 @@
       "list",
       "result",
       "subtitle",
-      "title",
-      "tag"
+      "tag",
+      "title"
     ],
     "description": "Componente para cabeçalho de perfil."
   },
   "qas-resizer": {
     "attributes": [
+      "resize",
       "size",
-      "source",
-      "resize"
+      "source"
     ],
     "description": "Componente para exibir imagem redimensionadas, implementa o \"QImg\"."
   },
@@ -403,8 +404,8 @@
       "list",
       "model-value",
       "placeholder",
-      "use-empty-slot",
-      "results"
+      "results",
+      "use-empty-slot"
     ],
     "description": "Componente para pesquisa utilizando Fuse.js."
   },
@@ -414,17 +415,17 @@
       "fuse-options",
       "list",
       "model-value",
-      "to",
+      "param-key",
       "redirect-key",
-      "param-key"
+      "to"
     ],
     "description": "Componente para selecionar dentro de uma lista com pesquisa utilizando o `QasSearchBox`."
   },
   "qas-select": {
     "attributes": [
-      "model-value",
       "fuse-options",
       "label-key",
+      "model-value",
       "no-option-label",
       "options",
       "searchable",
@@ -444,46 +445,46 @@
   "qas-signature-uploader": {
     "attributes": [
       "dialog-props",
-      "upload-label",
-      "signature-label",
       "model-value",
+      "readonly",
+      "signature-label",
       "type",
-      "readonly"
+      "upload-label"
     ],
     "description": "Componente \"qas-signature-uploader\" do Asteroid."
   },
   "qas-single-view": {
     "attributes": [
-      "entity",
       "custom-id",
       "dialog",
-      "url",
-      "result",
-      "fields",
+      "entity",
       "errors",
+      "fields",
+      "fetching",
       "metadata",
-      "fetching"
+      "result",
+      "url"
     ],
     "description": "Componente para C.R.U.D. responsável pela visualização (Read) ou conhecido também como \"show\"."
   },
   "qas-sortable": {
     "attributes": [
       "entity",
-      "sortable-options",
       "list",
+      "sortable-options",
+      "sorted",
       "tag",
-      "url",
-      "sorted"
+      "url"
     ],
     "description": "Componente para reordenar items em uma lista e salvar após isto."
   },
   "qas-table-generator": {
     "attributes": [
       "columns",
+      "empty-result-text",
       "fields",
       "results",
       "row-key",
-      "empty-result-text",
       "use-scroll-on-grab"
     ],
     "description": "Componente para criação de tabela dinâmica usando o `QTable` do quasar."
@@ -513,10 +514,10 @@
   "qas-transfer": {
     "attributes": [
       "emit-value",
-      "model-value",
       "fuse-options",
-      "label",
       "label-key",
+      "label",
+      "model-value",
       "options",
       "use-empty-slot",
       "value-key"
@@ -530,11 +531,11 @@
       "error-message",
       "hint",
       "max-files",
+      "model-value",
       "pica-resize-options",
+      "readonly",
       "size-limit",
       "use-resize",
-      "readonly",
-      "model-value",
       "uploading"
     ],
     "description": "Componente para upload com auto redimensionamento que implementa o \"QField\" e \"QUploader\"."

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.0.0-beta.4",
+  "version": "3.0.0-beta.7",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "dist/asteroid.cjs.min.js",

package/src/assets/gear.svg

@@ -0,0 +1,27 @@
+<?xml version='1.0' encoding='utf-8'?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100">
+  <g>
+    <path id="small" fill="#424242" d="m86.6 10.3v-0.1c-1.5-2-3.3-3.7-5.4-5.3v0.1c-1.7 1.3-3.4 2.7-5 4.1-0.7-0.4-1.3-0.7-1.9-1-0.8-0.4-1.6-0.8-2.5-1-0.3-0.1-0.6-0.2-0.9-0.2-0.2-2.2-0.4-4.4-0.7-6.6-1-0.2-2-0.2-3.1-0.3h-1.6c-1 0.1-1.9 0.1-2.8 0.3-0.3 2.1-0.5 4.3-0.6 6.5-0.4 0-0.7 0.1-1.1 0.2-0.1 0-0.2 0-0.3 0.1-0.8 0.2-1.6 0.6-2.4 1-0.7 0.3-1.3 0.6-1.9 1-1.7-1.4-3.3-2.7-5-4.1l-0.1-0.1c-0.4 0.3-0.8 0.6-1.1 0.9-0.7 0.5-1.3 1.1-1.8 1.7-0.9 0.8-1.6 1.8-2.4 2.8h0.1c1.3 1.7 2.7 3.3 4.1 5-0.4 0.6-0.8 1.3-1.1 1.9-0.4 0.8-0.7 1.7-0.9 2.5-0.2 0.4-0.3 0.8-0.3 1.1-2.2 0.2-4.4 0.4-6.5 0.7-0.2 1-0.3 2-0.3 3.1 0 1.5 0.1 3 0.4 4.4 2.1 0.2 4.2 0.4 6.4 0.6 0 0.4 0.1 0.8 0.3 1.1 0.2 0.9 0.5 1.7 0.9 2.6 0.4 0.7 0.7 1.4 1.2 2-1.4 1.7-2.8 3.3-4.1 5 1.5 2.1 3.3 3.9 5.4 5.4v-0.1c1.6-1.3 3.3-2.7 4.9-4.1h0.1c0.5 0.3 1.1 0.6 1.6 0.9 0.9 0.4 1.9 0.8 2.8 1 0.4 0.1 0.7 0.2 1 0.3 0.2 2.1 0.4 4.3 0.7 6.5 0.9 0.1 1.8 0.2 2.8 0.2h1.5c1.1 0 2.2-0.1 3.3-0.3 0.2-2.1 0.4-4.3 0.6-6.5 0.3-0.1 0.6-0.2 0.9-0.3 0.9-0.2 1.7-0.5 2.5-0.9 0.7-0.3 1.4-0.7 2.1-1.2 0 0.1 0 0.1 0.1 0.1 1.6 1.4 3.3 2.8 5 4.1 0.3-0.2 0.6-0.4 1-0.7 0.6-0.5 1.2-1.1 1.7-1.7 0.9-0.9 1.8-1.9 2.6-3-1.4-1.7-2.8-3.4-4.2-5v-0.1c0.3-0.5 0.6-1.1 0.9-1.7 0.3-0.8 0.7-1.6 0.9-2.4 0-0.1 0-0.2 0.1-0.2 0-0.4 0.1-0.7 0.2-0.9 2.2-0.2 4.4-0.4 6.5-0.6 0.2-1 0.2-2 0.3-3v-1.7c-0.1-1-0.1-2-0.3-3-2.1-0.2-4.3-0.4-6.5-0.6-0.1-0.3-0.2-0.6-0.2-0.9-0.3-0.9-0.6-1.8-1-2.7-0.3-0.6-0.7-1.3-1-1.9 1.3-1.6 2.7-3.3 4.1-5zm-26.7 8.3c1.8-1.9 4-2.8 6.5-2.7 2.6-0.1 4.7 0.8 6.6 2.7 1.8 1.8 2.7 4 2.7 6.5 0 2.6-0.9 4.7-2.7 6.6-1.9 1.8-4 2.7-6.6 2.7-2.5 0-4.7-0.9-6.5-2.7-1.8-1.9-2.7-4-2.7-6.6 0-2.5 0.9-4.7 2.7-6.5z"></path>
+    <path fill="#424242" d="m66.5 17.2c-2.2 0-4 0.8-5.6 2.3-1.5 1.6-2.3 3.4-2.3 5.6s0.8 4 2.3 5.6c1.6 1.6 3.4 2.4 5.6 2.4s4-0.8 5.6-2.4 2.3-3.4 2.3-5.6-0.7-4-2.3-5.6c-1.6-1.5-3.4-2.3-5.6-2.3zm-4.2 3.7c1.2-1.1 2.6-1.7 4.2-1.7s3 0.6 4.2 1.7c1.2 1.2 1.7 2.5 1.7 4.2s-0.5 3.1-1.7 4.2c-1.2 1.2-2.6 1.8-4.2 1.8s-3-0.6-4.2-1.8c-1.1-1.1-1.7-2.5-1.7-4.2 0-1.6 0.6-3 1.7-4.2z"/>
+    <animateTransform
+      attributeName="transform"
+      attributeType="XML"
+      type="rotate"
+      from="360 66 25.1"
+      to="0 66 25.1"
+      dur="6s"
+      repeatCount="indefinite"/>
+  </g>
+  <g>
+    <path id="big" fill="#424242" d="m40.8 33.6c-0.4-0.2-0.7-0.3-1-0.3-1.2-0.3-2.4-0.5-3.6-0.7-1.1 2.7-2 5.3-2.9 7.9h-1.8c-1.2 0.1-2.3 0.2-3.4 0.4-0.9 0.1-1.8 0.4-2.7 0.7-1.6-2.3-3.3-4.6-4.9-6.8l-0.1-0.1c-0.6 0.2-1.2 0.4-1.7 0.7-1 0.4-1.9 0.9-2.8 1.5-1.4 0.7-2.7 1.6-3.9 2.7v0.1c1.2 2.5 2.3 5 3.5 7.5-0.7 0.7-1.3 1.3-1.9 2.1-0.8 0.8-1.5 1.8-2.1 2.8-0.3 0.4-0.5 0.8-0.7 1.3-2.8-0.5-5.6-1-8.4-1.4-0.5 1.2-1 2.4-1.4 3.7-0.4 2-0.8 3.9-1 5.8l7.8 3v1.4c0 1.1 0.1 2.3 0.4 3.5 0.1 1 0.4 2 0.7 3-2.3 1.6-4.5 3.2-6.8 4.9 1.2 3 2.9 5.8 4.9 8.4h0.1c2.5-1.2 5-2.3 7.6-3.5 0.6 0.6 1.2 1.1 1.8 1.7 0.9 0.8 2 1.5 3.2 2.2 0.3 0.2 0.7 0.4 1.1 0.7-0.5 2.7-0.9 5.5-1.3 8.3 1.1 0.5 2.2 0.9 3.4 1.2 0.3 0.1 0.9 0.3 1.9 0.5 1.4 0.4 2.8 0.6 4.1 0.8 1.1-2.7 2.1-5.3 3-8h1.3c1.2 0 2.3-0.1 3.4-0.3 1-0.2 2-0.5 3-0.8 0 0 0 0.1 0.1 0.1 1.6 2.3 3.3 4.6 4.9 6.9 0.5-0.3 1-0.5 1.4-0.7 1-0.4 1.9-0.9 2.8-1.4 1.5-0.9 2.9-1.9 4.2-3-1.1-2.6-2.3-5.1-3.5-7.7 0.6-0.6 1.1-1.2 1.7-1.8 0.7-0.9 1.4-1.9 2-2.8 0-0.1 0.1-0.2 0.1-0.3 0.2-0.3 0.4-0.7 0.6-1 2.8 0.5 5.6 0.9 8.4 1.4 0.5-1.2 0.9-2.4 1.3-3.7 0.1-0.3 0.2-0.6 0.3-1 0.1-0.3 0.1-0.6 0.3-1 0.2-1.3 0.5-2.6 0.6-3.8-2.6-1.1-5.3-2-7.9-3v-1.2c0-1.2-0.1-2.5-0.4-3.7-0.1-0.9-0.4-1.8-0.6-2.7 2.3-1.6 4.6-3.3 6.8-5h0.1c-1.2-3-2.8-5.8-5-8.4-2.6 1.1-5.1 2.3-7.6 3.5-0.7-0.7-1.4-1.4-2.1-2-0.9-0.7-1.8-1.4-2.8-1.9-0.3-0.3-0.7-0.5-1-0.7 0.4-2.8 0.9-5.6 1.3-8.4-1.2-0.5-2.5-1-3.8-1.4-0.3-0.1-0.7-0.2-1-0.2zm-18.6 37.4c-1.7-2.9-2.1-5.9-1.2-9.1 0.8-3.2 2.7-5.6 5.6-7.3 2.8-1.6 5.9-2 9-1.2 3.2 0.9 5.7 2.7 7.3 5.6 1.7 2.9 2.1 5.9 1.2 9.1-0.8 3.2-2.7 5.6-5.5 7.2-3 1.7-6 2.1-9.1 1.2-3.2-0.8-5.7-2.7-7.3-5.5z"></path>
+    <path fill="#424242" d="m22.8 62.4c-0.8 2.7-0.5 5.3 0.9 7.7h0.1c1.4 2.5 3.5 4 6.2 4.8 2.7 0.7 5.3 0.4 7.8-1 2.5-1.5 4-3.5 4.8-6.2v-0.1c0.7-2.7 0.3-5.3-1.1-7.7-1.4-2.5-3.5-4.1-6.2-4.8-2.7-0.8-5.4-0.4-7.8 1-2.5 1.4-4 3.5-4.7 6.3zm6-4c1.9-1.1 3.8-1.4 5.8-0.8 2 0.5 3.6 1.7 4.7 3.6 1.1 1.8 1.3 3.8 0.8 5.8-0.6 2-1.8 3.6-3.6 4.6v0.1c-1.9 1-3.8 1.3-5.8 0.7-2.1-0.5-3.6-1.7-4.7-3.6-1-1.8-1.3-3.7-0.8-5.8 0.6-2 1.8-3.5 3.6-4.6z" />
+    <animateTransform
+      attributeName="transform"
+      attributeType="XML"
+      type="rotate"
+      from="0 32.5 65"
+      to="360 32.5 65"
+      dur="6s"
+      repeatCount="indefinite"/>
+  </g>
+</svg>

package/src/components/actions-menu/QasActionsMenu.vue

@@ -3,7 +3,7 @@
     <q-menu class="qas-actions-menu__menu">
       <q-list class="qas-actions-menu__list" separator>
         <slot v-for="(item, key) in list" :item="item" :name="key">
-          <q-item :key="key" class="text-bold text-primary" clickable v-bind="item.props" @click="onClick(item)">
+          <q-item :key="key" class="text-primary" clickable v-bind="item.props" @click="onClick(item)">
             <q-item-section>
               <div class="flex items-center justify-center q-gutter-x-md">
                 <q-icon :name="item.icon" size="sm" />
@@ -15,7 +15,7 @@
 
         <qas-delete v-if="hasDelete" v-bind="deleteProps" class="text-negative" clickable tag="q-item" @success="onDeleteSuccess">
           <q-item-section>
-            <div class="flex items-center justify-center q-gutter-x-sm text-bold">
+            <div class="flex items-center justify-center q-gutter-x-sm">
               <q-icon :name="deleteIcon" size="sm" />
               <div>{{ deleteLabel }}</div>
             </div>

package/src/components/actions-menu/QasActionsMenu.yml

@@ -4,6 +4,21 @@ meta:
   desc: Componente para abrir um menu de ação a partir de um botão, muito utilizado em tela de edição.
 
 props:
+  delete-icon:
+    desc: Ícone do botão de deletar.
+    default: o_delete
+    type: String
+
+  delete-label:
+    desc: Rótulo do botão de deletar.
+    default: Excluir
+    type: String
+
+  delete-props:
+    desc: Props para repassar para o componente "QasDelete", caso seja um objeto vazio, o componente não vai adicionar a opção de deletar por padrão.
+    default: {}
+    type: Object
+
   icon:
     desc: Ícone do botão.
     default: o_settings
@@ -29,21 +44,6 @@ props:
       }"
     ]
 
-  delete-label:
-    desc: Rótulo do botão de deletar.
-    default: Excluir
-    type: String
-
-  delete-icon:
-    desc: Ícone do botão de deletar.
-    default: o_delete
-    type: String
-
-  delete-props:
-    desc: Props para repassar para o componente "QasDelete", caso seja um objeto vazio, o componente não vai adicionar a opção de deletar por padrão.
-    default: {}
-    type: Object
-
 slots:
   '[nome-da-chave]':
     desc: 'Slot dinâmico gerado a partir das chaves dentro do objeto da prop "list"'

package/src/components/app-bar/QasAppBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-header class="bg-white qas-app-bar shadow-primary" height-hint="70">
+  <q-header class="bg-white qas-app-bar shadow-14" height-hint="70">
     <q-toolbar class="qas-app-bar__toolbar" color="bg-white">
       <q-ajax-bar color="white" position="top" size="2px" />
 
@@ -30,7 +30,7 @@
             <div class="ellipsis text-bold">{{ user.email }}</div>
           </div>
 
-          <q-menu anchor="bottom end" class="shadow-primary" max-height="400px" :offset="[0, 5]" self="top end">
+          <q-menu anchor="bottom end" class="shadow-14" max-height="400px" :offset="[0, 5]" self="top end">
             <div class="qas-app-bar__user-menu">
               <div class="q-pa-lg text-center">
                 <button class="unset" @click="goToProfile">

package/src/components/app-bar/QasAppBar.yml

@@ -8,15 +8,15 @@ props:
     desc: Controla se mostra ou não o menu de usuário.
     type: Boolean
 
-  title:
-    desc: Título do header, normalmente usado como título da aplicação.
-    type: String
-
   notifications:
     desc: Ícone de notificação que fica ao lado do menu de usuário.
     type: Object
     default: {}
 
+  title:
+    desc: Título do header, normalmente usado como título da aplicação.
+    type: String
+
   user:
     desc: Informações de usuário para ser usado no menu.
     type: Object

package/src/components/app-menu/QasAppMenu.vue

@@ -35,9 +35,8 @@
         </q-list>
       </div>
 
-      <div class="q-mx-md">
-        <!-- TODO: O Modular não é o Asteroid, então não podemos manter esse logo aqui. -->
-        <img v-if="!isMini" alt="Modular" class="block q-mb-md q-mx-auto" src="../../assets/logo-modular.svg">
+      <div v-if="brandMenu" class="q-mx-md">
+        <img v-if="!isMini" :alt="title" class="block q-mb-md q-mx-auto" :src="brandMenu">
       </div>
     </div>
   </q-drawer>
@@ -65,6 +64,11 @@ export default {
       type: String
     },
 
+    brandMenu: {
+      default: '',
+      type: String
+    },
+
     modules: {
       default: () => [],
       type: Array

package/src/components/app-menu/QasAppMenu.yml

@@ -4,25 +4,29 @@ meta:
   desc: Menu lateral.
 
 props:
-  model-value:
-    desc: Model do componente, controla quando o menu lateral é aberto e fechado.
-    default: true
-    type: Boolean
+  brand-menu:
+    desc: Imagem para ser usada como logo no menu.
+    type: String
 
   items:
     desc: Itens do menu.
     type: Array
     default: []
 
-  title:
-    desc: Título que vai ficar no label do select de módulos.
-    type: String
+  model-value:
+    desc: Model do componente, controla quando o menu lateral é aberto e fechado.
+    default: true
+    type: Boolean
 
   modules:
     desc: Lista de módulos que o usuário tem acesso para navegar.
     type: Array
     default: []
 
+  title:
+    desc: Título que vai ficar no label do select de módulos.
+    type: String
+
 events:
   '@update:model-value -> function(value)':
     desc: Dispara quando o model-value altera, também usado para v-model.

package/src/components/box/QasBox.vue

@@ -22,7 +22,7 @@ export default {
     boxClass () {
       return {
         'border-primary-contrast': this.outlined,
-        'shadow-primary': !this.unelevated
+        'shadow-14': !this.unelevated
       }
     }
   }

package/src/components/btn/QasBtn.vue

@@ -1,6 +1,6 @@
 <template>
   <q-btn color="primary" no-caps unelevated v-bind="attributes">
-    <slot v-if="showLabel" />
+    <slot />
 
     <template v-for="(_, name) in slots" #[name]="context">
       <slot :name="name" v-bind="context || {}" />
@@ -32,7 +32,7 @@ export default {
     },
 
     hasLabel () {
-      return !!(this.label || this.$slots.default)
+      return !!this.label
     },
 
     showLabel () {

package/src/components/btn/QasBtn.yml

@@ -8,7 +8,7 @@ meta:
 
 props:
   hide-label-on-small-screen:
-    desc: Esconde o rótulo (label) do botão quando o tamanho da tela for pequeno.
+    desc: Esconde o rótulo (label) do botão quando o tamanho da tela for pequeno (esta propriedade só funciona se o "rotulo") for passado via propriedade "label".
     type: Boolean
 
   label: