@bildvitta/quasar-ui-asteroid 3.2.0-beta.0 → 3.2.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/package.json +2 -2
  2. package/src/components/app-bar/QasAppBar.vue +30 -21
  3. package/src/components/app-menu/QasAppMenu.vue +68 -59
  4. package/src/components/app-menu/QasAppMenu.yml +0 -4
  5. package/src/components/avatar/QasAvatar.vue +9 -1
  6. package/src/components/layout/QasLayout.vue +3 -1
  7. package/src/css/components/index.scss +1 -0
  8. package/src/css/components/item.scss +35 -0
  9. package/src/css/utils/fonts.scss +2 -2
  10. package/src/css/variables/index.scss +1 -0
  11. package/src/css/variables/spacing.scss +54 -0
  12. package/dist/api/QasActions.json +0 -40
  13. package/dist/api/QasActionsMenu.json +0 -64
  14. package/dist/api/QasAlert.json +0 -40
  15. package/dist/api/QasAppBar.json +0 -48
  16. package/dist/api/QasAppMenu.json +0 -42
  17. package/dist/api/QasAvatar.json +0 -44
  18. package/dist/api/QasBox.json +0 -16
  19. package/dist/api/QasBreakline.json +0 -32
  20. package/dist/api/QasBtn.json +0 -20
  21. package/dist/api/QasCard.json +0 -56
  22. package/dist/api/QasCheckboxGroup.json +0 -38
  23. package/dist/api/QasCopy.json +0 -29
  24. package/dist/api/QasDateTimeInput.json +0 -60
  25. package/dist/api/QasDebugger.json +0 -13
  26. package/dist/api/QasDelete.json +0 -69
  27. package/dist/api/QasDialog.json +0 -113
  28. package/dist/api/QasDialogRouter.json +0 -31
  29. package/dist/api/QasField.json +0 -56
  30. package/dist/api/QasFilters.json +0 -115
  31. package/dist/api/QasFormGenerator.json +0 -128
  32. package/dist/api/QasFormView.json +0 -258
  33. package/dist/api/QasGallery.json +0 -54
  34. package/dist/api/QasGridGenerator.json +0 -109
  35. package/dist/api/QasInput.json +0 -55
  36. package/dist/api/QasLabel.json +0 -40
  37. package/dist/api/QasLayout.json +0 -47
  38. package/dist/api/QasListItems.json +0 -73
  39. package/dist/api/QasListView.json +0 -175
  40. package/dist/api/QasMap.json +0 -41
  41. package/dist/api/QasNestedFields.json +0 -254
  42. package/dist/api/QasNumericInput.json +0 -87
  43. package/dist/api/QasPageHeader.json +0 -36
  44. package/dist/api/QasPasswordInput.json +0 -122
  45. package/dist/api/QasPasswordStrengthChecker.json +0 -126
  46. package/dist/api/QasProfile.json +0 -74
  47. package/dist/api/QasResizer.json +0 -34
  48. package/dist/api/QasSearchBox.json +0 -173
  49. package/dist/api/QasSelect.json +0 -155
  50. package/dist/api/QasSelectList.json +0 -136
  51. package/dist/api/QasSignaturePad.json +0 -63
  52. package/dist/api/QasSignatureUploader.json +0 -48
  53. package/dist/api/QasSingleView.json +0 -156
  54. package/dist/api/QasSortable.json +0 -80
  55. package/dist/api/QasTableGenerator.json +0 -56
  56. package/dist/api/QasTabsGenerator.json +0 -97
  57. package/dist/api/QasTextTruncate.json +0 -38
  58. package/dist/api/QasTransfer.json +0 -71
  59. package/dist/api/QasTreeGenerator.json +0 -89
  60. package/dist/api/QasUploader.json +0 -148
  61. package/dist/asteroid.cjs.css +0 -1
  62. package/dist/asteroid.cjs.js +0 -11153
  63. package/dist/asteroid.cjs.min.js +0 -6
  64. package/dist/asteroid.esm.css +0 -1
  65. package/dist/asteroid.esm.js +0 -11144
  66. package/dist/asteroid.esm.min.js +0 -6
  67. package/dist/asteroid.umd.css +0 -1
  68. package/dist/asteroid.umd.js +0 -11145
  69. package/dist/asteroid.umd.min.js +0 -6
  70. package/dist/vetur/asteroid-attributes.json +0 -1354
  71. package/dist/vetur/asteroid-tags.json +0 -584
