quasar 2.14.4 → 2.14.5

package/dist/web-types/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.14.4",
+  "version": "2.14.5",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.14.4",
+  "version": "2.14.5",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "main": "dist/quasar.cjs.prod.js",
   "module": "dist/quasar.esm.prod.js",
@@ -73,27 +73,27 @@
   "devDependencies": {
     "@quasar/app-vite": "^2.0.0-beta.1",
     "@quasar/extras": "^1.16.4",
-    "@quasar/quasar-app-extension-testing-e2e-cypress": "^5.2.0-alpha.2",
+    "@quasar/quasar-app-extension-testing-e2e-cypress": "^5.2.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
     "@rollup/plugin-replace": "^2.3.3",
-    "autoprefixer": "^10.4.13",
+    "autoprefixer": "^10.4.17",
     "babel-preset-es2015-rollup": "^3.0.0",
     "cli-highlight": "^2.1.11",
     "cross-env": "^7.0.3",
     "cssnano": "^5.1.14",
-    "cypress": "^13.2.0",
+    "cypress": "^13.6.4",
     "cypress-json-results": "^1.2.1",
-    "diff": "^5.1.0",
-    "eslint": "^8.41.0",
+    "diff": "^5.2.0",
+    "eslint": "^8.56.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-friendly-formatter": "^4.0.1",
     "eslint-plugin-cypress": "^2.13.3",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^16.0.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-no-only-tests": "^3.1.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-vue": "^9.14.1",
+    "eslint-plugin-vue": "^9.21.1",
     "fast-glob": "^3.3.0",
     "module-alias": "^2.2.2",
     "open": "^9.1.0",

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/inner-loading/QInnerLoading.js

@@ -33,7 +33,7 @@ export default createComponent({
     const { transitionProps, transitionStyle } = useTransition(props)
 
     const classes = computed(() =>
-      'q-inner-loading absolute-full column flex-center'
+      'q-inner-loading q--avoid-card-border absolute-full column flex-center'
       + (isDark.value === true ? ' q-inner-loading--dark' : '')
     )
 

package/src/components/inner-loading/QInnerLoading.sass

@@ -1,5 +1,6 @@
 .q-inner-loading
   background: $light-dimmed-background
+  border-radius: inherit
 
   &--dark
     background: $dimmed-background

package/src/components/no-ssr/QNoSsr.js

@@ -21,16 +21,16 @@ export default createComponent({
     const canRender = useCanRender()
 
     return () => {
-      const data = {}
-
       if (canRender.value === true) {
         const node = hSlot(slots.default)
         return node === void 0
           ? node
-          : (node.length > 1 ? h(props.tag, data, node) : node[ 0 ])
+          : (node.length > 1 ? h(props.tag, {}, node) : node[ 0 ])
       }
 
-      data.class = 'q-no-ssr-placeholder'
+      const data = {
+        class: 'q-no-ssr-placeholder'
+      }
 
       const node = hSlot(slots.placeholder)
       if (node !== void 0) {

package/src/components/resize-observer/QResizeObserver.js

@@ -136,6 +136,7 @@ export default createComponent({
       return () => {
         if (canRender.value === true) {
           return h('object', {
+            class: 'q--avoid-card-border',
             style: resizeProps.style,
             tabindex: -1, // fix for Firefox
             type: 'text/html',