@everymatrix/stage-dm-input-text 1.0.0 → 1.0.16
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.
- package/{chunk-ONYTYTRU.js → chunk-66ZMWCER.js} +555 -52
- package/chunk-66ZMWCER.js.map +1 -0
- package/{chunk-EPVQ75R6.js → chunk-Q576ZSJM.js} +10 -435
- package/chunk-Q576ZSJM.js.map +1 -0
- package/component-lib.js +58331 -5
- package/dm-input-text-lib.component.css.map +2 -2
- package/index.html +1 -1
- package/main.js +9006 -353
- package/main.js.map +1 -1
- package/package-stage.json +7 -0
- package/package.json +7 -8
- package/chunk-EPVQ75R6.js.map +0 -1
- package/chunk-ONYTYTRU.js.map +0 -1
|
@@ -1,436 +1,18 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
AUTO_STYLE,
|
|
3
|
+
AnimationGroupPlayer,
|
|
4
|
+
AnimationMetadataType,
|
|
5
5
|
Injectable,
|
|
6
|
-
|
|
6
|
+
NoopAnimationPlayer,
|
|
7
7
|
RuntimeError,
|
|
8
|
-
ViewEncapsulation,
|
|
9
8
|
__objRest,
|
|
10
9
|
__spreadValues,
|
|
11
|
-
|
|
10
|
+
sequence,
|
|
12
11
|
setClassMetadata,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
// node_modules/@angular/animations/fesm2022/animations.mjs
|
|
18
|
-
var AnimationMetadataType;
|
|
19
|
-
(function(AnimationMetadataType2) {
|
|
20
|
-
AnimationMetadataType2[AnimationMetadataType2["State"] = 0] = "State";
|
|
21
|
-
AnimationMetadataType2[AnimationMetadataType2["Transition"] = 1] = "Transition";
|
|
22
|
-
AnimationMetadataType2[AnimationMetadataType2["Sequence"] = 2] = "Sequence";
|
|
23
|
-
AnimationMetadataType2[AnimationMetadataType2["Group"] = 3] = "Group";
|
|
24
|
-
AnimationMetadataType2[AnimationMetadataType2["Animate"] = 4] = "Animate";
|
|
25
|
-
AnimationMetadataType2[AnimationMetadataType2["Keyframes"] = 5] = "Keyframes";
|
|
26
|
-
AnimationMetadataType2[AnimationMetadataType2["Style"] = 6] = "Style";
|
|
27
|
-
AnimationMetadataType2[AnimationMetadataType2["Trigger"] = 7] = "Trigger";
|
|
28
|
-
AnimationMetadataType2[AnimationMetadataType2["Reference"] = 8] = "Reference";
|
|
29
|
-
AnimationMetadataType2[AnimationMetadataType2["AnimateChild"] = 9] = "AnimateChild";
|
|
30
|
-
AnimationMetadataType2[AnimationMetadataType2["AnimateRef"] = 10] = "AnimateRef";
|
|
31
|
-
AnimationMetadataType2[AnimationMetadataType2["Query"] = 11] = "Query";
|
|
32
|
-
AnimationMetadataType2[AnimationMetadataType2["Stagger"] = 12] = "Stagger";
|
|
33
|
-
})(AnimationMetadataType || (AnimationMetadataType = {}));
|
|
34
|
-
var AUTO_STYLE = "*";
|
|
35
|
-
function sequence(steps, options = null) {
|
|
36
|
-
return {
|
|
37
|
-
type: AnimationMetadataType.Sequence,
|
|
38
|
-
steps,
|
|
39
|
-
options
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
function style(tokens) {
|
|
43
|
-
return {
|
|
44
|
-
type: AnimationMetadataType.Style,
|
|
45
|
-
styles: tokens,
|
|
46
|
-
offset: null
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
|
-
var AnimationBuilder = class _AnimationBuilder {
|
|
50
|
-
static \u0275fac = function AnimationBuilder_Factory(__ngFactoryType__) {
|
|
51
|
-
return new (__ngFactoryType__ || _AnimationBuilder)();
|
|
52
|
-
};
|
|
53
|
-
static \u0275prov = /* @__PURE__ */ \u0275\u0275defineInjectable({
|
|
54
|
-
token: _AnimationBuilder,
|
|
55
|
-
factory: () => (() => inject(BrowserAnimationBuilder))(),
|
|
56
|
-
providedIn: "root"
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
(() => {
|
|
60
|
-
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(AnimationBuilder, [{
|
|
61
|
-
type: Injectable,
|
|
62
|
-
args: [{
|
|
63
|
-
providedIn: "root",
|
|
64
|
-
useFactory: () => inject(BrowserAnimationBuilder)
|
|
65
|
-
}]
|
|
66
|
-
}], null, null);
|
|
67
|
-
})();
|
|
68
|
-
var AnimationFactory = class {
|
|
69
|
-
};
|
|
70
|
-
var BrowserAnimationBuilder = class _BrowserAnimationBuilder extends AnimationBuilder {
|
|
71
|
-
animationModuleType = inject(ANIMATION_MODULE_TYPE, {
|
|
72
|
-
optional: true
|
|
73
|
-
});
|
|
74
|
-
_nextAnimationId = 0;
|
|
75
|
-
_renderer;
|
|
76
|
-
constructor(rootRenderer, doc) {
|
|
77
|
-
super();
|
|
78
|
-
const typeData = {
|
|
79
|
-
id: "0",
|
|
80
|
-
encapsulation: ViewEncapsulation.None,
|
|
81
|
-
styles: [],
|
|
82
|
-
data: {
|
|
83
|
-
animation: []
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
this._renderer = rootRenderer.createRenderer(doc.body, typeData);
|
|
87
|
-
if (this.animationModuleType === null && !isAnimationRenderer(this._renderer)) {
|
|
88
|
-
throw new RuntimeError(3600, (typeof ngDevMode === "undefined" || ngDevMode) && "Angular detected that the `AnimationBuilder` was injected, but animation support was not enabled. Please make sure that you enable animations in your application by calling `provideAnimations()` or `provideAnimationsAsync()` function.");
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
build(animation) {
|
|
92
|
-
const id = this._nextAnimationId;
|
|
93
|
-
this._nextAnimationId++;
|
|
94
|
-
const entry = Array.isArray(animation) ? sequence(animation) : animation;
|
|
95
|
-
issueAnimationCommand(this._renderer, null, id, "register", [entry]);
|
|
96
|
-
return new BrowserAnimationFactory(id, this._renderer);
|
|
97
|
-
}
|
|
98
|
-
static \u0275fac = function BrowserAnimationBuilder_Factory(__ngFactoryType__) {
|
|
99
|
-
return new (__ngFactoryType__ || _BrowserAnimationBuilder)(\u0275\u0275inject(RendererFactory2), \u0275\u0275inject(DOCUMENT));
|
|
100
|
-
};
|
|
101
|
-
static \u0275prov = /* @__PURE__ */ \u0275\u0275defineInjectable({
|
|
102
|
-
token: _BrowserAnimationBuilder,
|
|
103
|
-
factory: _BrowserAnimationBuilder.\u0275fac,
|
|
104
|
-
providedIn: "root"
|
|
105
|
-
});
|
|
106
|
-
};
|
|
107
|
-
(() => {
|
|
108
|
-
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BrowserAnimationBuilder, [{
|
|
109
|
-
type: Injectable,
|
|
110
|
-
args: [{
|
|
111
|
-
providedIn: "root"
|
|
112
|
-
}]
|
|
113
|
-
}], () => [{
|
|
114
|
-
type: RendererFactory2
|
|
115
|
-
}, {
|
|
116
|
-
type: Document,
|
|
117
|
-
decorators: [{
|
|
118
|
-
type: Inject,
|
|
119
|
-
args: [DOCUMENT]
|
|
120
|
-
}]
|
|
121
|
-
}], null);
|
|
122
|
-
})();
|
|
123
|
-
var BrowserAnimationFactory = class extends AnimationFactory {
|
|
124
|
-
_id;
|
|
125
|
-
_renderer;
|
|
126
|
-
constructor(_id, _renderer) {
|
|
127
|
-
super();
|
|
128
|
-
this._id = _id;
|
|
129
|
-
this._renderer = _renderer;
|
|
130
|
-
}
|
|
131
|
-
create(element, options) {
|
|
132
|
-
return new RendererAnimationPlayer(this._id, element, options || {}, this._renderer);
|
|
133
|
-
}
|
|
134
|
-
};
|
|
135
|
-
var RendererAnimationPlayer = class {
|
|
136
|
-
id;
|
|
137
|
-
element;
|
|
138
|
-
_renderer;
|
|
139
|
-
parentPlayer = null;
|
|
140
|
-
_started = false;
|
|
141
|
-
constructor(id, element, options, _renderer) {
|
|
142
|
-
this.id = id;
|
|
143
|
-
this.element = element;
|
|
144
|
-
this._renderer = _renderer;
|
|
145
|
-
this._command("create", options);
|
|
146
|
-
}
|
|
147
|
-
_listen(eventName, callback) {
|
|
148
|
-
return this._renderer.listen(this.element, `@@${this.id}:${eventName}`, callback);
|
|
149
|
-
}
|
|
150
|
-
_command(command, ...args) {
|
|
151
|
-
issueAnimationCommand(this._renderer, this.element, this.id, command, args);
|
|
152
|
-
}
|
|
153
|
-
onDone(fn) {
|
|
154
|
-
this._listen("done", fn);
|
|
155
|
-
}
|
|
156
|
-
onStart(fn) {
|
|
157
|
-
this._listen("start", fn);
|
|
158
|
-
}
|
|
159
|
-
onDestroy(fn) {
|
|
160
|
-
this._listen("destroy", fn);
|
|
161
|
-
}
|
|
162
|
-
init() {
|
|
163
|
-
this._command("init");
|
|
164
|
-
}
|
|
165
|
-
hasStarted() {
|
|
166
|
-
return this._started;
|
|
167
|
-
}
|
|
168
|
-
play() {
|
|
169
|
-
this._command("play");
|
|
170
|
-
this._started = true;
|
|
171
|
-
}
|
|
172
|
-
pause() {
|
|
173
|
-
this._command("pause");
|
|
174
|
-
}
|
|
175
|
-
restart() {
|
|
176
|
-
this._command("restart");
|
|
177
|
-
}
|
|
178
|
-
finish() {
|
|
179
|
-
this._command("finish");
|
|
180
|
-
}
|
|
181
|
-
destroy() {
|
|
182
|
-
this._command("destroy");
|
|
183
|
-
}
|
|
184
|
-
reset() {
|
|
185
|
-
this._command("reset");
|
|
186
|
-
this._started = false;
|
|
187
|
-
}
|
|
188
|
-
setPosition(p) {
|
|
189
|
-
this._command("setPosition", p);
|
|
190
|
-
}
|
|
191
|
-
getPosition() {
|
|
192
|
-
return unwrapAnimationRenderer(this._renderer)?.engine?.players[this.id]?.getPosition() ?? 0;
|
|
193
|
-
}
|
|
194
|
-
totalTime = 0;
|
|
195
|
-
};
|
|
196
|
-
function issueAnimationCommand(renderer, element, id, command, args) {
|
|
197
|
-
renderer.setProperty(element, `@@${id}:${command}`, args);
|
|
198
|
-
}
|
|
199
|
-
function unwrapAnimationRenderer(renderer) {
|
|
200
|
-
const type = renderer.\u0275type;
|
|
201
|
-
if (type === 0) {
|
|
202
|
-
return renderer;
|
|
203
|
-
} else if (type === 1) {
|
|
204
|
-
return renderer.animationRenderer;
|
|
205
|
-
}
|
|
206
|
-
return null;
|
|
207
|
-
}
|
|
208
|
-
function isAnimationRenderer(renderer) {
|
|
209
|
-
const type = renderer.\u0275type;
|
|
210
|
-
return type === 0 || type === 1;
|
|
211
|
-
}
|
|
212
|
-
var NoopAnimationPlayer = class {
|
|
213
|
-
_onDoneFns = [];
|
|
214
|
-
_onStartFns = [];
|
|
215
|
-
_onDestroyFns = [];
|
|
216
|
-
_originalOnDoneFns = [];
|
|
217
|
-
_originalOnStartFns = [];
|
|
218
|
-
_started = false;
|
|
219
|
-
_destroyed = false;
|
|
220
|
-
_finished = false;
|
|
221
|
-
_position = 0;
|
|
222
|
-
parentPlayer = null;
|
|
223
|
-
totalTime;
|
|
224
|
-
constructor(duration = 0, delay = 0) {
|
|
225
|
-
this.totalTime = duration + delay;
|
|
226
|
-
}
|
|
227
|
-
_onFinish() {
|
|
228
|
-
if (!this._finished) {
|
|
229
|
-
this._finished = true;
|
|
230
|
-
this._onDoneFns.forEach((fn) => fn());
|
|
231
|
-
this._onDoneFns = [];
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
onStart(fn) {
|
|
235
|
-
this._originalOnStartFns.push(fn);
|
|
236
|
-
this._onStartFns.push(fn);
|
|
237
|
-
}
|
|
238
|
-
onDone(fn) {
|
|
239
|
-
this._originalOnDoneFns.push(fn);
|
|
240
|
-
this._onDoneFns.push(fn);
|
|
241
|
-
}
|
|
242
|
-
onDestroy(fn) {
|
|
243
|
-
this._onDestroyFns.push(fn);
|
|
244
|
-
}
|
|
245
|
-
hasStarted() {
|
|
246
|
-
return this._started;
|
|
247
|
-
}
|
|
248
|
-
init() {
|
|
249
|
-
}
|
|
250
|
-
play() {
|
|
251
|
-
if (!this.hasStarted()) {
|
|
252
|
-
this._onStart();
|
|
253
|
-
this.triggerMicrotask();
|
|
254
|
-
}
|
|
255
|
-
this._started = true;
|
|
256
|
-
}
|
|
257
|
-
/** @internal */
|
|
258
|
-
triggerMicrotask() {
|
|
259
|
-
queueMicrotask(() => this._onFinish());
|
|
260
|
-
}
|
|
261
|
-
_onStart() {
|
|
262
|
-
this._onStartFns.forEach((fn) => fn());
|
|
263
|
-
this._onStartFns = [];
|
|
264
|
-
}
|
|
265
|
-
pause() {
|
|
266
|
-
}
|
|
267
|
-
restart() {
|
|
268
|
-
}
|
|
269
|
-
finish() {
|
|
270
|
-
this._onFinish();
|
|
271
|
-
}
|
|
272
|
-
destroy() {
|
|
273
|
-
if (!this._destroyed) {
|
|
274
|
-
this._destroyed = true;
|
|
275
|
-
if (!this.hasStarted()) {
|
|
276
|
-
this._onStart();
|
|
277
|
-
}
|
|
278
|
-
this.finish();
|
|
279
|
-
this._onDestroyFns.forEach((fn) => fn());
|
|
280
|
-
this._onDestroyFns = [];
|
|
281
|
-
}
|
|
282
|
-
}
|
|
283
|
-
reset() {
|
|
284
|
-
this._started = false;
|
|
285
|
-
this._finished = false;
|
|
286
|
-
this._onStartFns = this._originalOnStartFns;
|
|
287
|
-
this._onDoneFns = this._originalOnDoneFns;
|
|
288
|
-
}
|
|
289
|
-
setPosition(position) {
|
|
290
|
-
this._position = this.totalTime ? position * this.totalTime : 1;
|
|
291
|
-
}
|
|
292
|
-
getPosition() {
|
|
293
|
-
return this.totalTime ? this._position / this.totalTime : 1;
|
|
294
|
-
}
|
|
295
|
-
/** @internal */
|
|
296
|
-
triggerCallback(phaseName) {
|
|
297
|
-
const methods = phaseName == "start" ? this._onStartFns : this._onDoneFns;
|
|
298
|
-
methods.forEach((fn) => fn());
|
|
299
|
-
methods.length = 0;
|
|
300
|
-
}
|
|
301
|
-
};
|
|
302
|
-
var AnimationGroupPlayer = class {
|
|
303
|
-
_onDoneFns = [];
|
|
304
|
-
_onStartFns = [];
|
|
305
|
-
_finished = false;
|
|
306
|
-
_started = false;
|
|
307
|
-
_destroyed = false;
|
|
308
|
-
_onDestroyFns = [];
|
|
309
|
-
parentPlayer = null;
|
|
310
|
-
totalTime = 0;
|
|
311
|
-
players;
|
|
312
|
-
constructor(_players) {
|
|
313
|
-
this.players = _players;
|
|
314
|
-
let doneCount = 0;
|
|
315
|
-
let destroyCount = 0;
|
|
316
|
-
let startCount = 0;
|
|
317
|
-
const total = this.players.length;
|
|
318
|
-
if (total == 0) {
|
|
319
|
-
queueMicrotask(() => this._onFinish());
|
|
320
|
-
} else {
|
|
321
|
-
this.players.forEach((player) => {
|
|
322
|
-
player.onDone(() => {
|
|
323
|
-
if (++doneCount == total) {
|
|
324
|
-
this._onFinish();
|
|
325
|
-
}
|
|
326
|
-
});
|
|
327
|
-
player.onDestroy(() => {
|
|
328
|
-
if (++destroyCount == total) {
|
|
329
|
-
this._onDestroy();
|
|
330
|
-
}
|
|
331
|
-
});
|
|
332
|
-
player.onStart(() => {
|
|
333
|
-
if (++startCount == total) {
|
|
334
|
-
this._onStart();
|
|
335
|
-
}
|
|
336
|
-
});
|
|
337
|
-
});
|
|
338
|
-
}
|
|
339
|
-
this.totalTime = this.players.reduce((time, player) => Math.max(time, player.totalTime), 0);
|
|
340
|
-
}
|
|
341
|
-
_onFinish() {
|
|
342
|
-
if (!this._finished) {
|
|
343
|
-
this._finished = true;
|
|
344
|
-
this._onDoneFns.forEach((fn) => fn());
|
|
345
|
-
this._onDoneFns = [];
|
|
346
|
-
}
|
|
347
|
-
}
|
|
348
|
-
init() {
|
|
349
|
-
this.players.forEach((player) => player.init());
|
|
350
|
-
}
|
|
351
|
-
onStart(fn) {
|
|
352
|
-
this._onStartFns.push(fn);
|
|
353
|
-
}
|
|
354
|
-
_onStart() {
|
|
355
|
-
if (!this.hasStarted()) {
|
|
356
|
-
this._started = true;
|
|
357
|
-
this._onStartFns.forEach((fn) => fn());
|
|
358
|
-
this._onStartFns = [];
|
|
359
|
-
}
|
|
360
|
-
}
|
|
361
|
-
onDone(fn) {
|
|
362
|
-
this._onDoneFns.push(fn);
|
|
363
|
-
}
|
|
364
|
-
onDestroy(fn) {
|
|
365
|
-
this._onDestroyFns.push(fn);
|
|
366
|
-
}
|
|
367
|
-
hasStarted() {
|
|
368
|
-
return this._started;
|
|
369
|
-
}
|
|
370
|
-
play() {
|
|
371
|
-
if (!this.parentPlayer) {
|
|
372
|
-
this.init();
|
|
373
|
-
}
|
|
374
|
-
this._onStart();
|
|
375
|
-
this.players.forEach((player) => player.play());
|
|
376
|
-
}
|
|
377
|
-
pause() {
|
|
378
|
-
this.players.forEach((player) => player.pause());
|
|
379
|
-
}
|
|
380
|
-
restart() {
|
|
381
|
-
this.players.forEach((player) => player.restart());
|
|
382
|
-
}
|
|
383
|
-
finish() {
|
|
384
|
-
this._onFinish();
|
|
385
|
-
this.players.forEach((player) => player.finish());
|
|
386
|
-
}
|
|
387
|
-
destroy() {
|
|
388
|
-
this._onDestroy();
|
|
389
|
-
}
|
|
390
|
-
_onDestroy() {
|
|
391
|
-
if (!this._destroyed) {
|
|
392
|
-
this._destroyed = true;
|
|
393
|
-
this._onFinish();
|
|
394
|
-
this.players.forEach((player) => player.destroy());
|
|
395
|
-
this._onDestroyFns.forEach((fn) => fn());
|
|
396
|
-
this._onDestroyFns = [];
|
|
397
|
-
}
|
|
398
|
-
}
|
|
399
|
-
reset() {
|
|
400
|
-
this.players.forEach((player) => player.reset());
|
|
401
|
-
this._destroyed = false;
|
|
402
|
-
this._finished = false;
|
|
403
|
-
this._started = false;
|
|
404
|
-
}
|
|
405
|
-
setPosition(p) {
|
|
406
|
-
const timeAtPosition = p * this.totalTime;
|
|
407
|
-
this.players.forEach((player) => {
|
|
408
|
-
const position = player.totalTime ? Math.min(1, timeAtPosition / player.totalTime) : 1;
|
|
409
|
-
player.setPosition(position);
|
|
410
|
-
});
|
|
411
|
-
}
|
|
412
|
-
getPosition() {
|
|
413
|
-
const longestPlayer = this.players.reduce((longestSoFar, player) => {
|
|
414
|
-
const newPlayerIsLongest = longestSoFar === null || player.totalTime > longestSoFar.totalTime;
|
|
415
|
-
return newPlayerIsLongest ? player : longestSoFar;
|
|
416
|
-
}, null);
|
|
417
|
-
return longestPlayer != null ? longestPlayer.getPosition() : 0;
|
|
418
|
-
}
|
|
419
|
-
beforeDestroy() {
|
|
420
|
-
this.players.forEach((player) => {
|
|
421
|
-
if (player.beforeDestroy) {
|
|
422
|
-
player.beforeDestroy();
|
|
423
|
-
}
|
|
424
|
-
});
|
|
425
|
-
}
|
|
426
|
-
/** @internal */
|
|
427
|
-
triggerCallback(phaseName) {
|
|
428
|
-
const methods = phaseName == "start" ? this._onStartFns : this._onDoneFns;
|
|
429
|
-
methods.forEach((fn) => fn());
|
|
430
|
-
methods.length = 0;
|
|
431
|
-
}
|
|
432
|
-
};
|
|
433
|
-
var \u0275PRE_STYLE = "!";
|
|
12
|
+
style,
|
|
13
|
+
ɵPRE_STYLE,
|
|
14
|
+
ɵɵdefineInjectable
|
|
15
|
+
} from "./chunk-66ZMWCER.js";
|
|
434
16
|
|
|
435
17
|
// node_modules/@angular/animations/fesm2022/browser.mjs
|
|
436
18
|
var LINE_START = "\n - ";
|
|
@@ -4516,13 +4098,6 @@ export {
|
|
|
4516
4098
|
};
|
|
4517
4099
|
/*! Bundled license information:
|
|
4518
4100
|
|
|
4519
|
-
@angular/animations/fesm2022/animations.mjs:
|
|
4520
|
-
(**
|
|
4521
|
-
* @license Angular v19.0.7
|
|
4522
|
-
* (c) 2010-2024 Google LLC. https://angular.io/
|
|
4523
|
-
* License: MIT
|
|
4524
|
-
*)
|
|
4525
|
-
|
|
4526
4101
|
@angular/animations/fesm2022/browser.mjs:
|
|
4527
4102
|
(**
|
|
4528
4103
|
* @license Angular v19.0.7
|
|
@@ -4530,4 +4105,4 @@ export {
|
|
|
4530
4105
|
* License: MIT
|
|
4531
4106
|
*)
|
|
4532
4107
|
*/
|
|
4533
|
-
//# sourceMappingURL=chunk-
|
|
4108
|
+
//# sourceMappingURL=chunk-Q576ZSJM.js.map
|