@bildvitta/quasar-ui-asteroid 3.17.0-beta.2 → 3.17.0-beta.21

package/src/components/text-truncate/QasTextTruncate.yml

@@ -51,6 +51,10 @@ props:
     desc: Utiliza a propriedade "list" como array de objeto contendo label (uso junto a prop list).
     type: Boolean
 
+  empty-text:
+    desc: Texto a ser exibido no caso de não houver itens no "list" ou o "text" for vazio.
+    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/src/composables/private/use-generator.js

@@ -21,7 +21,7 @@ export const baseProps = {
   },
 
   gutter: {
-    default: undefined,
+    default: Spacing.Md,
     type: [String, Boolean],
     validator: gutterValidator
   }
@@ -46,19 +46,13 @@ export default function ({ props = {} }) {
   const classes = computed(() => {
     const classesList = ['row']
 
-    if (defaultGutter.value) {
-      classesList.push(`q-col-gutter-${defaultGutter.value}`)
+    if (props.gutter) {
+      classesList.push(`q-col-gutter-${props.gutter}`)
     }
 
     return classesList
   })
 
-  const defaultGutter = computed(() => {
-    if (props.gutter) return props.gutter
-
-    return props.useInline ? Spacing.Md : Spacing.Lg
-  })
-
   /**
    * @function
    * @param {Object} options

package/src/composables/use-notifications.js

@@ -4,6 +4,8 @@ import hasParentByClassName from '../helpers/private/has-parent-by-class-name'
 import { Notify } from 'quasar'
 import { ref } from 'vue'
 
+import naveNotificationSound from '../assets/sounds/nave-notification.mp3'
+
 const callbackFunctions = {
   onNotificationReceived: []
 }
@@ -63,6 +65,8 @@ export default function () {
       timeout: 30000
     })
 
+    sendNotificationSound()
+
     /**
      * Função que é chamada quando o usuário clica na notificação, se a notificação
      * tem link, então ele vai ser redirecionado para o link em uma nova aba, caso
@@ -96,6 +100,16 @@ export default function () {
          </div>
       `)
     }
+
+    /**
+     * Função que toca o som de notificação.
+     */
+    function sendNotificationSound () {
+      const audio = new Audio(naveNotificationSound)
+
+      // o áudio agora é reproduzível; reproduza-o se as permissões permitirem
+      audio.addEventListener('canplaythrough', audio.play)
+    }
   }
 
   return {

package/src/css/components/field.scss

@@ -44,15 +44,15 @@
   &--focused.q-field--labeled {
     transition: transform var(--qas-generic-transition), font-size var(--qas-generic-transition);
 
-    .q-field__label {
+    &:not(&.qas-select--filter):not(&.qas-select--has-icon) .q-field__label {
       transform: translateY(-10px) scale(0.85) !important;
     }
 
-    .q-field__prepend {
-      transition: transform var(--qas-generic-transition);
-      transform: translateY(6px) !important;
+    &.qas-select--filter:not(&.qas-select--has-icon) .q-field__label {
+      transform: translateY(-8px) scale(0.85) !important;
     }
 
+    .q-field__prepend,
     .q-field__append {
       transition: transform var(--qas-generic-transition);
       transform: translateY(6px) !important;
@@ -65,8 +65,8 @@
 
   &--float.qas-numeric-input--has-icon,
   &--focused.qas-numeric-input--has-icon,
-  &--float.qas-select--has-icon,
-  &--focused.qas-select--has-icon,
+  &--float.qas-select--has-icon:not(.qas-select--filter),
+  &--focused.qas-select--has-icon:not(.qas-select--filter),
   &--float.qas-input--has-icon,
   &--focused.qas-input--has-icon {
     .q-field__label {
@@ -74,6 +74,13 @@
     }
   }
 
+  &--float.qas-select--has-icon.qas-select--filter,
+  &--focused.qas-select--has-icon.qas-select--filter {
+    .q-field__label {
+      transform: translate(-24px, -8px) scale(0.85) !important;
+    }
+  }
+
   &--outlined .q-field__control {
     background-color: white;
     border-radius: $generic-border-radius;

package/src/css/components/item.scss

@@ -27,13 +27,17 @@
 
   &--clickable:not(&--active) {
     color: $grey-10;
-    transition: color 300ms;
+    transition: var(--qas-generic-transition);
 
     &:not(&.q-router-link--active):hover {
       color: var(--q-primary-contrast);
     }
   }
 
+  &__label--caption {
+    transition: var(--qas-generic-transition);
+  }
+
   &__section--avatar {
     min-width: 0;
   }

package/src/enums/Spacing.js

@@ -63,3 +63,36 @@ export const SpacingWithUnit = {
   '4xl': '56px',
   '5xl': '64px'
 }
+
+/**
+ * Todas variáveis utilizadas para espaçamentos, com unidade de medida.
+ *
+ * @property
+ * @name SpacingWithUnit
+ * @readonly
+ * @enum
+ * @type {{
+ *  None: 0,
+ *  Xs: 4,
+ *  Sm: 8,
+ *  Md: 16,
+ *  Lg: 24,
+ *  Xl: 32,
+ *  '2xl': 40,
+ *  '3xl': 48,
+ *  '4xl': 56,
+ *  '5xl': 64
+ * }}
+*/
+export const SpacingWithNumber = {
+  None: 0,
+  Xs: 4,
+  Sm: 8,
+  Md: 16,
+  Lg: 24,
+  Xl: 32,
+  '2xl': 40,
+  '3xl': 48,
+  '4xl': 56,
+  '5xl': 64
+}

package/src/helpers/set-scroll-on-grab.js

@@ -7,10 +7,11 @@
 *  onMoveFn: function({ element: HTMLElement, event: MouseEvent | TouchEvent }),
 *  onScrollFn: function({ element: HTMLElement, event: Event })
 * }} options
+* @param {String} cancelMouseDownTarget
 *
 * @returns {{ element: HTMLElement, destroyEvents: function }}
 */
-export default function (element, options = {}) {
+export default function (element, options = {}, cancelMouseDownTarget) {
   let isDown = false
   let startX
   let scrollLeft
@@ -46,6 +47,13 @@ export default function (element, options = {}) {
   }
 
   function onMouseEnter (event) {
+    /**
+     * closest busca ancestral mais próximo de um elemento, ou seja, verifica se no event que recebo, tenho a classe no qual nao se deve aplicar o grab.
+     */
+    const targetElement = cancelMouseDownTarget ? event.target.closest(`.${cancelMouseDownTarget}`) : null
+
+    if (!!cancelMouseDownTarget && !!targetElement) return null
+
     onEnter()
 
     startX = event.pageX - element.offsetLeft