ts-util-core 2.0.0

package/dist/core/message.d.ts

@@ -0,0 +1,28 @@
+import type { MessageOptions } from '../types.js';
+interface DialogHandle {
+    close: () => void;
+    element: HTMLElement;
+}
+export declare class Message {
+    private currentModal;
+    /**
+     * Show a brief informational message. Auto-closes after `options.autoclose` ms.
+     */
+    info(message: string, options?: MessageOptions): DialogHandle;
+    /**
+     * Show a modal dialog that must be explicitly dismissed.
+     */
+    modal(message: string, options?: MessageOptions): DialogHandle;
+    /**
+     * Show a Yes/No confirmation dialog. Executes `onConfirm` if "Yes" is chosen.
+     *
+     * @returns A `DialogHandle` for programmatic control.
+     */
+    confirm(title: string, message: string, onConfirm: () => void): DialogHandle;
+    /**
+     * Close the currently open modal (if any).
+     */
+    dismissModal(): void;
+}
+export {};
+//# sourceMappingURL=message.d.ts.map

package/dist/core/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/core/message.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AA+DlD,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,WAAW,CAAC;CACtB;AAuED,qBAAa,OAAO;IAClB,OAAO,CAAC,YAAY,CAA6B;IAEjD;;OAEG;IACH,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,YAAY;IAYjE;;OAEG;IACH,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,YAAY;IAalE;;;;OAIG;IACH,OAAO,CACL,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,IAAI,GACpB,YAAY;IAcf;;OAEG;IACH,YAAY,IAAI,IAAI;CAIrB"}

package/dist/core/message.js

