@bildvitta/quasar-ui-asteroid 2.17.0 → 3.0.0-alpha.3

package/dist/api/QasTableGenerator.json

@@ -0,0 +1,56 @@
+{
+  "type": "component",
+  "meta": {
+    "desc": "Componente para criação de tabela dinâmica usando o `QTable` do quasar."
+  },
+  "props": {
+    "columns": {
+      "desc": "Colunas que vão ter na tabela.",
+      "default": [],
+      "type": "Array"
+    },
+    "fields": {
+      "desc": "Lista de field contendo informações necessárias para a criação da tabela.",
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "{ email: { name: 'email', type: 'email', label: 'E-mail' } }"
+      ]
+    },
+    "results": {
+      "desc": "Lista com resultados para serem mostrados na tabela.",
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "{ name: { dense: true, onClick: () => alert('Estou sendo clicado') } }"
+      ]
+    },
+    "row-key": {
+      "desc": "Propriedade de cada linha que define a chave única de cada linha.",
+      "default": "name",
+      "type": "String"
+    },
+    "empty-result-text": {
+      "desc": "Quando uma célula da tabela está vazia, esta prop define qual será o valor padrão.",
+      "default": "-",
+      "type": "String"
+    },
+    "use-scroll-on-grab": {
+      "desc": "Adiciona scroll pelo mouse ao arrastar tabela em todas as telas (Celular, Desktop).",
+      "default": true,
+      "type": "Boolean"
+    }
+  },
+  "slots": {
+    "body": {
+      "desc": "Acesso direto dentro do `tbody`.",
+      "scope": {
+        "row": {
+          "desc": "Payload da linha da tabela.",
+          "default": {},
+          "type": "Object"
+        }
+      }
+    }
+  }
+}

package/dist/api/QasTabsGenerator.json

@@ -0,0 +1,90 @@
+{
+  "type": "component",
+  "mixins": [
+    "quasar/dist/api/QTabs.json"
+  ],
+  "meta": {
+    "desc": "Componente para gerar tab dinamicamente, implementa o QTab e Qtabs."
+  },
+  "props": {
+    "active-color": {
+      "desc": "Cor da tab quando ela está ativa.",
+      "type": "String",
+      "examples": [
+        "primary",
+        "negative",
+        "positive"
+      ]
+    },
+    "counter-props": {
+      "desc": "Contador de cada tags, funciona como um \"notificação\"",
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "{ tab: 2 }"
+      ]
+    },
+    "fuse-options": {
+      "desc": "Configurações do [fuse.js](https://fusejs.io/api/options.html).",
+      "default": {
+        "keys": [
+          "label"
+        ]
+      },
+      "type": "Object"
+    },
+    "indicator-color": {
+      "desc": "Cor do indicador.",
+      "default": "primary",
+      "type": "String"
+    },
+    "model-value": {
+      "desc": "Model do componente, controla qual é a tab atual selecionada.",
+      "type": "String"
+    },
+    "tab-class": {
+      "desc": "Classe do QTab",
+      "default": "text-primary",
+      "type": "String"
+    },
+    "tabs": {
+      "desc": "Objeto contendo todas as tabs a serem geradas.",
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "{ tab1: 'tab1', tab2: 'tab2' }"
+      ]
+    }
+  },
+  "slots": {
+    "tab-[nome-da-chave]": {
+      "desc": "Slot dinâmico gerado a partir das chave passada na prop \"tabs\", substitui todo o \"q-tab\".",
+      "scope": {
+        "item": {
+          "desc": "Objeto com informações da tab atual",
+          "type": "Object"
+        }
+      }
+    },
+    "tab-after-[nome-da-chave]": {
+      "desc": "Slot dinâmico gerado a partir das chave passada na prop \"tabs\", substitui o conteúdo dentro do \"q-tab\".",
+      "scope": {
+        "item": {
+          "desc": "Objeto com informações da tab atual",
+          "type": "Object"
+        }
+      }
+    }
+  },
+  "events": {
+    "@update:model-value -> function(value)": {
+      "desc": "Dispara quando o model-value altera, também usado para v-model.",
+      "params": {
+        "value": {
+          "desc": "Novo valor do model.",
+          "type": "String"
+        }
+      }
+    }
+  }
+}

