quasar 2.14.4 → 2.14.6

package/src/components/card/QCard.sass

@@ -7,27 +7,21 @@
 
   > div,
   > img
-    &:first-child
+    &:not(.q--avoid-card-border)
+      border-top-left-radius: 0
+      border-top-right-radius: 0
+      border-bottom-left-radius: 0
+      border-bottom-right-radius: 0
+    &:nth-child(1 of :not(.q--avoid-card-border))
       border-top: 0
       border-top-left-radius: inherit
       border-top-right-radius: inherit
-  > div,
-  > img
-    &:last-child
+    &:nth-last-child(1 of :not(.q--avoid-card-border))
       border-bottom: 0
       border-bottom-left-radius: inherit
       border-bottom-right-radius: inherit
-  > div,
-  > img
-    &:not(:first-child)
-      border-top-left-radius: 0
-      border-top-right-radius: 0
-  > div,
-  > img
-    &:not(:last-child)
-      border-bottom-left-radius: 0
-      border-bottom-right-radius: 0
-  > div
+
+  > div:not(.q--avoid-card-border)
     border-left: 0
     border-right: 0
     box-shadow: none
@@ -48,20 +42,19 @@
     &--horiz
       > div,
       > img
-        &:first-child
-          border-top-left-radius: inherit
-          border-bottom-left-radius: inherit
-        &:last-child
-          border-top-right-radius: inherit
-          border-bottom-right-radius: inherit
-        &:not(:first-child)
+        &:not(.q--avoid-card-border)
           border-top-left-radius: 0
           border-bottom-left-radius: 0
-        &:not(:last-child)
           border-top-right-radius: 0
           border-bottom-right-radius: 0
+        &:nth-child(1 of :not(.q--avoid-card-border))
+          border-top-left-radius: inherit
+          border-bottom-left-radius: inherit
+        &:nth-last-child(1 of :not(.q--avoid-card-border))
+          border-top-right-radius: inherit
+          border-bottom-right-radius: inherit
 
-      > div
+      > div:not(.q--avoid-card-border)
         border-top: 0
         border-bottom: 0
         box-shadow: none

package/src/components/checkbox/use-checkbox.js

@@ -70,7 +70,7 @@ export default function (type, getInner) {
 
   const isTrue = computed(() => (
     modelIsArray.value === true
-      ? index.value > -1
+      ? index.value !== -1
       : toRaw(props.modelValue) === toRaw(props.trueValue)
   ))
 

package/src/components/chip/QChip.js

@@ -182,7 +182,7 @@ export default createComponent({
     }
 
     return () => {
-      if (props.modelValue === false) { return }
+      if (props.modelValue === false) return
 
       const data = {
         class: classes.value,

package/src/components/color/QColor.js

@@ -88,13 +88,13 @@ export default createComponent({
     const forceHex = computed(() => (
       props.formatModel === 'auto'
         ? null
-        : props.formatModel.indexOf('hex') > -1
+        : props.formatModel.indexOf('hex') !== -1
     ))
 
     const forceAlpha = computed(() => (
       props.formatModel === 'auto'
         ? null
-        : props.formatModel.indexOf('a') > -1
+        : props.formatModel.indexOf('a') !== -1
     ))
 
     const topView = ref(
@@ -230,7 +230,7 @@ export default createComponent({
         : (
             props.formatModel === 'auto'
               ? null
-              : props.formatModel.indexOf('a') > -1
+              : props.formatModel.indexOf('a') !== -1
           )
 
       if (typeof v !== 'string' || v.length === 0 || testPattern.anyColor(v.replace(/ /g, '')) !== true) {
@@ -261,7 +261,7 @@ export default createComponent({
 
     function changeSpectrum (left, top, change) {
       const panel = spectrumRef.value
-      if (panel === null) { return }
+      if (panel === null) return
 
       const
         width = panel.clientWidth,

package/src/components/date/QDate.js

@@ -1081,7 +1081,7 @@ export default createComponent({
     }
 
     function getHeader () {
-      if (props.minimal === true) { return }
+      if (props.minimal === true) return
 
       return h('div', {
         class: 'q-date__header ' + headerClass.value

package/src/components/dialog/__tests__/DialogWrapper.vue

@@ -0,0 +1,33 @@
+<template>
+<q-dialog ref="dialogRef" v-bind="$attrs">
+  <q-card>
+    <q-card-section>
+      <q-btn label="Dialog Button" data-cy="dialog-button"/>
+    </q-card-section>
+  </q-card>
+</q-dialog>
+
+<q-input data-cy="input-field"/>
+</template>
+
+<script>
+import { defineComponent, ref } from 'vue'
+
+export default defineComponent({
+  inheritAttrs: false,
+  setup () {
+    const dialogRef = ref(null)
+
+    function focus () {
+      dialogRef.value.focus()
+    }
+
+    function shake () {
+      dialogRef.value.shake()
+    }
+
+    return { dialogRef, focus, shake }
+  }
+})
+
+</script>