frosty 0.0.93 → 0.0.95

package/dist/internals/{common-BbURUhvO.js → renderer-CXenrlwR.js}

@@ -1,139 +1,14 @@
 'use strict';
 
 var _ = require('lodash');
-var myers_js = require('myers.js');
-var component = require('./component-BiP3XIPe.js');
 var renderer = require('./renderer-CdsGzt2W.js');
 var postcss = require('postcss');
 var postcssJs = require('postcss-js');
 var nested = require('postcss-nested');
 var autoprefixer = require('autoprefixer');
 var state = require('./state-CdizLCyu.js');
-
-//
-//  event.ts
-//
-//  The MIT License
-//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.
-//
-//  Permission is hereby granted, free of charge, to any person obtaining a copy
-//  of this software and associated documentation files (the "Software"), to deal
-//  in the Software without restriction, including without limitation the rights
-//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-//  copies of the Software, and to permit persons to whom the Software is
-//  furnished to do so, subject to the following conditions:
-//
-//  The above copyright notice and this permission notice shall be included in
-//  all copies or substantial portions of the Software.
-//
-//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-//  THE SOFTWARE.
-//
-const globalEvents = [
-    // Clipboard Events
-    "onCopy",
-    "onCut",
-    "onPaste",
-    // Composition Events
-    "onCompositionEnd",
-    "onCompositionStart",
-    "onCompositionUpdate",
-    // Focus Events
-    "onFocus",
-    "onBlur",
-    // Form Events
-    "onFormData",
-    "onChange",
-    "onBeforeInput",
-    "onInput",
-    "onReset",
-    "onSubmit",
-    "onInvalid",
-    // Image Events
-    "onLoad",
-    "onError",
-    // Keyboard Events
-    "onKeyDown",
-    /** @deprecated */
-    "onKeyPress",
-    /** @deprecated */
-    "onKeyUp",
-    // Media Events
-    "onAbort",
-    "onCanPlay",
-    "onCanPlayThrough",
-    "onDurationChange",
-    "onEmptied",
-    "onEncrypted",
-    "onEnded",
-    "onLoadedData",
-    "onLoadedMetadata",
-    "onLoadStart",
-    "onPause",
-    "onPlay",
-    "onPlaying",
-    "onProgress",
-    "onRateChange",
-    "onResize",
-    "onSeeked",
-    "onSeeking",
-    "onStalled",
-    "onSuspend",
-    "onTimeUpdate",
-    "onVolumeChange",
-    "onWaiting",
-    // MouseEvents
-    "onAuxClick",
-    "onClick",
-    "onContextMenu",
-    "onDoubleClick",
-    "onDrag",
-    "onDragEnd",
-    "onDragEnter",
-    "onDragExit",
-    "onDragLeave",
-    "onDragOver",
-    "onDragStart",
-    "onDrop",
-    "onMouseDown",
-    "onMouseEnter",
-    "onMouseLeave",
-    "onMouseMove",
-    "onMouseOut",
-    "onMouseOver",
-    "onMouseUp",
-    // Selection Events
-    "onSelect",
-    // Touch Events
-    "onTouchCancel",
-    "onTouchEnd",
-    "onTouchMove",
-    "onTouchStart",
-    // Pointer Events
-    "onPointerDown",
-    "onPointerMove",
-    "onPointerUp",
-    "onPointerCancel",
-    "onPointerEnter",
-    "onPointerLeave",
-    "onPointerOver",
-    "onPointerOut",
-    // UI Events
-    "onScroll",
-    // Wheel Events
-    "onWheel",
-    // Animation Events
-    "onAnimationStart",
-    "onAnimationEnd",
-    "onAnimationIteration",
-    // Transition Events
-    "onTransitionEnd",
-];
+var myers_js = require('myers.js');
+var component = require('./component-BiP3XIPe.js');
 
 const svgProps = {
     "*": {
@@ -3674,57 +3549,6 @@ const tags = {
     ]
 };
 
-//
-//  props.ts
-//
-//  The MIT License
-//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.
-//
-//  Permission is hereby granted, free of charge, to any person obtaining a copy
-//  of this software and associated documentation files (the "Software"), to deal
-//  in the Software without restriction, including without limitation the rights
-//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-//  copies of the Software, and to permit persons to whom the Software is
-//  furnished to do so, subject to the following conditions:
-//
-//  The above copyright notice and this permission notice shall be included in
-//  all copies or substantial portions of the Software.
-//
-//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-//  THE SOFTWARE.
-//
-const _propValue = {
-    'DOMString': 'string',
-    'SVGAnimatedTransformList': 'string',
-    'SVGStringList': 'string',
-    'SVGAnimatedRect': 'string',
-    'SVGAnimatedPreserveAspectRatio': 'string',
-    'SVGAnimatedString': 'string',
-    'SVGPointList': 'string',
-    'SVGAnimatedLengthList': 'string',
-    'SVGAnimatedNumberList': 'string',
-    'SVGAnimatedEnumeration': 'string',
-    'USVString': 'string',
-    'DOMTokenList': 'string',
-    'TrustedHTML': 'string',
-    'HTMLFormElement': 'string',
-    'HTMLDataListElement': 'string',
-    'SVGAnimatedLength': 'length',
-    'SVGAnimatedNumber': 'number',
-    'SVGAnimatedInteger': 'number',
-    'unrestricted double': 'number',
-    'double': 'number',
-    'unsigned long': 'number',
-    'long': 'number',
-    'SVGAnimatedBoolean': 'boolean',
-    'boolean': 'boolean',
-};
-
 //
 //  process.ts
 //
@@ -3932,7 +3756,7 @@ const altAlpha = ":;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[]^_`abcdefghijklmnopqrstuvwx
 const compress = (r) => _compress(r, 6, r => altAlpha.charAt(r));
 
 //
-//  common.ts
+//  event.ts
 //
 //  The MIT License
 //  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.
@@ -3955,82 +3779,403 @@ const compress = (r) => _compress(r, 6, r => altAlpha.charAt(r));
 //  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 //  THE SOFTWARE.
 //
-const SVG_NS = 'http://www.w3.org/2000/svg';
-const HTML_NS = 'http://www.w3.org/1999/xhtml';
-const MATHML_NS = 'http://www.w3.org/1998/Math/MathML';
-const findPrototypeProperty = (object, propertyName) => {
-    while (object && object.constructor && object.constructor.name !== 'Object') {
-        let desc = Object.getOwnPropertyDescriptor(object, propertyName);
-        if (desc)
-            return desc;
-        object = Object.getPrototypeOf(object);
-    }
-    return null;
-};
-const isWriteable = (object, propertyName) => {
-    let desc = findPrototypeProperty(object, propertyName);
-    if (!desc) {
-        return false;
-    }
-    if (desc.writable && typeof desc.value !== 'function') {
-        return true;
-    }
-    return !!desc.set;
-};
-class DOMNativeNode extends component.NativeElementType {
-    static createElement;
-}
-class _DOMRenderer extends renderer._Renderer {
-    _window;
-    _namespace_map = new WeakMap();
-    _tracked_head_children = [];
-    _tracked_style = new StyleBuilder();
-    /** @internal */
-    _tracked_server_resource = new Map();
-    _tracked_elements = new Map();
-    constructor(window) {
-        super();
-        this._window = window;
-    }
-    get document() {
-        return this.window.document;
-    }
-    get window() {
-        return this._window;
-    }
-    /** @internal */
-    _beforeUpdate() {
-        if (this._server) {
-            this._tracked_head_children = [];
-            this._tracked_server_resource = new Map();
-        }
-    }
-    /** @internal */
-    _afterUpdate() {
-        this._tracked_style.select([...this._tracked_elements.values().flatMap(({ className }) => className)]);
-        const head = this.document.head ?? this.document.createElementNS(HTML_NS, 'head');
-        const styleElem = this.document.querySelector('style[data-frosty-style]') ?? this.document.createElementNS(HTML_NS, 'style');
-        styleElem.setAttribute('data-frosty-style', '');
-        if (styleElem.textContent !== this._tracked_style.css)
-            styleElem.textContent = this._tracked_style.css;
-        if (this._server) {
-            const ssrData = this._tracked_server_resource.size ? this.document.createElementNS(HTML_NS, 'script') : undefined;
-            if (ssrData) {
-                ssrData.setAttribute('data-frosty-ssr-data', '');
-                ssrData.setAttribute('type', 'text/plain');
-                ssrData.innerHTML = compress(JSON.stringify(Object.fromEntries(this._tracked_server_resource)));
-            }
-            this.__replaceChildren(head, _.compact([
-                ...this._tracked_head_children,
-                styleElem.textContent && styleElem,
-                ssrData,
-            ]));
-        }
-        else if (styleElem.parentNode !== head && styleElem.textContent) {
-            head.appendChild(styleElem);
-        }
-        if (!this.document.head) {
-            this.document.documentElement.insertBefore(head, this.document.body);
+const globalEvents = [
+    // Clipboard Events
+    "onCopy",
+    "onCut",
+    "onPaste",
+    // Composition Events
+    "onCompositionEnd",
+    "onCompositionStart",
+    "onCompositionUpdate",
+    // Focus Events
+    "onFocus",
+    "onBlur",
+    // Form Events
+    "onFormData",
+    "onChange",
+    "onBeforeInput",
+    "onInput",
+    "onReset",
+    "onSubmit",
+    "onInvalid",
+    // Image Events
+    "onLoad",
+    "onError",
+    // Keyboard Events
+    "onKeyDown",
+    /** @deprecated */
+    "onKeyPress",
+    /** @deprecated */
+    "onKeyUp",
+    // Media Events
+    "onAbort",
+    "onCanPlay",
+    "onCanPlayThrough",
+    "onDurationChange",
+    "onEmptied",
+    "onEncrypted",
+    "onEnded",
+    "onLoadedData",
+    "onLoadedMetadata",
+    "onLoadStart",
+    "onPause",
+    "onPlay",
+    "onPlaying",
+    "onProgress",
+    "onRateChange",
+    "onResize",
+    "onSeeked",
+    "onSeeking",
+    "onStalled",
+    "onSuspend",
+    "onTimeUpdate",
+    "onVolumeChange",
+    "onWaiting",
+    // MouseEvents
+    "onAuxClick",
+    "onClick",
+    "onContextMenu",
+    "onDoubleClick",
+    "onDrag",
+    "onDragEnd",
+    "onDragEnter",
+    "onDragExit",
+    "onDragLeave",
+    "onDragOver",
+    "onDragStart",
+    "onDrop",
+    "onMouseDown",
+    "onMouseEnter",
+    "onMouseLeave",
+    "onMouseMove",
+    "onMouseOut",
+    "onMouseOver",
+    "onMouseUp",
+    // Selection Events
+    "onSelect",
+    // Touch Events
+    "onTouchCancel",
+    "onTouchEnd",
+    "onTouchMove",
+    "onTouchStart",
+    // Pointer Events
+    "onPointerDown",
+    "onPointerMove",
+    "onPointerUp",
+    "onPointerCancel",
+    "onPointerEnter",
+    "onPointerLeave",
+    "onPointerOver",
+    "onPointerOut",
+    // UI Events
+    "onScroll",
+    // Wheel Events
+    "onWheel",
+    // Animation Events
+    "onAnimationStart",
+    "onAnimationEnd",
+    "onAnimationIteration",
+    // Transition Events
+    "onTransitionEnd",
+];
+
+//
+//  props.ts
+//
+//  The MIT License
+//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.
+//
+//  Permission is hereby granted, free of charge, to any person obtaining a copy
+//  of this software and associated documentation files (the "Software"), to deal
+//  in the Software without restriction, including without limitation the rights
+//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+//  copies of the Software, and to permit persons to whom the Software is
+//  furnished to do so, subject to the following conditions:
+//
+//  The above copyright notice and this permission notice shall be included in
+//  all copies or substantial portions of the Software.
+//
+//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+//  THE SOFTWARE.
+//
+const _propValue = {
+    'DOMString': 'string',
+    'SVGAnimatedTransformList': 'string',
+    'SVGStringList': 'string',
+    'SVGAnimatedRect': 'string',
+    'SVGAnimatedPreserveAspectRatio': 'string',
+    'SVGAnimatedString': 'string',
+    'SVGPointList': 'string',
+    'SVGAnimatedLengthList': 'string',
+    'SVGAnimatedNumberList': 'string',
+    'SVGAnimatedEnumeration': 'string',
+    'USVString': 'string',
+    'DOMTokenList': 'string',
+    'TrustedHTML': 'string',
+    'HTMLFormElement': 'string',
+    'HTMLDataListElement': 'string',
+    'SVGAnimatedLength': 'length',
+    'SVGAnimatedNumber': 'number',
+    'SVGAnimatedInteger': 'number',
+    'unrestricted double': 'number',
+    'double': 'number',
+    'unsigned long': 'number',
+    'long': 'number',
+    'SVGAnimatedBoolean': 'boolean',
+    'boolean': 'boolean',
+};
+
+//
+//  common.ts
+//
+//  The MIT License
+//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.
+//
+//  Permission is hereby granted, free of charge, to any person obtaining a copy
+//  of this software and associated documentation files (the "Software"), to deal
+//  in the Software without restriction, including without limitation the rights
+//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+//  copies of the Software, and to permit persons to whom the Software is
+//  furnished to do so, subject to the following conditions:
+//
+//  The above copyright notice and this permission notice shall be included in
+//  all copies or substantial portions of the Software.
+//
+//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+//  THE SOFTWARE.
+//
+const findPrototypeProperty = (object, propertyName) => {
+    while (object && object.constructor && object.constructor.name !== 'Object') {
+        let desc = Object.getOwnPropertyDescriptor(object, propertyName);
+        if (desc)
+            return desc;
+        object = Object.getPrototypeOf(object);
+    }
+    return null;
+};
+const isWriteable = (object, propertyName) => {
+    let desc = findPrototypeProperty(object, propertyName);
+    if (!desc) {
+        return false;
+    }
+    if (desc.writable && typeof desc.value !== 'function') {
+        return true;
+    }
+    return !!desc.set;
+};
+const tracked_listeners = new WeakMap();
+const _updateEventListener = (element, key, listener) => {
+    const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();
+    const listeners = tracked_listeners.get(element) ?? {};
+    if (!tracked_listeners.has(element))
+        tracked_listeners.set(element, listeners);
+    if (listeners[key] !== listener) {
+        const options = { capture: key.endsWith('Capture') };
+        if (_.isFunction(listeners[key]))
+            element.removeEventListener(event, listeners[key], options);
+        if (_.isFunction(listener))
+            element.addEventListener(event, listener, options);
+    }
+    listeners[key] = listener;
+};
+const DOMUtils = new class {
+    update(element, { className, style, ...props }) {
+        if (className) {
+            if (element.className !== className)
+                element.className = className;
+        }
+        else if (!_.isNil(element.getAttribute('class'))) {
+            element.removeAttribute('class');
+        }
+        if (style) {
+            const oldValue = element.getAttribute('style');
+            if (oldValue !== style)
+                element.setAttribute('style', style);
+        }
+        else if (!_.isNil(element.getAttribute('style'))) {
+            element.removeAttribute('style');
+        }
+        for (const [key, value] of _.entries(props)) {
+            if (_.includes(globalEvents, key)) {
+                _updateEventListener(element, key, value);
+            }
+            else if (key.endsWith('Capture') && _.includes(globalEvents, key.slice(0, -7))) {
+                _updateEventListener(element, key, value);
+            }
+            else if (key.startsWith('data-')) {
+                const oldValue = element.getAttribute(key);
+                if (value === false || _.isNil(value)) {
+                    if (!_.isNil(oldValue))
+                        element.removeAttribute(key);
+                }
+                else {
+                    const newValue = value === true ? '' : `${value}`;
+                    if (oldValue !== newValue)
+                        element.setAttribute(key, newValue);
+                }
+            }
+            else {
+                const tagName = _.toLower(element.tagName);
+                const { type: _type, attr } = htmlProps['*'][key]
+                    ?? htmlProps[tagName]?.[key]
+                    ?? svgProps['*'][key]
+                    ?? svgProps[tagName]?.[key]
+                    ?? {};
+                const writeable = isWriteable(element, key);
+                if (writeable && !_.isNil(value)) {
+                    if (element[key] !== value)
+                        element[key] = value;
+                }
+                else if (_type && attr && _propValue[_type]) {
+                    const oldValue = element.getAttribute(attr);
+                    if (value === false || _.isNil(value)) {
+                        if (!_.isNil(oldValue))
+                            element.removeAttribute(attr);
+                    }
+                    else {
+                        const newValue = value === true ? '' : `${value}`;
+                        if (oldValue !== newValue)
+                            element.setAttribute(attr, newValue);
+                    }
+                }
+                else if (writeable) {
+                    if (element[key] !== value)
+                        element[key] = value;
+                }
+            }
+        }
+    }
+    replaceChildren(element, children, shouldRemove = () => true) {
+        const document = element.ownerDocument;
+        const diff = myers_js.myersSync(_.map(element.childNodes, x => x.nodeType === document.TEXT_NODE ? x.textContent ?? '' : x), _.flatMap(children, x => x instanceof DOMNativeNode ? x.target : x), { compare: (a, b) => a === b });
+        let i = 0;
+        for (const { remove, insert, equivalent } of diff) {
+            if (equivalent) {
+                i += equivalent.length;
+            }
+            else if (remove) {
+                for (const child of remove) {
+                    if (_.isString(child) || shouldRemove(child)) {
+                        element.removeChild(element.childNodes[i]);
+                    }
+                    else {
+                        i++;
+                    }
+                }
+            }
+            if (insert) {
+                for (const child of insert) {
+                    const node = _.isString(child) ? document.createTextNode(child) : child;
+                    element.insertBefore(node, element.childNodes[i++]);
+                }
+            }
+        }
+    }
+    destroyElement(element) {
+        const listeners = tracked_listeners.get(element);
+        for (const [key, listener] of _.entries(listeners)) {
+            const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();
+            if (_.isFunction(listener)) {
+                element.removeEventListener(event, listener, { capture: key.endsWith('Capture') });
+            }
+        }
+        tracked_listeners.delete(element);
+    }
+};
+class DOMNativeNode extends component.NativeElementType {
+    static get Utils() { return DOMUtils; }
+    static createElement;
+}
+
+//
+//  renderer.ts
+//
+//  The MIT License
+//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.
+//
+//  Permission is hereby granted, free of charge, to any person obtaining a copy
+//  of this software and associated documentation files (the "Software"), to deal
+//  in the Software without restriction, including without limitation the rights
+//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+//  copies of the Software, and to permit persons to whom the Software is
+//  furnished to do so, subject to the following conditions:
+//
+//  The above copyright notice and this permission notice shall be included in
+//  all copies or substantial portions of the Software.
+//
+//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+//  THE SOFTWARE.
+//
+const SVG_NS = 'http://www.w3.org/2000/svg';
+const HTML_NS = 'http://www.w3.org/1999/xhtml';
+const MATHML_NS = 'http://www.w3.org/1998/Math/MathML';
+class _DOMRenderer extends renderer._Renderer {
+    _window;
+    _namespace_map = new WeakMap();
+    _tracked_head_children = [];
+    _tracked_style = new StyleBuilder();
+    /** @internal */
+    _tracked_server_resource = new Map();
+    _tracked_elements = new Map();
+    constructor(window) {
+        super();
+        this._window = window;
+    }
+    get document() {
+        return this.window.document;
+    }
+    get window() {
+        return this._window;
+    }
+    /** @internal */
+    _beforeUpdate() {
+        if (this._server) {
+            this._tracked_head_children = [];
+            this._tracked_server_resource = new Map();
+        }
+    }
+    /** @internal */
+    _afterUpdate() {
+        this._tracked_style.select([...this._tracked_elements.values().flatMap(({ className }) => className)]);
+        const head = this.document.head ?? this.document.createElementNS(HTML_NS, 'head');
+        const styleElem = this.document.querySelector('style[data-frosty-style]') ?? this.document.createElementNS(HTML_NS, 'style');
+        styleElem.setAttribute('data-frosty-style', '');
+        if (styleElem.textContent !== this._tracked_style.css)
+            styleElem.textContent = this._tracked_style.css;
+        if (this._server) {
+            const ssrData = this._tracked_server_resource.size ? this.document.createElementNS(HTML_NS, 'script') : undefined;
+            if (ssrData) {
+                ssrData.setAttribute('data-frosty-ssr-data', '');
+                ssrData.setAttribute('type', 'text/plain');
+                ssrData.innerHTML = compress(JSON.stringify(Object.fromEntries(this._tracked_server_resource)));
+            }
+            DOMNativeNode.Utils.replaceChildren(head, _.compact([
+                ...this._tracked_head_children,
+                styleElem.textContent && styleElem,
+                ssrData,
+            ]), (x) => this._tracked_elements.has(x));
+        }
+        else if (styleElem.parentNode !== head && styleElem.textContent) {
+            head.appendChild(styleElem);
+        }
+        if (!this.document.head) {
+            this.document.documentElement.insertBefore(head, this.document.body);
         }
     }
     /** @internal */
@@ -4042,7 +4187,6 @@ class _DOMRenderer extends renderer._Renderer {
             this._tracked_elements.set(elem, {
                 props: [],
                 className: [],
-                listener: {},
             });
             this._updateElement(node, elem, stack);
             return elem;
@@ -4066,7 +4210,6 @@ class _DOMRenderer extends renderer._Renderer {
         this._tracked_elements.set(elem, {
             props: [],
             className: [],
-            listener: {},
         });
         this._updateElement(node, elem, stack);
         return elem;
@@ -4079,20 +4222,6 @@ class _DOMRenderer extends renderer._Renderer {
             tracked.className = built;
         return [..._className, ...built].join(' ');
     }
-    __updateEventListener(element, key, listener) {
-        const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();
-        const tracked_listener = this._tracked_elements.get(element)?.listener;
-        if (!tracked_listener)
-            return;
-        if (tracked_listener[key] !== listener) {
-            const options = { capture: key.endsWith('Capture') };
-            if (_.isFunction(tracked_listener[key]))
-                element.removeEventListener(event, tracked_listener[key], options);
-            if (_.isFunction(listener))
-                element.addEventListener(event, listener, options);
-        }
-        tracked_listener[key] = listener;
-    }
     /** @internal */
     _updateElement(node, element, stack) {
         if (element instanceof DOMNativeNode) {
@@ -4118,83 +4247,20 @@ class _DOMRenderer extends renderer._Renderer {
         }
         if (ref)
             state.mergeRefs(ref)(element);
-        const builtClassName = this.__createBuiltClassName(element, className, style);
-        if (_.isEmpty(builtClassName)) {
-            if (!_.isNil(element.getAttribute('class')))
-                element.removeAttribute('class');
-        }
-        else if (element.className !== builtClassName) {
-            element.className = builtClassName;
-        }
-        if (!_.isEmpty(innerHTML) && element.innerHTML !== innerHTML)
-            element.innerHTML = innerHTML;
-        if (inlineStyle) {
-            const { css } = processCss(inlineStyle);
-            const oldValue = element.getAttribute('style');
-            const newValue = css.split('\n').join('');
-            if (oldValue !== newValue)
-                element.setAttribute('style', newValue);
-        }
-        else if (!_.isNil(element.getAttribute('style'))) {
-            element.removeAttribute('style');
-        }
         const tracked = this._tracked_elements.get(element);
         if (!tracked)
             return;
         const removed = _.difference(tracked.props, _.keys(_props));
-        const props = {
+        tracked.props = _.keys(_props);
+        const builtClassName = this.__createBuiltClassName(element, className, style);
+        if (!_.isEmpty(innerHTML) && element.innerHTML !== innerHTML)
+            element.innerHTML = innerHTML;
+        DOMNativeNode.Utils.update(element, {
+            className: builtClassName,
+            style: inlineStyle ? processCss(inlineStyle).css : undefined,
             ..._props,
             ..._.fromPairs(_.map(removed, x => [x, undefined])),
-        };
-        tracked.props = _.keys(_props);
-        for (const [key, value] of _.entries(props)) {
-            if (_.includes(globalEvents, key)) {
-                this.__updateEventListener(element, key, value);
-            }
-            else if (key.endsWith('Capture') && _.includes(globalEvents, key.slice(0, -7))) {
-                this.__updateEventListener(element, key, value);
-            }
-            else if (key.startsWith('data-')) {
-                const oldValue = element.getAttribute(key);
-                if (value === false || _.isNil(value)) {
-                    if (!_.isNil(oldValue))
-                        element.removeAttribute(key);
-                }
-                else {
-                    const newValue = value === true ? '' : `${value}`;
-                    if (oldValue !== newValue)
-                        element.setAttribute(key, newValue);
-                }
-            }
-            else {
-                const { type: _type, attr } = htmlProps['*'][key]
-                    ?? htmlProps[type]?.[key]
-                    ?? svgProps['*'][key]
-                    ?? svgProps[type]?.[key]
-                    ?? {};
-                const writeable = isWriteable(element, key);
-                if (writeable && !_.isNil(value)) {
-                    if (element[key] !== value)
-                        element[key] = value;
-                }
-                else if (_type && attr && _propValue[_type]) {
-                    const oldValue = element.getAttribute(key);
-                    if (value === false || _.isNil(value)) {
-                        if (!_.isNil(oldValue))
-                            element.removeAttribute(key);
-                    }
-                    else {
-                        const newValue = value === true ? '' : `${value}`;
-                        if (oldValue !== newValue)
-                            element.setAttribute(key, newValue);
-                    }
-                }
-                else if (writeable) {
-                    if (element[key] !== value)
-                        element[key] = value;
-                }
-            }
-        }
+        });
     }
     /** @internal */
     _replaceChildren(node, element, children, stack, force) {
@@ -4207,7 +4273,7 @@ class _DOMRenderer extends renderer._Renderer {
                 this._tracked_head_children.push(...children);
             }
             else if (_.isEmpty(innerHTML)) {
-                this.__replaceChildren(element, children, force);
+                DOMNativeNode.Utils.replaceChildren(element, children, (x) => !!force || this._tracked_elements.has(x));
             }
         }
     }
@@ -4217,39 +4283,7 @@ class _DOMRenderer extends renderer._Renderer {
             element.destroy();
         }
         else {
-            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)) {
-                    element.removeEventListener(event, listener, { capture: key.endsWith('Capture') });
-                }
-            }
-        }
-        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), _.flatMap(children, x => x instanceof DOMNativeNode ? x.target : x), { compare: (a, b) => a === b });
-        let i = 0;
-        for (const { remove, insert, equivalent } of diff) {
-            if (equivalent) {
-                i += equivalent.length;
-            }
-            else if (remove) {
-                for (const child of remove) {
-                    if (force || _.isString(child) || this._tracked_elements.has(child)) {
-                        element.removeChild(element.childNodes[i]);
-                    }
-                    else {
-                        i++;
-                    }
-                }
-            }
-            if (insert) {
-                for (const child of insert) {
-                    const node = _.isString(child) ? this.document.createTextNode(child) : child;
-                    element.insertBefore(node, element.childNodes[i++]);
-                }
-            }
+            DOMNativeNode.Utils.destroyElement(element);
         }
     }
     async renderToString(component) {
@@ -4268,4 +4302,4 @@ class _DOMRenderer extends renderer._Renderer {
 
 exports.DOMNativeNode = DOMNativeNode;
 exports._DOMRenderer = _DOMRenderer;
-//# sourceMappingURL=common-BbURUhvO.js.map
+//# sourceMappingURL=renderer-CXenrlwR.js.map