@@ -1,56 +0,0 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "desc": "Componente para criação de tabela dinâmica usando o `QTable` do quasar."
5
- },
6
- "props": {
7
- "columns": {
8
- "desc": "Colunas que vão ter na tabela.",
9
- "default": [],
10
- "type": "Array"
11
- },
12
- "empty-result-text": {
13
- "desc": "Quando uma célula da tabela está vazia, esta prop define qual será o valor padrão.",
14
- "default": "-",
15
- "type": "String"
16
- },
17
- "fields": {
18
- "desc": "Lista de field contendo informações necessárias para a criação da tabela.",
19
- "default": {},
20
- "type": "Object",
21
- "examples": [
22
- "{ email: { name: 'email', type: 'email', label: 'E-mail' } }"
23
- ]
24
- },
25
- "results": {
26
- "desc": "Lista com resultados para serem mostrados na tabela.",
27
- "default": {},
28
- "type": "Object",
29
- "examples": [
30
- "{ name: { dense: true, onClick: () => alert('Estou sendo clicado') } }"
31
- ]
32
- },
33
- "row-key": {
34
- "desc": "Propriedade de cada linha que define a chave única de cada linha.",
35
- "default": "name",
36
- "type": "String"
37
- },
38
- "use-scroll-on-grab": {
39
- "desc": "Adiciona scroll pelo mouse ao arrastar tabela em todas as telas (Celular, Desktop).",
40
- "default": true,
41
- "type": "Boolean"
42
- }
43
- },
44
- "slots": {
45
- "body": {
46
- "desc": "Acesso direto dentro do `tbody`.",
47
- "scope": {
48
- "row": {
49
- "desc": "Payload da linha da tabela.",
50
- "default": {},
51
- "type": "Object"
52
- }
53
- }
54
- }
55
- }
56
- }
@@ -1,97 +0,0 @@
1
- {
2
- "type": "component",
3
- "mixins": [
4
- "quasar/dist/api/QTabs.json"
5
- ],
6
- "meta": {
7
- "desc": "Componente para gerar tab dinamicamente, implementa o QTab e Qtabs."
8
- },
9
- "props": {
10
- "active-color": {
11
- "desc": "Cor da tab quando ela está ativa.",
12
- "type": "String",
13
- "examples": [
14
- "primary",
15
- "negative",
16
- "positive"
17
- ]
18
- },
19
- "counter-props": {
20
- "desc": "Contador de cada tags, funciona como um \"notificação\"",
21
- "default": {},
22
- "type": "Object",
23
- "examples": [
24
- "{ tab: 2 }"
25
- ]
26
- },
27
- "fuse-options": {
28
- "desc": "Configurações do [fuse.js](https://fusejs.io/api/options.html).",
29
- "default": {
30
- "keys": [
31
- "label"
32
- ]
33
- },
34
- "type": "Object"
35
- },
36
- "indicator-color": {
37
- "desc": "Cor do indicador.",
38
- "default": "primary",
39
- "type": "String"
40
- },
41
- "model-value": {
42
- "desc": "Model do componente, controla qual é a tab atual selecionada.",
43
- "type": [
44
- "String",
45
- "Number"
46
- ],
47
- "model": true
48
- },
49
- "tab-class": {
50
- "desc": "Classe do QTab",
51
- "default": "text-primary",
52
- "type": "String"
53
- },
54
- "tabs": {
55
- "desc": "Objeto ou Array contendo todas as tabs a serem geradas.",
56
- "default": {},
57
- "type": [
58
- "Object",
59
- "Array"
60
- ],
61
- "examples": [
62
- "{ tab1: 'tab1', tab2: 'tab2' }"
63
- ]
64
- }
65
- },
66
- "slots": {
67
- "tab-[nome-da-chave]": {
68
- "desc": "Slot dinâmico gerado a partir das chave passada na prop \"tabs\", substitui todo o \"q-tab\".",
69
- "scope": {
70
- "item": {
71
- "desc": "Objeto com informações da tab atual",
72
- "type": "Object"
73
- }
74
- }
75
- },
76
- "tab-after-[nome-da-chave]": {
77
- "desc": "Slot dinâmico gerado a partir das chave passada na prop \"tabs\", substitui o conteúdo dentro do \"q-tab\".",
78
- "scope": {
79
- "item": {
80
- "desc": "Objeto com informações da tab atual",
81
- "type": "Object"
82
- }
83
- }
84
- }
85
- },
86
- "events": {
87
- "@update:model-value -> function(value)": {
88
- "desc": "Dispara quando o model-value altera, também usado para v-model.",
89
- "params": {
90
- "value": {
91
- "desc": "Novo valor do model.",
92
- "type": "String"
93
- }
94
- }
95
- }
96
- }
97
- }
@@ -1,38 +0,0 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "desc": "Trunca um texto baseado no tamanho do elemento pai e adiciona um rotulo \"ver mais\" que quando clicado mostra um dialog com o texto original completo (sem ser truncado)."
5
- },
6
- "props": {
7
- "dialog-props": {
8
- "desc": "Repassa todas props e eventos para o componente `QasDialog`.",
9
- "type": "Object",
10
- "default": {
11
- "persistent": false
12
- }
13
- },
14
- "dialog-title": {
15
- "desc": "Seta o título do dialog.",
16
- "type": "String"
17
- },
18
- "max-width": {
19
- "desc": "Seta o tamanho máximo do texto.",
20
- "type": "Number",
21
- "default": 0
22
- },
23
- "see-more-label": {
24
- "desc": "Texto que vai aparecer para ser clicado quando o texto original for truncado.",
25
- "type": "String",
26
- "default": "Ver mais"
27
- },
28
- "text": {
29
- "desc": "Texto a ser truncado.",
30
- "type": "String"
31
- }
32
- },
33
- "slots": {
34
- "default": {
35
- "desc": "slot padrão que é utilizado para acessar o texto original (tanto o que é truncado quando o de dentro do dialog)"
36
- }
37
- }
38
- }
@@ -1,71 +0,0 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "desc": "Componente para transferir itens entre 2 lista (colunas)."
5
- },
6
- "props": {
7
- "emit-value": {
8
- "desc": "Controla como sera o retorno do model, se \"true\" será um array de string, se \"false\" array de objeto.",
9
- "type": "Boolean"
10
- },
11
- "fuse-options": {
12
- "desc": "Configurações do [fuse.js](https://fusejs.io/api/options.html).",
13
- "default": {
14
- "keys": [
15
- "label"
16
- ]
17
- },
18
- "type": "Object"
19
- },
20
- "label-key": {
21
- "desc": "Nos options, você pode passar um array de objeto com qualquer chave/valor, esta prop serve para identificar qual será o equivalente ao \"label\".",
22
- "default": "label",
23
- "type": "String"
24
- },
25
- "label": {
26
- "desc": "Rotulo que vai ficar em cima da primeira coluna.",
27
- "type": "String",
28
- "required": true
29
- },
30
- "model-value": {
31
- "desc": "Model do componente, controla quais itens estão na segunda coluna.",
32
- "default": [],
33
- "type": "Array",
34
- "model": true
35
- },
36
- "options": {
37
- "desc": "Array de objetos com todos items que serão transferidos",
38
- "default": [],
39
- "type": "Array"
40
- },
41
- "use-empty-slot": {
42
- "desc": "Prop que será repassada para o componente \"QasSearchBox\", basicamente esconde o slot \"empty-result\".",
43
- "type": "Boolean",
44
- "default": true
45
- },
46
- "value-key": {
47
- "desc": "Nos options, você pode passar um array de objeto com qualquer chave/valor, esta prop serve para identificar qual será o equivalente ao \"value\".",
48
- "default": "value",
49
- "type": "String"
50
- }
51
- },
52
- "slots": {
53
- "item-first-column": {
54
- "desc": "Slot para acessar cada item dentro do `q-item` da primeira coluna."
55
- },
56
- "item-second-column": {
57
- "desc": "Slot para acessar cada item dentro do `q-item` da segunda coluna."
58
- }
59
- },
60
- "events": {
61
- "@update:model-value -> function(value)": {
62
- "desc": "Dispara quando o model-value altera, também usado para v-model.",
63
- "params": {
64
- "value": {
65
- "desc": "Novo valor do model (pode ser array de string ou objeto).",
66
- "type": "Array"
67
- }
68
- }
69
- }
70
- }
71
- }
@@ -1,89 +0,0 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "desc": "Componente de árvore onde é possível adicionar/editar/excluir sem limites de ramos."
5
- },
6
- "props": {
7
- "form-generator-props": {
8
- "desc": "Propriedades enviadas para o \"QasFormGenerator\".",
9
- "type": "Object",
10
- "default": {}
11
- },
12
- "form-view-props": {
13
- "desc": "Propriedades enviadas para o \"QasFormView\".",
14
- "type": "Object",
15
- "default": {}
16
- },
17
- "label-key": {
18
- "desc": "Chave identificadora da label, por padrão o componente considera label, é possível alterar o valor enviado para API através desta chave.",
19
- "type": "String",
20
- "default": "name"
21
- },
22
- "lazy-nodes": {
23
- "desc": "Model do lazy, toda vez que é adicionado/editado/excluído um nó este model é atualizado, ele não é um \"two way data binding\" alterações fora do componente não afetarão o componente.",
24
- "type": "Array",
25
- "default": [],
26
- "model": true,
27
- "examples": [
28
- "v-model:lazyNodes=\"lazyNodes\""
29
- ]
30
- },
31
- "nodes": {
32
- "desc": "Nested de Array de objeto contendo label, uuid, lazy e children, é a propriedade responsável por montar a árvore, precisa ser enviado toda a árvore de uma vez.",
33
- "type": "Array",
34
- "default": []
35
- },
36
- "readonly": {
37
- "desc": "Habilita a árvore para modo de visualização somente, não sendo possível adicionar/editar/remover nenhum ramo.",
38
- "type": "Boolean"
39
- },
40
- "resource": {
41
- "desc": "Usado como endpoint da API para adicionar/remover/excluir, quando não utilizar o QasFormView.",
42
- "type": "String",
43
- "default": ""
44
- },
45
- "tree-props": {
46
- "desc": "Propriedades enviada para o QTree.",
47
- "default": {},
48
- "type": "Object"
49
- },
50
- "use-add-button": {
51
- "desc": "Habilita o botão de adicionar novos ramos.",
52
- "default": true,
53
- "type": "Boolean"
54
- },
55
- "use-destroy-button": {
56
- "desc": "Habilita o botão de remover os ramos.",
57
- "default": true,
58
- "type": "Boolean"
59
- },
60
- "use-destroy-on-first-node": {
61
- "desc": "Habilita o botão de remover o primeiro ramo da árvore.",
62
- "type": "Boolean"
63
- },
64
- "use-edit-button": {
65
- "desc": "Habilita o botão de editar os ramos.",
66
- "default": true,
67
- "type": "Boolean"
68
- },
69
- "use-form-view-edit": {
70
- "desc": "Habilita o form-view como componente a ser renderizado ao abrir o dialog em modo de edição.",
71
- "type": "Boolean"
72
- },
73
- "use-form-view-add": {
74
- "desc": "Habilita o form-view como componente a ser renderizado ao abrir o dialog em modo de adição.",
75
- "type": "Boolean"
76
- }
77
- },
78
- "events": {
79
- "@update:lazy-nodes -> function(value)": {
80
- "desc": "Dispara toda vez que é adicionado/editado/excluído um nó este model é atualizado, também usado para v-model.",
81
- "params": {
82
- "value": {
83
- "desc": "Novo valor do model.",
84
- "type": "Array"
85
- }
86
- }
87
- }
88
- }
89
- }
@@ -1,148 +0,0 @@
1
- {
2
- "type": "component",
3
- "mixins": [
4
- "quasar/dist/api/QField.json",
5
- "quasar/dist/api/QUploader.json"
6
- ],
7
- "meta": {
8
- "desc": "Componente para upload com auto redimensionamento que implementa o \"QField\" e \"QUploader\"."
9
- },
10
- "props": {
11
- "accept-resize-types": {
12
- "desc": "Tipos de arquivos aceitos para fazer o redimensionamento antes de upar.",
13
- "type": "Array",
14
- "debugger": true,
15
- "default": [
16
- "image/jpeg",
17
- "image/png",
18
- "image/gif",
19
- "image/bmp",
20
- "image/webp",
21
- "image/jpg"
22
- ]
23
- },
24
- "entity": {
25
- "desc": "Entidade enviada para a API do `/upload-credentials/`.",
26
- "required": true,
27
- "type": "String"
28
- },
29
- "error-message": {
30
- "desc": "Mensagem de erro.",
31
- "type": "String"
32
- },
33
- "hint": {
34
- "desc": "Mensagem de dica que aparece embaixo do campo.",
35
- "type": "String"
36
- },
37
- "max-files": {
38
- "desc": "Quantidade maxima de arquivos no upload.",
39
- "default": "undefined",
40
- "type": "Number"
41
- },
42
- "model-value": {
43
- "desc": "Model do componente, caso seja múltiplo, retorna um array de string, senão somente uma string.",
44
- "default": true,
45
- "type": [
46
- "Array",
47
- "String"
48
- ],
49
- "examples": [
50
- "v-model=\"value\""
51
- ],
52
- "model": true
53
- },
54
- "pica-resize-options": {
55
- "desc": "Opções para a biblioteca \"pica\" que é responsável por fazer o redimensionamento antes do upload (https://github.com/nodeca/pica).",
56
- "type": "Object",
57
- "debugger": true,
58
- "default": {
59
- "unsharpAmount": 160,
60
- "unsharpRadius": 0.6,
61
- "unsharpThreshold": 1
62
- }
63
- },
64
- "readonly": {
65
- "desc": "O componente não faz mais upload, apenas exibe.",
66
- "default": true,
67
- "type": "Number"
68
- },
69
- "size-limit": {
70
- "desc": "Se o tamanho da imagem for menor ou igual ao passado nesta prop, não será feito um redimensionamento.",
71
- "default": 1280,
72
- "type": "Number"
73
- },
74
- "use-resize": {
75
- "desc": "Controla se o componente vai fazer o redimensionamento antes de upar as imagens.",
76
- "default": true,
77
- "type": "Number"
78
- },
79
- "uploading": {
80
- "desc": "Model que retorna se o componente está fazendo algum upload.",
81
- "type": "Boolean",
82
- "examples": [
83
- "v-model:uploading=\"isUploading\""
84
- ],
85
- "model": true
86
- },
87
- "useObjectModel": {
88
- "desc": "Controla se a model retornará um array de objetos.",
89
- "type": "Boolean",
90
- "model": true
91
- }
92
- },
93
- "slots": {
94
- "header": {
95
- "desc": "Acesso ao header do <q-uploader />.",
96
- "scope": {
97
- "scope": {
98
- "desc": "Payload repassado pelo QUploader.",
99
- "default": {},
100
- "type": "Object"
101
- }
102
- }
103
- },
104
- "list": {
105
- "desc": "Acesso ao conteúdo onde fica a listagem de arquivos.",
106
- "scope": {
107
- "scope": {
108
- "desc": "Payload repassado pelo QUploader.",
109
- "default": {},
110
- "type": "Object"
111
- }
112
- }
113
- },
114
- "custom-upload": {
115
- "desc": "Acesso ao conteúdo onde fica a listagem de arquivos.",
116
- "scope": {
117
- "context": {
118
- "desc": "Repassa todo o payload do próprio componente `QasUploader` como computada, data, props, methods, etc.",
119
- "default": {},
120
- "type": "Object"
121
- }
122
- }
123
- }
124
- },
125
- "events": {
126
- "@update:model-value -> function(value)": {
127
- "desc": "Dispara quando o model-value altera, também usado para v-model.",
128
- "params": {
129
- "value": {
130
- "desc": "Novo valor do model.",
131
- "type": [
132
- "Array",
133
- "String"
134
- ]
135
- }
136
- }
137
- },
138
- "@update:uploading -> function(value)": {
139
- "desc": "Dispara começa e termina um upload.",
140
- "params": {
141
- "value": {
142
- "desc": "Retorna se está ou não fazendo um upload.",
143
- "type": "Boolean"
144
- }
145
- }
146
- }
147
- }
148
- }
@@ -1 +0,0 @@
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 !important;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-tree-generator__item:hover{color:var(--q-primary)}.qas-tree-generator .q-tree__node-header{margin-top:16px}.qas-tree-generator .q-tree__node-header::before{top:-16px}.qas-tree-generator .q-tree__node-header::after{top:-16px}.qas-uploader__input{display:none}