@microsoft/webui-framework 0.0.26 → 0.0.27

package/dist/element/link-styles.js

@@ -875,36 +875,48 @@ function installGuard(host, root) {
     catch {
         effective = false;
     }
+    const releaseInlineGuard = effective
+        ? undefined
+        : installInlineGuard(host);
+    return {
+        effective,
+        release: () => {
+            style.remove();
+            releaseInlineGuard?.();
+        },
+        style,
+    };
+}
+function installInlineGuard(host) {
+    const hadStyleAttribute = host.hasAttribute('style');
     const previousTransitionValue = host.style.getPropertyValue('transition-property');
     const previousTransitionPriority = host.style.getPropertyPriority('transition-property');
     const previousValue = host.style.getPropertyValue('visibility');
     const previousPriority = host.style.getPropertyPriority('visibility');
     host.style.setProperty('transition-property', 'none', 'important');
     host.style.setProperty('visibility', 'hidden', 'important');
-    return {
-        effective,
-        release: () => {
-            style.remove();
-            if (host.style.getPropertyValue('visibility') === 'hidden' &&
-                host.style.getPropertyPriority('visibility') === 'important') {
-                if (previousValue) {
-                    host.style.setProperty('visibility', previousValue, previousPriority);
-                }
-                else {
-                    host.style.removeProperty('visibility');
-                }
+    return () => {
+        if (host.style.getPropertyValue('visibility') === 'hidden' &&
+            host.style.getPropertyPriority('visibility') === 'important') {
+            if (previousValue) {
+                host.style.setProperty('visibility', previousValue, previousPriority);
             }
-            if (host.style.getPropertyValue('transition-property') === 'none' &&
-                host.style.getPropertyPriority('transition-property') === 'important') {
-                if (previousTransitionValue) {
-                    host.style.setProperty('transition-property', previousTransitionValue, previousTransitionPriority);
-                }
-                else {
-                    host.style.removeProperty('transition-property');
-                }
+            else {
+                host.style.removeProperty('visibility');
             }
-        },
-        style,
+        }
+        if (host.style.getPropertyValue('transition-property') === 'none' &&
+            host.style.getPropertyPriority('transition-property') === 'important') {
+            if (previousTransitionValue) {
+                host.style.setProperty('transition-property', previousTransitionValue, previousTransitionPriority);
+            }
+            else {
+                host.style.removeProperty('transition-property');
+            }
+        }
+        if (!hadStyleAttribute && host.getAttribute('style') === '') {
+            host.removeAttribute('style');
+        }
     };
 }
 function skipComment(cssText, start) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/webui-framework",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "type": "module",
   "description": "WebUI Framework Next — Preact-inspired lightweight Web Component runtime with SSR hydration and compiled-template path mapping.",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "@playwright/test": "^1.61.1",
     "@types/node": "^26.1.0",
     "typescript": "7.0.2",
-    "@microsoft/webui-test-support": "0.0.26"
+    "@microsoft/webui-test-support": "0.0.27"
   },
   "scripts": {
     "build": "tsc",