@next2d/ui 1.18.11 → 2.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 (91) hide show
  1. package/package.json +10 -19
  2. package/src/Easing/service/EasingInBackService.d.ts +12 -0
  3. package/src/Easing/service/EasingInBackService.js +14 -0
  4. package/src/Easing/service/EasingInBounceService.d.ts +12 -0
  5. package/src/Easing/service/EasingInBounceService.js +15 -0
  6. package/src/Easing/service/EasingInCircService.d.ts +12 -0
  7. package/src/Easing/service/EasingInCircService.js +14 -0
  8. package/src/Easing/service/EasingInCubicService.d.ts +12 -0
  9. package/src/Easing/service/EasingInCubicService.js +14 -0
  10. package/src/Easing/service/EasingInElasticService.d.ts +12 -0
  11. package/src/Easing/service/EasingInElasticService.js +20 -0
  12. package/src/Easing/service/EasingInExpoService.d.ts +12 -0
  13. package/src/Easing/service/EasingInExpoService.js +14 -0
  14. package/src/Easing/service/EasingInOutBackService.d.ts +12 -0
  15. package/src/Easing/service/EasingInOutBackService.js +17 -0
  16. package/src/Easing/service/EasingInOutBounceService.d.ts +12 -0
  17. package/src/Easing/service/EasingInOutBounceService.js +17 -0
  18. package/src/Easing/service/EasingInOutCircService.d.ts +12 -0
  19. package/src/Easing/service/EasingInOutCircService.js +16 -0
  20. package/src/Easing/service/EasingInOutCubicService.d.ts +12 -0
  21. package/src/Easing/service/EasingInOutCubicService.js +16 -0
  22. package/src/Easing/service/EasingInOutElasticService.d.ts +12 -0
  23. package/src/Easing/service/EasingInOutElasticService.js +20 -0
  24. package/src/Easing/service/EasingInOutExpoService.d.ts +12 -0
  25. package/src/Easing/service/EasingInOutExpoService.js +16 -0
  26. package/src/Easing/service/EasingInOutQuadService.d.ts +12 -0
  27. package/src/Easing/service/EasingInOutQuadService.js +16 -0
  28. package/src/Easing/service/EasingInOutQuartService.d.ts +12 -0
  29. package/src/Easing/service/EasingInOutQuartService.js +16 -0
  30. package/src/Easing/service/EasingInOutQuintService.d.ts +12 -0
  31. package/src/Easing/service/EasingInOutQuintService.js +16 -0
  32. package/src/Easing/service/EasingInOutSineService.d.ts +12 -0
  33. package/src/Easing/service/EasingInOutSineService.js +14 -0
  34. package/src/Easing/service/EasingInQuadService.d.ts +12 -0
  35. package/src/Easing/service/EasingInQuadService.js +14 -0
  36. package/src/Easing/service/EasingInQuartService.d.ts +12 -0
  37. package/src/Easing/service/EasingInQuartService.js +14 -0
  38. package/src/Easing/service/EasingInQuintService.d.ts +12 -0
  39. package/src/Easing/service/EasingInQuintService.js +14 -0
  40. package/src/Easing/service/EasingInSineService.d.ts +12 -0
  41. package/src/Easing/service/EasingInSineService.js +14 -0
  42. package/src/Easing/service/EasingLinearService.d.ts +12 -0
  43. package/src/Easing/service/EasingLinearService.js +14 -0
  44. package/src/Easing/service/EasingOutBackService.d.ts +12 -0
  45. package/src/Easing/service/EasingOutBackService.js +16 -0
  46. package/src/Easing/service/EasingOutBounceService.d.ts +12 -0
  47. package/src/Easing/service/EasingOutBounceService.js +23 -0
  48. package/src/Easing/service/EasingOutCircService.d.ts +12 -0
  49. package/src/Easing/service/EasingOutCircService.js +15 -0
  50. package/src/Easing/service/EasingOutCubicService.d.ts +12 -0
  51. package/src/Easing/service/EasingOutCubicService.js +15 -0
  52. package/src/Easing/service/EasingOutElasticService.d.ts +12 -0
  53. package/src/Easing/service/EasingOutElasticService.js +20 -0
  54. package/src/Easing/service/EasingOutExpoService.d.ts +12 -0
  55. package/src/Easing/service/EasingOutExpoService.js +14 -0
  56. package/src/Easing/service/EasingOutQuadService.d.ts +12 -0
  57. package/src/Easing/service/EasingOutQuadService.js +14 -0
  58. package/src/Easing/service/EasingOutQuartService.d.ts +12 -0
  59. package/src/Easing/service/EasingOutQuartService.js +15 -0
  60. package/src/Easing/service/EasingOutQuintService.d.ts +12 -0
  61. package/src/Easing/service/EasingOutQuintService.js +15 -0
  62. package/src/Easing/service/EasingOutSineService.d.ts +12 -0
  63. package/src/Easing/service/EasingOutSineService.js +14 -0
  64. package/{dist → src}/Easing.d.ts +2 -42
  65. package/{dist → src}/Easing.js +64 -133
  66. package/src/Job/service/JobEntriesService.d.ts +12 -0
  67. package/src/Job/service/JobEntriesService.js +19 -0
  68. package/src/Job/service/JobStopService.d.ts +11 -0
  69. package/src/Job/service/JobStopService.js +18 -0
  70. package/src/Job/service/JobUpdateFrameService.d.ts +12 -0
  71. package/src/Job/service/JobUpdateFrameService.js +40 -0
  72. package/src/Job/service/JobUpdatePropertyService.d.ts +17 -0
  73. package/src/Job/service/JobUpdatePropertyService.js +38 -0
  74. package/src/Job/usecase/JobBootUseCase.d.ts +11 -0
  75. package/src/Job/usecase/JobBootUseCase.js +25 -0
  76. package/src/Job/usecase/JobStartUseCase.d.ts +11 -0
  77. package/src/Job/usecase/JobStartUseCase.js +25 -0
  78. package/src/Job.d.ts +157 -0
  79. package/src/Job.js +240 -0
  80. package/src/Tween.d.ts +23 -0
  81. package/src/Tween.js +24 -0
  82. package/src/interface/IEntriesObject.d.ts +4 -0
  83. package/src/interface/IEntriesObject.js +1 -0
  84. package/src/interface/IObject.d.ts +3 -0
  85. package/src/interface/IObject.js +1 -0
  86. package/dist/Job.d.ts +0 -164
  87. package/dist/Job.js +0 -362
  88. package/dist/Tween.d.ts +0 -62
  89. package/dist/Tween.js +0 -72
  90. package/{dist → src}/index.d.ts +1 -1
  91. package/{dist → src}/index.js +1 -1
