frosty 0.0.46 → 0.0.48

package/dist/dom.d.ts

@@ -1,4 +1,4 @@
-import { _ as _DOMRenderer } from './internals/common-ArUp7Iqs.js';
+import { _ as _DOMRenderer } from './internals/common-B0V0zJgq.js';
 import './internals/common-CUIKizze.js';
 import '@o2ter/utils-js';
 import 'lodash';

package/dist/dom.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var common = require('./internals/common-Gtdx0S3S.js');
+var common = require('./internals/common-MihgZvIs.js');
 require('lodash');
 require('myers.js');
 require('./internals/component-BiP3XIPe.js');

package/dist/dom.mjs

@@ -1,4 +1,4 @@
-import { _ as _DOMRenderer } from './internals/common-DGuu8VPY.mjs';
+import { _ as _DOMRenderer } from './internals/common-FSgbZ-Ci.mjs';
 import 'lodash';
 import 'myers.js';
 import './internals/component-BzurKp_J.mjs';

package/dist/internals/{common-ArUp7Iqs.d.ts → common-B0V0zJgq.d.ts}

@@ -15,12 +15,9 @@ declare abstract class DOMNativeNode extends NativeElementType {
 declare abstract class _DOMRenderer extends _Renderer<Element | DOMNativeNode> {
     private _window;
     private _namespace_map;
-    private _tracked_elements;
-    private _tracked_props;
-    private _tracked_listener;
     private _tracked_head_children;
     private _tracked_style;
-    private _tracked_style_names;
+    private _tracked_elements;
     constructor(window: Window | DOMWindow);
     get document(): Document;
     get window(): Window | DOMWindow;
@@ -31,4 +28,4 @@ declare abstract class _DOMRenderer extends _Renderer<Element | DOMNativeNode> {
 }
 
 export { DOMNativeNode as D, _DOMRenderer as _ };
-//# sourceMappingURL=common-ArUp7Iqs.d.ts.map
+//# sourceMappingURL=common-B0V0zJgq.d.ts.map

package/dist/internals/common-B0V0zJgq.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-B0V0zJgq.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/internals/{common-DGuu8VPY.mjs → common-FSgbZ-Ci.mjs}

@@ -3825,12 +3825,11 @@ class StyleBuilder {
         const className = [];
         let searchIdx = 0;
         for (const style of styles) {
-            const _style = JSON.stringify(style);
-            const found = _.findIndex(this.registry, x => x._style === _style, searchIdx);
+            const found = _.findIndex(this.registry, x => _.isEqual(x.style, style), searchIdx);
             searchIdx = found === -1 ? this.registry.length : found;
             if (found === -1) {
                 const name = `__v_${uniqueId()}`;
-                this.registry.push({ name, style, _style });
+                this.registry.push({ name, style });
                 this.clearCache();
                 className.push(name);
             }
@@ -3894,12 +3893,9 @@ class DOMNativeNode extends NativeElementType {
 class _DOMRenderer extends _Renderer {
     _window;
     _namespace_map = new WeakMap();
-    _tracked_elements = new WeakSet();
-    _tracked_props = new WeakMap();
-    _tracked_listener = new WeakMap();
     _tracked_head_children = [];
     _tracked_style = new StyleBuilder();
-    _tracked_style_names = [];
+    _tracked_elements = new Map();
     constructor(window) {
         super();
         this._window = window;
@@ -3915,11 +3911,10 @@ class _DOMRenderer extends _Renderer {
         if (this._server) {
             this._tracked_head_children = [];
         }
-        this._tracked_style_names = [];
     }
     /** @internal */
     _afterUpdate() {
-        this._tracked_style.select(this._tracked_style_names);
+        this._tracked_style.select([...this._tracked_elements.values().flatMap(({ className }) => className)]);
         const head = this.document.head ?? this.document.createElementNS(HTML_NS, 'head');
         if (this._tracked_style.isEmpty) {
             if (this._server) {
@@ -3947,6 +3942,11 @@ class _DOMRenderer extends _Renderer {
         if (!_.isString(type) && type.prototype instanceof DOMNativeNode) {
             const ElementType = type;
             const elem = ElementType.createElement(this.document, this);
+            this._tracked_elements.set(elem, {
+                props: [],
+                className: [],
+                listener: {},
+            });
             this._updateElement(node, elem, stack);
             return elem;
         }
@@ -3966,19 +3966,27 @@ class _DOMRenderer extends _Renderer {
         const ns = _ns_list.length > 1 ? parent && _.first(_.intersection([this._namespace_map.get(parent)], _ns_list)) : _.first(_ns_list);
         const elem = ns ? this.document.createElementNS(ns, type) : this.document.createElement(type);
         this._namespace_map.set(node, ns);
+        this._tracked_elements.set(elem, {
+            props: [],
+            className: [],
+            listener: {},
+        });
         this._updateElement(node, elem, stack);
-        this._tracked_elements.add(elem);
         return elem;
     }
-    __createBuiltClassName(className, style) {
+    __createBuiltClassName(element, className, style) {
         const _className = _.compact(_.flattenDeep([className]));
         const built = this._tracked_style.buildStyle(_.compact(_.flattenDeep([style])));
-        this._tracked_style_names.push(...built);
+        const tracked = this._tracked_elements.get(element);
+        if (tracked)
+            tracked.className = built;
         return [..._className, ...built].join(' ');
     }
     __updateEventListener(element, key, listener, options) {
         const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();
-        const tracked_listener = this._tracked_listener.get(element) ?? {};
+        const tracked_listener = this._tracked_elements.get(element)?.listener;
+        if (!tracked_listener)
+            return;
         if (tracked_listener[key] !== listener) {
             if (_.isFunction(tracked_listener[key]))
                 element.removeEventListener(event, tracked_listener[key], options);
@@ -3986,7 +3994,6 @@ class _DOMRenderer extends _Renderer {
                 element.addEventListener(event, listener, options);
         }
         tracked_listener[key] = listener;
-        this._tracked_listener.set(element, tracked_listener);
     }
     /** @internal */
     _updateElement(node, element, stack) {
@@ -3994,7 +4001,7 @@ class _DOMRenderer extends _Renderer {
             const { props: { ref, className, style, inlineStyle, ..._props } } = node;
             if (ref)
                 mergeRefs(ref)(element.target);
-            const builtClassName = this.__createBuiltClassName(className, style);
+            const builtClassName = this.__createBuiltClassName(element, className, style);
             const { css } = processCss(inlineStyle);
             element.update({
                 className: builtClassName ? builtClassName : undefined,
@@ -4013,28 +4020,35 @@ class _DOMRenderer extends _Renderer {
         }
         if (ref)
             mergeRefs(ref)(element);
-        const builtClassName = this.__createBuiltClassName(className, style);
+        const builtClassName = this.__createBuiltClassName(element, className, style);
         if (_.isEmpty(builtClassName)) {
-            element.removeAttribute('class');
+            if (!_.isNil(element.getAttribute('class')))
+                element.removeAttribute('class');
         }
-        else {
+        else if (element.className !== builtClassName) {
             element.className = builtClassName;
         }
-        if (!_.isEmpty(innerHTML))
+        if (!_.isEmpty(innerHTML) && element.innerHTML !== innerHTML)
             element.innerHTML = innerHTML;
         if (inlineStyle) {
             const { css } = processCss(inlineStyle);
-            element.setAttribute('style', css.split('\n').join(''));
+            const oldValue = element.getAttribute('style');
+            const newValue = css.split('\n').join('');
+            if (oldValue !== newValue)
+                element.setAttribute('style', newValue);
         }
-        else {
+        else if (!_.isNil(element.getAttribute('style'))) {
             element.removeAttribute('style');
         }
-        const removed = _.difference(this._tracked_props.get(element), _.keys(_props));
+        const tracked = this._tracked_elements.get(element);
+        if (!tracked)
+            return;
+        const removed = _.difference(tracked.props, _.keys(_props));
         const props = {
             ..._props,
             ..._.fromPairs(_.map(removed, x => [x, undefined])),
         };
-        this._tracked_props.set(element, _.keys(_props));
+        tracked.props = _.keys(_props);
         for (const [key, value] of _.entries(props)) {
             if (_.includes(globalEvents, key)) {
                 this.__updateEventListener(element, key, value, { capture: false });
@@ -4043,17 +4057,19 @@ class _DOMRenderer extends _Renderer {
                 this.__updateEventListener(element, key, value, { capture: true });
             }
             else if (isWriteable(element, key)) {
-                element[key] = value;
+                if (element[key] !== value)
+                    element[key] = value;
             }
             else if (key.startsWith('data-')) {
+                const oldValue = element.getAttribute(key);
                 if (value === false || _.isNil(value)) {
-                    element.removeAttribute(key);
-                }
-                else if (value === true) {
-                    element.setAttribute(key, '');
+                    if (!_.isNil(oldValue))
+                        element.removeAttribute(key);
                 }
-                else if (_.isNumber(value) || _.isString(value)) {
-                    element.setAttribute(key, `${value}`);
+                else {
+                    const newValue = value === true ? '' : `${value}`;
+                    if (oldValue !== newValue)
+                        element.setAttribute(key, newValue);
                 }
             }
             else {
@@ -4063,14 +4079,15 @@ class _DOMRenderer extends _Renderer {
                     ?? svgProps[type]?.[key]
                     ?? {};
                 if (_type && attr && _propValue[_type]) {
+                    const oldValue = element.getAttribute(key);
                     if (value === false || _.isNil(value)) {
-                        element.removeAttribute(attr);
+                        if (!_.isNil(oldValue))
+                            element.removeAttribute(key);
                     }
-                    else if (value === true) {
-                        element.setAttribute(attr, '');
-                    }
-                    else if (_.isNumber(value) || _.isString(value)) {
-                        element.setAttribute(attr, `${value}`);
+                    else {
+                        const newValue = value === true ? '' : `${value}`;
+                        if (oldValue !== newValue)
+                            element.setAttribute(key, newValue);
                     }
                 }
             }
@@ -4097,7 +4114,7 @@ class _DOMRenderer extends _Renderer {
             element.destroy();
         }
         else {
-            const tracked_listener = this._tracked_listener.get(element) ?? {};
+            const tracked_listener = this._tracked_elements.get(element)?.listener;
             for (const [key, listener] of _.entries(tracked_listener)) {
                 const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();
                 if (_.isFunction(listener)) {
@@ -4105,6 +4122,7 @@ class _DOMRenderer extends _Renderer {
                 }
             }
         }
+        this._tracked_elements.delete(element);
     }
     __replaceChildren(element, children, force) {
         const diff = myersSync(_.map(element.childNodes, x => x.nodeType === this.document.TEXT_NODE ? x.textContent ?? '' : x), _.map(children, x => x instanceof DOMNativeNode ? x.target : x), { compare: (a, b) => a === b });
@@ -4145,4 +4163,4 @@ class _DOMRenderer extends _Renderer {
 }
 
 export { DOMNativeNode as D, _DOMRenderer as _ };
-//# sourceMappingURL=common-DGuu8VPY.mjs.map
+//# sourceMappingURL=common-FSgbZ-Ci.mjs.map