haori 0.1.0

package/dist/src/dev.js

@@ -0,0 +1,44 @@
+/**
+ * @fileoverview Haori開発モード管理機能
+ *
+ * 開発モードの有効/無効を管理し、デバッグ機能の制御を行います。
+ * プロダクション環境では開発向け機能を無効化することで、
+ * パフォーマンスとセキュリティを向上させます。
+ */
+/**
+ * 開発モード管理クラスです。
+ */
+class Dev {
+    /**
+     * 開発モードの状態を取得します。
+     *
+     * @returns 開発モードならtrue、そうでなければfalse
+     */
+    static isEnabled() {
+        return Dev.devMode;
+    }
+    /**
+     * 開発モードを有効化します。
+     */
+    static enable() {
+        Dev.devMode = true;
+    }
+    /**
+     * 開発モードを無効化します。
+     */
+    static disable() {
+        Dev.devMode = false;
+    }
+    /**
+     * 開発モードを切り替えます。
+     *
+     * @param enabled trueで有効化、falseで無効化
+     */
+    static set(enabled) {
+        Dev.devMode = enabled;
+    }
+}
+/** 開発モードフラグ */
+Dev.devMode = false;
+export default Dev;
+//# sourceMappingURL=dev.js.map

package/dist/src/dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.js","sourceRoot":"","sources":["../../src/dev.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;GAEG;AACH,MAAqB,GAAG;IAItB;;;;OAIG;IACH,MAAM,CAAC,SAAS;QACd,OAAO,GAAG,CAAC,OAAO,CAAC;IACrB,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,MAAM;QACX,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACrB,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,OAAO;QACZ,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,GAAG,CAAC,OAAgB;QACzB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;IACxB,CAAC;;AAjCD,eAAe;AACA,WAAO,GAAG,KAAK,CAAC;eAFZ,GAAG"}

package/dist/src/env.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @fileoverview Haori環境検出機能
+ *
+ * 実行環境を管理します。
+ */
+/**
+ * 実行環境を管理するクラスです。
+ */
+export default class Env {
+    private static _prefix;
+    /**
+     * 実行環境からプレフィックスと開発モードかどうかを自動検出します。
+     * scriptタグにdata-prefixがある場合は、その値+"-"をプレフィックスとして使用します。
+     * scriptタグにdata-dev属性がある場合、
+     * もしくはローカルホスト系ドメインであれば開発モードを有効化します。
+     */
+    static detect(): void;
+    /**
+     * プレフィックスを取得します。
+     *
+     * @returns プレフィックス
+     */
+    static get prefix(): string;
+}
+//# sourceMappingURL=env.d.ts.map

package/dist/src/env.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../src/env.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,GAAG;IACtB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAmB;IAEzC;;;;;OAKG;IACH,MAAM,CAAC,MAAM,IAAI,IAAI;IAqCrB;;;;OAIG;IACH,WAAkB,MAAM,IAAI,MAAM,CAEjC;CACF"}

package/dist/src/env.js

