@fluentui/web-components 2.1.1 → 2.1.2

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui/web-components",
   "entries": [
     {
-      "date": "Thu, 02 Dec 2021 07:35:43 GMT",
+      "date": "Fri, 10 Dec 2021 07:28:51 GMT",
+      "tag": "@fluentui/web-components_v2.1.2",
+      "version": "2.1.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "robarb@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "89deee5b2a8a5da67a557cd6b19fe9c51ab36de1",
+            "comment": "fix: z-index in accordion header renders above content"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 02 Dec 2021 07:36:29 GMT",
       "tag": "@fluentui/web-components_v2.1.1",
       "version": "2.1.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Thu, 02 Dec 2021 07:35:43 GMT and should not be manually modified.
+This log was last generated on Fri, 10 Dec 2021 07:28:51 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [2.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.1.2)
+
+Fri, 10 Dec 2021 07:28:51 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.1.1..@fluentui/web-components_v2.1.2)
+
+### Patches
+
+- fix: z-index in accordion header renders above content ([PR #20587](https://github.com/microsoft/fluentui/pull/20587) by robarb@microsoft.com)
+
 ## [2.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.1.1)
 
-Thu, 02 Dec 2021 07:35:43 GMT 
+Thu, 02 Dec 2021 07:36:29 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.1.0..@fluentui/web-components_v2.1.1)
 
 ### Patches

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import(".").Anchor>;
+    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Anchor>;
     argTypes: {
         appearance: {
             options: string[];

package/dist/dts/badge/badge.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import(".").Badge>;
+    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Badge>;
     argTypes: {
         appearance: {
             options: string[];

package/dist/dts/button/button.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import(".").Button>;
+    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Button>;
     argTypes: {
         appearance: {
             description: string;

package/dist/dts/custom-elements.d.ts

@@ -47,14 +47,14 @@ export { fluentAccordion, fluentAccordionItem, fluentAnchor, fluentAnchoredRegio
 export declare const allComponents: {
     fluentAccordion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Accordion>;
     fluentAccordionItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").AccordionItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").AccordionItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-    fluentAnchor: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./anchor").Anchor>;
+    fluentAnchor: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./anchor/index").Anchor>;
     fluentAnchoredRegion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").AnchoredRegion>;
-    fluentBadge: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./badge").Badge>;
+    fluentBadge: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./badge/index").Badge>;
     fluentBreadcrumb: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Breadcrumb>;
     fluentBreadcrumbItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").BreadcrumbItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").BreadcrumbItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-    fluentButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./button").Button>;
+    fluentButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./button/index").Button>;
     fluentCalendar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CalendarOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CalendarOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
-    fluentCard: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./card").Card>;
+    fluentCard: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./card/index").Card>;
     fluentCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CheckboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentCombobox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ComboboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ComboboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentDataGrid: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").DataGrid>;
@@ -68,14 +68,14 @@ export declare const allComponents: {
         baseName: string;
         template: import("@microsoft/fast-element").ViewTemplate<any, any>;
         styles: import("@microsoft/fast-element").ElementStyles;
-    }, typeof import("./design-system-provider").DesignSystemProvider>;
+    }, typeof import("./design-system-provider/index").DesignSystemProvider>;
     fluentDialog: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Dialog>;
     fluentDivider: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Divider>;
     fluentFlipper: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FlipperOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FlipperOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentHorizontalScroll: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").HorizontalScrollOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").HorizontalScrollOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentListbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Listbox>;
     fluentOption: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").ListboxOption>;
-    fluentMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./menu").Menu>;
+    fluentMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./menu/index").Menu>;
     fluentMenuItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").MenuItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentNumberField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").NumberFieldOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").NumberFieldOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentProgress: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ProgressOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ProgressOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -90,10 +90,10 @@ export declare const allComponents: {
     fluentTabs: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Tabs>;
     fluentTab: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Tab>;
     fluentTabPanel: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").TabPanel>;
-    fluentTextArea: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./text-area").TextArea>;
-    fluentTextField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./text-field").TextField>;
-    fluentToolbar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./toolbar").Toolbar>;
-    fluentTooltip: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tooltip").Tooltip>;
+    fluentTextArea: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./text-area/index").TextArea>;
+    fluentTextField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./text-field/index").TextField>;
+    fluentToolbar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./toolbar/index").Toolbar>;
+    fluentTooltip: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tooltip/index").Tooltip>;
     fluentTreeView: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").TreeView>;
     fluentTreeItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").TreeItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").TreeItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     register(container?: Container | undefined, ...rest: any[]): void;

package/dist/dts/menu/menu.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import(".").Menu>;
+    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Menu>;
 };
 export default _default;
 export declare const Menu: any;

package/dist/dts/text-area/text-area.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import(".").TextArea>;
+    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").TextArea>;
     argTypes: {
         appearance: {
             defaultValue: string;

package/dist/dts/text-field/text-field.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import(".").TextField>;
+    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").TextField>;
     argTypes: {
         appearance: {
             options: string[];

package/dist/dts/tooltip/tooltip.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    components: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import(".").Tooltip>;
+    components: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Tooltip>;
     argTypes: {
         position: {
             options: string[];

package/dist/esm/accordion/accordion-item/accordion-item.styles.js

@@ -42,7 +42,6 @@ export const accordionItemStyles = (context, definition) => css `
       position: relative;
       grid-template-columns: auto 1fr auto auto;
       align-items: center;
-      z-index: 2;
     }
 
     .button {
@@ -67,7 +66,6 @@ export const accordionItemStyles = (context, definition) => css `
       left: 0;
       right: 0;
       bottom: 0;
-      z-index: 1;
       cursor: pointer;
     }
 
@@ -95,7 +93,6 @@ export const accordionItemStyles = (context, definition) => css `
       align-items: center;
       justify-content: center;
       grid-column: 4;
-      z-index: 2;
       pointer-events: none;
       background: ${neutralFillStealthRestOnNeutralFillLayerRest};
       border-radius: calc(${controlCornerRadius} * 1px);
@@ -135,7 +132,6 @@ export const accordionItemStyles = (context, definition) => css `
       padding-inline-start: calc(${designUnit} * 2 * 1px);
       justify-content: center;
       grid-column: 1;
-      z-index: 2;
     }
 
     .end {
@@ -143,7 +139,12 @@ export const accordionItemStyles = (context, definition) => css `
       align-items: center;
       justify-content: center;
       grid-column: 3;
-      z-index: 2;
+    }
+
+    .icon,
+    .start,
+    .end {
+      position: relative;
     }
   `.withBehaviors(forcedColorsStylesheetBehavior(css `
         .button:${focusVisible}::before {

package/dist/fluent-web-components.api.json

@@ -1345,7 +1345,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./anchor\")."
+              "text": ", typeof import(\"./anchor/index\")."
             },
             {
               "kind": "Reference",
@@ -1435,7 +1435,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./badge\")."
+              "text": ", typeof import(\"./badge/index\")."
             },
             {
               "kind": "Reference",
@@ -1579,7 +1579,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./button\")."
+              "text": ", typeof import(\"./button/index\")."
             },
             {
               "kind": "Reference",
@@ -1678,7 +1678,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./card\")."
+              "text": ", typeof import(\"./card/index\")."
             },
             {
               "kind": "Reference",
@@ -1984,7 +1984,7 @@
             },
             {
               "kind": "Content",
-              "text": ";\n    }, typeof import(\"./design-system-provider\")."
+              "text": ";\n    }, typeof import(\"./design-system-provider/index\")."
             },
             {
               "kind": "Reference",
@@ -2317,7 +2317,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./menu\")."
+              "text": ", typeof import(\"./menu/index\")."
             },
             {
               "kind": "Reference",
@@ -3064,7 +3064,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./text-area\")."
+              "text": ", typeof import(\"./text-area/index\")."
             },
             {
               "kind": "Reference",
@@ -3109,7 +3109,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./text-field\")."
+              "text": ", typeof import(\"./text-field/index\")."
             },
             {
               "kind": "Reference",
@@ -3154,7 +3154,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./toolbar\")."
+              "text": ", typeof import(\"./toolbar/index\")."
             },
             {
               "kind": "Reference",
@@ -3199,7 +3199,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./tooltip\")."
+              "text": ", typeof import(\"./tooltip/index\")."
             },
             {
               "kind": "Reference",

package/dist/web-components.js

@@ -21544,7 +21544,7 @@ const neutralFillStealthActiveOnNeutralFillLayerRest = DesignToken.create('neutr
   return buttonRecipe.evaluate(target, baseRecipe.evaluate(target).rest).active;
 });
 const accordionItemStyles$1 = (context, definition) => css`
-    ${display('flex')} :host{box-sizing:border-box;font-family:${bodyFont};flex-direction:column;font-size:${typeRampBaseFontSize};line-height:${typeRampBaseLineHeight};background:${neutralFillLayerRest};color:${neutralForegroundRest};border:calc(${strokeWidth} * 1px) solid ${neutralStrokeLayerRest};border-radius:calc(${layerCornerRadius} * 1px)}.region{display:none;padding:calc(${designUnit} * 2 * 1px);background:${neutralFillLayerAltRest}}.heading{display:grid;position:relative;grid-template-columns:auto 1fr auto auto;align-items:center;z-index:2}.button{appearance:none;border:none;background:none;grid-column:2;grid-row:1;outline:none;margin:calc(${designUnit} * 3 * 1px) 0;padding:0 calc(${designUnit} * 2 * 1px);text-align:left;color:inherit;cursor:pointer;font-family:inherit}.button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;cursor:pointer}.button:${focusVisible}::before{outline:none;border:calc(${strokeWidth} * 1px) solid ${focusStrokeOuter};border-radius:calc(${layerCornerRadius} * 1px);box-shadow:0 0 0 calc((${focusStrokeWidth} - ${strokeWidth}) * 1px) ${focusStrokeOuter}}:host(.expanded) .button:${focusVisible}::before{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.expanded) .region{display:block;border-top:calc(${strokeWidth} * 1px) solid ${neutralStrokeLayerRest};border-bottom-left-radius:calc((${layerCornerRadius} - ${strokeWidth}) * 1px);border-bottom-right-radius:calc((${layerCornerRadius} - ${strokeWidth}) * 1px)}.icon{display:flex;align-items:center;justify-content:center;grid-column:4;z-index:2;pointer-events:none;background:${neutralFillStealthRestOnNeutralFillLayerRest};border-radius:calc(${controlCornerRadius} * 1px);fill:currentcolor;width:calc(${heightNumber} * 1px);height:calc(${heightNumber} * 1px);margin:calc(${designUnit} * 2 * 1px)}.heading:hover .icon{background:${neutralFillStealthHoverOnNeutralFillLayerRest}}.heading:active .icon{background:${neutralFillStealthActiveOnNeutralFillLayerRest}}slot[name='collapsed-icon']{display:flex}:host(.expanded) slot[name='collapsed-icon']{display:none}slot[name='expanded-icon']{display:none}:host(.expanded) slot[name='expanded-icon']{display:flex}.start{display:flex;align-items:center;padding-inline-start:calc(${designUnit} * 2 * 1px);justify-content:center;grid-column:1;z-index:2}.end{display:flex;align-items:center;justify-content:center;grid-column:3;z-index:2}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+    ${display('flex')} :host{box-sizing:border-box;font-family:${bodyFont};flex-direction:column;font-size:${typeRampBaseFontSize};line-height:${typeRampBaseLineHeight};background:${neutralFillLayerRest};color:${neutralForegroundRest};border:calc(${strokeWidth} * 1px) solid ${neutralStrokeLayerRest};border-radius:calc(${layerCornerRadius} * 1px)}.region{display:none;padding:calc(${designUnit} * 2 * 1px);background:${neutralFillLayerAltRest}}.heading{display:grid;position:relative;grid-template-columns:auto 1fr auto auto;align-items:center}.button{appearance:none;border:none;background:none;grid-column:2;grid-row:1;outline:none;margin:calc(${designUnit} * 3 * 1px) 0;padding:0 calc(${designUnit} * 2 * 1px);text-align:left;color:inherit;cursor:pointer;font-family:inherit}.button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.button:${focusVisible}::before{outline:none;border:calc(${strokeWidth} * 1px) solid ${focusStrokeOuter};border-radius:calc(${layerCornerRadius} * 1px);box-shadow:0 0 0 calc((${focusStrokeWidth} - ${strokeWidth}) * 1px) ${focusStrokeOuter}}:host(.expanded) .button:${focusVisible}::before{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.expanded) .region{display:block;border-top:calc(${strokeWidth} * 1px) solid ${neutralStrokeLayerRest};border-bottom-left-radius:calc((${layerCornerRadius} - ${strokeWidth}) * 1px);border-bottom-right-radius:calc((${layerCornerRadius} - ${strokeWidth}) * 1px)}.icon{display:flex;align-items:center;justify-content:center;grid-column:4;pointer-events:none;background:${neutralFillStealthRestOnNeutralFillLayerRest};border-radius:calc(${controlCornerRadius} * 1px);fill:currentcolor;width:calc(${heightNumber} * 1px);height:calc(${heightNumber} * 1px);margin:calc(${designUnit} * 2 * 1px)}.heading:hover .icon{background:${neutralFillStealthHoverOnNeutralFillLayerRest}}.heading:active .icon{background:${neutralFillStealthActiveOnNeutralFillLayerRest}}slot[name='collapsed-icon']{display:flex}:host(.expanded) slot[name='collapsed-icon']{display:none}slot[name='expanded-icon']{display:none}:host(.expanded) slot[name='expanded-icon']{display:flex}.start{display:flex;align-items:center;padding-inline-start:calc(${designUnit} * 2 * 1px);justify-content:center;grid-column:1}.end{display:flex;align-items:center;justify-content:center;grid-column:3}.icon,.start,.end{position:relative}`.withBehaviors(forcedColorsStylesheetBehavior(css`
         .button:${focusVisible}::before{border-color:${SystemColors.Highlight};box-shadow:0 0 0 calc((${focusStrokeWidth} - ${strokeWidth}) * 1px) ${SystemColors.Highlight}}.icon{fill:${SystemColors.ButtonText}}`));
 
 /**

package/dist/web-components.min.js

@@ -20,7 +20,7 @@ function ne(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPr
 */
 var So=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],Ro=So.join(","),Eo="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Oo=function(t){return"INPUT"===t.tagName},Ao=function(t){return function(t){return Oo(t)&&"radio"===t.type}(t)&&!function(t){if(!t.name)return!0;var e,i=t.form||t.ownerDocument,o=function(t){return i.querySelectorAll('input[type="radio"][name="'+t+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)e=o(window.CSS.escape(t.name));else try{e=o(t.name)}catch(t){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message),!1}var s=function(t,e){for(var i=0;i<t.length;i++)if(t[i].checked&&t[i].form===e)return t[i]}(e,t.form);return!s||s===t}(t)},Lo=function(t,e){return!(e.disabled||function(t){return Oo(t)&&"hidden"===t.type}(e)||function(t,e){if("hidden"===getComputedStyle(t).visibility)return!0;var i=Eo.call(t,"details>summary:first-of-type")?t.parentElement:t;if(Eo.call(i,"details:not([open]) *"))return!0;if(e&&"full"!==e){if("non-zero-area"===e){var o=t.getBoundingClientRect(),s=o.width,n=o.height;return 0===s&&0===n}}else for(;t;){if("none"===getComputedStyle(t).display)return!0;t=t.parentElement}return!1}(e,t.displayCheck)||function(t){return"DETAILS"===t.tagName&&Array.prototype.slice.apply(t.children).some((function(t){return"SUMMARY"===t.tagName}))}(e))},zo=function(t,e){return!(!Lo(t,e)||Ao(e)||function(t){var e=parseInt(t.getAttribute("tabindex"),10);return isNaN(e)?function(t){return"true"===t.contentEditable}(t)?0:"AUDIO"!==t.nodeName&&"VIDEO"!==t.nodeName&&"DETAILS"!==t.nodeName||null!==t.getAttribute("tabindex")?t.tabIndex:0:e}(e)<0)},Ho=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return!1!==Eo.call(t,Ro)&&zo(e,t)},Po=So.concat("iframe").join(","),Mo=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return!1!==Eo.call(t,Po)&&Lo(e,t)};class Bo extends je{constructor(){super(...arguments),this.modal=!0,this.hidden=!1,this.trapFocus=!0,this.trapFocusChanged=()=>{this.$fastController.isConnected&&this.updateTrapFocus()},this.isTrappingFocus=!1,this.handleDocumentKeydown=t=>{if(!t.defaultPrevented&&!this.hidden)switch(t.key){case"Escape":this.dismiss(),t.preventDefault();break;case"Tab":this.handleTabKeyDown(t)}},this.handleDocumentFocus=t=>{!t.defaultPrevented&&this.shouldForceFocus(t.target)&&(this.focusFirstElement(),t.preventDefault())},this.handleTabKeyDown=t=>{if(!this.trapFocus||this.hidden)return;const e=this.getTabQueueBounds();return 0!==e.length?1===e.length?(e[0].focus(),void t.preventDefault()):void(t.shiftKey&&t.target===e[0]?(e[e.length-1].focus(),t.preventDefault()):t.shiftKey||t.target!==e[e.length-1]||(e[0].focus(),t.preventDefault())):void 0},this.getTabQueueBounds=()=>Bo.reduceTabbableItems([],this),this.focusFirstElement=()=>{const t=this.getTabQueueBounds();t.length>0?t[0].focus():this.dialog instanceof HTMLElement&&this.dialog.focus()},this.shouldForceFocus=t=>this.isTrappingFocus&&!this.contains(t),this.shouldTrapFocus=()=>this.trapFocus&&!this.hidden,this.updateTrapFocus=t=>{const e=void 0===t?this.shouldTrapFocus():t;e&&!this.isTrappingFocus?(this.isTrappingFocus=!0,document.addEventListener("focusin",this.handleDocumentFocus),d.queueUpdate(()=>{this.shouldForceFocus(document.activeElement)&&this.focusFirstElement()})):!e&&this.isTrappingFocus&&(this.isTrappingFocus=!1,document.removeEventListener("focusin",this.handleDocumentFocus))}}dismiss(){this.$emit("dismiss")}show(){this.hidden=!1}hide(){this.hidden=!0}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleDocumentKeydown),this.notifier=C.getNotifier(this),this.notifier.subscribe(this,"hidden"),this.updateTrapFocus()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleDocumentKeydown),this.updateTrapFocus(!1),this.notifier.unsubscribe(this,"hidden")}handleChange(t,e){switch(e){case"hidden":this.updateTrapFocus()}}static reduceTabbableItems(t,e){return"-1"===e.getAttribute("tabindex")?t:Ho(e)||Bo.isFocusableFastElement(e)&&Bo.hasTabbableShadow(e)?(t.push(e),t):e.childElementCount?t.concat(Array.from(e.children).reduce(Bo.reduceTabbableItems,[])):t}static isFocusableFastElement(t){var e,i;return!!(null===(i=null===(e=t.$fastController)||void 0===e?void 0:e.definition.shadowOptions)||void 0===i?void 0:i.delegatesFocus)}static hasTabbableShadow(t){var e,i;return Array.from(null!==(i=null===(e=t.shadowRoot)||void 0===e?void 0:e.querySelectorAll("*"))&&void 0!==i?i:[]).some(t=>Ho(t))}}ne([ft({mode:"boolean"})],Bo.prototype,"modal",void 0),ne([ft({mode:"boolean"})],Bo.prototype,"hidden",void 0),ne([ft({attribute:"trap-focus",mode:"boolean"})],Bo.prototype,"trapFocus",void 0),ne([ft({attribute:"aria-describedby"})],Bo.prototype,"ariaDescribedby",void 0),ne([ft({attribute:"aria-labelledby"})],Bo.prototype,"ariaLabelledby",void 0),ne([ft({attribute:"aria-label"})],Bo.prototype,"ariaLabel",void 0);var No,jo;!function(t){t.separator="separator",t.presentation="presentation"}(No||(No={}));class Uo extends je{constructor(){super(...arguments),this.role=No.separator}}ne([ft],Uo.prototype,"role",void 0),function(t){t.next="next",t.previous="previous"}(jo||(jo={}));class qo extends je{constructor(){super(...arguments),this.hiddenFromAT=!0,this.direction=jo.next}keyupHandler(t){if(!this.hiddenFromAT){const e=t.key;"Enter"===e&&this.$emit("click",t),"Escape"===e&&this.blur()}}}ne([ft({mode:"boolean"})],qo.prototype,"disabled",void 0),ne([ft({attribute:"aria-hidden",converter:ut})],qo.prototype,"hiddenFromAT",void 0),ne([ft],qo.prototype,"direction",void 0);var _o;!function(t){t.menuitem="menuitem",t.menuitemcheckbox="menuitemcheckbox",t.menuitemradio="menuitemradio"}(_o||(_o={}));const Go={[_o.menuitem]:"menuitem",[_o.menuitemcheckbox]:"menuitemcheckbox",[_o.menuitemradio]:"menuitemradio"};class Wo extends je{constructor(){super(...arguments),this.role=_o.menuitem,this.hasSubmenu=!1,this.currentDirection=Ze.ltr,this.focusSubmenuOnLoad=!1,this.handleMenuItemKeyDown=t=>{if(t.defaultPrevented)return!1;switch(t.key){case"Enter":case" ":return this.invoke(),!1;case"ArrowRight":return this.expandAndFocus(),!1;case"ArrowLeft":if(this.expanded)return this.expanded=!1,this.focus(),!1}return!0},this.handleMenuItemClick=t=>(t.defaultPrevented||this.disabled||this.invoke(),!1),this.submenuLoaded=()=>{this.focusSubmenuOnLoad&&(this.focusSubmenuOnLoad=!1,this.hasSubmenu&&(this.submenu.focus(),this.setAttribute("tabindex","-1")))},this.handleMouseOver=t=>(this.disabled||!this.hasSubmenu||this.expanded||(this.expanded=!0),!1),this.handleMouseOut=t=>(!this.expanded||this.contains(document.activeElement)||(this.expanded=!1),!1),this.expandAndFocus=()=>{this.hasSubmenu&&(this.focusSubmenuOnLoad=!0,this.expanded=!0)},this.invoke=()=>{if(!this.disabled)switch(this.role){case _o.menuitemcheckbox:this.checked=!this.checked,this.$emit("change");break;case _o.menuitem:this.updateSubmenu(),this.hasSubmenu?this.expandAndFocus():this.$emit("change");break;case _o.menuitemradio:this.checked||(this.checked=!0)}},this.updateSubmenu=()=>{this.submenu=this.domChildren().find(t=>"menu"===t.getAttribute("role")),this.hasSubmenu=void 0!==this.submenu}}expandedChanged(t){if(this.$fastController.isConnected){if(void 0===this.submenu)return;!1===this.expanded?this.submenu.collapseExpandedItem():this.currentDirection=ci(this),this.$emit("expanded-change",this,{bubbles:!1})}}checkedChanged(t,e){this.$fastController.isConnected&&this.$emit("change")}connectedCallback(){super.connectedCallback(),d.queueUpdate(()=>{this.updateSubmenu()}),this.startColumnCount||(this.startColumnCount=1),this.observer=new MutationObserver(this.updateSubmenu)}disconnectedCallback(){super.disconnectedCallback(),this.submenu=void 0,void 0!==this.observer&&(this.observer.disconnect(),this.observer=void 0)}domChildren(){return Array.from(this.children)}}ne([ft({mode:"boolean"})],Wo.prototype,"disabled",void 0),ne([ft({mode:"boolean"})],Wo.prototype,"expanded",void 0),ne([T],Wo.prototype,"startColumnCount",void 0),ne([ft],Wo.prototype,"role",void 0),ne([ft({mode:"boolean"})],Wo.prototype,"checked",void 0),ne([T],Wo.prototype,"submenuRegion",void 0),ne([T],Wo.prototype,"hasSubmenu",void 0),ne([T],Wo.prototype,"currentDirection",void 0),ne([T],Wo.prototype,"submenu",void 0),_e(Wo,te);class Ko extends je{constructor(){super(...arguments),this.expandedItem=null,this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&Ke(this.parentElement)&&"menuitem"===this.parentElement.getAttribute("role"),this.handleFocusOut=t=>{if(!this.contains(t.relatedTarget)){this.collapseExpandedItem();const t=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[t].setAttribute("tabindex","0"),this.focusIndex=t}},this.handleItemFocus=t=>{const e=t.target;e!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0"))},this.handleExpandedChanged=t=>{if(t.defaultPrevented||null===t.target||this.menuItems.indexOf(t.target)<0)return;t.preventDefault();const e=t.target;null===this.expandedItem||e!==this.expandedItem||!1!==e.expanded?e.expanded&&(null!==this.expandedItem&&this.expandedItem!==e&&(this.expandedItem.expanded=!1),this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.expandedItem=e,this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0")):this.expandedItem=null},this.setItems=()=>{const t=this.menuItems.filter(this.isMenuItemElement);t.length&&(this.focusIndex=0);const e=t.reduce((t,e)=>{const i=(o=e)instanceof Wo?o.role!==_o.menuitem&&null===o.querySelector("[slot=start]")||o.role===_o.menuitem&&null!==o.querySelector("[slot=start]")?1:o.role!==_o.menuitem&&null!==o.querySelector("[slot=start]")?2:0:1;var o;return t>i?t:i},0);t.forEach((t,i)=>{t.setAttribute("tabindex",0===i?"0":"-1"),t.addEventListener("expanded-change",this.handleExpandedChanged),t.addEventListener("focus",this.handleItemFocus),t instanceof Wo&&(t.startColumnCount=e)})},this.resetItems=t=>{t.forEach(t=>{t.removeEventListener("expanded-change",this.handleExpandedChanged),t.removeEventListener("focus",this.handleItemFocus)})},this.changeHandler=t=>{const e=t.target,i=this.menuItems.indexOf(e);if(-1!==i&&"menuitemradio"===e.role&&!0===e.checked){for(let t=i-1;t>=0;--t){const e=this.menuItems[t],i=e.getAttribute("role");if(i===_o.menuitemradio&&(e.checked=!1),"separator"===i)break}const t=this.menuItems.length-1;for(let e=i+1;e<=t;++e){const t=this.menuItems[e],i=t.getAttribute("role");if(i===_o.menuitemradio&&(t.checked=!1),"separator"===i)break}}},this.isMenuItemElement=t=>Ke(t)&&Ko.focusableElementRoles.hasOwnProperty(t.getAttribute("role")),this.isFocusableElement=t=>this.isMenuItemElement(t)}itemsChanged(t,e){this.$fastController.isConnected&&(this.menuItems=this.domChildren(),this.resetItems(t),this.setItems())}connectedCallback(){super.connectedCallback(),this.menuItems=this.domChildren(),this.addEventListener("change",this.changeHandler)}disconnectedCallback(){super.disconnectedCallback(),this.menuItems=[],this.removeEventListener("change",this.changeHandler)}focus(){this.setFocus(0,1)}collapseExpandedItem(){null!==this.expandedItem&&(this.expandedItem.expanded=!1,this.expandedItem=null)}handleMenuKeyDown(t){if(!t.defaultPrevented)switch(t.key){case"ArrowDown":return void this.setFocus(this.focusIndex+1,1);case"ArrowUp":return void this.setFocus(this.focusIndex-1,-1);case"End":return void this.setFocus(this.menuItems.length-1,-1);case"Home":return void this.setFocus(0,1);default:return!0}}domChildren(){return Array.from(this.children)}setFocus(t,e){if(void 0!==this.menuItems)for(;t>=0&&t<this.menuItems.length;){const i=this.menuItems[t];if(this.isFocusableElement(i)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=t,i.setAttribute("tabindex","0"),i.focus();break}t+=e}}}Ko.focusableElementRoles=Go,ne([T],Ko.prototype,"items",void 0);class Xo extends je{}class Yo extends(mi(Xo)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var Qo;!function(t){t.email="email",t.password="password",t.tel="tel",t.text="text",t.url="url"}(Qo||(Qo={}));class Zo extends Yo{constructor(){super(...arguments),this.type=Qo.text}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}autofocusChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.autofocus=this.autofocus,this.validate())}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}typeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type,this.validate())}listChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.setAttribute("list",this.list),this.validate())}maxlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.maxLength=this.maxlength,this.validate())}minlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.minLength=this.minlength,this.validate())}patternChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.pattern=this.pattern,this.validate())}sizeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.size=this.size)}spellcheckChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.spellcheck=this.spellcheck)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type",this.type),this.validate(),this.autofocus&&d.queueUpdate(()=>{this.focus()})}handleTextInput(){this.value=this.control.value}handleChange(){this.$emit("change")}}ne([ft({attribute:"readonly",mode:"boolean"})],Zo.prototype,"readOnly",void 0),ne([ft({mode:"boolean"})],Zo.prototype,"autofocus",void 0),ne([ft],Zo.prototype,"placeholder",void 0),ne([ft],Zo.prototype,"type",void 0),ne([ft],Zo.prototype,"list",void 0),ne([ft({converter:pt})],Zo.prototype,"maxlength",void 0),ne([ft({converter:pt})],Zo.prototype,"minlength",void 0),ne([ft],Zo.prototype,"pattern",void 0),ne([ft({converter:pt})],Zo.prototype,"size",void 0),ne([ft({mode:"boolean"})],Zo.prototype,"spellcheck",void 0),ne([T],Zo.prototype,"defaultSlottedNodes",void 0);class Jo{}_e(Jo,ri),_e(Zo,te,Jo);class ts extends je{}class es extends(mi(ts)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}class is extends es{constructor(){super(...arguments),this.hideStep=!1,this.step=1}maxChanged(t,e){var i;this.max=Math.max(e,null!==(i=this.min)&&void 0!==i?i:e);const o=Math.min(this.min,this.max);void 0!==this.min&&this.min!==o&&(this.min=o),this.valueChanged(this.value,this.value)}minChanged(t,e){var i;this.min=Math.min(e,null!==(i=this.max)&&void 0!==i?i:e);const o=Math.max(this.min,this.max);void 0!==this.max&&this.max!==o&&(this.max=o),this.valueChanged(this.value,this.value)}valueChanged(t,e){var i,o;let s=parseFloat(e);isNaN(s)?s="":(s=Math.min(s,null!==(i=this.max)&&void 0!==i?i:s),s=Math.max(s,null!==(o=this.min)&&void 0!==o?o:s)),this.value=s.toString(),this.proxy instanceof HTMLInputElement&&(this.proxy.value=this.value),void 0!==t&&(this.$emit("input"),this.$emit("change"))}stepUp(){const t=parseFloat(this.value),e=isNaN(t)?this.min>0?this.min:this.max<0?this.max:this.min?0:this.step:t+this.step;this.value=e.toString(),this.control.value=this.value}stepDown(){const t=parseFloat(this.value),e=isNaN(t)?this.min>0?this.min:this.max<0?this.max:this.min?0:0-this.step:t-this.step;this.value=e.toString(),this.control.value=this.value}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type","number"),this.validate(),this.control.value=this.value,this.autofocus&&d.queueUpdate(()=>{this.focus()})}handleTextInput(){this.control.value=this.control.value.replace(/[^0-9\-+e.]/g,""),this.value=this.control.value}handleChange(){this.$emit("change")}handleKeyDown(t){switch(t.key){case"ArrowUp":return this.stepUp(),!1;case"ArrowDown":return this.stepDown(),!1}return!0}handleBlur(){this.control.value=this.value}}ne([ft({attribute:"readonly",mode:"boolean"})],is.prototype,"readOnly",void 0),ne([ft({mode:"boolean"})],is.prototype,"autofocus",void 0),ne([ft({attribute:"hide-step",mode:"boolean"})],is.prototype,"hideStep",void 0),ne([ft],is.prototype,"placeholder",void 0),ne([ft],is.prototype,"list",void 0),ne([ft({converter:pt})],is.prototype,"maxlength",void 0),ne([ft({converter:pt})],is.prototype,"minlength",void 0),ne([ft({converter:pt})],is.prototype,"size",void 0),ne([ft({converter:pt})],is.prototype,"step",void 0),ne([ft({converter:pt})],is.prototype,"max",void 0),ne([ft({converter:pt})],is.prototype,"min",void 0),ne([T],is.prototype,"defaultSlottedNodes",void 0),_e(is,te,Jo);class os extends je{constructor(){super(...arguments),this.percentComplete=0}valueChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}minChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}maxChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}connectedCallback(){super.connectedCallback(),this.updatePercentComplete()}updatePercentComplete(){const t="number"==typeof this.min?this.min:0,e="number"==typeof this.max?this.max:100,i="number"==typeof this.value?this.value:0,o=e-t;this.percentComplete=0===o?0:Math.fround((i-t)/o*100)}}ne([ft({converter:pt})],os.prototype,"value",void 0),ne([ft({converter:pt})],os.prototype,"min",void 0),ne([ft({converter:pt})],os.prototype,"max",void 0),ne([ft({mode:"boolean"})],os.prototype,"paused",void 0),ne([T],os.prototype,"percentComplete",void 0);class ss extends je{constructor(){super(...arguments),this.orientation=We.horizontal,this.radioChangeHandler=t=>{const e=t.target;e.checked&&(this.slottedRadioButtons.forEach(t=>{t!==e&&(t.checked=!1,this.isInsideFoundationToolbar||t.setAttribute("tabindex","-1"))}),this.selectedRadio=e,this.value=e.value,e.setAttribute("tabindex","0"),this.focusedRadio=e),t.stopPropagation()},this.moveToRadioByIndex=(t,e)=>{const i=t[e];this.isInsideToolbar||(i.setAttribute("tabindex","0"),i.readOnly?this.slottedRadioButtons.forEach(t=>{t!==i&&t.setAttribute("tabindex","-1")}):(i.checked=!0,this.selectedRadio=i)),this.focusedRadio=i,i.focus()},this.moveRightOffGroup=()=>{var t;null===(t=this.nextElementSibling)||void 0===t||t.focus()},this.moveLeftOffGroup=()=>{var t;null===(t=this.previousElementSibling)||void 0===t||t.focus()},this.focusOutHandler=t=>{const e=this.slottedRadioButtons,i=t.target,o=null!==i?e.indexOf(i):0,s=this.focusedRadio?e.indexOf(this.focusedRadio):-1;return(0===s&&o===s||s===e.length-1&&s===o)&&(this.selectedRadio?(this.focusedRadio=this.selectedRadio,this.isInsideFoundationToolbar||(this.selectedRadio.setAttribute("tabindex","0"),e.forEach(t=>{t!==this.selectedRadio&&t.setAttribute("tabindex","-1")}))):(this.focusedRadio=e[0],this.focusedRadio.setAttribute("tabindex","0"),e.forEach(t=>{t!==this.focusedRadio&&t.setAttribute("tabindex","-1")}))),!0},this.clickHandler=t=>{const e=t.target;if(e){const t=this.slottedRadioButtons;e.checked||0===t.indexOf(e)?(e.setAttribute("tabindex","0"),this.selectedRadio=e):(e.setAttribute("tabindex","-1"),this.selectedRadio=null),this.focusedRadio=e}t.preventDefault()},this.shouldMoveOffGroupToTheRight=(t,e,i)=>t===e.length&&this.isInsideToolbar&&"ArrowRight"===i,this.shouldMoveOffGroupToTheLeft=(t,e)=>(this.focusedRadio?t.indexOf(this.focusedRadio)-1:0)<0&&this.isInsideToolbar&&"ArrowLeft"===e,this.checkFocusedRadio=()=>{null===this.focusedRadio||this.focusedRadio.readOnly||this.focusedRadio.checked||(this.focusedRadio.checked=!0,this.focusedRadio.setAttribute("tabindex","0"),this.focusedRadio.focus(),this.selectedRadio=this.focusedRadio)},this.moveRight=t=>{const e=this.slottedRadioButtons;let i=0;if(i=this.focusedRadio?e.indexOf(this.focusedRadio)+1:1,this.shouldMoveOffGroupToTheRight(i,e,t.key))this.moveRightOffGroup();else for(i===e.length&&(i=0);i<e.length&&e.length>1;){if(!e[i].disabled){this.moveToRadioByIndex(e,i);break}if(this.focusedRadio&&i===e.indexOf(this.focusedRadio))break;if(i+1>=e.length){if(this.isInsideToolbar)break;i=0}else i+=1}},this.moveLeft=t=>{const e=this.slottedRadioButtons;let i=0;if(i=this.focusedRadio?e.indexOf(this.focusedRadio)-1:0,i=i<0?e.length-1:i,this.shouldMoveOffGroupToTheLeft(e,t.key))this.moveLeftOffGroup();else for(;i>=0&&e.length>1;){if(!e[i].disabled){this.moveToRadioByIndex(e,i);break}if(this.focusedRadio&&i===e.indexOf(this.focusedRadio))break;i-1<0?i=e.length-1:i-=1}},this.keydownHandler=t=>{const e=t.key;if(e in Qe&&this.isInsideFoundationToolbar)return!0;switch(e){case"Enter":this.checkFocusedRadio();break;case"ArrowRight":case"ArrowDown":this.direction===Ze.ltr?this.moveRight(t):this.moveLeft(t);break;case"ArrowLeft":case"ArrowUp":this.direction===Ze.ltr?this.moveLeft(t):this.moveRight(t);break;default:return!0}}}readOnlyChanged(){void 0!==this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{this.readOnly?t.readOnly=!0:t.readOnly=!1})}disabledChanged(){void 0!==this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{this.disabled?t.disabled=!0:t.disabled=!1})}nameChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{t.setAttribute("name",this.name)})}valueChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{t.getAttribute("value")===this.value&&(t.checked=!0,this.selectedRadio=t)}),this.$emit("change")}slottedRadioButtonsChanged(t,e){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get parentToolbar(){return this.closest('[role="toolbar"]')}get isInsideToolbar(){var t;return null!==(t=this.parentToolbar)&&void 0!==t&&t}get isInsideFoundationToolbar(){var t;return!!(null===(t=this.parentToolbar)||void 0===t?void 0:t.$fastController)}connectedCallback(){super.connectedCallback(),this.direction=ci(this),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons.forEach(t=>{t.removeEventListener("change",this.radioChangeHandler)})}setupRadioButtons(){const t=this.slottedRadioButtons.filter(t=>t.hasAttribute("checked")),e=t?t.length:0;if(e>1){t[e-1].checked=!0}let i=!1;if(this.slottedRadioButtons.forEach(t=>{void 0!==this.name&&t.setAttribute("name",this.name),this.disabled&&(t.disabled=!0),this.readOnly&&(t.readOnly=!0),this.value&&this.value===t.value?(this.selectedRadio=t,this.focusedRadio=t,t.checked=!0,t.setAttribute("tabindex","0"),i=!0):(this.isInsideFoundationToolbar||t.setAttribute("tabindex","-1"),t.checked=!1),t.addEventListener("change",this.radioChangeHandler)}),void 0===this.value&&this.slottedRadioButtons.length>0){const t=this.slottedRadioButtons.filter(t=>t.hasAttribute("checked")),e=null!==t?t.length:0;if(e>0&&!i){const i=t[e-1];i.checked=!0,this.focusedRadio=i,i.setAttribute("tabindex","0")}else this.slottedRadioButtons[0].setAttribute("tabindex","0"),this.focusedRadio=this.slottedRadioButtons[0]}}}ne([ft({attribute:"readonly",mode:"boolean"})],ss.prototype,"readOnly",void 0),ne([ft({attribute:"disabled",mode:"boolean"})],ss.prototype,"disabled",void 0),ne([ft],ss.prototype,"name",void 0),ne([ft],ss.prototype,"value",void 0),ne([ft],ss.prototype,"orientation",void 0),ne([T],ss.prototype,"childItems",void 0),ne([T],ss.prototype,"slottedRadioButtons",void 0);class ns extends je{}class rs extends(bi(ns)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}class as extends rs{constructor(){super(),this.initialValue="on",this.keypressHandler=t=>{switch(t.key){case" ":return void(this.checked||this.readOnly||(this.checked=!0))}return!0},this.proxy.setAttribute("type","radio")}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}defaultCheckedChanged(){var t;this.$fastController.isConnected&&!this.dirtyChecked&&(this.isInsideRadioGroup()||(this.checked=null!==(t=this.defaultChecked)&&void 0!==t&&t,this.dirtyChecked=!1))}connectedCallback(){var t,e;super.connectedCallback(),this.validate(),"radiogroup"!==(null===(t=this.parentElement)||void 0===t?void 0:t.getAttribute("role"))&&null===this.getAttribute("tabindex")&&(this.disabled||this.setAttribute("tabindex","0")),this.checkedAttribute&&(this.dirtyChecked||this.isInsideRadioGroup()||(this.checked=null!==(e=this.defaultChecked)&&void 0!==e&&e,this.dirtyChecked=!1))}isInsideRadioGroup(){return null!==this.closest("[role=radiogroup]")}clickHandler(t){this.disabled||this.readOnly||this.checked||(this.checked=!0)}}ne([ft({attribute:"readonly",mode:"boolean"})],as.prototype,"readOnly",void 0),ne([T],as.prototype,"name",void 0),ne([T],as.prototype,"defaultSlottedNodes",void 0);class ls extends je{constructor(){super(...arguments),this.framesPerSecond=60,this.updatingItems=!1,this.speed=600,this.easing="ease-in-out",this.flippersHiddenFromAT=!1,this.scrolling=!1,this.resizeDetector=null}get frameTime(){return 1e3/this.framesPerSecond}scrollingChanged(t,e){if(this.scrollContainer){const t=1==this.scrolling?"scrollstart":"scrollend";this.$emit(t,this.scrollContainer.scrollLeft)}}get isRtl(){return this.scrollItems.length>1&&this.scrollItems[0].offsetLeft>this.scrollItems[1].offsetLeft}connectedCallback(){super.connectedCallback(),this.initializeResizeDetector()}disconnectedCallback(){this.disconnectResizeDetector(),super.disconnectedCallback()}scrollItemsChanged(t,e){e&&!this.updatingItems&&this.setStops()}disconnectResizeDetector(){this.resizeDetector&&(this.resizeDetector.disconnect(),this.resizeDetector=null)}initializeResizeDetector(){this.disconnectResizeDetector(),this.resizeDetector=new window.ResizeObserver(this.resized.bind(this)),this.resizeDetector.observe(this)}updateScrollStops(){this.updatingItems=!0;const t=this.scrollItems.reduce((t,e)=>e instanceof HTMLSlotElement?t.concat(e.assignedElements()):(t.push(e),t),[]);this.scrollItems=t,this.updatingItems=!1}setStops(){this.updateScrollStops(),this.width=this.offsetWidth;let t=0,e=this.scrollItems.map(({offsetLeft:e,offsetWidth:i},o)=>{const s=e+i;return this.isRtl?-s:(t=s,0===o?0:e)}).concat(t);e=this.fixScrollMisalign(e),e.sort((t,e)=>Math.abs(t)-Math.abs(e)),this.scrollStops=e,this.setFlippers()}fixScrollMisalign(t){if(this.isRtl&&t.some(t=>t>0)){t.sort((t,e)=>e-t);const e=t[0];t=t.map(t=>t-e)}return t}setFlippers(){var t,e;const i=this.scrollContainer.scrollLeft;if(null===(t=this.previousFlipperContainer)||void 0===t||t.classList.toggle("disabled",0===i),this.scrollStops){const t=Math.abs(this.scrollStops[this.scrollStops.length-1]);null===(e=this.nextFlipperContainer)||void 0===e||e.classList.toggle("disabled",Math.abs(i)+this.width>=t)}}keyupHandler(t){switch(t.key){case"ArrowLeft":this.scrollToPrevious();break;case"ArrowRight":this.scrollToNext()}}scrollToPrevious(){const t=this.scrollContainer.scrollLeft,e=this.scrollStops.findIndex((e,i)=>e<=t&&(this.isRtl||i===this.scrollStops.length-1||this.scrollStops[i+1]>t)),i=Math.abs(this.scrollStops[e+1]);let o=this.scrollStops.findIndex(t=>Math.abs(t)+this.width>i);(o>e||-1===o)&&(o=e>0?e-1:0),this.scrollToPosition(this.scrollStops[o],t)}scrollToNext(){const t=this.scrollContainer.scrollLeft,e=this.scrollStops.findIndex(e=>Math.abs(e)>=Math.abs(t)),i=this.scrollStops.findIndex(e=>Math.abs(t)+this.width<=Math.abs(e));let o=e;i>e+2?o=i-2:e<this.scrollStops.length-2&&(o=e+1),this.scrollToPosition(this.scrollStops[o],t)}scrollToPosition(t,e=this.scrollContainer.scrollLeft){var i;if(this.scrolling)return;this.scrolling=!0;const o=null!==(i=this.duration)&&void 0!==i?i:Math.abs(t-e)/this.speed+"s";this.content.style.setProperty("transition-duration",o);const s=parseFloat(getComputedStyle(this.content).getPropertyValue("transition-duration")),n=e=>{e&&e.target!==e.currentTarget||(this.content.style.setProperty("transition-duration","0s"),this.content.style.removeProperty("transform"),this.scrollContainer.style.setProperty("scroll-behavior","auto"),this.scrollContainer.scrollLeft=t,this.setFlippers(),this.content.removeEventListener("transitionend",n),this.scrolling=!1)};if(0===s)return void n();this.content.addEventListener("transitionend",n);const r=this.scrollContainer.scrollWidth-this.scrollContainer.clientWidth;let a=this.scrollContainer.scrollLeft-Math.min(t,r);this.isRtl&&(a=this.scrollContainer.scrollLeft+Math.min(Math.abs(t),r)),this.content.style.setProperty("transition-property","transform"),this.content.style.setProperty("transition-timing-function",this.easing),this.content.style.setProperty("transform",`translateX(${a}px)`)}resized(){this.resizeTimeout&&(this.resizeTimeout=clearTimeout(this.resizeTimeout)),this.resizeTimeout=setTimeout(()=>{this.width=this.offsetWidth,this.setFlippers()},this.frameTime)}scrolled(){this.scrollTimeout&&(this.scrollTimeout=clearTimeout(this.scrollTimeout)),this.scrollTimeout=setTimeout(()=>{this.setFlippers()},this.frameTime)}}ne([ft({converter:pt})],ls.prototype,"speed",void 0),ne([ft],ls.prototype,"duration",void 0),ne([ft],ls.prototype,"easing",void 0),ne([ft({attribute:"aria-hidden",converter:ut})],ls.prototype,"flippersHiddenFromAT",void 0),ne([T],ls.prototype,"scrolling",void 0),ne([T],ls.prototype,"scrollItems",void 0),ne([ft({attribute:"view"})],ls.prototype,"view",void 0);class cs extends _i{}class hs extends(mi(cs)){constructor(){super(...arguments),this.proxy=document.createElement("select")}}class ds extends hs{constructor(){super(...arguments),this.open=!1,this.forcedPosition=!1,this.role=Bi.combobox,this.position=Mi.below,this.maxHeight=0,this.displayValue=""}openChanged(){this.ariaExpanded=this.open?"true":"false",this.open&&(this.setPositioning(),this.focusAndScrollOptionIntoView(),this.indexWhenOpened=this.selectedIndex)}get value(){return C.track(this,"value"),this._value}set value(t){const e=""+this._value;if(this.$fastController.isConnected&&this.options){const e=this.options.findIndex(e=>e.value===t),i=this.options[this.selectedIndex],o=this.options[e],s=i?i.value:null,n=o?o.value:null;-1!==e&&s===n||(t="",this.selectedIndex=e),this.firstSelectedOption&&(t=this.firstSelectedOption.value)}e!==t&&(this._value=t,super.valueChanged(e,t),C.notify(this,"value"))}updateValue(t){this.$fastController.isConnected&&(this.value=this.firstSelectedOption?this.firstSelectedOption.value:"",this.displayValue=this.firstSelectedOption?this.firstSelectedOption.textContent||this.firstSelectedOption.value:this.value),t&&(this.$emit("input"),this.$emit("change",this,{bubbles:!0,composed:void 0}))}selectedIndexChanged(t,e){super.selectedIndexChanged(t,e),this.updateValue()}setPositioning(){const t=this.getBoundingClientRect(),e=window.innerHeight-t.bottom;this.position=this.forcedPosition?this.positionAttribute:t.top>e?Mi.above:Mi.below,this.positionAttribute=this.forcedPosition?this.positionAttribute:this.position,this.maxHeight=this.position===Mi.above?~~t.top:~~e}maxHeightChanged(){this.listbox&&this.listbox.style.setProperty("--max-height",this.maxHeight+"px")}disabledChanged(t,e){super.disabledChanged&&super.disabledChanged(t,e),this.ariaDisabled=this.disabled?"true":"false"}formResetCallback(){this.setProxyOptions(),this.setDefaultSelectedOption(),this.value=this.firstSelectedOption.value}clickHandler(t){if(!this.disabled){if(this.open){const e=t.target.closest("option,[role=option]");if(e&&e.disabled)return}return super.clickHandler(t),this.open=!this.open,this.open||this.indexWhenOpened===this.selectedIndex||this.updateValue(!0),!0}}focusoutHandler(t){var e;if(!this.open)return!0;const i=t.relatedTarget;this.isSameNode(i)?this.focus():(null===(e=this.options)||void 0===e?void 0:e.includes(i))||(this.open=!1,this.indexWhenOpened!==this.selectedIndex&&this.updateValue(!0))}slottedOptionsChanged(t,e){super.slottedOptionsChanged(t,e),this.setProxyOptions(),this.updateValue()}setProxyOptions(){this.proxy instanceof HTMLSelectElement&&this.options&&(this.proxy.options.length=0,this.options.forEach(t=>{const e=t.proxy||(t instanceof HTMLOptionElement?t.cloneNode():null);e&&this.proxy.appendChild(e)}))}keydownHandler(t){super.keydownHandler(t);switch(t.key||t.key.charCodeAt(0)){case" ":this.typeAheadExpired&&(t.preventDefault(),this.open=!this.open);break;case"Enter":t.preventDefault(),this.open=!this.open;break;case"Escape":this.open&&(t.preventDefault(),this.open=!1);break;case"Tab":if(!this.open)return!0;t.preventDefault(),this.open=!1}return this.open||this.indexWhenOpened===this.selectedIndex||(this.updateValue(!0),this.indexWhenOpened=this.selectedIndex),!0}connectedCallback(){super.connectedCallback(),this.forcedPosition=!!this.positionAttribute}}ne([ft({attribute:"open",mode:"boolean"})],ds.prototype,"open",void 0),ne([ft({attribute:"position"})],ds.prototype,"positionAttribute",void 0),ne([T],ds.prototype,"position",void 0),ne([T],ds.prototype,"maxHeight",void 0),ne([T],ds.prototype,"displayValue",void 0);class us{}ne([T],us.prototype,"ariaExpanded",void 0),ne([ft({attribute:"aria-pressed",mode:"fromView"})],us.prototype,"ariaPressed",void 0),_e(us,ri),_e(ds,te,us);class ps extends je{constructor(){super(...arguments),this.shape="rect"}}ne([ft],ps.prototype,"fill",void 0),ne([ft],ps.prototype,"shape",void 0),ne([ft],ps.prototype,"pattern",void 0),ne([ft({mode:"boolean"})],ps.prototype,"shimmer",void 0);function gs(t,e,i,o){let s=ti(0,1,(t-e)/(i-e));return o===Ze.rtl&&(s=1-s),s}const fs={min:0,max:0,direction:Ze.ltr,orientation:We.horizontal,disabled:!1};class ms extends je{constructor(){super(...arguments),this.hideMark=!1,this.sliderDirection=Ze.ltr,this.getSliderConfiguration=()=>{if(this.isSliderConfig(this.parentNode)){const t=this.parentNode,{min:e,max:i,direction:o,orientation:s,disabled:n}=t;void 0!==n&&(this.disabled=n),this.sliderDirection=o||Ze.ltr,this.sliderOrientation=s||We.horizontal,this.sliderMaxPosition=i,this.sliderMinPosition=e}else this.sliderDirection=fs.direction||Ze.ltr,this.sliderOrientation=fs.orientation||We.horizontal,this.sliderMaxPosition=fs.max,this.sliderMinPosition=fs.min},this.positionAsStyle=()=>{const t=this.sliderDirection?this.sliderDirection:Ze.ltr,e=gs(Number(this.position),Number(this.sliderMinPosition),Number(this.sliderMaxPosition));let i=Math.round(100*(1-e)),o=Math.round(100*e);return o===Number.NaN&&i===Number.NaN&&(i=50,o=50),this.sliderOrientation===We.horizontal?t===Ze.rtl?`right: ${o}%; left: ${i}%;`:`left: ${o}%; right: ${i}%;`:`top: ${o}%; bottom: ${i}%;`}}positionChanged(){this.positionStyle=this.positionAsStyle()}sliderOrientationChanged(){}connectedCallback(){super.connectedCallback(),this.getSliderConfiguration(),this.positionStyle=this.positionAsStyle(),this.notifier=C.getNotifier(this.parentNode),this.notifier.subscribe(this,"orientation"),this.notifier.subscribe(this,"direction"),this.notifier.subscribe(this,"max"),this.notifier.subscribe(this,"min")}disconnectedCallback(){super.disconnectedCallback(),this.notifier.unsubscribe(this,"orientation"),this.notifier.unsubscribe(this,"direction"),this.notifier.unsubscribe(this,"max"),this.notifier.unsubscribe(this,"min")}handleChange(t,e){switch(e){case"direction":this.sliderDirection=t.direction;break;case"orientation":this.sliderOrientation=t.orientation;break;case"max":this.sliderMinPosition=t.max;break;case"min":this.sliderMinPosition=t.min}this.positionStyle=this.positionAsStyle()}isSliderConfig(t){return void 0!==t.max&&void 0!==t.min}}ne([T],ms.prototype,"positionStyle",void 0),ne([ft],ms.prototype,"position",void 0),ne([ft({attribute:"hide-mark",mode:"boolean"})],ms.prototype,"hideMark",void 0),ne([ft({attribute:"disabled",mode:"boolean"})],ms.prototype,"disabled",void 0),ne([T],ms.prototype,"sliderOrientation",void 0),ne([T],ms.prototype,"sliderMinPosition",void 0),ne([T],ms.prototype,"sliderMaxPosition",void 0),ne([T],ms.prototype,"sliderDirection",void 0);class bs extends je{}class vs extends(mi(bs)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var ys;!function(t){t.singleValue="single-value"}(ys||(ys={}));class xs extends vs{constructor(){super(...arguments),this.direction=Ze.ltr,this.isDragging=!1,this.trackWidth=0,this.trackMinWidth=0,this.trackHeight=0,this.trackLeft=0,this.trackMinHeight=0,this.valueTextFormatter=()=>null,this.min=0,this.max=10,this.step=1,this.orientation=We.horizontal,this.mode=ys.singleValue,this.keypressHandler=t=>{if("Home"===t.key)t.preventDefault(),this.value=""+this.min;else if("End"===t.key)t.preventDefault(),this.value=""+this.max;else if(!t.shiftKey)switch(t.key){case"ArrowRight":case"ArrowUp":t.preventDefault(),this.increment();break;case"ArrowLeft":case"ArrowDown":t.preventDefault(),this.decrement()}},this.setupTrackConstraints=()=>{const t=this.track.getBoundingClientRect();this.trackWidth=this.track.clientWidth,this.trackMinWidth=this.track.clientLeft,this.trackHeight=t.bottom,this.trackMinHeight=t.top,this.trackLeft=this.getBoundingClientRect().left,0===this.trackWidth&&(this.trackWidth=1)},this.setupListeners=(t=!1)=>{const e=(t?"remove":"add")+"EventListener";this[e]("keydown",this.keypressHandler),this[e]("mousedown",this.handleMouseDown),this.thumb[e]("mousedown",this.handleThumbMouseDown),this.thumb[e]("touchstart",this.handleThumbMouseDown),t&&(this.handleMouseDown(null),this.handleThumbMouseDown(null))},this.initialValue="",this.handleThumbMouseDown=t=>{if(t){if(this.readOnly||this.disabled||t.defaultPrevented)return;t.preventDefault(),t.target.focus()}const e=(null!==t?"add":"remove")+"EventListener";window[e]("mouseup",this.handleWindowMouseUp),window[e]("mousemove",this.handleMouseMove),window[e]("touchmove",this.handleMouseMove),window[e]("touchend",this.handleWindowMouseUp),this.isDragging=null!==t},this.handleMouseMove=t=>{if(this.readOnly||this.disabled||t.defaultPrevented)return;const e=window.TouchEvent&&t instanceof TouchEvent?t.touches[0]:t,i=this.orientation===We.horizontal?e.pageX-document.documentElement.scrollLeft-this.trackLeft:e.pageY-document.documentElement.scrollTop;this.value=""+this.calculateNewValue(i)},this.calculateNewValue=t=>{const e=gs(t,this.orientation===We.horizontal?this.trackMinWidth:this.trackMinHeight,this.orientation===We.horizontal?this.trackWidth:this.trackHeight,this.direction),i=(this.max-this.min)*e+this.min;return this.convertToConstrainedValue(i)},this.handleWindowMouseUp=t=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handleMouseDown(null),this.handleThumbMouseDown(null)},this.handleMouseDown=t=>{const e=(null!==t?"add":"remove")+"EventListener";if((null===t||!this.disabled&&!this.readOnly)&&(window[e]("mouseup",this.handleWindowMouseUp),window.document[e]("mouseleave",this.handleWindowMouseUp),window[e]("mousemove",this.handleMouseMove),t)){t.preventDefault(),this.setupTrackConstraints(),t.target.focus();const e=this.orientation===We.horizontal?t.pageX-document.documentElement.scrollLeft-this.trackLeft:t.pageY-document.documentElement.scrollTop;this.value=""+this.calculateNewValue(e)}},this.convertToConstrainedValue=t=>{isNaN(t)&&(t=this.min);let e=t-this.min;const i=e-Math.round(e/this.step)*(this.stepMultiplier*this.step)/this.stepMultiplier;return e=i>=Number(this.step)/2?e-i+Number(this.step):e-i,e+this.min}}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}valueChanged(t,e){super.valueChanged(t,e),this.$fastController.isConnected&&this.setThumbPositionForOrientation(this.direction),this.$emit("change")}minChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.min=""+this.min),this.validate()}maxChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.max=""+this.max),this.validate()}stepChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.step=""+this.step),this.updateStepMultiplier(),this.validate()}orientationChanged(){this.$fastController.isConnected&&this.setThumbPositionForOrientation(this.direction)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type","range"),this.direction=ci(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction)}disconnectedCallback(){this.setupListeners(!0)}increment(){const t=this.direction!==Ze.rtl&&this.orientation!==We.vertical?Number(this.value)+Number(this.step):Number(this.value)-Number(this.step),e=this.convertToConstrainedValue(t),i=e<Number(this.max)?""+e:""+this.max;this.value=i}decrement(){const t=this.direction!==Ze.rtl&&this.orientation!==We.vertical?Number(this.value)-Number(this.step):Number(this.value)+Number(this.step),e=this.convertToConstrainedValue(t),i=e>Number(this.min)?""+e:""+this.min;this.value=i}setThumbPositionForOrientation(t){const e=gs(Number(this.value),Number(this.min),Number(this.max),t),i=Math.round(100*(1-e));this.orientation===We.horizontal?this.position=this.isDragging?`right: ${i}%; transition: none;`:`right: ${i}%; transition: all 0.2s ease;`:this.position=this.isDragging?`bottom: ${i}%; transition: none;`:`bottom: ${i}%; transition: all 0.2s ease;`}updateStepMultiplier(){const t=this.step+"",e=this.step%1?t.length-t.indexOf(".")-1:0;this.stepMultiplier=Math.pow(10,e)}get midpoint(){return""+this.convertToConstrainedValue((this.max+this.min)/2)}setupDefaultValue(){if("string"==typeof this.value)if(0===this.value.length)this.initialValue=this.midpoint;else{const t=parseFloat(this.value);!Number.isNaN(t)&&(t<this.min||t>this.max)&&(this.value=this.midpoint)}}}ne([ft({attribute:"readonly",mode:"boolean"})],xs.prototype,"readOnly",void 0),ne([T],xs.prototype,"direction",void 0),ne([T],xs.prototype,"isDragging",void 0),ne([T],xs.prototype,"position",void 0),ne([T],xs.prototype,"trackWidth",void 0),ne([T],xs.prototype,"trackMinWidth",void 0),ne([T],xs.prototype,"trackHeight",void 0),ne([T],xs.prototype,"trackLeft",void 0),ne([T],xs.prototype,"trackMinHeight",void 0),ne([T],xs.prototype,"valueTextFormatter",void 0),ne([ft({converter:pt})],xs.prototype,"min",void 0),ne([ft({converter:pt})],xs.prototype,"max",void 0),ne([ft({converter:pt})],xs.prototype,"step",void 0),ne([ft],xs.prototype,"orientation",void 0),ne([ft],xs.prototype,"mode",void 0);class $s extends je{}class ws extends(bi($s)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}class ks extends ws{constructor(){super(),this.initialValue="on",this.keypressHandler=t=>{switch(t.key){case"Enter":case" ":this.checked=!this.checked}},this.clickHandler=t=>{this.disabled||this.readOnly||(this.checked=!this.checked)},this.proxy.setAttribute("type","checkbox")}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly),this.readOnly?this.classList.add("readonly"):this.classList.remove("readonly")}checkedChanged(t,e){super.checkedChanged(t,e),this.checked?this.classList.add("checked"):this.classList.remove("checked")}}ne([ft({attribute:"readonly",mode:"boolean"})],ks.prototype,"readOnly",void 0),ne([T],ks.prototype,"defaultSlottedNodes",void 0);class Cs extends je{}class Fs extends je{}ne([ft({mode:"boolean"})],Fs.prototype,"disabled",void 0);var Is,Ts;!function(t){t.vertical="vertical",t.horizontal="horizontal"}(Is||(Is={}));class Ds extends je{constructor(){super(...arguments),this.orientation=Is.horizontal,this.activeindicator=!0,this.showActiveIndicator=!0,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.ticking=!1,this.change=()=>{this.$emit("change",this.activetab)},this.isDisabledElement=t=>"true"===t.getAttribute("aria-disabled"),this.isFocusableElement=t=>!this.isDisabledElement(t),this.setTabs=()=>{const t=this.isHorizontal()?"gridColumn":"gridRow";this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex(),this.showActiveIndicator=!1,this.tabs.forEach((e,i)=>{if("tab"===e.slot&&this.isFocusableElement(e)){this.activeindicator&&(this.showActiveIndicator=!0);const t=this.tabIds[i],o=this.tabpanelIds[i];e.setAttribute("id","string"!=typeof t?"tab-"+(i+1):t),e.setAttribute("aria-selected",this.activeTabIndex===i?"true":"false"),e.setAttribute("aria-controls","string"!=typeof o?"panel-"+(i+1):o),e.addEventListener("click",this.handleTabClick),e.addEventListener("keydown",this.handleTabKeyDown),e.setAttribute("tabindex",this.activeTabIndex===i?"0":"-1"),this.activeTabIndex===i&&(this.activetab=e)}e.style.gridColumn="",e.style.gridRow="",e.style[t]=""+(i+1),this.isHorizontal()?e.classList.remove("vertical"):e.classList.add("vertical")})},this.setTabPanels=()=>{this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.tabpanels.forEach((t,e)=>{const i=this.tabIds[e],o=this.tabpanelIds[e];t.setAttribute("id","string"!=typeof o?"panel-"+(e+1):o),t.setAttribute("aria-labelledby","string"!=typeof i?"tab-"+(e+1):i),this.activeTabIndex!==e?t.setAttribute("hidden",""):t.removeAttribute("hidden")})},this.handleTabClick=t=>{const e=t.currentTarget;1===e.nodeType&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(e),this.setComponent())},this.handleTabKeyDown=t=>{if(this.isHorizontal())switch(t.key){case"ArrowLeft":t.preventDefault(),this.adjustBackward(t);break;case"ArrowRight":t.preventDefault(),this.adjustForward(t)}else switch(t.key){case"ArrowUp":t.preventDefault(),this.adjustBackward(t);break;case"ArrowDown":t.preventDefault(),this.adjustForward(t)}switch(t.key){case"Home":t.preventDefault(),this.adjust(-this.activeTabIndex);break;case"End":t.preventDefault(),this.adjust(this.tabs.length-this.activeTabIndex-1)}},this.adjustForward=t=>{const e=this.tabs;let i=0;for(i=this.activetab?e.indexOf(this.activetab)+1:1,i===e.length&&(i=0);i<e.length&&e.length>1;){if(this.isFocusableElement(e[i])){this.moveToTabByIndex(e,i);break}if(this.activetab&&i===e.indexOf(this.activetab))break;i+1>=e.length?i=0:i+=1}},this.adjustBackward=t=>{const e=this.tabs;let i=0;for(i=this.activetab?e.indexOf(this.activetab)-1:0,i=i<0?e.length-1:i;i>=0&&e.length>1;){if(this.isFocusableElement(e[i])){this.moveToTabByIndex(e,i);break}i-1<0?i=e.length-1:i-=1}},this.moveToTabByIndex=(t,e)=>{const i=t[e];this.activetab=i,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=e,i.focus(),this.setComponent()}}orientationChanged(){this.$fastController.isConnected&&(this.setTabs(),this.setTabPanels(),this.handleActiveIndicatorPosition())}activeidChanged(t,e){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.prevActiveTabIndex=this.tabs.findIndex(e=>e.id===t),this.setTabs(),this.setTabPanels(),this.handleActiveIndicatorPosition())}tabsChanged(){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.setTabs(),this.setTabPanels(),this.handleActiveIndicatorPosition())}tabpanelsChanged(){this.$fastController.isConnected&&this.tabpanels.length<=this.tabs.length&&(this.setTabs(),this.setTabPanels(),this.handleActiveIndicatorPosition())}getActiveIndex(){return void 0!==this.activeid?-1===this.tabIds.indexOf(this.activeid)?0:this.tabIds.indexOf(this.activeid):0}getTabIds(){return this.tabs.map(t=>t.getAttribute("id"))}getTabPanelIds(){return this.tabpanels.map(t=>t.getAttribute("id"))}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===Is.horizontal}handleActiveIndicatorPosition(){this.showActiveIndicator&&this.activeindicator&&this.activeTabIndex!==this.prevActiveTabIndex&&(this.ticking?this.ticking=!1:(this.ticking=!0,this.animateActiveIndicator()))}animateActiveIndicator(){this.ticking=!0;const t=this.isHorizontal()?"gridColumn":"gridRow",e=this.isHorizontal()?"translateX":"translateY",i=this.isHorizontal()?"offsetLeft":"offsetTop",o=this.activeIndicatorRef[i];this.activeIndicatorRef.style[t]=""+(this.activeTabIndex+1);const s=this.activeIndicatorRef[i];this.activeIndicatorRef.style[t]=""+(this.prevActiveTabIndex+1);const n=s-o;this.activeIndicatorRef.style.transform=`${e}(${n}px)`,this.activeIndicatorRef.classList.add("activeIndicatorTransition"),this.activeIndicatorRef.addEventListener("transitionend",()=>{this.ticking=!1,this.activeIndicatorRef.style[t]=""+(this.activeTabIndex+1),this.activeIndicatorRef.style.transform=e+"(0px)",this.activeIndicatorRef.classList.remove("activeIndicatorTransition")})}adjust(t){this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=Je(0,this.tabs.length-1,this.activeTabIndex+t),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex()}}ne([ft],Ds.prototype,"orientation",void 0),ne([ft],Ds.prototype,"activeid",void 0),ne([T],Ds.prototype,"tabs",void 0),ne([T],Ds.prototype,"tabpanels",void 0),ne([ft({mode:"boolean"})],Ds.prototype,"activeindicator",void 0),ne([T],Ds.prototype,"activeIndicatorRef",void 0),ne([T],Ds.prototype,"showActiveIndicator",void 0),_e(Ds,te);class Vs extends je{}class Ss extends(mi(Vs)){constructor(){super(...arguments),this.proxy=document.createElement("textarea")}}!function(t){t.none="none",t.both="both",t.horizontal="horizontal",t.vertical="vertical"}(Ts||(Ts={}));class Rs extends Ss{constructor(){super(...arguments),this.resize=Ts.none,this.cols=20,this.handleTextInput=()=>{this.value=this.control.value}}readOnlyChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.readOnly=this.readOnly)}autofocusChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.autofocus=this.autofocus)}listChanged(){this.proxy instanceof HTMLTextAreaElement&&this.proxy.setAttribute("list",this.list)}maxlengthChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.maxLength=this.maxlength)}minlengthChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.minLength=this.minlength)}spellcheckChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.spellcheck=this.spellcheck)}handleChange(){this.$emit("change")}}ne([ft({mode:"boolean"})],Rs.prototype,"readOnly",void 0),ne([ft],Rs.prototype,"resize",void 0),ne([ft({mode:"boolean"})],Rs.prototype,"autofocus",void 0),ne([ft({attribute:"form"})],Rs.prototype,"formId",void 0),ne([ft],Rs.prototype,"list",void 0),ne([ft({converter:pt})],Rs.prototype,"maxlength",void 0),ne([ft({converter:pt})],Rs.prototype,"minlength",void 0),ne([ft],Rs.prototype,"name",void 0),ne([ft],Rs.prototype,"placeholder",void 0),ne([ft({converter:pt,mode:"fromView"})],Rs.prototype,"cols",void 0),ne([ft({converter:pt,mode:"fromView"})],Rs.prototype,"rows",void 0),ne([ft({mode:"boolean"})],Rs.prototype,"spellcheck",void 0),ne([T],Rs.prototype,"defaultSlottedNodes",void 0),_e(Rs,Jo);const Es=Object.freeze({[Qe.ArrowUp]:{[We.vertical]:-1},[Qe.ArrowDown]:{[We.vertical]:1},[Qe.ArrowLeft]:{[We.horizontal]:{[Ze.ltr]:-1,[Ze.rtl]:1}},[Qe.ArrowRight]:{[We.horizontal]:{[Ze.ltr]:1,[Ze.rtl]:-1}}});class Os extends je{constructor(){super(...arguments),this._activeIndex=0,this.direction=Ze.ltr,this.orientation=We.horizontal}get activeIndex(){return C.track(this,"activeIndex"),this._activeIndex}set activeIndex(t){this.$fastController.isConnected&&(this._activeIndex=ti(0,this.focusableElements.length-1,t),C.notify(this,"activeIndex"))}slottedItemsChanged(){this.$fastController.isConnected&&this.reduceFocusableElements()}clickHandler(t){var e;const i=null===(e=this.focusableElements)||void 0===e?void 0:e.indexOf(t.target);return i>-1&&this.activeIndex!==i&&this.setFocusedElement(i),!0}connectedCallback(){super.connectedCallback(),this.direction=ci(this)}focusinHandler(t){const e=t.relatedTarget;e&&!this.contains(e)&&this.setFocusedElement()}getDirectionalIncrementer(t){var e,i,o,s,n;return null!==(n=null!==(o=null===(i=null===(e=Es[t])||void 0===e?void 0:e[this.orientation])||void 0===i?void 0:i[this.direction])&&void 0!==o?o:null===(s=Es[t])||void 0===s?void 0:s[this.orientation])&&void 0!==n?n:0}keydownHandler(t){const e=t.key;if(!(e in Qe)||t.defaultPrevented||t.shiftKey)return!0;const i=this.getDirectionalIncrementer(e);if(!i)return!t.target.closest("[role=radiogroup]");const o=this.activeIndex+i;return this.focusableElements[o]&&t.preventDefault(),this.setFocusedElement(o),!0}get allSlottedItems(){return[...this.start.assignedElements(),...this.slottedItems,...this.end.assignedElements()]}reduceFocusableElements(){this.focusableElements=this.allSlottedItems.reduce(Os.reduceFocusableItems,[]),this.setFocusableElements()}setFocusedElement(t=this.activeIndex){var e;this.activeIndex=t,this.setFocusableElements(),null===(e=this.focusableElements[this.activeIndex])||void 0===e||e.focus()}static reduceFocusableItems(t,e){var i,o,s,n;const r="radio"===e.getAttribute("role"),a=null===(o=null===(i=e.$fastController)||void 0===i?void 0:i.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus,l=Array.from(null!==(n=null===(s=e.shadowRoot)||void 0===s?void 0:s.querySelectorAll("*"))&&void 0!==n?n:[]).some(t=>Mo(t));return Mo(e)||r||a||l?(t.push(e),t):e.childElementCount?t.concat(Array.from(e.children).reduce(Os.reduceFocusableItems,[])):t}setFocusableElements(){this.$fastController.isConnected&&this.focusableElements.length>0&&this.focusableElements.forEach((t,e)=>{t.tabIndex=this.activeIndex===e?0:-1})}}ne([T],Os.prototype,"direction",void 0),ne([ft],Os.prototype,"orientation",void 0),ne([T],Os.prototype,"slottedItems",void 0),ne([T],Os.prototype,"slottedLabel",void 0);class As{}ne([ft({attribute:"aria-labelledby"})],As.prototype,"ariaLabelledby",void 0),ne([ft({attribute:"aria-label"})],As.prototype,"ariaLabel",void 0),_e(As,ri),_e(Os,te,As);var Ls;!function(t){t.top="top",t.right="right",t.bottom="bottom",t.left="left",t.start="start",t.end="end"}(Ls||(Ls={}));class zs extends je{constructor(){super(...arguments),this.anchor="",this.delay=300,this.autoUpdateMode="anchor",this.anchorElement=null,this.viewportElement=null,this.verticalPositioningMode="dynamic",this.horizontalPositioningMode="dynamic",this.horizontalInset="true",this.verticalInset="false",this.horizontalScaling="anchor",this.verticalScaling="content",this.verticalDefaultPosition=void 0,this.horizontalDefaultPosition=void 0,this.tooltipVisible=!1,this.currentDirection=Ze.ltr,this.delayTimer=null,this.isAnchorHoveredFocused=!1,this.handlePositionChange=t=>{this.classList.toggle("top","start"===this.region.verticalPosition),this.classList.toggle("bottom","end"===this.region.verticalPosition),this.classList.toggle("inset-top","insetStart"===this.region.verticalPosition),this.classList.toggle("inset-bottom","insetEnd"===this.region.verticalPosition),this.classList.toggle("left","start"===this.region.horizontalPosition),this.classList.toggle("right","end"===this.region.horizontalPosition),this.classList.toggle("inset-left","insetStart"===this.region.horizontalPosition),this.classList.toggle("inset-right","insetEnd"===this.region.horizontalPosition)},this.handleAnchorMouseOver=t=>{this.startHoverTimer()},this.handleAnchorMouseOut=t=>{this.isAnchorHoveredFocused=!1,this.updateTooltipVisibility(),this.clearDelayTimer()},this.handleAnchorFocusIn=t=>{this.startHoverTimer()},this.handleAnchorFocusOut=t=>{this.isAnchorHoveredFocused=!1,this.updateTooltipVisibility(),this.clearDelayTimer()},this.startHoverTimer=()=>{this.isAnchorHoveredFocused||(this.delay>1?null===this.delayTimer&&(this.delayTimer=window.setTimeout(()=>{this.startHover()},this.delay)):this.startHover())},this.startHover=()=>{this.isAnchorHoveredFocused=!0,this.updateTooltipVisibility()},this.clearDelayTimer=()=>{null!==this.delayTimer&&(clearTimeout(this.delayTimer),this.delayTimer=null)},this.getAnchor=()=>{const t=this.getRootNode();return t instanceof ShadowRoot?t.getElementById(this.anchor):document.getElementById(this.anchor)},this.handleDocumentKeydown=t=>{if(!t.defaultPrevented&&this.tooltipVisible)switch(t.key){case"Escape":this.isAnchorHoveredFocused=!1,this.updateTooltipVisibility(),this.$emit("dismiss")}},this.updateTooltipVisibility=()=>{if(!1===this.visible)this.hideTooltip();else{if(!0===this.visible)return void this.showTooltip();if(this.isAnchorHoveredFocused)return void this.showTooltip();this.hideTooltip()}},this.showTooltip=()=>{this.tooltipVisible||(this.currentDirection=ci(this),this.tooltipVisible=!0,document.addEventListener("keydown",this.handleDocumentKeydown),d.queueUpdate(this.setRegionProps))},this.hideTooltip=()=>{this.tooltipVisible&&(null!==this.region&&void 0!==this.region&&(this.region.removeEventListener("positionchange",this.handlePositionChange),this.region.viewportElement=null,this.region.anchorElement=null),document.removeEventListener("keydown",this.handleDocumentKeydown),this.tooltipVisible=!1)},this.setRegionProps=()=>{this.tooltipVisible&&(this.region.viewportElement=this.viewportElement,this.region.anchorElement=this.anchorElement,this.region.addEventListener("positionchange",this.handlePositionChange))}}visibleChanged(){this.$fastController.isConnected&&(this.updateTooltipVisibility(),this.updateLayout())}anchorChanged(){this.$fastController.isConnected&&this.updateLayout()}positionChanged(){this.$fastController.isConnected&&this.updateLayout()}anchorElementChanged(t){if(this.$fastController.isConnected){if(null!=t&&(t.removeEventListener("mouseover",this.handleAnchorMouseOver),t.removeEventListener("mouseout",this.handleAnchorMouseOut),t.removeEventListener("focusin",this.handleAnchorFocusIn),t.removeEventListener("focusout",this.handleAnchorFocusOut)),null!==this.anchorElement&&void 0!==this.anchorElement){this.anchorElement.addEventListener("mouseover",this.handleAnchorMouseOver,{passive:!0}),this.anchorElement.addEventListener("mouseout",this.handleAnchorMouseOut,{passive:!0}),this.anchorElement.addEventListener("focusin",this.handleAnchorFocusIn,{passive:!0}),this.anchorElement.addEventListener("focusout",this.handleAnchorFocusOut,{passive:!0});const t=this.anchorElement.id;null!==this.anchorElement.parentElement&&this.anchorElement.parentElement.querySelectorAll(":hover").forEach(e=>{e.id===t&&this.startHoverTimer()})}null!==this.region&&void 0!==this.region&&this.tooltipVisible&&(this.region.anchorElement=this.anchorElement),this.updateLayout()}}viewportElementChanged(){null!==this.region&&void 0!==this.region&&(this.region.viewportElement=this.viewportElement),this.updateLayout()}connectedCallback(){super.connectedCallback(),this.anchorElement=this.getAnchor(),this.updateLayout(),this.updateTooltipVisibility()}disconnectedCallback(){this.hideTooltip(),this.clearDelayTimer(),super.disconnectedCallback()}updateLayout(){switch(this.position){case Ls.top:case Ls.bottom:this.verticalPositioningMode="locktodefault",this.horizontalPositioningMode="dynamic",this.verticalDefaultPosition=this.position,this.horizontalDefaultPosition=void 0,this.horizontalInset="true",this.verticalInset="false",this.horizontalScaling="anchor",this.verticalScaling="content";break;case Ls.right:case Ls.left:case Ls.start:case Ls.end:this.verticalPositioningMode="dynamic",this.horizontalPositioningMode="locktodefault",this.verticalDefaultPosition=void 0,this.horizontalDefaultPosition=this.position,this.horizontalInset="false",this.verticalInset="true",this.horizontalScaling="content",this.verticalScaling="anchor";break;default:this.verticalPositioningMode="dynamic",this.horizontalPositioningMode="dynamic",this.verticalDefaultPosition=void 0,this.horizontalDefaultPosition=void 0,this.horizontalInset="true",this.verticalInset="false",this.horizontalScaling="anchor",this.verticalScaling="content"}}}ne([ft({mode:"boolean"})],zs.prototype,"visible",void 0),ne([ft],zs.prototype,"anchor",void 0),ne([ft],zs.prototype,"delay",void 0),ne([ft],zs.prototype,"position",void 0),ne([ft({attribute:"auto-update-mode"})],zs.prototype,"autoUpdateMode",void 0),ne([ft({attribute:"horizontal-viewport-lock"})],zs.prototype,"horizontalViewportLock",void 0),ne([ft({attribute:"vertical-viewport-lock"})],zs.prototype,"verticalViewportLock",void 0),ne([T],zs.prototype,"anchorElement",void 0),ne([T],zs.prototype,"viewportElement",void 0),ne([T],zs.prototype,"verticalPositioningMode",void 0),ne([T],zs.prototype,"horizontalPositioningMode",void 0),ne([T],zs.prototype,"horizontalInset",void 0),ne([T],zs.prototype,"verticalInset",void 0),ne([T],zs.prototype,"horizontalScaling",void 0),ne([T],zs.prototype,"verticalScaling",void 0),ne([T],zs.prototype,"verticalDefaultPosition",void 0),ne([T],zs.prototype,"horizontalDefaultPosition",void 0),ne([T],zs.prototype,"tooltipVisible",void 0),ne([T],zs.prototype,"currentDirection",void 0);function Hs(t){return Ke(t)&&"treeitem"===t.getAttribute("role")}class Ps extends je{constructor(){super(...arguments),this.expanded=!1,this.focusable=!1,this.handleExpandCollapseButtonClick=t=>{this.disabled||(t.preventDefault(),this.setExpanded(!this.expanded))},this.handleClick=t=>{if(!t.defaultPrevented){return t.composedPath().find(t=>t instanceof HTMLElement&&Hs(t))===this&&this.handleSelected(),!0}},this.isNestedItem=()=>Hs(this.parentElement)}itemsChanged(t,e){this.$fastController.isConnected&&this.items.forEach(t=>{Hs(t)&&(t.nested=!0)})}static focusItem(t){t.focusable=!0,t.focus()}childItemLength(){const t=this.childItems.filter(t=>Hs(t));return t?t.length:0}handleSelected(t){this.$emit("selected-change",t)}setExpanded(t){this.expanded=t,this.$emit("expanded-change",this)}}ne([ft({mode:"boolean"})],Ps.prototype,"expanded",void 0),ne([ft({mode:"boolean"})],Ps.prototype,"selected",void 0),ne([ft({mode:"boolean"})],Ps.prototype,"disabled",void 0),ne([T],Ps.prototype,"focusable",void 0),ne([T],Ps.prototype,"childItems",void 0),ne([T],Ps.prototype,"items",void 0),ne([T],Ps.prototype,"nested",void 0),ne([T],Ps.prototype,"renderCollapsedChildren",void 0),_e(Ps,te);class Ms extends je{constructor(){super(...arguments),this.handleBlur=t=>{const{relatedTarget:e,target:i}=t;i instanceof HTMLElement&&(null===e||!this.contains(e))&&this.setAttribute("tabindex","0")},this.handleFocus=t=>{const{relatedTarget:e,target:i}=t;if(i instanceof HTMLElement&&(null===e||!this.contains(e))){const t=this;i===this&&this.currentFocused instanceof Ps&&(Ps.focusItem(this.currentFocused),this.currentFocused.setAttribute("tabindex","0")),t.setAttribute("tabindex","-1")}},this.handleKeyDown=t=>{if(!this.treeItems)return!0;switch(t.key){case"Home":this.treeItems&&this.treeItems.length&&(Ps.focusItem(this.treeItems[0]),this.treeItems[0].setAttribute("tabindex","0"));break;case"End":this.treeItems&&this.treeItems.length&&(Ps.focusItem(this.treeItems[this.treeItems.length-1]),this.treeItems[this.treeItems.length-1].setAttribute("tabindex","0"));break;case"ArrowLeft":if(t.target&&this.isFocusableElement(t.target)){const e=t.target;e instanceof Ps&&e.childItemLength()>0&&(e.expanded=!1)}break;case"ArrowRight":if(t.target&&this.isFocusableElement(t.target)){const e=t.target;e instanceof Ps&&e.childItemLength()>0&&(e.expanded=!0)}break;case"ArrowDown":t.target&&this.isFocusableElement(t.target)&&this.focusNextNode(1,t.target);break;case"ArrowUp":t.target&&this.isFocusableElement(t.target)&&this.focusNextNode(-1,t.target);break;case"Enter":this.handleSelected(t.target);break;default:return!0}},this.setItems=()=>{let t=this.treeItems.findIndex(this.isSelectedElement);-1===t&&(t=this.treeItems.findIndex(this.isFocusableElement));for(let e=0;e<this.treeItems.length;e++)e===t&&(this.treeItems[e].setAttribute("tabindex","0"),this.currentFocused=this.treeItems[e]),this.treeItems[e].addEventListener("selected-change",this.handleItemSelected)},this.resetItems=()=>{for(let t=0;t<this.treeItems.length;t++)this.treeItems[t].removeEventListener("selected-change",this.handleItemSelected)},this.handleItemSelected=t=>{const e=t.target;e!==this.currentSelected&&this.handleSelected(e)},this.isFocusableElement=t=>Hs(t),this.isSelectedElement=t=>t.selected}slottedTreeItemsChanged(t,e){this.$fastController.isConnected&&(this.resetItems(),this.treeItems=this.getVisibleNodes(),this.setItems(),this.checkForNestedItems()&&this.slottedTreeItems.forEach(t=>{Hs(t)&&(t.nested=!0)}))}checkForNestedItems(){return this.slottedTreeItems.some(t=>Hs(t)&&t.querySelector("[role='treeitem']"))}connectedCallback(){super.connectedCallback(),this.treeItems=this.getVisibleNodes(),d.queueUpdate(()=>{const t=this.treeView.querySelector("[aria-selected='true']");t&&(this.currentSelected=t)})}focusNextNode(t,e){const i=this.getVisibleNodes();if(!i)return;const o=i.indexOf(e),s=i[o];(t<0&&o>0||t>0&&o<i.length-1)&&s.setAttribute("tabindex","-1");const n=i[i.indexOf(e)+t];Ke(n)&&(Ps.focusItem(n),n.setAttribute("tabindex","0"),this.currentFocused=n)}handleSelected(t){this.currentSelected!==t&&(t.setAttribute("tabindex","0"),this.currentSelected instanceof Ps&&this.currentFocused&&(t.disabled||(this.currentSelected.selected=!1),this.currentFocused.setAttribute("tabindex","-1")),this.currentSelected||this.slottedTreeItems.forEach(t=>{t instanceof Ps&&t.setAttribute("tabindex","-1")}),t.disabled||(t.selected=!0,this.currentSelected=t),this.currentFocused=t)}getVisibleNodes(){return function(t,e){if(!t||!e||!Ke(t))return;return Array.from(t.querySelectorAll(e)).filter(t=>null!==t.offsetParent)}(this,"[role='treeitem']")||[]}}var Bs,Ns,js,Us;function qs(t,e,i){return isNaN(t)||t<=e?e:t>=i?i:t}function _s(t,e,i){return isNaN(t)||t<=e?0:t>=i?1:t/(i-e)}function Gs(t,e,i){return isNaN(t)?e:e+t*(i-e)}function Ws(t,e,i){return isNaN(t)||t<=0?e:t>=1?i:e+t*(i-e)}function Ks(t,e){const i=Math.pow(10,e);return Math.round(t*i)/i}ne([ft({attribute:"render-collapsed-nodes"})],Ms.prototype,"renderCollapsedNodes",void 0),ne([T],Ms.prototype,"currentSelected",void 0),ne([T],Ms.prototype,"nested",void 0),ne([T],Ms.prototype,"slottedTreeItems",void 0),function(t){t.ltr="ltr",t.rtl="rtl"}(Bs||(Bs={})),function(t){t.Canvas="Canvas",t.CanvasText="CanvasText",t.LinkText="LinkText",t.VisitedText="VisitedText",t.ActiveText="ActiveText",t.ButtonFace="ButtonFace",t.ButtonText="ButtonText",t.Field="Field",t.FieldText="FieldText",t.Highlight="Highlight",t.HighlightText="HighlightText",t.GrayText="GrayText"}(Ns||(Ns={}));class Xs{constructor(t,e,i){this.h=t,this.s=e,this.l=i}static fromObject(t){return!t||isNaN(t.h)||isNaN(t.s)||isNaN(t.l)?null:new Xs(t.h,t.s,t.l)}equalValue(t){return this.h===t.h&&this.s===t.s&&this.l===t.l}roundToPrecision(t){return new Xs(Ks(this.h,t),Ks(this.s,t),Ks(this.l,t))}toObject(){return{h:this.h,s:this.s,l:this.l}}}class Ys{constructor(t,e,i){this.l=t,this.a=e,this.b=i}static fromObject(t){return!t||isNaN(t.l)||isNaN(t.a)||isNaN(t.b)?null:new Ys(t.l,t.a,t.b)}equalValue(t){return this.l===t.l&&this.a===t.a&&this.b===t.b}roundToPrecision(t){return new Ys(Ks(this.l,t),Ks(this.a,t),Ks(this.b,t))}toObject(){return{l:this.l,a:this.a,b:this.b}}}Ys.epsilon=216/24389,Ys.kappa=24389/27;class Qs{constructor(t,e,i,o){this.r=t,this.g=e,this.b=i,this.a="number"!=typeof o||isNaN(o)?1:o}static fromObject(t){return!t||isNaN(t.r)||isNaN(t.g)||isNaN(t.b)?null:new Qs(t.r,t.g,t.b,t.a)}equalValue(t){return this.r===t.r&&this.g===t.g&&this.b===t.b&&this.a===t.a}toStringHexRGB(){return"#"+[this.r,this.g,this.b].map(this.formatHexValue).join("")}toStringHexRGBA(){return this.toStringHexRGB()+this.formatHexValue(this.a)}toStringHexARGB(){return"#"+[this.a,this.r,this.g,this.b].map(this.formatHexValue).join("")}toStringWebRGB(){return`rgb(${Math.round(Gs(this.r,0,255))},${Math.round(Gs(this.g,0,255))},${Math.round(Gs(this.b,0,255))})`}toStringWebRGBA(){return`rgba(${Math.round(Gs(this.r,0,255))},${Math.round(Gs(this.g,0,255))},${Math.round(Gs(this.b,0,255))},${qs(this.a,0,1)})`}roundToPrecision(t){return new Qs(Ks(this.r,t),Ks(this.g,t),Ks(this.b,t),Ks(this.a,t))}clamp(){return new Qs(qs(this.r,0,1),qs(this.g,0,1),qs(this.b,0,1),qs(this.a,0,1))}toObject(){return{r:this.r,g:this.g,b:this.b,a:this.a}}formatHexValue(t){return function(t){const e=Math.round(qs(t,0,255)).toString(16);return 1===e.length?"0"+e:e}(Gs(t,0,255))}}class Zs{constructor(t,e,i){this.x=t,this.y=e,this.z=i}static fromObject(t){return!t||isNaN(t.x)||isNaN(t.y)||isNaN(t.z)?null:new Zs(t.x,t.y,t.z)}equalValue(t){return this.x===t.x&&this.y===t.y&&this.z===t.z}roundToPrecision(t){return new Zs(Ks(this.x,t),Ks(this.y,t),Ks(this.z,t))}toObject(){return{x:this.x,y:this.y,z:this.z}}}function Js(t){function e(t){return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)}return function(t){return.2126*t.r+.7152*t.g+.0722*t.b}(new Qs(e(t.r),e(t.g),e(t.b),1))}function tn(t){const e=Math.max(t.r,t.g,t.b),i=Math.min(t.r,t.g,t.b),o=e-i;let s=0;0!==o&&(s=e===t.r?(t.g-t.b)/o%6*60:e===t.g?60*((t.b-t.r)/o+2):60*((t.r-t.g)/o+4)),s<0&&(s+=360);const n=(e+i)/2;let r=0;return 0!==o&&(r=o/(1-Math.abs(2*n-1))),new Xs(s,r,n)}function en(t){return function(t){function e(t){return t>Ys.epsilon?Math.pow(t,1/3):(Ys.kappa*t+16)/116}const i=e(t.x/Zs.whitePoint.x),o=e(t.y/Zs.whitePoint.y),s=e(t.z/Zs.whitePoint.z);return new Ys(116*o-16,500*(i-o),200*(o-s))}(function(t){function e(t){return t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)}const i=e(t.r),o=e(t.g),s=e(t.b);return new Zs(.4124564*i+.3575761*o+.1804375*s,.2126729*i+.7151522*o+.072175*s,.0193339*i+.119192*o+.9503041*s)}(t))}function on(t,e=1){return function(t,e=1){function i(t){return t<=.0031308?12.92*t:1.055*Math.pow(t,1/2.4)-.055}const o=i(3.2404542*t.x-1.5371385*t.y-.4985314*t.z),s=i(-.969266*t.x+1.8760108*t.y+.041556*t.z),n=i(.0556434*t.x-.2040259*t.y+1.0572252*t.z);return new Qs(o,s,n,e)}(function(t){const e=(t.l+16)/116,i=e+t.a/500,o=e-t.b/200,s=Math.pow(i,3),n=Math.pow(e,3),r=Math.pow(o,3);let a=0;a=s>Ys.epsilon?s:(116*i-16)/Ys.kappa;let l=0;l=t.l>Ys.epsilon*Ys.kappa?n:t.l/Ys.kappa;let c=0;return c=r>Ys.epsilon?r:(116*o-16)/Ys.kappa,a=Zs.whitePoint.x*a,l=Zs.whitePoint.y*l,c=Zs.whitePoint.z*c,new Zs(a,l,c)}(t),e)}function sn(t,e,i){return isNaN(t)||t<=0?e:t>=1?i:new Qs(Ws(t,e.r,i.r),Ws(t,e.g,i.g),Ws(t,e.b,i.b),Ws(t,e.a,i.a))}Zs.whitePoint=new Zs(.95047,1,1.08883),function(t){t[t.Burn=0]="Burn",t[t.Color=1]="Color",t[t.Darken=2]="Darken",t[t.Dodge=3]="Dodge",t[t.Lighten=4]="Lighten",t[t.Multiply=5]="Multiply",t[t.Overlay=6]="Overlay",t[t.Screen=7]="Screen"}(js||(js={})),function(t){t[t.RGB=0]="RGB",t[t.HSL=1]="HSL",t[t.HSV=2]="HSV",t[t.XYZ=3]="XYZ",t[t.LAB=4]="LAB",t[t.LCH=5]="LCH"}(Us||(Us={}));const nn=/^#((?:[0-9a-f]{6}|[0-9a-f]{3}))$/i;function rn(t){const e=nn.exec(t);if(null===e)return null;let i=e[1];if(3===i.length){const t=i.charAt(0),e=i.charAt(1),o=i.charAt(2);i=t.concat(t,e,e,o,o)}const o=parseInt(i,16);return isNaN(o)?null:new Qs(_s((16711680&o)>>>16,0,255),_s((65280&o)>>>8,0,255),_s(255&o,0,255),1)}function an(t,e){const i=t.relativeLuminance>e.relativeLuminance?t:e,o=t.relativeLuminance>e.relativeLuminance?e:t;return(i.relativeLuminance+.05)/(o.relativeLuminance+.05)}const ln=Object.freeze({create:(t,e,i)=>new cn(t,e,i),from:t=>new cn(t.r,t.g,t.b)});class cn extends Qs{constructor(t,e,i){super(t,e,i,1),this.toColorString=this.toStringHexRGB,this.contrast=an.bind(null,this),this.createCSS=this.toColorString,this.relativeLuminance=Js(this)}static fromObject(t){return new cn(t.r,t.g,t.b)}}const hn=(-.1+Math.sqrt(.21))/2;function dn(t){return t.relativeLuminance<=hn}function un(t){return dn(t)?-1:1}const pn={stepContrast:1.03,stepContrastRamp:.03,preserveSource:!1};const gn=Object.freeze({create:function(t,e,i){return"number"==typeof t?gn.from(ln.create(t,e,i)):gn.from(t)},from:function(t,e){return function(t){const e={r:0,g:0,b:0,toColorString:()=>"",contrast:()=>0,relativeLuminance:0};for(const i in e)if(typeof e[i]!=typeof t[i])return!1;return!0}(t)?fn.from(t,e):fn.from(ln.create(t.r,t.g,t.b),e)}});class fn{constructor(t,e){this.closestIndexCache=new Map,this.source=t,this.swatches=e,this.reversedSwatches=Object.freeze([...this.swatches].reverse()),this.lastIndex=this.swatches.length-1}colorContrast(t,e,i,o){void 0===i&&(i=this.closestIndexOf(t));let s=this.swatches;const n=this.lastIndex;let r=i;void 0===o&&(o=un(t));return-1===o&&(s=this.reversedSwatches,r=n-r),function t(e,i,o=0,s=e.length-1){if(s===o)return e[o];const n=Math.floor((s-o)/2)+o;return i(e[n])?t(e,i,o,n):t(e,i,n+1,s)}(s,i=>an(t,i)>=e,r,n)}get(t){return this.swatches[t]||this.swatches[qs(t,0,this.lastIndex)]}closestIndexOf(t){if(this.closestIndexCache.has(t.relativeLuminance))return this.closestIndexCache.get(t.relativeLuminance);let e=this.swatches.indexOf(t);if(-1!==e)return this.closestIndexCache.set(t.relativeLuminance,e),e;const i=this.swatches.reduce((e,i)=>Math.abs(i.relativeLuminance-t.relativeLuminance)<Math.abs(e.relativeLuminance-t.relativeLuminance)?i:e);return e=this.swatches.indexOf(i),this.closestIndexCache.set(t.relativeLuminance,e),e}static saturationBump(t,e){const i=tn(t).s,o=tn(e);if(o.s<i){return function(t,e=1){const i=(1-Math.abs(2*t.l-1))*t.s,o=i*(1-Math.abs(t.h/60%2-1)),s=t.l-i/2;let n=0,r=0,a=0;return t.h<60?(n=i,r=o,a=0):t.h<120?(n=o,r=i,a=0):t.h<180?(n=0,r=i,a=o):t.h<240?(n=0,r=o,a=i):t.h<300?(n=o,r=0,a=i):t.h<360&&(n=i,r=0,a=o),new Qs(n+s,r+s,a+s,e)}(new Xs(o.h,i,o.l))}return e}static ramp(t){const e=t/100;return e>.5?(e-.5)/.5:2*e}static createHighResolutionPalette(t){const e=[],i=en(Qs.fromObject(t).roundToPrecision(4)),o=on(new Ys(0,i.a,i.b)).clamp().roundToPrecision(4),s=on(new Ys(50,i.a,i.b)).clamp().roundToPrecision(4),n=on(new Ys(100,i.a,i.b)).clamp().roundToPrecision(4),r=new Qs(0,0,0),a=new Qs(1,1,1),l=n.equalValue(a)?0:14,c=o.equalValue(r)?0:14;for(let t=100+l;t>=0-c;t-=.5){let i;if(t<0){i=sn(t/c+1,r,o)}else if(t<=50)i=sn(fn.ramp(t),o,s);else if(t<=100)i=sn(fn.ramp(t),s,n);else{i=sn((t-100)/l,n,a)}i=fn.saturationBump(s,i).roundToPrecision(4),e.push(ln.from(i))}return new fn(t,e)}static adjustEnd(t,e,i,o){const s=-1===o?e.swatches:e.reversedSwatches,n=t=>{const i=e.closestIndexOf(t);return 1===o?e.lastIndex-i:i};1===o&&i.reverse();const r=t(i[i.length-2]);if(Ks(an(i[i.length-1],i[i.length-2]),2)<r){i.pop();const t=n(e.colorContrast(s[e.lastIndex],r,void 0,o))-n(i[i.length-2]);let a=1;for(let o=i.length-t-1;o<i.length;o++){const t=n(i[o]),r=o===i.length-1?e.lastIndex:t+a;i[o]=s[r],a++}}1===o&&i.reverse()}static createColorPaletteByContrast(t,e){const i=fn.createHighResolutionPalette(t),o=t=>Ks(e.stepContrast+e.stepContrast*(1-t.relativeLuminance)*e.stepContrastRamp,2),s=[];let n=e.preserveSource?t:i.swatches[0];s.push(n);do{const t=o(n);n=i.colorContrast(n,t,void 0,1),s.push(n)}while(n.relativeLuminance>0);if(e.preserveSource){n=t;do{const t=o(n);n=i.colorContrast(n,t,void 0,-1),s.unshift(n)}while(n.relativeLuminance<1)}return this.adjustEnd(o,i,s,-1),e.preserveSource&&this.adjustEnd(o,i,s,1),s}static from(t,e){const i=void 0===e?pn:Object.assign(Object.assign({},pn),e);return new fn(t,Object.freeze(fn.createColorPaletteByContrast(t,i)))}}const mn=ln.create(1,1,1),bn=ln.create(0,0,0),vn=ln.create(.5,.5,.5),yn=rn("#0078D4"),xn=ln.create(yn.r,yn.g,yn.b);function $n(t,e,i,o,s){const n=t=>t.contrast(mn)>=s?mn:bn,r=n(t),a=n(e);return{rest:r,hover:a,active:r.relativeLuminance===a.relativeLuminance?r:n(i),focus:n(o)}}class wn{constructor(t,e,i,o){this.toColorString=()=>this.cssGradient,this.contrast=an.bind(null,this),this.createCSS=this.toColorString,this.color=new Qs(t,e,i),this.cssGradient=o,this.relativeLuminance=Js(this.color),this.r=t,this.g=e,this.b=i}static fromObject(t,e){return new wn(t.r,t.g,t.b,e)}}const kn=new Qs(0,0,0),Cn=new Qs(1,1,1);function Fn(t,e,i,o,s,n,r,a,l=10,c=!1){const h=t.closestIndexOf(e);function d(i){if(c){const o=t.closestIndexOf(e),s=t.get(o),n=i.relativeLuminance<e.relativeLuminance?kn:Cn,r=function(t,e,i){const o=((t.r-e.r)/(i.r-e.r)+(t.g-e.g)/(i.g-e.g)+(t.b-e.b)/(i.b-e.b))/3;return new Qs(i.r,i.g,i.b,o)}(rn(i.toColorString()),rn(s.toColorString()),n).roundToPrecision(2),a=function(t,e){if(e.a>=1)return e;if(e.a<=0)return new Qs(t.r,t.g,t.b,1);const i=e.a*e.r+(1-e.a)*t.r,o=e.a*e.g+(1-e.a)*t.g,s=e.a*e.b+(1-e.a)*t.b;return new Qs(i,o,s,1)}(rn(e.toColorString()),r);return ln.from(a)}return i}void 0===a&&(a=un(e));const u=h+a*i,p=u+a*(o-i),g=u+a*(s-i),f=u+a*(n-i),m=-1===a?0:100-l,b=-1===a?l:100;function v(e,i){const o=t.get(e);if(i){const i=t.get(e+a*r),s=-1===a?i:o,n=-1===a?o:i,l=`linear-gradient(${d(s).toColorString()} ${m}%, ${d(n).toColorString()} ${b}%)`;return wn.fromObject(s,l)}return d(o)}return{rest:v(u,!0),hover:v(p,!0),active:v(g,!1),focus:v(f,!0)}}function In(t,e,i,o,s,n,r,a){null==a&&(a=un(e));const l=t.closestIndexOf(t.colorContrast(e,i));return{rest:t.get(l+a*o),hover:t.get(l+a*s),active:t.get(l+a*n),focus:t.get(l+a*r)}}function Tn(t,e,i,o,s,n,r){const a=t.closestIndexOf(e);return null==r&&(r=un(e)),{rest:t.get(a+r*i),hover:t.get(a+r*o),active:t.get(a+r*s),focus:t.get(a+r*n)}}function Dn(t,e,i,o,s,n,r,a,l,c,h,d){return dn(e)?Tn(t,e,a,l,c,h,d):Tn(t,e,i,o,s,n,r)}var Vn;function Sn(t,e){return t.closestIndexOf((i=e,ln.create(i,i,i)));var i}function Rn(t,e,i){return t.get(Sn(t,e)+-1*i)}!function(t){t[t.LightMode=.98]="LightMode",t[t.DarkMode=.15]="DarkMode"}(Vn||(Vn={}));const{create:En}=$o;function On(t){return $o.create({name:t,cssCustomPropertyName:null})}const An=En("direction").withDefault(Bs.ltr),Ln=En("disabled-opacity").withDefault(.3),zn=En("base-height-multiplier").withDefault(8),Hn=En("base-horizontal-spacing-multiplier").withDefault(3),Pn=En("density").withDefault(0),Mn=En("design-unit").withDefault(4),Bn=En("control-corner-radius").withDefault(4),Nn=En("layer-corner-radius").withDefault(8),jn=En("stroke-width").withDefault(1),Un=En("focus-stroke-width").withDefault(2),qn=En("body-font").withDefault("Segoe UI, sans-serif"),_n=En("type-ramp-base-font-size").withDefault("14px"),Gn=En("type-ramp-base-line-height").withDefault("20px"),Wn=En("type-ramp-minus-1-font-size").withDefault("12px"),Kn=En("type-ramp-minus-1-line-height").withDefault("16px"),Xn=En("type-ramp-minus-2-font-size").withDefault("10px"),Yn=En("type-ramp-minus-2-line-height").withDefault("14px"),Qn=En("type-ramp-plus-1-font-size").withDefault("16px"),Zn=En("type-ramp-plus-1-line-height").withDefault("22px"),Jn=En("type-ramp-plus-2-font-size").withDefault("20px"),tr=En("type-ramp-plus-2-line-height").withDefault("28px"),er=En("type-ramp-plus-3-font-size").withDefault("24px"),ir=En("type-ramp-plus-3-line-height").withDefault("32px"),or=En("type-ramp-plus-4-font-size").withDefault("28px"),sr=En("type-ramp-plus-4-line-height").withDefault("36px"),nr=En("type-ramp-plus-5-font-size").withDefault("32px"),rr=En("type-ramp-plus-5-line-height").withDefault("40px"),ar=En("type-ramp-plus-6-font-size").withDefault("40px"),lr=En("type-ramp-plus-6-line-height").withDefault("52px"),cr=En("base-layer-luminance").withDefault(Vn.LightMode),hr=On("accent-fill-rest-delta").withDefault(0),dr=On("accent-fill-hover-delta").withDefault(-2),ur=On("accent-fill-active-delta").withDefault(-5),pr=On("accent-fill-focus-delta").withDefault(0),gr=On("accent-foreground-rest-delta").withDefault(0),fr=On("accent-foreground-hover-delta").withDefault(3),mr=On("accent-foreground-active-delta").withDefault(-8),br=On("accent-foreground-focus-delta").withDefault(0),vr=On("neutral-fill-rest-delta").withDefault(-1),yr=On("neutral-fill-hover-delta").withDefault(1),xr=On("neutral-fill-active-delta").withDefault(0),$r=On("neutral-fill-focus-delta").withDefault(0),wr=On("neutral-fill-input-rest-delta").withDefault(-1),kr=On("neutral-fill-input-hover-delta").withDefault(1),Cr=On("neutral-fill-input-active-delta").withDefault(0),Fr=On("neutral-fill-input-focus-delta").withDefault(-2),Ir=On("neutral-fill-input-alt-rest-delta").withDefault(2),Tr=On("neutral-fill-input-alt-hover-delta").withDefault(4),Dr=On("neutral-fill-input-alt-active-delta").withDefault(6),Vr=On("neutral-fill-input-alt-focus-delta").withDefault(2),Sr=On("neutral-fill-layer-rest-delta").withDefault(-2),Rr=On("neutral-fill-layer-hover-delta").withDefault(-3),Er=On("neutral-fill-layer-active-delta").withDefault(-3),Or=On("neutral-fill-layer-alt-rest-delta").withDefault(-1),Ar=On("neutral-fill-secondary-rest-delta").withDefault(3),Lr=On("neutral-fill-secondary-hover-delta").withDefault(2),zr=On("neutral-fill-secondary-active-delta").withDefault(1),Hr=On("neutral-fill-secondary-focus-delta").withDefault(3),Pr=On("neutral-fill-stealth-rest-delta").withDefault(0),Mr=On("neutral-fill-stealth-hover-delta").withDefault(3),Br=On("neutral-fill-stealth-active-delta").withDefault(2),Nr=On("neutral-fill-stealth-focus-delta").withDefault(0),jr=On("neutral-fill-strong-rest-delta").withDefault(0),Ur=On("neutral-fill-strong-hover-delta").withDefault(8),qr=On("neutral-fill-strong-active-delta").withDefault(-5),_r=On("neutral-fill-strong-focus-delta").withDefault(0),Gr=On("neutral-stroke-rest-delta").withDefault(8),Wr=On("neutral-stroke-hover-delta").withDefault(12),Kr=On("neutral-stroke-active-delta").withDefault(6),Xr=On("neutral-stroke-focus-delta").withDefault(8),Yr=On("neutral-stroke-control-rest-delta").withDefault(3),Qr=On("neutral-stroke-control-hover-delta").withDefault(5),Zr=On("neutral-stroke-control-active-delta").withDefault(5),Jr=On("neutral-stroke-control-focus-delta").withDefault(5),ta=On("neutral-stroke-divider-rest-delta").withDefault(4),ea=On("neutral-stroke-layer-rest-delta").withDefault(3),ia=On("neutral-stroke-layer-hover-delta").withDefault(3),oa=On("neutral-stroke-layer-active-delta").withDefault(3),sa=On("neutral-stroke-strong-hover-delta").withDefault(0),na=On("neutral-stroke-strong-active-delta").withDefault(0),ra=On("neutral-stroke-strong-focus-delta").withDefault(0),aa=En("neutral-base-color").withDefault(vn),la=On("neutral-palette").withDefault(t=>gn.from(aa.getValueFor(t))),ca=En("accent-base-color").withDefault(xn),ha=On("accent-palette").withDefault(t=>gn.from(ca.getValueFor(t))),da=On("neutral-layer-card-container-recipe").withDefault({evaluate:t=>Rn(la.getValueFor(t),cr.getValueFor(t),Sr.getValueFor(t))}),ua=En("neutral-layer-card-container").withDefault(t=>da.getValueFor(t).evaluate(t)),pa=On("neutral-layer-floating-recipe").withDefault({evaluate:t=>function(t,e,i){return t.get(Sn(t,e)+i)}(la.getValueFor(t),cr.getValueFor(t),Sr.getValueFor(t))}),ga=En("neutral-layer-floating").withDefault(t=>pa.getValueFor(t).evaluate(t)),fa=On("neutral-layer-1-recipe").withDefault({evaluate:t=>function(t,e){return t.get(Sn(t,e))}(la.getValueFor(t),cr.getValueFor(t))}),ma=En("neutral-layer-1").withDefault(t=>fa.getValueFor(t).evaluate(t)),ba=On("neutral-layer-2-recipe").withDefault({evaluate:t=>Rn(la.getValueFor(t),cr.getValueFor(t),Sr.getValueFor(t))}),va=En("neutral-layer-2").withDefault(t=>ba.getValueFor(t).evaluate(t)),ya=On("neutral-layer-3-recipe").withDefault({evaluate:t=>function(t,e,i){return t.get(Sn(t,e)+-1*i*2)}(la.getValueFor(t),cr.getValueFor(t),Sr.getValueFor(t))}),xa=En("neutral-layer-3").withDefault(t=>ya.getValueFor(t).evaluate(t)),$a=On("neutral-layer-4-recipe").withDefault({evaluate:t=>function(t,e,i){return t.get(Sn(t,e)+-1*i*3)}(la.getValueFor(t),cr.getValueFor(t),Sr.getValueFor(t))}),wa=En("neutral-layer-4").withDefault(t=>$a.getValueFor(t).evaluate(t)),ka=En("fill-color").withDefault(t=>ma.getValueFor(t));var Ca;!function(t){t[t.normal=4.5]="normal",t[t.large=3]="large"}(Ca||(Ca={}));const Fa=On("accent-fill-recipe").withDefault({evaluate:(t,e)=>function(t,e,i,o,s,n,r,a,l,c,h,d,u,p){return dn(e)?In(t,e,l,c,h,d,u,p):In(t,e,i,o,s,n,r,a)}(ha.getValueFor(t),e||ka.getValueFor(t),5,hr.getValueFor(t),dr.getValueFor(t),ur.getValueFor(t),pr.getValueFor(t),void 0,8,hr.getValueFor(t),dr.getValueFor(t),ur.getValueFor(t),pr.getValueFor(t),void 0)}),Ia=En("accent-fill-rest").withDefault(t=>Fa.getValueFor(t).evaluate(t).rest),Ta=En("accent-fill-hover").withDefault(t=>Fa.getValueFor(t).evaluate(t).hover),Da=En("accent-fill-active").withDefault(t=>Fa.getValueFor(t).evaluate(t).active),Va=En("accent-fill-focus").withDefault(t=>Fa.getValueFor(t).evaluate(t).focus),Sa=On("foreground-on-accent-recipe").withDefault({evaluate:t=>$n(Ia.getValueFor(t),Ta.getValueFor(t),Da.getValueFor(t),Va.getValueFor(t),Ca.normal)}),Ra=En("foreground-on-accent-rest").withDefault(t=>Sa.getValueFor(t).evaluate(t).rest),Ea=En("foreground-on-accent-hover").withDefault(t=>Sa.getValueFor(t).evaluate(t).hover),Oa=En("foreground-on-accent-active").withDefault(t=>Sa.getValueFor(t).evaluate(t).active),Aa=En("foreground-on-accent-focus").withDefault(t=>Sa.getValueFor(t).evaluate(t).focus),La=On("accent-foreground-recipe").withDefault({evaluate:(t,e)=>In(ha.getValueFor(t),e||ka.getValueFor(t),9.5,gr.getValueFor(t),fr.getValueFor(t),mr.getValueFor(t),br.getValueFor(t))}),za=En("accent-foreground-rest").withDefault(t=>La.getValueFor(t).evaluate(t).rest),Ha=En("accent-foreground-hover").withDefault(t=>La.getValueFor(t).evaluate(t).hover),Pa=En("accent-foreground-active").withDefault(t=>La.getValueFor(t).evaluate(t).active),Ma=En("accent-foreground-focus").withDefault(t=>La.getValueFor(t).evaluate(t).focus),Ba=On("accent-stroke-control-recipe").withDefault({evaluate:(t,e)=>Fn(la.getValueFor(t),e||ka.getValueFor(t),-3,-3,-3,-3,10,1,void 0,!0)}),Na=En("accent-stroke-control-rest").withDefault(t=>Ba.getValueFor(t).evaluate(t,Ia.getValueFor(t)).rest),ja=En("accent-stroke-control-hover").withDefault(t=>Ba.getValueFor(t).evaluate(t,Ta.getValueFor(t)).hover),Ua=En("accent-stroke-control-active").withDefault(t=>Ba.getValueFor(t).evaluate(t,Da.getValueFor(t)).active),qa=En("accent-stroke-control-focus").withDefault(t=>Ba.getValueFor(t).evaluate(t,Va.getValueFor(t)).focus),_a=On("neutral-fill-recipe").withDefault({evaluate:(t,e)=>Dn(la.getValueFor(t),e||ka.getValueFor(t),vr.getValueFor(t),yr.getValueFor(t),xr.getValueFor(t),$r.getValueFor(t),void 0,2,3,1,2,void 0)}),Ga=En("neutral-fill-rest").withDefault(t=>_a.getValueFor(t).evaluate(t).rest),Wa=En("neutral-fill-hover").withDefault(t=>_a.getValueFor(t).evaluate(t).hover),Ka=En("neutral-fill-active").withDefault(t=>_a.getValueFor(t).evaluate(t).active),Xa=En("neutral-fill-focus").withDefault(t=>_a.getValueFor(t).evaluate(t).focus),Ya=On("neutral-fill-input-recipe").withDefault({evaluate:(t,e)=>Dn(la.getValueFor(t),e||ka.getValueFor(t),wr.getValueFor(t),kr.getValueFor(t),Cr.getValueFor(t),Fr.getValueFor(t),void 0,2,3,1,0,void 0)}),Qa=En("neutral-fill-input-rest").withDefault(t=>Ya.getValueFor(t).evaluate(t).rest),Za=En("neutral-fill-input-hover").withDefault(t=>Ya.getValueFor(t).evaluate(t).hover),Ja=En("neutral-fill-input-active").withDefault(t=>Ya.getValueFor(t).evaluate(t).active),tl=En("neutral-fill-input-focus").withDefault(t=>Ya.getValueFor(t).evaluate(t).focus),el=On("neutral-fill-input-alt-recipe").withDefault({evaluate:(t,e)=>Dn(la.getValueFor(t),e||ka.getValueFor(t),Ir.getValueFor(t),Tr.getValueFor(t),Dr.getValueFor(t),Vr.getValueFor(t),1,Ir.getValueFor(t),Ir.getValueFor(t)-Tr.getValueFor(t),Ir.getValueFor(t)-Dr.getValueFor(t),Vr.getValueFor(t),1)}),il=En("neutral-fill-input-alt-rest").withDefault(t=>el.getValueFor(t).evaluate(t).rest),ol=En("neutral-fill-input-alt-hover").withDefault(t=>el.getValueFor(t).evaluate(t).hover),sl=En("neutral-fill-input-alt-active").withDefault(t=>el.getValueFor(t).evaluate(t).active),nl=En("neutral-fill-input-alt-focus").withDefault(t=>el.getValueFor(t).evaluate(t).focus),rl=On("neutral-fill-layer-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),Sr.getValueFor(t),Rr.getValueFor(t),Er.getValueFor(t),Sr.getValueFor(t),1)}),al=En("neutral-fill-layer-rest").withDefault(t=>rl.getValueFor(t).evaluate(t).rest),ll=En("neutral-fill-layer-hover").withDefault(t=>rl.getValueFor(t).evaluate(t).hover),cl=En("neutral-fill-layer-active").withDefault(t=>rl.getValueFor(t).evaluate(t).active),hl=On("neutral-fill-layer-alt-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),Or.getValueFor(t),Or.getValueFor(t),Or.getValueFor(t),Or.getValueFor(t))}),dl=En("neutral-fill-layer-alt-rest").withDefault(t=>hl.getValueFor(t).evaluate(t).rest),ul=On("neutral-fill-secondary-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),Ar.getValueFor(t),Lr.getValueFor(t),zr.getValueFor(t),Hr.getValueFor(t))}),pl=En("neutral-fill-secondary-rest").withDefault(t=>ul.getValueFor(t).evaluate(t).rest),gl=En("neutral-fill-secondary-hover").withDefault(t=>ul.getValueFor(t).evaluate(t).hover),fl=En("neutral-fill-secondary-active").withDefault(t=>ul.getValueFor(t).evaluate(t).active),ml=En("neutral-fill-secondary-focus").withDefault(t=>ul.getValueFor(t).evaluate(t).focus),bl=On("neutral-fill-stealth-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),Pr.getValueFor(t),Mr.getValueFor(t),Br.getValueFor(t),Nr.getValueFor(t))}),vl=En("neutral-fill-stealth-rest").withDefault(t=>bl.getValueFor(t).evaluate(t).rest),yl=En("neutral-fill-stealth-hover").withDefault(t=>bl.getValueFor(t).evaluate(t).hover),xl=En("neutral-fill-stealth-active").withDefault(t=>bl.getValueFor(t).evaluate(t).active),$l=En("neutral-fill-stealth-focus").withDefault(t=>bl.getValueFor(t).evaluate(t).focus),wl=On("neutral-fill-strong-recipe").withDefault({evaluate:(t,e)=>In(la.getValueFor(t),e||ka.getValueFor(t),4.5,jr.getValueFor(t),Ur.getValueFor(t),qr.getValueFor(t),_r.getValueFor(t))}),kl=En("neutral-fill-strong-rest").withDefault(t=>wl.getValueFor(t).evaluate(t).rest),Cl=En("neutral-fill-strong-hover").withDefault(t=>wl.getValueFor(t).evaluate(t).hover),Fl=En("neutral-fill-strong-active").withDefault(t=>wl.getValueFor(t).evaluate(t).active),Il=En("neutral-fill-strong-focus").withDefault(t=>wl.getValueFor(t).evaluate(t).focus),Tl=On("neutral-foreground-recipe").withDefault({evaluate:(t,e)=>In(la.getValueFor(t),e||ka.getValueFor(t),16,0,-19,-30,0)}),Dl=En("neutral-foreground-rest").withDefault(t=>Tl.getValueFor(t).evaluate(t).rest),Vl=En("neutral-foreground-hover").withDefault(t=>Tl.getValueFor(t).evaluate(t).hover),Sl=En("neutral-foreground-active").withDefault(t=>Tl.getValueFor(t).evaluate(t).active),Rl=En("neutral-foreground-focus").withDefault(t=>Tl.getValueFor(t).evaluate(t).focus),El=On("neutral-foreground-hint-recipe").withDefault({evaluate:(t,e)=>function(t,e,i){return t.colorContrast(e,i)}(la.getValueFor(t),e||ka.getValueFor(t),4.5)}),Ol=En("neutral-foreground-hint").withDefault(t=>El.getValueFor(t).evaluate(t)),Al=On("neutral-stroke-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),Gr.getValueFor(t),Wr.getValueFor(t),Kr.getValueFor(t),Xr.getValueFor(t))}),Ll=En("neutral-stroke-rest").withDefault(t=>Al.getValueFor(t).evaluate(t).rest),zl=En("neutral-stroke-hover").withDefault(t=>Al.getValueFor(t).evaluate(t).hover),Hl=En("neutral-stroke-active").withDefault(t=>Al.getValueFor(t).evaluate(t).active),Pl=En("neutral-stroke-focus").withDefault(t=>Al.getValueFor(t).evaluate(t).focus),Ml=On("neutral-stroke-control-recipe").withDefault({evaluate:(t,e)=>Fn(la.getValueFor(t),e||ka.getValueFor(t),Yr.getValueFor(t),Qr.getValueFor(t),Zr.getValueFor(t),Jr.getValueFor(t),5)}),Bl=En("neutral-stroke-control-rest").withDefault(t=>Ml.getValueFor(t).evaluate(t).rest),Nl=En("neutral-stroke-control-hover").withDefault(t=>Ml.getValueFor(t).evaluate(t).hover),jl=En("neutral-stroke-control-active").withDefault(t=>Ml.getValueFor(t).evaluate(t).active),Ul=En("neutral-stroke-control-focus").withDefault(t=>Ml.getValueFor(t).evaluate(t).focus),ql=On("neutral-stroke-divider-recipe").withDefault({evaluate:(t,e)=>function(t,e,i){return t.get(t.closestIndexOf(e)+un(e)*i)}(la.getValueFor(t),e||ka.getValueFor(t),ta.getValueFor(t))}),_l=En("neutral-stroke-divider-rest").withDefault(t=>ql.getValueFor(t).evaluate(t)),Gl=On("neutral-stroke-input-recipe").withDefault({evaluate:(t,e)=>function(t,e,i,o,s,n,r,a){const l=t.closestIndexOf(e),c=un(e),h=l+c*i,d=h+c*(o-i),u=h+c*(s-i),p=h+c*(n-i),g=`calc(100% - ${a})`;function f(e,i){const o=t.get(e);if(i){const i=t.get(e+c*r),s=`linear-gradient(${o.toColorString()} ${g}, ${i.toColorString()} ${g}, ${i.toColorString()})`;return wn.fromObject(o,s)}return o}return{rest:f(h,!0),hover:f(d,!0),active:f(u,!1),focus:f(p,!0)}}(la.getValueFor(t),e||ka.getValueFor(t),Yr.getValueFor(t),Qr.getValueFor(t),Zr.getValueFor(t),Jr.getValueFor(t),20,jn.getValueFor(t)+"px")}),Wl=En("neutral-stroke-input-rest").withDefault(t=>Gl.getValueFor(t).evaluate(t).rest),Kl=En("neutral-stroke-input-hover").withDefault(t=>Gl.getValueFor(t).evaluate(t).hover),Xl=En("neutral-stroke-input-active").withDefault(t=>Gl.getValueFor(t).evaluate(t).active),Yl=En("neutral-stroke-input-focus").withDefault(t=>Gl.getValueFor(t).evaluate(t).focus),Ql=On("neutral-stroke-layer-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),ea.getValueFor(t),ia.getValueFor(t),oa.getValueFor(t),ea.getValueFor(t))}),Zl=En("neutral-stroke-layer-rest").withDefault(t=>Ql.getValueFor(t).evaluate(t).rest),Jl=En("neutral-stroke-layer-hover").withDefault(t=>Ql.getValueFor(t).evaluate(t).hover),tc=En("neutral-stroke-layer-active").withDefault(t=>Ql.getValueFor(t).evaluate(t).active),ec=On("neutral-stroke-strong-recipe").withDefault({evaluate:(t,e)=>In(la.getValueFor(t),e||ka.getValueFor(t),5.5,0,sa.getValueFor(t),na.getValueFor(t),ra.getValueFor(t))}),ic=En("neutral-stroke-strong-rest").withDefault(t=>ec.getValueFor(t).evaluate(t).rest),oc=En("neutral-stroke-strong-hover").withDefault(t=>ec.getValueFor(t).evaluate(t).hover),sc=En("neutral-stroke-strong-active").withDefault(t=>ec.getValueFor(t).evaluate(t).active),nc=En("neutral-stroke-strong-focus").withDefault(t=>ec.getValueFor(t).evaluate(t).focus),rc=On("focus-stroke-outer-recipe").withDefault({evaluate:t=>(la.getValueFor(t),dn(ka.getValueFor(t))?mn:bn)}),ac=En("focus-stroke-outer").withDefault(t=>rc.getValueFor(t).evaluate(t)),lc=On("focus-stroke-inner-recipe").withDefault({evaluate:t=>{return ha.getValueFor(t),e=ka.getValueFor(t),ac.getValueFor(t),dn(e)?bn:mn;var e}}),cc=En("focus-stroke-inner").withDefault(t=>lc.getValueFor(t).evaluate(t)),hc=On("foreground-on-accent-large-recipe").withDefault({evaluate:t=>$n(Ia.getValueFor(t),Ta.getValueFor(t),Da.getValueFor(t),Va.getValueFor(t),Ca.large)}),dc=En("foreground-on-accent-rest-large").withDefault(t=>hc.getValueFor(t).evaluate(t).rest),uc=En("foreground-on-accent-hover-large").withDefault(t=>hc.getValueFor(t).evaluate(t,Ta.getValueFor(t)).hover),pc=En("foreground-on-accent-active-large").withDefault(t=>hc.getValueFor(t).evaluate(t,Da.getValueFor(t)).active),gc=En("foreground-on-accent-focus-large").withDefault(t=>hc.getValueFor(t).evaluate(t,Va.getValueFor(t)).focus),fc=En("neutral-fill-inverse-rest-delta").withDefault(0),mc=En("neutral-fill-inverse-hover-delta").withDefault(-3),bc=En("neutral-fill-inverse-active-delta").withDefault(7),vc=En("neutral-fill-inverse-focus-delta").withDefault(0);const yc=On("neutral-fill-inverse-recipe").withDefault({evaluate:(t,e)=>function(t,e,i,o,s,n){const r=un(e),a=t.closestIndexOf(t.colorContrast(e,14)),l=a+r*Math.abs(i-o);let c,h;return(1===r?i<o:r*i>r*o)?(c=a,h=l):(c=l,h=a),{rest:t.get(c),hover:t.get(h),active:t.get(c+r*s),focus:t.get(c+r*n)}}(la.getValueFor(t),e||ka.getValueFor(t),fc.getValueFor(t),mc.getValueFor(t),bc.getValueFor(t),vc.getValueFor(t))}),xc=En("neutral-fill-inverse-rest").withDefault(t=>yc.getValueFor(t).evaluate(t).rest),$c=En("neutral-fill-inverse-hover").withDefault(t=>yc.getValueFor(t).evaluate(t).hover),wc=En("neutral-fill-inverse-active").withDefault(t=>yc.getValueFor(t).evaluate(t).active),kc=En("neutral-fill-inverse-focus").withDefault(t=>yc.getValueFor(t).evaluate(t).focus),Cc=Bn,Fc=Nn,Ic=jn,Tc=Un,Dc=fc,Vc=mc,Sc=bc,Rc=vc,Ec=Sr,Oc=jr,Ac=Ur,Lc=qr,zc=_r,Hc=ta,Pc=ma,Mc=va,Bc=xa,Nc=wa,jc=Ra,Uc=dc,qc=_l,_c=al,Gc=xc,Wc=$c,Kc=wc,Xc=kc,Yc=kl,Qc=Cl,Zc=Fl,Jc=Il,th=ac,eh=cc,ih=Ll,oh=zl,sh=Hl,nh=Pl,rh=(t,e)=>Dt`
     ${eo("flex")} :host{box-sizing:border-box;flex-direction:column;font-family:${qn};font-size:${_n};line-height:${Gn};color:${Dl};gap:calc(${Mn} * 1px)}`,ah=St`(${zn} + ${Pn}) * ${Mn}`,lh=$o.create("neutral-fill-stealth-rest-on-neutral-fill-layer-rest").withDefault(t=>{const e=rl.getValueFor(t);return bl.getValueFor(t).evaluate(t,e.evaluate(t).rest).rest}),ch=$o.create("neutral-fill-stealth-hover-on-neutral-fill-layer-rest").withDefault(t=>{const e=rl.getValueFor(t);return bl.getValueFor(t).evaluate(t,e.evaluate(t).rest).hover}),hh=$o.create("neutral-fill-stealth-active-on-neutral-fill-layer-rest").withDefault(t=>{const e=rl.getValueFor(t);return bl.getValueFor(t).evaluate(t,e.evaluate(t).rest).active}),dh=(t,e)=>Dt`
-    ${eo("flex")} :host{box-sizing:border-box;font-family:${qn};flex-direction:column;font-size:${_n};line-height:${Gn};background:${al};color:${Dl};border:calc(${jn} * 1px) solid ${Zl};border-radius:calc(${Nn} * 1px)}.region{display:none;padding:calc(${Mn} * 2 * 1px);background:${dl}}.heading{display:grid;position:relative;grid-template-columns:auto 1fr auto auto;align-items:center;z-index:2}.button{appearance:none;border:none;background:none;grid-column:2;grid-row:1;outline:none;margin:calc(${Mn} * 3 * 1px) 0;padding:0 calc(${Mn} * 2 * 1px);text-align:left;color:inherit;cursor:pointer;font-family:inherit}.button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;cursor:pointer}.button:${io}::before{outline:none;border:calc(${jn} * 1px) solid ${ac};border-radius:calc(${Nn} * 1px);box-shadow:0 0 0 calc((${Un} - ${jn}) * 1px) ${ac}}:host(.expanded) .button:${io}::before{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.expanded) .region{display:block;border-top:calc(${jn} * 1px) solid ${Zl};border-bottom-left-radius:calc((${Nn} - ${jn}) * 1px);border-bottom-right-radius:calc((${Nn} - ${jn}) * 1px)}.icon{display:flex;align-items:center;justify-content:center;grid-column:4;z-index:2;pointer-events:none;background:${lh};border-radius:calc(${Bn} * 1px);fill:currentcolor;width:calc(${ah} * 1px);height:calc(${ah} * 1px);margin:calc(${Mn} * 2 * 1px)}.heading:hover .icon{background:${ch}}.heading:active .icon{background:${hh}}slot[name='collapsed-icon']{display:flex}:host(.expanded) slot[name='collapsed-icon']{display:none}slot[name='expanded-icon']{display:none}:host(.expanded) slot[name='expanded-icon']{display:flex}.start{display:flex;align-items:center;padding-inline-start:calc(${Mn} * 2 * 1px);justify-content:center;grid-column:1;z-index:2}.end{display:flex;align-items:center;justify-content:center;grid-column:3;z-index:2}`.withBehaviors(Ji(Dt`
+    ${eo("flex")} :host{box-sizing:border-box;font-family:${qn};flex-direction:column;font-size:${_n};line-height:${Gn};background:${al};color:${Dl};border:calc(${jn} * 1px) solid ${Zl};border-radius:calc(${Nn} * 1px)}.region{display:none;padding:calc(${Mn} * 2 * 1px);background:${dl}}.heading{display:grid;position:relative;grid-template-columns:auto 1fr auto auto;align-items:center}.button{appearance:none;border:none;background:none;grid-column:2;grid-row:1;outline:none;margin:calc(${Mn} * 3 * 1px) 0;padding:0 calc(${Mn} * 2 * 1px);text-align:left;color:inherit;cursor:pointer;font-family:inherit}.button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.button:${io}::before{outline:none;border:calc(${jn} * 1px) solid ${ac};border-radius:calc(${Nn} * 1px);box-shadow:0 0 0 calc((${Un} - ${jn}) * 1px) ${ac}}:host(.expanded) .button:${io}::before{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.expanded) .region{display:block;border-top:calc(${jn} * 1px) solid ${Zl};border-bottom-left-radius:calc((${Nn} - ${jn}) * 1px);border-bottom-right-radius:calc((${Nn} - ${jn}) * 1px)}.icon{display:flex;align-items:center;justify-content:center;grid-column:4;pointer-events:none;background:${lh};border-radius:calc(${Bn} * 1px);fill:currentcolor;width:calc(${ah} * 1px);height:calc(${ah} * 1px);margin:calc(${Mn} * 2 * 1px)}.heading:hover .icon{background:${ch}}.heading:active .icon{background:${hh}}slot[name='collapsed-icon']{display:flex}:host(.expanded) slot[name='collapsed-icon']{display:none}slot[name='expanded-icon']{display:none}:host(.expanded) slot[name='expanded-icon']{display:flex}.start{display:flex;align-items:center;padding-inline-start:calc(${Mn} * 2 * 1px);justify-content:center;grid-column:1}.end{display:flex;align-items:center;justify-content:center;grid-column:3}.icon,.start,.end{position:relative}`.withBehaviors(Ji(Dt`
         .button:${io}::before{border-color:${Ns.Highlight};box-shadow:0 0 0 calc((${Un} - ${jn}) * 1px) ${Ns.Highlight}}.icon{fill:${Ns.ButtonText}}`)),uh=Ge.compose({baseName:"accordion-item",template:(t,e)=>nt`<template class="${t=>t.expanded?"expanded":""}" slot="item"><div class="heading" part="heading" role="heading" aria-level="${t=>t.headinglevel}"><button class="button" part="button" ${Bt("expandbutton")} aria-expanded="${t=>t.expanded}" aria-controls="${t=>t.id}-panel" id="${t=>t.id}" @click="${(t,e)=>t.clickHandler(e.event)}"><span class="heading"><slot name="heading" part="heading"></slot></span></button>${ie(0,e)} ${ee(0,e)}<span class="icon" part="icon" aria-hidden="true"><slot name="expanded-icon" part="expanded-icon">${e.expandedIcon||""}</slot><slot name="collapsed-icon" part="collapsed-icon">${e.collapsedIcon||""}</slot><span></div><div class="region" part="region" id="${t=>t.id}-panel" role="region" aria-labelledby="${t=>t.id}"><slot></slot></div></template>`,styles:dh,collapsedIcon:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  ',expandedIcon:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 7.35c.2.2.5.2.7 0L6 4.21l3.15 3.14a.5.5 0 10.7-.7l-3.5-3.5a.5.5 0 00-.7 0l-3.5 3.5a.5.5 0 000 .7z"/>\n    </svg>\n  '}),ph=dh,gh=si.compose({baseName:"accordion",template:(t,e)=>nt`<template><slot name="item" part="item" ${Qt("accordionItems")}></slot></template>`,styles:rh}),fh=rh;
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
   "sideEffects": false,
-  "version": "2.1.1",
+  "version": "2.1.2",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"