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

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

@@ -1,73 +1,73 @@
-type: component
-
-meta:
-  desc: Menu lateral.
-
-props:
-  app-user-props:
-    desc: Props repassadas para o QasAppUser.
-    default: {}
-    type: Object
-    required: true
-
-  brand:
-    desc: Logotipo quando menu esta aberto.
-    type: String
-    required: true
-
-  help-chat-link:
-    desc: Link para ser usado no iframe do chat, caso não passe nada, o chat não será exibido.
-    type: String
-    default: ''
-
-  items:
-    desc: Itens do menu.
-    type: Array
-    default: []
-
-  mini-brand:
-    desc: Logotipo quando em modo "mini".
-    type: String
-    required: true
-
-  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: []
-
-  notifications:
-    desc: Lista com as notificações do usuário.
-    type: Object
-    default: {}
-
-  title:
-    desc: Título que vai ficar no label do select de módulos.
-    type: String
-
-slots:
-  user:
-    desc: Slot para acessar o menu de usuário.
-    scope:
-      user:
-        desc: Informações do usuário, recebe o objeto "user".
-        type: Object
-        default: {}
-
-events:
-  '@sign-out -> function()':
-    desc: Dispara quando o botão de "sair" é clicado.
-
-  '@toggle-notifications -> function()':
-    desc: Dispara quando o botão de "Notificações" é clicado.
-
-  '@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: Boolean
+type: component
+
+meta:
+  desc: Menu lateral.
+
+props:
+  app-user-props:
+    desc: Props repassadas para o QasAppUser.
+    default: {}
+    type: Object
+    required: true
+
+  brand:
+    desc: Logotipo quando menu esta aberto.
+    type: String
+    required: true
+
+  help-chat-link:
+    desc: Link para ser usado no iframe do chat, caso não passe nada, o chat não será exibido.
+    type: String
+    default: ''
+
+  items:
+    desc: Itens do menu.
+    type: Array
+    default: []
+
+  mini-brand:
+    desc: Logotipo quando em modo "mini".
+    type: String
+    required: true
+
+  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: []
+
+  notifications:
+    desc: Lista com as notificações do usuário.
+    type: Object
+    default: {}
+
+  title:
+    desc: Título que vai ficar no label do select de módulos.
+    type: String
+
+slots:
+  user:
+    desc: Slot para acessar o menu de usuário.
+    scope:
+      user:
+        desc: Informações do usuário, recebe o objeto "user".
+        type: Object
+        default: {}
+
+events:
+  '@sign-out -> function()':
+    desc: Dispara quando o botão de "sair" é clicado.
+
+  '@toggle-notifications -> function()':
+    desc: Dispara quando o botão de "Notificações" é clicado.
+
+  '@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: Boolean

package/src/components/app-menu/composables/use-app-menu-dropdown.js