@@ -0,0 +1,64 @@
+/**
+ * @fileoverview Haori環境検出機能
+ *
+ * 実行環境を管理します。
+ */
+import Dev from './dev';
+/**
+ * 実行環境を管理するクラスです。
+ */
+class Env {
+    /**
+     * 実行環境からプレフィックスと開発モードかどうかを自動検出します。
+     * scriptタグにdata-prefixがある場合は、その値+"-"をプレフィックスとして使用します。
+     * scriptタグにdata-dev属性がある場合、
+     * もしくはローカルホスト系ドメインであれば開発モードを有効化します。
+     */
+    static detect() {
+        try {
+            const currentScript = document.currentScript ||
+                document.querySelector('script[src*="haori"]');
+            if (currentScript instanceof HTMLScriptElement) {
+                const prefix = currentScript.getAttribute('data-prefix') || Env._prefix;
+                Env._prefix = prefix.endsWith('-') ? prefix : prefix + '-';
+            }
+            if (currentScript instanceof HTMLScriptElement &&
+                currentScript.hasAttribute(`${Env._prefix}dev`)) {
+                Dev.set(true);
+                return;
+            }
+            // ローカルホスト系ドメインの場合
+            const host = window.location.hostname;
+            if (host === 'localhost' ||
+                host.endsWith('.localhost') ||
+                host === '127.0.0.1' ||
+                host === '::1' ||
+                host.endsWith('.local')) {
+                Dev.set(true);
+                return;
+            }
+            // それ以外は開発モードを無効化
+            Dev.set(false);
+        }
+        catch {
+            // SSRや非ブラウザ環境では無視
+        }
+    }
+    /**
+     * プレフィックスを取得します。
+     *
+     * @returns プレフィックス
+     */
+    static get prefix() {
+        return Env._prefix;
+    }
+}
+Env._prefix = 'data-';
+export default Env;
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', Env.detect);
+}
+else {
+    Env.detect();
+}
+//# sourceMappingURL=env.js.map

package/dist/src/env.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.js","sourceRoot":"","sources":["../../src/env.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB;;GAEG;AACH,MAAqB,GAAG;IAGtB;;;;;OAKG;IACH,MAAM,CAAC,MAAM;QACX,IAAI,CAAC;YACH,MAAM,aAAa,GACjB,QAAQ,CAAC,aAAa;gBACtB,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;YACjD,IAAI,aAAa,YAAY,iBAAiB,EAAE,CAAC;gBAC/C,MAAM,MAAM,GAAG,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC;gBACxE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC;YAC7D,CAAC;YACD,IACE,aAAa,YAAY,iBAAiB;gBAC1C,aAAa,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC,OAAO,KAAK,CAAC,EAC/C,CAAC;gBACD,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACd,OAAO;YACT,CAAC;YAED,kBAAkB;YAClB,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACtC,IACE,IAAI,KAAK,WAAW;gBACpB,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;gBAC3B,IAAI,KAAK,WAAW;gBACpB,IAAI,KAAK,KAAK;gBACd,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACvB,CAAC;gBACD,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACd,OAAO;YACT,CAAC;YAED,iBAAiB;YACjB,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;QAAC,MAAM,CAAC;YACP,kBAAkB;QACpB,CAAC;IACH,CAAC;IAED;;;;OAIG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,GAAG,CAAC,OAAO,CAAC;IACrB,CAAC;;AApDc,WAAO,GAAW,OAAO,CAAC;eADtB,GAAG;AAwDxB,IAAI,QAAQ,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;IACtC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;AAC5D,CAAC;KAAM,CAAC;IACN,GAAG,CAAC,MAAM,EAAE,CAAC;AACf,CAAC"}

package/dist/src/event.d.ts

