@emuanalytics/flow-rdf-ui 4.0.4 → 4.0.6

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 (355) hide show
  1. package/dist/components/alert/alert.component.mjs +202 -0
  2. package/dist/components/alert/alert.mjs +5 -0
  3. package/dist/components/alert/alert.styles.mjs +107 -0
  4. package/dist/components/animation/animation.component.mjs +207 -0
  5. package/dist/components/animation/animation.mjs +5 -0
  6. package/dist/components/animation/animation.styles.mjs +12 -0
  7. package/dist/components/animation/animations.mjs +11 -0
  8. package/dist/components/avatar/avatar.component.mjs +95 -0
  9. package/dist/components/avatar/avatar.mjs +5 -0
  10. package/dist/components/avatar/avatar.styles.mjs +70 -0
  11. package/dist/components/badge/badge.component.mjs +62 -0
  12. package/dist/components/badge/badge.mjs +5 -0
  13. package/dist/components/badge/badge.styles.mjs +105 -0
  14. package/dist/components/breadcrumb/breadcrumb.component.mjs +82 -0
  15. package/dist/components/breadcrumb/breadcrumb.mjs +5 -0
  16. package/dist/components/breadcrumb/breadcrumb.styles.mjs +14 -0
  17. package/dist/components/breadcrumb-item/breadcrumb-item.component.mjs +73 -0
  18. package/dist/components/breadcrumb-item/breadcrumb-item.mjs +5 -0
  19. package/dist/components/breadcrumb-item/breadcrumb-item.styles.mjs +90 -0
  20. package/dist/components/button/button.component.mjs +310 -0
  21. package/dist/components/button/button.mjs +5 -0
  22. package/dist/components/button/button.styles.mjs +690 -0
  23. package/dist/components/button-group/button-group.component.mjs +108 -0
  24. package/dist/components/button-group/button-group.mjs +5 -0
  25. package/dist/components/button-group/button-group.styles.mjs +21 -0
  26. package/dist/components/calendar/calendar.component.mjs +320 -0
  27. package/dist/components/calendar/calendar.mjs +5 -0
  28. package/dist/components/calendar/calendar.styles.mjs +145 -0
  29. package/dist/components/card/card.component.mjs +33 -0
  30. package/dist/components/card/card.mjs +5 -0
  31. package/dist/components/card/card.styles.mjs +73 -0
  32. package/dist/components/carousel/autoplay-controller.mjs +56 -0
  33. package/dist/components/carousel/carousel.component.mjs +406 -0
  34. package/dist/components/carousel/carousel.mjs +5 -0
  35. package/dist/components/carousel/carousel.styles.mjs +162 -0
  36. package/dist/components/carousel/scroll-controller.mjs +148 -0
  37. package/dist/components/carousel-item/carousel-item.component.mjs +22 -0
  38. package/dist/components/carousel-item/carousel-item.mjs +5 -0
  39. package/dist/components/carousel-item/carousel-item.styles.mjs +28 -0
  40. package/dist/components/chart/chart.component.mjs +82 -0
  41. package/dist/components/chart/chart.mjs +5 -0
  42. package/dist/components/chart/chart.styles.mjs +80 -0
  43. package/dist/components/chart/chartjs-plugins/interaction.interpolate.mjs +80 -0
  44. package/dist/components/chart/chartjs-plugins/plugin.flow-ui-colors.mjs +135 -0
  45. package/dist/components/chart/chartjs-plugins/positioner.cursor.mjs +14 -0
  46. package/dist/components/chart/chartjs-plugins/symlog.scale.mjs +42 -0
  47. package/dist/components/chart/chartjs-support.mjs +59 -0
  48. package/dist/components/checkbox/checkbox.component.mjs +246 -0
  49. package/dist/components/checkbox/checkbox.mjs +5 -0
  50. package/dist/components/checkbox/checkbox.styles.mjs +177 -0
  51. package/dist/components/color-mapper/color-mapper.component.mjs +260 -0
  52. package/dist/components/color-mapper/color-mapper.mjs +5 -0
  53. package/dist/components/color-mapper/color-mapper.styles.mjs +92 -0
  54. package/dist/components/color-mapper/helpers.mjs +55 -0
  55. package/dist/components/color-picker/color-picker.component.mjs +919 -0
  56. package/dist/components/color-picker/color-picker.mjs +5 -0
  57. package/dist/components/color-picker/color-picker.styles.mjs +337 -0
  58. package/dist/components/color-stop/color-stop.component.mjs +289 -0
  59. package/dist/components/color-stop/color-stop.mjs +5 -0
  60. package/dist/components/color-stop/color-stop.styles.mjs +103 -0
  61. package/dist/components/date-time-picker/date-time-picker.component.mjs +532 -0
  62. package/dist/components/date-time-picker/date-time-picker.mjs +5 -0
  63. package/dist/components/date-time-picker/date-time-picker.styles.mjs +260 -0
  64. package/dist/components/details/details.component.mjs +194 -0
  65. package/dist/components/details/details.mjs +5 -0
  66. package/dist/components/details/details.styles.mjs +85 -0
  67. package/dist/components/dialog/dialog.component.mjs +256 -0
  68. package/dist/components/dialog/dialog.mjs +5 -0
  69. package/dist/components/dialog/dialog.styles.mjs +125 -0
  70. package/dist/components/divider/divider.component.mjs +45 -0
  71. package/dist/components/divider/divider.mjs +5 -0
  72. package/dist/components/divider/divider.styles.mjs +34 -0
  73. package/dist/components/drawer/drawer.component.mjs +354 -0
  74. package/dist/components/drawer/drawer.mjs +5 -0
  75. package/dist/components/drawer/drawer.styles.mjs +161 -0
  76. package/dist/components/dropdown/dropdown.component.mjs +381 -0
  77. package/dist/components/dropdown/dropdown.mjs +5 -0
  78. package/dist/components/dropdown/dropdown.styles.mjs +56 -0
  79. package/dist/components/gauge/gauge.component.mjs +151 -0
  80. package/dist/components/gauge/gauge.mjs +5 -0
  81. package/dist/components/gauge/gauge.styles.mjs +127 -0
  82. package/dist/components/icon/icon.component.mjs +146 -0
  83. package/dist/components/icon/icon.mjs +5 -0
  84. package/dist/components/icon/icon.styles.mjs +35 -0
  85. package/dist/components/icon/library.default.mjs +38 -0
  86. package/dist/components/icon/library.mjs +38 -0
  87. package/dist/components/icon/library.system.mjs +158 -0
  88. package/dist/components/icon-button/icon-button.component.mjs +239 -0
  89. package/dist/components/icon-button/icon-button.mjs +5 -0
  90. package/dist/components/icon-button/icon-button.styles.mjs +81 -0
  91. package/dist/components/input/input.component.mjs +574 -0
  92. package/dist/components/input/input.mjs +5 -0
  93. package/dist/components/input/input.styles.mjs +310 -0
  94. package/dist/components/map/map.component.mjs +196 -0
  95. package/dist/components/map/map.mjs +5 -0
  96. package/dist/components/map/map.styles.mjs +90 -0
  97. package/dist/components/menu/menu.component.mjs +125 -0
  98. package/dist/components/menu/menu.mjs +5 -0
  99. package/dist/components/menu/menu.styles.mjs +23 -0
  100. package/dist/components/menu-item/menu-item.component.mjs +143 -0
  101. package/dist/components/menu-item/menu-item.mjs +5 -0
  102. package/dist/components/menu-item/menu-item.styles.mjs +103 -0
  103. package/dist/components/menu-label/menu-label.component.mjs +14 -0
  104. package/dist/components/menu-label/menu-label.mjs +5 -0
  105. package/dist/components/menu-label/menu-label.styles.mjs +24 -0
  106. package/dist/components/mutation-observer/mutation-observer.component.mjs +115 -0
  107. package/dist/components/mutation-observer/mutation-observer.mjs +5 -0
  108. package/dist/components/mutation-observer/mutation-observer.styles.mjs +12 -0
  109. package/dist/components/option/option.component.mjs +152 -0
  110. package/dist/components/option/option.mjs +5 -0
  111. package/dist/components/option/option.styles.mjs +102 -0
  112. package/dist/components/panel/panel.component.mjs +90 -0
  113. package/dist/components/panel/panel.mjs +5 -0
  114. package/dist/components/panel/panel.styles.mjs +51 -0
  115. package/dist/components/panel-header/panel-header.component.mjs +131 -0
  116. package/dist/components/panel-header/panel-header.mjs +5 -0
  117. package/dist/components/panel-header/panel-header.styles.mjs +67 -0
  118. package/dist/components/popup/popup.component.mjs +420 -0
  119. package/dist/components/popup/popup.mjs +5 -0
  120. package/dist/components/popup/popup.styles.mjs +63 -0
  121. package/dist/components/progress-bar/progress-bar.component.mjs +70 -0
  122. package/dist/components/progress-bar/progress-bar.mjs +5 -0
  123. package/dist/components/progress-bar/progress-bar.styles.mjs +87 -0
  124. package/dist/components/progress-ring/progress-ring.component.mjs +71 -0
  125. package/dist/components/progress-ring/progress-ring.mjs +5 -0
  126. package/dist/components/progress-ring/progress-ring.styles.mjs +72 -0
  127. package/dist/components/query-builder/converters/flow-query-converters.mjs +111 -0
  128. package/dist/components/query-builder/converters/map-layer-filter-converter.mjs +99 -0
  129. package/dist/components/query-builder/default-value-templates.mjs +151 -0
  130. package/dist/components/query-builder/helpers.mjs +42 -0
  131. package/dist/components/query-builder/query-builder.component.mjs +466 -0
  132. package/dist/components/query-builder/query-builder.mjs +5 -0
  133. package/dist/components/query-builder/query-builder.styles.mjs +261 -0
  134. package/dist/components/radio/radio.component.mjs +144 -0
  135. package/dist/components/radio/radio.mjs +5 -0
  136. package/dist/components/radio/radio.styles.mjs +164 -0
  137. package/dist/components/radio-group/radio-group.component.mjs +310 -0
  138. package/dist/components/radio-group/radio-group.mjs +5 -0
  139. package/dist/components/radio-group/radio-group.styles.mjs +49 -0
  140. package/dist/components/range/range.component.mjs +324 -0
  141. package/dist/components/range/range.mjs +5 -0
  142. package/dist/components/range/range.styles.mjs +233 -0
  143. package/dist/components/resize-observer/resize-observer.component.mjs +80 -0
  144. package/dist/components/resize-observer/resize-observer.mjs +5 -0
  145. package/dist/components/resize-observer/resize-observer.styles.mjs +12 -0
  146. package/dist/components/scroll-view/overlay-scrollbar.styles.mjs +686 -0
  147. package/dist/components/scroll-view/scroll-view.component.mjs +128 -0
  148. package/dist/components/scroll-view/scroll-view.mjs +5 -0
  149. package/dist/components/scroll-view/scroll-view.styles.mjs +57 -0
  150. package/dist/components/select/select.component.mjs +785 -0
  151. package/dist/components/select/select.mjs +5 -0
  152. package/dist/components/select/select.styles.mjs +339 -0
  153. package/dist/components/spinner/spinner.component.mjs +22 -0
  154. package/dist/components/spinner/spinner.mjs +5 -0
  155. package/dist/components/spinner/spinner.styles.mjs +64 -0
  156. package/dist/components/split-view/split-view.component.mjs +500 -0
  157. package/dist/components/split-view/split-view.mjs +5 -0
  158. package/dist/components/split-view/split-view.styles.mjs +33 -0
  159. package/dist/components/split-view-divider/split-view-divider.component.mjs +98 -0
  160. package/dist/components/split-view-divider/split-view-divider.mjs +5 -0
  161. package/dist/components/split-view-divider/split-view-divider.styles.mjs +96 -0
  162. package/dist/components/split-view-pane/split-view-pane.component.mjs +126 -0
  163. package/dist/components/split-view-pane/split-view-pane.mjs +5 -0
  164. package/dist/components/split-view-pane/split-view-pane.styles.mjs +49 -0
  165. package/dist/components/split-view-toggle-button/split-view-toggle-button.component.mjs +76 -0
  166. package/dist/components/split-view-toggle-button/split-view-toggle-button.mjs +5 -0
  167. package/dist/components/split-view-toggle-button/split-view-toggle-button.styles.mjs +40 -0
  168. package/dist/components/stepper/stepper.component.mjs +139 -0
  169. package/dist/components/stepper/stepper.mjs +5 -0
  170. package/dist/components/stepper/stepper.styles.mjs +103 -0
  171. package/dist/components/stepper-panel/stepper-panel.component.mjs +76 -0
  172. package/dist/components/stepper-panel/stepper-panel.mjs +5 -0
  173. package/dist/components/stepper-panel/stepper-panel.styles.mjs +22 -0
  174. package/dist/components/switch/switch.component.mjs +211 -0
  175. package/dist/components/switch/switch.mjs +5 -0
  176. package/dist/components/switch/switch.styles.mjs +166 -0
  177. package/dist/components/tab/tab.component.mjs +159 -0
  178. package/dist/components/tab/tab.mjs +5 -0
  179. package/dist/components/tab/tab.styles.mjs +107 -0
  180. package/dist/components/tab-group/tab-group.component.mjs +402 -0
  181. package/dist/components/tab-group/tab-group.mjs +5 -0
  182. package/dist/components/tab-group/tab-group.styles.mjs +386 -0
  183. package/dist/components/tab-panel/tab-panel.component.mjs +72 -0
  184. package/dist/components/tab-panel/tab-panel.mjs +5 -0
  185. package/dist/components/tab-panel/tab-panel.styles.mjs +55 -0
  186. package/dist/components/tag/tag.component.mjs +94 -0
  187. package/dist/components/tag/tag.mjs +5 -0
  188. package/dist/components/tag/tag.styles.mjs +130 -0
  189. package/dist/components/textarea/textarea.component.mjs +359 -0
  190. package/dist/components/textarea/textarea.mjs +5 -0
  191. package/dist/components/textarea/textarea.styles.mjs +171 -0
  192. package/dist/components/timer/ticker.mjs +78 -0
  193. package/dist/components/timer/timer.component.mjs +293 -0
  194. package/dist/components/timer/timer.mjs +5 -0
  195. package/dist/components/timer/timer.styles.mjs +94 -0
  196. package/dist/components/tool-button/tool-button.component.mjs +208 -0
  197. package/dist/components/tool-button/tool-button.mjs +5 -0
  198. package/dist/components/tool-button/tool-button.styles.mjs +251 -0
  199. package/dist/components/tool-button-group/tool-button-group.component.mjs +347 -0
  200. package/dist/components/tool-button-group/tool-button-group.mjs +5 -0
  201. package/dist/components/tool-button-group/tool-button-group.styles.mjs +59 -0
  202. package/dist/components/tooltip/tooltip.component.mjs +259 -0
  203. package/dist/components/tooltip/tooltip.mjs +5 -0
  204. package/dist/components/tooltip/tooltip.styles.mjs +57 -0
  205. package/dist/components/tree/tree.component.mjs +368 -0
  206. package/dist/components/tree/tree.mjs +5 -0
  207. package/dist/components/tree/tree.styles.mjs +41 -0
  208. package/dist/components/tree-item/tree-item.component.mjs +324 -0
  209. package/dist/components/tree-item/tree-item.mjs +5 -0
  210. package/dist/components/tree-item/tree-item.styles.mjs +178 -0
  211. package/dist/components/visually-hidden/visually-hidden.component.mjs +14 -0
  212. package/dist/components/visually-hidden/visually-hidden.mjs +5 -0
  213. package/dist/components/visually-hidden/visually-hidden.styles.mjs +20 -0
  214. package/dist/custom-elements.json +6494 -6508
  215. package/dist/index.d.mts +141 -132
  216. package/dist/index.d.ts +141 -132
  217. package/dist/index.mjs +78 -25094
  218. package/dist/internal/animate.mjs +47 -0
  219. package/dist/internal/animations/attention_seekers/bounce.mjs +17 -0
  220. package/dist/internal/animations/attention_seekers/flash.mjs +9 -0
  221. package/dist/internal/animations/attention_seekers/headShake.mjs +10 -0
  222. package/dist/internal/animations/attention_seekers/heartBeat.mjs +9 -0
  223. package/dist/internal/animations/attention_seekers/jello.mjs +14 -0
  224. package/dist/internal/animations/attention_seekers/pulse.mjs +7 -0
  225. package/dist/internal/animations/attention_seekers/rubberBand.mjs +11 -0
  226. package/dist/internal/animations/attention_seekers/shake.mjs +15 -0
  227. package/dist/internal/animations/attention_seekers/shakeX.mjs +15 -0
  228. package/dist/internal/animations/attention_seekers/shakeY.mjs +15 -0
  229. package/dist/internal/animations/attention_seekers/swing.mjs +9 -0
  230. package/dist/internal/animations/attention_seekers/tada.mjs +15 -0
  231. package/dist/internal/animations/attention_seekers/wobble.mjs +11 -0
  232. package/dist/internal/animations/back_entrances/backInDown.mjs +7 -0
  233. package/dist/internal/animations/back_entrances/backInLeft.mjs +7 -0
  234. package/dist/internal/animations/back_entrances/backInRight.mjs +7 -0
  235. package/dist/internal/animations/back_entrances/backInUp.mjs +7 -0
  236. package/dist/internal/animations/back_exits/backOutDown.mjs +7 -0
  237. package/dist/internal/animations/back_exits/backOutLeft.mjs +7 -0
  238. package/dist/internal/animations/back_exits/backOutRight.mjs +7 -0
  239. package/dist/internal/animations/back_exits/backOutUp.mjs +7 -0
  240. package/dist/internal/animations/bouncing_entrances/bounceIn.mjs +16 -0
  241. package/dist/internal/animations/bouncing_entrances/bounceInDown.mjs +14 -0
  242. package/dist/internal/animations/bouncing_entrances/bounceInLeft.mjs +14 -0
  243. package/dist/internal/animations/bouncing_entrances/bounceInRight.mjs +14 -0
  244. package/dist/internal/animations/bouncing_entrances/bounceInUp.mjs +14 -0
  245. package/dist/internal/animations/bouncing_exits/bounceOut.mjs +8 -0
  246. package/dist/internal/animations/bouncing_exits/bounceOutDown.mjs +8 -0
  247. package/dist/internal/animations/bouncing_exits/bounceOutLeft.mjs +6 -0
  248. package/dist/internal/animations/bouncing_exits/bounceOutRight.mjs +6 -0
  249. package/dist/internal/animations/bouncing_exits/bounceOutUp.mjs +8 -0
  250. package/dist/internal/animations/easings/easings.mjs +33 -0
  251. package/dist/internal/animations/fading_entrances/fadeIn.mjs +6 -0
  252. package/dist/internal/animations/fading_entrances/fadeInBottomLeft.mjs +6 -0
  253. package/dist/internal/animations/fading_entrances/fadeInBottomRight.mjs +6 -0
  254. package/dist/internal/animations/fading_entrances/fadeInDown.mjs +6 -0
  255. package/dist/internal/animations/fading_entrances/fadeInDownBig.mjs +6 -0
  256. package/dist/internal/animations/fading_entrances/fadeInLeft.mjs +6 -0
  257. package/dist/internal/animations/fading_entrances/fadeInLeftBig.mjs +6 -0
  258. package/dist/internal/animations/fading_entrances/fadeInRight.mjs +6 -0
  259. package/dist/internal/animations/fading_entrances/fadeInRightBig.mjs +6 -0
  260. package/dist/internal/animations/fading_entrances/fadeInTopLeft.mjs +6 -0
  261. package/dist/internal/animations/fading_entrances/fadeInTopRight.mjs +6 -0
  262. package/dist/internal/animations/fading_entrances/fadeInUp.mjs +6 -0
  263. package/dist/internal/animations/fading_entrances/fadeInUpBig.mjs +6 -0
  264. package/dist/internal/animations/fading_exits/fadeOut.mjs +6 -0
  265. package/dist/internal/animations/fading_exits/fadeOutBottomLeft.mjs +6 -0
  266. package/dist/internal/animations/fading_exits/fadeOutBottomRight.mjs +6 -0
  267. package/dist/internal/animations/fading_exits/fadeOutDown.mjs +6 -0
  268. package/dist/internal/animations/fading_exits/fadeOutDownBig.mjs +6 -0
  269. package/dist/internal/animations/fading_exits/fadeOutLeft.mjs +6 -0
  270. package/dist/internal/animations/fading_exits/fadeOutLeftBig.mjs +6 -0
  271. package/dist/internal/animations/fading_exits/fadeOutRight.mjs +6 -0
  272. package/dist/internal/animations/fading_exits/fadeOutRightBig.mjs +6 -0
  273. package/dist/internal/animations/fading_exits/fadeOutTopLeft.mjs +6 -0
  274. package/dist/internal/animations/fading_exits/fadeOutTopRight.mjs +6 -0
  275. package/dist/internal/animations/fading_exits/fadeOutUp.mjs +6 -0
  276. package/dist/internal/animations/fading_exits/fadeOutUpBig.mjs +6 -0
  277. package/dist/internal/animations/flippers/flip.mjs +29 -0
  278. package/dist/internal/animations/flippers/flipInX.mjs +9 -0
  279. package/dist/internal/animations/flippers/flipInY.mjs +9 -0
  280. package/dist/internal/animations/flippers/flipOutX.mjs +7 -0
  281. package/dist/internal/animations/flippers/flipOutY.mjs +7 -0
  282. package/dist/internal/animations/index.mjs +99 -0
  283. package/dist/internal/animations/lightspeed/lightSpeedInLeft.mjs +8 -0
  284. package/dist/internal/animations/lightspeed/lightSpeedInRight.mjs +8 -0
  285. package/dist/internal/animations/lightspeed/lightSpeedOutLeft.mjs +6 -0
  286. package/dist/internal/animations/lightspeed/lightSpeedOutRight.mjs +6 -0
  287. package/dist/internal/animations/rotating_entrances/rotateIn.mjs +6 -0
  288. package/dist/internal/animations/rotating_entrances/rotateInDownLeft.mjs +6 -0
  289. package/dist/internal/animations/rotating_entrances/rotateInDownRight.mjs +6 -0
  290. package/dist/internal/animations/rotating_entrances/rotateInUpLeft.mjs +6 -0
  291. package/dist/internal/animations/rotating_entrances/rotateInUpRight.mjs +6 -0
  292. package/dist/internal/animations/rotating_exits/rotateOut.mjs +6 -0
  293. package/dist/internal/animations/rotating_exits/rotateOutDownLeft.mjs +6 -0
  294. package/dist/internal/animations/rotating_exits/rotateOutDownRight.mjs +6 -0
  295. package/dist/internal/animations/rotating_exits/rotateOutUpLeft.mjs +6 -0
  296. package/dist/internal/animations/rotating_exits/rotateOutUpRight.mjs +6 -0
  297. package/dist/internal/animations/sliding_entrances/slideInDown.mjs +6 -0
  298. package/dist/internal/animations/sliding_entrances/slideInLeft.mjs +6 -0
  299. package/dist/internal/animations/sliding_entrances/slideInRight.mjs +6 -0
  300. package/dist/internal/animations/sliding_entrances/slideInUp.mjs +6 -0
  301. package/dist/internal/animations/sliding_exits/slideOutDown.mjs +6 -0
  302. package/dist/internal/animations/sliding_exits/slideOutLeft.mjs +6 -0
  303. package/dist/internal/animations/sliding_exits/slideOutRight.mjs +6 -0
  304. package/dist/internal/animations/sliding_exits/slideOutUp.mjs +6 -0
  305. package/dist/internal/animations/specials/hinge.mjs +10 -0
  306. package/dist/internal/animations/specials/jackInTheBox.mjs +8 -0
  307. package/dist/internal/animations/specials/rollIn.mjs +6 -0
  308. package/dist/internal/animations/specials/rollOut.mjs +6 -0
  309. package/dist/internal/animations/zooming_entrances/zoomIn.mjs +6 -0
  310. package/dist/internal/animations/zooming_entrances/zoomInDown.mjs +16 -0
  311. package/dist/internal/animations/zooming_entrances/zoomInLeft.mjs +16 -0
  312. package/dist/internal/animations/zooming_entrances/zoomInRight.mjs +16 -0
  313. package/dist/internal/animations/zooming_entrances/zoomInUp.mjs +16 -0
  314. package/dist/internal/animations/zooming_exits/zoomOut.mjs +7 -0
  315. package/dist/internal/animations/zooming_exits/zoomOutDown.mjs +16 -0
  316. package/dist/internal/animations/zooming_exits/zoomOutLeft.mjs +6 -0
  317. package/dist/internal/animations/zooming_exits/zoomOutRight.mjs +6 -0
  318. package/dist/internal/animations/zooming_exits/zoomOutUp.mjs +16 -0
  319. package/dist/internal/boolean.mjs +17 -0
  320. package/dist/internal/datetime.mjs +65 -0
  321. package/dist/internal/debounce.mjs +14 -0
  322. package/dist/internal/default-value.mjs +21 -0
  323. package/dist/internal/drag.mjs +30 -0
  324. package/dist/internal/ensure-array.mjs +16 -0
  325. package/dist/internal/event.mjs +13 -0
  326. package/dist/internal/flow-ui-rdf-element.mjs +61 -0
  327. package/dist/internal/form.mjs +264 -0
  328. package/dist/internal/localize.mjs +124 -0
  329. package/dist/internal/math.mjs +12 -0
  330. package/dist/internal/modal.mjs +52 -0
  331. package/dist/internal/offset.mjs +8 -0
  332. package/dist/internal/orderby.mjs +18 -0
  333. package/dist/internal/scroll.mjs +47 -0
  334. package/dist/internal/slot.mjs +59 -0
  335. package/dist/internal/string.mjs +5 -0
  336. package/dist/internal/tabbable.mjs +49 -0
  337. package/dist/internal/throttle.mjs +28 -0
  338. package/dist/internal/type-checks.mjs +16 -0
  339. package/dist/internal/watch.mjs +27 -0
  340. package/dist/package.json.mjs +3 -0
  341. package/dist/public-api.mjs +10 -0
  342. package/dist/styles/component.styles.mjs +19 -0
  343. package/dist/styles/form-control.styles.mjs +63 -0
  344. package/dist/translations/en.mjs +34 -0
  345. package/dist/utilities/animation-registry.mjs +33 -0
  346. package/dist/utilities/announce.mjs +12 -0
  347. package/dist/utilities/locale.mjs +10 -0
  348. package/dist/utilities/localize.mjs +7 -0
  349. package/dist/utilities/register-components.mjs +203 -0
  350. package/dist/vscode.html-custom-data.json +429 -429
  351. package/package.json +5 -8
  352. package/dist/icons/index.cjs +0 -4053
  353. package/dist/icons/index.d.cts +0 -2027
  354. package/dist/index.cjs +0 -25187
  355. package/dist/index.d.cts +0 -5678
