@ktjs/shared 0.23.11 → 0.23.13

package/dist/index.d.ts

@@ -1,179 +1,199 @@
-/**
- * Mark the attribute as SVG to handle special cases during rendering.
- */
-declare const SVG_ATTR_FLAG = "__kt_svg__";
-/**
- * Mark the attribute as MathML to handle special cases during rendering.
- */
-declare const MATHML_ATTR_FLAG = "__kt_mathml__";
-/**
- * Can be if, else, else-if.
- */
-declare const DIRV_TYPE: unique symbol;
-
-declare const $isArray: (arg: any) => arg is any[];
-declare const $ArrayFrom: {
-    <T>(arrayLike: ArrayLike<T>): T[];
-    <T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-    <T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-    <T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-};
-declare const $is: (value1: any, value2: any) => boolean;
-declare const $assign: {
-    <T extends {}, U>(target: T, source: U): T & U;
-    <T extends {}, U, V>(target: T, source1: U, source2: V): T & U & V;
-    <T extends {}, U, V, W>(target: T, source1: U, source2: V, source3: W): T & U & V & W;
-    (target: object, ...sources: any[]): any;
-};
-declare const $hasOwn: (v: PropertyKey) => boolean;
-declare const $toString: () => string;
-declare const $keys: <T>(o: T) => Array<keyof T>;
-declare const $defines: <T>(o: T, properties: PropertyDescriptorMap & ThisType<any>) => T;
-declare const $define: <T>(o: T, p: PropertyKey, attributes: PropertyDescriptor & ThisType<any>) => T;
-declare const $entries: <T>(o: T) => Array<[keyof T, T[keyof T]]>;
-declare const $random: () => number;
-declare const $isThenable: (o: any) => o is Promise<any>;
-
-type otherstring = string & {};
-
-/**
- * Normal HTML tags like `div`, `span`, `a`, etc.
- */
-type HTMLTag = keyof HTMLElementTagNameMap;
-type SVGTag = keyof SVGElementTagNameMap;
-type MathMLTag = keyof MathMLElementTagNameMap;
-
-/**
- * Get the tags that makes HTMLElementTagNameMap[tag] = HTMLElement
- */
-type NonSpecialTags = {
-  [K in keyof HTMLElementTagNameMap]: HTMLElement extends HTMLElementTagNameMap[K] ? K : never;
-}[keyof HTMLElementTagNameMap];
-
-/**
- * This is tested on 15 browsers (most popular ones)
- * - appending a text node to these tags takes no effect.
- *   - No effect means `innerText` does not include the text in the text node.
- * @see {@link src/core/h/no-text-node.ts}
- */
-type NoTextNodeTag =
-  | 'area'
-  | 'audio'
-  | 'base'
-  | 'basefont'
-  | 'br'
-  | 'canvas'
-  | 'datalist'
-  | 'details'
-  | 'dialog'
-  | 'frameset'
-  | 'head'
-  | 'iframe'
-  | 'img'
-  | 'input'
-  | 'link'
-  | 'meta'
-  | 'meter'
-  | 'noembed'
-  | 'noframes'
-  | 'noscript'
-  | 'optgroup'
-  | 'param'
-  | 'progress'
-  | 'rp'
-  | 'select'
-  | 'style'
-  | 'template'
-  | 'textarea'
-  | 'title'
-  | 'video'
-  | 'wbr'
-  | 'embed'
-  | 'frame'
-  | 'keygen'
-  | 'option';
-
-/**
- * These fields of HTMLElement can trigger `change`.
- */
-type ChangeTriggerField = 'value' | 'checked' | 'selected' | 'valueAsDate' | 'valueAsNumber';
-
-type InputElementTag = 'input' | 'select' | 'textarea';
-
-declare const $isNode: (x: any) => x is ChildNode;
-/**
- * Safe replace `oldNode` With `newNode`
- */
-declare const $replaceNode: (oldNode: unknown, newNode: unknown) => void;
-/**
- * & Remove `bind` because it is shockingly slower than wrapper
- * & `window.document` is safe because it is not configurable and its setter is undefined
- */
-declare const $appendChild: <T extends Node>(node: T) => T;
-declare const originAppend: (...nodes: (Node | string)[]) => void;
-declare const $append: typeof originAppend;
-declare const $buttonDisabledGetter: () => any;
-declare const $buttonDisabledSetter: (v: any) => void;
-declare const $parseStyle: (style: unknown) => string;
-type ChangeHandler<T = string> = (value: T, ...args: any[]) => void;
-/**
- * Used for `k-model`
- */
-declare const $applyModel: (element: HTMLElementTagNameMap[InputElementTag], valueRef: {
-    value: unknown;
-    addOnChange: (fn: (newValue: unknown) => void) => void;
-}, propName: "value" | "checked", eventName: "change" | "input") => void;
-
-/**
- * Default empty function
- */
-declare const $emptyFn: (...args: any[]) => any;
-declare const $emptyArray: any[];
-declare const $emptyObject: any;
-declare const $isSame: (a: unknown, b: unknown) => boolean;
-/**
- * Safe and quick forEach implementation that works with array-like objects and handles sparse arrays.
- */
-declare const $forEach: (array: unknown[], callback: (item: unknown, index: number, array: unknown[]) => void) => void;
-/**
- * Async version of $forEach that allows for asynchronous callbacks. It processes items sequentially, awaiting each callback before moving to the next.
- */
-declare const $forEachAsync: (array: unknown[], callback: (item: unknown, index: number, array: unknown[]) => void) => Promise<void>;
-
-/**
- * Normalize path by joining parts and ensuring leading slash
- */
-declare const normalizePath: (...paths: string[]) => string;
-/**
- * Parse query string into object
- */
-declare const parseQuery: (queryString: string) => Record<string, string>;
-/**
- * Build query string from object
- */
-declare const buildQuery: (query: Record<string, string>) => string;
-/**
- * Substitute params into path pattern
- * @example '/user/:id' + {id: '123'} => '/user/123'
- */
-declare const emplaceParams: (path: string, params: Record<string, string>) => string;
-/**
- * Extract dynamic params from path using pattern
- * @example pattern: '/user/:id', path: '/user/123' => {id: '123'}
- */
-declare const extractParams: (pattern: string, path: string) => Record<string, string> | null;
-
-// declare function $throw(message: string): never;
-// declare const $warn: typeof console.warn;
-// declare const $error: typeof console.error;
-// declare const $debug: typeof console.debug;
-declare global {
-  const $throw: (message?: string) => never;
-  const $warn: typeof console.warn;
-  const $log: typeof console.log;
-  const $error: typeof console.error;
-  const $debug: typeof console.debug;
-}
-
-export { $ArrayFrom, $append, $appendChild, $applyModel, $assign, $buttonDisabledGetter, $buttonDisabledSetter, $define, $defines, $emptyArray, $emptyFn, $emptyObject, $entries, $forEach, $forEachAsync, $hasOwn, $is, $isArray, $isNode, $isSame, $isThenable, $keys, $parseStyle, $random, $replaceNode, $toString, DIRV_TYPE, MATHML_ATTR_FLAG, SVG_ATTR_FLAG, buildQuery, emplaceParams, extractParams, normalizePath, parseQuery };
-export type { ChangeHandler, ChangeTriggerField, HTMLTag, InputElementTag, MathMLTag, NoTextNodeTag, NonSpecialTags, SVGTag, otherstring };
+export declare const $append: typeof originAppend;
+
+/**
+ * & Remove `bind` because it is shockingly slower than wrapper
+ * & `window.document` is safe because it is not configurable and its setter is undefined
+ */
+export declare const $appendChild: <T extends Node>(node: T) => T;
+
+/**
+ * Used for `k-model`
+ */
+export declare const $applyModel: (element: HTMLElementTagNameMap[InputElementTag], valueRef: {
+    value: unknown;
+    addOnChange: (fn: (newValue: unknown) => void) => void;
+}, propName: "value" | "checked", eventName: "change" | "input") => void;
+
+export declare const $ArrayFrom: {
+    <T>(arrayLike: ArrayLike<T>): T[];
+    <T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+    <T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+    <T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+};
+
+export declare const $assign: {
+    <T extends {}, U>(target: T, source: U): T & U;
+    <T extends {}, U, V>(target: T, source1: U, source2: V): T & U & V;
+    <T extends {}, U, V, W>(target: T, source1: U, source2: V, source3: W): T & U & V & W;
+    (target: object, ...sources: any[]): any;
+};
+
+export declare const $buttonDisabledGetter: () => any;
+
+export declare const $buttonDisabledSetter: (v: any) => void;
+
+export declare const $define: <T>(o: T, p: PropertyKey, attributes: PropertyDescriptor & ThisType<any>) => T;
+
+export declare const $defines: <T>(o: T, properties: PropertyDescriptorMap & ThisType<any>) => T;
+
+export declare const $emptyArray: any[];
+
+/**
+ * Default empty function
+ */
+export declare const $emptyFn: (...args: any[]) => any;
+
+export declare const $emptyObject: any;
+
+export declare const $entries: <T>(o: T) => Array<[keyof T, T[keyof T]]>;
+
+/**
+ * Safe and quick forEach implementation that works with array-like objects and handles sparse arrays.
+ */
+export declare const $forEach: (array: unknown[], callback: (item: unknown, index: number, array: unknown[]) => void) => void;
+
+/**
+ * Async version of $forEach that allows for asynchronous callbacks. It processes items sequentially, awaiting each callback before moving to the next.
+ */
+export declare const $forEachAsync: (array: unknown[], callback: (item: unknown, index: number, array: unknown[]) => void) => Promise<void>;
+
+export declare const $hasOwn: (v: PropertyKey) => boolean;
+
+export declare const $is: (value1: any, value2: any) => boolean;
+
+export declare const $isArray: (arg: any) => arg is any[];
+
+export declare const $isNode: (x: any) => x is ChildNode;
+
+export declare const $isSame: (a: unknown, b: unknown) => boolean;
+
+export declare const $isThenable: (o: any) => o is Promise<any>;
+
+export declare const $keys: <T>(o: T) => Array<keyof T>;
+
+export declare const $parseStyle: (style: unknown) => string;
+
+export declare const $random: () => number;
+
+/**
+ * Safe replace `oldNode` With `newNode`
+ */
+export declare const $replaceNode: (oldNode: unknown, newNode: unknown) => void;
+
+export declare const $toString: () => string;
+
+/**
+ * Build query string from object
+ */
+export declare const buildQuery: (query: Record<string, string>) => string;
+
+export declare type ChangeHandler<T = string> = (value: T, ...args: any[]) => void;
+
+/**
+ * These fields of HTMLElement can trigger `change`.
+ */
+export declare type ChangeTriggerField = 'value' | 'checked' | 'selected' | 'valueAsDate' | 'valueAsNumber';
+
+/**
+ * Substitute params into path pattern
+ * @example '/user/:id' + {id: '123'} => '/user/123'
+ */
+export declare const emplaceParams: (path: string, params: Record<string, string>) => string;
+
+/**
+ * Extract dynamic params from path using pattern
+ * @example pattern: '/user/:id', path: '/user/123' => {id: '123'}
+ */
+export declare const extractParams: (pattern: string, path: string) => Record<string, string> | null;
+
+export declare type HTMLJSXTag = HTMLTag | ((props?: any) => HTMLElement) | ((props?: any) => Promise<HTMLElement>);
+
+/**
+ * Normal HTML tags like `div`, `span`, `a`, etc.
+ */
+export declare type HTMLTag = keyof HTMLElementTagNameMap;
+
+export declare type InputElementTag = 'input' | 'select' | 'textarea';
+
+export declare type JSXTag = HTMLJSXTag | SVGJSXTag | MathMLJSXTag;
+
+export declare interface KTReactiveLike<T = unknown> {
+    isKT: true;
+    value: T;
+    addOnChange(fn: (newValue: T, oldValue: T) => void): void;
+    removeOnChange?(fn: (newValue: T, oldValue: T) => void): boolean;
+}
+
+export declare type MathMLJSXTag = HTMLTag | ((props?: any) => MathMLElement) | ((props?: any) => Promise<MathMLElement>);
+
+export declare type MathMLTag = keyof MathMLElementTagNameMap;
+
+/**
+ * Get the tags that makes HTMLElementTagNameMap[tag] = HTMLElement
+ */
+export declare type NonSpecialTags = {
+    [K in keyof HTMLElementTagNameMap]: HTMLElement extends HTMLElementTagNameMap[K] ? K : never;
+}[keyof HTMLElementTagNameMap];
+
+/**
+ * Normalize path by joining parts and ensuring leading slash
+ */
+export declare const normalizePath: (...paths: string[]) => string;
+
+/**
+ * This is tested on 15 browsers (most popular ones)
+ * - appending a text node to these tags takes no effect.
+ *   - No effect means `innerText` does not include the text in the text node.
+ * @see {@link src/core/h/no-text-node.ts}
+ */
+export declare type NoTextNodeTag =
+| 'area'
+| 'audio'
+| 'base'
+| 'basefont'
+| 'br'
+| 'canvas'
+| 'datalist'
+| 'details'
+| 'dialog'
+| 'frameset'
+| 'head'
+| 'iframe'
+| 'img'
+| 'input'
+| 'link'
+| 'meta'
+| 'meter'
+| 'noembed'
+| 'noframes'
+| 'noscript'
+| 'optgroup'
+| 'param'
+| 'progress'
+| 'rp'
+| 'select'
+| 'style'
+| 'template'
+| 'textarea'
+| 'title'
+| 'video'
+| 'wbr'
+| 'embed'
+| 'frame'
+| 'keygen'
+| 'option';
+
+declare const originAppend: (...nodes: (Node | string)[]) => void;
+
+export declare type otherstring = string & {};
+
+/**
+ * Parse query string into object
+ */
+export declare const parseQuery: (queryString: string) => Record<string, string>;
+
+export declare type SVGJSXTag = HTMLTag | ((props?: any) => SVGElement) | ((props?: any) => Promise<SVGElement>);
+
+export declare type SVGTag = keyof SVGElementTagNameMap;
+
+export { }