@@ -0,0 +1,172 @@
+// ---------------------------------------------------------------------------
+// MSG module — vanilla DOM dialog system (no 3rd-party dependency)
+//
+// Design patterns used:
+//   - Facade Pattern : simple `info()`, `modal()`, `confirm()` API over
+//                      raw DOM creation + CSS styling
+//   - Strategy Pattern : appearance is controlled via CSS classes, consumers
+//                        can override styling without touching this module
+// ---------------------------------------------------------------------------
+const OVERLAY_CLASS = 'rs-msg-overlay';
+const DIALOG_CLASS = 'rs-msg-dialog';
+const TITLE_CLASS = 'rs-msg-title';
+const BODY_CLASS = 'rs-msg-body';
+const BUTTON_BAR_CLASS = 'rs-msg-buttons';
+const BUTTON_CLASS = 'rs-msg-btn';
+let injectedStyles = false;
+function injectStyles() {
+    if (injectedStyles)
+        return;
+    injectedStyles = true;
+    const css = `
+    .${OVERLAY_CLASS} {
+      position: fixed; inset: 0;
+      background: rgba(0,0,0,0.4);
+      display: flex; align-items: center; justify-content: center;
+      z-index: 10000;
+      animation: rs-fade-in 0.15s ease-out;
+    }
+    .${DIALOG_CLASS} {
+      background: #fff; border-radius: 8px;
+      box-shadow: 0 8px 32px rgba(0,0,0,0.25);
+      min-width: 300px; max-width: 520px;
+      padding: 0; overflow: hidden;
+      animation: rs-slide-up 0.2s ease-out;
+    }
+    .${TITLE_CLASS} {
+      padding: 16px 20px; font-weight: 600; font-size: 15px;
+      border-bottom: 1px solid #eee;
+    }
+    .${BODY_CLASS} {
+      padding: 20px; font-size: 14px; line-height: 1.6;
+    }
+    .${BUTTON_BAR_CLASS} {
+      padding: 12px 20px; display: flex; justify-content: flex-end; gap: 8px;
+      border-top: 1px solid #eee;
+    }
+    .${BUTTON_CLASS} {
+      padding: 8px 18px; border: 1px solid #ccc; border-radius: 4px;
+      background: #fff; cursor: pointer; font-size: 14px;
+      transition: background 0.15s;
+    }
+    .${BUTTON_CLASS}:hover { background: #f5f5f5; }
+    .${BUTTON_CLASS}[data-primary] {
+      background: #2563eb; color: #fff; border-color: #2563eb;
+    }
+    .${BUTTON_CLASS}[data-primary]:hover { background: #1d4ed8; }
+    @keyframes rs-fade-in { from { opacity: 0; } to { opacity: 1; } }
+    @keyframes rs-slide-up {
+      from { transform: translateY(20px); opacity: 0; }
+      to   { transform: translateY(0);    opacity: 1; }
+    }
+  `;
+    const style = document.createElement('style');
+    style.textContent = css;
+    document.head.appendChild(style);
+}
+function createDialog(message, options = {}) {
+    injectStyles();
+    const overlay = document.createElement('div');
+    overlay.className = OVERLAY_CLASS;
+    const dialog = document.createElement('div');
+    dialog.className = DIALOG_CLASS;
+    dialog.setAttribute('role', 'dialog');
+    dialog.setAttribute('aria-modal', String(!!options.modal));
+    // Title
+    if (options.title) {
+        const titleEl = document.createElement('div');
+        titleEl.className = TITLE_CLASS;
+        titleEl.textContent = options.title;
+        dialog.appendChild(titleEl);
+    }
+    // Body
+    const body = document.createElement('div');
+    body.className = BODY_CLASS;
+    body.innerHTML = message;
+    dialog.appendChild(body);
+    // Buttons
+    if (options.buttons && options.buttons.length > 0) {
+        const bar = document.createElement('div');
+        bar.className = BUTTON_BAR_CLASS;
+        for (const btn of options.buttons) {
+            const el = document.createElement('button');
+            el.className = BUTTON_CLASS;
+            el.textContent = btn.label;
+            if (btn.primary)
+                el.setAttribute('data-primary', '');
+            el.addEventListener('click', () => {
+                options.onButton?.(btn.value);
+                close();
+            });
+            bar.appendChild(el);
+        }
+        dialog.appendChild(bar);
+    }
+    overlay.appendChild(dialog);
+    document.body.appendChild(overlay);
+    // Close on overlay click (if not modal)
+    if (!options.modal) {
+        overlay.addEventListener('click', (e) => {
+            if (e.target === overlay)
+                close();
+        });
+    }
+    function close() {
+        overlay.remove();
+    }
+    return { close, element: overlay };
+}
+export class Message {
+    currentModal = null;
+    /**
+     * Show a brief informational message. Auto-closes after `options.autoclose` ms.
+     */
+    info(message, options = {}) {
+        const { autoclose = 5000, title } = options;
+        const handle = createDialog(message, { title });
+        if (autoclose > 0) {
+            setTimeout(() => handle.close(), autoclose);
+        }
+        return handle;
+    }
+    /**
+     * Show a modal dialog that must be explicitly dismissed.
+     */
+    modal(message, options = {}) {
+        this.dismissModal();
+        const handle = createDialog(message, {
+            title: options.title,
+            modal: true,
+            buttons: [{ label: 'OK', value: 'ok', primary: true }],
+        });
+        this.currentModal = handle;
+        return handle;
+    }
+    /**
+     * Show a Yes/No confirmation dialog. Executes `onConfirm` if "Yes" is chosen.
+     *
+     * @returns A `DialogHandle` for programmatic control.
+     */
+    confirm(title, message, onConfirm) {
+        return createDialog(message, {
+            title,
+            modal: true,
+            buttons: [
+                { label: 'Yes', value: 'Y', primary: true },
+                { label: 'No', value: 'N' },
+            ],
+            onButton: (val) => {
+                if (val === 'Y')
+                    onConfirm();
+            },
+        });
+    }
+    /**
+     * Close the currently open modal (if any).
+     */
+    dismissModal() {
+        this.currentModal?.close();
+        this.currentModal = null;
+    }
+}
+//# sourceMappingURL=message.js.map

package/dist/core/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../src/core/message.ts"],"names":[],"mappings":"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"}

package/dist/core/view.d.ts