@@ -0,0 +1,144 @@
+/**
+ * @fileoverview Haoriイベント発火ユーティリティ
+ *
+ * Haoriライブラリが発火するカスタムイベントの統一的な発火機能を提供します。
+ */
+/**
+ * Haoriイベントを発火するユーティリティクラス
+ */
+export default class HaoriEvent {
+    /**
+     * カスタムイベントを発火します。
+     *
+     * @param target イベントを発火する対象要素
+     * @param eventName イベント名（haori:プレフィックスは自動追加）
+     * @param detail イベントの詳細データ
+     * @param options イベントオプション
+     */
+    static dispatch(target: EventTarget, eventName: string, detail?: unknown, options?: {
+        bubbles?: boolean;
+        cancelable?: boolean;
+        composed?: boolean;
+    }): boolean;
+    /**
+     * readyイベントを発火します。
+     *
+     * @param version ライブラリバージョン
+     */
+    static ready(version?: string): void;
+    /**
+     * renderイベントを発火します。
+     *
+     * @param target 評価対象要素
+     */
+    static render(target: HTMLElement): void;
+    /**
+     * importstartイベントを発火します。
+     *
+     * @param target data-import要素
+     * @param url インポート対象URL
+     */
+    static importStart(target: HTMLElement, url: string): void;
+    /**
+     * importendイベントを発火します。
+     *
+     * @param target data-import要素
+     * @param url インポート対象URL
+     * @param bytes 取得バイト数
+     * @param startedAt 開始時刻
+     */
+    static importEnd(target: HTMLElement, url: string, bytes: number, startedAt: number): void;
+    /**
+     * importerrorイベントを発火します。
+     *
+     * @param target data-import要素
+     * @param url インポート対象URL
+     * @param error エラー内容
+     */
+    static importError(target: HTMLElement, url: string, error: unknown): void;
+    /**
+     * bindchangeイベントを発火します。
+     *
+     * @param target バインド対象要素
+     * @param previous 変更前のデータ
+     * @param next 変更後のデータ
+     * @param reason 変更理由
+     */
+    static bindChange(target: HTMLElement, previous: Record<string, unknown> | null, next: Record<string, unknown>, reason?: 'form' | 'fetch' | 'manual' | 'import' | 'other'): void;
+    /**
+     * eachupdateイベントを発火します。
+     *
+     * @param target data-each要素
+     * @param added 追加された行のキー
+     * @param removed 削除された行のキー
+     * @param order 現在の順序
+     */
+    static eachUpdate(target: HTMLElement, added: string[], removed: string[], order: string[]): void;
+    /**
+     * rowaddイベントを発火します。
+     *
+     * @param target 行要素
+     * @param key 行キー
+     * @param index インデックス
+     * @param item 行データ
+     */
+    static rowAdd(target: HTMLElement, key: string, index: number, item: unknown): void;
+    /**
+     * rowremoveイベントを発火します。
+     *
+     * @param target 行要素
+     * @param key 行キー
+     * @param index インデックス
+     */
+    static rowRemove(target: HTMLElement, key: string, index: number): void;
+    /**
+     * rowmoveイベントを発火します。
+     *
+     * @param target 行要素
+     * @param key 行キー
+     * @param from 移動前インデックス
+     * @param to 移動後インデックス
+     */
+    static rowMove(target: HTMLElement, key: string, from: number, to: number): void;
+    /**
+     * showイベントを発火します。
+     *
+     * @param target data-if要素
+     */
+    static show(target: HTMLElement): void;
+    /**
+     * hideイベントを発火します。
+     *
+     * @param target data-if要素
+     */
+    static hide(target: HTMLElement): void;
+    /**
+     * fetchstartイベントを発火します。
+     *
+     * @param target 起点要素
+     * @param url フェッチURL
+     * @param options フェッチオプション
+     * @param payload 送信データ
+     */
+    static fetchStart(target: HTMLElement, url: string, options?: RequestInit, payload?: Record<string, unknown>): void;
+    /**
+     * fetchendイベントを発火します。
+     *
+     * @param target 起点要素
+     * @param url フェッチURL
+     * @param status HTTPステータス
+     * @param startedAt 開始時刻
+     */
+    static fetchEnd(target: HTMLElement, url: string, status: number, startedAt: number): void;
+    /**
+     * fetcherrorイベントを発火します。
+     *
+     * @param target 起点要素
+     * @param url フェッチURL
+     * @param error エラー内容
+     * @param status HTTPステータス（存在する場合）
+     * @param startedAt 開始時刻（存在する場合）
+     */
+    static fetchError(target: HTMLElement, url: string, error: unknown, status?: number, startedAt?: number): void;
+}
+//# sourceMappingURL=event.d.ts.map

