@genesislcap/foundation-utils 14.285.1 → 14.286.0

package/dist/custom-elements.json

@@ -367,6 +367,59 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/decorators/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./renderOnChange"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/decorators/renderOnChange.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "renderOnChange",
+          "parameters": [
+            {
+              "name": "target",
+              "type": {
+                "text": "FASTElement & { render(): void }"
+              },
+              "description": "The target to define the property change handler on."
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The property name."
+            }
+          ],
+          "description": "Defines a property changed handler that calls a render() method on the target as an internal observation enhancement.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "renderOnChange",
+          "declaration": {
+            "name": "renderOnChange",
+            "module": "src/decorators/renderOnChange.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/design-system/design-system.ts",
@@ -454,7 +507,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/decorators/index.ts",
+      "path": "src/encoding/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -462,45 +515,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./renderOnChange"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/decorators/renderOnChange.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "renderOnChange",
-          "parameters": [
-            {
-              "name": "target",
-              "type": {
-                "text": "FASTElement & { render(): void }"
-              },
-              "description": "The target to define the property change handler on."
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The property name."
-            }
-          ],
-          "description": "Defines a property changed handler that calls a render() method on the target as an internal observation enhancement.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "renderOnChange",
-          "declaration": {
-            "name": "renderOnChange",
-            "module": "src/decorators/renderOnChange.ts"
+            "package": "./base64"
           }
         }
       ]
