@quasar/extras 1.11.0

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 (218) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +146 -0
  3. package/animate/LICENSE +21 -0
  4. package/animate/animate-list.common.d.ts +107 -0
  5. package/animate/animate-list.common.js +107 -0
  6. package/animate/animate-list.d.ts +107 -0
  7. package/animate/animate-list.js +107 -0
  8. package/animate/backInDown.css +20 -0
  9. package/animate/backInLeft.css +20 -0
  10. package/animate/backInRight.css +20 -0
  11. package/animate/backInUp.css +20 -0
  12. package/animate/backOutDown.css +20 -0
  13. package/animate/backOutLeft.css +20 -0
  14. package/animate/backOutRight.css +20 -0
  15. package/animate/backOutUp.css +20 -0
  16. package/animate/bounce.css +34 -0
  17. package/animate/bounceIn.css +42 -0
  18. package/animate/bounceInDown.css +35 -0
  19. package/animate/bounceInLeft.css +35 -0
  20. package/animate/bounceInRight.css +35 -0
  21. package/animate/bounceInUp.css +35 -0
  22. package/animate/bounceOut.css +21 -0
  23. package/animate/bounceOutDown.css +20 -0
  24. package/animate/bounceOutLeft.css +15 -0
  25. package/animate/bounceOutRight.css +15 -0
  26. package/animate/bounceOutUp.css +20 -0
  27. package/animate/fadeIn.css +13 -0
  28. package/animate/fadeInBottomLeft.css +14 -0
  29. package/animate/fadeInBottomRight.css +14 -0
  30. package/animate/fadeInDown.css +15 -0
  31. package/animate/fadeInDownBig.css +15 -0
  32. package/animate/fadeInLeft.css +15 -0
  33. package/animate/fadeInLeftBig.css +15 -0
  34. package/animate/fadeInRight.css +15 -0
  35. package/animate/fadeInRightBig.css +15 -0
  36. package/animate/fadeInTopLeft.css +14 -0
  37. package/animate/fadeInTopRight.css +14 -0
  38. package/animate/fadeInUp.css +15 -0
  39. package/animate/fadeInUpBig.css +15 -0
  40. package/animate/fadeOut.css +13 -0
  41. package/animate/fadeOutBottomLeft.css +14 -0
  42. package/animate/fadeOutBottomRight.css +14 -0
  43. package/animate/fadeOutDown.css +14 -0
  44. package/animate/fadeOutDownBig.css +14 -0
  45. package/animate/fadeOutLeft.css +14 -0
  46. package/animate/fadeOutLeftBig.css +14 -0
  47. package/animate/fadeOutRight.css +14 -0
  48. package/animate/fadeOutRightBig.css +14 -0
  49. package/animate/fadeOutTopLeft.css +14 -0
  50. package/animate/fadeOutTopRight.css +14 -0
  51. package/animate/fadeOutUp.css +14 -0
  52. package/animate/fadeOutUpBig.css +14 -0
  53. package/animate/flash.css +16 -0
  54. package/animate/flip.css +34 -0
  55. package/animate/flipInX.css +30 -0
  56. package/animate/flipInY.css +30 -0
  57. package/animate/flipOutX.css +21 -0
  58. package/animate/flipOutY.css +21 -0
  59. package/animate/headShake.css +30 -0
  60. package/animate/heartBeat.css +27 -0
  61. package/animate/hinge.css +29 -0
  62. package/animate/jackInTheBox.css +24 -0
  63. package/animate/jello.css +40 -0
  64. package/animate/lightSpeedIn.css +24 -0
  65. package/animate/lightSpeedInLeft.css +24 -0
  66. package/animate/lightSpeedInRight.css +24 -0
  67. package/animate/lightSpeedOut.css +15 -0
  68. package/animate/lightSpeedOutLeft.css +15 -0
  69. package/animate/lightSpeedOutRight.css +15 -0
  70. package/animate/pulse.css +20 -0
  71. package/animate/rollIn.css +17 -0
  72. package/animate/rollOut.css +16 -0
  73. package/animate/rotateIn.css +16 -0
  74. package/animate/rotateInDownLeft.css +16 -0
  75. package/animate/rotateInDownRight.css +16 -0
  76. package/animate/rotateInUpLeft.css +16 -0
  77. package/animate/rotateInUpRight.css +16 -0
  78. package/animate/rotateOut.css +15 -0
  79. package/animate/rotateOutDownLeft.css +15 -0
  80. package/animate/rotateOutDownRight.css +15 -0
  81. package/animate/rotateOutUpLeft.css +15 -0
  82. package/animate/rotateOutUpRight.css +15 -0
  83. package/animate/rubberBand.css +33 -0
  84. package/animate/shake.css +25 -0
  85. package/animate/shakeX.css +25 -0
  86. package/animate/shakeY.css +25 -0
  87. package/animate/slideInDown.css +14 -0
  88. package/animate/slideInLeft.css +14 -0
  89. package/animate/slideInRight.css +14 -0
  90. package/animate/slideInUp.css +14 -0
  91. package/animate/slideOutDown.css +14 -0
  92. package/animate/slideOutLeft.css +14 -0
  93. package/animate/slideOutRight.css +14 -0
  94. package/animate/slideOutUp.css +14 -0
  95. package/animate/swing.css +26 -0
  96. package/animate/tada.css +31 -0
  97. package/animate/wobble.css +35 -0
  98. package/animate/zoomIn.css +14 -0
  99. package/animate/zoomInDown.css +17 -0
  100. package/animate/zoomInLeft.css +17 -0
  101. package/animate/zoomInRight.css +17 -0
  102. package/animate/zoomInUp.css +17 -0
  103. package/animate/zoomOut.css +18 -0
  104. package/animate/zoomOutDown.css +18 -0
  105. package/animate/zoomOutLeft.css +16 -0
  106. package/animate/zoomOutRight.css +16 -0
  107. package/animate/zoomOutUp.css +18 -0
  108. package/bootstrap-icons/LICENSE.md +21 -0
  109. package/bootstrap-icons/bootstrap-icons.css +1350 -0
  110. package/bootstrap-icons/bootstrap-icons.woff +0 -0
  111. package/bootstrap-icons/bootstrap-icons.woff2 +0 -0
  112. package/bootstrap-icons/index.d.ts +1372 -0
  113. package/bootstrap-icons/index.js +1372 -0
  114. package/eva-icons/Eva-Icons.woff +0 -0
  115. package/eva-icons/Eva-Icons.woff2 +0 -0
  116. package/eva-icons/LICENSE +21 -0
  117. package/eva-icons/eva-icons.css +2001 -0
  118. package/eva-icons/index.d.ts +492 -0
  119. package/eva-icons/index.js +492 -0
  120. package/fontawesome-v5/LICENSE.txt +34 -0
  121. package/fontawesome-v5/fa-brands-400.woff +0 -0
  122. package/fontawesome-v5/fa-brands-400.woff2 +0 -0
  123. package/fontawesome-v5/fa-regular-400.woff +0 -0
  124. package/fontawesome-v5/fa-regular-400.woff2 +0 -0
  125. package/fontawesome-v5/fa-solid-900.woff +0 -0
  126. package/fontawesome-v5/fa-solid-900.woff2 +0 -0
  127. package/fontawesome-v5/fontawesome-v5.css +4613 -0
  128. package/fontawesome-v5/index.d.ts +1613 -0
  129. package/fontawesome-v5/index.js +1613 -0
  130. package/ionicons-v4/LICENSE +21 -0
  131. package/ionicons-v4/index.d.ts +698 -0
  132. package/ionicons-v4/index.js +698 -0
  133. package/ionicons-v4/ionicons-v4.css +2817 -0
  134. package/ionicons-v4/ionicons.woff +0 -0
  135. package/ionicons-v4/ionicons.woff2 +0 -0
  136. package/ionicons-v5/LICENSE +21 -0
  137. package/ionicons-v5/index.d.ts +1334 -0
  138. package/ionicons-v5/index.js +1334 -0
  139. package/line-awesome/LICENSE.md +15 -0
  140. package/line-awesome/index.d.ts +1546 -0
  141. package/line-awesome/index.js +1546 -0
  142. package/line-awesome/la-brands-400.woff +0 -0
  143. package/line-awesome/la-brands-400.woff2 +0 -0
  144. package/line-awesome/la-regular-400.woff +0 -0
  145. package/line-awesome/la-regular-400.woff2 +0 -0
  146. package/line-awesome/la-solid-900.woff +0 -0
  147. package/line-awesome/la-solid-900.woff2 +0 -0
  148. package/line-awesome/line-awesome.css +6579 -0
  149. package/material-icons/LICENSE +202 -0
  150. package/material-icons/index.d.ts +1870 -0
  151. package/material-icons/index.js +1870 -0
  152. package/material-icons/material-icons.css +31 -0
  153. package/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff +0 -0
  154. package/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2 +0 -0
  155. package/material-icons-outlined/LICENSE +202 -0
  156. package/material-icons-outlined/index.d.ts +1870 -0
  157. package/material-icons-outlined/index.js +1870 -0
  158. package/material-icons-outlined/material-icons-outlined.css +31 -0
  159. package/material-icons-outlined/web-font/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcY.woff +0 -0
  160. package/material-icons-outlined/web-font/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2 +0 -0
  161. package/material-icons-round/LICENSE +202 -0
  162. package/material-icons-round/index.d.ts +1870 -0
  163. package/material-icons-round/index.js +1870 -0
  164. package/material-icons-round/material-icons-round.css +31 -0
  165. package/material-icons-round/web-font/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmJ.woff +0 -0
  166. package/material-icons-round/web-font/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2 +0 -0
  167. package/material-icons-sharp/LICENSE +202 -0
  168. package/material-icons-sharp/index.d.ts +1870 -0
  169. package/material-icons-sharp/index.js +1870 -0
  170. package/material-icons-sharp/material-icons-sharp.css +31 -0
  171. package/material-icons-sharp/web-font/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg.woff2 +0 -0
  172. package/material-icons-sharp/web-font/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvX.woff +0 -0
  173. package/mdi-v3/LICENSE +96 -0
  174. package/mdi-v3/materialdesignicons-webfont.woff +0 -0
  175. package/mdi-v3/materialdesignicons-webfont.woff2 +0 -0
  176. package/mdi-v3/mdi-v3.css +15041 -0
  177. package/mdi-v4/LICENSE +25 -0
  178. package/mdi-v4/index.js +4997 -0
  179. package/mdi-v4/license.md +97 -0
  180. package/mdi-v4/materialdesignicons-webfont.woff +0 -0
  181. package/mdi-v4/materialdesignicons-webfont.woff2 +0 -0
  182. package/mdi-v4/mdi-v4.css +20119 -0
  183. package/mdi-v5/LICENSE +20 -0
  184. package/mdi-v5/index.d.ts +5957 -0
  185. package/mdi-v5/index.js +5957 -0
  186. package/mdi-v5/license.md +20 -0
  187. package/mdi-v5/materialdesignicons-webfont.woff +0 -0
  188. package/mdi-v5/materialdesignicons-webfont.woff2 +0 -0
  189. package/mdi-v5/mdi-v5.css +23959 -0
  190. package/mdi-v6/LICENSE +20 -0
  191. package/mdi-v6/index.d.ts +6197 -0
  192. package/mdi-v6/index.js +6197 -0
  193. package/mdi-v6/license.md +20 -0
  194. package/mdi-v6/materialdesignicons-webfont.woff +0 -0
  195. package/mdi-v6/materialdesignicons-webfont.woff2 +0 -0
  196. package/mdi-v6/mdi-v6.css +24920 -0
  197. package/package.json +45 -0
  198. package/roboto-font/LICENSE +201 -0
  199. package/roboto-font/roboto-font.css +36 -0
  200. package/roboto-font/web-font/KFOkCnqEu92Fr1MmgVxIIzQ.woff +0 -0
  201. package/roboto-font/web-font/KFOlCnqEu92Fr1MmEU9fBBc-.woff +0 -0
  202. package/roboto-font/web-font/KFOlCnqEu92Fr1MmSU5fBBc-.woff +0 -0
  203. package/roboto-font/web-font/KFOlCnqEu92Fr1MmWUlfBBc-.woff +0 -0
  204. package/roboto-font/web-font/KFOlCnqEu92Fr1MmYUtfBBc-.woff +0 -0
  205. package/roboto-font/web-font/KFOmCnqEu92Fr1Mu4mxM.woff +0 -0
  206. package/roboto-font-latin-ext/LICENSE +201 -0
  207. package/roboto-font-latin-ext/roboto-font-latin-ext.css +36 -0
  208. package/roboto-font-latin-ext/web-font/KFOkCnqEu92Fr1MmgVxGIzQ.woff +0 -0
  209. package/roboto-font-latin-ext/web-font/KFOlCnqEu92Fr1MmEU9fChc-.woff +0 -0
  210. package/roboto-font-latin-ext/web-font/KFOlCnqEu92Fr1MmSU5fChc-.woff +0 -0
  211. package/roboto-font-latin-ext/web-font/KFOlCnqEu92Fr1MmWUlfChc-.woff +0 -0
  212. package/roboto-font-latin-ext/web-font/KFOlCnqEu92Fr1MmYUtfChc-.woff +0 -0
  213. package/roboto-font-latin-ext/web-font/KFOmCnqEu92Fr1Mu7GxM.woff +0 -0
  214. package/themify/LICENSE +85 -0
  215. package/themify/index.d.ts +354 -0
  216. package/themify/index.js +354 -0
  217. package/themify/themify.css +1078 -0
  218. package/themify/themify.woff +0 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2017-present Razvan Stoenescu
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,146 @@
1
+ ![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)
2
+
3
+ ## Quasar Framework Extras Package
4
+
5
+ > Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase!
6
+
7
+ <img src="https://img.shields.io/npm/v/%40quasar/extras.svg?label=@quasar/extras">
8
+
9
+ [![Join the chat at https://chat.quasar.dev](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://chat.quasar.dev)
10
+ <a href="https://forum.quasar.dev" target="_blank"><img src="https://img.shields.io/badge/community-forum-brightgreen.svg"></a>
11
+ [![https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg](https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg)](https://good-labs.github.io/greater-good-affirmation)
12
+
13
+ ## Why?
14
+ Why this package? Because it strips down unnecessary package files (so faster download times), all in one place, tested and ready to use with Quasar. One other reason is that the material icons npm package sometimes fails to be downloaded by NPM.
15
+
16
+ ## Contents
17
+
18
+ Please make sure you have latest `@quasar/extras` npm package version installed into your project folder in order for you to benefit from everything below.
19
+
20
+ ### Webfonts
21
+
22
+ | Vendor | Version | quasar.conf.js extras name | Description | Notes | License |
23
+ | --- | --- | --- | --- | --- | --- |
24
+ | Roboto Font | CDN v27 | `roboto-font` | Recommended font along Material theme | | [License](roboto-font/LICENSE) |
25
+ | Roboto Font Latin Extended | CDN v27 | `roboto-font-latin-ext` | Recommended font along Material theme | | [License](roboto-font-latin-ext/LICENSE) |
26
+ | [Material Icons](https://material.io/tools/icons/?style=baseline) (Google) | CDN v99 | `material-icons` | Material icons font | Requires: @quasar/extras 1.2.0+ | [License](material-icons/LICENSE) |
27
+ | [Material Icons Outlined](https://material.io/tools/icons/?style=outline) | CDN v76 | `material-icons-outlined` | Material icons outlined font | Requires: @quasar/extras 1.2.0+ | [License](material-icons-outlined/LICENSE) |
28
+ | [Material Icons Round](https://material.io/tools/icons/?style=round) | CDN v76 | `material-icons-round` | Material icons round font | Requires: @quasar/extras 1.2.0+ | [License](material-icons-round/LICENSE) |
29
+ | [Material Icons Sharp](https://material.io/tools/icons/?style=sharp) | CDN v75 | `material-icons-sharp` | Material icons sharp font | Requires: @quasar/extras 1.2.0+ | [License](material-icons-sharp/LICENSE) |
30
+ | [MDI v6](https://materialdesignicons.com/) (Material Design Icons) | 6.1.95 | `mdi-v6` | Extended Material Design icons font | | [License](mdi-v5/LICENSE) |
31
+ | [MDI v5](https://materialdesignicons.com/) (Material Design Icons) | 5.9.55 | `mdi-v5` | Extended Material Design icons font | | [License](mdi-v5/LICENSE) |
32
+ | MDI v4 (Material Design Icons) | 4.9.95 | `mdi-v4` | Extended Material Design icons font | | [License](mdi-v4/license.md) |
33
+ | MDI v3 (Material Design Icons) | 3.6.95 | `mdi-v3` | Extended Material Design icons font | | [License](mdi-v3/LICENSE) |
34
+ | [Font Awesome](https://fontawesome.com/icons?d=gallery) | 5.15.4 | `fontawesome-v5` | Fontawesome icons font | | [License](fontawesome-v5/LICENSE.txt) |
35
+ | [Ionicons](https://ionicons.com/v4) | 4.6.3 | `ionicons-v4` | Ionicons font | | [License](ionicons-v4/LICENSE) |
36
+ | [Eva Icons](https://akveo.github.io/eva-icons) | 1.1.3 | `eva-icons` | Eva Icons font | | [License](eva-icons/LICENSE) |
37
+ | [Themify Icons](https://themify.me/themify-icons) | 1.0.1 | `themify` | Themify Icons font | | [License](themify/LICENSE) |
38
+ | [Line Awesome](https://icons8.com/line-awesome) | 1.3.0 | `line-awesome` | Line Awesome font | Requires: @quasar/extras 1.5+ | [License](line-awesome/LICENSE.md) |
39
+ | [Bootstrap Icons](https://icons.getbootstrap.com/) | 1.5.0 | `bootstrap-icons` | Bootstrap Icons font | Requires: @quasar/extras 1.10+ | [License](bootstrap-icons/LICENSE.md) |
40
+ | [Animate.css](https://animate.style/) | 4.1.1 | Use `animations` prop | Bundle of animations you can use in your website/app | | [License](animate/LICENSE) |
41
+
42
+ > Install one of MDI v5, MDI v4 or MDI v3, but never together at the same time.
43
+
44
+ > Note that ionicons v5+ no longer comes with a webfont.
45
+ ### SVG
46
+
47
+ > Quasar v1.7+ required for svg Quasar Icon Sets.
48
+
49
+ | Vendor | Version | Quasar IconSet name | Import Icons from | Notes | License |
50
+ | --- | --- | --- | --- | --- | --- |
51
+ | [Material Icons](https://material.io/tools/icons/?style=baseline) (Google) | CDN v99 | `svg-material-icons` | `@quasar/extras/material-icons` | | [License](material-icons/LICENSE) |
52
+ | [Material Icons Outlined](https://material.io/tools/icons/?style=outlined) (Google) | CDN v76 | `svg-material-icons-outlined` | `@quasar/extras/material-icons-outlined` | Requires: @quasar/extras 1.9+ | [License](material-icons-outlined/LICENSE) |
53
+ | [Material Icons Round](https://material.io/tools/icons/?style=round) (Google) | CDN v75 | `svg-material-icons-round` | `@quasar/extras/material-icons-round` | Requires: @quasar/extras 1.9+ | [License](material-icons-round/LICENSE) |
54
+ | [Material Icons Sharp](https://material.io/tools/icons/?style=sharp) (Google) | CDN v76 | `svg-material-icons-sharp` | `@quasar/extras/material-icons-sharp` | Requires: @quasar/extras 1.9+ | [License](material-icons-sharp/LICENSE) |
55
+ | [MDI v6](https://materialdesignicons.com/) (Material Design Icons) | 6.1.95 | `svg-mdi-v6` | `@quasar/extras/mdi-v6` | | [License](mdi-v6/LICENSE) |
56
+ | [MDI v5](https://materialdesignicons.com/) (Material Design Icons) | 5.9.55 | `svg-mdi-v5` | `@quasar/extras/mdi-v5` | | [License](mdi-v5/LICENSE) |
57
+ | MDI v4 (Material Design Icons) | 4.9.95 | `svg-mdi-v4` | `@quasar/extras/mdi-v4` | | [License](mdi-v4/license.md) |
58
+ | [Font Awesome](https://fontawesome.com/icons?d=gallery) | 5.15.4 | `svg-fontawesome-v5` | `@quasar/extras/fontawesome-v5` | | [License](fontawesome-v5/LICENSE.txt) |
59
+ | [Ionicons v5](https://ionicons.com/) | 5.5.3 | `svg-ionicons-v5` | `@quasar/extras/ionicons-v5` | Requires: @quasar/extras 1.7+ | [Icon License](ionicons-v5/LICENSE) |
60
+ | [Ionicons v4](https://ionicons.com/v4/) | 4.6.3 | `svg-ionicons-v4` | `@quasar/extras/ionicons-v4` | No icon font (woof) files for Ionicons since v4.6.3 | [Icon License](ionicons-v4/LICENSE) |
61
+ | [Eva Icons](https://akveo.github.io/eva-icons) | 1.1.3 | `svg-eva-icons` | `@quasar/extras/eva-icons` | | [License](eva-icons/LICENSE) |
62
+ | [Themify Icons](https://themify.me/themify-icons) | 1.0.1 | `svg-themify` | `@quasar/extras/themify` | | [License](themify/LICENSE) |
63
+ | [Line Awesome](https://icons8.com/line-awesome) | 1.3.0 | `svg-line-awesome` | `@quasar/extras/line-awesome` | Requires: @quasar/extras 1.5+ | [License](line-awesome/LICENSE.md) |
64
+ | [Bootstrap Icons](https://icons.getbootstrap.com/) | 1.5.0 | `svg-bootstrap-icons` | `@quasar/extras/bootstrap-icons` | Requires: @quasar/extras 1.10+ | [License](bootstrap-icons/LICENSE.md) |
65
+
66
+ Example:
67
+
68
+ ```html
69
+ // some .vue file in devland
70
+ <template>
71
+ <div>
72
+ <q-icon :name="matMenu" />
73
+ <q-btn :icon="mdiAbTesting" />
74
+ </div>
75
+ </template>
76
+
77
+ <script>
78
+ import { matMenu } from '@quasar/extras/material-icons'
79
+ import { mdiAbTesting } from '@quasar/extras/mdi-v5'
80
+
81
+ export default {
82
+ // ...
83
+ created () {
84
+ this.matMenu = matMenu
85
+ this.mdiAbTesting = mdiAbTesting
86
+ }
87
+ }
88
+ ```
89
+
90
+ ### QIcon cheatsheet
91
+
92
+ ```html
93
+ <q-icon name="..." />
94
+ ```
95
+
96
+ | Name | Prefix | Examples | Notes | License |
97
+ | --- | --- | --- | --- | --- |
98
+ | material-icons | *None* | thumb_up | Notice the underline character instead of dash or space | |
99
+ | material-icons-outlined | o_ | o_thumb_up | Notice the underline character instead of dash or space | |
100
+ | material-icons-round | r_ | r_thumb_up | Notice the underline character instead of dash or space | |
101
+ | material-icons-sharp | s_ | s_thumb_up | Notice the underline character instead of dash or space | |
102
+ | ionicons-v4 | ion-, ion-md-, ion-ios-, ion-logo- | ion-heart, ion-logo-npm, ion-md-airplane | Use QIcon instead of `<ion-icon>` component; Logo icons require 'ion-logo-' prefix | |
103
+ | fontawesome-v5 | fa[s,r,l,b,d] fa- | "fas fa-ambulance" | QIcon "name" property is same as "class" attribute value in Fontawesome docs examples (where they show `<i>` tags) | |
104
+ | mdi-v5 | mdi- | mdi-alert-circle-outline | Notice the use of dash characters | |
105
+ | eva-icons | eva- | eva-shield-outline, eva-activity-outline | Notice the use of dash characters | |
106
+ | themify | ti- | ti-hand-point-up | Notice the use of dash characters | |
107
+ | line-awesome | la[s,r,l,b,d] la- | "las la-atom" | QIcon "name" property is same as "class" attribute value in Line Awesome docs examples (where they show `<i>` tags) | |
108
+ | bootstrap-icons | bi- | bi-bug-fill | Notice the use of dash characters | |
109
+
110
+ ### SVG name format
111
+ Svg icons will be defined as String with the following syntax:
112
+
113
+ ```
114
+ Syntax: "<path>|<viewBox>" or "<path>" (with implicit viewBox of '0 0 24 24')
115
+ Examples:
116
+ M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z|0 0 24 24
117
+ M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z
118
+ ```
119
+
120
+ ## Supporting Quasar
121
+ Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome [backers](https://github.com/quasarframework/quasar/blob/dev/backers.md).
122
+
123
+ **Please read our manifest on [Why donations are important](https://quasar.dev/why-donate)**. If you'd like to become a donator, check out [Quasar Framework's Donator campaign](https://donate.quasar.dev).
124
+
125
+ ## Documentation
126
+
127
+ Head on to the Quasar Framework official website: [https://quasar.dev](https://quasar.dev)
128
+
129
+ ## Stay in Touch
130
+
131
+ For latest releases and announcements, follow on Twitter: [@quasarframework](https://twitter.quasar.dev)
132
+
133
+ ## Chat Support
134
+
135
+ Ask questions at the official community Discord server: [https://chat.quasar.dev](https://chat.quasar.dev)
136
+
137
+ ## Community Forum
138
+
139
+ Head on to the official community forum: [https://forum.quasar.dev](https://forum.quasar.dev)
140
+
141
+ ## Semver
142
+ Using [semver 2.0](http://semver.org/) notation for '@quasar/extras' package.
143
+
144
+ ## License
145
+
146
+ All assets included in this repository are exclusive property of their respective owners and licensed under their own respective licenses. Quasar does not take any credit in packages included here.
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2020 Daniel Eden
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
@@ -0,0 +1,107 @@
1
+
2
+ export type generalAnimations =
3
+ | 'bounce'
4
+ | 'flash'
5
+ | 'flip'
6
+ | 'headShake'
7
+ | 'heartBeat'
8
+ | 'hinge'
9
+ | 'jello'
10
+ | 'pulse'
11
+ | 'rubberBand'
12
+ | 'shake'
13
+ | 'shakeX'
14
+ | 'shakeY'
15
+ | 'swing'
16
+ | 'tada'
17
+ | 'wobble'
18
+ ;
19
+
20
+ export type inAnimations =
21
+ | 'backInDown'
22
+ | 'backInLeft'
23
+ | 'backInRight'
24
+ | 'backInUp'
25
+ | 'bounceIn'
26
+ | 'bounceInDown'
27
+ | 'bounceInLeft'
28
+ | 'bounceInRight'
29
+ | 'bounceInUp'
30
+ | 'fadeIn'
31
+ | 'fadeInBottomLeft'
32
+ | 'fadeInBottomRight'
33
+ | 'fadeInDown'
34
+ | 'fadeInDownBig'
35
+ | 'fadeInLeft'
36
+ | 'fadeInLeftBig'
37
+ | 'fadeInRight'
38
+ | 'fadeInRightBig'
39
+ | 'fadeInTopLeft'
40
+ | 'fadeInTopRight'
41
+ | 'fadeInUp'
42
+ | 'fadeInUpBig'
43
+ | 'flipInX'
44
+ | 'flipInY'
45
+ | 'jackInTheBox'
46
+ | 'lightSpeedInLeft'
47
+ | 'lightSpeedInRight'
48
+ | 'rollIn'
49
+ | 'rotateIn'
50
+ | 'rotateInDownLeft'
51
+ | 'rotateInDownRight'
52
+ | 'rotateInUpLeft'
53
+ | 'rotateInUpRight'
54
+ | 'slideInDown'
55
+ | 'slideInLeft'
56
+ | 'slideInRight'
57
+ | 'slideInUp'
58
+ | 'zoomIn'
59
+ | 'zoomInDown'
60
+ | 'zoomInLeft'
61
+ | 'zoomInRight'
62
+ | 'zoomInUp'
63
+ ;
64
+
65
+ export type outAnimations =
66
+ | 'backOutDown'
67
+ | 'backOutLeft'
68
+ | 'backOutRight'
69
+ | 'backOutUp'
70
+ | 'bounceOut'
71
+ | 'bounceOutDown'
72
+ | 'bounceOutLeft'
73
+ | 'bounceOutRight'
74
+ | 'bounceOutUp'
75
+ | 'fadeOut'
76
+ | 'fadeOutBottomLeft'
77
+ | 'fadeOutBottomRight'
78
+ | 'fadeOutDown'
79
+ | 'fadeOutDownBig'
80
+ | 'fadeOutLeft'
81
+ | 'fadeOutLeftBig'
82
+ | 'fadeOutRight'
83
+ | 'fadeOutRightBig'
84
+ | 'fadeOutTopLeft'
85
+ | 'fadeOutTopRight'
86
+ | 'fadeOutUp'
87
+ | 'fadeOutUpBig'
88
+ | 'flipOutX'
89
+ | 'flipOutY'
90
+ | 'lightSpeedOutLeft'
91
+ | 'lightSpeedOutRight'
92
+ | 'rollOut'
93
+ | 'rotateOut'
94
+ | 'rotateOutDownLeft'
95
+ | 'rotateOutDownRight'
96
+ | 'rotateOutUpLeft'
97
+ | 'rotateOutUpRight'
98
+ | 'slideOutDown'
99
+ | 'slideOutLeft'
100
+ | 'slideOutRight'
101
+ | 'slideOutUp'
102
+ | 'zoomOut'
103
+ | 'zoomOutDown'
104
+ | 'zoomOutLeft'
105
+ | 'zoomOutRight'
106
+ | 'zoomOutUp'
107
+ ;
@@ -0,0 +1,107 @@
1
+
2
+ module.exports.generalAnimations = [
3
+ 'bounce',
4
+ 'flash',
5
+ 'flip',
6
+ 'headShake',
7
+ 'heartBeat',
8
+ 'hinge',
9
+ 'jello',
10
+ 'pulse',
11
+ 'rubberBand',
12
+ 'shake',
13
+ 'shakeX',
14
+ 'shakeY',
15
+ 'swing',
16
+ 'tada',
17
+ 'wobble'
18
+ ]
19
+
20
+ module.exports.inAnimations = [
21
+ 'backInDown',
22
+ 'backInLeft',
23
+ 'backInRight',
24
+ 'backInUp',
25
+ 'bounceIn',
26
+ 'bounceInDown',
27
+ 'bounceInLeft',
28
+ 'bounceInRight',
29
+ 'bounceInUp',
30
+ 'fadeIn',
31
+ 'fadeInBottomLeft',
32
+ 'fadeInBottomRight',
33
+ 'fadeInDown',
34
+ 'fadeInDownBig',
35
+ 'fadeInLeft',
36
+ 'fadeInLeftBig',
37
+ 'fadeInRight',
38
+ 'fadeInRightBig',
39
+ 'fadeInTopLeft',
40
+ 'fadeInTopRight',
41
+ 'fadeInUp',
42
+ 'fadeInUpBig',
43
+ 'flipInX',
44
+ 'flipInY',
45
+ 'jackInTheBox',
46
+ 'lightSpeedInLeft',
47
+ 'lightSpeedInRight',
48
+ 'rollIn',
49
+ 'rotateIn',
50
+ 'rotateInDownLeft',
51
+ 'rotateInDownRight',
52
+ 'rotateInUpLeft',
53
+ 'rotateInUpRight',
54
+ 'slideInDown',
55
+ 'slideInLeft',
56
+ 'slideInRight',
57
+ 'slideInUp',
58
+ 'zoomIn',
59
+ 'zoomInDown',
60
+ 'zoomInLeft',
61
+ 'zoomInRight',
62
+ 'zoomInUp'
63
+ ]
64
+
65
+ module.exports.outAnimations = [
66
+ 'backOutDown',
67
+ 'backOutLeft',
68
+ 'backOutRight',
69
+ 'backOutUp',
70
+ 'bounceOut',
71
+ 'bounceOutDown',
72
+ 'bounceOutLeft',
73
+ 'bounceOutRight',
74
+ 'bounceOutUp',
75
+ 'fadeOut',
76
+ 'fadeOutBottomLeft',
77
+ 'fadeOutBottomRight',
78
+ 'fadeOutDown',
79
+ 'fadeOutDownBig',
80
+ 'fadeOutLeft',
81
+ 'fadeOutLeftBig',
82
+ 'fadeOutRight',
83
+ 'fadeOutRightBig',
84
+ 'fadeOutTopLeft',
85
+ 'fadeOutTopRight',
86
+ 'fadeOutUp',
87
+ 'fadeOutUpBig',
88
+ 'flipOutX',
89
+ 'flipOutY',
90
+ 'lightSpeedOutLeft',
91
+ 'lightSpeedOutRight',
92
+ 'rollOut',
93
+ 'rotateOut',
94
+ 'rotateOutDownLeft',
95
+ 'rotateOutDownRight',
96
+ 'rotateOutUpLeft',
97
+ 'rotateOutUpRight',
98
+ 'slideOutDown',
99
+ 'slideOutLeft',
100
+ 'slideOutRight',
101
+ 'slideOutUp',
102
+ 'zoomOut',
103
+ 'zoomOutDown',
104
+ 'zoomOutLeft',
105
+ 'zoomOutRight',
106
+ 'zoomOutUp'
107
+ ]
@@ -0,0 +1,107 @@
1
+
2
+ export type generalAnimations =
3
+ | 'bounce'
4
+ | 'flash'
5
+ | 'flip'
6
+ | 'headShake'
7
+ | 'heartBeat'
8
+ | 'hinge'
9
+ | 'jello'
10
+ | 'pulse'
11
+ | 'rubberBand'
12
+ | 'shake'
13
+ | 'shakeX'
14
+ | 'shakeY'
15
+ | 'swing'
16
+ | 'tada'
17
+ | 'wobble'
18
+ ;
19
+
20
+ export type inAnimations =
21
+ | 'backInDown'
22
+ | 'backInLeft'
23
+ | 'backInRight'
24
+ | 'backInUp'
25
+ | 'bounceIn'
26
+ | 'bounceInDown'
27
+ | 'bounceInLeft'
28
+ | 'bounceInRight'
29
+ | 'bounceInUp'
30
+ | 'fadeIn'
31
+ | 'fadeInBottomLeft'
32
+ | 'fadeInBottomRight'
33
+ | 'fadeInDown'
34
+ | 'fadeInDownBig'
35
+ | 'fadeInLeft'
36
+ | 'fadeInLeftBig'
37
+ | 'fadeInRight'
38
+ | 'fadeInRightBig'
39
+ | 'fadeInTopLeft'
40
+ | 'fadeInTopRight'
41
+ | 'fadeInUp'
42
+ | 'fadeInUpBig'
43
+ | 'flipInX'
44
+ | 'flipInY'
45
+ | 'jackInTheBox'
46
+ | 'lightSpeedInLeft'
47
+ | 'lightSpeedInRight'
48
+ | 'rollIn'
49
+ | 'rotateIn'
50
+ | 'rotateInDownLeft'
51
+ | 'rotateInDownRight'
52
+ | 'rotateInUpLeft'
53
+ | 'rotateInUpRight'
54
+ | 'slideInDown'
55
+ | 'slideInLeft'
56
+ | 'slideInRight'
57
+ | 'slideInUp'
58
+ | 'zoomIn'
59
+ | 'zoomInDown'
60
+ | 'zoomInLeft'
61
+ | 'zoomInRight'
62
+ | 'zoomInUp'
63
+ ;
64
+
65
+ export type outAnimations =
66
+ | 'backOutDown'
67
+ | 'backOutLeft'
68
+ | 'backOutRight'
69
+ | 'backOutUp'
70
+ | 'bounceOut'
71
+ | 'bounceOutDown'
72
+ | 'bounceOutLeft'
73
+ | 'bounceOutRight'
74
+ | 'bounceOutUp'
75
+ | 'fadeOut'
76
+ | 'fadeOutBottomLeft'
77
+ | 'fadeOutBottomRight'
78
+ | 'fadeOutDown'
79
+ | 'fadeOutDownBig'
80
+ | 'fadeOutLeft'
81
+ | 'fadeOutLeftBig'
82
+ | 'fadeOutRight'
83
+ | 'fadeOutRightBig'
84
+ | 'fadeOutTopLeft'
85
+ | 'fadeOutTopRight'
86
+ | 'fadeOutUp'
87
+ | 'fadeOutUpBig'
88
+ | 'flipOutX'
89
+ | 'flipOutY'
90
+ | 'lightSpeedOutLeft'
91
+ | 'lightSpeedOutRight'
92
+ | 'rollOut'
93
+ | 'rotateOut'
94
+ | 'rotateOutDownLeft'
95
+ | 'rotateOutDownRight'
96
+ | 'rotateOutUpLeft'
97
+ | 'rotateOutUpRight'
98
+ | 'slideOutDown'
99
+ | 'slideOutLeft'
100
+ | 'slideOutRight'
101
+ | 'slideOutUp'
102
+ | 'zoomOut'
103
+ | 'zoomOutDown'
104
+ | 'zoomOutLeft'
105
+ | 'zoomOutRight'
106
+ | 'zoomOutUp'
107
+ ;