@fluentui/web-components 3.0.0-beta.74 → 3.0.0-beta.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -2
- package/README.md +3 -1
- package/dist/dts/radio-group/radio-group.d.ts +1 -1
- package/dist/dts/tooltip/tooltip.d.ts +7 -0
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.js.map +1 -1
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.js.map +1 -1
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/divider/divider.js.map +1 -1
- package/dist/esm/drawer/drawer.js.map +1 -1
- package/dist/esm/field/field.js +1 -1
- package/dist/esm/field/field.js.map +1 -1
- package/dist/esm/form-associated/form-associated.js.map +1 -1
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/menu-item/menu-item.js.map +1 -1
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/radio/radio.js +0 -1
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio-group/radio-group.js +9 -2
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/esm/rating-display/rating-display.js.map +1 -1
- package/dist/esm/slider/slider-utilities.js.map +1 -1
- package/dist/esm/slider/slider.js.map +1 -1
- package/dist/esm/tab/tab.js.map +1 -1
- package/dist/esm/tablist/tablist.js.map +1 -1
- package/dist/esm/tabs/tabs.js.map +1 -1
- package/dist/esm/text/text.js.map +1 -1
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/esm/textarea/textarea.js.map +1 -1
- package/dist/esm/theme/set-theme.js +3 -3
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.js.map +1 -1
- package/dist/esm/tooltip/tooltip.js +70 -54
- package/dist/esm/tooltip/tooltip.js.map +1 -1
- package/dist/esm/tooltip/tooltip.styles.js +2 -1
- package/dist/esm/tooltip/tooltip.styles.js.map +1 -1
- package/dist/esm/utils/apply-mixins.js.map +1 -1
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +1 -1
- package/dist/esm/utils/benchmark-wrapper.js.map +1 -1
- package/dist/esm/utils/element-internals.js.map +1 -1
- package/dist/esm/utils/get-initials.js.map +1 -1
- package/dist/esm/utils/root-active-element.js.map +1 -1
- package/dist/esm/utils/template-helpers.js.map +1 -1
- package/dist/web-components.d.ts +8 -1
- package/dist/web-components.js +79 -53
- package/dist/web-components.min.js +93 -92
- package/package.json +6 -4
- package/dist/dts/helpers.tests.d.ts +0 -30
- package/dist/esm/helpers.tests.js +0 -73
- package/dist/esm/helpers.tests.js.map +0 -1
|
@@ -31,6 +31,7 @@ export const styles = css `
|
|
|
31
31
|
line-height: ${lineHeightBase200};
|
|
32
32
|
margin: unset; /* Remove browser default for [popover] */
|
|
33
33
|
max-width: 240px;
|
|
34
|
+
overflow: visible;
|
|
34
35
|
padding: 4px ${spacingHorizontalMNudge} 6px;
|
|
35
36
|
position: absolute;
|
|
36
37
|
position-area: var(--position-area);
|
|
@@ -71,7 +72,7 @@ export const styles = css `
|
|
|
71
72
|
--position-area: ${TooltipPositioningOption.below};
|
|
72
73
|
}
|
|
73
74
|
:host([positioning='below-end']) {
|
|
74
|
-
--position-area: ${TooltipPositioningOption
|
|
75
|
+
--position-area: ${TooltipPositioningOption['below-end']};
|
|
75
76
|
}
|
|
76
77
|
:host([positioning='before-top']) {
|
|
77
78
|
--position-area: ${TooltipPositioningOption['before-top']};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,yBAAyB,EACzB,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAEhE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;sBASJ,iBAAiB;uBAChB,mBAAmB;kBACxB,uBAAuB;qBACpB,kBAAkB;wBACf,sBAAsB;;aAEjC,uBAAuB;;kCAEF,yBAAyB,2BAA2B,qBAAqB;mBACxF,cAAc;iBAChB,eAAe;;mBAEb,iBAAiB
|
|
1
|
+
{"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,yBAAyB,EACzB,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAEhE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;sBASJ,iBAAiB;uBAChB,mBAAmB;kBACxB,uBAAuB;qBACpB,kBAAkB;wBACf,sBAAsB;;aAEjC,uBAAuB;;kCAEF,yBAAyB,2BAA2B,qBAAqB;mBACxF,cAAc;iBAChB,eAAe;;mBAEb,iBAAiB;;;;mBAIjB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;uBAyBnB,wBAAwB,CAAC,aAAa,CAAC;;;uBAGvC,wBAAwB,CAAC,KAAK;;;uBAG9B,wBAAwB,CAAC,WAAW,CAAC;;;uBAGrC,wBAAwB,CAAC,aAAa,CAAC;;;uBAGvC,wBAAwB,CAAC,KAAK;;;uBAG9B,wBAAwB,CAAC,WAAW,CAAC;;;uBAGrC,wBAAwB,CAAC,YAAY,CAAC;;;uBAGtC,wBAAwB,CAAC,MAAM;;;uBAG/B,wBAAwB,CAAC,eAAe,CAAC;;;uBAGzC,wBAAwB,CAAC,WAAW,CAAC;;;uBAGrC,wBAAwB,CAAC,KAAK;;;uBAG9B,wBAAwB,CAAC,cAAc,CAAC;;CAE9D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"apply-mixins.js","sourceRoot":"","sources":["../../../src/utils/apply-mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CAAC,WAAgB,EAAE,GAAG,SAAgB;IAC/D,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAErE,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC3B,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC5D,IAAI,IAAI,KAAK,aAAa,EAAE;
|
|
1
|
+
{"version":3,"file":"apply-mixins.js","sourceRoot":"","sources":["../../../src/utils/apply-mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CAAC,WAAgB,EAAE,GAAG,SAAgB;IAC/D,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAErE,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC3B,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC5D,IAAI,IAAI,KAAK,aAAa,EAAE,CAAC;gBAC3B,MAAM,CAAC,cAAc,CACnB,WAAW,CAAC,SAAS,EACrB,IAAI;gBACJ,uEAAuE;gBACvE,MAAM,CAAC,wBAAwB,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAE,CAC3D,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,sBAAsB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC/D,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"match-media-stylesheet-behavior.js","sourceRoot":"","sources":["../../../../src/utils/behaviors/match-media-stylesheet-behavior.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,MAAM,OAAgB,kBAAkB;IAatC;;;OAGG;IACH,YAAY,KAAqB;QAhBjC;;;;WAIG;QACK,kBAAa,GAAG,IAAI,OAAO,EAA0C,CAAC;QAY5E,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAQD;;;OAGG;IACH,iBAAiB,CAAC,UAA0B;QAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,IAAI,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAElD,IAAI,CAAC,QAAQ,EAAE;
|
|
1
|
+
{"version":3,"file":"match-media-stylesheet-behavior.js","sourceRoot":"","sources":["../../../../src/utils/behaviors/match-media-stylesheet-behavior.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"benchmark-wrapper.js","sourceRoot":"","sources":["../../../src/utils/benchmark-wrapper.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,cAAc;AACd,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,MAAM,WAAW,GAAG,CAAC,IAAS,EAAE,IAAS,EAAE,EAAE;IAC3C,QAAQ,CAAC,aAAa,CAAC,CAAC;IACxB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,KAAK,MAAM,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;
|
|
1
|
+
{"version":3,"file":"benchmark-wrapper.js","sourceRoot":"","sources":["../../../src/utils/benchmark-wrapper.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,cAAc;AACd,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,MAAM,WAAW,GAAG,CAAC,IAAS,EAAE,IAAS,EAAE,EAAE;IAC3C,QAAQ,CAAC,aAAa,CAAC,CAAC;IACxB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,KAAK,MAAM,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE7B,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAS,EAAE,EAAE;QACrC,OAAO,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjC,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,IAAI,KAAK,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element-internals.js","sourceRoot":"","sources":["../../../src/utils/element-internals.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAE5E;;;GAGG;AACH,MAAM,SAAS,GAAG,IAAI,GAAG,EAAiC,CAAC;AAE3D;;;;;;;;GAQG;AACH,MAAM,UAAU,aAAa,CAAmB,KAAQ;;IACtD,OAAO,CAAC,MAAA,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,mCAC1B,SAAS;SACN,GAAG,CAAC,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,KAAK,GAAG,CAAC;SAC/E,GAAG,CAAC,KAAK,CAAC,CAAqB,CAAC;AACvC,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CAAC,gBAAkC,EAAE,KAAyB,EAAE,KAAe;IACxG,IAAI,CAAC,KAAK,EAAE;
|
|
1
|
+
{"version":3,"file":"element-internals.js","sourceRoot":"","sources":["../../../src/utils/element-internals.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAE5E;;;GAGG;AACH,MAAM,SAAS,GAAG,IAAI,GAAG,EAAiC,CAAC;AAE3D;;;;;;;;GAQG;AACH,MAAM,UAAU,aAAa,CAAmB,KAAQ;;IACtD,OAAO,CAAC,MAAA,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,mCAC1B,SAAS;SACN,GAAG,CAAC,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,KAAK,GAAG,CAAC;SAC/E,GAAG,CAAC,KAAK,CAAC,CAAqB,CAAC;AACvC,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CAAC,gBAAkC,EAAE,KAAyB,EAAE,KAAe;IACxG,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO;IACT,CAAC;IAED,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAC9B,gBAAgB,CAAC,UAAW,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC;QAC5E,OAAO;IACT,CAAC;IACD,mCAAmC;IACnC,IAAI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QACjD,mCAAmC;QACnC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO;IACT,CAAC;IACD,mCAAmC;IACnC,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACxC,CAAC;AAED;;;GAGG;AACH,MAAM,gBAAgB,GAAG,IAAI,OAAO,EAAuC,CAAC;AAE5E;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAA0C,EAAE,KAAyB;IACpG,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;QACtB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;QACjC,OAAO,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACvC,OAAO,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CACxB,gBAAkC,EAClC,OAA2B,EAAE,EAC7B,OAA2B,EAAE,EAC7B,MAA+B,EAC/B,SAAiB,EAAE;IAEnB,WAAW,CAAC,gBAAgB,EAAE,GAAG,MAAM,GAAG,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAEzD,IAAI,CAAC,MAAM,IAAI,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC;QAC9C,WAAW,CAAC,gBAAgB,EAAE,GAAG,MAAM,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;IAC1D,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-initials.js","sourceRoot":"","sources":["../../../src/utils/get-initials.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAEhE;;GAEG;AAEH;;;GAGG;AACH,MAAM,yBAAyB,GAAW,6BAA6B,CAAC;AAExE;;;GAGG;AACH,4CAA4C;AAC5C,MAAM,oBAAoB,GAAW,4DAA4D,CAAC;AAElG;;;GAGG;AACH,MAAM,iBAAiB,GAAW,+BAA+B,CAAC;AAElE,sDAAsD;AACtD,MAAM,0BAA0B,GAAW,MAAM,CAAC;AAElD;;;;;;;GAOG;AACH,2BAA2B;AAC3B,MAAM,sBAAsB,GAC1B,4MAA4M,CAAC;AAE/M,SAAS,gBAAgB,CAAC,WAAmB,EAAE,KAAc,EAAE,gBAA0B;IACvF,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,MAAM,MAAM,GAAa,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAChD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;
|
|
1
|
+
{"version":3,"file":"get-initials.js","sourceRoot":"","sources":["../../../src/utils/get-initials.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAEhE;;GAEG;AAEH;;;GAGG;AACH,MAAM,yBAAyB,GAAW,6BAA6B,CAAC;AAExE;;;GAGG;AACH,4CAA4C;AAC5C,MAAM,oBAAoB,GAAW,4DAA4D,CAAC;AAElG;;;GAGG;AACH,MAAM,iBAAiB,GAAW,+BAA+B,CAAC;AAElE,sDAAsD;AACtD,MAAM,0BAA0B,GAAW,MAAM,CAAC;AAElD;;;;;;;GAOG;AACH,2BAA2B;AAC3B,MAAM,sBAAsB,GAC1B,4MAA4M,CAAC;AAE/M,SAAS,gBAAgB,CAAC,WAAmB,EAAE,KAAc,EAAE,gBAA0B;IACvF,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,MAAM,MAAM,GAAa,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAChD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAChD,CAAC;IAED,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAChD,CAAC;aAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/B,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAChD,CAAC;IACH,CAAC;IAED,IAAI,KAAK,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,kBAAkB,CAAC,WAAmB;IAC7C,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAAC;IACjE,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC;IAC5D,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,0BAA0B,EAAE,GAAG,CAAC,CAAC;IACnE,WAAW,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC;IAEjC,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CACzB,WAAsC,EACtC,KAAc,EACd,OAMC;IAED,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,WAAW,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAE9C,oFAAoF;IACpF,IACE,sBAAsB,CAAC,IAAI,CAAC,WAAW,CAAC;QACxC,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,CAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,EACrE,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,gBAAgB,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,CAAC,CAAC;AACzE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root-active-element.js","sourceRoot":"","sources":["../../../src/utils/root-active-element.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,MAAM,QAAQ,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IAEvC,IAAI,QAAQ,YAAY,UAAU,EAAE;
|
|
1
|
+
{"version":3,"file":"root-active-element.js","sourceRoot":"","sources":["../../../src/utils/root-active-element.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,MAAM,QAAQ,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IAEvC,IAAI,QAAQ,YAAY,UAAU,EAAE,CAAC;QACnC,OAAO,QAAQ,CAAC,aAAa,CAAC;IAChC,CAAC;IAED,OAAO,QAAQ,CAAC,aAAa,CAAC;AAChC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template-helpers.js","sourceRoot":"","sources":["../../../src/utils/template-helpers.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,OAAO,EAGL,uBAAuB,GAExB,MAAM,yBAAyB,CAAC;AAgBjC;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAC/B,IAAgD;IAEhD,IAAI,CAAC,IAAI,EAAE;
|
|
1
|
+
{"version":3,"file":"template-helpers.js","sourceRoot":"","sources":["../../../src/utils/template-helpers.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,OAAO,EAGL,uBAAuB,GAExB,MAAM,yBAAyB,CAAC;AAgBjC;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAC/B,IAAgD;IAEhD,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,uBAAuB,CAAC,KAAK,CAAC;IACvC,CAAC;IAED,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,IAAI,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
|
package/dist/web-components.d.ts
CHANGED
|
@@ -7886,7 +7886,7 @@ export declare class RadioGroup extends FASTElement {
|
|
|
7886
7886
|
* @param index - the index of the radio to check
|
|
7887
7887
|
* @internal
|
|
7888
7888
|
*/
|
|
7889
|
-
checkRadio(index?: number): void;
|
|
7889
|
+
checkRadio(index?: number, shouldEmit?: boolean): void;
|
|
7890
7890
|
/**
|
|
7891
7891
|
* Checks the validity of the element and returns the result.
|
|
7892
7892
|
*
|
|
@@ -9984,6 +9984,12 @@ export declare class Tooltip extends FASTElement {
|
|
|
9984
9984
|
* Set the positioning of the tooltip
|
|
9985
9985
|
*/
|
|
9986
9986
|
positioning?: TooltipPositioningOption;
|
|
9987
|
+
/**
|
|
9988
|
+
* Updates the fallback styles when the positioning changes.
|
|
9989
|
+
*
|
|
9990
|
+
* @internal
|
|
9991
|
+
*/
|
|
9992
|
+
positioningChanged(): void;
|
|
9987
9993
|
/**
|
|
9988
9994
|
* The id of the anchor element for the tooltip
|
|
9989
9995
|
*/
|
|
@@ -10029,6 +10035,7 @@ export declare class Tooltip extends FASTElement {
|
|
|
10029
10035
|
* Hide the tooltip on blur
|
|
10030
10036
|
*/
|
|
10031
10037
|
blurAnchorHandler: () => void;
|
|
10038
|
+
private setFallbackStyles;
|
|
10032
10039
|
}
|
|
10033
10040
|
|
|
10034
10041
|
/**
|
package/dist/web-components.js
CHANGED
|
@@ -7510,7 +7510,7 @@ class BaseField extends FASTElement {
|
|
|
7510
7510
|
* @internal
|
|
7511
7511
|
*/
|
|
7512
7512
|
setStates() {
|
|
7513
|
-
if (this
|
|
7513
|
+
if (this.elementInternals && this.input) {
|
|
7514
7514
|
toggleState(this.elementInternals, "disabled", !!this.input.disabled);
|
|
7515
7515
|
toggleState(this.elementInternals, "readonly", !!this.input.readOnly);
|
|
7516
7516
|
toggleState(this.elementInternals, "required", !!this.input.required);
|
|
@@ -8895,7 +8895,6 @@ class Radio extends BaseCheckbox {
|
|
|
8895
8895
|
disabledChanged(prev, next) {
|
|
8896
8896
|
super.disabledChanged(prev, next);
|
|
8897
8897
|
if (next) {
|
|
8898
|
-
this.checked = false;
|
|
8899
8898
|
this.tabIndex = -1;
|
|
8900
8899
|
}
|
|
8901
8900
|
this.$emit("disabled", next, {
|
|
@@ -9166,6 +9165,9 @@ class RadioGroup extends FASTElement {
|
|
|
9166
9165
|
this.dirtyState = true;
|
|
9167
9166
|
const radioIndex = this.enabledRadios.indexOf(e.target);
|
|
9168
9167
|
this.checkRadio(radioIndex);
|
|
9168
|
+
this.radios?.filter(x => x.disabled)?.forEach(item => {
|
|
9169
|
+
item.checked = false;
|
|
9170
|
+
});
|
|
9169
9171
|
return true;
|
|
9170
9172
|
}
|
|
9171
9173
|
/**
|
|
@@ -9174,13 +9176,16 @@ class RadioGroup extends FASTElement {
|
|
|
9174
9176
|
* @param index - the index of the radio to check
|
|
9175
9177
|
* @internal
|
|
9176
9178
|
*/
|
|
9177
|
-
checkRadio(index = this.checkedIndex) {
|
|
9179
|
+
checkRadio(index = this.checkedIndex, shouldEmit = false) {
|
|
9178
9180
|
let checkedIndex = this.checkedIndex;
|
|
9179
9181
|
this.enabledRadios.forEach((item, i) => {
|
|
9180
9182
|
const shouldCheck = i === index;
|
|
9181
9183
|
item.checked = shouldCheck;
|
|
9182
9184
|
if (shouldCheck) {
|
|
9183
9185
|
checkedIndex = i;
|
|
9186
|
+
if (shouldEmit) {
|
|
9187
|
+
item.$emit("change");
|
|
9188
|
+
}
|
|
9184
9189
|
}
|
|
9185
9190
|
});
|
|
9186
9191
|
this.checkedIndex = checkedIndex;
|
|
@@ -9301,7 +9306,7 @@ class RadioGroup extends FASTElement {
|
|
|
9301
9306
|
return true;
|
|
9302
9307
|
}
|
|
9303
9308
|
const nextIndex = checkedIndex + increment;
|
|
9304
|
-
this.
|
|
9309
|
+
this.checkRadio(this.getEnabledIndexInBounds(nextIndex), true);
|
|
9305
9310
|
this.enabledRadios[this.checkedIndex]?.focus();
|
|
9306
9311
|
}
|
|
9307
9312
|
/**
|
|
@@ -12439,6 +12444,16 @@ class Tooltip extends FASTElement {
|
|
|
12439
12444
|
this.blurAnchorHandler = () => this.hideTooltip(0);
|
|
12440
12445
|
this.elementInternals.role = "tooltip";
|
|
12441
12446
|
}
|
|
12447
|
+
/**
|
|
12448
|
+
* Updates the fallback styles when the positioning changes.
|
|
12449
|
+
*
|
|
12450
|
+
* @internal
|
|
12451
|
+
*/
|
|
12452
|
+
positioningChanged() {
|
|
12453
|
+
if (!SUPPORTS_CSS_ANCHOR_POSITIONING) {
|
|
12454
|
+
this.setFallbackStyles();
|
|
12455
|
+
}
|
|
12456
|
+
}
|
|
12442
12457
|
/**
|
|
12443
12458
|
* Reference to the anchor element
|
|
12444
12459
|
* @internal
|
|
@@ -12455,60 +12470,18 @@ class Tooltip extends FASTElement {
|
|
|
12455
12470
|
const anchorName = this.anchorElement.style.anchorName || `--${this.anchor}`;
|
|
12456
12471
|
const describedBy = this.anchorElement.getAttribute("aria-describedby");
|
|
12457
12472
|
this.anchorElement.setAttribute("aria-describedby", describedBy ? `${describedBy} ${this.id}` : this.id);
|
|
12473
|
+
this.anchorElement.addEventListener("focus", this.focusAnchorHandler);
|
|
12474
|
+
this.anchorElement.addEventListener("blur", this.blurAnchorHandler);
|
|
12475
|
+
this.anchorElement.addEventListener("mouseenter", this.mouseenterAnchorHandler);
|
|
12476
|
+
this.anchorElement.addEventListener("mouseleave", this.mouseleaveAnchorHandler);
|
|
12458
12477
|
if (SUPPORTS_CSS_ANCHOR_POSITIONING) {
|
|
12459
12478
|
if (!SUPPORTS_HTML_ANCHOR_POSITIONING) {
|
|
12460
12479
|
this.anchorElement.style.anchorName = anchorName;
|
|
12461
12480
|
this.style.positionAnchor = anchorName;
|
|
12462
12481
|
}
|
|
12463
|
-
|
|
12464
|
-
if (!this.anchorPositioningStyleElement) {
|
|
12465
|
-
this.anchorPositioningStyleElement = document.createElement("style");
|
|
12466
|
-
document.head.append(this.anchorPositioningStyleElement);
|
|
12467
|
-
}
|
|
12468
|
-
let [direction, alignment] = this.positioning?.split("-") ?? [];
|
|
12469
|
-
if (alignment === void 0 && (direction === "above" || direction === "below")) {
|
|
12470
|
-
alignment = "centerX";
|
|
12471
|
-
}
|
|
12472
|
-
if (alignment === void 0 && (direction === "before" || direction === "after")) {
|
|
12473
|
-
alignment = "centerY";
|
|
12474
|
-
}
|
|
12475
|
-
const directionCSSMap = {
|
|
12476
|
-
above: `bottom: anchor(${anchorName} top);`,
|
|
12477
|
-
below: `top: anchor(${anchorName} bottom);`,
|
|
12478
|
-
before: `right: anchor(${anchorName} left);`,
|
|
12479
|
-
after: `left: anchor(${anchorName} right);`
|
|
12480
|
-
};
|
|
12481
|
-
const directionCSS = directionCSSMap[direction] ?? directionCSSMap.above;
|
|
12482
|
-
const alignmentCSSMap = {
|
|
12483
|
-
start: `left: anchor(${anchorName} left);`,
|
|
12484
|
-
end: `right: anchor(${anchorName} right);`,
|
|
12485
|
-
top: `top: anchor(${anchorName} top);`,
|
|
12486
|
-
bottom: `bottom: anchor(${anchorName} bottom);`,
|
|
12487
|
-
centerX: `left: anchor(${anchorName} center); translate: -50% 0;`,
|
|
12488
|
-
centerY: `top: anchor(${anchorName} center); translate: 0 -50%;`
|
|
12489
|
-
};
|
|
12490
|
-
const alignmentCSS = alignmentCSSMap[alignment] ?? alignmentCSSMap.centerX;
|
|
12491
|
-
this.anchorPositioningStyleElement.textContent = `
|
|
12492
|
-
#${this.anchor} {
|
|
12493
|
-
anchor-name: ${anchorName};
|
|
12494
|
-
}
|
|
12495
|
-
#${this.id} {
|
|
12496
|
-
inset: unset;
|
|
12497
|
-
${directionCSS}
|
|
12498
|
-
${alignmentCSS}
|
|
12499
|
-
position: absolute;
|
|
12500
|
-
}
|
|
12501
|
-
`;
|
|
12502
|
-
if (window.CSS_ANCHOR_POLYFILL) {
|
|
12503
|
-
window.CSS_ANCHOR_POLYFILL.call({
|
|
12504
|
-
element: this.anchorPositioningStyleElement
|
|
12505
|
-
});
|
|
12506
|
-
}
|
|
12482
|
+
return;
|
|
12507
12483
|
}
|
|
12508
|
-
|
|
12509
|
-
this.anchorElement.addEventListener("blur", this.blurAnchorHandler);
|
|
12510
|
-
this.anchorElement.addEventListener("mouseenter", this.mouseenterAnchorHandler);
|
|
12511
|
-
this.anchorElement.addEventListener("mouseleave", this.mouseleaveAnchorHandler);
|
|
12484
|
+
Updates.enqueue(() => this.setFallbackStyles());
|
|
12512
12485
|
}
|
|
12513
12486
|
disconnectedCallback() {
|
|
12514
12487
|
super.disconnectedCallback();
|
|
@@ -12543,6 +12516,59 @@ class Tooltip extends FASTElement {
|
|
|
12543
12516
|
this.hidePopover();
|
|
12544
12517
|
}, delay);
|
|
12545
12518
|
}
|
|
12519
|
+
setFallbackStyles() {
|
|
12520
|
+
if (!this.anchorElement) {
|
|
12521
|
+
return;
|
|
12522
|
+
}
|
|
12523
|
+
const anchorName = this.anchorElement.style.anchorName || `--${this.anchor}`;
|
|
12524
|
+
if (!this.anchorPositioningStyleElement) {
|
|
12525
|
+
this.anchorPositioningStyleElement = document.createElement("style");
|
|
12526
|
+
document.head.append(this.anchorPositioningStyleElement);
|
|
12527
|
+
}
|
|
12528
|
+
let [direction, alignment] = this.positioning?.split("-") ?? [];
|
|
12529
|
+
if (!alignment) {
|
|
12530
|
+
if (direction === "above" || direction === "below") {
|
|
12531
|
+
alignment = "centerX";
|
|
12532
|
+
}
|
|
12533
|
+
if (direction === "before" || direction === "after") {
|
|
12534
|
+
alignment = "centerY";
|
|
12535
|
+
}
|
|
12536
|
+
}
|
|
12537
|
+
const directionCSSMap = {
|
|
12538
|
+
above: `bottom: anchor(top);`,
|
|
12539
|
+
below: `top: anchor(bottom);`,
|
|
12540
|
+
before: `right: anchor(left);`,
|
|
12541
|
+
after: `left: anchor(right);`
|
|
12542
|
+
};
|
|
12543
|
+
const directionCSS = directionCSSMap[direction] ?? directionCSSMap.above;
|
|
12544
|
+
const alignmentCSSMap = {
|
|
12545
|
+
start: `left: anchor(left);`,
|
|
12546
|
+
end: `right: anchor(right);`,
|
|
12547
|
+
top: `top: anchor(top);`,
|
|
12548
|
+
bottom: `bottom: anchor(bottom);`,
|
|
12549
|
+
centerX: `left: anchor(center); translate: -50% 0;`,
|
|
12550
|
+
centerY: `top: anchor(center); translate: 0 -50%;`
|
|
12551
|
+
};
|
|
12552
|
+
const alignmentCSS = alignmentCSSMap[alignment] ?? alignmentCSSMap.centerX;
|
|
12553
|
+
this.anchorPositioningStyleElement.textContent = /* css */
|
|
12554
|
+
`
|
|
12555
|
+
#${this.anchor} {
|
|
12556
|
+
anchor-name: ${anchorName};
|
|
12557
|
+
}
|
|
12558
|
+
#${this.id} {
|
|
12559
|
+
inset: unset;
|
|
12560
|
+
position-anchor: ${anchorName};
|
|
12561
|
+
position: absolute;
|
|
12562
|
+
${directionCSS}
|
|
12563
|
+
${alignmentCSS}
|
|
12564
|
+
}
|
|
12565
|
+
`;
|
|
12566
|
+
if (window.CSS_ANCHOR_POLYFILL) {
|
|
12567
|
+
window.CSS_ANCHOR_POLYFILL.call({
|
|
12568
|
+
element: this.anchorPositioningStyleElement
|
|
12569
|
+
});
|
|
12570
|
+
}
|
|
12571
|
+
}
|
|
12546
12572
|
}
|
|
12547
12573
|
__decorateClass([attr], Tooltip.prototype, "id", 2);
|
|
12548
12574
|
__decorateClass([attr({
|
|
@@ -12569,7 +12595,7 @@ const TooltipPositioningOption = {
|
|
|
12569
12595
|
const styles = css`
|
|
12570
12596
|
${display("inline-flex")}
|
|
12571
12597
|
|
|
12572
|
-
:host(:not(:popover-open)){display:none}:host{--position-area:block-start;--position-try-options:flip-block;--block-offset:${spacingVerticalXS};--inline-offset:${spacingHorizontalXS};background:${colorNeutralBackground1};border-radius:${borderRadiusMedium};border:1px solid ${colorTransparentStroke};box-sizing:border-box;color:${colorNeutralForeground1};display:inline-flex;filter:drop-shadow(0 0 2px ${colorNeutralShadowAmbient}) drop-shadow(0 4px 8px ${colorNeutralShadowKey});font-family:${fontFamilyBase};font-size:${fontSizeBase200};inset:unset;line-height:${lineHeightBase200};margin:unset;max-width:240px;padding:4px ${spacingHorizontalMNudge} 6px;position:absolute;position-area:var(--position-area);position-try-options:var(--position-try-options);width:auto;z-index:1}@supports (inset-area:block-start){:host{inset-area:var(--position-area);position-try-fallbacks:var(--position-try-options)}}:host(:is([positioning^='above'],[positioning^='below'],:not([positioning]))){margin-block:var(--block-offset)}:host(:is([positioning^='before'],[positioning^='after'])){margin-inline:var(--inline-offset);--position-try-options:flip-inline}:host([positioning='above-start']){--position-area:${TooltipPositioningOption["above-start"]}}:host([positioning='above']){--position-area:${TooltipPositioningOption.above}}:host([positioning='above-end']){--position-area:${TooltipPositioningOption["above-end"]}}:host([positioning='below-start']){--position-area:${TooltipPositioningOption["below-start"]}}:host([positioning='below']){--position-area:${TooltipPositioningOption.below}}:host([positioning='below-end']){--position-area:${TooltipPositioningOption
|
|
12598
|
+
:host(:not(:popover-open)){display:none}:host{--position-area:block-start;--position-try-options:flip-block;--block-offset:${spacingVerticalXS};--inline-offset:${spacingHorizontalXS};background:${colorNeutralBackground1};border-radius:${borderRadiusMedium};border:1px solid ${colorTransparentStroke};box-sizing:border-box;color:${colorNeutralForeground1};display:inline-flex;filter:drop-shadow(0 0 2px ${colorNeutralShadowAmbient}) drop-shadow(0 4px 8px ${colorNeutralShadowKey});font-family:${fontFamilyBase};font-size:${fontSizeBase200};inset:unset;line-height:${lineHeightBase200};margin:unset;max-width:240px;overflow:visible;padding:4px ${spacingHorizontalMNudge} 6px;position:absolute;position-area:var(--position-area);position-try-options:var(--position-try-options);width:auto;z-index:1}@supports (inset-area:block-start){:host{inset-area:var(--position-area);position-try-fallbacks:var(--position-try-options)}}:host(:is([positioning^='above'],[positioning^='below'],:not([positioning]))){margin-block:var(--block-offset)}:host(:is([positioning^='before'],[positioning^='after'])){margin-inline:var(--inline-offset);--position-try-options:flip-inline}:host([positioning='above-start']){--position-area:${TooltipPositioningOption["above-start"]}}:host([positioning='above']){--position-area:${TooltipPositioningOption.above}}:host([positioning='above-end']){--position-area:${TooltipPositioningOption["above-end"]}}:host([positioning='below-start']){--position-area:${TooltipPositioningOption["below-start"]}}:host([positioning='below']){--position-area:${TooltipPositioningOption.below}}:host([positioning='below-end']){--position-area:${TooltipPositioningOption["below-end"]}}:host([positioning='before-top']){--position-area:${TooltipPositioningOption["before-top"]}}:host([positioning='before']){--position-area:${TooltipPositioningOption.before}}:host([positioning='before-bottom']){--position-area:${TooltipPositioningOption["before-bottom"]}}:host([positioning='after-top']){--position-area:${TooltipPositioningOption["after-top"]}}:host([positioning='after']){--position-area:${TooltipPositioningOption.after}}:host([positioning='after-bottom']){--position-area:${TooltipPositioningOption["after-bottom"]}}`;
|
|
12573
12599
|
|
|
12574
12600
|
const template = html`<template popover aria-hidden="true"><slot></slot></template>`;
|
|
12575
12601
|
|