quasar 2.4.13 → 2.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/dist/api/QCheckbox.json +27 -0
  2. package/dist/api/QRadio.json +18 -0
  3. package/dist/api/QTime.json +8 -2
  4. package/dist/api/QToggle.json +24 -24
  5. package/dist/icon-set/bootstrap-icons.umd.prod.js +1 -1
  6. package/dist/icon-set/eva-icons.umd.prod.js +1 -1
  7. package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +1 -1
  8. package/dist/icon-set/fontawesome-v5.umd.prod.js +1 -1
  9. package/dist/icon-set/ionicons-v4.umd.prod.js +1 -1
  10. package/dist/icon-set/line-awesome.umd.prod.js +1 -1
  11. package/dist/icon-set/material-icons-outlined.umd.prod.js +1 -1
  12. package/dist/icon-set/material-icons-round.umd.prod.js +1 -1
  13. package/dist/icon-set/material-icons-sharp.umd.prod.js +1 -1
  14. package/dist/icon-set/material-icons.umd.prod.js +1 -1
  15. package/dist/icon-set/mdi-v3.umd.prod.js +1 -1
  16. package/dist/icon-set/mdi-v4.umd.prod.js +1 -1
  17. package/dist/icon-set/mdi-v5.umd.prod.js +1 -1
  18. package/dist/icon-set/mdi-v6.umd.prod.js +1 -1
  19. package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +1 -1
  20. package/dist/icon-set/svg-eva-icons.umd.prod.js +1 -1
  21. package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +1 -1
  22. package/dist/icon-set/svg-ionicons-v4.umd.prod.js +1 -1
  23. package/dist/icon-set/svg-ionicons-v5.umd.prod.js +1 -1
  24. package/dist/icon-set/svg-ionicons-v6.umd.prod.js +1 -1
  25. package/dist/icon-set/svg-line-awesome.umd.prod.js +1 -1
  26. package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +1 -1
  27. package/dist/icon-set/svg-material-icons-round.umd.prod.js +1 -1
  28. package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +1 -1
  29. package/dist/icon-set/svg-material-icons.umd.prod.js +1 -1
  30. package/dist/icon-set/svg-mdi-v4.umd.prod.js +1 -1
  31. package/dist/icon-set/svg-mdi-v5.umd.prod.js +1 -1
  32. package/dist/icon-set/svg-mdi-v6.umd.prod.js +1 -1
  33. package/dist/icon-set/svg-themify.umd.prod.js +1 -1
  34. package/dist/icon-set/themify.umd.prod.js +1 -1
  35. package/dist/lang/ar.umd.prod.js +1 -1
  36. package/dist/lang/az-Latn.umd.prod.js +1 -1
  37. package/dist/lang/bg.umd.prod.js +1 -1
  38. package/dist/lang/bn.umd.prod.js +1 -1
  39. package/dist/lang/ca.umd.prod.js +1 -1
  40. package/dist/lang/cs.umd.prod.js +1 -1
  41. package/dist/lang/da.umd.prod.js +1 -1
  42. package/dist/lang/de.umd.prod.js +1 -1
  43. package/dist/lang/el.umd.prod.js +1 -1
  44. package/dist/lang/en-GB.umd.prod.js +1 -1
  45. package/dist/lang/en-US.umd.prod.js +1 -1
  46. package/dist/lang/eo.umd.prod.js +1 -1
  47. package/dist/lang/es.umd.prod.js +1 -1
  48. package/dist/lang/et.umd.prod.js +1 -1
  49. package/dist/lang/fa-IR.umd.prod.js +1 -1
  50. package/dist/lang/fa.umd.prod.js +1 -1
  51. package/dist/lang/fi.umd.prod.js +1 -1
  52. package/dist/lang/fr.umd.prod.js +1 -1
  53. package/dist/lang/gn.umd.prod.js +1 -1
  54. package/dist/lang/he.umd.prod.js +1 -1
  55. package/dist/lang/hr.umd.prod.js +1 -1
  56. package/dist/lang/hu.umd.prod.js +1 -1
  57. package/dist/lang/id.umd.prod.js +1 -1
  58. package/dist/lang/is.umd.prod.js +1 -1
  59. package/dist/lang/it.umd.prod.js +1 -1
  60. package/dist/lang/ja.umd.prod.js +1 -1
  61. package/dist/lang/km.umd.prod.js +1 -1
  62. package/dist/lang/ko-KR.umd.prod.js +1 -1
  63. package/dist/lang/kur-CKB.umd.prod.js +1 -1
  64. package/dist/lang/lt.umd.prod.js +1 -1
  65. package/dist/lang/lu.umd.prod.js +1 -1
  66. package/dist/lang/lv.umd.prod.js +1 -1
  67. package/dist/lang/ml.umd.prod.js +1 -1
  68. package/dist/lang/ms.umd.prod.js +1 -1
  69. package/dist/lang/my.umd.prod.js +1 -1
  70. package/dist/lang/nb-NO.umd.prod.js +1 -1
  71. package/dist/lang/nl.umd.prod.js +1 -1
  72. package/dist/lang/pl.umd.prod.js +1 -1
  73. package/dist/lang/pt-BR.umd.prod.js +1 -1
  74. package/dist/lang/pt.umd.prod.js +1 -1
  75. package/dist/lang/ro.umd.prod.js +1 -1
  76. package/dist/lang/ru.umd.prod.js +1 -1
  77. package/dist/lang/sk.umd.prod.js +1 -1
  78. package/dist/lang/sl.umd.prod.js +1 -1
  79. package/dist/lang/sr-CYR.umd.prod.js +1 -1
  80. package/dist/lang/sr.umd.prod.js +1 -1
  81. package/dist/lang/sv.umd.prod.js +1 -1
  82. package/dist/lang/ta.umd.prod.js +1 -1
  83. package/dist/lang/th.umd.prod.js +1 -1
  84. package/dist/lang/tr.umd.prod.js +1 -1
  85. package/dist/lang/ug.umd.prod.js +1 -1
  86. package/dist/lang/uk.umd.prod.js +1 -1
  87. package/dist/lang/vi.umd.prod.js +1 -1
  88. package/dist/lang/zh-CN.umd.prod.js +1 -1
  89. package/dist/lang/zh-TW.umd.prod.js +1 -1
  90. package/dist/quasar.cjs.prod.js +2 -2
  91. package/dist/quasar.css +38 -10
  92. package/dist/quasar.esm.prod.js +2 -2
  93. package/dist/quasar.prod.css +1 -1
  94. package/dist/quasar.rtl.css +55 -23
  95. package/dist/quasar.rtl.prod.css +1 -1
  96. package/dist/quasar.sass +31 -11
  97. package/dist/quasar.umd.js +307 -158
  98. package/dist/quasar.umd.prod.js +2 -2
  99. package/dist/ssr-directives/Morph.js +1 -1
  100. package/dist/transforms/auto-import.json +39 -3
  101. package/dist/transforms/import-map.json +18 -0
  102. package/dist/types/index.d.ts +35 -13
  103. package/dist/types/utils/date.d.ts +25 -13
  104. package/dist/vetur/quasar-attributes.json +32 -12
  105. package/dist/vetur/quasar-tags.json +8 -3
  106. package/dist/web-types/web-types.json +73 -28
  107. package/package.json +13 -3
  108. package/src/components/avatar/__tests__/QAvatar.spec.js +121 -0
  109. package/src/components/badge/__tests__/QBadge.spec.js +74 -0
  110. package/src/components/breadcrumbs/QBreadcrumbs.js +1 -1
  111. package/src/components/btn/__tests__/QBtn.spec.js +55 -0
  112. package/src/components/btn/__tests__/use-btn.spec.js +189 -0
  113. package/src/components/checkbox/QCheckbox.js +34 -3
  114. package/src/components/checkbox/QCheckbox.json +17 -0
  115. package/src/components/checkbox/QCheckbox.sass +17 -5
  116. package/src/components/checkbox/use-checkbox.js +4 -0
  117. package/src/components/checkbox/use-checkbox.json +18 -0
  118. package/src/components/chip/__tests__/QChip.spec.js +155 -0
  119. package/src/components/date/__tests__/QDate.spec.js +189 -0
  120. package/src/components/date/__tests__/use-datetime.spec.js +83 -0
  121. package/src/components/dialog/__tests__/QDialog.spec.js +129 -0
  122. package/src/components/editor/__tests__/QEditor.spec.js +195 -0
  123. package/src/components/field/QField.sass +2 -0
  124. package/src/components/form/QForm.js +26 -24
  125. package/src/components/input/QInput.js +9 -0
  126. package/src/components/input/__tests__/QInput.spec.js +105 -0
  127. package/src/components/input/__tests__/use-mask.spec.js +29 -0
  128. package/src/components/menu/__tests__/QMenu.spec.js +610 -0
  129. package/src/components/menu/__tests__/WrapperOne.vue +51 -0
  130. package/src/components/menu/__tests__/WrapperTwo.vue +38 -0
  131. package/src/components/radio/QRadio.js +26 -1
  132. package/src/components/radio/QRadio.json +16 -0
  133. package/src/components/radio/QRadio.sass +17 -6
  134. package/src/components/select/QSelect.js +1 -1
  135. package/src/components/select/__tests__/QSelect.spec.js +2003 -0
  136. package/src/components/select/__tests__/WrapperOne.vue +28 -0
  137. package/src/components/table/__tests__/QTable.spec.js +635 -0
  138. package/src/components/table/__tests__/QTd.spec.js +35 -0
  139. package/src/components/table/__tests__/QTh.spec.js +27 -0
  140. package/src/components/table/__tests__/QTr.spec.js +27 -0
  141. package/src/components/tabs/__tests__/QRouteTab.spec.js +9 -0
  142. package/src/components/tabs/__tests__/QTab.spec.js +79 -0
  143. package/src/components/tabs/__tests__/QTabs.spec.js +147 -0
  144. package/src/components/time/QTime.json +2 -2
  145. package/src/components/toggle/QToggle.js +5 -13
  146. package/src/components/toggle/QToggle.json +3 -12
  147. package/src/components/tree/QTree.js +39 -41
  148. package/src/components/uploader/__tests__/QUploader.spec.js +161 -0
  149. package/src/composables/private/__tests__/FieldWrapper.vue +39 -0
  150. package/src/composables/private/__tests__/use-anchor.spec.js +99 -0
  151. package/src/composables/private/__tests__/use-field.spec.js +351 -0
  152. package/src/composables/private/__tests__/use-file.spec.js +69 -0
  153. package/src/composables/private/__tests__/use-form.spec.js +11 -0
  154. package/src/composables/private/__tests__/use-fullscreen.spec.js +37 -0
  155. package/src/composables/private/__tests__/use-model-toggle.spec.js +306 -0
  156. package/src/composables/private/__tests__/use-portal.spec.js +4 -0
  157. package/src/composables/private/__tests__/use-router-link.spec.js +55 -0
  158. package/src/composables/private/__tests__/use-size.spec.js +37 -0
  159. package/src/composables/private/__tests__/use-transition.spec.js +108 -0
  160. package/src/composables/private/__tests__/use-validate.spec.js +111 -0
  161. package/src/composables/private/use-fullscreen.js +1 -1
  162. package/src/composables/private/use-model-toggle.js +1 -1
  163. package/src/composables/private/use-validate.js +22 -22
  164. package/src/plugins/Meta.js +1 -1
  165. package/src/plugins/Screen.js +16 -9
  166. package/src/utils/date.js +111 -32
  167. package/src/utils/private/vm.js +14 -8