@@ -1,71 +1,71 @@
-import { isLocalDevelopment } from '../../../helpers'
-
-import { computed, watch, ref } from 'vue'
-
-/**
- * @param {{
- *  props: { modules: [], title: string },
- *  onMenuUpdate: () => void
- * }} config
- */
-export default function useAppMenuDropdown (config = {}) {
-  const {
-    props,
-    onMenuUpdate
-  } = config
-
-  const { hostname } = window.location
-
-  const module = ref('')
-
-  const defaultModules = computed(() => {
-    if (!isLocalDevelopment()) return props.modules
-
-    const normalizedModules = [...props.modules]
-
-    const { host, protocol } = location
-    const value = `${protocol}//${host}`
-
-    /**
-     * Adiciona um módulo padrão chamado "Localhost" quando o aplicativo está sendo
-     * executado em desenvolvimento local.
-     */
-    normalizedModules.unshift({
-      label: `Localhost ${props.title ? `(${props.title})` : ''}`,
-      icon: 'sym_r_home',
-      value
-    })
-
-    return normalizedModules
-  })
-
-  const currentModelOption = computed(() => {
-    return defaultModules.value.find(moduleOption => moduleOption?.value === module.value)
-  })
-
-  const appMenuDropdownProps = computed(() => {
-    return {
-      buttonDropdownProps: {
-        'onUpdate:menu': onMenuUpdate
-      },
-
-      currentModule: currentModelOption.value,
-      modules: defaultModules.value
-    }
-  })
-
-  const currentModule = computed(() => {
-    return defaultModules.value.find(module => module?.value.includes(hostname))?.value
-  })
-
-  const showAppMenuDropdown = computed(() => !!currentModule.value)
-
-  watch(() => currentModule.value, value => {
-    module.value = value
-  }, { immediate: true })
-
-  return {
-    appMenuDropdownProps,
-    showAppMenuDropdown
-  }
-}
+import { isLocalDevelopment } from '../../../helpers'
+
+import { computed, watch, ref } from 'vue'
+
+/**
+ * @param {{
+ *  props: { modules: [], title: string },
+ *  onMenuUpdate: () => void
+ * }} config
+ */
+export default function useAppMenuDropdown (config = {}) {
+  const {
+    props,
+    onMenuUpdate
+  } = config
+
+  const { hostname } = window.location
+
+  const module = ref('')
+
+  const defaultModules = computed(() => {
+    if (!isLocalDevelopment()) return props.modules
+
+    const normalizedModules = [...props.modules]
+
+    const { host, protocol } = location
+    const value = `${protocol}//${host}`
+
+    /**
+     * Adiciona um módulo padrão chamado "Localhost" quando o aplicativo está sendo
+     * executado em desenvolvimento local.
+     */
+    normalizedModules.unshift({
+      label: `Localhost ${props.title ? `(${props.title})` : ''}`,
+      icon: 'sym_r_home',
+      value
+    })
+
+    return normalizedModules
+  })
+
+  const currentModelOption = computed(() => {
+    return defaultModules.value.find(moduleOption => moduleOption?.value === module.value)
+  })
+
+  const appMenuDropdownProps = computed(() => {
+    return {
+      buttonDropdownProps: {
+        'onUpdate:menu': onMenuUpdate
+      },
+
+      currentModule: currentModelOption.value,
+      modules: defaultModules.value
+    }
+  })
+
+  const currentModule = computed(() => {
+    return defaultModules.value.find(module => module?.value.includes(hostname))?.value
+  })
+
+  const showAppMenuDropdown = computed(() => !!currentModule.value)
+
+  watch(() => currentModule.value, value => {
+    module.value = value
+  }, { immediate: true })
+
+  return {
+    appMenuDropdownProps,
+    showAppMenuDropdown
+  }
+}

package/src/components/app-menu/composables/use-app-user.js

@@ -1,49 +1,49 @@
-import { useScreen } from '../../../composables'
-
-import { computed } from 'vue'
-
-/**
- * @param {{
- *  props: { appUserProps: {} }
- *  onSignOut: () => void
- *  onToggleNotifications: () => void
- *  onMenuUpdate: () => void
- * }} config
- */
-export default function useAppUser (config = {}) {
-  const {
-    props,
-
-    onSignOut,
-    onToggleNotifications,
-    onMenuUpdate
-  } = config
-
-  const screen = useScreen()
-
-  const defaultAppUserProps = computed(() => {
-    return {
-      avatarSize: '40px',
-
-      menuProps: {
-        'onUpdate:modelValue': onMenuUpdate()
-      },
-
-      // eventos
-      onSignOut,
-      onToggleNotifications,
-      ...props.appUserProps
-    }
-  })
-
-  const showAppUser = computed(() => {
-    const hasAppUser = !!Object.keys(defaultAppUserProps.value.user || {}).length
-
-    return hasAppUser && !screen.isUntilLarge
-  })
-
-  return {
-    defaultAppUserProps,
-    showAppUser
-  }
-}
+import { useScreen } from '../../../composables'
+
+import { computed } from 'vue'
+
+/**
+ * @param {{
+ *  props: { appUserProps: {} }
+ *  onSignOut: () => void
+ *  onToggleNotifications: () => void
+ *  onMenuUpdate: () => void
+ * }} config
+ */
+export default function useAppUser (config = {}) {
+  const {
+    props,
+
+    onSignOut,
+    onToggleNotifications,
+    onMenuUpdate
+  } = config
+
+  const screen = useScreen()
+
+  const defaultAppUserProps = computed(() => {
+    return {
+      avatarSize: '40px',
+
+      menuProps: {
+        'onUpdate:modelValue': onMenuUpdate()
+      },
+
+      // eventos
+      onSignOut,
+      onToggleNotifications,
+      ...props.appUserProps
+    }
+  })
+
+  const showAppUser = computed(() => {
+    const hasAppUser = !!Object.keys(defaultAppUserProps.value.user || {}).length
+
+    return hasAppUser && !screen.isUntilLarge
+  })
+
+  return {
+    defaultAppUserProps,
+    showAppUser
+  }
+}

package/src/components/app-menu/composables/use-development-badge.js