package/dist/src/event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.d.ts","sourceRoot":"","sources":["../../src/event.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,UAAU;IAC7B;;;;;;;OAOG;WACW,QAAQ,CACpB,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,OAAO,EAChB,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,GACA,OAAO;IAWV;;;;OAIG;WACW,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAI3C;;;;OAIG;WACW,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAI/C;;;;;OAKG;WACW,WAAW,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAOjE;;;;;;;OAOG;WACW,SAAS,CACrB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAChB,IAAI;IAQP;;;;;;OAMG;WACW,WAAW,CACvB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,OAAO,GACb,IAAI;IAIP;;;;;;;OAOG;WACW,UAAU,CACtB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,EACxC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,MAAM,GAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAiB,GACjE,IAAI;IAwBP;;;;;;;OAOG;WACW,UAAU,CACtB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,MAAM,EAAE,EACf,OAAO,EAAE,MAAM,EAAE,EACjB,KAAK,EAAE,MAAM,EAAE,GACd,IAAI;IASP;;;;;;;OAOG;WACW,MAAM,CAClB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,OAAO,GACZ,IAAI;IAIP;;;;;;OAMG;WACW,SAAS,CACrB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,GACZ,IAAI;IAIP;;;;;;;OAOG;WACW,OAAO,CACnB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,GACT,IAAI;IAIP;;;;OAIG;WACW,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAI7C;;;;OAIG;WACW,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAI7C;;;;;;;OAOG;WACW,UAAU,CACtB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,WAAW,EACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAChC,IAAI;IASP;;;;;;;OAOG;WACW,QAAQ,CACpB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAChB,IAAI;IAQP;;;;;;;;OAQG;WACW,UAAU,CACtB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,OAAO,EACd,MAAM,CAAC,EAAE,MAAM,EACf,SAAS,CAAC,EAAE,MAAM,GACjB,IAAI;CAQR"}

package/dist/src/event.js