package/dist/api/QasTextTruncate.json

@@ -0,0 +1,38 @@
+{
+  "type": "component",
+  "meta": {
+    "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)."
+  },
+  "props": {
+    "dialog-props": {
+      "desc": "Repassa todas props e eventos para o componente `QasDialog`.",
+      "type": "Object",
+      "default": {
+        "persistent": false
+      }
+    },
+    "dialog-title": {
+      "desc": "Seta o título do dialog.",
+      "type": "String"
+    },
+    "max-width": {
+      "desc": "Seta o tamanho máximo do texto.",
+      "type": "Number",
+      "default": 0
+    },
+    "see-more-label": {
+      "desc": "Texto que vai aparecer para ser clicado quando o texto original for truncado.",
+      "type": "String",
+      "default": "Ver mais"
+    },
+    "text": {
+      "desc": "Texto a ser truncado.",
+      "type": "String"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "slot padrão que é utilizado para acessar o texto original (tanto o que é truncado quando o de dentro do dialog)"
+    }
+  }
+}

package/dist/api/QasTransfer.json

@@ -0,0 +1,70 @@
+{
+  "type": "component",
+  "meta": {
+    "desc": "Componente para transferir itens entre 2 lista (colunas)."
+  },
+  "props": {
+    "emit-value": {
+      "desc": "Controla como sera o retorno do model, se \"true\" será um array de string, se \"false\" array de objeto.",
+      "type": "Boolean"
+    },
+    "model-value": {
+      "desc": "Model do componente, controla quais itens estão na segunda coluna.",
+      "default": [],
+      "type": "Array"
+    },
+    "fuse-options": {
+      "desc": "Configurações do [fuse.js](https://fusejs.io/api/options.html).",
+      "default": {
+        "keys": [
+          "label"
+        ]
+      },
+      "type": "Object"
+    },
+    "label": {
+      "desc": "Rotulo que vai ficar em cima da primeira coluna.",
+      "type": "String",
+      "required": true
+    },
+    "label-key": {
+      "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\".",
+      "default": "label",
+      "type": "String"
+    },
+    "options": {
+      "desc": "Array de objetos com todos items que serão transferidos",
+      "default": [],
+      "type": "Array"
+    },
+    "use-empty-slot": {
+      "desc": "Prop que será repassada para o componente \"QasSearchBox\", basicamente esconde o slot \"empty-result\".",
+      "type": "Boolean",
+      "default": true
+    },
+    "value-key": {
+      "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\".",
+      "default": "value",
+      "type": "String"
+    }
+  },
+  "slots": {
+    "item-first-column": {
+      "desc": "Slot para acessar cada item dentro do `q-item` da primeira coluna."
+    },
+    "item-second-column": {
+      "desc": "Slot para acessar cada item dentro do `q-item` da segunda coluna."
+    }
+  },
+  "events": {
+    "@update:model-value -> function(value)": {
+      "desc": "Dispara quando o model-value altera, também usado para v-model.",
+      "params": {
+        "value": {
+          "desc": "Novo valor do model (pode ser array de string ou objeto).",
+          "type": "Array"
+        }
+      }
+    }
+  }
+}

package/dist/api/QasUploader.json

