frosty 0.0.47 → 0.0.48

package/dist/dom.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var common = require('./internals/common-BGe6DoFG.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-CqRgYrAF.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-CqRgYrAF.mjs → common-FSgbZ-Ci.mjs}

@@ -4022,18 +4022,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 +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 {
@@ -4073,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);
                     }
                 }
             }
@@ -4156,4 +4163,4 @@ class _DOMRenderer extends _Renderer {
 }
 
 export { DOMNativeNode as D, _DOMRenderer as _ };
-//# sourceMappingURL=common-CqRgYrAF.mjs.map
+//# sourceMappingURL=common-FSgbZ-Ci.mjs.map