frosty 0.0.47 → 0.0.49

package/dist/_native.d.ts

@@ -1,6 +1,6 @@
 import { N as NativeElementType, c as PropsType, b as ComponentNode } from './internals/common-CUIKizze.js';
 export { V as VNode, _ as _Renderer } from './internals/renderer-JiEjgWg8.js';
-export { u as uniqueId } from './internals/utils-DWp2-G3N.js';
+export { u as uniqueId } from './internals/utils-B3ihX1zg.js';
 import '@o2ter/utils-js';
 import 'lodash';
 import 'csstype';

package/dist/dom.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var common = require('./internals/common-BGe6DoFG.js');
+var common = require('./internals/common-wMxJm6pW.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-CqRgYrAF.mjs';
+import { _ as _DOMRenderer } from './internals/common-BDn2ckJk.mjs';
 import 'lodash';
 import 'myers.js';
 import './internals/component-BzurKp_J.mjs';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { h as CSSProperties, e as ClassName, j as ComponentProps, k as Component
 import _ from 'lodash';
 import { Awaitable } from '@o2ter/utils-js';
 export { F as Fragment } from './internals/fragment-50WCFjrW.js';
-export { m as mergeRefs } from './internals/utils-DWp2-G3N.js';
+export { m as mergeRefs } from './internals/utils-B3ihX1zg.js';
 import 'csstype';
 
 /**

package/dist/internals/{common-CqRgYrAF.mjs → common-BDn2ckJk.mjs}

@@ -3924,7 +3924,8 @@ class _DOMRenderer extends _Renderer {
         else {
             const styleElem = this.document.querySelector('style[data-frosty-style]') ?? this.document.createElementNS(HTML_NS, 'style');
             styleElem.setAttribute('data-frosty-style', '');
-            styleElem.textContent = this._tracked_style.css;
+            if (styleElem.textContent !== this._tracked_style.css)
+                styleElem.textContent = this._tracked_style.css;
             if (this._server) {
                 this.__replaceChildren(head, [...this._tracked_head_children, styleElem]);
             }
@@ -4022,18 +4023,22 @@ class _DOMRenderer extends _Renderer {
             mergeRefs(ref)(element);
         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 tracked = this._tracked_elements.get(element);
@@ -4053,17 +4058,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 {
@@ -4073,14 +4080,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);
                     }
                 }
             }
@@ -4156,4 +4164,4 @@ class _DOMRenderer extends _Renderer {
 }
 
 export { DOMNativeNode as D, _DOMRenderer as _ };
-//# sourceMappingURL=common-CqRgYrAF.mjs.map
+//# sourceMappingURL=common-BDn2ckJk.mjs.map