@@ -1,23 +1,23 @@
-import { computed } from 'vue'
-
-export default function useDevelopmentBadge () {
-  const developmentBadgeLabel = computed(() => {
-    const hosts = {
-      localhost: 'Local',
-      '.dev.': 'Develop'
-    }
-
-    if (process.env.DEV) return hosts.localhost
-
-    const current = Object.keys(hosts).find(host => window.location.hostname.includes(host))
-
-    return current ? hosts[current] : ''
-  })
-
-  const hasDevelopmentBadge = computed(() => !!developmentBadgeLabel.value)
-
-  return {
-    developmentBadgeLabel,
-    hasDevelopmentBadge
-  }
-}
+import { computed } from 'vue'
+
+export default function useDevelopmentBadge () {
+  const developmentBadgeLabel = computed(() => {
+    const hosts = {
+      localhost: 'Local',
+      '.dev.': 'Develop'
+    }
+
+    if (process.env.DEV) return hosts.localhost
+
+    const current = Object.keys(hosts).find(host => window.location.hostname.includes(host))
+
+    return current ? hosts[current] : ''
+  })
+
+  const hasDevelopmentBadge = computed(() => !!developmentBadgeLabel.value)
+
+  return {
+    developmentBadgeLabel,
+    hasDevelopmentBadge
+  }
+}

package/src/components/app-menu/private/PvAppMenuDropdown.vue

@@ -1,71 +1,71 @@
-<template>
-  <div class="pv-app-menu-dropdown">
-    <qas-btn-dropdown v-bind="defaultButtonDropdownProps">
-      <q-list>
-        <q-item v-for="item in props.modules" :key="item" :active="isActive(item)" active-class="text-primary" :href="item.value">
-          <q-item-section v-if="item.icon" avatar>
-            <q-icon :name="item.icon" />
-          </q-item-section>
-
-          <q-item-section>
-            <div>{{ item.label }}</div>
-          </q-item-section>
-        </q-item>
-      </q-list>
-    </qas-btn-dropdown>
-  </div>
-</template>
-
-<script setup>
-import { computed } from 'vue'
-
-defineOptions({ name: 'PvAppMenuDropdown' })
-
-const props = defineProps({
-  buttonDropdownProps: {
-    type: Object,
-    default: () => ({})
-  },
-
-  currentModule: {
-    type: Object,
-    default: () => ({})
-  },
-
-  modules: {
-    type: Array,
-    default: () => []
-  }
-})
-
-const defaultButtonDropdownProps = computed(() => ({
-  ...props.buttonDropdownProps,
-
-  buttonsPropsList: {
-    modules: {
-      align: 'between',
-      class: 'text-subtitle2',
-      color: 'primary',
-      iconRight: 'sym_r_expand_more',
-      label: props.currentModule.label,
-      useEllipsis: true,
-      useLabelOnSmallScreen: true
-    }
-  }
-}))
-
-function isActive ({ value }) {
-  const { host, protocol } = window.location
-  const url = `${protocol}//${host}`
-
-  return url.includes(value)
-}
-</script>
-
-<style lang="scss">
-.pv-app-menu-dropdown {
-  .qas-btn .q-icon {
-    font-size: 1.125rem !important;
-  }
-}
-</style>
+<template>
+  <div class="pv-app-menu-dropdown">
+    <qas-btn-dropdown v-bind="defaultButtonDropdownProps">
+      <q-list>
+        <q-item v-for="item in props.modules" :key="item" :active="isActive(item)" active-class="text-primary" :href="item.value">
+          <q-item-section v-if="item.icon" avatar>
+            <q-icon :name="item.icon" />
+          </q-item-section>
+
+          <q-item-section>
+            <div>{{ item.label }}</div>
+          </q-item-section>
+        </q-item>
+      </q-list>
+    </qas-btn-dropdown>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+defineOptions({ name: 'PvAppMenuDropdown' })
+
+const props = defineProps({
+  buttonDropdownProps: {
+    type: Object,
+    default: () => ({})
+  },
+
+  currentModule: {
+    type: Object,
+    default: () => ({})
+  },
+
+  modules: {
+    type: Array,
+    default: () => []
+  }
+})
+
+const defaultButtonDropdownProps = computed(() => ({
+  ...props.buttonDropdownProps,
+
+  buttonsPropsList: {
+    modules: {
+      align: 'between',
+      class: 'text-subtitle2',
+      color: 'primary',
+      iconRight: 'sym_r_expand_more',
+      label: props.currentModule.label,
+      useEllipsis: true,
+      useLabelOnSmallScreen: true
+    }
+  }
+}))
+
+function isActive ({ value }) {
+  const { host, protocol } = window.location
+  const url = `${protocol}//${host}`
+
+  return url.includes(value)
+}
+</script>
+
+<style lang="scss">
+.pv-app-menu-dropdown {
+  .qas-btn .q-icon {
+    font-size: 1.125rem !important;
+  }
+}
+</style>