@fluentui/web-components 2.5.12 → 2.5.14

package/CHANGELOG.json

@@ -2,7 +2,67 @@
   "name": "@fluentui/web-components",
   "entries": [
     {
-      "date": "Thu, 26 Jan 2023 07:34:09 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": {
+        "patch": [
+          {
+            "author": "chhol@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "d641ed3418a70dbcfcc29ca56acb4f2711551044",
+            "comment": "update fast foundation packages to import bug fixes"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 03 Mar 2023 07:47:17 GMT",
+      "tag": "@fluentui/web-components_v2.5.12",
+      "version": "2.5.12",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "677a67b551966986db34a6fac608cb89ee150471",
+            "comment": "style: apply prettier 2.3-2.8 formatting on whole codebase"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 13 Feb 2023 07:37:39 GMT",
+      "tag": "@fluentui/web-components_v2.5.12",
+      "version": "2.5.12",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "cbba19f7ed8a619b5fa856575fde872e79be99b9",
+            "comment": "style: fix formatting in files that were silently passed previously"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 26 Jan 2023 07:35:32 GMT",
       "tag": "@fluentui/web-components_v2.5.12",
       "version": "2.5.12",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Thu, 26 Jan 2023 07:34:09 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:43:45 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.12..@fluentui/web-components_v2.5.13)
+
+### Patches
+
+- update fast foundation packages to import bug fixes ([PR #27506](https://github.com/microsoft/fluentui/pull/27506) by chhol@microsoft.com)
+
 ## [2.5.12](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.12)
 
-Thu, 26 Jan 2023 07:34:09 GMT 
+Thu, 26 Jan 2023 07:35:32 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.11..@fluentui/web-components_v2.5.12)
 
 ### Patches

package/dist/dts/anchor/index.d.ts

@@ -17,7 +17,7 @@ export declare class Anchor extends FoundationAnchor {
      * @remarks
      * HTML Attribute: appearance
      */
-    appearance: AnchorAppearance;
+    appearance?: AnchorAppearance;
     appearanceChanged(oldValue: AnchorAppearance, newValue: AnchorAppearance): void;
     /**
      * @internal

package/dist/esm/anchor/index.js

@@ -28,12 +28,13 @@ export class Anchor extends FoundationAnchor {
      * @internal
      */
     defaultSlottedContentChanged() {
+        var _a, _b;
         const slottedElements = this.defaultSlottedContent.filter(x => x.nodeType === Node.ELEMENT_NODE);
         if (slottedElements.length === 1 && slottedElements[0] instanceof SVGElement) {
-            this.control.classList.add('icon-only');
+            (_a = this.control) === null || _a === void 0 ? void 0 : _a.classList.add('icon-only');
         }
         else {
-            this.control.classList.remove('icon-only');
+            (_b = this.control) === null || _b === void 0 ? void 0 : _b.classList.remove('icon-only');
         }
     }
 }

package/dist/web-components.d.ts

@@ -259,7 +259,7 @@ export declare class Anchor extends Anchor_2 {
      * @remarks
      * HTML Attribute: appearance
      */
-    appearance: AnchorAppearance;
+    appearance?: AnchorAppearance;
     appearanceChanged(oldValue: AnchorAppearance, newValue: AnchorAppearance): void;
     /**
      * @internal

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);
   }
 }
@@ -5551,7 +5581,8 @@ class Anchor$1 extends FoundationElement {
       // Check to see if delegatesFocus is supported
       if (window.ShadowRoot && !window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") && ((_a = this.$fastController.definition.shadowOptions) === null || _a === void 0 ? void 0 : _a.delegatesFocus)) {
         this.focus = () => {
-          this.control.focus();
+          var _a;
+          (_a = this.control) === null || _a === void 0 ? void 0 : _a.focus();
         };
       }
     };
@@ -7388,8 +7419,11 @@ class DateFormatter {
     year: this.yearFormat
   }, locale = this.locale) {
     const dateObj = this.getDateObject(date);
+    if (!dateObj.getTime()) {
+      return "";
+    }
     const optionsWithTimeZone = Object.assign({
-      timeZone: "utc"
+      timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
     }, format);
     return new Intl.DateTimeFormat(locale, optionsWithTimeZone).format(dateObj);
   }
@@ -13928,6 +13962,20 @@ class HorizontalScroll$1 extends FoundationElement {
     this.scrollStops = stops;
     this.setFlippers();
   }
+  /**
+   * Checks to see if the stops are returning values
+   *  otherwise it will try to reinitialize them
+   *
+   * @returns boolean indicating that current scrollStops are valid non-zero values
+   * @internal
+   */
+  validateStops(reinit = true) {
+    const hasStops = () => !!this.scrollStops.find(stop => stop > 0);
+    if (!hasStops() && reinit) {
+      this.setStops();
+    }
+    return hasStops();
+  }
   /**
    *
    */
@@ -13949,7 +13997,7 @@ class HorizontalScroll$1 extends FoundationElement {
     (_a = this.previousFlipperContainer) === null || _a === void 0 ? void 0 : _a.classList.toggle("disabled", position === 0);
     if (this.scrollStops) {
       const lastStop = Math.abs(this.scrollStops[this.scrollStops.length - 1]);
-      (_b = this.nextFlipperContainer) === null || _b === void 0 ? void 0 : _b.classList.toggle("disabled", Math.abs(position) + this.width >= lastStop);
+      (_b = this.nextFlipperContainer) === null || _b === void 0 ? void 0 : _b.classList.toggle("disabled", this.validateStops(false) && Math.abs(position) + this.width >= lastStop);
     }
   }
   /**
@@ -14012,6 +14060,7 @@ class HorizontalScroll$1 extends FoundationElement {
    * @public
    */
   scrollToPrevious() {
+    this.validateStops();
     const scrollPosition = this.scrollContainer.scrollLeft;
     const current = this.scrollStops.findIndex((stop, index) => stop >= scrollPosition && (this.isRtl || index === this.scrollStops.length - 1 || this.scrollStops[index + 1] > scrollPosition));
     const right = Math.abs(this.scrollStops[current + 1]);
@@ -14026,6 +14075,7 @@ class HorizontalScroll$1 extends FoundationElement {
    * @public
    */
   scrollToNext() {
+    this.validateStops();
     const scrollPosition = this.scrollContainer.scrollLeft;
     const current = this.scrollStops.findIndex(stop => Math.abs(stop) >= Math.abs(scrollPosition));
     const outOfView = this.scrollStops.findIndex(stop => Math.abs(scrollPosition) + this.width <= Math.abs(stop));
@@ -15532,7 +15582,7 @@ __decorate$1([attr({
  * The template for the {@link @microsoft/fast-foundation#(Tabs:class)} component.
  * @public
  */
-const tabsTemplate = (context, definition) => html`<template class="${x => x.orientation}">${startSlotTemplate(context, definition)}<div class="tablist" part="tablist" role="tablist"><slot class="tab" name="tab" part="tab" ${slotted("tabs")}></slot>${when(x => x.showActiveIndicator, html`<div ${ref("activeIndicatorRef")} class="activeIndicator" part="activeIndicator"></div>`)}</div>${endSlotTemplate(context, definition)}<div class="tabpanel"><slot name="tabpanel" part="tabpanel" ${slotted("tabpanels")}></slot></div></template>`;
+const tabsTemplate = (context, definition) => html`<template class="${x => x.orientation}">${startSlotTemplate(context, definition)}<div class="tablist" part="tablist" role="tablist"><slot class="tab" name="tab" part="tab" ${slotted("tabs")}></slot>${when(x => x.showActiveIndicator, html`<div ${ref("activeIndicatorRef")} class="activeIndicator" part="activeIndicator"></div>`)}</div>${endSlotTemplate(context, definition)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${slotted("tabpanels")}></slot></div></template>`;
 
 /**
  * The orientation of the {@link @microsoft/fast-foundation#(Tabs:class)} component
@@ -19999,11 +20049,12 @@ class Anchor extends Anchor$1 {
    * @internal
    */
   defaultSlottedContentChanged() {
+    var _a, _b;
     const slottedElements = this.defaultSlottedContent.filter(x => x.nodeType === Node.ELEMENT_NODE);
     if (slottedElements.length === 1 && slottedElements[0] instanceof SVGElement) {
-      this.control.classList.add('icon-only');
+      (_a = this.control) === null || _a === void 0 ? void 0 : _a.classList.add('icon-only');
     } else {
-      this.control.classList.remove('icon-only');
+      (_b = this.control) === null || _b === void 0 ? void 0 : _b.classList.remove('icon-only');
     }
   }
 }