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

package/src/helpers/private/gutter-validator.js

@@ -1,15 +1,15 @@
-import { Spacing } from '../../enums/Spacing'
-
-// TODO: validar a necessidade da prop ser boolean
-/**
- * Valida se o gutter passado respeita os valores do enum Spacing ou é um boolean.
- *
- * @function
- * @param {(string|boolean)} value
- * @returns {boolean}
- */
-export function gutterValidator (value) {
-  const availableSpacings = Object.values(Spacing)
-
-  return typeof value === 'boolean' || availableSpacings.includes(value)
-}
+import { Spacing } from '../../enums/Spacing'
+
+// TODO: validar a necessidade da prop ser boolean
+/**
+ * Valida se o gutter passado respeita os valores do enum Spacing ou é um boolean.
+ *
+ * @function
+ * @param {(string|boolean)} value
+ * @returns {boolean}
+ */
+export function gutterValidator (value) {
+  const availableSpacings = Object.values(Spacing)
+
+  return typeof value === 'boolean' || availableSpacings.includes(value)
+}

package/src/helpers/private/has-parent-by-class-name.js

@@ -1,15 +1,15 @@
-/**
- * Função que retorna se o elemento passado é filho do elemento especificado
- * pelo nome da classe.
- */
-export default function (className, element) {
-  while (element.parentElement) {
-    const hasParentElement = element.parentElement.classList.contains(className)
-
-    if (hasParentElement) return true
-
-    element = element.parentElement
-  }
-
-  return false
-}
+/**
+ * Função que retorna se o elemento passado é filho do elemento especificado
+ * pelo nome da classe.
+ */
+export default function (className, element) {
+  while (element.parentElement) {
+    const hasParentElement = element.parentElement.classList.contains(className)
+
+    if (hasParentElement) return true
+
+    element = element.parentElement
+  }
+
+  return false
+}

package/src/helpers/promise-handler.js

@@ -1,40 +1,40 @@
-import { Loading } from 'quasar'
-import { NotifySuccess, NotifyError } from '../plugins'
-
-/** Função para lidar com promises, por exemplo requests.
- *
- * @param {Promise} promise
- * @param {object} config={successMessage, errorMessage, useLoading, loadingConfig, onLoading}
- * @example promiseHandle(new Promise(), { errorMessage: 'Erro', successMessage: 'Sucesso' })
- */
-export default async function (promise, config = {}) {
-  const {
-    errorMessage,
-    loadingConfig = {},
-    successMessage,
-    useLoading = true,
-
-    // callback
-    onLoading
-  } = config
-
-  onLoading && onLoading(true)
-  useLoading && Loading.show(loadingConfig)
-
-  const promiseToBeExec = typeof promise === 'function' ? promise() : promise
-
-  try {
-    const data = await (Array.isArray(promise) ? Promise.all(promise) : promiseToBeExec)
-
-    if (successMessage) NotifySuccess(successMessage)
-
-    return { data, error: null }
-  } catch (error) {
-    if (errorMessage) NotifyError(errorMessage)
-
-    return { data: null, error }
-  } finally {
-    onLoading && onLoading(false)
-    useLoading && Loading.hide()
-  }
-}
+import { Loading } from 'quasar'
+import { NotifySuccess, NotifyError } from '../plugins'
+
+/** Função para lidar com promises, por exemplo requests.
+ *
+ * @param {Promise} promise
+ * @param {object} config={successMessage, errorMessage, useLoading, loadingConfig, onLoading}
+ * @example promiseHandle(new Promise(), { errorMessage: 'Erro', successMessage: 'Sucesso' })
+ */
+export default async function (promise, config = {}) {
+  const {
+    errorMessage,
+    loadingConfig = {},
+    successMessage,
+    useLoading = true,
+
+    // callback
+    onLoading
+  } = config
+
+  onLoading && onLoading(true)
+  useLoading && Loading.show(loadingConfig)
+
+  const promiseToBeExec = typeof promise === 'function' ? promise() : promise
+
+  try {
+    const data = await (Array.isArray(promise) ? Promise.all(promise) : promiseToBeExec)
+
+    if (successMessage) NotifySuccess(successMessage)
+
+    return { data, error: null }
+  } catch (error) {
+    if (errorMessage) NotifyError(errorMessage)
+
+    return { data: null, error }
+  } finally {
+    onLoading && onLoading(false)
+    useLoading && Loading.hide()
+  }
+}