@@ -0,0 +1,49 @@
+import type { EventEmitter } from './event-emitter.js';
+import type { AppEventMap, ViewLoadParams } from '../types.js';
+import type { Ajax } from './ajax.js';
+export type BeforeLoadHook = (context: HTMLElement) => void;
+export declare class View {
+    private emitter;
+    private ajax;
+    private beforeLoadHooks;
+    constructor(emitter: EventEmitter<AppEventMap>, ajax: Ajax);
+    /**
+     * Register a function that runs on every DOM fragment before it is inserted.
+     *
+     * This is the **Observer pattern** — modules self-register their
+     * initialization logic without the core knowing about them.
+     *
+     * @returns An unregister function.
+     *
+     * @example
+     * ```ts
+     * // Validation module registers itself
+     * VIEW.addBeforeLoad((context) => {
+     *   context.querySelectorAll('[constraint~="date"]').forEach(setupDatepicker);
+     * });
+     *
+     * // Format module registers itself
+     * VIEW.addBeforeLoad((context) => {
+     *   context.querySelectorAll('[format]').forEach(applyMask);
+     * });
+     * ```
+     */
+    addBeforeLoad(hook: BeforeLoadHook): () => void;
+    /**
+     * Run all registered `beforeLoad` hooks on a DOM element.
+     * Also emits the `view:beforeLoad` event for event-based listeners.
+     */
+    invokeBeforeLoad(context: HTMLElement): void;
+    /**
+     * Fetch HTML from a URL, run all beforeLoad hooks, then inject into `target`.
+     *
+     * @param target - The container element to inject into.
+     * @param params - Request parameters (url, data, form, etc.).
+     */
+    load(target: HTMLElement, params: ViewLoadParams): Promise<void>;
+    /**
+     * Initialize the entire page body — should be called once on DOMContentLoaded.
+     */
+    initPage(): void;
+}
+//# sourceMappingURL=view.d.ts.map

package/dist/core/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/core/view.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGtC,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;AAE5D,qBAAa,IAAI;IACf,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,eAAe,CAAwB;gBAEnC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI;IAK1D;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,aAAa,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,IAAI;IAQ/C;;;OAGG;IACH,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAO5C;;;;;OAKG;IACG,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAuBtE;;OAEG;IACH,QAAQ,IAAI,IAAI;CAGjB"}

package/dist/core/view.js

@@ -0,0 +1,87 @@
+// ---------------------------------------------------------------------------
+// VIEW module — load HTML fragments via AJAX and initialize them
+//
+// Design patterns used:
+//   - Observer Pattern  : `beforeLoad` hooks run on every loaded fragment
+//   - Facade Pattern    : `load()` handles fetch → parse → init → inject
+// ---------------------------------------------------------------------------
+import { parseHTML } from '../utils/dom.js';
+export class View {
+    emitter;
+    ajax;
+    beforeLoadHooks = [];
+    constructor(emitter, ajax) {
+        this.emitter = emitter;
+        this.ajax = ajax;
+    }
+    /**
+     * Register a function that runs on every DOM fragment before it is inserted.
+     *
+     * This is the **Observer pattern** — modules self-register their
+     * initialization logic without the core knowing about them.
+     *
+     * @returns An unregister function.
+     *
+     * @example
+     * ```ts
+     * // Validation module registers itself
+     * VIEW.addBeforeLoad((context) => {
+     *   context.querySelectorAll('[constraint~="date"]').forEach(setupDatepicker);
+     * });
+     *
+     * // Format module registers itself
+     * VIEW.addBeforeLoad((context) => {
+     *   context.querySelectorAll('[format]').forEach(applyMask);
+     * });
+     * ```
+     */
+    addBeforeLoad(hook) {
+        this.beforeLoadHooks.push(hook);
+        return () => {
+            const idx = this.beforeLoadHooks.indexOf(hook);
+            if (idx !== -1)
+                this.beforeLoadHooks.splice(idx, 1);
+        };
+    }
+    /**
+     * Run all registered `beforeLoad` hooks on a DOM element.
+     * Also emits the `view:beforeLoad` event for event-based listeners.
+     */
+    invokeBeforeLoad(context) {
+        for (const hook of this.beforeLoadHooks) {
+            hook(context);
+        }
+        this.emitter.emit('view:beforeLoad', { context });
+    }
+    /**
+     * Fetch HTML from a URL, run all beforeLoad hooks, then inject into `target`.
+     *
+     * @param target - The container element to inject into.
+     * @param params - Request parameters (url, data, form, etc.).
+     */
+    async load(target, params) {
+        const { success, ...requestParams } = params;
+        await this.ajax.request({
+            ...requestParams,
+            success: async (data) => {
+                const response = data;
+                const html = await response.text();
+                const fragment = parseHTML(html);
+                // Wrap in a container so hooks can querySelector on it
+                const wrapper = document.createElement('div');
+                wrapper.appendChild(fragment);
+                this.invokeBeforeLoad(wrapper);
+                target.innerHTML = '';
+                target.appendChild(wrapper);
+                success?.(wrapper);
+            },
+        });
+    }
+    /**
+     * Initialize the entire page body — should be called once on DOMContentLoaded.
+     */
+    initPage() {
+        this.invokeBeforeLoad(document.body);
+    }
+}
+//# sourceMappingURL=view.js.map

