frosty 0.0.45 → 0.0.47

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-CzYm0jUg.js');
+var common = require('./internals/common-BGe6DoFG.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-C51evXXz.mjs';
+import { _ as _DOMRenderer } from './internals/common-CqRgYrAF.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-CzYm0jUg.js → common-BGe6DoFG.js}

@@ -3827,12 +3827,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_${state.uniqueId()}`;
-                this.registry.push({ name, style, _style });
+                this.registry.push({ name, style });
                 this.clearCache();
                 className.push(name);
             }
@@ -3896,12 +3895,9 @@ class DOMNativeNode extends component.NativeElementType {
 class _DOMRenderer extends renderer._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;
@@ -3917,11 +3913,10 @@ class _DOMRenderer extends renderer._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) {
@@ -3949,6 +3944,11 @@ class _DOMRenderer extends renderer._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;
         }
@@ -3968,19 +3968,27 @@ class _DOMRenderer extends renderer._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);
@@ -3988,13 +3996,14 @@ class _DOMRenderer extends renderer._Renderer {
                 element.addEventListener(event, listener, options);
         }
         tracked_listener[key] = listener;
-        this._tracked_listener.set(element, tracked_listener);
     }
     /** @internal */
     _updateElement(node, element, stack) {
         if (element instanceof DOMNativeNode) {
-            const { props: { className, style, inlineStyle, ..._props } } = node;
-            const builtClassName = this.__createBuiltClassName(className, style);
+            const { props: { ref, className, style, inlineStyle, ..._props } } = node;
+            if (ref)
+                state.mergeRefs(ref)(element.target);
+            const builtClassName = this.__createBuiltClassName(element, className, style);
             const { css } = processCss(inlineStyle);
             element.update({
                 className: builtClassName ? builtClassName : undefined,
@@ -4013,7 +4022,7 @@ class _DOMRenderer extends renderer._Renderer {
         }
         if (ref)
             state.mergeRefs(ref)(element);
-        const builtClassName = this.__createBuiltClassName(className, style);
+        const builtClassName = this.__createBuiltClassName(element, className, style);
         if (_.isEmpty(builtClassName)) {
             element.removeAttribute('class');
         }
@@ -4029,12 +4038,15 @@ class _DOMRenderer extends renderer._Renderer {
         else {
             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 });
@@ -4097,7 +4109,7 @@ class _DOMRenderer extends renderer._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 +4117,7 @@ class _DOMRenderer extends renderer._Renderer {
                 }
             }
         }
+        this._tracked_elements.delete(element);
     }
     __replaceChildren(element, children, force) {
         const diff = myers_js.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 });
@@ -4146,4 +4159,4 @@ class _DOMRenderer extends renderer._Renderer {
 
 exports.DOMNativeNode = DOMNativeNode;
 exports._DOMRenderer = _DOMRenderer;
-//# sourceMappingURL=common-CzYm0jUg.js.map
+//# sourceMappingURL=common-BGe6DoFG.js.map