haori 0.1.5 → 0.2.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.
- package/README.ja.md +16 -16
- package/README.md +22 -23
- package/dist/haori.cjs.js +9 -9
- package/dist/haori.cjs.js.map +1 -1
- package/dist/haori.es.js +697 -634
- package/dist/haori.es.js.map +1 -1
- package/dist/haori.iife.js +9 -9
- package/dist/haori.iife.js.map +1 -1
- package/dist/index.d.ts +7 -1
- package/dist/package.json +1 -1
- package/dist/src/fragment.d.ts +6 -0
- package/dist/src/fragment.d.ts.map +1 -1
- package/dist/src/fragment.js +17 -0
- package/dist/src/fragment.js.map +1 -1
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/procedure.d.ts +14 -0
- package/dist/src/procedure.d.ts.map +1 -1
- package/dist/src/procedure.js +82 -0
- package/dist/src/procedure.js.map +1 -1
- package/dist/tests/fragment.test.js +10 -0
- package/dist/tests/fragment.test.js.map +1 -1
- package/dist/tests/procedure-action-operations.test.js +133 -0
- package/dist/tests/procedure-action-operations.test.js.map +1 -1
- package/package.json +1 -1
package/dist/haori.es.js
CHANGED
|
@@ -67,9 +67,9 @@ const M = class M {
|
|
|
67
67
|
}
|
|
68
68
|
};
|
|
69
69
|
M._prefix = "data-";
|
|
70
|
-
let
|
|
71
|
-
document.readyState === "loading" ? document.addEventListener("DOMContentLoaded",
|
|
72
|
-
class
|
|
70
|
+
let f = M;
|
|
71
|
+
document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", f.detect) : f.detect();
|
|
72
|
+
class h {
|
|
73
73
|
/**
|
|
74
74
|
* 開発モードでのみコンソールに情報を出力します。
|
|
75
75
|
*
|
|
@@ -111,16 +111,16 @@ class z {
|
|
|
111
111
|
*/
|
|
112
112
|
enqueue(t, e = !1) {
|
|
113
113
|
let r, n;
|
|
114
|
-
const
|
|
114
|
+
const i = new Promise((a, o) => {
|
|
115
115
|
r = a, n = o;
|
|
116
|
-
}),
|
|
116
|
+
}), s = {
|
|
117
117
|
task: t,
|
|
118
118
|
timestamp: performance.now(),
|
|
119
|
-
promise:
|
|
119
|
+
promise: i,
|
|
120
120
|
resolve: r,
|
|
121
121
|
reject: n
|
|
122
122
|
};
|
|
123
|
-
return e ? this.queue.unshift(
|
|
123
|
+
return e ? this.queue.unshift(s) : this.queue.push(s), this.scheduleProcessing(), i;
|
|
124
124
|
}
|
|
125
125
|
/**
|
|
126
126
|
* キューを処理します。
|
|
@@ -140,13 +140,13 @@ class z {
|
|
|
140
140
|
const r = await e.task();
|
|
141
141
|
e.resolve(r);
|
|
142
142
|
} catch (r) {
|
|
143
|
-
e.reject(r),
|
|
143
|
+
e.reject(r), h.error("[Haori]", `Task ${e.timestamp} failed:`, r);
|
|
144
144
|
}
|
|
145
145
|
if (performance.now() - t > this.MAX_BUDGET)
|
|
146
146
|
break;
|
|
147
147
|
}
|
|
148
148
|
} catch (t) {
|
|
149
|
-
|
|
149
|
+
h.error("[Haori]", "Error processing queue:", t);
|
|
150
150
|
} finally {
|
|
151
151
|
this.processing = !1, this.queue.length > 0 && this.scheduleProcessing();
|
|
152
152
|
}
|
|
@@ -174,7 +174,7 @@ class z {
|
|
|
174
174
|
t.length > 0 && await Promise.allSettled(t);
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
|
-
const
|
|
177
|
+
const J = class J {
|
|
178
178
|
/**
|
|
179
179
|
* タスクをキューに追加します。
|
|
180
180
|
*
|
|
@@ -192,8 +192,8 @@ const X = class X {
|
|
|
192
192
|
return this.ASYNC_QUEUE.wait();
|
|
193
193
|
}
|
|
194
194
|
};
|
|
195
|
-
|
|
196
|
-
let N =
|
|
195
|
+
J.ASYNC_QUEUE = new z();
|
|
196
|
+
let N = J;
|
|
197
197
|
class W {
|
|
198
198
|
/**
|
|
199
199
|
* 通知ダイアログを表示します。
|
|
@@ -239,7 +239,7 @@ class W {
|
|
|
239
239
|
*/
|
|
240
240
|
static openDialog(t) {
|
|
241
241
|
return N.enqueue(() => {
|
|
242
|
-
t instanceof HTMLDialogElement ? t.showModal() :
|
|
242
|
+
t instanceof HTMLDialogElement ? t.showModal() : h.error("[Haori]", "Element is not a dialog: ", t);
|
|
243
243
|
}, !0);
|
|
244
244
|
}
|
|
245
245
|
/**
|
|
@@ -249,7 +249,7 @@ class W {
|
|
|
249
249
|
*/
|
|
250
250
|
static closeDialog(t) {
|
|
251
251
|
return N.enqueue(() => {
|
|
252
|
-
t instanceof HTMLDialogElement ? t.close() :
|
|
252
|
+
t instanceof HTMLDialogElement ? t.close() : h.error("[Haori]", "Element is not a dialog: ", t);
|
|
253
253
|
}, !0);
|
|
254
254
|
}
|
|
255
255
|
/**
|
|
@@ -285,13 +285,13 @@ class W {
|
|
|
285
285
|
}
|
|
286
286
|
}
|
|
287
287
|
const Q = ["addErrorMessage", "clearMessages"];
|
|
288
|
-
function
|
|
288
|
+
function X() {
|
|
289
289
|
const t = globalThis.window?.Haori;
|
|
290
290
|
return Q.every(
|
|
291
291
|
(r) => typeof t?.[r] == "function"
|
|
292
292
|
) ? t : W;
|
|
293
293
|
}
|
|
294
|
-
class
|
|
294
|
+
class b {
|
|
295
295
|
/**
|
|
296
296
|
* フォーム内にある入力エレメントの値をオブジェクトとして取得します。
|
|
297
297
|
* data-form-object属性があると、そのエレメント内の値はオブジェクトとして処理されます。
|
|
@@ -302,7 +302,7 @@ class E {
|
|
|
302
302
|
*/
|
|
303
303
|
static getValues(t) {
|
|
304
304
|
const e = {};
|
|
305
|
-
return
|
|
305
|
+
return b.getPartValues(t, e);
|
|
306
306
|
}
|
|
307
307
|
/**
|
|
308
308
|
* フォーム内の各入力エレメントから値を取得し、オブジェクトとして返します。
|
|
@@ -313,32 +313,32 @@ class E {
|
|
|
313
313
|
* @returns values と同じオブジェクト
|
|
314
314
|
*/
|
|
315
315
|
static getPartValues(t, e) {
|
|
316
|
-
const r = t.getAttribute("name"), n = t.getAttribute(`${
|
|
316
|
+
const r = t.getAttribute("name"), n = t.getAttribute(`${f.prefix}form-object`), i = t.getAttribute(`${f.prefix}form-list`);
|
|
317
317
|
if (r) {
|
|
318
|
-
|
|
318
|
+
i ? Array.isArray(e[String(r)]) ? e[String(r)].push(t.getValue()) : e[String(r)] = [t.getValue()] : e[String(r)] = t.getValue(), n && h.warn(
|
|
319
319
|
"Haori",
|
|
320
|
-
`Element cannot have both ${
|
|
320
|
+
`Element cannot have both ${f.prefix}form-object and name attributes.`
|
|
321
321
|
);
|
|
322
|
-
for (const
|
|
323
|
-
|
|
322
|
+
for (const s of t.getChildElementFragments())
|
|
323
|
+
b.getPartValues(s, e);
|
|
324
324
|
} else if (n) {
|
|
325
|
-
const
|
|
325
|
+
const s = {};
|
|
326
326
|
for (const a of t.getChildElementFragments())
|
|
327
|
-
|
|
328
|
-
Object.keys(
|
|
327
|
+
b.getPartValues(a, s);
|
|
328
|
+
Object.keys(s).length > 0 && (e[String(n)] = s), i && h.warn(
|
|
329
329
|
"Haori",
|
|
330
|
-
`Element cannot have both ${
|
|
330
|
+
`Element cannot have both ${f.prefix}form-list and ${f.prefix}form-object attributes.`
|
|
331
331
|
);
|
|
332
|
-
} else if (
|
|
333
|
-
const
|
|
332
|
+
} else if (i) {
|
|
333
|
+
const s = [];
|
|
334
334
|
for (const a of t.getChildElementFragments()) {
|
|
335
335
|
const o = {};
|
|
336
|
-
|
|
336
|
+
b.getPartValues(a, o), Object.keys(o).length > 0 && s.push(o);
|
|
337
337
|
}
|
|
338
|
-
|
|
338
|
+
s.length > 0 && (e[String(i)] = s);
|
|
339
339
|
} else
|
|
340
|
-
for (const
|
|
341
|
-
|
|
340
|
+
for (const s of t.getChildElementFragments())
|
|
341
|
+
b.getPartValues(s, e);
|
|
342
342
|
return e;
|
|
343
343
|
}
|
|
344
344
|
/**
|
|
@@ -351,7 +351,7 @@ class E {
|
|
|
351
351
|
* @returns Promise(DOMの更新が完了したら解決される)
|
|
352
352
|
*/
|
|
353
353
|
static setValues(t, e, r = !1) {
|
|
354
|
-
return
|
|
354
|
+
return b.setPartValues(t, e, null, r);
|
|
355
355
|
}
|
|
356
356
|
/**
|
|
357
357
|
* フラグメント内にある各入力エレメントに値を設定します。
|
|
@@ -363,44 +363,44 @@ class E {
|
|
|
363
363
|
* @returns Promise(DOMの更新が完了したら解決される)
|
|
364
364
|
*/
|
|
365
365
|
static setPartValues(t, e, r = null, n = !1) {
|
|
366
|
-
const
|
|
367
|
-
if (
|
|
368
|
-
if (!
|
|
369
|
-
const
|
|
370
|
-
o && Array.isArray(
|
|
366
|
+
const i = [], s = t.getAttribute("name"), a = t.getAttribute(`${f.prefix}form-object`), o = t.getAttribute(`${f.prefix}form-list`), p = t.getAttribute(`${f.prefix}form-detach`);
|
|
367
|
+
if (s) {
|
|
368
|
+
if (!p || n) {
|
|
369
|
+
const c = e[String(s)];
|
|
370
|
+
o && Array.isArray(c) && r !== null ? i.push(t.setValue(c[r])) : typeof c == "string" || typeof c == "number" || typeof c == "boolean" || c === null ? i.push(t.setValue(c)) : i.push(t.setValue(String(c)));
|
|
371
371
|
}
|
|
372
372
|
} else if (a) {
|
|
373
|
-
const
|
|
374
|
-
if (
|
|
375
|
-
for (const
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
373
|
+
const c = e[String(a)];
|
|
374
|
+
if (c && typeof c == "object")
|
|
375
|
+
for (const y of t.getChildElementFragments())
|
|
376
|
+
i.push(
|
|
377
|
+
b.setPartValues(
|
|
378
|
+
y,
|
|
379
|
+
c,
|
|
380
380
|
null,
|
|
381
381
|
n
|
|
382
382
|
)
|
|
383
383
|
);
|
|
384
384
|
} else if (o) {
|
|
385
|
-
const
|
|
386
|
-
if (Array.isArray(
|
|
387
|
-
const
|
|
388
|
-
for (let l = 0; l <
|
|
389
|
-
const d =
|
|
390
|
-
|
|
391
|
-
|
|
385
|
+
const c = e[String(o)];
|
|
386
|
+
if (Array.isArray(c)) {
|
|
387
|
+
const y = t.getChildElementFragments();
|
|
388
|
+
for (let l = 0; l < y.length; l++) {
|
|
389
|
+
const d = y[l];
|
|
390
|
+
c.length > l ? i.push(
|
|
391
|
+
b.setPartValues(
|
|
392
392
|
d,
|
|
393
|
-
|
|
393
|
+
c[l],
|
|
394
394
|
l,
|
|
395
395
|
n
|
|
396
396
|
)
|
|
397
|
-
) :
|
|
397
|
+
) : i.push(b.setPartValues(d, {}, l, n));
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
400
|
} else
|
|
401
|
-
for (const
|
|
402
|
-
|
|
403
|
-
return Promise.all(
|
|
401
|
+
for (const c of t.getChildElementFragments())
|
|
402
|
+
i.push(b.setPartValues(c, e, null, n));
|
|
403
|
+
return Promise.all(i).then(() => {
|
|
404
404
|
});
|
|
405
405
|
}
|
|
406
406
|
/**
|
|
@@ -411,9 +411,9 @@ class E {
|
|
|
411
411
|
* @returns すべての初期化処理が完了するPromise
|
|
412
412
|
*/
|
|
413
413
|
static async reset(t) {
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
414
|
+
b.clearValues(t), await Promise.all([
|
|
415
|
+
b.clearMessages(t),
|
|
416
|
+
b.clearEachClones(t)
|
|
417
417
|
]), await N.enqueue(() => {
|
|
418
418
|
const e = t.getTarget();
|
|
419
419
|
if (e instanceof HTMLFormElement)
|
|
@@ -421,8 +421,8 @@ class E {
|
|
|
421
421
|
else {
|
|
422
422
|
const r = e.parentElement;
|
|
423
423
|
if (r) {
|
|
424
|
-
const n = e.nextElementSibling,
|
|
425
|
-
|
|
424
|
+
const n = e.nextElementSibling, i = document.createElement("form");
|
|
425
|
+
i.appendChild(e), i.reset(), r.insertBefore(e, n);
|
|
426
426
|
}
|
|
427
427
|
}
|
|
428
428
|
}), await T.evaluateAll(t);
|
|
@@ -434,20 +434,20 @@ class E {
|
|
|
434
434
|
* 対象エレメント自体は削除しません。
|
|
435
435
|
*/
|
|
436
436
|
static clearEachClones(t) {
|
|
437
|
-
const e = [], r = (
|
|
438
|
-
if (
|
|
439
|
-
for (const
|
|
440
|
-
const a =
|
|
441
|
-
!a && !o && e.push(
|
|
437
|
+
const e = [], r = (i) => {
|
|
438
|
+
if (i.hasAttribute(`${f.prefix}each`))
|
|
439
|
+
for (const s of i.getChildElementFragments()) {
|
|
440
|
+
const a = s.hasAttribute(`${f.prefix}each-before`), o = s.hasAttribute(`${f.prefix}each-after`);
|
|
441
|
+
!a && !o && e.push(s.remove());
|
|
442
442
|
}
|
|
443
|
-
}, n = (
|
|
444
|
-
r(
|
|
445
|
-
for (const
|
|
446
|
-
n(
|
|
443
|
+
}, n = (i) => {
|
|
444
|
+
r(i);
|
|
445
|
+
for (const s of i.getChildElementFragments())
|
|
446
|
+
n(s);
|
|
447
447
|
};
|
|
448
448
|
r(t);
|
|
449
|
-
for (const
|
|
450
|
-
n(
|
|
449
|
+
for (const i of t.getChildElementFragments())
|
|
450
|
+
n(i);
|
|
451
451
|
return Promise.all(e).then(() => {
|
|
452
452
|
});
|
|
453
453
|
}
|
|
@@ -459,7 +459,7 @@ class E {
|
|
|
459
459
|
static clearValues(t) {
|
|
460
460
|
t.clearValue();
|
|
461
461
|
for (const e of t.getChildElementFragments())
|
|
462
|
-
|
|
462
|
+
b.clearValues(e);
|
|
463
463
|
}
|
|
464
464
|
/**
|
|
465
465
|
* フラグメントとその子要素のメッセージをクリアします。
|
|
@@ -468,7 +468,7 @@ class E {
|
|
|
468
468
|
* @returns Promise(メッセージのクリアが完了したら解決される)
|
|
469
469
|
*/
|
|
470
470
|
static clearMessages(t) {
|
|
471
|
-
return
|
|
471
|
+
return X().clearMessages(
|
|
472
472
|
t.getTarget()
|
|
473
473
|
);
|
|
474
474
|
}
|
|
@@ -482,13 +482,13 @@ class E {
|
|
|
482
482
|
* @return Promise(メッセージの追加が完了したら解決される)
|
|
483
483
|
*/
|
|
484
484
|
static addErrorMessage(t, e, r) {
|
|
485
|
-
const n = [],
|
|
486
|
-
return
|
|
485
|
+
const n = [], i = X(), s = b.findFragmentsByKey(t, e);
|
|
486
|
+
return s.forEach((a) => {
|
|
487
487
|
n.push(
|
|
488
|
-
|
|
488
|
+
i.addErrorMessage(a.getTarget(), r)
|
|
489
489
|
);
|
|
490
|
-
}),
|
|
491
|
-
|
|
490
|
+
}), s.length === 0 && n.push(
|
|
491
|
+
i.addErrorMessage(t.getTarget(), r)
|
|
492
492
|
), Promise.all(n).then(() => {
|
|
493
493
|
});
|
|
494
494
|
}
|
|
@@ -500,7 +500,7 @@ class E {
|
|
|
500
500
|
* @returns 一致するフラグメントの配列
|
|
501
501
|
*/
|
|
502
502
|
static findFragmentsByKey(t, e) {
|
|
503
|
-
return
|
|
503
|
+
return b.findFragmentByKeyParts(t, e.split("."));
|
|
504
504
|
}
|
|
505
505
|
/**
|
|
506
506
|
* 指定されたキーに一致するフラグメントを検索します。
|
|
@@ -512,31 +512,31 @@ class E {
|
|
|
512
512
|
*/
|
|
513
513
|
static findFragmentByKeyParts(t, e) {
|
|
514
514
|
const r = [], n = e[0];
|
|
515
|
-
if (e.length == 1 && t.getAttribute("name") === n && r.push(t), t.hasAttribute(`${
|
|
516
|
-
e.length > 1 && t.getAttribute(`${
|
|
517
|
-
r.push(...
|
|
515
|
+
if (e.length == 1 && t.getAttribute("name") === n && r.push(t), t.hasAttribute(`${f.prefix}form-object`))
|
|
516
|
+
e.length > 1 && t.getAttribute(`${f.prefix}form-object`) === n && t.getChildElementFragments().forEach((s) => {
|
|
517
|
+
r.push(...b.findFragmentByKeyParts(s, e.slice(1)));
|
|
518
518
|
});
|
|
519
|
-
else if (t.hasAttribute(`${
|
|
519
|
+
else if (t.hasAttribute(`${f.prefix}form-list`)) {
|
|
520
520
|
if (e.length > 1) {
|
|
521
|
-
const
|
|
522
|
-
if (
|
|
523
|
-
const o = n.substring(0,
|
|
524
|
-
if (
|
|
525
|
-
const
|
|
526
|
-
if (isNaN(
|
|
527
|
-
|
|
521
|
+
const i = t.getAttribute(`${f.prefix}form-list`), s = n.lastIndexOf("["), a = n.lastIndexOf("]");
|
|
522
|
+
if (s !== -1 && a !== -1 && s < a) {
|
|
523
|
+
const o = n.substring(0, s);
|
|
524
|
+
if (i === o) {
|
|
525
|
+
const p = n.substring(s + 1, a), c = Number(p);
|
|
526
|
+
if (isNaN(c))
|
|
527
|
+
h.error("Haori", `Invalid index: ${n}`);
|
|
528
528
|
else {
|
|
529
|
-
const
|
|
530
|
-
|
|
531
|
-
...
|
|
529
|
+
const y = t.getChildElementFragments().filter((l) => l.hasAttribute(`${f.prefix}row`));
|
|
530
|
+
c < y.length && r.push(
|
|
531
|
+
...b.findFragmentByKeyParts(y[c], e.slice(1))
|
|
532
532
|
);
|
|
533
533
|
}
|
|
534
534
|
}
|
|
535
535
|
}
|
|
536
536
|
}
|
|
537
537
|
} else
|
|
538
|
-
t.getChildElementFragments().forEach((
|
|
539
|
-
r.push(...
|
|
538
|
+
t.getChildElementFragments().forEach((i) => {
|
|
539
|
+
r.push(...b.findFragmentByKeyParts(i, e));
|
|
540
540
|
});
|
|
541
541
|
return r;
|
|
542
542
|
}
|
|
@@ -598,28 +598,28 @@ const S = class S {
|
|
|
598
598
|
*/
|
|
599
599
|
static evaluate(t, e = {}) {
|
|
600
600
|
if (t.trim() === "")
|
|
601
|
-
return
|
|
601
|
+
return h.warn("[Haori]", t, "Expression is empty"), null;
|
|
602
602
|
if (this.containsDangerousPatterns(t))
|
|
603
|
-
return
|
|
603
|
+
return h.warn("[Haori]", t, "Expression contains dangerous patterns"), null;
|
|
604
604
|
if (this.containsForbiddenKeys(e))
|
|
605
|
-
return
|
|
605
|
+
return h.warn("[Haori]", e, "Binded values contain forbidden keys"), null;
|
|
606
606
|
if (this.containsForbiddenBindingValues(e))
|
|
607
|
-
return
|
|
607
|
+
return h.warn(
|
|
608
608
|
"[Haori]",
|
|
609
609
|
e,
|
|
610
610
|
"Binded values contain forbidden values"
|
|
611
611
|
), null;
|
|
612
|
-
const r = Object.keys(e).filter((
|
|
613
|
-
let
|
|
614
|
-
if (!
|
|
615
|
-
const
|
|
616
|
-
${
|
|
612
|
+
const r = Object.keys(e).filter((s) => !this.FORBIDDEN_BINDING_NAMES.has(s)).sort(), n = `${t}:${r.join(",")}`;
|
|
613
|
+
let i = this.EXPRESSION_CACHE.get(n);
|
|
614
|
+
if (!i) {
|
|
615
|
+
const s = this.buildAssignments(r), a = s ? `"use strict";
|
|
616
|
+
${s};
|
|
617
617
|
return (${t});` : `"use strict";
|
|
618
618
|
return (${t});`;
|
|
619
619
|
try {
|
|
620
|
-
|
|
620
|
+
i = new Function(...r, a), this.EXPRESSION_CACHE.set(n, i);
|
|
621
621
|
} catch (o) {
|
|
622
|
-
return
|
|
622
|
+
return h.error(
|
|
623
623
|
"[Haori]",
|
|
624
624
|
"Failed to compile expression:",
|
|
625
625
|
t,
|
|
@@ -628,12 +628,12 @@ return (${t});`;
|
|
|
628
628
|
}
|
|
629
629
|
}
|
|
630
630
|
try {
|
|
631
|
-
const
|
|
631
|
+
const s = [], a = this.wrapBoundValues(e);
|
|
632
632
|
return r.forEach((o) => {
|
|
633
|
-
|
|
634
|
-
}), this.withBlockedPropertyAccess(() =>
|
|
635
|
-
} catch (
|
|
636
|
-
return
|
|
633
|
+
s.push(a[o]);
|
|
634
|
+
}), this.withBlockedPropertyAccess(() => i(...s));
|
|
635
|
+
} catch (s) {
|
|
636
|
+
return h.error("[Haori]", "Expression evaluation error:", t, s), s instanceof ReferenceError ? void 0 : null;
|
|
637
637
|
}
|
|
638
638
|
}
|
|
639
639
|
/**
|
|
@@ -664,13 +664,13 @@ return (${t});`;
|
|
|
664
664
|
return !1;
|
|
665
665
|
const r = [];
|
|
666
666
|
let n = null;
|
|
667
|
-
for (let
|
|
668
|
-
const
|
|
669
|
-
if (
|
|
670
|
-
this.decodeStringLiteral(
|
|
671
|
-
) ||
|
|
667
|
+
for (let i = 0; i < e.length; i++) {
|
|
668
|
+
const s = e[i], a = e[i + 1] || null, o = r[r.length - 1] || null;
|
|
669
|
+
if (s.type === "identifier" && (this.DISALLOWED_KEYWORDS.has(s.value) || this.STRICT_FORBIDDEN_NAMES.includes(s.value) || (n?.value === "." || n?.value === "?.") && this.FORBIDDEN_PROPERTY_NAMES.has(s.value)) || o === "member" && s.value !== "]" && s.type === "string" && this.FORBIDDEN_PROPERTY_NAMES.has(
|
|
670
|
+
this.decodeStringLiteral(s.value)
|
|
671
|
+
) || s.value === "." && a?.type !== "identifier" || s.value === "?." && a?.type !== "identifier" && a?.value !== "[" && a?.value !== "(")
|
|
672
672
|
return !1;
|
|
673
|
-
switch (
|
|
673
|
+
switch (s.value) {
|
|
674
674
|
case "(":
|
|
675
675
|
r.push("paren");
|
|
676
676
|
break;
|
|
@@ -680,8 +680,8 @@ return (${t});`;
|
|
|
680
680
|
break;
|
|
681
681
|
}
|
|
682
682
|
case "[": {
|
|
683
|
-
const
|
|
684
|
-
r.push(
|
|
683
|
+
const p = this.startsMemberAccess(n) ? "member" : "array";
|
|
684
|
+
r.push(p);
|
|
685
685
|
break;
|
|
686
686
|
}
|
|
687
687
|
case "]": {
|
|
@@ -690,7 +690,7 @@ return (${t});`;
|
|
|
690
690
|
break;
|
|
691
691
|
}
|
|
692
692
|
}
|
|
693
|
-
n =
|
|
693
|
+
n = s;
|
|
694
694
|
}
|
|
695
695
|
return r.length === 0;
|
|
696
696
|
}
|
|
@@ -731,41 +731,41 @@ return (${t});`;
|
|
|
731
731
|
">",
|
|
732
732
|
"<"
|
|
733
733
|
]);
|
|
734
|
-
let
|
|
735
|
-
for (;
|
|
736
|
-
const
|
|
737
|
-
if (/\s/.test(
|
|
738
|
-
|
|
734
|
+
let i = 0;
|
|
735
|
+
for (; i < t.length; ) {
|
|
736
|
+
const s = t[i];
|
|
737
|
+
if (/\s/.test(s)) {
|
|
738
|
+
i += 1;
|
|
739
739
|
continue;
|
|
740
740
|
}
|
|
741
|
-
if (
|
|
741
|
+
if (s === "/" && (t[i + 1] === "/" || t[i + 1] === "*"))
|
|
742
742
|
return null;
|
|
743
|
-
if (
|
|
744
|
-
const o = this.readStringToken(t,
|
|
743
|
+
if (s === '"' || s === "'") {
|
|
744
|
+
const o = this.readStringToken(t, i);
|
|
745
745
|
if (o === null)
|
|
746
746
|
return null;
|
|
747
|
-
e.push(o.token),
|
|
747
|
+
e.push(o.token), i = o.nextIndex;
|
|
748
748
|
continue;
|
|
749
749
|
}
|
|
750
750
|
const a = r.find(
|
|
751
|
-
(o) => t.startsWith(o,
|
|
751
|
+
(o) => t.startsWith(o, i)
|
|
752
752
|
);
|
|
753
753
|
if (a) {
|
|
754
|
-
e.push({ type: "operator", value: a, position:
|
|
754
|
+
e.push({ type: "operator", value: a, position: i }), i += a.length;
|
|
755
755
|
continue;
|
|
756
756
|
}
|
|
757
|
-
if (/[0-9]/.test(
|
|
758
|
-
const o = this.readNumberToken(t,
|
|
759
|
-
e.push(o.token),
|
|
757
|
+
if (/[0-9]/.test(s)) {
|
|
758
|
+
const o = this.readNumberToken(t, i);
|
|
759
|
+
e.push(o.token), i = o.nextIndex;
|
|
760
760
|
continue;
|
|
761
761
|
}
|
|
762
|
-
if (/[A-Za-z_$]/.test(
|
|
763
|
-
const o = this.readIdentifierToken(t,
|
|
764
|
-
e.push(o.token),
|
|
762
|
+
if (/[A-Za-z_$]/.test(s)) {
|
|
763
|
+
const o = this.readIdentifierToken(t, i);
|
|
764
|
+
e.push(o.token), i = o.nextIndex;
|
|
765
765
|
continue;
|
|
766
766
|
}
|
|
767
|
-
if (n.has(
|
|
768
|
-
e.push({ type: "operator", value:
|
|
767
|
+
if (n.has(s)) {
|
|
768
|
+
e.push({ type: "operator", value: s, position: i }), i += 1;
|
|
769
769
|
continue;
|
|
770
770
|
}
|
|
771
771
|
return null;
|
|
@@ -783,12 +783,12 @@ return (${t});`;
|
|
|
783
783
|
const r = t[e];
|
|
784
784
|
let n = e + 1;
|
|
785
785
|
for (; n < t.length; ) {
|
|
786
|
-
const
|
|
787
|
-
if (
|
|
786
|
+
const i = t[n];
|
|
787
|
+
if (i === "\\") {
|
|
788
788
|
n += 2;
|
|
789
789
|
continue;
|
|
790
790
|
}
|
|
791
|
-
if (
|
|
791
|
+
if (i === r)
|
|
792
792
|
return {
|
|
793
793
|
token: {
|
|
794
794
|
type: "string",
|
|
@@ -896,8 +896,8 @@ return (${t});`;
|
|
|
896
896
|
*/
|
|
897
897
|
static wrapBoundValues(t) {
|
|
898
898
|
const e = /* @__PURE__ */ new WeakMap(), r = {};
|
|
899
|
-
return Object.entries(t).forEach(([n,
|
|
900
|
-
r[n] = this.wrapBoundValue(
|
|
899
|
+
return Object.entries(t).forEach(([n, i]) => {
|
|
900
|
+
r[n] = this.wrapBoundValue(i, e);
|
|
901
901
|
}), r;
|
|
902
902
|
}
|
|
903
903
|
/**
|
|
@@ -913,39 +913,39 @@ return (${t});`;
|
|
|
913
913
|
const r = t, n = e.get(r);
|
|
914
914
|
if (n !== void 0)
|
|
915
915
|
return n;
|
|
916
|
-
const
|
|
917
|
-
get: (
|
|
916
|
+
const i = new Proxy(r, {
|
|
917
|
+
get: (s, a, o) => {
|
|
918
918
|
if (typeof a == "string" && this.FORBIDDEN_PROPERTY_NAMES.has(a))
|
|
919
919
|
return;
|
|
920
|
-
const
|
|
921
|
-
return typeof a == "symbol" ?
|
|
922
|
-
|
|
920
|
+
const p = Reflect.get(s, a, o);
|
|
921
|
+
return typeof a == "symbol" ? p : this.wrapBoundValue(
|
|
922
|
+
p,
|
|
923
923
|
e
|
|
924
924
|
);
|
|
925
925
|
},
|
|
926
|
-
has: (
|
|
927
|
-
getOwnPropertyDescriptor: (
|
|
926
|
+
has: (s, a) => typeof a == "string" && this.FORBIDDEN_PROPERTY_NAMES.has(a) ? !1 : Reflect.has(s, a),
|
|
927
|
+
getOwnPropertyDescriptor: (s, a) => {
|
|
928
928
|
if (!(typeof a == "string" && this.FORBIDDEN_PROPERTY_NAMES.has(a)))
|
|
929
|
-
return Reflect.getOwnPropertyDescriptor(
|
|
929
|
+
return Reflect.getOwnPropertyDescriptor(s, a);
|
|
930
930
|
},
|
|
931
|
-
apply: (
|
|
932
|
-
const
|
|
933
|
-
|
|
931
|
+
apply: (s, a, o) => {
|
|
932
|
+
const p = Reflect.apply(
|
|
933
|
+
s,
|
|
934
934
|
a,
|
|
935
935
|
o
|
|
936
936
|
);
|
|
937
|
-
return this.isIteratorLike(
|
|
937
|
+
return this.isIteratorLike(p) ? p : this.wrapBoundValue(p, e);
|
|
938
938
|
},
|
|
939
|
-
construct: (
|
|
939
|
+
construct: (s, a, o) => this.wrapBoundValue(
|
|
940
940
|
Reflect.construct(
|
|
941
|
-
|
|
941
|
+
s,
|
|
942
942
|
a,
|
|
943
943
|
o
|
|
944
944
|
),
|
|
945
945
|
e
|
|
946
946
|
)
|
|
947
947
|
});
|
|
948
|
-
return e.set(r,
|
|
948
|
+
return e.set(r, i), i;
|
|
949
949
|
}
|
|
950
950
|
/**
|
|
951
951
|
* Proxy ラップ対象の値かどうかを判定します。
|
|
@@ -978,8 +978,8 @@ return (${t});`;
|
|
|
978
978
|
...n,
|
|
979
979
|
descriptor: Object.getOwnPropertyDescriptor(n.target, n.property)
|
|
980
980
|
})).filter((n) => n.descriptor?.configurable === !0);
|
|
981
|
-
r.forEach(({ target: n, property:
|
|
982
|
-
Object.defineProperty(n,
|
|
981
|
+
r.forEach(({ target: n, property: i }) => {
|
|
982
|
+
Object.defineProperty(n, i, {
|
|
983
983
|
configurable: !0,
|
|
984
984
|
enumerable: !1,
|
|
985
985
|
get: () => {
|
|
@@ -991,8 +991,8 @@ return (${t});`;
|
|
|
991
991
|
try {
|
|
992
992
|
return t();
|
|
993
993
|
} finally {
|
|
994
|
-
r.forEach(({ target: n, property:
|
|
995
|
-
|
|
994
|
+
r.forEach(({ target: n, property: i, descriptor: s }) => {
|
|
995
|
+
s !== void 0 && Object.defineProperty(n, i, s);
|
|
996
996
|
});
|
|
997
997
|
}
|
|
998
998
|
}
|
|
@@ -1125,7 +1125,7 @@ S.FORBIDDEN_NAMES = [
|
|
|
1125
1125
|
"with",
|
|
1126
1126
|
"yield"
|
|
1127
1127
|
]), S.EXPRESSION_CACHE = /* @__PURE__ */ new Map();
|
|
1128
|
-
let
|
|
1128
|
+
let $ = S;
|
|
1129
1129
|
const k = class k {
|
|
1130
1130
|
/**
|
|
1131
1131
|
* フラグメントのコンストラクタ。
|
|
@@ -1146,13 +1146,13 @@ const k = class k {
|
|
|
1146
1146
|
e = new P(t);
|
|
1147
1147
|
break;
|
|
1148
1148
|
case Node.TEXT_NODE:
|
|
1149
|
-
e = new
|
|
1149
|
+
e = new I(t);
|
|
1150
1150
|
break;
|
|
1151
1151
|
case Node.COMMENT_NODE:
|
|
1152
1152
|
e = new G(t);
|
|
1153
1153
|
break;
|
|
1154
1154
|
default:
|
|
1155
|
-
return
|
|
1155
|
+
return h.warn("[Haori]", "Unsupported node type:", t.nodeType), null;
|
|
1156
1156
|
}
|
|
1157
1157
|
return e;
|
|
1158
1158
|
}
|
|
@@ -1258,8 +1258,8 @@ const k = class k {
|
|
|
1258
1258
|
}
|
|
1259
1259
|
};
|
|
1260
1260
|
k.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
|
|
1261
|
-
let
|
|
1262
|
-
class P extends
|
|
1261
|
+
let A = k;
|
|
1262
|
+
class P extends A {
|
|
1263
1263
|
/**
|
|
1264
1264
|
* エレメントフラグメントのコンストラクタ。
|
|
1265
1265
|
* アトリビュートや子フラグメントの作成も行います。
|
|
@@ -1289,7 +1289,7 @@ class P extends y {
|
|
|
1289
1289
|
this.attributeMap.set(e, n);
|
|
1290
1290
|
}
|
|
1291
1291
|
}), t.childNodes.forEach((e) => {
|
|
1292
|
-
const r =
|
|
1292
|
+
const r = A.get(e);
|
|
1293
1293
|
r.setParent(this), this.children.push(r);
|
|
1294
1294
|
});
|
|
1295
1295
|
}
|
|
@@ -1329,7 +1329,7 @@ class P extends y {
|
|
|
1329
1329
|
removeChild(t) {
|
|
1330
1330
|
const e = this.children.indexOf(t);
|
|
1331
1331
|
if (e < 0) {
|
|
1332
|
-
|
|
1332
|
+
h.warn("[Haori]", "Child fragment not found.", t);
|
|
1333
1333
|
return;
|
|
1334
1334
|
}
|
|
1335
1335
|
this.children.splice(e, 1), t.setParent(null);
|
|
@@ -1343,7 +1343,9 @@ class P extends y {
|
|
|
1343
1343
|
const t = new P(
|
|
1344
1344
|
this.target.cloneNode(!1)
|
|
1345
1345
|
);
|
|
1346
|
-
return this.
|
|
1346
|
+
return this.attributeMap.forEach((e, r) => {
|
|
1347
|
+
t.attributeMap.set(r, e);
|
|
1348
|
+
}), this.children.forEach((e) => {
|
|
1347
1349
|
const r = e.clone();
|
|
1348
1350
|
t.getTarget().appendChild(r.getTarget()), t.pushChild(r);
|
|
1349
1351
|
}), t.mounted = !1, t.bindingData = this.bindingData, t.clearBindingDataCache(), t.visible = this.visible, t.display = this.display, t.template = this.template, t;
|
|
@@ -1393,6 +1395,14 @@ class P extends y {
|
|
|
1393
1395
|
setBindingData(t) {
|
|
1394
1396
|
this.bindingData = t, this.clearBindingDataCache();
|
|
1395
1397
|
}
|
|
1398
|
+
/**
|
|
1399
|
+
* 親フラグメントを設定します。バインドデータキャッシュをクリアします。
|
|
1400
|
+
*
|
|
1401
|
+
* @param parent 親フラグメント
|
|
1402
|
+
*/
|
|
1403
|
+
setParent(t) {
|
|
1404
|
+
this.parent !== t && (this.parent = t, this.clearBindingDataCache());
|
|
1405
|
+
}
|
|
1396
1406
|
/**
|
|
1397
1407
|
* バインドデータのキャッシュをクリアします。
|
|
1398
1408
|
*/
|
|
@@ -1456,7 +1466,7 @@ class P extends y {
|
|
|
1456
1466
|
e.value = t === null ? "" : String(t), (e instanceof HTMLInputElement && this.INPUT_EVENT_TYPES.includes(e.type) || e instanceof HTMLTextAreaElement) && e.dispatchEvent(new Event("input", { bubbles: !0 })), e.dispatchEvent(new Event("change", { bubbles: !0 }));
|
|
1457
1467
|
}).finally(() => {
|
|
1458
1468
|
this.skipChangeValue = !1;
|
|
1459
|
-
})) : (
|
|
1469
|
+
})) : (h.warn(
|
|
1460
1470
|
"[Haori]",
|
|
1461
1471
|
"setValue is not supported for this element type.",
|
|
1462
1472
|
e
|
|
@@ -1512,13 +1522,13 @@ class P extends y {
|
|
|
1512
1522
|
return this.removeAttribute(t);
|
|
1513
1523
|
const r = new j(t, e);
|
|
1514
1524
|
this.attributeMap.set(t, r), this.skipMutationAttributes = !0;
|
|
1515
|
-
const n = this.getTarget(),
|
|
1525
|
+
const n = this.getTarget(), i = r.isForceEvaluation() ? e : this.getAttribute(t);
|
|
1516
1526
|
return N.enqueue(() => {
|
|
1517
|
-
if (
|
|
1527
|
+
if (i === null || i === !1)
|
|
1518
1528
|
n.removeAttribute(t);
|
|
1519
1529
|
else {
|
|
1520
|
-
const
|
|
1521
|
-
n.getAttribute(t) !==
|
|
1530
|
+
const s = String(i);
|
|
1531
|
+
n.getAttribute(t) !== s && n.setAttribute(t, s);
|
|
1522
1532
|
}
|
|
1523
1533
|
}).finally(() => {
|
|
1524
1534
|
this.skipMutationAttributes = !1;
|
|
@@ -1553,7 +1563,7 @@ class P extends y {
|
|
|
1553
1563
|
if (e === void 0)
|
|
1554
1564
|
return null;
|
|
1555
1565
|
const r = e.evaluate(this.getBindingData());
|
|
1556
|
-
return r.length === 1 ? r[0] :
|
|
1566
|
+
return r.length === 1 ? r[0] : H.joinEvaluateResults(r);
|
|
1557
1567
|
}
|
|
1558
1568
|
/**
|
|
1559
1569
|
* 属性の生の値を取得します。
|
|
@@ -1594,15 +1604,15 @@ class P extends y {
|
|
|
1594
1604
|
if (r.parentNode !== this.target)
|
|
1595
1605
|
return null;
|
|
1596
1606
|
const n = e ? r.nextSibling : r;
|
|
1597
|
-
let
|
|
1598
|
-
for (;
|
|
1599
|
-
const
|
|
1600
|
-
if (
|
|
1601
|
-
const a = this.children.indexOf(
|
|
1607
|
+
let i = e ? r.nextSibling : r;
|
|
1608
|
+
for (; i !== null; ) {
|
|
1609
|
+
const s = A.get(i);
|
|
1610
|
+
if (s !== null) {
|
|
1611
|
+
const a = this.children.indexOf(s);
|
|
1602
1612
|
if (a !== -1)
|
|
1603
1613
|
return { index: a, referenceNode: n };
|
|
1604
1614
|
}
|
|
1605
|
-
|
|
1615
|
+
i = i.nextSibling;
|
|
1606
1616
|
}
|
|
1607
1617
|
return { index: this.children.length, referenceNode: n };
|
|
1608
1618
|
}
|
|
@@ -1618,42 +1628,42 @@ class P extends y {
|
|
|
1618
1628
|
if (this.skipMutationNodes)
|
|
1619
1629
|
return Promise.resolve();
|
|
1620
1630
|
if (t === this)
|
|
1621
|
-
return
|
|
1631
|
+
return h.error("[Haori]", "Cannot insert element as child of itself"), Promise.reject(new Error("Self-insertion not allowed"));
|
|
1622
1632
|
const n = /* @__PURE__ */ new Set();
|
|
1623
|
-
let
|
|
1624
|
-
for (;
|
|
1625
|
-
n.add(
|
|
1633
|
+
let i = this.parent;
|
|
1634
|
+
for (; i; )
|
|
1635
|
+
n.add(i), i = i.getParent();
|
|
1626
1636
|
if (n.has(t))
|
|
1627
|
-
return
|
|
1628
|
-
const
|
|
1637
|
+
return h.error("[Haori]", "Cannot create circular reference"), Promise.reject(new Error("Circular reference detected"));
|
|
1638
|
+
const s = t.getParent() === this;
|
|
1629
1639
|
let a = -1, o = -1;
|
|
1630
|
-
|
|
1631
|
-
const
|
|
1632
|
-
|
|
1633
|
-
let
|
|
1640
|
+
s && (a = this.children.indexOf(t), e !== null && (o = this.children.indexOf(e)));
|
|
1641
|
+
const p = t.getParent();
|
|
1642
|
+
p !== null && p.removeChild(t);
|
|
1643
|
+
let c = r === void 0 ? e?.getTarget() || null : r;
|
|
1634
1644
|
if (e === null)
|
|
1635
1645
|
this.children.push(t);
|
|
1636
1646
|
else {
|
|
1637
1647
|
let l;
|
|
1638
|
-
if (
|
|
1648
|
+
if (s ? a !== -1 && a < o ? l = o - 1 : l = o : l = this.children.indexOf(e), l === -1) {
|
|
1639
1649
|
const d = this.resolveInsertionPointFromDom(
|
|
1640
1650
|
e,
|
|
1641
1651
|
!1
|
|
1642
1652
|
);
|
|
1643
|
-
d === null ? (
|
|
1653
|
+
d === null ? (h.warn(
|
|
1644
1654
|
"[Haori]",
|
|
1645
1655
|
"Reference child not found in children.",
|
|
1646
1656
|
e
|
|
1647
|
-
), this.children.push(t)) : (this.children.splice(d.index, 0, t),
|
|
1657
|
+
), this.children.push(t)) : (this.children.splice(d.index, 0, t), c = d.referenceNode);
|
|
1648
1658
|
} else
|
|
1649
1659
|
this.children.splice(l, 0, t);
|
|
1650
1660
|
}
|
|
1651
1661
|
t.setParent(this), t.setMounted(this.mounted);
|
|
1652
|
-
const
|
|
1662
|
+
const y = this.skipMutationNodes;
|
|
1653
1663
|
return this.skipMutationNodes = !0, N.enqueue(() => {
|
|
1654
|
-
this.target.insertBefore(t.getTarget(),
|
|
1664
|
+
this.target.insertBefore(t.getTarget(), c);
|
|
1655
1665
|
}).finally(() => {
|
|
1656
|
-
this.skipMutationNodes =
|
|
1666
|
+
this.skipMutationNodes = y;
|
|
1657
1667
|
});
|
|
1658
1668
|
}
|
|
1659
1669
|
/**
|
|
@@ -1672,7 +1682,7 @@ class P extends y {
|
|
|
1672
1682
|
e,
|
|
1673
1683
|
!0
|
|
1674
1684
|
);
|
|
1675
|
-
return n === null ? (
|
|
1685
|
+
return n === null ? (h.warn(
|
|
1676
1686
|
"[Haori]",
|
|
1677
1687
|
"Reference child not found in children.",
|
|
1678
1688
|
e
|
|
@@ -1724,7 +1734,7 @@ class P extends y {
|
|
|
1724
1734
|
* @returns エレメントの非表示のPromise
|
|
1725
1735
|
*/
|
|
1726
1736
|
hide() {
|
|
1727
|
-
return this.visible = !1, this.display = this.getTarget().style.display, this.getTarget().style.display = "none", this.getTarget().setAttribute(`${
|
|
1737
|
+
return this.visible = !1, this.display = this.getTarget().style.display, this.getTarget().style.display = "none", this.getTarget().setAttribute(`${f.prefix}if-false`, ""), Promise.resolve();
|
|
1728
1738
|
}
|
|
1729
1739
|
/**
|
|
1730
1740
|
* エレメントを表示します。
|
|
@@ -1732,7 +1742,7 @@ class P extends y {
|
|
|
1732
1742
|
* @return エレメントの表示のPromise
|
|
1733
1743
|
*/
|
|
1734
1744
|
show() {
|
|
1735
|
-
return this.getTarget().style.display = this.display ?? "", this.getTarget().removeAttribute(`${
|
|
1745
|
+
return this.getTarget().style.display = this.display ?? "", this.getTarget().removeAttribute(`${f.prefix}if-false`), this.visible = !0, Promise.resolve();
|
|
1736
1746
|
}
|
|
1737
1747
|
/**
|
|
1738
1748
|
* 指定した属性名を持つ最も近い親要素を返します。
|
|
@@ -1748,7 +1758,7 @@ class P extends y {
|
|
|
1748
1758
|
return e === null ? null : e.closestByAttribute(t);
|
|
1749
1759
|
}
|
|
1750
1760
|
}
|
|
1751
|
-
class
|
|
1761
|
+
class I extends A {
|
|
1752
1762
|
/**
|
|
1753
1763
|
* テキストフラグメントのコンストラクタ。
|
|
1754
1764
|
* 対象テキストノードの内容を初期化します。
|
|
@@ -1756,7 +1766,7 @@ class B extends y {
|
|
|
1756
1766
|
* @param target 対象テキストノード
|
|
1757
1767
|
*/
|
|
1758
1768
|
constructor(t) {
|
|
1759
|
-
super(t), this.skipMutation = !1, this.text = t.textContent || "", this.contents = new
|
|
1769
|
+
super(t), this.skipMutation = !1, this.text = t.textContent || "", this.contents = new H(this.text);
|
|
1760
1770
|
}
|
|
1761
1771
|
/**
|
|
1762
1772
|
* フラグメントをクローンします。
|
|
@@ -1764,7 +1774,7 @@ class B extends y {
|
|
|
1764
1774
|
* @returns クローンされたフラグメント
|
|
1765
1775
|
*/
|
|
1766
1776
|
clone() {
|
|
1767
|
-
const t = new
|
|
1777
|
+
const t = new I(this.target.cloneNode(!0));
|
|
1768
1778
|
return t.mounted = !1, t.text = this.text, t.contents = this.contents, t;
|
|
1769
1779
|
}
|
|
1770
1780
|
/**
|
|
@@ -1782,7 +1792,7 @@ class B extends y {
|
|
|
1782
1792
|
* @returns 更新のPromise
|
|
1783
1793
|
*/
|
|
1784
1794
|
setContent(t) {
|
|
1785
|
-
return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, this.contents = new
|
|
1795
|
+
return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, this.contents = new H(t), this.evaluate());
|
|
1786
1796
|
}
|
|
1787
1797
|
/**
|
|
1788
1798
|
* フラグメントを評価します。
|
|
@@ -1795,7 +1805,7 @@ class B extends y {
|
|
|
1795
1805
|
) : N.enqueue(() => {
|
|
1796
1806
|
this.skipMutation = !0, this.contents.isRawEvaluate ? this.parent.getTarget().innerHTML = this.contents.evaluate(
|
|
1797
1807
|
this.parent.getBindingData()
|
|
1798
|
-
)[0] : this.contents.isEvaluate ? this.target.textContent =
|
|
1808
|
+
)[0] : this.contents.isEvaluate ? this.target.textContent = H.joinEvaluateResults(
|
|
1799
1809
|
this.contents.evaluate(this.parent.getBindingData())
|
|
1800
1810
|
) : this.target.textContent = this.text;
|
|
1801
1811
|
}).finally(() => {
|
|
@@ -1803,7 +1813,7 @@ class B extends y {
|
|
|
1803
1813
|
});
|
|
1804
1814
|
}
|
|
1805
1815
|
}
|
|
1806
|
-
class G extends
|
|
1816
|
+
class G extends A {
|
|
1807
1817
|
/**
|
|
1808
1818
|
* コメントフラグメントのコンストラクタ。
|
|
1809
1819
|
* 対象コメントノードの内容を初期化します。
|
|
@@ -1853,25 +1863,25 @@ const U = class U {
|
|
|
1853
1863
|
constructor(t) {
|
|
1854
1864
|
this.contents = [], this.isEvaluate = !1, this.isRawEvaluate = !1, this.value = t;
|
|
1855
1865
|
const e = [...t.matchAll(U.PLACEHOLDER_REGEX)];
|
|
1856
|
-
let r = 0, n = !1,
|
|
1857
|
-
for (const
|
|
1858
|
-
|
|
1859
|
-
text: t.slice(r,
|
|
1866
|
+
let r = 0, n = !1, i = !1;
|
|
1867
|
+
for (const s of e) {
|
|
1868
|
+
s.index > r && this.contents.push({
|
|
1869
|
+
text: t.slice(r, s.index),
|
|
1860
1870
|
type: 0
|
|
1861
1871
|
/* TEXT */
|
|
1862
1872
|
});
|
|
1863
1873
|
const a = {
|
|
1864
|
-
text:
|
|
1865
|
-
type:
|
|
1874
|
+
text: s[1] ?? s[2],
|
|
1875
|
+
type: s[1] ? 2 : 1
|
|
1866
1876
|
/* EXPRESSION */
|
|
1867
1877
|
};
|
|
1868
|
-
n = !0,
|
|
1878
|
+
n = !0, i = i || a.type === 2, this.contents.push(a), r = s.index + s[0].length;
|
|
1869
1879
|
}
|
|
1870
1880
|
r < t.length && this.contents.push({
|
|
1871
1881
|
text: t.slice(r),
|
|
1872
1882
|
type: 0
|
|
1873
1883
|
/* TEXT */
|
|
1874
|
-
}), this.isEvaluate = n, this.isRawEvaluate =
|
|
1884
|
+
}), this.isEvaluate = n, this.isRawEvaluate = i, this.checkRawExpressions();
|
|
1875
1885
|
}
|
|
1876
1886
|
/**
|
|
1877
1887
|
* 評価結果を結合して文字列にします。
|
|
@@ -1895,7 +1905,7 @@ const U = class U {
|
|
|
1895
1905
|
*/
|
|
1896
1906
|
checkRawExpressions() {
|
|
1897
1907
|
for (let t = 0; t < this.contents.length; t++)
|
|
1898
|
-
this.contents[t].type === 2 && this.contents.length > 1 && (
|
|
1908
|
+
this.contents[t].type === 2 && this.contents.length > 1 && (h.error(
|
|
1899
1909
|
"[Haori]",
|
|
1900
1910
|
"Raw expressions are not allowed in multi-content expressions."
|
|
1901
1911
|
), this.contents[t].type = 1);
|
|
@@ -1913,12 +1923,12 @@ const U = class U {
|
|
|
1913
1923
|
return this.contents.forEach((r) => {
|
|
1914
1924
|
try {
|
|
1915
1925
|
if (r.type === 1 || r.type === 2) {
|
|
1916
|
-
const n =
|
|
1926
|
+
const n = $.evaluate(r.text, t);
|
|
1917
1927
|
e.push(n);
|
|
1918
1928
|
} else
|
|
1919
1929
|
e.push(r.text);
|
|
1920
1930
|
} catch (n) {
|
|
1921
|
-
|
|
1931
|
+
h.error(
|
|
1922
1932
|
"[Haori]",
|
|
1923
1933
|
`Error evaluating text expression: ${r.text}`,
|
|
1924
1934
|
n
|
|
@@ -1928,8 +1938,8 @@ const U = class U {
|
|
|
1928
1938
|
}
|
|
1929
1939
|
};
|
|
1930
1940
|
U.PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g;
|
|
1931
|
-
let
|
|
1932
|
-
const q = class q extends
|
|
1941
|
+
let H = U;
|
|
1942
|
+
const q = class q extends H {
|
|
1933
1943
|
/**
|
|
1934
1944
|
* コンストラクタ。
|
|
1935
1945
|
*
|
|
@@ -1960,18 +1970,18 @@ const q = class q extends I {
|
|
|
1960
1970
|
return this.contents.forEach((r) => {
|
|
1961
1971
|
try {
|
|
1962
1972
|
if (this.forceEvaluation && r.type === 0 || r.type === 1 || r.type === 2) {
|
|
1963
|
-
const n =
|
|
1973
|
+
const n = $.evaluate(r.text, t);
|
|
1964
1974
|
e.push(n);
|
|
1965
1975
|
} else
|
|
1966
1976
|
e.push(r.text);
|
|
1967
1977
|
} catch (n) {
|
|
1968
|
-
|
|
1978
|
+
h.error(
|
|
1969
1979
|
"[Haori]",
|
|
1970
1980
|
`Error evaluating attribute expression: ${r.text}`,
|
|
1971
1981
|
n
|
|
1972
1982
|
), e.push("");
|
|
1973
1983
|
}
|
|
1974
|
-
}), this.forceEvaluation && e.length > 1 ? (
|
|
1984
|
+
}), this.forceEvaluation && e.length > 1 ? (h.error(
|
|
1975
1985
|
"[Haori]",
|
|
1976
1986
|
"each or if expressions must have a single content.",
|
|
1977
1987
|
e
|
|
@@ -1985,7 +1995,7 @@ q.FORCE_EVALUATION_ATTRIBUTES = [
|
|
|
1985
1995
|
"hor-each"
|
|
1986
1996
|
];
|
|
1987
1997
|
let j = q;
|
|
1988
|
-
class
|
|
1998
|
+
class E {
|
|
1989
1999
|
/**
|
|
1990
2000
|
* カスタムイベントを発火します。
|
|
1991
2001
|
*
|
|
@@ -1995,13 +2005,13 @@ class A {
|
|
|
1995
2005
|
* @param options イベントオプション
|
|
1996
2006
|
*/
|
|
1997
2007
|
static dispatch(t, e, r, n) {
|
|
1998
|
-
const
|
|
2008
|
+
const i = new CustomEvent(`haori:${e}`, {
|
|
1999
2009
|
bubbles: n?.bubbles ?? !0,
|
|
2000
2010
|
cancelable: n?.cancelable ?? !1,
|
|
2001
2011
|
composed: n?.composed ?? !0,
|
|
2002
2012
|
detail: r
|
|
2003
2013
|
});
|
|
2004
|
-
return t.dispatchEvent(
|
|
2014
|
+
return t.dispatchEvent(i);
|
|
2005
2015
|
}
|
|
2006
2016
|
/**
|
|
2007
2017
|
* readyイベントを発火します。
|
|
@@ -2009,7 +2019,7 @@ class A {
|
|
|
2009
2019
|
* @param version ライブラリバージョン
|
|
2010
2020
|
*/
|
|
2011
2021
|
static ready(t) {
|
|
2012
|
-
|
|
2022
|
+
E.dispatch(document, "ready", { version: t });
|
|
2013
2023
|
}
|
|
2014
2024
|
/**
|
|
2015
2025
|
* renderイベントを発火します。
|
|
@@ -2017,7 +2027,7 @@ class A {
|
|
|
2017
2027
|
* @param target 評価対象要素
|
|
2018
2028
|
*/
|
|
2019
2029
|
static render(t) {
|
|
2020
|
-
|
|
2030
|
+
E.dispatch(t, "render", { target: t });
|
|
2021
2031
|
}
|
|
2022
2032
|
/**
|
|
2023
2033
|
* importstartイベントを発火します。
|
|
@@ -2026,7 +2036,7 @@ class A {
|
|
|
2026
2036
|
* @param url インポート対象URL
|
|
2027
2037
|
*/
|
|
2028
2038
|
static importStart(t, e) {
|
|
2029
|
-
|
|
2039
|
+
E.dispatch(t, "importstart", {
|
|
2030
2040
|
url: e,
|
|
2031
2041
|
startedAt: performance.now()
|
|
2032
2042
|
});
|
|
@@ -2040,7 +2050,7 @@ class A {
|
|
|
2040
2050
|
* @param startedAt 開始時刻
|
|
2041
2051
|
*/
|
|
2042
2052
|
static importEnd(t, e, r, n) {
|
|
2043
|
-
|
|
2053
|
+
E.dispatch(t, "importend", {
|
|
2044
2054
|
url: e,
|
|
2045
2055
|
bytes: r,
|
|
2046
2056
|
durationMs: performance.now() - n
|
|
@@ -2054,7 +2064,7 @@ class A {
|
|
|
2054
2064
|
* @param error エラー内容
|
|
2055
2065
|
*/
|
|
2056
2066
|
static importError(t, e, r) {
|
|
2057
|
-
|
|
2067
|
+
E.dispatch(t, "importerror", { url: e, error: r });
|
|
2058
2068
|
}
|
|
2059
2069
|
/**
|
|
2060
2070
|
* bindchangeイベントを発火します。
|
|
@@ -2065,15 +2075,15 @@ class A {
|
|
|
2065
2075
|
* @param reason 変更理由
|
|
2066
2076
|
*/
|
|
2067
2077
|
static bindChange(t, e, r, n = "other") {
|
|
2068
|
-
const
|
|
2069
|
-
for (const
|
|
2070
|
-
const
|
|
2071
|
-
|
|
2078
|
+
const i = [], s = new Set(Object.keys(e || {})), a = new Set(Object.keys(r)), o = /* @__PURE__ */ new Set([...s, ...a]);
|
|
2079
|
+
for (const p of o) {
|
|
2080
|
+
const c = e?.[p], y = r[p];
|
|
2081
|
+
c !== y && i.push(p);
|
|
2072
2082
|
}
|
|
2073
|
-
|
|
2083
|
+
E.dispatch(t, "bindchange", {
|
|
2074
2084
|
previous: e || {},
|
|
2075
2085
|
next: r,
|
|
2076
|
-
changedKeys:
|
|
2086
|
+
changedKeys: i,
|
|
2077
2087
|
reason: n
|
|
2078
2088
|
});
|
|
2079
2089
|
}
|
|
@@ -2086,7 +2096,7 @@ class A {
|
|
|
2086
2096
|
* @param order 現在の順序
|
|
2087
2097
|
*/
|
|
2088
2098
|
static eachUpdate(t, e, r, n) {
|
|
2089
|
-
|
|
2099
|
+
E.dispatch(t, "eachupdate", {
|
|
2090
2100
|
added: e,
|
|
2091
2101
|
removed: r,
|
|
2092
2102
|
order: n,
|
|
@@ -2102,7 +2112,7 @@ class A {
|
|
|
2102
2112
|
* @param item 行データ
|
|
2103
2113
|
*/
|
|
2104
2114
|
static rowAdd(t, e, r, n) {
|
|
2105
|
-
|
|
2115
|
+
E.dispatch(t, "rowadd", { key: e, index: r, item: n });
|
|
2106
2116
|
}
|
|
2107
2117
|
/**
|
|
2108
2118
|
* rowremoveイベントを発火します。
|
|
@@ -2112,7 +2122,7 @@ class A {
|
|
|
2112
2122
|
* @param index インデックス
|
|
2113
2123
|
*/
|
|
2114
2124
|
static rowRemove(t, e, r) {
|
|
2115
|
-
|
|
2125
|
+
E.dispatch(t, "rowremove", { key: e, index: r });
|
|
2116
2126
|
}
|
|
2117
2127
|
/**
|
|
2118
2128
|
* rowmoveイベントを発火します。
|
|
@@ -2123,7 +2133,7 @@ class A {
|
|
|
2123
2133
|
* @param to 移動後インデックス
|
|
2124
2134
|
*/
|
|
2125
2135
|
static rowMove(t, e, r, n) {
|
|
2126
|
-
|
|
2136
|
+
E.dispatch(t, "rowmove", { key: e, from: r, to: n });
|
|
2127
2137
|
}
|
|
2128
2138
|
/**
|
|
2129
2139
|
* showイベントを発火します。
|
|
@@ -2131,7 +2141,7 @@ class A {
|
|
|
2131
2141
|
* @param target data-if要素
|
|
2132
2142
|
*/
|
|
2133
2143
|
static show(t) {
|
|
2134
|
-
|
|
2144
|
+
E.dispatch(t, "show", { visible: !0 });
|
|
2135
2145
|
}
|
|
2136
2146
|
/**
|
|
2137
2147
|
* hideイベントを発火します。
|
|
@@ -2139,7 +2149,7 @@ class A {
|
|
|
2139
2149
|
* @param target data-if要素
|
|
2140
2150
|
*/
|
|
2141
2151
|
static hide(t) {
|
|
2142
|
-
|
|
2152
|
+
E.dispatch(t, "hide", { visible: !1 });
|
|
2143
2153
|
}
|
|
2144
2154
|
/**
|
|
2145
2155
|
* fetchstartイベントを発火します。
|
|
@@ -2150,7 +2160,7 @@ class A {
|
|
|
2150
2160
|
* @param payload 送信データ
|
|
2151
2161
|
*/
|
|
2152
2162
|
static fetchStart(t, e, r, n) {
|
|
2153
|
-
|
|
2163
|
+
E.dispatch(t, "fetchstart", {
|
|
2154
2164
|
url: e,
|
|
2155
2165
|
options: r || {},
|
|
2156
2166
|
payload: n,
|
|
@@ -2166,7 +2176,7 @@ class A {
|
|
|
2166
2176
|
* @param startedAt 開始時刻
|
|
2167
2177
|
*/
|
|
2168
2178
|
static fetchEnd(t, e, r, n) {
|
|
2169
|
-
|
|
2179
|
+
E.dispatch(t, "fetchend", {
|
|
2170
2180
|
url: e,
|
|
2171
2181
|
status: r,
|
|
2172
2182
|
durationMs: performance.now() - n
|
|
@@ -2181,12 +2191,12 @@ class A {
|
|
|
2181
2191
|
* @param status HTTPステータス(存在する場合)
|
|
2182
2192
|
* @param startedAt 開始時刻(存在する場合)
|
|
2183
2193
|
*/
|
|
2184
|
-
static fetchError(t, e, r, n,
|
|
2185
|
-
|
|
2194
|
+
static fetchError(t, e, r, n, i) {
|
|
2195
|
+
E.dispatch(t, "fetcherror", {
|
|
2186
2196
|
url: e,
|
|
2187
2197
|
status: n,
|
|
2188
2198
|
error: r,
|
|
2189
|
-
durationMs:
|
|
2199
|
+
durationMs: i ? performance.now() - i : void 0
|
|
2190
2200
|
});
|
|
2191
2201
|
}
|
|
2192
2202
|
}
|
|
@@ -2204,7 +2214,7 @@ function K() {
|
|
|
2204
2214
|
(r) => typeof t?.[r] == "function"
|
|
2205
2215
|
) ? t : W;
|
|
2206
2216
|
}
|
|
2207
|
-
const
|
|
2217
|
+
const u = class u {
|
|
2208
2218
|
/**
|
|
2209
2219
|
* イベント属性名を正しく生成します。
|
|
2210
2220
|
* 例: ("click", "fetch") => "data-click-fetch"
|
|
@@ -2213,7 +2223,7 @@ const c = class c {
|
|
|
2213
2223
|
* 非イベント変種が "data-fetch-xxx" として存在するものについては、event が null の場合にそちらを返します。
|
|
2214
2224
|
*/
|
|
2215
2225
|
static attrName(t, e, r = !1) {
|
|
2216
|
-
return t ? `${
|
|
2226
|
+
return t ? `${f.prefix}${t}-${e}` : r ? `${f.prefix}fetch-${e}` : `${f.prefix}${e}`;
|
|
2217
2227
|
}
|
|
2218
2228
|
/**
|
|
2219
2229
|
* data 属性のテンプレート式評価結果を URLSearchParams 向けに組み立てます。
|
|
@@ -2224,13 +2234,13 @@ const c = class c {
|
|
|
2224
2234
|
*/
|
|
2225
2235
|
static resolveDataParamString(t, e) {
|
|
2226
2236
|
return t.replace(
|
|
2227
|
-
|
|
2228
|
-
(r, n,
|
|
2229
|
-
const
|
|
2230
|
-
n ??
|
|
2237
|
+
u.DATA_PLACEHOLDER_REGEX,
|
|
2238
|
+
(r, n, i) => {
|
|
2239
|
+
const s = $.evaluate(
|
|
2240
|
+
n ?? i ?? "",
|
|
2231
2241
|
e
|
|
2232
2242
|
);
|
|
2233
|
-
return
|
|
2243
|
+
return s == null || Number.isNaN(s) ? "" : encodeURIComponent(typeof s == "object" ? JSON.stringify(s) : String(s));
|
|
2234
2244
|
}
|
|
2235
2245
|
);
|
|
2236
2246
|
}
|
|
@@ -2243,17 +2253,17 @@ const c = class c {
|
|
|
2243
2253
|
*/
|
|
2244
2254
|
static isJsonStringContext(t, e) {
|
|
2245
2255
|
let r = !1, n = !1;
|
|
2246
|
-
for (let
|
|
2247
|
-
const
|
|
2256
|
+
for (let i = 0; i < e; i += 1) {
|
|
2257
|
+
const s = t[i];
|
|
2248
2258
|
if (n) {
|
|
2249
2259
|
n = !1;
|
|
2250
2260
|
continue;
|
|
2251
2261
|
}
|
|
2252
|
-
if (
|
|
2262
|
+
if (s === "\\") {
|
|
2253
2263
|
n = !0;
|
|
2254
2264
|
continue;
|
|
2255
2265
|
}
|
|
2256
|
-
|
|
2266
|
+
s === '"' && (r = !r);
|
|
2257
2267
|
}
|
|
2258
2268
|
return r;
|
|
2259
2269
|
}
|
|
@@ -2281,7 +2291,7 @@ const c = class c {
|
|
|
2281
2291
|
static stringifyJsonTemplateStringContent(t) {
|
|
2282
2292
|
if (t == null || Number.isNaN(t))
|
|
2283
2293
|
return "";
|
|
2284
|
-
const e = typeof t == "object" ?
|
|
2294
|
+
const e = typeof t == "object" ? u.stringifyJsonTemplateValue(t) : String(t);
|
|
2285
2295
|
return JSON.stringify(e).slice(1, -1);
|
|
2286
2296
|
}
|
|
2287
2297
|
/**
|
|
@@ -2293,13 +2303,13 @@ const c = class c {
|
|
|
2293
2303
|
*/
|
|
2294
2304
|
static resolveDataJsonString(t, e) {
|
|
2295
2305
|
return t.replace(
|
|
2296
|
-
|
|
2297
|
-
(r, n,
|
|
2298
|
-
const a =
|
|
2299
|
-
n ??
|
|
2306
|
+
u.DATA_PLACEHOLDER_REGEX,
|
|
2307
|
+
(r, n, i, s) => {
|
|
2308
|
+
const a = $.evaluate(
|
|
2309
|
+
n ?? i ?? "",
|
|
2300
2310
|
e
|
|
2301
2311
|
);
|
|
2302
|
-
return
|
|
2312
|
+
return u.isJsonStringContext(t, s) ? u.stringifyJsonTemplateStringContent(a) : u.stringifyJsonTemplateValue(a);
|
|
2303
2313
|
}
|
|
2304
2314
|
);
|
|
2305
2315
|
}
|
|
@@ -2316,14 +2326,14 @@ const c = class c {
|
|
|
2316
2326
|
return n;
|
|
2317
2327
|
if (typeof n != "string" || r === null)
|
|
2318
2328
|
return null;
|
|
2319
|
-
const
|
|
2320
|
-
return
|
|
2321
|
-
|
|
2329
|
+
const i = r.trim();
|
|
2330
|
+
return u.SINGLE_PLACEHOLDER_REGEX.test(i) ? T.parseDataBind(n) : i.startsWith("{") || i.startsWith("[") ? T.parseDataBind(
|
|
2331
|
+
u.resolveDataJsonString(
|
|
2322
2332
|
r,
|
|
2323
2333
|
t.getBindingData()
|
|
2324
2334
|
)
|
|
2325
2335
|
) : T.parseDataBind(
|
|
2326
|
-
|
|
2336
|
+
u.resolveDataParamString(r, t.getBindingData())
|
|
2327
2337
|
);
|
|
2328
2338
|
}
|
|
2329
2339
|
/**
|
|
@@ -2338,29 +2348,29 @@ const c = class c {
|
|
|
2338
2348
|
targetFragment: t
|
|
2339
2349
|
};
|
|
2340
2350
|
if (e) {
|
|
2341
|
-
if (t.hasAttribute(
|
|
2342
|
-
|
|
2343
|
-
)), t.hasAttribute(
|
|
2351
|
+
if (t.hasAttribute(u.attrName(e, "validate")) && (r.valid = !0), t.hasAttribute(u.attrName(e, "confirm")) && (r.confirmMessage = t.getAttribute(
|
|
2352
|
+
u.attrName(e, "confirm")
|
|
2353
|
+
)), t.hasAttribute(u.attrName(e, "data")) && (r.data = u.resolveDataAttribute(
|
|
2344
2354
|
t,
|
|
2345
|
-
|
|
2346
|
-
)), t.hasAttribute(
|
|
2355
|
+
u.attrName(e, "data")
|
|
2356
|
+
)), t.hasAttribute(u.attrName(e, "form"))) {
|
|
2347
2357
|
const l = t.getRawAttribute(
|
|
2348
|
-
|
|
2358
|
+
u.attrName(e, "form")
|
|
2349
2359
|
);
|
|
2350
2360
|
if (l) {
|
|
2351
2361
|
const d = document.body.querySelector(l);
|
|
2352
|
-
d !== null ? r.formFragment =
|
|
2353
|
-
|
|
2354
|
-
) :
|
|
2362
|
+
d !== null ? r.formFragment = b.getFormFragment(
|
|
2363
|
+
A.get(d)
|
|
2364
|
+
) : h.error(
|
|
2355
2365
|
"Haori",
|
|
2356
|
-
`Form element not found: ${l} (${
|
|
2366
|
+
`Form element not found: ${l} (${u.attrName(e, "form")})`
|
|
2357
2367
|
);
|
|
2358
2368
|
} else
|
|
2359
|
-
r.formFragment =
|
|
2360
|
-
} else e === "change" && (r.formFragment =
|
|
2361
|
-
if (t.hasAttribute(`${
|
|
2369
|
+
r.formFragment = b.getFormFragment(t);
|
|
2370
|
+
} else e === "change" && (r.formFragment = b.getFormFragment(t));
|
|
2371
|
+
if (t.hasAttribute(`${f.prefix}${e}-before-run`)) {
|
|
2362
2372
|
const l = t.getRawAttribute(
|
|
2363
|
-
`${
|
|
2373
|
+
`${f.prefix}${e}-before-run`
|
|
2364
2374
|
);
|
|
2365
2375
|
try {
|
|
2366
2376
|
r.beforeCallback = new Function(
|
|
@@ -2372,38 +2382,38 @@ ${l}
|
|
|
2372
2382
|
`
|
|
2373
2383
|
);
|
|
2374
2384
|
} catch (d) {
|
|
2375
|
-
|
|
2385
|
+
h.error("Haori", `Invalid before script: ${d}`);
|
|
2376
2386
|
}
|
|
2377
2387
|
}
|
|
2378
2388
|
}
|
|
2379
|
-
const n =
|
|
2380
|
-
|
|
2381
|
-
const
|
|
2389
|
+
const n = u.attrName(e, "fetch"), i = t.hasAttribute(n);
|
|
2390
|
+
i && (r.fetchUrl = t.getAttribute(n));
|
|
2391
|
+
const s = {};
|
|
2382
2392
|
if (e) {
|
|
2383
|
-
const l =
|
|
2384
|
-
t.hasAttribute(l) && (
|
|
2393
|
+
const l = u.attrName(e, "fetch-method");
|
|
2394
|
+
t.hasAttribute(l) && (s.method = t.getAttribute(
|
|
2385
2395
|
l
|
|
2386
2396
|
));
|
|
2387
2397
|
} else {
|
|
2388
|
-
const l =
|
|
2389
|
-
t.hasAttribute(l) && (
|
|
2398
|
+
const l = u.attrName(null, "method", !0);
|
|
2399
|
+
t.hasAttribute(l) && (s.method = t.getAttribute(
|
|
2390
2400
|
l
|
|
2391
2401
|
));
|
|
2392
2402
|
}
|
|
2393
2403
|
if (e) {
|
|
2394
|
-
const l =
|
|
2404
|
+
const l = u.attrName(e, "fetch-headers");
|
|
2395
2405
|
if (t.hasAttribute(l)) {
|
|
2396
2406
|
const d = t.getRawAttribute(
|
|
2397
2407
|
l
|
|
2398
2408
|
);
|
|
2399
2409
|
try {
|
|
2400
|
-
|
|
2401
|
-
} catch (
|
|
2402
|
-
|
|
2410
|
+
s.headers = T.parseDataBind(d);
|
|
2411
|
+
} catch (g) {
|
|
2412
|
+
h.error("Haori", `Invalid fetch headers: ${g}`);
|
|
2403
2413
|
}
|
|
2404
2414
|
}
|
|
2405
2415
|
} else {
|
|
2406
|
-
const l =
|
|
2416
|
+
const l = u.attrName(
|
|
2407
2417
|
null,
|
|
2408
2418
|
"headers",
|
|
2409
2419
|
!0
|
|
@@ -2413,111 +2423,111 @@ ${l}
|
|
|
2413
2423
|
l
|
|
2414
2424
|
);
|
|
2415
2425
|
try {
|
|
2416
|
-
|
|
2417
|
-
} catch (
|
|
2418
|
-
|
|
2426
|
+
s.headers = T.parseDataBind(d);
|
|
2427
|
+
} catch (g) {
|
|
2428
|
+
h.error("Haori", `Invalid fetch headers: ${g}`);
|
|
2419
2429
|
}
|
|
2420
2430
|
}
|
|
2421
2431
|
}
|
|
2422
2432
|
if (e) {
|
|
2423
|
-
const l =
|
|
2433
|
+
const l = u.attrName(
|
|
2424
2434
|
e,
|
|
2425
2435
|
"fetch-content-type"
|
|
2426
2436
|
);
|
|
2427
2437
|
if (t.hasAttribute(l))
|
|
2428
|
-
|
|
2429
|
-
...
|
|
2438
|
+
s.headers = {
|
|
2439
|
+
...s.headers,
|
|
2430
2440
|
"Content-Type": t.getAttribute(l)
|
|
2431
2441
|
};
|
|
2432
|
-
else if (
|
|
2442
|
+
else if (s.method && s.method !== "GET" && s.method !== "HEAD" && s.method !== "OPTIONS") {
|
|
2433
2443
|
let d = !1;
|
|
2434
|
-
|
|
2435
|
-
...
|
|
2444
|
+
s.headers && typeof s.headers == "object" && (d = "Content-Type" in s.headers), d || (s.headers = {
|
|
2445
|
+
...s.headers,
|
|
2436
2446
|
"Content-Type": "application/json"
|
|
2437
2447
|
});
|
|
2438
|
-
} else
|
|
2439
|
-
...
|
|
2448
|
+
} else s.method && (s.method === "GET" || s.method === "HEAD" || s.method === "OPTIONS") && (s.headers = {
|
|
2449
|
+
...s.headers,
|
|
2440
2450
|
"Content-Type": "application/x-www-form-urlencoded"
|
|
2441
2451
|
});
|
|
2442
2452
|
} else {
|
|
2443
|
-
const l =
|
|
2453
|
+
const l = u.attrName(
|
|
2444
2454
|
null,
|
|
2445
2455
|
"content-type",
|
|
2446
2456
|
!0
|
|
2447
2457
|
);
|
|
2448
2458
|
if (t.hasAttribute(l))
|
|
2449
|
-
|
|
2450
|
-
...
|
|
2459
|
+
s.headers = {
|
|
2460
|
+
...s.headers,
|
|
2451
2461
|
"Content-Type": t.getAttribute(l)
|
|
2452
2462
|
};
|
|
2453
|
-
else if (
|
|
2463
|
+
else if (s.method && s.method !== "GET" && s.method !== "HEAD" && s.method !== "OPTIONS") {
|
|
2454
2464
|
let d = !1;
|
|
2455
|
-
|
|
2456
|
-
...
|
|
2465
|
+
s.headers && typeof s.headers == "object" && (d = "Content-Type" in s.headers), d || (s.headers = {
|
|
2466
|
+
...s.headers,
|
|
2457
2467
|
"Content-Type": "application/json"
|
|
2458
2468
|
});
|
|
2459
|
-
} else
|
|
2460
|
-
...
|
|
2469
|
+
} else s.method && (s.method === "GET" || s.method === "HEAD" || s.method === "OPTIONS") && (s.headers = {
|
|
2470
|
+
...s.headers,
|
|
2461
2471
|
"Content-Type": "application/x-www-form-urlencoded"
|
|
2462
2472
|
});
|
|
2463
2473
|
}
|
|
2464
|
-
Object.keys(
|
|
2465
|
-
const a = e ?
|
|
2474
|
+
Object.keys(s).length > 0 && (r.fetchOptions = s);
|
|
2475
|
+
const a = e ? u.attrName(e, "bind") : u.attrName(null, "bind", !0);
|
|
2466
2476
|
if (t.hasAttribute(a)) {
|
|
2467
2477
|
const l = t.getRawAttribute(a);
|
|
2468
2478
|
if (l) {
|
|
2469
2479
|
const d = document.body.querySelectorAll(l);
|
|
2470
|
-
d.length > 0 ? (r.bindFragments = [], d.forEach((
|
|
2471
|
-
const v =
|
|
2480
|
+
d.length > 0 ? (r.bindFragments = [], d.forEach((g) => {
|
|
2481
|
+
const v = A.get(g);
|
|
2472
2482
|
v && r.bindFragments.push(v);
|
|
2473
|
-
})) :
|
|
2483
|
+
})) : h.error(
|
|
2474
2484
|
"Haori",
|
|
2475
2485
|
`Bind element not found: ${l} (${a})`
|
|
2476
2486
|
);
|
|
2477
2487
|
}
|
|
2478
2488
|
}
|
|
2479
|
-
const o =
|
|
2489
|
+
const o = u.attrName(e, "bind-arg"), p = u.attrName(
|
|
2480
2490
|
null,
|
|
2481
2491
|
"arg",
|
|
2482
2492
|
!0
|
|
2483
|
-
),
|
|
2493
|
+
), c = u.attrName(
|
|
2484
2494
|
null,
|
|
2485
2495
|
"bind-arg",
|
|
2486
2496
|
!0
|
|
2487
2497
|
);
|
|
2488
|
-
e ? t.hasAttribute(o) && (r.bindArg = t.getRawAttribute(o)) : t.hasAttribute(
|
|
2489
|
-
|
|
2490
|
-
) : t.hasAttribute(
|
|
2491
|
-
const
|
|
2492
|
-
if (t.hasAttribute(
|
|
2493
|
-
const l = t.getRawAttribute(
|
|
2498
|
+
e ? t.hasAttribute(o) && (r.bindArg = t.getRawAttribute(o)) : t.hasAttribute(p) ? r.bindArg = t.getRawAttribute(
|
|
2499
|
+
p
|
|
2500
|
+
) : t.hasAttribute(c) && (r.bindArg = t.getRawAttribute(c));
|
|
2501
|
+
const y = e ? u.attrName(e, "bind-params") : u.attrName(null, "bind-params", !0);
|
|
2502
|
+
if (t.hasAttribute(y)) {
|
|
2503
|
+
const l = t.getRawAttribute(y);
|
|
2494
2504
|
r.bindParams = l.split("&").map((d) => d.trim());
|
|
2495
2505
|
}
|
|
2496
2506
|
if (e) {
|
|
2497
|
-
if (t.hasAttribute(
|
|
2507
|
+
if (t.hasAttribute(u.attrName(e, "adjust"))) {
|
|
2498
2508
|
const d = t.getRawAttribute(
|
|
2499
|
-
|
|
2509
|
+
u.attrName(e, "adjust")
|
|
2500
2510
|
);
|
|
2501
2511
|
if (d) {
|
|
2502
|
-
const
|
|
2503
|
-
|
|
2504
|
-
const w =
|
|
2512
|
+
const g = document.body.querySelectorAll(d);
|
|
2513
|
+
g.length > 0 ? (r.adjustFragments = [], g.forEach((v) => {
|
|
2514
|
+
const w = A.get(v);
|
|
2505
2515
|
w && r.adjustFragments.push(w);
|
|
2506
|
-
})) :
|
|
2516
|
+
})) : h.error(
|
|
2507
2517
|
"Haori",
|
|
2508
|
-
`Adjust element not found: ${d} (${
|
|
2518
|
+
`Adjust element not found: ${d} (${u.attrName(e, "adjust")})`
|
|
2509
2519
|
);
|
|
2510
2520
|
}
|
|
2511
|
-
if (t.hasAttribute(
|
|
2512
|
-
const
|
|
2513
|
-
|
|
2514
|
-
), v = Number(
|
|
2521
|
+
if (t.hasAttribute(u.attrName(e, "adjust-value"))) {
|
|
2522
|
+
const g = t.getRawAttribute(
|
|
2523
|
+
u.attrName(e, "adjust-value")
|
|
2524
|
+
), v = Number(g);
|
|
2515
2525
|
isNaN(v) || (r.adjustValue = v);
|
|
2516
2526
|
}
|
|
2517
2527
|
}
|
|
2518
|
-
if (t.hasAttribute(
|
|
2528
|
+
if (t.hasAttribute(u.attrName(e, "row-add")) && (r.rowAdd = !0), t.hasAttribute(u.attrName(e, "row-remove")) && (r.rowRemove = !0), t.hasAttribute(u.attrName(e, "row-prev")) && (r.rowMovePrev = !0), t.hasAttribute(u.attrName(e, "row-next")) && (r.rowMoveNext = !0), t.hasAttribute(`${f.prefix}${e}-after-run`)) {
|
|
2519
2529
|
const d = t.getRawAttribute(
|
|
2520
|
-
`${
|
|
2530
|
+
`${f.prefix}${e}-after-run`
|
|
2521
2531
|
);
|
|
2522
2532
|
try {
|
|
2523
2533
|
r.afterCallback = new Function(
|
|
@@ -2527,31 +2537,51 @@ ${l}
|
|
|
2527
2537
|
${d}
|
|
2528
2538
|
`
|
|
2529
2539
|
);
|
|
2530
|
-
} catch (
|
|
2531
|
-
|
|
2540
|
+
} catch (g) {
|
|
2541
|
+
h.error("Haori", `Invalid after script: ${g}`);
|
|
2532
2542
|
}
|
|
2533
2543
|
}
|
|
2534
|
-
t.hasAttribute(
|
|
2535
|
-
|
|
2536
|
-
)), t.hasAttribute(
|
|
2537
|
-
|
|
2538
|
-
)), t.hasAttribute(
|
|
2539
|
-
|
|
2540
|
-
)),
|
|
2544
|
+
if (t.hasAttribute(u.attrName(e, "dialog")) && (r.dialogMessage = t.getAttribute(
|
|
2545
|
+
u.attrName(e, "dialog")
|
|
2546
|
+
)), t.hasAttribute(u.attrName(e, "toast")) && (r.toastMessage = t.getAttribute(
|
|
2547
|
+
u.attrName(e, "toast")
|
|
2548
|
+
)), t.hasAttribute(u.attrName(e, "redirect")) && (r.redirectUrl = t.getAttribute(
|
|
2549
|
+
u.attrName(e, "redirect")
|
|
2550
|
+
)), t.hasAttribute(u.attrName(e, "history")) && (r.historyUrl = t.getAttribute(
|
|
2551
|
+
u.attrName(e, "history")
|
|
2552
|
+
)), t.hasAttribute(u.attrName(e, "history-data")) && (r.historyData = u.resolveDataAttribute(
|
|
2553
|
+
t,
|
|
2554
|
+
u.attrName(e, "history-data")
|
|
2555
|
+
)), t.hasAttribute(u.attrName(e, "history-form"))) {
|
|
2556
|
+
const d = t.getRawAttribute(
|
|
2557
|
+
u.attrName(e, "history-form")
|
|
2558
|
+
);
|
|
2559
|
+
if (d) {
|
|
2560
|
+
const g = document.body.querySelector(d);
|
|
2561
|
+
g !== null ? r.historyFormFragment = b.getFormFragment(
|
|
2562
|
+
A.get(g)
|
|
2563
|
+
) : h.error(
|
|
2564
|
+
"Haori",
|
|
2565
|
+
`Form element not found: ${d} (${u.attrName(e, "history-form")})`
|
|
2566
|
+
);
|
|
2567
|
+
} else
|
|
2568
|
+
r.historyFormFragment = b.getFormFragment(t);
|
|
2569
|
+
}
|
|
2570
|
+
[
|
|
2541
2571
|
"reset",
|
|
2542
2572
|
"refetch",
|
|
2543
2573
|
"click",
|
|
2544
2574
|
"open",
|
|
2545
2575
|
"close"
|
|
2546
2576
|
].forEach((d) => {
|
|
2547
|
-
const
|
|
2548
|
-
if (!t.hasAttribute(
|
|
2577
|
+
const g = u.attrName(e, d);
|
|
2578
|
+
if (!t.hasAttribute(g))
|
|
2549
2579
|
return;
|
|
2550
|
-
const v = t.getRawAttribute(
|
|
2580
|
+
const v = t.getRawAttribute(g), w = [];
|
|
2551
2581
|
if (v ? (document.body.querySelectorAll(v).forEach((F) => {
|
|
2552
|
-
const x =
|
|
2582
|
+
const x = A.get(F);
|
|
2553
2583
|
x && w.push(x);
|
|
2554
|
-
}), w.length === 0 &&
|
|
2584
|
+
}), w.length === 0 && h.error("Haori", `Element not found: ${v} (${g})`)) : w.push(t), w.length > 0)
|
|
2555
2585
|
switch (d) {
|
|
2556
2586
|
case "reset":
|
|
2557
2587
|
r.resetFragments = w;
|
|
@@ -2571,25 +2601,25 @@ ${d}
|
|
|
2571
2601
|
}
|
|
2572
2602
|
});
|
|
2573
2603
|
}
|
|
2574
|
-
if (!e && (t.hasAttribute(
|
|
2604
|
+
if (!e && (t.hasAttribute(u.attrName(null, "data", !0)) && (r.data = u.resolveDataAttribute(
|
|
2575
2605
|
t,
|
|
2576
|
-
|
|
2577
|
-
)), t.hasAttribute(
|
|
2606
|
+
u.attrName(null, "data", !0)
|
|
2607
|
+
)), t.hasAttribute(u.attrName(null, "form", !0)))) {
|
|
2578
2608
|
const l = t.getRawAttribute(
|
|
2579
|
-
|
|
2609
|
+
u.attrName(null, "form", !0)
|
|
2580
2610
|
);
|
|
2581
2611
|
if (l) {
|
|
2582
2612
|
const d = document.body.querySelector(l);
|
|
2583
|
-
d !== null ? r.formFragment =
|
|
2584
|
-
|
|
2585
|
-
) :
|
|
2613
|
+
d !== null ? r.formFragment = b.getFormFragment(
|
|
2614
|
+
A.get(d)
|
|
2615
|
+
) : h.error(
|
|
2586
2616
|
"Haori",
|
|
2587
|
-
`Form element not found: ${l} (${
|
|
2617
|
+
`Form element not found: ${l} (${u.attrName(null, "fetch-form", !0)})`
|
|
2588
2618
|
);
|
|
2589
2619
|
} else
|
|
2590
|
-
r.formFragment =
|
|
2620
|
+
r.formFragment = b.getFormFragment(t);
|
|
2591
2621
|
}
|
|
2592
|
-
return
|
|
2622
|
+
return i && (!r.bindFragments || r.bindFragments.length === 0) && (r.bindFragments = [t]), r;
|
|
2593
2623
|
}
|
|
2594
2624
|
/**
|
|
2595
2625
|
* ElementFragment の構造的タイプガード。
|
|
@@ -2610,7 +2640,7 @@ ${d}
|
|
|
2610
2640
|
* @param arg2 イベント名
|
|
2611
2641
|
*/
|
|
2612
2642
|
constructor(t, e = null) {
|
|
2613
|
-
|
|
2643
|
+
u.isElementFragment(t) ? this.options = u.buildOptions(t, e) : this.options = t;
|
|
2614
2644
|
}
|
|
2615
2645
|
/**
|
|
2616
2646
|
* 一連の処理を実行します。オプションが空の場合は即座にresolveされます。
|
|
@@ -2623,82 +2653,82 @@ ${d}
|
|
|
2623
2653
|
return Promise.resolve();
|
|
2624
2654
|
let e = this.options.fetchUrl, r = this.options.fetchOptions;
|
|
2625
2655
|
if (this.options.beforeCallback) {
|
|
2626
|
-
const
|
|
2656
|
+
const s = this.options.beforeCallback(
|
|
2627
2657
|
e || null,
|
|
2628
2658
|
r || null
|
|
2629
2659
|
);
|
|
2630
|
-
if (
|
|
2631
|
-
if (
|
|
2660
|
+
if (s != null) {
|
|
2661
|
+
if (s === !1 || typeof s == "object" && s.stop)
|
|
2632
2662
|
return Promise.resolve();
|
|
2633
|
-
typeof
|
|
2663
|
+
typeof s == "object" && (e = "fetchUrl" in s ? s.fetchUrl : e, r = "fetchOptions" in s ? s.fetchOptions : r);
|
|
2634
2664
|
}
|
|
2635
2665
|
}
|
|
2636
2666
|
const n = {};
|
|
2637
2667
|
if (this.options.formFragment) {
|
|
2638
|
-
const
|
|
2639
|
-
Object.assign(n,
|
|
2668
|
+
const s = b.getValues(this.options.formFragment);
|
|
2669
|
+
Object.assign(n, s);
|
|
2640
2670
|
}
|
|
2641
2671
|
this.options.data && typeof this.options.data == "object" && Object.assign(n, this.options.data);
|
|
2642
|
-
const
|
|
2672
|
+
const i = Object.keys(n).length > 0;
|
|
2643
2673
|
if (e) {
|
|
2644
|
-
const
|
|
2645
|
-
|
|
2646
|
-
), o = (
|
|
2674
|
+
const s = { ...r || {} }, a = new Headers(
|
|
2675
|
+
s.headers || void 0
|
|
2676
|
+
), o = (s.method || "GET").toUpperCase();
|
|
2647
2677
|
if (o === "GET" || o === "HEAD" || o === "OPTIONS") {
|
|
2648
|
-
if (
|
|
2649
|
-
const
|
|
2650
|
-
for (const [
|
|
2651
|
-
l !== void 0 && (l === null ?
|
|
2652
|
-
|
|
2653
|
-
}) : typeof l == "object" || typeof l == "function" ?
|
|
2654
|
-
|
|
2678
|
+
if (i) {
|
|
2679
|
+
const p = new URL(e, window.location.href), c = new URLSearchParams(p.search);
|
|
2680
|
+
for (const [y, l] of Object.entries(n))
|
|
2681
|
+
l !== void 0 && (l === null ? c.append(y, "") : Array.isArray(l) ? l.forEach((d) => {
|
|
2682
|
+
c.append(y, String(d));
|
|
2683
|
+
}) : typeof l == "object" || typeof l == "function" ? c.append(y, JSON.stringify(l)) : c.append(y, String(l)));
|
|
2684
|
+
p.search = c.toString(), e = p.toString();
|
|
2655
2685
|
}
|
|
2656
|
-
} else if (
|
|
2657
|
-
const
|
|
2658
|
-
if (/multipart\/form-data/i.test(
|
|
2686
|
+
} else if (i) {
|
|
2687
|
+
const p = a.get("Content-Type") || "";
|
|
2688
|
+
if (/multipart\/form-data/i.test(p)) {
|
|
2659
2689
|
a.delete("Content-Type");
|
|
2660
|
-
const
|
|
2661
|
-
for (const [
|
|
2662
|
-
l == null ?
|
|
2663
|
-
|
|
2664
|
-
} else if (/application\/x-www-form-urlencoded/i.test(
|
|
2665
|
-
const
|
|
2666
|
-
for (const [
|
|
2667
|
-
l !== void 0 && (l === null ?
|
|
2668
|
-
|
|
2690
|
+
const c = new FormData();
|
|
2691
|
+
for (const [y, l] of Object.entries(n))
|
|
2692
|
+
l == null ? c.append(y, "") : l instanceof Blob ? c.append(y, l) : Array.isArray(l) ? l.forEach((d) => c.append(y, String(d))) : typeof l == "object" ? c.append(y, JSON.stringify(l)) : c.append(y, String(l));
|
|
2693
|
+
s.body = c;
|
|
2694
|
+
} else if (/application\/x-www-form-urlencoded/i.test(p)) {
|
|
2695
|
+
const c = new URLSearchParams();
|
|
2696
|
+
for (const [y, l] of Object.entries(n))
|
|
2697
|
+
l !== void 0 && (l === null ? c.append(y, "") : Array.isArray(l) ? l.forEach((d) => c.append(y, String(d))) : typeof l == "object" ? c.append(y, JSON.stringify(l)) : c.append(y, String(l)));
|
|
2698
|
+
s.body = c;
|
|
2669
2699
|
} else
|
|
2670
|
-
a.set("Content-Type", "application/json"),
|
|
2700
|
+
a.set("Content-Type", "application/json"), s.body = JSON.stringify(n);
|
|
2671
2701
|
}
|
|
2672
|
-
if (
|
|
2673
|
-
const
|
|
2674
|
-
return
|
|
2702
|
+
if (s.headers = a, this.options.targetFragment && e) {
|
|
2703
|
+
const p = performance.now();
|
|
2704
|
+
return E.fetchStart(
|
|
2675
2705
|
this.options.targetFragment.getTarget(),
|
|
2676
2706
|
e,
|
|
2677
|
-
|
|
2678
|
-
|
|
2679
|
-
), fetch(e,
|
|
2680
|
-
|
|
2707
|
+
s,
|
|
2708
|
+
i ? n : void 0
|
|
2709
|
+
), fetch(e, s).then((c) => this.handleFetchResult(
|
|
2710
|
+
c,
|
|
2681
2711
|
e || void 0,
|
|
2682
|
-
|
|
2683
|
-
)).catch((
|
|
2684
|
-
throw e &&
|
|
2712
|
+
p
|
|
2713
|
+
)).catch((c) => {
|
|
2714
|
+
throw e && E.fetchError(
|
|
2685
2715
|
this.options.targetFragment.getTarget(),
|
|
2686
2716
|
e,
|
|
2687
|
-
|
|
2688
|
-
),
|
|
2717
|
+
c
|
|
2718
|
+
), c;
|
|
2689
2719
|
});
|
|
2690
|
-
} else return e ? fetch(e,
|
|
2720
|
+
} else return e ? fetch(e, s).then((p) => this.handleFetchResult(p, e || void 0)) : Promise.resolve();
|
|
2691
2721
|
} else {
|
|
2692
|
-
if ((!this.options.bindFragments || this.options.bindFragments.length === 0) && this.options.formFragment &&
|
|
2693
|
-
const o = this.options.formFragment,
|
|
2694
|
-
|
|
2695
|
-
`${
|
|
2722
|
+
if ((!this.options.bindFragments || this.options.bindFragments.length === 0) && this.options.formFragment && i) {
|
|
2723
|
+
const o = this.options.formFragment, p = o.getTarget();
|
|
2724
|
+
p.setAttribute(
|
|
2725
|
+
`${f.prefix}bind`,
|
|
2696
2726
|
JSON.stringify(n)
|
|
2697
2727
|
);
|
|
2698
|
-
const
|
|
2699
|
-
return Object.assign(
|
|
2728
|
+
const c = o.getBindingData();
|
|
2729
|
+
return Object.assign(c, n), T.setBindingData(p, c);
|
|
2700
2730
|
}
|
|
2701
|
-
const
|
|
2731
|
+
const s = i ? n : {}, a = new Response(JSON.stringify(s), {
|
|
2702
2732
|
headers: { "Content-Type": "application/json" }
|
|
2703
2733
|
});
|
|
2704
2734
|
return this.handleFetchResult(a);
|
|
@@ -2711,82 +2741,115 @@ ${d}
|
|
|
2711
2741
|
handleFetchResult(t, e, r) {
|
|
2712
2742
|
const n = K();
|
|
2713
2743
|
if (!t.ok)
|
|
2714
|
-
return this.options.targetFragment && e &&
|
|
2744
|
+
return this.options.targetFragment && e && E.fetchError(
|
|
2715
2745
|
this.options.targetFragment.getTarget(),
|
|
2716
2746
|
e,
|
|
2717
2747
|
new Error(`${t.status} ${t.statusText}`),
|
|
2718
2748
|
t.status,
|
|
2719
2749
|
r
|
|
2720
2750
|
), this.handleFetchError(t);
|
|
2721
|
-
if (this.options.targetFragment && e && r &&
|
|
2751
|
+
if (this.options.targetFragment && e && r && E.fetchEnd(
|
|
2722
2752
|
this.options.targetFragment.getTarget(),
|
|
2723
2753
|
e,
|
|
2724
2754
|
t.status,
|
|
2725
2755
|
r
|
|
2726
2756
|
), this.options.afterCallback) {
|
|
2727
|
-
const
|
|
2728
|
-
if (
|
|
2729
|
-
if (
|
|
2757
|
+
const s = this.options.afterCallback(t);
|
|
2758
|
+
if (s != null) {
|
|
2759
|
+
if (s === !1 || typeof s == "object" && s.stop)
|
|
2730
2760
|
return Promise.resolve();
|
|
2731
|
-
typeof
|
|
2761
|
+
typeof s == "object" && "response" in s && (t = "response" in s ? s.response : t);
|
|
2732
2762
|
}
|
|
2733
2763
|
}
|
|
2734
|
-
const
|
|
2735
|
-
return
|
|
2736
|
-
|
|
2737
|
-
}), this.options.refetchFragments && this.options.refetchFragments.length > 0 && this.options.refetchFragments.forEach((
|
|
2738
|
-
|
|
2739
|
-
}), this.options.clickFragments && this.options.clickFragments.length > 0 && this.options.clickFragments.forEach((
|
|
2740
|
-
const a =
|
|
2764
|
+
const i = [];
|
|
2765
|
+
return i.push(this.bindResult(t)), i.push(this.adjust()), i.push(this.addRow()), i.push(this.removeRow()), i.push(this.movePrevRow()), i.push(this.moveNextRow()), this.options.resetFragments && this.options.resetFragments.length > 0 && this.options.resetFragments.forEach((s) => {
|
|
2766
|
+
i.push(b.reset(s));
|
|
2767
|
+
}), this.options.refetchFragments && this.options.refetchFragments.length > 0 && this.options.refetchFragments.forEach((s) => {
|
|
2768
|
+
i.push(new u(s, null).run());
|
|
2769
|
+
}), this.options.clickFragments && this.options.clickFragments.length > 0 && this.options.clickFragments.forEach((s) => {
|
|
2770
|
+
const a = s.getTarget();
|
|
2741
2771
|
typeof a.click == "function" ? a.click() : a.dispatchEvent(
|
|
2742
2772
|
new MouseEvent("click", { bubbles: !0, cancelable: !0 })
|
|
2743
2773
|
);
|
|
2744
|
-
}), this.options.openFragments && this.options.openFragments.length > 0 && this.options.openFragments.forEach((
|
|
2745
|
-
const a =
|
|
2746
|
-
a instanceof HTMLElement ?
|
|
2747
|
-
}), this.options.closeFragments && this.options.closeFragments.length > 0 && this.options.closeFragments.forEach((
|
|
2748
|
-
const a =
|
|
2749
|
-
a instanceof HTMLElement ?
|
|
2750
|
-
}), Promise.all(
|
|
2774
|
+
}), this.options.openFragments && this.options.openFragments.length > 0 && this.options.openFragments.forEach((s) => {
|
|
2775
|
+
const a = s.getTarget();
|
|
2776
|
+
a instanceof HTMLElement ? i.push(n.openDialog(a)) : h.error("Haori", "Element is not an HTML element: ", a);
|
|
2777
|
+
}), this.options.closeFragments && this.options.closeFragments.length > 0 && this.options.closeFragments.forEach((s) => {
|
|
2778
|
+
const a = s.getTarget();
|
|
2779
|
+
a instanceof HTMLElement ? i.push(n.closeDialog(a)) : h.error("Haori", "Element is not an HTML element: ", a);
|
|
2780
|
+
}), Promise.all(i).then(() => this.options.dialogMessage ? n.dialog(this.options.dialogMessage) : Promise.resolve()).then(() => this.options.toastMessage ? n.toast(this.options.toastMessage, "info") : Promise.resolve()).then(() => (this.pushHistory(), Promise.resolve())).then(() => (this.options.redirectUrl && (window.location.href = this.options.redirectUrl), Promise.resolve()));
|
|
2781
|
+
}
|
|
2782
|
+
/**
|
|
2783
|
+
* history.pushState を実行します。
|
|
2784
|
+
*
|
|
2785
|
+
* `historyUrl` / `historyData` / `historyFormFragment` の内容を基に URL を組み立て、
|
|
2786
|
+
* `history.pushState()` を呼び出します。いずれも未指定の場合は何もしません。
|
|
2787
|
+
* 不正 URL・オリジン違反・例外は `Log.error` でログ出力してスキップし、後続処理は継続します。
|
|
2788
|
+
*/
|
|
2789
|
+
pushHistory() {
|
|
2790
|
+
const t = this.options.historyUrl !== void 0 && this.options.historyUrl !== null, e = this.options.historyData !== void 0 && this.options.historyData !== null, r = this.options.historyFormFragment !== void 0 && this.options.historyFormFragment !== null;
|
|
2791
|
+
if (!(!t && !e && !r))
|
|
2792
|
+
try {
|
|
2793
|
+
const n = t ? this.options.historyUrl : window.location.pathname, i = new URL(n, window.location.href);
|
|
2794
|
+
if (i.origin !== window.location.origin) {
|
|
2795
|
+
const a = "history.pushState: cross-origin URL is not allowed: " + i.toString();
|
|
2796
|
+
h.error(
|
|
2797
|
+
"Haori",
|
|
2798
|
+
a
|
|
2799
|
+
);
|
|
2800
|
+
return;
|
|
2801
|
+
}
|
|
2802
|
+
const s = (a) => {
|
|
2803
|
+
for (const [o, p] of Object.entries(a))
|
|
2804
|
+
p != null && (Array.isArray(p) ? p.forEach((c) => i.searchParams.append(o, String(c))) : typeof p == "object" ? i.searchParams.set(o, JSON.stringify(p)) : i.searchParams.set(o, String(p)));
|
|
2805
|
+
};
|
|
2806
|
+
e && s(this.options.historyData), r && s(
|
|
2807
|
+
b.getValues(
|
|
2808
|
+
this.options.historyFormFragment
|
|
2809
|
+
)
|
|
2810
|
+
), history.pushState({}, "", i.toString());
|
|
2811
|
+
} catch (n) {
|
|
2812
|
+
h.error("Haori", `history.pushState failed: ${n}`);
|
|
2813
|
+
}
|
|
2751
2814
|
}
|
|
2752
2815
|
/**
|
|
2753
2816
|
* フェッチエラー応答のメッセージを適切な要素へ伝播します。
|
|
2754
2817
|
*/
|
|
2755
2818
|
async handleFetchError(t) {
|
|
2756
2819
|
let e = null;
|
|
2757
|
-
this.options.formFragment ? e = this.options.formFragment : this.options.targetFragment && (e =
|
|
2758
|
-
const r = async (
|
|
2759
|
-
const
|
|
2760
|
-
await K().addErrorMessage(
|
|
2820
|
+
this.options.formFragment ? e = this.options.formFragment : this.options.targetFragment && (e = b.getFormFragment(this.options.targetFragment) || this.options.targetFragment);
|
|
2821
|
+
const r = async (i) => {
|
|
2822
|
+
const s = e ? e.getTarget() : document.body;
|
|
2823
|
+
await K().addErrorMessage(s, i);
|
|
2761
2824
|
};
|
|
2762
2825
|
if ((t.headers.get("Content-Type") || "").includes("application/json"))
|
|
2763
2826
|
try {
|
|
2764
|
-
const
|
|
2765
|
-
if (
|
|
2766
|
-
if (typeof
|
|
2767
|
-
for (const a of
|
|
2768
|
-
typeof a == "string" &&
|
|
2769
|
-
if (
|
|
2770
|
-
for (const [a, o] of Object.entries(
|
|
2771
|
-
Array.isArray(o) ?
|
|
2772
|
-
`) }) : typeof o == "string" ?
|
|
2773
|
-
if (
|
|
2774
|
-
for (const [a, o] of Object.entries(
|
|
2775
|
-
a === "message" || a === "messages" || a === "errors" || (Array.isArray(o) ?
|
|
2776
|
-
`) }) : typeof o == "string" &&
|
|
2827
|
+
const i = await t.json(), s = [];
|
|
2828
|
+
if (i && typeof i == "object") {
|
|
2829
|
+
if (typeof i.message == "string" && s.push({ message: i.message }), Array.isArray(i.messages))
|
|
2830
|
+
for (const a of i.messages)
|
|
2831
|
+
typeof a == "string" && s.push({ message: a });
|
|
2832
|
+
if (i.errors && typeof i.errors == "object")
|
|
2833
|
+
for (const [a, o] of Object.entries(i.errors))
|
|
2834
|
+
Array.isArray(o) ? s.push({ key: a, message: o.join(`
|
|
2835
|
+
`) }) : typeof o == "string" ? s.push({ key: a, message: o }) : o != null && s.push({ key: a, message: String(o) });
|
|
2836
|
+
if (s.length === 0)
|
|
2837
|
+
for (const [a, o] of Object.entries(i))
|
|
2838
|
+
a === "message" || a === "messages" || a === "errors" || (Array.isArray(o) ? s.push({ key: a, message: o.join(`
|
|
2839
|
+
`) }) : typeof o == "string" && s.push({ key: a, message: o }));
|
|
2777
2840
|
}
|
|
2778
|
-
if (
|
|
2841
|
+
if (s.length === 0) {
|
|
2779
2842
|
await r(`${t.status} ${t.statusText}`);
|
|
2780
2843
|
return;
|
|
2781
2844
|
}
|
|
2782
|
-
for (const a of
|
|
2783
|
-
a.key && e ? await
|
|
2845
|
+
for (const a of s)
|
|
2846
|
+
a.key && e ? await b.addErrorMessage(e, a.key, a.message) : await r(a.message);
|
|
2784
2847
|
return;
|
|
2785
2848
|
} catch {
|
|
2786
2849
|
}
|
|
2787
2850
|
try {
|
|
2788
|
-
const
|
|
2789
|
-
|
|
2851
|
+
const i = await t.text();
|
|
2852
|
+
i && i.trim().length > 0 ? await r(i.trim()) : await r(`${t.status} ${t.statusText}`);
|
|
2790
2853
|
} catch {
|
|
2791
2854
|
await r(`${t.status} ${t.statusText}`);
|
|
2792
2855
|
}
|
|
@@ -2835,26 +2898,26 @@ ${d}
|
|
|
2835
2898
|
bindResult(t) {
|
|
2836
2899
|
return !this.options.bindFragments || this.options.bindFragments.length === 0 ? Promise.resolve() : (t.headers.get("Content-Type")?.includes("application/json") ? t.json() : t.text()).then((r) => {
|
|
2837
2900
|
if (this.options.bindParams) {
|
|
2838
|
-
const
|
|
2839
|
-
this.options.bindParams.forEach((
|
|
2840
|
-
r && typeof r == "object" &&
|
|
2841
|
-
}), r =
|
|
2901
|
+
const i = {};
|
|
2902
|
+
this.options.bindParams.forEach((s) => {
|
|
2903
|
+
r && typeof r == "object" && s in r && (i[s] = r[s]);
|
|
2904
|
+
}), r = i;
|
|
2842
2905
|
}
|
|
2843
2906
|
const n = [];
|
|
2844
2907
|
if (this.options.bindArg)
|
|
2845
|
-
this.options.bindFragments.forEach((
|
|
2846
|
-
const
|
|
2847
|
-
|
|
2908
|
+
this.options.bindFragments.forEach((i) => {
|
|
2909
|
+
const s = i.getBindingData();
|
|
2910
|
+
s[this.options.bindArg] = r, n.push(T.setBindingData(i.getTarget(), s));
|
|
2848
2911
|
});
|
|
2849
2912
|
else {
|
|
2850
2913
|
if (typeof r == "string")
|
|
2851
|
-
return
|
|
2914
|
+
return h.error("Haori", "string data cannot be bound without a bindArg."), Promise.reject(
|
|
2852
2915
|
new Error("string data cannot be bound without a bindArg.")
|
|
2853
2916
|
);
|
|
2854
|
-
this.options.bindFragments.forEach((
|
|
2917
|
+
this.options.bindFragments.forEach((i) => {
|
|
2855
2918
|
n.push(
|
|
2856
2919
|
T.setBindingData(
|
|
2857
|
-
|
|
2920
|
+
i.getTarget(),
|
|
2858
2921
|
r
|
|
2859
2922
|
)
|
|
2860
2923
|
);
|
|
@@ -2874,8 +2937,8 @@ ${d}
|
|
|
2874
2937
|
for (const r of this.options.adjustFragments) {
|
|
2875
2938
|
let n = r.getValue();
|
|
2876
2939
|
(n == null || n === "") && (n = "0");
|
|
2877
|
-
let
|
|
2878
|
-
isNaN(
|
|
2940
|
+
let i = Number(n);
|
|
2941
|
+
isNaN(i) && (i = 0), i += t, e.push(r.setValue(String(i)));
|
|
2879
2942
|
}
|
|
2880
2943
|
return Promise.all(e).then(() => {
|
|
2881
2944
|
});
|
|
@@ -2887,11 +2950,11 @@ ${d}
|
|
|
2887
2950
|
*/
|
|
2888
2951
|
getRowFragment() {
|
|
2889
2952
|
if (!this.options.targetFragment)
|
|
2890
|
-
return
|
|
2953
|
+
return h.error("Haori", "Target fragment is not specified for row operation."), null;
|
|
2891
2954
|
const t = this.options.targetFragment.closestByAttribute(
|
|
2892
|
-
`${
|
|
2955
|
+
`${f.prefix}row`
|
|
2893
2956
|
);
|
|
2894
|
-
return t || (
|
|
2957
|
+
return t || (h.error("Haori", "Row fragment not found."), null);
|
|
2895
2958
|
}
|
|
2896
2959
|
/**
|
|
2897
2960
|
* 行を追加します。
|
|
@@ -2907,7 +2970,7 @@ ${d}
|
|
|
2907
2970
|
const e = [], r = t.clone();
|
|
2908
2971
|
return e.push(
|
|
2909
2972
|
t.getParent().insertAfter(r, t)
|
|
2910
|
-
), e.push(T.evaluateAll(r)), e.push(
|
|
2973
|
+
), e.push(T.evaluateAll(r)), e.push(b.reset(r)), Promise.all(e).then(() => {
|
|
2911
2974
|
});
|
|
2912
2975
|
}
|
|
2913
2976
|
/**
|
|
@@ -2922,7 +2985,7 @@ ${d}
|
|
|
2922
2985
|
if (!t)
|
|
2923
2986
|
return Promise.reject(new Error("Row fragment not found."));
|
|
2924
2987
|
const e = t.getParent();
|
|
2925
|
-
return e && e.getChildElementFragments().filter((n) => !n.hasAttribute(`${
|
|
2988
|
+
return e && e.getChildElementFragments().filter((n) => !n.hasAttribute(`${f.prefix}each-before`) && !n.hasAttribute(`${f.prefix}each-after`)).length <= 1 ? Promise.resolve() : t.remove();
|
|
2926
2989
|
}
|
|
2927
2990
|
/**
|
|
2928
2991
|
* 前の行へ移動します。
|
|
@@ -2959,8 +3022,8 @@ ${d}
|
|
|
2959
3022
|
return r ? r.insertAfter(t, e) : Promise.resolve();
|
|
2960
3023
|
}
|
|
2961
3024
|
};
|
|
2962
|
-
|
|
2963
|
-
let L =
|
|
3025
|
+
u.DATA_PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g, u.SINGLE_PLACEHOLDER_REGEX = /^(\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\})$/;
|
|
3026
|
+
let L = u;
|
|
2964
3027
|
class _ {
|
|
2965
3028
|
/**
|
|
2966
3029
|
* URLのクエリパラメータを取得します。
|
|
@@ -2969,8 +3032,8 @@ class _ {
|
|
|
2969
3032
|
*/
|
|
2970
3033
|
static readParams() {
|
|
2971
3034
|
const t = {}, e = window.location.search;
|
|
2972
|
-
return new URLSearchParams(e).forEach((n,
|
|
2973
|
-
t[
|
|
3035
|
+
return new URLSearchParams(e).forEach((n, i) => {
|
|
3036
|
+
t[i] = n;
|
|
2974
3037
|
}), t;
|
|
2975
3038
|
}
|
|
2976
3039
|
}
|
|
@@ -2991,24 +3054,24 @@ class tt {
|
|
|
2991
3054
|
let r;
|
|
2992
3055
|
try {
|
|
2993
3056
|
r = await fetch(t, e);
|
|
2994
|
-
} catch (
|
|
2995
|
-
throw
|
|
3057
|
+
} catch (i) {
|
|
3058
|
+
throw h.error("[Haori]", "Failed to fetch import source:", t, i), new Error(`Failed to fetch: ${t}`);
|
|
2996
3059
|
}
|
|
2997
3060
|
if (!r.ok) {
|
|
2998
|
-
const
|
|
2999
|
-
throw
|
|
3061
|
+
const i = `${r.status} ${r.statusText}`;
|
|
3062
|
+
throw h.error("[Haori]", "Import HTTP error:", t, i), new Error(`Failed to load ${t}: ${i}`);
|
|
3000
3063
|
}
|
|
3001
3064
|
let n;
|
|
3002
3065
|
try {
|
|
3003
3066
|
n = await r.text();
|
|
3004
|
-
} catch (
|
|
3005
|
-
throw
|
|
3067
|
+
} catch (i) {
|
|
3068
|
+
throw h.error("[Haori]", "Failed to read response text:", t, i), new Error(`Failed to read response from: ${t}`);
|
|
3006
3069
|
}
|
|
3007
3070
|
try {
|
|
3008
|
-
const
|
|
3009
|
-
return
|
|
3010
|
-
} catch (
|
|
3011
|
-
return
|
|
3071
|
+
const s = new DOMParser().parseFromString(n, "text/html");
|
|
3072
|
+
return s && s.body ? s.body.innerHTML : (h.warn("[Haori]", "No body found in imported document:", t), n);
|
|
3073
|
+
} catch (i) {
|
|
3074
|
+
return h.error("[Haori]", "Failed to parse imported HTML:", t, i), n;
|
|
3012
3075
|
}
|
|
3013
3076
|
}
|
|
3014
3077
|
}
|
|
@@ -3021,7 +3084,7 @@ const m = class m {
|
|
|
3021
3084
|
*/
|
|
3022
3085
|
static isDeferredAttributeName(t) {
|
|
3023
3086
|
return m.DEFERRED_ATTRIBUTE_SUFFIXES.some(
|
|
3024
|
-
(e) => t === `${
|
|
3087
|
+
(e) => t === `${f.prefix}${e}`
|
|
3025
3088
|
);
|
|
3026
3089
|
}
|
|
3027
3090
|
/**
|
|
@@ -3032,7 +3095,7 @@ const m = class m {
|
|
|
3032
3095
|
*/
|
|
3033
3096
|
static isEvaluateAllExcludedAttributeName(t) {
|
|
3034
3097
|
return m.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES.some(
|
|
3035
|
-
(e) => t === `${
|
|
3098
|
+
(e) => t === `${f.prefix}${e}`
|
|
3036
3099
|
);
|
|
3037
3100
|
}
|
|
3038
3101
|
/**
|
|
@@ -3068,39 +3131,39 @@ const m = class m {
|
|
|
3068
3131
|
* @returns Promise (スキャンが完了したときに解決される)
|
|
3069
3132
|
*/
|
|
3070
3133
|
static scan(t) {
|
|
3071
|
-
const e =
|
|
3134
|
+
const e = A.get(t);
|
|
3072
3135
|
if (!e)
|
|
3073
3136
|
return Promise.resolve();
|
|
3074
|
-
t.parentNode && (
|
|
3137
|
+
t.parentNode && (A.get(t.parentNode)?.isMounted() || document.body.contains(t) ? e.setMounted(!0) : e.setMounted(!1));
|
|
3075
3138
|
const r = [], n = /* @__PURE__ */ new Set();
|
|
3076
|
-
for (const
|
|
3077
|
-
const
|
|
3078
|
-
e.hasAttribute(
|
|
3139
|
+
for (const i of m.PRIORITY_ATTRIBUTE_SUFFIXES) {
|
|
3140
|
+
const s = f.prefix + i;
|
|
3141
|
+
e.hasAttribute(s) && (r.push(
|
|
3079
3142
|
m.setAttribute(
|
|
3080
3143
|
e.getTarget(),
|
|
3081
|
-
|
|
3082
|
-
e.getRawAttribute(
|
|
3144
|
+
s,
|
|
3145
|
+
e.getRawAttribute(s)
|
|
3083
3146
|
)
|
|
3084
|
-
), n.add(
|
|
3147
|
+
), n.add(s));
|
|
3085
3148
|
}
|
|
3086
|
-
for (const
|
|
3087
|
-
if (n.has(
|
|
3149
|
+
for (const i of e.getAttributeNames()) {
|
|
3150
|
+
if (n.has(i) || m.isDeferredAttributeName(i))
|
|
3088
3151
|
continue;
|
|
3089
|
-
const
|
|
3090
|
-
|
|
3152
|
+
const s = e.getRawAttribute(i);
|
|
3153
|
+
s !== null && r.push(m.setAttribute(e.getTarget(), i, s));
|
|
3091
3154
|
}
|
|
3092
|
-
for (const
|
|
3093
|
-
const
|
|
3094
|
-
e.hasAttribute(
|
|
3155
|
+
for (const i of m.DEFERRED_ATTRIBUTE_SUFFIXES) {
|
|
3156
|
+
const s = f.prefix + i;
|
|
3157
|
+
e.hasAttribute(s) && (r.push(
|
|
3095
3158
|
m.setAttribute(
|
|
3096
3159
|
e.getTarget(),
|
|
3097
|
-
|
|
3098
|
-
e.getRawAttribute(
|
|
3160
|
+
s,
|
|
3161
|
+
e.getRawAttribute(s)
|
|
3099
3162
|
)
|
|
3100
|
-
), n.add(
|
|
3163
|
+
), n.add(s));
|
|
3101
3164
|
}
|
|
3102
|
-
return e.getChildren().forEach((
|
|
3103
|
-
|
|
3165
|
+
return e.getChildren().forEach((i) => {
|
|
3166
|
+
i instanceof P ? r.push(m.scan(i.getTarget())) : i instanceof I && r.push(m.evaluateText(i));
|
|
3104
3167
|
}), Promise.all(r).then(() => {
|
|
3105
3168
|
});
|
|
3106
3169
|
}
|
|
@@ -3114,51 +3177,51 @@ const m = class m {
|
|
|
3114
3177
|
* @returns Promise (DOM操作が完了したときに解決される)
|
|
3115
3178
|
*/
|
|
3116
3179
|
static setAttribute(t, e, r) {
|
|
3117
|
-
const n =
|
|
3180
|
+
const n = A.get(t), i = [];
|
|
3118
3181
|
switch (e) {
|
|
3119
|
-
case `${
|
|
3182
|
+
case `${f.prefix}bind`: {
|
|
3120
3183
|
r === null ? (n.clearBindingDataCache(), n.setBindingData({})) : n.setBindingData(m.parseDataBind(r));
|
|
3121
3184
|
break;
|
|
3122
3185
|
}
|
|
3123
|
-
case `${
|
|
3124
|
-
|
|
3186
|
+
case `${f.prefix}if`:
|
|
3187
|
+
i.push(m.evaluateIf(n));
|
|
3125
3188
|
break;
|
|
3126
|
-
case `${
|
|
3127
|
-
|
|
3189
|
+
case `${f.prefix}each`:
|
|
3190
|
+
i.push(m.evaluateEach(n));
|
|
3128
3191
|
break;
|
|
3129
|
-
case `${
|
|
3130
|
-
|
|
3192
|
+
case `${f.prefix}fetch`:
|
|
3193
|
+
i.push(new L(n, null).run());
|
|
3131
3194
|
break;
|
|
3132
|
-
case `${
|
|
3195
|
+
case `${f.prefix}import`: {
|
|
3133
3196
|
if (typeof r == "string") {
|
|
3134
|
-
const
|
|
3135
|
-
|
|
3197
|
+
const s = n.getTarget(), a = performance.now();
|
|
3198
|
+
E.importStart(s, r), i.push(
|
|
3136
3199
|
tt.load(r).then((o) => {
|
|
3137
|
-
const
|
|
3200
|
+
const p = new TextEncoder().encode(o).length;
|
|
3138
3201
|
return N.enqueue(() => {
|
|
3139
|
-
|
|
3202
|
+
s.innerHTML = o;
|
|
3140
3203
|
}).then(() => {
|
|
3141
|
-
|
|
3204
|
+
E.importEnd(s, r, p, a);
|
|
3142
3205
|
});
|
|
3143
3206
|
}).catch((o) => {
|
|
3144
|
-
|
|
3207
|
+
E.importError(s, r, o), h.error("[Haori]", "Failed to import HTML:", r, o);
|
|
3145
3208
|
})
|
|
3146
3209
|
);
|
|
3147
3210
|
}
|
|
3148
3211
|
break;
|
|
3149
3212
|
}
|
|
3150
|
-
case `${
|
|
3151
|
-
const
|
|
3152
|
-
if (
|
|
3213
|
+
case `${f.prefix}url-param`: {
|
|
3214
|
+
const s = n.getAttribute(`${f.prefix}url-arg`), a = _.readParams();
|
|
3215
|
+
if (s === null)
|
|
3153
3216
|
m.setBindingData(t, a);
|
|
3154
3217
|
else {
|
|
3155
3218
|
const o = n.getRawBindingData() || {};
|
|
3156
|
-
o[String(
|
|
3219
|
+
o[String(s)] = a, m.setBindingData(t, o);
|
|
3157
3220
|
}
|
|
3158
3221
|
break;
|
|
3159
3222
|
}
|
|
3160
3223
|
}
|
|
3161
|
-
return r === null ?
|
|
3224
|
+
return r === null ? i.push(n.removeAttribute(e)) : i.push(n.setAttribute(e, r)), Promise.all(i).then(() => {
|
|
3162
3225
|
});
|
|
3163
3226
|
}
|
|
3164
3227
|
/**
|
|
@@ -3170,12 +3233,12 @@ const m = class m {
|
|
|
3170
3233
|
* @returns Promise (DOM操作が完了したときに解決される)
|
|
3171
3234
|
*/
|
|
3172
3235
|
static setBindingData(t, e) {
|
|
3173
|
-
const r =
|
|
3236
|
+
const r = A.get(t), n = r.getRawBindingData();
|
|
3174
3237
|
r.setBindingData(e);
|
|
3175
|
-
const
|
|
3176
|
-
return
|
|
3177
|
-
r.setAttribute(`${
|
|
3178
|
-
),
|
|
3238
|
+
const i = [];
|
|
3239
|
+
return i.push(
|
|
3240
|
+
r.setAttribute(`${f.prefix}bind`, JSON.stringify(e))
|
|
3241
|
+
), i.push(m.evaluateAll(r)), E.bindChange(t, n, e, "manual"), Promise.all(i).then(() => {
|
|
3179
3242
|
});
|
|
3180
3243
|
}
|
|
3181
3244
|
/**
|
|
@@ -3189,12 +3252,12 @@ const m = class m {
|
|
|
3189
3252
|
try {
|
|
3190
3253
|
return JSON.parse(t);
|
|
3191
3254
|
} catch (e) {
|
|
3192
|
-
return
|
|
3255
|
+
return h.error("[Haori]", "Invalid JSON in data-bind:", e), {};
|
|
3193
3256
|
}
|
|
3194
3257
|
else {
|
|
3195
3258
|
const e = new URLSearchParams(t), r = {};
|
|
3196
|
-
for (const [n,
|
|
3197
|
-
r[n] !== void 0 ? Array.isArray(r[n]) ? r[n].push(
|
|
3259
|
+
for (const [n, i] of e.entries())
|
|
3260
|
+
r[n] !== void 0 ? Array.isArray(r[n]) ? r[n].push(i) : r[n] = [r[n], i] : r[n] = i;
|
|
3198
3261
|
return r;
|
|
3199
3262
|
}
|
|
3200
3263
|
}
|
|
@@ -3205,11 +3268,11 @@ const m = class m {
|
|
|
3205
3268
|
* @param node 追加するノード
|
|
3206
3269
|
*/
|
|
3207
3270
|
static addNode(t, e) {
|
|
3208
|
-
const r =
|
|
3271
|
+
const r = A.get(t);
|
|
3209
3272
|
if (r.isSkipMutationNodes())
|
|
3210
3273
|
return;
|
|
3211
|
-
const n =
|
|
3212
|
-
|
|
3274
|
+
const n = A.get(e.nextSibling), i = A.get(e);
|
|
3275
|
+
i && (r.insertBefore(i, n), i instanceof P ? m.scan(i.getTarget()) : i instanceof I && m.evaluateText(i));
|
|
3213
3276
|
}
|
|
3214
3277
|
/**
|
|
3215
3278
|
* ノードを親要素から削除します。
|
|
@@ -3217,7 +3280,7 @@ const m = class m {
|
|
|
3217
3280
|
* @param node 削除するノード
|
|
3218
3281
|
*/
|
|
3219
3282
|
static removeNode(t) {
|
|
3220
|
-
const e =
|
|
3283
|
+
const e = A.get(t);
|
|
3221
3284
|
if (e) {
|
|
3222
3285
|
const r = e.getParent();
|
|
3223
3286
|
if (r && r.isSkipMutationNodes())
|
|
@@ -3232,7 +3295,7 @@ const m = class m {
|
|
|
3232
3295
|
* @param text 新しいテキスト
|
|
3233
3296
|
*/
|
|
3234
3297
|
static changeText(t, e) {
|
|
3235
|
-
const r =
|
|
3298
|
+
const r = A.get(t);
|
|
3236
3299
|
r && r.setContent(e);
|
|
3237
3300
|
}
|
|
3238
3301
|
/**
|
|
@@ -3244,16 +3307,16 @@ const m = class m {
|
|
|
3244
3307
|
* @returns Promise (DOM操作が完了したときに解決される)
|
|
3245
3308
|
*/
|
|
3246
3309
|
static changeValue(t, e) {
|
|
3247
|
-
const r =
|
|
3310
|
+
const r = A.get(t);
|
|
3248
3311
|
if (r.getValue() === e)
|
|
3249
3312
|
return Promise.resolve();
|
|
3250
3313
|
const n = [];
|
|
3251
3314
|
n.push(r.setValue(e));
|
|
3252
|
-
const
|
|
3253
|
-
if (
|
|
3254
|
-
const
|
|
3315
|
+
const i = m.getFormFragment(r);
|
|
3316
|
+
if (i) {
|
|
3317
|
+
const s = b.getValues(i), a = i.getAttribute(`${f.prefix}form-arg`);
|
|
3255
3318
|
let o;
|
|
3256
|
-
a ? (o =
|
|
3319
|
+
a ? (o = i.getRawBindingData(), o || (o = {}), o[String(a)] = s) : o = s, n.push(m.setBindingData(i.getTarget(), o));
|
|
3257
3320
|
}
|
|
3258
3321
|
return Promise.all(n).then(() => {
|
|
3259
3322
|
});
|
|
@@ -3278,8 +3341,8 @@ const m = class m {
|
|
|
3278
3341
|
*/
|
|
3279
3342
|
static evaluateAll(t) {
|
|
3280
3343
|
const e = [];
|
|
3281
|
-
return e.push(m.reevaluateInterpolatedAttributes(t)), t.hasAttribute(`${
|
|
3282
|
-
r instanceof P ? e.push(m.evaluateAll(r)) : r instanceof
|
|
3344
|
+
return e.push(m.reevaluateInterpolatedAttributes(t)), t.hasAttribute(`${f.prefix}if`) && e.push(m.evaluateIf(t)), t.hasAttribute(`${f.prefix}each`) && e.push(m.evaluateEach(t)), t.getChildren().forEach((r) => {
|
|
3345
|
+
r instanceof P ? e.push(m.evaluateAll(r)) : r instanceof I && e.push(m.evaluateText(r));
|
|
3283
3346
|
}), Promise.all(e).then(() => {
|
|
3284
3347
|
});
|
|
3285
3348
|
}
|
|
@@ -3300,14 +3363,14 @@ const m = class m {
|
|
|
3300
3363
|
* @return Promise (DOM操作が完了したときに解決される)
|
|
3301
3364
|
*/
|
|
3302
3365
|
static evaluateIf(t) {
|
|
3303
|
-
const e = [], r = t.getAttribute(`${
|
|
3366
|
+
const e = [], r = t.getAttribute(`${f.prefix}if`);
|
|
3304
3367
|
return r === !1 || r === void 0 || r === null || Number.isNaN(r) ? t.isVisible() && e.push(
|
|
3305
3368
|
t.hide().then(() => {
|
|
3306
|
-
|
|
3369
|
+
E.hide(t.getTarget());
|
|
3307
3370
|
})
|
|
3308
3371
|
) : t.isVisible() || (e.push(
|
|
3309
3372
|
t.show().then(() => {
|
|
3310
|
-
|
|
3373
|
+
E.show(t.getTarget());
|
|
3311
3374
|
})
|
|
3312
3375
|
), e.push(m.evaluateAll(t))), Promise.all(e).then(() => {
|
|
3313
3376
|
});
|
|
@@ -3324,20 +3387,20 @@ const m = class m {
|
|
|
3324
3387
|
let e = t.getTemplate();
|
|
3325
3388
|
if (e === null) {
|
|
3326
3389
|
let n = !1;
|
|
3327
|
-
t.getChildren().forEach((
|
|
3328
|
-
if (!n &&
|
|
3329
|
-
if (
|
|
3390
|
+
t.getChildren().forEach((s) => {
|
|
3391
|
+
if (!n && s instanceof P) {
|
|
3392
|
+
if (s.hasAttribute(`${f.prefix}each-before`) || s.hasAttribute(`${f.prefix}each-after`))
|
|
3330
3393
|
return;
|
|
3331
|
-
e =
|
|
3332
|
-
const a =
|
|
3333
|
-
a.parentNode && a.parentNode.removeChild(a),
|
|
3394
|
+
e = s.clone(), t.setTemplate(e), n = !0, t.removeChild(s);
|
|
3395
|
+
const a = s.getTarget();
|
|
3396
|
+
a.parentNode && a.parentNode.removeChild(a), s.setMounted(!1);
|
|
3334
3397
|
}
|
|
3335
3398
|
});
|
|
3336
|
-
const
|
|
3337
|
-
return Array.isArray(
|
|
3399
|
+
const i = t.getAttribute(`${f.prefix}each`);
|
|
3400
|
+
return Array.isArray(i) ? this.updateDiff(t, i) : (h.error("[Haori]", "Invalid each attribute:", i), Promise.reject(new Error("Invalid each attribute.")));
|
|
3338
3401
|
}
|
|
3339
|
-
const r = t.getAttribute(`${
|
|
3340
|
-
return Array.isArray(r) ? this.updateDiff(t, r) : (
|
|
3402
|
+
const r = t.getAttribute(`${f.prefix}each`);
|
|
3403
|
+
return Array.isArray(r) ? this.updateDiff(t, r) : (h.error("[Haori]", "Invalid each attribute:", r), Promise.reject(new Error("Invalid each attribute.")));
|
|
3341
3404
|
}
|
|
3342
3405
|
/**
|
|
3343
3406
|
* 差分を更新します。
|
|
@@ -3348,37 +3411,37 @@ const m = class m {
|
|
|
3348
3411
|
static updateDiff(t, e) {
|
|
3349
3412
|
const r = t.getTemplate();
|
|
3350
3413
|
if (r === null)
|
|
3351
|
-
return
|
|
3352
|
-
let n = t.getAttribute(`${
|
|
3414
|
+
return h.error("[Haori]", "Template is not set for each element."), Promise.resolve();
|
|
3415
|
+
let n = t.getAttribute(`${f.prefix}each-index`);
|
|
3353
3416
|
n && (n = String(n));
|
|
3354
|
-
const
|
|
3355
|
-
e.forEach((
|
|
3417
|
+
const i = t.getAttribute(`${f.prefix}each-key`), s = t.getAttribute(`${f.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
|
|
3418
|
+
e.forEach((g, v) => {
|
|
3356
3419
|
const w = m.createListKey(
|
|
3357
|
-
|
|
3358
|
-
|
|
3420
|
+
g,
|
|
3421
|
+
i ? String(i) : null,
|
|
3359
3422
|
v
|
|
3360
3423
|
);
|
|
3361
|
-
o.push(w), a.set(w, { item:
|
|
3424
|
+
o.push(w), a.set(w, { item: g, itemIndex: v });
|
|
3362
3425
|
});
|
|
3363
|
-
const
|
|
3364
|
-
let
|
|
3365
|
-
(
|
|
3426
|
+
const p = [];
|
|
3427
|
+
let c = t.getChildren().filter((g) => g instanceof P).filter(
|
|
3428
|
+
(g) => !g.hasAttribute(`${f.prefix}each-before`) && !g.hasAttribute(`${f.prefix}each-after`)
|
|
3366
3429
|
);
|
|
3367
|
-
|
|
3368
|
-
const
|
|
3430
|
+
c = c.filter((g) => o.indexOf(String(g.getListKey())) === -1 ? (p.push(g.remove()), !1) : !0);
|
|
3431
|
+
const y = c.map((g) => g.getListKey()), l = t.getChildren().filter((g) => g instanceof P).filter((g) => g.hasAttribute(`${f.prefix}each-before`)).length;
|
|
3369
3432
|
let d = Promise.resolve();
|
|
3370
|
-
return o.forEach((
|
|
3371
|
-
const w =
|
|
3433
|
+
return o.forEach((g, v) => {
|
|
3434
|
+
const w = y.indexOf(g), { item: B, itemIndex: F } = a.get(g);
|
|
3372
3435
|
let x;
|
|
3373
3436
|
if (w !== -1)
|
|
3374
|
-
x =
|
|
3437
|
+
x = c[w], d = d.then(
|
|
3375
3438
|
() => m.updateRowFragment(
|
|
3376
3439
|
x,
|
|
3377
|
-
|
|
3440
|
+
B,
|
|
3378
3441
|
n,
|
|
3379
3442
|
F,
|
|
3380
|
-
|
|
3381
|
-
|
|
3443
|
+
s ? String(s) : null,
|
|
3444
|
+
g
|
|
3382
3445
|
).then(() => m.evaluateAll(x))
|
|
3383
3446
|
);
|
|
3384
3447
|
else {
|
|
@@ -3387,11 +3450,11 @@ const m = class m {
|
|
|
3387
3450
|
d = d.then(
|
|
3388
3451
|
() => m.updateRowFragment(
|
|
3389
3452
|
x,
|
|
3390
|
-
|
|
3453
|
+
B,
|
|
3391
3454
|
n,
|
|
3392
3455
|
F,
|
|
3393
|
-
|
|
3394
|
-
|
|
3456
|
+
s ? String(s) : null,
|
|
3457
|
+
g
|
|
3395
3458
|
).then(
|
|
3396
3459
|
() => t.insertBefore(
|
|
3397
3460
|
x,
|
|
@@ -3400,21 +3463,21 @@ const m = class m {
|
|
|
3400
3463
|
)
|
|
3401
3464
|
);
|
|
3402
3465
|
}
|
|
3403
|
-
}), Promise.all(
|
|
3404
|
-
const
|
|
3466
|
+
}), Promise.all(p).then(() => d).then(() => {
|
|
3467
|
+
const g = o.filter(
|
|
3405
3468
|
(F) => F !== null
|
|
3406
|
-
), v =
|
|
3469
|
+
), v = y.filter(
|
|
3407
3470
|
(F) => F !== null
|
|
3408
|
-
), w =
|
|
3471
|
+
), w = g.filter(
|
|
3409
3472
|
(F) => !v.includes(F)
|
|
3410
|
-
),
|
|
3411
|
-
(F) => !
|
|
3473
|
+
), B = v.filter(
|
|
3474
|
+
(F) => !g.includes(F)
|
|
3412
3475
|
);
|
|
3413
|
-
|
|
3476
|
+
E.eachUpdate(
|
|
3414
3477
|
t.getTarget(),
|
|
3415
3478
|
w,
|
|
3416
|
-
|
|
3417
|
-
|
|
3479
|
+
B,
|
|
3480
|
+
g
|
|
3418
3481
|
);
|
|
3419
3482
|
});
|
|
3420
3483
|
}
|
|
@@ -3430,8 +3493,8 @@ const m = class m {
|
|
|
3430
3493
|
let n;
|
|
3431
3494
|
if (typeof t == "object" && t !== null)
|
|
3432
3495
|
if (e) {
|
|
3433
|
-
const
|
|
3434
|
-
|
|
3496
|
+
const i = t[e];
|
|
3497
|
+
i == null ? n = `__index_${r}` : typeof i == "object" ? n = JSON.stringify(i) : n = String(i);
|
|
3435
3498
|
} else
|
|
3436
3499
|
n = `__index_${r}`;
|
|
3437
3500
|
else
|
|
@@ -3449,22 +3512,22 @@ const m = class m {
|
|
|
3449
3512
|
* @param listKey リストキー
|
|
3450
3513
|
* @returns 行メタデータの更新完了 Promise
|
|
3451
3514
|
*/
|
|
3452
|
-
static updateRowFragment(t, e, r, n,
|
|
3515
|
+
static updateRowFragment(t, e, r, n, i, s) {
|
|
3453
3516
|
let a = e;
|
|
3454
3517
|
if (typeof e == "object" && e !== null)
|
|
3455
|
-
a = { ...e }, r && (a[r] = n),
|
|
3456
|
-
[
|
|
3518
|
+
a = { ...e }, r && (a[r] = n), i && (a = {
|
|
3519
|
+
[i]: a
|
|
3457
3520
|
});
|
|
3458
|
-
else if (
|
|
3521
|
+
else if (i)
|
|
3459
3522
|
a = {
|
|
3460
|
-
[
|
|
3523
|
+
[i]: e
|
|
3461
3524
|
}, r && (a[r] = n);
|
|
3462
3525
|
else
|
|
3463
|
-
return
|
|
3526
|
+
return h.error(
|
|
3464
3527
|
"[Haori]",
|
|
3465
|
-
`Primitive value requires '${
|
|
3528
|
+
`Primitive value requires '${f.prefix}each-arg' attribute: ${e}`
|
|
3466
3529
|
), Promise.resolve();
|
|
3467
|
-
return t.setListKey(
|
|
3530
|
+
return t.setListKey(s), t.setBindingData(a), t.setAttribute(`${f.prefix}row`, s);
|
|
3468
3531
|
}
|
|
3469
3532
|
};
|
|
3470
3533
|
m.PRIORITY_ATTRIBUTE_SUFFIXES = ["bind", "if", "each"], m.DEFERRED_ATTRIBUTE_SUFFIXES = ["fetch", "url-param"], m.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES = [
|
|
@@ -3484,7 +3547,7 @@ class et {
|
|
|
3484
3547
|
*/
|
|
3485
3548
|
constructor(t = document) {
|
|
3486
3549
|
this.onClick = (e) => this.delegate(e, "click"), this.onChange = (e) => this.delegate(e, "change"), this.onLoadCapture = (e) => this.delegate(e, "load"), this.onWindowLoad = () => {
|
|
3487
|
-
const e = document.documentElement, r =
|
|
3550
|
+
const e = document.documentElement, r = A.get(e);
|
|
3488
3551
|
r && new L(r, "load").run();
|
|
3489
3552
|
}, this.root = t;
|
|
3490
3553
|
}
|
|
@@ -3511,9 +3574,9 @@ class et {
|
|
|
3511
3574
|
const r = this.getElementFromTarget(t.target);
|
|
3512
3575
|
if (!r)
|
|
3513
3576
|
return;
|
|
3514
|
-
const n =
|
|
3515
|
-
n && (e === "change" && n instanceof P && n.syncValue(), new L(n, e).run().catch((
|
|
3516
|
-
|
|
3577
|
+
const n = A.get(r);
|
|
3578
|
+
n && (e === "change" && n instanceof P && n.syncValue(), new L(n, e).run().catch((i) => {
|
|
3579
|
+
h.error("[Haori]", "Procedure execution error:", i);
|
|
3517
3580
|
}));
|
|
3518
3581
|
}
|
|
3519
3582
|
/**
|
|
@@ -3539,7 +3602,7 @@ const O = class O {
|
|
|
3539
3602
|
T.scan(document.head),
|
|
3540
3603
|
T.scan(document.body)
|
|
3541
3604
|
]), [e, r] = t;
|
|
3542
|
-
e.status !== "fulfilled" &&
|
|
3605
|
+
e.status !== "fulfilled" && h.error("[Haori]", "Failed to build head fragment:", e.reason), r.status !== "fulfilled" && h.error("[Haori]", "Failed to build body fragment:", r.reason), O.observe(document.head), O.observe(document.body), new et().start();
|
|
3543
3606
|
}
|
|
3544
3607
|
/**
|
|
3545
3608
|
* 指定された要素を監視します。
|
|
@@ -3552,40 +3615,40 @@ const O = class O {
|
|
|
3552
3615
|
try {
|
|
3553
3616
|
switch (n.type) {
|
|
3554
3617
|
case "attributes": {
|
|
3555
|
-
|
|
3618
|
+
h.info(
|
|
3556
3619
|
"[Haori]",
|
|
3557
3620
|
"Attribute changed:",
|
|
3558
3621
|
n.target,
|
|
3559
3622
|
n.attributeName
|
|
3560
3623
|
);
|
|
3561
|
-
const
|
|
3624
|
+
const i = n.target;
|
|
3562
3625
|
T.setAttribute(
|
|
3563
|
-
|
|
3626
|
+
i,
|
|
3564
3627
|
n.attributeName,
|
|
3565
|
-
|
|
3628
|
+
i.getAttribute(n.attributeName)
|
|
3566
3629
|
);
|
|
3567
3630
|
break;
|
|
3568
3631
|
}
|
|
3569
3632
|
case "childList": {
|
|
3570
|
-
|
|
3633
|
+
h.info(
|
|
3571
3634
|
"[Haori]",
|
|
3572
3635
|
"Child list changed:",
|
|
3573
|
-
Array.from(n.removedNodes).map((
|
|
3574
|
-
Array.from(n.addedNodes).map((
|
|
3575
|
-
), Array.from(n.removedNodes).forEach((
|
|
3576
|
-
T.removeNode(
|
|
3577
|
-
}), Array.from(n.addedNodes).forEach((
|
|
3578
|
-
|
|
3636
|
+
Array.from(n.removedNodes).map((i) => i.nodeName),
|
|
3637
|
+
Array.from(n.addedNodes).map((i) => i.nodeName)
|
|
3638
|
+
), Array.from(n.removedNodes).forEach((i) => {
|
|
3639
|
+
T.removeNode(i);
|
|
3640
|
+
}), Array.from(n.addedNodes).forEach((i) => {
|
|
3641
|
+
i.parentElement instanceof HTMLElement && T.addNode(i.parentElement, i);
|
|
3579
3642
|
});
|
|
3580
3643
|
break;
|
|
3581
3644
|
}
|
|
3582
3645
|
case "characterData": {
|
|
3583
|
-
|
|
3646
|
+
h.info(
|
|
3584
3647
|
"[Haori]",
|
|
3585
3648
|
"Character data changed:",
|
|
3586
3649
|
n.target,
|
|
3587
3650
|
n.target.textContent
|
|
3588
|
-
), n.target instanceof Text || n.target instanceof Comment ? T.changeText(n.target, n.target.textContent) :
|
|
3651
|
+
), n.target instanceof Text || n.target instanceof Comment ? T.changeText(n.target, n.target.textContent) : h.warn(
|
|
3589
3652
|
"[Haori]",
|
|
3590
3653
|
"Unsupported character data type:",
|
|
3591
3654
|
n.target
|
|
@@ -3593,31 +3656,31 @@ const O = class O {
|
|
|
3593
3656
|
break;
|
|
3594
3657
|
}
|
|
3595
3658
|
default:
|
|
3596
|
-
|
|
3659
|
+
h.warn("[Haori]", "Unknown mutation type:", n.type);
|
|
3597
3660
|
continue;
|
|
3598
3661
|
}
|
|
3599
|
-
} catch (
|
|
3600
|
-
|
|
3662
|
+
} catch (i) {
|
|
3663
|
+
h.error("[Haori]", "Error processing mutation:", i);
|
|
3601
3664
|
}
|
|
3602
3665
|
}).observe(t, {
|
|
3603
3666
|
childList: !0,
|
|
3604
3667
|
subtree: !0,
|
|
3605
3668
|
attributes: !0,
|
|
3606
3669
|
characterData: !0
|
|
3607
|
-
}),
|
|
3670
|
+
}), h.info("[Haori]", "Observer initialized for", t);
|
|
3608
3671
|
}
|
|
3609
3672
|
};
|
|
3610
3673
|
O._initialized = !1;
|
|
3611
3674
|
let V = O;
|
|
3612
3675
|
document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", V.init) : V.init();
|
|
3613
|
-
const rt = "0.
|
|
3676
|
+
const rt = "0.2.0";
|
|
3614
3677
|
export {
|
|
3615
3678
|
T as Core,
|
|
3616
|
-
|
|
3617
|
-
|
|
3618
|
-
|
|
3679
|
+
f as Env,
|
|
3680
|
+
b as Form,
|
|
3681
|
+
A as Fragment,
|
|
3619
3682
|
W as Haori,
|
|
3620
|
-
|
|
3683
|
+
h as Log,
|
|
3621
3684
|
N as Queue,
|
|
3622
3685
|
W as default,
|
|
3623
3686
|
rt as version
|