package/dist/quasar.css CHANGED
@@ -986,19 +986,27 @@ input[type=search]::-webkit-search-decoration {
986
986
  .q-checkbox {
987
987
  vertical-align: middle;
988
988
  }
989
- .q-checkbox__bg {
989
+ .q-checkbox__native {
990
+ width: 1px;
991
+ height: 1px;
992
+ }
993
+ .q-checkbox__bg, .q-checkbox__icon-container {
990
994
  top: 25%;
991
995
  left: 25%;
992
996
  width: 50%;
993
997
  height: 50%;
998
+ -webkit-user-select: none;
999
+ user-select: none;
1000
+ }
1001
+ .q-checkbox__bg {
994
1002
  border: 2px solid currentColor;
995
1003
  border-radius: 2px;
996
1004
  transition: background 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
997
1005
  -webkit-print-color-adjust: exact;
998
1006
  }
999
- .q-checkbox__native {
1000
- width: 1px;
1001
- height: 1px;
1007
+ .q-checkbox__icon {
1008
+ color: currentColor;
1009
+ font-size: 0.6em;
1002
1010
  }
1003
1011
  .q-checkbox__svg {
1004
1012
  color: #fff;
@@ -1049,12 +1057,16 @@ input[type=search]::-webkit-search-decoration {
1049
1057
  .q-checkbox--dark .q-checkbox__inner--truthy, .q-checkbox--dark .q-checkbox__inner--indet {
1050
1058
  color: var(--q-primary);
1051
1059
  }
1060
+ .q-checkbox--dense .q-checkbox__icon {
1061
+ font-size: 0.6em;
1062
+ }
1052
1063
  .q-checkbox--dense .q-checkbox__inner {
1053
1064
  width: 0.5em;
1054
1065
  min-width: 0.5em;
1055
1066
  height: 0.5em;
1056
1067
  }
1057
- .q-checkbox--dense .q-checkbox__bg {
1068
+ .q-checkbox--dense .q-checkbox__bg,
1069
+ .q-checkbox--dense .q-checkbox__icon-container {
1058
1070
  left: 5%;
1059
1071
  top: 5%;
1060
1072
  width: 90%;
@@ -2152,6 +2164,8 @@ body.q-ios-padding .q-dialog__inner > div {
2152
2164
  line-height: 1;
2153
2165
  color: rgba(0, 0, 0, 0.54);
2154
2166
  padding: 8px 12px 0;
2167
+ -webkit-backface-visibility: hidden;
2168
+ backface-visibility: hidden;
2155
2169
  }
2156
2170
  .q-field__bottom--animated {
2157
2171
  transform: translateY(100%);
@@ -2299,6 +2313,8 @@ body.q-ios-padding .q-dialog__inner > div {
2299
2313
  text-transform: inherit;
2300
2314
  transform-origin: left top;
2301
2315
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.324s cubic-bezier(0.4, 0, 0.2, 1);
2316
+ -webkit-backface-visibility: hidden;
2317
+ backface-visibility: hidden;
2302
2318
  }
2303
2319
  .q-field--float .q-field__label {
2304
2320
  max-width: 133%;
@@ -3273,19 +3289,27 @@ body.platform-ios .q-layout--containerized {
3273
3289
  .q-radio {
3274
3290
  vertical-align: middle;
3275
3291
  }
3276
- .q-radio__bg {
3292
+ .q-radio__native {
3293
+ width: 1px;
3294
+ height: 1px;
3295
+ }
3296
+ .q-radio__bg, .q-radio__icon-container {
3277
3297
  top: 25%;
3278
3298
  left: 25%;
3279
3299
  width: 50%;
3280
3300
  height: 50%;
3301
+ -webkit-user-select: none;
3302
+ user-select: none;
3303
+ }
3304
+ .q-radio__bg {
3281
3305
  -webkit-print-color-adjust: exact;
3282
3306
  }
3283
3307
  .q-radio__bg path {
3284
3308
  fill: currentColor;
3285
3309
  }
3286
- .q-radio__native {
3287
- width: 1px;
3288
- height: 1px;
3310
+ .q-radio__icon {
3311
+ color: currentColor;
3312
+ font-size: 0.6em;
3289
3313
  }
3290
3314
  .q-radio__check {
3291
3315
  transform-origin: 50% 50%;
@@ -3319,12 +3343,16 @@ body.platform-ios .q-layout--containerized {
3319
3343
  .q-radio--dark .q-radio__inner--truthy {
3320
3344
  color: var(--q-primary);
3321
3345
  }
3346
+ .q-radio--dense .q-checkbox__icon {
3347
+ font-size: 0.6em;
3348
+ }
3322
3349
  .q-radio--dense .q-radio__inner {
3323
3350
  width: 0.5em;
3324
3351
  min-width: 0.5em;
3325
3352
  height: 0.5em;
3326
3353
  }
3327
- .q-radio--dense .q-radio__bg {
3354
+ .q-radio--dense .q-radio__bg,
3355
+ .q-radio--dense .q-radio__icon-container {
3328
3356
  left: 0;
3329
3357
  top: 0;
3330
3358
  width: 100%;