@@ -528,21 +543,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/encoding/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./base64"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/env/index.ts",
@@ -2523,160 +2523,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/directives/sync/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./sync"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/directives/sync/sync.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "defaultEventMap",
-          "type": {
-            "text": "Map<string, EventName>"
-          },
-          "default": "new Map([\n  ['FAST-TEXT-AREA', 'input'],\n  ['FAST-TEXT-FIELD', 'input'],\n  ['FOUNDATION-TEXT-AREA', 'input'],\n  ['FOUNDATION-TEXT-FIELD', 'input'],\n  ['INPUT', 'input'],\n  ['ZERO-TEXT-FIELD', 'input'],\n])",
-          "description": "A map that associates specific HTML element tags with their corresponding default event names.",
-          "privacy": "public"
-        },
-        {
-          "kind": "function",
-          "name": "sync",
-          "return": {
-            "type": {
-              "text": "CaptureType<TSource>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "binding",
-              "type": {
-                "text": "Binding<TSource, TReturn>"
-              }
-            },
-            {
-              "name": "conversionType",
-              "default": "'string'",
-              "type": {
-                "text": "ConversionType"
-              }
-            },
-            {
-              "name": "eventName",
-              "default": "'default'",
-              "type": {
-                "text": "EventName"
-              }
-            },
-            {
-              "name": "keyAttr",
-              "optional": true,
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "Creates a synchronization directive that binds a data source to an HTML element,",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "defaultEventMap",
-          "declaration": {
-            "name": "defaultEventMap",
-            "module": "src/directives/sync/sync.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "sync",
-          "declaration": {
-            "name": "sync",
-            "module": "src/directives/sync/sync.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/directives/when-else/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./when-else"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/directives/when-else/when-else.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "whenElse",
-          "return": {
-            "type": {
-              "text": "CaptureType<TSource>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "binding",
-              "type": {
-                "text": "Binding<TSource, TReturn>"
-              },
-              "description": "The condition to test for rendering."
-            },
-            {
-              "name": "trueTemplateOrTemplateBinding",
-              "type": {
-                "text": "WhenTemplate<TSource>"
-              },
-              "description": "The template or a binding that gets the template to render when the condition is true."
-            },
-            {
-              "name": "falseTemplateOrTemplateBinding",
-              "type": {
-                "text": "WhenTemplate<TSource>"
-              },
-              "description": "The template or a binding that gets the template to render when the condition is false."
-            }
-          ],
-          "description": "Directive that allows supplying an \"else\" template to the traditional https://www.fast.design/docs/api/fast-element.when/#when-function directive",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "whenElse",
-          "declaration": {
-            "name": "whenElse",
-            "module": "src/directives/when-else/when-else.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/encoding/base64/decode.ts",
@@ -2831,6 +2677,160 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/directives/sync/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./sync"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/directives/sync/sync.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "defaultEventMap",
+          "type": {
+            "text": "Map<string, EventName>"
+          },
+          "default": "new Map([\n  ['FAST-TEXT-AREA', 'input'],\n  ['FAST-TEXT-FIELD', 'input'],\n  ['FOUNDATION-TEXT-AREA', 'input'],\n  ['FOUNDATION-TEXT-FIELD', 'input'],\n  ['INPUT', 'input'],\n  ['ZERO-TEXT-FIELD', 'input'],\n])",
+          "description": "A map that associates specific HTML element tags with their corresponding default event names.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "sync",
+          "return": {
+            "type": {
+              "text": "CaptureType<TSource>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "binding",
+              "type": {
+                "text": "Binding<TSource, TReturn>"
+              }
+            },
+            {
+              "name": "conversionType",
+              "default": "'string'",
+              "type": {
+                "text": "ConversionType"
+              }
+            },
+            {
+              "name": "eventName",
+              "default": "'default'",
+              "type": {
+                "text": "EventName"
+              }
+            },
+            {
+              "name": "keyAttr",
+              "optional": true,
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Creates a synchronization directive that binds a data source to an HTML element,",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defaultEventMap",
+          "declaration": {
+            "name": "defaultEventMap",
+            "module": "src/directives/sync/sync.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "sync",
+          "declaration": {
+            "name": "sync",
+            "module": "src/directives/sync/sync.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/directives/when-else/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./when-else"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/directives/when-else/when-else.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "whenElse",
+          "return": {
+            "type": {
+              "text": "CaptureType<TSource>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "binding",
+              "type": {
+                "text": "Binding<TSource, TReturn>"
+              },
+              "description": "The condition to test for rendering."
+            },
+            {
+              "name": "trueTemplateOrTemplateBinding",
+              "type": {
+                "text": "WhenTemplate<TSource>"
+              },
+              "description": "The template or a binding that gets the template to render when the condition is true."
+            },
+            {
+              "name": "falseTemplateOrTemplateBinding",
+              "type": {
+                "text": "WhenTemplate<TSource>"
+              },
+              "description": "The template or a binding that gets the template to render when the condition is false."
+            }
+          ],
+          "description": "Directive that allows supplying an \"else\" template to the traditional https://www.fast.design/docs/api/fast-element.when/#when-function directive",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "whenElse",
+          "declaration": {
+            "name": "whenElse",
+            "module": "src/directives/when-else/when-else.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/mappers/dto/index.ts",

package/dist/dts/styles/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/styles/dom.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,YAAa,MAAM,kBAAkB,MAAM,KAAG,CAAC,MAAM,IAAI,CAyB1F,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,SAAU,MAAM,SAQ9C,CAAC"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/styles/dom.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,YAAa,MAAM,kBAAkB,MAAM,KAAG,CAAC,MAAM,IAAI,CAyC1F,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,SAAU,MAAM,SAQ9C,CAAC"}

package/dist/esm/styles/dom.js

@@ -20,14 +20,29 @@ export const insertDocumentCSSRule = (cssRule, styleElementId) => {
     styleElement = document.createElement('style');
     styleElement.id = styleElementId;
     headElement.appendChild(styleElement);
-    const styleIndex = styleElement.sheet.insertRule(cssRule);
-    return () => {
-        if (!styleElement) {
-            return;
-        }
-        styleElement.sheet.deleteRule(styleIndex);
-        headElement.removeChild(styleElement);
-    };
+    // Check if the CSS rule contains multiple rules (contains multiple closing braces)
+    const ruleCount = (cssRule.match(/}/g) || []).length;
+    if (ruleCount > 1) {
+        // Multiple rules: use textContent to avoid insertRule limitations
+        styleElement.textContent = cssRule;
+        return () => {
+            if (!styleElement) {
+                return;
+            }
+            headElement.removeChild(styleElement);
+        };
+    }
+    else {
+        // Single rule: use insertRule for consistency with existing behavior
+        const styleIndex = styleElement.sheet.insertRule(cssRule);
+        return () => {
+            if (!styleElement) {
+                return;
+            }
+            styleElement.sheet.deleteRule(styleIndex);
+            headElement.removeChild(styleElement);
+        };
+    }
 };
 /**
  * Inserts a CSS link into the document if it doesn't already exist.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-utils",
   "description": "Genesis Foundation Utils",
-  "version": "14.285.1",
+  "version": "14.286.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -27,19 +27,19 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.285.1",
-    "@genesislcap/genx": "14.285.1",
-    "@genesislcap/rollup-builder": "14.285.1",
-    "@genesislcap/ts-builder": "14.285.1",
-    "@genesislcap/uvu-playwright-builder": "14.285.1",
-    "@genesislcap/vite-builder": "14.285.1",
-    "@genesislcap/webpack-builder": "14.285.1",
+    "@genesislcap/foundation-testing": "14.286.0",
+    "@genesislcap/genx": "14.286.0",
+    "@genesislcap/rollup-builder": "14.286.0",
+    "@genesislcap/ts-builder": "14.286.0",
+    "@genesislcap/uvu-playwright-builder": "14.286.0",
+    "@genesislcap/vite-builder": "14.286.0",
+    "@genesislcap/webpack-builder": "14.286.0",
     "@types/json-schema": "^7.0.11",
     "rimraf": "^5.0.0"
   },
   "dependencies": {
     "@genesislcap/expression-builder": "14.258.1",
-    "@genesislcap/foundation-logger": "14.285.1",
+    "@genesislcap/foundation-logger": "14.286.0",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
     "@microsoft/fast-foundation": "2.49.6",
@@ -57,5 +57,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "6d060a7642ec87b7c2bb4c992cb3c98ef6bc52a1"
+  "gitHead": "5dcc55742a75e355f98b4ce86c715e681448d7e2"
 }