package/dist/index.mjs

@@ -1,4 +1,3 @@
-// Cached native methods for performance optimization
 const $isArray = Array.isArray;
 const $ArrayFrom = Array.from;
 const $is = Object.is;
@@ -10,214 +9,152 @@ const $defines = Object.defineProperties;
 const $define = Object.defineProperty;
 const $entries = Object.entries;
 const $random = Math.random;
-const $isThenable = (o) => typeof o?.then === 'function';
+const $isThenable = (o) => typeof o?.then === "function";
 
-if (typeof Symbol === 'undefined') {
-    window.Symbol = function Symbol(description) {
-        return `@@SYMBOL_${description || ''}_${$random().toString(36).slice(2)}`;
-    };
+if (typeof Symbol === "undefined") {
+  window.Symbol = function Symbol2(description) {
+    return `@@SYMBOL_${description || ""}_${$random().toString(36).slice(2)}`;
+  };
 }
 
-// Shared constants
-// Empty for now - can be extended with framework-wide constants
-/**
- * Mark the attribute as SVG to handle special cases during rendering.
- */
-const SVG_ATTR_FLAG = '__kt_svg__';
-/**
- * Mark the attribute as MathML to handle special cases during rendering.
- */
-const MATHML_ATTR_FLAG = '__kt_mathml__';
-/**
- * Can be if, else, else-if.
- */
-const DIRV_TYPE = Symbol('kt-directive-type');
-
-// DOM manipulation utilities
-// # dom natives
 const $isNode = (x) => x?.nodeType > 0;
-/**
- * Safe replace `oldNode` With `newNode`
- */
 const $replaceNode = (oldNode, newNode) => {
-    if ($isNode(oldNode) && $isNode(newNode)) {
-        if (newNode.contains(oldNode)) {
-            newNode.remove();
-        }
-        oldNode.replaceWith(newNode);
+  if ($isNode(oldNode) && $isNode(newNode)) {
+    if (newNode.contains(oldNode)) {
+      newNode.remove();
     }
+    oldNode.replaceWith(newNode);
+  }
 };
-/**
- * & Remove `bind` because it is shockingly slower than wrapper
- * & `window.document` is safe because it is not configurable and its setter is undefined
- */
 const $appendChild = HTMLElement.prototype.appendChild;
 const originAppend = HTMLElement.prototype.append;
-const $append = // for ie 9/10/11
- typeof originAppend === 'function'
-    ? originAppend
-    : function (...nodes) {
-        if (nodes.length < 50) {
-            for (let i = 0; i < nodes.length; i++) {
-                const node = nodes[i];
-                if (typeof node === 'string') {
-                    $appendChild.call(this, document.createTextNode(node));
-                }
-                else {
-                    $appendChild.call(this, node);
-                }
-            }
+const $append = (
+  // for ie 9/10/11
+  typeof originAppend === "function" ? originAppend : function(...nodes) {
+    if (nodes.length < 50) {
+      for (let i = 0; i < nodes.length; i++) {
+        const node = nodes[i];
+        if (typeof node === "string") {
+          $appendChild.call(this, document.createTextNode(node));
+        } else {
+          $appendChild.call(this, node);
         }
-        else {
-            const fragment = document.createDocumentFragment();
-            for (let i = 0; i < nodes.length; i++) {
-                const node = nodes[i];
-                if (typeof node === 'string') {
-                    $appendChild.call(fragment, document.createTextNode(node));
-                }
-                else {
-                    $appendChild.call(fragment, node);
-                }
-            }
-            $appendChild.call(this, fragment);
+      }
+    } else {
+      const fragment = document.createDocumentFragment();
+      for (let i = 0; i < nodes.length; i++) {
+        const node = nodes[i];
+        if (typeof node === "string") {
+          $appendChild.call(fragment, document.createTextNode(node));
+        } else {
+          $appendChild.call(fragment, node);
         }
-    };
-const { get: $buttonDisabledGetter, set: $buttonDisabledSetter } = Object.getOwnPropertyDescriptor(HTMLButtonElement.prototype, 'disabled');
-const $parseStyle = (style) => {
-    if (!style) {
-        return '';
+      }
+      $appendChild.call(this, fragment);
     }
-    if (typeof style === 'string') {
-        return style;
-    }
-    if (style && typeof style === 'object') {
-        if (style.isKT) {
-            return $parseStyle(style.value);
-        }
-        return $entries(style)
-            .map((entry) => {
-            const cssKey = entry[0].replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-            return `${cssKey}:${entry[1]}`;
-        })
-            .join(';');
+  }
+);
+const { get: $buttonDisabledGetter, set: $buttonDisabledSetter } = Object.getOwnPropertyDescriptor(
+  HTMLButtonElement.prototype,
+  "disabled"
+);
+const $parseStyle = (style) => {
+  if (!style) {
+    return "";
+  }
+  if (typeof style === "string") {
+    return style;
+  }
+  if (style && typeof style === "object") {
+    if (style.isKT) {
+      return $parseStyle(style.value);
     }
-    return '';
+    return $entries(style).map((entry) => {
+      const cssKey = entry[0].replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+      return `${cssKey}:${entry[1]}`;
+    }).join(";");
+  }
+  return "";
 };
-/**
- * Used for `k-model`
- */
 const $applyModel = (element, valueRef, propName, eventName) => {
-    element[propName] = valueRef.value; // initialize
-    valueRef.addOnChange((newValue) => (element[propName] = newValue));
-    element.addEventListener(eventName, () => (valueRef.value = element[propName]));
+  element[propName] = valueRef.value;
+  valueRef.addOnChange((newValue) => element[propName] = newValue);
+  element.addEventListener(eventName, () => valueRef.value = element[propName]);
 };
 
-// String manipulation utilities
-/**
- * Default empty function
- */
 const $emptyFn = (() => true);
 const $emptyArray = [];
-const $emptyObject = Object.create(null);
+const $emptyObject = /* @__PURE__ */ Object.create(null);
 const $isSame = (a, b) => {
-    if ($isArray(a)) {
-        return true; // always trigger an array
-    }
-    return $is(a, b);
+  if ($isArray(a)) {
+    return true;
+  }
+  return $is(a, b);
 };
-/**
- * Safe and quick forEach implementation that works with array-like objects and handles sparse arrays.
- */
 const $forEach = (array, callback) => {
-    const len = array.length;
-    for (let i = 0; i < len; i++) {
-        callback(array[i], i, array);
-    }
+  const len = array.length;
+  for (let i = 0; i < len; i++) {
+    callback(array[i], i, array);
+  }
 };
-/**
- * Async version of $forEach that allows for asynchronous callbacks. It processes items sequentially, awaiting each callback before moving to the next.
- */
 const $forEachAsync = async (array, callback) => {
-    const len = array.length;
-    for (let i = 0; i < len; i++) {
-        await callback(array[i], i, array);
-    }
+  const len = array.length;
+  for (let i = 0; i < len; i++) {
+    await callback(array[i], i, array);
+  }
 };
 
-/**
- * Normalize path by joining parts and ensuring leading slash
- */
 const normalizePath = (...paths) => {
-    const p = paths
-        .map((p) => p.split('/'))
-        .flat()
-        .filter(Boolean);
-    return '/' + p.join('/');
+  const p = paths.map((p2) => p2.split("/")).flat().filter(Boolean);
+  return "/" + p.join("/");
 };
-/**
- * Parse query string into object
- */
 const parseQuery = (queryString) => {
-    const query = {};
-    if (!queryString || queryString === '?') {
-        return query;
-    }
-    const params = queryString.replace(/^\?/, '').split('&');
-    for (const param of params) {
-        const [key, value] = param.split('=');
-        if (key) {
-            query[decodeURIComponent(key)] = value ? decodeURIComponent(value) : '';
-        }
-    }
+  const query = {};
+  if (!queryString || queryString === "?") {
     return query;
+  }
+  const params = queryString.replace(/^\?/, "").split("&");
+  for (const param of params) {
+    const [key, value] = param.split("=");
+    if (key) {
+      query[decodeURIComponent(key)] = value ? decodeURIComponent(value) : "";
+    }
+  }
+  return query;
 };
-/**
- * Build query string from object
- */
 const buildQuery = (query) => {
-    const keys = Object.keys(query);
-    if (keys.length === 0)
-        return '';
-    const params = keys.map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(query[key])}`).join('&');
-    return `?${params}`;
+  const keys = Object.keys(query);
+  if (keys.length === 0) return "";
+  const params = keys.map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(query[key])}`).join("&");
+  return `?${params}`;
 };
-/**
- * Substitute params into path pattern
- * @example '/user/:id' + {id: '123'} => '/user/123'
- */
 const emplaceParams = (path, params) => {
-    let result = path;
-    for (const key in params) {
-        result = result.replace(`:${key}`, params[key]);
-    }
-    return result;
+  let result = path;
+  for (const key in params) {
+    result = result.replace(`:${key}`, params[key]);
+  }
+  return result;
 };
-/**
- * Extract dynamic params from path using pattern
- * @example pattern: '/user/:id', path: '/user/123' => {id: '123'}
- */
 const extractParams = (pattern, path) => {
-    const params = {};
-    const patternParts = pattern.split('/');
-    const pathParts = path.split('/');
-    if (patternParts.length !== pathParts.length) {
-        return null;
-    }
-    for (let i = 0; i < patternParts.length; i++) {
-        const patternPart = patternParts[i];
-        const pathPart = pathParts[i];
-        if (patternPart.startsWith(':')) {
-            const paramName = patternPart.slice(1);
-            params[paramName] = pathPart;
-        }
-        else if (patternPart !== pathPart) {
-            return null;
-        }
+  const params = {};
+  const patternParts = pattern.split("/");
+  const pathParts = path.split("/");
+  if (patternParts.length !== pathParts.length) {
+    return null;
+  }
+  for (let i = 0; i < patternParts.length; i++) {
+    const patternPart = patternParts[i];
+    const pathPart = pathParts[i];
+    if (patternPart.startsWith(":")) {
+      const paramName = patternPart.slice(1);
+      params[paramName] = pathPart;
+    } else if (patternPart !== pathPart) {
+      return null;
     }
-    return params;
+  }
+  return params;
 };
 
-// incase that symbol is not supported
-Object.defineProperty(window, '__ktjs__', { value: '0.23.11' });
+Object.defineProperty(window, "__ktjs__", { value: "0.23.13" });
 
-export { $ArrayFrom, $append, $appendChild, $applyModel, $assign, $buttonDisabledGetter, $buttonDisabledSetter, $define, $defines, $emptyArray, $emptyFn, $emptyObject, $entries, $forEach, $forEachAsync, $hasOwn, $is, $isArray, $isNode, $isSame, $isThenable, $keys, $parseStyle, $random, $replaceNode, $toString, DIRV_TYPE, MATHML_ATTR_FLAG, SVG_ATTR_FLAG, buildQuery, emplaceParams, extractParams, normalizePath, parseQuery };
+export { $ArrayFrom, $append, $appendChild, $applyModel, $assign, $buttonDisabledGetter, $buttonDisabledSetter, $define, $defines, $emptyArray, $emptyFn, $emptyObject, $entries, $forEach, $forEachAsync, $hasOwn, $is, $isArray, $isNode, $isSame, $isThenable, $keys, $parseStyle, $random, $replaceNode, $toString, buildQuery, emplaceParams, extractParams, normalizePath, parseQuery };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/shared",
-  "version": "0.23.11",
+  "version": "0.23.13",
   "description": "Shared utilities and cached native methods for kt.js framework",
   "type": "module",
   "module": "./dist/index.mjs",

package/dist/index.iife.js

@@ -1,263 +0,0 @@
-var __ktjs_shared__ = (function (exports) {
-    'use strict';
-
-    // Cached native methods for performance optimization
-    const $isArray = Array.isArray;
-    const $ArrayFrom = Array.from;
-    const $is = Object.is;
-    const $assign = Object.assign;
-    const $hasOwn = Object.prototype.hasOwnProperty;
-    const $toString = Object.prototype.toString;
-    const $keys = Object.keys;
-    const $defines = Object.defineProperties;
-    const $define = Object.defineProperty;
-    const $entries = Object.entries;
-    const $random = Math.random;
-    const $isThenable = (o) => typeof o?.then === 'function';
-
-    if (typeof Symbol === 'undefined') {
-        window.Symbol = function Symbol(description) {
-            return `@@SYMBOL_${description || ''}_${$random().toString(36).slice(2)}`;
-        };
-    }
-
-    // Shared constants
-    // Empty for now - can be extended with framework-wide constants
-    /**
-     * Mark the attribute as SVG to handle special cases during rendering.
-     */
-    const SVG_ATTR_FLAG = '__kt_svg__';
-    /**
-     * Mark the attribute as MathML to handle special cases during rendering.
-     */
-    const MATHML_ATTR_FLAG = '__kt_mathml__';
-    /**
-     * Can be if, else, else-if.
-     */
-    const DIRV_TYPE = Symbol('kt-directive-type');
-
-    // DOM manipulation utilities
-    // # dom natives
-    const $isNode = (x) => x?.nodeType > 0;
-    /**
-     * Safe replace `oldNode` With `newNode`
-     */
-    const $replaceNode = (oldNode, newNode) => {
-        if ($isNode(oldNode) && $isNode(newNode)) {
-            if (newNode.contains(oldNode)) {
-                newNode.remove();
-            }
-            oldNode.replaceWith(newNode);
-        }
-    };
-    /**
-     * & Remove `bind` because it is shockingly slower than wrapper
-     * & `window.document` is safe because it is not configurable and its setter is undefined
-     */
-    const $appendChild = HTMLElement.prototype.appendChild;
-    const originAppend = HTMLElement.prototype.append;
-    const $append = // for ie 9/10/11
-     typeof originAppend === 'function'
-        ? originAppend
-        : function (...nodes) {
-            if (nodes.length < 50) {
-                for (let i = 0; i < nodes.length; i++) {
-                    const node = nodes[i];
-                    if (typeof node === 'string') {
-                        $appendChild.call(this, document.createTextNode(node));
-                    }
-                    else {
-                        $appendChild.call(this, node);
-                    }
-                }
-            }
-            else {
-                const fragment = document.createDocumentFragment();
-                for (let i = 0; i < nodes.length; i++) {
-                    const node = nodes[i];
-                    if (typeof node === 'string') {
-                        $appendChild.call(fragment, document.createTextNode(node));
-                    }
-                    else {
-                        $appendChild.call(fragment, node);
-                    }
-                }
-                $appendChild.call(this, fragment);
-            }
-        };
-    const { get: $buttonDisabledGetter, set: $buttonDisabledSetter } = Object.getOwnPropertyDescriptor(HTMLButtonElement.prototype, 'disabled');
-    const $parseStyle = (style) => {
-        if (!style) {
-            return '';
-        }
-        if (typeof style === 'string') {
-            return style;
-        }
-        if (style && typeof style === 'object') {
-            if (style.isKT) {
-                return $parseStyle(style.value);
-            }
-            return $entries(style)
-                .map((entry) => {
-                const cssKey = entry[0].replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-                return `${cssKey}:${entry[1]}`;
-            })
-                .join(';');
-        }
-        return '';
-    };
-    /**
-     * Used for `k-model`
-     */
-    const $applyModel = (element, valueRef, propName, eventName) => {
-        element[propName] = valueRef.value; // initialize
-        valueRef.addOnChange((newValue) => (element[propName] = newValue));
-        element.addEventListener(eventName, () => (valueRef.value = element[propName]));
-    };
-
-    // String manipulation utilities
-    /**
-     * Default empty function
-     */
-    const $emptyFn = (() => true);
-    const $emptyArray = [];
-    const $emptyObject = Object.create(null);
-    const $isSame = (a, b) => {
-        if ($isArray(a)) {
-            return true; // always trigger an array
-        }
-        return $is(a, b);
-    };
-    /**
-     * Safe and quick forEach implementation that works with array-like objects and handles sparse arrays.
-     */
-    const $forEach = (array, callback) => {
-        const len = array.length;
-        for (let i = 0; i < len; i++) {
-            callback(array[i], i, array);
-        }
-    };
-    /**
-     * Async version of $forEach that allows for asynchronous callbacks. It processes items sequentially, awaiting each callback before moving to the next.
-     */
-    const $forEachAsync = async (array, callback) => {
-        const len = array.length;
-        for (let i = 0; i < len; i++) {
-            await callback(array[i], i, array);
-        }
-    };
-
-    /**
-     * Normalize path by joining parts and ensuring leading slash
-     */
-    const normalizePath = (...paths) => {
-        const p = paths
-            .map((p) => p.split('/'))
-            .flat()
-            .filter(Boolean);
-        return '/' + p.join('/');
-    };
-    /**
-     * Parse query string into object
-     */
-    const parseQuery = (queryString) => {
-        const query = {};
-        if (!queryString || queryString === '?') {
-            return query;
-        }
-        const params = queryString.replace(/^\?/, '').split('&');
-        for (const param of params) {
-            const [key, value] = param.split('=');
-            if (key) {
-                query[decodeURIComponent(key)] = value ? decodeURIComponent(value) : '';
-            }
-        }
-        return query;
-    };
-    /**
-     * Build query string from object
-     */
-    const buildQuery = (query) => {
-        const keys = Object.keys(query);
-        if (keys.length === 0)
-            return '';
-        const params = keys.map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(query[key])}`).join('&');
-        return `?${params}`;
-    };
-    /**
-     * Substitute params into path pattern
-     * @example '/user/:id' + {id: '123'} => '/user/123'
-     */
-    const emplaceParams = (path, params) => {
-        let result = path;
-        for (const key in params) {
-            result = result.replace(`:${key}`, params[key]);
-        }
-        return result;
-    };
-    /**
-     * Extract dynamic params from path using pattern
-     * @example pattern: '/user/:id', path: '/user/123' => {id: '123'}
-     */
-    const extractParams = (pattern, path) => {
-        const params = {};
-        const patternParts = pattern.split('/');
-        const pathParts = path.split('/');
-        if (patternParts.length !== pathParts.length) {
-            return null;
-        }
-        for (let i = 0; i < patternParts.length; i++) {
-            const patternPart = patternParts[i];
-            const pathPart = pathParts[i];
-            if (patternPart.startsWith(':')) {
-                const paramName = patternPart.slice(1);
-                params[paramName] = pathPart;
-            }
-            else if (patternPart !== pathPart) {
-                return null;
-            }
-        }
-        return params;
-    };
-
-    // incase that symbol is not supported
-    Object.defineProperty(window, '__ktjs__', { value: '0.23.11' });
-
-    exports.$ArrayFrom = $ArrayFrom;
-    exports.$append = $append;
-    exports.$appendChild = $appendChild;
-    exports.$applyModel = $applyModel;
-    exports.$assign = $assign;
-    exports.$buttonDisabledGetter = $buttonDisabledGetter;
-    exports.$buttonDisabledSetter = $buttonDisabledSetter;
-    exports.$define = $define;
-    exports.$defines = $defines;
-    exports.$emptyArray = $emptyArray;
-    exports.$emptyFn = $emptyFn;
-    exports.$emptyObject = $emptyObject;
-    exports.$entries = $entries;
-    exports.$forEach = $forEach;
-    exports.$forEachAsync = $forEachAsync;
-    exports.$hasOwn = $hasOwn;
-    exports.$is = $is;
-    exports.$isArray = $isArray;
-    exports.$isNode = $isNode;
-    exports.$isSame = $isSame;
-    exports.$isThenable = $isThenable;
-    exports.$keys = $keys;
-    exports.$parseStyle = $parseStyle;
-    exports.$random = $random;
-    exports.$replaceNode = $replaceNode;
-    exports.$toString = $toString;
-    exports.DIRV_TYPE = DIRV_TYPE;
-    exports.MATHML_ATTR_FLAG = MATHML_ATTR_FLAG;
-    exports.SVG_ATTR_FLAG = SVG_ATTR_FLAG;
-    exports.buildQuery = buildQuery;
-    exports.emplaceParams = emplaceParams;
-    exports.extractParams = extractParams;
-    exports.normalizePath = normalizePath;
-    exports.parseQuery = parseQuery;
-
-    return exports;
-
-})({});

package/dist/index.legacy.js

@@ -1,348 +0,0 @@
-var __ktjs_shared__ = (function (exports) {
-    'use strict';
-
-    // Cached native methods for performance optimization
-    var $isArray = Array.isArray;
-    var $ArrayFrom = Array.from;
-    var $is = Object.is;
-    var $assign = Object.assign;
-    var $hasOwn = Object.prototype.hasOwnProperty;
-    var $toString = Object.prototype.toString;
-    var $keys = Object.keys;
-    var $defines = Object.defineProperties;
-    var $define = Object.defineProperty;
-    var $entries = Object.entries;
-    var $random = Math.random;
-    var $isThenable = function (o) { return typeof (o === null || o === void 0 ? void 0 : o.then) === 'function'; };
-
-    if (typeof Symbol === 'undefined') {
-        window.Symbol = function Symbol(description) {
-            return "@@SYMBOL_".concat(description || '', "_").concat($random().toString(36).slice(2));
-        };
-    }
-
-    // Shared constants
-    // Empty for now - can be extended with framework-wide constants
-    /**
-     * Mark the attribute as SVG to handle special cases during rendering.
-     */
-    var SVG_ATTR_FLAG = '__kt_svg__';
-    /**
-     * Mark the attribute as MathML to handle special cases during rendering.
-     */
-    var MATHML_ATTR_FLAG = '__kt_mathml__';
-    /**
-     * Can be if, else, else-if.
-     */
-    var DIRV_TYPE = Symbol('kt-directive-type');
-
-    // DOM manipulation utilities
-    var _a;
-    // # dom natives
-    var $isNode = function (x) { return (x === null || x === void 0 ? void 0 : x.nodeType) > 0; };
-    /**
-     * Safe replace `oldNode` With `newNode`
-     */
-    var $replaceNode = function (oldNode, newNode) {
-        if ($isNode(oldNode) && $isNode(newNode)) {
-            if (newNode.contains(oldNode)) {
-                newNode.remove();
-            }
-            oldNode.replaceWith(newNode);
-        }
-    };
-    /**
-     * & Remove `bind` because it is shockingly slower than wrapper
-     * & `window.document` is safe because it is not configurable and its setter is undefined
-     */
-    var $appendChild = HTMLElement.prototype.appendChild;
-    var originAppend = HTMLElement.prototype.append;
-    var $append = // for ie 9/10/11
-     typeof originAppend === 'function'
-        ? originAppend
-        : function () {
-            var nodes = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                nodes[_i] = arguments[_i];
-            }
-            if (nodes.length < 50) {
-                for (var i = 0; i < nodes.length; i++) {
-                    var node = nodes[i];
-                    if (typeof node === 'string') {
-                        $appendChild.call(this, document.createTextNode(node));
-                    }
-                    else {
-                        $appendChild.call(this, node);
-                    }
-                }
-            }
-            else {
-                var fragment = document.createDocumentFragment();
-                for (var i = 0; i < nodes.length; i++) {
-                    var node = nodes[i];
-                    if (typeof node === 'string') {
-                        $appendChild.call(fragment, document.createTextNode(node));
-                    }
-                    else {
-                        $appendChild.call(fragment, node);
-                    }
-                }
-                $appendChild.call(this, fragment);
-            }
-        };
-    var $buttonDisabledGetter = (_a = Object.getOwnPropertyDescriptor(HTMLButtonElement.prototype, 'disabled'), _a.get), $buttonDisabledSetter = _a.set;
-    var $parseStyle = function (style) {
-        if (!style) {
-            return '';
-        }
-        if (typeof style === 'string') {
-            return style;
-        }
-        if (style && typeof style === 'object') {
-            if (style.isKT) {
-                return $parseStyle(style.value);
-            }
-            return $entries(style)
-                .map(function (entry) {
-                var cssKey = entry[0].replace(/[A-Z]/g, function (m) { return "-".concat(m.toLowerCase()); });
-                return "".concat(cssKey, ":").concat(entry[1]);
-            })
-                .join(';');
-        }
-        return '';
-    };
-    /**
-     * Used for `k-model`
-     */
-    var $applyModel = function (element, valueRef, propName, eventName) {
-        element[propName] = valueRef.value; // initialize
-        valueRef.addOnChange(function (newValue) { return (element[propName] = newValue); });
-        element.addEventListener(eventName, function () { return (valueRef.value = element[propName]); });
-    };
-
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-        return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f) throw new TypeError("Generator is already executing.");
-            while (g && (g = 0, op[0] && (_ = 0)), _) try {
-                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                if (y = 0, t) op = [op[0] & 2, t.value];
-                switch (op[0]) {
-                    case 0: case 1: t = op; break;
-                    case 4: _.label++; return { value: op[1], done: false };
-                    case 5: _.label++; y = op[1]; op = [0]; continue;
-                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                    default:
-                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                        if (t[2]) _.ops.pop();
-                        _.trys.pop(); continue;
-                }
-                op = body.call(thisArg, _);
-            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-
-    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-        var e = new Error(message);
-        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-    };
-
-    // String manipulation utilities
-    /**
-     * Default empty function
-     */
-    var $emptyFn = (function () { return true; });
-    var $emptyArray = [];
-    var $emptyObject = Object.create(null);
-    var $isSame = function (a, b) {
-        if ($isArray(a)) {
-            return true; // always trigger an array
-        }
-        return $is(a, b);
-    };
-    /**
-     * Safe and quick forEach implementation that works with array-like objects and handles sparse arrays.
-     */
-    var $forEach = function (array, callback) {
-        var len = array.length;
-        for (var i = 0; i < len; i++) {
-            callback(array[i], i, array);
-        }
-    };
-    /**
-     * Async version of $forEach that allows for asynchronous callbacks. It processes items sequentially, awaiting each callback before moving to the next.
-     */
-    var $forEachAsync = function (array, callback) { return __awaiter(void 0, void 0, void 0, function () {
-        var len, i;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    len = array.length;
-                    i = 0;
-                    _a.label = 1;
-                case 1:
-                    if (!(i < len)) return [3 /*break*/, 4];
-                    return [4 /*yield*/, callback(array[i], i, array)];
-                case 2:
-                    _a.sent();
-                    _a.label = 3;
-                case 3:
-                    i++;
-                    return [3 /*break*/, 1];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-
-    /**
-     * Normalize path by joining parts and ensuring leading slash
-     */
-    var normalizePath = function () {
-        var paths = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            paths[_i] = arguments[_i];
-        }
-        var p = paths
-            .map(function (p) { return p.split('/'); })
-            .flat()
-            .filter(Boolean);
-        return '/' + p.join('/');
-    };
-    /**
-     * Parse query string into object
-     */
-    var parseQuery = function (queryString) {
-        var query = {};
-        if (!queryString || queryString === '?') {
-            return query;
-        }
-        var params = queryString.replace(/^\?/, '').split('&');
-        for (var _i = 0, params_1 = params; _i < params_1.length; _i++) {
-            var param = params_1[_i];
-            var _a = param.split('='), key = _a[0], value = _a[1];
-            if (key) {
-                query[decodeURIComponent(key)] = value ? decodeURIComponent(value) : '';
-            }
-        }
-        return query;
-    };
-    /**
-     * Build query string from object
-     */
-    var buildQuery = function (query) {
-        var keys = Object.keys(query);
-        if (keys.length === 0)
-            return '';
-        var params = keys.map(function (key) { return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(query[key])); }).join('&');
-        return "?".concat(params);
-    };
-    /**
-     * Substitute params into path pattern
-     * @example '/user/:id' + {id: '123'} => '/user/123'
-     */
-    var emplaceParams = function (path, params) {
-        var result = path;
-        for (var key in params) {
-            result = result.replace(":".concat(key), params[key]);
-        }
-        return result;
-    };
-    /**
-     * Extract dynamic params from path using pattern
-     * @example pattern: '/user/:id', path: '/user/123' => {id: '123'}
-     */
-    var extractParams = function (pattern, path) {
-        var params = {};
-        var patternParts = pattern.split('/');
-        var pathParts = path.split('/');
-        if (patternParts.length !== pathParts.length) {
-            return null;
-        }
-        for (var i = 0; i < patternParts.length; i++) {
-            var patternPart = patternParts[i];
-            var pathPart = pathParts[i];
-            if (patternPart.startsWith(':')) {
-                var paramName = patternPart.slice(1);
-                params[paramName] = pathPart;
-            }
-            else if (patternPart !== pathPart) {
-                return null;
-            }
-        }
-        return params;
-    };
-
-    // incase that symbol is not supported
-    Object.defineProperty(window, '__ktjs__', { value: '0.23.11' });
-
-    exports.$ArrayFrom = $ArrayFrom;
-    exports.$append = $append;
-    exports.$appendChild = $appendChild;
-    exports.$applyModel = $applyModel;
-    exports.$assign = $assign;
-    exports.$buttonDisabledGetter = $buttonDisabledGetter;
-    exports.$buttonDisabledSetter = $buttonDisabledSetter;
-    exports.$define = $define;
-    exports.$defines = $defines;
-    exports.$emptyArray = $emptyArray;
-    exports.$emptyFn = $emptyFn;
-    exports.$emptyObject = $emptyObject;
-    exports.$entries = $entries;
-    exports.$forEach = $forEach;
-    exports.$forEachAsync = $forEachAsync;
-    exports.$hasOwn = $hasOwn;
-    exports.$is = $is;
-    exports.$isArray = $isArray;
-    exports.$isNode = $isNode;
-    exports.$isSame = $isSame;
-    exports.$isThenable = $isThenable;
-    exports.$keys = $keys;
-    exports.$parseStyle = $parseStyle;
-    exports.$random = $random;
-    exports.$replaceNode = $replaceNode;
-    exports.$toString = $toString;
-    exports.DIRV_TYPE = DIRV_TYPE;
-    exports.MATHML_ATTR_FLAG = MATHML_ATTR_FLAG;
-    exports.SVG_ATTR_FLAG = SVG_ATTR_FLAG;
-    exports.buildQuery = buildQuery;
-    exports.emplaceParams = emplaceParams;
-    exports.extractParams = extractParams;
-    exports.normalizePath = normalizePath;
-    exports.parseQuery = parseQuery;
-
-    return exports;
-
-})({});