@fluentui/web-components 3.0.0-rc.14 → 3.0.0-rc.16

package/dist/esm/textarea/textarea.styles.js

@@ -1,6 +1,5 @@
 import { css } from '@microsoft/fast-element';
 import { borderRadiusMedium, colorCompoundBrandStroke, colorNeutralBackground1, colorNeutralBackground3, colorNeutralBackgroundInverted, colorNeutralForeground1, colorNeutralForeground4, colorNeutralForegroundDisabled, colorNeutralForegroundInverted, colorNeutralStroke1, colorNeutralStroke1Hover, colorNeutralStroke1Pressed, colorNeutralStrokeAccessible, colorNeutralStrokeAccessibleHover, colorNeutralStrokeAccessiblePressed, colorNeutralStrokeDisabled, colorPaletteRedBorder2, colorTransparentBackground, curveAccelerateMid, curveDecelerateMid, durationNormal, durationUltraFast, fontFamilyBase, fontSizeBase200, fontSizeBase300, fontSizeBase400, fontWeightRegular, lineHeightBase200, lineHeightBase300, lineHeightBase400, shadow2, spacingHorizontalM, spacingHorizontalMNudge, spacingHorizontalSNudge, spacingHorizontalXS, spacingHorizontalXXS, spacingVerticalS, spacingVerticalSNudge, spacingVerticalXS, strokeWidthThin, } from '../theme/design-tokens.js';
