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

package/src/components/chart-view/config/plugins/zoom.js

@@ -1,31 +1,31 @@
-export const zoomPluginConfig = {
-  limits: {
-    x: {
-      max: 'original',
-      min: 'original'
-    },
-
-    y: {
-      max: 'original',
-      min: 'original'
-    }
-  },
-
-  pan: {
-    enabled: true,
-    modifierKey: 'ctrl'
-  },
-
-  zoom: {
-    mode: 'xy',
-
-    pinch: {
-      enabled: true
-    },
-
-    wheel: {
-      enabled: true,
-      modifierKey: 'ctrl'
-    }
-  }
-}
+export const zoomPluginConfig = {
+  limits: {
+    x: {
+      max: 'original',
+      min: 'original'
+    },
+
+    y: {
+      max: 'original',
+      min: 'original'
+    }
+  },
+
+  pan: {
+    enabled: true,
+    modifierKey: 'ctrl'
+  },
+
+  zoom: {
+    mode: 'xy',
+
+    pinch: {
+      enabled: true
+    },
+
+    wheel: {
+      enabled: true,
+      modifierKey: 'ctrl'
+    }
+  }
+}

package/src/components/checkbox/QasCheckbox.vue

@@ -1,150 +1,150 @@
-<template>
-  <div>
-    <!-- Single -->
-    <q-checkbox v-if="isSingle" v-model="model" v-bind="singleAttributes" dense>
-      <slot />
-    </q-checkbox>
-
-    <!-- Group -->
-    <div v-else>
-      <div v-if="hasCheckboxLabel" class="q-mb-sm text-body1">
-        {{ props.label }}
-      </div>
-
-      <div :class="classes">
-        <div v-for="(option, index) in props.options" :key="index">
-          <!-- Com children -->
-          <q-checkbox v-if="hasChildren(option)" :class="getCheckboxClass(option)" dense :label="option.label" :model-value="getModelValue(index)" @update:model-value="updateCheckbox($event, option, index)" />
-
-          <!-- Com children -->
-          <q-option-group v-if="hasChildren(option)" class="q-ml-xs q-mt-xs" dense :inline="props.inline" :model-value="props.modelValue" :options="option.children" type="checkbox" @update:model-value="updateChildren($event, option, index)" />
-
-          <!-- Sem children -->
-          <q-option-group v-else v-model="model" v-bind="attrs" dense :options="[option]" type="checkbox" />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { watch, computed, ref, onMounted, useAttrs } from 'vue'
-
-defineOptions({
-  name: 'QasCheckbox',
-  inheritAttrs: false
-})
-
-const props = defineProps({
-  label: {
-    default: '',
-    type: String
-  },
-
-  options: {
-    default: () => [],
-    type: Array
-  },
-
-  modelValue: {
-    default: () => [],
-    type: [Array, String, Number, Boolean, Object]
-  },
-
-  inline: {
-    default: true,
-    type: Boolean
-  }
-})
-
-const emit = defineEmits(['update:modelValue'])
-
-const attrs = useAttrs()
-
-// refs
-const group = ref({})
-
-// lifecycle
-onMounted(handleParent)
-
-// computed
-const classes = computed(() => props.inline && 'flex q-gutter-x-sm')
-
-const hasCheckboxLabel = computed(() => !!props.label)
-
-const model = computed({
-  get () {
-    return props.modelValue
-  },
-
-  set (value) {
-    updateModelValue(value)
-  }
-})
-
-const isSingle = computed(() => !props.options.length)
-
-const singleAttributes = computed(() => {
-  return {
-    ...attrs,
-
-    label: props.label
-  }
-})
-
-// watch
-watch(() => props.options, handleParent)
-
-// functions
-function handleParent () {
-  if (isSingle.value) return
-
-  for (const index in props.options) {
-    const option = props.options[index]
-
-    if (hasChildren(option)) {
-      setGroupIntersection(props.modelValue, option, index)
-    }
-  }
-}
-
-function hasChildren (option) {
-  return Object.prototype.hasOwnProperty.call(option, 'children')
-}
-
-function setGroupIntersection (value, option, index) {
-  const options = option.children.map(item => item.value)
-  const intersection = options.filter(item => value.includes(item))
-
-  group.value[index] = intersection.length && (intersection.length === options.length ? true : null)
-}
-
-function updateCheckbox (value, option, index) {
-  group.value[index] = value
-
-  const groupValues = option.children.map(item => item.value)
-
-  const updatedValue = value
-    ? [...new Set([...props.modelValue, ...groupValues])]
-    : props.modelValue.filter(item => !groupValues.includes(item))
-
-  updateModelValue(updatedValue)
-}
-
-function updateChildren (value, option, index) {
-  setGroupIntersection(value, option, index)
-  updateModelValue(value)
-}
-
-function updateModelValue (value) {
-  emit('update:modelValue', value)
-}
-
-function getCheckboxClass (option) {
-  return hasChildren(option) && 'text-weight-bold'
-}
-
-function getModelValue (index) {
-  return group.value[index]
-}
-</script>
+<template>
+  <div>
+    <!-- Single -->
+    <q-checkbox v-if="isSingle" v-model="model" v-bind="singleAttributes" dense>
+      <slot />
+    </q-checkbox>
+
+    <!-- Group -->
+    <div v-else>
+      <div v-if="hasCheckboxLabel" class="q-mb-sm text-body1">
+        {{ props.label }}
+      </div>
+
+      <div :class="classes">
+        <div v-for="(option, index) in props.options" :key="index">
+          <!-- Com children -->
+          <q-checkbox v-if="hasChildren(option)" :class="getCheckboxClass(option)" dense :label="option.label" :model-value="getModelValue(index)" @update:model-value="updateCheckbox($event, option, index)" />
+
+          <!-- Com children -->
+          <q-option-group v-if="hasChildren(option)" class="q-ml-xs q-mt-xs" dense :inline="props.inline" :model-value="props.modelValue" :options="option.children" type="checkbox" @update:model-value="updateChildren($event, option, index)" />
+
+          <!-- Sem children -->
+          <q-option-group v-else v-model="model" v-bind="attrs" dense :options="[option]" type="checkbox" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { watch, computed, ref, onMounted, useAttrs } from 'vue'
+
+defineOptions({
+  name: 'QasCheckbox',
+  inheritAttrs: false
+})
+
+const props = defineProps({
+  label: {
+    default: '',
+    type: String
+  },
+
+  options: {
+    default: () => [],
+    type: Array
+  },
+
+  modelValue: {
+    default: () => [],
+    type: [Array, String, Number, Boolean, Object]
+  },
+
+  inline: {
+    default: true,
+    type: Boolean
+  }
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const attrs = useAttrs()
+
+// refs
+const group = ref({})
+
+// lifecycle
+onMounted(handleParent)
+
+// computed
+const classes = computed(() => props.inline && 'flex q-gutter-x-sm')
+
+const hasCheckboxLabel = computed(() => !!props.label)
+
+const model = computed({
+  get () {
+    return props.modelValue
+  },
+
+  set (value) {
+    updateModelValue(value)
+  }
+})
+
+const isSingle = computed(() => !props.options.length)
+
+const singleAttributes = computed(() => {
+  return {
+    ...attrs,
+
+    label: props.label
+  }
+})
+
+// watch
+watch(() => props.options, handleParent)
+
+// functions
+function handleParent () {
+  if (isSingle.value) return
+
+  for (const index in props.options) {
+    const option = props.options[index]
+
+    if (hasChildren(option)) {
+      setGroupIntersection(props.modelValue, option, index)
+    }
+  }
+}
+
+function hasChildren (option) {
+  return Object.prototype.hasOwnProperty.call(option, 'children')
+}
+
+function setGroupIntersection (value, option, index) {
+  const options = option.children.map(item => item.value)
+  const intersection = options.filter(item => value.includes(item))
+
+  group.value[index] = intersection.length && (intersection.length === options.length ? true : null)
+}
+
+function updateCheckbox (value, option, index) {
+  group.value[index] = value
+
+  const groupValues = option.children.map(item => item.value)
+
+  const updatedValue = value
+    ? [...new Set([...props.modelValue, ...groupValues])]
+    : props.modelValue.filter(item => !groupValues.includes(item))
+
+  updateModelValue(updatedValue)
+}
+
+function updateChildren (value, option, index) {
+  setGroupIntersection(value, option, index)
+  updateModelValue(value)
+}
+
+function updateModelValue (value) {
+  emit('update:modelValue', value)
+}
+
+function getCheckboxClass (option) {
+  return hasChildren(option) && 'text-weight-bold'
+}
+
+function getModelValue (index) {
+  return group.value[index]
+}
+</script>

package/src/components/checkbox/QasCheckbox.yml

@@ -1,36 +1,36 @@
-type: component
-
-meta:
-  desc: Componente para gerar dinamicamente checkbox agrupados.
-
-props:
-  inline:
-    desc: Controla se o componente vai aparece em linha ou em bloco.
-    default: true
-    type: Boolean
-
-  label:
-    desc: Label utilizada em casos de ser checkbox-group.
-    default: ''
-    type: String
-
-  model-value:
-    desc: Model do componente, usado para v-model.
-    default: []
-    type: Array
-    examples: [v-model"value"]
-    model: true
-
-  options:
-    desc: Opções para gerar os checkbox.
-    default: []
-    type: Array
-
-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.
-        default: []
-        type: Array
+type: component
+
+meta:
+  desc: Componente para gerar dinamicamente checkbox agrupados.
+
+props:
+  inline:
+    desc: Controla se o componente vai aparece em linha ou em bloco.
+    default: true
+    type: Boolean
+
+  label:
+    desc: Label utilizada em casos de ser checkbox-group.
+    default: ''
+    type: String
+
+  model-value:
+    desc: Model do componente, usado para v-model.
+    default: []
+    type: Array
+    examples: [v-model"value"]
+    model: true
+
+  options:
+    desc: Opções para gerar os checkbox.
+    default: []
+    type: Array
+
+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.
+        default: []
+        type: Array

package/src/components/copy/QasCopy.vue

@@ -1,46 +1,46 @@
-<template>
-  <span>
-    <slot v-if="props.useText">{{ props.text }}</slot>
-
-    <qas-btn class="q-ml-xs" color="primary" :icon="props.icon" :loading="isLoading" variant="tertiary" @click.stop.prevent="copy">
-      <q-tooltip>Copiar</q-tooltip>
-    </qas-btn>
-  </span>
-</template>
-
-<script setup>
-import { copyToClipboard } from '../../helpers'
-import { ref } from 'vue'
-
-defineOptions({ name: 'QasCopy' })
-
-const props = defineProps({
-  icon: {
-    default: 'sym_r_file_copy',
-    type: String
-  },
-
-  text: {
-    required: true,
-    type: String
-  },
-
-  useText: {
-    type: Boolean,
-    default: true
-  },
-
-  rawText: {
-    default: '',
-    type: String
-  }
-})
-
-const isLoading = ref(false)
-
-function copy () {
-  copyToClipboard(props.rawText || props.text, value => {
-    isLoading.value = value
-  })
-}
-</script>
+<template>
+  <span>
+    <slot v-if="props.useText">{{ props.text }}</slot>
+
+    <qas-btn class="q-ml-xs" color="primary" :icon="props.icon" :loading="isLoading" variant="tertiary" @click.stop.prevent="copy">
+      <q-tooltip>Copiar</q-tooltip>
+    </qas-btn>
+  </span>
+</template>
+
+<script setup>
+import { copyToClipboard } from '../../helpers'
+import { ref } from 'vue'
+
+defineOptions({ name: 'QasCopy' })
+
+const props = defineProps({
+  icon: {
+    default: 'sym_r_file_copy',
+    type: String
+  },
+
+  text: {
+    required: true,
+    type: String
+  },
+
+  useText: {
+    type: Boolean,
+    default: true
+  },
+
+  rawText: {
+    default: '',
+    type: String
+  }
+})
+
+const isLoading = ref(false)
+
+function copy () {
+  copyToClipboard(props.rawText || props.text, value => {
+    isLoading.value = value
+  })
+}
+</script>

package/src/components/copy/QasCopy.yml

@@ -1,23 +1,23 @@
-type: component
-
-meta:
-  desc: Copia algum texto para o clipboard após clicar no botão.
-
-props:
-  icon:
-    desc: Ícone para mostrar no botão.
-    type: String
-    default: sym_r_file_copy
-
-  text:
-    desc: Texto a ser copiado.
-    type: String
-
-  use-text:
-    desc: Controla se o texto será exibo ao lado do botão ou não.
-    type: Boolean
-    default: true
-
-  raw-text:
-    desc: Caso o texto a ser copiado precise ser diferente do texto a ser exibido, utilize esta propriedade.
-    type: String
+type: component
+
+meta:
+  desc: Copia algum texto para o clipboard após clicar no botão.
+
+props:
+  icon:
+    desc: Ícone para mostrar no botão.
+    type: String
+    default: sym_r_file_copy
+
+  text:
+    desc: Texto a ser copiado.
+    type: String
+
+  use-text:
+    desc: Controla se o texto será exibo ao lado do botão ou não.
+    type: Boolean
+    default: true
+
+  raw-text:
+    desc: Caso o texto a ser copiado precise ser diferente do texto a ser exibido, utilize esta propriedade.
+    type: String