package/dist/core/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../src/core/view.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,iEAAiE;AACjE,EAAE;AACF,wBAAwB;AACxB,0EAA0E;AAC1E,yEAAyE;AACzE,8EAA8E;AAK9E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,MAAM,OAAO,IAAI;IACP,OAAO,CAA4B;IACnC,IAAI,CAAO;IACX,eAAe,GAAqB,EAAE,CAAC;IAE/C,YAAY,OAAkC,EAAE,IAAU;QACxD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,aAAa,CAAC,IAAoB;QAChC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChC,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,GAAG,KAAK,CAAC,CAAC;gBAAE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,gBAAgB,CAAC,OAAoB;QACnC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACxC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChB,CAAC;QACD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IACpD,CAAC;IAED;;;;;OAKG;IACH,KAAK,CAAC,IAAI,CAAC,MAAmB,EAAE,MAAsB;QACpD,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,GAAG,MAAM,CAAC;QAE7C,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;YACtB,GAAG,aAAa;YAChB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;gBACtB,MAAM,QAAQ,GAAG,IAAgB,CAAC;gBAClC,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;gBACnC,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;gBAEjC,uDAAuD;gBACvD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC9C,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;gBAE9B,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBAC/B,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;gBACtB,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAE5B,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;YACrB,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,QAAQ;QACN,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;CACF"}

package/dist/formatting/formatters.d.ts

@@ -0,0 +1,9 @@
+import type { Formatter } from '../types.js';
+/** Taiwan ID number: A123456789 */
+export declare const idNumberFormatter: Formatter;
+/** Date: YYYY-MM-DD (day is optional via `?`) */
+export declare const dateFormatter: Formatter;
+/** Time: HH:MM */
+export declare const timeFormatter: Formatter;
+export declare const builtInFormatters: Formatter[];
+//# sourceMappingURL=formatters.d.ts.map

package/dist/formatting/formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../src/formatting/formatters.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAoF7C,mCAAmC;AACnC,eAAO,MAAM,iBAAiB,EAAE,SAG/B,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,aAAa,EAAE,SAG3B,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,aAAa,EAAE,SAG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAAS,EAIxC,CAAC"}

package/dist/formatting/formatters.js