-import { forcedColorsStylesheetBehavior } from '../utils/behaviors/match-media-stylesheet-behavior.js';
 import { display } from '../utils/display.js';
 import { userInvalidState } from '../styles/states/index.js';
 /**
@@ -243,7 +242,8 @@ export const styles = css `
     color: ${colorNeutralForegroundInverted};
     background-color: ${colorNeutralBackgroundInverted};
   }
-`.withBehaviors(forcedColorsStylesheetBehavior(css `
+
+  @media (forced-colors: active) {
     :host {
       --border-color: FieldText;
       --border-block-end-color: FieldText;
@@ -264,5 +264,6 @@ export const styles = css `
       --border-block-end-color: GrayText;
       --placeholder-color: GrayText;
     }
-  `));
+  }
+`;
 //# sourceMappingURL=textarea.styles.js.map

package/dist/esm/textarea/textarea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.styles.js","sourceRoot":"","sources":["../../../src/textarea/textarea.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;IACpC,OAAO,CAAC,cAAc,CAAC;;;;mBAIR,eAAe;qBACb,iBAAiB;;;wBAGd,uBAAuB;uBACxB,qBAAqB;;;;sBAItB,eAAe;gCACL,oBAAoB;;;eAGrC,uBAAuB;0BACZ,uBAAuB;sBAC3B,mBAAmB;gCACT,4BAA4B;2BACjC,uBAAuB;+BACnB,wBAAwB;;;;;;;;;;mBAUpC,cAAc;;mBAEd,iBAAiB;;;;;;sBAMd,wBAAwB;gCACd,iCAAiC;;;;sBAI3C,0BAA0B;gCAChB,mCAAmC;;;;;;;;;;;;mBAYhD,eAAe;qBACb,iBAAiB;;uBAEf,iBAAiB;wBAChB,uBAAuB;gCACf,oBAAoB;;;;mBAIjC,eAAe;qBACb,iBAAiB;;uBAEf,gBAAgB;wBACf,kBAAkB;gCACV,uBAAuB;;;;;;;;;;;;;;;;;;;;;0BAqB7B,uBAAuB;;;;;;;;;;;;oBAY7B,OAAO;;;UAGjB,gBAAgB;sBACJ,sBAAsB;gCACZ,sBAAsB;;;;eAIvC,8BAA8B;0BACnB,0BAA0B;sBAC9B,0BAA0B;;;2BAGrB,8BAA8B;;;;;;;;;;qBAUpC,kBAAkB;;;;;;;;;;;;;;;;;;;;;yBAqBd,kBAAkB,IAAI,kBAAkB;;;;uBAI1C,kBAAkB;;;;wBAIjB,kBAAkB;2BACf,iBAAiB;;;;;;;2BAOjB,cAAc;wBACjB,kBAAkB;;;;;;;;;;;;yBAYjB,iBAAiB;0BAChB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAmDhC,8BAA8B;wBACnB,8BAA8B;;CAErD,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;GAqBjC,CAAC,CACH,CAAC"}
+{"version":3,"file":"textarea.styles.js","sourceRoot":"","sources":["../../../src/textarea/textarea.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;IACpC,OAAO,CAAC,cAAc,CAAC;;;;mBAIR,eAAe;qBACb,iBAAiB;;;wBAGd,uBAAuB;uBACxB,qBAAqB;;;;sBAItB,eAAe;gCACL,oBAAoB;;;eAGrC,uBAAuB;0BACZ,uBAAuB;sBAC3B,mBAAmB;gCACT,4BAA4B;2BACjC,uBAAuB;+BACnB,wBAAwB;;;;;;;;;;mBAUpC,cAAc;;mBAEd,iBAAiB;;;;;;sBAMd,wBAAwB;gCACd,iCAAiC;;;;sBAI3C,0BAA0B;gCAChB,mCAAmC;;;;;;;;;;;;mBAYhD,eAAe;qBACb,iBAAiB;;uBAEf,iBAAiB;wBAChB,uBAAuB;gCACf,oBAAoB;;;;mBAIjC,eAAe;qBACb,iBAAiB;;uBAEf,gBAAgB;wBACf,kBAAkB;gCACV,uBAAuB;;;;;;;;;;;;;;;;;;;;;0BAqB7B,uBAAuB;;;;;;;;;;;;oBAY7B,OAAO;;;UAGjB,gBAAgB;sBACJ,sBAAsB;gCACZ,sBAAsB;;;;eAIvC,8BAA8B;0BACnB,0BAA0B;sBAC9B,0BAA0B;;;2BAGrB,8BAA8B;;;;;;;;;;qBAUpC,kBAAkB;;;;;;;;;;;;;;;;;;;;;yBAqBd,kBAAkB,IAAI,kBAAkB;;;;uBAI1C,kBAAkB;;;;wBAIjB,kBAAkB;2BACf,iBAAiB;;;;;;;2BAOjB,cAAc;wBACjB,kBAAkB;;;;;;;;;;;;yBAYjB,iBAAiB;0BAChB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAmDhC,8BAA8B;wBACnB,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrD,CAAC"}

package/dist/esm/toggle-button/index.d.ts

@@ -4,3 +4,4 @@ export { ToggleButtonAppearance, ToggleButtonShape, ToggleButtonSize } from './t
 export type { ToggleButtonOptions } from './toggle-button.options.js';
 export { styles as ToggleButtonStyles } from './toggle-button.styles.js';
 export { template as ToggleButtonTemplate } from './toggle-button.template.js';
+export { tagName as ToggleButtonTagName } from './toggle-button.options.js';

package/dist/esm/toggle-button/index.js

@@ -3,4 +3,5 @@ export { ToggleButton } from './toggle-button.js';
 export { ToggleButtonAppearance, ToggleButtonShape, ToggleButtonSize } from './toggle-button.options.js';
 export { styles as ToggleButtonStyles } from './toggle-button.styles.js';
 export { template as ToggleButtonTemplate } from './toggle-button.template.js';
+export { tagName as ToggleButtonTagName } from './toggle-button.options.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/toggle-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,QAAQ,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,QAAQ,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/esm/toggle-button/toggle-button.definition.js

@@ -1,4 +1,4 @@
-import { FluentDesignSystem } from '../fluent-design-system.js';
+import { tagName } from './toggle-button.options.js';
 import { ToggleButton } from './toggle-button.js';
 import { styles } from './toggle-button.styles.js';
 import { template } from './toggle-button.template.js';
@@ -9,7 +9,7 @@ import { template } from './toggle-button.template.js';
  * HTML Element: \<fluent-toggle-button\>
  */
 export const definition = ToggleButton.compose({
-    name: `${FluentDesignSystem.prefix}-toggle-button`,
+    name: tagName,
     template,
     styles,
 });