@@ -0,0 +1,143 @@
+{
+  "type": "component",
+  "mixins": [
+    "quasar/dist/api/QField.json",
+    "quasar/dist/api/QUploader.json"
+  ],
+  "meta": {
+    "desc": "Componente para upload com auto redimensionamento que implementa o \"QField\" e \"QUploader\"."
+  },
+  "props": {
+    "accept-resize-types": {
+      "desc": "Tipos de arquivos aceitos para fazer o redimensionamento antes de upar.",
+      "type": "Array",
+      "debugger": true,
+      "default": [
+        "image/jpeg",
+        "image/png",
+        "image/gif",
+        "image/bmp",
+        "image/webp",
+        "image/jpg"
+      ]
+    },
+    "entity": {
+      "desc": "Entidade enviada para a API do `/upload-credentials/`.",
+      "required": true,
+      "type": "String"
+    },
+    "error-message": {
+      "desc": "Mensagem de erro.",
+      "type": "String"
+    },
+    "hint": {
+      "desc": "Mensagem de dica que aparece embaixo do campo.",
+      "type": "String"
+    },
+    "max-files": {
+      "desc": "Quantidade maxima de arquivos no upload.",
+      "default": "undefined",
+      "type": "Number"
+    },
+    "pica-resize-options": {
+      "desc": "Opções para a biblioteca \"pica\" que é responsável por fazer o redimensionamento antes do upload (https://github.com/nodeca/pica).",
+      "type": "Object",
+      "debugger": true,
+      "default": {
+        "unsharpAmount": 160,
+        "unsharpRadius": 0.6,
+        "unsharpThreshold": 1
+      }
+    },
+    "size-limit": {
+      "desc": "Se o tamanho da imagem for menor ou igual ao passado nesta prop, não será feito um redimensionamento.",
+      "default": 1280,
+      "type": "Number"
+    },
+    "use-resize": {
+      "desc": "Controla se o componente vai fazer o redimensionamento antes de upar as imagens.",
+      "default": true,
+      "type": "Number"
+    },
+    "readonly": {
+      "desc": "O componente não faz mais upload, apenas exibe.",
+      "default": true,
+      "type": "Number"
+    },
+    "model-value": {
+      "desc": "Model do componente, caso seja múltiplo, retorna um array de string, senão somente uma string.",
+      "default": true,
+      "type": [
+        "Array",
+        "String"
+      ],
+      "examples": [
+        "v-model=\"value\""
+      ],
+      "model": true
+    },
+    "uploading": {
+      "desc": "Model que retorna se o componente está fazendo algum upload.",
+      "type": "Boolean",
+      "examples": [
+        "v-model:uploading=\"isUploading\""
+      ],
+      "model": true
+    }
+  },
+  "slots": {
+    "header": {
+      "desc": "Acesso ao header do <q-uploader />.",
+      "scope": {
+        "scope": {
+          "desc": "Payload repassado pelo QUploader.",
+          "default": {},
+          "type": "Object"
+        }
+      }
+    },
+    "list": {
+      "desc": "Acesso ao conteúdo onde fica a listagem de arquivos.",
+      "scope": {
+        "scope": {
+          "desc": "Payload repassado pelo QUploader.",
+          "default": {},
+          "type": "Object"
+        }
+      }
+    },
+    "custom-upload": {
+      "desc": "Acesso ao conteúdo onde fica a listagem de arquivos.",
+      "scope": {
+        "context": {
+          "desc": "Repassa todo o payload do próprio componente `QasUploader` como computada, data, props, methods, etc.",
+          "default": {},
+          "type": "Object"
+        }
+      }
+    }
+  },
+  "events": {
+    "@update:model-value -> function(value)": {
+      "desc": "Dispara quando o model-value altera, também usado para v-model.",
+      "params": {
+        "value": {
+          "desc": "Novo valor do model.",
+          "type": [
+            "Array",
+            "String"
+          ]
+        }
+      }
+    },
+    "@update:uploading -> function(value)": {
+      "desc": "Dispara começa e termina um upload.",
+      "params": {
+        "value": {
+          "desc": "Retorna se está ou não fazendo um upload.",
+          "type": "Boolean"
+        }
+      }
+    }
+  }
+}

package/dist/asteroid.cjs.css

@@ -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: #fcfcff}.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(4px / 2) !important}.rounded-borders-lg{border-radius:calc(4px * 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}.shadow-primary{box-shadow:0 8px 25px var(--q-primary-contrast) !important}.shadow-secondary{box-shadow:0 8px 25px var(--q-secondary-contrast) !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}.fade-enter-active,.fade-leave-active{transform:translateY(0);transition:opacity .3s,transform .3s}.fade-enter,.fade-leave-to{opacity:0;transform:translateY(-100%)}.unset{all:unset}a.unset,button.unset{cursor:pointer}body{background-color:var(--qas-background-color)}.q-field--outlined .q-field__inner{background-color:#fff;border-radius:4px}.q-radio__inner::before{color:var(--q-primary)}.q-tabs__arrow{color:var(--q-primary)}.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 #eee}.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}