@fluentui/web-components 3.0.0-rc.15 → 3.0.0-rc.17

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

@@ -7,7 +7,7 @@ const chevronIcon = html `
   </svg>
 `;
 export const template = html `
-  <template slot="${x => (x.isNestedItem ? 'item' : void 0)}">
+  <template slot="${x => (x.isNestedItem ? 'item' : void 0)}" tabindex="0" ?focusgroupstart="${x => x.selected}">
     <div class="positioning-region" part="positioning-region">
       <div class="content" part="content">
         <span class="chevron" part="chevron" aria-hidden="true">

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

@@ -1 +1 @@
-{"version":3,"file":"tree-item.template.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;CAMvB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;oBAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;;;;iCAI1B,WAAW;;;;;;;;;;;0BAWlB,GAAG,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,EAAE;;;CAGtF,CAAC"}
+{"version":3,"file":"tree-item.template.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;CAMvB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;oBAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,oCAAoC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;iCAI7E,WAAW;;;;;;;;;;;0BAWlB,GAAG,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,EAAE;;;CAGtF,CAAC"}

package/dist/esm/utils/direction.d.ts

@@ -1,4 +1,16 @@
-import { Direction } from '@microsoft/fast-web-utilities';
+/**
+ * Expose ltr and rtl strings
+ * @public
+ */
+export declare const Direction: {
+    readonly ltr: "ltr";
+    readonly rtl: "rtl";
+};
+/**
+ * The direction type
+ * @public
+ */
+export type Direction = (typeof Direction)[keyof typeof Direction];
 /**
  * Determines the current localization direction of an element.
  *

package/dist/esm/utils/direction.js

@@ -1,5 +1,12 @@
 //Copied from @microsoft/fast-foundation
-import { Direction } from '@microsoft/fast-web-utilities';
+/**
+ * Expose ltr and rtl strings
+ * @public
+ */
+export const Direction = {
+    ltr: 'ltr',
+    rtl: 'rtl',
+};
 /**
  * Determines the current localization direction of an element.
  *

package/dist/esm/utils/direction.js.map

@@ -1 +1 @@
-{"version":3,"file":"direction.js","sourceRoot":"","sources":["../../../src/utils/direction.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAqB,EAAa,EAAE;IAC/D,OAAO,QAAQ,CAAC,OAAO,CAAc,OAAO,CAAC,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC;AAC/F,CAAC,CAAC"}
+{"version":3,"file":"direction.js","sourceRoot":"","sources":["../../../src/utils/direction.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACF,CAAC;AAQX;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAqB,EAAa,EAAE;IAC/D,OAAO,QAAQ,CAAC,OAAO,CAAc,OAAO,CAAC,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC;AAC/F,CAAC,CAAC"}

package/dist/esm/utils/focusgroup.d.ts

@@ -0,0 +1,22 @@
+import type { FocusGroupItemCollection } from '@microsoft/focusgroup-polyfill/shadowless';
+/**
+ * A {@link FocusGroupItemCollection} backed by a host-supplied array of items in DOM order.
+ *
+ * Stateless: every call reads from `getItems()` so the host is the single source of truth.
+ * Suitable for components whose items are flat slotted children (tablist, radio-group, menu-list)
+ * or any component that maintains its own ordered list of focusable descendants.
+ */
+export declare class ArrayItemCollection<T extends HTMLElement> implements FocusGroupItemCollection {
+    private getItems;
+    private getStart?;
+    constructor(getItems: () => readonly T[], getStart?: (() => T | null) | undefined);
+    get start(): HTMLElement | null;
+    first(): HTMLElement | null;
+    last(): HTMLElement | null;
+    next(current: HTMLElement): HTMLElement | null;
+    previous(current: HTMLElement): HTMLElement | null;
+    items(): Iterable<{
+        element: HTMLElement;
+    }>;
+    contains(element: Element): boolean;
+}

package/dist/esm/utils/focusgroup.js

@@ -0,0 +1,42 @@
+/**
+ * A {@link FocusGroupItemCollection} backed by a host-supplied array of items in DOM order.
+ *
+ * Stateless: every call reads from `getItems()` so the host is the single source of truth.
+ * Suitable for components whose items are flat slotted children (tablist, radio-group, menu-list)
+ * or any component that maintains its own ordered list of focusable descendants.
+ */
+export class ArrayItemCollection {
+    constructor(getItems, getStart) {
+        this.getItems = getItems;
+        this.getStart = getStart;
+    }
+    get start() {
+        return this.getStart?.() ?? null;
+    }
+    first() {
+        return this.getItems()[0] ?? null;
+    }
+    last() {
+        const items = this.getItems();
+        return items[items.length - 1] ?? null;
+    }
+    next(current) {
+        const items = this.getItems();
+        const i = items.indexOf(current);
+        return i === -1 ? null : items[i + 1] ?? null;
+    }
+    previous(current) {
+        const items = this.getItems();
+        const i = items.indexOf(current);
+        return i <= 0 ? null : items[i - 1] ?? null;
+    }
+    *items() {
+        for (const element of this.getItems()) {
+            yield { element };
+        }
+    }
+    contains(element) {
+        return this.getItems().includes(element);
+    }
+}
+//# sourceMappingURL=focusgroup.js.map

package/dist/esm/utils/focusgroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusgroup.js","sourceRoot":"","sources":["../../../src/utils/focusgroup.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,OAAO,mBAAmB;IAC9B,YAAoB,QAA4B,EAAU,QAAyB;QAA/D,aAAQ,GAAR,QAAQ,CAAoB;QAAU,aAAQ,GAAR,QAAQ,CAAiB;IAAG,CAAC;IAEvF,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC;IACnC,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IACpC,CAAC;IAED,IAAI;QACF,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;IACzC,CAAC;IAED,IAAI,CAAC,OAAoB;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,OAAY,CAAC,CAAC;QACtC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;IAChD,CAAC;IAED,QAAQ,CAAC,OAAoB;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,OAAY,CAAC,CAAC;QACtC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;IAC9C,CAAC;IAED,CAAC,KAAK;QACJ,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACtC,MAAM,EAAE,OAAO,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,OAAgB;QACvB,OAAQ,IAAI,CAAC,QAAQ,EAAyB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnE,CAAC;CACF"}

package/dist/esm/utils/index.d.ts

@@ -1,8 +1,9 @@
 export * from './converters.js';
 export * from './direction.js';
+export * from './numbers.js';
+export * from './orientation.js';
 export * from './typings.js';
 export * from './template-helpers.js';
 export * from './whitespace-filter.js';
 export * from './display.js';
-export * from './behaviors/match-media-stylesheet-behavior.js';
 export * from './support.js';

package/dist/esm/utils/index.js

@@ -1,9 +1,10 @@
 export * from './converters.js';
 export * from './direction.js';
+export * from './numbers.js';
+export * from './orientation.js';
 export * from './typings.js';
 export * from './template-helpers.js';
 export * from './whitespace-filter.js';
 export * from './display.js';
-export * from './behaviors/match-media-stylesheet-behavior.js';
 export * from './support.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,gDAAgD,CAAC;AAC/D,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/dist/esm/utils/numbers.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Ensures that a value is between a min and max value. If value is lower than min, min will be returned.
+ * If value is greater than max, max will be returned.
+ */
+export declare function limit(min: number, max: number, value: number): number;

package/dist/esm/utils/numbers.js

@@ -0,0 +1,9 @@
+// Copied from @microsoft/fast-web-utilities
+/**
+ * Ensures that a value is between a min and max value. If value is lower than min, min will be returned.
+ * If value is greater than max, max will be returned.
+ */
+export function limit(min, max, value) {
+    return Math.min(Math.max(value, min), max);
+}
+//# sourceMappingURL=numbers.js.map

package/dist/esm/utils/numbers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbers.js","sourceRoot":"","sources":["../../../src/utils/numbers.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa;IAC3D,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC7C,CAAC"}

package/dist/esm/utils/orientation.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Standard orientation values
+ * @public
+ */
+export declare const Orientation: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+/**
+ * The orientation type
+ * @public
+ */
+export type Orientation = (typeof Orientation)[keyof typeof Orientation];

package/dist/esm/utils/orientation.js

@@ -0,0 +1,10 @@
+// Copied from @microsoft/fast-web-utilities
+/**
+ * Standard orientation values
+ * @public
+ */
+export const Orientation = {
+    horizontal: 'horizontal',
+    vertical: 'vertical',
+};
+//# sourceMappingURL=orientation.js.map

package/dist/esm/utils/orientation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"orientation.js","sourceRoot":"","sources":["../../../src/utils/orientation.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;CACZ,CAAC"}

package/dist/esm/utils/typings.d.ts

@@ -12,3 +12,7 @@ export type ValuesOf<T> = T[keyof T];
  * @public
  */
 export declare function isCustomElement<T extends HTMLElement>(tagSuffix: string): (element?: Node | null) => element is T;
+/**
+ * A test that ensures that all arguments are HTML Elements
+ */
+export declare function isHTMLElement(...args: any[]): boolean;

package/dist/esm/utils/typings.js

@@ -14,4 +14,10 @@ export function isCustomElement(tagSuffix) {
         return element.tagName.toLowerCase().endsWith(tagSuffix);
     };
 }
+/**
+ * A test that ensures that all arguments are HTML Elements
+ */
+export function isHTMLElement(...args) {
+    return args.every((arg) => arg instanceof HTMLElement);
+}
 //# sourceMappingURL=typings.js.map

package/dist/esm/utils/typings.js.map

@@ -1 +1 @@
-{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../src/utils/typings.ts"],"names":[],"mappings":"AAAA,wCAAwC;AASxC;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAwB,SAAiB;IACtE,OAAO,CAAC,OAAqB,EAAgB,EAAE;QAC7C,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;YAC5C,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxE,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../src/utils/typings.ts"],"names":[],"mappings":"AAAA,wCAAwC;AASxC;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAwB,SAAiB;IACtE,OAAO,CAAC,OAAqB,EAAgB,EAAE;QAC7C,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;YAC5C,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxE,CAAC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,GAAG,IAAW;IAC1C,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,YAAY,WAAW,CAAC,CAAC;AAC9D,CAAC"}