package/dist/esm/toggle-button/toggle-button.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.definition.js","sourceRoot":"","sources":["../../../src/toggle-button/toggle-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,gBAAgB;IAClD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
+{"version":3,"file":"toggle-button.definition.js","sourceRoot":"","sources":["../../../src/toggle-button/toggle-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,OAAO;IACb,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}

package/dist/esm/toggle-button/toggle-button.options.d.ts

@@ -1,5 +1,5 @@
-import type { ButtonOptions } from '../button/index.js';
-import type { ValuesOf } from '../utils/index.js';
+import type { ButtonOptions } from '../button/button.options.js';
+import type { ValuesOf } from '../utils/typings.js';
 /**
  * Toggle Button Appearance constants
  * @public
@@ -44,3 +44,9 @@ export declare const ToggleButtonSize: {
  */
 export type ToggleButtonSize = ValuesOf<typeof ToggleButtonSize>;
 export type { ButtonOptions as ToggleButtonOptions };
+/**
+ * The tag name for the toggle button element.
+ *
+ * @public
+ */
+export declare const tagName: "fluent-toggle-button";

package/dist/esm/toggle-button/toggle-button.options.js

@@ -1,3 +1,4 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js';
 /**
  * Toggle Button Appearance constants
@@ -14,4 +15,10 @@ export const ToggleButtonShape = ButtonShape;
  * @public
  */
 export const ToggleButtonSize = ButtonSize;
+/**
+ * The tag name for the toggle button element.
+ *
+ * @public
+ */
+export const tagName = `${FluentDesignSystem.prefix}-toggle-button`;
 //# sourceMappingURL=toggle-button.options.js.map

package/dist/esm/toggle-button/toggle-button.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.options.js","sourceRoot":"","sources":["../../../src/toggle-button/toggle-button.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAIxF;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAOvD;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAQ7C;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC"}
+{"version":3,"file":"toggle-button.options.js","sourceRoot":"","sources":["../../../src/toggle-button/toggle-button.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAIxF;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAOvD;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAQ7C;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAU3C;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,kBAAkB,CAAC,MAAM,gBAAyB,CAAC"}

package/dist/esm/toggle-button/toggle-button.styles.js

@@ -1,7 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { styles as ButtonStyles } from '../button/button.styles.js';
 import { colorBrandBackgroundHover, colorBrandBackgroundPressed, colorBrandBackgroundSelected, colorNeutralBackground1Hover, colorNeutralBackground1Pressed, colorNeutralBackground1Selected, colorNeutralForeground1, colorNeutralForeground2BrandHover, colorNeutralForeground2BrandPressed, colorNeutralForeground2BrandSelected, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForeground2Selected, colorNeutralForegroundOnBrand, colorNeutralStroke1, colorNeutralStroke1Hover, colorNeutralStroke1Pressed, colorSubtleBackgroundHover, colorSubtleBackgroundPressed, colorSubtleBackgroundSelected, colorTransparentBackgroundHover, colorTransparentBackgroundPressed, colorTransparentBackgroundSelected, strokeWidthThin, } from '../theme/design-tokens.js';
-import { forcedColorsStylesheetBehavior } from '../utils/behaviors/match-media-stylesheet-behavior.js';
 import { pressedState } from '../styles/states/index.js';
 /**
  * The styles for the ToggleButton component.
@@ -90,7 +89,8 @@ export const styles = css `
   :host(${pressedState}[appearance='transparent']:active) {
     color: ${colorNeutralForeground2BrandPressed};
   }
-`.withBehaviors(forcedColorsStylesheetBehavior(css `
+
+  @media (forced-colors: active) {
     :host(${pressedState}),
     :host(
         ${pressedState}:is([appearance='primary'], [appearance='subtle'], [appearance='outline'], [appearance='transparent'])
@@ -98,5 +98,6 @@ export const styles = css `
       background: SelectedItem;
       color: SelectedItemText;
     }
-  `));
+  }
+`;
 //# sourceMappingURL=toggle-button.styles.js.map

package/dist/esm/toggle-button/toggle-button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.styles.js","sourceRoot":"","sources":["../../../src/toggle-button/toggle-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,uBAAuB,EACvB,iCAAiC,EACjC,mCAAmC,EACnC,oCAAoC,EACpC,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,+BAA+B,EAC/B,iCAAiC,EACjC,kCAAkC,EAClC,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;UAEN,YAAY;oBACF,mBAAmB;wBACf,+BAA+B;aAC1C,uBAAuB;oBAChB,eAAe;;;UAGzB,YAAY;oBACF,wBAAwB;wBACpB,4BAA4B;;;UAG1C,YAAY;oBACF,0BAA0B;wBACtB,8BAA8B;;;UAG5C,YAAY;;;;UAIZ,YAAY;wBACE,4BAA4B;aACvC,6BAA6B;;;UAGhC,YAAY;wBACE,yBAAyB;;;UAGvC,YAAY;wBACE,2BAA2B;;;UAGzC,YAAY;;wBAEE,6BAA6B;aACxC,+BAA+B;;;UAGlC,YAAY;wBACE,0BAA0B;aACrC,4BAA4B;;;UAG/B,YAAY;wBACE,4BAA4B;aACvC,8BAA8B;;;UAGjC,YAAY;UACZ,YAAY;wBACE,kCAAkC;;;UAGhD,YAAY;UACZ,YAAY;wBACE,+BAA+B;;;UAG7C,YAAY;UACZ,YAAY;wBACE,iCAAiC;;;UAG/C,YAAY;;aAET,oCAAoC;;;UAGvC,YAAY;aACT,iCAAiC;;;UAGpC,YAAY;aACT,mCAAmC;;CAE/C,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;YACxB,YAAY;;UAEd,YAAY;;;;;GAKnB,CAAC,CACH,CAAC"}
+{"version":3,"file":"toggle-button.styles.js","sourceRoot":"","sources":["../../../src/toggle-button/toggle-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,uBAAuB,EACvB,iCAAiC,EACjC,mCAAmC,EACnC,oCAAoC,EACpC,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,+BAA+B,EAC/B,iCAAiC,EACjC,kCAAkC,EAClC,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;UAEN,YAAY;oBACF,mBAAmB;wBACf,+BAA+B;aAC1C,uBAAuB;oBAChB,eAAe;;;UAGzB,YAAY;oBACF,wBAAwB;wBACpB,4BAA4B;;;UAG1C,YAAY;oBACF,0BAA0B;wBACtB,8BAA8B;;;UAG5C,YAAY;;;;UAIZ,YAAY;wBACE,4BAA4B;aACvC,6BAA6B;;;UAGhC,YAAY;wBACE,yBAAyB;;;UAGvC,YAAY;wBACE,2BAA2B;;;UAGzC,YAAY;;wBAEE,6BAA6B;aACxC,+BAA+B;;;UAGlC,YAAY;wBACE,0BAA0B;aACrC,4BAA4B;;;UAG/B,YAAY;wBACE,4BAA4B;aACvC,8BAA8B;;;UAGjC,YAAY;UACZ,YAAY;wBACE,kCAAkC;;;UAGhD,YAAY;UACZ,YAAY;wBACE,+BAA+B;;;UAG7C,YAAY;UACZ,YAAY;wBACE,iCAAiC;;;UAG/C,YAAY;;aAET,oCAAoC;;;UAGvC,YAAY;aACT,iCAAiC;;;UAGpC,YAAY;aACT,mCAAmC;;;;YAIpC,YAAY;;UAEd,YAAY;;;;;;CAMrB,CAAC"}

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

@@ -3,3 +3,4 @@ export { Tooltip } from './tooltip.js';
 export { TooltipPositioningOption } from './tooltip.options.js';
 export { styles as TooltipStyles } from './tooltip.styles.js';
 export { template as TooltipTemplate } from './tooltip.template.js';
+export { tagName as TooltipTagName } from './tooltip.options.js';

package/dist/esm/tooltip/index.js

@@ -3,4 +3,5 @@ export { Tooltip } from './tooltip.js';
 export { TooltipPositioningOption } from './tooltip.options.js';
 export { styles as TooltipStyles } from './tooltip.styles.js';
 export { template as TooltipTemplate } from './tooltip.template.js';
+export { tagName as TooltipTagName } from './tooltip.options.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/esm/tooltip/tooltip.d.ts

@@ -59,13 +59,13 @@ export declare class Tooltip extends FASTElement {
     disconnectedCallback(): void;
     /**
      * Shows the tooltip
-     * @param delay Number of milliseconds to delay showing the tooltip
+     * @param delay - Number of milliseconds to delay showing the tooltip
      * @internal
      */
     showTooltip(delay?: number): void;
     /**
      * Hide the tooltip
-     * @param delay Number of milliseconds to delay hiding the tooltip
+     * @param delay - Number of milliseconds to delay hiding the tooltip
      * @internal
      */
     hideTooltip(delay?: number): void;

package/dist/esm/tooltip/tooltip.definition.js

@@ -1,4 +1,4 @@
-import { FluentDesignSystem } from '../fluent-design-system.js';
+import { tagName } from './tooltip.options.js';
 import { Tooltip } from './tooltip.js';
 import { styles } from './tooltip.styles.js';
 import { template } from './tooltip.template.js';
@@ -10,7 +10,7 @@ import { template } from './tooltip.template.js';
  * HTML Element: `<fluent-tooltip>`
  */
 export const definition = Tooltip.compose({
-    name: `${FluentDesignSystem.prefix}-tooltip`,
+    name: tagName,
     template,
     styles,
 });

package/dist/esm/tooltip/tooltip.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.definition.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,UAAU;IAC5C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
+{"version":3,"file":"tooltip.definition.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,OAAO;IACb,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}

package/dist/esm/tooltip/tooltip.js

@@ -109,7 +109,7 @@ export class Tooltip extends FASTElement {
     }
     /**
      * Shows the tooltip
-     * @param delay Number of milliseconds to delay showing the tooltip
+     * @param delay - Number of milliseconds to delay showing the tooltip
      * @internal
      */
     showTooltip(delay = this.defaultDelay) {
@@ -120,7 +120,7 @@ export class Tooltip extends FASTElement {
     }
     /**
      * Hide the tooltip
-     * @param delay Number of milliseconds to delay hiding the tooltip
+     * @param delay - Number of milliseconds to delay hiding the tooltip
      * @internal
      */
     hideTooltip(delay = this.defaultDelay) {

package/dist/esm/tooltip/tooltip.options.d.ts

@@ -22,3 +22,9 @@ export declare const TooltipPositioningOption: {
  * @public
  */
 export type TooltipPositioningOption = ValuesOf<typeof TooltipPositioningOption>;
+/**
+ * The tag name for the tooltip element.
+ *
+ * @public
+ */
+export declare const tagName: "fluent-tooltip";

package/dist/esm/tooltip/tooltip.options.js

@@ -1,3 +1,4 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
 /**
  * The TooltipPositioning options and their corresponding CSS values
  * @public
@@ -16,4 +17,10 @@ export const TooltipPositioningOption = {
     after: 'inline-end',
     'after-bottom': 'inline-end span-block-start',
 };
+/**
+ * The tag name for the tooltip element.
+ *
+ * @public
+ */
+export const tagName = `${FluentDesignSystem.prefix}-tooltip`;
 //# sourceMappingURL=tooltip.options.js.map

package/dist/esm/tooltip/tooltip.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.options.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,aAAa,EAAE,6BAA6B;IAC5C,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,+BAA+B;IAC5C,aAAa,EAAE,2BAA2B;IAC1C,KAAK,EAAE,WAAW;IAClB,WAAW,EAAE,6BAA6B;IAC1C,YAAY,EAAE,6BAA6B;IAC3C,MAAM,EAAE,cAAc;IACtB,eAAe,EAAE,+BAA+B;IAChD,WAAW,EAAE,2BAA2B;IACxC,KAAK,EAAE,YAAY;IACnB,cAAc,EAAE,6BAA6B;CACrC,CAAC"}
+{"version":3,"file":"tooltip.options.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,aAAa,EAAE,6BAA6B;IAC5C,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,+BAA+B;IAC5C,aAAa,EAAE,2BAA2B;IAC1C,KAAK,EAAE,WAAW;IAClB,WAAW,EAAE,6BAA6B;IAC1C,YAAY,EAAE,6BAA6B;IAC3C,MAAM,EAAE,cAAc;IACtB,eAAe,EAAE,+BAA+B;IAChD,WAAW,EAAE,2BAA2B;IACxC,KAAK,EAAE,YAAY;IACnB,cAAc,EAAE,6BAA6B;CACrC,CAAC;AAQX;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,kBAAkB,CAAC,MAAM,UAAmB,CAAC"}

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

@@ -3,3 +3,4 @@ export { Tree } from './tree.js';
 export { template as TreeTemplate } from './tree.template.js';
 export { styles as TreeStyles } from './tree.styles.js';
 export { definition as TreeDefinition } from './tree.definition.js';
+export { tagName as TreeTagName } from './tree.options.js';

package/dist/esm/tree/index.js

@@ -3,4 +3,5 @@ export { Tree } from './tree.js';
 export { template as TreeTemplate } from './tree.template.js';
 export { styles as TreeStyles } from './tree.styles.js';
 export { definition as TreeDefinition } from './tree.definition.js';
+export { tagName as TreeTagName } from './tree.options.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/tree/tree.base.d.ts

@@ -6,12 +6,6 @@ export declare class BaseTree extends FASTElement {
      * @public
      */
     currentSelected: HTMLElement | null;
-    /**
-     * The tree item that is designated to be in the tab queue.
-     *
-     * @internal
-     */
-    private currentFocused;
     /**
      * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
      *
@@ -28,7 +22,6 @@ export declare class BaseTree extends FASTElement {
      */
     defaultSlotChanged(): void;
     constructor();
-    connectedCallback(): void;
     /** @internal */
     childTreeItems: BaseTreeItem[];
     /** @internal */
@@ -43,18 +36,6 @@ export declare class BaseTree extends FASTElement {
      *  @internal
      */
     keydownHandler(e: KeyboardEvent): boolean | void;
-    /**
-     * Handle focus events
-     *
-     * @internal
-     */
-    focusHandler(e: FocusEvent): void;
-    /**
-     * Handle blur events
-     *
-     * @internal
-     */
-    blurHandler(e: FocusEvent): void;
     /**
      * Handles click events bubbling up
      *
@@ -68,15 +49,11 @@ export declare class BaseTree extends FASTElement {
      *  @internal
      */
     changeHandler(e: Event): boolean | void;
-    /**
-     * checks if there are any nested tree items
-     */
-    private getValidFocusableItem;
-    private getVisibleNodes;
-    /**
-     * Move focus to a tree item based on its offset from the provided item
-     */
-    private focusNextNode;
     /** @internal */
     handleDefaultSlotChange(): void;
+    /**
+     * All descendant tree items in DOM order, recursively flattened from
+     * `childTreeItems`.
+     */
+    protected get descendantTreeItems(): BaseTreeItem[];
 }

package/dist/esm/tree/tree.base.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { FASTElement, observable } from '@microsoft/fast-element';
-import { isHTMLElement, keyArrowDown, keyArrowLeft, keyArrowRight, keyArrowUp, keyEnd, keyEnter, keyHome, keySpace, } from '@microsoft/fast-web-utilities';
+import { keyArrowLeft, keyArrowRight, keyEnter, keySpace } from '@microsoft/fast-web-utilities';
 import { isTreeItem } from '../tree-item/tree-item.options.js';
 export class BaseTree extends FASTElement {
     /**
@@ -19,12 +19,6 @@ export class BaseTree extends FASTElement {
          * @public
          */
         this.currentSelected = null;
-        /**
-         * The tree item that is designated to be in the tab queue.
-         *
-         * @internal
-         */
-        this.currentFocused = null;
         /**
          * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
          *
@@ -33,10 +27,6 @@ export class BaseTree extends FASTElement {
         this.elementInternals = this.attachInternals();
         this.elementInternals.role = 'tree';
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.tabIndex = Number(this.getAttribute('tabindex') ?? 0) < 0 ? -1 : 0;
-    }
     /** @internal */
     childTreeItemsChanged() {
         this.updateCurrentSelected();
@@ -49,10 +39,6 @@ export class BaseTree extends FASTElement {
         // defaults to first one found
         const selectedItem = this.querySelector(`[selected]`);
         this.currentSelected = selectedItem;
-        // invalidate the current focused item if it is no longer valid
-        if (this.currentFocused === null || !this.contains(this.currentFocused)) {
-            this.currentFocused = this.getValidFocusableItem();
-        }
     }
     /**
      * KeyDown handler
@@ -67,20 +53,7 @@ export class BaseTree extends FASTElement {
         if (!isTreeItem(item) || this.childTreeItems.length < 1) {
             return true;
         }
-        const elements = this.getVisibleNodes();
         switch (e.key) {
-            case keyHome: {
-                if (elements.length) {
-                    elements[0].focus();
-                }
-                return;
-            }
-            case keyEnd: {
-                if (elements.length) {
-                    elements[elements.length - 1].focus();
-                }
-                return;
-            }
             case keyArrowLeft: {
                 if (item?.childTreeItems?.length && item.expanded) {
                     item.expanded = false;
@@ -95,20 +68,9 @@ export class BaseTree extends FASTElement {
                     if (!item.expanded) {
                         item.expanded = true;
                     }
-                    else {
-                        this.focusNextNode(1, item);
-                    }
                 }
                 return;
             }
-            case keyArrowDown: {
-                this.focusNextNode(1, item);
-                return;
-            }
-            case keyArrowUp: {
-                this.focusNextNode(-1, item);
-                return;
-            }
             case keyEnter: {
                 // In single-select trees where selection does not follow focus (see note below),
                 // the default action is typically to select the focused node.
@@ -123,39 +85,6 @@ export class BaseTree extends FASTElement {
         // don't prevent default if we took no action
         return true;
     }
-    /**
-     * Handle focus events
-     *
-     * @internal
-     */
-    focusHandler(e) {
-        if (this.childTreeItems.length < 1) {
-            // no child items, nothing to do
-            return;
-        }
-        if (e.target === this) {
-            this.currentFocused = this.getValidFocusableItem();
-            if (this.currentFocused && this.currentFocused.tabIndex < 0) {
-                this.currentFocused.tabIndex = 0;
-            }
-            this.currentFocused?.focus();
-            return;
-        }
-        if (this.contains(e.target)) {
-            this.setAttribute('tabindex', '-1');
-            this.currentFocused = e.target;
-        }
-    }
-    /**
-     * Handle blur events
-     *
-     * @internal
-     */
-    blurHandler(e) {
-        if (e.target instanceof HTMLElement && (e.relatedTarget === null || !this.contains(e.relatedTarget))) {
-            this.setAttribute('tabindex', '0');
-        }
-    }
     /**
      * Handles click events bubbling up
      *
@@ -190,7 +119,7 @@ export class BaseTree extends FASTElement {
         }
         const item = e.target;
         if (item.selected) {
-            // Deselect the prevously selected item
+            // Deselect the previously selected item
             if (this.currentSelected && this.currentSelected !== item && isTreeItem(this.currentSelected)) {
                 this.currentSelected.selected = false;
             }
@@ -202,42 +131,28 @@ export class BaseTree extends FASTElement {
             this.currentSelected = null;
         }
     }
-    /**
-     * checks if there are any nested tree items
-     */
-    getValidFocusableItem() {
-        const elements = this.getVisibleNodes();
-        // default to selected element if there is one
-        let focusIndex = elements.findIndex(el => el.selected);
-        if (focusIndex === -1) {
-            // otherwise first focusable tree item
-            focusIndex = elements.findIndex(el => isTreeItem(el));
-        }
-        if (focusIndex !== -1) {
-            return elements[focusIndex];
-        }
-        return null;
-    }
-    getVisibleNodes() {
-        return Array.from(this.querySelectorAll('*')).filter(node => isTreeItem(node) && node.offsetParent !== null);
-    }
-    /**
-     * Move focus to a tree item based on its offset from the provided item
-     */
-    focusNextNode(delta, item) {
-        const visibleNodes = this.getVisibleNodes();
-        if (!visibleNodes.length) {
-            return;
-        }
-        const focusItem = visibleNodes[visibleNodes.indexOf(item) + delta];
-        if (isHTMLElement(focusItem)) {
-            focusItem.focus();
-        }
-    }
     /** @internal */
     handleDefaultSlotChange() {
         this.childTreeItems = this.defaultSlot.assignedElements().filter(el => isTreeItem(el));
     }
+    /**
+     * All descendant tree items in DOM order, recursively flattened from
+     * `childTreeItems`.
+     */
+    get descendantTreeItems() {
+        const result = [];
+        const visit = (items) => {
+            if (!items) {
+                return;
+            }
+            for (const item of items) {
+                result.push(item);
+                visit(item.childTreeItems);
+            }
+        };
+        visit(this.childTreeItems);
+        return result;
+    }
 }
 __decorate([
     observable

package/dist/esm/tree/tree.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.base.js","sourceRoot":"","sources":["../../../src/tree/tree.base.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tree.base.js","sourceRoot":"","sources":["../../../src/tree/tree.base.ts"],"names":[],"mappings":"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"}

package/dist/esm/tree/tree.d.ts

@@ -27,14 +27,19 @@ export declare class Tree extends BaseTree {
      */
     appearance: TreeItemAppearance;
     protected appearanceChanged(): void;
+    private fg?;
+    private fgItems?;
     /**
      * child tree items supered change event
      * @internal
      */
     childTreeItemsChanged(): void;
+    disconnectedCallback(): void;
     /**
      * 1. Update the child items' size based on the tree's size
      * 2. Update the child items' appearance based on the tree's appearance
      */
     updateSizeAndAppearance(): void;
+    /** @internal */
+    itemToggleHandler(): void;
 }

package/dist/esm/tree/tree.definition.js

@@ -1,4 +1,4 @@
-import { FluentDesignSystem } from '../fluent-design-system.js';
+import { tagName } from './tree.options.js';
 import { Tree } from './tree.js';
 import { styles as treeStyle } from './tree.styles.js';
 import { template as treeTemplate } from './tree.template.js';
@@ -9,7 +9,7 @@ import { template as treeTemplate } from './tree.template.js';
  * HTML Element: \<fluent-tree\>
  */
 export const definition = Tree.compose({
-    name: `${FluentDesignSystem.prefix}-tree`,
+    name: tagName,
     template: treeTemplate,
     styles: treeStyle,
 });

package/dist/esm/tree/tree.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.definition.js","sourceRoot":"","sources":["../../../src/tree/tree.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,OAAO;IACzC,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC"}
+{"version":3,"file":"tree.definition.js","sourceRoot":"","sources":["../../../src/tree/tree.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC"}