bard-legends-framework 0.0.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 (224) hide show
  1. package/.eslintrc.js +192 -0
  2. package/.vscode/settings.json +4 -0
  3. package/coverage/clover.xml +539 -0
  4. package/coverage/coverage-final.json +12 -0
  5. package/coverage/lcov-report/base.css +224 -0
  6. package/coverage/lcov-report/block-navigation.js +87 -0
  7. package/coverage/lcov-report/favicon.png +0 -0
  8. package/coverage/lcov-report/game-entities/controller.ts.html +235 -0
  9. package/coverage/lcov-report/game-entities/entity-base.ts.html +202 -0
  10. package/coverage/lcov-report/game-entities/entity.ts.html +526 -0
  11. package/coverage/lcov-report/game-entities/index.html +191 -0
  12. package/coverage/lcov-report/game-entities/service.ts.html +379 -0
  13. package/coverage/lcov-report/game-entities/store.ts.html +391 -0
  14. package/coverage/lcov-report/game-entities/view.ts.html +154 -0
  15. package/coverage/lcov-report/helpers/animator/animator.ts.html +658 -0
  16. package/coverage/lcov-report/helpers/animator/index.html +116 -0
  17. package/coverage/lcov-report/helpers/auto-destroy/auto-destroy.ts.html +184 -0
  18. package/coverage/lcov-report/helpers/auto-destroy/index.html +116 -0
  19. package/coverage/lcov-report/helpers/index.html +116 -0
  20. package/coverage/lcov-report/helpers/update-loop.ts.html +127 -0
  21. package/coverage/lcov-report/helpers/view-array/index.html +116 -0
  22. package/coverage/lcov-report/helpers/view-array/view-array.ts.html +388 -0
  23. package/coverage/lcov-report/index.html +191 -0
  24. package/coverage/lcov-report/lib/vector/index.html +116 -0
  25. package/coverage/lcov-report/lib/vector/vector.ts.html +484 -0
  26. package/coverage/lcov-report/prettify.css +1 -0
  27. package/coverage/lcov-report/prettify.js +2 -0
  28. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  29. package/coverage/lcov-report/sorter.js +196 -0
  30. package/coverage/lcov.info +1056 -0
  31. package/dist/_interfaces/index.d.ts +7 -0
  32. package/dist/_interfaces/index.js +3 -0
  33. package/dist/_interfaces/index.js.map +1 -0
  34. package/dist/app.d.ts +21 -0
  35. package/dist/app.js +54 -0
  36. package/dist/app.js.map +1 -0
  37. package/dist/game-assets/container/container.d.ts +26 -0
  38. package/dist/game-assets/container/container.js +94 -0
  39. package/dist/game-assets/container/container.js.map +1 -0
  40. package/dist/game-assets/display-object/container.d.ts +59 -0
  41. package/dist/game-assets/display-object/container.js +219 -0
  42. package/dist/game-assets/display-object/container.js.map +1 -0
  43. package/dist/game-assets/display-object/container.spec.js.map +1 -0
  44. package/dist/game-assets/display-object/display-object.d.ts +56 -0
  45. package/dist/game-assets/display-object/display-object.js +214 -0
  46. package/dist/game-assets/display-object/display-object.js.map +1 -0
  47. package/dist/game-assets/display-object/display-object.spec.js.map +1 -0
  48. package/dist/game-assets/display-object/interfaces.d.ts +23 -0
  49. package/dist/game-assets/display-object/interfaces.js +3 -0
  50. package/dist/game-assets/display-object/interfaces.js.map +1 -0
  51. package/dist/game-assets/display-object/objects/container.d.ts +9 -0
  52. package/dist/game-assets/display-object/objects/container.js +41 -0
  53. package/dist/game-assets/display-object/objects/container.js.map +1 -0
  54. package/dist/game-assets/display-object/objects/graphics.d.ts +23 -0
  55. package/dist/game-assets/display-object/objects/graphics.js +117 -0
  56. package/dist/game-assets/display-object/objects/graphics.js.map +1 -0
  57. package/dist/game-assets/display-object/objects/image.d.ts +29 -0
  58. package/dist/game-assets/display-object/objects/image.js +130 -0
  59. package/dist/game-assets/display-object/objects/image.js.map +1 -0
  60. package/dist/game-assets/display-object/objects/sprite.d.ts +34 -0
  61. package/dist/game-assets/display-object/objects/sprite.js +87 -0
  62. package/dist/game-assets/display-object/objects/sprite.js.map +1 -0
  63. package/dist/game-assets/display-object/premade-display-objects/image-with-glowing-shapes.d.ts +19 -0
  64. package/dist/game-assets/display-object/premade-display-objects/image-with-glowing-shapes.js +94 -0
  65. package/dist/game-assets/display-object/premade-display-objects/image-with-glowing-shapes.js.map +1 -0
  66. package/dist/game-assets/filters/filters.d.ts +38 -0
  67. package/dist/game-assets/filters/filters.js +162 -0
  68. package/dist/game-assets/filters/filters.js.map +1 -0
  69. package/dist/game-assets/filters/glow-filter.d.ts +11 -0
  70. package/dist/game-assets/filters/glow-filter.js +33 -0
  71. package/dist/game-assets/filters/glow-filter.js.map +1 -0
  72. package/dist/game-assets/filters/shaders.d.ts +8 -0
  73. package/dist/game-assets/filters/shaders.js +82 -0
  74. package/dist/game-assets/filters/shaders.js.map +1 -0
  75. package/dist/game-assets/game-assets.d.ts +14 -0
  76. package/dist/game-assets/game-assets.js +92 -0
  77. package/dist/game-assets/game-assets.js.map +1 -0
  78. package/dist/game-assets/graphics/graphics.d.ts +26 -0
  79. package/dist/game-assets/graphics/graphics.js +104 -0
  80. package/dist/game-assets/graphics/graphics.js.map +1 -0
  81. package/dist/game-assets/helpers/glow.helper.d.ts +1 -0
  82. package/dist/game-assets/helpers/glow.helper.js +77 -0
  83. package/dist/game-assets/helpers/glow.helper.js.map +1 -0
  84. package/dist/game-assets/image/image-creator.d.ts +23 -0
  85. package/dist/game-assets/image/image-creator.js +96 -0
  86. package/dist/game-assets/image/image-creator.js.map +1 -0
  87. package/dist/game-assets/image/image.d.ts +34 -0
  88. package/dist/game-assets/image/image.js +139 -0
  89. package/dist/game-assets/image/image.js.map +1 -0
  90. package/dist/game-assets/image-data.helper.d.ts +16 -0
  91. package/dist/game-assets/image-data.helper.js +53 -0
  92. package/dist/game-assets/image-data.helper.js.map +1 -0
  93. package/dist/game-assets/index.d.ts +8 -0
  94. package/dist/game-assets/index.js +34 -0
  95. package/dist/game-assets/index.js.map +1 -0
  96. package/dist/game-assets/pixel-perfect-interaction.d.ts +2 -0
  97. package/dist/game-assets/pixel-perfect-interaction.js +111 -0
  98. package/dist/game-assets/pixel-perfect-interaction.js.map +1 -0
  99. package/dist/game-entities/attachable/attachable.d.ts +24 -0
  100. package/dist/game-entities/attachable/attachable.js +80 -0
  101. package/dist/game-entities/attachable/attachable.js.map +1 -0
  102. package/dist/game-entities/attachable/attachable.spec.js.map +1 -0
  103. package/dist/game-entities/controller/controller.d.ts +10 -0
  104. package/dist/game-entities/controller/controller.js +53 -0
  105. package/dist/game-entities/controller/controller.js.map +1 -0
  106. package/dist/game-entities/controller/controller.spec.js.map +1 -0
  107. package/dist/game-entities/controller.d.ts +10 -0
  108. package/dist/game-entities/controller.js +53 -0
  109. package/dist/game-entities/controller.js.map +1 -0
  110. package/dist/game-entities/entity/entity.d.ts +20 -0
  111. package/dist/game-entities/entity/entity.js +98 -0
  112. package/dist/game-entities/entity/entity.js.map +1 -0
  113. package/dist/game-entities/entity/entity.spec.js.map +1 -0
  114. package/dist/game-entities/entity/helpers/entity-store.helper.d.ts +15 -0
  115. package/dist/game-entities/entity/helpers/entity-store.helper.js +97 -0
  116. package/dist/game-entities/entity/helpers/entity-store.helper.js.map +1 -0
  117. package/dist/game-entities/entity/helpers/view-creation.helper.d.ts +11 -0
  118. package/dist/game-entities/entity/helpers/view-creation.helper.js +56 -0
  119. package/dist/game-entities/entity/helpers/view-creation.helper.js.map +1 -0
  120. package/dist/game-entities/entity-base/entity-base.d.ts +10 -0
  121. package/dist/game-entities/entity-base/entity-base.js +38 -0
  122. package/dist/game-entities/entity-base/entity-base.js.map +1 -0
  123. package/dist/game-entities/entity-base/entity-base.spec.js.map +1 -0
  124. package/dist/game-entities/entity-base.d.ts +12 -0
  125. package/dist/game-entities/entity-base.js +55 -0
  126. package/dist/game-entities/entity-base.js.map +1 -0
  127. package/dist/game-entities/entity.d.ts +22 -0
  128. package/dist/game-entities/entity.js +126 -0
  129. package/dist/game-entities/entity.js.map +1 -0
  130. package/dist/game-entities/index.d.ts +5 -0
  131. package/dist/game-entities/index.js +19 -0
  132. package/dist/game-entities/index.js.map +1 -0
  133. package/dist/game-entities/scene/scene.d.ts +17 -0
  134. package/dist/game-entities/scene/scene.js +100 -0
  135. package/dist/game-entities/scene/scene.js.map +1 -0
  136. package/dist/game-entities/scene/scene.spec.js.map +1 -0
  137. package/dist/game-entities/service/service.d.ts +9 -0
  138. package/dist/game-entities/service/service.js +62 -0
  139. package/dist/game-entities/service/service.js.map +1 -0
  140. package/dist/game-entities/service/service.spec.js.map +1 -0
  141. package/dist/game-entities/service.d.ts +10 -0
  142. package/dist/game-entities/service.js +93 -0
  143. package/dist/game-entities/service.js.map +1 -0
  144. package/dist/game-entities/store/store.d.ts +19 -0
  145. package/dist/game-entities/store/store.js +131 -0
  146. package/dist/game-entities/store/store.js.map +1 -0
  147. package/dist/game-entities/store/store.spec.js.map +1 -0
  148. package/dist/game-entities/store.d.ts +18 -0
  149. package/dist/game-entities/store.js +121 -0
  150. package/dist/game-entities/store.js.map +1 -0
  151. package/dist/game-entities/tests/controller.spec.js.map +1 -0
  152. package/dist/game-entities/tests/entity-base.spec.js.map +1 -0
  153. package/dist/game-entities/tests/entity.spec.js.map +1 -0
  154. package/dist/game-entities/tests/service.spec.js.map +1 -0
  155. package/dist/game-entities/tests/store.spec.js.map +1 -0
  156. package/dist/game-entities/tests/view.spec.js.map +1 -0
  157. package/dist/game-entities/view/view.d.ts +20 -0
  158. package/dist/game-entities/view/view.js +82 -0
  159. package/dist/game-entities/view/view.js.map +1 -0
  160. package/dist/game-entities/view/view.spec.js.map +1 -0
  161. package/dist/game-entities/view.d.ts +9 -0
  162. package/dist/game-entities/view.js +20 -0
  163. package/dist/game-entities/view.js.map +1 -0
  164. package/dist/helpers/animator/animator.d.ts +35 -0
  165. package/dist/helpers/animator/animator.js +158 -0
  166. package/dist/helpers/animator/animator.js.map +1 -0
  167. package/dist/helpers/animator/animator.spec.js.map +1 -0
  168. package/dist/helpers/auto-destroy/auto-destroy.d.ts +5 -0
  169. package/dist/helpers/auto-destroy/auto-destroy.js +38 -0
  170. package/dist/helpers/auto-destroy/auto-destroy.js.map +1 -0
  171. package/dist/helpers/auto-destroy/auto-destroy.spec.js.map +1 -0
  172. package/dist/helpers/update-loop.d.ts +7 -0
  173. package/dist/helpers/update-loop.js +16 -0
  174. package/dist/helpers/update-loop.js.map +1 -0
  175. package/dist/helpers/vertice/vertice.helper.d.ts +4 -0
  176. package/dist/helpers/vertice/vertice.helper.js +23 -0
  177. package/dist/helpers/vertice/vertice.helper.js.map +1 -0
  178. package/dist/helpers/view-array/view-array.d.ts +28 -0
  179. package/dist/helpers/view-array/view-array.js +117 -0
  180. package/dist/index.d.ts +9 -0
  181. package/dist/index.js +31 -0
  182. package/dist/index.js.map +1 -0
  183. package/dist/lib/animator/animations.d.ts +25 -0
  184. package/dist/lib/animator/animations.js +58 -0
  185. package/dist/lib/animator/animations.js.map +1 -0
  186. package/dist/lib/animator/animator.d.ts +52 -0
  187. package/dist/lib/animator/animator.js +220 -0
  188. package/dist/lib/animator/animator.js.map +1 -0
  189. package/dist/lib/animator/animator.spec.js.map +1 -0
  190. package/dist/lib/animator/index.d.ts +2 -0
  191. package/dist/lib/animator/index.js +19 -0
  192. package/dist/lib/animator/index.js.map +1 -0
  193. package/dist/lib/common/common-lib.d.ts +6 -0
  194. package/dist/lib/common/common-lib.js +40 -0
  195. package/dist/lib/common/common-lib.js.map +1 -0
  196. package/dist/lib/path-finder/path-finder.d.ts +5 -0
  197. package/dist/lib/path-finder/path-finder.js +24 -0
  198. package/dist/lib/path-finder/path-finder.js.map +1 -0
  199. package/dist/lib/update-loop.d.ts +13 -0
  200. package/dist/lib/update-loop.js +34 -0
  201. package/dist/lib/update-loop.js.map +1 -0
  202. package/dist/lib/vector/vector-coordinate-convertion.spec.js.map +1 -0
  203. package/dist/lib/vector/vector-radian.spec.js.map +1 -0
  204. package/dist/lib/vector/vector.d.ts +28 -0
  205. package/dist/lib/vector/vector.js +114 -0
  206. package/dist/lib/vector/vector.js.map +1 -0
  207. package/dist/lib/vector/vector.spec.js.map +1 -0
  208. package/dist/services/keyboard/keyboard.d.ts +7 -0
  209. package/dist/services/keyboard/keyboard.js +36 -0
  210. package/dist/services/keyboard/keyboard.js.map +1 -0
  211. package/dist/services/mouse/mouse.d.ts +12 -0
  212. package/dist/services/mouse/mouse.js +57 -0
  213. package/dist/services/mouse/mouse.js.map +1 -0
  214. package/dist/services/mouse/mouse.service.d.ts +12 -0
  215. package/dist/services/mouse/mouse.service.js +56 -0
  216. package/dist/services/mouse/mouse.service.js.map +1 -0
  217. package/dist/services/mouse/mouser-target-focus.service.d.ts +16 -0
  218. package/dist/services/mouse/mouser-target-focus.service.js +89 -0
  219. package/dist/services/mouse/mouser-target-focus.service.js.map +1 -0
  220. package/dist/services/sound/sound.d.ts +3 -0
  221. package/dist/services/sound/sound.js +22 -0
  222. package/dist/services/sound/sound.js.map +1 -0
  223. package/package.json +71 -0
  224. package/tsconfig.json +24 -0