@@ -0,0 +1,221 @@
+/**
+ * @fileoverview Haoriイベント発火ユーティリティ
+ *
+ * Haoriライブラリが発火するカスタムイベントの統一的な発火機能を提供します。
+ */
+/**
+ * Haoriイベントを発火するユーティリティクラス
+ */
+export default class HaoriEvent {
+    /**
+     * カスタムイベントを発火します。
+     *
+     * @param target イベントを発火する対象要素
+     * @param eventName イベント名（haori:プレフィックスは自動追加）
+     * @param detail イベントの詳細データ
+     * @param options イベントオプション
+     */
+    static dispatch(target, eventName, detail, options) {
+        const event = new CustomEvent(`haori:${eventName}`, {
+            bubbles: options?.bubbles ?? true,
+            cancelable: options?.cancelable ?? false,
+            composed: options?.composed ?? true,
+            detail,
+        });
+        return target.dispatchEvent(event);
+    }
+    /**
+     * readyイベントを発火します。
+     *
+     * @param version ライブラリバージョン
+     */
+    static ready(version) {
+        HaoriEvent.dispatch(document, 'ready', { version });
+    }
+    /**
+     * renderイベントを発火します。
+     *
+     * @param target 評価対象要素
+     */
+    static render(target) {
+        HaoriEvent.dispatch(target, 'render', { target });
+    }
+    /**
+     * importstartイベントを発火します。
+     *
+     * @param target data-import要素
+     * @param url インポート対象URL
+     */
+    static importStart(target, url) {
+        HaoriEvent.dispatch(target, 'importstart', {
+            url,
+            startedAt: performance.now(),
+        });
+    }
+    /**
+     * importendイベントを発火します。
+     *
+     * @param target data-import要素
+     * @param url インポート対象URL
+     * @param bytes 取得バイト数
+     * @param startedAt 開始時刻
+     */
+    static importEnd(target, url, bytes, startedAt) {
+        HaoriEvent.dispatch(target, 'importend', {
+            url,
+            bytes,
+            durationMs: performance.now() - startedAt,
+        });
+    }
+    /**
+     * importerrorイベントを発火します。
+     *
+     * @param target data-import要素
+     * @param url インポート対象URL
+     * @param error エラー内容
+     */
+    static importError(target, url, error) {
+        HaoriEvent.dispatch(target, 'importerror', { url, error });
+    }
+    /**
+     * bindchangeイベントを発火します。
+     *
+     * @param target バインド対象要素
+     * @param previous 変更前のデータ
+     * @param next 変更後のデータ
+     * @param reason 変更理由
+     */
+    static bindChange(target, previous, next, reason = 'other') {
+        const changedKeys = [];
+        // 変更されたキーを検出
+        const prevKeys = new Set(Object.keys(previous || {}));
+        const nextKeys = new Set(Object.keys(next));
+        const allKeys = new Set([...prevKeys, ...nextKeys]);
+        for (const key of allKeys) {
+            const prevValue = previous?.[key];
+            const nextValue = next[key];
+            if (prevValue !== nextValue) {
+                changedKeys.push(key);
+            }
+        }
+        HaoriEvent.dispatch(target, 'bindchange', {
+            previous: previous || {},
+            next,
+            changedKeys,
+            reason,
+        });
+    }
+    /**
+     * eachupdateイベントを発火します。
+     *
+     * @param target data-each要素
+     * @param added 追加された行のキー
+     * @param removed 削除された行のキー
+     * @param order 現在の順序
+     */
+    static eachUpdate(target, added, removed, order) {
+        HaoriEvent.dispatch(target, 'eachupdate', {
+            added,
+            removed,
+            order,
+            total: order.length,
+        });
+    }
+    /**
+     * rowaddイベントを発火します。
+     *
+     * @param target 行要素
+     * @param key 行キー
+     * @param index インデックス
+     * @param item 行データ
+     */
+    static rowAdd(target, key, index, item) {
+        HaoriEvent.dispatch(target, 'rowadd', { key, index, item });
+    }
+    /**
+     * rowremoveイベントを発火します。
+     *
+     * @param target 行要素
+     * @param key 行キー
+     * @param index インデックス
+     */
+    static rowRemove(target, key, index) {
+        HaoriEvent.dispatch(target, 'rowremove', { key, index });
+    }
+    /**
+     * rowmoveイベントを発火します。
+     *
+     * @param target 行要素
+     * @param key 行キー
+     * @param from 移動前インデックス
+     * @param to 移動後インデックス
+     */
+    static rowMove(target, key, from, to) {
+        HaoriEvent.dispatch(target, 'rowmove', { key, from, to });
+    }
+    /**
+     * showイベントを発火します。
+     *
+     * @param target data-if要素
+     */
+    static show(target) {
+        HaoriEvent.dispatch(target, 'show', { visible: true });
+    }
+    /**
+     * hideイベントを発火します。
+     *
+     * @param target data-if要素
+     */
+    static hide(target) {
+        HaoriEvent.dispatch(target, 'hide', { visible: false });
+    }
+    /**
+     * fetchstartイベントを発火します。
+     *
+     * @param target 起点要素
+     * @param url フェッチURL
+     * @param options フェッチオプション
+     * @param payload 送信データ
+     */
+    static fetchStart(target, url, options, payload) {
+        HaoriEvent.dispatch(target, 'fetchstart', {
+            url,
+            options: options || {},
+            payload,
+            startedAt: performance.now(),
+        });
+    }
+    /**
+     * fetchendイベントを発火します。
+     *
+     * @param target 起点要素
+     * @param url フェッチURL
+     * @param status HTTPステータス
+     * @param startedAt 開始時刻
+     */
+    static fetchEnd(target, url, status, startedAt) {
+        HaoriEvent.dispatch(target, 'fetchend', {
+            url,
+            status,
+            durationMs: performance.now() - startedAt,
+        });
+    }
+    /**
+     * fetcherrorイベントを発火します。
+     *
+     * @param target 起点要素
+     * @param url フェッチURL
+     * @param error エラー内容
+     * @param status HTTPステータス（存在する場合）
+     * @param startedAt 開始時刻（存在する場合）
+     */
+    static fetchError(target, url, error, status, startedAt) {
+        HaoriEvent.dispatch(target, 'fetcherror', {
+            url,
+            status,
+            error,
+            durationMs: startedAt ? performance.now() - startedAt : undefined,
+        });
+    }
+}
+//# sourceMappingURL=event.js.map