@@ -0,0 +1,47 @@
1
+ function animateTo(el, keyframes, options) {
2
+ return new Promise((resolve) => {
3
+ if (options?.duration === Infinity) {
4
+ throw new Error("Promise-based animations must be finite.");
5
+ }
6
+ const animation = el.animate(keyframes, {
7
+ ...options,
8
+ duration: prefersReducedMotion() ? 0 : options.duration
9
+ });
10
+ animation.addEventListener("cancel", resolve, { once: true });
11
+ animation.addEventListener("finish", resolve, { once: true });
12
+ });
13
+ }
14
+ function parseDuration(delay) {
15
+ delay = delay.toString().toLowerCase();
16
+ if (delay.indexOf("ms") > -1) {
17
+ return parseFloat(delay);
18
+ }
19
+ if (delay.indexOf("s") > -1) {
20
+ return parseFloat(delay) * 1e3;
21
+ }
22
+ return parseFloat(delay);
23
+ }
24
+ function prefersReducedMotion() {
25
+ const query = window.matchMedia("(prefers-reduced-motion: reduce)");
26
+ return query.matches;
27
+ }
28
+ function stopAnimations(el) {
29
+ return Promise.all(
30
+ el.getAnimations().map((animation) => {
31
+ return new Promise((resolve) => {
32
+ const handleAnimationEvent = requestAnimationFrame(resolve);
33
+ animation.addEventListener("cancel", () => handleAnimationEvent, { once: true });
34
+ animation.addEventListener("finish", () => handleAnimationEvent, { once: true });
35
+ animation.cancel();
36
+ });
37
+ })
38
+ );
39
+ }
40
+ function shimKeyframesHeightAuto(keyframes, calculatedHeight) {
41
+ return keyframes.map((keyframe) => ({
42
+ ...keyframe,
43
+ height: keyframe.height === "auto" ? `${calculatedHeight}px` : keyframe.height
44
+ }));
45
+ }
46
+
47
+ export { animateTo, parseDuration, prefersReducedMotion, shimKeyframesHeightAuto, stopAnimations };
@@ -0,0 +1,17 @@
1
+ const bounce = [
2
+ { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)", transform: "translate3d(0, 0, 0)" },
3
+ { offset: 0.2, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)", transform: "translate3d(0, 0, 0)" },
4
+ { offset: 0.4, easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)", transform: "translate3d(0, -30px, 0) scaleY(1.1)" },
5
+ { offset: 0.43, easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)", transform: "translate3d(0, -30px, 0) scaleY(1.1)" },
6
+ { offset: 0.53, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)", transform: "translate3d(0, 0, 0)" },
7
+ { offset: 0.7, easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)", transform: "translate3d(0, -15px, 0) scaleY(1.05)" },
8
+ {
9
+ offset: 0.8,
10
+ "transition-timing-function": "cubic-bezier(0.215, 0.61, 0.355, 1)",
11
+ transform: "translate3d(0, 0, 0) scaleY(0.95)"
12
+ },
13
+ { offset: 0.9, transform: "translate3d(0, -4px, 0) scaleY(1.02)" },
14
+ { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)", transform: "translate3d(0, 0, 0)" }
15
+ ];
16
+
17
+ export { bounce };
@@ -0,0 +1,9 @@
1
+ const flash = [
2
+ { offset: 0, opacity: "1" },
3
+ { offset: 0.25, opacity: "0" },
4
+ { offset: 0.5, opacity: "1" },
5
+ { offset: 0.75, opacity: "0" },
6
+ { offset: 1, opacity: "1" }
7
+ ];
8
+
9
+ export { flash };
@@ -0,0 +1,10 @@
1
+ const headShake = [
2
+ { offset: 0, transform: "translateX(0)" },
3
+ { offset: 0.065, transform: "translateX(-6px) rotateY(-9deg)" },
4
+ { offset: 0.185, transform: "translateX(5px) rotateY(7deg)" },
5
+ { offset: 0.315, transform: "translateX(-3px) rotateY(-5deg)" },
6
+ { offset: 0.435, transform: "translateX(2px) rotateY(3deg)" },
7
+ { offset: 0.5, transform: "translateX(0)" }
8
+ ];
9
+
10
+ export { headShake };
@@ -0,0 +1,9 @@
1
+ const heartBeat = [
2
+ { offset: 0, transform: "scale(1)" },
3
+ { offset: 0.14, transform: "scale(1.3)" },
4
+ { offset: 0.28, transform: "scale(1)" },
5
+ { offset: 0.42, transform: "scale(1.3)" },
6
+ { offset: 0.7, transform: "scale(1)" }
7
+ ];
8
+
9
+ export { heartBeat };
@@ -0,0 +1,14 @@
1
+ const jello = [
2
+ { offset: 0, transform: "translate3d(0, 0, 0)" },
3
+ { offset: 0.111, transform: "translate3d(0, 0, 0)" },
4
+ { offset: 0.222, transform: "skewX(-12.5deg) skewY(-12.5deg)" },
5
+ { offset: 0.33299999999999996, transform: "skewX(6.25deg) skewY(6.25deg)" },
6
+ { offset: 0.444, transform: "skewX(-3.125deg) skewY(-3.125deg)" },
7
+ { offset: 0.555, transform: "skewX(1.5625deg) skewY(1.5625deg)" },
8
+ { offset: 0.6659999999999999, transform: "skewX(-0.78125deg) skewY(-0.78125deg)" },
9
+ { offset: 0.777, transform: "skewX(0.390625deg) skewY(0.390625deg)" },
10
+ { offset: 0.888, transform: "skewX(-0.1953125deg) skewY(-0.1953125deg)" },
11
+ { offset: 1, transform: "translate3d(0, 0, 0)" }
12
+ ];
13
+
14
+ export { jello };
@@ -0,0 +1,7 @@
1
+ const pulse = [
2
+ { offset: 0, transform: "scale3d(1, 1, 1)" },
3
+ { offset: 0.5, transform: "scale3d(1.05, 1.05, 1.05)" },
4
+ { offset: 1, transform: "scale3d(1, 1, 1)" }
5
+ ];
6
+
7
+ export { pulse };
@@ -0,0 +1,11 @@
1
+ const rubberBand = [
2
+ { offset: 0, transform: "scale3d(1, 1, 1)" },
3
+ { offset: 0.3, transform: "scale3d(1.25, 0.75, 1)" },
4
+ { offset: 0.4, transform: "scale3d(0.75, 1.25, 1)" },
5
+ { offset: 0.5, transform: "scale3d(1.15, 0.85, 1)" },
6
+ { offset: 0.65, transform: "scale3d(0.95, 1.05, 1)" },
7
+ { offset: 0.75, transform: "scale3d(1.05, 0.95, 1)" },
8
+ { offset: 1, transform: "scale3d(1, 1, 1)" }
9
+ ];
10
+
11
+ export { rubberBand };
@@ -0,0 +1,15 @@
1
+ const shake = [
2
+ { offset: 0, transform: "translate3d(0, 0, 0)" },
3
+ { offset: 0.1, transform: "translate3d(-10px, 0, 0)" },
4
+ { offset: 0.2, transform: "translate3d(10px, 0, 0)" },
5
+ { offset: 0.3, transform: "translate3d(-10px, 0, 0)" },
6
+ { offset: 0.4, transform: "translate3d(10px, 0, 0)" },
7
+ { offset: 0.5, transform: "translate3d(-10px, 0, 0)" },
8
+ { offset: 0.6, transform: "translate3d(10px, 0, 0)" },
9
+ { offset: 0.7, transform: "translate3d(-10px, 0, 0)" },
10
+ { offset: 0.8, transform: "translate3d(10px, 0, 0)" },
11
+ { offset: 0.9, transform: "translate3d(-10px, 0, 0)" },
12
+ { offset: 1, transform: "translate3d(0, 0, 0)" }
13
+ ];
14
+
15
+ export { shake };
@@ -0,0 +1,15 @@
1
+ const shakeX = [
2
+ { offset: 0, transform: "translate3d(0, 0, 0)" },
3
+ { offset: 0.1, transform: "translate3d(-10px, 0, 0)" },
4
+ { offset: 0.2, transform: "translate3d(10px, 0, 0)" },
5
+ { offset: 0.3, transform: "translate3d(-10px, 0, 0)" },
6
+ { offset: 0.4, transform: "translate3d(10px, 0, 0)" },
7
+ { offset: 0.5, transform: "translate3d(-10px, 0, 0)" },
8
+ { offset: 0.6, transform: "translate3d(10px, 0, 0)" },
9
+ { offset: 0.7, transform: "translate3d(-10px, 0, 0)" },
10
+ { offset: 0.8, transform: "translate3d(10px, 0, 0)" },
11
+ { offset: 0.9, transform: "translate3d(-10px, 0, 0)" },
12
+ { offset: 1, transform: "translate3d(0, 0, 0)" }
13
+ ];
14
+
15
+ export { shakeX };
@@ -0,0 +1,15 @@
1
+ const shakeY = [
2
+ { offset: 0, transform: "translate3d(0, 0, 0)" },
3
+ { offset: 0.1, transform: "translate3d(0, -10px, 0)" },
4
+ { offset: 0.2, transform: "translate3d(0, 10px, 0)" },
5
+ { offset: 0.3, transform: "translate3d(0, -10px, 0)" },
6
+ { offset: 0.4, transform: "translate3d(0, 10px, 0)" },
7
+ { offset: 0.5, transform: "translate3d(0, -10px, 0)" },
8
+ { offset: 0.6, transform: "translate3d(0, 10px, 0)" },
9
+ { offset: 0.7, transform: "translate3d(0, -10px, 0)" },
10
+ { offset: 0.8, transform: "translate3d(0, 10px, 0)" },
11
+ { offset: 0.9, transform: "translate3d(0, -10px, 0)" },
12
+ { offset: 1, transform: "translate3d(0, 0, 0)" }
13
+ ];
14
+
15
+ export { shakeY };
@@ -0,0 +1,9 @@
1
+ const swing = [
2
+ { offset: 0.2, transform: "rotate3d(0, 0, 1, 15deg)" },
3
+ { offset: 0.4, transform: "rotate3d(0, 0, 1, -10deg)" },
4
+ { offset: 0.6, transform: "rotate3d(0, 0, 1, 5deg)" },
5
+ { offset: 0.8, transform: "rotate3d(0, 0, 1, -5deg)" },
6
+ { offset: 1, transform: "rotate3d(0, 0, 1, 0deg)" }
7
+ ];
8
+
9
+ export { swing };
@@ -0,0 +1,15 @@
1
+ const tada = [
2
+ { offset: 0, transform: "scale3d(1, 1, 1)" },
3
+ { offset: 0.1, transform: "scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)" },
4
+ { offset: 0.2, transform: "scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)" },
5
+ { offset: 0.3, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)" },
6
+ { offset: 0.4, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)" },
7
+ { offset: 0.5, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)" },
8
+ { offset: 0.6, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)" },
9
+ { offset: 0.7, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)" },
10
+ { offset: 0.8, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)" },
11
+ { offset: 0.9, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)" },
12
+ { offset: 1, transform: "scale3d(1, 1, 1)" }
13
+ ];
14
+
15
+ export { tada };
@@ -0,0 +1,11 @@
1
+ const wobble = [
2
+ { offset: 0, transform: "translate3d(0, 0, 0)" },
3
+ { offset: 0.15, transform: "translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)" },
4
+ { offset: 0.3, transform: "translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)" },
5
+ { offset: 0.45, transform: "translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)" },
6
+ { offset: 0.6, transform: "translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)" },
7
+ { offset: 0.75, transform: "translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)" },
8
+ { offset: 1, transform: "translate3d(0, 0, 0)" }
9
+ ];
10
+
11
+ export { wobble };
@@ -0,0 +1,7 @@
1
+ const backInDown = [
2
+ { offset: 0, transform: "translateY(-1200px) scale(0.7)", opacity: "0.7" },
3
+ { offset: 0.8, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
4
+ { offset: 1, transform: "scale(1)", opacity: "1" }
5
+ ];
6
+
7
+ export { backInDown };
@@ -0,0 +1,7 @@
1
+ const backInLeft = [
2
+ { offset: 0, transform: "translateX(-2000px) scale(0.7)", opacity: "0.7" },
3
+ { offset: 0.8, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
4
+ { offset: 1, transform: "scale(1)", opacity: "1" }
5
+ ];
6
+
7
+ export { backInLeft };
@@ -0,0 +1,7 @@
1
+ const backInRight = [
2
+ { offset: 0, transform: "translateX(2000px) scale(0.7)", opacity: "0.7" },
3
+ { offset: 0.8, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
4
+ { offset: 1, transform: "scale(1)", opacity: "1" }
5
+ ];
6
+
7
+ export { backInRight };
@@ -0,0 +1,7 @@
1
+ const backInUp = [
2
+ { offset: 0, transform: "translateY(1200px) scale(0.7)", opacity: "0.7" },
3
+ { offset: 0.8, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
4
+ { offset: 1, transform: "scale(1)", opacity: "1" }
5
+ ];
6
+
7
+ export { backInUp };
@@ -0,0 +1,7 @@
1
+ const backOutDown = [
2
+ { offset: 0, transform: "scale(1)", opacity: "1" },
3
+ { offset: 0.2, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
4
+ { offset: 1, transform: "translateY(700px) scale(0.7)", opacity: "0.7" }
5
+ ];
6
+
7
+ export { backOutDown };
@@ -0,0 +1,7 @@
1
+ const backOutLeft = [
2
+ { offset: 0, transform: "scale(1)", opacity: "1" },
3
+ { offset: 0.2, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
4
+ { offset: 1, transform: "translateX(-2000px) scale(0.7)", opacity: "0.7" }
5
+ ];
6
+
7
+ export { backOutLeft };
@@ -0,0 +1,7 @@
1
+ const backOutRight = [
2
+ { offset: 0, transform: "scale(1)", opacity: "1" },
3
+ { offset: 0.2, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
4
+ { offset: 1, transform: "translateX(2000px) scale(0.7)", opacity: "0.7" }
5
+ ];
6
+
7
+ export { backOutRight };
@@ -0,0 +1,7 @@
1
+ const backOutUp = [
2
+ { offset: 0, transform: "scale(1)", opacity: "1" },
3
+ { offset: 0.2, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
4
+ { offset: 1, transform: "translateY(-700px) scale(0.7)", opacity: "0.7" }
5
+ ];
6
+
7
+ export { backOutUp };
@@ -0,0 +1,16 @@
1
+ const bounceIn = [
2
+ { offset: 0, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" },
3
+ { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
4
+ { offset: 0.2, transform: "scale3d(1.1, 1.1, 1.1)" },
5
+ { offset: 0.2, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
6
+ { offset: 0.4, transform: "scale3d(0.9, 0.9, 0.9)" },
7
+ { offset: 0.4, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
8
+ { offset: 0.6, opacity: "1", transform: "scale3d(1.03, 1.03, 1.03)" },
9
+ { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
10
+ { offset: 0.8, transform: "scale3d(0.97, 0.97, 0.97)" },
11
+ { offset: 0.8, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
12
+ { offset: 1, opacity: "1", transform: "scale3d(1, 1, 1)" },
13
+ { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
14
+ ];
15
+
16
+ export { bounceIn };
@@ -0,0 +1,14 @@
1
+ const bounceInDown = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(0, -3000px, 0) scaleY(3)" },
3
+ { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
4
+ { offset: 0.6, opacity: "1", transform: "translate3d(0, 25px, 0) scaleY(0.9)" },
5
+ { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
6
+ { offset: 0.75, transform: "translate3d(0, -10px, 0) scaleY(0.95)" },
7
+ { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
8
+ { offset: 0.9, transform: "translate3d(0, 5px, 0) scaleY(0.985)" },
9
+ { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
10
+ { offset: 1, transform: "translate3d(0, 0, 0)" },
11
+ { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
12
+ ];
13
+
14
+ export { bounceInDown };
@@ -0,0 +1,14 @@
1
+ const bounceInLeft = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(-3000px, 0, 0) scaleX(3)" },
3
+ { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
4
+ { offset: 0.6, opacity: "1", transform: "translate3d(25px, 0, 0) scaleX(1)" },
5
+ { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
6
+ { offset: 0.75, transform: "translate3d(-10px, 0, 0) scaleX(0.98)" },
7
+ { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
8
+ { offset: 0.9, transform: "translate3d(5px, 0, 0) scaleX(0.995)" },
9
+ { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
10
+ { offset: 1, transform: "translate3d(0, 0, 0)" },
11
+ { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
12
+ ];
13
+
14
+ export { bounceInLeft };
@@ -0,0 +1,14 @@
1
+ const bounceInRight = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(3000px, 0, 0) scaleX(3)" },
3
+ { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
4
+ { offset: 0.6, opacity: "1", transform: "translate3d(-25px, 0, 0) scaleX(1)" },
5
+ { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
6
+ { offset: 0.75, transform: "translate3d(10px, 0, 0) scaleX(0.98)" },
7
+ { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
8
+ { offset: 0.9, transform: "translate3d(-5px, 0, 0) scaleX(0.995)" },
9
+ { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
10
+ { offset: 1, transform: "translate3d(0, 0, 0)" },
11
+ { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
12
+ ];
13
+
14
+ export { bounceInRight };
@@ -0,0 +1,14 @@
1
+ const bounceInUp = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(0, 3000px, 0) scaleY(5)" },
3
+ { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
4
+ { offset: 0.6, opacity: "1", transform: "translate3d(0, -20px, 0) scaleY(0.9)" },
5
+ { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
6
+ { offset: 0.75, transform: "translate3d(0, 10px, 0) scaleY(0.95)" },
7
+ { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
8
+ { offset: 0.9, transform: "translate3d(0, -5px, 0) scaleY(0.985)" },
9
+ { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
10
+ { offset: 1, transform: "translate3d(0, 0, 0)" },
11
+ { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
12
+ ];
13
+
14
+ export { bounceInUp };
@@ -0,0 +1,8 @@
1
+ const bounceOut = [
2
+ { offset: 0.2, transform: "scale3d(0.9, 0.9, 0.9)" },
3
+ { offset: 0.5, opacity: "1", transform: "scale3d(1.1, 1.1, 1.1)" },
4
+ { offset: 0.55, opacity: "1", transform: "scale3d(1.1, 1.1, 1.1)" },
5
+ { offset: 1, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" }
6
+ ];
7
+
8
+ export { bounceOut };
@@ -0,0 +1,8 @@
1
+ const bounceOutDown = [
2
+ { offset: 0.2, transform: "translate3d(0, 10px, 0) scaleY(0.985)" },
3
+ { offset: 0.4, opacity: "1", transform: "translate3d(0, -20px, 0) scaleY(0.9)" },
4
+ { offset: 0.45, opacity: "1", transform: "translate3d(0, -20px, 0) scaleY(0.9)" },
5
+ { offset: 1, opacity: "0", transform: "translate3d(0, 2000px, 0) scaleY(3)" }
6
+ ];
7
+
8
+ export { bounceOutDown };
@@ -0,0 +1,6 @@
1
+ const bounceOutLeft = [
2
+ { offset: 0.2, opacity: "1", transform: "translate3d(20px, 0, 0) scaleX(0.9)" },
3
+ { offset: 1, opacity: "0", transform: "translate3d(-2000px, 0, 0) scaleX(2)" }
4
+ ];
5
+
6
+ export { bounceOutLeft };
@@ -0,0 +1,6 @@
1
+ const bounceOutRight = [
2
+ { offset: 0.2, opacity: "1", transform: "translate3d(-20px, 0, 0) scaleX(0.9)" },
3
+ { offset: 1, opacity: "0", transform: "translate3d(2000px, 0, 0) scaleX(2)" }
4
+ ];
5
+
6
+ export { bounceOutRight };
@@ -0,0 +1,8 @@
1
+ const bounceOutUp = [
2
+ { offset: 0.2, transform: "translate3d(0, -10px, 0) scaleY(0.985)" },
3
+ { offset: 0.4, opacity: "1", transform: "translate3d(0, 20px, 0) scaleY(0.9)" },
4
+ { offset: 0.45, opacity: "1", transform: "translate3d(0, 20px, 0) scaleY(0.9)" },
5
+ { offset: 1, opacity: "0", transform: "translate3d(0, -2000px, 0) scaleY(3)" }
6
+ ];
7
+
8
+ export { bounceOutUp };
@@ -0,0 +1,33 @@
1
+ const easings = {
2
+ linear: "linear",
3
+ ease: "ease",
4
+ easeIn: "ease-in",
5
+ easeOut: "ease-out",
6
+ easeInOut: "ease-in-out",
7
+ easeInSine: "cubic-bezier(0.47, 0, 0.745, 0.715)",
8
+ easeOutSine: "cubic-bezier(0.39, 0.575, 0.565, 1)",
9
+ easeInOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)",
10
+ easeInQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
11
+ easeOutQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
12
+ easeInOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
13
+ easeInCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)",
14
+ easeOutCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)",
15
+ easeInOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)",
16
+ easeInQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)",
17
+ easeOutQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)",
18
+ easeInOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)",
19
+ easeInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
20
+ easeOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
21
+ easeInOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)",
22
+ easeInExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)",
23
+ easeOutExpo: "cubic-bezier(0.19, 1, 0.22, 1)",
24
+ easeInOutExpo: "cubic-bezier(1, 0, 0, 1)",
25
+ easeInCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)",
26
+ easeOutCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)",
27
+ easeInOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)",
28
+ easeInBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)",
29
+ easeOutBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
30
+ easeInOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
31
+ };
32
+
33
+ export { easings };
@@ -0,0 +1,6 @@
1
+ const fadeIn = [
2
+ { offset: 0, opacity: "0" },
3
+ { offset: 1, opacity: "1" }
4
+ ];
5
+
6
+ export { fadeIn };
@@ -0,0 +1,6 @@
1
+ const fadeInBottomLeft = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(-100%, 100%, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInBottomLeft };
@@ -0,0 +1,6 @@
1
+ const fadeInBottomRight = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(100%, 100%, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInBottomRight };
@@ -0,0 +1,6 @@
1
+ const fadeInDown = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(0, -100%, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInDown };
@@ -0,0 +1,6 @@
1
+ const fadeInDownBig = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(0, -2000px, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInDownBig };
@@ -0,0 +1,6 @@
1
+ const fadeInLeft = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(-100%, 0, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInLeft };
@@ -0,0 +1,6 @@
1
+ const fadeInLeftBig = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(-2000px, 0, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInLeftBig };
@@ -0,0 +1,6 @@
1
+ const fadeInRight = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(100%, 0, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInRight };
@@ -0,0 +1,6 @@
1
+ const fadeInRightBig = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(2000px, 0, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInRightBig };
@@ -0,0 +1,6 @@
1
+ const fadeInTopLeft = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(-100%, -100%, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInTopLeft };
@@ -0,0 +1,6 @@
1
+ const fadeInTopRight = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(100%, -100%, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInTopRight };
@@ -0,0 +1,6 @@
1
+ const fadeInUp = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(0, 100%, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInUp };
@@ -0,0 +1,6 @@
1
+ const fadeInUpBig = [
2
+ { offset: 0, opacity: "0", transform: "translate3d(0, 2000px, 0)" },
3
+ { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeInUpBig };
@@ -0,0 +1,6 @@
1
+ const fadeOut = [
2
+ { offset: 0, opacity: "1" },
3
+ { offset: 1, opacity: "0" }
4
+ ];
5
+
6
+ export { fadeOut };
@@ -0,0 +1,6 @@
1
+ const fadeOutBottomLeft = [
2
+ { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
3
+ { offset: 1, opacity: "0", transform: "translate3d(-100%, 100%, 0)" }
4
+ ];
5
+
6
+ export { fadeOutBottomLeft };
@@ -0,0 +1,6 @@
1
+ const fadeOutBottomRight = [
2
+ { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
3
+ { offset: 1, opacity: "0", transform: "translate3d(100%, 100%, 0)" }
4
+ ];
5
+
6
+ export { fadeOutBottomRight };
@@ -0,0 +1,6 @@
1
+ const fadeOutDown = [
2
+ { offset: 0, opacity: "1" },
3
+ { offset: 1, opacity: "0", transform: "translate3d(0, 100%, 0)" }
4
+ ];
5
+
6
+ export { fadeOutDown };
@@ -0,0 +1,6 @@
1
+ const fadeOutDownBig = [
2
+ { offset: 0, opacity: "1" },
3
+ { offset: 1, opacity: "0", transform: "translate3d(0, 2000px, 0)" }
4
+ ];
5
+
6
+ export { fadeOutDownBig };
@@ -0,0 +1,6 @@
1
+ const fadeOutLeft = [
2
+ { offset: 0, opacity: "1" },
3
+ { offset: 1, opacity: "0", transform: "translate3d(-100%, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeOutLeft };
@@ -0,0 +1,6 @@
1
+ const fadeOutLeftBig = [
2
+ { offset: 0, opacity: "1" },
3
+ { offset: 1, opacity: "0", transform: "translate3d(-2000px, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeOutLeftBig };
@@ -0,0 +1,6 @@
1
+ const fadeOutRight = [
2
+ { offset: 0, opacity: "1" },
3
+ { offset: 1, opacity: "0", transform: "translate3d(100%, 0, 0)" }
4
+ ];
5
+
6
+ export { fadeOutRight };