@microsoft/fast-foundation - npm Package Compare versions

Comparing version 1.11.1 to 1.12.0

CHANGELOG.md

@@ -6,2 +6,28 @@ # Change Log
 
+# [1.12.0](https://github.com/Microsoft/fast/compare/@microsoft/fast-foundation@1.11.1...@microsoft/fast-foundation@1.12.0) (2021-01-30)
+
+
+### Bug Fixes
+
+* `UnhandledPromiseRejectionWarning`s when building fast-components ([#4218](https://github.com/Microsoft/fast/issues/4218)) ([48d52f4](https://github.com/Microsoft/fast/commit/48d52f43d8aa9938139f4dc0a2318fe400050216))
+* add class content to fix missing underline on button component ([#4226](https://github.com/Microsoft/fast/issues/4226)) ([bb9caaf](https://github.com/Microsoft/fast/commit/bb9caafd0edcbb0da46d74035fff246d36661f56)), closes [#4201](https://github.com/Microsoft/fast/issues/4201) [#16271](https://github.com/Microsoft/fast/issues/16271)
+* add whitespace filter to text-field template to correctly hide label div with start and end content ([#4245](https://github.com/Microsoft/fast/issues/4245)) ([70ce353](https://github.com/Microsoft/fast/commit/70ce3537c3d29789b5030abe4ea6c58b098f69b5))
+* display active indicator when tab is disabled ([#4207](https://github.com/Microsoft/fast/issues/4207)) ([ca0efbb](https://github.com/Microsoft/fast/commit/ca0efbb2968b0f9b017f3b28ab5c1bb688fafd47))
+* expand collapse tree view svg ([#4225](https://github.com/Microsoft/fast/issues/4225)) ([c6d6259](https://github.com/Microsoft/fast/commit/c6d62597a89b7329b83f01520eebd811608c37d3))
+* tooltips are incorrectly positioned when parent is a flex container ([#4256](https://github.com/Microsoft/fast/issues/4256)) ([bc47c02](https://github.com/Microsoft/fast/commit/bc47c02a44b7b274f458322b65ce7b4555de49e3))
+
+
+### Features
+
+* add disclosure component ([#3921](https://github.com/Microsoft/fast/issues/3921)) ([dec77c9](https://github.com/Microsoft/fast/commit/dec77c99742e5aaddc5a2f3da2e340efc56ef00a))
+* add fast-number-field component for data applications ([#4204](https://github.com/Microsoft/fast/issues/4204)) ([7196215](https://github.com/Microsoft/fast/commit/7196215344e0f6141dbc7dff69fc4c0bde8b586a))
+* add getPosition service for anchored region ([#4210](https://github.com/Microsoft/fast/issues/4210)) ([94d5ffa](https://github.com/Microsoft/fast/commit/94d5ffa2235e2d681e03e32442346018a81c693f))
+* add radio group functionality to menu items ([#4208](https://github.com/Microsoft/fast/issues/4208)) ([89a3930](https://github.com/Microsoft/fast/commit/89a3930be83434b9039d25f82ae0c251e2d03956))
+* add select spec ([#4194](https://github.com/Microsoft/fast/issues/4194)) ([7af127a](https://github.com/Microsoft/fast/commit/7af127aa1e41d4a379cc8b5ce15798d9423b3726))
+* Create a behavior for attaching component styles based on an appearance ([#4238](https://github.com/Microsoft/fast/issues/4238)) ([7b498ce](https://github.com/Microsoft/fast/commit/7b498ce3101d90dee2558433fa0abadca5149d36))
+
+
+
+
+
 ## [1.11.1](https://github.com/Microsoft/fast/compare/@microsoft/fast-foundation@1.11.0...@microsoft/fast-foundation@1.11.1) (2020-12-17)
@@ -8,0 +34,0 @@

dist/dts/anchored-region/anchored-region.d.ts

@@ -219,5 +219,6 @@ import { FASTElement } from "@microsoft/fast-element";
     private regionHeight;
+    private containingBlockWidth;
+    private containingBlockHeight;
     private xTransformOrigin;
     private yTransformOrigin;
-    private intersectionDetector;
     private resizeDetector;
@@ -241,2 +242,3 @@ private viewportRect;
     private currentDirection;
+    private static intersectionService;
     /**
@@ -292,6 +294,2 @@ * @internal
     /**
-     * initialize intersection detector
-     */
-    private initializeIntersectionDetector;
-    /**
      * starts observers
@@ -301,10 +299,6 @@ */
     /**
-     * starts intersection observer
+     * get position updates
      */
-    private startIntersectionObserver;
+    private requestPositionUpdates;
     /**
-     * stops intersection observer
-     */
-    private stopIntersectionObserver;
-    /**
      * stops observers
@@ -314,6 +308,2 @@ */
     /**
-     * disconnect intersection observer
-     */
-    private disconnectIntersectionDetector;
-    /**
      * Gets the viewport element by id, or defaults to document root
@@ -320,0 +310,0 @@ */

dist/dts/data-grid/data-grid-cell.d.ts

 import { FASTElement } from "@microsoft/fast-element";
 import { ColumnDefinition } from "./data-grid";
+import { DataGridCellTypes } from "./data-grid.options";
+export { DataGridCellTypes };
 /**
- * Enumerates possible cell types.
- *
- * @public
- */
-export declare enum DataGridCellTypes {
-    default = "default",
-    columnHeader = "columnheader"
-}
-/**
  * A Data Grid Cell Custom HTML Element.
@@ -14,0 +7,0 @@ *

dist/dts/data-grid/data-grid-row.d.ts

 import { FASTElement, ViewTemplate } from "@microsoft/fast-element";
 import { ColumnDefinition } from "./data-grid";
+import { DataGridRowTypes } from "./data-grid.options";
 /**
- * Enumerates possible row types
- *
- * @public
- */
-export declare enum DataGridRowTypes {
-    default = "default",
-    header = "header",
-    stickyHeader = "sticky-header"
-}
-/**
  * A Data Grid Row Custom HTML Element.
@@ -15,0 +6,0 @@ *

dist/dts/data-grid/data-grid.d.ts

 import { FASTElement, ViewTemplate } from "@microsoft/fast-element";
 import { DataGridCell } from "./data-grid-cell";
+import { DataGridRowTypes, GenerateHeaderOptions } from "./data-grid.options";
+export { DataGridRowTypes, GenerateHeaderOptions };
 /**
@@ -58,13 +60,2 @@ * Defines a column in the grid
 /**
- * Enumerates auto generated header options
- * default option generates a non-sticky header row
- *
- * @public
- */
-export declare enum GenerateHeaderOptions {
-    none = "none",
-    default = "default",
-    sticky = "sticky"
-}
-/**
  * A Data Grid Custom HTML Element.
@@ -71,0 +62,0 @@ *

dist/dts/index.d.ts

@@ -9,2 +9,3 @@ export * from "./accordion/index";
 export * from "./button/index";
+export * from "./disclosure/index";
 export * from "./card/index";
@@ -23,2 +24,3 @@ export * from "./checkbox/index";
 export * from "./menu-item/index";
+export * from "./number-field/index";
 export * from "./patterns/index";
@@ -25,0 +27,0 @@ export * from "./progress/index";

dist/dts/menu-item/menu-item.d.ts

@@ -44,2 +44,3 @@ import { FASTElement } from "@microsoft/fast-element";
     checked: boolean;
+    private checkedChanged;
     /**
@@ -46,0 +47,0 @@ * @internal

dist/dts/menu/menu.d.ts

@@ -47,2 +47,6 @@ import { FASTElement } from "@microsoft/fast-element";
     /**
+     * handle change from child element
+     */
+    private changeHandler;
+    /**
      * get an array of valid DOM children
@@ -49,0 +53,0 @@ */

dist/dts/utilities/index.d.ts

 export * from "./apply-mixins";
 export * from "./composed-parent";
 export * from "./match-media-stylesheet-behavior";
+export * from "./property-stylesheet-behavior";
 export * from "./style";
 export * from "./direction";
+export * from "./whitespace-filter";

dist/esm/accordion-item/accordion-item.template.js

@@ -33,3 +33,3 @@ import { html, ref } from "@microsoft/fast-element";
             ${endTemplate}
-            <span class="icon" part="icon">
+            <span class="icon" part="icon" aria-hidden="true">
                 <slot name="expanded-icon" part="expanded-icon"></slot>
@@ -36,0 +36,0 @@ <slot name="collapsed-icon" part="collapsed-icon"></slot>

dist/esm/anchored-region/anchored-region.js

@@ -5,2 +5,3 @@ import { __decorate } from "tslib";
 import { getDirection } from "../utilities";
+import { IntersectionService } from "./intersection-service";
 /**
@@ -128,3 +129,2 @@ * An anchored region Custom HTML Element.
         this.initialLayoutComplete = false;
-        this.intersectionDetector = null;
         this.resizeDetector = null;
@@ -143,3 +143,3 @@ this.pendingPositioningUpdate = false;
             }
-            this.startIntersectionObserver();
+            this.requestPositionUpdates();
         };
@@ -158,13 +158,2 @@ /**
         /**
-         * initialize intersection detector
-         */
-        this.initializeIntersectionDetector = () => {
-            this.disconnectIntersectionDetector();
-            this.intersectionDetector = new IntersectionObserver(this.handleIntersection, {
-                root: null,
-                rootMargin: "0px",
-                threshold: [0, 1],
-            });
-        };
-        /**
          * starts observers
@@ -177,3 +166,3 @@ */
             }
-            this.startIntersectionObserver();
+            this.requestPositionUpdates();
             if (this.resizeDetector !== null) {
@@ -185,30 +174,29 @@ this.resizeDetector.observe(this.anchorElement);
         /**
-         * starts intersection observer
+         * get position updates
          */
-        this.startIntersectionObserver = () => {
+        this.requestPositionUpdates = () => {
             if (this.anchorElement === null || this.pendingPositioningUpdate) {
                 return;
             }
-            if (this.intersectionDetector !== null) {
-                this.intersectionDetector.observe(this);
-                this.intersectionDetector.observe(this.anchorElement);
-                if (this.viewportElement !== null) {
-                    this.intersectionDetector.observe(this.viewportElement);
-                }
+            AnchoredRegion.intersectionService.requestPosition(this, this.handleIntersection);
+            AnchoredRegion.intersectionService.requestPosition(this.anchorElement, this.handleIntersection);
+            if (this.viewportElement !== null) {
+                AnchoredRegion.intersectionService.requestPosition(this.viewportElement, this.handleIntersection);
             }
+            this.pendingPositioningUpdate = true;
         };
         /**
-         * stops intersection observer
+         * stops observers
          */
-        this.stopIntersectionObserver = () => {
-            if (this.intersectionDetector !== null) {
-                this.intersectionDetector.disconnect();
+        this.stopObservers = () => {
+            if (this.pendingPositioningUpdate) {
                 this.pendingPositioningUpdate = false;
+                AnchoredRegion.intersectionService.cancelRequestPosition(this, this.handleIntersection);
+                if (this.anchorElement !== null) {
+                    AnchoredRegion.intersectionService.cancelRequestPosition(this.anchorElement, this.handleIntersection);
+                }
+                if (this.viewportElement !== null) {
+                    AnchoredRegion.intersectionService.cancelRequestPosition(this.viewportElement, this.handleIntersection);
+                }
             }
-        };
-        /**
-         * stops observers
-         */
-        this.stopObservers = () => {
-            this.stopIntersectionObserver();
             if (this.resizeDetector !== null) {
@@ -219,12 +207,2 @@ this.resizeDetector.disconnect();
         /**
-         * disconnect intersection observer
-         */
-        this.disconnectIntersectionDetector = () => {
-            if (this.intersectionDetector === null) {
-                return;
-            }
-            this.intersectionDetector.disconnect();
-            this.intersectionDetector = null;
-        };
-        /**
          * Gets the viewport element by id, or defaults to document root
@@ -248,15 +226,16 @@ */
         this.handleIntersection = (entries) => {
-            this.stopIntersectionObserver();
-            let regionRect = null;
+            if (!this.pendingPositioningUpdate) {
+                return;
+            }
+            this.pendingPositioningUpdate = false;
+            const regionRect = this.applyIntersectionEntries(entries);
+            if (regionRect === null) {
+                return;
+            }
             if (!this.initialLayoutComplete) {
-                regionRect = this.applyIntersectionEntries(entries);
-                if (regionRect !== null) {
-                    this.updateRegionOffset(regionRect);
-                }
-                this.requestLayoutUpdate();
+                this.containingBlockHeight = regionRect.height;
+                this.containingBlockWidth = regionRect.width;
             }
-            else {
-                this.applyIntersectionEntries(entries);
-                this.requestLayoutUpdate();
-            }
+            this.updateRegionOffset(regionRect);
+            this.requestLayoutUpdate();
         };
@@ -308,2 +287,5 @@ /**
         this.handleResize = (entries) => {
+            if (!this.initialLayoutComplete) {
+                return;
+            }
             entries.forEach((entry) => {
@@ -478,2 +460,3 @@ if (entry.target === this) {
             this.style.opacity = this.initialLayoutComplete ? "1" : "0";
+            this.style.pointerEvents = this.initialLayoutComplete ? "unset" : "none";
             if (this.horizontalPositioningMode === "uncontrolled") {
@@ -504,5 +487,2 @@ this.style.width = "unset";
         this.setHorizontalPosition = (desiredHorizontalPosition, nextPositionerDimension) => {
-            const layoutParentWidth = this.offsetParent !== null
-                ? this.offsetParent.clientWidth
-                : document.body.clientWidth;
             let right = null;
@@ -514,7 +494,10 @@ let left = null;
                     xTransformOrigin = "right";
-                    right = layoutParentWidth - this.baseHorizontalOffset;
+                    right = this.containingBlockWidth - this.baseHorizontalOffset;
                     break;
                 case "insetLeft":
                     xTransformOrigin = "right";
-                    right = layoutParentWidth - this.anchorWidth - this.baseHorizontalOffset;
+                    right =
+                        this.containingBlockWidth -
+                            this.anchorWidth -
+                            this.baseHorizontalOffset;
                     break;
@@ -542,3 +525,3 @@ case "insetRight":
                 case "content":
-                    this.regionWidth = "fit-content";
+                    this.regionWidth = "unset";
                     break;
@@ -551,5 +534,2 @@ }
         this.setVerticalPosition = (desiredVerticalPosition, nextPositionerDimension) => {
-            const layoutParentHeight = this.offsetParent !== null
-                ? this.offsetParent.clientHeight
-                : document.body.clientHeight;
             let top = null;
@@ -561,7 +541,10 @@ let bottom = null;
                     yTransformOrigin = "bottom";
-                    bottom = layoutParentHeight - this.baseVerticalOffset;
+                    bottom = this.containingBlockHeight - this.baseVerticalOffset;
                     break;
                 case "insetTop":
                     yTransformOrigin = "bottom";
-                    bottom = layoutParentHeight - this.baseVerticalOffset - this.anchorHeight;
+                    bottom =
+                        this.containingBlockHeight -
+                            this.baseVerticalOffset -
+                            this.anchorHeight;
                     break;
@@ -589,3 +572,3 @@ case "insetBottom":
                 case "content":
-                    this.regionHeight = "fit-content";
+                    this.regionHeight = "unset";
                     break;
@@ -793,4 +776,4 @@ }
         super.disconnectedCallback();
+        this.stopObservers();
         this.disconnectResizeDetector();
-        this.disconnectIntersectionDetector();
     }
@@ -833,4 +816,2 @@ /**
         this.initializeResizeDetector();
-        this.initializeIntersectionDetector();
-        // this.setInitialState();
         if (this.anchorElement === null) {
@@ -868,7 +849,7 @@ this.anchorElement = this.getAnchor();
         this.regionTop = "0";
-        this.regionRight = "unset";
-        this.regionBottom = "unset";
+        this.regionRight = "0";
+        this.regionBottom = "0";
         this.regionLeft = "0";
-        this.regionWidth = "fit-content";
-        this.regionHeight = "fit-content";
+        this.regionWidth = "100%";
+        this.regionHeight = "100%";
         this.xTransformOrigin = "left";
@@ -891,2 +872,3 @@ this.yTransformOrigin = "top";
 }
+AnchoredRegion.intersectionService = new IntersectionService();
 __decorate([
@@ -893,0 +875,0 @@ attr

dist/esm/button/button.template.js

@@ -46,3 +46,3 @@ import { html, ref, slotted } from "@microsoft/fast-element";
         ${startTemplate}
-        <span part="content">
+        <span class="content" part="content">
             <slot ${slotted("defaultSlottedContent")}></slot>
@@ -49,0 +49,0 @@ </span>

dist/esm/data-grid/data-grid-cell.js

 import { __decorate } from "tslib";
 import { attr, FASTElement, html, observable, } from "@microsoft/fast-element";
 import { eventFocusIn, eventFocusOut, eventKeyDown, keyCodeEnter, keyCodeEscape, keyCodeFunction2, } from "@microsoft/fast-web-utilities";
+import { DataGridCellTypes } from "./data-grid.options";
+export { DataGridCellTypes };
 const defaultCellContentsTemplate = html `
@@ -23,12 +25,2 @@ <template>
 /**
- * Enumerates possible cell types.
- *
- * @public
- */
-export var DataGridCellTypes;
-(function (DataGridCellTypes) {
-    DataGridCellTypes["default"] = "default";
-    DataGridCellTypes["columnHeader"] = "columnheader";
-})(DataGridCellTypes || (DataGridCellTypes = {}));
-/**
  * A Data Grid Cell Custom HTML Element.
@@ -35,0 +27,0 @@ *

dist/esm/data-grid/data-grid-row.js

 import { __decorate } from "tslib";
 import { attr, FASTElement, observable, RepeatDirective, } from "@microsoft/fast-element";
 import { eventFocusOut, eventKeyDown, keyCodeArrowLeft, keyCodeArrowRight, keyCodeEnd, keyCodeHome, } from "@microsoft/fast-web-utilities";
+import { DataGridRowTypes } from "./data-grid.options";
 /**
- * Enumerates possible row types
- *
- * @public
- */
-export var DataGridRowTypes;
-(function (DataGridRowTypes) {
-    DataGridRowTypes["default"] = "default";
-    DataGridRowTypes["header"] = "header";
-    DataGridRowTypes["stickyHeader"] = "sticky-header";
-})(DataGridRowTypes || (DataGridRowTypes = {}));
-/**
  * A Data Grid Row Custom HTML Element.
@@ -17,0 +7,0 @@ *

dist/esm/data-grid/data-grid.js

 import { __decorate } from "tslib";
 import { attr, DOM, FASTElement, observable, RepeatDirective, } from "@microsoft/fast-element";
 import { eventFocus, eventKeyDown, keyCodeArrowDown, keyCodeArrowUp, keyCodeEnd, keyCodeHome, keyCodePageDown, keyCodePageUp, } from "@microsoft/fast-web-utilities";
-import { DataGridRowTypes } from "./data-grid-row";
+import { DataGridRowTypes, GenerateHeaderOptions } from "./data-grid.options";
+export { DataGridRowTypes, GenerateHeaderOptions };
 /**
- * Enumerates auto generated header options
- * default option generates a non-sticky header row
- *
- * @public
- */
-export var GenerateHeaderOptions;
-(function (GenerateHeaderOptions) {
-    GenerateHeaderOptions["none"] = "none";
-    GenerateHeaderOptions["default"] = "default";
-    GenerateHeaderOptions["sticky"] = "sticky";
-})(GenerateHeaderOptions || (GenerateHeaderOptions = {}));
-/**
  * A Data Grid Custom HTML Element.
@@ -19,0 +8,0 @@ *

dist/esm/index.js

@@ -9,2 +9,3 @@ export * from "./accordion/index";
 export * from "./button/index";
+export * from "./disclosure/index";
 export * from "./card/index";
@@ -23,2 +24,3 @@ export * from "./checkbox/index";
 export * from "./menu-item/index";
+export * from "./number-field/index";
 export * from "./patterns/index";
@@ -25,0 +27,0 @@ export * from "./progress/index";

dist/esm/menu-item/menu-item.js

@@ -49,9 +49,20 @@ import { __decorate } from "tslib";
                 case MenuItemRole.menuitemcheckbox:
-                case MenuItemRole.menuitemradio:
                     this.checked = !this.checked;
                     break;
+                case MenuItemRole.menuitemradio:
+                    if (!this.checked) {
+                        this.checked = true;
+                    }
+                    break;
+                case MenuItemRole.menuitem:
+                    this.$emit("change");
+                    break;
             }
-            this.$emit("change");
         };
     }
+    checkedChanged(oldValue, newValue) {
+        if (this.$fastController.isConnected) {
+            this.$emit("change");
+        }
+    }
 }
@@ -58,0 +69,0 @@ __decorate([

dist/esm/menu/menu.js

@@ -56,2 +56,36 @@ import { __decorate } from "tslib";
         /**
+         * handle change from child element
+         */
+        this.changeHandler = (e) => {
+            const changedMenuItem = e.target;
+            const changeItemIndex = this.menuItems.indexOf(changedMenuItem);
+            if (changeItemIndex === -1) {
+                return;
+            }
+            if (changedMenuItem.role === "menuitemradio" &&
+                changedMenuItem.checked === true) {
+                for (let i = changeItemIndex - 1; i >= 0; --i) {
+                    const item = this.menuItems[i];
+                    const role = item.getAttribute("role");
+                    if (role === MenuItemRole.menuitemradio) {
+                        item.checked = false;
+                    }
+                    if (role === "separator") {
+                        break;
+                    }
+                }
+                const maxIndex = this.menuItems.length - 1;
+                for (let i = changeItemIndex + 1; i <= maxIndex; ++i) {
+                    const item = this.menuItems[i];
+                    const role = item.getAttribute("role");
+                    if (role === MenuItemRole.menuitemradio) {
+                        item.checked = false;
+                    }
+                    if (role === "separator") {
+                        break;
+                    }
+                }
+            }
+        };
+        /**
          * check if the item is a menu item
@@ -90,2 +124,3 @@ */
         this.menuItems = this.domChildren();
+        this.addEventListener("change", this.changeHandler);
     }
@@ -98,2 +133,3 @@ /**
         this.menuItems = [];
+        this.removeEventListener("change", this.changeHandler);
     }
@@ -100,0 +136,0 @@ /**

dist/esm/tabs/tabs.js

@@ -59,2 +59,3 @@ import { __decorate } from "tslib";
             this.activeTabIndex = this.getActiveIndex();
+            this.showActiveIndicator = false;
             this.tabs.forEach((tab, index) => {
@@ -77,5 +78,2 @@ if (tab.slot === "tab" && this.isFocusableElement(tab)) {
                 }
-                else {
-                    this.showActiveIndicator = false;
-                }
                 tab.style[gridProperty] = `${index + 1}`;
@@ -82,0 +80,0 @@ !this.isHorizontal()

dist/esm/text-field/text-field.template.js

 import { html, ref, slotted } from "@microsoft/fast-element";
 import { endTemplate, startTemplate } from "../patterns";
+import { whitespaceFilter } from "../utilities";
 /**
@@ -20,3 +21,5 @@ * The template for the {@link @microsoft/fast-foundation#(TextField:class)} component.
         >
-            <slot ${slotted("defaultSlottedNodes")}></slot>
+            <slot
+                ${slotted({ property: "defaultSlottedNodes", filter: whitespaceFilter })}
+            ></slot>
         </label>
@@ -23,0 +26,0 @@ <div class="root" part="root">

dist/esm/tree-item/tree-item.template.js

@@ -40,3 +40,5 @@ import { children, elements, html, ref, slotted, when } from "@microsoft/fast-element";
                                 >
-                                    <path d="M4.29 12L12 4.29V12H4.29z" />
+                                    <path
+                                        d="M5.00001 12.3263C5.00124 12.5147 5.05566 12.699 5.15699 12.8578C5.25831 13.0167 5.40243 13.1437 5.57273 13.2242C5.74304 13.3047 5.9326 13.3354 6.11959 13.3128C6.30659 13.2902 6.4834 13.2152 6.62967 13.0965L10.8988 8.83532C11.0739 8.69473 11.2153 8.51658 11.3124 8.31402C11.4096 8.11146 11.46 7.88966 11.46 7.66499C11.46 7.44033 11.4096 7.21853 11.3124 7.01597C11.2153 6.81341 11.0739 6.63526 10.8988 6.49467L6.62967 2.22347C6.48274 2.10422 6.30501 2.02912 6.11712 2.00691C5.92923 1.9847 5.73889 2.01628 5.56823 2.09799C5.39757 2.17969 5.25358 2.30817 5.153 2.46849C5.05241 2.62882 4.99936 2.8144 5.00001 3.00369V12.3263Z"
+                                    />
                                 </svg>
@@ -43,0 +45,0 @@ </slot>

dist/esm/utilities/index.js

 export * from "./apply-mixins";
 export * from "./composed-parent";
 export * from "./match-media-stylesheet-behavior";
+export * from "./property-stylesheet-behavior";
 export * from "./style";
 export * from "./direction";
+export * from "./whitespace-filter";

docs/api-report.md

@@ -620,2 +620,22 @@ ## API Report File for "@microsoft/fast-foundation"
 // @public
+export class Disclosure extends FASTElement {
+    // @internal (undocumented)
+    connectedCallback(): void;
+    // @internal (undocumented)
+    details: HTMLDetailsElement;
+    // @internal (undocumented)
+    disconnectedCallback(): void;
+    expanded: boolean;
+    hide(): void;
+    protected onToggle(): void;
+    protected setup(): void;
+    show(): void;
+    title: string;
+    toggle(): void;
+}
+
+// @public
+export const DisclosureTemplate: import("@microsoft/fast-element").ViewTemplate<Disclosure, any>;
+
+// @public
 export function display(displayValue: CSSDisplayPropertyValue): string;
@@ -938,3 +958,46 @@
 
+// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
+// Warning: (ae-forgotten-export) The symbol "FormAssociatedNumberField" needs to be exported by the entry point index.d.ts
+// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "NumberField" because one of its declarations is marked as @internal
+//
 // @public
+export class NumberField extends FormAssociatedNumberField {
+    autofocus: boolean;
+    // @internal (undocumented)
+    connectedCallback(): void;
+    // @internal
+    control: HTMLInputElement;
+    // @internal (undocumented)
+    defaultSlottedNodes: Node[];
+    // @internal
+    handleChange(): void;
+    // @internal
+    handleTextInput(): void;
+    list: string;
+    max: number;
+    // (undocumented)
+    maxChanged(previousValue: any, nextValue: any): void;
+    maxlength: number;
+    min: number;
+    // (undocumented)
+    minChanged(previousValue: any, nextValue: any): void;
+    minlength: number;
+    placeholder: string;
+    readOnly: boolean;
+    size: number;
+    step: number;
+    stepDown(): void;
+    stepUp(): void;
+    // (undocumented)
+    valueChanged(previousValue: any, nextValue: any): void;
+}
+
+// @internal
+export interface NumberField extends StartEnd, DelegatesARIATextbox {
+}
+
+// @public
+export const NumberFieldTemplate: import("@microsoft/fast-element").ViewTemplate<NumberField, any>;
+
+// @public
 export const ProgressRingTemplate: import("@microsoft/fast-element").ViewTemplate<BaseProgress, any>;
@@ -945,2 +1008,12 @@
 
+// @public
+export class PropertyStyleSheetBehavior implements Behavior {
+    constructor(propertyName: string, value: any, styles: ElementStyles);
+    bind(elementInstance: FASTElement): void;
+    // @internal
+    handleChange(source: FASTElement, key: any): void;
+    // @internal
+    unbind(source: typeof FASTElement & HTMLElement): void;
+    }
+
 // Warning: (ae-forgotten-export) The symbol "FormAssociatedRadio" needs to be exported by the entry point index.d.ts
@@ -1510,5 +1583,8 @@ //
 
+// @public
+export function whitespaceFilter(value: Node, index: number, array: Node[]): boolean;
 
+
 // (No @packageDocumentation comment for this package)
 
 ```

package.json

@@ -5,3 +5,3 @@ {
   "sideEffects": false,
-  "version": "1.11.1",
+  "version": "1.12.0",
   "author": {
@@ -93,4 +93,4 @@ "name": "Microsoft",
   "dependencies": {
-    "@microsoft/fast-element": "^0.21.1",
-    "@microsoft/fast-web-utilities": "^4.7.0",
+    "@microsoft/fast-element": "^0.22.0",
+    "@microsoft/fast-web-utilities": "^4.7.1",
     "@microsoft/tsdoc-config": "^0.13.4",
@@ -100,3 +100,3 @@ "tabbable": "^4.0.0",
   },
-  "gitHead": "0066a5966b2f23dfcf71d3c12c833b510859e961"
+  "gitHead": "51b89a2cd29743331d96aaf0268abdb84fe96a79"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2489614

increased by6.65%

Number of package files

348

increased by6.75%

Lines of code

55997

increased by6%

Dependency changes

• + Added@microsoft/fast-element@0.22.2(transitive)

• - Removed@microsoft/fast-element@0.21.1(transitive)

• Updated@microsoft/fast-element@^0.22.0

• Updated@microsoft/fast-web-utilities@^4.7.1