@ktjs/shared 0.23.1 → 0.23.2

package/dist/index.d.ts

@@ -30,7 +30,12 @@ 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 $entries: {
+    <T>(o: {
+        [s: string]: T;
+    } | ArrayLike<T>): [string, T][];
+    (o: {}): [string, any][];
+};
 declare const $random: () => number;
 declare const $isThenable: (o: any) => o is Promise<any>;
 
@@ -114,7 +119,7 @@ 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: string | Partial<CSSStyleDeclaration> | undefined) => string;
+declare const parseStyle: (style: unknown) => string;
 type ChangeHandler<T = string> = (value: T, ...args: any[]) => void;
 /**
  * Used for `k-model`

package/dist/index.iife.js

@@ -26,7 +26,7 @@ var __ktjs_shared__ = (function (exports) {
     const $keys = Object.keys;
     const $defines = Object.defineProperties;
     const $define = Object.defineProperty;
-    const $entries = Object.entries;
+    const $entries = Object.entries; // as <T>(o: T) => Array<[keyof T, T[keyof T]]>;
     const $random = Math.random;
     const $isThenable = (o) => typeof o?.then === 'function';
 
@@ -80,19 +80,23 @@ var __ktjs_shared__ = (function (exports) {
             }
         };
     const { get: $buttonDisabledGetter, set: $buttonDisabledSetter } = Object.getOwnPropertyDescriptor(HTMLButtonElement.prototype, 'disabled');
-    // # DOM utilities
     const parseStyle = (style) => {
+        if (!style) {
+            return '';
+        }
         if (typeof style === 'string') {
             return style;
         }
         if (style && typeof style === 'object') {
-            return Object.entries(style)
-                .map(([key, value]) => {
-                // Convert camelCase to kebab-case
-                const cssKey = key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-                return `${cssKey}: ${value}`;
+            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('; ');
+                .join(';');
         }
         return '';
     };
@@ -197,7 +201,7 @@ var __ktjs_shared__ = (function (exports) {
     }
 
     // Shared utilities and cached native methods for kt.js framework
-    Object.defineProperty(window, '__ktjs__', { value: '0.23.1' });
+    Object.defineProperty(window, '__ktjs__', { value: '0.23.2' });
 
     exports.$ArrayFrom = $ArrayFrom;
     exports.$append = $append;

package/dist/index.legacy.js

@@ -26,7 +26,7 @@ var __ktjs_shared__ = (function (exports) {
     var $keys = Object.keys;
     var $defines = Object.defineProperties;
     var $define = Object.defineProperty;
-    var $entries = Object.entries;
+    var $entries = Object.entries; // as <T>(o: T) => Array<[keyof T, T[keyof T]]>;
     var $random = Math.random;
     var $isThenable = function (o) { return typeof (o === null || o === void 0 ? void 0 : o.then) === 'function'; };
 
@@ -85,20 +85,23 @@ var __ktjs_shared__ = (function (exports) {
             }
         };
     var $buttonDisabledGetter = (_a = Object.getOwnPropertyDescriptor(HTMLButtonElement.prototype, 'disabled'), _a.get), $buttonDisabledSetter = _a.set;
-    // # DOM utilities
     var parseStyle = function (style) {
+        if (!style) {
+            return '';
+        }
         if (typeof style === 'string') {
             return style;
         }
         if (style && typeof style === 'object') {
-            return Object.entries(style)
-                .map(function (_a) {
-                var key = _a[0], value = _a[1];
-                // Convert camelCase to kebab-case
-                var cssKey = key.replace(/[A-Z]/g, function (m) { return "-".concat(m.toLowerCase()); });
-                return "".concat(cssKey, ": ").concat(value);
+            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('; ');
+                .join(';');
         }
         return '';
     };
@@ -208,7 +211,7 @@ var __ktjs_shared__ = (function (exports) {
     }
 
     // Shared utilities and cached native methods for kt.js framework
-    Object.defineProperty(window, '__ktjs__', { value: '0.23.1' });
+    Object.defineProperty(window, '__ktjs__', { value: '0.23.2' });
 
     exports.$ArrayFrom = $ArrayFrom;
     exports.$append = $append;

package/dist/index.mjs

@@ -23,7 +23,7 @@ const $toString = Object.prototype.toString;
 const $keys = Object.keys;
 const $defines = Object.defineProperties;
 const $define = Object.defineProperty;
-const $entries = Object.entries;
+const $entries = Object.entries; // as <T>(o: T) => Array<[keyof T, T[keyof T]]>;
 const $random = Math.random;
 const $isThenable = (o) => typeof o?.then === 'function';
 
@@ -77,19 +77,23 @@ const $append = // for ie 9/10/11
         }
     };
 const { get: $buttonDisabledGetter, set: $buttonDisabledSetter } = Object.getOwnPropertyDescriptor(HTMLButtonElement.prototype, 'disabled');
-// # DOM utilities
 const parseStyle = (style) => {
+    if (!style) {
+        return '';
+    }
     if (typeof style === 'string') {
         return style;
     }
     if (style && typeof style === 'object') {
-        return Object.entries(style)
-            .map(([key, value]) => {
-            // Convert camelCase to kebab-case
-            const cssKey = key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-            return `${cssKey}: ${value}`;
+        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('; ');
+            .join(';');
     }
     return '';
 };
@@ -194,6 +198,6 @@ if (typeof Symbol === 'undefined') {
 }
 
 // Shared utilities and cached native methods for kt.js framework
-Object.defineProperty(window, '__ktjs__', { value: '0.23.1' });
+Object.defineProperty(window, '__ktjs__', { value: '0.23.2' });
 
 export { $ArrayFrom, $append, $appendChild, $assign, $buttonDisabledGetter, $buttonDisabledSetter, $define, $defines, $emptyFn, $entries, $hasOwn, $is, $isArray, $isNode, $isSame, $isThenable, $keys, $random, $replaceNode, $toString, DIRV_TYPE, MATHML_ATTR_FLAG, SVG_ATTR_FLAG, applyModel, buildQuery, emplaceParams, extractParams, normalizePath, parseQuery, parseStyle };

package/package.json

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