@fluentui/web-components 2.5.13 → 2.5.14

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui/web-components",
   "entries": [
     {
-      "date": "Tue, 11 Apr 2023 07:42:59 GMT",
+      "date": "Mon, 17 Apr 2023 07:38:52 GMT",
+      "tag": "@fluentui/web-components_v2.5.14",
+      "version": "2.5.14",
+      "comments": {
+        "patch": [
+          {
+            "author": "chhol@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "2e1cf8928df3e4f0b64b7390408374db94ae9e2c",
+            "comment": "update FAST dependencies to mitigate Safari 16.4 AdoptedStyleSheets bug"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 11 Apr 2023 07:43:45 GMT",
       "tag": "@fluentui/web-components_v2.5.13",
       "version": "2.5.13",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Tue, 11 Apr 2023 07:42:59 GMT and should not be manually modified.
+This log was last generated on Mon, 17 Apr 2023 07:38:52 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [2.5.14](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.14)
+
+Mon, 17 Apr 2023 07:38:52 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.13..@fluentui/web-components_v2.5.14)
+
+### Patches
+
+- update FAST dependencies to mitigate Safari 16.4 AdoptedStyleSheets bug ([PR #27578](https://github.com/microsoft/fluentui/pull/27578) by chhol@microsoft.com)
+
 ## [2.5.13](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.13)
 
-Tue, 11 Apr 2023 07:42:59 GMT 
+Tue, 11 Apr 2023 07:43:45 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.12..@fluentui/web-components_v2.5.13)
 
 ### Patches

package/dist/web-components.js

@@ -1656,6 +1656,37 @@ function reduceBehaviors(styles) {
     return prev.concat(curr);
   }, null);
 }
+let addAdoptedStyleSheets = (target, sheets) => {
+  target.adoptedStyleSheets = [...target.adoptedStyleSheets, ...sheets];
+};
+let removeAdoptedStyleSheets = (target, sheets) => {
+  target.adoptedStyleSheets = target.adoptedStyleSheets.filter(x => sheets.indexOf(x) === -1);
+};
+if (DOM.supportsAdoptedStyleSheets) {
+  try {
+    // Test if browser implementation uses FrozenArray.
+    // If not, use push / splice to alter the stylesheets
+    // in place. This circumvents a bug in Safari 16.4 where
+    // periodically, assigning the array would previously
+    // cause sheets to be removed.
+    document.adoptedStyleSheets.push();
+    document.adoptedStyleSheets.splice();
+    addAdoptedStyleSheets = (target, sheets) => {
+      target.adoptedStyleSheets.push(...sheets);
+    };
+    removeAdoptedStyleSheets = (target, sheets) => {
+      for (const sheet of sheets) {
+        const index = target.adoptedStyleSheets.indexOf(sheet);
+        if (index !== -1) {
+          target.adoptedStyleSheets.splice(index, 1);
+        }
+      }
+    };
+  } catch (e) {
+    // Do nothing if an error is thrown, the default
+    // case handles FrozenArray.
+  }
+}
 /**
  * https://wicg.github.io/construct-stylesheets/
  * https://developers.google.com/web/updates/2019/02/constructable-stylesheets
@@ -1690,12 +1721,11 @@ class AdoptedStyleSheetsStyles extends ElementStyles {
     return this._styleSheets;
   }
   addStylesTo(target) {
-    target.adoptedStyleSheets = [...target.adoptedStyleSheets, ...this.styleSheets];
+    addAdoptedStyleSheets(target, this.styleSheets);
     super.addStylesTo(target);
   }
   removeStylesFrom(target) {
-    const sourceSheets = this.styleSheets;
-    target.adoptedStyleSheets = target.adoptedStyleSheets.filter(x => sourceSheets.indexOf(x) === -1);
+    removeAdoptedStyleSheets(target, this.styleSheets);
     super.removeStylesFrom(target);
   }
 }