@@ -0,0 +1,109 @@
+// ---------------------------------------------------------------------------
+// Built-in formatters — vanilla input masking (no 3rd-party dependency)
+//
+// Replaces jquery.maskedinput with a lightweight mask engine.
+//
+// Design patterns used:
+//   - Strategy Pattern : each formatter is an independent strategy
+//   - Template Method  : all formatters share the same `applyMask` core,
+//                        only the mask definition varies
+// ---------------------------------------------------------------------------
+/**
+ * Mask characters:
+ *   `9` → digit (0-9)
+ *   `A` → uppercase letter (A-Z)
+ *   `?` → makes the rest of the mask optional
+ *   Any other character → literal (inserted automatically)
+ */
+function applyMask(element, mask) {
+    // Find the position where `?` appears (optional section starts)
+    const optionalIdx = mask.indexOf('?');
+    const cleanMask = mask.replace('?', '');
+    function formatValue(raw) {
+        let result = '';
+        let rawIdx = 0;
+        for (let maskIdx = 0; maskIdx < cleanMask.length && rawIdx < raw.length; maskIdx++) {
+            const maskChar = cleanMask[maskIdx];
+            if (maskChar === '9') {
+                // Expect digit
+                while (rawIdx < raw.length && !/\d/.test(raw[rawIdx]))
+                    rawIdx++;
+                if (rawIdx < raw.length) {
+                    result += raw[rawIdx];
+                    rawIdx++;
+                }
+                else {
+                    break;
+                }
+            }
+            else if (maskChar === 'A') {
+                // Expect uppercase letter
+                while (rawIdx < raw.length && !/[A-Z]/i.test(raw[rawIdx]))
+                    rawIdx++;
+                if (rawIdx < raw.length) {
+                    result += raw[rawIdx].toUpperCase();
+                    rawIdx++;
+                }
+                else {
+                    break;
+                }
+            }
+            else {
+                // Literal — insert it
+                result += maskChar;
+                // If the raw char matches the literal, skip it
+                if (raw[rawIdx] === maskChar)
+                    rawIdx++;
+            }
+        }
+        return result;
+    }
+    function getPlaceholder() {
+        const required = optionalIdx >= 0 ? cleanMask.substring(0, optionalIdx) : cleanMask;
+        return required
+            .replace(/9/g, '_')
+            .replace(/A/g, '_');
+    }
+    // Set placeholder to show expected format
+    if (!element.placeholder) {
+        element.placeholder = getPlaceholder();
+    }
+    element.addEventListener('input', () => {
+        const pos = element.selectionStart ?? 0;
+        const oldLen = element.value.length;
+        element.value = formatValue(element.value);
+        const newLen = element.value.length;
+        // Preserve cursor position intelligently
+        const newPos = pos + (newLen - oldLen);
+        element.setSelectionRange(newPos, newPos);
+    });
+    element.addEventListener('blur', () => {
+        element.value = formatValue(element.value);
+    });
+    // Format the initial value if present
+    if (element.value) {
+        element.value = formatValue(element.value);
+    }
+}
+// -- Built-in formatter definitions -----------------------------------------
+/** Taiwan ID number: A123456789 */
+export const idNumberFormatter = {
+    key: 'idNumber',
+    format: (el) => applyMask(el, 'A999999999'),
+};
+/** Date: YYYY-MM-DD (day is optional via `?`) */
+export const dateFormatter = {
+    key: 'date',
+    format: (el) => applyMask(el, '9999-99?-99'),
+};
+/** Time: HH:MM */
+export const timeFormatter = {
+    key: 'time',
+    format: (el) => applyMask(el, '99:99'),
+};
+export const builtInFormatters = [
+    idNumberFormatter,
+    dateFormatter,
+    timeFormatter,
+];
+//# sourceMappingURL=formatters.js.map

package/dist/formatting/formatters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/formatting/formatters.ts"],"names":[],"mappings":"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"}

package/dist/formatting/registry.d.ts

@@ -0,0 +1,31 @@
+import type { Formatter } from '../types.js';
+/**
+ * Manages input formatters keyed by name.
+ *
+ * Elements declare their desired format via the `format` HTML attribute.
+ * The registry matches elements to their formatter at initialization time.
+ *
+ * @example
+ * ```ts
+ * registry.add({ key: 'phone', format: (el) => applyPhoneMask(el) });
+ *
+ * // In HTML:
+ * // <input type="text" format="phone" />
+ * ```
+ */
+export declare class FormatterRegistry {
+    private formatters;
+    /**
+     * Register a formatter. If a formatter with the same key exists, it is replaced.
+     */
+    add(formatter: Formatter): void;
+    /**
+     * Apply registered formatters to all elements with a `format` attribute
+     * within the given context.
+     *
+     * This is the **beforeLoad hook** — registered with `VIEW.addBeforeLoad`
+     * so dynamically loaded content also gets formatted.
+     */
+    applyAll(context: HTMLElement): void;
+}
+//# sourceMappingURL=registry.d.ts.map

package/dist/formatting/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/formatting/registry.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;;;;;;;;;;;GAaG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,UAAU,CAAgC;IAElD;;OAEG;IACH,GAAG,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;IAI/B;;;;;;OAMG;IACH,QAAQ,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;CAUrC"}

package/dist/formatting/registry.js