package/src/helpers/rules.js

@@ -1,7 +1,7 @@
-function required (value = '', message = 'Campo obrigatório.') {
-  return String(value ?? '').length || message
-}
-
-export {
-  required
-}
+function required (value = '', message = 'Campo obrigatório.') {
+  return String(value ?? '').length || message
+}
+
+export {
+  required
+}

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

@@ -1,128 +1,128 @@
-/**
-* Helper de scroll em uma determinada área (elemento) ao realizar evento de grab (puxar/agarrar) com o mouse/touch.
-*
-* @param {HTMLElement} element
-* @param {{
-*  onGrabFn: function({ element: HTMLElement, isGrabbing: boolean }),
-*  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 = {}, cancelMouseDownTarget) {
-  let isDown = false
-  let startX
-  let scrollLeft
-  let isGrabbing = false
-
-  onGrab()
-
-  const events = {
-    mousedown: onMouseEnter,
-    mouseleave: onMouseLeave,
-    mousemove: onMouseMove,
-    mouseup: onMouseLeave,
-    scroll: onScroll,
-    touchend: onLeave,
-    touchmove: onTouchMove,
-    touchstart: onEnter
-  }
-
-  addEvents()
-
-  function addEvents () {
-    Object.entries(events).forEach(([event, fn]) => element.addEventListener(event, fn))
-  }
-
-  function destroyEvents () {
-    Object.entries(events).forEach(([event, fn]) => element.removeEventListener(event, fn))
-  }
-
-  function onEnter () {
-    isDown = true
-
-    element.classList.add('active')
-  }
-
-  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
-    scrollLeft = element.scrollLeft
-  }
-
-  function onLeave () {
-    isDown = false
-    isGrabbing = false
-
-    element.classList.remove('active')
-
-    onGrab()
-  }
-
-  function onMouseLeave () {
-    onLeave()
-    blockEvents()
-  }
-
-  function onMouseMove (event) {
-    if (event) event.preventDefault()
-
-    if (!isDown) return
-
-    isGrabbing = true
-
-    onGrab()
-    blockEvents()
-
-    const x = event.pageX - element.offsetLeft
-    const walk = (x - startX) * 3 // scroll-fast
-
-    element.scrollLeft = scrollLeft - walk
-
-    options.onMoveFn?.({ element, event })
-  }
-
-  function onTouchMove (event) {
-    event = event.touches[0]
-
-    if (!isDown) return
-
-    isGrabbing = true
-
-    onGrab()
-
-    options.onMoveFn?.({ element, event })
-  }
-
-  function onScroll (event) {
-    options.onScrollFn?.({ element, event })
-  }
-
-  function onGrab () {
-    element.style.cursor = isGrabbing ? 'grabbing' : 'grab'
-
-    options.onGrabFn?.({ element, isGrabbing })
-  }
-
-  function blockEvents () {
-    Array.from(element.children).forEach(child => {
-      child.classList.toggle('no-pointer-events', isGrabbing)
-      child.classList.toggle('non-selectable', isGrabbing)
-    })
-  }
-
-  return {
-    element,
-    destroyEvents
-  }
-}
+/**
+* Helper de scroll em uma determinada área (elemento) ao realizar evento de grab (puxar/agarrar) com o mouse/touch.
+*
+* @param {HTMLElement} element
+* @param {{
+*  onGrabFn: function({ element: HTMLElement, isGrabbing: boolean }),
+*  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 = {}, cancelMouseDownTarget) {
+  let isDown = false
+  let startX
+  let scrollLeft
+  let isGrabbing = false
+
+  onGrab()
+
+  const events = {
+    mousedown: onMouseEnter,
+    mouseleave: onMouseLeave,
+    mousemove: onMouseMove,
+    mouseup: onMouseLeave,
+    scroll: onScroll,
+    touchend: onLeave,
+    touchmove: onTouchMove,
+    touchstart: onEnter
+  }
+
+  addEvents()
+
+  function addEvents () {
+    Object.entries(events).forEach(([event, fn]) => element.addEventListener(event, fn))
+  }
+
+  function destroyEvents () {
+    Object.entries(events).forEach(([event, fn]) => element.removeEventListener(event, fn))
+  }
+
+  function onEnter () {
+    isDown = true
+
+    element.classList.add('active')
+  }
+
+  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
+    scrollLeft = element.scrollLeft
+  }
+
+  function onLeave () {
+    isDown = false
+    isGrabbing = false
+
+    element.classList.remove('active')
+
+    onGrab()
+  }
+
+  function onMouseLeave () {
+    onLeave()
+    blockEvents()
+  }
+
+  function onMouseMove (event) {
+    if (event) event.preventDefault()
+
+    if (!isDown) return
+
+    isGrabbing = true
+
+    onGrab()
+    blockEvents()
+
+    const x = event.pageX - element.offsetLeft
+    const walk = (x - startX) * 3 // scroll-fast
+
+    element.scrollLeft = scrollLeft - walk
+
+    options.onMoveFn?.({ element, event })
+  }
+
+  function onTouchMove (event) {
+    event = event.touches[0]
+
+    if (!isDown) return
+
+    isGrabbing = true
+
+    onGrab()
+
+    options.onMoveFn?.({ element, event })
+  }
+
+  function onScroll (event) {
+    options.onScrollFn?.({ element, event })
+  }
+
+  function onGrab () {
+    element.style.cursor = isGrabbing ? 'grabbing' : 'grab'
+
+    options.onGrabFn?.({ element, isGrabbing })
+  }
+
+  function blockEvents () {
+    Array.from(element.children).forEach(child => {
+      child.classList.toggle('no-pointer-events', isGrabbing)
+      child.classList.toggle('non-selectable', isGrabbing)
+    })
+  }
+
+  return {
+    element,
+    destroyEvents
+  }
+}

package/src/index.cjs.js

@@ -1 +1 @@
-export * from './vue-plugin'
+export * from './vue-plugin'

package/src/index.esm.js

@@ -1,4 +1,4 @@
-import * as VuePlugin from './vue-plugin'
-
-export * from './vue-plugin'
-export default VuePlugin
+import * as VuePlugin from './vue-plugin'
+
+export * from './vue-plugin'
+export default VuePlugin

package/src/index.scss

@@ -1,38 +1,38 @@
-@import 'quasar/src/css/variables';
-
-// Quasar variables
-$primary: var(--q-primary);
-$primary-contrast: var(--q-primary-contrast);
-$secondary: var(--q-secondary);
-$secondary-contrast: var(--q-secondary-contrast);
-$accent: var(--q-accent);
-
-// Asteroid variables
-:root {
-  --qas-background-color: rgba(15, 83, 175, 0.03);
-  --qas-border-grey: #{$grey-4};
-  --qas-generic-border-radius: 4px;
-  --qas-generic-transition: 300ms;
-}
-
-$background-color: var(--qas-background-color);
-$generic-border-radius: var(--qas-generic-border-radius);
-$border-grey: var(--qas-border-grey);
-
-// base
-@import './css/base/index';
-
-// variables
-@import './css/variables/index';
-
-// mixins
-@import './css/mixins/index';
-
-// components
-@import './css/components/index';
-
-// plugins
-@import './css/plugins/index';
-
-// utils
-@import './css/utils/index';
+@import 'quasar/src/css/variables';
+
+// Quasar variables
+$primary: var(--q-primary);
+$primary-contrast: var(--q-primary-contrast);
+$secondary: var(--q-secondary);
+$secondary-contrast: var(--q-secondary-contrast);
+$accent: var(--q-accent);
+
+// Asteroid variables
+:root {
+  --qas-background-color: rgba(15, 83, 175, 0.03);
+  --qas-border-grey: #{$grey-4};
+  --qas-generic-border-radius: 4px;
+  --qas-generic-transition: 300ms;
+}
+
+$background-color: var(--qas-background-color);
+$generic-border-radius: var(--qas-generic-border-radius);
+$border-grey: var(--qas-border-grey);
+
+// base
+@import './css/base/index';
+
+// variables
+@import './css/variables/index';
+
+// mixins
+@import './css/mixins/index';
+
+// components
+@import './css/components/index';
+
+// plugins
+@import './css/plugins/index';
+
+// utils
+@import './css/utils/index';

package/src/index.umd.js

@@ -1,2 +1,2 @@
-import * as VuePlugin from './vue-plugin'
-export default VuePlugin
+import * as VuePlugin from './vue-plugin'
+export default VuePlugin

package/src/mixins/context.js

@@ -1,8 +1,8 @@
-export default {
-  computed: {
-    mx_context () {
-      const { limit, ordering, page, search, ...filters } = this.$route.query
-      return { filters, limit, ordering, page: page ? parseInt(page) : 1, search }
-    }
-  }
-}
+export default {
+  computed: {
+    mx_context () {
+      const { limit, ordering, page, search, ...filters } = this.$route.query
+      return { filters, limit, ordering, page: page ? parseInt(page) : 1, search }
+    }
+  }
+}

package/src/mixins/delete.js

@@ -1,48 +1,48 @@
-export default {
-  props: {
-    customId: {
-      default: '',
-      type: [Number, String]
-    },
-
-    dialogProps: {
-      default: () => ({}),
-      type: Object
-    },
-
-    entity: {
-      default: '',
-      type: String
-    },
-
-    url: {
-      default: '',
-      type: String
-    }
-  },
-
-  computed: {
-    mx_defaultDialogProps () {
-      return {
-        card: {
-          description: 'Tem certeza que deseja excluir este item?'
-        },
-
-        ok: {
-          label: 'Excluir',
-          onClick: this.destroy
-        },
-
-        cancel: {
-          onClick: () => this.$emit('cancel')
-        },
-
-        ...this.dialogProps
-      }
-    },
-
-    mx_id () {
-      return this.customId || this.$route.params.id
-    }
-  }
-}
+export default {
+  props: {
+    customId: {
+      default: '',
+      type: [Number, String]
+    },
+
+    dialogProps: {
+      default: () => ({}),
+      type: Object
+    },
+
+    entity: {
+      default: '',
+      type: String
+    },
+
+    url: {
+      default: '',
+      type: String
+    }
+  },
+
+  computed: {
+    mx_defaultDialogProps () {
+      return {
+        card: {
+          description: 'Tem certeza que deseja excluir este item?'
+        },
+
+        ok: {
+          label: 'Excluir',
+          onClick: this.destroy
+        },
+
+        cancel: {
+          onClick: () => this.$emit('cancel')
+        },
+
+        ...this.dialogProps
+      }
+    },
+
+    mx_id () {
+      return this.customId || this.$route.params.id
+    }
+  }
+}

package/src/mixins/dialog-router.js

@@ -1,17 +1,17 @@
-export default {
-  methods: {
-    mx_dialogRouter (route) {
-      this.$refs.dialogRouter.show(route)
-    },
-
-    mx_reload () {
-      if (this.$refs.listView) {
-        this.$refs.listView.refresh()
-      }
-
-      if (this.$refs.singleView) {
-        this.$refs.singleView.fetchSingle()
-      }
-    }
-  }
-}
+export default {
+  methods: {
+    mx_dialogRouter (route) {
+      this.$refs.dialogRouter.show(route)
+    },
+
+    mx_reload () {
+      if (this.$refs.listView) {
+        this.$refs.listView.refresh()
+      }
+
+      if (this.$refs.singleView) {
+        this.$refs.singleView.fetchSingle()
+      }
+    }
+  }
+}