package/coverage/lcov-report/helpers/animator/animator.ts.html ADDED
@@ -0,0 +1,658 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for helpers/animator/animator.ts</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../prettify.css" />
9
+ <link rel="stylesheet" href="../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">helpers/animator</a> animator.ts</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">89.79% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>88/98</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">88% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>44/50</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">80.76% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>21/26</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">88.5% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>77/87</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line high'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a>
85
+ <a name='L20'></a><a href='#L20'>20</a>
86
+ <a name='L21'></a><a href='#L21'>21</a>
87
+ <a name='L22'></a><a href='#L22'>22</a>
88
+ <a name='L23'></a><a href='#L23'>23</a>
89
+ <a name='L24'></a><a href='#L24'>24</a>
90
+ <a name='L25'></a><a href='#L25'>25</a>
91
+ <a name='L26'></a><a href='#L26'>26</a>
92
+ <a name='L27'></a><a href='#L27'>27</a>
93
+ <a name='L28'></a><a href='#L28'>28</a>
94
+ <a name='L29'></a><a href='#L29'>29</a>
95
+ <a name='L30'></a><a href='#L30'>30</a>
96
+ <a name='L31'></a><a href='#L31'>31</a>
97
+ <a name='L32'></a><a href='#L32'>32</a>
98
+ <a name='L33'></a><a href='#L33'>33</a>
99
+ <a name='L34'></a><a href='#L34'>34</a>
100
+ <a name='L35'></a><a href='#L35'>35</a>
101
+ <a name='L36'></a><a href='#L36'>36</a>
102
+ <a name='L37'></a><a href='#L37'>37</a>
103
+ <a name='L38'></a><a href='#L38'>38</a>
104
+ <a name='L39'></a><a href='#L39'>39</a>
105
+ <a name='L40'></a><a href='#L40'>40</a>
106
+ <a name='L41'></a><a href='#L41'>41</a>
107
+ <a name='L42'></a><a href='#L42'>42</a>
108
+ <a name='L43'></a><a href='#L43'>43</a>
109
+ <a name='L44'></a><a href='#L44'>44</a>
110
+ <a name='L45'></a><a href='#L45'>45</a>
111
+ <a name='L46'></a><a href='#L46'>46</a>
112
+ <a name='L47'></a><a href='#L47'>47</a>
113
+ <a name='L48'></a><a href='#L48'>48</a>
114
+ <a name='L49'></a><a href='#L49'>49</a>
115
+ <a name='L50'></a><a href='#L50'>50</a>
116
+ <a name='L51'></a><a href='#L51'>51</a>
117
+ <a name='L52'></a><a href='#L52'>52</a>
118
+ <a name='L53'></a><a href='#L53'>53</a>
119
+ <a name='L54'></a><a href='#L54'>54</a>
120
+ <a name='L55'></a><a href='#L55'>55</a>
121
+ <a name='L56'></a><a href='#L56'>56</a>
122
+ <a name='L57'></a><a href='#L57'>57</a>
123
+ <a name='L58'></a><a href='#L58'>58</a>
124
+ <a name='L59'></a><a href='#L59'>59</a>
125
+ <a name='L60'></a><a href='#L60'>60</a>
126
+ <a name='L61'></a><a href='#L61'>61</a>
127
+ <a name='L62'></a><a href='#L62'>62</a>
128
+ <a name='L63'></a><a href='#L63'>63</a>
129
+ <a name='L64'></a><a href='#L64'>64</a>
130
+ <a name='L65'></a><a href='#L65'>65</a>
131
+ <a name='L66'></a><a href='#L66'>66</a>
132
+ <a name='L67'></a><a href='#L67'>67</a>
133
+ <a name='L68'></a><a href='#L68'>68</a>
134
+ <a name='L69'></a><a href='#L69'>69</a>
135
+ <a name='L70'></a><a href='#L70'>70</a>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a>
139
+ <a name='L74'></a><a href='#L74'>74</a>
140
+ <a name='L75'></a><a href='#L75'>75</a>
141
+ <a name='L76'></a><a href='#L76'>76</a>
142
+ <a name='L77'></a><a href='#L77'>77</a>
143
+ <a name='L78'></a><a href='#L78'>78</a>
144
+ <a name='L79'></a><a href='#L79'>79</a>
145
+ <a name='L80'></a><a href='#L80'>80</a>
146
+ <a name='L81'></a><a href='#L81'>81</a>
147
+ <a name='L82'></a><a href='#L82'>82</a>
148
+ <a name='L83'></a><a href='#L83'>83</a>
149
+ <a name='L84'></a><a href='#L84'>84</a>
150
+ <a name='L85'></a><a href='#L85'>85</a>
151
+ <a name='L86'></a><a href='#L86'>86</a>
152
+ <a name='L87'></a><a href='#L87'>87</a>
153
+ <a name='L88'></a><a href='#L88'>88</a>
154
+ <a name='L89'></a><a href='#L89'>89</a>
155
+ <a name='L90'></a><a href='#L90'>90</a>
156
+ <a name='L91'></a><a href='#L91'>91</a>
157
+ <a name='L92'></a><a href='#L92'>92</a>
158
+ <a name='L93'></a><a href='#L93'>93</a>
159
+ <a name='L94'></a><a href='#L94'>94</a>
160
+ <a name='L95'></a><a href='#L95'>95</a>
161
+ <a name='L96'></a><a href='#L96'>96</a>
162
+ <a name='L97'></a><a href='#L97'>97</a>
163
+ <a name='L98'></a><a href='#L98'>98</a>
164
+ <a name='L99'></a><a href='#L99'>99</a>
165
+ <a name='L100'></a><a href='#L100'>100</a>
166
+ <a name='L101'></a><a href='#L101'>101</a>
167
+ <a name='L102'></a><a href='#L102'>102</a>
168
+ <a name='L103'></a><a href='#L103'>103</a>
169
+ <a name='L104'></a><a href='#L104'>104</a>
170
+ <a name='L105'></a><a href='#L105'>105</a>
171
+ <a name='L106'></a><a href='#L106'>106</a>
172
+ <a name='L107'></a><a href='#L107'>107</a>
173
+ <a name='L108'></a><a href='#L108'>108</a>
174
+ <a name='L109'></a><a href='#L109'>109</a>
175
+ <a name='L110'></a><a href='#L110'>110</a>
176
+ <a name='L111'></a><a href='#L111'>111</a>
177
+ <a name='L112'></a><a href='#L112'>112</a>
178
+ <a name='L113'></a><a href='#L113'>113</a>
179
+ <a name='L114'></a><a href='#L114'>114</a>
180
+ <a name='L115'></a><a href='#L115'>115</a>
181
+ <a name='L116'></a><a href='#L116'>116</a>
182
+ <a name='L117'></a><a href='#L117'>117</a>
183
+ <a name='L118'></a><a href='#L118'>118</a>
184
+ <a name='L119'></a><a href='#L119'>119</a>
185
+ <a name='L120'></a><a href='#L120'>120</a>
186
+ <a name='L121'></a><a href='#L121'>121</a>
187
+ <a name='L122'></a><a href='#L122'>122</a>
188
+ <a name='L123'></a><a href='#L123'>123</a>
189
+ <a name='L124'></a><a href='#L124'>124</a>
190
+ <a name='L125'></a><a href='#L125'>125</a>
191
+ <a name='L126'></a><a href='#L126'>126</a>
192
+ <a name='L127'></a><a href='#L127'>127</a>
193
+ <a name='L128'></a><a href='#L128'>128</a>
194
+ <a name='L129'></a><a href='#L129'>129</a>
195
+ <a name='L130'></a><a href='#L130'>130</a>
196
+ <a name='L131'></a><a href='#L131'>131</a>
197
+ <a name='L132'></a><a href='#L132'>132</a>
198
+ <a name='L133'></a><a href='#L133'>133</a>
199
+ <a name='L134'></a><a href='#L134'>134</a>
200
+ <a name='L135'></a><a href='#L135'>135</a>
201
+ <a name='L136'></a><a href='#L136'>136</a>
202
+ <a name='L137'></a><a href='#L137'>137</a>
203
+ <a name='L138'></a><a href='#L138'>138</a>
204
+ <a name='L139'></a><a href='#L139'>139</a>
205
+ <a name='L140'></a><a href='#L140'>140</a>
206
+ <a name='L141'></a><a href='#L141'>141</a>
207
+ <a name='L142'></a><a href='#L142'>142</a>
208
+ <a name='L143'></a><a href='#L143'>143</a>
209
+ <a name='L144'></a><a href='#L144'>144</a>
210
+ <a name='L145'></a><a href='#L145'>145</a>
211
+ <a name='L146'></a><a href='#L146'>146</a>
212
+ <a name='L147'></a><a href='#L147'>147</a>
213
+ <a name='L148'></a><a href='#L148'>148</a>
214
+ <a name='L149'></a><a href='#L149'>149</a>
215
+ <a name='L150'></a><a href='#L150'>150</a>
216
+ <a name='L151'></a><a href='#L151'>151</a>
217
+ <a name='L152'></a><a href='#L152'>152</a>
218
+ <a name='L153'></a><a href='#L153'>153</a>
219
+ <a name='L154'></a><a href='#L154'>154</a>
220
+ <a name='L155'></a><a href='#L155'>155</a>
221
+ <a name='L156'></a><a href='#L156'>156</a>
222
+ <a name='L157'></a><a href='#L157'>157</a>
223
+ <a name='L158'></a><a href='#L158'>158</a>
224
+ <a name='L159'></a><a href='#L159'>159</a>
225
+ <a name='L160'></a><a href='#L160'>160</a>
226
+ <a name='L161'></a><a href='#L161'>161</a>
227
+ <a name='L162'></a><a href='#L162'>162</a>
228
+ <a name='L163'></a><a href='#L163'>163</a>
229
+ <a name='L164'></a><a href='#L164'>164</a>
230
+ <a name='L165'></a><a href='#L165'>165</a>
231
+ <a name='L166'></a><a href='#L166'>166</a>
232
+ <a name='L167'></a><a href='#L167'>167</a>
233
+ <a name='L168'></a><a href='#L168'>168</a>
234
+ <a name='L169'></a><a href='#L169'>169</a>
235
+ <a name='L170'></a><a href='#L170'>170</a>
236
+ <a name='L171'></a><a href='#L171'>171</a>
237
+ <a name='L172'></a><a href='#L172'>172</a>
238
+ <a name='L173'></a><a href='#L173'>173</a>
239
+ <a name='L174'></a><a href='#L174'>174</a>
240
+ <a name='L175'></a><a href='#L175'>175</a>
241
+ <a name='L176'></a><a href='#L176'>176</a>
242
+ <a name='L177'></a><a href='#L177'>177</a>
243
+ <a name='L178'></a><a href='#L178'>178</a>
244
+ <a name='L179'></a><a href='#L179'>179</a>
245
+ <a name='L180'></a><a href='#L180'>180</a>
246
+ <a name='L181'></a><a href='#L181'>181</a>
247
+ <a name='L182'></a><a href='#L182'>182</a>
248
+ <a name='L183'></a><a href='#L183'>183</a>
249
+ <a name='L184'></a><a href='#L184'>184</a>
250
+ <a name='L185'></a><a href='#L185'>185</a>
251
+ <a name='L186'></a><a href='#L186'>186</a>
252
+ <a name='L187'></a><a href='#L187'>187</a>
253
+ <a name='L188'></a><a href='#L188'>188</a>
254
+ <a name='L189'></a><a href='#L189'>189</a>
255
+ <a name='L190'></a><a href='#L190'>190</a>
256
+ <a name='L191'></a><a href='#L191'>191</a>
257
+ <a name='L192'></a><a href='#L192'>192</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
258
+ <span class="cline-any cline-neutral">&nbsp;</span>
259
+ <span class="cline-any cline-yes">1x</span>
260
+ <span class="cline-any cline-neutral">&nbsp;</span>
261
+ <span class="cline-any cline-neutral">&nbsp;</span>
262
+ <span class="cline-any cline-neutral">&nbsp;</span>
263
+ <span class="cline-any cline-neutral">&nbsp;</span>
264
+ <span class="cline-any cline-neutral">&nbsp;</span>
265
+ <span class="cline-any cline-neutral">&nbsp;</span>
266
+ <span class="cline-any cline-neutral">&nbsp;</span>
267
+ <span class="cline-any cline-neutral">&nbsp;</span>
268
+ <span class="cline-any cline-neutral">&nbsp;</span>
269
+ <span class="cline-any cline-neutral">&nbsp;</span>
270
+ <span class="cline-any cline-yes">1x</span>
271
+ <span class="cline-any cline-yes">1x</span>
272
+ <span class="cline-any cline-yes">1x</span>
273
+ <span class="cline-any cline-yes">1x</span>
274
+ <span class="cline-any cline-yes">1x</span>
275
+ <span class="cline-any cline-neutral">&nbsp;</span>
276
+ <span class="cline-any cline-neutral">&nbsp;</span>
277
+ <span class="cline-any cline-neutral">&nbsp;</span>
278
+ <span class="cline-any cline-neutral">&nbsp;</span>
279
+ <span class="cline-any cline-neutral">&nbsp;</span>
280
+ <span class="cline-any cline-neutral">&nbsp;</span>
281
+ <span class="cline-any cline-neutral">&nbsp;</span>
282
+ <span class="cline-any cline-yes">1x</span>
283
+ <span class="cline-any cline-no">&nbsp;</span>
284
+ <span class="cline-any cline-neutral">&nbsp;</span>
285
+ <span class="cline-any cline-yes">88x</span>
286
+ <span class="cline-any cline-yes">32x</span>
287
+ <span class="cline-any cline-neutral">&nbsp;</span>
288
+ <span class="cline-any cline-yes">56x</span>
289
+ <span class="cline-any cline-neutral">&nbsp;</span>
290
+ <span class="cline-any cline-neutral">&nbsp;</span>
291
+ <span class="cline-any cline-no">&nbsp;</span>
292
+ <span class="cline-any cline-no">&nbsp;</span>
293
+ <span class="cline-any cline-neutral">&nbsp;</span>
294
+ <span class="cline-any cline-neutral">&nbsp;</span>
295
+ <span class="cline-any cline-yes">1x</span>
296
+ <span class="cline-any cline-neutral">&nbsp;</span>
297
+ <span class="cline-any cline-neutral">&nbsp;</span>
298
+ <span class="cline-any cline-yes">25x</span>
299
+ <span class="cline-any cline-neutral">&nbsp;</span>
300
+ <span class="cline-any cline-neutral">&nbsp;</span>
301
+ <span class="cline-any cline-neutral">&nbsp;</span>
302
+ <span class="cline-any cline-neutral">&nbsp;</span>
303
+ <span class="cline-any cline-neutral">&nbsp;</span>
304
+ <span class="cline-any cline-neutral">&nbsp;</span>
305
+ <span class="cline-any cline-yes">25x</span>
306
+ <span class="cline-any cline-neutral">&nbsp;</span>
307
+ <span class="cline-any cline-neutral">&nbsp;</span>
308
+ <span class="cline-any cline-yes">50x</span>
309
+ <span class="cline-any cline-yes">25x</span>
310
+ <span class="cline-any cline-yes">1x</span>
311
+ <span class="cline-any cline-neutral">&nbsp;</span>
312
+ <span class="cline-any cline-neutral">&nbsp;</span>
313
+ <span class="cline-any cline-yes">24x</span>
314
+ <span class="cline-any cline-yes">24x</span>
315
+ <span class="cline-any cline-yes">24x</span>
316
+ <span class="cline-any cline-neutral">&nbsp;</span>
317
+ <span class="cline-any cline-yes">24x</span>
318
+ <span class="cline-any cline-yes">24x</span>
319
+ <span class="cline-any cline-neutral">&nbsp;</span>
320
+ <span class="cline-any cline-yes">33x</span>
321
+ <span class="cline-any cline-neutral">&nbsp;</span>
322
+ <span class="cline-any cline-yes">32x</span>
323
+ <span class="cline-any cline-neutral">&nbsp;</span>
324
+ <span class="cline-any cline-yes">1x</span>
325
+ <span class="cline-any cline-neutral">&nbsp;</span>
326
+ <span class="cline-any cline-neutral">&nbsp;</span>
327
+ <span class="cline-any cline-neutral">&nbsp;</span>
328
+ <span class="cline-any cline-neutral">&nbsp;</span>
329
+ <span class="cline-any cline-yes">1x</span>
330
+ <span class="cline-any cline-yes">1x</span>
331
+ <span class="cline-any cline-yes">1x</span>
332
+ <span class="cline-any cline-neutral">&nbsp;</span>
333
+ <span class="cline-any cline-neutral">&nbsp;</span>
334
+ <span class="cline-any cline-neutral">&nbsp;</span>
335
+ <span class="cline-any cline-neutral">&nbsp;</span>
336
+ <span class="cline-any cline-neutral">&nbsp;</span>
337
+ <span class="cline-any cline-yes">20x</span>
338
+ <span class="cline-any cline-yes">10x</span>
339
+ <span class="cline-any cline-yes">12x</span>
340
+ <span class="cline-any cline-neutral">&nbsp;</span>
341
+ <span class="cline-any cline-yes">11x</span>
342
+ <span class="cline-any cline-neutral">&nbsp;</span>
343
+ <span class="cline-any cline-neutral">&nbsp;</span>
344
+ <span class="cline-any cline-yes">9x</span>
345
+ <span class="cline-any cline-yes">8x</span>
346
+ <span class="cline-any cline-neutral">&nbsp;</span>
347
+ <span class="cline-any cline-yes">1x</span>
348
+ <span class="cline-any cline-neutral">&nbsp;</span>
349
+ <span class="cline-any cline-yes">1x</span>
350
+ <span class="cline-any cline-yes">1x</span>
351
+ <span class="cline-any cline-neutral">&nbsp;</span>
352
+ <span class="cline-any cline-yes">1x</span>
353
+ <span class="cline-any cline-neutral">&nbsp;</span>
354
+ <span class="cline-any cline-neutral">&nbsp;</span>
355
+ <span class="cline-any cline-neutral">&nbsp;</span>
356
+ <span class="cline-any cline-neutral">&nbsp;</span>
357
+ <span class="cline-any cline-neutral">&nbsp;</span>
358
+ <span class="cline-any cline-neutral">&nbsp;</span>
359
+ <span class="cline-any cline-yes">44x</span>
360
+ <span class="cline-any cline-yes">23x</span>
361
+ <span class="cline-any cline-yes">23x</span>
362
+ <span class="cline-any cline-yes">25x</span>
363
+ <span class="cline-any cline-neutral">&nbsp;</span>
364
+ <span class="cline-any cline-yes">22x</span>
365
+ <span class="cline-any cline-neutral">&nbsp;</span>
366
+ <span class="cline-any cline-neutral">&nbsp;</span>
367
+ <span class="cline-any cline-yes">30x</span>
368
+ <span class="cline-any cline-yes">30x</span>
369
+ <span class="cline-any cline-yes">30x</span>
370
+ <span class="cline-any cline-neutral">&nbsp;</span>
371
+ <span class="cline-any cline-neutral">&nbsp;</span>
372
+ <span class="cline-any cline-yes">32x</span>
373
+ <span class="cline-any cline-yes">32x</span>
374
+ <span class="cline-any cline-yes">32x</span>
375
+ <span class="cline-any cline-yes">32x</span>
376
+ <span class="cline-any cline-yes">32x</span>
377
+ <span class="cline-any cline-neutral">&nbsp;</span>
378
+ <span class="cline-any cline-neutral">&nbsp;</span>
379
+ <span class="cline-any cline-neutral">&nbsp;</span>
380
+ <span class="cline-any cline-neutral">&nbsp;</span>
381
+ <span class="cline-any cline-neutral">&nbsp;</span>
382
+ <span class="cline-any cline-neutral">&nbsp;</span>
383
+ <span class="cline-any cline-neutral">&nbsp;</span>
384
+ <span class="cline-any cline-neutral">&nbsp;</span>
385
+ <span class="cline-any cline-yes">32x</span>
386
+ <span class="cline-any cline-neutral">&nbsp;</span>
387
+ <span class="cline-any cline-neutral">&nbsp;</span>
388
+ <span class="cline-any cline-neutral">&nbsp;</span>
389
+ <span class="cline-any cline-no">&nbsp;</span>
390
+ <span class="cline-any cline-neutral">&nbsp;</span>
391
+ <span class="cline-any cline-neutral">&nbsp;</span>
392
+ <span class="cline-any cline-neutral">&nbsp;</span>
393
+ <span class="cline-any cline-neutral">&nbsp;</span>
394
+ <span class="cline-any cline-yes">30x</span>
395
+ <span class="cline-any cline-neutral">&nbsp;</span>
396
+ <span class="cline-any cline-yes">30x</span>
397
+ <span class="cline-any cline-neutral">&nbsp;</span>
398
+ <span class="cline-any cline-neutral">&nbsp;</span>
399
+ <span class="cline-any cline-neutral">&nbsp;</span>
400
+ <span class="cline-any cline-yes">30x</span>
401
+ <span class="cline-any cline-yes">30x</span>
402
+ <span class="cline-any cline-yes">30x</span>
403
+ <span class="cline-any cline-no">&nbsp;</span>
404
+ <span class="cline-any cline-no">&nbsp;</span>
405
+ <span class="cline-any cline-neutral">&nbsp;</span>
406
+ <span class="cline-any cline-no">&nbsp;</span>
407
+ <span class="cline-any cline-no">&nbsp;</span>
408
+ <span class="cline-any cline-neutral">&nbsp;</span>
409
+ <span class="cline-any cline-no">&nbsp;</span>
410
+ <span class="cline-any cline-no">&nbsp;</span>
411
+ <span class="cline-any cline-neutral">&nbsp;</span>
412
+ <span class="cline-any cline-neutral">&nbsp;</span>
413
+ <span class="cline-any cline-neutral">&nbsp;</span>
414
+ <span class="cline-any cline-neutral">&nbsp;</span>
415
+ <span class="cline-any cline-yes">99x</span>
416
+ <span class="cline-any cline-yes">99x</span>
417
+ <span class="cline-any cline-yes">99x</span>
418
+ <span class="cline-any cline-yes">113x</span>
419
+ <span class="cline-any cline-yes">113x</span>
420
+ <span class="cline-any cline-neutral">&nbsp;</span>
421
+ <span class="cline-any cline-neutral">&nbsp;</span>
422
+ <span class="cline-any cline-yes">25x</span>
423
+ <span class="cline-any cline-yes">25x</span>
424
+ <span class="cline-any cline-neutral">&nbsp;</span>
425
+ <span class="cline-any cline-yes">25x</span>
426
+ <span class="cline-any cline-yes">25x</span>
427
+ <span class="cline-any cline-yes">20x</span>
428
+ <span class="cline-any cline-neutral">&nbsp;</span>
429
+ <span class="cline-any cline-neutral">&nbsp;</span>
430
+ <span class="cline-any cline-yes">88x</span>
431
+ <span class="cline-any cline-neutral">&nbsp;</span>
432
+ <span class="cline-any cline-yes">88x</span>
433
+ <span class="cline-any cline-neutral">&nbsp;</span>
434
+ <span class="cline-any cline-yes">88x</span>
435
+ <span class="cline-any cline-neutral">&nbsp;</span>
436
+ <span class="cline-any cline-neutral">&nbsp;</span>
437
+ <span class="cline-any cline-yes">99x</span>
438
+ <span class="cline-any cline-yes">99x</span>
439
+ <span class="cline-any cline-neutral">&nbsp;</span>
440
+ <span class="cline-any cline-neutral">&nbsp;</span>
441
+ <span class="cline-any cline-yes">1x</span>
442
+ <span class="cline-any cline-yes">37x</span>
443
+ <span class="cline-any cline-yes">37x</span>
444
+ <span class="cline-any cline-yes">2x</span>
445
+ <span class="cline-any cline-neutral">&nbsp;</span>
446
+ <span class="cline-any cline-neutral">&nbsp;</span>
447
+ <span class="cline-any cline-yes">1x</span>
448
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { Comparator } from 'helpers-lib';
449
+ import { ActionSubscription } from 'actions-lib';
450
+ import { UpdateAction } from '../update-loop';
451
+ &nbsp;
452
+ interface PropertyState {
453
+ duration: number;
454
+ animationFunction: (t: number) =&gt; number;
455
+ elapsedTime: number;
456
+ startingValue: number;
457
+ targetRelativeValue: number;
458
+ completionCallback: () =&gt; void;
459
+ }
460
+ &nbsp;
461
+ export enum AnimationType {
462
+ lineer = 'lineer',
463
+ easeInOut = 'easeInOut',
464
+ easeIn = 'easeIn',
465
+ easeOut = 'easeOut'
466
+ }
467
+ &nbsp;
468
+ export interface AnimationOptions&lt;T&gt; {
469
+ duration?: number;
470
+ animation?: AnimationType;
471
+ }
472
+ &nbsp;
473
+ export const AnimationTypeToFunction: Record&lt;AnimationType, (t: number) =&gt; number&gt; = {
474
+ lineer: <span class="fstat-no" title="function not covered" >(t</span>: number) =&gt; <span class="cstat-no" title="statement not covered" >t,</span>
475
+ easeInOut: (t: number) =&gt; {
476
+ if ((t *= 2) &lt; 1) {
477
+ return 0.5 * t * t;
478
+ } else {
479
+ return -0.5 * (--t * (t - 2) - 1);
480
+ }
481
+ },
482
+ easeIn: <span class="fstat-no" title="function not covered" >(t</span>: number) =&gt; <span class="cstat-no" title="statement not covered" >Math.pow(t, 2),</span>
483
+ easeOut: <span class="fstat-no" title="function not covered" >(t</span>: number) =&gt; <span class="cstat-no" title="statement not covered" >1 - Math.pow(1 - t, 2)</span>
484
+ };
485
+ &nbsp;
486
+ export class Animator&lt;T&gt; {
487
+ readonly targetObject: T;
488
+ &nbsp;
489
+ private valueOrigins: Partial&lt;T&gt; = {};
490
+ private effectOn: string[];
491
+ &nbsp;
492
+ private defaultDuration: number;
493
+ private defaultAnimation: AnimationType;
494
+ private onChangeCallback?: (target: T) =&gt; void;
495
+ &nbsp;
496
+ private propertyStates: Map&lt;string, PropertyState&gt; = new Map();
497
+ private updateSubscription: ActionSubscription | undefined;
498
+ &nbsp;
499
+ constructor(target: T, effectOn: string | string[], options: AnimationOptions&lt;T&gt; = {}) {
500
+ if (!Comparator.isObject(target)) {
501
+ throw new Error(`Animator: target is not an object! Target: '${target}'`);
502
+ }
503
+ &nbsp;
504
+ this.targetObject = target;
505
+ this.defaultDuration = options.duration || 200;
506
+ this.defaultAnimation = options.animation || AnimationType.easeInOut;
507
+ &nbsp;
508
+ this.effectOn = Comparator.isString(effectOn) ? [&lt;string&gt;effectOn] : &lt;string[]&gt;effectOn;
509
+ this.effectOn.forEach(key =&gt; {
510
+ // @ts-ignore
511
+ if (Comparator.isNumber(target[key])) {
512
+ // @ts-ignore
513
+ this.valueOrigins[key] = target[key];
514
+ } else {
515
+ throw new Error(`Animator: target does not have target property. Target property: '${key}'`);
516
+ }
517
+ });
518
+ }
519
+ &nbsp;
520
+ onChange(callback: (target: T) =&gt; void): Animator&lt;T&gt; {
521
+ this.onChangeCallback = callback;
522
+ return this;
523
+ }
524
+ &nbsp;
525
+ /**
526
+ * Set animations are not cancelable, they should finish their animation before starting to new one
527
+ */
528
+ set(values: Partial&lt;T&gt;, animate: boolean = false, options: AnimationOptions&lt;T&gt; = {}): Promise&lt;void&gt; {
529
+ Object.keys(values).forEach(key =&gt; {
530
+ this.validateProperty(key);
531
+ // @ts-ignore
532
+ this.valueOrigins[key] = values[key];
533
+ });
534
+ &nbsp;
535
+ if (animate) {
536
+ return this.startAnimate(values, false, options);
537
+ } else {
538
+ Object.keys(values).forEach(key =&gt; {
539
+ // @ts-ignore
540
+ this.targetObject[key] = values[key];
541
+ this.propertyStates.delete(key);
542
+ });
543
+ return Promise.resolve();
544
+ }
545
+ }
546
+ &nbsp;
547
+ /**
548
+ * Animate animations are cancelable, this function or set function can be called in the middle of the animation
549
+ */
550
+ animate(values: Record&lt;string, any&gt;, options: AnimationOptions&lt;T&gt; = {}): Promise&lt;void&gt; {
551
+ let valueKeys = Object.keys(values);
552
+ valueKeys.forEach(key =&gt; {
553
+ this.validateProperty(key);
554
+ });
555
+ return this.startAnimate(values, true, options);
556
+ }
557
+ &nbsp;
558
+ private startAnimate(values: Record&lt;string, any&gt;, setTarget: boolean, <span class="missing-if-branch" title="if path not taken" >I</span>options: AnimationOptions&lt;T&gt; = {}): Promise&lt;void&gt; {
559
+ return new Promise(resolveAll =&gt; {
560
+ Promise.all(
561
+ Object.keys(values).map(
562
+ key =&gt;
563
+ new Promise(resolve =&gt; {
564
+ let previousState = this.propertyStates.get(key);
565
+ previousState &amp;&amp; previousState.completionCallback();
566
+ try {
567
+ this.propertyStates.set(key, {
568
+ duration: options.duration || this.defaultDuration,
569
+ animationFunction: AnimationTypeToFunction[options.animation || this.defaultAnimation],
570
+ elapsedTime: 0,
571
+ // @ts-ignore
572
+ startingValue: this.targetObject[key],
573
+ // @ts-ignore
574
+ targetRelativeValue: setTarget ? values[key] : 0,
575
+ completionCallback: () =&gt; {
576
+ resolve();
577
+ }
578
+ });
579
+ } catch (e) {
580
+ <span class="cstat-no" title="statement not covered" > resolveAll();</span>
581
+ }
582
+ })
583
+ )
584
+ ).then(() =&gt; {
585
+ resolveAll();
586
+ });
587
+ this.subscribeUpdate();
588
+ });
589
+ }
590
+ &nbsp;
591
+ private subscribeUpdate() {
592
+ this.updateSubscription?.unsubscribe();
593
+ this.updateSubscription = UpdateAction.subscribe(<span class="fstat-no" title="function not covered" >update </span>=&gt; {
594
+ <span class="cstat-no" title="statement not covered" > try {</span>
595
+ <span class="cstat-no" title="statement not covered" > this.update(update.delta);</span>
596
+ } catch (e) {
597
+ <span class="cstat-no" title="statement not covered" > this.propertyStates.forEach(<span class="fstat-no" title="function not covered" >value </span>=&gt; {</span>
598
+ <span class="cstat-no" title="statement not covered" > value.completionCallback();</span>
599
+ });
600
+ <span class="cstat-no" title="statement not covered" > this.propertyStates = new Map();</span>
601
+ <span class="cstat-no" title="statement not covered" > this.updateSubscription?.unsubscribe();</span>
602
+ }
603
+ });
604
+ }
605
+ &nbsp;
606
+ private update(delta: number): boolean {
607
+ let triggerOnChange = this.propertyStates.size;
608
+ this.propertyStates.forEach((value, key) =&gt; {
609
+ value.elapsedTime += delta;
610
+ if (value.elapsedTime &gt;= value.duration) {
611
+ // animation is complete
612
+ // @ts-ignore
613
+ this.targetObject[key] = this.valueOrigins[key] + value.targetRelativeValue;
614
+ value.completionCallback();
615
+ &nbsp;
616
+ this.propertyStates.delete(key);
617
+ if (this.propertyStates.size &lt;= 0) {
618
+ this.updateSubscription<span class="branch-0 cbranch-no" title="branch not covered" >?.u</span>nsubscribe();
619
+ }
620
+ } else {
621
+ let multiplier = value.animationFunction(value.elapsedTime / value.duration);
622
+ // @ts-ignore
623
+ let target = this.valueOrigins[key] + value.targetRelativeValue;
624
+ // @ts-ignore
625
+ this.targetObject[key] = (target - value.startingValue) * multiplier + value.startingValue;
626
+ }
627
+ });
628
+ triggerOnChange &amp;&amp; this.onChangeCallback?.(this.targetObject);
629
+ return false;
630
+ }
631
+ &nbsp;
632
+ private validateProperty(key: string) {
633
+ let valid = this.effectOn.includes(key);
634
+ if (!valid) {
635
+ throw new Error(`Animator: not effected property is tried to update. Key: '${key}', EffectOn: '${this.effectOn}'`);
636
+ }
637
+ }
638
+ }
639
+ &nbsp;</pre></td></tr></table></pre>
640
+
641
+ <div class='push'></div><!-- for sticky footer -->
642
+ </div><!-- /wrapper -->
643
+ <div class='footer quiet pad2 space-top1 center small'>
644
+ Code coverage generated by
645
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
646
+ at Fri Dec 22 2023 22:55:28 GMT+0100 (Central European Standard Time)
647
+ </div>
648
+ <script src="../../prettify.js"></script>
649
+ <script>
650
+ window.onload = function () {
651
+ prettyPrint();
652
+ };
653
+ </script>
654
+ <script src="../../sorter.js"></script>
655
+ <script src="../../block-navigation.js"></script>
656
+ </body>
657
+ </html>
658
+