@@ -0,0 +1,49 @@
+// ---------------------------------------------------------------------------
+// Formatter Registry — register and apply input formatters by key
+//
+// Design patterns used:
+//   - Registry Pattern : formatters stored by key, resolved at runtime
+//   - Observer Pattern : integrates with VIEW.addBeforeLoad for auto-init
+//   - Open/Closed      : add new formatters without modifying existing code
+// ---------------------------------------------------------------------------
+/**
+ * Manages input formatters keyed by name.
+ *
+ * Elements declare their desired format via the `format` HTML attribute.
+ * The registry matches elements to their formatter at initialization time.
+ *
+ * @example
+ * ```ts
+ * registry.add({ key: 'phone', format: (el) => applyPhoneMask(el) });
+ *
+ * // In HTML:
+ * // <input type="text" format="phone" />
+ * ```
+ */
+export class FormatterRegistry {
+    formatters = new Map();
+    /**
+     * Register a formatter. If a formatter with the same key exists, it is replaced.
+     */
+    add(formatter) {
+        this.formatters.set(formatter.key, formatter);
+    }
+    /**
+     * Apply registered formatters to all elements with a `format` attribute
+     * within the given context.
+     *
+     * This is the **beforeLoad hook** — registered with `VIEW.addBeforeLoad`
+     * so dynamically loaded content also gets formatted.
+     */
+    applyAll(context) {
+        const elements = context.querySelectorAll('[format]');
+        for (const el of elements) {
+            const key = el.getAttribute('format');
+            if (!key)
+                continue;
+            const formatter = this.formatters.get(key);
+            formatter?.format(el);
+        }
+    }
+}
+//# sourceMappingURL=registry.js.map

package/dist/formatting/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/formatting/registry.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,kEAAkE;AAClE,EAAE;AACF,wBAAwB;AACxB,uEAAuE;AACvE,0EAA0E;AAC1E,4EAA4E;AAC5E,8EAA8E;AAI9E;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,iBAAiB;IACpB,UAAU,GAAG,IAAI,GAAG,EAAqB,CAAC;IAElD;;OAEG;IACH,GAAG,CAAC,SAAoB;QACtB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAChD,CAAC;IAED;;;;;;OAMG;IACH,QAAQ,CAAC,OAAoB;QAC3B,MAAM,QAAQ,GAAG,OAAO,CAAC,gBAAgB,CAAmB,UAAU,CAAC,CAAC;QAExE,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE,CAAC;YAC1B,MAAM,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YACtC,IAAI,CAAC,GAAG;gBAAE,SAAS;YACnB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC3C,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;QACxB,CAAC;IACH,CAAC;CACF"}

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+export type { ConstraintType, FormDataRecord, AjaxRequestParams, AjaxJsonRequestParams, ViewLoadParams, MessageOptions, Formatter as FormatterDefinition, AppEventMap, ValidationResult, TextareaValidationResult, } from './types.js';
+export type { ConstraintHandler } from './validation/constraints.js';
+export type { BeforeLoadHook } from './core/view.js';
+export { EventEmitter } from './core/event-emitter.js';
+export { Ajax } from './core/ajax.js';
+export { View } from './core/view.js';
+export { Message } from './core/message.js';
+export { Validator } from './validation/validator.js';
+export { FormatterRegistry } from './formatting/registry.js';
+export { sprintf } from './utils/sprintf.js';
+export { formToJSON, isDateValid, parseHTML, scrollToElement, defaults } from './utils/dom.js';
+import { EventEmitter } from './core/event-emitter.js';
+import { Ajax } from './core/ajax.js';
+import { View } from './core/view.js';
+import { Message } from './core/message.js';
+import { Validator } from './validation/validator.js';
+import { FormatterRegistry } from './formatting/registry.js';
+import type { AppEventMap } from './types.js';
+/** AJAX module — HTTP requests with lifecycle hooks. */
+export declare const AJAX: Ajax;
+/** VIEW module — load and initialize HTML fragments. */
+export declare const VIEW: View;
+/** MSG module — dialogs and notifications. */
+export declare const MSG: Message;
+/** Validation module — form validation engine. */
+export declare const Validation: Validator;
+/** Formatter module — input masking registry. */
+export declare const Formatter: FormatterRegistry;
+/** Event bus — subscribe to library-wide lifecycle events. */
+export declare const Events: EventEmitter<AppEventMap>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA2BA,YAAY,EACV,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,SAAS,IAAI,mBAAmB,EAChC,WAAW,EACX,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAM/F,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AA4B9C,wDAAwD;AACxD,eAAO,MAAM,IAAI,MAAO,CAAC;AAEzB,wDAAwD;AACxD,eAAO,MAAM,IAAI,MAAO,CAAC;AAEzB,8CAA8C;AAC9C,eAAO,MAAM,GAAG,SAAM,CAAC;AAEvB,kDAAkD;AAClD,eAAO,MAAM,UAAU,WAAY,CAAC;AAEpC,iDAAiD;AACjD,eAAO,MAAM,SAAS,mBAAY,CAAC;AAEnC,8DAA8D;AAC9D,eAAO,MAAM,MAAM,2BAAU,CAAC"}