package/dist/src/event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.js","sourceRoot":"","sources":["../../src/event.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,UAAU;IAC7B;;;;;;;OAOG;IACI,MAAM,CAAC,QAAQ,CACpB,MAAmB,EACnB,SAAiB,EACjB,MAAgB,EAChB,OAIC;QAED,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,SAAS,SAAS,EAAE,EAAE;YAClD,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI;YACjC,UAAU,EAAE,OAAO,EAAE,UAAU,IAAI,KAAK;YACxC,QAAQ,EAAE,OAAO,EAAE,QAAQ,IAAI,IAAI;YACnC,MAAM;SACP,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED;;;;OAIG;IACI,MAAM,CAAC,KAAK,CAAC,OAAgB;QAClC,UAAU,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAC,OAAO,EAAC,CAAC,CAAC;IACpD,CAAC;IAED;;;;OAIG;IACI,MAAM,CAAC,MAAM,CAAC,MAAmB;QACtC,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAC,MAAM,EAAC,CAAC,CAAC;IAClD,CAAC;IAED;;;;;OAKG;IACI,MAAM,CAAC,WAAW,CAAC,MAAmB,EAAE,GAAW;QACxD,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE;YACzC,GAAG;YACH,SAAS,EAAE,WAAW,CAAC,GAAG,EAAE;SAC7B,CAAC,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACI,MAAM,CAAC,SAAS,CACrB,MAAmB,EACnB,GAAW,EACX,KAAa,EACb,SAAiB;QAEjB,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE;YACvC,GAAG;YACH,KAAK;YACL,UAAU,EAAE,WAAW,CAAC,GAAG,EAAE,GAAG,SAAS;SAC1C,CAAC,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACI,MAAM,CAAC,WAAW,CACvB,MAAmB,EACnB,GAAW,EACX,KAAc;QAEd,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,EAAC,GAAG,EAAE,KAAK,EAAC,CAAC,CAAC;IAC3D,CAAC;IAED;;;;;;;OAOG;IACI,MAAM,CAAC,UAAU,CACtB,MAAmB,EACnB,QAAwC,EACxC,IAA6B,EAC7B,SAA2D,OAAO;QAElE,MAAM,WAAW,GAAa,EAAE,CAAC;QAEjC,aAAa;QACb,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;QACtD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5C,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC;QAEpD,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE,CAAC;YAC1B,MAAM,SAAS,GAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC;YAClC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YAC5B,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;gBAC5B,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;QAED,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,YAAY,EAAE;YACxC,QAAQ,EAAE,QAAQ,IAAI,EAAE;YACxB,IAAI;YACJ,WAAW;YACX,MAAM;SACP,CAAC,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACI,MAAM,CAAC,UAAU,CACtB,MAAmB,EACnB,KAAe,EACf,OAAiB,EACjB,KAAe;QAEf,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,YAAY,EAAE;YACxC,KAAK;YACL,OAAO;YACP,KAAK;YACL,KAAK,EAAE,KAAK,CAAC,MAAM;SACpB,CAAC,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACI,MAAM,CAAC,MAAM,CAClB,MAAmB,EACnB,GAAW,EACX,KAAa,EACb,IAAa;QAEb,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;IAC5D,CAAC;IAED;;;;;;OAMG;IACI,MAAM,CAAC,SAAS,CACrB,MAAmB,EACnB,GAAW,EACX,KAAa;QAEb,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,EAAC,GAAG,EAAE,KAAK,EAAC,CAAC,CAAC;IACzD,CAAC;IAED;;;;;;;OAOG;IACI,MAAM,CAAC,OAAO,CACnB,MAAmB,EACnB,GAAW,EACX,IAAY,EACZ,EAAU;QAEV,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,EAAC,GAAG,EAAE,IAAI,EAAE,EAAE,EAAC,CAAC,CAAC;IAC1D,CAAC;IAED;;;;OAIG;IACI,MAAM,CAAC,IAAI,CAAC,MAAmB;QACpC,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IACvD,CAAC;IAED;;;;OAIG;IACI,MAAM,CAAC,IAAI,CAAC,MAAmB;QACpC,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;IACxD,CAAC;IAED;;;;;;;OAOG;IACI,MAAM,CAAC,UAAU,CACtB,MAAmB,EACnB,GAAW,EACX,OAAqB,EACrB,OAAiC;QAEjC,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,YAAY,EAAE;YACxC,GAAG;YACH,OAAO,EAAE,OAAO,IAAI,EAAE;YACtB,OAAO;YACP,SAAS,EAAE,WAAW,CAAC,GAAG,EAAE;SAC7B,CAAC,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACI,MAAM,CAAC,QAAQ,CACpB,MAAmB,EACnB,GAAW,EACX,MAAc,EACd,SAAiB;QAEjB,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,EAAE;YACtC,GAAG;YACH,MAAM;YACN,UAAU,EAAE,WAAW,CAAC,GAAG,EAAE,GAAG,SAAS;SAC1C,CAAC,CAAC;IACL,CAAC;IAED;;;;;;;;OAQG;IACI,MAAM,CAAC,UAAU,CACtB,MAAmB,EACnB,GAAW,EACX,KAAc,EACd,MAAe,EACf,SAAkB;QAElB,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,YAAY,EAAE;YACxC,GAAG;YACH,MAAM;YACN,KAAK;YACL,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS;SAClE,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/src/event_dispatcher.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @fileoverview イベント振り分け機能
+ *
+ * クリック/変更/ロードイベントを検出し Procedure に委譲します。
+ */
+/**
+ * イベントの振り分けを行うクラスです。
+ */
+export default class EventDispatcher {
+    /** ルート要素 */
+    private readonly root;
+    /** クリックデリゲータ */
+    private readonly onClick;
+    /** 変更デリゲータ */
+    private readonly onChange;
+    /** ロードデリゲータ（キャプチャで拾う） */
+    private readonly onLoadCapture;
+    /** ページ全体のロード完了時の処理 */
+    private readonly onWindowLoad;
+    /**
+     * コンストラクタ。
+     *
+     * @param root 監視対象のルート要素（デフォルトは document ）
+     */
+    constructor(root?: Document | HTMLElement);
+    /**
+     * イベントリスナーの登録を開始します。
+     * クリック、変更、ロードイベントを監視し、対応するProcedureを実行します。
+     */
+    start(): void;
+    /**
+     * イベントリスナーの登録を停止します。
+     */
+    stop(): void;
+    /**
+     * イベントを処理し、対応するProcedureを実行します。
+     *
+     * @param event 発生したイベント
+     * @param type イベントタイプ（'click', 'change', 'load'など）
+     */
+    private delegate;
+    /**
+     * イベントのターゲットから HTMLElement を取得します。
+     *
+     * @param target イベントのターゲット
+     * @returns HTMLElement または null
+     */
+    private getElementFromTarget;
+}
+//# sourceMappingURL=event_dispatcher.d.ts.map