package/dist/Job.js DELETED
@@ -1,362 +0,0 @@
1
- import { Easing } from "./Easing";
2
- import { EventDispatcher, Event } from "@next2d/events";
3
- import { $setTimeout, $performance, $cancelAnimationFrame } from "@next2d/share";
4
- /**
5
- * @class
6
- * @memberOf next2d.ui
7
- * @extends EventDispatcher
8
- */
9
- export class Job extends EventDispatcher {
10
- /**
11
- * @param {object} target
12
- * @param {object} [from=null]
13
- * @param {object} [to=null]
14
- * @param {number} [delay=0]
15
- * @param {number} [duration=1]
16
- * @param {function} [ease=null]
17
- *
18
- * @constructor
19
- * @public
20
- */
21
- constructor(target, from = null, to = null, delay = 0, duration = 1, ease = null) {
22
- super();
23
- /**
24
- * @type {object}
25
- * @private
26
- */
27
- this._$target = target;
28
- /**
29
- * @type {number}
30
- * @default 0
31
- * @private
32
- */
33
- this._$delay = delay;
34
- /**
35
- * @type {number}
36
- * @default 1
37
- * @private
38
- */
39
- this._$duration = duration;
40
- /**
41
- * @type {function}
42
- * @default Easing.linear
43
- * @private
44
- */
45
- this._$ease = ease || Easing.linear;
46
- /**
47
- * @type {object}
48
- * @default null
49
- * @private
50
- */
51
- this._$from = from;
52
- /**
53
- * @type {array}
54
- * @default null
55
- * @private
56
- */
57
- this._$names = null;
58
- /**
59
- * @type {number}
60
- * @default 0
61
- * @private
62
- */
63
- this._$startTime = 0;
64
- /**
65
- * @type {boolean}
66
- * @default false
67
- * @private
68
- */
69
- this._$stopFlag = false;
70
- /**
71
- * @type {boolean}
72
- * @default false
73
- * @private
74
- */
75
- this._$forceStop = false;
76
- /**
77
- * @type {object}
78
- * @default null
79
- * @private
80
- */
81
- this._$to = to;
82
- /**
83
- * @type {number}
84
- * @default 0
85
- * @private
86
- */
87
- this._$currentTime = 0;
88
- /**
89
- * @type {number}
90
- * @default 0
91
- * @private
92
- */
93
- this._$timerId = 0;
94
- /**
95
- * @type {Job}
96
- * @default null
97
- * @private
98
- */
99
- this._$nextJob = null;
100
- }
101
- /**
102
- * @description 指定されたクラスのストリングを返します。
103
- * Returns the string representation of the specified class.
104
- *
105
- * @return {string}
106
- * @default [class Job]
107
- * @method
108
- * @static
109
- */
110
- static toString() {
111
- return "[class Job]";
112
- }
113
- /**
114
- * @description 指定されたクラスの空間名を返します。
115
- * Returns the space name of the specified class.
116
- *
117
- * @return {string}
118
- * @default next2d.ui.Job
119
- * @const
120
- * @static
121
- */
122
- static get namespace() {
123
- return "next2d.ui.Job";
124
- }
125
- /**
126
- * @description 指定されたオブジェクトのストリングを返します。
127
- * Returns the string representation of the specified object.
128
- *
129
- * @return {string}
130
- * @default [object Job]
131
- * @method
132
- * @public
133
- */
134
- toString() {
135
- return "[object Job]";
136
- }
137
- /**
138
- * @description 指定されたオブジェクトの空間名を返します。
139
- * Returns the space name of the specified object.
140
- *
141
- * @return {string}
142
- * @default next2d.ui.Job
143
- * @const
144
- * @public
145
- */
146
- get namespace() {
147
- return "next2d.ui.Job";
148
- }
149
- /**
150
- * @member {function}
151
- * @default Easing.linear
152
- * @public
153
- */
154
- get ease() {
155
- return this._$ease;
156
- }
157
- set ease(ease) {
158
- if (typeof ease === "function") {
159
- this._$ease = ease;
160
- }
161
- }
162
- /**
163
- * @member {number}
164
- * @default 0
165
- * @public
166
- */
167
- get delay() {
168
- return this._$delay;
169
- }
170
- set delay(delay) {
171
- this._$delay = delay;
172
- }
173
- /**
174
- * @member {number}
175
- * @default 1
176
- * @public
177
- */
178
- get duration() {
179
- return this._$duration;
180
- }
181
- set duration(duration) {
182
- this._$duration = duration;
183
- }
184
- /**
185
- * @member {object}
186
- * @default null
187
- * @public
188
- */
189
- get from() {
190
- return this._$from;
191
- }
192
- set from(from) {
193
- this._$from = from;
194
- }
195
- /**
196
- * @member {object}
197
- * @default null
198
- * @public
199
- */
200
- get to() {
201
- return this._$to;
202
- }
203
- set to(to) {
204
- this._$to = to;
205
- }
206
- /**
207
- * @member {object}
208
- * @readonly
209
- * @public
210
- */
211
- get target() {
212
- return this._$target;
213
- }
214
- /**
215
- * @description 指定したjobを次に開始します。nullで解消
216
- * Starts the next specified job, resolved by null
217
- *
218
- * @member {Job | null}
219
- * @default null
220
- * @public
221
- */
222
- chain(job) {
223
- this._$nextJob = job;
224
- return job;
225
- }
226
- /**
227
- * @return {void}
228
- * @method
229
- * @public
230
- */
231
- initialize() {
232
- if (this._$forceStop) {
233
- return;
234
- }
235
- // setup
236
- this._$stopFlag = false;
237
- this._$startTime = $performance.now();
238
- this._$names = this._$entries(this._$from);
239
- // start
240
- this._$update();
241
- }
242
- /**
243
- * @param {object} object
244
- * @return {array}
245
- * @method
246
- * @private
247
- */
248
- _$entries(object) {
249
- const entries = Object.entries(object);
250
- for (let idx = 0; idx < entries.length; ++idx) {
251
- const values = entries[idx];
252
- const value = values[1];
253
- if (value && typeof value === "object") {
254
- values[1] = this._$entries(value);
255
- }
256
- }
257
- return entries;
258
- }
259
- /**
260
- * @return {void}
261
- * @method
262
- * @public
263
- */
264
- start() {
265
- if (this._$timerId) {
266
- $cancelAnimationFrame(this._$timerId);
267
- }
268
- this._$forceStop = false;
269
- if (this._$delay) {
270
- $setTimeout(() => {
271
- this.initialize();
272
- }, this._$delay * 1000);
273
- return;
274
- }
275
- this.initialize();
276
- }
277
- /**
278
- * @return {void}
279
- * @method
280
- * @public
281
- */
282
- stop() {
283
- if (this._$timerId) {
284
- $cancelAnimationFrame(this._$timerId);
285
- }
286
- if (this.hasEventListener(Event.STOP)) {
287
- this.dispatchEvent(new Event(Event.STOP));
288
- this.removeAllEventListener(Event.STOP);
289
- }
290
- this._$names = null;
291
- this._$forceStop = true;
292
- this._$stopFlag = true;
293
- }
294
- /**
295
- * @return {void}
296
- * @method
297
- * @private
298
- */
299
- _$update() {
300
- if (this._$stopFlag) {
301
- return;
302
- }
303
- if (!this._$names) {
304
- return this.stop();
305
- }
306
- // update current time
307
- this._$currentTime = ($performance.now() - this._$startTime) * 0.001;
308
- this._$updateProperty(this._$target, this._$from, this._$to, this._$names);
309
- if (this.hasEventListener(Event.UPDATE)) {
310
- this.dispatchEvent(new Event(Event.UPDATE));
311
- }
312
- if (this._$currentTime >= this._$duration) {
313
- if (this.hasEventListener(Event.COMPLETE)) {
314
- this.dispatchEvent(new Event(Event.COMPLETE));
315
- }
316
- if (this._$nextJob) {
317
- this._$nextJob.start();
318
- }
319
- }
320
- else {
321
- this._$timerId = requestAnimationFrame(() => {
322
- this._$update();
323
- });
324
- }
325
- }
326
- /**
327
- * @param {object} target
328
- * @param {object} from
329
- * @param {object} to
330
- * @param {array} names
331
- * @return {void}
332
- * @method
333
- * @private
334
- */
335
- _$updateProperty(target, from, to, names) {
336
- for (let idx = 0; idx < names.length; ++idx) {
337
- const values = names[idx];
338
- const name = values[0];
339
- if (name === "__proto__"
340
- || name === "constructor"
341
- || name === "prototype") {
342
- continue;
343
- }
344
- const value = values[1];
345
- if (value && typeof value === "object") {
346
- this._$updateProperty(target[name], from[name], to[name], value);
347
- continue;
348
- }
349
- if (!(name in target)) {
350
- continue;
351
- }
352
- // update
353
- const fromValue = from[name];
354
- if (this._$duration > this._$currentTime) {
355
- target[name] = this._$ease(this._$currentTime, fromValue, to[name] - fromValue, this._$duration);
356
- }
357
- else {
358
- target[name] = to[name];
359
- }
360
- }
361
- }
362
- }
package/dist/Tween.d.ts DELETED
@@ -1,62 +0,0 @@
1
- import { Job } from "./Job";
2
- /**
3
- * @class
4
- * @memberOf next2d.ui
5
- */
6
- export declare class Tween {
7
- /**
8
- * @description 指定されたクラスのストリングを返します。
9
- * Returns the string representation of the specified class.
10
- *
11
- * @return {string}
12
- * @default [class Tween]
13
- * @method
14
- * @static
15
- */
16
- static toString(): string;
17
- /**
18
- * @description 指定されたクラスの空間名を返します。
19
- * Returns the space name of the specified class.
20
- *
21
- * @return {string}
22
- * @default next2d.ui.Tween
23
- * @const
24
- * @static
25
- */
26
- static get namespace(): string;
27
- /**
28
- * @description 指定されたオブジェクトのストリングを返します。
29
- * Returns the string representation of the specified object.
30
- *
31
- * @return {string}
32
- * @default [object Tween]
33
- * @method
34
- * @public
35
- */
36
- toString(): string;
37
- /**
38
- * @description 指定されたオブジェクトの空間名を返します。
39
- * Returns the space name of the specified object.
40
- *
41
- * @return {string}
42
- * @default next2d.ui.Tween
43
- * @const
44
- * @public
45
- */
46
- get namespace(): string;
47
- /**
48
- * @description 新しいJobクラスを追加します
49
- * Add a new Job class
50
- *
51
- * @param {object} target
52
- * @param {object} from
53
- * @param {object} to
54
- * @param {number} [delay=0]
55
- * @param {number} [duration=1]
56
- * @param {function} [ease=null]
57
- * @return {Job}
58
- * @method
59
- * @static
60
- */
61
- static add(target: any, from: any, to: any, delay?: number, duration?: number, ease?: Function | null): Job;
62
- }
package/dist/Tween.js DELETED
@@ -1,72 +0,0 @@
1
- import { Job } from "./Job";
2
- /**
3
- * @class
4
- * @memberOf next2d.ui
5
- */
6
- export class Tween {
7
- /**
8
- * @description 指定されたクラスのストリングを返します。
9
- * Returns the string representation of the specified class.
10
- *
11
- * @return {string}
12
- * @default [class Tween]
13
- * @method
14
- * @static
15
- */
16
- static toString() {
17
- return "[class Tween]";
18
- }
19
- /**
20
- * @description 指定されたクラスの空間名を返します。
21
- * Returns the space name of the specified class.
22
- *
23
- * @return {string}
24
- * @default next2d.ui.Tween
25
- * @const
26
- * @static
27
- */
28
- static get namespace() {
29
- return "next2d.ui.Tween";
30
- }
31
- /**
32
- * @description 指定されたオブジェクトのストリングを返します。
33
- * Returns the string representation of the specified object.
34
- *
35
- * @return {string}
36
- * @default [object Tween]
37
- * @method
38
- * @public
39
- */
40
- toString() {
41
- return "[object Tween]";
42
- }
43
- /**
44
- * @description 指定されたオブジェクトの空間名を返します。
45
- * Returns the space name of the specified object.
46
- *
47
- * @return {string}
48
- * @default next2d.ui.Tween
49
- * @const
50
- * @public
51
- */
52
- get namespace() {
53
- return "next2d.ui.Tween";
54
- }
55
- /**
56
- * @description 新しいJobクラスを追加します
57
- * Add a new Job class
58
- *
59
- * @param {object} target
60
- * @param {object} from
61
- * @param {object} to
62
- * @param {number} [delay=0]
63
- * @param {number} [duration=1]
64
- * @param {function} [ease=null]
65
- * @return {Job}
66
- * @method
67
- * @static
68
- */
69
- static add(target, from, to, delay = 0, duration = 1, ease = null) {
70
- return new Job(target, from, to, delay, duration, ease);
71
- }
72
- }
@@ -1,3 +1,3 @@
1
1
  export * from "./Easing";
2
- export * from "./Job";
3
2
  export * from "./Tween";
3
+ export * from "./Job";
@@ -1,3 +1,3 @@
1
1
  export * from "./Easing";
2
- export * from "./Job";
3
2
  export * from "./Tween";
3
+ export * from "./Job";