package/dist/src/event_dispatcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event_dispatcher.d.ts","sourceRoot":"","sources":["../../src/event_dispatcher.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,eAAe;IAClC,YAAY;IACZ,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAyB;IAE9C,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmD;IAE3E,cAAc;IACd,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoD;IAE7E,yBAAyB;IACzB,OAAO,CAAC,QAAQ,CAAC,aAAa,CACC;IAE/B,sBAAsB;IACtB,OAAO,CAAC,QAAQ,CAAC,YAAY,CAO3B;IAEF;;;;OAIG;gBACS,IAAI,GAAE,QAAQ,GAAG,WAAsB;IAInD;;;OAGG;IACH,KAAK,IAAI,IAAI;IASb;;OAEG;IACH,IAAI,IAAI,IAAI;IAOZ;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAoBhB;;;;;OAKG;IACH,OAAO,CAAC,oBAAoB;CAY7B"}

package/dist/src/event_dispatcher.js

@@ -0,0 +1,99 @@
+/**
+ * @fileoverview イベント振り分け機能
+ *
+ * クリック/変更/ロードイベントを検出し Procedure に委譲します。
+ */
+import Fragment, { ElementFragment } from './fragment';
+import Procedure from './procedure';
+import Log from './log';
+/**
+ * イベントの振り分けを行うクラスです。
+ */
+export default class EventDispatcher {
+    /**
+     * コンストラクタ。
+     *
+     * @param root 監視対象のルート要素（デフォルトは document ）
+     */
+    constructor(root = document) {
+        /** クリックデリゲータ */
+        this.onClick = (event) => this.delegate(event, 'click');
+        /** 変更デリゲータ */
+        this.onChange = (event) => this.delegate(event, 'change');
+        /** ロードデリゲータ（キャプチャで拾う） */
+        this.onLoadCapture = (event) => this.delegate(event, 'load');
+        /** ページ全体のロード完了時の処理 */
+        this.onWindowLoad = () => {
+            // ページロード時にも load を1回ディスパッチ
+            const html = document.documentElement;
+            const fragment = Fragment.get(html);
+            if (fragment) {
+                void new Procedure(fragment, 'load').run();
+            }
+        };
+        this.root = root;
+    }
+    /**
+     * イベントリスナーの登録を開始します。
+     * クリック、変更、ロードイベントを監視し、対応するProcedureを実行します。
+     */
+    start() {
+        this.root.addEventListener('click', this.onClick);
+        this.root.addEventListener('change', this.onChange);
+        // load は非バブルなのでキャプチャで拾う
+        this.root.addEventListener('load', this.onLoadCapture, true);
+        // ページ全体のロード
+        window.addEventListener('load', this.onWindowLoad, { once: true });
+    }
+    /**
+     * イベントリスナーの登録を停止します。
+     */
+    stop() {
+        this.root.removeEventListener('click', this.onClick);
+        this.root.removeEventListener('change', this.onChange);
+        this.root.removeEventListener('load', this.onLoadCapture, true);
+        window.removeEventListener('load', this.onWindowLoad);
+    }
+    /**
+     * イベントを処理し、対応するProcedureを実行します。
+     *
+     * @param event 発生したイベント
+     * @param type イベントタイプ（'click', 'change', 'load'など）
+     */
+    delegate(event, type) {
+        const element = this.getElementFromTarget(event.target);
+        if (!element) {
+            return;
+        }
+        const fragment = Fragment.get(element);
+        if (!fragment) {
+            return;
+        }
+        // changeイベントの場合、DOM値と同期
+        if (type === 'change' && fragment instanceof ElementFragment) {
+            fragment.syncValue();
+        }
+        new Procedure(fragment, type).run().catch(error => {
+            Log.error('[Haori]', 'Procedure execution error:', error);
+        });
+    }
+    /**
+     * イベントのターゲットから HTMLElement を取得します。
+     *
+     * @param target イベントのターゲット
+     * @returns HTMLElement または null
+     */
+    getElementFromTarget(target) {
+        if (!target) {
+            return null;
+        }
+        if (target instanceof HTMLElement) {
+            return target;
+        }
+        if (target instanceof Node) {
+            return target.parentElement;
+        }
+        return null;
+    }
+}
+//# sourceMappingURL=event_dispatcher.js.map