@fluentui/web-components 3.0.0-beta.9 → 3.0.0-beta.91

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.
Files changed (1007) hide show
  1. package/CHANGELOG.md +951 -103
  2. package/README.md +49 -16
  3. package/dist/dts/accordion/accordion.bench.d.ts +3 -0
  4. package/dist/dts/accordion/accordion.d.ts +35 -12
  5. package/dist/dts/accordion/accordion.options.d.ts +3 -3
  6. package/dist/dts/accordion/accordion.template.d.ts +1 -1
  7. package/dist/dts/accordion/index.d.ts +2 -1
  8. package/dist/dts/accordion-item/accordion-item.base.d.ts +59 -0
  9. package/dist/dts/accordion-item/accordion-item.bench.d.ts +3 -0
  10. package/dist/dts/accordion-item/accordion-item.d.ts +12 -67
  11. package/dist/dts/accordion-item/accordion-item.options.d.ts +3 -3
  12. package/dist/dts/accordion-item/accordion-item.template.d.ts +2 -2
  13. package/dist/dts/accordion-item/index.d.ts +4 -2
  14. package/dist/dts/anchor-button/anchor-button.base.d.ts +144 -0
  15. package/dist/dts/anchor-button/anchor-button.bench.d.ts +3 -0
  16. package/dist/dts/anchor-button/anchor-button.d.ts +33 -128
  17. package/dist/dts/anchor-button/anchor-button.options.d.ts +26 -6
  18. package/dist/dts/anchor-button/anchor-button.template.d.ts +1 -1
  19. package/dist/dts/anchor-button/index.d.ts +6 -3
  20. package/dist/dts/avatar/avatar.base.d.ts +30 -0
  21. package/dist/dts/avatar/avatar.bench.d.ts +3 -0
  22. package/dist/dts/avatar/avatar.d.ts +39 -40
  23. package/dist/dts/avatar/avatar.options.d.ts +6 -6
  24. package/dist/dts/avatar/avatar.template.d.ts +1 -1
  25. package/dist/dts/avatar/index.d.ts +3 -2
  26. package/dist/dts/badge/badge.bench.d.ts +3 -0
  27. package/dist/dts/badge/badge.options.d.ts +6 -6
  28. package/dist/dts/badge/badge.template.d.ts +1 -1
  29. package/dist/dts/badge/index.d.ts +2 -2
  30. package/dist/dts/button/button.base.d.ts +242 -0
  31. package/dist/dts/button/button.bench.d.ts +3 -0
  32. package/dist/dts/button/button.d.ts +18 -160
  33. package/dist/dts/button/button.definition.d.ts +3 -1
  34. package/dist/dts/button/button.options.d.ts +22 -8
  35. package/dist/dts/button/button.styles.d.ts +9 -0
  36. package/dist/dts/button/button.template.d.ts +9 -3
  37. package/dist/dts/button/index.d.ts +6 -4
  38. package/dist/dts/checkbox/checkbox.base.d.ts +288 -0
  39. package/dist/dts/checkbox/checkbox.bench.d.ts +3 -0
  40. package/dist/dts/checkbox/checkbox.d.ts +29 -47
  41. package/dist/dts/checkbox/checkbox.options.d.ts +15 -12
  42. package/dist/dts/checkbox/checkbox.template.d.ts +3 -2
  43. package/dist/dts/checkbox/index.d.ts +5 -3
  44. package/dist/dts/compound-button/compound-button.bench.d.ts +3 -0
  45. package/dist/dts/compound-button/compound-button.options.d.ts +4 -9
  46. package/dist/dts/compound-button/compound-button.template.d.ts +1 -1
  47. package/dist/dts/compound-button/index.d.ts +2 -2
  48. package/dist/dts/counter-badge/counter-badge.bench.d.ts +3 -0
  49. package/dist/dts/counter-badge/counter-badge.d.ts +6 -0
  50. package/dist/dts/counter-badge/counter-badge.options.d.ts +6 -6
  51. package/dist/dts/counter-badge/counter-badge.template.d.ts +2 -2
  52. package/dist/dts/counter-badge/index.d.ts +2 -2
  53. package/dist/dts/dialog/dialog.bench.d.ts +3 -0
  54. package/dist/dts/dialog/dialog.d.ts +12 -146
  55. package/dist/dts/dialog/dialog.options.d.ts +2 -2
  56. package/dist/dts/dialog/dialog.template.d.ts +1 -1
  57. package/dist/dts/dialog/index.d.ts +2 -1
  58. package/dist/dts/dialog-body/define.d.ts +1 -0
  59. package/dist/dts/dialog-body/dialog-body.bench.d.ts +3 -0
  60. package/dist/dts/dialog-body/dialog-body.d.ts +14 -0
  61. package/dist/dts/dialog-body/dialog-body.definition.d.ts +9 -0
  62. package/dist/dts/dialog-body/dialog-body.styles.d.ts +4 -0
  63. package/dist/dts/dialog-body/dialog-body.template.d.ts +6 -0
  64. package/dist/dts/dialog-body/index.d.ts +4 -0
  65. package/dist/dts/divider/divider.base.d.ts +49 -0
  66. package/dist/dts/divider/divider.bench.d.ts +3 -0
  67. package/dist/dts/divider/divider.d.ts +8 -27
  68. package/dist/dts/divider/divider.options.d.ts +4 -5
  69. package/dist/dts/divider/divider.template.d.ts +1 -1
  70. package/dist/dts/divider/index.d.ts +3 -2
  71. package/dist/dts/drawer/define.d.ts +1 -0
  72. package/dist/dts/drawer/drawer.d.ts +93 -0
  73. package/dist/dts/drawer/drawer.definition.d.ts +8 -0
  74. package/dist/dts/drawer/drawer.options.d.ts +40 -0
  75. package/dist/dts/drawer/drawer.styles.d.ts +4 -0
  76. package/dist/dts/drawer/drawer.template.d.ts +8 -0
  77. package/dist/dts/drawer/index.d.ts +5 -0
  78. package/dist/dts/drawer-body/define.d.ts +1 -0
  79. package/dist/dts/drawer-body/drawer-body.d.ts +20 -0
  80. package/dist/dts/drawer-body/drawer-body.definition.d.ts +8 -0
  81. package/dist/dts/drawer-body/drawer-body.styles.d.ts +4 -0
  82. package/dist/dts/drawer-body/drawer-body.template.d.ts +8 -0
  83. package/dist/dts/drawer-body/index.d.ts +4 -0
  84. package/dist/dts/dropdown/define.d.ts +1 -0
  85. package/dist/dts/dropdown/dropdown.base.d.ts +479 -0
  86. package/dist/dts/dropdown/dropdown.d.ts +28 -0
  87. package/dist/dts/dropdown/dropdown.definition.d.ts +9 -0
  88. package/dist/dts/dropdown/dropdown.options.d.ts +53 -0
  89. package/dist/dts/dropdown/dropdown.styles.d.ts +6 -0
  90. package/dist/dts/dropdown/dropdown.template.d.ts +38 -0
  91. package/dist/dts/dropdown/index.d.ts +6 -0
  92. package/dist/dts/field/define.d.ts +1 -0
  93. package/dist/dts/field/field.base.d.ts +120 -0
  94. package/dist/dts/field/field.bench.d.ts +3 -0
  95. package/dist/dts/field/field.d.ts +18 -0
  96. package/dist/dts/field/field.definition.d.ts +9 -0
  97. package/dist/dts/field/field.options.d.ts +43 -0
  98. package/dist/dts/field/field.styles.d.ts +6 -0
  99. package/dist/dts/field/field.template.d.ts +6 -0
  100. package/dist/dts/field/index.d.ts +7 -0
  101. package/dist/dts/image/image.bench.d.ts +3 -0
  102. package/dist/dts/image/image.options.d.ts +2 -3
  103. package/dist/dts/image/image.template.d.ts +1 -1
  104. package/dist/dts/image/index.d.ts +2 -2
  105. package/dist/dts/index-rollup.d.ts +44 -1
  106. package/dist/dts/index.d.ts +64 -31
  107. package/dist/dts/label/index.d.ts +2 -1
  108. package/dist/dts/label/label.bench.d.ts +3 -0
  109. package/dist/dts/label/label.d.ts +0 -2
  110. package/dist/dts/label/label.options.d.ts +2 -2
  111. package/dist/dts/label/label.template.d.ts +2 -2
  112. package/dist/dts/link/define.d.ts +1 -0
  113. package/dist/dts/link/index.d.ts +5 -0
  114. package/dist/dts/link/link.bench.d.ts +3 -0
  115. package/dist/dts/link/link.d.ts +33 -0
  116. package/dist/dts/link/link.definition.d.ts +7 -0
  117. package/dist/dts/link/link.options.d.ts +52 -0
  118. package/dist/dts/link/link.styles.d.ts +1 -0
  119. package/dist/dts/link/link.template.d.ts +12 -0
  120. package/dist/dts/listbox/define.d.ts +1 -0
  121. package/dist/dts/listbox/index.d.ts +5 -0
  122. package/dist/dts/listbox/listbox.d.ts +116 -0
  123. package/dist/dts/listbox/listbox.definition.d.ts +9 -0
  124. package/dist/dts/listbox/listbox.options.d.ts +10 -0
  125. package/dist/dts/listbox/listbox.styles.d.ts +6 -0
  126. package/dist/dts/listbox/listbox.template.d.ts +17 -0
  127. package/dist/dts/menu/index.d.ts +1 -1
  128. package/dist/dts/menu/menu.bench.d.ts +3 -0
  129. package/dist/dts/menu/menu.d.ts +87 -58
  130. package/dist/dts/menu/menu.template.d.ts +1 -1
  131. package/dist/dts/menu-button/index.d.ts +4 -3
  132. package/dist/dts/menu-button/menu-button.bench.d.ts +3 -0
  133. package/dist/dts/menu-button/menu-button.options.d.ts +5 -6
  134. package/dist/dts/menu-button/menu-button.template.d.ts +1 -1
  135. package/dist/dts/menu-item/index.d.ts +5 -3
  136. package/dist/dts/menu-item/menu-item.bench.d.ts +3 -0
  137. package/dist/dts/menu-item/menu-item.d.ts +34 -57
  138. package/dist/dts/menu-item/menu-item.options.d.ts +2 -2
  139. package/dist/dts/menu-list/index.d.ts +1 -1
  140. package/dist/dts/menu-list/menu-list.bench.d.ts +3 -0
  141. package/dist/dts/menu-list/menu-list.d.ts +12 -10
  142. package/dist/dts/menu-list/menu-list.template.d.ts +1 -1
  143. package/dist/dts/message-bar/define.d.ts +1 -0
  144. package/dist/dts/message-bar/index.d.ts +5 -0
  145. package/dist/dts/message-bar/message-bar.bench.d.ts +3 -0
  146. package/dist/dts/message-bar/message-bar.d.ts +48 -0
  147. package/dist/dts/message-bar/message-bar.definition.d.ts +9 -0
  148. package/dist/dts/message-bar/message-bar.options.d.ts +30 -0
  149. package/dist/dts/message-bar/message-bar.styles.d.ts +7 -0
  150. package/dist/dts/message-bar/message-bar.template.d.ts +14 -0
  151. package/dist/dts/option/define.d.ts +1 -0
  152. package/dist/dts/option/index.d.ts +5 -0
  153. package/dist/dts/option/option.d.ts +260 -0
  154. package/dist/dts/option/option.definition.d.ts +9 -0
  155. package/dist/dts/option/option.options.d.ts +20 -0
  156. package/dist/dts/option/option.styles.d.ts +6 -0
  157. package/dist/dts/option/option.template.d.ts +16 -0
  158. package/dist/dts/patterns/start-end.d.ts +20 -6
  159. package/dist/dts/progress-bar/index.d.ts +3 -2
  160. package/dist/dts/progress-bar/progress-bar.base.d.ts +73 -0
  161. package/dist/dts/progress-bar/progress-bar.bench.d.ts +3 -0
  162. package/dist/dts/progress-bar/progress-bar.d.ts +7 -21
  163. package/dist/dts/progress-bar/progress-bar.options.d.ts +4 -13
  164. package/dist/dts/progress-bar/progress-bar.template.d.ts +1 -2
  165. package/dist/dts/radio/index.d.ts +2 -1
  166. package/dist/dts/radio/radio.bench.d.ts +3 -0
  167. package/dist/dts/radio/radio.d.ts +38 -35
  168. package/dist/dts/radio/radio.options.d.ts +14 -0
  169. package/dist/dts/radio/radio.styles.d.ts +3 -1
  170. package/dist/dts/radio/radio.template.d.ts +14 -2
  171. package/dist/dts/radio-group/index.d.ts +2 -1
  172. package/dist/dts/radio-group/radio-group.bench.d.ts +3 -0
  173. package/dist/dts/radio-group/radio-group.d.ts +211 -49
  174. package/dist/dts/radio-group/radio-group.options.d.ts +1 -1
  175. package/dist/dts/radio-group/radio-group.template.d.ts +1 -1
  176. package/dist/dts/rating-display/define.d.ts +1 -0
  177. package/dist/dts/rating-display/index.d.ts +6 -0
  178. package/dist/dts/rating-display/rating-display.base.d.ts +89 -0
  179. package/dist/dts/rating-display/rating-display.d.ts +48 -0
  180. package/dist/dts/rating-display/rating-display.definition.d.ts +9 -0
  181. package/dist/dts/rating-display/rating-display.options.d.ts +29 -0
  182. package/dist/dts/rating-display/rating-display.styles.d.ts +6 -0
  183. package/dist/dts/rating-display/rating-display.template.d.ts +14 -0
  184. package/dist/dts/slider/index.d.ts +3 -2
  185. package/dist/dts/slider/slider.bench.d.ts +3 -0
  186. package/dist/dts/slider/slider.d.ts +181 -39
  187. package/dist/dts/slider/slider.options.d.ts +6 -6
  188. package/dist/dts/slider/slider.template.d.ts +2 -2
  189. package/dist/dts/spinner/index.d.ts +3 -2
  190. package/dist/dts/spinner/spinner.base.d.ts +14 -0
  191. package/dist/dts/spinner/spinner.bench.d.ts +3 -0
  192. package/dist/dts/spinner/spinner.d.ts +6 -6
  193. package/dist/dts/spinner/spinner.options.d.ts +2 -2
  194. package/dist/dts/spinner/spinner.template.d.ts +2 -5
  195. package/dist/dts/styles/partials/index.d.ts +1 -0
  196. package/dist/dts/styles/partials/typography.partials.d.ts +18 -0
  197. package/dist/dts/styles/states/index.d.ts +134 -0
  198. package/dist/dts/switch/index.d.ts +3 -2
  199. package/dist/dts/switch/switch.bench.d.ts +3 -0
  200. package/dist/dts/switch/switch.d.ts +3 -40
  201. package/dist/dts/switch/switch.options.d.ts +1 -1
  202. package/dist/dts/switch/switch.template.d.ts +2 -2
  203. package/dist/dts/tab/index.d.ts +4 -3
  204. package/dist/dts/tab/tab.bench.d.ts +3 -0
  205. package/dist/dts/tab/tab.d.ts +3 -2
  206. package/dist/dts/tab/tab.template.d.ts +2 -2
  207. package/dist/dts/tab-panel/index.d.ts +1 -1
  208. package/dist/dts/tab-panel/tab-panel.bench.d.ts +3 -0
  209. package/dist/dts/tab-panel/tab-panel.d.ts +3 -0
  210. package/dist/dts/tab-panel/tab-panel.definition.d.ts +3 -0
  211. package/dist/dts/tab-panel/tab-panel.template.d.ts +5 -2
  212. package/dist/dts/tablist/define.d.ts +1 -0
  213. package/dist/dts/tablist/index.d.ts +6 -0
  214. package/dist/dts/tablist/tablist.base.d.ts +95 -0
  215. package/dist/dts/tablist/tablist.bench.d.ts +3 -0
  216. package/dist/dts/tablist/tablist.d.ts +91 -0
  217. package/dist/dts/tablist/tablist.definition.d.ts +7 -0
  218. package/dist/dts/tablist/tablist.options.d.ts +44 -0
  219. package/dist/dts/tablist/tablist.styles.d.ts +4 -0
  220. package/dist/dts/tablist/tablist.template.d.ts +5 -0
  221. package/dist/dts/tabs/index.d.ts +5 -4
  222. package/dist/dts/tabs/tabs.base.d.ts +90 -0
  223. package/dist/dts/tabs/tabs.bench.d.ts +3 -0
  224. package/dist/dts/tabs/tabs.d.ts +15 -96
  225. package/dist/dts/tabs/tabs.definition.d.ts +3 -0
  226. package/dist/dts/tabs/tabs.options.d.ts +6 -6
  227. package/dist/dts/tabs/tabs.template.d.ts +6 -3
  228. package/dist/dts/text/index.d.ts +2 -2
  229. package/dist/dts/text/text.bench.d.ts +3 -0
  230. package/dist/dts/text/text.d.ts +9 -3
  231. package/dist/dts/text/text.options.d.ts +4 -4
  232. package/dist/dts/text/text.template.d.ts +1 -1
  233. package/dist/dts/text-input/index.d.ts +6 -4
  234. package/dist/dts/text-input/text-input.base.d.ts +393 -0
  235. package/dist/dts/text-input/text-input.bench.d.ts +3 -0
  236. package/dist/dts/text-input/text-input.d.ts +20 -138
  237. package/dist/dts/text-input/text-input.definition.d.ts +2 -3
  238. package/dist/dts/text-input/text-input.options.d.ts +22 -32
  239. package/dist/dts/text-input/text-input.styles.d.ts +5 -2
  240. package/dist/dts/text-input/text-input.template.d.ts +9 -3
  241. package/dist/dts/textarea/define.d.ts +1 -0
  242. package/dist/dts/textarea/index.d.ts +6 -0
  243. package/dist/dts/textarea/textarea.base.d.ts +347 -0
  244. package/dist/dts/textarea/textarea.bench.d.ts +3 -0
  245. package/dist/dts/textarea/textarea.d.ts +41 -0
  246. package/dist/dts/textarea/textarea.definition.d.ts +9 -0
  247. package/dist/dts/textarea/textarea.options.d.ts +49 -0
  248. package/dist/dts/textarea/textarea.styles.d.ts +7 -0
  249. package/dist/dts/textarea/textarea.template.d.ts +12 -0
  250. package/dist/dts/theme/design-tokens.d.ts +2220 -436
  251. package/dist/dts/theme/index.d.ts +1 -1
  252. package/dist/dts/theme/set-theme.d.ts +27 -5
  253. package/dist/dts/theme/set-theme.global.bench.d.ts +3 -0
  254. package/dist/dts/theme/set-theme.local.bench.d.ts +3 -0
  255. package/dist/dts/theme/set-theme.shadow.bench.d.ts +3 -0
  256. package/dist/dts/toggle-button/index.d.ts +5 -4
  257. package/dist/dts/toggle-button/toggle-button.bench.d.ts +3 -0
  258. package/dist/dts/toggle-button/toggle-button.d.ts +29 -26
  259. package/dist/dts/toggle-button/toggle-button.options.d.ts +4 -5
  260. package/dist/dts/toggle-button/toggle-button.styles.d.ts +7 -0
  261. package/dist/dts/toggle-button/toggle-button.template.d.ts +1 -1
  262. package/dist/dts/tooltip/define.d.ts +1 -0
  263. package/dist/dts/tooltip/index.d.ts +5 -0
  264. package/dist/dts/tooltip/tooltip.d.ts +95 -0
  265. package/dist/dts/tooltip/tooltip.definition.d.ts +9 -0
  266. package/dist/dts/tooltip/tooltip.options.d.ts +24 -0
  267. package/dist/dts/tooltip/tooltip.styles.d.ts +5 -0
  268. package/dist/dts/tooltip/tooltip.template.d.ts +6 -0
  269. package/dist/dts/tree/define.d.ts +1 -0
  270. package/dist/dts/tree/index.d.ts +5 -0
  271. package/dist/dts/tree/tree.base.d.ts +68 -0
  272. package/dist/dts/tree/tree.bench.d.ts +3 -0
  273. package/dist/dts/tree/tree.d.ts +28 -0
  274. package/dist/dts/tree/tree.definition.d.ts +8 -0
  275. package/dist/dts/tree/tree.styles.d.ts +1 -0
  276. package/dist/dts/tree/tree.template.d.ts +2 -0
  277. package/dist/dts/tree-item/define.d.ts +1 -0
  278. package/dist/dts/tree-item/index.d.ts +6 -0
  279. package/dist/dts/tree-item/tree-item.base.d.ts +99 -0
  280. package/dist/dts/tree-item/tree-item.bench.d.ts +3 -0
  281. package/dist/dts/tree-item/tree-item.d.ts +38 -0
  282. package/dist/dts/tree-item/tree-item.definition.d.ts +8 -0
  283. package/dist/dts/tree-item/tree-item.options.d.ts +22 -0
  284. package/dist/dts/tree-item/tree-item.styles.d.ts +1 -0
  285. package/dist/dts/tree-item/tree-item.template.d.ts +2 -0
  286. package/dist/dts/tsdoc-metadata.json +11 -0
  287. package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +124 -0
  288. package/dist/dts/utils/converters.d.ts +17 -0
  289. package/dist/dts/utils/display.d.ts +17 -0
  290. package/dist/dts/utils/element-internals.d.ts +54 -0
  291. package/dist/dts/utils/focusable-element.d.ts +3 -0
  292. package/dist/dts/utils/index.d.ts +4 -0
  293. package/dist/dts/utils/language.d.ts +9 -0
  294. package/dist/dts/utils/root-active-element.d.ts +1 -0
  295. package/dist/dts/utils/support.d.ts +15 -0
  296. package/dist/dts/utils/template-helpers.d.ts +2 -3
  297. package/dist/dts/utils/typings.d.ts +1 -1
  298. package/dist/dts/utils/unique-id.d.ts +9 -0
  299. package/dist/esm/accordion/accordion.bench.js +30 -0
  300. package/dist/esm/accordion/accordion.bench.js.map +1 -0
  301. package/dist/esm/accordion/accordion.js +52 -97
  302. package/dist/esm/accordion/accordion.js.map +1 -1
  303. package/dist/esm/accordion/accordion.options.js +1 -1
  304. package/dist/esm/accordion/accordion.styles.js +1 -1
  305. package/dist/esm/accordion/accordion.styles.js.map +1 -1
  306. package/dist/esm/accordion/accordion.template.js.map +1 -1
  307. package/dist/esm/accordion/index.js +2 -1
  308. package/dist/esm/accordion/index.js.map +1 -1
  309. package/dist/esm/accordion-item/accordion-item.base.js +77 -0
  310. package/dist/esm/accordion-item/accordion-item.base.js.map +1 -0
  311. package/dist/esm/accordion-item/accordion-item.bench.js +14 -0
  312. package/dist/esm/accordion-item/accordion-item.bench.js.map +1 -0
  313. package/dist/esm/accordion-item/accordion-item.js +9 -84
  314. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  315. package/dist/esm/accordion-item/accordion-item.options.js +1 -1
  316. package/dist/esm/accordion-item/accordion-item.options.js.map +1 -1
  317. package/dist/esm/accordion-item/accordion-item.styles.js +57 -80
  318. package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
  319. package/dist/esm/accordion-item/accordion-item.template.js +24 -43
  320. package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
  321. package/dist/esm/accordion-item/index.js +3 -2
  322. package/dist/esm/accordion-item/index.js.map +1 -1
  323. package/dist/esm/anchor-button/anchor-button.base.js +147 -0
  324. package/dist/esm/anchor-button/anchor-button.base.js.map +1 -0
  325. package/dist/esm/anchor-button/anchor-button.bench.js +11 -0
  326. package/dist/esm/anchor-button/anchor-button.bench.js.map +1 -0
  327. package/dist/esm/anchor-button/anchor-button.definition.js +0 -3
  328. package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
  329. package/dist/esm/anchor-button/anchor-button.js +38 -112
  330. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  331. package/dist/esm/anchor-button/anchor-button.options.js +15 -0
  332. package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
  333. package/dist/esm/anchor-button/anchor-button.styles.js +12 -5
  334. package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
  335. package/dist/esm/anchor-button/anchor-button.template.js +7 -35
  336. package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
  337. package/dist/esm/anchor-button/index.js +5 -3
  338. package/dist/esm/anchor-button/index.js.map +1 -1
  339. package/dist/esm/avatar/avatar.base.js +25 -0
  340. package/dist/esm/avatar/avatar.base.js.map +1 -0
  341. package/dist/esm/avatar/avatar.bench.js +10 -0
  342. package/dist/esm/avatar/avatar.bench.js.map +1 -0
  343. package/dist/esm/avatar/avatar.js +55 -51
  344. package/dist/esm/avatar/avatar.js.map +1 -1
  345. package/dist/esm/avatar/avatar.styles.js +101 -101
  346. package/dist/esm/avatar/avatar.styles.js.map +1 -1
  347. package/dist/esm/avatar/avatar.template.js +2 -4
  348. package/dist/esm/avatar/avatar.template.js.map +1 -1
  349. package/dist/esm/avatar/index.js +3 -2
  350. package/dist/esm/avatar/index.js.map +1 -1
  351. package/dist/esm/badge/badge.bench.js +11 -0
  352. package/dist/esm/badge/badge.bench.js.map +1 -0
  353. package/dist/esm/badge/badge.js +1 -7
  354. package/dist/esm/badge/badge.js.map +1 -1
  355. package/dist/esm/badge/badge.styles.js +16 -11
  356. package/dist/esm/badge/badge.styles.js.map +1 -1
  357. package/dist/esm/badge/badge.template.js.map +1 -1
  358. package/dist/esm/badge/index.js +2 -2
  359. package/dist/esm/badge/index.js.map +1 -1
  360. package/dist/esm/button/button.base.js +283 -0
  361. package/dist/esm/button/button.base.js.map +1 -0
  362. package/dist/esm/button/button.bench.js +11 -0
  363. package/dist/esm/button/button.bench.js.map +1 -0
  364. package/dist/esm/button/button.definition.js +3 -4
  365. package/dist/esm/button/button.definition.js.map +1 -1
  366. package/dist/esm/button/button.js +9 -168
  367. package/dist/esm/button/button.js.map +1 -1
  368. package/dist/esm/button/button.options.js +10 -1
  369. package/dist/esm/button/button.options.js.map +1 -1
  370. package/dist/esm/button/button.styles.js +148 -133
  371. package/dist/esm/button/button.styles.js.map +1 -1
  372. package/dist/esm/button/button.template.js +13 -39
  373. package/dist/esm/button/button.template.js.map +1 -1
  374. package/dist/esm/button/index.js +5 -4
  375. package/dist/esm/button/index.js.map +1 -1
  376. package/dist/esm/checkbox/checkbox.base.js +366 -0
  377. package/dist/esm/checkbox/checkbox.base.js.map +1 -0
  378. package/dist/esm/checkbox/checkbox.bench.js +11 -0
  379. package/dist/esm/checkbox/checkbox.bench.js.map +1 -0
  380. package/dist/esm/checkbox/checkbox.definition.js +1 -1
  381. package/dist/esm/checkbox/checkbox.definition.js.map +1 -1
  382. package/dist/esm/checkbox/checkbox.js +41 -58
  383. package/dist/esm/checkbox/checkbox.js.map +1 -1
  384. package/dist/esm/checkbox/checkbox.options.js +0 -8
  385. package/dist/esm/checkbox/checkbox.options.js.map +1 -1
  386. package/dist/esm/checkbox/checkbox.styles.js +140 -127
  387. package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
  388. package/dist/esm/checkbox/checkbox.template.js +23 -34
  389. package/dist/esm/checkbox/checkbox.template.js.map +1 -1
  390. package/dist/esm/checkbox/index.js +4 -3
  391. package/dist/esm/checkbox/index.js.map +1 -1
  392. package/dist/esm/compound-button/compound-button.bench.js +15 -0
  393. package/dist/esm/compound-button/compound-button.bench.js.map +1 -0
  394. package/dist/esm/compound-button/compound-button.definition.js +0 -3
  395. package/dist/esm/compound-button/compound-button.definition.js.map +1 -1
  396. package/dist/esm/compound-button/compound-button.styles.js +29 -31
  397. package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
  398. package/dist/esm/compound-button/compound-button.template.js +3 -39
  399. package/dist/esm/compound-button/compound-button.template.js.map +1 -1
  400. package/dist/esm/compound-button/index.js +2 -2
  401. package/dist/esm/compound-button/index.js.map +1 -1
  402. package/dist/esm/counter-badge/counter-badge.bench.js +11 -0
  403. package/dist/esm/counter-badge/counter-badge.bench.js.map +1 -0
  404. package/dist/esm/counter-badge/counter-badge.js +8 -9
  405. package/dist/esm/counter-badge/counter-badge.js.map +1 -1
  406. package/dist/esm/counter-badge/counter-badge.styles.js +4 -7
  407. package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -1
  408. package/dist/esm/counter-badge/counter-badge.template.js.map +1 -1
  409. package/dist/esm/counter-badge/index.js +2 -2
  410. package/dist/esm/counter-badge/index.js.map +1 -1
  411. package/dist/esm/dialog/dialog.bench.js +11 -0
  412. package/dist/esm/dialog/dialog.bench.js.map +1 -0
  413. package/dist/esm/dialog/dialog.js +33 -312
  414. package/dist/esm/dialog/dialog.js.map +1 -1
  415. package/dist/esm/dialog/dialog.options.js +1 -1
  416. package/dist/esm/dialog/dialog.options.js.map +1 -1
  417. package/dist/esm/dialog/dialog.styles.js +69 -85
  418. package/dist/esm/dialog/dialog.styles.js.map +1 -1
  419. package/dist/esm/dialog/dialog.template.js +17 -54
  420. package/dist/esm/dialog/dialog.template.js.map +1 -1
  421. package/dist/esm/dialog/index.js +2 -1
  422. package/dist/esm/dialog/index.js.map +1 -1
  423. package/dist/esm/dialog-body/define.js +4 -0
  424. package/dist/esm/dialog-body/define.js.map +1 -0
  425. package/dist/esm/dialog-body/dialog-body.bench.js +11 -0
  426. package/dist/esm/dialog-body/dialog-body.bench.js.map +1 -0
  427. package/dist/esm/dialog-body/dialog-body.definition.js +17 -0
  428. package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -0
  429. package/dist/esm/dialog-body/dialog-body.js +22 -0
  430. package/dist/esm/dialog-body/dialog-body.js.map +1 -0
  431. package/dist/esm/dialog-body/dialog-body.styles.js +79 -0
  432. package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -0
  433. package/dist/esm/dialog-body/dialog-body.template.js +42 -0
  434. package/dist/esm/dialog-body/dialog-body.template.js.map +1 -0
  435. package/dist/esm/dialog-body/index.js +5 -0
  436. package/dist/esm/dialog-body/index.js.map +1 -0
  437. package/dist/esm/divider/divider.base.js +61 -0
  438. package/dist/esm/divider/divider.base.js.map +1 -0
  439. package/dist/esm/divider/divider.bench.js +10 -0
  440. package/dist/esm/divider/divider.bench.js.map +1 -0
  441. package/dist/esm/divider/divider.js +7 -37
  442. package/dist/esm/divider/divider.js.map +1 -1
  443. package/dist/esm/divider/divider.options.js +0 -1
  444. package/dist/esm/divider/divider.options.js.map +1 -1
  445. package/dist/esm/divider/divider.styles.js +17 -19
  446. package/dist/esm/divider/divider.styles.js.map +1 -1
  447. package/dist/esm/divider/divider.template.js +1 -9
  448. package/dist/esm/divider/divider.template.js.map +1 -1
  449. package/dist/esm/divider/index.js +3 -2
  450. package/dist/esm/divider/index.js.map +1 -1
  451. package/dist/esm/drawer/define.js +4 -0
  452. package/dist/esm/drawer/define.js.map +1 -0
  453. package/dist/esm/drawer/drawer.definition.js +16 -0
  454. package/dist/esm/drawer/drawer.definition.js.map +1 -0
  455. package/dist/esm/drawer/drawer.js +132 -0
  456. package/dist/esm/drawer/drawer.js.map +1 -0
  457. package/dist/esm/drawer/drawer.options.js +25 -0
  458. package/dist/esm/drawer/drawer.options.js.map +1 -0
  459. package/dist/esm/drawer/drawer.styles.js +138 -0
  460. package/dist/esm/drawer/drawer.styles.js.map +1 -0
  461. package/dist/esm/drawer/drawer.template.js +28 -0
  462. package/dist/esm/drawer/drawer.template.js.map +1 -0
  463. package/dist/esm/drawer/index.js +6 -0
  464. package/dist/esm/drawer/index.js.map +1 -0
  465. package/dist/esm/drawer-body/define.js +4 -0
  466. package/dist/esm/drawer-body/define.js.map +1 -0
  467. package/dist/esm/drawer-body/drawer-body.definition.js +16 -0
  468. package/dist/esm/drawer-body/drawer-body.definition.js.map +1 -0
  469. package/dist/esm/drawer-body/drawer-body.js +21 -0
  470. package/dist/esm/drawer-body/drawer-body.js.map +1 -0
  471. package/dist/esm/drawer-body/drawer-body.styles.js +31 -0
  472. package/dist/esm/drawer-body/drawer-body.styles.js.map +1 -0
  473. package/dist/esm/drawer-body/drawer-body.template.js +21 -0
  474. package/dist/esm/drawer-body/drawer-body.template.js.map +1 -0
  475. package/dist/esm/drawer-body/index.js +5 -0
  476. package/dist/esm/drawer-body/index.js.map +1 -0
  477. package/dist/esm/dropdown/define.js +4 -0
  478. package/dist/esm/dropdown/define.js.map +1 -0
  479. package/dist/esm/dropdown/dropdown.base.js +781 -0
  480. package/dist/esm/dropdown/dropdown.base.js.map +1 -0
  481. package/dist/esm/dropdown/dropdown.definition.js +20 -0
  482. package/dist/esm/dropdown/dropdown.definition.js.map +1 -0
  483. package/dist/esm/dropdown/dropdown.js +33 -0
  484. package/dist/esm/dropdown/dropdown.js.map +1 -0
  485. package/dist/esm/dropdown/dropdown.options.js +43 -0
  486. package/dist/esm/dropdown/dropdown.options.js.map +1 -0
  487. package/dist/esm/dropdown/dropdown.styles.js +213 -0
  488. package/dist/esm/dropdown/dropdown.styles.js.map +1 -0
  489. package/dist/esm/dropdown/dropdown.template.js +92 -0
  490. package/dist/esm/dropdown/dropdown.template.js.map +1 -0
  491. package/dist/esm/dropdown/index.js +7 -0
  492. package/dist/esm/dropdown/index.js.map +1 -0
  493. package/dist/esm/field/define.js +4 -0
  494. package/dist/esm/field/define.js.map +1 -0
  495. package/dist/esm/field/field.base.js +189 -0
  496. package/dist/esm/field/field.base.js.map +1 -0
  497. package/dist/esm/field/field.bench.js +10 -0
  498. package/dist/esm/field/field.bench.js.map +1 -0
  499. package/dist/esm/field/field.definition.js +20 -0
  500. package/dist/esm/field/field.definition.js.map +1 -0
  501. package/dist/esm/field/field.js +27 -0
  502. package/dist/esm/field/field.js.map +1 -0
  503. package/dist/esm/field/field.options.js +27 -0
  504. package/dist/esm/field/field.options.js.map +1 -0
  505. package/dist/esm/field/field.styles.js +135 -0
  506. package/dist/esm/field/field.styles.js.map +1 -0
  507. package/dist/esm/field/field.template.js +26 -0
  508. package/dist/esm/field/field.template.js.map +1 -0
  509. package/dist/esm/field/index.js +7 -0
  510. package/dist/esm/field/index.js.map +1 -0
  511. package/dist/esm/image/image.bench.js +14 -0
  512. package/dist/esm/image/image.bench.js.map +1 -0
  513. package/dist/esm/image/image.js +1 -6
  514. package/dist/esm/image/image.js.map +1 -1
  515. package/dist/esm/image/image.options.js +0 -1
  516. package/dist/esm/image/image.options.js.map +1 -1
  517. package/dist/esm/image/image.styles.js +4 -4
  518. package/dist/esm/image/image.styles.js.map +1 -1
  519. package/dist/esm/image/image.template.js.map +1 -1
  520. package/dist/esm/image/index.js +2 -2
  521. package/dist/esm/image/index.js.map +1 -1
  522. package/dist/esm/index-rollup.js +44 -1
  523. package/dist/esm/index-rollup.js.map +1 -1
  524. package/dist/esm/index.js +51 -31
  525. package/dist/esm/index.js.map +1 -1
  526. package/dist/esm/label/index.js +2 -1
  527. package/dist/esm/label/index.js.map +1 -1
  528. package/dist/esm/label/label.bench.js +11 -0
  529. package/dist/esm/label/label.bench.js.map +1 -0
  530. package/dist/esm/label/label.js +1 -6
  531. package/dist/esm/label/label.js.map +1 -1
  532. package/dist/esm/label/label.styles.js +23 -17
  533. package/dist/esm/label/label.styles.js.map +1 -1
  534. package/dist/esm/label/label.template.js.map +1 -1
  535. package/dist/esm/link/define.js +4 -0
  536. package/dist/esm/link/define.js.map +1 -0
  537. package/dist/esm/link/index.js +6 -0
  538. package/dist/esm/link/index.js.map +1 -0
  539. package/dist/esm/link/link.bench.js +11 -0
  540. package/dist/esm/link/link.bench.js.map +1 -0
  541. package/dist/esm/link/link.definition.js +15 -0
  542. package/dist/esm/link/link.definition.js.map +1 -0
  543. package/dist/esm/link/link.js +36 -0
  544. package/dist/esm/link/link.js.map +1 -0
  545. package/dist/esm/link/link.options.js +21 -0
  546. package/dist/esm/link/link.options.js.map +1 -0
  547. package/dist/esm/link/link.styles.js +71 -0
  548. package/dist/esm/link/link.styles.js.map +1 -0
  549. package/dist/esm/link/link.template.js +22 -0
  550. package/dist/esm/link/link.template.js.map +1 -0
  551. package/dist/esm/listbox/define.js +4 -0
  552. package/dist/esm/listbox/define.js.map +1 -0
  553. package/dist/esm/listbox/index.js +6 -0
  554. package/dist/esm/listbox/index.js.map +1 -0
  555. package/dist/esm/listbox/listbox.definition.js +17 -0
  556. package/dist/esm/listbox/listbox.definition.js.map +1 -0
  557. package/dist/esm/listbox/listbox.js +178 -0
  558. package/dist/esm/listbox/listbox.js.map +1 -0
  559. package/dist/esm/listbox/listbox.options.js +15 -0
  560. package/dist/esm/listbox/listbox.options.js.map +1 -0
  561. package/dist/esm/listbox/listbox.styles.js +26 -0
  562. package/dist/esm/listbox/listbox.styles.js.map +1 -0
  563. package/dist/esm/listbox/listbox.template.js +33 -0
  564. package/dist/esm/listbox/listbox.template.js.map +1 -0
  565. package/dist/esm/menu/index.js +1 -1
  566. package/dist/esm/menu/index.js.map +1 -1
  567. package/dist/esm/menu/menu.bench.js +31 -0
  568. package/dist/esm/menu/menu.bench.js.map +1 -0
  569. package/dist/esm/menu/menu.js +141 -182
  570. package/dist/esm/menu/menu.js.map +1 -1
  571. package/dist/esm/menu/menu.styles.js +53 -9
  572. package/dist/esm/menu/menu.styles.js.map +1 -1
  573. package/dist/esm/menu/menu.template.js +3 -9
  574. package/dist/esm/menu/menu.template.js.map +1 -1
  575. package/dist/esm/menu-button/index.js +3 -3
  576. package/dist/esm/menu-button/index.js.map +1 -1
  577. package/dist/esm/menu-button/menu-button.bench.js +11 -0
  578. package/dist/esm/menu-button/menu-button.bench.js.map +1 -0
  579. package/dist/esm/menu-button/menu-button.definition.js +0 -3
  580. package/dist/esm/menu-button/menu-button.definition.js.map +1 -1
  581. package/dist/esm/menu-button/menu-button.template.js +5 -1
  582. package/dist/esm/menu-button/menu-button.template.js.map +1 -1
  583. package/dist/esm/menu-item/index.js +4 -3
  584. package/dist/esm/menu-item/index.js.map +1 -1
  585. package/dist/esm/menu-item/menu-item.bench.js +11 -0
  586. package/dist/esm/menu-item/menu-item.bench.js.map +1 -0
  587. package/dist/esm/menu-item/menu-item.js +101 -127
  588. package/dist/esm/menu-item/menu-item.js.map +1 -1
  589. package/dist/esm/menu-item/menu-item.styles.js +107 -131
  590. package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
  591. package/dist/esm/menu-item/menu-item.template.js +15 -50
  592. package/dist/esm/menu-item/menu-item.template.js.map +1 -1
  593. package/dist/esm/menu-list/index.js +1 -1
  594. package/dist/esm/menu-list/index.js.map +1 -1
  595. package/dist/esm/menu-list/menu-list.bench.js +21 -0
  596. package/dist/esm/menu-list/menu-list.bench.js.map +1 -0
  597. package/dist/esm/menu-list/menu-list.js +33 -67
  598. package/dist/esm/menu-list/menu-list.js.map +1 -1
  599. package/dist/esm/menu-list/menu-list.styles.js +5 -5
  600. package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
  601. package/dist/esm/menu-list/menu-list.template.js +0 -1
  602. package/dist/esm/menu-list/menu-list.template.js.map +1 -1
  603. package/dist/esm/message-bar/define.js +4 -0
  604. package/dist/esm/message-bar/define.js.map +1 -0
  605. package/dist/esm/message-bar/index.js +6 -0
  606. package/dist/esm/message-bar/index.js.map +1 -0
  607. package/dist/esm/message-bar/message-bar.bench.js +56 -0
  608. package/dist/esm/message-bar/message-bar.bench.js.map +1 -0
  609. package/dist/esm/message-bar/message-bar.definition.js +20 -0
  610. package/dist/esm/message-bar/message-bar.definition.js.map +1 -0
  611. package/dist/esm/message-bar/message-bar.js +39 -0
  612. package/dist/esm/message-bar/message-bar.js.map +1 -0
  613. package/dist/esm/message-bar/message-bar.options.js +27 -0
  614. package/dist/esm/message-bar/message-bar.options.js.map +1 -0
  615. package/dist/esm/message-bar/message-bar.styles.js +107 -0
  616. package/dist/esm/message-bar/message-bar.styles.js.map +1 -0
  617. package/dist/esm/message-bar/message-bar.template.js +25 -0
  618. package/dist/esm/message-bar/message-bar.template.js.map +1 -0
  619. package/dist/esm/option/define.js +4 -0
  620. package/dist/esm/option/define.js.map +1 -0
  621. package/dist/esm/option/index.js +6 -0
  622. package/dist/esm/option/index.js.map +1 -0
  623. package/dist/esm/option/option.definition.js +17 -0
  624. package/dist/esm/option/option.definition.js.map +1 -0
  625. package/dist/esm/option/option.js +296 -0
  626. package/dist/esm/option/option.js.map +1 -0
  627. package/dist/esm/option/option.options.js +15 -0
  628. package/dist/esm/option/option.options.js.map +1 -0
  629. package/dist/esm/option/option.styles.js +127 -0
  630. package/dist/esm/option/option.styles.js.map +1 -0
  631. package/dist/esm/option/option.template.js +42 -0
  632. package/dist/esm/option/option.template.js.map +1 -0
  633. package/dist/esm/patterns/aria-globals.js +1 -6
  634. package/dist/esm/patterns/aria-globals.js.map +1 -1
  635. package/dist/esm/patterns/start-end.js +12 -0
  636. package/dist/esm/patterns/start-end.js.map +1 -1
  637. package/dist/esm/progress-bar/index.js +3 -2
  638. package/dist/esm/progress-bar/index.js.map +1 -1
  639. package/dist/esm/progress-bar/progress-bar.base.js +90 -0
  640. package/dist/esm/progress-bar/progress-bar.base.js.map +1 -0
  641. package/dist/esm/progress-bar/progress-bar.bench.js +10 -0
  642. package/dist/esm/progress-bar/progress-bar.bench.js.map +1 -0
  643. package/dist/esm/progress-bar/progress-bar.js +5 -28
  644. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  645. package/dist/esm/progress-bar/progress-bar.options.js.map +1 -1
  646. package/dist/esm/progress-bar/progress-bar.styles.js +50 -129
  647. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  648. package/dist/esm/progress-bar/progress-bar.template.js +8 -26
  649. package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
  650. package/dist/esm/radio/index.js +1 -1
  651. package/dist/esm/radio/index.js.map +1 -1
  652. package/dist/esm/radio/radio.bench.js +11 -0
  653. package/dist/esm/radio/radio.bench.js.map +1 -0
  654. package/dist/esm/radio/radio.js +57 -76
  655. package/dist/esm/radio/radio.js.map +1 -1
  656. package/dist/esm/radio/radio.options.js +2 -0
  657. package/dist/esm/radio/radio.options.js.map +1 -0
  658. package/dist/esm/radio/radio.styles.js +97 -90
  659. package/dist/esm/radio/radio.styles.js.map +1 -1
  660. package/dist/esm/radio/radio.template.js +21 -24
  661. package/dist/esm/radio/radio.template.js.map +1 -1
  662. package/dist/esm/radio-group/index.js +2 -1
  663. package/dist/esm/radio-group/index.js.map +1 -1
  664. package/dist/esm/radio-group/radio-group.bench.js +21 -0
  665. package/dist/esm/radio-group/radio-group.bench.js.map +1 -0
  666. package/dist/esm/radio-group/radio-group.js +413 -319
  667. package/dist/esm/radio-group/radio-group.js.map +1 -1
  668. package/dist/esm/radio-group/radio-group.styles.js +27 -33
  669. package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
  670. package/dist/esm/radio-group/radio-group.template.js +6 -21
  671. package/dist/esm/radio-group/radio-group.template.js.map +1 -1
  672. package/dist/esm/rating-display/define.js +4 -0
  673. package/dist/esm/rating-display/define.js.map +1 -0
  674. package/dist/esm/rating-display/index.js +7 -0
  675. package/dist/esm/rating-display/index.js.map +1 -0
  676. package/dist/esm/rating-display/rating-display.base.js +94 -0
  677. package/dist/esm/rating-display/rating-display.base.js.map +1 -0
  678. package/dist/esm/rating-display/rating-display.definition.js +17 -0
  679. package/dist/esm/rating-display/rating-display.definition.js.map +1 -0
  680. package/dist/esm/rating-display/rating-display.js +48 -0
  681. package/dist/esm/rating-display/rating-display.js.map +1 -0
  682. package/dist/esm/rating-display/rating-display.options.js +19 -0
  683. package/dist/esm/rating-display/rating-display.options.js.map +1 -0
  684. package/dist/esm/rating-display/rating-display.styles.js +123 -0
  685. package/dist/esm/rating-display/rating-display.styles.js.map +1 -0
  686. package/dist/esm/rating-display/rating-display.template.js +34 -0
  687. package/dist/esm/rating-display/rating-display.template.js.map +1 -0
  688. package/dist/esm/slider/index.js +2 -2
  689. package/dist/esm/slider/index.js.map +1 -1
  690. package/dist/esm/slider/slider-utilities.js.map +1 -1
  691. package/dist/esm/slider/slider.bench.js +10 -0
  692. package/dist/esm/slider/slider.bench.js.map +1 -0
  693. package/dist/esm/slider/slider.js +434 -243
  694. package/dist/esm/slider/slider.js.map +1 -1
  695. package/dist/esm/slider/slider.styles.js +123 -132
  696. package/dist/esm/slider/slider.styles.js.map +1 -1
  697. package/dist/esm/slider/slider.template.js +12 -28
  698. package/dist/esm/slider/slider.template.js.map +1 -1
  699. package/dist/esm/spinner/index.js +3 -2
  700. package/dist/esm/spinner/index.js.map +1 -1
  701. package/dist/esm/spinner/spinner.base.js +18 -0
  702. package/dist/esm/spinner/spinner.base.js.map +1 -0
  703. package/dist/esm/spinner/spinner.bench.js +10 -0
  704. package/dist/esm/spinner/spinner.bench.js.map +1 -0
  705. package/dist/esm/spinner/spinner.js +6 -9
  706. package/dist/esm/spinner/spinner.js.map +1 -1
  707. package/dist/esm/spinner/spinner.styles.js +115 -54
  708. package/dist/esm/spinner/spinner.styles.js.map +1 -1
  709. package/dist/esm/spinner/spinner.template.js +16 -47
  710. package/dist/esm/spinner/spinner.template.js.map +1 -1
  711. package/dist/esm/styles/partials/badge.partials.js +76 -77
  712. package/dist/esm/styles/partials/badge.partials.js.map +1 -1
  713. package/dist/esm/styles/partials/index.js +1 -0
  714. package/dist/esm/styles/partials/index.js.map +1 -1
  715. package/dist/esm/styles/partials/typography.partials.js +105 -0
  716. package/dist/esm/styles/partials/typography.partials.js.map +1 -0
  717. package/dist/esm/styles/states/index.js +136 -0
  718. package/dist/esm/styles/states/index.js.map +1 -0
  719. package/dist/esm/switch/index.js +2 -2
  720. package/dist/esm/switch/index.js.map +1 -1
  721. package/dist/esm/switch/switch.bench.js +11 -0
  722. package/dist/esm/switch/switch.bench.js.map +1 -0
  723. package/dist/esm/switch/switch.js +3 -54
  724. package/dist/esm/switch/switch.js.map +1 -1
  725. package/dist/esm/switch/switch.styles.js +63 -83
  726. package/dist/esm/switch/switch.styles.js.map +1 -1
  727. package/dist/esm/switch/switch.template.js +6 -16
  728. package/dist/esm/switch/switch.template.js.map +1 -1
  729. package/dist/esm/tab/index.js +3 -3
  730. package/dist/esm/tab/index.js.map +1 -1
  731. package/dist/esm/tab/tab.bench.js +11 -0
  732. package/dist/esm/tab/tab.bench.js.map +1 -0
  733. package/dist/esm/tab/tab.js +2 -7
  734. package/dist/esm/tab/tab.js.map +1 -1
  735. package/dist/esm/tab/tab.styles.js +21 -21
  736. package/dist/esm/tab/tab.styles.js.map +1 -1
  737. package/dist/esm/tab/tab.template.js.map +1 -1
  738. package/dist/esm/tab-panel/define.js +3 -0
  739. package/dist/esm/tab-panel/define.js.map +1 -1
  740. package/dist/esm/tab-panel/index.js +1 -1
  741. package/dist/esm/tab-panel/index.js.map +1 -1
  742. package/dist/esm/tab-panel/tab-panel.bench.js +13 -0
  743. package/dist/esm/tab-panel/tab-panel.bench.js.map +1 -0
  744. package/dist/esm/tab-panel/tab-panel.definition.js +3 -0
  745. package/dist/esm/tab-panel/tab-panel.definition.js.map +1 -1
  746. package/dist/esm/tab-panel/tab-panel.js +3 -0
  747. package/dist/esm/tab-panel/tab-panel.js.map +1 -1
  748. package/dist/esm/tab-panel/tab-panel.styles.js +2 -2
  749. package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -1
  750. package/dist/esm/tab-panel/tab-panel.template.js +3 -0
  751. package/dist/esm/tab-panel/tab-panel.template.js.map +1 -1
  752. package/dist/esm/tablist/define.js +4 -0
  753. package/dist/esm/tablist/define.js.map +1 -0
  754. package/dist/esm/tablist/index.js +7 -0
  755. package/dist/esm/tablist/index.js.map +1 -0
  756. package/dist/esm/tablist/tablist.base.js +249 -0
  757. package/dist/esm/tablist/tablist.base.js.map +1 -0
  758. package/dist/esm/tablist/tablist.bench.js +21 -0
  759. package/dist/esm/tablist/tablist.bench.js.map +1 -0
  760. package/dist/esm/tablist/tablist.definition.js +15 -0
  761. package/dist/esm/tablist/tablist.definition.js.map +1 -0
  762. package/dist/esm/tablist/tablist.js +158 -0
  763. package/dist/esm/tablist/tablist.js.map +1 -0
  764. package/dist/esm/tablist/tablist.options.js +24 -0
  765. package/dist/esm/tablist/tablist.options.js.map +1 -0
  766. package/dist/esm/tablist/tablist.styles.js +193 -0
  767. package/dist/esm/tablist/tablist.styles.js.map +1 -0
  768. package/dist/esm/tablist/tablist.template.js +10 -0
  769. package/dist/esm/tablist/tablist.template.js.map +1 -0
  770. package/dist/esm/tabs/define.js +3 -0
  771. package/dist/esm/tabs/define.js.map +1 -1
  772. package/dist/esm/tabs/index.js +4 -4
  773. package/dist/esm/tabs/index.js.map +1 -1
  774. package/dist/esm/tabs/tabs.base.js +279 -0
  775. package/dist/esm/tabs/tabs.base.js.map +1 -0
  776. package/dist/esm/tabs/tabs.bench.js +32 -0
  777. package/dist/esm/tabs/tabs.bench.js.map +1 -0
  778. package/dist/esm/tabs/tabs.definition.js +3 -0
  779. package/dist/esm/tabs/tabs.definition.js.map +1 -1
  780. package/dist/esm/tabs/tabs.js +19 -294
  781. package/dist/esm/tabs/tabs.js.map +1 -1
  782. package/dist/esm/tabs/tabs.styles.js +50 -50
  783. package/dist/esm/tabs/tabs.styles.js.map +1 -1
  784. package/dist/esm/tabs/tabs.template.js +3 -0
  785. package/dist/esm/tabs/tabs.template.js.map +1 -1
  786. package/dist/esm/text/index.js +2 -2
  787. package/dist/esm/text/index.js.map +1 -1
  788. package/dist/esm/text/text.bench.js +13 -0
  789. package/dist/esm/text/text.bench.js.map +1 -0
  790. package/dist/esm/text/text.js +7 -6
  791. package/dist/esm/text/text.js.map +1 -1
  792. package/dist/esm/text/text.styles.js +61 -59
  793. package/dist/esm/text/text.styles.js.map +1 -1
  794. package/dist/esm/text/text.template.js.map +1 -1
  795. package/dist/esm/text-input/index.js +5 -4
  796. package/dist/esm/text-input/index.js.map +1 -1
  797. package/dist/esm/text-input/text-input.base.js +409 -0
  798. package/dist/esm/text-input/text-input.base.js.map +1 -0
  799. package/dist/esm/text-input/text-input.bench.js +10 -0
  800. package/dist/esm/text-input/text-input.bench.js.map +1 -0
  801. package/dist/esm/text-input/text-input.definition.js +5 -3
  802. package/dist/esm/text-input/text-input.definition.js.map +1 -1
  803. package/dist/esm/text-input/text-input.js +14 -174
  804. package/dist/esm/text-input/text-input.js.map +1 -1
  805. package/dist/esm/text-input/text-input.options.js +26 -19
  806. package/dist/esm/text-input/text-input.options.js.map +1 -1
  807. package/dist/esm/text-input/text-input.styles.js +84 -74
  808. package/dist/esm/text-input/text-input.styles.js.map +1 -1
  809. package/dist/esm/text-input/text-input.template.js +45 -55
  810. package/dist/esm/text-input/text-input.template.js.map +1 -1
  811. package/dist/esm/textarea/define.js +4 -0
  812. package/dist/esm/textarea/define.js.map +1 -0
  813. package/dist/esm/textarea/index.js +7 -0
  814. package/dist/esm/textarea/index.js.map +1 -0
  815. package/dist/esm/textarea/textarea.base.js +494 -0
  816. package/dist/esm/textarea/textarea.base.js.map +1 -0
  817. package/dist/esm/textarea/textarea.bench.js +10 -0
  818. package/dist/esm/textarea/textarea.bench.js.map +1 -0
  819. package/dist/esm/textarea/textarea.definition.js +20 -0
  820. package/dist/esm/textarea/textarea.definition.js.map +1 -0
  821. package/dist/esm/textarea/textarea.js +67 -0
  822. package/dist/esm/textarea/textarea.js.map +1 -0
  823. package/dist/esm/textarea/textarea.options.js +48 -0
  824. package/dist/esm/textarea/textarea.options.js.map +1 -0
  825. package/dist/esm/textarea/textarea.styles.js +268 -0
  826. package/dist/esm/textarea/textarea.styles.js.map +1 -0
  827. package/dist/esm/textarea/textarea.template.js +54 -0
  828. package/dist/esm/textarea/textarea.template.js.map +1 -0
  829. package/dist/esm/theme/design-tokens.js +2220 -436
  830. package/dist/esm/theme/design-tokens.js.map +1 -1
  831. package/dist/esm/theme/index.js.map +1 -1
  832. package/dist/esm/theme/set-theme.global.bench.js +25 -0
  833. package/dist/esm/theme/set-theme.global.bench.js.map +1 -0
  834. package/dist/esm/theme/set-theme.js +185 -12
  835. package/dist/esm/theme/set-theme.js.map +1 -1
  836. package/dist/esm/theme/set-theme.local.bench.js +27 -0
  837. package/dist/esm/theme/set-theme.local.bench.js.map +1 -0
  838. package/dist/esm/theme/set-theme.shadow.bench.js +29 -0
  839. package/dist/esm/theme/set-theme.shadow.bench.js.map +1 -0
  840. package/dist/esm/toggle-button/index.js +4 -4
  841. package/dist/esm/toggle-button/index.js.map +1 -1
  842. package/dist/esm/toggle-button/toggle-button.bench.js +11 -0
  843. package/dist/esm/toggle-button/toggle-button.bench.js.map +1 -0
  844. package/dist/esm/toggle-button/toggle-button.definition.js +0 -3
  845. package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -1
  846. package/dist/esm/toggle-button/toggle-button.js +44 -91
  847. package/dist/esm/toggle-button/toggle-button.js.map +1 -1
  848. package/dist/esm/toggle-button/toggle-button.styles.js +55 -50
  849. package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
  850. package/dist/esm/tooltip/define.js +4 -0
  851. package/dist/esm/tooltip/define.js.map +1 -0
  852. package/dist/esm/tooltip/index.js +6 -0
  853. package/dist/esm/tooltip/index.js.map +1 -0
  854. package/dist/esm/tooltip/tooltip.definition.js +17 -0
  855. package/dist/esm/tooltip/tooltip.definition.js.map +1 -0
  856. package/dist/esm/tooltip/tooltip.js +199 -0
  857. package/dist/esm/tooltip/tooltip.js.map +1 -0
  858. package/dist/esm/tooltip/tooltip.options.js +19 -0
  859. package/dist/esm/tooltip/tooltip.options.js.map +1 -0
  860. package/dist/esm/tooltip/tooltip.styles.js +96 -0
  861. package/dist/esm/tooltip/tooltip.styles.js.map +1 -0
  862. package/dist/esm/tooltip/tooltip.template.js +11 -0
  863. package/dist/esm/tooltip/tooltip.template.js.map +1 -0
  864. package/dist/esm/tree/define.js +4 -0
  865. package/dist/esm/tree/define.js.map +1 -0
  866. package/dist/esm/tree/index.js +6 -0
  867. package/dist/esm/tree/index.js.map +1 -0
  868. package/dist/esm/tree/tree.base.js +232 -0
  869. package/dist/esm/tree/tree.base.js.map +1 -0
  870. package/dist/esm/tree/tree.bench.js +10 -0
  871. package/dist/esm/tree/tree.bench.js.map +1 -0
  872. package/dist/esm/tree/tree.definition.js +16 -0
  873. package/dist/esm/tree/tree.definition.js.map +1 -0
  874. package/dist/esm/tree/tree.js +55 -0
  875. package/dist/esm/tree/tree.js.map +1 -0
  876. package/dist/esm/tree/tree.styles.js +9 -0
  877. package/dist/esm/tree/tree.styles.js.map +1 -0
  878. package/dist/esm/tree/tree.template.js +19 -0
  879. package/dist/esm/tree/tree.template.js.map +1 -0
  880. package/dist/esm/tree-item/define.js +4 -0
  881. package/dist/esm/tree-item/define.js.map +1 -0
  882. package/dist/esm/tree-item/index.js +6 -0
  883. package/dist/esm/tree-item/index.js.map +1 -0
  884. package/dist/esm/tree-item/tree-item.base.js +165 -0
  885. package/dist/esm/tree-item/tree-item.base.js.map +1 -0
  886. package/dist/esm/tree-item/tree-item.bench.js +10 -0
  887. package/dist/esm/tree-item/tree-item.bench.js.map +1 -0
  888. package/dist/esm/tree-item/tree-item.definition.js +16 -0
  889. package/dist/esm/tree-item/tree-item.definition.js.map +1 -0
  890. package/dist/esm/tree-item/tree-item.js +65 -0
  891. package/dist/esm/tree-item/tree-item.js.map +1 -0
  892. package/dist/esm/tree-item/tree-item.options.js +24 -0
  893. package/dist/esm/tree-item/tree-item.options.js.map +1 -0
  894. package/dist/esm/tree-item/tree-item.styles.js +157 -0
  895. package/dist/esm/tree-item/tree-item.styles.js.map +1 -0
  896. package/dist/esm/tree-item/tree-item.template.js +39 -0
  897. package/dist/esm/tree-item/tree-item.template.js.map +1 -0
  898. package/dist/esm/utils/apply-mixins.js.map +1 -1
  899. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +142 -0
  900. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +1 -0
  901. package/dist/esm/utils/benchmark-wrapper.js.map +1 -1
  902. package/dist/esm/utils/converters.js +26 -0
  903. package/dist/esm/utils/converters.js.map +1 -0
  904. package/dist/esm/utils/direction.js +1 -2
  905. package/dist/esm/utils/direction.js.map +1 -1
  906. package/dist/esm/utils/display.js +15 -0
  907. package/dist/esm/utils/display.js.map +1 -0
  908. package/dist/esm/utils/element-internals.js +96 -0
  909. package/dist/esm/utils/element-internals.js.map +1 -0
  910. package/dist/esm/utils/focusable-element.js +10 -0
  911. package/dist/esm/utils/focusable-element.js.map +1 -0
  912. package/dist/esm/utils/get-initials.js +2 -2
  913. package/dist/esm/utils/get-initials.js.map +1 -1
  914. package/dist/esm/utils/index.js +4 -0
  915. package/dist/esm/utils/index.js.map +1 -1
  916. package/dist/esm/utils/language.js +12 -0
  917. package/dist/esm/utils/language.js.map +1 -0
  918. package/dist/esm/utils/root-active-element.js +9 -0
  919. package/dist/esm/utils/root-active-element.js.map +1 -0
  920. package/dist/esm/utils/support.js +16 -0
  921. package/dist/esm/utils/support.js.map +1 -0
  922. package/dist/esm/utils/template-helpers.js +1 -1
  923. package/dist/esm/utils/template-helpers.js.map +1 -1
  924. package/dist/esm/utils/unique-id.js +14 -0
  925. package/dist/esm/utils/unique-id.js.map +1 -0
  926. package/dist/esm/utils/whitespace-filter.js +1 -1
  927. package/dist/esm/utils/whitespace-filter.js.map +1 -1
  928. package/dist/web-components.d.ts +7875 -2320
  929. package/dist/web-components.js +11246 -7546
  930. package/dist/web-components.min.js +414 -199
  931. package/package.json +62 -160
  932. package/dist/dts/button/button.form-associated.d.ts +0 -14
  933. package/dist/dts/checkbox/checkbox.form-associated.d.ts +0 -14
  934. package/dist/dts/form-associated/form-associated.d.ts +0 -178
  935. package/dist/dts/helpers.tests.d.ts +0 -8
  936. package/dist/dts/progress-bar/base-progress.d.ts +0 -41
  937. package/dist/dts/progress-ring/progress-ring.d.ts +0 -15
  938. package/dist/dts/progress-ring/progress-ring.options.d.ts +0 -9
  939. package/dist/dts/radio/radio.form-associated.d.ts +0 -14
  940. package/dist/dts/slider/slider.form-associated.d.ts +0 -14
  941. package/dist/dts/switch/switch.form-associated.d.ts +0 -14
  942. package/dist/dts/text-input/text-field.form-associated.d.ts +0 -14
  943. package/dist/esm/button/button.form-associated.js +0 -14
  944. package/dist/esm/button/button.form-associated.js.map +0 -1
  945. package/dist/esm/checkbox/checkbox.form-associated.js +0 -14
  946. package/dist/esm/checkbox/checkbox.form-associated.js.map +0 -1
  947. package/dist/esm/form-associated/form-associated.js +0 -458
  948. package/dist/esm/form-associated/form-associated.js.map +0 -1
  949. package/dist/esm/helpers.tests.js +0 -29
  950. package/dist/esm/helpers.tests.js.map +0 -1
  951. package/dist/esm/progress-bar/base-progress.js +0 -61
  952. package/dist/esm/progress-bar/base-progress.js.map +0 -1
  953. package/dist/esm/progress-ring/progress-ring.js +0 -16
  954. package/dist/esm/progress-ring/progress-ring.js.map +0 -1
  955. package/dist/esm/progress-ring/progress-ring.options.js +0 -2
  956. package/dist/esm/progress-ring/progress-ring.options.js.map +0 -1
  957. package/dist/esm/radio/radio.form-associated.js +0 -14
  958. package/dist/esm/radio/radio.form-associated.js.map +0 -1
  959. package/dist/esm/slider/slider.form-associated.js +0 -14
  960. package/dist/esm/slider/slider.form-associated.js.map +0 -1
  961. package/dist/esm/switch/switch.form-associated.js +0 -14
  962. package/dist/esm/switch/switch.form-associated.js.map +0 -1
  963. package/dist/esm/text-input/text-field.form-associated.js +0 -14
  964. package/dist/esm/text-input/text-field.form-associated.js.map +0 -1
  965. package/dist/fluent-web-components.api.json +0 -27410
  966. package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +0 -1
  967. package/dist/storybook/108.b31ec3a1.iframe.bundle.js +0 -1
  968. package/dist/storybook/284.0946b1fb.iframe.bundle.js +0 -2
  969. package/dist/storybook/284.0946b1fb.iframe.bundle.js.LICENSE.txt +0 -51
  970. package/dist/storybook/316.bc4aabd3.iframe.bundle.js +0 -2
  971. package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +0 -17
  972. package/dist/storybook/401.7edec720.iframe.bundle.js +0 -2
  973. package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +0 -12
  974. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +0 -2
  975. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +0 -12
  976. package/dist/storybook/491.77b24750.iframe.bundle.js +0 -1
  977. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +0 -2
  978. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt +0 -94
  979. package/dist/storybook/709.22096ad4.iframe.bundle.js +0 -2
  980. package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +0 -8
  981. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +0 -2
  982. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +0 -8
  983. package/dist/storybook/721.46fa9f53.iframe.bundle.js +0 -2
  984. package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +0 -31
  985. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +0 -2
  986. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +0 -31
  987. package/dist/storybook/858.da40ed98.iframe.bundle.js +0 -1
  988. package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +0 -1
  989. package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +0 -1
  990. package/dist/storybook/954.630c5748.iframe.bundle.js +0 -1
  991. package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +0 -1
  992. package/dist/storybook/SegoeUI-VF.ttf +0 -0
  993. package/dist/storybook/favicon.ico +0 -0
  994. package/dist/storybook/favicon.png +0 -0
  995. package/dist/storybook/iframe.html +0 -364
  996. package/dist/storybook/index.html +0 -165
  997. package/dist/storybook/main.59da076f.iframe.bundle.js +0 -2
  998. package/dist/storybook/main.59da076f.iframe.bundle.js.LICENSE.txt +0 -1
  999. package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js +0 -1
  1000. package/dist/storybook/project.json +0 -1
  1001. package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +0 -1
  1002. package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +0 -1
  1003. package/dist/storybook/shell.css +0 -83
  1004. package/dist/storybook/theme-switch.ts +0 -13
  1005. package/docs/api-report.md +0 -2969
  1006. package/playwright.config.ts +0 -25
  1007. package/tensile.config.js +0 -24
package/dist/storybook/main.59da076f.iframe.bundle.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see main.59da076f.iframe.bundle.js.LICENSE.txt */
2
- (self.webpackChunk_fluentui_web_components=self.webpackChunk_fluentui_web_components||[]).push([[179],{"./src/accordion/accordion.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Accordion:()=>Accordion,AccordionWithCustomIcons:()=>AccordionWithCustomIcons,AccordionWithPresentationIcons:()=>AccordionWithPresentationIcons,__namedExportsOrder:()=>__namedExportsOrder,default:()=>accordion_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),accordion_item_options=__webpack_require__("./src/accordion-item/accordion-item.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/accordion/accordion.definition.ts").D.define(fluent_design_system.H.registry),__webpack_require__("./src/accordion-item/accordion-item.definition.ts").D.define(fluent_design_system.H.registry);var add20Filled=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M10.5 2.75C10.5 2.33579 10.1642 2 9.75 2C9.33579 2 9 2.33579 9 2.75V9H2.75C2.33579 9 2 9.33579 2 9.75C2 10.1642 2.33579 10.5 2.75 10.5H9V16.75C9 17.1642 9.33579 17.5 9.75 17.5C10.1642 17.5 10.5 17.1642 10.5 16.75V10.5H16.75C17.1642 10.5 17.5 10.1642 17.5 9.75C17.5 9.33579 17.1642 9 16.75 9H10.5V2.75Z"\n fill="currentColor"\n />\n</svg>']))),subtract20Filled=(0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n>\n <rect x="3" y="9.25" width="14" height="1.5" rx="0.75" fill="currentColor" />\n</svg>']))),eye20Regular=(0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n>\n <path\n d="M3.25909 11.6021C3.94254 8.32689 6.79437 6 10 6C13.2057 6 16.0574 8.32688 16.7409 11.6021C16.7974 11.8725 17.0622 12.0459 17.3325 11.9895C17.6029 11.933 17.7763 11.6682 17.7199 11.3979C16.9425 7.67312 13.6934 5 10 5C6.3066 5 3.05742 7.67311 2.28017 11.3979C2.22377 11.6682 2.39718 11.933 2.6675 11.9895C2.93782 12.0459 3.20268 11.8725 3.25909 11.6021ZM10 8C8.067 8 6.5 9.567 6.5 11.5C6.5 13.433 8.067 15 10 15C11.933 15 13.5 13.433 13.5 11.5C13.5 9.567 11.933 8 10 8ZM7.5 11.5C7.5 10.1193 8.61929 9 10 9C11.3807 9 12.5 10.1193 12.5 11.5C12.5 12.8807 11.3807 14 10 14C8.61929 14 7.5 12.8807 7.5 11.5Z"\n fill="currentColor"\n />\n</svg>']))),eyeOff20Regular=(0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n>\n <path\n d="M2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L5.6453 6.35239C3.97044 7.49179 2.7234 9.27384 2.28017 11.3979C2.22377 11.6682 2.39718 11.9331 2.6675 11.9895C2.93782 12.0459 3.20268 11.8725 3.25909 11.6021C3.6629 9.66699 4.82367 8.06291 6.36714 7.07422L7.95336 8.66045C7.07297 9.29611 6.5 10.3311 6.5 11.5C6.5 13.433 8.067 15 10 15C11.1689 15 12.2039 14.427 12.8396 13.5466L17.1464 17.8536C17.3417 18.0488 17.6583 18.0488 17.8536 17.8536C18.0488 17.6583 18.0488 17.3417 17.8536 17.1464L2.85355 2.14645ZM12.1194 12.8265C11.6773 13.5314 10.8934 14 10 14C8.61929 14 7.5 12.8807 7.5 11.5C7.5 10.6066 7.96863 9.82265 8.67348 9.38057L12.1194 12.8265ZM10.1235 8.00214L13.4979 11.3765C13.4342 9.54169 11.9583 8.06576 10.1235 8.00214ZM10 6C9.43016 6 8.87149 6.07353 8.33419 6.21285L7.53113 5.40979C8.31349 5.14331 9.14485 5 10 5C13.6934 5 16.9425 7.67312 17.7199 11.3979C17.7763 11.6682 17.6029 11.933 17.3325 11.9895C17.0622 12.0459 16.7974 11.8725 16.7409 11.6021C16.0574 8.32688 13.2057 6 10 6Z"\n fill="currentColor"\n />\n</svg>']))),storyTemplate=(0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n <fluent-accordion expand-mode=",">\n <fluent-accordion-item\n size=","\n heading-level=","\n expand-icon-position=","\n block=","\n ?disabled=",'\n >\n <span slot="heading">Accordion Header 1</span>\n Accordion Panel 1\n </fluent-accordion-item>\n <fluent-accordion-item\n size=',"\n heading-level=","\n expand-icon-position=","\n block=","\n ?disabled=",'\n >\n <span slot="heading">Accordion Header 2</span>\n Accordion Panel 2\n </fluent-accordion-item>\n <fluent-accordion-item\n size=',"\n heading-level=","\n expand-icon-position=","\n block=","\n ?disabled=",'\n >\n <span slot="heading">Accordion Header 3</span>\n Accordion Panel 3\n </fluent-accordion-item>\n </fluent-accordion>\n'])),(function(x){return x.expandMode}),(function(x){return x.size}),(function(x){return x.headingLevel}),(function(x){return x.expandIconPosition}),(function(x){return x.block}),(function(x){return x.disabled}),(function(x){return x.size}),(function(x){return x.headingLevel}),(function(x){return x.expandIconPosition}),(function(x){return x.block}),(function(x){return x.disabled}),(function(x){return x.size}),(function(x){return x.headingLevel}),(function(x){return x.expandIconPosition}),(function(x){return x.block}),(function(x){return x.disabled}));const accordion_stories={title:"Components/Accordion",args:{size:"medium",expandIconPosition:"start",expandMode:"multiple",block:!1,disabled:!1,headingLevel:"2"},argTypes:{size:{description:"Sets the size of the Accordion Item header",table:{defaultValue:{summary:"medium"}},control:{type:"select",options:Object.values(accordion_item_options.i)},defaultValue:"medium"},expandIconPosition:{description:"Sets position of expand and collapse icon",table:{defaultValue:{summary:"start"}},control:{type:"select",options:Object.values(accordion_item_options.N)},defaultValue:"start"},expandMode:{description:"Sets whether multiple or a single accordion item can be expanded at one time",table:{defaultValue:{summary:"multiple"}},control:{type:"select",options:["multiple","single"]},defaultValue:"multiple"},block:{description:"Sets focus state width",table:{defaultValue:{summary:!1}},control:"boolean",defaultValue:!1},disabled:{description:"Sets disabled state on Accordion Item",table:{defaultValue:{summary:!1}},control:"boolean",defaultValue:!1},headingLevel:{description:"Sets `aria-level` attribute on Accordion Item heading",table:{defaultValue:{summary:"2"}},control:{type:"select",options:["1","2","3","4","5","6"]},defaultValue:"2"}}};var Accordion=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),AccordionWithCustomIcons=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <fluent-accordion>\n <fluent-accordion-item>\n <span slot="collapsed-icon">','</span>\n <span slot="expanded-icon">','</span>\n <span slot="heading">Accordion Header 1</span>\n Accordion Panel 1\n </fluent-accordion-item>\n <fluent-accordion-item>\n <span slot="collapsed-icon">','</span>\n <span slot="expanded-icon">','</span>\n <span slot="heading">Accordion Header 2</span>\n Accordion Panel 1\n </fluent-accordion-item>\n <fluent-accordion-item>\n <span slot="collapsed-icon">','</span>\n <span slot="expanded-icon">','</span>\n <span slot="heading">Accordion Header 3</span>\n Accordion Panel 1\n </fluent-accordion-item>\n </fluent-accordion>\n'])),add20Filled,subtract20Filled,add20Filled,subtract20Filled,add20Filled,subtract20Filled)),AccordionWithPresentationIcons=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <fluent-accordion>\n <fluent-accordion-item>\n <span slot="start">','</span>\n <span slot="end">','</span>\n <span slot="heading">Accordion Header 1</span>\n Accordion Panel 1\n </fluent-accordion-item>\n <fluent-accordion-item>\n <span slot="start">','</span>\n <span slot="end">','</span>\n <span slot="heading">Accordion Header 2</span>\n Accordion Panel 1\n </fluent-accordion-item>\n <fluent-accordion-item>\n <span slot="start">','</span>\n <span slot="end">','</span>\n <span slot="heading">Accordion Header 3</span>\n Accordion Panel 1\n </fluent-accordion-item>\n </fluent-accordion>\n'])),eye20Regular,eyeOff20Regular,eye20Regular,eyeOff20Regular,eye20Regular,eyeOff20Regular));Accordion.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Accordion.parameters),AccordionWithCustomIcons.parameters=Object.assign({storySource:{source:'renderComponent(html<AccordionStoryArgs>`\n <fluent-accordion>\n <fluent-accordion-item>\n <span slot="collapsed-icon">${add20Filled}</span>\n <span slot="expanded-icon">${subtract20Filled}</span>\n <span slot="heading">Accordion Header 1</span>\n Accordion Panel 1\n </fluent-accordion-item>\n <fluent-accordion-item>\n <span slot="collapsed-icon">${add20Filled}</span>\n <span slot="expanded-icon">${subtract20Filled}</span>\n <span slot="heading">Accordion Header 2</span>\n Accordion Panel 1\n </fluent-accordion-item>\n <fluent-accordion-item>\n <span slot="collapsed-icon">${add20Filled}</span>\n <span slot="expanded-icon">${subtract20Filled}</span>\n <span slot="heading">Accordion Header 3</span>\n Accordion Panel 1\n </fluent-accordion-item>\n </fluent-accordion>\n`)'}},AccordionWithCustomIcons.parameters),AccordionWithPresentationIcons.parameters=Object.assign({storySource:{source:'renderComponent(html<AccordionStoryArgs>`\n <fluent-accordion>\n <fluent-accordion-item>\n <span slot="start">${eye20Regular}</span>\n <span slot="end">${eyeOff20Regular}</span>\n <span slot="heading">Accordion Header 1</span>\n Accordion Panel 1\n </fluent-accordion-item>\n <fluent-accordion-item>\n <span slot="start">${eye20Regular}</span>\n <span slot="end">${eyeOff20Regular}</span>\n <span slot="heading">Accordion Header 2</span>\n Accordion Panel 1\n </fluent-accordion-item>\n <fluent-accordion-item>\n <span slot="start">${eye20Regular}</span>\n <span slot="end">${eyeOff20Regular}</span>\n <span slot="heading">Accordion Header 3</span>\n Accordion Panel 1\n </fluent-accordion-item>\n </fluent-accordion>\n`)'}},AccordionWithPresentationIcons.parameters);var __namedExportsOrder=["Accordion","AccordionWithCustomIcons","AccordionWithPresentationIcons"]},"./src/anchor-button/anchor-button.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AnchorButton:()=>AnchorButton,Appearance:()=>Appearance,Disabled:()=>Disabled,Shape:()=>Shape,Size:()=>Size,WithLongText:()=>WithLongText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>anchor_button_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),anchor_button_options=__webpack_require__("./src/anchor-button/anchor-button.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/anchor-button/anchor-button.definition.ts").D.define(fluent_design_system.H.registry);var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <fluent-anchor-button\n href="','"\n appearance="','"\n shape="','"\n size="','"\n ?disabled="','"\n ?disabled-focusable="','"\n ?icon-only="','"\n >\n ',"\n </fluent-anchor-button>\n"])),(function(x){return x.href}),(function(x){return x.appearance}),(function(x){return x.shape}),(function(x){return x.size}),(function(x){return x.disabled}),(function(x){return x.disabledFocusable}),(function(x){return x.iconOnly}),(function(x){return x.content}));const anchor_button_stories={title:"Components/Button/Anchor",args:{content:"Anchor",href:"#",disabled:!1,disabledFocusable:!1},argTypes:{appearance:{options:Object.values(anchor_button_options.kW),control:{type:"select"}},shape:{options:Object.values(anchor_button_options.fX),control:{type:"select"}},size:{options:Object.values(anchor_button_options.$_),control:{type:"select"}},disabled:{control:"boolean",table:{type:{summary:"Sets the disabled state of the component"},defaultValue:{summary:"false"}}},disabledFocusable:{control:"boolean",table:{type:{summary:"The component is disabled but still focusable"},defaultValue:{summary:"false"}}},href:{control:"text"},content:{control:"Anchor text"}}};var AnchorButton=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),Appearance=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <fluent-anchor-button href="#">Default</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="primary">Primary</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="outline">Outline</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="subtle">Subtle</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="transparent">Transparent</fluent-anchor-button>\n'])))),Shape=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <fluent-anchor-button href="#" shape="rounded">Rounded</fluent-anchor-button>\n <fluent-anchor-button href="#" shape="circular">Circular</fluent-anchor-button>\n <fluent-anchor-button href="#" shape="square">Square</fluent-anchor-button>\n'])))),Size=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <fluent-anchor-button href="#" size="small">Small</fluent-anchor-button>\n <fluent-anchor-button href="#" size="small" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Small with calendar icon</fluent-anchor-button\n >\n <fluent-anchor-button href="#" size="small" icon-only aria-label="Small icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-anchor-button>\n <fluent-anchor-button href="#" size="medium">Medium</fluent-anchor-button>\n <fluent-anchor-button href="#" size="medium" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Medium with calendar icon</fluent-anchor-button\n >\n <fluent-anchor-button href="#" size="medium" icon-only aria-label="Medium icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-anchor-button>\n <fluent-anchor-button href="#" size="large">Large</fluent-anchor-button>\n <fluent-anchor-button href="#" size="large" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Large with calendar icon</fluent-anchor-button\n >\n <fluent-anchor-button href="#" size="large" icon-only aria-label="Large icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-anchor-button>\n'])))),Disabled=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <fluent-anchor-button href="#">Enabled state</fluent-anchor-button>\n <fluent-anchor-button href="#" disabled>Disabled state</fluent-anchor-button>\n <fluent-anchor-button href="#" disabled-focusable>Disabled focusable state</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="primary">Enabled state</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="primary" disabled>Disabled state</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="primary" disabled-focusable>Disabled focusable state</fluent-anchor-button>\n'])))),WithLongText=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <style>\n .max-width {\n width: 280px;\n }\n </style>\n <fluent-anchor-button href="#">Short text</fluent-anchor-button>\n <fluent-anchor-button href="#" class="max-width"\n >Long text wraps after it hits the max width of the component</fluent-anchor-button\n >\n']))));AnchorButton.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},AnchorButton.parameters),Appearance.parameters=Object.assign({storySource:{source:'renderComponent(html<AnchorButtonStoryArgs>`\n <fluent-anchor-button href="#">Default</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="primary">Primary</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="outline">Outline</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="subtle">Subtle</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="transparent">Transparent</fluent-anchor-button>\n`)'}},Appearance.parameters),Shape.parameters=Object.assign({storySource:{source:'renderComponent(html<AnchorButtonStoryArgs>`\n <fluent-anchor-button href="#" shape="rounded">Rounded</fluent-anchor-button>\n <fluent-anchor-button href="#" shape="circular">Circular</fluent-anchor-button>\n <fluent-anchor-button href="#" shape="square">Square</fluent-anchor-button>\n`)'}},Shape.parameters),Size.parameters=Object.assign({storySource:{source:'renderComponent(html<AnchorButtonStoryArgs>`\n <fluent-anchor-button href="#" size="small">Small</fluent-anchor-button>\n <fluent-anchor-button href="#" size="small" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Small with calendar icon</fluent-anchor-button\n >\n <fluent-anchor-button href="#" size="small" icon-only aria-label="Small icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-anchor-button>\n <fluent-anchor-button href="#" size="medium">Medium</fluent-anchor-button>\n <fluent-anchor-button href="#" size="medium" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Medium with calendar icon</fluent-anchor-button\n >\n <fluent-anchor-button href="#" size="medium" icon-only aria-label="Medium icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-anchor-button>\n <fluent-anchor-button href="#" size="large">Large</fluent-anchor-button>\n <fluent-anchor-button href="#" size="large" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Large with calendar icon</fluent-anchor-button\n >\n <fluent-anchor-button href="#" size="large" icon-only aria-label="Large icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-anchor-button>\n`)'}},Size.parameters),Disabled.parameters=Object.assign({storySource:{source:'renderComponent(html<AnchorButtonStoryArgs>`\n <fluent-anchor-button href="#">Enabled state</fluent-anchor-button>\n <fluent-anchor-button href="#" disabled>Disabled state</fluent-anchor-button>\n <fluent-anchor-button href="#" disabled-focusable>Disabled focusable state</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="primary">Enabled state</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="primary" disabled>Disabled state</fluent-anchor-button>\n <fluent-anchor-button href="#" appearance="primary" disabled-focusable>Disabled focusable state</fluent-anchor-button>\n`)'}},Disabled.parameters),WithLongText.parameters=Object.assign({storySource:{source:'renderComponent(html<AnchorButtonStoryArgs>`\n <style>\n .max-width {\n width: 280px;\n }\n </style>\n <fluent-anchor-button href="#">Short text</fluent-anchor-button>\n <fluent-anchor-button href="#" class="max-width"\n >Long text wraps after it hits the max width of the component</fluent-anchor-button\n >\n`)'}},WithLongText.parameters);var __namedExportsOrder=["AnchorButton","Appearance","Shape","Size","Disabled","WithLongText"]},"./src/avatar/avatar.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Active:()=>Active,ActiveAppearance:()=>ActiveAppearance,Avatar:()=>Avatar,Badge:()=>Badge,Color:()=>Color,ColorBrand:()=>ColorBrand,Colorful:()=>Colorful,CustomInitials:()=>CustomInitials,Icon:()=>Icon,Image:()=>Image,Shape:()=>Shape,Size:()=>Size,__namedExportsOrder:()=>__namedExportsOrder,default:()=>avatar_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),avatar_options=__webpack_require__("./src/avatar/avatar.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/avatar/avatar.definition.ts").D.define(fluent_design_system.H.registry);var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <fluent-avatar\n appearance="','"\n active="','"\n color="','"\n shape="','"\n size="','"\n initials="','"\n name="','"\n ></fluent-avatar>\n'])),(function(x){return x.appearance}),(function(x){return x.active}),(function(x){return x.color}),(function(x){return x.shape}),(function(x){return x.size}),(function(x){return x.initials}),(function(x){return x.name}));const avatar_stories={title:"Components/Avatar",argTypes:{active:{options:Object.values(avatar_options.oc),control:{type:"select"}},appearance:{options:Object.values(avatar_options.iS),control:{type:"select"}},color:{options:Object.values(avatar_options.aI),control:{type:"select"}},initials:{control:"text"},name:{control:"text"},shape:{options:Object.values(avatar_options.oG),control:{type:"select"}},size:{options:Object.values(avatar_options.DZ),control:{type:"select"}}}};var Avatar=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),Image=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['<fluent-avatar>\n <img\n alt="Persona test"\n role="presentation"\n aria-hidden="true"\n src="https://fabricweb.azureedge.net/fabric-website/assets/images/avatar/KatriAthokas.jpg"\n />\n</fluent-avatar>'])))),Icon=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <fluent-avatar\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M10 3a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM7.5 4.5a2.5 2.5 0 115 0 2.5 2.5 0 01-5 0zm8-.5a1 1 0 100 2 1 1 0 000-2zm-2 1a2 2 0 114 0 2 2 0 01-4 0zm-10 0a1 1 0 112 0 1 1 0 01-2 0zm1-2a2 2 0 100 4 2 2 0 000-4zm.6 12H5a2 2 0 01-2-2V9.25c0-.14.11-.25.25-.25h1.76c.04-.37.17-.7.37-1H3.25C2.56 8 2 8.56 2 9.25V13a3 3 0 003.4 2.97 4.96 4.96 0 01-.3-.97zm9.5.97A3 3 0 0018 13V9.25C18 8.56 17.44 8 16.75 8h-2.13c.2.3.33.63.37 1h1.76c.14 0 .25.11.25.25V13a2 2 0 01-2.1 2c-.07.34-.17.66-.3.97zM7.25 8C6.56 8 6 8.56 6 9.25V14a4 4 0 008 0V9.25C14 8.56 13.44 8 12.75 8h-5.5zM7 9.25c0-.14.11-.25.25-.25h5.5c.14 0 .25.11.25.25V14a3 3 0 11-6 0V9.25z"\n fill="currentColor"\n ></path></svg\n ></fluent-avatar>\n'])))),Badge=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose([' <fluent-avatar name="Lydia Bauer"\n ><fluent-badge slot="badge" size="extra-small"></fluent-badge\n></fluent-avatar>'])))),ColorBrand=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['<fluent-avatar color="brand"></fluent-avatar>'])))),Color=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <div style="display: flex; gap: 8px; flex-wrap: wrap;">\n <fluent-avatar color="neutral" name="Neutral avatar"></fluent-avatar>\n <fluent-avatar color="brand" name="Brand avatar"></fluent-avatar>\n <fluent-avatar color="dark-red" name="dark-red avatar"></fluent-avatar>\n <fluent-avatar color="cranberry" name="cranberry avatar"></fluent-avatar>\n <fluent-avatar color="red" name="red avatar"></fluent-avatar>\n <fluent-avatar color="pumpkin" name="pumpkin avatar"></fluent-avatar>\n <fluent-avatar color="peach" name="peach avatar"></fluent-avatar>\n <fluent-avatar color="marigold" name="marigold avatar"></fluent-avatar>\n <fluent-avatar color="gold" name="gold avatar"></fluent-avatar>\n <fluent-avatar color="brass" name="brass avatar"></fluent-avatar>\n <fluent-avatar color="brown" name="brown avatar"></fluent-avatar>\n <fluent-avatar color="forest" name="forest avatar"></fluent-avatar>\n <fluent-avatar color="seafoam" name="seafoam avatar"></fluent-avatar>\n <fluent-avatar color="dark-green" name="dark-green avatar"></fluent-avatar>\n <fluent-avatar color="light-teal" name="light-teal avatar"></fluent-avatar>\n <fluent-avatar color="teal" name="teal avatar"></fluent-avatar>\n <fluent-avatar color="steel" name="steel avatar"></fluent-avatar>\n <fluent-avatar color="blue" name="blue avatar"></fluent-avatar>\n <fluent-avatar color="royal-blue" name="royal-blue avatar"></fluent-avatar>\n <fluent-avatar color="cornflower" name="cornflower avatar"></fluent-avatar>\n <fluent-avatar color="navy" name="navy avatar"></fluent-avatar>\n <fluent-avatar color="lavender" name="lavender avatar"></fluent-avatar>\n <fluent-avatar color="purple" name="purple avatar"></fluent-avatar>\n <fluent-avatar color="grape" name="grape avatar"></fluent-avatar>\n <fluent-avatar color="lilac" name="lilac avatar"></fluent-avatar>\n <fluent-avatar color="pink" name="pink avatar"></fluent-avatar>\n <fluent-avatar color="magenta" name="magenta avatar"></fluent-avatar>\n <fluent-avatar color="plum" name="plum avatar"></fluent-avatar>\n <fluent-avatar color="beige" name="beige avatar"></fluent-avatar>\n <fluent-avatar color="mink" name="mink avatar"></fluent-avatar>\n <fluent-avatar color="platinum" name="platinum avatar"></fluent-avatar>\n <fluent-avatar color="anchor" name="anchor avatar"></fluent-avatar>\n </div>\n'])))),Colorful=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <div style="display: flex; gap: 8px; flex-wrap: wrap;">\n <fluent-avatar color="colorful" name="Mona Kane"></fluent-avatar>\n <fluent-avatar color="colorful" name="Tim Deboer"></fluent-avatar>\n <fluent-avatar color="colorful" name="Kevin Sturgis"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="pumpkin" name="pumpkin avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="lilac" name="lilac avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="pink" name="pink avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="magenta" name="magenta avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="plum" name="plum avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="beige" name="beige avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="mink" name="mink avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="platinum" name="platinum avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="anchor" name="anchor avatar"></fluent-avatar>\n </div>\n'])))),Shape=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(['\n <fluent-avatar shape="circular"></fluent-avatar>\n <fluent-avatar shape="square"></fluent-avatar>\n'])))),Active=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(['\n <div style="display: flex; gap: 24px; flex-wrap: wrap;">\n <fluent-avatar>U</fluent-avatar>\n <fluent-avatar active="active">A</fluent-avatar>\n <fluent-avatar active="inactive">I</fluent-avatar>\n <div></div>\n </div>\n'])))),ActiveAppearance=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(['\n <div style="display: flex; gap: 24px; flex-wrap: wrap;">\n <fluent-avatar active="active" appearance="ring">R</fluent-avatar>\n <fluent-avatar active="active" appearance="shadow">S</fluent-avatar>\n <fluent-avatar active="active" appearance="ring-shadow">RS</fluent-avatar>\n </div>\n'])))),CustomInitials=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose([' <fluent-avatar initials="CRF"></fluent-avatar> '])))),Size=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose(['\n <div style="display: flex; gap: 24px; flex-wrap: wrap;">\n <fluent-avatar name="Jane Doe" size="16">16</fluent-avatar>\n <fluent-avatar name="Lydia Bauer" size="20">20</fluent-avatar>\n <fluent-avatar name="Amanda Brady" size="24">24</fluent-avatar>\n <fluent-avatar name="Henry Brill" size="28">28</fluent-avatar>\n <fluent-avatar name="Robin Counts" size="32">32</fluent-avatar>\n <fluent-avatar name="Tim Deboer" size="36">36</fluent-avatar>\n <fluent-avatar name="Cameron Evans" size="40">40</fluent-avatar>\n <fluent-avatar name="Mona Kane" size="48">48</fluent-avatar>\n <fluent-avatar name="Allan Munger" size="56">56</fluent-avatar>\n <fluent-avatar name="Erik Nason" size="64">64</fluent-avatar>\n <fluent-avatar name="Daisy Phillips" size="72">72</fluent-avatar>\n <fluent-avatar name="Kevin Sturgis" size="96">96</fluent-avatar>\n <fluent-avatar name="Elliot Woodward" size="120">120</fluent-avatar>\n <fluent-avatar name="John Doe" size="128">128</fluent-avatar>\n </div>\n']))));Avatar.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Avatar.parameters),Image.parameters=Object.assign({storySource:{source:'renderComponent(html<AvatarStoryArgs>`<fluent-avatar>\n <img\n alt="Persona test"\n role="presentation"\n aria-hidden="true"\n src="https://fabricweb.azureedge.net/fabric-website/assets/images/avatar/KatriAthokas.jpg"\n />\n</fluent-avatar>`)'}},Image.parameters),Icon.parameters=Object.assign({storySource:{source:'renderComponent(html<AvatarStoryArgs>`\n <fluent-avatar\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M10 3a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM7.5 4.5a2.5 2.5 0 115 0 2.5 2.5 0 01-5 0zm8-.5a1 1 0 100 2 1 1 0 000-2zm-2 1a2 2 0 114 0 2 2 0 01-4 0zm-10 0a1 1 0 112 0 1 1 0 01-2 0zm1-2a2 2 0 100 4 2 2 0 000-4zm.6 12H5a2 2 0 01-2-2V9.25c0-.14.11-.25.25-.25h1.76c.04-.37.17-.7.37-1H3.25C2.56 8 2 8.56 2 9.25V13a3 3 0 003.4 2.97 4.96 4.96 0 01-.3-.97zm9.5.97A3 3 0 0018 13V9.25C18 8.56 17.44 8 16.75 8h-2.13c.2.3.33.63.37 1h1.76c.14 0 .25.11.25.25V13a2 2 0 01-2.1 2c-.07.34-.17.66-.3.97zM7.25 8C6.56 8 6 8.56 6 9.25V14a4 4 0 008 0V9.25C14 8.56 13.44 8 12.75 8h-5.5zM7 9.25c0-.14.11-.25.25-.25h5.5c.14 0 .25.11.25.25V14a3 3 0 11-6 0V9.25z"\n fill="currentColor"\n ></path></svg\n ></fluent-avatar>\n`)'}},Icon.parameters),Badge.parameters=Object.assign({storySource:{source:'renderComponent(html<AvatarStoryArgs>` <fluent-avatar name="Lydia Bauer"\n ><fluent-badge slot="badge" size="extra-small"></fluent-badge\n></fluent-avatar>`)'}},Badge.parameters),ColorBrand.parameters=Object.assign({storySource:{source:'renderComponent(html<AvatarStoryArgs>`<fluent-avatar color="brand"></fluent-avatar>`)'}},ColorBrand.parameters),Color.parameters=Object.assign({storySource:{source:'renderComponent(html<AvatarStoryArgs>`\n <div style="display: flex; gap: 8px; flex-wrap: wrap;">\n <fluent-avatar color="neutral" name="Neutral avatar"></fluent-avatar>\n <fluent-avatar color="brand" name="Brand avatar"></fluent-avatar>\n <fluent-avatar color="dark-red" name="dark-red avatar"></fluent-avatar>\n <fluent-avatar color="cranberry" name="cranberry avatar"></fluent-avatar>\n <fluent-avatar color="red" name="red avatar"></fluent-avatar>\n <fluent-avatar color="pumpkin" name="pumpkin avatar"></fluent-avatar>\n <fluent-avatar color="peach" name="peach avatar"></fluent-avatar>\n <fluent-avatar color="marigold" name="marigold avatar"></fluent-avatar>\n <fluent-avatar color="gold" name="gold avatar"></fluent-avatar>\n <fluent-avatar color="brass" name="brass avatar"></fluent-avatar>\n <fluent-avatar color="brown" name="brown avatar"></fluent-avatar>\n <fluent-avatar color="forest" name="forest avatar"></fluent-avatar>\n <fluent-avatar color="seafoam" name="seafoam avatar"></fluent-avatar>\n <fluent-avatar color="dark-green" name="dark-green avatar"></fluent-avatar>\n <fluent-avatar color="light-teal" name="light-teal avatar"></fluent-avatar>\n <fluent-avatar color="teal" name="teal avatar"></fluent-avatar>\n <fluent-avatar color="steel" name="steel avatar"></fluent-avatar>\n <fluent-avatar color="blue" name="blue avatar"></fluent-avatar>\n <fluent-avatar color="royal-blue" name="royal-blue avatar"></fluent-avatar>\n <fluent-avatar color="cornflower" name="cornflower avatar"></fluent-avatar>\n <fluent-avatar color="navy" name="navy avatar"></fluent-avatar>\n <fluent-avatar color="lavender" name="lavender avatar"></fluent-avatar>\n <fluent-avatar color="purple" name="purple avatar"></fluent-avatar>\n <fluent-avatar color="grape" name="grape avatar"></fluent-avatar>\n <fluent-avatar color="lilac" name="lilac avatar"></fluent-avatar>\n <fluent-avatar color="pink" name="pink avatar"></fluent-avatar>\n <fluent-avatar color="magenta" name="magenta avatar"></fluent-avatar>\n <fluent-avatar color="plum" name="plum avatar"></fluent-avatar>\n <fluent-avatar color="beige" name="beige avatar"></fluent-avatar>\n <fluent-avatar color="mink" name="mink avatar"></fluent-avatar>\n <fluent-avatar color="platinum" name="platinum avatar"></fluent-avatar>\n <fluent-avatar color="anchor" name="anchor avatar"></fluent-avatar>\n </div>\n`)'}},Color.parameters),Colorful.parameters=Object.assign({storySource:{source:'renderComponent(html<AvatarStoryArgs>`\n <div style="display: flex; gap: 8px; flex-wrap: wrap;">\n <fluent-avatar color="colorful" name="Mona Kane"></fluent-avatar>\n <fluent-avatar color="colorful" name="Tim Deboer"></fluent-avatar>\n <fluent-avatar color="colorful" name="Kevin Sturgis"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="pumpkin" name="pumpkin avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="lilac" name="lilac avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="pink" name="pink avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="magenta" name="magenta avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="plum" name="plum avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="beige" name="beige avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="mink" name="mink avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="platinum" name="platinum avatar"></fluent-avatar>\n <fluent-avatar color="colorful" color-id="anchor" name="anchor avatar"></fluent-avatar>\n </div>\n`)'}},Colorful.parameters),Shape.parameters=Object.assign({storySource:{source:'renderComponent(html<AvatarStoryArgs>`\n <fluent-avatar shape="circular"></fluent-avatar>\n <fluent-avatar shape="square"></fluent-avatar>\n`)'}},Shape.parameters),Active.parameters=Object.assign({storySource:{source:'renderComponent(html<AvatarStoryArgs>`\n <div style="display: flex; gap: 24px; flex-wrap: wrap;">\n <fluent-avatar>U</fluent-avatar>\n <fluent-avatar active="active">A</fluent-avatar>\n <fluent-avatar active="inactive">I</fluent-avatar>\n <div></div>\n </div>\n`)'}},Active.parameters),ActiveAppearance.parameters=Object.assign({storySource:{source:'renderComponent(html<AvatarStoryArgs>`\n <div style="display: flex; gap: 24px; flex-wrap: wrap;">\n <fluent-avatar active="active" appearance="ring">R</fluent-avatar>\n <fluent-avatar active="active" appearance="shadow">S</fluent-avatar>\n <fluent-avatar active="active" appearance="ring-shadow">RS</fluent-avatar>\n </div>\n`)'}},ActiveAppearance.parameters),CustomInitials.parameters=Object.assign({storySource:{source:'renderComponent(html<AvatarStoryArgs>` <fluent-avatar initials="CRF"></fluent-avatar> `)'}},CustomInitials.parameters),Size.parameters=Object.assign({storySource:{source:'renderComponent(html<AvatarStoryArgs>`\n <div style="display: flex; gap: 24px; flex-wrap: wrap;">\n <fluent-avatar name="Jane Doe" size="16">16</fluent-avatar>\n <fluent-avatar name="Lydia Bauer" size="20">20</fluent-avatar>\n <fluent-avatar name="Amanda Brady" size="24">24</fluent-avatar>\n <fluent-avatar name="Henry Brill" size="28">28</fluent-avatar>\n <fluent-avatar name="Robin Counts" size="32">32</fluent-avatar>\n <fluent-avatar name="Tim Deboer" size="36">36</fluent-avatar>\n <fluent-avatar name="Cameron Evans" size="40">40</fluent-avatar>\n <fluent-avatar name="Mona Kane" size="48">48</fluent-avatar>\n <fluent-avatar name="Allan Munger" size="56">56</fluent-avatar>\n <fluent-avatar name="Erik Nason" size="64">64</fluent-avatar>\n <fluent-avatar name="Daisy Phillips" size="72">72</fluent-avatar>\n <fluent-avatar name="Kevin Sturgis" size="96">96</fluent-avatar>\n <fluent-avatar name="Elliot Woodward" size="120">120</fluent-avatar>\n <fluent-avatar name="John Doe" size="128">128</fluent-avatar>\n </div>\n`)'}},Size.parameters);var __namedExportsOrder=["Avatar","Image","Icon","Badge","ColorBrand","Color","Colorful","Shape","Active","ActiveAppearance","CustomInitials","Size"]},"./src/badge/badge.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Appearance:()=>Appearance,Badge:()=>Badge,Color:()=>Color,Shape:()=>Shape,Size:()=>Size,__namedExportsOrder:()=>__namedExportsOrder,default:()=>badge_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),when=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/when.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),badge_options=__webpack_require__("./src/badge/badge.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/badge/badge.definition.ts").D.define(fluent_design_system.H.registry);var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <fluent-badge appearance="','" color="','" shape="','" size="','">\n ',"\n ","\n ","\n </fluent-badge>\n"])),(function(x){return x.appearance}),(function(x){return x.color}),(function(x){return x.shape}),(function(x){return x.size}),(0,when.g)((function(x){return"start"===x.iconPosition}),(0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['<svg\n slot="start"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n width="1em"\n height="1em"\n preserveAspectRatio="xMidYMid meet"\n viewBox="0 0 20 20"\n >\n <path\n fill="currentColor"\n d="M14.69 11.503c1 0 1.81.81 1.81 1.81v.689h-.005c-.034.78-.248 1.757-1.123 2.555C14.416 17.43 12.765 18 10 18c-2.766 0-4.416-.57-5.372-1.443c-.875-.798-1.089-1.776-1.123-2.555H3.5v-.69c0-.999.81-1.809 1.81-1.809h9.38ZM6.5 3A1.5 1.5 0 0 0 5 4.5v4A1.5 1.5 0 0 0 6.5 10h7A1.5 1.5 0 0 0 15 8.5v-4A1.5 1.5 0 0 0 13.5 3h-3v-.5A.48.48 0 0 0 10 2c-.276 0-.5.23-.5.5V3h-3ZM7 6.5a1 1 0 1 1 2 0a1 1 0 0 1-2 0Zm4 0a1 1 0 1 1 2 0a1 1 0 0 1-2 0Z"\n />\n </svg>'])))),(function(x){return x.content}),(0,when.g)((function(x){return"end"===x.iconPosition}),(0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['<svg\n slot="start"\n aria-hidden="true"\n xmlns="http://www.w3.org/2000/svg"\n width="1em"\n height="1em"\n preserveAspectRatio="xMidYMid meet"\n viewBox="0 0 20 20"\n >\n <path\n fill="currentColor"\n d="M14.69 11.503c1 0 1.81.81 1.81 1.81v.689h-.005c-.034.78-.248 1.757-1.123 2.555C14.416 17.43 12.765 18 10 18c-2.766 0-4.416-.57-5.372-1.443c-.875-.798-1.089-1.776-1.123-2.555H3.5v-.69c0-.999.81-1.809 1.81-1.809h9.38ZM6.5 3A1.5 1.5 0 0 0 5 4.5v4A1.5 1.5 0 0 0 6.5 10h7A1.5 1.5 0 0 0 15 8.5v-4A1.5 1.5 0 0 0 13.5 3h-3v-.5A.48.48 0 0 0 10 2c-.276 0-.5.23-.5.5V3h-3ZM7 6.5a1 1 0 1 1 2 0a1 1 0 0 1-2 0Zm4 0a1 1 0 1 1 2 0a1 1 0 0 1-2 0Z"\n />\n </svg>'])))));const badge_stories={title:"Components/Badge/Badge",args:{content:null},argTypes:{appearance:{options:Object.values(badge_options.Ar),control:{type:"select"}},color:{options:Object.values(badge_options.JV),control:{type:"select"}},shape:{options:Object.values(badge_options.Ou),control:{type:"select"}},size:{options:Object.values(badge_options.OD),control:{type:"select"}},iconPosition:{options:["none","start","end"],control:{type:"select"}},content:{control:"text"}}};var Badge=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),Appearance=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <fluent-badge appearance="filled">filled</fluent-badge>\n <fluent-badge appearance="ghost">ghost</fluent-badge>\n <fluent-badge appearance="outline">outline</fluent-badge>\n <fluent-badge appearance="tint">tint</fluent-badge>\n'])))),Color=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <fluent-badge color="brand">brand</fluent-badge>\n <fluent-badge color="danger">danger</fluent-badge>\n <fluent-badge color="important">important</fluent-badge>\n <fluent-badge color="informative">informative</fluent-badge>\n <fluent-badge color="severe">severe</fluent-badge>\n <fluent-badge color="subtle">subtle</fluent-badge>\n <fluent-badge color="success">success</fluent-badge>\n <fluent-badge color="warning">warning</fluent-badge>\n'])))),Shape=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <fluent-badge shape="circular"></fluent-badge>\n <fluent-badge shape="rounded"></fluent-badge>\n <fluent-badge shape="square"></fluent-badge>\n'])))),Size=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <fluent-badge size="tiny"></fluent-badge>\n <fluent-badge size="extra-small"></fluent-badge>\n <fluent-badge size="small"></fluent-badge>\n <fluent-badge size="medium"></fluent-badge>\n <fluent-badge size="large"></fluent-badge>\n <fluent-badge size="extra-large"></fluent-badge>\n']))));Badge.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Badge.parameters),Appearance.parameters=Object.assign({storySource:{source:'renderComponent(html<BadgeStoryArgs>`\n <fluent-badge appearance="filled">filled</fluent-badge>\n <fluent-badge appearance="ghost">ghost</fluent-badge>\n <fluent-badge appearance="outline">outline</fluent-badge>\n <fluent-badge appearance="tint">tint</fluent-badge>\n`)'}},Appearance.parameters),Color.parameters=Object.assign({storySource:{source:'renderComponent(html<BadgeStoryArgs>`\n <fluent-badge color="brand">brand</fluent-badge>\n <fluent-badge color="danger">danger</fluent-badge>\n <fluent-badge color="important">important</fluent-badge>\n <fluent-badge color="informative">informative</fluent-badge>\n <fluent-badge color="severe">severe</fluent-badge>\n <fluent-badge color="subtle">subtle</fluent-badge>\n <fluent-badge color="success">success</fluent-badge>\n <fluent-badge color="warning">warning</fluent-badge>\n`)'}},Color.parameters),Shape.parameters=Object.assign({storySource:{source:'renderComponent(html<BadgeStoryArgs>`\n <fluent-badge shape="circular"></fluent-badge>\n <fluent-badge shape="rounded"></fluent-badge>\n <fluent-badge shape="square"></fluent-badge>\n`)'}},Shape.parameters);var __namedExportsOrder=["Badge","Appearance","Color","Shape","Size"]},"./src/button/button.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Appearance:()=>Appearance,Button:()=>Button,Disabled:()=>Disabled,Shape:()=>Shape,Size:()=>Size,WithLongText:()=>WithLongText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/helpers.stories.ts"),_button_options_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/button/button.options.ts");__webpack_require__("./src/button/define.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var storyTemplate=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <fluent-button\n appearance="','"\n shape="','"\n size="','"\n ?disabled="','"\n ?disabled-focusable="','"\n ?icon-only="','"\n ?icon="','"\n >\n ',"\n </fluent-button>\n"])),(function(x){return x.appearance}),(function(x){return x.shape}),(function(x){return x.size}),(function(x){return x.disabled}),(function(x){return x.disabledFocusable}),(function(x){return x.iconOnly}),(function(x){return x.icon}),(function(x){return x.content}));const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Button/Button",args:{content:"Button",disabled:!1,disabledFocusable:!1},argTypes:{appearance:{options:Object.values(_button_options_js__WEBPACK_IMPORTED_MODULE_5__.Lr),control:{type:"select"}},shape:{options:Object.values(_button_options_js__WEBPACK_IMPORTED_MODULE_5__.jL),control:{type:"select"}},size:{options:Object.values(_button_options_js__WEBPACK_IMPORTED_MODULE_5__.qE),control:{type:"select"}},disabled:{control:"boolean",table:{type:{summary:"Sets the disabled state of the component"},defaultValue:{summary:"false"}}},disabledFocusable:{control:"boolean",table:{type:{summary:"The component is disabled but still focusable"},defaultValue:{summary:"false"}}},content:{control:"Button text"}}};var Button=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)(storyTemplate).bind({}),Appearance=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <fluent-button>Default</fluent-button>\n <fluent-button appearance="primary">Primary</fluent-button>\n <fluent-button appearance="outline">Outline</fluent-button>\n <fluent-button appearance="subtle">Subtle</fluent-button>\n <fluent-button appearance="transparent">Transparent</fluent-button>\n'])))),Shape=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <fluent-button shape="rounded">Rounded</fluent-button>\n <fluent-button shape="circular">Circular</fluent-button>\n <fluent-button shape="square">Square</fluent-button>\n'])))),Size=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <fluent-button size="small">Small</fluent-button>\n <fluent-button size="small" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Small with calendar icon</fluent-button\n >\n <fluent-button size="small" icon-only aria-label="Small icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-button>\n <fluent-button size="medium">Medium</fluent-button>\n <fluent-button size="medium" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Medium with calendar icon</fluent-button\n >\n <fluent-button size="medium" icon-only aria-label="Medium icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-button>\n <fluent-button size="large">Large</fluent-button>\n <fluent-button size="large" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Large with calendar icon</fluent-button\n >\n <fluent-button size="large" icon-only aria-label="Large icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-button>\n'])))),Disabled=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <fluent-button>Enabled state</fluent-button>\n <fluent-button disabled>Disabled state</fluent-button>\n <fluent-button disabled-focusable>Disabled focusable state</fluent-button>\n <fluent-button appearance="primary">Enabled state</fluent-button>\n <fluent-button appearance="primary" disabled>Disabled state</fluent-button>\n <fluent-button appearance="primary" disabled-focusable>Disabled focusable state</fluent-button>\n'])))),WithLongText=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <style>\n .max-width {\n width: 280px;\n }\n </style>\n <fluent-button>Short text</fluent-button>\n <fluent-button class="max-width">Long text wraps after it hits the max width of the component</fluent-button>\n']))));Button.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Button.parameters),Appearance.parameters=Object.assign({storySource:{source:'renderComponent(html<ButtonStoryArgs>`\n <fluent-button>Default</fluent-button>\n <fluent-button appearance="primary">Primary</fluent-button>\n <fluent-button appearance="outline">Outline</fluent-button>\n <fluent-button appearance="subtle">Subtle</fluent-button>\n <fluent-button appearance="transparent">Transparent</fluent-button>\n`)'}},Appearance.parameters),Shape.parameters=Object.assign({storySource:{source:'renderComponent(html<ButtonStoryArgs>`\n <fluent-button shape="rounded">Rounded</fluent-button>\n <fluent-button shape="circular">Circular</fluent-button>\n <fluent-button shape="square">Square</fluent-button>\n`)'}},Shape.parameters),Size.parameters=Object.assign({storySource:{source:'renderComponent(html<ButtonStoryArgs>`\n <fluent-button size="small">Small</fluent-button>\n <fluent-button size="small" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Small with calendar icon</fluent-button\n >\n <fluent-button size="small" icon-only aria-label="Small icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-button>\n <fluent-button size="medium">Medium</fluent-button>\n <fluent-button size="medium" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Medium with calendar icon</fluent-button\n >\n <fluent-button size="medium" icon-only aria-label="Medium icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-button>\n <fluent-button size="large">Large</fluent-button>\n <fluent-button size="large" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Large with calendar icon</fluent-button\n >\n <fluent-button size="large" icon-only aria-label="Large icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-button>\n`)'}},Size.parameters),Disabled.parameters=Object.assign({storySource:{source:'renderComponent(html<ButtonStoryArgs>`\n <fluent-button>Enabled state</fluent-button>\n <fluent-button disabled>Disabled state</fluent-button>\n <fluent-button disabled-focusable>Disabled focusable state</fluent-button>\n <fluent-button appearance="primary">Enabled state</fluent-button>\n <fluent-button appearance="primary" disabled>Disabled state</fluent-button>\n <fluent-button appearance="primary" disabled-focusable>Disabled focusable state</fluent-button>\n`)'}},Disabled.parameters),WithLongText.parameters=Object.assign({storySource:{source:'renderComponent(html<ButtonStoryArgs>`\n <style>\n .max-width {\n width: 280px;\n }\n </style>\n <fluent-button>Short text</fluent-button>\n <fluent-button class="max-width">Long text wraps after it hits the max width of the component</fluent-button>\n`)'}},WithLongText.parameters);var __namedExportsOrder=["Button","Appearance","Shape","Size","Disabled","WithLongText"]},"./src/checkbox/checkbox.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checkbox:()=>Checkbox,Checked:()=>Checked,Circular:()=>Circular,Disabled:()=>Disabled,LabelBefore:()=>LabelBefore,LabelWrapping:()=>LabelWrapping,Mixed:()=>Mixed,Required:()=>Required,Size:()=>Size,__namedExportsOrder:()=>__namedExportsOrder,default:()=>checkbox_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/checkbox/checkbox.definition.ts").D.define(fluent_design_system.H.registry);var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,checkbox_options=__webpack_require__("./src/checkbox/checkbox.options.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <form class="checkbox-group" @submit="','">\n <fluent-checkbox\n name="checkbox-group"\n :indeterminate="','"\n ?checked="','"\n ?disabled="','"\n shape="','"\n size="','"\n label-position="','"\n required="','"\n >\n <fluent-label disabled="','" required="','">Checkbox</fluent-label>\n </fluent-checkbox>\n </form>\n'])),(function(){return!1}),(function(x){return x.indeterminate}),(function(x){return x.checked}),(function(x){return x.disabled}),(function(x){return x.shape}),(function(x){return x.size}),(function(x){return x.labelPosition}),(function(x){return x.required}),(function(x){return x.disabled}),(function(x){return x.required}));const checkbox_stories={title:"Components/Checkbox",args:{checked:!1,disabled:!1,indeterminate:!1,labelPosition:checkbox_options.n0.after,required:!1,shape:checkbox_options.ZN.square,size:checkbox_options.yB.medium},argTypes:{checked:{description:"Sets the checked state of the checkbox",table:{type:{summary:"boolean"}}},disabled:{description:"Sets the disabled state of the checkbox",table:{type:{summary:"boolean"}}},indeterminate:{description:"Sets the indeterminate state of the checkbox",table:{type:{summary:"boolean"}}},labelPosition:{description:"Sets the position of the label relative to the input",table:{defaultValue:{summary:checkbox_options.n0.after}},control:{type:"select",options:Object.values(checkbox_options.n0)},defaultValue:checkbox_options.n0.after},required:{description:"Sets the checkbox as required",table:{type:{summary:"boolean"}}},shape:{description:"Sets the shape of the checkbox",table:{defaultValue:{summary:checkbox_options.ZN.square}},control:{type:"select",options:Object.values(checkbox_options.ZN)},defaultValue:checkbox_options.ZN.square},size:{description:"Sets the size of the checkbox",table:{defaultValue:{summary:checkbox_options.yB.medium}},control:{type:"select",options:Object.values(checkbox_options.yB)},defaultValue:checkbox_options.yB.medium}}};var Checkbox=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),CheckboxChecked=(0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <form class="checkbox-group" @submit="','" style="display: flex; flex-direction: column; gap: 4px;">\n <fluent-checkbox checked>Checked</fluent-checkbox>\n <fluent-checkbox checked shape="','">Checked circular</fluent-checkbox>\n </form>\n'])),(function(){return!1}),checkbox_options.ZN.circular),Checked=(0,helpers_stories.renderComponent)(CheckboxChecked).bind({}),mixedTemplate=(0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <form class="checkbox-group" @submit="','" style="display: flex; flex-direction: column; gap: 4px;">\n <fluent-checkbox name="checkbox-group" :indeterminate="','"> Indeterminate </fluent-checkbox>\n <fluent-checkbox name="checkbox-group" :indeterminate="','" shape="','">\n Indeterminate circular\n </fluent-checkbox>\n </form>\n'])),(function(){return!1}),(function(x){return x.indeterminate}),(function(x){return x.indeterminate}),checkbox_options.ZN.circular),Mixed=(0,helpers_stories.renderComponent)(mixedTemplate).bind({});Mixed.args={indeterminate:!0};var CheckboxDisabled=(0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <form class="checkbox-group" @submit="','" style="display: flex; flex-direction: column;">\n <fluent-checkbox name="checkbox-group" disabled> Disabled unchecked </fluent-checkbox>\n\n <fluent-checkbox name="checkbox-group" disabled shape="','">\n Disabled circular unchecked\n </fluent-checkbox>\n\n <fluent-checkbox checked disabled> Disabled checked </fluent-checkbox>\n\n <fluent-checkbox checked disabled shape="','"> Disabled circular checked </fluent-checkbox>\n\n <fluent-checkbox disabled :indeterminate="','"> Disabled indeterminate </fluent-checkbox>\n\n <fluent-checkbox disabled :indeterminate="','" shape="','">\n Disabled circular indeterminate\n </fluent-checkbox>\n </form>\n'])),(function(){return!1}),checkbox_options.ZN.circular,checkbox_options.ZN.circular,(function(x){return x.indeterminate}),(function(x){return x.indeterminate}),checkbox_options.ZN.circular),Disabled=(0,helpers_stories.renderComponent)(CheckboxDisabled).bind({});Disabled.args={indeterminate:!0};var CheckboxRequired=(0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <form class="checkbox-group" @submit="','">\n <fluent-checkbox required name="checkbox-group"><fluent-label required>Required</fluent-label></fluent-checkbox>\n </form>\n'])),(function(){return!1})),Required=(0,helpers_stories.renderComponent)(CheckboxRequired).bind({}),CheckboxSizes=(0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <form class="checkbox-group" @submit="','" style="display: flex; gap: 50px">\n <div style="display: flex; flex-direction: column; gap: 4px;">\n <fluent-checkbox checked>Medium</fluent-checkbox>\n <fluent-checkbox checked shape="','">Medium circular</fluent-checkbox>\n\n <fluent-checkbox :indeterminate="','">Medium indeterminate</fluent-checkbox>\n <fluent-checkbox :indeterminate="','" shape="','"\n >Medium circular indeterminate</fluent-checkbox\n >\n </div>\n <div style="display: flex; flex-direction: column; gap: 4px;">\n <fluent-checkbox checked size="','">Large checkbox</fluent-checkbox>\n <fluent-checkbox checked size="','" shape="','"\n >Large circular</fluent-checkbox\n >\n\n <fluent-checkbox size="','" :indeterminate="','"\n >Large indeterminate</fluent-checkbox\n >\n <fluent-checkbox\n size="','"\n :indeterminate="','"\n shape="','"\n >Large circular indeterminate</fluent-checkbox\n >\n </div>\n </form>\n'])),(function(){return!1}),checkbox_options.ZN.circular,(function(x){return x.indeterminate}),(function(x){return x.indeterminate}),checkbox_options.ZN.circular,checkbox_options.yB.large,checkbox_options.yB.large,checkbox_options.ZN.circular,checkbox_options.yB.large,(function(x){return x.indeterminate}),checkbox_options.yB.large,(function(x){return x.indeterminate}),checkbox_options.ZN.circular),Size=(0,helpers_stories.renderComponent)(CheckboxSizes).bind({});Size.args={indeterminate:!0};var labelBeforeTemplate=(0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <form class="checkbox-group" @submit="','">\n <fluent-checkbox checked label-position="','">Label before</fluent-checkbox>\n </form>\n'])),(function(){return!1}),checkbox_options.n0.before),LabelBefore=(0,helpers_stories.renderComponent)(labelBeforeTemplate).bind({}),labelWrappingTemplate=(0,template.dy)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(['\n <form class="checkbox-group" @submit="','">\n <fluent-checkbox checked style="max-width: 400px; display: inline-flex; align-items: flex-start;">\n Here is an example of a checkbox with a long label and it starts to wrap to a second line\n </fluent-checkbox>\n </form>\n'])),(function(){return!1})),LabelWrapping=(0,helpers_stories.renderComponent)(labelWrappingTemplate).bind({}),CheckboxCircular=(0,template.dy)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(['\n <form class="checkbox-group" @submit="','">\n <fluent-checkbox checked shape="','">Circular</fluent-checkbox>\n <fluent-checkbox :indeterminate="','" shape="','"\n >Circular indeterminate</fluent-checkbox\n >\n </form>\n'])),(function(){return!1}),checkbox_options.ZN.circular,(function(x){return x.indeterminate}),checkbox_options.ZN.circular),Circular=(0,helpers_stories.renderComponent)(CheckboxCircular).bind({});Circular.args={indeterminate:!0},Checkbox.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Checkbox.parameters),Checked.parameters=Object.assign({storySource:{source:"renderComponent(CheckboxChecked).bind({})"}},Checked.parameters),Mixed.parameters=Object.assign({storySource:{source:"renderComponent(mixedTemplate).bind({})"}},Mixed.parameters),Disabled.parameters=Object.assign({storySource:{source:"renderComponent(CheckboxDisabled).bind({})"}},Disabled.parameters),Required.parameters=Object.assign({storySource:{source:"renderComponent(CheckboxRequired).bind({})"}},Required.parameters),Size.parameters=Object.assign({storySource:{source:"renderComponent(CheckboxSizes).bind({})"}},Size.parameters),LabelBefore.parameters=Object.assign({storySource:{source:"renderComponent(labelBeforeTemplate).bind({})"}},LabelBefore.parameters),LabelWrapping.parameters=Object.assign({storySource:{source:"renderComponent(labelWrappingTemplate).bind({})"}},LabelWrapping.parameters),Circular.parameters=Object.assign({storySource:{source:"renderComponent(CheckboxCircular).bind({})"}},Circular.parameters);var __namedExportsOrder=["Checkbox","Checked","Mixed","Disabled","Required","Size","LabelBefore","LabelWrapping","Circular"]},"./src/compound-button/compound-button.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Appearance:()=>Appearance,Button:()=>Button,Disabled:()=>Disabled,Shape:()=>Shape,Size:()=>Size,WithLongText:()=>WithLongText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>compound_button_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),compound_button_options=__webpack_require__("./src/compound-button/compound-button.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/compound-button/compound-button.definition.ts").D.define(fluent_design_system.H.registry);var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <fluent-compound-button\n appearance="','"\n shape="','"\n size="','"\n ?disabled="','"\n ?disabled-focusable="','"\n ?icon-only="','"\n >\n ','\n <span slot="description">',"</span>\n </fluent-compound-button>\n"])),(function(x){return x.appearance}),(function(x){return x.shape}),(function(x){return x.size}),(function(x){return x.disabled}),(function(x){return x.disabledFocusable}),(function(x){return x.iconOnly}),(function(x){return x.content}),(function(x){return x.description}));const compound_button_stories={title:"Components/Button/Compound Button",args:{content:"Button",description:"Secondary content",disabled:!1,disabledFocusable:!1},argTypes:{appearance:{options:Object.values(compound_button_options.gl),control:{type:"select"}},shape:{options:Object.values(compound_button_options.jF),control:{type:"select"}},size:{options:Object.values(compound_button_options.Ih),control:{type:"select"}},disabled:{control:"boolean",table:{type:{summary:"Sets the disabled state of the component"},defaultValue:{summary:"false"}}},disabledFocusable:{control:"boolean",table:{type:{summary:"The component is disabled but still focusable"},defaultValue:{summary:"false"}}},content:{control:"Button text"}}};var Button=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),Appearance=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <fluent-compound-button>Default<span slot="description">Description content</span></fluent-compound-button>\n <fluent-compound-button appearance="primary"\n >Primary<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="outline"\n >Outline<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="subtle"\n >Subtle<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="transparent"\n >Transparent<span slot="description">Description content</span></fluent-compound-button\n >\n'])))),Shape=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <fluent-compound-button shape="rounded"\n >Rounded<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button shape="circular"\n >Circular<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button shape="square"\n >Square<span slot="description">Description content</span></fluent-compound-button\n >\n'])))),Size=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <fluent-compound-button size="small">Small<span slot="description">Description content</span></fluent-compound-button>\n <fluent-compound-button size="small"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Small with calendar icon<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button size="small" icon-only aria-label="Small icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-compound-button>\n <fluent-compound-button size="medium"\n >Medium<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button size="medium"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Medium with calendar icon</fluent-compound-button\n >\n <fluent-compound-button size="medium" icon-only aria-label="Medium icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-compound-button>\n <fluent-compound-button size="large">Large<span slot="description">Description content</span></fluent-compound-button>\n <fluent-compound-button size="large"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Large with calendar icon<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button size="large" icon-only aria-label="Large icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-compound-button>\n'])))),Disabled=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <fluent-compound-button>Enabled state<span slot="description">Description content</span></fluent-compound-button>\n <fluent-compound-button disabled\n >Disabled state<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button disabled-focusable\n >Disabled focusable state<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="primary"\n >Enabled state<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="primary" disabled\n >Disabled state<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="primary" disabled-focusable\n >Disabled focusable state<span slot="description">Description content</span></fluent-compound-button\n >\n'])))),WithLongText=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <style>\n .max-width {\n width: 280px;\n }\n </style>\n <fluent-compound-button>Short text<span slot="description">Description content</span></fluent-compound-button>\n <fluent-compound-button class="max-width"\n >Long text wraps after it hits the max width of the component<span slot="description"\n >Description content</span\n ></fluent-compound-button\n >\n']))));Button.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Button.parameters),Appearance.parameters=Object.assign({storySource:{source:'renderComponent(html<CompoundButtonStoryArgs>`\n <fluent-compound-button>Default<span slot="description">Description content</span></fluent-compound-button>\n <fluent-compound-button appearance="primary"\n >Primary<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="outline"\n >Outline<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="subtle"\n >Subtle<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="transparent"\n >Transparent<span slot="description">Description content</span></fluent-compound-button\n >\n`)'}},Appearance.parameters),Shape.parameters=Object.assign({storySource:{source:'renderComponent(html<CompoundButtonStoryArgs>`\n <fluent-compound-button shape="rounded"\n >Rounded<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button shape="circular"\n >Circular<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button shape="square"\n >Square<span slot="description">Description content</span></fluent-compound-button\n >\n`)'}},Shape.parameters),Size.parameters=Object.assign({storySource:{source:'renderComponent(html<CompoundButtonStoryArgs>`\n <fluent-compound-button size="small">Small<span slot="description">Description content</span></fluent-compound-button>\n <fluent-compound-button size="small"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Small with calendar icon<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button size="small" icon-only aria-label="Small icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-compound-button>\n <fluent-compound-button size="medium"\n >Medium<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button size="medium"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Medium with calendar icon</fluent-compound-button\n >\n <fluent-compound-button size="medium" icon-only aria-label="Medium icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-compound-button>\n <fluent-compound-button size="large">Large<span slot="description">Description content</span></fluent-compound-button>\n <fluent-compound-button size="large"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Large with calendar icon<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button size="large" icon-only aria-label="Large icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-compound-button>\n`)'}},Size.parameters),Disabled.parameters=Object.assign({storySource:{source:'renderComponent(html<CompoundButtonStoryArgs>`\n <fluent-compound-button>Enabled state<span slot="description">Description content</span></fluent-compound-button>\n <fluent-compound-button disabled\n >Disabled state<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button disabled-focusable\n >Disabled focusable state<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="primary"\n >Enabled state<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="primary" disabled\n >Disabled state<span slot="description">Description content</span></fluent-compound-button\n >\n <fluent-compound-button appearance="primary" disabled-focusable\n >Disabled focusable state<span slot="description">Description content</span></fluent-compound-button\n >\n`)'}},Disabled.parameters),WithLongText.parameters=Object.assign({storySource:{source:'renderComponent(html<CompoundButtonStoryArgs>`\n <style>\n .max-width {\n width: 280px;\n }\n </style>\n <fluent-compound-button>Short text<span slot="description">Description content</span></fluent-compound-button>\n <fluent-compound-button class="max-width"\n >Long text wraps after it hits the max width of the component<span slot="description"\n >Description content</span\n ></fluent-compound-button\n >\n`)'}},WithLongText.parameters);var __namedExportsOrder=["Button","Appearance","Shape","Size","Disabled","WithLongText"]},"./src/counter-badge/counter-badge.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Appearance:()=>Appearance,Color:()=>Color,CounterBadge:()=>CounterBadge,Dot:()=>Dot,Shape:()=>Shape,ShowZero:()=>ShowZero,Size:()=>Size,__namedExportsOrder:()=>__namedExportsOrder,default:()=>counter_badge_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),counter_badge_options=__webpack_require__("./src/counter-badge/counter-badge.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/counter-badge/counter-badge.definition.ts").D.define(fluent_design_system.H.registry);var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <fluent-counter-badge\n appearance="','"\n color="','"\n shape="','"\n size="','"\n count="','"\n overflow-count="','"\n ?show-zero="','"\n ?dot="','"\n ></fluent-counter-badge>\n'])),(function(x){return x.appearance}),(function(x){return x.color}),(function(x){return x.shape}),(function(x){return x.size}),(function(x){return x.count}),(function(x){return x.overflowCount}),(function(x){return x.showZero}),(function(x){return x.dot}));const counter_badge_stories={title:"Components/Badge/Counter Badge",args:{dot:!1,showZero:!1,appearance:counter_badge_options.Qv.filled,color:counter_badge_options.iJ.brand,shape:counter_badge_options.fc.circular,count:5},argTypes:{appearance:{options:Object.values(counter_badge_options.Qv),control:{type:"select"}},color:{options:Object.values(counter_badge_options.iJ),control:{type:"select"}},shape:{options:Object.values(counter_badge_options.fc),control:{type:"select"}},size:{options:Object.values(counter_badge_options.J1),control:{type:"select"}},iconPosition:{options:["none","start","end"],control:{type:"select"}},dot:{control:"boolean"},showZero:{control:"boolean"},count:{control:"number"},overflowCount:{control:"text"}}};var CounterBadge=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),Appearance=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <fluent-counter-badge count="5" appearance="filled"></fluent-counter-badge>\n <fluent-counter-badge count="5" appearance="ghost"></fluent-counter-badge>\n'])))),Color=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <fluent-counter-badge count="5" color="brand"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="danger"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="important"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="informative"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="severe"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="subtle"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="success"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="warning"></fluent-counter-badge>\n'])))),Shape=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <fluent-counter-badge count="5" shape="circular"></fluent-counter-badge>\n <fluent-counter-badge count="5" shape="rounded"></fluent-counter-badge>\n'])))),Size=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <fluent-counter-badge size="tiny"></fluent-counter-badge>\n <fluent-counter-badge size="extra-small"></fluent-counter-badge>\n <fluent-counter-badge size="small"></fluent-counter-badge>\n <fluent-counter-badge size="medium"></fluent-counter-badge>\n <fluent-counter-badge size="large"></fluent-counter-badge>\n <fluent-counter-badge size="extra-large"></fluent-counter-badge>\n'])))),Dot=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["<fluent-counter-badge dot></fluent-counter-badge>"])))),ShowZero=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["<fluent-counter-badge show-zero></fluent-counter-badge>"]))));CounterBadge.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},CounterBadge.parameters),Appearance.parameters=Object.assign({storySource:{source:'renderComponent(html<CounterBadgeStoryArgs>`\n <fluent-counter-badge count="5" appearance="filled"></fluent-counter-badge>\n <fluent-counter-badge count="5" appearance="ghost"></fluent-counter-badge>\n`)'}},Appearance.parameters),Color.parameters=Object.assign({storySource:{source:'renderComponent(html<CounterBadgeStoryArgs>`\n <fluent-counter-badge count="5" color="brand"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="danger"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="important"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="informative"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="severe"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="subtle"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="success"></fluent-counter-badge>\n <fluent-counter-badge count="5" color="warning"></fluent-counter-badge>\n`)'}},Color.parameters),Shape.parameters=Object.assign({storySource:{source:'renderComponent(html<CounterBadgeStoryArgs>`\n <fluent-counter-badge count="5" shape="circular"></fluent-counter-badge>\n <fluent-counter-badge count="5" shape="rounded"></fluent-counter-badge>\n`)'}},Shape.parameters),Dot.parameters=Object.assign({storySource:{source:"renderComponent(html<CounterBadgeStoryArgs>`<fluent-counter-badge dot></fluent-counter-badge>`)"}},Dot.parameters),ShowZero.parameters=Object.assign({storySource:{source:"renderComponent(\n html<CounterBadgeStoryArgs>`<fluent-counter-badge show-zero></fluent-counter-badge>`,\n)"}},ShowZero.parameters);var __namedExportsOrder=["CounterBadge","Appearance","Color","Shape","Size","Dot","ShowZero"]},"./src/dialog/dialog.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Actions:()=>Actions,Alert:()=>Alert,ControlledAndUncontrolled:()=>ControlledAndUncontrolled,Default:()=>Default,Modal:()=>Modal,NoTitleAction:()=>NoTitleAction,NonModal:()=>NonModal,RTL:()=>RTL,ScrollingLongContent:()=>ScrollingLongContent,TitleCustomAction:()=>TitleCustomAction,TwoColumnLayout:()=>TwoColumnLayout,__namedExportsOrder:()=>__namedExportsOrder,default:()=>dialog_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/dialog/dialog.definition.ts").D.define(fluent_design_system.H.registry);__webpack_require__("./src/button/define.ts"),__webpack_require__("./src/text/define.ts");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,dialog_options=__webpack_require__("./src/dialog/dialog.options.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var dismissed20Regular=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <svg\n fill="currentColor"\n aria-hidden="true"\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"\n fill="currentColor"\n ></path>\n </svg>\n']))),dismissCircle20Regular=(0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['<svg\n fill="currentColor"\n aria-hidden="true"\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n>\n <path\n d="M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14ZM7.8 7.11l.08.06L10 9.3l2.12-2.12a.5.5 0 0 1 .64-.06l.07.06c.17.18.2.44.06.64l-.06.07L10.7 10l2.12 2.12c.17.17.2.44.06.64l-.06.07a.5.5 0 0 1-.64.06l-.07-.06L10 10.7l-2.12 2.12a.5.5 0 0 1-.64.06l-.07-.06a.5.5 0 0 1-.06-.64l.06-.07L9.3 10 7.17 7.88a.5.5 0 0 1-.06-.64l.06-.07a.5.5 0 0 1 .64-.06Z"\n fill="currentColor"\n ></path>\n</svg>']))),closeDialog=function closeDialog(e,id){var dismissed=arguments.length>2&&void 0!==arguments[2]&&arguments[2],dialog=document.getElementById(id);dialog.hide(dismissed)},openDialog=function openDialog(e,id){document.getElementById(id).show()},closeDialogControlled=function closeDialogControlled(e,id){document.getElementById(id).removeAttribute("open")},dialogTemplate=(0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n <style>\n .css-t5lsh6 {\n display: none;\n }\n </style>\n <div>\n <fluent-button @click=",'>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-default" modal-type="','" ?no-title-action="','">\n <fluent-text slot="title">Dialog</fluent-text>\n <fluent-text as="p" weight="regular" block>\n <p>\n The dialog component is a window overlaid on either the primary window or another dialog window. Windows under\n a modal dialog are inert. That is, users cannot interact with content outside an active dialog window.\n </p>\n </fluent-text>\n <br />\n <fluent-text block><code>fluent-dialog</code></fluent-text>\n <fluent-button\n id="dialog-default-close"\n slot="action"\n appearance="primary"\n @click="','"\n >Close Dialog</fluent-button\n >\n <fluent-button id="dialog-default-dosomething" slot="action" tabindex="0">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n'])),(function(e,c){return openDialog(0,"dialog-default")}),(function(x){return x.modalType}),(function(x){return x.noTitleAction}),(function(e,c){return closeDialog(e,"dialog-default")}));const dialog_stories={title:"Components/Dialog",args:{modalType:dialog_options.s.modal},argTypes:{modalType:{description:"<code>modal</code>: When this type of dialog is open, the rest of the page is dimmed out and cannot be interacted with. The tab sequence is kept within the dialog and moving the focus outside the dialog will imply closing it. This is the default type of the component.<br /><br /><code>non-modal</code>: When a non-modal dialog is open, the rest of the page is not dimmed out and users can interact with the rest of the page. This also implies that the tab focus can move outside the dialog when it reaches the last focusable element.<br /><br /><code>alert</code>: A special type of modal dialog that interrupts the users workflow to communicate an important message or ask for a decision. Unlike a typical modal dialog, the user must take an action through the options given to dismiss the dialog, and it cannot be dismissed through the dimmed background.",table:{defaultValue:{summary:dialog_options.s.modal}},control:{type:"select",options:Object.values(dialog_options.s)},defaultValue:dialog_options.s.modal},noTitleAction:{description:"Used to opt out of rendering the default title action that is rendered when the dialog <code>type</code>is set to <code>non-modal</code>",table:{defaultValue:{summary:!1}},control:{type:"boolean"},defaultValue:!1},open:{description:"Controls the open state of the dialog",table:{defaultValue:{summary:!1}}},onOpenChange:{description:"Event fired when the component transitions from its open state.<br /><br /><code>event</code>: A CustomEvent emitted when the open state changes.<br /><br /> <code>detail</code>: An object containing relevant information, such as the open value and the type of interaction that triggered the event."}}};var Default=(0,helpers_stories.renderComponent)(dialogTemplate).bind({}),NonModal=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text block>\n <span>\n A non-modal dialog by default presents no backdrop, allowing elements outside of the dialog to be interacted with.\n A non-modal dialog will present by default a close button.\n </span>\n </fluent-text>\n <br />\n <fluent-text as="p" size="300" block><p><b>Note:</b> if an element outside of the dialog is focused then it will not be possible to close the dialog with the Escape key.</p></fluent-text>\n <br />\n <fluent-text block><code>modal-type="non-modal"</code></fluent-text>\n <br />\n\n <fluent-button @click=','>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-nonmodal" modal-type="','">\n <div slot="title">Non-modal</div>\n </fluent-text as="p" block>\n <p>\n A non-modal dialog by default presents no backdrop, allowing elements outside of the dialog to be interacted with.\n\n A non-moda dialog will present by default a closeButton.\n </p>\n </fluent-text>\n </fluent-text as="p" block><p><fluent-text weight="bold" as="span"><span>Note:<span></fluent-text> if an element outside of the dialog is focused then it will not be possible to close the dialog with the Escape key.</p></fluent-text>\n <fluent-text block><code>modal-type="non-modal"</code></fluent-text>\n <fluent-button slot="action" appearance="primary" @click="','"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n'])),(function(e){return openDialog(0,"dialog-nonmodal")}),dialog_options.s.nonModal,(function(e,c){return closeDialog(e,"dialog-nonmodal")}))),Modal=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text as="p" block>\n <p>\n A modal is a type of dialog that temporarily halts the main workflow to convey a significant message or require\n user interaction. By default, interactions such as clicking outside the dialog or pressing the Escape key will\n close the modal-dialog, resuming the user\'s interaction with the main content.\n </p>\n </fluent-text>\n <br />\n <fluent-text block><code>modal-type="modal"</code></fluent-text>\n <br />\n <fluent-button @click=','>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-modal" modal-type="','">\n <div slot="title">Modal</div>\n <div>\n A modal is a type of dialog that temporarily halts the main workflow to convey a significant message or require\n user interaction. By default, interactions such as clicking outside the dialog or pressing the Escape key will\n close the modal-dialog, resuming the user\'s interaction with the main content.\n </div>\n <br />\n <fluent-text><code>modal-type="modal"</code></fluent-text>\n <fluent-button slot="action" appearance="primary" @click="','"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n'])),(function(e){return openDialog(0,"dialog-modal")}),dialog_options.s.modal,(function(e,c){return closeDialog(e,"dialog-modal")}))),Alert=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text as="p" block>\n <p>\n An alert is a type of modal-dialog that interrupts the user\'s workflow to communicate an important message and\n acquire a response. By default clicking on backdrop and pressing Escape will not dismiss an alert dialog.\n </p>\n </fluent-text>\n <br />\n <fluent-text block><code>modal-type="alert"</code></fluent-text>\n\n <br />\n <fluent-button @click=','>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-alert" modal-type="','">\n <div slot="title">Alert</div>\n <div>\n An alert is a type of modal-dialog that interrupts the user\'s workflow to communicate an important message and\n acquire a response. By default clicking on backdrop and pressing Escape will not dismiss an alert dialog.\n </div>\n <br />\n <fluent-text><code>modal-type="alert"</code></fluent-text>\n <fluent-button slot="action" appearance="primary" @click="','"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n'])),(function(e){return openDialog(0,"dialog-alert")}),dialog_options.s.alert,(function(e,c){return closeDialog(e,"dialog-alert")}))),Actions=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text as="p" block\n ><p>\n A dialog should have no more than\n <fluent-text weight="bold"><span>two</span></fluent-text>\n actions.\n </p></fluent-text\n >\n <fluent-text block\n ><span>\n However, if required, you can populate the action slot with any number of buttons as needed.</span\n ></fluent-text\n >\n <br />\n <fluent-text block><code>slot="action"</code></fluent-text>\n <br />\n <fluent-button @click=','>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-fluidactions">\n <div slot="title">Actions</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="','"\n slot="title-action"\n >\n ','\n </fluent-button>\n <div>\n <fluent-text block>\n <span\n >A dialog should have no more than\n <fluent-text weight="bold"><span>two</span></fluent-text>\n footer actions.\n </span></fluent-text\n >\n <br />\n <fluent-text block\n ><span>\n However, if required, you can populate the action slot with any number of buttons as needed.</span\n ></fluent-text\n >\n <br />\n <fluent-text block><code>slot="action"</code></fluent-text>\n </div>\n <br />\n\n <fluent-button size="small" slot="action">Something</fluent-button>\n <fluent-button size="small" slot="action">Something Else</fluent-button>\n\n <fluent-button\n slot="action"\n size="small"\n appearance="primary"\n @click="','"\n >Close Dialog</fluent-button\n >\n <fluent-button size="small" slot="action">Something Else Entirely</fluent-button>\n </fluent-dialog>\n </div>\n'])),(function(e){return openDialog(0,"dialog-fluidactions")}),(function(e,c){return closeDialog(e,"dialog-fluidactions")}),dismissed20Regular,(function(e,c){return closeDialog(e,"dialog-fluidactions")}))),TitleCustomAction=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n <div>\n <fluent-text block>\n <span>By default a non-modal dialog renders a dismiss button with a close icon. </span>\n </fluent-text>\n <br />\n <fluent-text block>\n <span>\n This slot can be customized to add a different kind of action, that it'll be available in any kind of dialog,\n ignoring the modalType property, here's an example replacing the simple close icon with a fluent button using a\n different icon.\n </span>\n </fluent-text>\n <br />\n <fluent-text block><code>slot=\"title-action\"</code></fluent-text>\n <br />\n <fluent-button @click=",'>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-titlecustomaction">\n <div slot="title">Title Custom Action</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="','"\n slot="title-action"\n >\n ','\n </fluent-button>\n <div>\n <fluent-text block>\n <span>By default a non-modal dialog renders a dismiss button with a close icon. </span>\n </fluent-text>\n <br />\n <fluent-text block>\n <span>\n This slot can be customized to add a different kind of action, that it\'ll be available in any kind of\n dialog, ignoring the modalType property, here\'s an example replacing the simple close icon with a fluent\n button using a different icon.\n </span>\n </fluent-text>\n <br />\n <fluent-text block><code>slot="title-action"</code></fluent-text>\n </div>\n <br />\n\n <fluent-button\n slot="action"\n appearance="primary"\n @click="','"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n'])),(function(e){return openDialog(0,"dialog-titlecustomaction")}),(function(e,c){return closeDialog(e,"dialog-titlecustomaction")}),dismissCircle20Regular,(function(e,c){return closeDialog(e,"dialog-titlecustomaction")}))),NoTitleAction=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text as="p" block\n ><p>The no-title-action attribute can be provided to opt out of rendering any title action.</p></fluent-text\n >\n <br />\n <fluent-text block><code>no-title-action</code></fluent-text>\n <br />\n <fluent-button @click=','>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-notitleaction" modal-type="','" no-title-action>\n <div slot="title">No Title Action</div>\n <div>\n <fluent-text as="p" block>\n <p>The no-title-action attribute can be provided to opt out of rendering any title action.</p></fluent-text\n >\n <br />\n <fluent-text block><code>no-title-action</code></fluent-text>\n </div>\n <br />\n\n <fluent-button\n slot="action"\n appearance="primary"\n @click="','"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n'])),(function(e){return openDialog(0,"dialog-notitleaction")}),dialog_options.s.nonModal,(function(e,c){return closeDialog(e,"dialog-notitleaction")}))),ControlledAndUncontrolled=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n <div>\n <fluent-text block>\n <span>\n Employ the open attribute to dictate the dialog's visibility state. This method offers a declarative approach,\n where the dialog's visibility is determined by the presence or absence of the external open attribute, ensuring\n the state is managed outside the component.\n </span>\n </fluent-text>\n <br />\n <fluent-text block><code>open</code></fluent-text>\n <br />\n <fluent-button @click=",">\n Open Controlled Dialog\n </fluent-button>\n <br />\n <br />\n <fluent-text block>\n <span>\n Utilize the show and hide methods to manage the dialog's visibility. This approach allows the dialog to handle\n its state internally, giving you a direct and programmatic way to toggle its display without relying on external\n attributes.\n </span>\n </fluent-text>\n <br />\n <fluent-text block><code>Dialog.show()</code></fluent-text>\n <fluent-text block><code>Dialog.hide()</code></fluent-text>\n <br />\n <fluent-button @click=",'>Open Uncontrolled Dialog</fluent-button>\n <br />\n <fluent-dialog id="dialog-controlled">\n <div slot="title">Controlled Dialog</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="','"\n slot="title-action"\n >\n ','\n </fluent-button>\n <div>\n <fluent-text block>\n <span>\n Employ the open attribute to dictate the dialog\'s visibility state. This method offers a declarative\n approach, where the dialog\'s visibility is determined by the presence or absence of the external open\n attribute, ensuring the state is managed outside the component.\n </span>\n </fluent-text>\n <fluent-text block><code>open</code></fluent-text>\n </div>\n <br />\n\n <fluent-button\n slot="action"\n appearance="primary"\n @click="','"\n >\n Close Controlled Dialog\n </fluent-button>\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n <fluent-dialog id="dialog-uncontrolled">\n <div slot="title">Uncontrolled Dialog</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="','"\n slot="title-action"\n >\n ','\n </fluent-button>\n <div>\n <fluent-text block>\n <span>\n Utilize the <code>show</code> and <code>hide</code> methods to manage the dialog\'s visibility. This approach\n allows the dialog to handle its state internally, giving you a direct and programmatic way to toggle its\n display without relying on external attributes.\n </span>\n </fluent-text>\n <br />\n <fluent-text block><code>Dialog.show()</code></fluent-text>\n <fluent-text block><code>Dialog.hide()</code></fluent-text>\n </div>\n <br />\n\n <fluent-button\n slot="action"\n appearance="primary"\n @click="','"\n >\n Close Uncontrolled Dialog\n </fluent-button>\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n'])),(function(e){return function openDialogControlled(e,id){document.getElementById(id).setAttribute("open","")}(0,"dialog-controlled")}),(function(e){return openDialog(0,"dialog-uncontrolled")}),(function(e,c){return closeDialogControlled(0,"dialog-controlled")}),dismissed20Regular,(function(e,c){return closeDialogControlled(0,"dialog-controlled")}),(function(e,c){return closeDialog(e,"dialog-uncontrolled")}),dismissed20Regular,(function(e,c){return closeDialog(e,"dialog-uncontrolled")}))),TwoColumnLayout=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text as="p" block\n ><p>\n The dialog is designed with flexibility in mind, accommodating multiple column layouts within its structure.\n </p></fluent-text\n >\n <br />\n <fluent-button @click=','>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-twocolumn" modal-type="','">\n <div slot="title">Welcome!</div>\n <div style="margin-bottom: 12px;">\n <fluent-text as="p" block\n ><p>\n The dialog is designed with flexibility in mind, accommodating multiple column layouts within its structure.\n </p></fluent-text\n >\n </div>\n <div\n style="display: grid; grid-template-columns: 1fr 1.5fr; grid-column-gap: 12px; margin-bottom: 4px; overflow-x: hidden;"\n >\n <div style="height: 248px;">\n <fluent-image fit="cover">\n <img alt="image layout story" src="https://picsum.photos/240/240" />\n </fluent-image>\n </div>\n <div>\n <fluent-text as="p" weight="semibold" block><p>Don\'t have an account? Sign up now!</p></fluent-text>\n <br />\n <fluent-text-input type="email">\n <fluent-label>Email</fluent-label>\n </fluent-text-input>\n <br />\n <fluent-text-input>\n <fluent-label>Username</fluent-label>\n </fluent-text-input>\n <br />\n <fluent-text-input type="password">\n <fluent-label>Password</fluent-label>\n </fluent-text-input>\n <br />\n </div>\n </div>\n\n <fluent-button slot="action" @click="','"\n >Cancel</fluent-button\n >\n <fluent-button appearance="primary" slot="action">Sign Up</fluent-button>\n </fluent-dialog>\n </div>\n'])),(function(e){return openDialog(0,"dialog-twocolumn")}),dialog_options.s.nonModal,(function(e,c){return closeDialog(e,"dialog-twocolumn",!0)}))),RTL=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text as="p" block\n ><p>\n The dialog component seamlessly supports both Right-to-Left (RTL) and Left-to-Right (LTR) text directions,\n ensuring flexibility for various language orientations.\n </p></fluent-text\n >\n <br />\n <fluent-button @click=','>Open Dialog</fluent-button>\n\n <fluent-dialog id="dialog-rtl" modal-type="','" dir="rtl">\n <div slot="title">أهلاً!</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="','"\n slot="title-action"\n >\n ','\n </fluent-button>\n <fluent-text as="p" block><p>هذا المكون يدعم كلاً من LTR و RTL.</p></fluent-text>\n\n <fluent-button slot="action" @click="','">إلغاء</fluent-button>\n <fluent-button appearance="primary" slot="action">قم بشيء</fluent-button>\n </fluent-dialog>\n </div>\n'])),(function(e){return openDialog(0,"dialog-rtl")}),dialog_options.s.modal,(function(e,c){return closeDialog(e,"dialog-rtl")}),dismissed20Regular,(function(e,c){return closeDialog(e,"dialog-rtl",!0)}))),ScrollingLongContent=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject13||(_templateObject13=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text as="p" block\n ><p>\n By default content provided in the default slot should grow until it fits viewport size, overflowed content will\n be scrollable\n </p></fluent-text\n >\n <br />\n <fluent-button @click=','>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-longcontent">\n <div slot="title">Scrolling Long Content</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="','"\n slot="title-action"\n >\n ','\n </fluent-button>\n <fluent-text style="overflow: hidden;" block as="p"\n ><p>\n By default content provided in the default slot should grow until it fits viewport size, overflowed content\n will be scrollable\n </p></fluent-text\n >\n <hr />\n <br />\n <fluent-text block as="p">\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec lectus non lorem iaculis luctus. Proin ac\n dolor eget enim commodo pretium. Duis ut nibh ac metus interdum finibus. Integer maximus ante a tincidunt\n pretium. Aliquam erat volutpat. Sed nec ante vel lectus dignissim commodo id ut elit. Curabitur ullamcorper\n sapien id mauris interdum, ac placerat mi malesuada. Duis aliquam, dolor eget facilisis mollis, ante leo\n tincidunt quam, vel convallis ipsum turpis et turpis. Mauris fermentum neque nec tortor semper tempus. Integer\n malesuada, nunc ac cursus facilisis, lectus mauris interdum erat, in vulputate risus velit in neque. Etiam\n volutpat ante nec fringilla tempus. Quisque et lobortis dolor. Fusce sit amet odio sed ipsum fringilla auctor.\n Suspendisse faucibus tellus in luctus hendrerit. Vestibulum euismod velit non laoreet feugiat. Nam sit amet\n velit urna. Cras consectetur tempor sem, in suscipit sem ultrices id. Vivamus id felis fringilla, scelerisque\n nulla non, aliquam leo. In pharetra mauris ut enim ullamcorper, id suscipit quam ullamcorper. Quisque\n tincidunt, felis nec congue elementum, mauris est finibus ex, ut volutpat ante est nec est. Aliquam tempor,\n turpis ac scelerisque dignissim, metus velit rutrum sem, eget efficitur mauris erat in metus. Vestibulum in\n urna massa. Donec eleifend leo at dui convallis aliquet. Integer eleifend, velit ut consequat tempus, enim\n elit ultricies diam, at congue enim enim id nunc. Nullam fringilla bibendum nulla, at lacinia sem bibendum\n eget. Nunc posuere ipsum sed enim facilisis efficitur. Pellentesque id semper mi, a feugiat sem. Nunc\n interdum, leo ut tincidunt consectetur, nunc mauris accumsan nulla, vel ultricies velit erat nec sapien.\n Praesent eleifend ex at odio scelerisque cursus. Morbi eget tellus sed sapien scelerisque cursus at a ante.\n Sed venenatis vehicula erat eu feugiat. Ut eu elit vitae urna tincidunt pulvinar nec at nunc. Vestibulum eget\n tristique sapien. Sed egestas sapien vel ante viverra pharetra. Cras sit amet felis at nulla tincidunt euismod\n vitae et justo. Duis nec rutrum lectus, nec lobortis quam. Pellentesque habitant morbi tristique senectus et\n netus et malesuada fames ac turpis egestas. Sed ac ex condimentum, consectetur felis non, maximus odio. Sed\n mattis arcu id justo fringilla, a tristique purus vestibulum. Nulla nec fringilla quam. Sed ac elit ac sem\n posuere cursus nec vitae mauris. Suspendisse nec pulvinar risus. Sed a tincidunt elit, in gravida tortor.\n Quisque sollicitudin lectus vel interdum tempor. Fusce dictum fermentum sem sed suscipit. Vivamus sollicitudin\n ex turpis, sit amet consequat leo auctor at. Donec fermentum aliquet lectus, sit amet efficitur nibh\n pellentesque et. Curabitur dapibus quam vitae lectus pellentesque, vitae varius massa facilisis. Quisque\n consectetur eros a arcu cursus fringilla. Fusce efficitur auctor nibh, nec sollicitudin eros semper eget. Cras\n a elit ut tortor semper volutpat eu vel nunc. Duis dapibus quam risus, ac tristique nisl aliquam eu. Curabitur\n vel ipsum non nunc euismod fringilla vel a lorem. Curabitur viverra magna ac justo fringilla, eu vestibulum\n purus finibus. Donec elementum volutpat libero, in tempus massa convallis vitae. Curabitur vitae mauris id\n urna dictum pharetra. Nullam vehicula arcu arcu, vitae elementum enim tincidunt at. Duis eleifend, lorem a\n efficitur facilisis, nulla dolor finibus orci, et ullamcorper orci ex ac purus. Aenean sem lectus, malesuada\n id magna id, facilisis condimentum nibh. Cras tempor neque mi, sit amet suscipit libero consectetur non.\n Nullam id eleifend mauris. Mauris iaculis lectus eu scelerisque efficitur. In id suscipit libero. Donec\n condimentum, purus ac laoreet facilisis, risus lorem facilisis neque, id volutpat felis mi eget metus. Nulla\n facilisi. Donec consequat tincidunt nunc sed elementum. Integer consectetur tristique orci, ut congue justo\n pellentesque eu. Fusce faucibus iaculis mauris, eu lobortis orci egestas eget. Nullam nec arcu bibendum,\n cursus diam ac, facilisis enim. Nulla facilisi. Curabitur lacinia odio mauris, a gravida nisi volutpat in.\n Aliquam at maximus felis. Vestibulum convallis dignissim urna id gravida.\n </p>\n </fluent-text>\n <fluent-button\n slot="action"\n appearance="primary"\n @click="','"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n'])),(function(e){return openDialog(0,"dialog-longcontent")}),(function(e,c){return closeDialog(e,"dialog-longcontent")}),dismissed20Regular,(function(e,c){return closeDialog(e,"dialog-longcontent")})));Default.parameters=Object.assign({storySource:{source:"renderComponent(dialogTemplate).bind({})"}},Default.parameters),NonModal.parameters=Object.assign({storySource:{source:'renderComponent(html<DialogStoryArgs>`\n <div>\n <fluent-text block>\n <span>\n A non-modal dialog by default presents no backdrop, allowing elements outside of the dialog to be interacted with.\n A non-modal dialog will present by default a close button.\n </span>\n </fluent-text>\n <br />\n <fluent-text as="p" size="300" block><p><b>Note:</b> if an element outside of the dialog is focused then it will not be possible to close the dialog with the Escape key.</p></fluent-text>\n <br />\n <fluent-text block><code>modal-type="non-modal"</code></fluent-text>\n <br />\n\n <fluent-button @click=${(e: Event) => openDialog(e, \'dialog-nonmodal\')}>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-nonmodal" modal-type="${DialogModalType.nonModal}">\n <div slot="title">Non-modal</div>\n </fluent-text as="p" block>\n <p>\n A non-modal dialog by default presents no backdrop, allowing elements outside of the dialog to be interacted with.\n\n A non-moda dialog will present by default a closeButton.\n </p>\n </fluent-text>\n </fluent-text as="p" block><p><fluent-text weight="bold" as="span"><span>Note:<span></fluent-text> if an element outside of the dialog is focused then it will not be possible to close the dialog with the Escape key.</p></fluent-text>\n <fluent-text block><code>modal-type="non-modal"</code></fluent-text>\n <fluent-button slot="action" appearance="primary" @click="${(e: Event, c) => closeDialog(e, \'dialog-nonmodal\')}"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n`)'}},NonModal.parameters),Modal.parameters=Object.assign({storySource:{source:'renderComponent(html<DialogStoryArgs>`\n <div>\n <fluent-text as="p" block>\n <p>\n A modal is a type of dialog that temporarily halts the main workflow to convey a significant message or require\n user interaction. By default, interactions such as clicking outside the dialog or pressing the Escape key will\n close the modal-dialog, resuming the user\'s interaction with the main content.\n </p>\n </fluent-text>\n <br />\n <fluent-text block><code>modal-type="modal"</code></fluent-text>\n <br />\n <fluent-button @click=${(e: Event) => openDialog(e, \'dialog-modal\')}>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-modal" modal-type="${DialogModalType.modal}">\n <div slot="title">Modal</div>\n <div>\n A modal is a type of dialog that temporarily halts the main workflow to convey a significant message or require\n user interaction. By default, interactions such as clicking outside the dialog or pressing the Escape key will\n close the modal-dialog, resuming the user\'s interaction with the main content.\n </div>\n <br />\n <fluent-text><code>modal-type="modal"</code></fluent-text>\n <fluent-button slot="action" appearance="primary" @click="${(e: Event, c) => closeDialog(e, \'dialog-modal\')}"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n`)'}},Modal.parameters),Alert.parameters=Object.assign({storySource:{source:'renderComponent(html<DialogStoryArgs>`\n <div>\n <fluent-text as="p" block>\n <p>\n An alert is a type of modal-dialog that interrupts the user\'s workflow to communicate an important message and\n acquire a response. By default clicking on backdrop and pressing Escape will not dismiss an alert dialog.\n </p>\n </fluent-text>\n <br />\n <fluent-text block><code>modal-type="alert"</code></fluent-text>\n\n <br />\n <fluent-button @click=${(e: Event) => openDialog(e, \'dialog-alert\')}>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-alert" modal-type="${DialogModalType.alert}">\n <div slot="title">Alert</div>\n <div>\n An alert is a type of modal-dialog that interrupts the user\'s workflow to communicate an important message and\n acquire a response. By default clicking on backdrop and pressing Escape will not dismiss an alert dialog.\n </div>\n <br />\n <fluent-text><code>modal-type="alert"</code></fluent-text>\n <fluent-button slot="action" appearance="primary" @click="${(e: Event, c) => closeDialog(e, \'dialog-alert\')}"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n`)'}},Alert.parameters),Actions.parameters=Object.assign({storySource:{source:'renderComponent(html<DialogStoryArgs>`\n <div>\n <fluent-text as="p" block\n ><p>\n A dialog should have no more than\n <fluent-text weight="bold"><span>two</span></fluent-text>\n actions.\n </p></fluent-text\n >\n <fluent-text block\n ><span>\n However, if required, you can populate the action slot with any number of buttons as needed.</span\n ></fluent-text\n >\n <br />\n <fluent-text block><code>slot="action"</code></fluent-text>\n <br />\n <fluent-button @click=${(e: Event) => openDialog(e, \'dialog-fluidactions\')}>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-fluidactions">\n <div slot="title">Actions</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="${(e: Event, c) => closeDialog(e, \'dialog-fluidactions\')}"\n slot="title-action"\n >\n ${dismissed20Regular}\n </fluent-button>\n <div>\n <fluent-text block>\n <span\n >A dialog should have no more than\n <fluent-text weight="bold"><span>two</span></fluent-text>\n footer actions.\n </span></fluent-text\n >\n <br />\n <fluent-text block\n ><span>\n However, if required, you can populate the action slot with any number of buttons as needed.</span\n ></fluent-text\n >\n <br />\n <fluent-text block><code>slot="action"</code></fluent-text>\n </div>\n <br />\n\n <fluent-button size="small" slot="action">Something</fluent-button>\n <fluent-button size="small" slot="action">Something Else</fluent-button>\n\n <fluent-button\n slot="action"\n size="small"\n appearance="primary"\n @click="${(e: Event, c) => closeDialog(e, \'dialog-fluidactions\')}"\n >Close Dialog</fluent-button\n >\n <fluent-button size="small" slot="action">Something Else Entirely</fluent-button>\n </fluent-dialog>\n </div>\n`)'}},Actions.parameters),TitleCustomAction.parameters=Object.assign({storySource:{source:'renderComponent(html<DialogStoryArgs>`\n <div>\n <fluent-text block>\n <span>By default a non-modal dialog renders a dismiss button with a close icon. </span>\n </fluent-text>\n <br />\n <fluent-text block>\n <span>\n This slot can be customized to add a different kind of action, that it\'ll be available in any kind of dialog,\n ignoring the modalType property, here\'s an example replacing the simple close icon with a fluent button using a\n different icon.\n </span>\n </fluent-text>\n <br />\n <fluent-text block><code>slot="title-action"</code></fluent-text>\n <br />\n <fluent-button @click=${(e: Event) => openDialog(e, \'dialog-titlecustomaction\')}>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-titlecustomaction">\n <div slot="title">Title Custom Action</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="${(e: Event, c) => closeDialog(e, \'dialog-titlecustomaction\')}"\n slot="title-action"\n >\n ${dismissCircle20Regular}\n </fluent-button>\n <div>\n <fluent-text block>\n <span>By default a non-modal dialog renders a dismiss button with a close icon. </span>\n </fluent-text>\n <br />\n <fluent-text block>\n <span>\n This slot can be customized to add a different kind of action, that it\'ll be available in any kind of\n dialog, ignoring the modalType property, here\'s an example replacing the simple close icon with a fluent\n button using a different icon.\n </span>\n </fluent-text>\n <br />\n <fluent-text block><code>slot="title-action"</code></fluent-text>\n </div>\n <br />\n\n <fluent-button\n slot="action"\n appearance="primary"\n @click="${(e: Event, c) => closeDialog(e, \'dialog-titlecustomaction\')}"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n`)'}},TitleCustomAction.parameters),NoTitleAction.parameters=Object.assign({storySource:{source:'renderComponent(html<DialogStoryArgs>`\n <div>\n <fluent-text as="p" block\n ><p>The no-title-action attribute can be provided to opt out of rendering any title action.</p></fluent-text\n >\n <br />\n <fluent-text block><code>no-title-action</code></fluent-text>\n <br />\n <fluent-button @click=${(e: Event) => openDialog(e, \'dialog-notitleaction\')}>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-notitleaction" modal-type="${DialogModalType.nonModal}" no-title-action>\n <div slot="title">No Title Action</div>\n <div>\n <fluent-text as="p" block>\n <p>The no-title-action attribute can be provided to opt out of rendering any title action.</p></fluent-text\n >\n <br />\n <fluent-text block><code>no-title-action</code></fluent-text>\n </div>\n <br />\n\n <fluent-button\n slot="action"\n appearance="primary"\n @click="${(e: Event, c) => closeDialog(e, \'dialog-notitleaction\')}"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n`)'}},NoTitleAction.parameters),ControlledAndUncontrolled.parameters=Object.assign({storySource:{source:'renderComponent(html<DialogStoryArgs>`\n <div>\n <fluent-text block>\n <span>\n Employ the open attribute to dictate the dialog\'s visibility state. This method offers a declarative approach,\n where the dialog\'s visibility is determined by the presence or absence of the external open attribute, ensuring\n the state is managed outside the component.\n </span>\n </fluent-text>\n <br />\n <fluent-text block><code>open</code></fluent-text>\n <br />\n <fluent-button @click=${(e: Event) => openDialogControlled(e, \'dialog-controlled\')}>\n Open Controlled Dialog\n </fluent-button>\n <br />\n <br />\n <fluent-text block>\n <span>\n Utilize the show and hide methods to manage the dialog\'s visibility. This approach allows the dialog to handle\n its state internally, giving you a direct and programmatic way to toggle its display without relying on external\n attributes.\n </span>\n </fluent-text>\n <br />\n <fluent-text block><code>Dialog.show()</code></fluent-text>\n <fluent-text block><code>Dialog.hide()</code></fluent-text>\n <br />\n <fluent-button @click=${(e: Event) => openDialog(e, \'dialog-uncontrolled\')}>Open Uncontrolled Dialog</fluent-button>\n <br />\n <fluent-dialog id="dialog-controlled">\n <div slot="title">Controlled Dialog</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="${(e: Event, c) => closeDialogControlled(e, \'dialog-controlled\')}"\n slot="title-action"\n >\n ${dismissed20Regular}\n </fluent-button>\n <div>\n <fluent-text block>\n <span>\n Employ the open attribute to dictate the dialog\'s visibility state. This method offers a declarative\n approach, where the dialog\'s visibility is determined by the presence or absence of the external open\n attribute, ensuring the state is managed outside the component.\n </span>\n </fluent-text>\n <fluent-text block><code>open</code></fluent-text>\n </div>\n <br />\n\n <fluent-button\n slot="action"\n appearance="primary"\n @click="${(e: Event, c) => closeDialogControlled(e, \'dialog-controlled\')}"\n >\n Close Controlled Dialog\n </fluent-button>\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n <fluent-dialog id="dialog-uncontrolled">\n <div slot="title">Uncontrolled Dialog</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="${(e: Event, c) => closeDialog(e, \'dialog-uncontrolled\')}"\n slot="title-action"\n >\n ${dismissed20Regular}\n </fluent-button>\n <div>\n <fluent-text block>\n <span>\n Utilize the <code>show</code> and <code>hide</code> methods to manage the dialog\'s visibility. This approach\n allows the dialog to handle its state internally, giving you a direct and programmatic way to toggle its\n display without relying on external attributes.\n </span>\n </fluent-text>\n <br />\n <fluent-text block><code>Dialog.show()</code></fluent-text>\n <fluent-text block><code>Dialog.hide()</code></fluent-text>\n </div>\n <br />\n\n <fluent-button\n slot="action"\n appearance="primary"\n @click="${(e: Event, c) => closeDialog(e, \'dialog-uncontrolled\')}"\n >\n Close Uncontrolled Dialog\n </fluent-button>\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n`)'}},ControlledAndUncontrolled.parameters),TwoColumnLayout.parameters=Object.assign({storySource:{source:'renderComponent(html<DialogStoryArgs>`\n <div>\n <fluent-text as="p" block\n ><p>\n The dialog is designed with flexibility in mind, accommodating multiple column layouts within its structure.\n </p></fluent-text\n >\n <br />\n <fluent-button @click=${(e: Event) => openDialog(e, \'dialog-twocolumn\')}>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-twocolumn" modal-type="${DialogModalType.nonModal}">\n <div slot="title">Welcome!</div>\n <div style="margin-bottom: 12px;">\n <fluent-text as="p" block\n ><p>\n The dialog is designed with flexibility in mind, accommodating multiple column layouts within its structure.\n </p></fluent-text\n >\n </div>\n <div\n style="display: grid; grid-template-columns: 1fr 1.5fr; grid-column-gap: 12px; margin-bottom: 4px; overflow-x: hidden;"\n >\n <div style="height: 248px;">\n <fluent-image fit="cover">\n <img alt="image layout story" src="https://picsum.photos/240/240" />\n </fluent-image>\n </div>\n <div>\n <fluent-text as="p" weight="semibold" block><p>Don\'t have an account? Sign up now!</p></fluent-text>\n <br />\n <fluent-text-input type="email">\n <fluent-label>Email</fluent-label>\n </fluent-text-input>\n <br />\n <fluent-text-input>\n <fluent-label>Username</fluent-label>\n </fluent-text-input>\n <br />\n <fluent-text-input type="password">\n <fluent-label>Password</fluent-label>\n </fluent-text-input>\n <br />\n </div>\n </div>\n\n <fluent-button slot="action" @click="${(e: Event, c) => closeDialog(e, \'dialog-twocolumn\', true)}"\n >Cancel</fluent-button\n >\n <fluent-button appearance="primary" slot="action">Sign Up</fluent-button>\n </fluent-dialog>\n </div>\n`)'}},TwoColumnLayout.parameters),RTL.parameters=Object.assign({storySource:{source:'renderComponent(html<DialogStoryArgs>`\n <div>\n <fluent-text as="p" block\n ><p>\n The dialog component seamlessly supports both Right-to-Left (RTL) and Left-to-Right (LTR) text directions,\n ensuring flexibility for various language orientations.\n </p></fluent-text\n >\n <br />\n <fluent-button @click=${(e: Event) => openDialog(e, \'dialog-rtl\')}>Open Dialog</fluent-button>\n\n <fluent-dialog id="dialog-rtl" modal-type="${DialogModalType.modal}" dir="rtl">\n <div slot="title">أهلاً!</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="${(e: Event, c) => closeDialog(e, \'dialog-rtl\')}"\n slot="title-action"\n >\n ${dismissed20Regular}\n </fluent-button>\n <fluent-text as="p" block><p>هذا المكون يدعم كلاً من LTR و RTL.</p></fluent-text>\n\n <fluent-button slot="action" @click="${(e: Event, c) => closeDialog(e, \'dialog-rtl\', true)}">إلغاء</fluent-button>\n <fluent-button appearance="primary" slot="action">قم بشيء</fluent-button>\n </fluent-dialog>\n </div>\n`)'}},RTL.parameters),ScrollingLongContent.parameters=Object.assign({storySource:{source:'renderComponent(html<DialogStoryArgs>`\n <div>\n <fluent-text as="p" block\n ><p>\n By default content provided in the default slot should grow until it fits viewport size, overflowed content will\n be scrollable\n </p></fluent-text\n >\n <br />\n <fluent-button @click=${(e: Event) => openDialog(e, \'dialog-longcontent\')}>Open Dialog</fluent-button>\n <fluent-dialog id="dialog-longcontent">\n <div slot="title">Scrolling Long Content</div>\n <fluent-button\n appearance="transparent"\n icon-only\n @click="${(e: Event, c) => closeDialog(e, \'dialog-longcontent\')}"\n slot="title-action"\n >\n ${dismissed20Regular}\n </fluent-button>\n <fluent-text style="overflow: hidden;" block as="p"\n ><p>\n By default content provided in the default slot should grow until it fits viewport size, overflowed content\n will be scrollable\n </p></fluent-text\n >\n <hr />\n <br />\n <fluent-text block as="p">\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec lectus non lorem iaculis luctus. Proin ac\n dolor eget enim commodo pretium. Duis ut nibh ac metus interdum finibus. Integer maximus ante a tincidunt\n pretium. Aliquam erat volutpat. Sed nec ante vel lectus dignissim commodo id ut elit. Curabitur ullamcorper\n sapien id mauris interdum, ac placerat mi malesuada. Duis aliquam, dolor eget facilisis mollis, ante leo\n tincidunt quam, vel convallis ipsum turpis et turpis. Mauris fermentum neque nec tortor semper tempus. Integer\n malesuada, nunc ac cursus facilisis, lectus mauris interdum erat, in vulputate risus velit in neque. Etiam\n volutpat ante nec fringilla tempus. Quisque et lobortis dolor. Fusce sit amet odio sed ipsum fringilla auctor.\n Suspendisse faucibus tellus in luctus hendrerit. Vestibulum euismod velit non laoreet feugiat. Nam sit amet\n velit urna. Cras consectetur tempor sem, in suscipit sem ultrices id. Vivamus id felis fringilla, scelerisque\n nulla non, aliquam leo. In pharetra mauris ut enim ullamcorper, id suscipit quam ullamcorper. Quisque\n tincidunt, felis nec congue elementum, mauris est finibus ex, ut volutpat ante est nec est. Aliquam tempor,\n turpis ac scelerisque dignissim, metus velit rutrum sem, eget efficitur mauris erat in metus. Vestibulum in\n urna massa. Donec eleifend leo at dui convallis aliquet. Integer eleifend, velit ut consequat tempus, enim\n elit ultricies diam, at congue enim enim id nunc. Nullam fringilla bibendum nulla, at lacinia sem bibendum\n eget. Nunc posuere ipsum sed enim facilisis efficitur. Pellentesque id semper mi, a feugiat sem. Nunc\n interdum, leo ut tincidunt consectetur, nunc mauris accumsan nulla, vel ultricies velit erat nec sapien.\n Praesent eleifend ex at odio scelerisque cursus. Morbi eget tellus sed sapien scelerisque cursus at a ante.\n Sed venenatis vehicula erat eu feugiat. Ut eu elit vitae urna tincidunt pulvinar nec at nunc. Vestibulum eget\n tristique sapien. Sed egestas sapien vel ante viverra pharetra. Cras sit amet felis at nulla tincidunt euismod\n vitae et justo. Duis nec rutrum lectus, nec lobortis quam. Pellentesque habitant morbi tristique senectus et\n netus et malesuada fames ac turpis egestas. Sed ac ex condimentum, consectetur felis non, maximus odio. Sed\n mattis arcu id justo fringilla, a tristique purus vestibulum. Nulla nec fringilla quam. Sed ac elit ac sem\n posuere cursus nec vitae mauris. Suspendisse nec pulvinar risus. Sed a tincidunt elit, in gravida tortor.\n Quisque sollicitudin lectus vel interdum tempor. Fusce dictum fermentum sem sed suscipit. Vivamus sollicitudin\n ex turpis, sit amet consequat leo auctor at. Donec fermentum aliquet lectus, sit amet efficitur nibh\n pellentesque et. Curabitur dapibus quam vitae lectus pellentesque, vitae varius massa facilisis. Quisque\n consectetur eros a arcu cursus fringilla. Fusce efficitur auctor nibh, nec sollicitudin eros semper eget. Cras\n a elit ut tortor semper volutpat eu vel nunc. Duis dapibus quam risus, ac tristique nisl aliquam eu. Curabitur\n vel ipsum non nunc euismod fringilla vel a lorem. Curabitur viverra magna ac justo fringilla, eu vestibulum\n purus finibus. Donec elementum volutpat libero, in tempus massa convallis vitae. Curabitur vitae mauris id\n urna dictum pharetra. Nullam vehicula arcu arcu, vitae elementum enim tincidunt at. Duis eleifend, lorem a\n efficitur facilisis, nulla dolor finibus orci, et ullamcorper orci ex ac purus. Aenean sem lectus, malesuada\n id magna id, facilisis condimentum nibh. Cras tempor neque mi, sit amet suscipit libero consectetur non.\n Nullam id eleifend mauris. Mauris iaculis lectus eu scelerisque efficitur. In id suscipit libero. Donec\n condimentum, purus ac laoreet facilisis, risus lorem facilisis neque, id volutpat felis mi eget metus. Nulla\n facilisi. Donec consequat tincidunt nunc sed elementum. Integer consectetur tristique orci, ut congue justo\n pellentesque eu. Fusce faucibus iaculis mauris, eu lobortis orci egestas eget. Nullam nec arcu bibendum,\n cursus diam ac, facilisis enim. Nulla facilisi. Curabitur lacinia odio mauris, a gravida nisi volutpat in.\n Aliquam at maximus felis. Vestibulum convallis dignissim urna id gravida.\n </p>\n </fluent-text>\n <fluent-button\n slot="action"\n appearance="primary"\n @click="${(e: Event, c) => closeDialog(e, \'dialog-longcontent\')}"\n >Close Dialog</fluent-button\n >\n <fluent-button slot="action">Do Something</fluent-button>\n </fluent-dialog>\n </div>\n`)'}},ScrollingLongContent.parameters);var __namedExportsOrder=["Default","NonModal","Modal","Alert","Actions","TitleCustomAction","NoTitleAction","ControlledAndUncontrolled","TwoColumnLayout","RTL","ScrollingLongContent"]},"./src/divider/divider.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AlignContent:()=>AlignContent,Appearance:()=>Appearance,Content:()=>Content,Divider:()=>Divider,DividerWithSvg:()=>DividerWithSvg,Inset:()=>Inset,Orientation:()=>Orientation,Role:()=>Role,VerticalDividerWithSvg:()=>VerticalDividerWithSvg,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/helpers.stories.ts"),_divider_options_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/divider/divider.options.ts");__webpack_require__("./src/divider/define.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var dividerTemplate=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n <div>\n <fluent-divider\n align-content=","\n appearance=","\n role=","\n ?inset=","\n orientation=","\n >\n ","\n </fluent-divider>\n </div>\n"])),(function(x){return x.alignContent}),(function(x){return x.appearance}),(function(x){return x.role}),(function(x){return x.inset}),(function(x){return x.orientation}),(function(x){return x.content?(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["<h3>","</h3>"])),x.content):""})),dividerSvgTemplate=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-divider align-content="start" appearance="brand" role="presentation">\n <svg width="20px" height="20px" viewBox="0 0 32 33" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M13 22.0312C13 21.479 12.5523 21.0312 12 21.0312C11.4477 21.0312 11 21.479 11 22.0312V25.0312C11 25.5835 11.4477 26.0312 12 26.0312C12.5523 26.0312 13 25.5835 13 25.0312V22.0312ZM16 15.0312C16.5523 15.0312 17 15.479 17 16.0312V25.0312C17 25.5835 16.5523 26.0312 16 26.0312C15.4477 26.0312 15 25.5835 15 25.0312V16.0312C15 15.479 15.4477 15.0312 16 15.0312ZM21 19.0312C21 18.479 20.5523 18.0312 20 18.0312C19.4477 18.0312 19 18.479 19 19.0312V25.0312C19 25.5835 19.4477 26.0312 20 26.0312C20.5523 26.0312 21 25.5835 21 25.0312V19.0312ZM5 5.03125C5 3.3744 6.34315 2.03125 8 2.03125H18.1716C18.9672 2.03125 19.7303 2.34732 20.2929 2.90993L26.1213 8.73836C26.6839 9.30097 27 10.064 27 10.8597V27.0312C27 28.6881 25.6569 30.0312 24 30.0312H8C6.34315 30.0312 5 28.6881 5 27.0312V5.03125ZM8 4.03125C7.44772 4.03125 7 4.47897 7 5.03125V27.0312C7 27.5835 7.44772 28.0312 8 28.0312H24C24.5523 28.0312 25 27.5835 25 27.0312V12.0312H20C18.3431 12.0312 17 10.6881 17 9.03125V4.03125H8ZM20 10.0312H24.5858L19 4.44546V9.03125C19 9.58353 19.4477 10.0312 20 10.0312Z"\n fill="currentColor"\n />\n </svg>\n </fluent-divider>\n </div>\n']))),dividerSvgVerticalTemplate=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n <fluent-divider role="," ?inset=",' orientation="vertical">\n <svg width="20px" height="20px" viewBox="0 0 32 33" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M13 22.0312C13 21.479 12.5523 21.0312 12 21.0312C11.4477 21.0312 11 21.479 11 22.0312V25.0312C11 25.5835 11.4477 26.0312 12 26.0312C12.5523 26.0312 13 25.5835 13 25.0312V22.0312ZM16 15.0312C16.5523 15.0312 17 15.479 17 16.0312V25.0312C17 25.5835 16.5523 26.0312 16 26.0312C15.4477 26.0312 15 25.5835 15 25.0312V16.0312C15 15.479 15.4477 15.0312 16 15.0312ZM21 19.0312C21 18.479 20.5523 18.0312 20 18.0312C19.4477 18.0312 19 18.479 19 19.0312V25.0312C19 25.5835 19.4477 26.0312 20 26.0312C20.5523 26.0312 21 25.5835 21 25.0312V19.0312ZM5 5.03125C5 3.3744 6.34315 2.03125 8 2.03125H18.1716C18.9672 2.03125 19.7303 2.34732 20.2929 2.90993L26.1213 8.73836C26.6839 9.30097 27 10.064 27 10.8597V27.0312C27 28.6881 25.6569 30.0312 24 30.0312H8C6.34315 30.0312 5 28.6881 5 27.0312V5.03125ZM8 4.03125C7.44772 4.03125 7 4.47897 7 5.03125V27.0312C7 27.5835 7.44772 28.0312 8 28.0312H24C24.5523 28.0312 25 27.5835 25 27.0312V12.0312H20C18.3431 12.0312 17 10.6881 17 9.03125V4.03125H8ZM20 10.0312H24.5858L19 4.44546V9.03125C19 9.58353 19.4477 10.0312 20 10.0312Z"\n fill="currentColor"\n />\n </svg>\n </fluent-divider>\n'])),(function(x){return x.role}),(function(x){return x.inset}));const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Divider",args:{content:"Section One",alignContent:void 0,appearance:void 0,role:_divider_options_js__WEBPACK_IMPORTED_MODULE_5__.LG.separator,inset:!1,orientation:void 0},argTypes:{content:{description:"HTML element wrapping text (e.g. `<h3>Section One</h3>`), Image or SVG",table:{defaultValue:{summary:"empty"}}},alignContent:{description:"Align content",table:{type:{summary:"Fluent v9. Determines the alignment of the content within the divider."},defaultValue:{summary:"undefined"}},options:Object.values(_divider_options_js__WEBPACK_IMPORTED_MODULE_5__.HE),control:{type:"select"}},appearance:{description:"Divider and text colors",table:{type:{summary:"Fluent v9. A divider can have one of the preset appearances."},defaultValue:{summary:"undefined"}},options:Object.values(_divider_options_js__WEBPACK_IMPORTED_MODULE_5__.B_),control:{type:"select"}},role:{description:"Set role attribute",table:{type:{summary:"Inherited from FASTDivider. Aria role for the divider."},defaultValue:{summary:"separator"}},options:Object.values(_divider_options_js__WEBPACK_IMPORTED_MODULE_5__.LG),control:{type:"select"}},inset:{description:"Pad the ends of divider",table:{type:{summary:"Type: boolean. Fluent v9. Divider layout is block for strict distinctions between items, or inset for closer relationships with neighboring content."},defaultValue:{summary:!1}},control:"boolean"},orientation:{description:"Divider layout",table:{type:{summary:"Inherited from FASTDivider. Layout can be horizontal or vertical. Adds aria-orientation to component."},defaultValue:{summary:void 0}},options:Object.values(_divider_options_js__WEBPACK_IMPORTED_MODULE_5__.W6),control:{type:"select"}}}};var Divider=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)(dividerTemplate).bind({}),Content=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <fluent-divider align-content="center">\n <em>Wrap your content in an element to render</em>\n </fluent-divider>\n'])))),AlignContent=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-divider align-content="center"><div>center</div></fluent-divider>\n <fluent-divider align-content="start"><div>start</div></fluent-divider>\n <fluent-divider align-content="end"><div>end</div></fluent-divider>\n </div>\n'])))),Appearance=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-divider appearance="strong"><div>strong</div></fluent-divider>\n <fluent-divider appearance="brand"><div>brand</div></fluent-divider>\n <fluent-divider appearance="subtle"><div>subtle</div></fluent-divider>\n <fluent-divider appearance="default"><div>default</div></fluent-divider>\n </div>\n'])))),Role=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-divider role="separator"><div>separator</div></fluent-divider>\n <fluent-divider role="presentation"><div>presentation</div></fluent-divider>\n </div>\n'])))),Inset=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n <div>\n <fluent-divider inset><div>I'm inset from the edges</div></fluent-divider>\n <fluent-divider><div>Default</div></fluent-divider>\n </div>\n"])))),Orientation=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.dy)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-divider orientation="vertical"><div>vertical</div></fluent-divider>\n <br />\n <fluent-divider orientation="horizontal"><div>horizontal</div></fluent-divider>\n </div>\n'])))),DividerWithSvg=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)(dividerSvgTemplate).bind({}),VerticalDividerWithSvg=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)(dividerSvgVerticalTemplate).bind({});Divider.parameters=Object.assign({storySource:{source:"renderComponent(dividerTemplate).bind({})"}},Divider.parameters),Content.parameters=Object.assign({storySource:{source:'renderComponent(html<DividerStoryArgs>`\n <fluent-divider align-content="center">\n <em>Wrap your content in an element to render</em>\n </fluent-divider>\n`)'}},Content.parameters),AlignContent.parameters=Object.assign({storySource:{source:'renderComponent(html<DividerStoryArgs>`\n <div>\n <fluent-divider align-content="center"><div>center</div></fluent-divider>\n <fluent-divider align-content="start"><div>start</div></fluent-divider>\n <fluent-divider align-content="end"><div>end</div></fluent-divider>\n </div>\n`)'}},AlignContent.parameters),Appearance.parameters=Object.assign({storySource:{source:'renderComponent(html<DividerStoryArgs>`\n <div>\n <fluent-divider appearance="strong"><div>strong</div></fluent-divider>\n <fluent-divider appearance="brand"><div>brand</div></fluent-divider>\n <fluent-divider appearance="subtle"><div>subtle</div></fluent-divider>\n <fluent-divider appearance="default"><div>default</div></fluent-divider>\n </div>\n`)'}},Appearance.parameters),Role.parameters=Object.assign({storySource:{source:'renderComponent(html<DividerStoryArgs>`\n <div>\n <fluent-divider role="separator"><div>separator</div></fluent-divider>\n <fluent-divider role="presentation"><div>presentation</div></fluent-divider>\n </div>\n`)'}},Role.parameters),Inset.parameters=Object.assign({storySource:{source:"renderComponent(html<DividerStoryArgs>`\n <div>\n <fluent-divider inset><div>I'm inset from the edges</div></fluent-divider>\n <fluent-divider><div>Default</div></fluent-divider>\n </div>\n`)"}},Inset.parameters),Orientation.parameters=Object.assign({storySource:{source:'renderComponent(html<DividerStoryArgs>`\n <div>\n <fluent-divider orientation="vertical"><div>vertical</div></fluent-divider>\n <br />\n <fluent-divider orientation="horizontal"><div>horizontal</div></fluent-divider>\n </div>\n`)'}},Orientation.parameters),DividerWithSvg.parameters=Object.assign({storySource:{source:"renderComponent(dividerSvgTemplate).bind({})"}},DividerWithSvg.parameters),VerticalDividerWithSvg.parameters=Object.assign({storySource:{source:"renderComponent(dividerSvgVerticalTemplate).bind({})"}},VerticalDividerWithSvg.parameters);var __namedExportsOrder=["Divider","Content","AlignContent","Appearance","Role","Inset","Orientation","DividerWithSvg","VerticalDividerWithSvg"]},"./src/helpers.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,renderComponent:()=>renderComponent});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var renderComponent=function renderComponent(template){return function(args){var storyFragment=new DocumentFragment;return template.render(args,storyFragment),1===storyFragment.childElementCount?storyFragment.firstElementChild:storyFragment}};renderComponent.parameters=Object.assign({storySource:{source:"function renderComponent<TArgs = Args>(\n template: ViewTemplate,\n): (args: TArgs) => Element | DocumentFragment | null {\n return function (args) {\n const storyFragment = new DocumentFragment();\n template.render(args, storyFragment);\n if (storyFragment.childElementCount === 1) {\n return storyFragment.firstElementChild;\n }\n return storyFragment;\n };\n}"}},renderComponent.parameters);var __namedExportsOrder=["renderComponent"]},"./src/image/image.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BlockLayout:()=>BlockLayout,Image:()=>Image,ImageFitCenterLarge:()=>ImageFitCenterLarge,ImageFitCenterSmall:()=>ImageFitCenterSmall,ImageFitContain:()=>ImageFitContain,ImageFitContainTall:()=>ImageFitContainTall,ImageFitContainWide:()=>ImageFitContainWide,ImageFitCoverLarge:()=>ImageFitCoverLarge,ImageFitCoverMedium:()=>ImageFitCoverMedium,ImageFitCoverSmall:()=>ImageFitCoverSmall,ImageFitDefault:()=>ImageFitDefault,ImageFitNoneLarge:()=>ImageFitNoneLarge,ImageFitNoneSmall:()=>ImageFitNoneSmall,__namedExportsOrder:()=>__namedExportsOrder,default:()=>image_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),image_options=__webpack_require__("./src/image/image.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/image/image.definition.ts").D.define(fluent_design_system.H.registry);var imageTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n <fluent-image\n ?block=","\n ?bordered=","\n fit=","\n ?shadow=","\n shape=",'\n >\n <img alt="Short image description" src="https://picsum.photos/300/100" />\n </fluent-image>\n'])),(function(x){return x.block}),(function(x){return x.bordered}),(function(x){return x.fit}),(function(x){return x.shadow}),(function(x){return x.shape}));const image_stories={title:"Components/Image",args:{block:!1,bordered:!1,shadow:!1,fit:image_options.k.default,shape:image_options.K.square},argTypes:{alt:{description:"Alternate text description -- to be supplied by component consumer",table:{type:{summary:"Required. Alt tag provides text attribution for images. Should be brief but accurate—one or two sentences that describe the image and its context. If the image represents a function, be sure to indicate that. If it’s meant to be consumed with other objects on the page, consider that as well. Don’t repeat information that’s on the page in alt text since screen readers will read it twice."}}},block:{description:"An image can use the argument ‘block’ so that it’s width will expand to fiill the available container space.",table:{defaultValue:{summary:!1}}},bordered:{description:"Border surrounding image",table:{type:{summary:"Use this option to provide minimal visual separation between image and surrounding content."},defaultValue:{summary:!1}}},fit:{description:"Determines how the image will be scaled and positioned within its parent container.",table:{defaultValue:{summary:"default"}},options:Object.values(image_options.k),control:"select"},role:{description:"Aria role -- to be supplied by component consumer",table:{type:{summary:"If images are solely decorative and don’t provide useful information or context, use role=”presentation” to hide them from assistive technologies."}}},shadow:{description:"Apply an optional box shadow to further separate the image from the background.",table:{type:{summary:"To give an image additional prominence, use the shadow prop to make it appear elevated. Too many shadows can cause a busy layout, so use them sparingly."},defaultValue:{summary:!1}}},shape:{description:"Image shape",table:{defaultValue:{summary:"square"},type:{summary:"When shape `rounded` is used, default border radius is `borderRadiusMedium`. The dev may override the default border radius using one of the following: borderRadiusSmall, borderRadiusLarge, borderRadiusXLarge."}},options:Object.values(image_options.K),control:"select"},src:{description:"Image source -- to be supplied by component consumer",table:{type:{summary:"Required"}}}}};var Image=(0,helpers_stories.renderComponent)(imageTemplate).bind({}),imageLayoutBlock=(0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <div style="border: 1px dotted #43ED35;">\n <fluent-image block bordered>\n <img role="presentation" src="https://picsum.photos/958/20" />\n <img role="presentation" src="https://picsum.photos/100/100" />\n </fluent-image>\n </div>\n']))),BlockLayout=(0,helpers_stories.renderComponent)(imageLayoutBlock).bind({}),imageFitNoneLarge=(0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <div style="height: 200px; width: 300px; border: 1px dotted #43ED35;">\n <fluent-image bordered fit="none">\n <img role="presentation" src="https://picsum.photos/600/200" />\n </fluent-image>\n </div>\n']))),ImageFitNoneLarge=(0,helpers_stories.renderComponent)(imageFitNoneLarge).bind({}),imageFitNoneSmall=(0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <div style="height: 200px; width: 300px; border: 1px dotted #43ED35;">\n <fluent-image bordered fit="none">\n <img alt="200x100 placeholder" src="https://picsum.photos/200/100" />\n </fluent-image>\n </div>\n']))),ImageFitNoneSmall=(0,helpers_stories.renderComponent)(imageFitNoneSmall).bind({}),imageFitCenterLarge=(0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <div style="height: 200px; width: 300px; border: 1px dotted #43ED35;">\n <fluent-image fit="center">\n <img role="presentation" src="https://picsum.photos/600/200" />\n </fluent-image>\n </div>\n']))),ImageFitCenterLarge=(0,helpers_stories.renderComponent)(imageFitCenterLarge).bind({}),imageFitCenterSmall=(0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <div style="height: 200px; width: 300px; border: 1px dotted #43ED35;">\n <fluent-image fit="center">\n <img alt="image layout story" src="https://picsum.photos/200/100" />\n </fluent-image>\n </div>\n']))),ImageFitCenterSmall=(0,helpers_stories.renderComponent)(imageFitCenterSmall).bind({}),imageFitContain=(0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <div style="height:200px; width: 300px; border: 1px dotted #43ED35;">\n <fluent-image bordered fit="contain">\n <img alt="image layout story" src="https://picsum.photos/400/200" />\n </fluent-image>\n </div>\n']))),ImageFitContain=(0,helpers_stories.renderComponent)(imageFitContain).bind({}),imageFitContainTall=(0,template.dy)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(['\n <div style="height: 250px; width: 400px; border: 1px dotted #43ED35;">\n <fluent-image bordered fit="contain">\n <img alt="image layout story" src="https://picsum.photos/400/200" />\n </fluent-image>\n </div>\n']))),ImageFitContainTall=(0,helpers_stories.renderComponent)(imageFitContainTall).bind({}),imageFitContainWide=(0,template.dy)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(['\n <div style="height: 200px; width: 450px; border: 1px dotted #43ED35;">\n <fluent-image bordered fit="contain">\n <img alt="image layout story" src="https://picsum.photos/400/200" />\n </fluent-image>\n </div>\n']))),ImageFitContainWide=(0,helpers_stories.renderComponent)(imageFitContainWide).bind({}),imageFitCoverSmall=(0,template.dy)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(['\n <div style="height: 200px; width: 400px; border: 1px dotted #43ED35;">\n <fluent-image bordered fit="cover">\n <img alt="image layout story" src="https://picsum.photos/400/250" />\n </fluent-image>\n </div>\n']))),ImageFitCoverSmall=(0,helpers_stories.renderComponent)(imageFitCoverSmall).bind({}),imageFitCoverMedium=(0,template.dy)(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(['\n <div style="height: 200px; width: 400px; border: 1px dotted #43ED35;">\n <fluent-image bordered fit="cover">\n <img alt="image layout story" src="https://picsum.photos/400/300" />\n </fluent-image>\n </div>\n']))),ImageFitCoverMedium=(0,helpers_stories.renderComponent)(imageFitCoverMedium).bind({}),imageFitCoverLarge=(0,template.dy)(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose(['\n <div style="height: 200px; width: 400px; border: 1px dotted #43ED35;">\n <fluent-image bordered fit="cover">\n <img alt="image layout story" src="https://picsum.photos/600/200" />\n </fluent-image>\n </div>\n']))),ImageFitCoverLarge=(0,helpers_stories.renderComponent)(imageFitCoverLarge).bind({}),imageFitDefault=(0,template.dy)(_templateObject13||(_templateObject13=_taggedTemplateLiteralLoose(['\n <div style="height: 210px; width: 650px; border: 1px dotted #43ED35;">\n <fluent-image bordered fit="default">\n <img alt="image layout story" src="https://picsum.photos/150/150" />\n </fluent-image>\n </div>\n']))),ImageFitDefault=(0,helpers_stories.renderComponent)(imageFitDefault).bind({});Image.parameters=Object.assign({storySource:{source:"renderComponent(imageTemplate).bind({})"}},Image.parameters),BlockLayout.parameters=Object.assign({storySource:{source:"renderComponent(imageLayoutBlock).bind({})"}},BlockLayout.parameters),ImageFitNoneLarge.parameters=Object.assign({storySource:{source:"renderComponent(imageFitNoneLarge).bind({})"}},ImageFitNoneLarge.parameters),ImageFitNoneSmall.parameters=Object.assign({storySource:{source:"renderComponent(imageFitNoneSmall).bind({})"}},ImageFitNoneSmall.parameters),ImageFitCenterLarge.parameters=Object.assign({storySource:{source:"renderComponent(imageFitCenterLarge).bind({})"}},ImageFitCenterLarge.parameters),ImageFitCenterSmall.parameters=Object.assign({storySource:{source:"renderComponent(imageFitCenterSmall).bind({})"}},ImageFitCenterSmall.parameters),ImageFitContain.parameters=Object.assign({storySource:{source:"renderComponent(imageFitContain).bind({})"}},ImageFitContain.parameters),ImageFitContainTall.parameters=Object.assign({storySource:{source:"renderComponent(imageFitContainTall).bind({})"}},ImageFitContainTall.parameters),ImageFitContainWide.parameters=Object.assign({storySource:{source:"renderComponent(imageFitContainWide).bind({})"}},ImageFitContainWide.parameters),ImageFitCoverSmall.parameters=Object.assign({storySource:{source:"renderComponent(imageFitCoverSmall).bind({})"}},ImageFitCoverSmall.parameters),ImageFitCoverMedium.parameters=Object.assign({storySource:{source:"renderComponent(imageFitCoverMedium).bind({})"}},ImageFitCoverMedium.parameters),ImageFitCoverLarge.parameters=Object.assign({storySource:{source:"renderComponent(imageFitCoverLarge).bind({})"}},ImageFitCoverLarge.parameters),ImageFitDefault.parameters=Object.assign({storySource:{source:"renderComponent(imageFitDefault).bind({})"}},ImageFitDefault.parameters);var __namedExportsOrder=["Image","BlockLayout","ImageFitNoneLarge","ImageFitNoneSmall","ImageFitCenterLarge","ImageFitCenterSmall","ImageFitContain","ImageFitContainTall","ImageFitContainWide","ImageFitCoverSmall","ImageFitCoverMedium","ImageFitCoverLarge","ImageFitDefault"]},"./src/label/label.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Disabled:()=>Disabled,Label:()=>Label,Required:()=>Required,Size:()=>Size,Weight:()=>Weight,__namedExportsOrder:()=>__namedExportsOrder,default:()=>label_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/label/label.definition.ts").D.define(fluent_design_system.H.registry);var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,LabelSize={small:"small",medium:"medium",large:"large"},LabelWeight={regular:"regular",semibold:"semibold"};function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <fluent-label\n weight="','"\n size="','"\n ?required="','"\n ?disabled="','"\n >Label</fluent-label\n >\n'])),(function(x){return x.weight}),(function(x){return x.size}),(function(x){return x.required}),(function(x){return x.disabled}));const label_stories={title:"Components/Label",args:{required:!1,size:LabelSize.medium,weight:LabelWeight.regular},argTypes:{required:{description:"Sets required field styling",table:{defaultValue:{summary:!1}},control:{type:"boolean"},defaultValue:!1},disabled:{description:"Sets disabled styling",table:{defaultValue:{summary:!1}},control:{type:"boolean"},defaultValue:!1},size:{description:"Sets label font size",table:{defaultValue:{summary:LabelSize.medium}},control:{type:"select",options:Object.values(LabelSize)},defaultValue:LabelSize.medium},weight:{description:"Sets label font weight",table:{defaultValue:{summary:LabelWeight.regular}},control:{type:"select",options:Object.values(LabelWeight)},defaultValue:LabelWeight.regular}}};var Label=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),Size=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <div style="display: flex; flex-direction: row; justify-content: space-around; align-items: center; gap: 10px;">\n <fluent-label size="small">Small Label</fluent-label>\n <fluent-label size="medium">Medium Label</fluent-label>\n <fluent-label size="large">Large Label</fluent-label>\n </div>\n'])))),Weight=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <div style="display: flex; flex-direction: row; justify-content: space-around; align-items: center; gap: 10px;">\n <fluent-label weight="regular">Regular Label</fluent-label>\n <fluent-label weight="semibold">Semibold Label</fluent-label>\n </div>\n'])))),Required=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose([" <fluent-label required>Required Label</fluent-label> "])))),Disabled=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose([" <fluent-label disabled>Disabled Label</fluent-label> "]))));Label.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Label.parameters),Size.parameters=Object.assign({storySource:{source:'renderComponent(html<LabelStoryArgs>`\n <div style="display: flex; flex-direction: row; justify-content: space-around; align-items: center; gap: 10px;">\n <fluent-label size="small">Small Label</fluent-label>\n <fluent-label size="medium">Medium Label</fluent-label>\n <fluent-label size="large">Large Label</fluent-label>\n </div>\n`)'}},Size.parameters),Weight.parameters=Object.assign({storySource:{source:'renderComponent(html<LabelStoryArgs>`\n <div style="display: flex; flex-direction: row; justify-content: space-around; align-items: center; gap: 10px;">\n <fluent-label weight="regular">Regular Label</fluent-label>\n <fluent-label weight="semibold">Semibold Label</fluent-label>\n </div>\n`)'}},Weight.parameters),Required.parameters=Object.assign({storySource:{source:"renderComponent(html<LabelStoryArgs>` <fluent-label required>Required Label</fluent-label> `)"}},Required.parameters),Disabled.parameters=Object.assign({storySource:{source:"renderComponent(html<LabelStoryArgs>` <fluent-label disabled>Disabled Label</fluent-label> `)"}},Disabled.parameters);var __namedExportsOrder=["Label","Size","Weight","Required","Disabled"]},"./src/menu-button/menu-button.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Appearance:()=>Appearance,Button:()=>Button,CustomIcon:()=>CustomIcon,Disabled:()=>Disabled,Shape:()=>Shape,Size:()=>Size,WithLongText:()=>WithLongText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>menu_button_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),menu_button_options=__webpack_require__("./src/menu-button/menu-button.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/menu-button/menu-button.definition.ts").D.define(fluent_design_system.H.registry);var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <fluent-menu-button\n appearance="','"\n shape="','"\n size="','"\n ?disabled="','"\n ?disabled-focusable="','"\n ?icon-only="','"\n >\n ',"\n </fluent-menu-button>\n"])),(function(x){return x.appearance}),(function(x){return x.shape}),(function(x){return x.size}),(function(x){return x.disabled}),(function(x){return x.disabledFocusable}),(function(x){return x.iconOnly}),(function(x){return x.content}));const menu_button_stories={title:"Components/Button/Menu Button",args:{content:"Menu Button",disabled:!1,disabledFocusable:!1},argTypes:{appearance:{options:Object.values(menu_button_options.pz),control:{type:"select"}},shape:{options:Object.values(menu_button_options.OR),control:{type:"select"}},size:{options:Object.values(menu_button_options.SJ),control:{type:"select"}},disabled:{control:"boolean",table:{type:{summary:"Sets the disabled state of the component"},defaultValue:{summary:"false"}}},disabledFocusable:{control:"boolean",table:{type:{summary:"The component is disabled but still focusable"},defaultValue:{summary:"false"}}},content:{control:"Button text"}}};var Button=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),Appearance=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <fluent-menu-button>Default</fluent-menu-button>\n <fluent-menu-button appearance="primary">Primary</fluent-menu-button>\n <fluent-menu-button appearance="outline">Outline</fluent-menu-button>\n <fluent-menu-button appearance="subtle">Subtle</fluent-menu-button>\n <fluent-menu-button appearance="transparent">Transparent</fluent-menu-button>\n'])))),Shape=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <fluent-menu-button shape="rounded">Rounded</fluent-menu-button>\n <fluent-menu-button shape="circular">Circular</fluent-menu-button>\n <fluent-menu-button shape="square">Square</fluent-menu-button>\n'])))),Size=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <fluent-menu-button size="small">Small</fluent-menu-button>\n <fluent-menu-button size="small" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Small with calendar icon</fluent-menu-button\n >\n <fluent-menu-button size="small" icon-only aria-label="Small icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-menu-button>\n <fluent-menu-button size="medium">Medium</fluent-menu-button>\n <fluent-menu-button size="medium" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Medium with calendar icon</fluent-menu-button\n >\n <fluent-menu-button size="medium" icon-only aria-label="Medium icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-menu-button>\n <fluent-menu-button size="large">Large</fluent-menu-button>\n <fluent-menu-button size="large" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Large with calendar icon</fluent-menu-button\n >\n <fluent-menu-button size="large" icon-only aria-label="Large icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-menu-button>\n'])))),CustomIcon=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <fluent-menu-button size="small">\n Small\n <svg\n slot="end"\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M7.5 13h5a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h5.09-5Zm-2-4h9a.5.5 0 0 1 .09 1H5.5a.5.5 0 0 1-.09-1h9.09-9Zm-2-4h13a.5.5 0 0 1 .09 1H3.5a.5.5 0 0 1-.09-1H16.5h-13Z"\n fill="currentColor"\n ></path>\n </svg>\n </fluent-menu-button>\n <fluent-menu-button size="medium"\n >Medium<svg\n slot="end"\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M7.5 13h5a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h5.09-5Zm-2-4h9a.5.5 0 0 1 .09 1H5.5a.5.5 0 0 1-.09-1h9.09-9Zm-2-4h13a.5.5 0 0 1 .09 1H3.5a.5.5 0 0 1-.09-1H16.5h-13Z"\n fill="currentColor"\n ></path>\n </svg>\n </fluent-menu-button>\n <fluent-menu-button size="large"\n >Large<svg\n slot="end"\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M7.5 13h5a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h5.09-5Zm-2-4h9a.5.5 0 0 1 .09 1H5.5a.5.5 0 0 1-.09-1h9.09-9Zm-2-4h13a.5.5 0 0 1 .09 1H3.5a.5.5 0 0 1-.09-1H16.5h-13Z"\n fill="currentColor"\n ></path>\n </svg>\n </fluent-menu-button>\n'])))),Disabled=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <fluent-menu-button>Enabled state</fluent-menu-button>\n <fluent-menu-button disabled>Disabled state</fluent-menu-button>\n <fluent-menu-button disabled-focusable>Disabled focusable state</fluent-menu-button>\n <fluent-menu-button appearance="primary">Enabled state</fluent-menu-button>\n <fluent-menu-button appearance="primary" disabled>Disabled state</fluent-menu-button>\n <fluent-menu-button appearance="primary" disabled-focusable>Disabled focusable state</fluent-menu-button>\n'])))),WithLongText=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <style>\n .max-width {\n width: 280px;\n }\n </style>\n <fluent-menu-button>Short text</fluent-menu-button>\n <fluent-menu-button class="max-width"\n >Long text wraps after it hits the max width of the component</fluent-menu-button\n >\n']))));Button.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Button.parameters),Appearance.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuButtonStoryArgs>`\n <fluent-menu-button>Default</fluent-menu-button>\n <fluent-menu-button appearance="primary">Primary</fluent-menu-button>\n <fluent-menu-button appearance="outline">Outline</fluent-menu-button>\n <fluent-menu-button appearance="subtle">Subtle</fluent-menu-button>\n <fluent-menu-button appearance="transparent">Transparent</fluent-menu-button>\n`)'}},Appearance.parameters),Shape.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuButtonStoryArgs>`\n <fluent-menu-button shape="rounded">Rounded</fluent-menu-button>\n <fluent-menu-button shape="circular">Circular</fluent-menu-button>\n <fluent-menu-button shape="square">Square</fluent-menu-button>\n`)'}},Shape.parameters),Size.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuButtonStoryArgs>`\n <fluent-menu-button size="small">Small</fluent-menu-button>\n <fluent-menu-button size="small" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Small with calendar icon</fluent-menu-button\n >\n <fluent-menu-button size="small" icon-only aria-label="Small icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-menu-button>\n <fluent-menu-button size="medium">Medium</fluent-menu-button>\n <fluent-menu-button size="medium" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Medium with calendar icon</fluent-menu-button\n >\n <fluent-menu-button size="medium" icon-only aria-label="Medium icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-menu-button>\n <fluent-menu-button size="large">Large</fluent-menu-button>\n <fluent-menu-button size="large" icon\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Large with calendar icon</fluent-menu-button\n >\n <fluent-menu-button size="large" icon-only aria-label="Large icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-menu-button>\n`)'}},Size.parameters),CustomIcon.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuButtonStoryArgs>`\n <fluent-menu-button size="small">\n Small\n <svg\n slot="end"\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M7.5 13h5a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h5.09-5Zm-2-4h9a.5.5 0 0 1 .09 1H5.5a.5.5 0 0 1-.09-1h9.09-9Zm-2-4h13a.5.5 0 0 1 .09 1H3.5a.5.5 0 0 1-.09-1H16.5h-13Z"\n fill="currentColor"\n ></path>\n </svg>\n </fluent-menu-button>\n <fluent-menu-button size="medium"\n >Medium<svg\n slot="end"\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M7.5 13h5a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h5.09-5Zm-2-4h9a.5.5 0 0 1 .09 1H5.5a.5.5 0 0 1-.09-1h9.09-9Zm-2-4h13a.5.5 0 0 1 .09 1H3.5a.5.5 0 0 1-.09-1H16.5h-13Z"\n fill="currentColor"\n ></path>\n </svg>\n </fluent-menu-button>\n <fluent-menu-button size="large"\n >Large<svg\n slot="end"\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M7.5 13h5a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h5.09-5Zm-2-4h9a.5.5 0 0 1 .09 1H5.5a.5.5 0 0 1-.09-1h9.09-9Zm-2-4h13a.5.5 0 0 1 .09 1H3.5a.5.5 0 0 1-.09-1H16.5h-13Z"\n fill="currentColor"\n ></path>\n </svg>\n </fluent-menu-button>\n`)'}},CustomIcon.parameters),Disabled.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuButtonStoryArgs>`\n <fluent-menu-button>Enabled state</fluent-menu-button>\n <fluent-menu-button disabled>Disabled state</fluent-menu-button>\n <fluent-menu-button disabled-focusable>Disabled focusable state</fluent-menu-button>\n <fluent-menu-button appearance="primary">Enabled state</fluent-menu-button>\n <fluent-menu-button appearance="primary" disabled>Disabled state</fluent-menu-button>\n <fluent-menu-button appearance="primary" disabled-focusable>Disabled focusable state</fluent-menu-button>\n`)'}},Disabled.parameters),WithLongText.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuButtonStoryArgs>`\n <style>\n .max-width {\n width: 280px;\n }\n </style>\n <fluent-menu-button>Short text</fluent-menu-button>\n <fluent-menu-button class="max-width"\n >Long text wraps after it hits the max width of the component</fluent-menu-button\n >\n`)'}},WithLongText.parameters);var __namedExportsOrder=["Button","Appearance","Shape","Size","CustomIcon","Disabled","WithLongText"]},"./src/menu-list/menu-list.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MenuList:()=>MenuList,MenuListAligningWithDivider:()=>MenuListAligningWithDivider,MenuListWithCheckboxSelection:()=>MenuListWithCheckboxSelection,MenuListWithIcons:()=>MenuListWithIcons,MenuListWithIconsAndSelection:()=>MenuListWithIconsAndSelection,MenuListWithRadioSelection:()=>MenuListWithRadioSelection,MenuListWithSubmenu:()=>MenuListWithSubmenu,MenuListWithSubmenuAndIcons:()=>MenuListWithSubmenuAndIcons,__namedExportsOrder:()=>__namedExportsOrder,default:()=>menu_list_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/menu-list/menu-list.definition.ts").D.define(fluent_design_system.H.registry),__webpack_require__("./src/menu-item/menu-item.definition.ts").D.define(fluent_design_system.H.registry);var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12;__webpack_require__("./src/divider/define.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var Cut20Filled=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['<svg\n fill="currentColor"\n aria-hidden="true"\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n>\n <path\n d="M14.88 3.16l-3.1 4.77-.9-1.38 2.74-4.2a.75.75 0 011.26.8zm-2.38 8.6a3.24 3.24 0 014.5 2.99 3.25 3.25 0 11-5.72-2.11L10 10.66l-1.28 1.98a3.25 3.25 0 11-1.21-.88l1.6-2.47-3.99-6.13a.75.75 0 011.26-.82l6.12 9.41zm.2 1.6a1.75 1.75 0 10.01-.02l-.02.02zM6.24 13a1.75 1.75 0 100 3.5 1.75 1.75 0 000-3.5z"\n fill="currentColor"\n ></path>\n</svg>']))),Edit20Filled=(0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['<svg\n fill="currentColor"\n aria-hidden="true"\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n>\n <path\n d="M12.92 2.87a2.97 2.97 0 014.2 4.21l-.66.67-4.2-4.2.66-.68zm-1.38 1.38l-8 8c-.32.33-.55.74-.65 1.2l-.88 3.94a.5.5 0 00.6.6l3.92-.87c.47-.1.9-.34 1.24-.68l7.98-7.98-4.2-4.21z"\n fill="currentColor"\n ></path>\n</svg>']))),Folder24Filled=(0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <svg\n fill="currentColor"\n aria-hidden="true"\n width="20"\n height="20"\n viewBox="0 0 24 24"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M13.82 6.5h5.93c1.14 0 2.08.84 2.23 1.94l.01.16.01.15v9c0 1.2-.93 2.17-2.1 2.24l-.15.01H4.25c-1.2 0-2.17-.93-2.24-2.1L2 17.75V10.5h6.4c.4-.04.77-.18 1.1-.4l.15-.12 4.17-3.48zM8.21 4c.46 0 .9.14 1.28.4l.16.12 2.1 1.75-3.06 2.56-.09.06a.75.75 0 01-.29.1l-.1.01H2V6.25c0-1.2.93-2.17 2.1-2.24L4.25 4h3.96z"\n fill="currentColor"\n ></path>\n </svg>\n']))),Code20Filled=(0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['<svg\n fill="currentColor"\n aria-hidden="true"\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n>\n <path\n d="M12.94 4.05a.75.75 0 00-1.38-.6l-5.5 12.5a.75.75 0 101.38.6l5.5-12.5zm1.35 9.8a.75.75 0 01-.13-1.06L16.3 10l-2.14-2.8a.75.75 0 011.18-.9l2.5 3.24c.21.27.21.65 0 .92l-2.5 3.25a.75.75 0 01-1.05.13zm-8.58-7.7c.33.26.39.73.13 1.06L3.7 10l2.14 2.8a.75.75 0 11-1.18.9l-2.5-3.24a.75.75 0 010-.92l2.5-3.25a.75.75 0 011.05-.13z"\n fill="currentColor"\n ></path>\n</svg>']))),storyTemplate=(0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <div style="width: 200px;">\n <fluent-menu-list>\n <fluent-menu-item ?disabled=','>\n Item 1\n <span slot="start" class="start">','</span>\n <span slot="end">Ctrl+X</span>\n </fluent-menu-item>\n\n <fluent-menu-item ?disabled=','>\n <span slot="start">','</span>\n Item 2\n <span slot="end">Ctrl+E</span>\n </fluent-menu-item>\n\n <fluent-menu-item ?disabled=','> Open </fluent-menu-item>\n\n <fluent-divider role="separator" aria-orientation="horizontal" orientation="horizontal"></fluent-divider>\n\n <fluent-menu-item role="menuitemcheckbox" ?disabled=','>\n Checkbox 1\n <span slot="start">','</span>\n </fluent-menu-item>\n\n <fluent-menu-item role="menuitemcheckbox" ?disabled=','>\n Checkbox 2\n <span slot="start">','</span>\n </fluent-menu-item>\n\n <fluent-menu-item role="menuitemcheckbox" ?disabled=','> Checkbox 3 </fluent-menu-item>\n\n <fluent-divider role="separator" aria-orientation="horizontal" orientation="horizontal"></fluent-divider>\n\n <fluent-menu-item role="menuitemradio" ?disabled=','>\n Radio 1\n <span slot="start">','</span>\n </fluent-menu-item>\n\n <fluent-menu-item role="menuitemradio" ?disabled=','>\n Radio 2\n <span slot="start">','</span>\n </fluent-menu-item>\n\n <fluent-menu-item role="menuitemradio" ?disabled=','> Radio 3 </fluent-menu-item>\n\n <fluent-divider role="separator" aria-orientation="horizontal" orientation="horizontal"></fluent-divider>\n\n <fluent-menu-item ?disabled=','>\n <span slot="start">','</span>\n New\n <fluent-menu-list slot="submenu">\n <fluent-menu-item>\n File\n <span slot="start">','</span>\n </fluent-menu-item>\n <fluent-menu-item>\n Workspace\n <span slot="start">','</span>\n </fluent-menu-item>\n </fluen Create\n <fluent-menu-list slot="submenu">\n <fluent-menu-item>\n File\n Create\n </fluent-menu-item>\n <fluent-menu-list slot="submenu">\n <fluent-menu-item>\n File\n <span slot="start">','</span>\n </fluent-menu-item>\n <fluent-menu-item>\n Workspace\n <span slot="start">',"</span>\n </fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu-item>\n </fluent-menu-list>\n </div>\n"])),(function(x){return x.disabled}),Cut20Filled,(function(x){return x.disabled}),Edit20Filled,(function(x){return x.disabled}),(function(x){return x.disabled}),Cut20Filled,(function(x){return x.disabled}),Edit20Filled,(function(x){return x.disabled}),(function(x){return x.disabled}),Cut20Filled,(function(x){return x.disabled}),Edit20Filled,(function(x){return x.disabled}),(function(x){return x.disabled}),Folder24Filled,Folder24Filled,Code20Filled,Folder24Filled,Code20Filled);const menu_list_stories={title:"Components/MenuList",args:{disabled:!1},argTypes:{disabled:{description:"Disables Menu item",table:{defaultValue:{summary:!1}},control:"boolean",defaultValue:!1}}};var MenuList=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),MenuListWithCheckboxSelection=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <div style="width: 128px;">\n <fluent-menu-list>\n <fluent-menu-item role="menuitemcheckbox"> Item 1 </fluent-menu-item>\n <fluent-menu-item role="menuitemcheckbox"> Item 2 </fluent-menu-item>\n <fluent-menu-item role="menuitemcheckbox"> Item 3 </fluent-menu-item>\n </fluent-menu-list>\n </div>\n'])))),MenuListWithRadioSelection=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <div style="width: 128px; position: relative">\n <fluent-menu-list>\n <fluent-menu-item role="menuitemradio"> Item 1 </fluent-menu-item>\n <fluent-menu-item role="menuitemradio"> Item 2 </fluent-menu-item>\n <fluent-menu-item role="menuitemradio"> Item 3 </fluent-menu-item>\n </fluent-menu-list>\n </div>\n'])))),MenuListWithIcons=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(['\n <div style="width: 128px; position: relative">\n <fluent-menu-list>\n <fluent-menu-item> Item 1 </fluent-menu-item>\n <fluent-menu-item>\n Item 2\n <span slot="start">','</span>\n </fluent-menu-item>\n <fluent-menu-item>\n <span slot="start">',"</span>\n\n Item 3\n </fluent-menu-item>\n </fluent-menu-list>\n </div>\n"])),Edit20Filled,Edit20Filled)),MenuListWithIconsAndSelection=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(['\n <div style="width: 128px;">\n <fluent-menu-list>\n <fluent-menu-item role="menuitemcheckbox">\n Item 1\n <span slot="start">','</span>\n </fluent-menu-item>\n <fluent-menu-item role="menuitemcheckbox">\n Item 2\n <span slot="start">','</span>\n </fluent-menu-item>\n <fluent-menu-item role="menuitemcheckbox"> Item 3 </fluent-menu-item>\n </fluent-menu-list>\n </div>\n'])),Cut20Filled,Edit20Filled)),MenuListWithSubmenu=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(['\n <div style="width: 260px;">\n <fluent-menu-list>\n <fluent-menu-item>\n Item 1\n <fluent-menu-list slot="submenu">\n <fluent-menu-item> Subitem 1 </fluent-menu-item>\n <fluent-menu-item> Subitem 2 </fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu-item>\n <fluent-menu-item>\n Item 2\n <fluent-menu-list slot="submenu">\n <fluent-menu-item> Subitem 1 </fluent-menu-item>\n <fluent-menu-item> Subitem 1 </fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu-item>\n <fluent-menu-item>Item 3</fluent-menu-item>\n </fluent-menu-list>\n </div>\n'])))),MenuListWithSubmenuAndIcons=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(['\n <div style="width: 260px;">\n <fluent-menu-list>\n <fluent-menu-item>\n Item 1\n <span slot="start">','</span>\n <fluent-menu-list slot="submenu">\n <fluent-menu-item>\n Subitem 1\n <span slot="start">','</span>\n </fluent-menu-item>\n <fluent-menu-item>\n Subitem 2\n <span slot="start">','</span>\n </fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu-item>\n <fluent-menu-item>\n Item 2\n <fluent-menu-list slot="submenu">\n <fluent-menu-item>\n Subitem 1\n <span slot="start">','</span>\n </fluent-menu-item>\n <fluent-menu-item>\n Subitem 1\n <span slot="start">',"</span>\n </fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu-item>\n <fluent-menu-item>Item 3</fluent-menu-item>\n </fluent-menu-list>\n </div>\n"])),Edit20Filled,Folder24Filled,Code20Filled,Folder24Filled,Code20Filled)),MenuListAligningWithDivider=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose(['\n <div style="width: 128px; position: relative">\n <fluent-menu-list>\n <fluent-menu-item> Item 1 </fluent-menu-item>\n <fluent-menu-item> Item 2 </fluent-menu-item>\n <fluent-divider role="separator" aria-orientation="horizontal" orientation="horizontal"></fluent-divider>\n\n <fluent-menu-item> Item 3 </fluent-menu-item>\n <fluent-menu-item> Item 4 </fluent-menu-item>\n </fluent-menu-list>\n </div>\n']))));MenuList.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},MenuList.parameters),MenuListWithCheckboxSelection.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuListStoryArgs>`\n <div style="width: 128px;">\n <fluent-menu-list>\n <fluent-menu-item role="menuitemcheckbox"> Item 1 </fluent-menu-item>\n <fluent-menu-item role="menuitemcheckbox"> Item 2 </fluent-menu-item>\n <fluent-menu-item role="menuitemcheckbox"> Item 3 </fluent-menu-item>\n </fluent-menu-list>\n </div>\n`)'}},MenuListWithCheckboxSelection.parameters),MenuListWithRadioSelection.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuListStoryArgs>`\n <div style="width: 128px; position: relative">\n <fluent-menu-list>\n <fluent-menu-item role="menuitemradio"> Item 1 </fluent-menu-item>\n <fluent-menu-item role="menuitemradio"> Item 2 </fluent-menu-item>\n <fluent-menu-item role="menuitemradio"> Item 3 </fluent-menu-item>\n </fluent-menu-list>\n </div>\n`)'}},MenuListWithRadioSelection.parameters),MenuListWithIcons.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuListStoryArgs>`\n <div style="width: 128px; position: relative">\n <fluent-menu-list>\n <fluent-menu-item> Item 1 </fluent-menu-item>\n <fluent-menu-item>\n Item 2\n <span slot="start">${Edit20Filled}</span>\n </fluent-menu-item>\n <fluent-menu-item>\n <span slot="start">${Edit20Filled}</span>\n\n Item 3\n </fluent-menu-item>\n </fluent-menu-list>\n </div>\n`)'}},MenuListWithIcons.parameters),MenuListWithIconsAndSelection.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuListStoryArgs>`\n <div style="width: 128px;">\n <fluent-menu-list>\n <fluent-menu-item role="menuitemcheckbox">\n Item 1\n <span slot="start">${Cut20Filled}</span>\n </fluent-menu-item>\n <fluent-menu-item role="menuitemcheckbox">\n Item 2\n <span slot="start">${Edit20Filled}</span>\n </fluent-menu-item>\n <fluent-menu-item role="menuitemcheckbox"> Item 3 </fluent-menu-item>\n </fluent-menu-list>\n </div>\n`)'}},MenuListWithIconsAndSelection.parameters),MenuListWithSubmenu.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuListStoryArgs>`\n <div style="width: 260px;">\n <fluent-menu-list>\n <fluent-menu-item>\n Item 1\n <fluent-menu-list slot="submenu">\n <fluent-menu-item> Subitem 1 </fluent-menu-item>\n <fluent-menu-item> Subitem 2 </fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu-item>\n <fluent-menu-item>\n Item 2\n <fluent-menu-list slot="submenu">\n <fluent-menu-item> Subitem 1 </fluent-menu-item>\n <fluent-menu-item> Subitem 1 </fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu-item>\n <fluent-menu-item>Item 3</fluent-menu-item>\n </fluent-menu-list>\n </div>\n`)'}},MenuListWithSubmenu.parameters),MenuListWithSubmenuAndIcons.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuListStoryArgs>`\n <div style="width: 260px;">\n <fluent-menu-list>\n <fluent-menu-item>\n Item 1\n <span slot="start">${Edit20Filled}</span>\n <fluent-menu-list slot="submenu">\n <fluent-menu-item>\n Subitem 1\n <span slot="start">${Folder24Filled}</span>\n </fluent-menu-item>\n <fluent-menu-item>\n Subitem 2\n <span slot="start">${Code20Filled}</span>\n </fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu-item>\n <fluent-menu-item>\n Item 2\n <fluent-menu-list slot="submenu">\n <fluent-menu-item>\n Subitem 1\n <span slot="start">${Folder24Filled}</span>\n </fluent-menu-item>\n <fluent-menu-item>\n Subitem 1\n <span slot="start">${Code20Filled}</span>\n </fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu-item>\n <fluent-menu-item>Item 3</fluent-menu-item>\n </fluent-menu-list>\n </div>\n`)'}},MenuListWithSubmenuAndIcons.parameters),MenuListAligningWithDivider.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuListStoryArgs>`\n <div style="width: 128px; position: relative">\n <fluent-menu-list>\n <fluent-menu-item> Item 1 </fluent-menu-item>\n <fluent-menu-item> Item 2 </fluent-menu-item>\n <fluent-divider role="separator" aria-orientation="horizontal" orientation="horizontal"></fluent-divider>\n\n <fluent-menu-item> Item 3 </fluent-menu-item>\n <fluent-menu-item> Item 4 </fluent-menu-item>\n </fluent-menu-list>\n </div>\n`)'}},MenuListAligningWithDivider.parameters);var __namedExportsOrder=["MenuList","MenuListWithCheckboxSelection","MenuListWithRadioSelection","MenuListWithIcons","MenuListWithIconsAndSelection","MenuListWithSubmenu","MenuListWithSubmenuAndIcons","MenuListAligningWithDivider"]},"./src/menu/menu.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Menu:()=>Menu,MenuOpenOnContext:()=>MenuOpenOnContext,MenuOpenOnHover:()=>MenuOpenOnHover,__namedExportsOrder:()=>__namedExportsOrder,default:()=>menu_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/menu/menu.definition.ts").D.define(fluent_design_system.H.registry);var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <style>\n .container {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n </style>\n <fluent-menu\n ?open-on-hover="','"\n ?open-on-context="','"\n ?close-on-scroll="','"\n ?persist-on-item-click="','"\n >\n <fluent-menu-button aria-label="Toggle Menu" appearance="primary" slot="trigger">Toggle Menu</fluent-menu-button>\n <fluent-menu-list>\n <fluent-menu-item>Menu item 1</fluent-menu-item>\n <fluent-menu-item>Menu item 2</fluent-menu-item>\n <fluent-menu-item>Menu item 3</fluent-menu-item>\n <fluent-menu-item>Menu item 4</fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu>\n'])),(function(x){return x.openOnHover}),(function(x){return x.openOnContext}),(function(x){return x.closeOnScroll}),(function(x){return x.persistOnItemClick}));const menu_stories={title:"Components/Menu",args:{openOnHover:!1,openOnContext:!1,closeOnScroll:!1,persistOnItemClick:!1},argTypes:{openOnHover:{description:"Sets whether menu opens on hover",table:{defaultValue:{summary:!1}},control:"boolean",defaultValue:!1},openOnContext:{description:"Opens the menu on right click (context menu), removes all other menu open interactions",table:{defaultValue:{summary:!1}},control:"boolean",defaultValue:!1},closeOnScroll:{description:"Close when scroll outside of it",table:{defaultValue:{summary:!1}},control:"boolean",defaultValue:!1},persistOnItemClick:{description:"Prevents the menu from closing when an item is clicked",table:{defaultValue:{summary:!1}},control:"boolean",defaultValue:!1}}};var Menu=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),MenuOpenOnHover=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <div class="container">\n <fluent-menu open-on-hover>\n <fluent-menu-button aria-label="Toggle Menu"" appearance="primary" slot="trigger">Toggle Menu</fluent-menu-button>\n <fluent-menu-list>\n <fluent-menu-item>Menu item 1</fluent-menu-item>\n <fluent-menu-item>Menu item 2</fluent-menu-item>\n <fluent-menu-item>Menu item 3</fluent-menu-item>\n <fluent-menu-item>Menu item 4</fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu>\n </div>\n'])))),MenuOpenOnContext=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <div class="container">\n <fluent-menu open-on-context>\n <fluent-menu-button aria-label="Toggle Menu"" appearance="primary" slot="trigger">Toggle Menu</fluent-menu-button>\n <fluent-menu-list>\n <fluent-menu-item>Menu item 1</fluent-menu-item>\n <fluent-menu-item>Menu item 2</fluent-menu-item>\n <fluent-menu-item>Menu item 3</fluent-menu-item>\n <fluent-menu-item>Menu item 4</fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu>\n </div>\n']))));Menu.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Menu.parameters),MenuOpenOnHover.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuStoryArgs>`\n <div class="container">\n <fluent-menu open-on-hover>\n <fluent-menu-button aria-label="Toggle Menu"" appearance="primary" slot="trigger">Toggle Menu</fluent-menu-button>\n <fluent-menu-list>\n <fluent-menu-item>Menu item 1</fluent-menu-item>\n <fluent-menu-item>Menu item 2</fluent-menu-item>\n <fluent-menu-item>Menu item 3</fluent-menu-item>\n <fluent-menu-item>Menu item 4</fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu>\n </div>\n`)'}},MenuOpenOnHover.parameters),MenuOpenOnContext.parameters=Object.assign({storySource:{source:'renderComponent(html<MenuStoryArgs>`\n <div class="container">\n <fluent-menu open-on-context>\n <fluent-menu-button aria-label="Toggle Menu"" appearance="primary" slot="trigger">Toggle Menu</fluent-menu-button>\n <fluent-menu-list>\n <fluent-menu-item>Menu item 1</fluent-menu-item>\n <fluent-menu-item>Menu item 2</fluent-menu-item>\n <fluent-menu-item>Menu item 3</fluent-menu-item>\n <fluent-menu-item>Menu item 4</fluent-menu-item>\n </fluent-menu-list>\n </fluent-menu>\n </div>\n`)'}},MenuOpenOnContext.parameters);var __namedExportsOrder=["Menu","MenuOpenOnHover","MenuOpenOnContext"]},"./src/progress-bar/progress-bar.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Max:()=>Max,Progress:()=>Progress,Shape:()=>Shape,Thickness:()=>Thickness,ValidationState:()=>ValidationState,Value:()=>Value,__namedExportsOrder:()=>__namedExportsOrder,default:()=>progress_bar_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),progress_bar_options=__webpack_require__("./src/progress-bar/progress-bar.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/progress-bar/progress-bar.definition.ts").D.define(fluent_design_system.H.registry);var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n <fluent-progress-bar\n thickness=","\n shape=","\n max=","\n aria-valuemax=","\n aria-valuenow=","\n value=","\n validation-state=","\n ></fluent-progress-bar>\n"])),(function(x){return x.thickness}),(function(x){return x.shape}),(function(x){return x.max}),(function(x){return x.max}),(function(x){return x.value}),(function(x){return x.value}),(function(x){return x.validationState}));const progress_bar_stories={title:"Components/ProgressBar",args:{max:100,value:15,thickness:"medium",shape:"rounded",validationState:null},argTypes:{max:{control:"number",defaultValue:100},value:{control:"number",defaultValue:15},thickness:{control:{type:"select"},options:Object.values(progress_bar_options.QY),defaultValue:"medium"},shape:{options:Object.values(progress_bar_options._5),control:{type:"select"},defaultValue:"rounded"},validationState:{options:Object.values(progress_bar_options.e_),control:{type:"select"},defaultValue:null}}};var Progress=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),Max=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <div>\n <p>\n <code>3 of 10</code>\n <fluent-progress-bar value="3" aria-valuenow="3" max="10" aria-valuemax="10"></fluent-progress-bar>\n </p>\n <p>\n <code>3 o 5</code>\n <fluent-progress-bar value="3" aria-valuenow="3" max="5" aria-valuemax="5"></fluent-progress-bar>\n </p>\n </div>\n'])))),Value=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <div>\n <code>0</code><fluent-progress-bar value="0" aria-valuenow="0"></fluent-progress-bar>\n <code>25</code>\n <fluent-progress-bar value="25" aria-valuenow="25"></fluent-progress-bar>\n <code>50</code>\n <fluent-progress-bar value="50" aria-valuenow="50"></fluent-progress-bar>\n <code>75</code>\n <fluent-progress-bar value="75" aria-valuenow="75"></fluent-progress-bar>\n <code>100</code>\n <fluent-progress-bar value="100" aria-valuenow="100"></fluent-progress-bar>\n </div>\n'])))),Thickness=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <div>\n <p>\n <code>medium</code>\n <fluent-progress-bar thickness="medium"></fluent-progress-bar>\n </p>\n <p>\n <code>large</code>\n <fluent-progress-bar thickness="large"></fluent-progress-bar>\n </p>\n </div>\n'])))),Shape=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <div>\n <p>\n <code>rounded</code>\n <fluent-progress-bar shape="rounded" thickness="large"></fluent-progress-bar>\n </p>\n <p>\n <code>square</code>\n <fluent-progress-bar shape="square" thickness="large"></fluent-progress-bar>\n </p>\n </div>\n'])))),ValidationState=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <div>\n <p>\n <code>success</code>\n <fluent-progress-bar validation-state="success"></fluent-progress-bar>\n </p>\n <p>\n <code>warning</code>\n <fluent-progress-bar validation-state="warning"></fluent-progress-bar>\n </p>\n <p>\n <code>error</code>\n <fluent-progress-bar validation-state="error"></fluent-progress-bar>\n </p>\n </div>\n']))));Progress.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Progress.parameters),Max.parameters=Object.assign({storySource:{source:'renderComponent(html<ProgressStoryArgs>`\n <div>\n <p>\n <code>3 of 10</code>\n <fluent-progress-bar value="3" aria-valuenow="3" max="10" aria-valuemax="10"></fluent-progress-bar>\n </p>\n <p>\n <code>3 o 5</code>\n <fluent-progress-bar value="3" aria-valuenow="3" max="5" aria-valuemax="5"></fluent-progress-bar>\n </p>\n </div>\n`)'}},Max.parameters),Value.parameters=Object.assign({storySource:{source:'renderComponent(html<ProgressStoryArgs>`\n <div>\n <code>0</code><fluent-progress-bar value="0" aria-valuenow="0"></fluent-progress-bar>\n <code>25</code>\n <fluent-progress-bar value="25" aria-valuenow="25"></fluent-progress-bar>\n <code>50</code>\n <fluent-progress-bar value="50" aria-valuenow="50"></fluent-progress-bar>\n <code>75</code>\n <fluent-progress-bar value="75" aria-valuenow="75"></fluent-progress-bar>\n <code>100</code>\n <fluent-progress-bar value="100" aria-valuenow="100"></fluent-progress-bar>\n </div>\n`)'}},Value.parameters),Thickness.parameters=Object.assign({storySource:{source:'renderComponent(html<ProgressStoryArgs>`\n <div>\n <p>\n <code>medium</code>\n <fluent-progress-bar thickness="medium"></fluent-progress-bar>\n </p>\n <p>\n <code>large</code>\n <fluent-progress-bar thickness="large"></fluent-progress-bar>\n </p>\n </div>\n`)'}},Thickness.parameters),Shape.parameters=Object.assign({storySource:{source:'renderComponent(html<ProgressStoryArgs>`\n <div>\n <p>\n <code>rounded</code>\n <fluent-progress-bar shape="rounded" thickness="large"></fluent-progress-bar>\n </p>\n <p>\n <code>square</code>\n <fluent-progress-bar shape="square" thickness="large"></fluent-progress-bar>\n </p>\n </div>\n`)'}},Shape.parameters),ValidationState.parameters=Object.assign({storySource:{source:'renderComponent(html<ProgressStoryArgs>`\n <div>\n <p>\n <code>success</code>\n <fluent-progress-bar validation-state="success"></fluent-progress-bar>\n </p>\n <p>\n <code>warning</code>\n <fluent-progress-bar validation-state="warning"></fluent-progress-bar>\n </p>\n <p>\n <code>error</code>\n <fluent-progress-bar validation-state="error"></fluent-progress-bar>\n </p>\n </div>\n`)'}},ValidationState.parameters);var __namedExportsOrder=["Progress","Max","Value","Thickness","Shape","ValidationState"]},"./src/radio-group/radio-group.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{RadioGroup:()=>RadioGroup,RadioGroupChangeEvent:()=>RadioGroupChangeEvent,RadioGroupDefaultChecked:()=>RadioGroupDefaultChecked,RadioGroupDisabled:()=>RadioGroupDisabled,RadioGroupDisabledItem:()=>RadioGroupDisabledItem,RadioGroupLabelledby:()=>RadioGroupLabelledby,RadioGroupLayoutHorizontal:()=>RadioGroupLayoutHorizontal,RadioGroupLayoutHorizontalStacked:()=>RadioGroupLayoutHorizontalStacked,RadioGroupLayoutVertical:()=>RadioGroupLayoutVertical,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/helpers.stories.ts"),_radio_group_options_js__WEBPACK_IMPORTED_MODULE_7__=(__webpack_require__("./src/radio-group/define.ts"),__webpack_require__("./src/radio/define.ts"),__webpack_require__("./src/radio-group/radio-group.options.ts"));function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var storyTemplate=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <fluent-radio-group\n aria-labelledby="label-1"\n ?disabled=',"\n ?stacked=","\n orientation=",'\n name="radio-story"\n >\n <span id="label-1" slot="label">Favorite Fruit</span>\n <fluent-radio ?checked="','" value="apple">Apple</fluent-radio>\n <fluent-radio value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n'])),(function(x){return x.disabled}),(function(x){return x.stacked}),(function(x){return x.orientation}),(function(x){return x.checked}));const __WEBPACK_DEFAULT_EXPORT__={title:"Components/RadioGroup",args:{disabled:!1,orientation:_radio_group_options_js__WEBPACK_IMPORTED_MODULE_7__.E.horizontal},argTypes:{disabled:{control:{type:"boolean"},table:{type:{summary:"Sets disabled state on radio"},defaultValue:{summary:"false"}}},checked:{control:{type:"boolean"},table:{type:{summary:"Sets checked state on radio"},defaultValue:{summary:"false"}}},stacked:{control:{type:"boolean"},table:{type:{summary:"Creates a stacked layout for horizontal radio buttons"},defaultValue:{summary:"false"}}},orientation:{control:{type:"select",options:Object.values(_radio_group_options_js__WEBPACK_IMPORTED_MODULE_7__.E)},defaultValue:_radio_group_options_js__WEBPACK_IMPORTED_MODULE_7__.E.horizontal,table:{type:{summary:"Sets orientation of radio group"},defaultValue:{summary:_radio_group_options_js__WEBPACK_IMPORTED_MODULE_7__.E.horizontal}}},change:{action:"change",table:{type:{summary:"Event that is fired when the selected radio button changes"},defaultValue:{summary:null}}}}};var RadioGroup=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)(storyTemplate).bind({}),RadioGroupLabelledby=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <fluent-radio-group aria-labelledby="label-2" name="radio-story">\n <span id="label-2" slot="label">Favorite Fruit</span>\n <fluent-radio value="apple">Apple</fluent-radio>\n <fluent-radio value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n'])))),RadioGroupLayoutVertical=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <fluent-radio-group aria-labelledby="label-3" orientation="vertical" name="radio-story">\n <span id="label-3" slot="label">Favorite Fruit</span>\n <fluent-radio value="apple">Apple</fluent-radio>\n <fluent-radio value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n'])))),RadioGroupLayoutHorizontal=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <fluent-radio-group aria-labelledby="label-4" orientation="horizontal" name="radio-story">\n <span id="label-4" slot="label">Favorite Fruit</span>\n <fluent-radio value="apple">Apple</fluent-radio>\n <fluent-radio value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n'])))),RadioGroupLayoutHorizontalStacked=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <fluent-radio-group stacked aria-labelledby="label-5" orientation="horizontal" name="radio-story">\n <span id="label-5" slot="label">Favorite Fruit</span>\n <fluent-radio value="apple">Apple</fluent-radio>\n <fluent-radio value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n'])))),RadioGroupDefaultChecked=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <fluent-radio-group aria-labelledby="label-6" orientation="horizontal" name="radio-story">\n <span id="label-6" slot="label">Favorite Fruit</span>\n <fluent-radio value="apple">Apple</fluent-radio>\n <fluent-radio checked value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n'])))),RadioGroupDisabled=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <fluent-radio-group disabled aria-labelledby="label-7" name="radio-story">\n <span id="label-7" slot="label">Favorite Fruit</span>\n <fluent-radio checked value="apple">Apple</fluent-radio>\n <fluent-radio checked value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n'])))),RadioGroupDisabledItem=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.dy)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(['\n <fluent-radio-group aria-labelledby="label-8" name="radio-story">\n <span id="label-8" slot="label">Favorite Fruit</span>\n <fluent-radio id="baby" checked value="apple">Apple</fluent-radio>\n <fluent-radio disabled value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n'])))),RadioGroupChangeEvent=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_4__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.dy)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(['\n <fluent-radio-group\n id="radio-group-fruit"\n aria-labelledby="label-8"\n name="radio-story"\n @change="','"\n >\n <span id="label-8" slot="label">','</span>\n <fluent-radio checked value="apple">Apple</fluent-radio>\n <fluent-radio value="pear">Pear</fluent-radio>\n <fluent-radio value="Banana">Banana</fluent-radio>\n <fluent-radio value="Orange">Orange</fluent-radio>\n </fluent-radio-group>\n'])),(function(event){return function handleChange(event){var radioGroup=document.querySelector("#radio-group-fruit");if(radioGroup){var selectedRadio=radioGroup.value,labelElement=radioGroup.querySelector('[slot="label"]');if(selectedRadio){var labelContent=selectedRadio.charAt(0).toUpperCase()+selectedRadio.slice(1);labelElement.textContent="Favorite fruit: "+labelContent}}}()}),(function getLabelContent(){var radioGroup=document.querySelector("#radio-group-fruit");if(radioGroup){var selectedRadio=radioGroup.value;return selectedRadio?"Favorite fruit: "+(selectedRadio.charAt(0).toUpperCase()+selectedRadio.slice(1)):"Please select your favorite fruit"}})));RadioGroup.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},RadioGroup.parameters),RadioGroupLabelledby.parameters=Object.assign({storySource:{source:'renderComponent(html<RadioGroupStoryArgs>`\n <fluent-radio-group aria-labelledby="label-2" name="radio-story">\n <span id="label-2" slot="label">Favorite Fruit</span>\n <fluent-radio value="apple">Apple</fluent-radio>\n <fluent-radio value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n`)'}},RadioGroupLabelledby.parameters),RadioGroupLayoutVertical.parameters=Object.assign({storySource:{source:'renderComponent(html<RadioGroupStoryArgs>`\n <fluent-radio-group aria-labelledby="label-3" orientation="vertical" name="radio-story">\n <span id="label-3" slot="label">Favorite Fruit</span>\n <fluent-radio value="apple">Apple</fluent-radio>\n <fluent-radio value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n`)'}},RadioGroupLayoutVertical.parameters),RadioGroupLayoutHorizontal.parameters=Object.assign({storySource:{source:'renderComponent(html<RadioGroupStoryArgs>`\n <fluent-radio-group aria-labelledby="label-4" orientation="horizontal" name="radio-story">\n <span id="label-4" slot="label">Favorite Fruit</span>\n <fluent-radio value="apple">Apple</fluent-radio>\n <fluent-radio value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n`)'}},RadioGroupLayoutHorizontal.parameters),RadioGroupLayoutHorizontalStacked.parameters=Object.assign({storySource:{source:'renderComponent(html<RadioGroupStoryArgs>`\n <fluent-radio-group stacked aria-labelledby="label-5" orientation="horizontal" name="radio-story">\n <span id="label-5" slot="label">Favorite Fruit</span>\n <fluent-radio value="apple">Apple</fluent-radio>\n <fluent-radio value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n`)'}},RadioGroupLayoutHorizontalStacked.parameters),RadioGroupDefaultChecked.parameters=Object.assign({storySource:{source:'renderComponent(html<RadioGroupStoryArgs>`\n <fluent-radio-group aria-labelledby="label-6" orientation="horizontal" name="radio-story">\n <span id="label-6" slot="label">Favorite Fruit</span>\n <fluent-radio value="apple">Apple</fluent-radio>\n <fluent-radio checked value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n`)'}},RadioGroupDefaultChecked.parameters),RadioGroupDisabled.parameters=Object.assign({storySource:{source:'renderComponent(html<RadioGroupStoryArgs>`\n <fluent-radio-group disabled aria-labelledby="label-7" name="radio-story">\n <span id="label-7" slot="label">Favorite Fruit</span>\n <fluent-radio checked value="apple">Apple</fluent-radio>\n <fluent-radio checked value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n`)'}},RadioGroupDisabled.parameters),RadioGroupDisabledItem.parameters=Object.assign({storySource:{source:'renderComponent(html<RadioGroupStoryArgs>`\n <fluent-radio-group aria-labelledby="label-8" name="radio-story">\n <span id="label-8" slot="label">Favorite Fruit</span>\n <fluent-radio id="baby" checked value="apple">Apple</fluent-radio>\n <fluent-radio disabled value="pear">Pear</fluent-radio>\n <fluent-radio value="banana">Banana</fluent-radio>\n <fluent-radio value="orange">Orange</fluent-radio>\n </fluent-radio-group>\n`)'}},RadioGroupDisabledItem.parameters),RadioGroupChangeEvent.parameters=Object.assign({storySource:{source:'renderComponent(html<RadioGroupStoryArgs>`\n <fluent-radio-group\n id="radio-group-fruit"\n aria-labelledby="label-8"\n name="radio-story"\n @change="${(event: CustomEvent) => handleChange(event)}"\n >\n <span id="label-8" slot="label">${getLabelContent}</span>\n <fluent-radio checked value="apple">Apple</fluent-radio>\n <fluent-radio value="pear">Pear</fluent-radio>\n <fluent-radio value="Banana">Banana</fluent-radio>\n <fluent-radio value="Orange">Orange</fluent-radio>\n </fluent-radio-group>\n`)'}},RadioGroupChangeEvent.parameters);var __namedExportsOrder=["RadioGroup","RadioGroupLabelledby","RadioGroupLayoutVertical","RadioGroupLayoutHorizontal","RadioGroupLayoutHorizontalStacked","RadioGroupDefaultChecked","RadioGroupDisabled","RadioGroupDisabledItem","RadioGroupChangeEvent"]},"./src/radio/radio.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,Disabled:()=>Disabled,Radio:()=>Radio,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_helpers_stories_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/helpers.stories.ts");__webpack_require__("./src/radio/define.ts"),__webpack_require__("./src/radio-group/define.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var storyTemplate=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_6__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <form @submit="','">\n <fluent-radio ?checked="','" ?disabled="','" name="radio-story" value="option1"\n >Option 1</fluent-radio\n >\n </form>\n'])),(function(){return!1}),(function(x){return x.checked}),(function(x){return x.disabled}));const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Radio",args:{checked:!1,disabled:!1},argTypes:{checked:{control:{type:"boolean"},table:{type:{summary:"Sets checked state on radio"},defaultValue:{summary:"false"}}},disabled:{control:{type:"boolean"},table:{type:{summary:"Sets disabled state on radio"},defaultValue:{summary:"false"}}}}};var Radio=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_3__.renderComponent)(storyTemplate).bind({}),Checked=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_3__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_6__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <fluent-radio checked value="Apple">Apple</fluent-radio>\n'])))),Disabled=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_3__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_6__.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <fluent-radio disabled value="Apple">Apple</fluent-radio>\n']))));Radio.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Radio.parameters),Checked.parameters=Object.assign({storySource:{source:'renderComponent(html<RadioStoryArgs>`\n <fluent-radio checked value="Apple">Apple</fluent-radio>\n`)'}},Checked.parameters),Disabled.parameters=Object.assign({storySource:{source:'renderComponent(html<RadioStoryArgs>`\n <fluent-radio disabled value="Apple">Apple</fluent-radio>\n`)'}},Disabled.parameters);var __namedExportsOrder=["Radio","Checked","Disabled"]},"./src/slider/slider.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Slider:()=>Slider,SliderDisabled:()=>SliderDisabled,SliderOrientation:()=>SliderOrientation,SliderSize:()=>SliderSize,SliderSteps:()=>SliderSteps,__namedExportsOrder:()=>__namedExportsOrder,default:()=>slider_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),slider_options=__webpack_require__("./src/slider/slider.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/slider/slider.definition.ts").D.define(fluent_design_system.H.registry);var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n <fluent-slider\n ?disabled=","\n ?readonly=","\n step=","\n size=","\n min=","\n max=","\n orientation=","\n value=","\n ></fluent-slider>\n"])),(function(x){return x.disabled}),(function(x){return x.readOnly}),(function(x){return x.step}),(function(x){return x.size}),(function(x){return x.min}),(function(x){return x.max}),(function(x){return x.orientation}),(function(x){return x.value}));const slider_stories={title:"Components/Slider",args:{disabled:!1,readOnly:!1,min:0,max:100,size:slider_options.mE.medium,orientation:"horizontal"},argTypes:{disabled:{control:"boolean"},readOnly:{control:"boolean"},min:{control:"number",defaultValue:0},max:{control:"number",defaultValue:100},value:{control:"number",defaultValue:50},size:{control:{type:"inline-radio",options:Object.values(slider_options.mE)}},orientation:{control:{type:"inline-radio",options:["horizontal","vertical"]}}}};var Slider=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),SliderOrientation=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <fluent-slider orientation="vertical" step="20" value="60" min="0" max="100"></fluent-slider>\n <fluent-slider orientation="horizontal" step="20" value="60" min="0" max="100"></fluent-slider>\n'])))),SliderSize=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <fluent-slider size="small" value="10" min="0" max="10"></fluent-slider>\n <fluent-slider size="medium" value="10" min="0" max="10"></fluent-slider>\n'])))),SliderSteps=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <fluent-slider step="10" value="10" min="0" max="100"></fluent-slider>\n'])))),SliderDisabled=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <fluent-slider disabled value="10" min="0" max="100"></fluent-slider>\n <fluent-slider step="25" disabled value="50" min="0" max="100"></fluent-slider>\n']))));Slider.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Slider.parameters),SliderOrientation.parameters=Object.assign({storySource:{source:'renderComponent(html<SliderStoryArgs>`\n <fluent-slider orientation="vertical" step="20" value="60" min="0" max="100"></fluent-slider>\n <fluent-slider orientation="horizontal" step="20" value="60" min="0" max="100"></fluent-slider>\n`)'}},SliderOrientation.parameters),SliderSize.parameters=Object.assign({storySource:{source:'renderComponent(html<SliderStoryArgs>`\n <fluent-slider size="small" value="10" min="0" max="10"></fluent-slider>\n <fluent-slider size="medium" value="10" min="0" max="10"></fluent-slider>\n`)'}},SliderSize.parameters),SliderSteps.parameters=Object.assign({storySource:{source:'renderComponent(html<SliderStoryArgs>`\n <fluent-slider step="10" value="10" min="0" max="100"></fluent-slider>\n`)'}},SliderSteps.parameters),SliderDisabled.parameters=Object.assign({storySource:{source:'renderComponent(html<SliderStoryArgs>`\n <fluent-slider disabled value="10" min="0" max="100"></fluent-slider>\n <fluent-slider step="25" disabled value="50" min="0" max="100"></fluent-slider>\n`)'}},SliderDisabled.parameters);var __namedExportsOrder=["Slider","SliderOrientation","SliderSize","SliderSteps","SliderDisabled"]},"./src/spinner/spinner.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Appearance:()=>Appearance,Size:()=>Size,Spinner:()=>Spinner,__namedExportsOrder:()=>__namedExportsOrder,default:()=>spinner_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),spinner_options=__webpack_require__("./src/spinner/spinner.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/spinner/spinner.definition.ts").D.define(fluent_design_system.H.registry);var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n <fluent-spinner appearance="," size=","></fluent-spinner>\n"])),(function(x){return x.appearance}),(function(x){return x.size}));const spinner_stories={title:"Components/Spinner",argTypes:{appearance:{description:"The appearance of the spinner",table:{defaultValue:{summary:"primary"}},control:{type:"select",options:Object.values(spinner_options.l)},defaultValue:"primary"},size:{description:"The size of the spinner",table:{defaultValue:{summary:"medium"}},control:{type:"select",options:Object.values(spinner_options.E)},defaultValue:"medium"}},parameters:{status:{type:"experimental"}}};var Spinner=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),Appearance=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <div>\n <div style="padding: 20px; display: flex; align-items: center; gap: 20px;">\n <code>primary</code>\n <fluent-spinner appearance="primary"></fluent-spinner>\n </div>\n <div\n style="padding: 20px; background-color: var(--colorNeutralBackgroundInverted); color: var(--colorNeutralForegroundInverted); display: flex; align-items: center; gap: 20px;"\n >\n <code>inverted</code>\n <fluent-spinner appearance="inverted" size="medium"></fluent-spinner>\n </div>\n </div>\n'])))),Size=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <div style="display: grid; align-items: center; gap: 0 20px; grid-template-columns: 120px min-content;">\n <code>tiny</code>\n <fluent-spinner size="tiny"></fluent-spinner>\n <code>extra-small</code>\n <fluent-spinner size="extra-small"></fluent-spinner>\n <code>small</code>\n <fluent-spinner size="small"></fluent-spinner>\n <code>medium</code>\n <fluent-spinner size="medium"></fluent-spinner>\n <code>large</code>\n <fluent-spinner size="large"></fluent-spinner>\n <code>extra-large</code>\n <fluent-spinner size="extra-large"></fluent-spinner>\n </div>\n']))));Spinner.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Spinner.parameters),Appearance.parameters=Object.assign({storySource:{source:'renderComponent(html<SpinnerStoryArgs>`\n <div>\n <div style="padding: 20px; display: flex; align-items: center; gap: 20px;">\n <code>primary</code>\n <fluent-spinner appearance="primary"></fluent-spinner>\n </div>\n <div\n style="padding: 20px; background-color: var(--colorNeutralBackgroundInverted); color: var(--colorNeutralForegroundInverted); display: flex; align-items: center; gap: 20px;"\n >\n <code>inverted</code>\n <fluent-spinner appearance="inverted" size="medium"></fluent-spinner>\n </div>\n </div>\n`)'}},Appearance.parameters),Size.parameters=Object.assign({storySource:{source:'renderComponent(html<SpinnerStoryArgs>`\n <div style="display: grid; align-items: center; gap: 0 20px; grid-template-columns: 120px min-content;">\n <code>tiny</code>\n <fluent-spinner size="tiny"></fluent-spinner>\n <code>extra-small</code>\n <fluent-spinner size="extra-small"></fluent-spinner>\n <code>small</code>\n <fluent-spinner size="small"></fluent-spinner>\n <code>medium</code>\n <fluent-spinner size="medium"></fluent-spinner>\n <code>large</code>\n <fluent-spinner size="large"></fluent-spinner>\n <code>extra-large</code>\n <fluent-spinner size="extra-large"></fluent-spinner>\n </div>\n`)'}},Size.parameters);var __namedExportsOrder=["Spinner","Appearance","Size"]},"./src/switch/switch.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,Disabled:()=>Disabled,LabelPosition:()=>LabelPosition,Required:()=>Required,Switch:()=>Switch,__namedExportsOrder:()=>__namedExportsOrder,default:()=>switch_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/switch/switch.definition.ts").D.define(fluent_design_system.H.registry);var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,switch_options=__webpack_require__("./src/switch/switch.options.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n <div>\n <fluent-switch\n ?checked=","\n ?disabled=","\n ?required=","\n label-position=",'\n value="','"\n >\n ',"\n </fluent-switch>\n </div>\n"])),(function(x){return x.checked}),(function(x){return x.disabled}),(function(x){return x.required}),(function(x){return x.labelPosition}),(function(x){return x.value}),(function(x){return x.value}));const switch_stories={title:"Components/Switch",args:{checked:!1,disabled:!1,required:!1,labelPosition:"after"},argTypes:{labelPosition:{options:Object.values(switch_options.d),control:{type:"select"},table:{type:{summary:"Sets the position of label"},defaultValue:{summary:"after"}}},checked:{control:"boolean",table:{type:{summary:"Sets checked state"},defaultValue:{summary:"false"}}},disabled:{control:"boolean",table:{type:{summary:"Sets disabled state"},defaultValue:{summary:"false"}}},required:{control:"boolean",table:{type:{summary:"Sets required state"},defaultValue:{summary:"false"}}},value:{control:"text",defaultValue:"This is a label"}}};var Switch=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),Checked=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["<fluent-switch checked>Checked</fluent-switch>"])))),Disabled=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["<fluent-switch disabled>Disabled</fluent-switch>"])))),Required=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["<fluent-switch required>Required</fluent-switch>"])))),LabelPosition=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <div style="display: flex; align-items: end;">\n <fluent-switch label-position="before">before</fluent-switch>\n <fluent-switch label-position="above">above</fluent-switch>\n <fluent-switch label-position="after">after</fluent-switch>\n </div>\n']))));Switch.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Switch.parameters),Checked.parameters=Object.assign({storySource:{source:"renderComponent(html<SwitchStoryArgs>`<fluent-switch checked>Checked</fluent-switch>`)"}},Checked.parameters),Disabled.parameters=Object.assign({storySource:{source:"renderComponent(html<SwitchStoryArgs>`<fluent-switch disabled>Disabled</fluent-switch>`)"}},Disabled.parameters),Required.parameters=Object.assign({storySource:{source:"renderComponent(html<SwitchStoryArgs>`<fluent-switch required>Required</fluent-switch>`)"}},Required.parameters),LabelPosition.parameters=Object.assign({storySource:{source:'renderComponent(html<SwitchStoryArgs>`\n <div style="display: flex; align-items: end;">\n <fluent-switch label-position="before">before</fluent-switch>\n <fluent-switch label-position="above">above</fluent-switch>\n <fluent-switch label-position="after">after</fluent-switch>\n </div>\n`)'}},LabelPosition.parameters);var __namedExportsOrder=["Switch","Checked","Disabled","Required","LabelPosition"]},"./src/tabs/tabs.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TabsAppearance:()=>TabsAppearance,TabsDefault:()=>TabsDefault,TabsDisabled:()=>TabsDisabled,TabsHorizontal:()=>TabsHorizontal,TabsSizeLarge:()=>TabsSizeLarge,TabsSizeMedium:()=>TabsSizeMedium,TabsSizeSmall:()=>TabsSizeSmall,TabsVertical:()=>TabsVertical,__namedExportsOrder:()=>__namedExportsOrder,default:()=>tabs_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/tabs/tabs.definition.ts").D.define(fluent_design_system.H.registry),__webpack_require__("./src/tab/tab.definition.ts").D.define(fluent_design_system.H.registry),__webpack_require__("./src/tab-panel/tab-panel.definition.ts").D.define(fluent_design_system.H.registry);var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,tabs_options=__webpack_require__("./src/tabs/tabs.options.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var tabIds=["first-tab","second-tab","third-tab","fourth-tab"],tabsDefault=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n <fluent-tabs\n orientation=","\n appearance=","\n ?disabled=","\n size=","\n activeid=","\n >\n <fluent-tab id=","> First Tab </fluent-tab>\n <fluent-tab id=","> Second Tab</fluent-tab>\n <fluent-tab id=","> Third Tab</fluent-tab>\n <fluent-tab id=","> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel id=",">Tab One Content</fluent-tab-panel>\n <fluent-tab-panel id=",">Tab Two Content</fluent-tab-panel>\n <fluent-tab-panel id=",">Tab Three Content</fluent-tab-panel>\n <fluent-tab-panel id=",">Tab Four Content</fluent-tab-panel>\n </fluent-tabs>\n"])),(function(x){return x.orientation}),(function(x){return x.appearance}),(function(x){return x.disabled}),(function(x){return x.size}),(function(x){return x.activeid}),tabIds[0],tabIds[1],tabIds[2],tabIds[3],tabIds[0]+"-panel",tabIds[1]+"-panel",tabIds[2]+"-panel",tabIds[3]+"-panel"),TabsDefault=(0,helpers_stories.renderComponent)(tabsDefault).bind({}),tabsHorizontal=(0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <fluent-tabs orientation="horizontal">\n <fluent-tab> First Tab </fluent-tab>\n <fluent-tab> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n']))),TabsHorizontal=(0,helpers_stories.renderComponent)(tabsHorizontal).bind({}),tabsVertical=(0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <fluent-tabs orientation="vertical">\n <fluent-tab> First Tab </fluent-tab>\n <fluent-tab> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n']))),TabsVertical=(0,helpers_stories.renderComponent)(tabsVertical).bind({}),tabsAppearance=(0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <fluent-tabs appearance="transparent">\n <fluent-tab> First Tab </fluent-tab>\n <fluent-tab> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n <fluent-tabs appearance="subtle">\n <fluent-tab active> First Tab </fluent-tab>\n <fluent-tab> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n']))),TabsAppearance=(0,helpers_stories.renderComponent)(tabsAppearance).bind({}),tabsDisabledTabs=(0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n <fluent-tabs disabled>\n <fluent-tab> First Tab </fluent-tab>\n <fluent-tab> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n\n <fluent-tabs>\n <fluent-tab> First Tab </fluent-tab>\n <fluent-tab disabled> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n"]))),TabsDisabled=(0,helpers_stories.renderComponent)(tabsDisabledTabs).bind({}),tabsSizeSmall=(0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <fluent-tabs size="small">\n <fluent-tab> First Tab </fluent-tab>\n <fluent-tab> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n <fluent-tabs size="small" orientation="vertical">\n <fluent-tab> First Tab </fluent-tab>\n <fluent-tab> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n']))),TabsSizeSmall=(0,helpers_stories.renderComponent)(tabsSizeSmall).bind({}),tabsSizeMedium=(0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <fluent-tabs size="medium">\n <fluent-tab> First Tab </fluent-tab>\n <fluent-tab> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n <fluent-tabs size="medium" orientation="vertical">\n <fluent-tab> First Tab </fluent-tab>\n <fluent-tab> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n']))),TabsSizeMedium=(0,helpers_stories.renderComponent)(tabsSizeMedium).bind({}),tabsSizeLarge=(0,template.dy)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(['\n <fluent-tabs size="large">\n <fluent-tab> First Tab </fluent-tab>\n <fluent-tab> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n <fluent-tabs size="large" orientation="vertical">\n <fluent-tab> First Tab </fluent-tab>\n <fluent-tab> Second Tab</fluent-tab>\n <fluent-tab> Third Tab</fluent-tab>\n <fluent-tab> Fourth Tab</fluent-tab>\n\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n <fluent-tab-panel></fluent-tab-panel>\n </fluent-tabs>\n']))),TabsSizeLarge=(0,helpers_stories.renderComponent)(tabsSizeLarge).bind({});const tabs_stories={title:"Components/Tabs",args:{appearance:"transparent",disabled:!1,orientation:"horizontal",size:"medium"},argTypes:{appearance:{options:Object.values(tabs_options.Fx),defaultValue:tabs_options.Fx.transparent,control:{type:"select"}},activeid:{options:tabIds,defaultValue:tabIds[0],control:{type:"select"}},disabled:{options:[!0,!1],defaultValue:!1,control:{type:"select"}},size:{options:Object.values(tabs_options.K0),defaultValue:tabs_options.K0.medium,control:{type:"select"}},orientation:{options:Object.values(tabs_options.Gh),defaultValue:tabs_options.Gh.horizontal,control:{type:"select"}}}};TabsDefault.parameters=Object.assign({storySource:{source:"renderComponent(tabsDefault).bind({})"}},TabsDefault.parameters),TabsHorizontal.parameters=Object.assign({storySource:{source:"renderComponent(tabsHorizontal).bind({})"}},TabsHorizontal.parameters),TabsVertical.parameters=Object.assign({storySource:{source:"renderComponent(tabsVertical).bind({})"}},TabsVertical.parameters),TabsAppearance.parameters=Object.assign({storySource:{source:"renderComponent(tabsAppearance).bind({})"}},TabsAppearance.parameters),TabsDisabled.parameters=Object.assign({storySource:{source:"renderComponent(tabsDisabledTabs).bind({})"}},TabsDisabled.parameters),TabsSizeSmall.parameters=Object.assign({storySource:{source:"renderComponent(tabsSizeSmall).bind({})"}},TabsSizeSmall.parameters),TabsSizeMedium.parameters=Object.assign({storySource:{source:"renderComponent(tabsSizeMedium).bind({})"}},TabsSizeMedium.parameters),TabsSizeLarge.parameters=Object.assign({storySource:{source:"renderComponent(tabsSizeLarge).bind({})"}},TabsSizeLarge.parameters);var __namedExportsOrder=["TabsDefault","TabsHorizontal","TabsVertical","TabsAppearance","TabsDisabled","TabsSizeSmall","TabsSizeMedium","TabsSizeLarge"]},"./src/text-input/text-input.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Appearance:()=>Appearance,ContentStartAfter:()=>ContentStartAfter,Disabled:()=>Disabled,Inline:()=>Inline,Placeholder:()=>Placeholder,Required:()=>Required,Size:()=>Size,TextInput:()=>TextInput,__namedExportsOrder:()=>__namedExportsOrder,default:()=>text_input_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),design_tokens=__webpack_require__("./src/theme/design-tokens.ts"),text_input_options=__webpack_require__("./src/text-input/text-input.options.ts"),text_input=__webpack_require__("./src/text-input/index.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/text-input/text-input.definition.ts").D.define(fluent_design_system.H.registry);var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9;__webpack_require__("./src/text/define.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var Person20Regular=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['<svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n>\n <path\n d="M10 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8ZM7 6a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm-2 5a2 2 0 0 0-2 2c0 1.7.83 2.97 2.13 3.8A9.14 9.14 0 0 0 10 18c1.85 0 3.58-.39 4.87-1.2A4.35 4.35 0 0 0 17 13a2 2 0 0 0-2-2H5Zm-1 2a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1c0 1.3-.62 2.28-1.67 2.95A8.16 8.16 0 0 1 10 17a8.16 8.16 0 0 1-4.33-1.05A3.36 3.36 0 0 1 4 13Z"\n fill="currentColor"\n ></path>\n</svg>']))),storyTemplate=(0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <div style="display: flex; flex-direction: column;">\n <fluent-text-input\n type=',"\n ?disabled=",'\n placeholder="','"\n control-size="','"\n appearance="','"\n >\n <fluent-label>Sample Input</fluent-label>\n </fluent-text-input>\n </div>\n'])),(function(x){return x.type}),(function(x){return x.disabled}),(function(x){return x.placeholder}),(function(x){return x.controlSize}),(function(x){return x.appearance}));const text_input_stories={title:"Components/TextInput",args:{type:text_input.TextInputType.text,controlSize:text_input_options._$.medium,appearance:text_input_options.Wh.outline,disabled:!1,placeholder:void 0},argTypes:{type:{description:"Sets the input type",table:{defaultValue:{summary:""+text_input.TextInputType.text}},options:Object.values(text_input.TextInputType),control:{type:"select"}},controlSize:{description:"Sets the size of the control",table:{defaultValue:{summary:""+text_input_options._$.medium}},control:{type:"select",options:Object.values(text_input_options._$)}},appearance:{description:"Sets the visual appearance of the control",table:{defaultValue:{summary:""+text_input_options.Wh.outline}},control:{type:"select",options:Object.values(text_input_options.Wh)}},disabled:{description:"Sets the disabled state",table:{defaultValue:{summary:"false"}},control:{type:"boolean"}},placeholder:{description:"Sets the placeholder text",control:{type:"text"}}}};var TextInput=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),ContentStartAfter=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <div style="display: flex; flex-direction: column; gap: 30px;">\n <fluent-text-input>\n <span slot="start">','</span>\n <fluent-label>Content Start</fluent-label>\n </fluent-text-input>\n <fluent-text-input>\n <span slot="end">','</span>\n <fluent-label>Content After</fluent-label>\n </fluent-text-input>\n <fluent-text-input>\n <fluent-text slot="start" size="400"><span>$</span></fluent-text>\n <fluent-text slot="end" size="400"><span>.00</span></fluent-text>\n <fluent-label>Content Before + After</fluent-label>\n </fluent-text-input>\n </div>\n'])),Person20Regular,Person20Regular)),Placeholder=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <fluent-text-input placeholder="This is a placeholder">\n <span slot="end">',"</span>\n <fluent-label>Input with a placeholder</fluent-label>\n </fluent-text-input>\n"])),Person20Regular)),Appearance=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <div style="display: flex; flex-direction: column; gap: 30px; width: 400px;">\n <div style="padding: 10px;">\n <fluent-text-input>\n <span slot="start">','</span>\n <fluent-label>Outline (default) Input</fluent-label>\n </fluent-text-input>\n </div>\n <div style="padding: 10px;">\n <fluent-text-input appearance="underline">\n <span slot="start">','</span>\n <fluent-label>Underlined Input</fluent-label>\n </fluent-text-input>\n </div>\n <div style="padding: 10px; background: ','">\n <fluent-text-input appearance="filled-lighter">\n <span slot="start">','</span>\n <fluent-label style="color: ','">Filled Lighter Input</fluent-label>\n </fluent-text-input>\n </div>\n <div style="padding: 10px; background: ','">\n <fluent-text-input appearance="filled-darker">\n <span slot="start">','</span>\n <fluent-label style="color: ','">Filled Darker Input</fluent-label>\n </fluent-text-input>\n </div>\n </div>\n'])),Person20Regular,Person20Regular,design_tokens.colorNeutralBackgroundInverted,Person20Regular,design_tokens.colorNeutralForegroundInverted2,design_tokens.colorNeutralBackgroundInverted,Person20Regular,design_tokens.colorNeutralForegroundInverted2)),Size=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <div style="display: flex; flex-direction: column; gap: 30px;">\n <fluent-text-input control-size="small">\n <span slot="end">','</span>\n <fluent-label size="small">Small Input</fluent-label>\n </fluent-text-input>\n\n <fluent-text-input>\n <span slot="end">','</span>\n <fluent-label>Medium (default) Input</fluent-label>\n </fluent-text-input>\n\n <fluent-text-input control-size="large">\n <span slot="end">','</span>\n <fluent-label size="large">Large Input</fluent-label>\n </fluent-text-input>\n </div>\n'])),Person20Regular,Person20Regular,Person20Regular)),Inline=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text-input style="display: inline-flex; align-items: center; margin-bottom: 22px;">\n <span slot="end">','</span>\n <fluent-label>Inline Input</fluent-label>\n </fluent-text-input>\n <fluent-text\n align="start"\n font="base"\n size="300"\n weight="regular"\n style="display: flex; align-items: center; gap: 4px;"\n >\n <span\n >This input is an\n <fluent-text-input\n style="display: inline-flex; align-items: center;"\n placeholder="inline text input"\n ></fluent-text-input>\n with a paragraph of text.</span\n >\n </fluent-text>\n </div>\n'])),Person20Regular)),Disabled=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(['\n <fluent-text-input disabled>\n <span slot="end">',"</span>\n <fluent-label>Disabled Input</fluent-label>\n </fluent-text-input>\n"])),Person20Regular)),Required=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(['\n <fluent-text-input required>\n <span slot="end">',"</span>\n <fluent-label>Required Input</fluent-label>\n </fluent-text-input>\n"])),Person20Regular));TextInput.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},TextInput.parameters),ContentStartAfter.parameters=Object.assign({storySource:{source:'renderComponent(html<TextInputStoryArgs>`\n <div style="display: flex; flex-direction: column; gap: 30px;">\n <fluent-text-input>\n <span slot="start">${Person20Regular}</span>\n <fluent-label>Content Start</fluent-label>\n </fluent-text-input>\n <fluent-text-input>\n <span slot="end">${Person20Regular}</span>\n <fluent-label>Content After</fluent-label>\n </fluent-text-input>\n <fluent-text-input>\n <fluent-text slot="start" size="400"><span>$</span></fluent-text>\n <fluent-text slot="end" size="400"><span>.00</span></fluent-text>\n <fluent-label>Content Before + After</fluent-label>\n </fluent-text-input>\n </div>\n`)'}},ContentStartAfter.parameters),Placeholder.parameters=Object.assign({storySource:{source:'renderComponent(html<TextInputStoryArgs>`\n <fluent-text-input placeholder="This is a placeholder">\n <span slot="end">${Person20Regular}</span>\n <fluent-label>Input with a placeholder</fluent-label>\n </fluent-text-input>\n`)'}},Placeholder.parameters),Appearance.parameters=Object.assign({storySource:{source:'renderComponent(html<TextInputStoryArgs>`\n <div style="display: flex; flex-direction: column; gap: 30px; width: 400px;">\n <div style="padding: 10px;">\n <fluent-text-input>\n <span slot="start">${Person20Regular}</span>\n <fluent-label>Outline (default) Input</fluent-label>\n </fluent-text-input>\n </div>\n <div style="padding: 10px;">\n <fluent-text-input appearance="underline">\n <span slot="start">${Person20Regular}</span>\n <fluent-label>Underlined Input</fluent-label>\n </fluent-text-input>\n </div>\n <div style="padding: 10px; background: ${colorNeutralBackgroundInverted}">\n <fluent-text-input appearance="filled-lighter">\n <span slot="start">${Person20Regular}</span>\n <fluent-label style="color: ${colorNeutralForegroundInverted2}">Filled Lighter Input</fluent-label>\n </fluent-text-input>\n </div>\n <div style="padding: 10px; background: ${colorNeutralBackgroundInverted}">\n <fluent-text-input appearance="filled-darker">\n <span slot="start">${Person20Regular}</span>\n <fluent-label style="color: ${colorNeutralForegroundInverted2}">Filled Darker Input</fluent-label>\n </fluent-text-input>\n </div>\n </div>\n`)'}},Appearance.parameters),Size.parameters=Object.assign({storySource:{source:'renderComponent(html<TextInputStoryArgs>`\n <div style="display: flex; flex-direction: column; gap: 30px;">\n <fluent-text-input control-size="small">\n <span slot="end">${Person20Regular}</span>\n <fluent-label size="small">Small Input</fluent-label>\n </fluent-text-input>\n\n <fluent-text-input>\n <span slot="end">${Person20Regular}</span>\n <fluent-label>Medium (default) Input</fluent-label>\n </fluent-text-input>\n\n <fluent-text-input control-size="large">\n <span slot="end">${Person20Regular}</span>\n <fluent-label size="large">Large Input</fluent-label>\n </fluent-text-input>\n </div>\n`)'}},Size.parameters),Inline.parameters=Object.assign({storySource:{source:'renderComponent(html<TextInputStoryArgs>`\n <div>\n <fluent-text-input style="display: inline-flex; align-items: center; margin-bottom: 22px;">\n <span slot="end">${Person20Regular}</span>\n <fluent-label>Inline Input</fluent-label>\n </fluent-text-input>\n <fluent-text\n align="start"\n font="base"\n size="300"\n weight="regular"\n style="display: flex; align-items: center; gap: 4px;"\n >\n <span\n >This input is an\n <fluent-text-input\n style="display: inline-flex; align-items: center;"\n placeholder="inline text input"\n ></fluent-text-input>\n with a paragraph of text.</span\n >\n </fluent-text>\n </div>\n`)'}},Inline.parameters),Disabled.parameters=Object.assign({storySource:{source:'renderComponent(html<TextInputStoryArgs>`\n <fluent-text-input disabled>\n <span slot="end">${Person20Regular}</span>\n <fluent-label>Disabled Input</fluent-label>\n </fluent-text-input>\n`)'}},Disabled.parameters),Required.parameters=Object.assign({storySource:{source:'renderComponent(html<TextInputStoryArgs>`\n <fluent-text-input required>\n <span slot="end">${Person20Regular}</span>\n <fluent-label>Required Input</fluent-label>\n </fluent-text-input>\n`)'}},Required.parameters);var __namedExportsOrder=["TextInput","ContentStartAfter","Placeholder","Appearance","Size","Inline","Disabled","Required"]},"./src/text/text.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Align:()=>Align,Block:()=>Block,Font:()=>Font,Italic:()=>Italic,Nowrap:()=>Nowrap,Size:()=>Size,Strikethrough:()=>Strikethrough,Text:()=>Text,Truncate:()=>Truncate,Underline:()=>Underline,Weight:()=>Weight,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.italics.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/helpers.stories.ts"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/design-tokens.ts"),_text_options_js__WEBPACK_IMPORTED_MODULE_9__=(__webpack_require__("./src/text/define.ts"),__webpack_require__("./src/text/text.options.ts"));function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var storyTemplate=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n <fluent-text\n align=","\n font=","\n size=","\n weight=","\n ?nowrap=","\n ?truncate=","\n ?italic=","\n ?underline=","\n ?strikethrough=","\n ?block=","\n >","</fluent-text\n >\n"])),(function(x){return x.align}),(function(x){return x.font}),(function(x){return x.size}),(function(x){return x.weight}),(function(x){return x.nowrap}),(function(x){return x.truncate}),(function(x){return x.italic}),(function(x){return x.underline}),(function(x){return x.strikethrough}),(function(x){return x.block}),(function(x){return function generateSemanticElementTemplate(as,content){switch(as){case"h1":return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["<h1>","</h1>"])),content);case"h2":return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["<h2>","</h2>"])),content);case"h3":return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["<h3>","</h3>"])),content);case"h4":return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["<h4>","</h4>"])),content);case"h5":return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["<h5>","</h5>"])),content);case"h6":return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["<h6>","</h6>"])),content);case"p":return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["<p>","</p>"])),content);case"pre":return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["<pre>","</pre>"])),content);default:return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["<span>","</span>"])),content)}}(x.as,x.content)}));const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Text",args:{content:"Text",nowrap:!1,truncate:!1,italic:!1,underline:!1,strikethrough:!1,block:!1},argTypes:{as:{options:["h1","h2","h3","h4","h5","h6","p","pre","span"],control:{type:"select"}},size:{options:Object.values(_text_options_js__WEBPACK_IMPORTED_MODULE_9__.yH),control:{type:"select"}},weight:{options:Object.keys(_text_options_js__WEBPACK_IMPORTED_MODULE_9__.fs),control:{type:"select"}},align:{options:Object.keys(_text_options_js__WEBPACK_IMPORTED_MODULE_9__.PH),control:{type:"select"}},font:{options:Object.keys(_text_options_js__WEBPACK_IMPORTED_MODULE_9__.IH),control:{type:"select"}},nowrap:{control:"boolean"},truncate:{control:"boolean"},italic:{control:"boolean"},underline:{control:"boolean"},strikethrough:{control:"boolean"},block:{control:"boolean"}}};var Text=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__.renderComponent)(storyTemplate).bind({}),Nowrap=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(['\n <fluent-text nowrap>\n <div style="display: block; width: 320px; border: 1px solid black;">\n This text will not wrap lines when it overflows the container.\n </div>\n </fluent-text>\n'])))),Truncate=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose(['\n <fluent-text truncate nowrap>\n <div style="display: block; width: 320px; border: 1px solid black;">\n Setting <code>truncate</code> and <code>nowrap</code> will truncate when it overflows the container.\n </div>\n </fluent-text>\n'])))),Italic=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject13||(_templateObject13=_taggedTemplateLiteralLoose(["\n <fluent-text italic>\n <span>Italics are emphasized text.</span>\n </fluent-text>\n"])))),Underline=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject14||(_templateObject14=_taggedTemplateLiteralLoose(["\n <fluent-text underline>\n <span>Underlined text draws the reader's attention to the words.</span>\n </fluent-text>\n"])))),Strikethrough=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject15||(_templateObject15=_taggedTemplateLiteralLoose(["\n <fluent-text strikethrough>\n <span>Strikethrough text is used to indicate something that is no longer relevant.</span>\n </fluent-text>\n"])))),Block=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject16||(_templateObject16=_taggedTemplateLiteralLoose(['\n <span>\n <fluent-text style="background: ','"\n ><span>Fluent text is inline by default. Setting</span></fluent-text\n >\n <fluent-text style="background: ','" block><span>block</span></fluent-text>\n <fluent-text style="background: ','"\n ><span>will make it behave as a block element.</span></fluent-text\n >\n </span>\n'])),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_7__.colorNeutralBackground6,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_7__.colorNeutralBackground6,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_7__.colorNeutralBackground6)),Size=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject17||(_templateObject17=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text block size="100"><span>100</span></fluent-text>\n <fluent-text block size="200"><span>200</span></fluent-text>\n <fluent-text block size="300"><span>300</span></fluent-text>\n <fluent-text block size="400"><span>400</span></fluent-text>\n <fluent-text block size="500"><span>500</span></fluent-text>\n <fluent-text block size="600"><span>600</span></fluent-text>\n <fluent-text block size="700"><span>700</span></fluent-text>\n <fluent-text block size="800"><span>800</span></fluent-text>\n <fluent-text block size="900"><span>900</span></fluent-text>\n <fluent-text block size="1000"><span>1000</span></fluent-text>\n </div>\n'])))),Weight=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject18||(_templateObject18=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text block weight="regular"><span>This text is regular.</span></fluent-text>\n <fluent-text block weight="medium"><span>This text is medium.</span></fluent-text>\n <fluent-text block weight="semibold"><span>This text is semibold.</span></fluent-text>\n <fluent-text block weight="bold"><span>This text is bold.</span></fluent-text>\n </div>\n'])))),Align=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject19||(_templateObject19=_taggedTemplateLiteralLoose(['\n <div\n style="display: flex; flex-direction: column; gap: 20px; width: 320px; border-left: 1px solid #000; border-right: 1px solid #000;"\n >\n <fluent-text block align="start">\n <span>Start aligned block.</span>\n </fluent-text>\n <fluent-text block align="end">\n <span>End aligned block.</span>\n </fluent-text>\n <fluent-text block align="center">\n <span>Center aligned block.</span>\n </fluent-text>\n <fluent-text block align="justify">\n <span>Justify aligned block text stretches wrapped lines to meet container edges.</span>\n </fluent-text>\n </div>\n'])))),Font=(0,_helpers_stories_js__WEBPACK_IMPORTED_MODULE_6__.renderComponent)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.dy)(_templateObject20||(_templateObject20=_taggedTemplateLiteralLoose(['\n <div>\n <fluent-text block font="base"><span>Font base.</span></fluent-text>\n <fluent-text block font="numeric"><span>Font numeric 0123456789.</span></fluent-text>\n <fluent-text block font="monospace"><span>Font monospace.</span></fluent-text>\n </div>\n']))));Text.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Text.parameters),Nowrap.parameters=Object.assign({storySource:{source:'renderComponent(html<TextStoryArgs>`\n <fluent-text nowrap>\n <div style="display: block; width: 320px; border: 1px solid black;">\n This text will not wrap lines when it overflows the container.\n </div>\n </fluent-text>\n`)'}},Nowrap.parameters),Truncate.parameters=Object.assign({storySource:{source:'renderComponent(html<TextStoryArgs>`\n <fluent-text truncate nowrap>\n <div style="display: block; width: 320px; border: 1px solid black;">\n Setting <code>truncate</code> and <code>nowrap</code> will truncate when it overflows the container.\n </div>\n </fluent-text>\n`)'}},Truncate.parameters),Italic.parameters=Object.assign({storySource:{source:"renderComponent(html<TextStoryArgs>`\n <fluent-text italic>\n <span>Italics are emphasized text.</span>\n </fluent-text>\n`)"}},Italic.parameters),Underline.parameters=Object.assign({storySource:{source:"renderComponent(html<TextStoryArgs>`\n <fluent-text underline>\n <span>Underlined text draws the reader's attention to the words.</span>\n </fluent-text>\n`)"}},Underline.parameters),Strikethrough.parameters=Object.assign({storySource:{source:"renderComponent(html<TextStoryArgs>`\n <fluent-text strikethrough>\n <span>Strikethrough text is used to indicate something that is no longer relevant.</span>\n </fluent-text>\n`)"}},Strikethrough.parameters),Block.parameters=Object.assign({storySource:{source:'renderComponent(html<TextStoryArgs>`\n <span>\n <fluent-text style="background: ${colorNeutralBackground6}"\n ><span>Fluent text is inline by default. Setting</span></fluent-text\n >\n <fluent-text style="background: ${colorNeutralBackground6}" block><span>block</span></fluent-text>\n <fluent-text style="background: ${colorNeutralBackground6}"\n ><span>will make it behave as a block element.</span></fluent-text\n >\n </span>\n`)'}},Block.parameters),Size.parameters=Object.assign({storySource:{source:'renderComponent(html<TextStoryArgs>`\n <div>\n <fluent-text block size="100"><span>100</span></fluent-text>\n <fluent-text block size="200"><span>200</span></fluent-text>\n <fluent-text block size="300"><span>300</span></fluent-text>\n <fluent-text block size="400"><span>400</span></fluent-text>\n <fluent-text block size="500"><span>500</span></fluent-text>\n <fluent-text block size="600"><span>600</span></fluent-text>\n <fluent-text block size="700"><span>700</span></fluent-text>\n <fluent-text block size="800"><span>800</span></fluent-text>\n <fluent-text block size="900"><span>900</span></fluent-text>\n <fluent-text block size="1000"><span>1000</span></fluent-text>\n </div>\n`)'}},Size.parameters),Weight.parameters=Object.assign({storySource:{source:'renderComponent(html<TextStoryArgs>`\n <div>\n <fluent-text block weight="regular"><span>This text is regular.</span></fluent-text>\n <fluent-text block weight="medium"><span>This text is medium.</span></fluent-text>\n <fluent-text block weight="semibold"><span>This text is semibold.</span></fluent-text>\n <fluent-text block weight="bold"><span>This text is bold.</span></fluent-text>\n </div>\n`)'}},Weight.parameters),Align.parameters=Object.assign({storySource:{source:'renderComponent(html<TextStoryArgs>`\n <div\n style="display: flex; flex-direction: column; gap: 20px; width: 320px; border-left: 1px solid #000; border-right: 1px solid #000;"\n >\n <fluent-text block align="start">\n <span>Start aligned block.</span>\n </fluent-text>\n <fluent-text block align="end">\n <span>End aligned block.</span>\n </fluent-text>\n <fluent-text block align="center">\n <span>Center aligned block.</span>\n </fluent-text>\n <fluent-text block align="justify">\n <span>Justify aligned block text stretches wrapped lines to meet container edges.</span>\n </fluent-text>\n </div>\n`)'}},Align.parameters),Font.parameters=Object.assign({storySource:{source:'renderComponent(html<TextStoryArgs>`\n <div>\n <fluent-text block font="base"><span>Font base.</span></fluent-text>\n <fluent-text block font="numeric"><span>Font numeric 0123456789.</span></fluent-text>\n <fluent-text block font="monospace"><span>Font monospace.</span></fluent-text>\n </div>\n`)'}},Font.parameters);var __namedExportsOrder=["Text","Nowrap","Truncate","Italic","Underline","Strikethrough","Block","Size","Weight","Align","Font"]},"./src/theme/theme.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Tokens:()=>Tokens,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _microsoft_fast_foundation_design_token_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/design-token/fast-design-token.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");_microsoft_fast_foundation_design_token_js__WEBPACK_IMPORTED_MODULE_2__.L.registerDefaultStyleTarget();const __WEBPACK_DEFAULT_EXPORT__={title:"Theme/Tokens"};var Tokens=function Tokens(){return'\n<div>\n <h3>Theme Tokens</h3>\n <p>Debug story which uses theme tokens to style the element below.</p>\n <div style="\n font-family: var('+_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase+");\n font-size: var("+_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300+");\n background: var("+_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandBackground+");\n color: var("+_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundOnBrand+");\n border: var("+_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThicker+") solid var("+_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke1+");\n padding: var("+_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS+") var("+_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalM+");\n box-shadow: var("+_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow28+');\n ">colorNeutralForegroundOnBrand on colorBrandBackground with shadow28</div>\n</div>\n'};Tokens.parameters=Object.assign({storySource:{source:'() => `\n<div>\n <h3>Theme Tokens</h3>\n <p>Debug story which uses theme tokens to style the element below.</p>\n <div style="\n font-family: var(${tokens.fontFamilyBase});\n font-size: var(${tokens.fontSizeBase300});\n background: var(${tokens.colorBrandBackground});\n color: var(${tokens.colorNeutralForegroundOnBrand});\n border: var(${tokens.strokeWidthThicker}) solid var(${tokens.colorNeutralStroke1});\n padding: var(${tokens.spacingVerticalS}) var(${tokens.spacingHorizontalM});\n box-shadow: var(${tokens.shadow28});\n ">colorNeutralForegroundOnBrand on colorBrandBackground with shadow28</div>\n</div>\n`'}},Tokens.parameters);var __namedExportsOrder=["Tokens"]},"./src/toggle-button/toggle-button.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Appearance:()=>Appearance,Button:()=>Button,Checked:()=>Checked,Disabled:()=>Disabled,Shape:()=>Shape,Size:()=>Size,WithLongText:()=>WithLongText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>toggle_button_stories});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,template=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),helpers_stories=__webpack_require__("./src/helpers.stories.ts"),toggle_button_options=__webpack_require__("./src/toggle-button/toggle-button.options.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}__webpack_require__("./src/toggle-button/toggle-button.definition.ts").D.define(fluent_design_system.H.registry);var storyTemplate=(0,template.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <fluent-toggle-button\n appearance="','"\n shape="','"\n size="','"\n ?checked="','"\n ?disabled="','"\n ?disabled-focusable="','"\n ?icon-only="','"\n >\n ',"\n </fluent-toggle-button>\n"])),(function(x){return x.appearance}),(function(x){return x.shape}),(function(x){return x.size}),(function(x){return x.checked}),(function(x){return x.disabled}),(function(x){return x.disabledFocusable}),(function(x){return x.iconOnly}),(function(x){return x.content}));const toggle_button_stories={title:"Components/Button/Toggle Button",args:{content:"Button",disabled:!1,disabledFocusable:!1},argTypes:{appearance:{options:Object.values(toggle_button_options.nY),control:{type:"select"}},shape:{options:Object.values(toggle_button_options.o3),control:{type:"select"}},size:{options:Object.values(toggle_button_options.Bx),control:{type:"select"}},checked:{control:"boolean",table:{type:{summary:"Sets the checked state of the component"},defaultValue:{summary:"false"}}},disabled:{control:"boolean",table:{type:{summary:"Sets the disabled state of the component"},defaultValue:{summary:"false"}}},disabledFocusable:{control:"boolean",table:{type:{summary:"The component is disabled but still focusable"},defaultValue:{summary:"false"}}},content:{control:"Button text"}}};var Button=(0,helpers_stories.renderComponent)(storyTemplate).bind({}),Appearance=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <fluent-toggle-button>Default</fluent-toggle-button>\n <fluent-toggle-button appearance="primary">Primary</fluent-toggle-button>\n <fluent-toggle-button appearance="outline">Outline</fluent-toggle-button>\n <fluent-toggle-button appearance="subtle">Subtle</fluent-toggle-button>\n <fluent-toggle-button appearance="transparent">Transparent</fluent-toggle-button>\n'])))),Checked=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <fluent-toggle-button checked>Default checked</fluent-toggle-button>\n <fluent-toggle-button checked appearance="primary">Primary checked</fluent-toggle-button>\n <fluent-toggle-button checked appearance="outline">Outline checked</fluent-toggle-button>\n <fluent-toggle-button checked appearance="subtle">Subtle checked</fluent-toggle-button>\n <fluent-toggle-button checked appearance="transparent">Transparent checked</fluent-toggle-button>\n'])))),Shape=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <fluent-toggle-button shape="rounded">Rounded</fluent-toggle-button>\n <fluent-toggle-button shape="circular">Circular</fluent-toggle-button>\n <fluent-toggle-button shape="square">Square</fluent-toggle-button>\n'])))),Size=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(['\n <fluent-toggle-button size="small">Small</fluent-toggle-button>\n <fluent-toggle-button size="small"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Small with calendar icon</fluent-toggle-button\n >\n <fluent-toggle-button size="small" icon-only aria-label="Small icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-toggle-button>\n <fluent-toggle-button size="medium">Medium</fluent-toggle-button>\n <fluent-toggle-button size="medium"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Medium with calendar icon</fluent-toggle-button\n >\n <fluent-toggle-button size="medium" icon-only aria-label="Medium icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-toggle-button>\n <fluent-toggle-button size="large">Large</fluent-toggle-button>\n <fluent-toggle-button size="large"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Large with calendar icon</fluent-toggle-button\n >\n <fluent-toggle-button size="large" icon-only aria-label="Large icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-toggle-button>\n'])))),Disabled=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(['\n <fluent-toggle-button>Enabled state</fluent-toggle-button>\n <fluent-toggle-button disabled>Disabled state</fluent-toggle-button>\n <fluent-toggle-button disabled-focusable>Disabled focusable state</fluent-toggle-button>\n <fluent-toggle-button appearance="primary">Enabled state</fluent-toggle-button>\n <fluent-toggle-button appearance="primary" disabled>Disabled state</fluent-toggle-button>\n <fluent-toggle-button appearance="primary" disabled-focusable>Disabled focusable state</fluent-toggle-button>\n'])))),WithLongText=(0,helpers_stories.renderComponent)((0,template.dy)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(['\n <style>\n .max-width {\n width: 280px;\n }\n </style>\n <fluent-toggle-button>Short text</fluent-toggle-button>\n <fluent-toggle-button class="max-width"\n >Long text wraps after it hits the max width of the component</fluent-toggle-button\n >\n']))));Button.parameters=Object.assign({storySource:{source:"renderComponent(storyTemplate).bind({})"}},Button.parameters),Appearance.parameters=Object.assign({storySource:{source:'renderComponent(html<ToggleButtonStoryArgs>`\n <fluent-toggle-button>Default</fluent-toggle-button>\n <fluent-toggle-button appearance="primary">Primary</fluent-toggle-button>\n <fluent-toggle-button appearance="outline">Outline</fluent-toggle-button>\n <fluent-toggle-button appearance="subtle">Subtle</fluent-toggle-button>\n <fluent-toggle-button appearance="transparent">Transparent</fluent-toggle-button>\n`)'}},Appearance.parameters),Checked.parameters=Object.assign({storySource:{source:'renderComponent(html<ToggleButtonStoryArgs>`\n <fluent-toggle-button checked>Default checked</fluent-toggle-button>\n <fluent-toggle-button checked appearance="primary">Primary checked</fluent-toggle-button>\n <fluent-toggle-button checked appearance="outline">Outline checked</fluent-toggle-button>\n <fluent-toggle-button checked appearance="subtle">Subtle checked</fluent-toggle-button>\n <fluent-toggle-button checked appearance="transparent">Transparent checked</fluent-toggle-button>\n`)'}},Checked.parameters),Shape.parameters=Object.assign({storySource:{source:'renderComponent(html<ToggleButtonStoryArgs>`\n <fluent-toggle-button shape="rounded">Rounded</fluent-toggle-button>\n <fluent-toggle-button shape="circular">Circular</fluent-toggle-button>\n <fluent-toggle-button shape="square">Square</fluent-toggle-button>\n`)'}},Shape.parameters),Size.parameters=Object.assign({storySource:{source:'renderComponent(html<ToggleButtonStoryArgs>`\n <fluent-toggle-button size="small">Small</fluent-toggle-button>\n <fluent-toggle-button size="small"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Small with calendar icon</fluent-toggle-button\n >\n <fluent-toggle-button size="small" icon-only aria-label="Small icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-toggle-button>\n <fluent-toggle-button size="medium">Medium</fluent-toggle-button>\n <fluent-toggle-button size="medium"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Medium with calendar icon</fluent-toggle-button\n >\n <fluent-toggle-button size="medium" icon-only aria-label="Medium icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-toggle-button>\n <fluent-toggle-button size="large">Large</fluent-toggle-button>\n <fluent-toggle-button size="large"\n ><svg\n fill="currentColor"\n slot="start"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n >Large with calendar icon</fluent-toggle-button\n >\n <fluent-toggle-button size="large" icon-only aria-label="Large icon only button"\n ><svg\n fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M14.5 3A2.5 2.5 0 0117 5.5v9a2.5 2.5 0 01-2.5 2.5h-9A2.5 2.5 0 013 14.5v-9A2.5 2.5 0 015.5 3h9zm0 1h-9C4.67 4 4 4.67 4 5.5v9c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5zM7 11a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zM7 7a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2zm3 0a1 1 0 110 2 1 1 0 010-2z"\n fill="currentColor"\n ></path></svg\n ></fluent-toggle-button>\n`)'}},Size.parameters),Disabled.parameters=Object.assign({storySource:{source:'renderComponent(html<ToggleButtonStoryArgs>`\n <fluent-toggle-button>Enabled state</fluent-toggle-button>\n <fluent-toggle-button disabled>Disabled state</fluent-toggle-button>\n <fluent-toggle-button disabled-focusable>Disabled focusable state</fluent-toggle-button>\n <fluent-toggle-button appearance="primary">Enabled state</fluent-toggle-button>\n <fluent-toggle-button appearance="primary" disabled>Disabled state</fluent-toggle-button>\n <fluent-toggle-button appearance="primary" disabled-focusable>Disabled focusable state</fluent-toggle-button>\n`)'}},Disabled.parameters),WithLongText.parameters=Object.assign({storySource:{source:'renderComponent(html<ToggleButtonStoryArgs>`\n <style>\n .max-width {\n width: 280px;\n }\n </style>\n <fluent-toggle-button>Short text</fluent-toggle-button>\n <fluent-toggle-button class="max-width"\n >Long text wraps after it hits the max width of the component</fluent-toggle-button\n >\n`)'}},WithLongText.parameters);var __namedExportsOrder=["Button","Appearance","Checked","Shape","Size","Disabled","WithLongText"]},"./src/accordion-item/accordion-item.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_accordion_item_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/accordion-item/accordion-item.ts"),_accordion_item_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/accordion-item/accordion-item.styles.ts"),_accordion_item_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/accordion-item/accordion-item.template.ts"),definition=_accordion_item_js__WEBPACK_IMPORTED_MODULE_1__.Q.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-accordion-item",template:_accordion_item_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_accordion_item_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/accordion-item/accordion-item.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>AccordionItemExpandIconPosition,i:()=>AccordionItemSize});var AccordionItemSize={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},AccordionItemExpandIconPosition={start:"start",end:"end"}},"./src/accordion-item/accordion-item.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n max-width: fit-content;\n contain: content;\n }\n\n .heading {\n height: 44px;\n display: grid;\n position: relative;\n vertical-align: middle;\n padding-inline: var(",") var(",");\n border-radius: var(",");\n font-family: var(",");\n font-size: var(",");\n font-weight: var(",");\n line-height: var(",");\n grid-template-columns: auto auto 1fr auto;\n }\n\n .heading-content {\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .button {\n box-sizing: border-box;\n appearance: none;\n border: none;\n outline: none;\n text-align: start;\n cursor: pointer;\n font-family: inherit;\n height: 44px;\n color: var(",");\n background: var(",");\n line-height: var(",");\n height: auto;\n padding: 0;\n font-size: inherit;\n grid-column: auto / span 2;\n grid-row: 1;\n }\n\n .button::before {\n content: '';\n position: absolute;\n inset: 0px;\n cursor: pointer;\n border-radius: var(",");\n }\n\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n position: relative;\n height: 100%;\n padding-right: var(",");\n grid-column: 1 / span 1;\n grid-row: 1;\n }\n\n .region {\n margin: 0 var(",");\n }\n\n ::slotted([slot='start']),\n ::slotted([slot='end']) {\n justify-content: center;\n align-items: center;\n padding-right: var(",");\n grid-column: 2 / span 1;\n grid-row: 1 / span 1;\n }\n\n button:focus-visible::after {\n content: '';\n position: absolute;\n inset: 0px;\n cursor: pointer;\n border-radius: var(",");\n outline: none;\n border: 2px solid var(",");\n box-shadow: inset 0 0 0 1px var(",");\n }\n\n /* --- Disabled attr styles --- */\n\n :host([disabled]) .button {\n color: var(",");\n }\n :host([disabled]) svg {\n filter: invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%);\n }\n\n /* --- Expanded attr styles --- */\n\n :host([expanded]) .region {\n display: block;\n }\n\n :host([expanded]) .default-collapsed-icon,\n :host([expanded]) ::slotted([slot='collapsed-icon']),\n :host(:not([expanded])) .default-expanded-icon,\n :host(:not([expanded])) ::slotted([slot='expanded-icon']),\n :host([expanded]) ::slotted([slot='end']),\n ::slotted([slot='start']),\n .region {\n display: none;\n }\n\n :host([expanded]) ::slotted([slot='start']),\n :host([expanded]) ::slotted([slot='expanded-icon']),\n :host(:not([expanded])) ::slotted([slot='collapsed-icon']),\n ::slotted([slot='end']) {\n display: flex;\n }\n\n /* --- Appearance attr styles --- */\n\n .heading {\n font-size: var(",");\n line-height: var(",");\n }\n\n :host([size='small']) .heading {\n font-size: var(",");\n line-height: var(",");\n }\n\n :host([size='large']) .heading {\n font-size: var(",");\n line-height: var(",");\n }\n\n :host([size='extra-large']) .heading {\n font-size: var(",");\n line-height: var(",");\n }\n\n /* --- expand-icon-position attr styles --- */\n\n :host([expand-icon-position='end']) :slotted(span[slot='start']),\n :host([expand-icon-position='end']) ::slotted(span[slot='end']) {\n grid-column: 1 / span 1;\n grid-row: 1;\n }\n\n :host([expand-icon-position='end']) ::slotted(span[slot='start']),\n :host([expand-icon-position='end']) ::slotted(span[slot='end']) {\n grid-column: 1 / span 1;\n grid-row: 1;\n }\n\n :host([expand-icon-position='end']) .icon {\n grid-column: 4 / span 1;\n grid-row: 1;\n display: flex;\n padding-left: 10px;\n padding-right: 0;\n }\n\n :host([expand-icon-position='end']) .button {\n grid-column: 2 / span 3;\n grid-row: 1;\n }\n\n /* --- Block attr styles --- */\n\n :host([block]) {\n max-width: 100%;\n }\n\n :host([expand-icon-position='end']) .heading {\n grid-template-columns: auto auto 28px;\n }\n\n :host([expand-icon-position='end']) .icon {\n grid-column: 5 / span 1;\n }\n\n :host([block][expand-icon-position='end']) .heading {\n grid-template-columns: auto 1fr;\n }\n\n :host([block][expand-icon-position='end']) .icon {\n grid-column: 5 / span 1;\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("block"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalM,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalMNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusSmall,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalM,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusSmall,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase500,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase500)},"./src/accordion-item/accordion-item.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/ref.js"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/patterns/index.ts"),_utils_index_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function accordionItemTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <div\n class="heading"\n part="heading"\n role="heading"\n aria-level="','"\n >\n <button\n class="button"\n part="button"\n ','\n ?disabled="','"\n aria-expanded="','"\n aria-controls="','-panel"\n id="','"\n @click="','"\n >\n <span class="heading-content" part="heading-content">\n <slot name="heading"></slot>\n </span>\n </button>\n ',"\n ",'\n <span class="icon" part="icon" aria-hidden="true">\n <slot name="expanded-icon">\n ','\n </slot>\n <slot name="collapsed-icon">\n ','\n </slot>\n <span>\n </div>\n <div\n class="region"\n part="region"\n id="','-panel"\n role="region"\n aria-labelledby="','"\n >\n <slot></slot>\n </div>\n'])),(function(x){return x.headinglevel}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.i)("expandbutton"),(function(x){return x.disabled?"true":void 0}),(function(x){return x.expanded}),(function(x){return x.id}),(function(x){return x.id}),(function(x,c){return x.clickHandler(c.event)}),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__.m9)(options),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__.LC)(options),(0,_utils_index_js__WEBPACK_IMPORTED_MODULE_2__.AE)(options.expandedIcon),(0,_utils_index_js__WEBPACK_IMPORTED_MODULE_2__.AE)(options.collapsedIcon),(function(x){return x.id}),(function(x){return x.id}))}({collapsedIcon:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.dy.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-collapsed-icon"\n>\n <path\n d="M7.73271 4.20694C8.03263 3.92125 8.50737 3.93279 8.79306 4.23271L13.7944 9.48318C14.0703 9.77285 14.0703 10.2281 13.7944 10.5178L8.79306 15.7682C8.50737 16.0681 8.03263 16.0797 7.73271 15.794C7.43279 15.5083 7.42125 15.0336 7.70694 14.7336L12.2155 10.0005L7.70694 5.26729C7.42125 4.96737 7.43279 4.49264 7.73271 4.20694Z"\n fill="currentColor"\n />\n</svg>'),expandedIcon:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.dy.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-expanded-icon"\n>\n <path\n d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"\n fill="currentColor"\n />\n</svg>')})},"./src/accordion-item/accordion-item.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>AccordionItem});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/strings.js"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/patterns/index.ts"),_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/utils/apply-mixins.ts");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},AccordionItem=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(AccordionItem,_FASTElement);var _super=_createSuper(AccordionItem);function AccordionItem(){var _this;return _classCallCheck(this,AccordionItem),(_this=_super.apply(this,arguments)).headinglevel=2,_this.expanded=!1,_this.disabled=!1,_this.id=(0,_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_9__.EL)("accordion-"),_this.block=!1,_this.clickHandler=function(e){_this.disabled||_this.$emit("click",e)},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(AccordionItem)}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.H);__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj)({attribute:"heading-level",mode:"fromView",converter:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Id})],AccordionItem.prototype,"headinglevel",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj)({mode:"boolean"})],AccordionItem.prototype,"expanded",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj)({mode:"boolean"})],AccordionItem.prototype,"disabled",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AccordionItem.prototype,"id",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AccordionItem.prototype,"size",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj)({mode:"boolean"})],AccordionItem.prototype,"block",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj)({attribute:"expand-icon-position"})],AccordionItem.prototype,"expandIconPosition",void 0),(0,_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_8__.e)(AccordionItem,_patterns_index_js__WEBPACK_IMPORTED_MODULE_7__.hW)},"./src/accordion/accordion.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_accordion_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/accordion/accordion.ts"),_accordion_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/accordion/accordion.styles.ts"),_accordion_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/accordion/accordion.template.ts"),definition=_accordion_js__WEBPACK_IMPORTED_MODULE_1__.U.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-accordion",template:_accordion_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_accordion_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/accordion/accordion.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n flex-direction: column;\n width: 100%;\n contain: content;\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_2__.j)("flex"))},"./src/accordion/accordion.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/node-observation.js");var template=function accordionTemplate(){return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__.dy)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n <template>\n <slot ","></slot>\n </template>\n "])),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.Q)({property:"slottedAccordionItems",filter:(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.R)()}))}()},"./src/accordion/accordion.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{U:()=>Accordion});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.find.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var observable=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),fast_element=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),attributes=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),key_codes=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js"),numbers=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/numbers.js"),accordion_item=__webpack_require__("./src/accordion-item/accordion-item.ts"),AccordionExpandMode_single="single",AccordionExpandMode_multi="multi";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Accordion=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(Accordion,_FASTElement);var _super=_createSuper(Accordion);function Accordion(){var _this;return _classCallCheck(this,Accordion),(_this=_super.apply(this,arguments)).expandmode=AccordionExpandMode_multi,_this.activeItemIndex=0,_this.change=function(){_this.$emit("change",_this.activeid)},_this.setItems=function(){if(0!==_this.slottedAccordionItems.length){var children=Array.from(_this.children);if(_this.removeItemListeners(children),children.forEach((function(child){return observable.y$.getNotifier(child).subscribe(_assertThisInitialized(_this),"disabled")})),_this.accordionItems=children.filter((function(child){return!child.hasAttribute("disabled")})),_this.accordionIds=_this.getItemIds(),_this.accordionItems.forEach((function(item,index){item instanceof accordion_item.Q&&(item.addEventListener("click",_this.activeItemChange),item.addEventListener("keydown",_this.handleItemKeyDown),item.addEventListener("focus",_this.handleItemFocus),observable.y$.getNotifier(item).subscribe(_assertThisInitialized(_this),"expanded"));var itemId=_this.accordionIds[index];item.setAttribute("id","string"!=typeof itemId?"accordion-"+(index+1):itemId),_this.activeid=_this.accordionIds[_this.activeItemIndex]})),_this.isSingleExpandMode()){var expandedItem=_this.findExpandedItem();_this.setSingleExpandMode(expandedItem)}}},_this.removeItemListeners=function(oldValue){oldValue.forEach((function(item,index){observable.y$.getNotifier(item).unsubscribe(_assertThisInitialized(_this),"disabled"),observable.y$.getNotifier(item).unsubscribe(_assertThisInitialized(_this),"expanded"),item.removeEventListener("click",_this.activeItemChange),item.removeEventListener("keydown",_this.handleItemKeyDown),item.removeEventListener("focus",_this.handleItemFocus)}))},_this.activeItemChange=function(event){event.defaultPrevented||event.target!==event.currentTarget||(event.preventDefault(),_this.handleExpandedChange(event.target))},_this.handleExpandedChange=function(item){item instanceof accordion_item.Q&&(_this.activeid=item.getAttribute("id"),_this.isSingleExpandMode()?_this.setSingleExpandMode(item):(item.expanded=!item.expanded,_this.activeItemIndex=_this.accordionItems.indexOf(item)),_this.change())},_this.handleItemKeyDown=function(event){if(event.target===event.currentTarget)switch(_this.accordionIds=_this.getItemIds(),event.key){case key_codes.SB:event.preventDefault(),_this.adjust(-1);break;case key_codes.iF:event.preventDefault(),_this.adjust(1);break;case key_codes.tU:_this.activeItemIndex=0,_this.focusItem();break;case key_codes.Kh:_this.activeItemIndex=_this.accordionItems.length-1,_this.focusItem()}},_this.handleItemFocus=function(event){if(event.target===event.currentTarget){var focusedItem=event.target,focusedIndex=_this.activeItemIndex=Array.from(_this.accordionItems).indexOf(focusedItem);_this.activeItemIndex!==focusedIndex&&-1!==focusedIndex&&(_this.activeItemIndex=focusedIndex,_this.activeid=_this.accordionIds[_this.activeItemIndex])}},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Accordion,[{key:"expandmodeChanged",value:function expandmodeChanged(prev,next){if(this.$fastController.isConnected){var expandedItem=this.findExpandedItem();expandedItem&&(next!==AccordionExpandMode_single?null==expandedItem||expandedItem.expandbutton.removeAttribute("aria-disabled"):this.setSingleExpandMode(expandedItem))}}},{key:"slottedAccordionItemsChanged",value:function slottedAccordionItemsChanged(oldValue,newValue){this.$fastController.isConnected&&this.setItems()}},{key:"handleChange",value:function handleChange(source,propertyName){"disabled"===propertyName?this.setItems():"expanded"===propertyName&&source.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(source)}},{key:"findExpandedItem",value:function findExpandedItem(){var _a;return 0===this.accordionItems.length?null:null!==(_a=this.accordionItems.find((function(item){return item instanceof accordion_item.Q&&item.expanded})))&&void 0!==_a?_a:this.accordionItems[0]}},{key:"setSingleExpandMode",value:function setSingleExpandMode(expandedItem){var _this2=this;if(0!==this.accordionItems.length){var currentItems=Array.from(this.accordionItems);this.activeItemIndex=currentItems.indexOf(expandedItem),currentItems.forEach((function(item,index){item instanceof accordion_item.Q&&(_this2.activeItemIndex===index?(item.expanded=!0,item.expandbutton.setAttribute("aria-disabled","true")):(item.expanded=!1,item.hasAttribute("disabled")||item.expandbutton.removeAttribute("aria-disabled")))}))}}},{key:"getItemIds",value:function getItemIds(){return this.slottedAccordionItems.map((function(accordionItem){return accordionItem.id}))}},{key:"isSingleExpandMode",value:function isSingleExpandMode(){return this.expandmode===AccordionExpandMode_single}},{key:"adjust",value:function adjust(adjustment){this.activeItemIndex=(0,numbers.wt)(0,this.accordionItems.length-1,this.activeItemIndex+adjustment),this.focusItem()}},{key:"focusItem",value:function focusItem(){var element=this.accordionItems[this.activeItemIndex];element instanceof accordion_item.Q&&element.expandbutton.focus()}}]),Accordion}(fast_element.H);__decorate([(0,attributes.Lj)({attribute:"expand-mode"})],Accordion.prototype,"expandmode",void 0),__decorate([observable.LO],Accordion.prototype,"slottedAccordionItems",void 0)},"./src/anchor-button/anchor-button.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _templateObject,fluent_design_system=__webpack_require__("./src/fluent-design-system.ts"),anchor_button=__webpack_require__("./src/anchor-button/anchor-button.ts"),css=(__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js")),button_styles=__webpack_require__("./src/button/button.styles.ts");var styles=(0,css.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n .content {\n text-align: center;\n }\n"])),button_styles.W),anchor_button_template=__webpack_require__("./src/anchor-button/anchor-button.template.ts"),definition=anchor_button.A.compose({name:fluent_design_system.H.prefix+"-anchor-button",template:anchor_button_template.X,styles,shadowOptions:{delegatesFocus:!0}})},"./src/anchor-button/anchor-button.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$_:()=>AnchorButtonSize,PA:()=>AnchorTarget,fX:()=>AnchorButtonShape,kW:()=>AnchorButtonAppearance});var _button_button_options_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/button/button.options.ts"),AnchorButtonAppearance=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.Lr,AnchorButtonShape=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.jL,AnchorButtonSize=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.qE,AnchorTarget={_self:"_self",_blank:"_blank",_parent:"_parent",_top:"_top"}},"./src/anchor-button/anchor-button.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/ref.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/patterns/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function anchorTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <a\n class="control"\n part="control"\n download="','"\n href="','"\n hreflang="','"\n ping="','"\n referrerpolicy="','"\n rel="','"\n target="','"\n type="','"\n aria-atomic="','"\n aria-busy="','"\n aria-controls="','"\n aria-current="','"\n aria-describedby="','"\n aria-details="','"\n aria-disabled="','"\n aria-errormessage="','"\n aria-expanded="','"\n aria-flowto="','"\n aria-haspopup="','"\n aria-hidden="','"\n aria-invalid="','"\n aria-keyshortcuts="','"\n aria-label="','"\n aria-labelledby="','"\n aria-live="','"\n aria-owns="','"\n aria-relevant="','"\n aria-roledescription="','"\n ',"\n >\n ",'\n <span class="content" part="content">\n <slot ',"></slot>\n </span>\n ","\n </a>\n "])),(function(x){return x.download}),(function(x){return x.href}),(function(x){return x.hreflang}),(function(x){return x.ping}),(function(x){return x.referrerpolicy}),(function(x){return x.rel}),(function(x){return x.target}),(function(x){return x.type}),(function(x){return x.ariaAtomic}),(function(x){return x.ariaBusy}),(function(x){return x.ariaControls}),(function(x){return x.ariaCurrent}),(function(x){return x.ariaDescribedby}),(function(x){return x.ariaDetails}),(function(x){return x.ariaDisabled}),(function(x){return x.ariaErrormessage}),(function(x){return x.ariaExpanded}),(function(x){return x.ariaFlowto}),(function(x){return x.ariaHaspopup}),(function(x){return x.ariaHidden}),(function(x){return x.ariaInvalid}),(function(x){return x.ariaKeyshortcuts}),(function(x){return x.ariaLabel}),(function(x){return x.ariaLabelledby}),(function(x){return x.ariaLive}),(function(x){return x.ariaOwns}),(function(x){return x.ariaRelevant}),(function(x){return x.ariaRoledescription}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.i)("control"),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__.m9)(options),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.Q)("defaultSlottedContent"),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__.LC)(options))}()},"./src/anchor-button/anchor-button.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>AnchorButton,m:()=>DelegatesARIALink});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/patterns/index.ts"),_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/utils/apply-mixins.ts");function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},AnchorButton=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(AnchorButton,_FASTElement);var _super=_createSuper(AnchorButton);function AnchorButton(){var _this;return _classCallCheck(this,AnchorButton),(_this=_super.apply(this,arguments)).iconOnly=!1,_this.disabled=!1,_this.disabledFocusable=!1,_this.handleDisabledFocusableClick=function(e){(e&&_this.disabled||_this.disabledFocusable)&&e.stopImmediatePropagation()},_this}return _createClass(AnchorButton,[{key:"disabledChanged",value:function disabledChanged(prev,next){this.disabled?(this.setAttribute("aria-disabled","true"),this.setAttribute("tabindex","-1")):(this.removeAttribute("aria-disabled"),this.removeAttribute("tabindex"))}},{key:"disabledFocusableChanged",value:function disabledFocusableChanged(prev,next){this.$fastController.isConnected&&(this.disabledFocusable?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(AnchorButton.prototype),"connectedCallback",this).call(this),this.addEventListener("click",this.handleDisabledFocusableClick)}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(AnchorButton.prototype),"disconnectedCallback",this).call(this),this.removeEventListener("click",this.handleDisabledFocusableClick)}}]),AnchorButton}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.H);__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AnchorButton.prototype,"download",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AnchorButton.prototype,"href",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AnchorButton.prototype,"hreflang",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AnchorButton.prototype,"ping",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AnchorButton.prototype,"referrerpolicy",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AnchorButton.prototype,"rel",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AnchorButton.prototype,"target",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AnchorButton.prototype,"type",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_12__.LO],AnchorButton.prototype,"defaultSlottedContent",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AnchorButton.prototype,"appearance",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AnchorButton.prototype,"shape",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],AnchorButton.prototype,"size",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj)({attribute:"icon-only",mode:"boolean"})],AnchorButton.prototype,"iconOnly",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj)({mode:"boolean"})],AnchorButton.prototype,"disabled",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj)({attribute:"disabled-focusable",mode:"boolean"})],AnchorButton.prototype,"disabledFocusable",void 0);var DelegatesARIALink=_createClass((function DelegatesARIALink(){_classCallCheck(this,DelegatesARIALink)}));__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj)({attribute:"aria-expanded"})],DelegatesARIALink.prototype,"ariaExpanded",void 0),(0,_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_9__.e)(DelegatesARIALink,_patterns_index_js__WEBPACK_IMPORTED_MODULE_8__.v_),(0,_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_9__.e)(AnchorButton,_patterns_index_js__WEBPACK_IMPORTED_MODULE_8__.hW,DelegatesARIALink)},"./src/avatar/avatar.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_avatar_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/avatar/avatar.ts"),_avatar_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/avatar/avatar.styles.ts"),_avatar_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/avatar/avatar.template.ts"),definition=_avatar_js__WEBPACK_IMPORTED_MODULE_1__.q.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-avatar",template:_avatar_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_avatar_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/avatar/avatar.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{DZ:()=>AvatarSize,aI:()=>AvatarColor,iS:()=>AvatarAppearance,oG:()=>AvatarShape,oc:()=>AvatarActive,yT:()=>AvatarNamedColor});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");var AvatarActive={active:"active",inactive:"inactive"},AvatarShape={circular:"circular",square:"square"},AvatarAppearance={ring:"ring",shadow:"shadow",ringShadow:"ring-shadow"},AvatarNamedColor={darkRed:"dark-red",cranberry:"cranberry",red:"red",pumpkin:"pumpkin",peach:"peach",marigold:"marigold",gold:"gold",brass:"brass",brown:"brown",forest:"forest",seafoam:"seafoam",darkGreen:"dark-green",lightTeal:"light-teal",teal:"teal",steel:"steel",blue:"blue",royalBlue:"royal-blue",cornflower:"cornflower",navy:"navy",lavender:"lavender",purple:"purple",grape:"grape",lilac:"lilac",pink:"pink",magenta:"magenta",plum:"plum",beige:"beige",mink:"mink",platinum:"platinum",anchor:"anchor"},AvatarColor=Object.assign({neutral:"neutral",brand:"brand",colorful:"colorful"},AvatarNamedColor),AvatarSize={_16:16,_20:20,_24:24,_28:28,_32:32,_36:36,_40:40,_48:48,_56:56,_64:64,_72:72,_96:96,_120:120,_128:128}},"./src/avatar/avatar.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var animations={fastOutSlowInMax:_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveDecelerateMax,fastOutSlowInMid:_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveDecelerateMid,fastOutSlowInMin:_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveDecelerateMin,slowOutFastInMax:_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveAccelerateMax,slowOutFastInMid:_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveAccelerateMid,slowOutFastInMin:_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveAccelerateMin,fastEase:_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveEasyEaseMax,normalEase:_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveEasyEase,nullEasing:_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveLinear},styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n "," :host {\n position: relative;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n font-family: var(",");\n font-weight: var(",");\n font-size: var(",");\n border-radius: var(",");\n color: var(",");\n background-color: var(",");\n contain: layout style;\n }\n\n .default-icon,\n ::slotted(svg) {\n width: 20px;\n height: 20px;\n font-size: 20px;\n }\n\n ::slotted(img) {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n border-radius: var(",");\n }\n\n ::slotted([slot='badge']) {\n position: absolute;\n bottom: 0;\n right: 0;\n box-shadow: 0 0 0 var(",") var(",");\n }\n\n :host([size='64']) ::slotted([slot='badge']),\n :host([size='72']) ::slotted([slot='badge']),\n :host([size='96']) ::slotted([slot='badge']),\n :host([size='120']) ::slotted([slot='badge']),\n :host([size='128']) ::slotted([slot='badge']) {\n box-shadow: 0 0 0 var(",") var(",");\n }\n\n :host([size='16']),\n :host([size='20']),\n :host([size='24']) {\n font-size: var(",");\n font-weight: var(",");\n }\n\n :host([size='16']) {\n width: 16px;\n height: 16px;\n }\n\n :host([size='20']) {\n width: 20px;\n height: 20px;\n }\n\n :host([size='24']) {\n width: 24px;\n height: 24px;\n }\n\n :host([size='16']) .default-icon,\n :host([size='16']) ::slotted(svg) {\n width: 12px;\n height: 12px;\n font-size: 12px;\n }\n\n :host([size='20']) .default-icon,\n :host([size='24']) .default-icon,\n :host([size='20']) ::slotted(svg),\n :host([size='24']) ::slotted(svg) {\n width: 16px;\n height: 16px;\n font-size: 16px;\n }\n\n :host([size='28']) {\n width: 28px;\n height: 28px;\n font-size: var(",");\n }\n\n :host([size='36']) {\n width: 36px;\n height: 36px;\n }\n\n :host([size='40']) {\n width: 40px;\n height: 40px;\n }\n\n :host([size='48']),\n :host([size='56']) {\n font-size: var(",");\n }\n\n :host([size='48']) {\n width: 48px;\n height: 48px;\n }\n\n :host([size='48']) .default-icon,\n :host([size='48']) ::slotted(svg) {\n width: 24px;\n height: 24px;\n font-size: 24px;\n }\n\n :host([size='56']) {\n width: 56px;\n height: 56px;\n }\n\n :host([size='56']) .default-icon,\n :host([size='56']) ::slotted(svg) {\n width: 28px;\n height: 28px;\n font-size: 28px;\n }\n\n :host([size='64']),\n :host([size='72']),\n :host([size='96']) {\n font-size: var(",");\n }\n\n :host([size='64']) .default-icon,\n :host([size='72']) .default-icon,\n :host([size='64']) ::slotted(svg),\n :host([size='72']) ::slotted(svg) {\n width: 32px;\n height: 32px;\n font-size: 32px;\n }\n\n :host([size='64']) {\n width: 64px;\n height: 64px;\n }\n\n :host([size='72']) {\n width: 72px;\n height: 72px;\n }\n\n :host([size='96']) {\n width: 96px;\n height: 96px;\n }\n\n :host([size='96']) .default-icon,\n :host([size='120']) .default-icon,\n :host([size='128']) .default-icon,\n :host([size='96']) ::slotted(svg),\n :host([size='120']) ::slotted(svg),\n :host([size='128']) ::slotted(svg) {\n width: 48px;\n height: 48px;\n font-size: 48px;\n }\n\n :host([size='120']),\n :host([size='128']) {\n font-size: var(",");\n }\n\n :host([size='120']) {\n width: 120px;\n height: 120px;\n }\n\n :host([size='128']) {\n width: 128px;\n height: 128px;\n }\n\n :host([shape='square']) {\n border-radius: var(",");\n }\n\n :host([shape='square'][size='20']),\n :host([shape='square'][size='24']) {\n border-radius: var(",");\n }\n\n :host([shape='square'][size='56']),\n :host([shape='square'][size='64']),\n :host([shape='square'][size='72']) {\n border-radius: var(",");\n }\n :host([shape='square'][size='96']),\n :host([shape='square'][size='120']),\n :host([shape='square'][size='128']) {\n border-radius: var(",");\n }\n\n :host([data-color='brand']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='dark-red']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='cranberry']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='red']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='pumpkin']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='peach']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='marigold']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='gold']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='brass']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='brown']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='forest']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='seafoam']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='dark-green']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='light-teal']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='teal']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='steel']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='blue']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='royal-blue']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='cornflower']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='navy']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='lavender']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='purple']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='grape']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='lilac']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='pink']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='magenta']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='plum']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='beige']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='mink']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='platinum']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([data-color='anchor']) {\n color: var(",");\n background-color: var(",");\n }\n\n :host([active]) {\n /* Work-around for text pixel snapping at the end of the animation */\n transform: perspective(1px);\n transition-property: transform, opacity;\n transition-duration: var(","), var(",");\n transition-delay: var(","), var(",");\n }\n\n :host([active])::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: inherit;\n transition-property: margin, opacity;\n transition-duration: var(","), var(",");\n transition-delay: var(","), var(",");\n }\n :host([active])::before {\n box-shadow: var(",");\n border-style: solid;\n border-color: var(",");\n }\n\n :host([active][appearance='shadow'])::before {\n border-style: none;\n border-color: none;\n }\n\n :host([active]:not([appearance='shadow']))::before {\n margin: calc(-2 * var(","));\n border-width: var(",");\n }\n\n :host([size='56'][active]:not([appearance='shadow']))::before,\n :host([size='64'][active]:not([appearance='shadow']))::before {\n margin: calc(-2 * var(","));\n border-width: var(",");\n }\n\n :host([size='72'][active]:not([appearance='shadow']))::before,\n :host([size='96'][active]:not([appearance='shadow']))::before,\n :host([size='120'][active]:not([appearance='shadow']))::before,\n :host([size='128'][active]:not([appearance='shadow']))::before {\n margin: calc(-2 * var(","));\n border-width: var(",");\n }\n\n :host([size='20'][active][appearance])::before,\n :host([size='24'][active][appearance])::before,\n :host([size='28'][active][appearance])::before {\n box-shadow: var(",");\n }\n\n :host([size='56'][active][appearance])::before,\n :host([size='64'][active][appearance])::before {\n box-shadow: var(",");\n }\n\n :host([size='72'][active][appearance])::before,\n :host([size='96'][active][appearance])::before,\n :host([size='120'][active][appearance])::before,\n :host([size='128'][active][appearance])::before {\n box-shadow: var(",");\n }\n\n :host([active][appearance='ring'])::before {\n box-shadow: none;\n }\n\n :host([active='inactive']) {\n opacity: 0.8;\n transform: scale(0.875);\n transition-property: transform, opacity;\n transition-duration: var(","), var(",");\n transition-delay: var(","), var(",");\n }\n\n :host([active='inactive'])::before {\n margin: 0;\n opacity: 0;\n transition-property: margin, opacity;\n transition-duration: var(","), var(",");\n transition-delay: var(","), var(",");\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n :host([active]) {\n transition-duration: 0.01ms;\n }\n\n :host([active])::before {\n transition-duration: 0.01ms;\n transition-delay: 0.01ms;\n }\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("inline-flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightSemibold,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground6,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThick,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase100,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase500,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase600,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusSmall,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusLarge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusXLarge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundStaticInverted,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandBackgroundStatic,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteDarkRedForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteDarkRedBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteCranberryForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteCranberryBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteRedForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteRedBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePumpkinForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePumpkinBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePeachForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePeachBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteMarigoldForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteMarigoldBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteGoldForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteGoldBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteBrassForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteBrassBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteBrownForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteBrownBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteForestForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteForestBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteSeafoamForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteSeafoamBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteDarkGreenForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteDarkGreenBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteLightTealForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteLightTealBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteTealForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteTealBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteSteelForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteSteelBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteBlueForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteBlueBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteRoyalBlueForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteRoyalBlueBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteCornflowerForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteCornflowerBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteNavyForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteNavyBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteLavenderForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteLavenderBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePurpleForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePurpleBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteGrapeForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteGrapeBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteLilacForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteLilacBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePinkForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePinkBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteMagentaForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteMagentaBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePlumForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePlumBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteBeigeForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteBeigeBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteMinkForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteMinkBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePlatinumForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPalettePlatinumBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteAnchorForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteAnchorBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationUltraSlow,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationFaster,animations.fastEase,animations.nullEasing,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationUltraSlow,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationSlower,animations.fastEase,animations.nullEasing,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow8,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandBackgroundStatic,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThick,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThick,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThicker,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThicker,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThickest,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThickest,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow4,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow16,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow28,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationUltraSlow,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationFaster,animations.fastOutSlowInMin,animations.nullEasing,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationUltraSlow,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationSlower,animations.fastOutSlowInMin,animations.nullEasing)},"./src/avatar/avatar.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var defaultIconTemplate=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['<svg\n width="1em"\n height="1em"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n class="default-icon"\n fill="currentcolor"\n aria-hidden="true"\n>\n <path\n d="M10 2a4 4 0 100 8 4 4 0 000-8zM7 6a3 3 0 116 0 3 3 0 01-6 0zm-2 5a2 2 0 00-2 2c0 1.7.83 2.97 2.13 3.8A9.14 9.14 0 0010 18c1.85 0 3.58-.39 4.87-1.2A4.35 4.35 0 0017 13a2 2 0 00-2-2H5zm-1 2a1 1 0 011-1h10a1 1 0 011 1c0 1.3-.62 2.28-1.67 2.95A8.16 8.16 0 0110 17a8.16 8.16 0 01-4.33-1.05A3.36 3.36 0 014 13z"\n ></path>\n</svg>'])));var template=function avatarTemplate(){return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <template role="img" data-color=',">\n <slot>",'</slot>\n <slot name="badge"></slot>\n </template>\n '])),(function(x){return x.generateColor()}),(function(x){return x.name||x.initials?x.generateInitials():defaultIconTemplate}))}()},"./src/avatar/avatar.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>Avatar});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var fast_element=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),attributes=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),UNWANTED_ENCLOSURES_REGEX=(__webpack_require__("../../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.trim.js"),/[\(\[\{][^\)\]\}]*[\)\]\}]/g),UNWANTED_CHARS_REGEX=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,PHONENUMBER_REGEX=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,MULTIPLE_WHITESPACES_REGEX=/\s+/g,UNSUPPORTED_TEXT_REGEX=/[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/;function getInitials(displayName,isRtl,options){return displayName?(displayName=function cleanupDisplayName(displayName){return(displayName=(displayName=(displayName=displayName.replace(UNWANTED_ENCLOSURES_REGEX,"")).replace(UNWANTED_CHARS_REGEX,"")).replace(MULTIPLE_WHITESPACES_REGEX," ")).trim()}(displayName),UNSUPPORTED_TEXT_REGEX.test(displayName)||!(null==options?void 0:options.allowPhoneInitials)&&PHONENUMBER_REGEX.test(displayName)?"":function getInitialsLatin(displayName,isRtl,firstInitialOnly){var initials="",splits=displayName.split(" ");return 0!==splits.length&&(initials+=splits[0].charAt(0).toUpperCase()),firstInitialOnly||(2===splits.length?initials+=splits[1].charAt(0).toUpperCase():3===splits.length&&(initials+=splits[2].charAt(0).toUpperCase())),isRtl&&initials.length>1?initials.charAt(1)+initials.charAt(0):initials}(displayName,isRtl,null==options?void 0:options.firstInitialOnly)):""}var avatar_options=__webpack_require__("./src/avatar/avatar.options.ts");function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Avatar=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(Avatar,_FASTElement);var _super=_createSuper(Avatar);function Avatar(){var _this;return _classCallCheck(this,Avatar),(_this=_super.apply(this,arguments)).color="neutral",_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Avatar,[{key:"generateColor",value:function generateColor(){var _a,_b;if(this.color)return this.color===avatar_options.aI.colorful?Avatar.colors[getHashCode(null!==(_b=null!==(_a=this.colorId)&&void 0!==_a?_a:this.name)&&void 0!==_b?_b:"")%Avatar.colors.length]:this.color}},{key:"generateInitials",value:function generateInitials(){var _a,_b;if(this.name||this.initials){var size=null!==(_a=this.size)&&void 0!==_a?_a:32;return null!==(_b=this.initials)&&void 0!==_b?_b:getInitials(this.name,"rtl"===window.getComputedStyle(this).direction,{firstInitialOnly:size<=16})}}}]),Avatar}(fast_element.H);Avatar.colors=Object.values(avatar_options.yT),__decorate([attributes.Lj],Avatar.prototype,"name",void 0),__decorate([attributes.Lj],Avatar.prototype,"initials",void 0),__decorate([(0,attributes.Lj)({converter:attributes.Id})],Avatar.prototype,"size",void 0),__decorate([attributes.Lj],Avatar.prototype,"shape",void 0),__decorate([attributes.Lj],Avatar.prototype,"active",void 0),__decorate([attributes.Lj],Avatar.prototype,"appearance",void 0),__decorate([attributes.Lj],Avatar.prototype,"color",void 0),__decorate([(0,attributes.Lj)({attribute:"color-id"})],Avatar.prototype,"colorId",void 0);var getHashCode=function getHashCode(str){for(var hashCode=0,len=str.length-1;len>=0;len--){var ch=str.charCodeAt(len),shift=len%8;hashCode^=(ch<<shift)+(ch>>8-shift)}return hashCode}},"./src/badge/badge.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_badge_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/badge/badge.ts"),_badge_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/badge/badge.styles.ts"),_badge_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/badge/badge.template.ts"),definition=_badge_js__WEBPACK_IMPORTED_MODULE_1__.C.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-badge",template:_badge_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_badge_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/badge/badge.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ar:()=>BadgeAppearance,JV:()=>BadgeColor,OD:()=>BadgeSize,Ou:()=>BadgeShape});var BadgeAppearance={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},BadgeColor={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"},BadgeShape={circular:"circular",rounded:"rounded",square:"square"},BadgeSize={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large"}},"./src/badge/badge.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_styles_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/styles/index.ts"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n :host([shape='square']) {\n border-radius: var(",");\n }\n\n :host([shape='rounded']) {\n border-radius: var(",");\n }\n\n :host([shape='rounded'][size='tiny']),\n :host([shape='rounded'][size='extra-small']),\n :host([shape='rounded'][size='small']) {\n border-radius: var(",");\n }\n\n ","\n ","\n ","\n ","\n ","\n ","\n"])),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.borderRadiusNone,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.borderRadiusSmall,_styles_index_js__WEBPACK_IMPORTED_MODULE_1__.V5,_styles_index_js__WEBPACK_IMPORTED_MODULE_1__.fg,_styles_index_js__WEBPACK_IMPORTED_MODULE_1__.A$,_styles_index_js__WEBPACK_IMPORTED_MODULE_1__.Ak,_styles_index_js__WEBPACK_IMPORTED_MODULE_1__.pB,_styles_index_js__WEBPACK_IMPORTED_MODULE_1__.sX)},"./src/badge/badge.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template,Z:()=>badgeTemplate});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/patterns/index.ts"),_utils_template_helpers_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/template-helpers.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}function badgeTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n <slot>","</slot>\n ","\n "])),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__.m9)(options),(0,_utils_template_helpers_js__WEBPACK_IMPORTED_MODULE_2__.A)(options.defaultContent),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__.LC)(options))}var template=badgeTemplate()},"./src/badge/badge.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>Badge});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/apply-mixins.ts"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/patterns/index.ts"),_badge_options_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/badge/badge.options.ts");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Badge=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(Badge,_FASTElement);var _super=_createSuper(Badge);function Badge(){var _this;return _classCallCheck(this,Badge),(_this=_super.apply(this,arguments)).appearance=_badge_options_js__WEBPACK_IMPORTED_MODULE_9__.Ar.filled,_this.color=_badge_options_js__WEBPACK_IMPORTED_MODULE_9__.JV.brand,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Badge)}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.H);__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],Badge.prototype,"appearance",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],Badge.prototype,"color",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],Badge.prototype,"shape",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.Lj],Badge.prototype,"size",void 0),(0,_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_7__.e)(Badge,_patterns_index_js__WEBPACK_IMPORTED_MODULE_8__.hW)},"./src/button/button.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_button_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/button/button.ts"),_button_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/button/button.styles.ts"),_button_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/button/button.template.ts"),definition=_button_js__WEBPACK_IMPORTED_MODULE_1__.z.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-button",template:_button_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_button_styles_js__WEBPACK_IMPORTED_MODULE_2__.W,shadowOptions:{delegatesFocus:!0}})},"./src/button/button.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L$:()=>ButtonType,Lr:()=>ButtonAppearance,jL:()=>ButtonShape,qE:()=>ButtonSize});var ButtonAppearance={primary:"primary",outline:"outline",subtle:"subtle",secondary:"secondary",transparent:"transparent"},ButtonShape={circular:"circular",rounded:"rounded",square:"square"},ButtonSize={small:"small",medium:"medium",large:"large"},ButtonType={submit:"submit",reset:"reset",button:"button"}},"./src/button/button.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/match-media-stylesheet-behavior.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n\n :host {\n --icon-spacing: var(",");\n contain: layout style;\n vertical-align: middle;\n }\n\n :host .control {\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n text-decoration-line: none;\n margin: 0;\n min-height: 32px;\n outline-style: none;\n background-color: var(",");\n color: var(",");\n border: var(",") solid var(",");\n padding: 0 var(",");\n min-width: 96px;\n border-radius: var(",");\n font-size: var(",");\n font-family: var(",");\n font-weight: var(",");\n line-height: var(",");\n transition-duration: var(",");\n transition-property: background, border, color;\n transition-timing-function: var(",");\n cursor: pointer;\n }\n\n .content {\n display: inherit;\n }\n\n :host(:hover) .control {\n background-color: var(",");\n color: var(",");\n border-color: var(",");\n }\n\n :host(:hover:active) .control {\n background-color: var(",");\n border-color: var(",");\n color: var(",");\n outline-style: none;\n }\n\n :host .control:focus-visible {\n border-color: var(",");\n outline: var(",") solid var(",");\n box-shadow: var(","), 0 0 0 2px var(",");\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n transition-duration: 0.01ms;\n }\n\n ::slotted(svg) {\n font-size: 20px;\n height: 20px;\n width: 20px;\n fill: currentColor;\n }\n\n [slot='start'],\n ::slotted([slot='start']) {\n margin-inline-end: var(--icon-spacing);\n }\n\n [slot='end'],\n ::slotted([slot='end']) {\n margin-inline-start: var(--icon-spacing);\n }\n\n :host([icon-only]) .control {\n min-width: 32px;\n max-width: 32px;\n }\n\n :host([size='small']) {\n --icon-spacing: var(",");\n }\n\n :host([size='small']) .control {\n min-height: 24px;\n min-width: 64px;\n padding: 0 var(",");\n border-radius: var(",");\n font-size: var(",");\n line-height: var(",");\n font-weight: var(",");\n }\n\n :host([size='small'][icon-only]) .control {\n min-width: 24px;\n max-width: 24px;\n }\n\n :host([size='large']) .control {\n min-height: 40px;\n border-radius: var(",");\n padding: 0 var(",");\n font-size: var(",");\n line-height: var(",");\n }\n\n :host([size='large'][icon-only]) .control {\n min-width: 40px;\n max-width: 40px;\n }\n\n :host([size='large']) ::slotted(svg) {\n font-size: 24px;\n height: 24px;\n width: 24px;\n }\n\n :host([shape='circular']) .control,\n :host([shape='circular']) .control:focus-visible {\n border-radius: var(",");\n }\n\n :host([shape='square']) .control,\n :host([shape='square']) .control:focus-visible {\n border-radius: var(",");\n }\n\n :host([appearance='primary']) .control {\n background-color: var(",");\n color: var(",");\n border-color: transparent;\n }\n\n :host([appearance='primary']:hover) .control {\n background-color: var(",");\n }\n\n :host([appearance='primary']:hover) .control,\n :host([appearance='primary']:hover:active) .control {\n border-color: transparent;\n color: var(",");\n }\n\n :host([appearance='primary']:hover:active) .control {\n background-color: var(",");\n }\n\n :host([appearance='primary']) .control:focus-visible {\n border-color: var(",");\n box-shadow: var(","), 0 0 0 2px var(",");\n }\n\n :host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance=\"primary\"])) .control,\n :host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance=\"primary\"]):hover) .control,\n :host(is:([disabled][appearance='primary'], [disabled-focusabale][appearance=\"primary\"]):hover:active) .control {\n border-color: transparent;\n }\n\n :host([appearance='outline']) .control {\n background-color: var(",");\n }\n\n :host([appearance='outline']:hover) .control {\n background-color: var(",");\n }\n\n :host([appearance='outline']:hover:active) .control {\n background-color: var(",");\n }\n\n :host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance=\"outline\"])) .control,\n :host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance=\"outline\"]):hover) .control,\n :host(is:([disabled][appearance='outline'], [disabled-focusabale][appearance=\"outline\"]):hover:active) .control {\n background-color: var(",");\n }\n\n :host([appearance='subtle']) .control {\n background-color: var(",");\n color: var(",");\n border-color: transparent;\n }\n\n :host([appearance='subtle']:hover) .control {\n background-color: var(",");\n color: var(",");\n border-color: transparent;\n }\n\n :host([appearance='subtle']:hover:active) .control {\n background-color: var(",");\n color: var(",");\n border-color: transparent;\n }\n\n :host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance=\"subtle\"])) .control,\n :host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance=\"subtle\"]):hover) .control,\n :host(is:([disabled][appearance='subtle'], [disabled-focusabale][appearance=\"subtle\"]):hover:active) .control {\n background-color: var(",");\n border-color: transparent;\n }\n\n :host([appearance='subtle']:hover) ::slotted(svg) {\n fill: var(",");\n }\n\n :host([appearance='subtle']:hover:active) ::slotted(svg) {\n fill: var(",");\n }\n\n :host([appearance='transparent']) .control {\n background-color: var(",");\n color: var(",");\n }\n\n :host([appearance='transparent']:hover) .control {\n background-color: var(",");\n color: var(",");\n }\n\n :host([appearance='transparent']:hover:active) .control {\n background-color: var(",");\n color: var(",");\n }\n\n :host([appearance='transparent']) .control,\n :host([appearance='transparent']:hover) .control,\n :host([appearance='transparent']:hover:active) .control {\n border-color: transparent;\n }\n\n :host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance=\"transparent\"])) .control,\n :host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance=\"transparent\"]):hover) .control,\n :host(is:([disabled][appearance='transparent'], [disabled-focusabale][appearance=\"transparent\"]):hover:active) .control {\n border-color: transparent;\n background-color: var(",");\n }\n\n :host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable])) .control,\n :host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable]):hover) .control,\n :host(:is([disabled], [disabled-focusable], [appearance][disabled], [appearance][disabled-focusable]):hover:active)\n .control {\n background-color: var(",");\n border-color: var(",");\n color: var(",");\n cursor: not-allowed;\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("inline-flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalSNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalM,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightSemibold,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationFaster,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveEasyEase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke1Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentStroke,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThick,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentStroke,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow4,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusSmall,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusLarge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalL,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusNone,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundOnBrand,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundOnBrand,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundOnBrand,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorSubtleBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorSubtleBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorSubtleBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2BrandHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2BrandPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2BrandHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2BrandPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackgroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled).withBehaviors((0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__.vF)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n :host([appearance='transparent']:hover) .control {\n border-color: Highlight;\n }\n "])))))},"./src/button/button.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template,u:()=>buttonTemplate});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/ref.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/patterns/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}function buttonTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <button\n class="control"\n part="control"\n ?autofocus="','"\n ?disabled="','"\n form="','"\n formaction="','"\n formenctype="','"\n formmethod="','"\n ?formnovalidate="','"\n formtarget="','"\n name="','"\n type="','"\n value="','"\n aria-atomic="','"\n aria-busy="','"\n aria-controls="','"\n aria-current="','"\n aria-describedby="','"\n aria-details="','"\n aria-disabled="','"\n aria-errormessage="','"\n aria-expanded="','"\n aria-flowto="','"\n aria-haspopup="','"\n aria-hidden="','"\n aria-invalid="','"\n aria-keyshortcuts="','"\n aria-label="','"\n aria-labelledby="','"\n aria-live="','"\n aria-owns="','"\n aria-pressed="','"\n aria-relevant="','"\n aria-roledescription="','"\n ',"\n >\n ",'\n <span class="content" part="content">\n <slot ',"></slot>\n </span>\n ","\n </button>\n "])),(function(x){return x.autofocus}),(function(x){return x.disabled}),(function(x){return x.formId}),(function(x){return x.formaction}),(function(x){return x.formenctype}),(function(x){return x.formmethod}),(function(x){return x.formnovalidate}),(function(x){return x.formtarget}),(function(x){return x.name}),(function(x){return x.type}),(function(x){return x.value}),(function(x){return x.ariaAtomic}),(function(x){return x.ariaBusy}),(function(x){return x.ariaControls}),(function(x){return x.ariaCurrent}),(function(x){return x.ariaDescribedby}),(function(x){return x.ariaDetails}),(function(x){return x.ariaDisabled}),(function(x){return x.ariaErrormessage}),(function(x){return x.ariaExpanded}),(function(x){return x.ariaFlowto}),(function(x){return x.ariaHaspopup}),(function(x){return x.ariaHidden}),(function(x){return x.ariaInvalid}),(function(x){return x.ariaKeyshortcuts}),(function(x){return x.ariaLabel}),(function(x){return x.ariaLabelledby}),(function(x){return x.ariaLive}),(function(x){return x.ariaOwns}),(function(x){return x.ariaPressed}),(function(x){return x.ariaRelevant}),(function(x){return x.ariaRoledescription}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.i)("control"),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__.m9)(options),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__.Q)("defaultSlottedContent"),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__.LC)(options))}var template=buttonTemplate()},"./src/button/button.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>Button,J:()=>DelegatesARIAButton});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js");var attributes=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),observable=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),patterns=__webpack_require__("./src/patterns/index.ts"),apply_mixins=__webpack_require__("./src/utils/apply-mixins.ts"),fast_element=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),form_associated=__webpack_require__("./src/form-associated/form-associated.ts");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var _Button=function(_FASTElement){_inherits(_Button,_FASTElement);var _super=_createSuper(_Button);function _Button(){return _classCallCheck(this,_Button),_super.apply(this,arguments)}return _createClass(_Button)}(fast_element.H),FormAssociatedButton=function(_FormAssociated){_inherits(FormAssociatedButton,_FormAssociated);var _super2=_createSuper(FormAssociatedButton);function FormAssociatedButton(){var _this;return _classCallCheck(this,FormAssociatedButton),(_this=_super2.apply(this,arguments)).proxy=document.createElement("input"),_this}return _createClass(FormAssociatedButton)}((0,form_associated.Um)(_Button)),button_options=__webpack_require__("./src/button/button.options.ts");function button_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function button_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function button_createClass(Constructor,protoProps,staticProps){return protoProps&&button_defineProperties(Constructor.prototype,protoProps),staticProps&&button_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=button_getPrototypeOf(object)););return object}function button_setPrototypeOf(o,p){return button_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},button_setPrototypeOf(o,p)}function button_createSuper(Derived){var hasNativeReflectConstruct=function button_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=button_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=button_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return button_possibleConstructorReturn(this,result)}}function button_possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function button_assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function button_getPrototypeOf(o){return button_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},button_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Button=function(_FormAssociatedButton){!function button_inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&button_setPrototypeOf(subClass,superClass)}(Button,_FormAssociatedButton);var _super=button_createSuper(Button);function Button(){var _this;return button_classCallCheck(this,Button),(_this=_super.apply(this,arguments)).iconOnly=!1,_this.disabledFocusable=!1,_this.handleDisabledFocusableClick=function(e){e&&_this.disabledFocusable&&e.stopImmediatePropagation()},_this.handleSubmission=function(){if(_this.form){var attached=_this.proxy.isConnected;attached||_this.attachProxy(),"function"==typeof _this.form.requestSubmit?_this.form.requestSubmit(_this.proxy):_this.proxy.click(),attached||_this.detachProxy()}},_this.handleFormReset=function(){var _a;null===(_a=_this.form)||void 0===_a||_a.reset()},_this}return button_createClass(Button,[{key:"formactionChanged",value:function formactionChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formAction=this.formaction)}},{key:"formenctypeChanged",value:function formenctypeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formEnctype=this.formenctype)}},{key:"formmethodChanged",value:function formmethodChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formMethod=this.formmethod)}},{key:"formnovalidateChanged",value:function formnovalidateChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formNoValidate=this.formnovalidate)}},{key:"formtargetChanged",value:function formtargetChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formTarget=this.formtarget)}},{key:"typeChanged",value:function typeChanged(previous,next){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type),next===button_options.L$.submit&&this.addEventListener("click",this.handleSubmission),previous===button_options.L$.submit&&this.removeEventListener("click",this.handleSubmission),next===button_options.L$.reset&&this.addEventListener("click",this.handleFormReset),previous===button_options.L$.reset&&this.removeEventListener("click",this.handleFormReset)}},{key:"disabledFocusableChanged",value:function disabledFocusableChanged(prev,next){this.$fastController.isConnected&&(this.disabledFocusable?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}},{key:"validate",value:function validate(){_get(button_getPrototypeOf(Button.prototype),"validate",this).call(this,this.control)}},{key:"connectedCallback",value:function connectedCallback(){_get(button_getPrototypeOf(Button.prototype),"connectedCallback",this).call(this),this.proxy.setAttribute("type",this.type),this.addEventListener("click",this.handleDisabledFocusableClick)}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(button_getPrototypeOf(Button.prototype),"disconnectedCallback",this).call(this),this.removeEventListener("click",this.handleDisabledFocusableClick)}}]),Button}(FormAssociatedButton);__decorate([(0,attributes.Lj)({mode:"boolean"})],Button.prototype,"autofocus",void 0),__decorate([(0,attributes.Lj)({attribute:"form"})],Button.prototype,"formId",void 0),__decorate([attributes.Lj],Button.prototype,"formaction",void 0),__decorate([attributes.Lj],Button.prototype,"formenctype",void 0),__decorate([attributes.Lj],Button.prototype,"formmethod",void 0),__decorate([(0,attributes.Lj)({mode:"boolean"})],Button.prototype,"formnovalidate",void 0),__decorate([attributes.Lj],Button.prototype,"formtarget",void 0),__decorate([attributes.Lj],Button.prototype,"type",void 0),__decorate([attributes.Lj],Button.prototype,"appearance",void 0),__decorate([attributes.Lj],Button.prototype,"shape",void 0),__decorate([attributes.Lj],Button.prototype,"size",void 0),__decorate([(0,attributes.Lj)({attribute:"icon-only",mode:"boolean"})],Button.prototype,"iconOnly",void 0),__decorate([(0,attributes.Lj)({attribute:"disabled-focusable",mode:"boolean"})],Button.prototype,"disabledFocusable",void 0),__decorate([observable.LO],Button.prototype,"defaultSlottedContent",void 0);var DelegatesARIAButton=button_createClass((function DelegatesARIAButton(){button_classCallCheck(this,DelegatesARIAButton)}));__decorate([(0,attributes.Lj)({attribute:"aria-expanded"})],DelegatesARIAButton.prototype,"ariaExpanded",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-pressed"})],DelegatesARIAButton.prototype,"ariaPressed",void 0),(0,apply_mixins.e)(DelegatesARIAButton,patterns.v_),(0,apply_mixins.e)(Button,patterns.hW,DelegatesARIAButton)},"./src/button/define.ts":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/button/button.definition.ts").D.define(_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.registry)},"./src/checkbox/checkbox.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_checkbox_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/checkbox/checkbox.ts"),_checkbox_template_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/checkbox/checkbox.template.ts"),_checkbox_styles_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/checkbox/checkbox.styles.ts"),definition=_checkbox_js__WEBPACK_IMPORTED_MODULE_1__.X.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-checkbox",template:_checkbox_template_js__WEBPACK_IMPORTED_MODULE_2__.r,styles:_checkbox_styles_js__WEBPACK_IMPORTED_MODULE_3__.W})},"./src/checkbox/checkbox.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ZN:()=>CheckboxShape,n0:()=>CheckboxLabelPosition,yB:()=>CheckboxSize});var CheckboxShape={circular:"circular",square:"square"},CheckboxSize={medium:"medium",large:"large"},CheckboxLabelPosition={before:"before",after:"after"}},"./src/checkbox/checkbox.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n :host {\n align-items: center;\n outline: none;\n user-select: none;\n vertical-align: middle;\n cursor: pointer;\n font-family: var(",");\n font-size: var(",");\n line-height: var(",");\n color: var(",");\n position: relative;\n }\n\n :host(:focus-visible)::after {\n content: '';\n position: absolute;\n inset: 0px;\n cursor: pointer;\n border-radius: var(",");\n outline: none;\n border: 2px solid var(",");\n box-shadow: inset 0 0 0 1px var(",");\n }\n\n .control {\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n margin: var(",") var(",");\n fill: currentcolor;\n height: 16px;\n width: 16px;\n border: var(",") solid var(",");\n border-radius: var(",");\n outline: none;\n }\n .label {\n align-self: center;\n cursor: inherit;\n padding-inline: var(",");\n padding-bottom: var(",");\n padding-top: var(",");\n }\n .label__hidden {\n display: none;\n visibility: hidden;\n }\n .checked-indicator {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(",");\n font-size: 12px;\n margin: auto;\n opacity: 0;\n }\n .indeterminate-indicator {\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: var(",");\n background-color: var(",");\n opacity: 0;\n }\n :host(:hover) {\n color: var(",");\n }\n :host(:hover) .control {\n border-color: var(",");\n }\n :host(:hover) .indeterminate-indicator {\n background-color: var(",");\n }\n :host(:active) .control {\n border-color: var(",");\n }\n :host(:active) .indeterminate-indicator {\n background-color: var(",");\n }\n :host([aria-checked='true']),\n :host([aria-checked='mixed']),\n :host(:active) {\n color: var(",");\n }\n :host([aria-checked='true']) .control {\n background-color: var(",");\n }\n :host([aria-checked='true']:hover) .control {\n border-color: var(",");\n background-color: var(",");\n }\n :host([aria-checked='true']:active) .control {\n background-color: var(",");\n }\n :host([aria-checked='mixed']:hover) .control {\n border-color: var(",");\n }\n :host([aria-checked='true']) .checked-indicator,\n :host([aria-checked='mixed']) .indeterminate-indicator {\n opacity: 1;\n }\n :host([aria-checked='true']) .control,\n :host([aria-checked='mixed']) .control {\n border-color: var(",");\n }\n :host([aria-checked='mixed']:active) .control,\n :host([aria-checked='true']:active) .control {\n border-color: var(",");\n }\n :host([label-position='before']) {\n flex-direction: row-reverse;\n }\n :host([label-position='before']) .label {\n padding-inline: var(",") var(",");\n padding-top: var(",");\n padding-bottom: var(",");\n }\n :host([size='large']) .control {\n width: 20px;\n height: 20px;\n }\n :host([size='large']) .checked-indicator {\n font-size: 16px;\n height: 20px;\n }\n :host([aria-checked='mixed'][size='large']) .indeterminate-indicator {\n height: 10px;\n width: 10px;\n }\n :host([shape='circular']) .control,\n :host([shape='circular']) .indeterminate-indicator {\n border-radius: var(",");\n }\n :host([disabled]) .control,\n :host([aria-checked='mixed'][disabled]) .control,\n :host([aria-checked='true'][disabled]) .control {\n background-color: var(",");\n border-color: var(",");\n }\n :host([aria-checked='true'][disabled]) .checked-indicator,\n :host([disabled]) ::slotted([slot='start']),\n :host([disabled]) .label,\n :host([aria-checked='mixed'][disabled]) .label,\n :host([aria-checked='true'][disabled]) .label {\n color: var(",");\n }\n :host([disabled]) .indeterminate-indicator {\n background-color: var(",");\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("inline-flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessible,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusSmall,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundInverted,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusSmall,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessibleHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandForeground1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessiblePressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandForeground1Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandStrokeHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandStrokeHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandStroke,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandStrokePressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled)},"./src/checkbox/checkbox.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_utils_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/utils/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function checkboxTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <template\n role="checkbox"\n aria-checked="','"\n aria-required="','"\n aria-disabled="','"\n tabindex="','"\n @keypress="','"\n @click="','"\n >\n <div part="control" class="control">\n <slot name="checked-indicator"> ',' </slot>\n <slot name="indeterminate-indicator"> ',' </slot>\n </div>\n <label\n part="label"\n class="','"\n >\n <slot ',"></slot>\n </label>\n </template>\n "])),(function(x){return x.indeterminate?"mixed":x.checked}),(function(x){return x.required}),(function(x){return x.disabled}),(function(x){return x.disabled?null:0}),(function(x,c){return x.keypressHandler(c.event)}),(function(x,c){return x.clickHandler(c.event)}),(0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.AE)(options.checkedIndicator),(0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.AE)(options.indeterminateIndicator),(function(x){return x.defaultSlottedNodes&&x.defaultSlottedNodes.length?"label":"label label__hidden"}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.Q)("defaultSlottedNodes"))}({checkedIndicator:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy.partial('\n <div class="checked-indicator">\n <svg fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 12 12"\n xmlns="http://www.w3.org/2000/svg">\n <path d="M9.76 3.2c.3.29.32.76.04 1.06l-4.25 4.5a.75.75 0 0 1-1.08.02L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.7 1.7L8.7 3.24a.75.75 0 0 1 1.06-.04Z" fill="currentColor">\n </path>\n </svg>\n </div>\n'),indeterminateIndicator:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy.partial('\n <div class="indeterminate-indicator"></div>\n')})},"./src/checkbox/checkbox.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>Checkbox});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var attributes=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),observable=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),key_codes=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js"),fast_element=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),form_associated=__webpack_require__("./src/form-associated/form-associated.ts");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var _Checkbox=function(_FASTElement){_inherits(_Checkbox,_FASTElement);var _super=_createSuper(_Checkbox);function _Checkbox(){return _classCallCheck(this,_Checkbox),_super.apply(this,arguments)}return _createClass(_Checkbox)}(fast_element.H);function checkbox_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function checkbox_setPrototypeOf(o,p){return checkbox_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},checkbox_setPrototypeOf(o,p)}function checkbox_createSuper(Derived){var hasNativeReflectConstruct=function checkbox_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=checkbox_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=checkbox_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return checkbox_possibleConstructorReturn(this,result)}}function checkbox_possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function checkbox_assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function checkbox_getPrototypeOf(o){return checkbox_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},checkbox_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Checkbox=function(_FormAssociatedCheckb){!function checkbox_inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&checkbox_setPrototypeOf(subClass,superClass)}(Checkbox,_FormAssociatedCheckb);var _super=checkbox_createSuper(Checkbox);function Checkbox(){var _this;return function checkbox_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Checkbox),(_this=_super.call(this)).initialValue="on",_this.indeterminate=!1,_this.keypressHandler=function(e){if(!_this.disabled&&e.key===key_codes.BI)_this.toggleChecked()},_this.clickHandler=function(e){_this.disabled||_this.toggleChecked()},_this.proxy.setAttribute("type","checkbox"),_this}return function checkbox_createClass(Constructor,protoProps,staticProps){return protoProps&&checkbox_defineProperties(Constructor.prototype,protoProps),staticProps&&checkbox_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Checkbox,[{key:"toggleChecked",value:function toggleChecked(){this.indeterminate&&(this.indeterminate=!1),this.checked=!this.checked}}]),Checkbox}(function(_CheckableFormAssocia){_inherits(FormAssociatedCheckbox,_CheckableFormAssocia);var _super2=_createSuper(FormAssociatedCheckbox);function FormAssociatedCheckbox(){var _this;return _classCallCheck(this,FormAssociatedCheckbox),(_this=_super2.apply(this,arguments)).proxy=document.createElement("input"),_this}return _createClass(FormAssociatedCheckbox)}((0,form_associated.V2)(_Checkbox)));__decorate([attributes.Lj],Checkbox.prototype,"shape",void 0),__decorate([attributes.Lj],Checkbox.prototype,"size",void 0),__decorate([(0,attributes.Lj)({attribute:"label-position"})],Checkbox.prototype,"labelPosition",void 0),__decorate([observable.LO],Checkbox.prototype,"defaultSlottedNodes",void 0),__decorate([observable.LO],Checkbox.prototype,"indeterminate",void 0)},"./src/compound-button/compound-button.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_compound_button_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/compound-button/compound-button.ts"),_compound_button_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/compound-button/compound-button.styles.ts"),_compound_button_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/compound-button/compound-button.template.ts"),definition=_compound_button_js__WEBPACK_IMPORTED_MODULE_1__.W.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-compound-button",template:_compound_button_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_compound_button_styles_js__WEBPACK_IMPORTED_MODULE_2__.W,shadowOptions:{delegatesFocus:!0}})},"./src/compound-button/compound-button.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ih:()=>CompoundButtonSize,gl:()=>CompoundButtonAppearance,jF:()=>CompoundButtonShape});var _button_button_options_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/button/button.options.ts"),CompoundButtonAppearance=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.Lr,CompoundButtonShape=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.jL,CompoundButtonSize=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.qE},"./src/compound-button/compound-button.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_button_button_styles_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/button/button.styles.ts"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host .control,\n :host(:is([size])) .control {\n gap: 12px;\n height: auto;\n padding-top: 14px;\n padding-inline: 12px;\n padding-bottom: 16px;\n font-size: var(",");\n line-height: var(",");\n }\n\n .content {\n display: flex;\n flex-direction: column;\n text-align: start;\n }\n\n ::slotted([slot='description']) {\n color: var(",");\n line-height: 100%;\n font-size: var(",");\n font-weight: var(",");\n }\n\n ::slotted(svg),\n :host([size='large']) ::slotted(svg) {\n font-size: 40px;\n height: 40px;\n width: 40px;\n }\n\n :host(:hover) ::slotted([slot='description']) {\n color: var(",");\n }\n\n :host(:active) ::slotted([slot='description']) {\n color: var(",");\n }\n\n :host(:is([appearance='primary'], [appearance='primary']:hover, [appearance='primary']:active))\n ::slotted([slot='description']) {\n color: var(",");\n }\n\n :host(:is([appearance='subtle'], [appearance='subtle']:hover, [appearance='subtle']:active))\n ::slotted([slot='description']),\n :host([appearance='transparent']) ::slotted([slot='description']) {\n color: var(",");\n }\n\n :host([appearance='transparent']:hover) ::slotted([slot='description']) {\n color: var(",");\n }\n\n :host([appearance='transparent']:active) ::slotted([slot='description']) {\n color: var(",");\n }\n\n :host(:is([disabled], [disabled][appearance], [disabled-focusable], [disabled-focusable][appearance]))\n ::slotted([slot='description']) {\n color: var(",");\n }\n\n :host([size='small']) .control {\n padding: 8px;\n padding-bottom: 10px;\n }\n\n :host([icon-only]) .control {\n min-width: 52px;\n max-width: 52px;\n padding: var(",");\n }\n\n :host([icon-only][size='small']) .control {\n min-width: 48px;\n max-width: 48px;\n padding: var(",");\n }\n\n :host([icon-only][size='large']) .control {\n min-width: 56px;\n max-width: 56px;\n padding: var(",");\n }\n\n :host([size='large']) .control {\n padding-top: 18px;\n padding-inline: 16px;\n padding-bottom: 20px;\n font-size: var(",");\n line-height: var(",");\n }\n :host([size='large']) ::slotted([slot='description']) {\n font-size: var(",");\n }\n"])),_button_button_styles_js__WEBPACK_IMPORTED_MODULE_1__.W,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.fontSizeBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForegroundOnBrand,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2BrandHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2BrandPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.spacingHorizontalSNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.spacingHorizontalXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.fontSizeBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.lineHeightBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.fontSizeBase300)},"./src/compound-button/compound-button.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/ref.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/patterns/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function buttonTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <button\n class="control"\n part="control"\n ?autofocus="','"\n ?disabled="','"\n form="','"\n formaction="','"\n formenctype="','"\n formmethod="','"\n ?formnovalidate="','"\n formtarget="','"\n name="','"\n type="','"\n value="','"\n aria-atomic="','"\n aria-busy="','"\n aria-controls="','"\n aria-current="','"\n aria-describedby="','"\n aria-details="','"\n aria-disabled="','"\n aria-errormessage="','"\n aria-expanded="','"\n aria-flowto="','"\n aria-haspopup="','"\n aria-hidden="','"\n aria-invalid="','"\n aria-keyshortcuts="','"\n aria-label="','"\n aria-labelledby="','"\n aria-live="','"\n aria-owns="','"\n aria-pressed="','"\n aria-relevant="','"\n aria-roledescription="','"\n ',"\n >\n ",'\n <span class="content" part="content">\n <slot ','></slot>\n <slot name="description"></slot>\n </span>\n ',"\n </button>\n "])),(function(x){return x.autofocus}),(function(x){return x.disabled}),(function(x){return x.formId}),(function(x){return x.formaction}),(function(x){return x.formenctype}),(function(x){return x.formmethod}),(function(x){return x.formnovalidate}),(function(x){return x.formtarget}),(function(x){return x.name}),(function(x){return x.type}),(function(x){return x.value}),(function(x){return x.ariaAtomic}),(function(x){return x.ariaBusy}),(function(x){return x.ariaControls}),(function(x){return x.ariaCurrent}),(function(x){return x.ariaDescribedby}),(function(x){return x.ariaDetails}),(function(x){return x.ariaDisabled}),(function(x){return x.ariaErrormessage}),(function(x){return x.ariaExpanded}),(function(x){return x.ariaFlowto}),(function(x){return x.ariaHaspopup}),(function(x){return x.ariaHidden}),(function(x){return x.ariaInvalid}),(function(x){return x.ariaKeyshortcuts}),(function(x){return x.ariaLabel}),(function(x){return x.ariaLabelledby}),(function(x){return x.ariaLive}),(function(x){return x.ariaOwns}),(function(x){return x.ariaPressed}),(function(x){return x.ariaRelevant}),(function(x){return x.ariaRoledescription}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.i)("control"),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__.m9)(options),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__.Q)("defaultSlottedContent"),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__.LC)(options))}()},"./src/compound-button/compound-button.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>CompoundButton});__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var CompoundButton=function(_Button){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(CompoundButton,_Button);var _super=_createSuper(CompoundButton);function CompoundButton(){return _classCallCheck(this,CompoundButton),_super.apply(this,arguments)}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(CompoundButton)}(__webpack_require__("./src/button/button.ts").z)},"./src/counter-badge/counter-badge.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_counter_badge_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/counter-badge/counter-badge.ts"),_counter_badge_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/counter-badge/counter-badge.styles.ts"),_counter_badge_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/counter-badge/counter-badge.template.ts"),definition=_counter_badge_js__WEBPACK_IMPORTED_MODULE_1__.T.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-counter-badge",template:_counter_badge_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_counter_badge_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/counter-badge/counter-badge.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J1:()=>CounterBadgeSize,Qv:()=>CounterBadgeAppearance,fc:()=>CounterBadgeShape,iJ:()=>CounterBadgeColor});var CounterBadgeAppearance={filled:"filled",ghost:"ghost"},CounterBadgeColor={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"},CounterBadgeShape={circular:"circular",rounded:"rounded"},CounterBadgeSize={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large"}},"./src/counter-badge/counter-badge.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_styles_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/styles/index.ts"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n :host([shape='rounded']) {\n border-radius: var(",");\n }\n\n :host([shape='rounded'][size='tiny']),\n :host([shape='rounded'][size='extra-small']),\n :host([shape='rounded'][size='small']) {\n border-radius: var(",");\n }\n\n ","\n ","\n ","\n ","\n\n :host([dot]),\n :host([dot][appearance][size]) {\n min-width: auto;\n width: 6px;\n height: 6px;\n padding: 0;\n }\n"])),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.borderRadiusSmall,_styles_index_js__WEBPACK_IMPORTED_MODULE_1__.V5,_styles_index_js__WEBPACK_IMPORTED_MODULE_1__.fg,_styles_index_js__WEBPACK_IMPORTED_MODULE_1__.A$,_styles_index_js__WEBPACK_IMPORTED_MODULE_1__.sX)},"./src/counter-badge/counter-badge.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_badge_badge_template_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/badge/badge.template.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function composeTemplate(){return(0,_badge_badge_template_js__WEBPACK_IMPORTED_MODULE_1__.Z)({defaultContent:(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["",""])),(function(x){return x.setCount()}))})}()},"./src/counter-badge/counter-badge.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>CounterBadge});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/apply-mixins.ts"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/patterns/index.ts");function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},CounterBadge=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(CounterBadge,_FASTElement);var _super=_createSuper(CounterBadge);function CounterBadge(){var _this;return _classCallCheck(this,CounterBadge),(_this=_super.apply(this,arguments)).count=0,_this.overflowCount=99,_this.showZero=!1,_this.dot=!1,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(CounterBadge,[{key:"countChanged",value:function countChanged(){this.setCount()}},{key:"overflowCountChanged",value:function overflowCountChanged(){this.setCount()}},{key:"setCount",value:function setCount(){var _a,count=null!==(_a=this.count)&&void 0!==_a?_a:0;if((0!==count||this.showZero)&&!this.dot)return count>this.overflowCount?this.overflowCount+"+":""+count}}]),CounterBadge}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.H);__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Lj],CounterBadge.prototype,"appearance",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Lj],CounterBadge.prototype,"color",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Lj],CounterBadge.prototype,"shape",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Lj],CounterBadge.prototype,"size",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Lj)({converter:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Id})],CounterBadge.prototype,"count",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Lj)({attribute:"overflow-count",converter:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Id})],CounterBadge.prototype,"overflowCount",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Lj)({attribute:"show-zero",mode:"boolean"})],CounterBadge.prototype,"showZero",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Lj)({mode:"boolean"})],CounterBadge.prototype,"dot",void 0),(0,_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_7__.e)(CounterBadge,_patterns_index_js__WEBPACK_IMPORTED_MODULE_8__.hW)},"./src/dialog/dialog.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_dialog_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/dialog/dialog.ts"),_dialog_template_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/dialog/dialog.template.ts"),_dialog_styles_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/dialog/dialog.styles.ts"),definition=_dialog_js__WEBPACK_IMPORTED_MODULE_1__.V.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-dialog",template:_dialog_template_js__WEBPACK_IMPORTED_MODULE_2__.X,styles:_dialog_styles_js__WEBPACK_IMPORTED_MODULE_3__.W})},"./src/dialog/dialog.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{s:()=>DialogModalType});var DialogModalType={modal:"modal",nonModal:"non-modal",alert:"alert"}},"./src/dialog/dialog.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n --dialog-backdrop: var(",");\n }\n\n dialog {\n background: var(",");\n border: var(",") solid var(",");\n z-index: 2;\n margin: auto auto;\n max-width: 100%;\n width: 100vw;\n border-radius: var(",");\n box-shadow: var(",");\n max-height: 100vh;\n height: fit-content;\n overflow: unset;\n position: fixed;\n inset: 0;\n padding: 0;\n }\n\n dialog::backdrop {\n background: var(--dialog-backdrop, rgba(0, 0, 0, 0.4));\n }\n\n .root {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow: unset;\n max-height: calc(100vh - 48px);\n padding: var(",") var(",");\n }\n\n .title {\n font-size: var(",");\n line-height: var(",");\n font-weight: var(",");\n font-family: var(",");\n color: var(",");\n margin-bottom: var(",");\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n column-gap: 8px;\n }\n\n .content {\n vertical-align: top;\n min-height: 32px;\n color: var(",");\n font-size: var(",");\n line-height: var(",");\n font-weight: var(",");\n font-family: var(",");\n overflow-y: auto;\n box-sizing: border-box;\n }\n\n .actions {\n display: flex;\n grid-column-start: 1;\n flex-direction: column;\n max-width: 100vw;\n row-gap: var(",");\n padding-top: var(",");\n justify-self: stretch;\n width: 100%;\n }\n ::slotted([slot='action']) {\n width: 100%;\n }\n\n @media screen and (min-width: 480px) {\n ::slotted([slot='action']) {\n width: fit-content;\n }\n dialog {\n max-width: 600px;\n width: 100%;\n }\n .actions {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n column-gap: var(",");\n padding-top: var(",");\n box-sizing: border-box;\n }\n }\n"])),(0,_microsoft_fast_foundation__WEBPACK_IMPORTED_MODULE_3__.j)("flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBackgroundOverlay,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentStroke,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusXLarge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow64,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalXXL,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXXL,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase500,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase500,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightSemibold,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalXXL,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS)},"./src/dialog/dialog.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/ref.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/node-observation.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/when.js"),_dialog_options_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/dialog/dialog.options.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var dismissed16Regular=_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy.partial('\n <svg\n fill="currentColor"\n aria-hidden="true"\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"\n fill="currentColor"\n ></path>\n </svg>'),template=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <template ?open="','">\n <dialog\n role="','"\n modal-type="','"\n class="dialog"\n part="dialog"\n aria-modal="','"\n aria-describedby="','"\n aria-labelledby="','"\n aria-label="','"\n @keydown="','"\n @click="','"\n ','\n >\n <div class="root" part="root">\n <div class="title" part="title">\n <slot name="title"></slot>\n <slot ',' name="title-action"></slot>\n ','\n </div>\n <div class="content" part="content">\n <slot></slot>\n </div>\n <div class="actions" part="actions">\n <slot name="action"></slot>\n </div>\n </div>\n </dialog>\n </template>\n'])),(function(x){return x.open}),(function(x){return x.modalType===_dialog_options_js__WEBPACK_IMPORTED_MODULE_1__.s.alert?"alertdialog":"dialog"}),(function(x){return x.modalType}),(function(x){return x.modalType===_dialog_options_js__WEBPACK_IMPORTED_MODULE_1__.s.modal||x.modalType===_dialog_options_js__WEBPACK_IMPORTED_MODULE_1__.s.alert?"true":void 0}),(function(x){return x.ariaDescribedby}),(function(x){return x.ariaLabelledby}),(function(x){return x.ariaLabel}),(function(x,c){return x.handleKeydown(c.event)}),(function(x,c){return x.handleClick(c.event)}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.i)("dialog"),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.Q)({property:"titleAction",filter:(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__.R)()}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_6__.g)((function(x){return x.modalType===_dialog_options_js__WEBPACK_IMPORTED_MODULE_1__.s.nonModal&&0===x.titleAction.length&&!x.noTitleAction}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['<fluent-button\n tabindex="0"\n part="title-action"\n class="title-action"\n appearance="transparent"\n icon-only\n @click=',"\n ","\n >","</fluent-button\n >"])),(function(x){return x.dismiss()}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.i)("defaultTitleAction"),dismissed16Regular)))},"./src/dialog/dialog.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>Dialog});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.some.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/update-queue.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),tabbable__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../node_modules/tabbable/dist/index.esm.js"),_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js"),_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/dialog/dialog.options.ts");function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Dialog=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(Dialog,_FASTElement);var _super=_createSuper(Dialog);function Dialog(){var _this;return _classCallCheck(this,Dialog),(_this=_super.apply(this,arguments)).isTrappingFocus=!1,_this.titleAction=[],_this.modalType=_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__.s.modal,_this.open=!1,_this.noTitleAction=!1,_this.trapFocus=!1,_this.onOpenChangeEvent=function(){var dismissed=arguments.length>0&&void 0!==arguments[0]&&arguments[0];_this.$emit("onOpenChange",{open:_this.dialog.open,dismissed})},_this.handleKeydown=function(e){if(!e.defaultPrevented)return e.key!==_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_13__.CX||void(_this.modalType!==_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__.s.alert&&(_this.hide(!0),_this.$emit("dismiss")))},_this.handleDocumentKeydown=function(e){if(!e.defaultPrevented&&_this.dialog.open&&e.key===_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_13__.oM)_this.handleTabKeyDown(e)},_this.handleTabKeyDown=function(e){if(_this.trapFocus&&_this.dialog.open){var bounds=_this.getTabQueueBounds();if(1===bounds.length)return bounds[0].focus(),void e.preventDefault();e.shiftKey&&e.target===bounds[0]?(bounds[bounds.length-1].focus(),e.preventDefault()):e.shiftKey||e.target!==bounds[bounds.length-1]||(bounds[0].focus(),e.preventDefault())}},_this.getTabQueueBounds=function(){return Dialog.reduceTabbableItems([],_assertThisInitialized(_this))},_this.focusFirstElement=function(){var bounds=_this.getTabQueueBounds();bounds.length>0?bounds[0].focus():_this.dialog instanceof HTMLElement&&_this.dialog.focus()},_this.shouldForceFocus=function(currentFocusElement){return _this.isTrappingFocus&&!_this.contains(currentFocusElement)},_this.shouldTrapFocus=function(){return _this.trapFocus&&_this.dialog.open},_this.handleDocumentFocus=function(e){!e.defaultPrevented&&_this.shouldForceFocus(e.target)&&(_this.focusFirstElement(),e.preventDefault())},_this.updateTrapFocus=function(shouldTrapFocusOverride){var shouldTrapFocus=void 0===shouldTrapFocusOverride?_this.shouldTrapFocus():shouldTrapFocusOverride;shouldTrapFocus&&!_this.isTrappingFocus?(_this.isTrappingFocus=!0,document.addEventListener("focusin",_this.handleDocumentFocus),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_14__.H.enqueue((function(){_this.shouldForceFocus(document.activeElement)&&_this.focusFirstElement()}))):!shouldTrapFocus&&_this.isTrappingFocus&&(_this.isTrappingFocus=!1,document.removeEventListener("focusin",_this.handleDocumentFocus))},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Dialog,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_get(_getPrototypeOf(Dialog.prototype),"connectedCallback",this).call(this),document.addEventListener("keydown",this.handleDocumentKeydown),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_14__.H.enqueue((function(){_this2.updateTrapFocus(),_this2.setComponent()}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(Dialog.prototype),"disconnectedCallback",this).call(this),document.removeEventListener("keydown",this.handleDocumentKeydown),this.updateTrapFocus(!1)}},{key:"openChanged",value:function openChanged(oldValue,newValue){newValue!==oldValue&&(newValue&&!oldValue?this.show():!newValue&&oldValue&&this.hide())}},{key:"modalTypeChanged",value:function modalTypeChanged(oldValue,newValue){newValue!==oldValue&&(newValue==_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__.s.alert||newValue==_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__.s.modal?this.trapFocus=!0:this.trapFocus=!1)}},{key:"setComponent",value:function setComponent(){this.modalType==_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__.s.modal||this.modalType==_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__.s.alert?this.trapFocus=!0:this.trapFocus=!1}},{key:"show",value:function show(){var _this3=this;_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_14__.H.enqueue((function(){_this3.modalType===_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__.s.alert||_this3.modalType===_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__.s.modal?(_this3.dialog.showModal(),_this3.open=!0,_this3.updateTrapFocus(!0)):_this3.modalType===_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__.s.nonModal&&(_this3.dialog.show(),_this3.open=!0),_this3.onOpenChangeEvent()}))}},{key:"hide",value:function hide(){var dismissed=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.dialog.close(),this.open=!1,this.onOpenChangeEvent(dismissed)}},{key:"dismiss",value:function dismiss(){this.modalType!==_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__.s.alert&&this.hide(!0)}},{key:"handleClick",value:function handleClick(event){return event.preventDefault(),this.dialog.open&&this.modalType!==_dialog_options_js__WEBPACK_IMPORTED_MODULE_12__.s.alert&&event.target===this.dialog&&this.dismiss(),!0}}],[{key:"reduceTabbableItems",value:function reduceTabbableItems(elements,element){return"-1"===element.getAttribute("tabindex")?elements:(0,tabbable__WEBPACK_IMPORTED_MODULE_15__.Wq)(element)||Dialog.isFocusableFastElement(element)&&Dialog.hasTabbableShadow(element)?(elements.push(element),elements):Array.from(element.children).reduce((function(elements,currentElement){return Dialog.reduceTabbableItems(elements,currentElement)}),elements)}},{key:"isFocusableFastElement",value:function isFocusableFastElement(element){var _a,_b;return!!(null===(_b=null===(_a=element.$fastController)||void 0===_a?void 0:_a.definition.shadowOptions)||void 0===_b?void 0:_b.delegatesFocus)}},{key:"hasTabbableShadow",value:function hasTabbableShadow(element){var _a,_b;return Array.from(null!==(_b=null===(_a=element.shadowRoot)||void 0===_a?void 0:_a.querySelectorAll("*"))&&void 0!==_b?_b:[]).some((function(x){return(0,tabbable__WEBPACK_IMPORTED_MODULE_15__.Wq)(x)}))}}]),Dialog}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_16__.H);__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_17__.LO],Dialog.prototype,"dialog",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_17__.LO],Dialog.prototype,"titleAction",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_17__.LO],Dialog.prototype,"defaultTitleAction",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_18__.Lj)({attribute:"aria-describedby"})],Dialog.prototype,"ariaDescribedby",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_18__.Lj)({attribute:"aria-labelledby"})],Dialog.prototype,"ariaLabelledby",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_18__.Lj)({attribute:"modal-type"})],Dialog.prototype,"modalType",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_18__.Lj)({mode:"boolean"})],Dialog.prototype,"open",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_18__.Lj)({mode:"boolean",attribute:"no-title-action"})],Dialog.prototype,"noTitleAction",void 0)},"./src/divider/define.ts":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/divider/divider.definition.ts").D.define(_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.registry)},"./src/divider/divider.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_divider_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/divider/divider.ts"),_divider_template_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/divider/divider.template.ts"),_divider_styles_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/divider/divider.styles.ts"),definition=_divider_js__WEBPACK_IMPORTED_MODULE_1__.i.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-divider",template:_divider_template_js__WEBPACK_IMPORTED_MODULE_2__.X,styles:_divider_styles_js__WEBPACK_IMPORTED_MODULE_3__.W})},"./src/divider/divider.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B_:()=>DividerAppearance,HE:()=>DividerAlignContent,LG:()=>DividerRole,W6:()=>DividerOrientation});var _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/aria.js"),DividerRole={separator:"separator",presentation:"presentation"},DividerOrientation=_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_0__.i,DividerAlignContent={center:"center",start:"start",end:"end"},DividerAppearance={strong:"strong",brand:"brand",subtle:"subtle",default:"default"}},"./src/divider/divider.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/match-media-stylesheet-behavior.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n\n :host {\n contain: content;\n }\n\n :host::after,\n :host::before {\n align-self: center;\n background: var(",");\n box-sizing: border-box;\n content: '';\n display: flex;\n flex-grow: 1;\n height: var(",");\n }\n\n :host([inset]) {\n padding: 0 12px;\n }\n\n :host ::slotted(*) {\n color: var(",");\n font-family: var(",");\n font-size: var(",");\n font-weight: var(",");\n margin: 0;\n padding: 0 12px;\n }\n\n :host([align-content='start'])::before,\n :host([align-content='end'])::after {\n flex-basis: 12px;\n flex-grow: 0;\n flex-shrink: 0;\n }\n\n :host([orientation='vertical']) {\n height: 100%;\n min-height: 84px;\n }\n :host([orientation='vertical']):empty {\n min-height: 20px;\n }\n\n :host([orientation='vertical']) {\n flex-direction: column;\n align-items: center;\n }\n\n :host([orientation='vertical'][inset])::before {\n margin-top: 12px;\n }\n :host([orientation='vertical'][inset])::after {\n margin-bottom: 12px;\n }\n\n :host([orientation='vertical']):empty::before,\n :host([orientation='vertical']):empty::after {\n height: 10px;\n min-height: 10px;\n flex-grow: 0;\n }\n\n :host([orientation='vertical'])::before,\n :host([orientation='vertical'])::after {\n width: var(",");\n min-height: 20px;\n height: 100%;\n }\n\n :host([orientation='vertical']) ::slotted(*) {\n display: flex;\n flex-direction: column;\n padding: 12px 0;\n line-height: 20px;\n }\n\n :host([orientation='vertical'][align-content='start'])::before {\n min-height: 8px;\n }\n :host([orientation='vertical'][align-content='end'])::after {\n min-height: 8px;\n }\n\n :host([appearance='strong'])::before,\n :host([appearance='strong'])::after {\n background: var(",");\n }\n :host([appearance='strong']) ::slotted(*) {\n color: var(",");\n }\n :host([appearance='brand'])::before,\n :host([appearance='brand'])::after {\n background: var(",");\n }\n :host([appearance='brand']) ::slotted(*) {\n color: var(",");\n }\n :host([appearance='subtle'])::before,\n :host([appearance='subtle'])::after {\n background: var(",");\n }\n :host([appearance='subtle']) ::slotted(*) {\n color: var(",");\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandStroke1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground3).withBehaviors((0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__.vF)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n :host([appearance='strong'])::before,\n :host([appearance='strong'])::after,\n :host([appearance='brand'])::before,\n :host([appearance='brand'])::after,\n :host([appearance='subtle'])::before,\n :host([appearance='subtle'])::after,\n :host::after,\n :host::before {\n background: WindowText;\n color: WindowText;\n }\n "])))))},"./src/divider/divider.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_divider_options_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/divider/divider.options.ts");var template=function dividerTemplate(){return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(['\n <template\n role="','"\n aria-orientation="','"\n >\n <slot></slot>\n </template>\n '])),(function(x){return x.role}),(function(x){return x.role!==_divider_options_js__WEBPACK_IMPORTED_MODULE_1__.LG.presentation?x.orientation:void 0}))}()},"./src/divider/divider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>Divider});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_divider_options_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/divider/divider.options.ts");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Divider=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(Divider,_FASTElement);var _super=_createSuper(Divider);function Divider(){var _this;return _classCallCheck(this,Divider),(_this=_super.apply(this,arguments)).role=_divider_options_js__WEBPACK_IMPORTED_MODULE_7__.LG.separator,_this.orientation=_divider_options_js__WEBPACK_IMPORTED_MODULE_7__.W6.horizontal,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Divider)}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.H);__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj],Divider.prototype,"role",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj],Divider.prototype,"orientation",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj)({attribute:"align-content"})],Divider.prototype,"alignContent",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj],Divider.prototype,"appearance",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj)({mode:"boolean"})],Divider.prototype,"inset",void 0)},"./src/fluent-design-system.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>FluentDesignSystem});__webpack_require__("../../node_modules/core-js/modules/es.object.freeze.js");var FluentDesignSystem=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements})},"./src/form-associated/form-associated.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Um:()=>FormAssociated,V2:()=>CheckableFormAssociated});__webpack_require__("../../node_modules/core-js/modules/es.weak-map.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.freeze.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/platform.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/update-queue.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js");function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var supportsElementInternals="ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype,InternalsMap=new WeakMap;function FormAssociated(BaseCtor){var C=function(_BaseCtor){_inherits(C,_BaseCtor);var _super=_createSuper(C);function C(){var _this;_classCallCheck(this,C);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_super.call.apply(_super,[this].concat(args))).dirtyValue=!1,_this.initialValue="",_this.disabled=!1,_this.proxyEventsToBlock=["change","click"],_this.proxyInitialized=!1,_this.required=!1,_this.initialValue=_this.initialValue||"",_this.elementInternals||(_this.formResetCallback=_this.formResetCallback.bind(_assertThisInitialized(_this))),_this}return _createClass(C,[{key:"validity",get:function get(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}},{key:"form",get:function get(){return this.elementInternals?this.elementInternals.form:this.proxy.form}},{key:"validationMessage",get:function get(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}},{key:"willValidate",get:function get(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}},{key:"labels",get:function get(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.proxy.ownerDocument&&this.id){var parentLabels=this.proxy.labels,forLabels=Array.from(this.proxy.getRootNode().querySelectorAll("[for='"+this.id+"']")),labels=parentLabels?forLabels.concat(Array.from(parentLabels)):forLabels;return Object.freeze(labels)}return _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_19__.ow}},{key:"valueChanged",value:function valueChanged(previous,next){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.currentValue=this.value,this.setFormValue(this.value),this.validate()}},{key:"currentValueChanged",value:function currentValueChanged(){this.value=this.currentValue}},{key:"initialValueChanged",value:function initialValueChanged(previous,next){this.dirtyValue||(this.value=this.initialValue,this.dirtyValue=!1)}},{key:"disabledChanged",value:function disabledChanged(previous,next){var _this2=this;this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_20__.H.enqueue((function(){return _this2.classList.toggle("disabled",_this2.disabled)}))}},{key:"nameChanged",value:function nameChanged(previous,next){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}},{key:"requiredChanged",value:function requiredChanged(prev,next){var _this3=this;this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_20__.H.enqueue((function(){return _this3.classList.toggle("required",_this3.required)})),this.validate()}},{key:"elementInternals",get:function get(){if(!supportsElementInternals)return null;var internals=InternalsMap.get(this);return internals||(internals=this.attachInternals(),InternalsMap.set(this,internals)),internals}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(C.prototype),"connectedCallback",this).call(this),this.addEventListener("keypress",this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener("reset",this.formResetCallback))}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this4=this;this.proxyEventsToBlock.forEach((function(name){return _this4.proxy.removeEventListener(name,_this4.stopPropagation)})),!this.elementInternals&&this.form&&this.form.removeEventListener("reset",this.formResetCallback)}},{key:"checkValidity",value:function checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}},{key:"reportValidity",value:function reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}},{key:"setValidity",value:function setValidity(flags,message,anchor){this.elementInternals?this.elementInternals.setValidity(flags,message,anchor):"string"==typeof message&&this.proxy.setCustomValidity(message)}},{key:"formDisabledCallback",value:function formDisabledCallback(disabled){this.disabled=disabled}},{key:"formResetCallback",value:function formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}},{key:"attachProxy",value:function attachProxy(){var _a,_this5=this;this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display="none",this.proxyEventsToBlock.forEach((function(name){return _this5.proxy.addEventListener(name,_this5.stopPropagation)})),this.proxy.disabled=this.disabled,this.proxy.required=this.required,"string"==typeof this.name&&(this.proxy.name=this.name),"string"==typeof this.value&&(this.proxy.value=this.value),this.proxy.setAttribute("slot","form-associated-proxy"),this.proxySlot=document.createElement("slot"),this.proxySlot.setAttribute("name","form-associated-proxy")),null===(_a=this.shadowRoot)||void 0===_a||_a.appendChild(this.proxySlot),this.appendChild(this.proxy)}},{key:"detachProxy",value:function detachProxy(){var _a;this.removeChild(this.proxy),null===(_a=this.shadowRoot)||void 0===_a||_a.removeChild(this.proxySlot)}},{key:"validate",value:function validate(anchor){this.proxy instanceof HTMLElement&&this.setValidity(this.proxy.validity,this.proxy.validationMessage,anchor)}},{key:"setFormValue",value:function setFormValue(value,state){this.elementInternals&&this.elementInternals.setFormValue(value,state||value)}},{key:"_keypressHandler",value:function _keypressHandler(e){if(e.key===_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_21__.kL)if(this.form instanceof HTMLFormElement){var defaultButton=this.form.querySelector("[type=submit]");null==defaultButton||defaultButton.click()}}},{key:"stopPropagation",value:function stopPropagation(e){e.stopPropagation()}}],[{key:"formAssociated",get:function get(){return supportsElementInternals}}]),C}(BaseCtor);return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_22__.Lj)({mode:"boolean"})(C.prototype,"disabled"),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_22__.Lj)({mode:"fromView",attribute:"value"})(C.prototype,"initialValue"),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_22__.Lj)({attribute:"current-value"})(C.prototype,"currentValue"),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_22__.Lj)(C.prototype,"name"),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_22__.Lj)({mode:"boolean"})(C.prototype,"required"),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_23__.LO)(C.prototype,"value"),C}function CheckableFormAssociated(BaseCtor){var C=function(_FormAssociated){_inherits(C,_FormAssociated);var _super2=_createSuper(C);function C(){return _classCallCheck(this,C),_super2.apply(this,arguments)}return _createClass(C)}(FormAssociated(BaseCtor)),D=function(_C){_inherits(D,_C);var _super3=_createSuper(D);function D(){var _this6;_classCallCheck(this,D);for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return(_this6=_super3.call(this,args)).dirtyChecked=!1,_this6.checkedAttribute=!1,_this6.checked=!1,_this6.dirtyChecked=!1,_this6}return _createClass(D,[{key:"checkedAttributeChanged",value:function checkedAttributeChanged(){this.defaultChecked=this.checkedAttribute}},{key:"defaultCheckedChanged",value:function defaultCheckedChanged(){this.dirtyChecked||(this.checked=this.defaultChecked,this.dirtyChecked=!1)}},{key:"checkedChanged",value:function checkedChanged(prev,next){this.dirtyChecked||(this.dirtyChecked=!0),this.currentChecked=this.checked,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),void 0!==prev&&this.$emit("change"),this.validate()}},{key:"currentCheckedChanged",value:function currentCheckedChanged(prev,next){this.checked=this.currentChecked}},{key:"updateForm",value:function updateForm(){var value=this.checked?this.value:null;this.setFormValue(value,value)}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(D.prototype),"connectedCallback",this).call(this),this.updateForm()}},{key:"formResetCallback",value:function formResetCallback(){_get(_getPrototypeOf(D.prototype),"formResetCallback",this).call(this),this.checked=!!this.checkedAttribute,this.dirtyChecked=!1}}]),D}(C);return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_22__.Lj)({attribute:"checked",mode:"boolean"})(D.prototype,"checkedAttribute"),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_22__.Lj)({attribute:"current-checked",converter:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_22__.bw})(D.prototype,"currentChecked"),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_23__.LO)(D.prototype,"defaultChecked"),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_23__.LO)(D.prototype,"checked"),D}},"./src/image/image.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_image_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/image/image.ts"),_image_template_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/image/image.template.ts"),_image_styles_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/image/image.styles.ts"),definition=_image_js__WEBPACK_IMPORTED_MODULE_1__.E.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-image",template:_image_template_js__WEBPACK_IMPORTED_MODULE_2__.X,styles:_image_styles_js__WEBPACK_IMPORTED_MODULE_3__.W})},"./src/image/image.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{K:()=>ImageShape,k:()=>ImageFit});var ImageFit={none:"none",center:"center",contain:"contain",cover:"cover",default:"default"},ImageShape={circular:"circular",rounded:"rounded",square:"square"}},"./src/image/image.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n :host {\n contain: content;\n }\n\n :host ::slotted(img) {\n box-sizing: border-box;\n min-height: 8px;\n min-width: 8px;\n display: inline-block;\n }\n :host([block]) ::slotted(img) {\n width: 100%;\n height: auto;\n }\n :host([bordered]) ::slotted(img) {\n border: var(",") solid var(",");\n }\n :host([fit='none']) ::slotted(img) {\n object-fit: none;\n object-position: top left;\n height: 100%;\n width: 100%;\n }\n :host([fit='center']) ::slotted(img) {\n object-fit: none;\n object-position: center;\n height: 100%;\n width: 100%;\n }\n :host([fit='contain']) ::slotted(img) {\n object-fit: contain;\n object-position: center;\n height: 100%;\n width: 100%;\n }\n :host([fit='cover']) ::slotted(img) {\n object-fit: cover;\n object-position: center;\n height: 100%;\n width: 100%;\n }\n :host([shadow]) ::slotted(img) {\n box-shadow: var(",");\n }\n :host([shape='circular']) ::slotted(img) {\n border-radius: var(",");\n }\n :host([shape='rounded']) ::slotted(img) {\n border-radius: var(",");\n }\n"])),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow4,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium)},"./src/image/image.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});var _templateObject;__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var template=(0,__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js").dy)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["<slot></slot>"])))},"./src/image/image.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{E:()=>Image});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Image=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(Image,_FASTElement);var _super=_createSuper(Image);function Image(){return _classCallCheck(this,Image),_super.apply(this,arguments)}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Image)}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.H);__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj)({mode:"boolean"})],Image.prototype,"block",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj)({mode:"boolean"})],Image.prototype,"bordered",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj)({mode:"boolean"})],Image.prototype,"shadow",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj],Image.prototype,"fit",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj],Image.prototype,"shape",void 0)},"./src/label/label.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_label_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/label/label.ts"),_label_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/label/label.styles.ts"),_label_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/label/label.template.ts"),definition=_label_js__WEBPACK_IMPORTED_MODULE_1__._.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-label",template:_label_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_label_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/label/label.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n font-family: var(",");\n font-size: var(",");\n line-height: var(",");\n font-weight: var(",");\n color: var(",");\n }\n .asterisk {\n color: var(",");\n margin-left: var(",");\n }\n :host([size='small']) {\n font-size: var(",");\n line-height: var(",");\n }\n :host([size='large']) {\n font-size: var(",");\n line-height: var(",");\n font-weight: var(",");\n }\n :host([weight='semibold']) {\n font-weight: var(",");\n }\n :host([disabled]),\n :host([disabled]) .asterisk {\n color: var(",");\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteRedForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightSemibold,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightSemibold,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled)},"./src/label/label.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js");var template=function labelTemplate(){return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__.dy)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(['\n <slot></slot>\n <span part="asterisk" class="asterisk" ?hidden="','">*</span>\n '])),(function(x){return!x.required}))}()},"./src/label/label.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>Label});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Label=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(Label,_FASTElement);var _super=_createSuper(Label);function Label(){var _this;return _classCallCheck(this,Label),(_this=_super.apply(this,arguments)).disabled=!1,_this.required=!1,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Label)}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.H);__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj],Label.prototype,"size",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj],Label.prototype,"weight",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj)({mode:"boolean"})],Label.prototype,"disabled",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj)({mode:"boolean"})],Label.prototype,"required",void 0)},"./src/menu-button/menu-button.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_button_button_styles_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/button/button.styles.ts"),_menu_button_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/menu-button/menu-button.ts"),_menu_button_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/menu-button/menu-button.template.ts"),definition=_menu_button_js__WEBPACK_IMPORTED_MODULE_2__.j.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-menu-button",template:_menu_button_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_button_button_styles_js__WEBPACK_IMPORTED_MODULE_1__.W,shadowOptions:{delegatesFocus:!0}})},"./src/menu-button/menu-button.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{OR:()=>MenuButtonShape,SJ:()=>MenuButtonSize,pz:()=>MenuButtonAppearance});var _button_button_options_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/button/button.options.ts"),MenuButtonAppearance=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.Lr,MenuButtonShape=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.jL,MenuButtonSize=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.qE},"./src/menu-button/menu-button.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),template=(0,__webpack_require__("./src/button/button.template.ts").u)({end:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__.dy.partial('<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z" fill="currentColor"></path></svg>')})},"./src/menu-button/menu-button.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{j:()=>MenuButton});__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var MenuButton=function(_Button){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(MenuButton,_Button);var _super=_createSuper(MenuButton);function MenuButton(){return _classCallCheck(this,MenuButton),_super.apply(this,arguments)}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(MenuButton)}(__webpack_require__("./src/button/button.ts").z)},"./src/menu-item/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{JV:()=>_menu_item_js__WEBPACK_IMPORTED_MODULE_0__.JV,OC:()=>_menu_item_js__WEBPACK_IMPORTED_MODULE_0__.OC,PH:()=>_menu_item_definition_js__WEBPACK_IMPORTED_MODULE_3__.D,rx:()=>_menu_item_styles_js__WEBPACK_IMPORTED_MODULE_2__.W,sN:()=>_menu_item_js__WEBPACK_IMPORTED_MODULE_0__.sN,zV:()=>_menu_item_template_js__WEBPACK_IMPORTED_MODULE_1__.X});var _menu_item_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/menu-item/menu-item.ts"),_menu_item_template_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/menu-item/menu-item.template.ts"),_menu_item_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/menu-item/menu-item.styles.ts"),_menu_item_definition_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/menu-item/menu-item.definition.ts")},"./src/menu-item/menu-item.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_menu_item_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/menu-item/menu-item.ts"),_menu_item_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/menu-item/menu-item.styles.ts"),_menu_item_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/menu-item/menu-item.template.ts"),definition=_menu_item_js__WEBPACK_IMPORTED_MODULE_1__.sN.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-menu-item",template:_menu_item_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_menu_item_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/menu-item/menu-item.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n grid-template-columns: 20px 20px auto 20px;\n align-items: center;\n grid-gap: 4px;\n height: 32px;\n background: var(",");\n font: var(",") var(",") / var(",") var(",");\n border-radius: var(",");\n color: var(",");\n padding: 0 10px;\n cursor: pointer;\n overflow: visible;\n contain: layout;\n }\n\n :host(:hover) {\n background: var(",");\n }\n\n .content {\n white-space: nowrap;\n flex-grow: 1;\n grid-column: auto / span 2;\n padding: 0 2px;\n }\n\n .checkbox,\n .radio {\n display: none;\n }\n\n .input-container,\n .expand-collapse-glyph-container,\n ::slotted([slot='start']),\n ::slotted([slot='end']),\n :host([checked]) .checkbox,\n :host([checked]) .radio {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n color: var(",");\n }\n\n .expand-collapse-glyph-container,\n ::slotted([slot='start']),\n ::slotted([slot='end']) {\n height: 32px;\n font-size: var(",");\n width: fit-content;\n }\n\n .input-container {\n width: 20px;\n }\n\n ::slotted([slot='end']) {\n color: var(",");\n font: var(",") var(",") / var(",") var(",");\n white-space: nowrap;\n grid-column: 4 / span 1;\n justify-self: flex-end;\n }\n\n .expand-collapse-glyph-container {\n grid-column: 4 / span 1;\n justify-self: flex-end;\n }\n\n :host(:hover) .input-container,\n :host(:hover) .expand-collapse-glyph-container,\n :host(:hover) .content {\n color: var(",");\n }\n\n :host([icon]:hover) ::slotted([slot='start']) {\n color: var(",");\n }\n\n :host(:active) {\n background-color: var(",");\n }\n\n :host(:active) .input-container,\n :host(:active) .expand-collapse-glyph-container,\n :host(:active) .content {\n color: var(",");\n }\n\n :host(:active) ::slotted([slot='start']) {\n color: var(",");\n }\n\n :host([disabled]) {\n background-color: var(",");\n }\n\n :host([disabled]) .content,\n :host([disabled]) .expand-collapse-glyph-container,\n :host([disabled]) ::slotted([slot='end']),\n :host([disabled]) ::slotted([slot='start']) {\n color: var(",");\n }\n\n :host([data-indent]) {\n display: grid;\n }\n\n :host([data-indent='1']) .content {\n grid-column: 2 / span 1;\n }\n\n :host([data-indent='1'][role='menuitemcheckbox']) {\n display: grid;\n }\n\n :host([data-indent='2'][aria-haspopup='menu']) ::slotted([slot='end']) {\n grid-column: 4 / span 1;\n }\n\n :host([data-indent='2'][aria-haspopup='menu']) .expand-collapse-glyph-container {\n grid-column: 5 / span 1;\n }\n\n :host([data-indent='1']) .content {\n grid-column: 2 / span 1;\n }\n\n :host([data-indent='1'][role='menuitemcheckbox']) .content,\n :host([data-indent='1'][role='menuitemradio']) .content {\n grid-column: auto / span 1;\n }\n\n :host([icon]) ::slotted([slot='end']),\n :host([data-indent='1']) ::slotted([slot='end']) {\n grid-column: 4 / span 1;\n justify-self: flex-end;\n }\n\n :host([data-indent='2']) {\n display: grid;\n grid-template-columns: 20px 20px auto auto;\n }\n\n :host([data-indent='2']) .content {\n grid-column: 3 / span 1;\n }\n\n :host([data-indent='2']) .input-container {\n grid-column: 1 / span 1;\n }\n\n :host([data-indent='2']) ::slotted([slot='start']) {\n grid-column: 2 / span 1;\n }\n\n :host([aria-haspopup='menu']) {\n grid-template-columns: 20px auto auto 20px;\n }\n\n :host([data-indent='2'][aria-haspopup='menu']) {\n grid-template-columns: 20px 20px auto auto 20px;\n }\n\n :host([aria-haspopup='menu']) ::slotted([slot='end']) {\n grid-column: 3 / span 1;\n justify-self: flex-end;\n }\n\n :host([data-indent='2'][aria-haspopup='menu']) ::slotted([slot='end']) {\n grid-column: 4 / span 1;\n justify-self: flex-end;\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("grid"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase500,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandForeground1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1Selected,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandForeground1Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackgroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled)},"./src/menu-item/menu-item.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/when.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/ref.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/node-observation.js"),_utils_template_helpers_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/utils/template-helpers.ts"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/patterns/index.ts"),_menu_item_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/menu-item/menu-item.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var Checkmark16Filled=_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.dy.partial('<svg fill="currentColor" class="___12fm75w f1w7gpdv fez10in fg4l7m0" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>');var template=function menuItemTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <template\n aria-haspopup="','"\n aria-checked="','"\n aria-disabled="','"\n aria-expanded="','"\n @keydown="','"\n @click="','"\n @mouseover="','"\n @mouseout="','"\n >\n ',"\n ","\n </div>\n ",'\n <span class="content" part="content">\n <slot></slot>\n </span>\n ',"\n ",'\n <span\n ?hidden="','"\n class="submenu-container"\n part="submenu-container"\n ','\n >\n <slot name="submenu" ',"></slot>\n </span>\n </template>\n "])),(function(x){return x.hasSubmenu?"menu":void 0}),(function(x){return x.role!==_menu_item_js__WEBPACK_IMPORTED_MODULE_3__.OC.menuitem?x.checked:void 0}),(function(x){return x.disabled}),(function(x){return x.expanded}),(function(x,c){return x.handleMenuItemKeyDown(c.event)}),(function(x,c){return x.handleMenuItemClick(c.event)}),(function(x,c){return x.handleMouseOver(c.event)}),(function(x,c){return x.handleMouseOut(c.event)}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__.g)((function(x){return x.role===_menu_item_js__WEBPACK_IMPORTED_MODULE_3__.OC.menuitemcheckbox}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <div part="input-container" class="input-container">\n <span part="checkbox" class="checkbox">\n <slot name="checkbox-indicator"> '," </slot>\n </span>\n </div>\n "])),(0,_utils_template_helpers_js__WEBPACK_IMPORTED_MODULE_1__.A)(options.checkboxIndicator))),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__.g)((function(x){return x.role===_menu_item_js__WEBPACK_IMPORTED_MODULE_3__.OC.menuitemradio}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <div part="input-container" class="input-container">\n <span part="radio" class="radio">\n <slot name="radio-indicator"> '," </slot>\n </span>\n </div>\n "])),(0,_utils_template_helpers_js__WEBPACK_IMPORTED_MODULE_1__.A)(options.radioIndicator))),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__.m9)(options),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__.LC)(options),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__.g)((function(x){return x.hasSubmenu}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.dy)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(['\n <div part="expand-collapse-glyph-container" class="expand-collapse-glyph-container">\n <span part="expand-collapse" class="expand-collapse">\n <slot name="expand-collapse-indicator"> '," </slot>\n </span>\n </div>\n "])),(0,_utils_template_helpers_js__WEBPACK_IMPORTED_MODULE_1__.A)(options.expandCollapseGlyph))),(function(x){return!x.expanded}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_6__.i)("submenuContainer"),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_7__.Q)({property:"slottedSubmenu",filter:(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.R)("[role='menu']")}))}({checkboxIndicator:Checkmark16Filled,expandCollapseGlyph:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.dy.partial('<svg fill="currentColor" class="___12fm75w f1w7gpdv fez10in fg4l7m0" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>'),radioIndicator:Checkmark16Filled})},"./src/menu-item/menu-item.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{sN:()=>MenuItem,OC:()=>MenuItemRole,JV:()=>roleForMenuItem});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("../../node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("../../node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.reverse.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _roleForMenuItem,floating_ui_dom_browser_min=__webpack_require__("../../node_modules/@floating-ui/dom/dist/floating-ui.dom.browser.min.mjs"),floating_ui_core_browser_min=__webpack_require__("../../node_modules/@floating-ui/core/dist/floating-ui.core.browser.min.mjs"),update_queue=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/update-queue.js"),fast_element=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),attributes=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),observable=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),key_codes=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js"),start_end=__webpack_require__("./src/patterns/start-end.ts"),apply_mixins=__webpack_require__("./src/utils/apply-mixins.ts"),MenuItemRole={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},roleForMenuItem=((_roleForMenuItem={})[MenuItemRole.menuitem]="menuitem",_roleForMenuItem[MenuItemRole.menuitemcheckbox]="menuitemcheckbox",_roleForMenuItem[MenuItemRole.menuitemradio]="menuitemradio",_roleForMenuItem);function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return exports};var exports={},Op=Object.prototype,hasOwn=Op.hasOwnProperty,$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";function define(obj,key,value){return Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}),obj[key]}try{define({},"")}catch(err){define=function define(obj,key,value){return obj[key]=value}}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return generator._invoke=function(innerFn,self,context){var state="suspendedStart";return function(method,arg){if("executing"===state)throw new Error("Generator is already running");if("completed"===state){if("throw"===method)throw arg;return doneResult()}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"===state)throw state="completed",context.arg;context.dispatchException(context.arg)}else"return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return{value:record.arg,done:context.done}}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg)}}}(innerFn,self,context),generator}function tryCatch(fn,obj,arg){try{return{type:"normal",arg:fn.call(obj,arg)}}catch(err){return{type:"throw",arg:err}}}exports.wrap=wrap;var ContinueSentinel={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,(function(){return this}));var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);function defineIteratorMethods(prototype){["next","throw","return"].forEach((function(method){define(prototype,method,(function(arg){return this._invoke(method,arg)}))}))}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==typeof value&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then((function(value){invoke("next",value,resolve,reject)}),(function(err){invoke("throw",err,resolve,reject)})):PromiseImpl.resolve(value).then((function(unwrapped){result.value=unwrapped,resolve(result)}),(function(error){return invoke("throw",error,resolve,reject)}))}reject(record.arg)}var previousPromise;this._invoke=function(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl((function(resolve,reject){invoke(method,arg,resolve,reject)}))}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}}function maybeInvokeDelegate(delegate,context){var method=delegate.iterator[context.method];if(void 0===method){if(context.delegate=null,"throw"===context.method){if(delegate.iterator.return&&(context.method="return",context.arg=void 0,maybeInvokeDelegate(delegate,context),"throw"===context.method))return ContinueSentinel;context.method="throw",context.arg=new TypeError("The iterator does not provide a 'throw' method")}return ContinueSentinel}var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=void 0),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel)}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry)}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0)}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;)if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;return next.value=void 0,next.done=!0,next};return next.next=next}}return{next:doneResult}}function doneResult(){return{value:void 0,done:!0}}return GeneratorFunction.prototype=GeneratorFunctionPrototype,define(Gp,"constructor",GeneratorFunctionPrototype),define(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return!!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name))},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun},exports.awrap=function(arg){return{__await:arg}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,(function(){return this})),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then((function(result){return result.done?result.value:iter.next()}))},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,(function(){return this})),define(Gp,"toString",(function(){return"[object Generator]"})),exports.keys=function(object){var keys=[];for(var key in object)keys.push(key);return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next}return next.done=!0,next}},exports.values=values,Context.prototype={constructor:Context,reset:function reset(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this)"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=void 0)},stop:function stop(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval},dispatchException:function dispatchException(exception){if(this.done)throw exception;var context=this;function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=void 0),!!caught}for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(hasCatch){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0)}else{if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}}}},abrupt:function abrupt(type,arg){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break}}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record)},complete:function complete(record,afterLoc){if("throw"===record.type)throw record.arg;return"break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel},finish:function finish(finallyLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel}},catch:function _catch(tryLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry)}return thrown}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName,nextLoc},"next"===this.method&&(this.arg=void 0),ContinueSentinel}},exports}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},MenuItem=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(MenuItem,_FASTElement);var _super=_createSuper(MenuItem);function MenuItem(){var _this;return _classCallCheck(this,MenuItem),(_this=_super.apply(this,arguments)).role=MenuItemRole.menuitem,_this.checked=!1,_this.focusSubmenuOnLoad=!1,_this.handleMenuItemKeyDown=function(e){if(e.defaultPrevented)return!1;switch(e.key){case key_codes.kL:case key_codes.BI:return _this.invoke(),!1;case key_codes.mr:return _this.expanded&&_this.submenu?_this.submenu.focus():_this.expandAndFocus(),!1;case key_codes.CX:case key_codes.BE:if(_this.expanded)return _this.closeSubMenu(),!1}return!0},_this.handleMenuItemClick=function(e){return e.defaultPrevented||_this.disabled||_this.invoke(),!1},_this.submenuLoaded=function(){_this.focusSubmenuOnLoad&&(_this.focusSubmenuOnLoad=!1,_this.submenu&&(_this.submenu.focus(),_this.setAttribute("tabindex","-1")))},_this.handleMouseOver=function(e){return _this.disabled||!_this.hasSubmenu||_this.expanded||(_this.expanded=!0),!1},_this.handleMouseOut=function(e){return!_this.expanded||_this.contains(document.activeElement)||(_this.expanded=!1),!1},_this.closeSubMenu=function(){_this.expanded=!1,_this.focus()},_this.expandAndFocus=function(){_this.hasSubmenu&&(_this.focusSubmenuOnLoad=!0,_this.expanded=!0)},_this.invoke=function(){if(!_this.disabled)switch(_this.role){case MenuItemRole.menuitemcheckbox:_this.checked=!_this.checked;break;case MenuItemRole.menuitem:if(_this.hasSubmenu){_this.expandAndFocus();break}_this.$emit("change");break;case MenuItemRole.menuitemradio:_this.checked||(_this.checked=!0)}},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(MenuItem,[{key:"expandedChanged",value:function expandedChanged(prev,next){this.$fastController.isConnected&&(next&&this.submenu&&this.updateSubmenu(),this.$emit("expanded-change",this,{bubbles:!1}))}},{key:"checkedChanged",value:function checkedChanged(oldValue,newValue){this.$fastController.isConnected&&this.$emit("change")}},{key:"hasSubmenu",get:function get(){return!!this.submenu}},{key:"slottedSubmenuChanged",value:function slottedSubmenuChanged(prev,next){next.length&&(this.submenu=next[0],this.updateSubmenu())}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _a;null===(_a=this.cleanup)||void 0===_a||_a.call(this),_get(_getPrototypeOf(MenuItem.prototype),"disconnectedCallback",this).call(this)}},{key:"updateSubmenu",value:function updateSubmenu(){var _a,_this2=this;null===(_a=this.cleanup)||void 0===_a||_a.call(this),this.submenu&&this.expanded&&update_queue.H.enqueue((function(){_this2.cleanup=(0,floating_ui_dom_browser_min.Me)(_this2,_this2.submenuContainer,_asyncToGenerator(_regeneratorRuntime().mark((function _callee(){var fallbackPlacements,_yield$computePositio,x,y;return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return fallbackPlacements=["left-start","right-start"],_context.next=3,(0,floating_ui_dom_browser_min.oo)(_this2,_this2.submenuContainer,{middleware:[(0,floating_ui_core_browser_min.uY)(),(0,floating_ui_core_browser_min.dp)({apply:function apply(_ref2){_ref2.availableWidth<_ref2.rects.floating.width&&fallbackPlacements.push("bottom-end","top-end")}}),(0,floating_ui_core_browser_min.RR)({fallbackPlacements})],placement:"right-start",strategy:"fixed"});case 3:_yield$computePositio=_context.sent,x=_yield$computePositio.x,y=_yield$computePositio.y,Object.assign(_this2.submenuContainer.style,{left:x+"px",position:"fixed",top:y+"px"}),_this2.submenuLoaded();case 8:case"end":return _context.stop()}}),_callee)}))))}))}}]),MenuItem}(fast_element.H);__decorate([(0,attributes.Lj)({mode:"boolean"})],MenuItem.prototype,"disabled",void 0),__decorate([(0,attributes.Lj)({mode:"boolean"})],MenuItem.prototype,"expanded",void 0),__decorate([attributes.Lj],MenuItem.prototype,"role",void 0),__decorate([(0,attributes.Lj)({mode:"boolean"})],MenuItem.prototype,"checked",void 0),__decorate([(0,attributes.Lj)({mode:"boolean"})],MenuItem.prototype,"hidden",void 0),__decorate([observable.LO],MenuItem.prototype,"slottedSubmenu",void 0),__decorate([observable.LO],MenuItem.prototype,"submenu",void 0),(0,apply_mixins.e)(MenuItem,start_end.hW)},"./src/menu-list/menu-list.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_menu_list_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/menu-list/menu-list.ts"),_menu_list_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/menu-list/menu-list.styles.ts"),_menu_list_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/menu-list/menu-list.template.ts"),definition=_menu_list_js__WEBPACK_IMPORTED_MODULE_1__.q.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-menu-list",template:_menu_list_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_menu_list_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/menu-list/menu-list.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n flex-direction: column;\n height: fit-content;\n max-width: 300px;\n min-width: 160px;\n width: auto;\n background-color: var(",");\n border: 1px solid var(",");\n border-radius: var(",");\n box-shadow: var(",");\n padding: 4px;\n row-gap: 2px;\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentStroke,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow16)},"./src/menu-list/menu-list.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js");var template=function menuTemplate(){return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__.dy)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(['\n <template\n slot="','"\n role="menu"\n @keydown="','"\n @focusout="','"\n >\n <slot ',"></slot>\n </template>\n "])),(function(x){return x.slot?x.slot:x.isNestedMenu()?"submenu":void 0}),(function(x,c){return x.handleMenuKeyDown(c.event)}),(function(x,c){return x.handleFocusOut(c.event)}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.Q)("items"))}()},"./src/menu-list/menu-list.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>MenuList});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/update-queue.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/dom.js"),_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js"),_menu_item_index_js__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/menu-item/index.ts");function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},MenuList=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(MenuList,_FASTElement);var _super=_createSuper(MenuList);function MenuList(){var _this;return _classCallCheck(this,MenuList),(_this=_super.apply(this,arguments)).expandedItem=null,_this.focusIndex=-1,_this.isNestedMenu=function(){return null!==_this.parentElement&&(0,_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_17__.Re)(_this.parentElement)&&"menuitem"===_this.parentElement.getAttribute("role")},_this.handleFocusOut=function(e){if(!_this.contains(e.relatedTarget)&&void 0!==_this.menuItems){_this.collapseExpandedItem();var focusIndex=_this.menuItems.findIndex(_this.isFocusableElement);_this.menuItems[_this.focusIndex].setAttribute("tabindex","-1"),_this.menuItems[focusIndex].setAttribute("tabindex","0"),_this.focusIndex=focusIndex}},_this.handleItemFocus=function(e){var targetItem=e.target;void 0!==_this.menuItems&&targetItem!==_this.menuItems[_this.focusIndex]&&(_this.menuItems[_this.focusIndex].setAttribute("tabindex","-1"),_this.focusIndex=_this.menuItems.indexOf(targetItem),targetItem.setAttribute("tabindex","0"))},_this.handleExpandedChanged=function(e){if(!(e.defaultPrevented||null===e.target||void 0===_this.menuItems||_this.menuItems.indexOf(e.target)<0)){e.preventDefault();var changedItem=e.target;null===_this.expandedItem||changedItem!==_this.expandedItem||!1!==changedItem.expanded?changedItem.expanded&&(null!==_this.expandedItem&&_this.expandedItem!==changedItem&&(_this.expandedItem.expanded=!1),_this.menuItems[_this.focusIndex].setAttribute("tabindex","-1"),_this.expandedItem=changedItem,_this.focusIndex=_this.menuItems.indexOf(changedItem),changedItem.setAttribute("tabindex","0")):_this.expandedItem=null}},_this.changeHandler=function(e){if(void 0!==_this.menuItems){var changedMenuItem=e.target,changeItemIndex=_this.menuItems.indexOf(changedMenuItem);if(-1!==changeItemIndex&&"menuitemradio"===changedMenuItem.role&&!0===changedMenuItem.checked){for(var i=changeItemIndex-1;i>=0;--i){var item=_this.menuItems[i],role=item.getAttribute("role");if(role===_menu_item_index_js__WEBPACK_IMPORTED_MODULE_16__.OC.menuitemradio&&(item.checked=!1),"separator"===role)break}for(var maxIndex=_this.menuItems.length-1,_i2=changeItemIndex+1;_i2<=maxIndex;++_i2){var _item=_this.menuItems[_i2],_role=_item.getAttribute("role");if(_role===_menu_item_index_js__WEBPACK_IMPORTED_MODULE_16__.OC.menuitemradio&&(_item.checked=!1),"separator"===_role)break}}}},_this.isMenuItemElement=function(el){return el instanceof _menu_item_index_js__WEBPACK_IMPORTED_MODULE_16__.sN||(0,_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_17__.Re)(el)&&el.getAttribute("role")in MenuList.focusableElementRoles},_this.isFocusableElement=function(el){return _this.isMenuItemElement(el)},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(MenuList,[{key:"itemsChanged",value:function itemsChanged(oldValue,newValue){this.$fastController.isConnected&&void 0!==this.menuItems&&this.setItems()}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_get(_getPrototypeOf(MenuList.prototype),"connectedCallback",this).call(this),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_18__.H.enqueue((function(){_this2.setItems()})),this.addEventListener("change",this.changeHandler)}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(MenuList.prototype),"disconnectedCallback",this).call(this),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changeHandler)}},{key:"focus",value:function focus(){this.setFocus(0,1)}},{key:"collapseExpandedItem",value:function collapseExpandedItem(){null!==this.expandedItem&&(this.expandedItem.expanded=!1,this.expandedItem=null)}},{key:"handleMenuKeyDown",value:function handleMenuKeyDown(e){if(!e.defaultPrevented&&void 0!==this.menuItems)switch(e.key){case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_19__.iF:return void this.setFocus(this.focusIndex+1,1);case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_19__.SB:return void this.setFocus(this.focusIndex-1,-1);case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_19__.Kh:return void this.setFocus(this.menuItems.length-1,-1);case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_19__.tU:return void this.setFocus(0,1);default:return!0}}},{key:"removeItemListeners",value:function removeItemListeners(){var _this3=this,items=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.items;items.forEach((function(item){item.removeEventListener("focus",_this3.handleItemFocus),item.removeEventListener("expanded-changed",_this3.handleExpandedChanged),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_20__.y$.getNotifier(item).unsubscribe(_this3,"hidden")}))}},{key:"setItems",value:function setItems(){var _a,_this4=this,children=Array.from(this.children);this.removeItemListeners(children),children.forEach((function(child){return _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_20__.y$.getNotifier(child).subscribe(_this4,"hidden")}));var newItems=children.filter((function(child){return!child.hasAttribute("hidden")}));this.menuItems=newItems;var menuItems=this.menuItems.filter(this.isMenuItemElement);menuItems.length&&(this.focusIndex=0),menuItems.forEach((function(item,index){item.setAttribute("tabindex",0===index?"0":"-1"),item.addEventListener("expanded-change",_this4.handleExpandedChanged),item.addEventListener("focus",_this4.handleItemFocus)}));var filteredMenuListItems=null===(_a=this.menuItems)||void 0===_a?void 0:_a.filter(this.isMenuItemElement);null==filteredMenuListItems||filteredMenuListItems.forEach((function(item,index){var indent=null==filteredMenuListItems?void 0:filteredMenuListItems.reduce((function(accum,current){var elementValue=MenuList.elementIndent(current);return Math.max(accum,elementValue)}),0);item instanceof _menu_item_index_js__WEBPACK_IMPORTED_MODULE_16__.sN&&item.setAttribute("data-indent",""+indent)}))}},{key:"handleChange",value:function handleChange(source,propertyName){"hidden"===propertyName&&this.setItems()}},{key:"setFocus",value:function setFocus(focusIndex,adjustment){if(void 0!==this.menuItems)for(;focusIndex>=0&&focusIndex<this.menuItems.length;){var child=this.menuItems[focusIndex];if(this.isFocusableElement(child)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=focusIndex,child.setAttribute("tabindex","0"),child.focus();break}focusIndex+=adjustment}}}],[{key:"elementIndent",value:function elementIndent(el){var role=el.getAttribute("role"),startSlot=el.querySelector("[slot=start]");return role&&role!==_menu_item_index_js__WEBPACK_IMPORTED_MODULE_16__.OC.menuitem?startSlot?2:1:startSlot?1:0}}]),MenuList}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_21__.H);MenuList.focusableElementRoles=_menu_item_index_js__WEBPACK_IMPORTED_MODULE_16__.OC,__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_20__.LO],MenuList.prototype,"items",void 0)},"./src/menu/menu.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_menu_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/menu/menu.ts"),_menu_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/menu/menu.styles.ts"),_menu_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/menu/menu.template.ts"),definition=_menu_js__WEBPACK_IMPORTED_MODULE_1__.v.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-menu",template:_menu_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_menu_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/menu/menu.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});var _templateObject;__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var styles=(0,__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js").i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n :host {\n position: relative;\n z-index: var(--z-index-menu, 1);\n }\n .positioning-container {\n position: fixed;\n top: 0;\n left: 0;\n transform: translate(0, 0);\n }\n"])))},"./src/menu/menu.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/node-observation.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/ref.js");var template=function menuTemplate(){return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__.dy)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(['\n <template\n ?open-on-hover="','"\n ?open-on-context="','"\n ?close-on-scroll="','"\n ?persist-on-item-click="','"\n @keydown="','"\n >\n <slot name="trigger" ',"></slot>\n <span\n ",'\n part="positioning-container"\n class="positioning-container"\n ?hidden="','"\n >\n <slot ',"></slot>\n </span>\n </template>\n "])),(function(x){return x.openOnHover}),(function(x){return x.openOnContext}),(function(x){return x.closeOnScroll}),(function(x){return x.persistOnItemClick}),(function(x,c){return x.handleMenuKeydown(c.event)}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.Q)({property:"slottedTriggers",filter:(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.R)()}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.i)("positioningContainer"),(function(x){return!x.open}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.Q)({property:"slottedMenuList",filter:(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.R)()}))}()},"./src/menu/menu.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{v:()=>Menu});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("../../node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("../../node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.reverse.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/update-queue.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_floating_ui_dom__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("../../node_modules/@floating-ui/dom/dist/floating-ui.dom.browser.min.mjs"),_floating_ui_dom__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("../../node_modules/@floating-ui/core/dist/floating-ui.core.browser.min.mjs"),_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js");function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return exports};var exports={},Op=Object.prototype,hasOwn=Op.hasOwnProperty,$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";function define(obj,key,value){return Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}),obj[key]}try{define({},"")}catch(err){define=function define(obj,key,value){return obj[key]=value}}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return generator._invoke=function(innerFn,self,context){var state="suspendedStart";return function(method,arg){if("executing"===state)throw new Error("Generator is already running");if("completed"===state){if("throw"===method)throw arg;return doneResult()}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"===state)throw state="completed",context.arg;context.dispatchException(context.arg)}else"return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return{value:record.arg,done:context.done}}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg)}}}(innerFn,self,context),generator}function tryCatch(fn,obj,arg){try{return{type:"normal",arg:fn.call(obj,arg)}}catch(err){return{type:"throw",arg:err}}}exports.wrap=wrap;var ContinueSentinel={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,(function(){return this}));var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);function defineIteratorMethods(prototype){["next","throw","return"].forEach((function(method){define(prototype,method,(function(arg){return this._invoke(method,arg)}))}))}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==typeof value&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then((function(value){invoke("next",value,resolve,reject)}),(function(err){invoke("throw",err,resolve,reject)})):PromiseImpl.resolve(value).then((function(unwrapped){result.value=unwrapped,resolve(result)}),(function(error){return invoke("throw",error,resolve,reject)}))}reject(record.arg)}var previousPromise;this._invoke=function(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl((function(resolve,reject){invoke(method,arg,resolve,reject)}))}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}}function maybeInvokeDelegate(delegate,context){var method=delegate.iterator[context.method];if(void 0===method){if(context.delegate=null,"throw"===context.method){if(delegate.iterator.return&&(context.method="return",context.arg=void 0,maybeInvokeDelegate(delegate,context),"throw"===context.method))return ContinueSentinel;context.method="throw",context.arg=new TypeError("The iterator does not provide a 'throw' method")}return ContinueSentinel}var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=void 0),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel)}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry)}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0)}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;)if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;return next.value=void 0,next.done=!0,next};return next.next=next}}return{next:doneResult}}function doneResult(){return{value:void 0,done:!0}}return GeneratorFunction.prototype=GeneratorFunctionPrototype,define(Gp,"constructor",GeneratorFunctionPrototype),define(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return!!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name))},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun},exports.awrap=function(arg){return{__await:arg}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,(function(){return this})),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then((function(result){return result.done?result.value:iter.next()}))},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,(function(){return this})),define(Gp,"toString",(function(){return"[object Generator]"})),exports.keys=function(object){var keys=[];for(var key in object)keys.push(key);return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next}return next.done=!0,next}},exports.values=values,Context.prototype={constructor:Context,reset:function reset(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this)"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=void 0)},stop:function stop(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval},dispatchException:function dispatchException(exception){if(this.done)throw exception;var context=this;function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=void 0),!!caught}for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(hasCatch){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0)}else{if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}}}},abrupt:function abrupt(type,arg){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break}}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record)},complete:function complete(record,afterLoc){if("throw"===record.type)throw record.arg;return"break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel},finish:function finish(finallyLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel}},catch:function _catch(tryLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry)}return thrown}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName,nextLoc},"next"===this.method&&(this.arg=void 0),ContinueSentinel}},exports}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Menu=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(Menu,_FASTElement);var _super=_createSuper(Menu);function Menu(){var _this;return _classCallCheck(this,Menu),(_this=_super.apply(this,arguments)).openOnHover=!1,_this.openOnContext=!1,_this.closeOnScroll=!1,_this.persistOnItemClick=!1,_this.open=!1,_this.slottedMenuList=[],_this.slottedTriggers=[],_this.toggleMenu=function(){_this.open?_this.closeMenu():_this.openMenu()},_this.closeMenu=function(){_this.open=!1,_this.closeOnScroll&&document.removeEventListener("scroll",_this.closeMenu)},_this.openMenu=function(e){_this.open=!0,e&&_this.openOnContext&&e.preventDefault(),_this.closeOnScroll&&document.addEventListener("scroll",_this.closeMenu)},_this.setPositioningTask=function(){_this.setPositioning()},_this.handleTriggerKeydown=function(e){if(!e.defaultPrevented)switch(e.key){case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_28__.BI:case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_28__.kL:e.preventDefault(),_this.toggleMenu(),_this.open&&_this.focusMenuList();break;default:return!0}},_this.handleDocumentClick=function(e){!e||e.composedPath().includes(_this._menuList)||e.composedPath().includes(_this._trigger)||_this.closeMenu()},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Menu,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_get(_getPrototypeOf(Menu.prototype),"connectedCallback",this).call(this),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_29__.H.enqueue((function(){return _this2.setComponent()}))}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _a;_get(_getPrototypeOf(Menu.prototype),"disconnectedCallback",this).call(this),null===(_a=this.cleanup)||void 0===_a||_a.call(this),this.removeListeners()}},{key:"setComponent",value:function setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",""+this.open),this.addListeners())}},{key:"focusMenuList",value:function focusMenuList(){var _this3=this;this.open&&this._menuList&&_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_29__.H.enqueue((function(){_this3._menuList.focus()}))}},{key:"focusTrigger",value:function focusTrigger(){var _this4=this;!this.open&&this._trigger&&_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_29__.H.enqueue((function(){_this4._trigger.focus()}))}},{key:"openChanged",value:function openChanged(oldValue,newValue){var _a;this.$fastController.isConnected&&this._trigger instanceof HTMLElement&&(this._trigger.setAttribute("aria-expanded",""+this.open),this._menuList&&this.open&&_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_29__.H.enqueue(this.setPositioningTask)),null===(_a=this.cleanup)||void 0===_a||_a.call(this),this.$emit("onOpenChange",{open:newValue})}},{key:"openOnHoverChanged",value:function openOnHoverChanged(oldValue,newValue){var _a,_b;newValue?null===(_a=this._trigger)||void 0===_a||_a.addEventListener("mouseover",this.openMenu):null===(_b=this._trigger)||void 0===_b||_b.removeEventListener("mouseover",this.openMenu)}},{key:"persistOnItemClickChanged",value:function persistOnItemClickChanged(oldValue,newValue){var _a,_b;newValue?null===(_b=this._menuList)||void 0===_b||_b.removeEventListener("click",this.closeMenu):null===(_a=this._menuList)||void 0===_a||_a.addEventListener("click",this.closeMenu)}},{key:"openOnContextChanged",value:function openOnContextChanged(oldValue,newValue){var _a,_b;newValue?null===(_a=this._trigger)||void 0===_a||_a.addEventListener("contextmenu",this.openMenu):null===(_b=this._trigger)||void 0===_b||_b.removeEventListener("contextmenu",this.openMenu)}},{key:"closeOnScrollChanged",value:function closeOnScrollChanged(oldValue,newValue){newValue?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}},{key:"setPositioning",value:function setPositioning(){var _this5=this;this.$fastController.isConnected&&this._menuList&&this.open&&this._trigger&&(this.cleanup=(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_30__.Me)(this,this.positioningContainer,_asyncToGenerator(_regeneratorRuntime().mark((function _callee(){var _a,_b,_yield$computePositio,middlewareData,x,y;return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_30__.oo)(_this5._trigger,_this5.positioningContainer,{placement:"bottom",strategy:"fixed",middleware:[(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_31__.RR)(),(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_31__.dp)({apply:function apply(_ref2){var _a,availableHeight=_ref2.availableHeight,rects=_ref2.rects;(null===(_a=_this5.positioningContainer)||void 0===_a?void 0:_a.style)&&Object.assign(_this5.positioningContainer.style,{maxHeight:availableHeight+"px",width:rects.reference.width+"px"})}}),(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_31__.Cp)()]});case 2:if(_yield$computePositio=_context.sent,middlewareData=_yield$computePositio.middlewareData,x=_yield$computePositio.x,y=_yield$computePositio.y,!(null===(_a=middlewareData.hide)||void 0===_a?void 0:_a.referenceHidden)){_context.next=9;break}return _this5.open=!1,_context.abrupt("return");case 9:(null===(_b=_this5.positioningContainer)||void 0===_b?void 0:_b.style)&&Object.assign(_this5.positioningContainer.style,{position:"fixed",top:"0",left:"0",transform:"translate("+x+"px, "+y+"px)"});case 10:case"end":return _context.stop()}}),_callee)})))))}},{key:"addListeners",value:function addListeners(){var _a,_b,_c,_d,_e;document.addEventListener("click",this.handleDocumentClick),null===(_a=this._trigger)||void 0===_a||_a.addEventListener("keydown",this.handleTriggerKeydown),this.persistOnItemClick||null===(_b=this._menuList)||void 0===_b||_b.addEventListener("click",this.closeMenu),this.openOnHover?null===(_c=this._trigger)||void 0===_c||_c.addEventListener("mouseover",this.openMenu):this.openOnContext?null===(_d=this._trigger)||void 0===_d||_d.addEventListener("contextmenu",this.openMenu):null===(_e=this._trigger)||void 0===_e||_e.addEventListener("click",this.toggleMenu)}},{key:"removeListeners",value:function removeListeners(){var _a,_b,_c,_d,_e;document.removeEventListener("click",this.handleDocumentClick),null===(_a=this._trigger)||void 0===_a||_a.removeEventListener("keydown",this.handleTriggerKeydown),this.persistOnItemClick||null===(_b=this._menuList)||void 0===_b||_b.removeEventListener("click",this.closeMenu),this.openOnHover&&(null===(_c=this._trigger)||void 0===_c||_c.removeEventListener("mouseover",this.openMenu)),this.openOnContext?null===(_d=this._trigger)||void 0===_d||_d.removeEventListener("contextmenu",this.openMenu):null===(_e=this._trigger)||void 0===_e||_e.removeEventListener("click",this.toggleMenu)}},{key:"handleMenuKeydown",value:function handleMenuKeydown(e){if(!e.defaultPrevented)switch(e.key){case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_28__.CX:e.preventDefault(),this.open&&(this.closeMenu(),this.focusTrigger());break;case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_28__.oM:this.open&&this.closeMenu(),e.shiftKey&&this.focusTrigger();default:return!0}}}]),Menu}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_32__.H);__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_33__.LO,(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_34__.Lj)({attribute:"open-on-hover",mode:"boolean"})],Menu.prototype,"openOnHover",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_33__.LO,(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_34__.Lj)({attribute:"open-on-context",mode:"boolean"})],Menu.prototype,"openOnContext",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_33__.LO,(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_34__.Lj)({attribute:"close-on-scroll",mode:"boolean"})],Menu.prototype,"closeOnScroll",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_33__.LO,(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_34__.Lj)({attribute:"persist-on-item-click",mode:"boolean"})],Menu.prototype,"persistOnItemClick",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_33__.LO,(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_34__.Lj)({mode:"boolean"})],Menu.prototype,"open",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_33__.LO],Menu.prototype,"slottedMenuList",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_33__.LO],Menu.prototype,"slottedTriggers",void 0)},"./src/patterns/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{v_:()=>ARIAGlobalStatesAndProperties,hW:()=>start_end.hW,LC:()=>start_end.LC,m9:()=>start_end.m9});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js");var attributes=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},ARIAGlobalStatesAndProperties=_createClass((function ARIAGlobalStatesAndProperties(){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,ARIAGlobalStatesAndProperties)}));__decorate([(0,attributes.Lj)({attribute:"aria-atomic"})],ARIAGlobalStatesAndProperties.prototype,"ariaAtomic",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-busy"})],ARIAGlobalStatesAndProperties.prototype,"ariaBusy",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-controls"})],ARIAGlobalStatesAndProperties.prototype,"ariaControls",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-current"})],ARIAGlobalStatesAndProperties.prototype,"ariaCurrent",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-describedby"})],ARIAGlobalStatesAndProperties.prototype,"ariaDescribedby",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-details"})],ARIAGlobalStatesAndProperties.prototype,"ariaDetails",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-disabled"})],ARIAGlobalStatesAndProperties.prototype,"ariaDisabled",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-errormessage"})],ARIAGlobalStatesAndProperties.prototype,"ariaErrormessage",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-flowto"})],ARIAGlobalStatesAndProperties.prototype,"ariaFlowto",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-haspopup"})],ARIAGlobalStatesAndProperties.prototype,"ariaHaspopup",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-hidden"})],ARIAGlobalStatesAndProperties.prototype,"ariaHidden",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-invalid"})],ARIAGlobalStatesAndProperties.prototype,"ariaInvalid",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-keyshortcuts"})],ARIAGlobalStatesAndProperties.prototype,"ariaKeyshortcuts",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-label"})],ARIAGlobalStatesAndProperties.prototype,"ariaLabel",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-labelledby"})],ARIAGlobalStatesAndProperties.prototype,"ariaLabelledby",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-live"})],ARIAGlobalStatesAndProperties.prototype,"ariaLive",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-owns"})],ARIAGlobalStatesAndProperties.prototype,"ariaOwns",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-relevant"})],ARIAGlobalStatesAndProperties.prototype,"ariaRelevant",void 0),__decorate([(0,attributes.Lj)({attribute:"aria-roledescription"})],ARIAGlobalStatesAndProperties.prototype,"ariaRoledescription",void 0);var start_end=__webpack_require__("./src/patterns/start-end.ts")},"./src/patterns/start-end.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{LC:()=>endSlotTemplate,hW:()=>StartEnd,m9:()=>startSlotTemplate});__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/ref.js"),_utils_index_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/utils/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}var StartEnd=_createClass((function StartEnd(){!function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,StartEnd)}));function endSlotTemplate(options){return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose([' <slot name="end" ',">","</slot> "])),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.i)("end"),(0,_utils_index_js__WEBPACK_IMPORTED_MODULE_2__.AE)(options.end)).inline()}function startSlotTemplate(options){return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose([' <slot name="start" ',">","</slot> "])),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.i)("start"),(0,_utils_index_js__WEBPACK_IMPORTED_MODULE_2__.AE)(options.start)).inline()}},"./src/progress-bar/base-progress.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>BaseProgress});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.math.fround.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js");function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},BaseProgress=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(BaseProgress,_FASTElement);var _super=_createSuper(BaseProgress);function BaseProgress(){var _this;return _classCallCheck(this,BaseProgress),(_this=_super.apply(this,arguments)).percentComplete=0,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(BaseProgress,[{key:"valueChanged",value:function valueChanged(){this.updatePercentComplete()}},{key:"minChanged",value:function minChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}},{key:"maxChanged",value:function maxChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(BaseProgress.prototype),"connectedCallback",this).call(this),this.updatePercentComplete()}},{key:"updatePercentComplete",value:function updatePercentComplete(){var min="number"==typeof this.min?this.min:0,max="number"==typeof this.max?this.max:100,value="number"==typeof this.value?this.value:0,range=max-min;this.percentComplete=0===range?0:Math.fround((value-min)/range*100)}}]),BaseProgress}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.H);__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Lj)({converter:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Id})],BaseProgress.prototype,"value",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Lj)({converter:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Id})],BaseProgress.prototype,"min",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Lj)({converter:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.Id})],BaseProgress.prototype,"max",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.LO],BaseProgress.prototype,"percentComplete",void 0)},"./src/progress-bar/progress-bar.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_progress_bar_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/progress-bar/progress-bar.ts"),_progress_bar_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/progress-bar/progress-bar.styles.ts"),_progress_bar_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/progress-bar/progress-bar.template.ts"),definition=_progress_bar_js__WEBPACK_IMPORTED_MODULE_1__.k.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-progress-bar",template:_progress_bar_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_progress_bar_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/progress-bar/progress-bar.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{QY:()=>ProgressBarThickness,_5:()=>ProgressBarShape,e_:()=>ProgressBarValidationState});var ProgressBarThickness={medium:"medium",large:"large"},ProgressBarShape={rounded:"rounded",square:"square"},ProgressBarValidationState={success:"success",warning:"warning",error:"error"}},"./src/progress-bar/progress-bar.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/match-media-stylesheet-behavior.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n\n :host {\n align-items: center;\n height: 2px;\n overflow-x: hidden;\n border-radius: var(",");\n contain: content;\n }\n\n :host([thickness='large']),\n :host([thickness='large']) .progress,\n :host([thickness='large']) .determinate {\n height: 4px;\n }\n\n :host([shape='square']),\n :host([shape='square']) .progress,\n :host([shape='square']) .determinate {\n border-radius: 0;\n }\n\n :host([validation-state='error']) .determinate {\n background-color: var(",");\n }\n\n :host([validation-state='error']) .indeterminate-indicator-1,\n :host([validation-state='error']) .indeterminate-indicator-2 {\n background: linear-gradient(\n to right,\n var(",") 0%,\n var(",") 50%,\n var(",")\n );\n }\n\n :host([validation-state='warning']) .determinate {\n background-color: var(",");\n }\n\n :host([validation-state='warning']) .indeterminate-indicator-1,\n :host([validation-state='warning']) .indeterminate-indicator-2 {\n background: linear-gradient(\n to right,\n var(",") 0%,\n var(",") 50%,\n var(",")\n );\n }\n\n :host([validation-state='success']) .determinate {\n background-color: var(",");\n }\n\n :host([validation-state='success']) .indeterminate-indicator-1,\n :host([validation-state='success']) .indeterminate-indicator-2 {\n background: linear-gradient(\n to right,\n var(",") 0%,\n var(",") 50%,\n var(",")\n );\n }\n\n .progress {\n background-color: var(",");\n border-radius: var(",");\n width: 100%;\n height: 2px;\n display: flex;\n align-items: center;\n position: relative;\n }\n\n .determinate {\n background-color: var(",");\n border-radius: var(",");\n height: 2px;\n transition: all 0.2s ease-in-out;\n display: flex;\n }\n\n .indeterminate-indicator-1 {\n position: absolute;\n opacity: 0;\n height: 100%;\n background: linear-gradient(\n to right,\n var(",") 0%,\n var(",") 50%,\n var(",")\n );\n border-radius: var(",");\n animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n width: 40%;\n animation: indeterminate-1 3s infinite;\n }\n\n .indeterminate-indicator-2 {\n position: absolute;\n opacity: 0;\n height: 100%;\n background: linear-gradient(\n to right,\n var(",") 0%,\n var(",") 50%,\n var(",")\n );\n border-radius: var(",");\n animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n width: 60%;\n animation: indeterminate-2 3s infinite;\n }\n\n @keyframes indeterminate-1 {\n 0% {\n opacity: 1;\n transform: translateX(-100%);\n }\n 70% {\n opacity: 1;\n transform: translateX(300%);\n }\n 70.01% {\n opacity: 0;\n }\n 100% {\n opacity: 0;\n transform: translateX(300%);\n }\n }\n @keyframes indeterminate-2 {\n 0% {\n opacity: 0;\n transform: translateX(-150%);\n }\n 29.99% {\n opacity: 0;\n }\n 30% {\n opacity: 1;\n transform: translateX(-150%);\n }\n 100% {\n transform: translateX(166.66%);\n opacity: 1;\n }\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteRedBackground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteRedBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteRedBackground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteRedBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteDarkOrangeBackground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteDarkOrangeBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteDarkOrangeBackground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteDarkOrangeBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteGreenBackground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteGreenBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteGreenBackground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorPaletteGreenBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground6,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandBackground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium).withBehaviors((0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__.vF)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n .progress {\n background-color: HighlightText;\n }\n .determinate,\n :host([validation-state='success']) .determinate,\n :host([validation-state='warning']) .determinate,\n :host([validation-state='error']) .determinate,\n :host([validation-state='success']) ..indeterminate-indicator-1,\n :host([validation-state='success']) ..indeterminate-indicator-2,\n :host([validation-state='warning']) .indeterminate-indicator-1,\n :host([validation-state='warning']) .indeterminate-indicator-2,\n :host([validation-state='error']) .indeterminate-indicator-1,\n :host([validation-state='error']) .indeterminate-indicator-2 {\n background-color: Highlight;\n }\n "])))))},"./src/progress-bar/progress-bar.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_templateObject3,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/when.js"),_utils_template_helpers_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/utils/template-helpers.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function progressTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <template\n role="progressbar"\n aria-valuenow="','"\n aria-valuemin="','"\n aria-valuemax="','"\n >\n ',"\n </template>\n "])),(function(x){return x.value}),(function(x){return x.min}),(function(x){return x.max}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.g)((function(x){return"number"==typeof x.value}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <div class="progress" part="progress" slot="determinate">\n <div class="determinate" part="determinate" style="width: ','%"></div>\n </div>\n '])),(function(x){return x.percentComplete})),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(['\n <div class="progress" part="progress" slot="indeterminate">\n <slot name="indeterminate">\n ',"\n ","\n </slot>\n </div>\n "])),(0,_utils_template_helpers_js__WEBPACK_IMPORTED_MODULE_1__.A)(options.indeterminateIndicator1),(0,_utils_template_helpers_js__WEBPACK_IMPORTED_MODULE_1__.A)(options.indeterminateIndicator2))))}({indeterminateIndicator1:'<span class="indeterminate-indicator-1" part="indeterminate-indicator-1></span>',indeterminateIndicator2:'<span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>'})},"./src/progress-bar/progress-bar.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{k:()=>ProgressBar});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},ProgressBar=function(_BaseProgress){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(ProgressBar,_BaseProgress);var _super=_createSuper(ProgressBar);function ProgressBar(){var _this;return _classCallCheck(this,ProgressBar),(_this=_super.apply(this,arguments)).validationState=null,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ProgressBar)}(__webpack_require__("./src/progress-bar/base-progress.ts").B);__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj],ProgressBar.prototype,"thickness",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj],ProgressBar.prototype,"shape",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.Lj)({attribute:"validation-state"})],ProgressBar.prototype,"validationState",void 0)},"./src/radio-group/define.ts":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/radio-group/radio-group.definition.ts").D.define(_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.registry)},"./src/radio-group/radio-group.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_radio_group_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/radio-group/radio-group.ts"),_radio_group_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/radio-group/radio-group.styles.ts"),_radio_group_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/radio-group/radio-group.template.ts"),definition=_radio_group_js__WEBPACK_IMPORTED_MODULE_1__.E.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-radio-group",template:_radio_group_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_radio_group_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/radio-group/radio-group.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{E:()=>RadioGroupOrientation});var RadioGroupOrientation=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/aria.js").i},"./src/radio-group/radio-group.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n align-items: flex-start;\n flex-direction: column;\n row-gap: var(",");\n }\n :host([disabled]) ::slotted([role='radio']) {\n --control-border-color: var(",");\n --checked-indicator-background-color: var(",");\n --state-color: var(",");\n }\n ::slotted([slot='label']) {\n color: var(",");\n padding: var(",") var(",") var(",") var(",");\n font: var(",") var(",") / var(",") var(",");\n cursor: default;\n }\n .positioning-region {\n display: flex;\n flex-wrap: wrap;\n }\n :host([orientation='vertical']) .positioning-region {\n flex-direction: column;\n justify-content: flex-start;\n }\n :host([orientation='horizontal']) .positioning-region {\n flex-direction: row;\n }\n :host([orientation='horizontal']) ::slotted([role='radio']) {\n padding-inline-end: var(",");\n }\n :host([orientation='horizontal'][stacked]) ::slotted([role='radio']) {\n display: flex;\n flex-direction: column;\n padding-inline: var(",");\n height: auto;\n align-items: center;\n justify-content: center;\n }\n :host([disabled]) ::slotted([role='radio']) {\n pointer-events: none;\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS)},"./src/radio-group/radio-group.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/node-observation.js"),_radio_group_options_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/radio-group/radio-group.options.ts");var template=function radioGroupTemplate(){return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(['\n <template\n role="radiogroup"\n tabindex="','"\n aria-disabled="','"\n aria-readonly="','"\n aria-orientation="','"\n @click="','"\n @mousedown="','"\n @keydown="','"\n @focusout="','"\n >\n <slot name="label"></slot>\n <div\n class="positioning-region ','"\n part="positioning-region"\n >\n <slot\n ',"\n ></slot>\n </div>\n </template>\n "])),(function(x){return x.disabled?-1:void 0}),(function(x){return x.disabled}),(function(x){return x.readOnly}),(function(x){return x.orientation}),(function(x,c){return x.clickHandler(c.event)}),(function(x,c){return x.handleDisabledClick(c.event)}),(function(x,c){return x.keydownHandler(c.event)}),(function(x,c){return x.focusOutHandler(c.event)}),(function(x){return x.orientation===_radio_group_options_js__WEBPACK_IMPORTED_MODULE_1__.E.horizontal?"horizontal":"vertical"}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.Q)({property:"slottedRadioButtons",filter:(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.R)("[role=radio]")}))}()},"./src/radio-group/radio-group.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{E:()=>RadioGroup});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js"),_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/localization.js"),_radio_radio_js__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/radio/radio.ts"),_utils_index_js__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/utils/index.ts"),_radio_group_options_js__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/radio-group/radio-group.options.ts");function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},RadioGroup=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(RadioGroup,_FASTElement);var _super=_createSuper(RadioGroup);function RadioGroup(){var _this;return _classCallCheck(this,RadioGroup),(_this=_super.apply(this,arguments)).stacked=!1,_this.orientation=_radio_group_options_js__WEBPACK_IMPORTED_MODULE_15__.E.horizontal,_this.radioChangeHandler=function(e){var changedRadio=e.target;changedRadio.checked&&(_this.slottedRadioButtons.forEach((function(radio){radio instanceof _radio_radio_js__WEBPACK_IMPORTED_MODULE_13__.Y&&radio!==changedRadio&&(radio.checked=!1,_this.isInsideFoundationToolbar||radio.setAttribute("tabindex","-1"))})),_this.selectedRadio=changedRadio,_this.value=changedRadio.value,changedRadio.setAttribute("tabindex","0"),_this.focusedRadio=changedRadio),e.stopPropagation()},_this.moveToRadioByIndex=function(group,index){var radio=group[index];_this.isInsideToolbar||(radio.setAttribute("tabindex","0"),radio.checked=!0,_this.selectedRadio=radio),_this.focusedRadio=radio,radio.focus()},_this.moveRightOffGroup=function(){var _a;null===(_a=_this.nextElementSibling)||void 0===_a||_a.focus()},_this.moveLeftOffGroup=function(){var _a;null===(_a=_this.previousElementSibling)||void 0===_a||_a.focus()},_this.focusOutHandler=function(e){var group=_this.slottedRadioButtons,radio=e.target,index=null!==radio?group.indexOf(radio):0,focusedIndex=_this.focusedRadio?group.indexOf(_this.focusedRadio):-1;return(0===focusedIndex&&index===focusedIndex||focusedIndex===group.length-1&&focusedIndex===index)&&(_this.selectedRadio?(_this.focusedRadio=_this.selectedRadio,_this.isInsideFoundationToolbar||(_this.selectedRadio.setAttribute("tabindex","0"),group.forEach((function(nextRadio){nextRadio!==_this.selectedRadio&&nextRadio.setAttribute("tabindex","-1")})))):(_this.focusedRadio=group[0],_this.focusedRadio.setAttribute("tabindex","0"),group.forEach((function(nextRadio){radio instanceof _radio_radio_js__WEBPACK_IMPORTED_MODULE_13__.Y&&nextRadio!==_this.focusedRadio&&nextRadio.setAttribute("tabindex","-1")})))),!0},_this.handleDisabledClick=function(e){if(!_this.disabled)return!0;e.preventDefault()},_this.clickHandler=function(e){if(!_this.disabled){e.preventDefault();var radio=e.target;radio&&radio instanceof _radio_radio_js__WEBPACK_IMPORTED_MODULE_13__.Y&&(radio.checked=!0,radio.setAttribute("tabindex","0"),_this.selectedRadio=radio,_this.focusedRadio=radio)}},_this.shouldMoveOffGroupToTheRight=function(index,group,key){return index===group.length&&_this.isInsideToolbar&&key===_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_16__.mr},_this.shouldMoveOffGroupToTheLeft=function(group,key){return(_this.focusedRadio?group.indexOf(_this.focusedRadio)-1:0)<0&&_this.isInsideToolbar&&key===_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_16__.BE},_this.checkFocusedRadio=function(){null===_this.focusedRadio||_this.focusedRadio.checked||(_this.focusedRadio.checked=!0,_this.focusedRadio.setAttribute("tabindex","0"),_this.focusedRadio.focus(),_this.selectedRadio=_this.focusedRadio)},_this.moveRight=function(e){var group=_this.slottedRadioButtons,index=0;if(index=_this.focusedRadio?group.indexOf(_this.focusedRadio)+1:1,_this.shouldMoveOffGroupToTheRight(index,group,e.key))_this.moveRightOffGroup();else for(index===group.length&&(index=0);index<group.length&&group.length>1;){if(!group[index].disabled){_this.moveToRadioByIndex(group,index);break}if(_this.focusedRadio&&index===group.indexOf(_this.focusedRadio))break;if(index+1>=group.length){if(_this.isInsideToolbar)break;index=0}else index+=1}},_this.moveLeft=function(e){var group=_this.slottedRadioButtons,index=0;if(index=(index=_this.focusedRadio?group.indexOf(_this.focusedRadio)-1:0)<0?group.length-1:index,_this.shouldMoveOffGroupToTheLeft(group,e.key))_this.moveLeftOffGroup();else for(;index>=0&&group.length>1;){if(!group[index].disabled){_this.moveToRadioByIndex(group,index);break}if(_this.focusedRadio&&index===group.indexOf(_this.focusedRadio))break;index-1<0?index=group.length-1:index-=1}},_this.keydownHandler=function(e){var key=e.key;if(key in _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_16__.uf&&(_this.isInsideFoundationToolbar||_this.disabled))return!0;switch(key){case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_16__.kL:_this.checkFocusedRadio();break;case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_16__.mr:case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_16__.iF:_this.direction===_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_17__.N.ltr?_this.moveRight(e):_this.moveLeft(e);break;case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_16__.BE:case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_16__.SB:_this.direction===_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_17__.N.ltr?_this.moveLeft(e):_this.moveRight(e);break;default:return!0}},_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(RadioGroup,[{key:"nameChanged",value:function nameChanged(){var _this2=this;this.slottedRadioButtons&&this.slottedRadioButtons.forEach((function(radio){radio.setAttribute("name",_this2.name)}))}},{key:"valueChanged",value:function valueChanged(){var _this3=this;this.slottedRadioButtons&&this.slottedRadioButtons.forEach((function(radio){radio instanceof _radio_radio_js__WEBPACK_IMPORTED_MODULE_13__.Y&&radio.value===_this3.value&&(radio.checked=!0,_this3.selectedRadio=radio)})),this.$emit("change")}},{key:"slottedRadioButtonsChanged",value:function slottedRadioButtonsChanged(oldValue,newValue){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}},{key:"parentToolbar",get:function get(){return this.closest('[role="toolbar"]')}},{key:"isInsideToolbar",get:function get(){var _a;return null!==(_a=this.parentToolbar)&&void 0!==_a&&_a}},{key:"isInsideFoundationToolbar",get:function get(){var _a;return!!(null===(_a=this.parentToolbar)||void 0===_a?void 0:_a.hasOwnProperty("$fastController"))}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(RadioGroup.prototype),"connectedCallback",this).call(this),this.direction=(0,_utils_index_js__WEBPACK_IMPORTED_MODULE_14__.Mg)(this),this.setupRadioButtons()}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this4=this;this.slottedRadioButtons.forEach((function(radio){radio instanceof _radio_radio_js__WEBPACK_IMPORTED_MODULE_13__.Y&&radio.removeEventListener("change",_this4.radioChangeHandler)}))}},{key:"setupRadioButtons",value:function setupRadioButtons(){var _this5=this,checkedRadios=this.slottedRadioButtons.filter((function(radio){return radio.hasAttribute("checked")})),numberOfCheckedRadios=checkedRadios?checkedRadios.length:0;numberOfCheckedRadios>1&&(checkedRadios[numberOfCheckedRadios-1].checked=!0);var foundMatchingVal=!1;if(this.slottedRadioButtons.forEach((function(radio){radio instanceof _radio_radio_js__WEBPACK_IMPORTED_MODULE_13__.Y&&(void 0!==_this5.name&&radio.setAttribute("name",_this5.name),_this5.value&&_this5.value===radio.value?(_this5.selectedRadio=radio,_this5.focusedRadio=radio,radio.checked=!0,radio.setAttribute("tabindex","0"),foundMatchingVal=!0):(_this5.isInsideFoundationToolbar||radio.setAttribute("tabindex","-1"),radio.checked=!1),radio.addEventListener("change",_this5.radioChangeHandler))})),void 0===this.value&&this.slottedRadioButtons.length>0){var _checkedRadios=this.slottedRadioButtons.filter((function(radio){return radio.hasAttribute("checked")})),_numberOfCheckedRadios=null!==_checkedRadios?_checkedRadios.length:0;if(_numberOfCheckedRadios>0&&!foundMatchingVal){var _lastCheckedRadio=_checkedRadios[_numberOfCheckedRadios-1];_lastCheckedRadio.checked=!0,this.focusedRadio=_lastCheckedRadio,_lastCheckedRadio.setAttribute("tabindex","0")}else this.slottedRadioButtons[0].setAttribute("tabindex","0"),this.focusedRadio=this.slottedRadioButtons[0]}}}]),RadioGroup}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_18__.H);__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_19__.Lj)({mode:"boolean"})],RadioGroup.prototype,"stacked",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_19__.Lj)({attribute:"readonly",mode:"boolean"})],RadioGroup.prototype,"readOnly",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_19__.Lj)({attribute:"disabled",mode:"boolean"})],RadioGroup.prototype,"disabled",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_19__.Lj],RadioGroup.prototype,"name",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_19__.Lj],RadioGroup.prototype,"value",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_19__.Lj],RadioGroup.prototype,"orientation",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_20__.LO],RadioGroup.prototype,"childItems",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_20__.LO],RadioGroup.prototype,"slottedRadioButtons",void 0)},"./src/radio/define.ts":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/radio/radio.definition.ts").D.define(_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.registry)},"./src/radio/radio.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_radio_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/radio/radio.ts"),_radio_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/radio/radio.styles.ts"),_radio_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/radio/radio.template.ts"),definition=_radio_js__WEBPACK_IMPORTED_MODULE_1__.Y.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-radio",template:_radio_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_radio_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/radio/radio.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/match-media-stylesheet-behavior.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n\n :host {\n grid-auto-flow: column;\n grid-template-columns: max-content;\n gap: var(",");\n align-items: center;\n height: 32px;\n cursor: pointer;\n outline: none;\n position: relative;\n user-select: none;\n color: blue;\n color: var(--state-color, var(","));\n padding-inline-end: var(",");\n --control-border-color: var(",");\n --checked-indicator-background-color: var(",");\n --state-color: var(",");\n }\n :host([disabled]) {\n --control-border-color: var(",");\n --checked-indicator-background-color: var(",");\n --state-color: var(",");\n }\n .label {\n cursor: pointer;\n font-family: var(",");\n font-size: var(",");\n font-weight: var(",");\n line-height: var(",");\n }\n .label__hidden {\n display: none;\n }\n .control {\n box-sizing: border-box;\n align-items: center;\n border: 1px solid var(--control-border-color, var(","));\n border-radius: var(",");\n display: flex;\n height: 16px;\n justify-content: center;\n margin: var(",") var(",");\n position: relative;\n width: 16px;\n justify-self: center;\n }\n .checked-indicator {\n border-radius: var(",");\n height: 10px;\n opacity: 0;\n width: 10px;\n }\n :host([aria-checked='false']:hover) .control {\n color: var(",");\n }\n :host(:focus-visible) {\n border-radius: var(",");\n box-shadow: 0 0 0 3px var(",");\n outline: 1px solid var(",");\n }\n :host(:hover) .control {\n border-color: var(",");\n }\n :host(:active) .control {\n border-color: var(",");\n }\n :host([aria-checked='true']) .checked-indicator {\n opacity: 1;\n }\n :host([aria-checked='true']) .control {\n border-color: var(--control-border-color, var(","));\n }\n :host([aria-checked='true']) .checked-indicator {\n background-color: var(--checked-indicator-background-color, var(","));\n }\n :host([aria-checked='true']:hover) .control {\n border-color: var(",");\n }\n :host([aria-checked='true']:hover) .checked-indicator {\n background-color: var(",");\n }\n :host([aria-checked='true']:active) .control {\n border-color: var(",");\n }\n :host([aria-checked='true']:active) .checked-indicator {\n background: var(",");\n }\n :host([disabled]) {\n color: var(",");\n pointer-events: none;\n }\n :host([disabled]) .control {\n pointer-events: none;\n border-color: var(",");\n }\n :host([disabled]) .checked-indicator {\n background: var(",");\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("inline-grid"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessible,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessible,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusSmall,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessibleHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessiblePressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessible,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandStrokeHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandStrokeHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandStrokePressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandForeground1Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled).withBehaviors((0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__.vF)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n :host .control {\n border-color: InactiveBorder;\n }\n :host([aria-checked='true']) .checked-indicator,\n :host([aria-checked='true']:active) .checked-indicator,\n :host([aria-checked='true']:hover) .checked-indicator {\n background-color: Highlight;\n border-color: ActiveBorder;\n }\n "])))))},"./src/radio/radio.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.join.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_utils_index_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utils/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function radioTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <template\n role="radio"\n aria-checked="','"\n aria-required="','"\n aria-disabled="','"\n @keypress="','"\n >\n <div part="control" class="control">\n <slot name="checked-indicator"> ',' </slot>\n </div>\n <label\n part="label"\n class="','"\n >\n <slot\n ',"\n ></slot>\n </label>\n </template>\n "])),(function(x){return x.checked}),(function(x){return x.required}),(function(x){return x.disabled}),(function(x,c){return x.keypressHandler(c.event)}),(0,_utils_index_js__WEBPACK_IMPORTED_MODULE_3__.AE)(options.checkedIndicator),(function(x){var _a;return["label",!(null===(_a=x.defaultSlottedNodes)||void 0===_a?void 0:_a.length)&&"label__hidden"].filter(Boolean).join(" ")}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__.Q)({property:"defaultSlottedNodes",filter:_utils_index_js__WEBPACK_IMPORTED_MODULE_3__.EB}))}({checkedIndicator:(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['<div part="checked-indicator" class="checked-indicator"></div>'])))})},"./src/radio/radio.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>Radio});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js");var observable=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),key_codes=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js"),fast_element=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),form_associated=__webpack_require__("./src/form-associated/form-associated.ts");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var _Radio=function(_FASTElement){_inherits(_Radio,_FASTElement);var _super=_createSuper(_Radio);function _Radio(){return _classCallCheck(this,_Radio),_super.apply(this,arguments)}return _createClass(_Radio)}(fast_element.H);function radio_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=radio_getPrototypeOf(object)););return object}function radio_setPrototypeOf(o,p){return radio_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},radio_setPrototypeOf(o,p)}function radio_createSuper(Derived){var hasNativeReflectConstruct=function radio_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=radio_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=radio_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return radio_possibleConstructorReturn(this,result)}}function radio_possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function radio_assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function radio_getPrototypeOf(o){return radio_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},radio_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Radio=function(_FormAssociatedRadio){!function radio_inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&radio_setPrototypeOf(subClass,superClass)}(Radio,_FormAssociatedRadio);var _super=radio_createSuper(Radio);function Radio(){var _this;return function radio_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Radio),(_this=_super.call(this)).initialValue="on",_this.proxy.setAttribute("type","radio"),_this}return function radio_createClass(Constructor,protoProps,staticProps){return protoProps&&radio_defineProperties(Constructor.prototype,protoProps),staticProps&&radio_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Radio,[{key:"radioGroup",get:function get(){return this.closest("[role=radiogroup]")}},{key:"defaultCheckedChanged",value:function defaultCheckedChanged(){var _a;this.$fastController.isConnected&&!this.dirtyChecked&&(this.isInsideRadioGroup()||(this.checked=null!==(_a=this.defaultChecked)&&void 0!==_a&&_a,this.dirtyChecked=!1))}},{key:"connectedCallback",value:function connectedCallback(){var _a,_b;_get(radio_getPrototypeOf(Radio.prototype),"connectedCallback",this).call(this),this.validate(),"radiogroup"!==(null===(_a=this.parentElement)||void 0===_a?void 0:_a.getAttribute("role"))&&null===this.getAttribute("tabindex")&&(this.disabled||this.setAttribute("tabindex","0")),this.checkedAttribute&&(this.dirtyChecked||this.isInsideRadioGroup()||(this.checked=null!==(_b=this.defaultChecked)&&void 0!==_b&&_b,this.dirtyChecked=!1))}},{key:"isInsideRadioGroup",value:function isInsideRadioGroup(){return null!==this.radioGroup}},{key:"keypressHandler",value:function keypressHandler(e){var _a;if(e.key!==key_codes.BI)return!0;this.checked||(null===(_a=this.radioGroup)||void 0===_a?void 0:_a.readOnly)||(this.checked=!0)}}]),Radio}(function(_CheckableFormAssocia){_inherits(FormAssociatedRadio,_CheckableFormAssocia);var _super2=_createSuper(FormAssociatedRadio);function FormAssociatedRadio(){var _this;return _classCallCheck(this,FormAssociatedRadio),(_this=_super2.apply(this,arguments)).proxy=document.createElement("input"),_this}return _createClass(FormAssociatedRadio)}((0,form_associated.V2)(_Radio)));__decorate([observable.LO],Radio.prototype,"name",void 0),__decorate([observable.LO],Radio.prototype,"defaultSlottedNodes",void 0)},"./src/slider/slider.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_slider_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/slider/slider.ts"),_slider_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/slider/slider.styles.ts"),_slider_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/slider/slider.template.ts"),definition=_slider_js__WEBPACK_IMPORTED_MODULE_1__.i.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-slider",template:_slider_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_slider_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/slider/slider.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{mE:()=>SliderSize,rQ:()=>SliderOrientation,tF:()=>SliderMode});var _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/aria.js"),SliderSize={small:"small",medium:"medium"},SliderOrientation=_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_0__.i,SliderMode={singleValue:"single-value"}},"./src/slider/slider.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/match-media-stylesheet-behavior.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n "," :host {\n --thumb-size: 18px;\n --thumb-padding: 3px;\n --thumb-translate: calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);\n --track-overhang: -2px;\n --track-width: 4px;\n --fast-slider-height: calc(var(--thumb-size) * 10);\n --slider-direction: 90deg;\n align-items: center;\n box-sizing: border-box;\n outline: none;\n cursor: pointer;\n user-select: none;\n border-radius: var(",");\n touch-action: pan-y;\n min-width: calc(var(--thumb-size) * 1px);\n width: 100%;\n }\n\n :host([size='small']) {\n --thumb-size: 14px;\n --track-width: 2px;\n --thumb-padding: 3px;\n }\n\n :host([orientation='vertical']) {\n --slider-direction: 0deg;\n height: 160px;\n min-height: var(--thumb-size);\n touch-action: pan-x;\n padding: 8px 0;\n width: auto;\n min-width: auto;\n }\n\n :host([disabled]:hover) {\n cursor: initial;\n }\n\n :host(:focus-visible) {\n box-shadow: 0 0 0 2pt var(",");\n outline: 1px solid var(",");\n }\n\n .thumb-cursor:focus {\n outline: 0;\n }\n\n /* Thumb Container and Cursor */\n .thumb-container {\n position: absolute;\n height: var(--thumb-size);\n width: var(--thumb-size);\n transition: all 0.2s ease;\n }\n\n .thumb-container {\n transform: translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.5));\n }\n\n :host([size='small']) .thumb-container {\n transform: translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.35));\n }\n\n :host([orientation='vertical']) .thumb-container {\n transform: translateX(calc(var(--thumb-translate) * -1.5)) translateY(calc(var(--thumb-size) * -0.5));\n }\n\n :host([orientation='vertical'][size='small']) .thumb-container {\n transform: translateX(calc(var(--thumb-translate) * -1.35)) translateY(calc(var(--thumb-size) * -0.5));\n }\n\n .thumb-cursor {\n height: var(--thumb-size);\n width: var(--thumb-size);\n background-color: var(",");\n border-radius: var(",");\n box-shadow: inset 0 0 0 var(--thumb-padding) var(","), 0 0 0 1px var(",");\n }\n .thumb-cursor:hover {\n background-color: var(",");\n }\n .thumb-cursor:active {\n background-color: var(",");\n }\n :host([disabled]) .thumb-cursor {\n background-color: var(",");\n box-shadow: inset 0 0 0 var(--thumb-padding) var(","),\n 0 0 0 1px var(",");\n }\n\n /* Positioning Region */\n .positioning-region {\n position: relative;\n display: grid;\n }\n\n :host([orientation='horizontal']) .positioning-region {\n margin: 0 8px;\n grid-template-rows: var(--thumb-size) var(--thumb-size);\n }\n :host([orientation='vertical']) .positioning-region {\n margin: 8px 0;\n height: 100%;\n grid-template-columns: var(--thumb-size) var(--thumb-size);\n }\n\n /* Track */\n .track {\n align-self: start;\n position: absolute;\n background-color: var(",");\n border-radius: var(",");\n overflow: hidden;\n }\n\n :host([step]) .track::after {\n content: '';\n position: absolute;\n border-radius: var(",");\n width: 100%;\n inset: 0 2px;\n background-image: repeating-linear-gradient(\n var(--slider-direction),\n #0000 0%,\n #0000 calc(var(--step-rate) - 1px),\n var(",") calc(var(--step-rate) - 1px),\n var(",") var(--step-rate)\n );\n }\n\n :host([orientation='vertical'][step]) .track::after {\n inset: -2px 0;\n }\n\n :host([disabled]) .track {\n background-color: var(",");\n }\n\n :host([orientation='horizontal']) .track {\n right: var(--track-overhang);\n left: var(--track-overhang);\n align-self: start;\n height: var(--track-width);\n grid-row: 2 / auto;\n }\n\n :host([orientation='vertical']) .track {\n top: var(--track-overhang);\n bottom: var(--track-overhang);\n width: var(--track-width);\n height: 100%;\n grid-column: 2 / auto;\n }\n .track-start {\n background-color: var(",");\n position: absolute;\n height: 100%;\n left: 0;\n border-radius: var(",");\n }\n :host([disabled]) .track-start {\n background-color: var(",");\n }\n :host(:hover) .track-start {\n background-color: var(",");\n }\n :host([disabled]:hover) .track-start {\n background-color: var(",");\n }\n .track-start:active {\n background-color: var(",");\n }\n :host([orientation='vertical']) .track-start {\n height: auto;\n width: 100%;\n bottom: 0;\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("inline-grid"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusSmall,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessible,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackgroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackgroundPressed).withBehaviors((0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__.vF)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n .track:hover,\n .track:active,\n .track {\n background: WindowText;\n }\n .thumb-cursor:hover,\n .thumb-cursor:active,\n .thumb-cursor {\n background: ButtonText;\n }\n\n :host(:hover) .track-start,\n .track-start:active,\n .track-start {\n background: Highlight;\n }\n "])))))},"./src/slider/slider.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/ref.js"),_utils_template_helpers_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/utils/template-helpers.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function sliderTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <template\n role="slider"\n tabindex="','"\n aria-valuetext="','"\n aria-valuenow="','"\n aria-valuemin="','"\n aria-valuemax="','"\n aria-disabled="','"\n aria-readonly="','"\n aria-orientation="','"\n class="','"\n >\n <div part="positioning-region" class="positioning-region">\n <div ',' part="track-container" class="track">\n <slot name="track"></slot>\n <div part="track-start" class="track-start" style="','">\n <slot name="track-start"></slot>\n </div>\n </div>\n <slot></slot>\n <div\n ','\n part="thumb-container"\n class="thumb-container"\n style="','"\n @mousedown="','"\n @touchstart="','"\n >\n <slot name="thumb">',"</slot>\n </div>\n </div>\n </template>\n "])),(function(x){return x.disabled?null:0}),(function(x){return x.valueTextFormatter(x.value)}),(function(x){return x.value}),(function(x){return x.min}),(function(x){return x.max}),(function(x){return!!x.disabled||void 0}),(function(x){return!!x.readOnly||void 0}),(function(x){return x.orientation}),(function(x){return x.orientation}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.i)("track"),(function(x){return x.position}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.i)("thumb"),(function(x){return x.position}),(function(x,c){return x.handleThumbMouseDown(c.event)}),(function(x,c){return x.handleThumbMouseDown(c.event)}),(0,_utils_template_helpers_js__WEBPACK_IMPORTED_MODULE_1__.A)(options.thumb))}({thumb:'<div class="thumb-cursor" tabindex="0"></div>'})},"./src/slider/slider.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>Slider});__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.parse-float.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.is-nan.js");var css=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),observable=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),attributes=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),localization=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/localization.js"),aria=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/aria.js"),key_codes=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js"),numbers=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/numbers.js"),utils=__webpack_require__("./src/utils/index.ts"),slider_options=__webpack_require__("./src/slider/slider.options.ts"),fast_element=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),form_associated=__webpack_require__("./src/form-associated/form-associated.ts");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var _templateObject,_Slider=function(_FASTElement){_inherits(_Slider,_FASTElement);var _super=_createSuper(_Slider);function _Slider(){return _classCallCheck(this,_Slider),_super.apply(this,arguments)}return _createClass(_Slider)}(fast_element.H);function convertPixelToPercent(pixelPos,minPosition,maxPosition,direction){var pct=(0,numbers.b9)(0,1,(pixelPos-minPosition)/(maxPosition-minPosition));return direction===localization.N.rtl&&(pct=1-pct),pct}function slider_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function slider_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=slider_getPrototypeOf(object)););return object}function slider_setPrototypeOf(o,p){return slider_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},slider_setPrototypeOf(o,p)}function slider_createSuper(Derived){var hasNativeReflectConstruct=function slider_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=slider_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=slider_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return slider_possibleConstructorReturn(this,result)}}function slider_possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function slider_assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function slider_getPrototypeOf(o){return slider_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},slider_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Slider=function(_FormAssociatedSlider){!function slider_inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&slider_setPrototypeOf(subClass,superClass)}(Slider,_FormAssociatedSlider);var _super=slider_createSuper(Slider);function Slider(){var _this;return slider_classCallCheck(this,Slider),(_this=_super.apply(this,arguments)).direction=localization.N.ltr,_this.isDragging=!1,_this.trackWidth=0,_this.trackMinWidth=0,_this.trackHeight=0,_this.trackLeft=0,_this.trackMinHeight=0,_this.valueTextFormatter=function(){return null},_this.min=0,_this.max=10,_this.orientation=aria.i.horizontal,_this.mode=slider_options.tF.singleValue,_this.keypressHandler=function(e){if(!_this.readOnly&&!_this.disabled)if(e.key===key_codes.tU)e.preventDefault(),_this.direction!==localization.N.rtl&&_this.orientation!==aria.i.vertical?_this.value=""+_this.min:_this.value=""+_this.max;else if(e.key===key_codes.Kh)e.preventDefault(),_this.direction!==localization.N.rtl&&_this.orientation!==aria.i.vertical?_this.value=""+_this.max:_this.value=""+_this.min;else if(!e.shiftKey)switch(e.key){case key_codes.mr:case key_codes.SB:e.preventDefault(),_this.increment();break;case key_codes.BE:case key_codes.iF:e.preventDefault(),_this.decrement()}},_this.setupTrackConstraints=function(){var clientRect=_this.track.getBoundingClientRect();_this.trackWidth=_this.track.clientWidth,_this.trackMinWidth=_this.track.clientLeft,_this.trackHeight=clientRect.top,_this.trackMinHeight=clientRect.bottom,_this.trackLeft=_this.getBoundingClientRect().left,0===_this.trackWidth&&(_this.trackWidth=1)},_this.setupListeners=function(){var remove=arguments.length>0&&void 0!==arguments[0]&&arguments[0];_this.addEventListener("keydown",_this.keypressHandler),_this.addEventListener("mousedown",_this.handleMouseDown),remove&&(_this.removeEventListener("keydown",_this.keypressHandler),_this.removeEventListener("mousedown",_this.handleMouseDown))},_this.initialValue="",_this.handleThumbMouseDown=function(event){var windowFn=null!==event?window.addEventListener:window.removeEventListener;windowFn("mouseup",_this.handleWindowMouseUp),windowFn("mousemove",_this.handleMouseMove,{passive:!0}),windowFn("touchmove",_this.handleMouseMove,{passive:!0}),windowFn("touchend",_this.handleWindowMouseUp),_this.isDragging=null!==event},_this.handleMouseMove=function(e){if(!(_this.readOnly||_this.disabled||e.defaultPrevented)){var sourceEvent=window.TouchEvent&&e instanceof TouchEvent?e.touches[0]:e,eventValue=_this.orientation===aria.i.horizontal?sourceEvent.pageX-document.documentElement.scrollLeft-_this.trackLeft:sourceEvent.pageY-document.documentElement.scrollTop;_this.value=""+_this.calculateNewValue(eventValue)}},_this.handleWindowMouseUp=function(event){_this.stopDragging()},_this.stopDragging=function(){_this.isDragging=!1,_this.handleMouseDown(null),_this.handleThumbMouseDown(null)},_this.handleMouseDown=function(e){if(null===e||!_this.disabled&&!_this.readOnly){var windowFn=null!==e?window.addEventListener:window.removeEventListener,documentFn=null!==e?document.addEventListener:document.removeEventListener;if(windowFn("mouseup",_this.handleWindowMouseUp),documentFn("mouseleave",_this.handleWindowMouseUp),windowFn("mousemove",_this.handleMouseMove),e){_this.setupTrackConstraints();var controlValue=_this.orientation===aria.i.horizontal?e.pageX-document.documentElement.scrollLeft-_this.trackLeft:e.pageY-document.documentElement.scrollTop;_this.value=""+_this.calculateNewValue(controlValue)}}},_this}return function slider_createClass(Constructor,protoProps,staticProps){return protoProps&&slider_defineProperties(Constructor.prototype,protoProps),staticProps&&slider_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Slider,[{key:"handleChange",value:function handleChange(source,propertyName){switch(propertyName){case"min":case"max":case"step":this.handleStepStyles()}}},{key:"handleStepStyles",value:function handleStepStyles(){if(this.step){var totalSteps=100/Math.floor((this.max-this.min)/this.step);void 0!==this.stepStyles&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=(0,css.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n :host {\n --step-rate: ","%;\n color: blue;\n }\n "])),totalSteps),this.$fastController.addStyles(this.stepStyles)}else void 0!==this.stepStyles&&this.$fastController.removeStyles(this.stepStyles)}},{key:"readOnlyChanged",value:function readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}},{key:"valueAsNumber",get:function get(){return parseFloat(_get(slider_getPrototypeOf(Slider.prototype),"value",this))},set:function set(next){this.value=next.toString()}},{key:"valueChanged",value:function valueChanged(previous,next){if(this.$fastController.isConnected){var nextAsNumber=parseFloat(next),value=(0,numbers.b9)(this.min,this.max,this.convertToConstrainedValue(nextAsNumber)).toString();if(value!==next)return void(this.value=value);_get(slider_getPrototypeOf(Slider.prototype),"valueChanged",this).call(this,previous,next),this.setThumbPositionForOrientation(this.direction),this.$emit("change")}}},{key:"minChanged",value:function minChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.min=""+this.min),this.validate()}},{key:"maxChanged",value:function maxChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.max=""+this.max),this.validate()}},{key:"stepChanged",value:function stepChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.step=""+this.step),this.updateStepMultiplier(),this.validate()}},{key:"orientationChanged",value:function orientationChanged(){this.$fastController.isConnected&&this.setThumbPositionForOrientation(this.direction)}},{key:"connectedCallback",value:function connectedCallback(){_get(slider_getPrototypeOf(Slider.prototype),"connectedCallback",this).call(this),this.proxy.setAttribute("type","range"),this.direction=(0,utils.Mg)(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction),observable.y$.getNotifier(this).subscribe(this,"max"),observable.y$.getNotifier(this).subscribe(this,"min"),observable.y$.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(slider_getPrototypeOf(Slider.prototype),"disconnectedCallback",this).call(this),this.setupListeners(!0),observable.y$.getNotifier(this).unsubscribe(this,"max"),observable.y$.getNotifier(this).unsubscribe(this,"min"),observable.y$.getNotifier(this).unsubscribe(this,"step")}},{key:"increment",value:function increment(){var newVal=(this.direction!==localization.N.rtl&&(this.orientation,aria.i.vertical),Number(this.value)+Number(this.stepValue)),incrementedVal=this.convertToConstrainedValue(newVal),incrementedValString=incrementedVal<Number(this.max)?""+incrementedVal:""+this.max;this.value=incrementedValString}},{key:"decrement",value:function decrement(){var newVal=(this.direction!==localization.N.rtl&&(this.orientation,aria.i.vertical),Number(this.value)-Number(this.stepValue)),decrementedVal=this.convertToConstrainedValue(newVal),decrementedValString=decrementedVal>Number(this.min)?""+decrementedVal:""+this.min;this.value=decrementedValString}},{key:"stepValue",get:function get(){return void 0===this.step?1:this.step}},{key:"setThumbPositionForOrientation",value:function setThumbPositionForOrientation(direction){var percentage=100*(1-convertPixelToPercent(Number(this.value),Number(this.min),Number(this.max),direction));this.orientation===aria.i.horizontal?this.position=this.isDragging?"right: "+percentage+"%; transition: none;":"right: "+percentage+"%; transition: all 0.2s ease;":this.position=this.isDragging?"top: "+percentage+"%; transition: none;":"top: "+percentage+"%; transition: all 0.2s ease;"}},{key:"updateStepMultiplier",value:function updateStepMultiplier(){var stepString=this.stepValue+"",decimalPlacesOfStep=this.stepValue%1?stepString.length-stepString.indexOf(".")-1:0;this.stepMultiplier=Math.pow(10,decimalPlacesOfStep)}},{key:"midpoint",get:function get(){return""+this.convertToConstrainedValue((this.max+this.min)/2)}},{key:"setupDefaultValue",value:function setupDefaultValue(){if("string"==typeof this.value)if(0===this.value.length)this.initialValue=this.midpoint;else{var value=parseFloat(this.value);!Number.isNaN(value)&&(value<this.min||value>this.max)&&(this.value=this.midpoint)}}},{key:"calculateNewValue",value:function calculateNewValue(rawValue){this.setupTrackConstraints();var newPosition=convertPixelToPercent(rawValue,this.orientation===aria.i.horizontal?this.trackMinWidth:this.trackMinHeight,this.orientation===aria.i.horizontal?this.trackWidth:this.trackHeight,this.direction),newValue=(this.max-this.min)*newPosition+this.min;return this.convertToConstrainedValue(newValue)}},{key:"convertToConstrainedValue",value:function convertToConstrainedValue(value){isNaN(value)&&(value=this.min);var constrainedValue=value-this.min,remainderValue=constrainedValue-Math.round(constrainedValue/this.stepValue)*(this.stepMultiplier*this.stepValue)/this.stepMultiplier;return(constrainedValue=remainderValue>=Number(this.stepValue)/2?constrainedValue-remainderValue+Number(this.stepValue):constrainedValue-remainderValue)+this.min}}]),Slider}(function(_FormAssociated){_inherits(FormAssociatedSlider,_FormAssociated);var _super2=_createSuper(FormAssociatedSlider);function FormAssociatedSlider(){var _this;return _classCallCheck(this,FormAssociatedSlider),(_this=_super2.apply(this,arguments)).proxy=document.createElement("input"),_this}return _createClass(FormAssociatedSlider)}((0,form_associated.Um)(_Slider)));__decorate([attributes.Lj],Slider.prototype,"size",void 0),__decorate([(0,attributes.Lj)({attribute:"readonly",mode:"boolean"})],Slider.prototype,"readOnly",void 0),__decorate([observable.LO],Slider.prototype,"direction",void 0),__decorate([observable.LO],Slider.prototype,"isDragging",void 0),__decorate([observable.LO],Slider.prototype,"position",void 0),__decorate([observable.LO],Slider.prototype,"trackWidth",void 0),__decorate([observable.LO],Slider.prototype,"trackMinWidth",void 0),__decorate([observable.LO],Slider.prototype,"trackHeight",void 0),__decorate([observable.LO],Slider.prototype,"trackLeft",void 0),__decorate([observable.LO],Slider.prototype,"trackMinHeight",void 0),__decorate([observable.LO],Slider.prototype,"valueTextFormatter",void 0),__decorate([(0,attributes.Lj)({converter:attributes.Id})],Slider.prototype,"min",void 0),__decorate([(0,attributes.Lj)({converter:attributes.Id})],Slider.prototype,"max",void 0),__decorate([(0,attributes.Lj)({converter:attributes.Id})],Slider.prototype,"step",void 0),__decorate([attributes.Lj],Slider.prototype,"orientation",void 0),__decorate([attributes.Lj],Slider.prototype,"mode",void 0)},"./src/spinner/spinner.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_spinner_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/spinner/spinner.ts"),_spinner_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/spinner/spinner.styles.ts"),_spinner_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/spinner/spinner.template.ts"),definition=_spinner_js__WEBPACK_IMPORTED_MODULE_1__.$.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-spinner",template:_spinner_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_spinner_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/spinner/spinner.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{E:()=>SpinnerSize,l:()=>SpinnerAppearance});var SpinnerAppearance={primary:"primary",inverted:"inverted"},SpinnerSize={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large",huge:"huge"}},"./src/spinner/spinner.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n display: flex;\n align-items: center;\n height: 32px;\n width: 32px;\n contain: content;\n }\n :host([size='tiny']) {\n height: 20px;\n width: 20px;\n }\n :host([size='extra-small']) {\n height: 24px;\n width: 24px;\n }\n :host([size='small']) {\n height: 28px;\n width: 28px;\n }\n :host([size='large']) {\n height: 36px;\n width: 36px;\n }\n :host([size='extra-large']) {\n height: 40px;\n width: 40px;\n }\n :host([size='huge']) {\n height: 44px;\n width: 44px;\n }\n .progress {\n height: 100%;\n width: 100%;\n }\n\n .background {\n fill: none;\n stroke: var(",");\n stroke-width: 1.5px;\n }\n\n :host([appearance='inverted']) .background {\n stroke: rgba(255, 255, 255, 0.2);\n }\n\n .determinate {\n stroke: var(",");\n fill: none;\n stroke-width: 1.5px;\n stroke-linecap: round;\n transform-origin: 50% 50%;\n transform: rotate(-90deg);\n transition: all 0.2s ease-in-out;\n }\n\n :host([appearance='inverted']) .determinite {\n stroke: var(",");\n }\n\n .indeterminate-indicator-1 {\n stroke: var(",");\n fill: none;\n stroke-width: 1.5px;\n stroke-linecap: round;\n transform-origin: 50% 50%;\n transform: rotate(-90deg);\n transition: all 0.2s ease-in-out;\n animation: spin-infinite 3s cubic-bezier(0.53, 0.21, 0.29, 0.67) infinite;\n }\n\n :host([appearance='inverted']) .indeterminate-indicator-1 {\n stroke: var(",");\n }\n\n @keyframes spin-infinite {\n 0% {\n stroke-dasharray: 0.01px 43.97px;\n transform: rotate(0deg);\n }\n 50% {\n stroke-dasharray: 21.99px 21.99px;\n transform: rotate(450deg);\n }\n 100% {\n stroke-dasharray: 0.01px 43.97px;\n transform: rotate(1080deg);\n }\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandStroke2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandStroke1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeOnBrand2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorBrandStroke1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeOnBrand2)},"./src/spinner/spinner.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_templateObject3,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/when.js"),_utils_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/utils/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function progressRingTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <template\n role="progressbar"\n aria-valuenow="','"\n aria-valuemin="','"\n aria-valuemax="','"\n >\n ',"\n </template>\n "])),(function(x){return x.value}),(function(x){return x.min}),(function(x){return x.max}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.g)((function(x){return"number"==typeof x.value}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(['\n <svg class="progress" part="progress" viewBox="0 0 16 16" slot="determinate">\n <circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle>\n <circle\n class="determinate"\n part="determinate"\n style="stroke-dasharray: ',"px ",'px"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n </svg>\n '])),(function(x){return 44*x.percentComplete/100}),44),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose([' <slot name="indeterminate"> '," </slot> "])),(0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.AE)(options.indeterminateIndicator))))}({indeterminateIndicator:'\n <svg class="progress" part="progress" viewBox="0 0 16 16">\n <circle\n class="background"\n part="background"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n <circle\n class="indeterminate-indicator-1"\n part="indeterminate-indicator-1"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n </svg>\n '})},"./src/spinner/spinner.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>Spinner});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var attributes=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function spinner_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function spinner_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function spinner_setPrototypeOf(o,p){return spinner_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},spinner_setPrototypeOf(o,p)}function spinner_createSuper(Derived){var hasNativeReflectConstruct=function spinner_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=spinner_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=spinner_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return spinner_possibleConstructorReturn(this,result)}}function spinner_possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function spinner_assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function spinner_getPrototypeOf(o){return spinner_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},spinner_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Spinner=function(_ProgressRing){!function spinner_inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&spinner_setPrototypeOf(subClass,superClass)}(Spinner,_ProgressRing);var _super=spinner_createSuper(Spinner);function Spinner(){return spinner_classCallCheck(this,Spinner),_super.apply(this,arguments)}return function spinner_createClass(Constructor,protoProps,staticProps){return protoProps&&spinner_defineProperties(Constructor.prototype,protoProps),staticProps&&spinner_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Spinner)}(function(_BaseProgress){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(ProgressRing,_BaseProgress);var _super=_createSuper(ProgressRing);function ProgressRing(){return _classCallCheck(this,ProgressRing),_super.apply(this,arguments)}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ProgressRing)}(__webpack_require__("./src/progress-bar/base-progress.ts").B));__decorate([attributes.Lj],Spinner.prototype,"size",void 0),__decorate([attributes.Lj],Spinner.prototype,"appearance",void 0)},"./src/styles/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{sX:()=>badgeBaseStyles,fg:()=>badgeFilledStyles,A$:()=>badgeGhostStyles,Ak:()=>badgeOutlineStyles,V5:()=>badgeSizeStyles,pB:()=>badgeTintStyles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,css=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),display=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),design_tokens=__webpack_require__("./src/theme/design-tokens.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var textPadding=design_tokens.spacingHorizontalXXS,badgeBaseStyles=css.i.partial(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n "," :host {\n position: relative;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n font-family: var(",");\n font-weight: var(",");\n font-size: var(",");\n line-height: var(",");\n min-width: 20px;\n height: 20px;\n padding-inline: calc(var(",") + var(","));\n border-radius: var(",");\n border-color: var(",");\n background-color: var(",");\n color: var(",");\n contain: content;\n }\n\n ::slotted(svg) {\n font-size: 12px;\n }\n\n :host(:not([appearance='ghost']))::after {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-style: solid;\n border-width: var(",");\n border-color: inherit;\n border-radius: inherit;\n }\n"])),(0,display.j)("inline-flex"),design_tokens.fontFamilyBase,design_tokens.fontWeightSemibold,design_tokens.fontSizeBase200,design_tokens.lineHeightBase200,design_tokens.spacingHorizontalXS,textPadding,design_tokens.borderRadiusCircular,design_tokens.colorTransparentStroke,design_tokens.colorBrandBackground,design_tokens.colorNeutralForegroundOnBrand,design_tokens.strokeWidthThin),badgeSizeStyles=css.i.partial(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n :host([size='tiny']) {\n width: 6px;\n height: 6px;\n font-size: 4px;\n line-height: 4px;\n padding-inline: 0;\n min-width: unset;\n }\n :host([size='tiny']) ::slotted(svg) {\n font-size: 6px;\n }\n :host([size='extra-small']) {\n width: 10px;\n height: 10px;\n font-size: 6px;\n line-height: 6px;\n padding-inline: 0;\n min-width: unset;\n }\n :host([size='extra-small']) ::slotted(svg) {\n font-size: 10px;\n }\n :host([size='small']) {\n min-width: 16px;\n height: 16px;\n font-size: var(",");\n line-height: var(",");\n padding-inline: calc(var(",") + var(","));\n }\n :host([size='small']) ::slotted(svg) {\n font-size: 12px;\n }\n :host([size='large']) {\n min-width: 24px;\n height: 24px;\n font-size: var(",");\n line-height: var(",");\n padding-inline: calc(var(",") + var(","));\n }\n :host([size='large']) ::slotted(svg) {\n font-size: 16px;\n }\n :host([size='extra-large']) {\n min-width: 32px;\n height: 32px;\n font-size: var(",");\n line-height: var(",");\n padding-inline: calc(var(",") + var(","));\n }\n :host([size='extra-large']) ::slotted(svg) {\n font-size: 20px;\n }\n"])),design_tokens.fontSizeBase100,design_tokens.lineHeightBase100,design_tokens.spacingHorizontalXXS,textPadding,design_tokens.fontSizeBase200,design_tokens.lineHeightBase200,design_tokens.spacingHorizontalXS,textPadding,design_tokens.fontSizeBase200,design_tokens.lineHeightBase200,design_tokens.spacingHorizontalSNudge,textPadding),badgeFilledStyles=css.i.partial(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n :host([color='danger']) {\n background-color: var(",");\n color: var(",");\n }\n\n :host([color='important']) {\n background-color: var(",");\n color: var(",");\n }\n\n :host([color='informative']) {\n background-color: var(",");\n color: var(",");\n }\n\n :host([color='severe']) {\n background-color: var(",");\n color: var(",");\n }\n\n :host([color='subtle']) {\n background-color: var(",");\n color: var(",");\n }\n\n :host([color='success']) {\n background-color: var(",");\n color: var(",");\n }\n\n :host([color='warning']) {\n background-color: var(",");\n color: var(",");\n }\n"])),design_tokens.colorPaletteRedBackground3,design_tokens.colorNeutralForegroundOnBrand,design_tokens.colorNeutralForeground1,design_tokens.colorNeutralBackground1,design_tokens.colorNeutralBackground5,design_tokens.colorNeutralForeground3,design_tokens.colorPaletteDarkOrangeBackground3,design_tokens.colorNeutralForegroundOnBrand,design_tokens.colorNeutralBackground1,design_tokens.colorNeutralForeground1,design_tokens.colorPaletteGreenBackground3,design_tokens.colorNeutralForegroundOnBrand,design_tokens.colorPaletteYellowBackground3,design_tokens.colorNeutralForeground1Static),badgeGhostStyles=css.i.partial(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n :host([appearance='ghost']) {\n color: var(",");\n background-color: initial;\n }\n\n :host([appearance='ghost'][color='danger']) {\n color: var(",");\n }\n\n :host([appearance='ghost'][color='important']) {\n color: var(",");\n }\n\n :host([appearance='ghost'][color='informative']) {\n color: var(",");\n }\n\n :host([appearance='ghost'][color='severe']) {\n color: var(",");\n }\n\n :host([appearance='ghost'][color='subtle']) {\n color: var(",");\n }\n\n :host([appearance='ghost'][color='success']) {\n color: var(",");\n }\n\n :host([appearance='ghost'][color='warning']) {\n color: var(",");\n }\n"])),design_tokens.colorBrandForeground1,design_tokens.colorPaletteRedForeground3,design_tokens.colorNeutralForeground1,design_tokens.colorNeutralForeground3,design_tokens.colorPaletteDarkOrangeForeground3,design_tokens.colorNeutralForegroundInverted,design_tokens.colorPaletteGreenForeground3,design_tokens.colorPaletteYellowForeground2),badgeOutlineStyles=css.i.partial(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n :host([appearance='outline']) {\n border-color: currentColor;\n color: var(",");\n background-color: initial;\n }\n\n :host([appearance='outline'][color='danger']) {\n color: var(",");\n }\n\n :host([appearance='outline'][color='important']) {\n color: var(",");\n border-color: var(",");\n }\n\n :host([appearance='outline'][color='informative']) {\n color: var(",");\n border-color: var(",");\n }\n\n :host([appearance='outline'][color='severe']) {\n color: var(",");\n }\n\n :host([appearance='outline'][color='subtle']) {\n color: var(",");\n }\n\n :host([appearance='outline'][color='success']) {\n color: var(",");\n }\n\n :host([appearance='outline'][color='warning']) {\n color: var(",");\n }\n"])),design_tokens.colorBrandForeground1,design_tokens.colorPaletteRedForeground3,design_tokens.colorNeutralForeground3,design_tokens.colorNeutralStrokeAccessible,design_tokens.colorNeutralForeground3,design_tokens.colorNeutralStroke2,design_tokens.colorPaletteDarkOrangeForeground3,design_tokens.colorNeutralForegroundStaticInverted,design_tokens.colorPaletteGreenForeground2,design_tokens.colorPaletteYellowForeground2),badgeTintStyles=css.i.partial(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n :host([appearance='tint']) {\n background-color: var(",");\n color: var(",");\n border-color: var(",");\n }\n\n :host([appearance='tint'][color='danger']) {\n background-color: var(",");\n color: var(",");\n border-color: var(",");\n }\n\n :host([appearance='tint'][color='important']) {\n background-color: var(",");\n color: var(",");\n border-color: var(",");\n }\n\n :host([appearance='tint'][color='informative']) {\n background-color: var(",");\n color: var(",");\n border-color: var(",");\n }\n\n :host([appearance='tint'][color='severe']) {\n background-color: var(",");\n color: var(",");\n border-color: var(",");\n }\n\n :host([appearance='tint'][color='subtle']) {\n background-color: var(",");\n color: var(",");\n border-color: var(",");\n }\n\n :host([appearance='tint'][color='success']) {\n background-color: var(",");\n color: var(",");\n border-color: var(",");\n }\n\n :host([appearance='tint'][color='warning']) {\n background-color: var(",");\n color: var(",");\n border-color: var(",");\n }\n"])),design_tokens.colorBrandBackground2,design_tokens.colorBrandForeground2,design_tokens.colorBrandStroke2,design_tokens.colorPaletteRedBackground1,design_tokens.colorPaletteRedForeground1,design_tokens.colorPaletteRedBorder1,design_tokens.colorNeutralForeground3,design_tokens.colorNeutralBackground1,design_tokens.colorTransparentStroke,design_tokens.colorNeutralBackground4,design_tokens.colorNeutralForeground3,design_tokens.colorNeutralStroke2,design_tokens.colorPaletteDarkOrangeBackground1,design_tokens.colorPaletteDarkOrangeForeground1,design_tokens.colorPaletteDarkOrangeBorder1,design_tokens.colorNeutralBackground1,design_tokens.colorNeutralForeground3,design_tokens.colorNeutralStroke2,design_tokens.colorPaletteGreenBackground1,design_tokens.colorPaletteGreenForeground1,design_tokens.colorPaletteGreenBorder2,design_tokens.colorPaletteYellowBackground1,design_tokens.colorPaletteYellowForeground2,design_tokens.colorPaletteYellowBorder1)},"./src/switch/switch.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_switch_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/switch/switch.ts"),_switch_template_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/switch/switch.template.ts"),_switch_styles_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/switch/switch.styles.ts"),definition=_switch_js__WEBPACK_IMPORTED_MODULE_1__.r.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-switch",template:_switch_template_js__WEBPACK_IMPORTED_MODULE_2__.X,styles:_switch_styles_js__WEBPACK_IMPORTED_MODULE_3__.W})},"./src/switch/switch.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{d:()=>SwitchLabelPosition});var SwitchLabelPosition={above:"above",after:"after",before:"before"}},"./src/switch/switch.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/match-media-stylesheet-behavior.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n\n :host {\n align-items: center;\n flex-direction: row-reverse;\n outline: none;\n user-select: none;\n contain: content;\n }\n :host([label-position='before']) {\n flex-direction: row;\n }\n :host([label-position='above']) {\n flex-direction: column;\n align-items: flex-start;\n }\n :host([disabled]) .label,\n :host([readonly]) .label,\n :host([readonly]) .switch,\n :host([disabled]) .switch {\n cursor: not-allowed;\n }\n .label {\n position: relative;\n color: var(",");\n line-height: var(",");\n font-size: var(",");\n font-weight: var(",");\n font-family: var(",");\n padding: var(",") var(",");\n cursor: pointer;\n }\n .label__hidden {\n display: none;\n }\n .switch {\n display: flex;\n align-items: center;\n padding: 0 var(",");\n box-sizing: border-box;\n width: 40px;\n height: 20px;\n background-color: var(",");\n border: 1px solid var(",");\n border-radius: var(",");\n outline: none;\n cursor: pointer;\n margin: var(",") var(",");\n }\n :host(:hover) .switch {\n background: none;\n border-color: var(",");\n }\n :host(:active) .switch {\n border-color: var(",");\n }\n :host([disabled]) .switch,\n :host([readonly]) .switch {\n border: 1px solid var(",");\n background-color: none;\n pointer: default;\n }\n :host([aria-checked='true']) .switch {\n background: var(",");\n }\n :host([aria-checked='true']:hover) .switch {\n background: var(",");\n border-color: var(",");\n }\n :host([aria-checked='true']:active) .switch {\n background: var(",");\n border-color: var(",");\n }\n :host([aria-checked='true'][disabled]) .switch {\n background: var(",");\n border-color: var(",");\n }\n .checked-indicator {\n height: 14px;\n width: 14px;\n border-radius: 50%;\n margin-inline-start: 0;\n background-color: var(",");\n transition-duration: var(",");\n transition-timing-function: var(",");\n transition-property: margin-inline-start;\n }\n :host([aria-checked='true']) .checked-indicator {\n background-color: var(",");\n margin-inline-start: calc(100% - 14px);\n }\n :host([aria-checked='true']:hover) .checked-indicator {\n background: var(",");\n }\n :host([aria-checked='true']:active) .checked-indicator {\n background: var(",");\n }\n :host(:hover) .checked-indicator {\n background-color: var(",");\n }\n :host(:active) .checked-indicator {\n background-color: var(",");\n }\n :host([disabled]) .checked-indicator,\n :host([readonly]) .checked-indicator {\n background: var(",");\n }\n :host([aria-checked='true'][disabled]) .checked-indicator {\n background: var(",");\n }\n\n :host(:focus-visible) {\n border-color: var(",");\n outline: var(",") solid var(",");\n box-shadow: var(","), 0 0 0 2px var(",");\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("inline-flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessible,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessibleHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessiblePressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackgroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationNormal,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveEasyEase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundInverted,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundInvertedHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundInvertedPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground3Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground3Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentStroke,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThick,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentStroke,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow4,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus2).withBehaviors((0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__.vF)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n .switch {\n border-color: InactiveBorder;\n }\n :host([aria-checked='true']) .switch,\n :host([aria-checked='true']:active) .switch,\n :host([aria-checked='true']:hover) .switch {\n background: Highlight;\n border-color: Highlight;\n }\n .checked-indicator,\n :host(:hover) .checked-indicator,\n :host(:active) .checked-indicator {\n background-color: ActiveCaption;\n }\n :host([aria-checked='true']) .checked-indicator,\n :host([aria-checked='true']:hover) .checked-indicator,\n :host([aria-checked='true']:active) .checked-indicator {\n background-color: ButtonFace;\n }\n "])))))},"./src/switch/switch.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_utils_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/utils/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function switchTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <template\n role="switch"\n aria-checked="','"\n aria-disabled="','"\n aria-readonly="','"\n tabindex="','"\n @keypress="','"\n @click="','"\n >\n <label\n part="label"\n class="','"\n >\n <slot ','></slot>\n </label>\n <div part="switch" class="switch">\n <slot name="switch">',"</slot>\n </div>\n </template>\n "])),(function(x){return x.checked}),(function(x){return x.disabled}),(function(x){return x.readOnly}),(function(x){return x.disabled?null:0}),(function(x,c){return x.keypressHandler(c.event)}),(function(x,c){return x.clickHandler(c.event)}),(function(x){return x.defaultSlottedNodes&&x.defaultSlottedNodes.length?"label":"label label__hidden"}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.Q)("defaultSlottedNodes"),(0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.AE)(options.switch))}({switch:'<span class="checked-indicator" part="checked-indicator"></span>'})},"./src/switch/switch.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>Switch});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var attributes=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),observable=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),key_codes=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js"),fast_element=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),form_associated=__webpack_require__("./src/form-associated/form-associated.ts");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var _Switch=function(_FASTElement){_inherits(_Switch,_FASTElement);var _super=_createSuper(_Switch);function _Switch(){return _classCallCheck(this,_Switch),_super.apply(this,arguments)}return _createClass(_Switch)}(fast_element.H);function switch_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function switch_setPrototypeOf(o,p){return switch_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},switch_setPrototypeOf(o,p)}function switch_createSuper(Derived){var hasNativeReflectConstruct=function switch_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=switch_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=switch_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return switch_possibleConstructorReturn(this,result)}}function switch_possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function switch_assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function switch_getPrototypeOf(o){return switch_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},switch_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Switch=function(_FormAssociatedSwitch){!function switch_inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&switch_setPrototypeOf(subClass,superClass)}(Switch,_FormAssociatedSwitch);var _super=switch_createSuper(Switch);function Switch(){var _this;return function switch_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,Switch),(_this=_super.call(this)).initialValue="on",_this.keypressHandler=function(e){if(!_this.readOnly)switch(e.key){case key_codes.kL:case key_codes.BI:_this.checked=!_this.checked}},_this.clickHandler=function(e){_this.disabled||_this.readOnly||(_this.checked=!_this.checked)},_this.proxy.setAttribute("type","checkbox"),_this}return function switch_createClass(Constructor,protoProps,staticProps){return protoProps&&switch_defineProperties(Constructor.prototype,protoProps),staticProps&&switch_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Switch,[{key:"readOnlyChanged",value:function readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}}]),Switch}(function(_CheckableFormAssocia){_inherits(FormAssociatedSwitch,_CheckableFormAssocia);var _super2=_createSuper(FormAssociatedSwitch);function FormAssociatedSwitch(){var _this;return _classCallCheck(this,FormAssociatedSwitch),(_this=_super2.apply(this,arguments)).proxy=document.createElement("input"),_this}return _createClass(FormAssociatedSwitch)}((0,form_associated.V2)(_Switch)));__decorate([(0,attributes.Lj)({attribute:"label-position"})],Switch.prototype,"labelPosition",void 0),__decorate([(0,attributes.Lj)({attribute:"readonly",mode:"boolean"})],Switch.prototype,"readOnly",void 0),__decorate([observable.LO],Switch.prototype,"defaultSlottedNodes",void 0)},"./src/tab-panel/tab-panel.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_tab_panel_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/tab-panel/tab-panel.ts"),_tab_panel_template_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/tab-panel/tab-panel.template.ts"),_tab_panel_styles_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/tab-panel/tab-panel.styles.ts"),definition=_tab_panel_js__WEBPACK_IMPORTED_MODULE_1__.x.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-tab-panel",template:_tab_panel_template_js__WEBPACK_IMPORTED_MODULE_2__.X,styles:_tab_panel_styles_js__WEBPACK_IMPORTED_MODULE_3__.W})},"./src/tab-panel/tab-panel.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n box-sizing: border-box;\n padding: var(",") var(",");\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("block"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalM,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalMNudge)},"./src/tab-panel/tab-panel.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js");var template=function tabPanelTemplate(){return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_1__.dy)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(['\n <template slot="tabpanel" role="tabpanel">\n <slot></slot>\n </template>\n '])))}()},"./src/tab-panel/tab-panel.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{x:()=>TabPanel});__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var TabPanel=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(TabPanel,_FASTElement);var _super=_createSuper(TabPanel);function TabPanel(){return _classCallCheck(this,TabPanel),_super.apply(this,arguments)}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(TabPanel)}(__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js").H)},"./src/tab/tab.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_tab_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/tab/tab.ts"),_tab_template_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/tab/tab.template.ts"),_tab_styles_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/tab/tab.styles.ts"),definition=_tab_js__WEBPACK_IMPORTED_MODULE_1__.O.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-tab",template:_tab_template_js__WEBPACK_IMPORTED_MODULE_2__.X,styles:_tab_styles_js__WEBPACK_IMPORTED_MODULE_3__.W})},"./src/tab/tab.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/match-media-stylesheet-behavior.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n\n :host {\n position: relative;\n flex-direction: column;\n cursor: pointer;\n box-sizing: border-box;\n justify-content: center;\n line-height: var(",");\n font-family: var(",");\n font-size: var(",");\n color: var(",");\n fill: currentcolor;\n grid-row: 1;\n padding: var(",") var(",");\n border-radius: var(",");\n }\n :host .tab-content {\n display: inline-flex;\n flex-direction: column;\n padding: 0 2px;\n }\n\n :host([aria-selected='true']) {\n color: var(",");\n font-weight: var(",");\n }\n\n /* adds hidden textContent to prevent shifting ui on bold / unbolding of text */\n :host .tab-content::after {\n content: var(--textContent);\n visibility: hidden;\n height: 0;\n line-height: var(",");\n font-weight: var(",");\n }\n\n :host([aria-selected='true'])::after {\n background-color: var(",");\n border-radius: var(",");\n content: '';\n inset: 0;\n position: absolute;\n z-index: 2;\n }\n\n :host([aria-selected='false']:hover)::after {\n background-color: var(",");\n border-radius: var(",");\n content: '';\n inset: 0;\n position: absolute;\n z-index: 1;\n }\n\n :host([aria-selected='true'][disabled])::after {\n background-color: var(",");\n }\n\n ::slotted([slot='start']),\n ::slotted([slot='end']) {\n display: flex;\n }\n ::slotted([slot='start']) {\n margin-inline-end: 11px;\n }\n ::slotted([slot='end']) {\n margin-inline-start: 11px;\n }\n :host([disabled]) {\n cursor: not-allowed;\n fill: var(",");\n color: var(",");\n }\n\n :host([disabled]:hover)::after {\n background-color: unset;\n }\n\n :host(:focus) {\n outline: none;\n }\n\n :host(:focus-visible) {\n border-radius: var(",");\n box-shadow: 0 0 0 3px var(",");\n outline: 1px solid var(",");\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("inline-flex"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalM,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalMNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightSemibold,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightSemibold,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandStroke,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusSmall,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorStrokeFocus1).withBehaviors((0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__.vF)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n :host([aria-selected='true'])::after {\n background-color: Highlight;\n }\n "])))))},"./src/tab/tab.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/patterns/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function tabTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <template slot="tab" role="tab" aria-disabled="','">\n ','\n <span class="tab-content"><slot></slot></span>\n ',"\n </template>\n "])),(function(x){return x.disabled}),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__.m9)(options),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__.LC)(options))}({})},"./src/tab/tab.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>Tab});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/patterns/index.ts"),_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/utils/apply-mixins.ts");function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Tab=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(Tab,_FASTElement);var _super=_createSuper(Tab);function Tab(){return _classCallCheck(this,Tab),_super.apply(this,arguments)}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Tab,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(Tab.prototype),"connectedCallback",this).call(this),void 0!==this.styles&&this.$fastController.removeStyles(this.styles),this.styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_11__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n :host {\n --textContent: '","';\n }\n "])),this.textContent),this.$fastController.addStyles(this.styles)}}]),Tab}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_12__.H);__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_13__.Lj)({mode:"boolean"})],Tab.prototype,"disabled",void 0),(0,_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_10__.e)(Tab,_patterns_index_js__WEBPACK_IMPORTED_MODULE_9__.hW)},"./src/tabs/tabs.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_tabs_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/tabs/tabs.ts"),_tabs_template_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/tabs/tabs.template.ts"),_tabs_styles_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/tabs/tabs.styles.ts"),definition=_tabs_js__WEBPACK_IMPORTED_MODULE_1__.m.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-tabs",template:_tabs_template_js__WEBPACK_IMPORTED_MODULE_2__.X,styles:_tabs_styles_js__WEBPACK_IMPORTED_MODULE_3__.W})},"./src/tabs/tabs.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Fx:()=>TabsAppearance,Gh:()=>TabsOrientation,K0:()=>TabsSize});var _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/aria.js"),TabsAppearance={subtle:"subtle",transparent:"transparent"},TabsSize={small:"small",medium:"medium",large:"large"},TabsOrientation=_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_0__.i},"./src/tabs/tabs.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n box-sizing: border-box;\n font-family: var(",");\n font-size: var(",");\n line-height: var(",");\n color: var(",");\n grid-template-columns: auto 1fr auto;\n grid-template-rows: auto 1fr;\n }\n\n :host([disabled]) {\n cursor: not-allowed;\n color: var(",");\n }\n\n :host([disabled]) ::slotted(fluent-tab) {\n pointer-events: none;\n cursor: not-allowed;\n color: var(",");\n }\n :host([disabled]) ::slotted(fluent-tab:after) {\n background-color: var(",");\n }\n :host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after {\n background-color: var(",");\n }\n :host([disabled]) ::slotted(fluent-tab:hover):before {\n content: unset;\n }\n\n :host ::slotted(fluent-tab) {\n border-radius: var(",");\n }\n\n :host ::slotted(fluent-tab[aria-selected='true'])::before {\n background-color: var(",");\n }\n\n .tablist {\n display: grid;\n grid-template-rows: auto auto;\n grid-template-columns: auto;\n position: relative;\n width: max-content;\n align-self: end;\n box-sizing: border-box;\n }\n ::slotted([slot='start']),\n ::slotted([slot='end']) {\n display: flex;\n align-self: center;\n }\n ::slotted([slot='start']) {\n margin-inline-end: 11px;\n }\n ::slotted([slot='end']) {\n margin-inline-start: 11px;\n }\n\n .tabpanel {\n grid-row: 2;\n grid-column-start: 1;\n grid-column-end: 4;\n position: relative;\n }\n :host([orientation='vertical']) {\n grid-template-rows: auto 1fr auto;\n grid-template-columns: auto 1fr;\n }\n :host([orientation='vertical']) .tablist {\n grid-row-start: 2;\n grid-row-end: 2;\n display: grid;\n grid-template-rows: auto;\n grid-template-columns: auto 1fr;\n position: relative;\n width: max-content;\n justify-self: end;\n align-self: flex-start;\n width: 100%;\n }\n :host([orientation='vertical']) .tabpanel {\n grid-column: 2;\n grid-row-start: 1;\n grid-row-end: 4;\n }\n :host([orientation='vertical']) ::slotted([slot='end']) {\n grid-row: 3;\n }\n\n :host([appearance='subtle']) ::slotted(fluent-tab:hover) {\n background-color: var(",");\n color: var(",");\n fill: var(",");\n }\n\n :host([appearance='subtle']) ::slotted(fluent-tab:active) {\n background-color: var(",");\n fill: var(",");\n color: var(",");\n }\n\n :host([size='small']) ::slotted(fluent-tab) {\n font-size: var(",");\n line-height: var(",");\n padding: var(",") var(",");\n }\n\n :host([size='large']) ::slotted(fluent-tab) {\n font-size: var(",");\n line-height: var(",");\n padding: var(",") var(",");\n }\n\n /* indicator animation */\n :host ::slotted(fluent-tab[data-animate='true'])::after {\n transition-property: transform;\n transition-duration: var(",");\n transition-timing-function: var(",");\n }\n :host ::slotted(fluent-tab)::after {\n height: var(",");\n margin-top: auto;\n transform-origin: left;\n transform: translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale));\n }\n :host([orientation='vertical']) ::slotted(fluent-tab)::after {\n width: var(",");\n height: unset;\n margin-top: unset;\n transform-origin: top;\n transform: translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale));\n }\n\n /* ::before adds a secondary indicator placeholder that appears right after click on the active tab */\n :host ::slotted(fluent-tab)::before {\n height: var(",");\n border-radius: var(",");\n content: '';\n inset: 0;\n position: absolute;\n margin-top: auto;\n }\n :host([orientation='vertical']) ::slotted(fluent-tab)::before {\n height: unset;\n width: var(",");\n margin-inline-end: auto;\n transform-origin: top;\n }\n\n :host ::slotted(fluent-tab[aria-selected='false']:hover)::after {\n height: var(",");\n margin-top: auto;\n transform-origin: left;\n }\n :host([orientation='vertical']) ::slotted(fluent-tab[aria-selected='false']:hover)::after {\n height: unset;\n margin-inline-end: auto;\n transform-origin: top;\n width: var(",");\n }\n\n :host([orientation='vertical']) ::slotted(fluent-tab) {\n align-items: flex-start;\n grid-column: 2;\n padding-top: var(",");\n padding-bottom: var(",");\n }\n :host([orientation='vertical'][size='small']) ::slotted(fluent-tab) {\n padding-top: var(",");\n padding-bottom: var(",");\n }\n :host([orientation='vertical'][size='large']) ::slotted(fluent-tab) {\n padding-top: var(",");\n padding-bottom: var(",");\n }\n\n /* horizontal spacing for indicator */\n :host([size='small']) ::slotted(fluent-tab)::after,\n :host([size='small']) ::slotted(fluent-tab)::before,\n :host([size='small']) ::slotted(fluent-tab:hover)::after {\n right: var(",");\n left: var(",");\n }\n :host ::slotted(fluent-tab)::after,\n :host ::slotted(fluent-tab)::before,\n :host ::slotted(fluent-tab:hover)::after {\n right: var(",");\n left: var(",");\n }\n :host([size='large']) ::slotted(fluent-tab)::after,\n :host([size='large']) ::slotted(fluent-tab)::before,\n :host([size='large']) ::slotted(fluent-tab:hover)::after {\n right: var(",");\n left: var(",");\n }\n\n /* vertical spacing for indicator */\n :host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,\n :host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,\n :host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after {\n right: 0;\n left: 0;\n top: var(",");\n bottom: var(",");\n }\n :host([orientation='vertical']) ::slotted(fluent-tab)::after,\n :host([orientation='vertical']) ::slotted(fluent-tab)::before,\n :host([orientation='vertical']) ::slotted(fluent-tab:hover)::after {\n right: 0;\n left: 0;\n top: var(",");\n bottom: var(",");\n }\n :host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::after,\n :host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::before,\n :host([orientation='vertical'][size='large']) ::slotted(fluent-tab:hover)::after {\n right: 0;\n left: 0;\n top: var(",");\n bottom: var(",");\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("grid"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorSubtleBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandForeground1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorSubtleBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorSubtleBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalSNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalSNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalL,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalMNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationSlow,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveDecelerateMax,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThicker,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThicker,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThicker,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusCircular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThicker,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThicker,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThicker,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalSNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalSNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalXXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalXXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalSNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalSNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalMNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalMNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalMNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalMNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalSNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalSNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalMNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalMNudge)},"./src/tabs/tabs.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/patterns/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function tabsTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ",'\n <div class="tablist" part="tablist" role="tablist">\n <slot name="tab" ',"></slot>\n </div>\n ",'\n <div class="tabpanel" part="tabpanel">\n <slot name="tabpanel" ',"></slot>\n </div>\n "])),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__.m9)(options),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.Q)("tabs"),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_1__.LC)(options),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.Q)("tabpanels"))}({})},"./src/tabs/tabs.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>BaseTabs,m:()=>Tabs});__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-string.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/key-codes.js"),_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/strings.js"),_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/numbers.js"),_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/utils/apply-mixins.ts"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/patterns/index.ts"),_tabs_options_js__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/tabs/tabs.options.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},BaseTabs=function(_FASTElement){_inherits(BaseTabs,_FASTElement);var _super=_createSuper(BaseTabs);function BaseTabs(){var _this;return _classCallCheck(this,BaseTabs),(_this=_super.apply(this,arguments)).orientation=_tabs_options_js__WEBPACK_IMPORTED_MODULE_20__.Gh.horizontal,_this.prevActiveTabIndex=0,_this.activeTabIndex=0,_this.change=function(){_this.$emit("change",_this.activetab)},_this.isDisabledElement=function(el){return"true"===el.getAttribute("aria-disabled")},_this.isHiddenElement=function(el){return el.hasAttribute("hidden")},_this.isFocusableElement=function(el){return!_this.isDisabledElement(el)&&!_this.isHiddenElement(el)},_this.handleTabClick=function(event){var selectedTab=event.currentTarget;1===selectedTab.nodeType&&_this.isFocusableElement(selectedTab)&&(_this.prevActiveTabIndex=_this.activeTabIndex,_this.activeTabIndex=_this.tabs.indexOf(selectedTab),_this.setComponent())},_this.handleTabKeyDown=function(event){if(_this.isHorizontal())switch(event.key){case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_21__.BE:event.preventDefault(),_this.adjustBackward(event);break;case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_21__.mr:event.preventDefault(),_this.adjustForward(event)}else switch(event.key){case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_21__.SB:event.preventDefault(),_this.adjustBackward(event);break;case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_21__.iF:event.preventDefault(),_this.adjustForward(event)}switch(event.key){case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_21__.tU:event.preventDefault(),_this.adjust(-_this.activeTabIndex);break;case _microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_21__.Kh:event.preventDefault(),_this.adjust(_this.tabs.length-_this.activeTabIndex-1)}},_this}return _createClass(BaseTabs,[{key:"orientationChanged",value:function orientationChanged(){this.$fastController.isConnected&&this.setTabs()}},{key:"activeidChanged",value:function activeidChanged(oldValue,newValue){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.prevActiveTabIndex=this.tabs.findIndex((function(item){return item.id===oldValue})),this.setTabs())}},{key:"tabsChanged",value:function tabsChanged(){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.setTabs())}},{key:"tabpanelsChanged",value:function tabpanelsChanged(){this.$fastController.isConnected&&this.tabpanels.length<=this.tabs.length&&(this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.setTabs())}},{key:"getActiveIndex",value:function getActiveIndex(){return void 0!==this.activeid?-1===this.tabIds.indexOf(this.activeid)?0:this.tabIds.indexOf(this.activeid):0}},{key:"setTabs",value:function setTabs(){var _this2=this,gridProperty=this.isHorizontal()?"gridColumn":"gridRow";this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((function(tab,index){if("tab"===tab.slot){var isActiveTab=_this2.activeTabIndex===index&&_this2.isFocusableElement(tab),tabId=_this2.tabIds[index],tabpanelId=_this2.tabpanelIds[index];tab.setAttribute("id",tabId),tab.setAttribute("aria-selected",isActiveTab?"true":"false"),tab.setAttribute("aria-controls",tabpanelId),tab.addEventListener("click",_this2.handleTabClick),tab.addEventListener("keydown",_this2.handleTabKeyDown),tab.setAttribute("tabindex",isActiveTab?"0":"-1"),isActiveTab&&(_this2.activetab=tab,_this2.activeid=tabId)}tab.style.gridColumn="",tab.style.gridRow="",tab.style[gridProperty]=""+(index+1),_this2.isHorizontal()?tab.classList.remove("vertical"):tab.classList.add("vertical")})),this.setTabPanels()}},{key:"setTabPanels",value:function setTabPanels(){var _this3=this;this.tabpanels.forEach((function(tabpanel,index){var tabId=_this3.tabIds[index],tabpanelId=_this3.tabpanelIds[index];tabpanel.setAttribute("id",tabpanelId),tabpanel.setAttribute("aria-labelledby",tabId),_this3.activeTabIndex!==index?tabpanel.setAttribute("hidden",""):tabpanel.removeAttribute("hidden")}))}},{key:"getTabIds",value:function getTabIds(){return this.tabs.map((function(tab){var _a;return null!==(_a=tab.getAttribute("id"))&&void 0!==_a?_a:"tab-"+(0,_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_22__.EL)()}))}},{key:"getTabPanelIds",value:function getTabPanelIds(){return this.tabpanels.map((function(tabPanel){var _a;return null!==(_a=tabPanel.getAttribute("id"))&&void 0!==_a?_a:"panel-"+(0,_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_22__.EL)()}))}},{key:"setComponent",value:function setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}},{key:"isHorizontal",value:function isHorizontal(){return this.orientation===_tabs_options_js__WEBPACK_IMPORTED_MODULE_20__.Gh.horizontal}},{key:"adjust",value:function adjust(adjustment){var _this4=this,focusableTabs=this.tabs.filter((function(t){return _this4.isFocusableElement(t)})),currentActiveTabIndex=focusableTabs.indexOf(this.activetab),nextTabIndex=(0,_microsoft_fast_web_utilities__WEBPACK_IMPORTED_MODULE_23__.b9)(0,focusableTabs.length-1,currentActiveTabIndex+adjustment),nextIndex=this.tabs.indexOf(focusableTabs[nextTabIndex]);nextIndex>-1&&this.moveToTabByIndex(this.tabs,nextIndex)}},{key:"adjustForward",value:function adjustForward(e){var group=this.tabs,index=0;for((index=this.activetab?group.indexOf(this.activetab)+1:1)===group.length&&(index=0);index<group.length&&group.length>1;){if(this.isFocusableElement(group[index])){this.moveToTabByIndex(group,index);break}if(this.activetab&&index===group.indexOf(this.activetab))break;index+1>=group.length?index=0:index+=1}}},{key:"adjustBackward",value:function adjustBackward(e){var group=this.tabs,index=0;for(index=(index=this.activetab?group.indexOf(this.activetab)-1:0)<0?group.length-1:index;index>=0&&group.length>1;){if(this.isFocusableElement(group[index])){this.moveToTabByIndex(group,index);break}index-1<0?index=group.length-1:index-=1}}},{key:"moveToTabByIndex",value:function moveToTabByIndex(group,index){var tab=group[index];this.activetab=tab,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=index,tab.focus(),this.setComponent()}},{key:"focusTab",value:function focusTab(){this.tabs[this.activeTabIndex].focus()}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(BaseTabs.prototype),"connectedCallback",this).call(this),this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex()}}]),BaseTabs}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_24__.H);__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_25__.Lj],BaseTabs.prototype,"orientation",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_25__.Lj],BaseTabs.prototype,"activeid",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_26__.LO],BaseTabs.prototype,"tabs",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_26__.LO],BaseTabs.prototype,"tabpanels",void 0);var Tabs=function(_BaseTabs){_inherits(Tabs,_BaseTabs);var _super2=_createSuper(Tabs);function Tabs(){var _this5;return _classCallCheck(this,Tabs),(_this5=_super2.apply(this,arguments)).activeTabData={x:0,y:0,height:0,width:0},_this5.previousActiveTabData={x:0,y:0,height:0,width:0},_this5.activeTabOffset=0,_this5.activeTabScale=1,_this5.appearance=_tabs_options_js__WEBPACK_IMPORTED_MODULE_20__.Fx.transparent,_this5}return _createClass(Tabs,[{key:"calculateAnimationProperties",value:function calculateAnimationProperties(tab){this.activeTabOffset=this.getTabPosition(tab),this.activeTabScale=this.getTabScale(tab)}},{key:"getTabPosition",value:function getTabPosition(tab){return this.orientation===_tabs_options_js__WEBPACK_IMPORTED_MODULE_20__.Gh.horizontal?this.previousActiveTabData.x-(tab.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(tab.getBoundingClientRect().y-this.getBoundingClientRect().y)}},{key:"getTabScale",value:function getTabScale(tab){return this.orientation===_tabs_options_js__WEBPACK_IMPORTED_MODULE_20__.Gh.horizontal?this.previousActiveTabData.width/tab.getBoundingClientRect().width:this.previousActiveTabData.height/tab.getBoundingClientRect().height}},{key:"applyUpdatedCSSValues",value:function applyUpdatedCSSValues(tab){this.calculateAnimationProperties(tab),this.setTabScaleCSSVar(),this.setTabOffsetCSSVar()}},{key:"animationLoop",value:function animationLoop(tab){tab.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(tab),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(tab),tab.setAttribute("data-animate","true")}},{key:"setTabData",value:function setTabData(){var _a,_b,_c,_d;if(this.tabs&&this.tabs.length>0){var tabs=this.tabs,activeTab=this.activetab||tabs[0],activeRect=null==activeTab?void 0:activeTab.getBoundingClientRect(),parentRect=this.getBoundingClientRect();this.activeTabData={x:activeRect.x-parentRect.x,y:activeRect.y-parentRect.y,height:activeRect.height,width:activeRect.width},(null===(_a=this.previousActiveTabData)||void 0===_a?void 0:_a.x)!==(null===(_b=this.activeTabData)||void 0===_b?void 0:_b.x)&&(null===(_c=this.previousActiveTabData)||void 0===_c?void 0:_c.y)!==(null===(_d=this.activeTabData)||void 0===_d?void 0:_d.y)&&(this.previousActiveTabData=this.activeTabData)}}},{key:"setTabOffsetCSSVar",value:function setTabOffsetCSSVar(){this.styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_27__.i)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n :host {\n --tabIndicatorOffset: ","px;\n }\n "])),this.activeTabOffset.toString()),this.$fastController.addStyles(this.styles)}},{key:"setTabScaleCSSVar",value:function setTabScaleCSSVar(){this.styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_27__.i)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n :host {\n --tabIndicatorScale: ",";\n }\n "])),this.activeTabScale.toString()),this.$fastController.addStyles(this.styles)}},{key:"activeidChanged",value:function activeidChanged(oldValue,newValue){_get(_getPrototypeOf(Tabs.prototype),"activeidChanged",this).call(this,oldValue,newValue),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}},{key:"tabsChanged",value:function tabsChanged(){_get(_getPrototypeOf(Tabs.prototype),"tabsChanged",this).call(this),this.setTabData()}}]),Tabs}(BaseTabs);__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_25__.Lj],Tabs.prototype,"appearance",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_25__.Lj)({mode:"boolean"})],Tabs.prototype,"disabled",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_25__.Lj],Tabs.prototype,"size",void 0),(0,_utils_apply_mixins_js__WEBPACK_IMPORTED_MODULE_18__.e)(Tabs,_patterns_index_js__WEBPACK_IMPORTED_MODULE_19__.hW)},"./src/text-input/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T3:()=>_text_input_js__WEBPACK_IMPORTED_MODULE_0__.T3,Wh:()=>_text_input_options_js__WEBPACK_IMPORTED_MODULE_1__.Wh,_$:()=>_text_input_options_js__WEBPACK_IMPORTED_MODULE_1__._$,kl:()=>_text_input_definition_js__WEBPACK_IMPORTED_MODULE_4__.D,mo:()=>_text_input_template_js__WEBPACK_IMPORTED_MODULE_2__.X,oi:()=>_text_input_js__WEBPACK_IMPORTED_MODULE_0__.oi,x7:()=>_text_input_styles_js__WEBPACK_IMPORTED_MODULE_3__.W,yd:()=>_text_input_js__WEBPACK_IMPORTED_MODULE_0__.yd});var _text_input_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/text-input/text-input.ts"),_text_input_options_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/text-input/text-input.options.ts"),_text_input_template_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/text-input/text-input.template.ts"),_text_input_styles_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/text-input/text-input.styles.ts"),_text_input_definition_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/text-input/text-input.definition.ts")},"./src/text-input/text-input.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_text_input_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/text-input/text-input.ts"),_text_input_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/text-input/text-input.styles.ts"),_text_input_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/text-input/text-input.template.ts"),definition=_text_input_js__WEBPACK_IMPORTED_MODULE_1__.oi.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-text-input",template:_text_input_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_text_input_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/text-input/text-input.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T3:()=>TextFieldType,Wh:()=>TextInputAppearance,_$:()=>TextInputControlSize});var TextInputControlSize={small:"small",medium:"medium",large:"large"},TextInputAppearance={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},TextFieldType={email:"email",password:"password",tel:"tel",text:"text",url:"url"}},"./src/text-input/text-input.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n font-family: var(",");\n font-size: var(",");\n font-weight: var(",");\n line-height: var(",");\n max-width: 400px;\n }\n .label {\n display: flex;\n color: var(",");\n padding-bottom: var(",");\n flex-shrink: 0;\n padding-inline-end: var(",");\n }\n .label__hidden {\n display: none;\n }\n .root {\n position: relative;\n box-sizing: border-box;\n height: 32px;\n display: inline-flex;\n align-items: center;\n flex-direction: row;\n width: 100%;\n padding: 0 var(",");\n border: var(",") solid var(",");\n border-bottom-color: var(",");\n border-radius: var(",");\n gap: var(",");\n }\n .root::after {\n box-sizing: border-box;\n content: '';\n position: absolute;\n left: -1px;\n bottom: 0px;\n right: -1px;\n height: max(2px, var(","));\n border-radius: 0 0 var(",") var(",");\n border-bottom: 2px solid var(",");\n clip-path: inset(calc(100% - 2px) 1px 0px);\n transform: scaleX(0);\n transition-property: transform;\n transition-duration: var(",");\n transition-delay: var(",");\n }\n .control {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n color: var(",");\n border-radius: var(",");\n background: var(",");\n font-family: var(",");\n font-weight: var(",");\n font-size: var(",");\n border: none;\n background: transparent;\n vertical-align: center;\n }\n .control:focus-visible {\n outline: 0;\n border: 0;\n }\n .control::placeholder {\n color: var(",");\n }\n :host ::slotted([slot='start']),\n :host ::slotted([slot='end']) {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(",");\n font-size: var(",");\n }\n :host ::slotted([slot='start']) {\n padding-right: var(",");\n }\n :host ::slotted([slot='end']) {\n padding-left: var(",");\n gap: var(",");\n }\n :host(:hover) .root {\n border-color: var(",");\n border-bottom-color: var(",");\n }\n :host(:active) .root {\n border-color: var(",");\n }\n :host(:focus-within) .root {\n outline: transparent solid 2px;\n border-bottom: 0;\n }\n :host(:focus-within) .root::after {\n transform: scaleX(1);\n transition-property: transform;\n transition-duration: var(",");\n transition-delay: var(",");\n }\n :host(:focus-within:active) .root:after {\n border-bottom-color: var(",");\n }\n :host([appearance='outline']:focus-within) .root {\n border: var(",") solid var(",");\n }\n :host(:focus-within) .control {\n color: var(",");\n }\n :host([disabled]) .root {\n background: var(",");\n border: var(",") solid var(",");\n }\n :host([disabled]) .control::placeholder,\n :host([disabled]) ::slotted([slot='start']),\n :host([disabled]) ::slotted([slot='end']) {\n color: var(",");\n }\n ::selection {\n color: var(",");\n background-color: var(",");\n }\n :host([control-size='small']) .control {\n font-size: var(",");\n font-weight: var(",");\n line-height: var(",");\n }\n :host([control-size='small']) .root {\n height: 24px;\n gap: var(",");\n padding: 0 var(",");\n }\n :host([control-size='small']) ::slotted([slot='start']),\n :host([control-size='small']) ::slotted([slot='end']) {\n font-size: var(",");\n }\n :host([control-size='large']) .control {\n font-size: var(",");\n font-weight: var(",");\n line-height: var(",");\n }\n :host([control-size='large']) .root {\n height: 40px;\n gap: var(",");\n padding: 0 var(",");\n }\n :host([control-size='large']) ::slotted([slot='start']),\n :host([control-size='large']) ::slotted([slot='end']) {\n font-size: var(",");\n }\n :host([appearance='underline']) .root {\n background: var(",");\n border: 0;\n border-radius: 0;\n border-bottom: var(",") solid var(",");\n }\n :host([appearance='underline']:hover) .root {\n border-bottom-color: var(",");\n }\n :host([appearance='underline']:active) .root {\n border-bottom-color: var(",");\n }\n :host([appearance='underline']:focus-within) .root {\n border: 0;\n border-bottom-color: var(",");\n }\n :host([appearance='underline'][disabled]) .root {\n border-bottom-color: var(",");\n }\n :host([appearance='filled-lighter']) .root,\n :host([appearance='filled-darker']) .root {\n border: var(",") solid var(",");\n box-shadow: var(",");\n }\n :host([appearance='filled-lighter']) .root {\n background: var(",");\n }\n :host([appearance='filled-darker']) .root {\n background: var(",");\n }\n :host([appearance='filled-lighter']:hover) .root,\n :host([appearance='filled-darker']:hover) .root {\n border-color: var(",");\n }\n :host([appearance='filled-lighter']:active) .root,\n :host([appearance='filled-darker']:active) .root {\n border-color: var(",");\n background: var(",");\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("block"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingVerticalXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalMNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessible,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandStroke,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationUltraFast,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveAccelerateMid,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.borderRadiusMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground4,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase500,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessibleHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke1Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.durationNormal,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.curveDecelerateMid,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorCompoundBrandStrokePressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStroke1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralForegroundInverted,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackgroundInverted,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalXXS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalSNudge,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalS,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.spacingHorizontalM,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase600,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentBackground,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessible,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessibleHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessiblePressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeAccessiblePressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralStrokeDisabled,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentStroke,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.shadow2,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground3,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentStrokeInteractive,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorTransparentStrokeInteractive,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.colorNeutralBackground3)},"./src/text-input/text-input.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/slotted.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/ref.js"),_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/patterns/index.ts"),_utils_index_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utils/index.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var template=function textFieldTemplate(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_4__.dy)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(['\n <label\n part="label"\n for="control"\n class="','"\n >\n <slot\n ','\n ></slot>\n </label>\n <div class="root" part="root">\n ','\n <input\n class="control"\n part="control"\n id="control"\n @input="','"\n @change="','"\n ?autofocus="','"\n ?disabled="','"\n list="','"\n maxlength="','"\n name="','"\n minlength="','"\n pattern="','"\n placeholder="','"\n ?readonly="','"\n ?required="','"\n size="','"\n ?spellcheck="','"\n :value="','"\n type="','"\n aria-atomic="','"\n aria-busy="','"\n aria-controls="','"\n aria-current="','"\n aria-describedby="','"\n aria-details="','"\n aria-disabled="','"\n aria-errormessage="','"\n aria-flowto="','"\n aria-haspopup="','"\n aria-hidden="','"\n aria-invalid="','"\n aria-keyshortcuts="','"\n aria-label="','"\n aria-labelledby="','"\n aria-live="','"\n aria-owns="','"\n aria-relevant="','"\n aria-roledescription="','"\n ',"\n />\n ","\n </div>\n "])),(function(x){return x.defaultSlottedNodes&&x.defaultSlottedNodes.length?"label":"label label__hidden"}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__.Q)({property:"defaultSlottedNodes",filter:_utils_index_js__WEBPACK_IMPORTED_MODULE_3__.EB}),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__.m9)(options),(function(x){return x.handleTextInput()}),(function(x){return x.handleChange()}),(function(x){return x.autofocus}),(function(x){return x.disabled}),(function(x){return x.list}),(function(x){return x.maxlength}),(function(x){return x.name}),(function(x){return x.minlength}),(function(x){return x.pattern}),(function(x){return x.placeholder}),(function(x){return x.readOnly}),(function(x){return x.required}),(function(x){return x.size}),(function(x){return x.spellcheck}),(function(x){return x.value}),(function(x){return x.type}),(function(x){return x.ariaAtomic}),(function(x){return x.ariaBusy}),(function(x){return x.ariaControls}),(function(x){return x.ariaCurrent}),(function(x){return x.ariaDescribedby}),(function(x){return x.ariaDetails}),(function(x){return x.ariaDisabled}),(function(x){return x.ariaErrormessage}),(function(x){return x.ariaFlowto}),(function(x){return x.ariaHaspopup}),(function(x){return x.ariaHidden}),(function(x){return x.ariaInvalid}),(function(x){return x.ariaKeyshortcuts}),(function(x){return x.ariaLabel}),(function(x){return x.ariaLabelledby}),(function(x){return x.ariaLive}),(function(x){return x.ariaOwns}),(function(x){return x.ariaRelevant}),(function(x){return x.ariaRoledescription}),(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_6__.i)("control"),(0,_patterns_index_js__WEBPACK_IMPORTED_MODULE_2__.LC)(options))}()},"./src/text-input/text-input.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{yd:()=>DelegatesARIATextbox,T3:()=>text_input_options.T3,oi:()=>TextInput});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js");var update_queue=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/update-queue.js"),attributes=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),observable=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js"),patterns=__webpack_require__("./src/patterns/index.ts"),apply_mixins=__webpack_require__("./src/utils/apply-mixins.ts"),text_input_options=__webpack_require__("./src/text-input/text-input.options.ts"),fast_element=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),form_associated=__webpack_require__("./src/form-associated/form-associated.ts");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var _TextField=function(_FASTElement){_inherits(_TextField,_FASTElement);var _super=_createSuper(_TextField);function _TextField(){return _classCallCheck(this,_TextField),_super.apply(this,arguments)}return _createClass(_TextField)}(fast_element.H);function text_input_classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function text_input_defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function text_input_createClass(Constructor,protoProps,staticProps){return protoProps&&text_input_defineProperties(Constructor.prototype,protoProps),staticProps&&text_input_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=text_input_getPrototypeOf(object)););return object}function text_input_setPrototypeOf(o,p){return text_input_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},text_input_setPrototypeOf(o,p)}function text_input_createSuper(Derived){var hasNativeReflectConstruct=function text_input_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=text_input_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=text_input_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return text_input_possibleConstructorReturn(this,result)}}function text_input_possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function text_input_assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function text_input_getPrototypeOf(o){return text_input_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},text_input_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},TextInput=function(_FormAssociatedTextFi){!function text_input_inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&text_input_setPrototypeOf(subClass,superClass)}(TextInput,_FormAssociatedTextFi);var _super=text_input_createSuper(TextInput);function TextInput(){var _this;return text_input_classCallCheck(this,TextInput),(_this=_super.apply(this,arguments)).type=text_input_options.T3.text,_this}return text_input_createClass(TextInput,[{key:"readOnlyChanged",value:function readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}},{key:"autofocusChanged",value:function autofocusChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.autofocus=this.autofocus,this.validate())}},{key:"placeholderChanged",value:function placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}},{key:"typeChanged",value:function typeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type,this.validate())}},{key:"listChanged",value:function listChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.setAttribute("list",this.list),this.validate())}},{key:"maxlengthChanged",value:function maxlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.maxLength=this.maxlength,this.validate())}},{key:"minlengthChanged",value:function minlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.minLength=this.minlength,this.validate())}},{key:"patternChanged",value:function patternChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.pattern=this.pattern,this.validate())}},{key:"sizeChanged",value:function sizeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.size=this.size)}},{key:"spellcheckChanged",value:function spellcheckChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.spellcheck=this.spellcheck)}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_get(text_input_getPrototypeOf(TextInput.prototype),"connectedCallback",this).call(this),this.proxy.setAttribute("type",this.type),this.validate(),this.autofocus&&update_queue.H.enqueue((function(){_this2.focus()}))}},{key:"select",value:function select(){this.control.select(),this.$emit("select")}},{key:"handleTextInput",value:function handleTextInput(){this.value=this.control.value}},{key:"handleChange",value:function handleChange(){this.$emit("change")}},{key:"validate",value:function validate(){_get(text_input_getPrototypeOf(TextInput.prototype),"validate",this).call(this,this.control)}}]),TextInput}(function(_FormAssociated){_inherits(FormAssociatedTextField,_FormAssociated);var _super2=_createSuper(FormAssociatedTextField);function FormAssociatedTextField(){var _this;return _classCallCheck(this,FormAssociatedTextField),(_this=_super2.apply(this,arguments)).proxy=document.createElement("input"),_this}return _createClass(FormAssociatedTextField)}((0,form_associated.Um)(_TextField)));__decorate([(0,attributes.Lj)({attribute:"control-size"})],TextInput.prototype,"controlSize",void 0),__decorate([attributes.Lj],TextInput.prototype,"appearance",void 0),__decorate([(0,attributes.Lj)({attribute:"readonly",mode:"boolean"})],TextInput.prototype,"readOnly",void 0),__decorate([(0,attributes.Lj)({mode:"boolean"})],TextInput.prototype,"autofocus",void 0),__decorate([attributes.Lj],TextInput.prototype,"placeholder",void 0),__decorate([attributes.Lj],TextInput.prototype,"type",void 0),__decorate([attributes.Lj],TextInput.prototype,"list",void 0),__decorate([(0,attributes.Lj)({converter:attributes.Id})],TextInput.prototype,"maxlength",void 0),__decorate([(0,attributes.Lj)({converter:attributes.Id})],TextInput.prototype,"minlength",void 0),__decorate([attributes.Lj],TextInput.prototype,"pattern",void 0),__decorate([(0,attributes.Lj)({converter:attributes.Id})],TextInput.prototype,"size",void 0),__decorate([(0,attributes.Lj)({mode:"boolean"})],TextInput.prototype,"spellcheck",void 0),__decorate([observable.LO],TextInput.prototype,"defaultSlottedNodes",void 0);var DelegatesARIATextbox=text_input_createClass((function DelegatesARIATextbox(){text_input_classCallCheck(this,DelegatesARIATextbox)}));(0,apply_mixins.e)(DelegatesARIATextbox,patterns.v_),(0,apply_mixins.e)(TextInput,patterns.hW,DelegatesARIATextbox)},"./src/text/define.ts":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts");__webpack_require__("./src/text/text.definition.ts").D.define(_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.registry)},"./src/text/text.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_text_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/text/text.ts"),_text_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/text/text.styles.ts"),_text_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/text/text.template.ts"),definition=_text_js__WEBPACK_IMPORTED_MODULE_1__.x.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-text",template:_text_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_text_styles_js__WEBPACK_IMPORTED_MODULE_2__.W})},"./src/text/text.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{IH:()=>TextFont,PH:()=>TextAlign,fs:()=>TextWeight,yH:()=>TextSize});var TextSize={_100:"100",_200:"200",_300:"300",_400:"400",_500:"500",_600:"600",_700:"700",_800:"800",_900:"900",_1000:"1000"},TextFont={base:"base",numeric:"numeric",monospace:"monospace"},TextWeight={medium:"medium",regular:"regular",semibold:"semibold",bold:"bold"},TextAlign={start:"start",end:"end",center:"center",justify:"justify"}},"./src/text/text.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/style/display.js"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/design-tokens.ts");var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_2__.i)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["\n ","\n\n :host {\n contain: content;\n }\n\n ::slotted(*) {\n font-family: var(",");\n font-size: var(",");\n line-height: var(",");\n font-weight: var(",");\n text-align: start;\n white-space: normal;\n overflow: visible;\n text-overflow: clip;\n margin: 0;\n display: inline;\n }\n\n :host([nowrap]) ::slotted(*) {\n white-space: nowrap;\n overflow: hidden;\n }\n :host([truncate]) ::slotted(*) {\n text-overflow: ellipsis;\n }\n :host([block]),\n :host([block]) ::slotted(*) {\n display: block;\n }\n :host([italic]) ::slotted(*) {\n font-style: italic;\n }\n :host([underline]) ::slotted(*) {\n text-decoration-line: underline;\n }\n :host([strikethrough]) ::slotted(*) {\n text-decoration-line: line-through;\n }\n :host([underline][strikethrough]) ::slotted(*) {\n text-decoration-line: line-through underline;\n }\n :host([size='100']) ::slotted(*) {\n font-size: var(",");\n line-height: var(",");\n }\n :host([size='200']) ::slotted(*) {\n font-size: var(",");\n line-height: var(",");\n }\n :host([size='400']) ::slotted(*) {\n font-size: var(",");\n line-height: var(",");\n }\n :host([size='500']) ::slotted(*) {\n font-size: var(",");\n line-height: var(",");\n }\n :host([size='600']) ::slotted(*) {\n font-size: var(",");\n line-height: var(",");\n }\n :host([size='700']) ::slotted(*) {\n font-size: var(",");\n line-height: var(",");\n }\n :host([size='800']) ::slotted(*) {\n font-size: var(",");\n line-height: var(",");\n }\n :host([size='900']) ::slotted(*) {\n font-size: var(",");\n line-height: var(",");\n }\n :host([size='1000']) ::slotted(*) {\n font-size: var(",");\n line-height: var(",");\n }\n :host([font='monospace']) ::slotted(*) {\n font-family: var(",");\n }\n :host([font='numeric']) ::slotted(*) {\n font-family: var(",");\n }\n :host([weight='medium']) ::slotted(*) {\n font-weight: var(",");\n }\n :host([weight='semibold']) ::slotted(*) {\n font-weight: var(",");\n }\n :host([weight='bold']) ::slotted(*) {\n font-weight: var(",");\n }\n :host([align='center']) ::slotted(*) {\n text-align: center;\n }\n :host([align='end']) ::slotted(*) {\n text-align: end;\n }\n :host([align='justify']) ::slotted(*) {\n text-align: justify;\n }\n"])),(0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_3__.j)("inline"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyBase,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase300,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightRegular,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase100,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase100,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase200,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase400,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase500,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase500,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeBase600,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightBase600,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeHero700,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightHero700,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeHero800,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightHero800,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeHero900,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightHero900,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontSizeHero1000,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.lineHeightHero1000,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyMonospace,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontFamilyNumeric,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightMedium,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightSemibold,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_1__.fontWeightBold)},"./src/text/text.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});var _templateObject;__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var template=(0,__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js").dy)(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}(["<slot></slot>"])))},"./src/text/text.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{x:()=>Text});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.italics.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/fast-element.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},Text=function(_FASTElement){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(Text,_FASTElement);var _super=_createSuper(Text);function Text(){var _this;return _classCallCheck(this,Text),(_this=_super.apply(this,arguments)).nowrap=!1,_this.truncate=!1,_this.italic=!1,_this.underline=!1,_this.strikethrough=!1,_this.block=!1,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(Text)}(_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_8__.H);__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj)({mode:"boolean"})],Text.prototype,"nowrap",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj)({mode:"boolean"})],Text.prototype,"truncate",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj)({mode:"boolean"})],Text.prototype,"italic",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj)({mode:"boolean"})],Text.prototype,"underline",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj)({mode:"boolean"})],Text.prototype,"strikethrough",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj)({mode:"boolean"})],Text.prototype,"block",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj],Text.prototype,"size",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj],Text.prototype,"font",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj],Text.prototype,"weight",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj],Text.prototype,"align",void 0)},"./src/theme/design-tokens.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{borderRadiusCircular:()=>borderRadiusCircular,borderRadiusLarge:()=>borderRadiusLarge,borderRadiusMedium:()=>borderRadiusMedium,borderRadiusNone:()=>borderRadiusNone,borderRadiusSmall:()=>borderRadiusSmall,borderRadiusXLarge:()=>borderRadiusXLarge,colorBackgroundOverlay:()=>colorBackgroundOverlay,colorBrandBackground:()=>colorBrandBackground,colorBrandBackground2:()=>colorBrandBackground2,colorBrandBackground2Hover:()=>colorBrandBackground2Hover,colorBrandBackground2Pressed:()=>colorBrandBackground2Pressed,colorBrandBackground3Static:()=>colorBrandBackground3Static,colorBrandBackground4Static:()=>colorBrandBackground4Static,colorBrandBackgroundHover:()=>colorBrandBackgroundHover,colorBrandBackgroundInverted:()=>colorBrandBackgroundInverted,colorBrandBackgroundInvertedHover:()=>colorBrandBackgroundInvertedHover,colorBrandBackgroundInvertedPressed:()=>colorBrandBackgroundInvertedPressed,colorBrandBackgroundInvertedSelected:()=>colorBrandBackgroundInvertedSelected,colorBrandBackgroundPressed:()=>colorBrandBackgroundPressed,colorBrandBackgroundSelected:()=>colorBrandBackgroundSelected,colorBrandBackgroundStatic:()=>colorBrandBackgroundStatic,colorBrandForeground1:()=>colorBrandForeground1,colorBrandForeground2:()=>colorBrandForeground2,colorBrandForeground2Hover:()=>colorBrandForeground2Hover,colorBrandForeground2Pressed:()=>colorBrandForeground2Pressed,colorBrandForegroundInverted:()=>colorBrandForegroundInverted,colorBrandForegroundInvertedHover:()=>colorBrandForegroundInvertedHover,colorBrandForegroundInvertedPressed:()=>colorBrandForegroundInvertedPressed,colorBrandForegroundLink:()=>colorBrandForegroundLink,colorBrandForegroundLinkHover:()=>colorBrandForegroundLinkHover,colorBrandForegroundLinkPressed:()=>colorBrandForegroundLinkPressed,colorBrandForegroundLinkSelected:()=>colorBrandForegroundLinkSelected,colorBrandForegroundOnLight:()=>colorBrandForegroundOnLight,colorBrandForegroundOnLightHover:()=>colorBrandForegroundOnLightHover,colorBrandForegroundOnLightPressed:()=>colorBrandForegroundOnLightPressed,colorBrandForegroundOnLightSelected:()=>colorBrandForegroundOnLightSelected,colorBrandShadowAmbient:()=>colorBrandShadowAmbient,colorBrandShadowKey:()=>colorBrandShadowKey,colorBrandStroke1:()=>colorBrandStroke1,colorBrandStroke2:()=>colorBrandStroke2,colorBrandStroke2Contrast:()=>colorBrandStroke2Contrast,colorBrandStroke2Hover:()=>colorBrandStroke2Hover,colorBrandStroke2Pressed:()=>colorBrandStroke2Pressed,colorCompoundBrandBackground:()=>colorCompoundBrandBackground,colorCompoundBrandBackgroundHover:()=>colorCompoundBrandBackgroundHover,colorCompoundBrandBackgroundPressed:()=>colorCompoundBrandBackgroundPressed,colorCompoundBrandForeground1:()=>colorCompoundBrandForeground1,colorCompoundBrandForeground1Hover:()=>colorCompoundBrandForeground1Hover,colorCompoundBrandForeground1Pressed:()=>colorCompoundBrandForeground1Pressed,colorCompoundBrandStroke:()=>colorCompoundBrandStroke,colorCompoundBrandStrokeHover:()=>colorCompoundBrandStrokeHover,colorCompoundBrandStrokePressed:()=>colorCompoundBrandStrokePressed,colorNeutralBackground1:()=>colorNeutralBackground1,colorNeutralBackground1Hover:()=>colorNeutralBackground1Hover,colorNeutralBackground1Pressed:()=>colorNeutralBackground1Pressed,colorNeutralBackground1Selected:()=>colorNeutralBackground1Selected,colorNeutralBackground2:()=>colorNeutralBackground2,colorNeutralBackground2Hover:()=>colorNeutralBackground2Hover,colorNeutralBackground2Pressed:()=>colorNeutralBackground2Pressed,colorNeutralBackground2Selected:()=>colorNeutralBackground2Selected,colorNeutralBackground3:()=>colorNeutralBackground3,colorNeutralBackground3Hover:()=>colorNeutralBackground3Hover,colorNeutralBackground3Pressed:()=>colorNeutralBackground3Pressed,colorNeutralBackground3Selected:()=>colorNeutralBackground3Selected,colorNeutralBackground4:()=>colorNeutralBackground4,colorNeutralBackground4Hover:()=>colorNeutralBackground4Hover,colorNeutralBackground4Pressed:()=>colorNeutralBackground4Pressed,colorNeutralBackground4Selected:()=>colorNeutralBackground4Selected,colorNeutralBackground5:()=>colorNeutralBackground5,colorNeutralBackground5Hover:()=>colorNeutralBackground5Hover,colorNeutralBackground5Pressed:()=>colorNeutralBackground5Pressed,colorNeutralBackground5Selected:()=>colorNeutralBackground5Selected,colorNeutralBackground6:()=>colorNeutralBackground6,colorNeutralBackgroundAlpha:()=>colorNeutralBackgroundAlpha,colorNeutralBackgroundAlpha2:()=>colorNeutralBackgroundAlpha2,colorNeutralBackgroundDisabled:()=>colorNeutralBackgroundDisabled,colorNeutralBackgroundInverted:()=>colorNeutralBackgroundInverted,colorNeutralBackgroundInvertedDisabled:()=>colorNeutralBackgroundInvertedDisabled,colorNeutralBackgroundStatic:()=>colorNeutralBackgroundStatic,colorNeutralCardBackground:()=>colorNeutralCardBackground,colorNeutralCardBackgroundDisabled:()=>colorNeutralCardBackgroundDisabled,colorNeutralCardBackgroundHover:()=>colorNeutralCardBackgroundHover,colorNeutralCardBackgroundPressed:()=>colorNeutralCardBackgroundPressed,colorNeutralCardBackgroundSelected:()=>colorNeutralCardBackgroundSelected,colorNeutralForeground1:()=>colorNeutralForeground1,colorNeutralForeground1Hover:()=>colorNeutralForeground1Hover,colorNeutralForeground1Pressed:()=>colorNeutralForeground1Pressed,colorNeutralForeground1Selected:()=>colorNeutralForeground1Selected,colorNeutralForeground1Static:()=>colorNeutralForeground1Static,colorNeutralForeground2:()=>colorNeutralForeground2,colorNeutralForeground2BrandHover:()=>colorNeutralForeground2BrandHover,colorNeutralForeground2BrandPressed:()=>colorNeutralForeground2BrandPressed,colorNeutralForeground2BrandSelected:()=>colorNeutralForeground2BrandSelected,colorNeutralForeground2Hover:()=>colorNeutralForeground2Hover,colorNeutralForeground2Link:()=>colorNeutralForeground2Link,colorNeutralForeground2LinkHover:()=>colorNeutralForeground2LinkHover,colorNeutralForeground2LinkPressed:()=>colorNeutralForeground2LinkPressed,colorNeutralForeground2LinkSelected:()=>colorNeutralForeground2LinkSelected,colorNeutralForeground2Pressed:()=>colorNeutralForeground2Pressed,colorNeutralForeground2Selected:()=>colorNeutralForeground2Selected,colorNeutralForeground3:()=>colorNeutralForeground3,colorNeutralForeground3BrandHover:()=>colorNeutralForeground3BrandHover,colorNeutralForeground3BrandPressed:()=>colorNeutralForeground3BrandPressed,colorNeutralForeground3BrandSelected:()=>colorNeutralForeground3BrandSelected,colorNeutralForeground3Hover:()=>colorNeutralForeground3Hover,colorNeutralForeground3Pressed:()=>colorNeutralForeground3Pressed,colorNeutralForeground3Selected:()=>colorNeutralForeground3Selected,colorNeutralForeground4:()=>colorNeutralForeground4,colorNeutralForegroundDisabled:()=>colorNeutralForegroundDisabled,colorNeutralForegroundInverted:()=>colorNeutralForegroundInverted,colorNeutralForegroundInverted2:()=>colorNeutralForegroundInverted2,colorNeutralForegroundInvertedDisabled:()=>colorNeutralForegroundInvertedDisabled,colorNeutralForegroundInvertedHover:()=>colorNeutralForegroundInvertedHover,colorNeutralForegroundInvertedLink:()=>colorNeutralForegroundInvertedLink,colorNeutralForegroundInvertedLinkHover:()=>colorNeutralForegroundInvertedLinkHover,colorNeutralForegroundInvertedLinkPressed:()=>colorNeutralForegroundInvertedLinkPressed,colorNeutralForegroundInvertedLinkSelected:()=>colorNeutralForegroundInvertedLinkSelected,colorNeutralForegroundInvertedPressed:()=>colorNeutralForegroundInvertedPressed,colorNeutralForegroundInvertedSelected:()=>colorNeutralForegroundInvertedSelected,colorNeutralForegroundOnBrand:()=>colorNeutralForegroundOnBrand,colorNeutralForegroundStaticInverted:()=>colorNeutralForegroundStaticInverted,colorNeutralShadowAmbient:()=>colorNeutralShadowAmbient,colorNeutralShadowAmbientDarker:()=>colorNeutralShadowAmbientDarker,colorNeutralShadowAmbientLighter:()=>colorNeutralShadowAmbientLighter,colorNeutralShadowKey:()=>colorNeutralShadowKey,colorNeutralShadowKeyDarker:()=>colorNeutralShadowKeyDarker,colorNeutralShadowKeyLighter:()=>colorNeutralShadowKeyLighter,colorNeutralStencil1:()=>colorNeutralStencil1,colorNeutralStencil1Alpha:()=>colorNeutralStencil1Alpha,colorNeutralStencil2:()=>colorNeutralStencil2,colorNeutralStencil2Alpha:()=>colorNeutralStencil2Alpha,colorNeutralStroke1:()=>colorNeutralStroke1,colorNeutralStroke1Hover:()=>colorNeutralStroke1Hover,colorNeutralStroke1Pressed:()=>colorNeutralStroke1Pressed,colorNeutralStroke1Selected:()=>colorNeutralStroke1Selected,colorNeutralStroke2:()=>colorNeutralStroke2,colorNeutralStroke3:()=>colorNeutralStroke3,colorNeutralStrokeAccessible:()=>colorNeutralStrokeAccessible,colorNeutralStrokeAccessibleHover:()=>colorNeutralStrokeAccessibleHover,colorNeutralStrokeAccessiblePressed:()=>colorNeutralStrokeAccessiblePressed,colorNeutralStrokeAccessibleSelected:()=>colorNeutralStrokeAccessibleSelected,colorNeutralStrokeAlpha:()=>colorNeutralStrokeAlpha,colorNeutralStrokeAlpha2:()=>colorNeutralStrokeAlpha2,colorNeutralStrokeDisabled:()=>colorNeutralStrokeDisabled,colorNeutralStrokeInvertedDisabled:()=>colorNeutralStrokeInvertedDisabled,colorNeutralStrokeOnBrand:()=>colorNeutralStrokeOnBrand,colorNeutralStrokeOnBrand2:()=>colorNeutralStrokeOnBrand2,colorNeutralStrokeOnBrand2Hover:()=>colorNeutralStrokeOnBrand2Hover,colorNeutralStrokeOnBrand2Pressed:()=>colorNeutralStrokeOnBrand2Pressed,colorNeutralStrokeOnBrand2Selected:()=>colorNeutralStrokeOnBrand2Selected,colorNeutralStrokeSubtle:()=>colorNeutralStrokeSubtle,colorPaletteAnchorBackground2:()=>colorPaletteAnchorBackground2,colorPaletteAnchorBorderActive:()=>colorPaletteAnchorBorderActive,colorPaletteAnchorForeground2:()=>colorPaletteAnchorForeground2,colorPaletteBeigeBackground2:()=>colorPaletteBeigeBackground2,colorPaletteBeigeBorderActive:()=>colorPaletteBeigeBorderActive,colorPaletteBeigeForeground2:()=>colorPaletteBeigeForeground2,colorPaletteBerryBackground1:()=>colorPaletteBerryBackground1,colorPaletteBerryBackground2:()=>colorPaletteBerryBackground2,colorPaletteBerryBackground3:()=>colorPaletteBerryBackground3,colorPaletteBerryBorder1:()=>colorPaletteBerryBorder1,colorPaletteBerryBorder2:()=>colorPaletteBerryBorder2,colorPaletteBerryBorderActive:()=>colorPaletteBerryBorderActive,colorPaletteBerryForeground1:()=>colorPaletteBerryForeground1,colorPaletteBerryForeground2:()=>colorPaletteBerryForeground2,colorPaletteBerryForeground3:()=>colorPaletteBerryForeground3,colorPaletteBlueBackground2:()=>colorPaletteBlueBackground2,colorPaletteBlueBorderActive:()=>colorPaletteBlueBorderActive,colorPaletteBlueForeground2:()=>colorPaletteBlueForeground2,colorPaletteBrassBackground2:()=>colorPaletteBrassBackground2,colorPaletteBrassBorderActive:()=>colorPaletteBrassBorderActive,colorPaletteBrassForeground2:()=>colorPaletteBrassForeground2,colorPaletteBrownBackground2:()=>colorPaletteBrownBackground2,colorPaletteBrownBorderActive:()=>colorPaletteBrownBorderActive,colorPaletteBrownForeground2:()=>colorPaletteBrownForeground2,colorPaletteCornflowerBackground2:()=>colorPaletteCornflowerBackground2,colorPaletteCornflowerBorderActive:()=>colorPaletteCornflowerBorderActive,colorPaletteCornflowerForeground2:()=>colorPaletteCornflowerForeground2,colorPaletteCranberryBackground2:()=>colorPaletteCranberryBackground2,colorPaletteCranberryBorderActive:()=>colorPaletteCranberryBorderActive,colorPaletteCranberryForeground2:()=>colorPaletteCranberryForeground2,colorPaletteDarkGreenBackground2:()=>colorPaletteDarkGreenBackground2,colorPaletteDarkGreenBorderActive:()=>colorPaletteDarkGreenBorderActive,colorPaletteDarkGreenForeground2:()=>colorPaletteDarkGreenForeground2,colorPaletteDarkOrangeBackground1:()=>colorPaletteDarkOrangeBackground1,colorPaletteDarkOrangeBackground2:()=>colorPaletteDarkOrangeBackground2,colorPaletteDarkOrangeBackground3:()=>colorPaletteDarkOrangeBackground3,colorPaletteDarkOrangeBorder1:()=>colorPaletteDarkOrangeBorder1,colorPaletteDarkOrangeBorder2:()=>colorPaletteDarkOrangeBorder2,colorPaletteDarkOrangeBorderActive:()=>colorPaletteDarkOrangeBorderActive,colorPaletteDarkOrangeForeground1:()=>colorPaletteDarkOrangeForeground1,colorPaletteDarkOrangeForeground2:()=>colorPaletteDarkOrangeForeground2,colorPaletteDarkOrangeForeground3:()=>colorPaletteDarkOrangeForeground3,colorPaletteDarkRedBackground2:()=>colorPaletteDarkRedBackground2,colorPaletteDarkRedBorderActive:()=>colorPaletteDarkRedBorderActive,colorPaletteDarkRedForeground2:()=>colorPaletteDarkRedForeground2,colorPaletteForestBackground2:()=>colorPaletteForestBackground2,colorPaletteForestBorderActive:()=>colorPaletteForestBorderActive,colorPaletteForestForeground2:()=>colorPaletteForestForeground2,colorPaletteGoldBackground2:()=>colorPaletteGoldBackground2,colorPaletteGoldBorderActive:()=>colorPaletteGoldBorderActive,colorPaletteGoldForeground2:()=>colorPaletteGoldForeground2,colorPaletteGrapeBackground2:()=>colorPaletteGrapeBackground2,colorPaletteGrapeBorderActive:()=>colorPaletteGrapeBorderActive,colorPaletteGrapeForeground2:()=>colorPaletteGrapeForeground2,colorPaletteGreenBackground1:()=>colorPaletteGreenBackground1,colorPaletteGreenBackground2:()=>colorPaletteGreenBackground2,colorPaletteGreenBackground3:()=>colorPaletteGreenBackground3,colorPaletteGreenBorder1:()=>colorPaletteGreenBorder1,colorPaletteGreenBorder2:()=>colorPaletteGreenBorder2,colorPaletteGreenBorderActive:()=>colorPaletteGreenBorderActive,colorPaletteGreenForeground1:()=>colorPaletteGreenForeground1,colorPaletteGreenForeground2:()=>colorPaletteGreenForeground2,colorPaletteGreenForeground3:()=>colorPaletteGreenForeground3,colorPaletteGreenForegroundInverted:()=>colorPaletteGreenForegroundInverted,colorPaletteLavenderBackground2:()=>colorPaletteLavenderBackground2,colorPaletteLavenderBorderActive:()=>colorPaletteLavenderBorderActive,colorPaletteLavenderForeground2:()=>colorPaletteLavenderForeground2,colorPaletteLightGreenBackground1:()=>colorPaletteLightGreenBackground1,colorPaletteLightGreenBackground2:()=>colorPaletteLightGreenBackground2,colorPaletteLightGreenBackground3:()=>colorPaletteLightGreenBackground3,colorPaletteLightGreenBorder1:()=>colorPaletteLightGreenBorder1,colorPaletteLightGreenBorder2:()=>colorPaletteLightGreenBorder2,colorPaletteLightGreenBorderActive:()=>colorPaletteLightGreenBorderActive,colorPaletteLightGreenForeground1:()=>colorPaletteLightGreenForeground1,colorPaletteLightGreenForeground2:()=>colorPaletteLightGreenForeground2,colorPaletteLightGreenForeground3:()=>colorPaletteLightGreenForeground3,colorPaletteLightTealBackground2:()=>colorPaletteLightTealBackground2,colorPaletteLightTealBorderActive:()=>colorPaletteLightTealBorderActive,colorPaletteLightTealForeground2:()=>colorPaletteLightTealForeground2,colorPaletteLilacBackground2:()=>colorPaletteLilacBackground2,colorPaletteLilacBorderActive:()=>colorPaletteLilacBorderActive,colorPaletteLilacForeground2:()=>colorPaletteLilacForeground2,colorPaletteMagentaBackground2:()=>colorPaletteMagentaBackground2,colorPaletteMagentaBorderActive:()=>colorPaletteMagentaBorderActive,colorPaletteMagentaForeground2:()=>colorPaletteMagentaForeground2,colorPaletteMarigoldBackground1:()=>colorPaletteMarigoldBackground1,colorPaletteMarigoldBackground2:()=>colorPaletteMarigoldBackground2,colorPaletteMarigoldBackground3:()=>colorPaletteMarigoldBackground3,colorPaletteMarigoldBorder1:()=>colorPaletteMarigoldBorder1,colorPaletteMarigoldBorder2:()=>colorPaletteMarigoldBorder2,colorPaletteMarigoldBorderActive:()=>colorPaletteMarigoldBorderActive,colorPaletteMarigoldForeground1:()=>colorPaletteMarigoldForeground1,colorPaletteMarigoldForeground2:()=>colorPaletteMarigoldForeground2,colorPaletteMarigoldForeground3:()=>colorPaletteMarigoldForeground3,colorPaletteMinkBackground2:()=>colorPaletteMinkBackground2,colorPaletteMinkBorderActive:()=>colorPaletteMinkBorderActive,colorPaletteMinkForeground2:()=>colorPaletteMinkForeground2,colorPaletteNavyBackground2:()=>colorPaletteNavyBackground2,colorPaletteNavyBorderActive:()=>colorPaletteNavyBorderActive,colorPaletteNavyForeground2:()=>colorPaletteNavyForeground2,colorPalettePeachBackground2:()=>colorPalettePeachBackground2,colorPalettePeachBorderActive:()=>colorPalettePeachBorderActive,colorPalettePeachForeground2:()=>colorPalettePeachForeground2,colorPalettePinkBackground2:()=>colorPalettePinkBackground2,colorPalettePinkBorderActive:()=>colorPalettePinkBorderActive,colorPalettePinkForeground2:()=>colorPalettePinkForeground2,colorPalettePlatinumBackground2:()=>colorPalettePlatinumBackground2,colorPalettePlatinumBorderActive:()=>colorPalettePlatinumBorderActive,colorPalettePlatinumForeground2:()=>colorPalettePlatinumForeground2,colorPalettePlumBackground2:()=>colorPalettePlumBackground2,colorPalettePlumBorderActive:()=>colorPalettePlumBorderActive,colorPalettePlumForeground2:()=>colorPalettePlumForeground2,colorPalettePumpkinBackground2:()=>colorPalettePumpkinBackground2,colorPalettePumpkinBorderActive:()=>colorPalettePumpkinBorderActive,colorPalettePumpkinForeground2:()=>colorPalettePumpkinForeground2,colorPalettePurpleBackground2:()=>colorPalettePurpleBackground2,colorPalettePurpleBorderActive:()=>colorPalettePurpleBorderActive,colorPalettePurpleForeground2:()=>colorPalettePurpleForeground2,colorPaletteRedBackground1:()=>colorPaletteRedBackground1,colorPaletteRedBackground2:()=>colorPaletteRedBackground2,colorPaletteRedBackground3:()=>colorPaletteRedBackground3,colorPaletteRedBorder1:()=>colorPaletteRedBorder1,colorPaletteRedBorder2:()=>colorPaletteRedBorder2,colorPaletteRedBorderActive:()=>colorPaletteRedBorderActive,colorPaletteRedForeground1:()=>colorPaletteRedForeground1,colorPaletteRedForeground2:()=>colorPaletteRedForeground2,colorPaletteRedForeground3:()=>colorPaletteRedForeground3,colorPaletteRedForegroundInverted:()=>colorPaletteRedForegroundInverted,colorPaletteRoyalBlueBackground2:()=>colorPaletteRoyalBlueBackground2,colorPaletteRoyalBlueBorderActive:()=>colorPaletteRoyalBlueBorderActive,colorPaletteRoyalBlueForeground2:()=>colorPaletteRoyalBlueForeground2,colorPaletteSeafoamBackground2:()=>colorPaletteSeafoamBackground2,colorPaletteSeafoamBorderActive:()=>colorPaletteSeafoamBorderActive,colorPaletteSeafoamForeground2:()=>colorPaletteSeafoamForeground2,colorPaletteSteelBackground2:()=>colorPaletteSteelBackground2,colorPaletteSteelBorderActive:()=>colorPaletteSteelBorderActive,colorPaletteSteelForeground2:()=>colorPaletteSteelForeground2,colorPaletteTealBackground2:()=>colorPaletteTealBackground2,colorPaletteTealBorderActive:()=>colorPaletteTealBorderActive,colorPaletteTealForeground2:()=>colorPaletteTealForeground2,colorPaletteYellowBackground1:()=>colorPaletteYellowBackground1,colorPaletteYellowBackground2:()=>colorPaletteYellowBackground2,colorPaletteYellowBackground3:()=>colorPaletteYellowBackground3,colorPaletteYellowBorder1:()=>colorPaletteYellowBorder1,colorPaletteYellowBorder2:()=>colorPaletteYellowBorder2,colorPaletteYellowBorderActive:()=>colorPaletteYellowBorderActive,colorPaletteYellowForeground1:()=>colorPaletteYellowForeground1,colorPaletteYellowForeground2:()=>colorPaletteYellowForeground2,colorPaletteYellowForeground3:()=>colorPaletteYellowForeground3,colorPaletteYellowForegroundInverted:()=>colorPaletteYellowForegroundInverted,colorScrollbarOverlay:()=>colorScrollbarOverlay,colorStatusDangerBackground1:()=>colorStatusDangerBackground1,colorStatusDangerBackground2:()=>colorStatusDangerBackground2,colorStatusDangerBackground3:()=>colorStatusDangerBackground3,colorStatusDangerBackground3Hover:()=>colorStatusDangerBackground3Hover,colorStatusDangerBackground3Pressed:()=>colorStatusDangerBackground3Pressed,colorStatusDangerBorder1:()=>colorStatusDangerBorder1,colorStatusDangerBorder2:()=>colorStatusDangerBorder2,colorStatusDangerBorderActive:()=>colorStatusDangerBorderActive,colorStatusDangerForeground1:()=>colorStatusDangerForeground1,colorStatusDangerForeground2:()=>colorStatusDangerForeground2,colorStatusDangerForeground3:()=>colorStatusDangerForeground3,colorStatusDangerForegroundInverted:()=>colorStatusDangerForegroundInverted,colorStatusSuccessBackground1:()=>colorStatusSuccessBackground1,colorStatusSuccessBackground2:()=>colorStatusSuccessBackground2,colorStatusSuccessBackground3:()=>colorStatusSuccessBackground3,colorStatusSuccessBorder1:()=>colorStatusSuccessBorder1,colorStatusSuccessBorder2:()=>colorStatusSuccessBorder2,colorStatusSuccessBorderActive:()=>colorStatusSuccessBorderActive,colorStatusSuccessForeground1:()=>colorStatusSuccessForeground1,colorStatusSuccessForeground2:()=>colorStatusSuccessForeground2,colorStatusSuccessForeground3:()=>colorStatusSuccessForeground3,colorStatusSuccessForegroundInverted:()=>colorStatusSuccessForegroundInverted,colorStatusWarningBackground1:()=>colorStatusWarningBackground1,colorStatusWarningBackground2:()=>colorStatusWarningBackground2,colorStatusWarningBackground3:()=>colorStatusWarningBackground3,colorStatusWarningBorder1:()=>colorStatusWarningBorder1,colorStatusWarningBorder2:()=>colorStatusWarningBorder2,colorStatusWarningBorderActive:()=>colorStatusWarningBorderActive,colorStatusWarningForeground1:()=>colorStatusWarningForeground1,colorStatusWarningForeground2:()=>colorStatusWarningForeground2,colorStatusWarningForeground3:()=>colorStatusWarningForeground3,colorStatusWarningForegroundInverted:()=>colorStatusWarningForegroundInverted,colorStrokeFocus1:()=>colorStrokeFocus1,colorStrokeFocus2:()=>colorStrokeFocus2,colorSubtleBackground:()=>colorSubtleBackground,colorSubtleBackgroundHover:()=>colorSubtleBackgroundHover,colorSubtleBackgroundInverted:()=>colorSubtleBackgroundInverted,colorSubtleBackgroundInvertedHover:()=>colorSubtleBackgroundInvertedHover,colorSubtleBackgroundInvertedPressed:()=>colorSubtleBackgroundInvertedPressed,colorSubtleBackgroundInvertedSelected:()=>colorSubtleBackgroundInvertedSelected,colorSubtleBackgroundLightAlphaHover:()=>colorSubtleBackgroundLightAlphaHover,colorSubtleBackgroundLightAlphaPressed:()=>colorSubtleBackgroundLightAlphaPressed,colorSubtleBackgroundLightAlphaSelected:()=>colorSubtleBackgroundLightAlphaSelected,colorSubtleBackgroundPressed:()=>colorSubtleBackgroundPressed,colorSubtleBackgroundSelected:()=>colorSubtleBackgroundSelected,colorTransparentBackground:()=>colorTransparentBackground,colorTransparentBackgroundHover:()=>colorTransparentBackgroundHover,colorTransparentBackgroundPressed:()=>colorTransparentBackgroundPressed,colorTransparentBackgroundSelected:()=>colorTransparentBackgroundSelected,colorTransparentStroke:()=>colorTransparentStroke,colorTransparentStrokeDisabled:()=>colorTransparentStrokeDisabled,colorTransparentStrokeInteractive:()=>colorTransparentStrokeInteractive,curveAccelerateMax:()=>curveAccelerateMax,curveAccelerateMid:()=>curveAccelerateMid,curveAccelerateMin:()=>curveAccelerateMin,curveDecelerateMax:()=>curveDecelerateMax,curveDecelerateMid:()=>curveDecelerateMid,curveDecelerateMin:()=>curveDecelerateMin,curveEasyEase:()=>curveEasyEase,curveEasyEaseMax:()=>curveEasyEaseMax,curveLinear:()=>curveLinear,durationFast:()=>durationFast,durationFaster:()=>durationFaster,durationGentle:()=>durationGentle,durationNormal:()=>durationNormal,durationSlow:()=>durationSlow,durationSlower:()=>durationSlower,durationUltraFast:()=>durationUltraFast,durationUltraSlow:()=>durationUltraSlow,fontFamilyBase:()=>fontFamilyBase,fontFamilyMonospace:()=>fontFamilyMonospace,fontFamilyNumeric:()=>fontFamilyNumeric,fontSizeBase100:()=>fontSizeBase100,fontSizeBase200:()=>fontSizeBase200,fontSizeBase300:()=>fontSizeBase300,fontSizeBase400:()=>fontSizeBase400,fontSizeBase500:()=>fontSizeBase500,fontSizeBase600:()=>fontSizeBase600,fontSizeHero1000:()=>fontSizeHero1000,fontSizeHero700:()=>fontSizeHero700,fontSizeHero800:()=>fontSizeHero800,fontSizeHero900:()=>fontSizeHero900,fontWeightBold:()=>fontWeightBold,fontWeightMedium:()=>fontWeightMedium,fontWeightRegular:()=>fontWeightRegular,fontWeightSemibold:()=>fontWeightSemibold,lineHeightBase100:()=>lineHeightBase100,lineHeightBase200:()=>lineHeightBase200,lineHeightBase300:()=>lineHeightBase300,lineHeightBase400:()=>lineHeightBase400,lineHeightBase500:()=>lineHeightBase500,lineHeightBase600:()=>lineHeightBase600,lineHeightHero1000:()=>lineHeightHero1000,lineHeightHero700:()=>lineHeightHero700,lineHeightHero800:()=>lineHeightHero800,lineHeightHero900:()=>lineHeightHero900,shadow16:()=>shadow16,shadow16Brand:()=>shadow16Brand,shadow2:()=>shadow2,shadow28:()=>shadow28,shadow28Brand:()=>shadow28Brand,shadow2Brand:()=>shadow2Brand,shadow4:()=>shadow4,shadow4Brand:()=>shadow4Brand,shadow64:()=>shadow64,shadow64Brand:()=>shadow64Brand,shadow8:()=>shadow8,shadow8Brand:()=>shadow8Brand,spacingHorizontalL:()=>spacingHorizontalL,spacingHorizontalM:()=>spacingHorizontalM,spacingHorizontalMNudge:()=>spacingHorizontalMNudge,spacingHorizontalNone:()=>spacingHorizontalNone,spacingHorizontalS:()=>spacingHorizontalS,spacingHorizontalSNudge:()=>spacingHorizontalSNudge,spacingHorizontalXL:()=>spacingHorizontalXL,spacingHorizontalXS:()=>spacingHorizontalXS,spacingHorizontalXXL:()=>spacingHorizontalXXL,spacingHorizontalXXS:()=>spacingHorizontalXXS,spacingHorizontalXXXL:()=>spacingHorizontalXXXL,spacingVerticalL:()=>spacingVerticalL,spacingVerticalM:()=>spacingVerticalM,spacingVerticalMNudge:()=>spacingVerticalMNudge,spacingVerticalNone:()=>spacingVerticalNone,spacingVerticalS:()=>spacingVerticalS,spacingVerticalSNudge:()=>spacingVerticalSNudge,spacingVerticalXL:()=>spacingVerticalXL,spacingVerticalXS:()=>spacingVerticalXS,spacingVerticalXXL:()=>spacingVerticalXXL,spacingVerticalXXS:()=>spacingVerticalXXS,spacingVerticalXXXL:()=>spacingVerticalXXXL,strokeWidthThick:()=>strokeWidthThick,strokeWidthThicker:()=>strokeWidthThicker,strokeWidthThickest:()=>strokeWidthThickest,strokeWidthThin:()=>strokeWidthThin});var colorNeutralForeground1="--colorNeutralForeground1",colorNeutralForeground1Hover="--colorNeutralForeground1Hover",colorNeutralForeground1Pressed="--colorNeutralForeground1Pressed",colorNeutralForeground1Selected="--colorNeutralForeground1Selected",colorNeutralForeground2="--colorNeutralForeground2",colorNeutralForeground2Hover="--colorNeutralForeground2Hover",colorNeutralForeground2Pressed="--colorNeutralForeground2Pressed",colorNeutralForeground2Selected="--colorNeutralForeground2Selected",colorNeutralForeground2BrandHover="--colorNeutralForeground2BrandHover",colorNeutralForeground2BrandPressed="--colorNeutralForeground2BrandPressed",colorNeutralForeground2BrandSelected="--colorNeutralForeground2BrandSelected",colorNeutralForeground3="--colorNeutralForeground3",colorNeutralForeground3Hover="--colorNeutralForeground3Hover",colorNeutralForeground3Pressed="--colorNeutralForeground3Pressed",colorNeutralForeground3Selected="--colorNeutralForeground3Selected",colorNeutralForeground3BrandHover="--colorNeutralForeground3BrandHover",colorNeutralForeground3BrandPressed="--colorNeutralForeground3BrandPressed",colorNeutralForeground3BrandSelected="--colorNeutralForeground3BrandSelected",colorNeutralForeground4="--colorNeutralForeground4",colorNeutralForegroundDisabled="--colorNeutralForegroundDisabled",colorBrandForegroundLink="--colorBrandForegroundLink",colorBrandForegroundLinkHover="--colorBrandForegroundLinkHover",colorBrandForegroundLinkPressed="--colorBrandForegroundLinkPressed",colorBrandForegroundLinkSelected="--colorBrandForegroundLinkSelected",colorNeutralForeground2Link="--colorNeutralForeground2Link",colorNeutralForeground2LinkHover="--colorNeutralForeground2LinkHover",colorNeutralForeground2LinkPressed="--colorNeutralForeground2LinkPressed",colorNeutralForeground2LinkSelected="--colorNeutralForeground2LinkSelected",colorCompoundBrandForeground1="--colorCompoundBrandForeground1",colorCompoundBrandForeground1Hover="--colorCompoundBrandForeground1Hover",colorCompoundBrandForeground1Pressed="--colorCompoundBrandForeground1Pressed",colorNeutralForegroundOnBrand="--colorNeutralForegroundOnBrand",colorNeutralForegroundInverted="--colorNeutralForegroundInverted",colorNeutralForegroundInvertedHover="--colorNeutralForegroundInvertedHover",colorNeutralForegroundInvertedPressed="--colorNeutralForegroundInvertedPressed",colorNeutralForegroundInvertedSelected="--colorNeutralForegroundInvertedSelected",colorNeutralForegroundInverted2="--colorNeutralForegroundInverted2",colorNeutralForegroundStaticInverted="--colorNeutralForegroundStaticInverted",colorNeutralForegroundInvertedLink="--colorNeutralForegroundInvertedLink",colorNeutralForegroundInvertedLinkHover="--colorNeutralForegroundInvertedLinkHover",colorNeutralForegroundInvertedLinkPressed="--colorNeutralForegroundInvertedLinkPressed",colorNeutralForegroundInvertedLinkSelected="--colorNeutralForegroundInvertedLinkSelected",colorNeutralForegroundInvertedDisabled="--colorNeutralForegroundInvertedDisabled",colorBrandForeground1="--colorBrandForeground1",colorBrandForeground2="--colorBrandForeground2",colorBrandForeground2Hover="--colorBrandForeground2Hover",colorBrandForeground2Pressed="--colorBrandForeground2Pressed",colorNeutralForeground1Static="--colorNeutralForeground1Static",colorBrandForegroundInverted="--colorBrandForegroundInverted",colorBrandForegroundInvertedHover="--colorBrandForegroundInvertedHover",colorBrandForegroundInvertedPressed="--colorBrandForegroundInvertedPressed",colorBrandForegroundOnLight="--colorBrandForegroundOnLight",colorBrandForegroundOnLightHover="--colorBrandForegroundOnLightHover",colorBrandForegroundOnLightPressed="--colorBrandForegroundOnLightPressed",colorBrandForegroundOnLightSelected="--colorBrandForegroundOnLightSelected",colorNeutralBackground1="--colorNeutralBackground1",colorNeutralBackground1Hover="--colorNeutralBackground1Hover",colorNeutralBackground1Pressed="--colorNeutralBackground1Pressed",colorNeutralBackground1Selected="--colorNeutralBackground1Selected",colorNeutralBackground2="--colorNeutralBackground2",colorNeutralBackground2Hover="--colorNeutralBackground2Hover",colorNeutralBackground2Pressed="--colorNeutralBackground2Pressed",colorNeutralBackground2Selected="--colorNeutralBackground2Selected",colorNeutralBackground3="--colorNeutralBackground3",colorNeutralBackground3Hover="--colorNeutralBackground3Hover",colorNeutralBackground3Pressed="--colorNeutralBackground3Pressed",colorNeutralBackground3Selected="--colorNeutralBackground3Selected",colorNeutralBackground4="--colorNeutralBackground4",colorNeutralBackground4Hover="--colorNeutralBackground4Hover",colorNeutralBackground4Pressed="--colorNeutralBackground4Pressed",colorNeutralBackground4Selected="--colorNeutralBackground4Selected",colorNeutralBackground5="--colorNeutralBackground5",colorNeutralBackground5Hover="--colorNeutralBackground5Hover",colorNeutralBackground5Pressed="--colorNeutralBackground5Pressed",colorNeutralBackground5Selected="--colorNeutralBackground5Selected",colorNeutralBackground6="--colorNeutralBackground6",colorNeutralBackgroundInverted="--colorNeutralBackgroundInverted",colorNeutralBackgroundStatic="--colorNeutralBackgroundStatic",colorNeutralBackgroundAlpha="--colorNeutralBackgroundAlpha",colorNeutralBackgroundAlpha2="--colorNeutralBackgroundAlpha2",colorSubtleBackground="--colorSubtleBackground",colorSubtleBackgroundHover="--colorSubtleBackgroundHover",colorSubtleBackgroundPressed="--colorSubtleBackgroundPressed",colorSubtleBackgroundSelected="--colorSubtleBackgroundSelected",colorSubtleBackgroundLightAlphaHover="--colorSubtleBackgroundLightAlphaHover",colorSubtleBackgroundLightAlphaPressed="--colorSubtleBackgroundLightAlphaPressed",colorSubtleBackgroundLightAlphaSelected="--colorSubtleBackgroundLightAlphaSelected",colorSubtleBackgroundInverted="--colorSubtleBackgroundInverted",colorSubtleBackgroundInvertedHover="--colorSubtleBackgroundInvertedHover",colorSubtleBackgroundInvertedPressed="--colorSubtleBackgroundInvertedPressed",colorSubtleBackgroundInvertedSelected="--colorSubtleBackgroundInvertedSelected",colorTransparentBackground="--colorTransparentBackground",colorTransparentBackgroundHover="--colorTransparentBackgroundHover",colorTransparentBackgroundPressed="--colorTransparentBackgroundPressed",colorTransparentBackgroundSelected="--colorTransparentBackgroundSelected",colorNeutralBackgroundDisabled="--colorNeutralBackgroundDisabled",colorNeutralBackgroundInvertedDisabled="--colorNeutralBackgroundInvertedDisabled",colorNeutralStencil1="--colorNeutralStencil1",colorNeutralStencil2="--colorNeutralStencil2",colorNeutralStencil1Alpha="--colorNeutralStencil1Alpha",colorNeutralStencil2Alpha="--colorNeutralStencil2Alpha",colorBackgroundOverlay="--colorBackgroundOverlay",colorScrollbarOverlay="--colorScrollbarOverlay",colorBrandBackground="--colorBrandBackground",colorBrandBackgroundHover="--colorBrandBackgroundHover",colorBrandBackgroundPressed="--colorBrandBackgroundPressed",colorBrandBackgroundSelected="--colorBrandBackgroundSelected",colorCompoundBrandBackground="--colorCompoundBrandBackground",colorCompoundBrandBackgroundHover="--colorCompoundBrandBackgroundHover",colorCompoundBrandBackgroundPressed="--colorCompoundBrandBackgroundPressed",colorBrandBackgroundStatic="--colorBrandBackgroundStatic",colorBrandBackground2="--colorBrandBackground2",colorBrandBackground2Hover="--colorBrandBackground2Hover",colorBrandBackground2Pressed="--colorBrandBackground2Pressed",colorBrandBackground3Static="--colorBrandBackground3Static",colorBrandBackground4Static="--colorBrandBackground4Static",colorBrandBackgroundInverted="--colorBrandBackgroundInverted",colorBrandBackgroundInvertedHover="--colorBrandBackgroundInvertedHover",colorBrandBackgroundInvertedPressed="--colorBrandBackgroundInvertedPressed",colorBrandBackgroundInvertedSelected="--colorBrandBackgroundInvertedSelected",colorNeutralCardBackground="--colorNeutralCardBackground",colorNeutralCardBackgroundHover="--colorNeutralCardBackgroundHover",colorNeutralCardBackgroundPressed="--colorNeutralCardBackgroundPressed",colorNeutralCardBackgroundSelected="--colorNeutralCardBackgroundSelected",colorNeutralCardBackgroundDisabled="--colorNeutralCardBackgroundDisabled",colorNeutralStrokeAccessible="--colorNeutralStrokeAccessible",colorNeutralStrokeAccessibleHover="--colorNeutralStrokeAccessibleHover",colorNeutralStrokeAccessiblePressed="--colorNeutralStrokeAccessiblePressed",colorNeutralStrokeAccessibleSelected="--colorNeutralStrokeAccessibleSelected",colorNeutralStroke1="--colorNeutralStroke1",colorNeutralStroke1Hover="--colorNeutralStroke1Hover",colorNeutralStroke1Pressed="--colorNeutralStroke1Pressed",colorNeutralStroke1Selected="--colorNeutralStroke1Selected",colorNeutralStroke2="--colorNeutralStroke2",colorNeutralStroke3="--colorNeutralStroke3",colorNeutralStrokeSubtle="--colorNeutralStrokeSubtle",colorNeutralStrokeOnBrand="--colorNeutralStrokeOnBrand",colorNeutralStrokeOnBrand2="--colorNeutralStrokeOnBrand2",colorNeutralStrokeOnBrand2Hover="--colorNeutralStrokeOnBrand2Hover",colorNeutralStrokeOnBrand2Pressed="--colorNeutralStrokeOnBrand2Pressed",colorNeutralStrokeOnBrand2Selected="--colorNeutralStrokeOnBrand2Selected",colorBrandStroke1="--colorBrandStroke1",colorBrandStroke2="--colorBrandStroke2",colorBrandStroke2Hover="--colorBrandStroke2Hover",colorBrandStroke2Pressed="--colorBrandStroke2Pressed",colorBrandStroke2Contrast="--colorBrandStroke2Contrast",colorCompoundBrandStroke="--colorCompoundBrandStroke",colorCompoundBrandStrokeHover="--colorCompoundBrandStrokeHover",colorCompoundBrandStrokePressed="--colorCompoundBrandStrokePressed",colorNeutralStrokeDisabled="--colorNeutralStrokeDisabled",colorNeutralStrokeInvertedDisabled="--colorNeutralStrokeInvertedDisabled",colorTransparentStroke="--colorTransparentStroke",colorTransparentStrokeInteractive="--colorTransparentStrokeInteractive",colorTransparentStrokeDisabled="--colorTransparentStrokeDisabled",colorNeutralStrokeAlpha="--colorNeutralStrokeAlpha",colorNeutralStrokeAlpha2="--colorNeutralStrokeAlpha2",colorStrokeFocus1="--colorStrokeFocus1",colorStrokeFocus2="--colorStrokeFocus2",colorNeutralShadowAmbient="--colorNeutralShadowAmbient",colorNeutralShadowKey="--colorNeutralShadowKey",colorNeutralShadowAmbientLighter="--colorNeutralShadowAmbientLighter",colorNeutralShadowKeyLighter="--colorNeutralShadowKeyLighter",colorNeutralShadowAmbientDarker="--colorNeutralShadowAmbientDarker",colorNeutralShadowKeyDarker="--colorNeutralShadowKeyDarker",colorBrandShadowAmbient="--colorBrandShadowAmbient",colorBrandShadowKey="--colorBrandShadowKey",colorPaletteRedBackground1="--colorPaletteRedBackground1",colorPaletteRedBackground2="--colorPaletteRedBackground2",colorPaletteRedBackground3="--colorPaletteRedBackground3",colorPaletteRedBorderActive="--colorPaletteRedBorderActive",colorPaletteRedBorder1="--colorPaletteRedBorder1",colorPaletteRedBorder2="--colorPaletteRedBorder2",colorPaletteRedForeground1="--colorPaletteRedForeground1",colorPaletteRedForeground2="--colorPaletteRedForeground2",colorPaletteRedForeground3="--colorPaletteRedForeground3",colorPaletteRedForegroundInverted="--colorPaletteRedForegroundInverted",colorPaletteGreenBackground1="--colorPaletteGreenBackground1",colorPaletteGreenBackground2="--colorPaletteGreenBackground2",colorPaletteGreenBackground3="--colorPaletteGreenBackground3",colorPaletteGreenBorderActive="--colorPaletteGreenBorderActive",colorPaletteGreenBorder1="--colorPaletteGreenBorder1",colorPaletteGreenBorder2="--colorPaletteGreenBorder2",colorPaletteGreenForeground1="--colorPaletteGreenForeground1",colorPaletteGreenForeground2="--colorPaletteGreenForeground2",colorPaletteGreenForeground3="--colorPaletteGreenForeground3",colorPaletteGreenForegroundInverted="--colorPaletteGreenForegroundInverted",colorPaletteDarkOrangeBackground1="--colorPaletteDarkOrangeBackground1",colorPaletteDarkOrangeBackground2="--colorPaletteDarkOrangeBackground2",colorPaletteDarkOrangeBackground3="--colorPaletteDarkOrangeBackground3",colorPaletteDarkOrangeBorderActive="--colorPaletteDarkOrangeBorderActive",colorPaletteDarkOrangeBorder1="--colorPaletteDarkOrangeBorder1",colorPaletteDarkOrangeBorder2="--colorPaletteDarkOrangeBorder2",colorPaletteDarkOrangeForeground1="--colorPaletteDarkOrangeForeground1",colorPaletteDarkOrangeForeground2="--colorPaletteDarkOrangeForeground2",colorPaletteDarkOrangeForeground3="--colorPaletteDarkOrangeForeground3",colorPaletteYellowBackground1="--colorPaletteYellowBackground1",colorPaletteYellowBackground2="--colorPaletteYellowBackground2",colorPaletteYellowBackground3="--colorPaletteYellowBackground3",colorPaletteYellowBorderActive="--colorPaletteYellowBorderActive",colorPaletteYellowBorder1="--colorPaletteYellowBorder1",colorPaletteYellowBorder2="--colorPaletteYellowBorder2",colorPaletteYellowForeground1="--colorPaletteYellowForeground1",colorPaletteYellowForeground2="--colorPaletteYellowForeground2",colorPaletteYellowForeground3="--colorPaletteYellowForeground3",colorPaletteYellowForegroundInverted="--colorPaletteYellowForegroundInverted",colorPaletteBerryBackground1="--colorPaletteBerryBackground1",colorPaletteBerryBackground2="--colorPaletteBerryBackground2",colorPaletteBerryBackground3="--colorPaletteBerryBackground3",colorPaletteBerryBorderActive="--colorPaletteBerryBorderActive",colorPaletteBerryBorder1="--colorPaletteBerryBorder1",colorPaletteBerryBorder2="--colorPaletteBerryBorder2",colorPaletteBerryForeground1="--colorPaletteBerryForeground1",colorPaletteBerryForeground2="--colorPaletteBerryForeground2",colorPaletteBerryForeground3="--colorPaletteBerryForeground3",colorPaletteMarigoldBackground1="--colorPaletteMarigoldBackground1",colorPaletteMarigoldBackground2="--colorPaletteMarigoldBackground2",colorPaletteMarigoldBackground3="--colorPaletteMarigoldBackground3",colorPaletteMarigoldBorderActive="--colorPaletteMarigoldBorderActive",colorPaletteMarigoldBorder1="--colorPaletteMarigoldBorder1",colorPaletteMarigoldBorder2="--colorPaletteMarigoldBorder2",colorPaletteMarigoldForeground1="--colorPaletteMarigoldForeground1",colorPaletteMarigoldForeground2="--colorPaletteMarigoldForeground2",colorPaletteMarigoldForeground3="--colorPaletteMarigoldForeground3",colorPaletteLightGreenBackground1="--colorPaletteLightGreenBackground1",colorPaletteLightGreenBackground2="--colorPaletteLightGreenBackground2",colorPaletteLightGreenBackground3="--colorPaletteLightGreenBackground3",colorPaletteLightGreenBorderActive="--colorPaletteLightGreenBorderActive",colorPaletteLightGreenBorder1="--colorPaletteLightGreenBorder1",colorPaletteLightGreenBorder2="--colorPaletteLightGreenBorder2",colorPaletteLightGreenForeground1="--colorPaletteLightGreenForeground1",colorPaletteLightGreenForeground2="--colorPaletteLightGreenForeground2",colorPaletteLightGreenForeground3="--colorPaletteLightGreenForeground3",colorPaletteAnchorBackground2="--colorPaletteAnchorBackground2",colorPaletteAnchorBorderActive="--colorPaletteAnchorBorderActive",colorPaletteAnchorForeground2="--colorPaletteAnchorForeground2",colorPaletteBeigeBackground2="--colorPaletteBeigeBackground2",colorPaletteBeigeBorderActive="--colorPaletteBeigeBorderActive",colorPaletteBeigeForeground2="--colorPaletteBeigeForeground2",colorPaletteBlueBackground2="--colorPaletteBlueBackground2",colorPaletteBlueBorderActive="--colorPaletteBlueBorderActive",colorPaletteBlueForeground2="--colorPaletteBlueForeground2",colorPaletteBrassBackground2="--colorPaletteBrassBackground2",colorPaletteBrassBorderActive="--colorPaletteBrassBorderActive",colorPaletteBrassForeground2="--colorPaletteBrassForeground2",colorPaletteBrownBackground2="--colorPaletteBrownBackground2",colorPaletteBrownBorderActive="--colorPaletteBrownBorderActive",colorPaletteBrownForeground2="--colorPaletteBrownForeground2",colorPaletteCornflowerBackground2="--colorPaletteCornflowerBackground2",colorPaletteCornflowerBorderActive="--colorPaletteCornflowerBorderActive",colorPaletteCornflowerForeground2="--colorPaletteCornflowerForeground2",colorPaletteCranberryBackground2="--colorPaletteCranberryBackground2",colorPaletteCranberryBorderActive="--colorPaletteCranberryBorderActive",colorPaletteCranberryForeground2="--colorPaletteCranberryForeground2",colorPaletteDarkGreenBackground2="--colorPaletteDarkGreenBackground2",colorPaletteDarkGreenBorderActive="--colorPaletteDarkGreenBorderActive",colorPaletteDarkGreenForeground2="--colorPaletteDarkGreenForeground2",colorPaletteDarkRedBackground2="--colorPaletteDarkRedBackground2",colorPaletteDarkRedBorderActive="--colorPaletteDarkRedBorderActive",colorPaletteDarkRedForeground2="--colorPaletteDarkRedForeground2",colorPaletteForestBackground2="--colorPaletteForestBackground2",colorPaletteForestBorderActive="--colorPaletteForestBorderActive",colorPaletteForestForeground2="--colorPaletteForestForeground2",colorPaletteGoldBackground2="--colorPaletteGoldBackground2",colorPaletteGoldBorderActive="--colorPaletteGoldBorderActive",colorPaletteGoldForeground2="--colorPaletteGoldForeground2",colorPaletteGrapeBackground2="--colorPaletteGrapeBackground2",colorPaletteGrapeBorderActive="--colorPaletteGrapeBorderActive",colorPaletteGrapeForeground2="--colorPaletteGrapeForeground2",colorPaletteLavenderBackground2="--colorPaletteLavenderBackground2",colorPaletteLavenderBorderActive="--colorPaletteLavenderBorderActive",colorPaletteLavenderForeground2="--colorPaletteLavenderForeground2",colorPaletteLightTealBackground2="--colorPaletteLightTealBackground2",colorPaletteLightTealBorderActive="--colorPaletteLightTealBorderActive",colorPaletteLightTealForeground2="--colorPaletteLightTealForeground2",colorPaletteLilacBackground2="--colorPaletteLilacBackground2",colorPaletteLilacBorderActive="--colorPaletteLilacBorderActive",colorPaletteLilacForeground2="--colorPaletteLilacForeground2",colorPaletteMagentaBackground2="--colorPaletteMagentaBackground2",colorPaletteMagentaBorderActive="--colorPaletteMagentaBorderActive",colorPaletteMagentaForeground2="--colorPaletteMagentaForeground2",colorPaletteMinkBackground2="--colorPaletteMinkBackground2",colorPaletteMinkBorderActive="--colorPaletteMinkBorderActive",colorPaletteMinkForeground2="--colorPaletteMinkForeground2",colorPaletteNavyBackground2="--colorPaletteNavyBackground2",colorPaletteNavyBorderActive="--colorPaletteNavyBorderActive",colorPaletteNavyForeground2="--colorPaletteNavyForeground2",colorPalettePeachBackground2="--colorPalettePeachBackground2",colorPalettePeachBorderActive="--colorPalettePeachBorderActive",colorPalettePeachForeground2="--colorPalettePeachForeground2",colorPalettePinkBackground2="--colorPalettePinkBackground2",colorPalettePinkBorderActive="--colorPalettePinkBorderActive",colorPalettePinkForeground2="--colorPalettePinkForeground2",colorPalettePlatinumBackground2="--colorPalettePlatinumBackground2",colorPalettePlatinumBorderActive="--colorPalettePlatinumBorderActive",colorPalettePlatinumForeground2="--colorPalettePlatinumForeground2",colorPalettePlumBackground2="--colorPalettePlumBackground2",colorPalettePlumBorderActive="--colorPalettePlumBorderActive",colorPalettePlumForeground2="--colorPalettePlumForeground2",colorPalettePumpkinBackground2="--colorPalettePumpkinBackground2",colorPalettePumpkinBorderActive="--colorPalettePumpkinBorderActive",colorPalettePumpkinForeground2="--colorPalettePumpkinForeground2",colorPalettePurpleBackground2="--colorPalettePurpleBackground2",colorPalettePurpleBorderActive="--colorPalettePurpleBorderActive",colorPalettePurpleForeground2="--colorPalettePurpleForeground2",colorPaletteRoyalBlueBackground2="--colorPaletteRoyalBlueBackground2",colorPaletteRoyalBlueBorderActive="--colorPaletteRoyalBlueBorderActive",colorPaletteRoyalBlueForeground2="--colorPaletteRoyalBlueForeground2",colorPaletteSeafoamBackground2="--colorPaletteSeafoamBackground2",colorPaletteSeafoamBorderActive="--colorPaletteSeafoamBorderActive",colorPaletteSeafoamForeground2="--colorPaletteSeafoamForeground2",colorPaletteSteelBackground2="--colorPaletteSteelBackground2",colorPaletteSteelBorderActive="--colorPaletteSteelBorderActive",colorPaletteSteelForeground2="--colorPaletteSteelForeground2",colorPaletteTealBackground2="--colorPaletteTealBackground2",colorPaletteTealBorderActive="--colorPaletteTealBorderActive",colorPaletteTealForeground2="--colorPaletteTealForeground2",colorStatusSuccessBackground1="--colorStatusSuccessBackground1",colorStatusSuccessBackground2="--colorStatusSuccessBackground2",colorStatusSuccessBackground3="--colorStatusSuccessBackground3",colorStatusSuccessForeground1="--colorStatusSuccessForeground1",colorStatusSuccessForeground2="--colorStatusSuccessForeground2",colorStatusSuccessForeground3="--colorStatusSuccessForeground3",colorStatusSuccessForegroundInverted="--colorStatusSuccessForegroundInverted",colorStatusSuccessBorderActive="--colorStatusSuccessBorderActive",colorStatusSuccessBorder1="--colorStatusSuccessBorder1",colorStatusSuccessBorder2="--colorStatusSuccessBorder2",colorStatusWarningBackground1="--colorStatusWarningBackground1",colorStatusWarningBackground2="--colorStatusWarningBackground2",colorStatusWarningBackground3="--colorStatusWarningBackground3",colorStatusWarningForeground1="--colorStatusWarningForeground1",colorStatusWarningForeground2="--colorStatusWarningForeground2",colorStatusWarningForeground3="--colorStatusWarningForeground3",colorStatusWarningForegroundInverted="--colorStatusWarningForegroundInverted",colorStatusWarningBorderActive="--colorStatusWarningBorderActive",colorStatusWarningBorder1="--colorStatusWarningBorder1",colorStatusWarningBorder2="--colorStatusWarningBorder2",colorStatusDangerBackground1="--colorStatusDangerBackground1",colorStatusDangerBackground2="--colorStatusDangerBackground2",colorStatusDangerBackground3="--colorStatusDangerBackground3",colorStatusDangerBackground3Hover="--colorStatusDangerBackground3Hover",colorStatusDangerBackground3Pressed="--colorStatusDangerBackground3Pressed",colorStatusDangerForeground1="--colorStatusDangerForeground1",colorStatusDangerForeground2="--colorStatusDangerForeground2",colorStatusDangerForeground3="--colorStatusDangerForeground3",colorStatusDangerForegroundInverted="--colorStatusDangerForegroundInverted",colorStatusDangerBorderActive="--colorStatusDangerBorderActive",colorStatusDangerBorder1="--colorStatusDangerBorder1",colorStatusDangerBorder2="--colorStatusDangerBorder2",borderRadiusNone="--borderRadiusNone",borderRadiusSmall="--borderRadiusSmall",borderRadiusMedium="--borderRadiusMedium",borderRadiusLarge="--borderRadiusLarge",borderRadiusXLarge="--borderRadiusXLarge",borderRadiusCircular="--borderRadiusCircular",fontFamilyBase="--fontFamilyBase",fontFamilyMonospace="--fontFamilyMonospace",fontFamilyNumeric="--fontFamilyNumeric",fontSizeBase100="--fontSizeBase100",fontSizeBase200="--fontSizeBase200",fontSizeBase300="--fontSizeBase300",fontSizeBase400="--fontSizeBase400",fontSizeBase500="--fontSizeBase500",fontSizeBase600="--fontSizeBase600",fontSizeHero700="--fontSizeHero700",fontSizeHero800="--fontSizeHero800",fontSizeHero900="--fontSizeHero900",fontSizeHero1000="--fontSizeHero1000",fontWeightRegular="--fontWeightRegular",fontWeightMedium="--fontWeightMedium",fontWeightSemibold="--fontWeightSemibold",fontWeightBold="--fontWeightBold",lineHeightBase100="--lineHeightBase100",lineHeightBase200="--lineHeightBase200",lineHeightBase300="--lineHeightBase300",lineHeightBase400="--lineHeightBase400",lineHeightBase500="--lineHeightBase500",lineHeightBase600="--lineHeightBase600",lineHeightHero700="--lineHeightHero700",lineHeightHero800="--lineHeightHero800",lineHeightHero900="--lineHeightHero900",lineHeightHero1000="--lineHeightHero1000",shadow2="--shadow2",shadow4="--shadow4",shadow8="--shadow8",shadow16="--shadow16",shadow28="--shadow28",shadow64="--shadow64",shadow2Brand="--shadow2Brand",shadow4Brand="--shadow4Brand",shadow8Brand="--shadow8Brand",shadow16Brand="--shadow16Brand",shadow28Brand="--shadow28Brand",shadow64Brand="--shadow64Brand",strokeWidthThin="--strokeWidthThin",strokeWidthThick="--strokeWidthThick",strokeWidthThicker="--strokeWidthThicker",strokeWidthThickest="--strokeWidthThickest",spacingHorizontalNone="--spacingHorizontalNone",spacingHorizontalXXS="--spacingHorizontalXXS",spacingHorizontalXS="--spacingHorizontalXS",spacingHorizontalSNudge="--spacingHorizontalSNudge",spacingHorizontalS="--spacingHorizontalS",spacingHorizontalMNudge="--spacingHorizontalMNudge",spacingHorizontalM="--spacingHorizontalM",spacingHorizontalL="--spacingHorizontalL",spacingHorizontalXL="--spacingHorizontalXL",spacingHorizontalXXL="--spacingHorizontalXXL",spacingHorizontalXXXL="--spacingHorizontalXXXL",spacingVerticalNone="--spacingVerticalNone",spacingVerticalXXS="--spacingVerticalXXS",spacingVerticalXS="--spacingVerticalXS",spacingVerticalSNudge="--spacingVerticalSNudge",spacingVerticalS="--spacingVerticalS",spacingVerticalMNudge="--spacingVerticalMNudge",spacingVerticalM="--spacingVerticalM",spacingVerticalL="--spacingVerticalL",spacingVerticalXL="--spacingVerticalXL",spacingVerticalXXL="--spacingVerticalXXL",spacingVerticalXXXL="--spacingVerticalXXXL",durationUltraFast="--durationUltraFast",durationFaster="--durationFaster",durationFast="--durationFast",durationNormal="--durationNormal",durationGentle="--durationGentle",durationSlow="--durationSlow",durationSlower="--durationSlower",durationUltraSlow="--durationUltraSlow",curveAccelerateMax="--curveAccelerateMax",curveAccelerateMid="--curveAccelerateMid",curveAccelerateMin="--curveAccelerateMin",curveDecelerateMax="--curveDecelerateMax",curveDecelerateMid="--curveDecelerateMid",curveDecelerateMin="--curveDecelerateMin",curveEasyEaseMax="--curveEasyEaseMax",curveEasyEase="--curveEasyEase",curveLinear="--curveLinear"},"./src/toggle-button/toggle-button.definition.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>definition});var _fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/fluent-design-system.ts"),_toggle_button_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/toggle-button/toggle-button.ts"),_toggle_button_styles_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/toggle-button/toggle-button.styles.ts"),_toggle_button_template_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/toggle-button/toggle-button.template.ts"),definition=_toggle_button_js__WEBPACK_IMPORTED_MODULE_1__.C.compose({name:_fluent_design_system_js__WEBPACK_IMPORTED_MODULE_0__.H.prefix+"-toggle-button",template:_toggle_button_template_js__WEBPACK_IMPORTED_MODULE_3__.X,styles:_toggle_button_styles_js__WEBPACK_IMPORTED_MODULE_2__.W,shadowOptions:{delegatesFocus:!0}})},"./src/toggle-button/toggle-button.options.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Bx:()=>ToggleButtonSize,nY:()=>ToggleButtonAppearance,o3:()=>ToggleButtonShape});var _button_button_options_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/button/button.options.ts"),ToggleButtonAppearance=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.Lr,ToggleButtonShape=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.jL,ToggleButtonSize=_button_button_options_js__WEBPACK_IMPORTED_MODULE_0__.qE},"./src/toggle-button/toggle-button.styles.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>styles});__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var _templateObject,_templateObject2,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/styles/css.js"),_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@microsoft/fast-foundation/dist/esm/utilities/match-media-stylesheet-behavior.js"),_button_button_styles_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/button/button.styles.ts"),_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/theme/design-tokens.ts");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var styles=(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.i)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ",'\n\n :host([aria-pressed="true"]) .control {\n border-color: var(',");\n background-color: var(",");\n color: var(",");\n border-width: var(",");\n }\n\n :host([aria-pressed='true']:hover) .control {\n border-color: var(",");\n background-color: var(",");\n }\n\n :host([aria-pressed='true']:active) .control {\n border-color: var(",");\n background-color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='primary']) .control {\n border-color: transparent;\n background-color: var(",");\n color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='primary']:hover) .control {\n background-color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='primary']:active) .control {\n background-color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='subtle']) .control {\n border-color: transparent;\n background-color: var(",");\n color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='subtle']:hover) .control {\n background-color: var(",");\n color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='subtle']:active) .control {\n background-color: var(",");\n color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='outline']) .control,\n :host([aria-pressed='true'][appearance='transparent']) .control {\n background-color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='outline']:hover) .control,\n :host([aria-pressed='true'][appearance='transparent']:hover) .control {\n background-color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='outline']:active) .control,\n :host([aria-pressed='true'][appearance='transparent']:active) .control {\n background-color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='transparent']) .control {\n border-color: transparent;\n color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='transparent']:hover) .control {\n color: var(",");\n }\n\n :host([aria-pressed='true'][appearance='transparent']:active) .control {\n color: var(",");\n }\n"])),_button_button_styles_js__WEBPACK_IMPORTED_MODULE_1__.W,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralStroke1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralBackground1Selected,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground1,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.strokeWidthThin,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralStroke1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralBackground1Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralStroke1Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralBackground1Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorBrandBackgroundSelected,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForegroundOnBrand,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorBrandBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorBrandBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorSubtleBackgroundSelected,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2Selected,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorSubtleBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2Hover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorSubtleBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2Pressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorTransparentBackgroundSelected,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorTransparentBackgroundHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorTransparentBackgroundPressed,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2BrandSelected,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2BrandHover,_theme_design_tokens_js__WEBPACK_IMPORTED_MODULE_2__.colorNeutralForeground2BrandPressed).withBehaviors((0,_microsoft_fast_foundation_utilities_js__WEBPACK_IMPORTED_MODULE_4__.vF)((0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_3__.i)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n :host([aria-pressed='true']) .control,\n :host([aria-pressed='true'][appearance='primary']) .control,\n :host([aria-pressed='true'][appearance='subtle']) .control,\n :host([aria-pressed='true'][appearance='outline']) .control,\n :host([aria-pressed='true'][appearance='transparent']) .control,\n :host([aria-pressed='true'][appearance='transparent']) .control {\n background: SelectedItem;\n color: SelectedItemText;\n }\n "])))))},"./src/toggle-button/toggle-button.template.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>template});var template=(0,__webpack_require__("./src/button/button.template.ts").u)()},"./src/toggle-button/toggle-button.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>ToggleButton});__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.get.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js"),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/observation/observable.js");function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function _get(target,property,receiver){var base=_superPropBase(target,property);if(base){var desc=Object.getOwnPropertyDescriptor(base,property);return desc.get?desc.get.call(arguments.length<3?target:receiver):desc.value}},_get.apply(this,arguments)}function _superPropBase(object,property){for(;!Object.prototype.hasOwnProperty.call(object,property)&&null!==(object=_getPrototypeOf(object)););return object}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){if(call&&("object"==typeof call||"function"==typeof call))return call;if(void 0!==call)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var __decorate=function(decorators,target,key,desc){var d,c=arguments.length,r=c<3?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},ToggleButton=function(_Button){!function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass)}(ToggleButton,_Button);var _super=_createSuper(ToggleButton);function ToggleButton(){var _this;return function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}(this,ToggleButton),(_this=_super.call(this)).dirtyChecked=!1,_this.checkedAttribute=!1,_this.defaultChecked=!1,_this.checked=!1,_this.currentChecked=!1,_this.handleToggleButtonClick=function(e){_this.disabled||_this.disabledFocusable||(_this.checked=!_this.checked)},_this.dirtyChecked=!1,_this}return function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}(ToggleButton,[{key:"checkedAttributeChanged",value:function checkedAttributeChanged(){this.defaultChecked=this.checkedAttribute}},{key:"defaultCheckedChanged",value:function defaultCheckedChanged(){this.dirtyChecked||(this.checked=this.defaultChecked,this.dirtyChecked=!1)}},{key:"checkedChanged",value:function checkedChanged(prev,next){this.$fastController.isConnected&&(this.dirtyChecked||(this.dirtyChecked=!0),this.currentChecked=this.checked,this.setAttribute("aria-pressed",""+this.currentChecked),void 0!==prev&&this.$emit("change"))}},{key:"currentCheckedChanged",value:function currentCheckedChanged(prev,next){this.checked=this.currentChecked}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(ToggleButton.prototype),"connectedCallback",this).call(this),this.addEventListener("click",this.handleToggleButtonClick)}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(ToggleButton.prototype),"disconnectedCallback",this).call(this),this.removeEventListener("click",this.handleToggleButtonClick)}}]),ToggleButton}(__webpack_require__("./src/button/button.ts").z);__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj)({attribute:"checked",mode:"boolean"})],ToggleButton.prototype,"checkedAttribute",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.LO],ToggleButton.prototype,"defaultChecked",void 0),__decorate([_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_10__.LO],ToggleButton.prototype,"checked",void 0),__decorate([(0,_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_9__.Lj)({attribute:"current-checked",mode:"boolean"})],ToggleButton.prototype,"currentChecked",void 0)},"./src/utils/apply-mixins.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e:()=>applyMixins});__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-names.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js");var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/components/attributes.js");function applyMixins(derivedCtor){for(var derivedAttributes=_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__.Ax.locate(derivedCtor),_len=arguments.length,baseCtors=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)baseCtors[_key-1]=arguments[_key];baseCtors.forEach((function(baseCtor){Object.getOwnPropertyNames(baseCtor.prototype).forEach((function(name){"constructor"!==name&&Object.defineProperty(derivedCtor.prototype,name,Object.getOwnPropertyDescriptor(baseCtor.prototype,name))})),_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_5__.Ax.locate(baseCtor).forEach((function(x){return derivedAttributes.push(x)}))}))}},"./src/utils/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Mg:()=>getDirection,AE:()=>template_helpers.A,EB:()=>whitespaceFilter});var localization=__webpack_require__("../../node_modules/@microsoft/fast-web-utilities/dist/localization.js"),getDirection=function getDirection(rootNode){var _a;return"rtl"===(null===(_a=rootNode.closest("[dir]"))||void 0===_a?void 0:_a.dir)?localization.N.rtl:localization.N.ltr},template_helpers=__webpack_require__("./src/utils/template-helpers.ts"),whitespaceFilter=(__webpack_require__("../../node_modules/core-js/modules/es.string.trim.js"),function whitespaceFilter(value){var _a;return value.nodeType!==Node.TEXT_NODE||!!(null===(_a=value.nodeValue)||void 0===_a?void 0:_a.trim().length)})},"./src/utils/template-helpers.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>staticallyCompose});var _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@microsoft/fast-element/dist/esm/templating/template.js");function staticallyCompose(item){return item?"string"==typeof item?new _microsoft_fast_element__WEBPACK_IMPORTED_MODULE_0__.Sy(item):"inline"in item?item.inline():item:_microsoft_fast_element__WEBPACK_IMPORTED_MODULE_0__.Sy.empty}},"./src/_docs/concepts/introduction.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>introduction_stories});__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");const package_namespaceObject=JSON.parse('{"i8":"3.0.0-beta.8"}');var _excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Concepts/Introduction",mdxType:"Meta"}),(0,esm.kt)("h2",null,"Fluent UI Web Components ",(0,esm.kt)("span",null,"v",package_namespaceObject.i8)),(0,esm.kt)("p",null,"⚠️ ",(0,esm.kt)("strong",{parentName:"p"},"While in Beta, breaking changes may be made based on feedback from users.")," This space is useful for testing new components whose APIs might change before final release."),(0,esm.kt)("p",null,"Microsoft's ",(0,esm.kt)("a",{parentName:"p",href:"https://github.com/microsoft/fluentui/tree/master/packages/web-components",target:"_blank",rel:"nofollow noopener noreferrer"},"Fluent UI Web Components")," is designed to help you build Fluent web apps using extensible Web Components. The package composes the ",(0,esm.kt)("inlineCode",{parentName:"p"},"@microsoft/fast-foundation")," Web Component package and styles it with the ",(0,esm.kt)("a",{parentName:"p",href:"https://github.com/microsoft/fluentui",target:"_blank",rel:"nofollow noopener noreferrer"},"Fluent design language"),"."),(0,esm.kt)("h3",{id:"what-are-web-components"},"What are Web Components?"),(0,esm.kt)("p",null,'"Web Components" is an umbrella term that refers to a collection of web standards focused on enabling the creation of custom HTML elements. Some of the standards that are under the umbrella include the ability to define new HTML tags, plug into a standard component lifecycle, encapsulate HTML rendering and CSS, parameterize CSS, skin components, and more. Each of these platform features is defined by the W3C and has shipped in every major browser today.'),(0,esm.kt)("h3",{id:"how-does-fluent-ui-web-components-leverage-web-components"},"How does Fluent UI Web Components leverage Web Components?"),(0,esm.kt)("p",null,"Fluent UI Web Components is built directly on the W3C Web Component standards, and does not create its own component model. This allows our components to function the same as built-in, native HTML elements. You do not need a framework to use Fluent UI components but you can use them in combination with any framework or library of your choice."),(0,esm.kt)("h3",{id:"joining-the-community"},"Joining the community"),(0,esm.kt)("p",null,"Looking to get answers to questions or engage with us in realtime? Submit requests and issues on ",(0,esm.kt)("a",{parentName:"p",href:"https://github.com/Microsoft/fast/issues/new/choose",target:"_blank",rel:"nofollow noopener noreferrer"},"GitHub"),"."),(0,esm.kt)("p",null,"We look forward to building an amazing open source community with you!"))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Concepts/Introduction",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});const introduction_stories=componentMeta;var __namedExportsOrder=["__page"]},"../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../.storybook/docs-root.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"/*\n * Heads Up!\n * This file is used by both React v9 and Web Components Storybooks.\n * All CSS must apply to both implementations.\n *\n * DO NOT use design tokens in this file.\n * This file styles the content outside of story previews where a Fluent theme is not expected to be set or change.\n */\n\n#docs-root .sbdocs-content {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n max-width: 1200px;\n}\n\n#docs-root h1.sbdocs-title {\n font-size: 44px;\n line-height: 60px;\n /* identical to box height, or 143% */\n letter-spacing: -0.04em;\n color: #000000;\n}\n\n#docs-root details {\n position: relative;\n z-index: 99;\n}\n\n#docs-root .sbdocs-p {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 18px;\n line-height: 27px;\n letter-spacing: -0.01em;\n color: #000000;\n margin-top: 24px;\n}\n\n#docs-root .sbdocs-img.featured-image {\n max-width: 100%;\n margin: 48px 0;\n display: block;\n}\n\n#docs-root .sbdocs-img {\n border-radius: 24px;\n}\n\n#docs-root .sbdocs-hr {\n margin: 48px 0;\n height: 0;\n border-top: 1px solid #ebebeb;\n}\n\n#docs-root .sbdocs-h2 {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 24px;\n line-height: 28px;\n letter-spacing: -0.04em;\n color: black;\n border-top: 1px solid #ebebeb;\n border-bottom: none;\n margin: 48px 0 15px 0;\n padding: 48px 0 0 0;\n}\n\n#docs-root .sbdocs-h2 code {\n border-radius: 4px;\n font-size: 20px;\n}\n\n#docs-root .sbdocs-h3 {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 18px;\n line-height: 24px;\n margin: 25px 0 0 0 !important;\n letter-spacing: -0.01em;\n color: #000000;\n}\n\n#docs-root .sbdocs-h3 code {\n border-radius: 3px;\n font-size: 16px;\n}\n\n/* Only apply to H3s inside of stories which have a parent with an ID */\n#docs-root [id] > .sbdocs-h3:before {\n content: '';\n display: block;\n height: 40px;\n margin: -40px 0 0;\n}\n\n#docs-root .sbdocs-li {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 16px;\n line-height: 150%;\n letter-spacing: -0.01em;\n\n /* Neutrals / Web / Gray 200 #1B1A19 */\n color: #1b1a19;\n margin-top: 8px;\n}\n\n#docs-root .sbdocs-ul {\n margin: 12px 0;\n}\n\n#docs-root .sbdocs-ul .sbdocs-li {\n list-style: none;\n position: relative;\n}\n\n#docs-root .sbdocs-ul .sbdocs-li::before {\n position: absolute;\n content: '•';\n color: #8d8d8d;\n top: 0;\n left: -15px;\n}\n\n#docs-root .sbdocs-ol .sbdocs-li::marker {\n color: #8d8d8d;\n}\n\n#docs-root .sbdocs-preview {\n border-radius: 16px;\n background: #fff; /* --colorBrandBackgroundInverted */\n padding: 0;\n box-shadow: none;\n border: 1px solid #d1d1d1; /* --colorNeutralStroke1 */\n}\n\n/* Apply the currently selected Fluent UI theme to the relevant areas of the docs */\n#docs-root .innerZoomElementWrapper > div {\n padding: 30px;\n box-sizing: border-box;\n}\n\n/* fix mouse interactions for toolbar on first story */\n#docs-root .sbdocs-preview > .os-host {\n /* The toolbar sits within the story content area and is position: absolute by default. */\n /* The story content overlays the toolbar making it non-interactive */\n /* We don't use z-index because the toolbar can still sometimes overlay story content (flyout menu) */\n /* The best solution is to use a static toolbar that is always outside the story content and interactive */\n position: static;\n}\n\n/* Remove z-index from \"show code\" button container */\n/* https://github.com/microsoft/fluentui/issues/22773 */\n.docs-story > div:nth-child(2) {\n z-index: auto;\n}\n\n#docs-root .docblock-code-toggle,\n.docs-story .with-code-sandbox-button {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n min-width: 91px;\n font-size: 14px !important;\n font-weight: 600 !important;\n margin-right: 32px !important;\n line-height: 150% !important;\n color: #201f1e !important;\n text-align: center !important;\n justify-content: center !important;\n letter-spacing: -0.01em !important;\n background: #f8f8f8 !important;\n border: none !important;\n /* box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important; */\n border-radius: 5px 5px 0px 0px !important;\n}\n\n/* Reduce font size of CodeSandbox and Show Code button when zoomed or small window width*/\n/* https://github.com/microsoft/fluentui/issues/22764 */\n\n@media screen and (max-width: 380px) {\n #docs-root .docblock-code-toggle,\n .docs-story .with-code-sandbox-button {\n font-size: 10px !important;\n }\n}\n\n/* Make storybook-addon-export-to-codesandbox button match Figma design */\n.docs-story .with-code-sandbox-button {\n right: 105px !important;\n}\n\n.docs-story .with-code-sandbox-button:focus {\n outline: none;\n box-shadow: #1ea7fd 0 -3px 0 0 inset;\n}\n\n#docs-root span + .sbdocs .docblock-argstable tbody tr td button {\n color: #0078d4;\n color: red;\n}\n\n#docs-root .docs-story + div {\n background: #11100f;\n}\n\n#docs-root .sbdocs-content > div:last-child {\n margin-bottom: 96px;\n}\n\n#docs-root .docs-story > div {\n padding: 0;\n background: none;\n}\n\n#docs-root .docs-story > div:last-child {\n right: 31px;\n border-radius: 24px;\n}\n\n.docs-story + div > div:last-child {\n background: #000000;\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);\n border-radius: 5px 5px 0px 0px;\n right: 31px;\n}\n\n.docs-story + div > div:last-child > button {\n color: white;\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 14px;\n line-height: 150%;\n text-align: center;\n letter-spacing: -0.01em;\n}\n\n#docs-root a.sbdocs-a {\n color: #0078d4;\n}\n\n/* */\n/* Args Table */\n/* */\n\n#docs-root .docblock-argstable tbody {\n box-shadow: none;\n border-left: none;\n border-right: none;\n}\n\n#docs-root .docblock-argstable-head th {\n letter-spacing: -0.01em;\n color: black;\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 16px;\n line-height: 150%;\n font-weight: 600;\n}\n\n#docs-root thead.docblock-argstable-head {\n border-bottom: 1px solid #edebe9;\n}\n\n#docs-root .docblock-argstable tbody tr {\n border: none;\n}\n\n#docs-root table.docblock-argstable tbody.docblock-argstable-body td,\n#docs-root .docblock-argstable th {\n padding-top: 12px;\n padding-bottom: 12px;\n padding-left: 16px;\n}\n\n#docs-root .docblock-argstable tbody tr td:nth-child(1) span {\n font-weight: normal;\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 16px;\n line-height: 130%;\n letter-spacing: -0.01em;\n color: #616161;\n}\n\n#docs-root .docblock-argstable tbody tr td {\n vertical-align: top;\n}\n\n#docs-root .docblock-argstable-body > tr > td > div > div > button {\n color: #0078d4;\n line-height: 21px;\n}\n\n#docs-root code,\n#docs-root .docblock-argstable tbody tr td:nth-child(3) > div > span,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(2) span,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(1) > div > span,\n#docs-root .css-16d4d7t {\n font-family: 'Cascadia Code', Menlo, 'Courier New', Courier, monospace;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 130%;\n letter-spacing: -0.2px;\n box-decoration-break: clone;\n -webkit-box-decoration-break: clone;\n}\n\n#docs-root code.sbdocs-code,\n#docs-root .sbdocs-p code,\n#docs-root .sbdocs-li code,\n#docs-root .docblock-argstable code,\n#docs-root .docblock-argstable tbody tr td:nth-child(3) > div > span,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(2) span,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(1) > div > span,\n#docs-root .css-16d4d7t {\n font-size: 14px;\n background: #f0f0f0;\n border-radius: 4px;\n padding: 1px 4px;\n margin: 0 3px 0 3px;\n color: black;\n border: none;\n line-height: 1.5;\n}\n\n#docs-root .docblock-argstable code {\n white-space: normal;\n}\n\n#docs-root code {\n padding: 0.1em 0.2em;\n display: inline-block;\n background-color: rgba(17, 16, 15, 0.1);\n border-radius: 2px;\n width: fit-content; /* prevent wrapping kebab-case words when they'll fit on one line */\n}\n\n.os-content-glue {\n width: auto !important;\n}\n\n#docs-root .sbdocs-preview .prismjs {\n overflow: hidden;\n}\n\n#docs-root .os-content .prismjs * {\n font-family: 'Cascadia Code', Menlo, 'Courier New', Courier, monospace;\n font-size: 14px;\n line-height: 1.4em;\n}\n\n#docs-root .sbdocs-preview .prismjs code {\n color: white;\n background: #11100f;\n margin: 0;\n overflow-x: auto;\n}\n\n#docs-root .docblock-argstable-body td > div > p,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) p,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(1) > span {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 16px;\n line-height: 130%;\n color: black;\n letter-spacing: -0.01em;\n}\n\n#docs-root .docblock-argstable tr > :nth-child(1) {\n width: 4%;\n}\n\n#docs-root .docblock-argstable tr > :nth-child(2) {\n width: 100%;\n}\n\n#docs-root .os-padding {\n z-index: 0;\n}\n\n@font-face {\n font-family: 'Segoe UI';\n src: local('Segoe UI Light'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format('truetype');\n font-weight: 100;\n}\n\n@font-face {\n font-family: 'Segoe UI';\n src: local('Segoe UI Semilight'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format('truetype');\n font-weight: 200;\n}\n\n@font-face {\n font-family: 'Segoe UI';\n src: local('Segoe UI'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format('truetype');\n font-weight: 400;\n}\n\n@font-face {\n font-family: 'Segoe UI';\n src: local('Segoe UI Semibold'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format('truetype');\n font-weight: 600;\n}\n\n@font-face {\n font-family: 'Segoe UI';\n src: local('Segoe UI Bold'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format('truetype');\n font-weight: 700;\n}\n\nbody,\nbody p,\nbody ul,\nbody ul li {\n font-family: 'Segoe UI' !important;\n}\n\nh1.fluent {\n font-weight: 700;\n font-size: 40px;\n font-family: 'Segoe UI';\n line-height: 60px;\n letter-spacing: -0.16px;\n}\n\nh1 .fluent-version {\n display: block;\n font-size: 24px; /* --fontSizeBase600 */\n line-height: 32px;\n color: #707070; /* --colorNeutralForeground3 */\n}\n\nh2.fluent {\n font-weight: 600;\n font-size: 24px;\n font-family: 'Segoe UI';\n line-height: 36px;\n letter-spacing: -0.16px;\n}\n","",{version:3,sources:["webpack://./../../.storybook/docs-root.css"],names:[],mappings:"AAAA;;;;;;;EAOE;;AAEF;EACE;cACY;EACZ,iBAAiB;AACnB;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,qCAAqC;EACrC,uBAAuB;EACvB,cAAc;AAChB;;AAEA;EACE,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE;cACY;EACZ,eAAe;EACf,iBAAiB;EACjB,uBAAuB;EACvB,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,cAAc;EACd,cAAc;AAChB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,cAAc;EACd,SAAS;EACT,6BAA6B;AAC/B;;AAEA;EACE;cACY;EACZ,eAAe;EACf,iBAAiB;EACjB,uBAAuB;EACvB,YAAY;EACZ,6BAA6B;EAC7B,mBAAmB;EACnB,qBAAqB;EACrB,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE;cACY;EACZ,eAAe;EACf,iBAAiB;EACjB,6BAA6B;EAC7B,uBAAuB;EACvB,cAAc;AAChB;;AAEA;EACE,kBAAkB;EAClB,eAAe;AACjB;;AAEA,uEAAuE;AACvE;EACE,WAAW;EACX,cAAc;EACd,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE;cACY;EACZ,eAAe;EACf,iBAAiB;EACjB,uBAAuB;;EAEvB,sCAAsC;EACtC,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,cAAc;EACd,MAAM;EACN,WAAW;AACb;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;EACnB,gBAAgB,EAAE,mCAAmC;EACrD,UAAU;EACV,gBAAgB;EAChB,yBAAyB,EAAE,0BAA0B;AACvD;;AAEA,mFAAmF;AACnF;EACE,aAAa;EACb,sBAAsB;AACxB;;AAEA,sDAAsD;AACtD;EACE,yFAAyF;EACzF,qEAAqE;EACrE,qGAAqG;EACrG,0GAA0G;EAC1G,gBAAgB;AAClB;;AAEA,qDAAqD;AACrD,uDAAuD;AACvD;EACE,aAAa;AACf;;AAEA;;EAEE;cACY;EACZ,eAAe;EACf,0BAA0B;EAC1B,2BAA2B;EAC3B,6BAA6B;EAC7B,4BAA4B;EAC5B,yBAAyB;EACzB,6BAA6B;EAC7B,kCAAkC;EAClC,kCAAkC;EAClC,8BAA8B;EAC9B,uBAAuB;EACvB,4DAA4D;EAC5D,yCAAyC;AAC3C;;AAEA,0FAA0F;AAC1F,uDAAuD;;AAEvD;EACE;;IAEE,0BAA0B;EAC5B;AACF;;AAEA,yEAAyE;AACzE;EACE,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,oCAAoC;AACtC;;AAEA;EACE,cAAc;EACd,UAAU;AACZ;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,UAAU;EACV,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,2CAA2C;EAC3C,8BAA8B;EAC9B,WAAW;AACb;;AAEA;EACE,YAAY;EACZ;cACY;EACZ,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,uBAAuB;AACzB;;AAEA;EACE,cAAc;AAChB;;AAEA,KAAK;AACL,eAAe;AACf,KAAK;;AAEL;EACE,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,uBAAuB;EACvB,YAAY;EACZ;cACY;EACZ,eAAe;EACf,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,YAAY;AACd;;AAEA;;EAEE,iBAAiB;EACjB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;EACnB;cACY;EACZ,eAAe;EACf,iBAAiB;EACjB,uBAAuB;EACvB,cAAc;AAChB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,cAAc;EACd,iBAAiB;AACnB;;AAEA;;;;;EAKE,sEAAsE;EACtE,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,sBAAsB;EACtB,2BAA2B;EAC3B,mCAAmC;AACrC;;AAEA;;;;;;;;EAQE,eAAe;EACf,mBAAmB;EACnB,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;EACnB,YAAY;EACZ,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,oBAAoB;EACpB,qBAAqB;EACrB,uCAAuC;EACvC,kBAAkB;EAClB,kBAAkB,EAAE,mEAAmE;AACzF;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,sEAAsE;EACtE,eAAe;EACf,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,mBAAmB;EACnB,SAAS;EACT,gBAAgB;AAClB;;AAEA;;;EAGE;cACY;EACZ,eAAe;EACf,iBAAiB;EACjB,YAAY;EACZ,uBAAuB;AACzB;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,uBAAuB;EACvB;;;oGAGkG;EAClG,gBAAgB;AAClB;;AAEA;EACE,uBAAuB;EACvB;;;wGAGsG;EACtG,gBAAgB;AAClB;;AAEA;EACE,uBAAuB;EACvB;;;qGAGmG;EACnG,gBAAgB;AAClB;;AAEA;EACE,uBAAuB;EACvB;;;uGAGqG;EACrG,gBAAgB;AAClB;;AAEA;EACE,uBAAuB;EACvB;;;mGAGiG;EACjG,gBAAgB;AAClB;;AAEA;;;;EAIE,kCAAkC;AACpC;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,uBAAuB;EACvB,iBAAiB;EACjB,uBAAuB;AACzB;;AAEA;EACE,cAAc;EACd,eAAe,EAAE,sBAAsB;EACvC,iBAAiB;EACjB,cAAc,EAAE,8BAA8B;AAChD;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,uBAAuB;EACvB,iBAAiB;EACjB,uBAAuB;AACzB",sourcesContent:["/*\n * Heads Up!\n * This file is used by both React v9 and Web Components Storybooks.\n * All CSS must apply to both implementations.\n *\n * DO NOT use design tokens in this file.\n * This file styles the content outside of story previews where a Fluent theme is not expected to be set or change.\n */\n\n#docs-root .sbdocs-content {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n max-width: 1200px;\n}\n\n#docs-root h1.sbdocs-title {\n font-size: 44px;\n line-height: 60px;\n /* identical to box height, or 143% */\n letter-spacing: -0.04em;\n color: #000000;\n}\n\n#docs-root details {\n position: relative;\n z-index: 99;\n}\n\n#docs-root .sbdocs-p {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 18px;\n line-height: 27px;\n letter-spacing: -0.01em;\n color: #000000;\n margin-top: 24px;\n}\n\n#docs-root .sbdocs-img.featured-image {\n max-width: 100%;\n margin: 48px 0;\n display: block;\n}\n\n#docs-root .sbdocs-img {\n border-radius: 24px;\n}\n\n#docs-root .sbdocs-hr {\n margin: 48px 0;\n height: 0;\n border-top: 1px solid #ebebeb;\n}\n\n#docs-root .sbdocs-h2 {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 24px;\n line-height: 28px;\n letter-spacing: -0.04em;\n color: black;\n border-top: 1px solid #ebebeb;\n border-bottom: none;\n margin: 48px 0 15px 0;\n padding: 48px 0 0 0;\n}\n\n#docs-root .sbdocs-h2 code {\n border-radius: 4px;\n font-size: 20px;\n}\n\n#docs-root .sbdocs-h3 {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 18px;\n line-height: 24px;\n margin: 25px 0 0 0 !important;\n letter-spacing: -0.01em;\n color: #000000;\n}\n\n#docs-root .sbdocs-h3 code {\n border-radius: 3px;\n font-size: 16px;\n}\n\n/* Only apply to H3s inside of stories which have a parent with an ID */\n#docs-root [id] > .sbdocs-h3:before {\n content: '';\n display: block;\n height: 40px;\n margin: -40px 0 0;\n}\n\n#docs-root .sbdocs-li {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 16px;\n line-height: 150%;\n letter-spacing: -0.01em;\n\n /* Neutrals / Web / Gray 200 #1B1A19 */\n color: #1b1a19;\n margin-top: 8px;\n}\n\n#docs-root .sbdocs-ul {\n margin: 12px 0;\n}\n\n#docs-root .sbdocs-ul .sbdocs-li {\n list-style: none;\n position: relative;\n}\n\n#docs-root .sbdocs-ul .sbdocs-li::before {\n position: absolute;\n content: '•';\n color: #8d8d8d;\n top: 0;\n left: -15px;\n}\n\n#docs-root .sbdocs-ol .sbdocs-li::marker {\n color: #8d8d8d;\n}\n\n#docs-root .sbdocs-preview {\n border-radius: 16px;\n background: #fff; /* --colorBrandBackgroundInverted */\n padding: 0;\n box-shadow: none;\n border: 1px solid #d1d1d1; /* --colorNeutralStroke1 */\n}\n\n/* Apply the currently selected Fluent UI theme to the relevant areas of the docs */\n#docs-root .innerZoomElementWrapper > div {\n padding: 30px;\n box-sizing: border-box;\n}\n\n/* fix mouse interactions for toolbar on first story */\n#docs-root .sbdocs-preview > .os-host {\n /* The toolbar sits within the story content area and is position: absolute by default. */\n /* The story content overlays the toolbar making it non-interactive */\n /* We don't use z-index because the toolbar can still sometimes overlay story content (flyout menu) */\n /* The best solution is to use a static toolbar that is always outside the story content and interactive */\n position: static;\n}\n\n/* Remove z-index from \"show code\" button container */\n/* https://github.com/microsoft/fluentui/issues/22773 */\n.docs-story > div:nth-child(2) {\n z-index: auto;\n}\n\n#docs-root .docblock-code-toggle,\n.docs-story .with-code-sandbox-button {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n min-width: 91px;\n font-size: 14px !important;\n font-weight: 600 !important;\n margin-right: 32px !important;\n line-height: 150% !important;\n color: #201f1e !important;\n text-align: center !important;\n justify-content: center !important;\n letter-spacing: -0.01em !important;\n background: #f8f8f8 !important;\n border: none !important;\n /* box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important; */\n border-radius: 5px 5px 0px 0px !important;\n}\n\n/* Reduce font size of CodeSandbox and Show Code button when zoomed or small window width*/\n/* https://github.com/microsoft/fluentui/issues/22764 */\n\n@media screen and (max-width: 380px) {\n #docs-root .docblock-code-toggle,\n .docs-story .with-code-sandbox-button {\n font-size: 10px !important;\n }\n}\n\n/* Make storybook-addon-export-to-codesandbox button match Figma design */\n.docs-story .with-code-sandbox-button {\n right: 105px !important;\n}\n\n.docs-story .with-code-sandbox-button:focus {\n outline: none;\n box-shadow: #1ea7fd 0 -3px 0 0 inset;\n}\n\n#docs-root span + .sbdocs .docblock-argstable tbody tr td button {\n color: #0078d4;\n color: red;\n}\n\n#docs-root .docs-story + div {\n background: #11100f;\n}\n\n#docs-root .sbdocs-content > div:last-child {\n margin-bottom: 96px;\n}\n\n#docs-root .docs-story > div {\n padding: 0;\n background: none;\n}\n\n#docs-root .docs-story > div:last-child {\n right: 31px;\n border-radius: 24px;\n}\n\n.docs-story + div > div:last-child {\n background: #000000;\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);\n border-radius: 5px 5px 0px 0px;\n right: 31px;\n}\n\n.docs-story + div > div:last-child > button {\n color: white;\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 14px;\n line-height: 150%;\n text-align: center;\n letter-spacing: -0.01em;\n}\n\n#docs-root a.sbdocs-a {\n color: #0078d4;\n}\n\n/* */\n/* Args Table */\n/* */\n\n#docs-root .docblock-argstable tbody {\n box-shadow: none;\n border-left: none;\n border-right: none;\n}\n\n#docs-root .docblock-argstable-head th {\n letter-spacing: -0.01em;\n color: black;\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 16px;\n line-height: 150%;\n font-weight: 600;\n}\n\n#docs-root thead.docblock-argstable-head {\n border-bottom: 1px solid #edebe9;\n}\n\n#docs-root .docblock-argstable tbody tr {\n border: none;\n}\n\n#docs-root table.docblock-argstable tbody.docblock-argstable-body td,\n#docs-root .docblock-argstable th {\n padding-top: 12px;\n padding-bottom: 12px;\n padding-left: 16px;\n}\n\n#docs-root .docblock-argstable tbody tr td:nth-child(1) span {\n font-weight: normal;\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 16px;\n line-height: 130%;\n letter-spacing: -0.01em;\n color: #616161;\n}\n\n#docs-root .docblock-argstable tbody tr td {\n vertical-align: top;\n}\n\n#docs-root .docblock-argstable-body > tr > td > div > div > button {\n color: #0078d4;\n line-height: 21px;\n}\n\n#docs-root code,\n#docs-root .docblock-argstable tbody tr td:nth-child(3) > div > span,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(2) span,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(1) > div > span,\n#docs-root .css-16d4d7t {\n font-family: 'Cascadia Code', Menlo, 'Courier New', Courier, monospace;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 130%;\n letter-spacing: -0.2px;\n box-decoration-break: clone;\n -webkit-box-decoration-break: clone;\n}\n\n#docs-root code.sbdocs-code,\n#docs-root .sbdocs-p code,\n#docs-root .sbdocs-li code,\n#docs-root .docblock-argstable code,\n#docs-root .docblock-argstable tbody tr td:nth-child(3) > div > span,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(2) span,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(1) > div > span,\n#docs-root .css-16d4d7t {\n font-size: 14px;\n background: #f0f0f0;\n border-radius: 4px;\n padding: 1px 4px;\n margin: 0 3px 0 3px;\n color: black;\n border: none;\n line-height: 1.5;\n}\n\n#docs-root .docblock-argstable code {\n white-space: normal;\n}\n\n#docs-root code {\n padding: 0.1em 0.2em;\n display: inline-block;\n background-color: rgba(17, 16, 15, 0.1);\n border-radius: 2px;\n width: fit-content; /* prevent wrapping kebab-case words when they'll fit on one line */\n}\n\n.os-content-glue {\n width: auto !important;\n}\n\n#docs-root .sbdocs-preview .prismjs {\n overflow: hidden;\n}\n\n#docs-root .os-content .prismjs * {\n font-family: 'Cascadia Code', Menlo, 'Courier New', Courier, monospace;\n font-size: 14px;\n line-height: 1.4em;\n}\n\n#docs-root .sbdocs-preview .prismjs code {\n color: white;\n background: #11100f;\n margin: 0;\n overflow-x: auto;\n}\n\n#docs-root .docblock-argstable-body td > div > p,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) p,\n#docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(1) > span {\n font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',\n sans-serif;\n font-size: 16px;\n line-height: 130%;\n color: black;\n letter-spacing: -0.01em;\n}\n\n#docs-root .docblock-argstable tr > :nth-child(1) {\n width: 4%;\n}\n\n#docs-root .docblock-argstable tr > :nth-child(2) {\n width: 100%;\n}\n\n#docs-root .os-padding {\n z-index: 0;\n}\n\n@font-face {\n font-family: 'Segoe UI';\n src: local('Segoe UI Light'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format('truetype');\n font-weight: 100;\n}\n\n@font-face {\n font-family: 'Segoe UI';\n src: local('Segoe UI Semilight'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format('truetype');\n font-weight: 200;\n}\n\n@font-face {\n font-family: 'Segoe UI';\n src: local('Segoe UI'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format('truetype');\n font-weight: 400;\n}\n\n@font-face {\n font-family: 'Segoe UI';\n src: local('Segoe UI Semibold'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format('truetype');\n font-weight: 600;\n}\n\n@font-face {\n font-family: 'Segoe UI';\n src: local('Segoe UI Bold'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format('woff2'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format('woff'),\n url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format('truetype');\n font-weight: 700;\n}\n\nbody,\nbody p,\nbody ul,\nbody ul li {\n font-family: 'Segoe UI' !important;\n}\n\nh1.fluent {\n font-weight: 700;\n font-size: 40px;\n font-family: 'Segoe UI';\n line-height: 60px;\n letter-spacing: -0.16px;\n}\n\nh1 .fluent-version {\n display: block;\n font-size: 24px; /* --fontSizeBase600 */\n line-height: 32px;\n color: #707070; /* --colorNeutralForeground3 */\n}\n\nh2.fluent {\n font-weight: 600;\n font-size: 24px;\n font-family: 'Segoe UI';\n line-height: 36px;\n letter-spacing: -0.16px;\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./.storybook/docs-root-web-compoents.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"/* Mimic React v9 Provider styles:\n * - apply font, background, and foreground colors\n * - apply padding for story content\n */\n#docs-root .innerZoomElementWrapper > div > div {\n padding: 48px 24px;\n font-family: var(--fontFamilyBase);\n background: var(--colorNeutralBackground2);\n color: var(--colorNeutralForeground2);\n}\n\n/*\n * Theme Switcher\n */\n#switches-container {\n position: sticky;\n display: flex;\n gap: 20px;\n align-items: center;\n padding: 12px;\n width: 100%;\n top: 0;\n box-sizing: border-box; /* keep from overflowing body making x scroll bar*/\n background: #fff;\n box-shadow: 0px 0px 3px rgb(0 0 0 / 22%);\n z-index: 10;\n}\n\n#switches-container select {\n padding: 5px var(--spacingHorizontalM);\n border: var(--strokeWidthThin) solid #d1d1d1 /* --colorNeutralStroke1, without theme switching */;\n border-radius: var(--borderRadiusMedium);\n font-size: var(--fontSizeBase300);\n font-weight: var(--fontWeightSemibold);\n line-height: var(--lineHeightBase300);\n width: 140px;\n}\n\n.custom-fullscreen #switches-container {\n display: none;\n}\n\n.custom-fullscreen .sbdocs-wrapper {\n padding: 20px;\n}\n\n.custom-fullscreen .sbdocs-content {\n max-width: unset;\n}\n","",{version:3,sources:["webpack://./.storybook/docs-root-web-compoents.css"],names:[],mappings:"AAAA;;;EAGE;AACF;EACE,kBAAkB;EAClB,kCAAkC;EAClC,0CAA0C;EAC1C,qCAAqC;AACvC;;AAEA;;EAEE;AACF;EACE,gBAAgB;EAChB,aAAa;EACb,SAAS;EACT,mBAAmB;EACnB,aAAa;EACb,WAAW;EACX,MAAM;EACN,sBAAsB,EAAE,kDAAkD;EAC1E,gBAAgB;EAChB,wCAAwC;EACxC,WAAW;AACb;;AAEA;EACE,sCAAsC;EACtC,iGAAiG;EACjG,wCAAwC;EACxC,iCAAiC;EACjC,sCAAsC;EACtC,qCAAqC;EACrC,YAAY;AACd;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:["/* Mimic React v9 Provider styles:\n * - apply font, background, and foreground colors\n * - apply padding for story content\n */\n#docs-root .innerZoomElementWrapper > div > div {\n padding: 48px 24px;\n font-family: var(--fontFamilyBase);\n background: var(--colorNeutralBackground2);\n color: var(--colorNeutralForeground2);\n}\n\n/*\n * Theme Switcher\n */\n#switches-container {\n position: sticky;\n display: flex;\n gap: 20px;\n align-items: center;\n padding: 12px;\n width: 100%;\n top: 0;\n box-sizing: border-box; /* keep from overflowing body making x scroll bar*/\n background: #fff;\n box-shadow: 0px 0px 3px rgb(0 0 0 / 22%);\n z-index: 10;\n}\n\n#switches-container select {\n padding: 5px var(--spacingHorizontalM);\n border: var(--strokeWidthThin) solid #d1d1d1 /* --colorNeutralStroke1, without theme switching */;\n border-radius: var(--borderRadiusMedium);\n font-size: var(--fontSizeBase300);\n font-weight: var(--fontWeightSemibold);\n line-height: var(--lineHeightBase300);\n width: 140px;\n}\n\n.custom-fullscreen #switches-container {\n display: none;\n}\n\n.custom-fullscreen .sbdocs-wrapper {\n padding: 20px;\n}\n\n.custom-fullscreen .sbdocs-content {\n max-width: unset;\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Cmdx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./_docs/concepts/introduction.stories.mdx":"./src/_docs/concepts/introduction.stories.mdx","./accordion/accordion.stories.ts":"./src/accordion/accordion.stories.ts","./anchor-button/anchor-button.stories.ts":"./src/anchor-button/anchor-button.stories.ts","./avatar/avatar.stories.ts":"./src/avatar/avatar.stories.ts","./badge/badge.stories.ts":"./src/badge/badge.stories.ts","./button/button.stories.ts":"./src/button/button.stories.ts","./checkbox/checkbox.stories.ts":"./src/checkbox/checkbox.stories.ts","./compound-button/compound-button.stories.ts":"./src/compound-button/compound-button.stories.ts","./counter-badge/counter-badge.stories.ts":"./src/counter-badge/counter-badge.stories.ts","./dialog/dialog.stories.ts":"./src/dialog/dialog.stories.ts","./divider/divider.stories.ts":"./src/divider/divider.stories.ts","./helpers.stories.ts":"./src/helpers.stories.ts","./image/image.stories.ts":"./src/image/image.stories.ts","./label/label.stories.ts":"./src/label/label.stories.ts","./menu-button/menu-button.stories.ts":"./src/menu-button/menu-button.stories.ts","./menu-list/menu-list.stories.ts":"./src/menu-list/menu-list.stories.ts","./menu/menu.stories.ts":"./src/menu/menu.stories.ts","./progress-bar/progress-bar.stories.ts":"./src/progress-bar/progress-bar.stories.ts","./radio-group/radio-group.stories.ts":"./src/radio-group/radio-group.stories.ts","./radio/radio.stories.ts":"./src/radio/radio.stories.ts","./slider/slider.stories.ts":"./src/slider/slider.stories.ts","./spinner/spinner.stories.ts":"./src/spinner/spinner.stories.ts","./switch/switch.stories.ts":"./src/switch/switch.stories.ts","./tabs/tabs.stories.ts":"./src/tabs/tabs.stories.ts","./text-input/text-input.stories.ts":"./src/text-input/text-input.stories.ts","./text/text.stories.ts":"./src/text/text.stories.ts","./theme/theme.stories.ts":"./src/theme/theme.stories.ts","./toggle-button/toggle-button.stories.ts":"./src/toggle-button/toggle-button.stories.ts"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Cmdx))$"},"?c95a":()=>{},"./generated-stories-entry.cjs":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/html/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Cmdx))$")],module,!1)},"./.storybook/preview.mjs-generated-config-entry.js":(__unused_webpack___webpack_module__,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var index_rollup_namespaceObject={};__webpack_require__.r(index_rollup_namespaceObject),__webpack_require__.d(index_rollup_namespaceObject,{Accordion:()=>accordion.U,AccordionItem:()=>accordion_item.Q,AccordionItemExpandIconPosition:()=>accordion_item_options.N,AccordionItemSize:()=>accordion_item_options.i,AnchorButton:()=>anchor_button.A,AnchorButtonAppearance:()=>anchor_button_options.kW,AnchorButtonDefinition:()=>anchor_button_definition.D,AnchorButtonShape:()=>anchor_button_options.fX,AnchorButtonSize:()=>anchor_button_options.$_,AnchorButtonTemplate:()=>anchor_button_template.X,AnchorTarget:()=>anchor_button_options.PA,Avatar:()=>avatar.q,AvatarActive:()=>avatar_options.oc,AvatarAppearance:()=>avatar_options.iS,AvatarColor:()=>avatar_options.aI,AvatarDefinition:()=>avatar_definition.D,AvatarNamedColor:()=>avatar_options.yT,AvatarShape:()=>avatar_options.oG,AvatarSize:()=>avatar_options.DZ,AvatarStyles:()=>avatar_styles.W,AvatarTemplate:()=>avatar_template.X,Badge:()=>badge.C,BadgeAppearance:()=>badge_options.Ar,BadgeColor:()=>badge_options.JV,BadgeDefinition:()=>badge_definition.D,BadgeShape:()=>badge_options.Ou,BadgeSize:()=>badge_options.OD,BadgeStyles:()=>badge_styles.W,BadgeTemplate:()=>badge_template.X,BaseTabs:()=>tabs.A,Button:()=>button_button.z,ButtonAppearance:()=>button_options.Lr,ButtonDefinition:()=>button_definition.D,ButtonShape:()=>button_options.jL,ButtonSize:()=>button_options.qE,ButtonStyles:()=>button_styles.W,ButtonTemplate:()=>button_template.X,ButtonType:()=>button_options.L$,Checkbox:()=>checkbox_checkbox.X,CheckboxDefinition:()=>checkbox_definition.D,CheckboxLabelPosition:()=>checkbox_options.n0,CheckboxShape:()=>checkbox_options.ZN,CheckboxSize:()=>checkbox_options.yB,CheckboxStyles:()=>checkbox_styles.W,CheckboxTemplate:()=>checkbox_template.r,CompoundButton:()=>compound_button.W,CompoundButtonAppearance:()=>compound_button_options.gl,CompoundButtonDefinition:()=>compound_button_definition.D,CompoundButtonShape:()=>compound_button_options.jF,CompoundButtonSize:()=>compound_button_options.Ih,CompoundButtonStyles:()=>compound_button_styles.W,CompoundButtonTemplate:()=>compound_button_template.X,CounterBadge:()=>counter_badge.T,CounterBadgeAppearance:()=>counter_badge_options.Qv,CounterBadgeColor:()=>counter_badge_options.iJ,CounterBadgeDefinition:()=>counter_badge_definition.D,CounterBadgeShape:()=>counter_badge_options.fc,CounterBadgeSize:()=>counter_badge_options.J1,CounterBadgeStyles:()=>counter_badge_styles.W,CounterBadgeTemplate:()=>counter_badge_template.X,DelegatesARIAButton:()=>button_button.J,DelegatesARIALink:()=>anchor_button.m,DelegatesARIATextbox:()=>text_input.yd,Dialog:()=>dialog.V,DialogDefinition:()=>dialog_definition.D,DialogStyles:()=>dialog_styles.W,DialogTemplate:()=>dialog_template.X,Divider:()=>divider.i,DividerAlignContent:()=>divider_options.HE,DividerAppearance:()=>divider_options.B_,DividerDefinition:()=>divider_definition.D,DividerOrientation:()=>divider_options.W6,DividerRole:()=>divider_options.LG,DividerStyles:()=>divider_styles.W,DividerTemplate:()=>divider_template.X,FluentDesignSystem:()=>fluent_design_system.H,Image:()=>image_image.E,ImageDefinition:()=>image_definition.D,ImageFit:()=>image_options.k,ImageShape:()=>image_options.K,ImageStyles:()=>image_styles.W,ImageTemplate:()=>image_template.X,Label:()=>label._,LabelDefinition:()=>label_definition.D,LabelStyles:()=>label_styles.W,LabelTemplate:()=>label_template.X,Menu:()=>menu.v,MenuButton:()=>menu_button.j,MenuButtonAppearance:()=>menu_button_options.pz,MenuButtonDefinition:()=>menu_button_definition.D,MenuButtonShape:()=>menu_button_options.OR,MenuButtonSize:()=>menu_button_options.SJ,MenuButtonStyles:()=>button_styles.W,MenuButtonTemplate:()=>menu_button_template.X,MenuDefinition:()=>menu_definition.D,MenuItem:()=>menu_item.sN,MenuItemDefinition:()=>menu_item.PH,MenuItemRole:()=>menu_item.OC,MenuItemStyles:()=>menu_item.rx,MenuItemTemplate:()=>menu_item.zV,MenuList:()=>menu_list.q,MenuListDefinition:()=>menu_list_definition.D,MenuListStyles:()=>menu_list_styles.W,MenuListTemplate:()=>menu_list_template.X,MenuStyles:()=>menu_styles.W,MenuTemplate:()=>menu_template.X,ProgressBar:()=>progress_bar.k,ProgressBarDefinition:()=>progress_bar_definition.D,ProgressBarShape:()=>progress_bar_options._5,ProgressBarStyles:()=>progress_bar_styles.W,ProgressBarTemplate:()=>progress_bar_template.X,ProgressBarThickness:()=>progress_bar_options.QY,ProgressBarValidationState:()=>progress_bar_options.e_,Radio:()=>radio_radio.Y,RadioDefinition:()=>radio_definition.D,RadioGroup:()=>radio_group.E,RadioGroupDefinition:()=>radio_group_definition.D,RadioGroupStyles:()=>radio_group_styles.W,RadioGroupTemplate:()=>radio_group_template.X,RadioStyles:()=>radio_styles.W,RadioTemplate:()=>radio_template.X,Slider:()=>slider.i,SliderDefinition:()=>slider_definition.D,SliderMode:()=>slider_options.tF,SliderOrientation:()=>slider_options.rQ,SliderSize:()=>slider_options.mE,SliderStyles:()=>slider_styles.W,SliderTemplate:()=>slider_template.X,Spinner:()=>spinner.$,SpinnerAppearance:()=>spinner_options.l,SpinnerDefinition:()=>spinner_definition.D,SpinnerSize:()=>spinner_options.E,SpinnerStyles:()=>spinner_styles.W,SpinnerTemplate:()=>spinner_template.X,Switch:()=>switch_switch.r,SwitchDefinition:()=>switch_definition.D,SwitchLabelPosition:()=>switch_options.d,SwitchStyles:()=>switch_styles.W,SwitchTemplate:()=>switch_template.X,Tab:()=>tab.O,TabDefinition:()=>tab_definition.D,TabPanel:()=>tab_panel.x,TabPanelDefinition:()=>tab_panel_definition.D,TabPanelStyles:()=>tab_panel_styles.W,TabPanelTemplate:()=>tab_panel_template.X,TabStyles:()=>tab_styles.W,TabTemplate:()=>tab_template.X,Tabs:()=>tabs.m,TabsAppearance:()=>tabs_options.Fx,TabsDefinition:()=>tabs_definition.D,TabsOrientation:()=>tabs_options.Gh,TabsSize:()=>tabs_options.K0,TabsStyles:()=>tabs_styles.W,TabsTemplate:()=>tabs_template.X,Text:()=>text_text.x,TextAlign:()=>text_options.PH,TextDefinition:()=>text_definition.D,TextFieldType:()=>text_input.T3,TextFont:()=>text_options.IH,TextInput:()=>text_input.oi,TextInputAppearance:()=>text_input.Wh,TextInputControlSize:()=>text_input._$,TextInputDefinition:()=>text_input.kl,TextInputStyles:()=>text_input.x7,TextInputTemplate:()=>text_input.mo,TextSize:()=>text_options.yH,TextStyles:()=>text_styles.W,TextTemplate:()=>text_template.X,TextWeight:()=>text_options.fs,ToggleButton:()=>toggle_button.C,ToggleButtonAppearance:()=>toggle_button_options.nY,ToggleButtonDefinition:()=>toggle_button_definition.D,ToggleButtonShape:()=>toggle_button_options.o3,ToggleButtonSize:()=>toggle_button_options.Bx,ToggleButtonStyles:()=>toggle_button_styles.W,ToggleButtonTemplate:()=>toggle_button_template.X,accordionDefinition:()=>accordion_definition.D,accordionItemDefinition:()=>accordion_item_definition.D,accordionItemStyles:()=>accordion_item_styles.W,accordionItemTemplate:()=>accordion_item_template.X,accordionStyles:()=>accordion_styles.W,accordionTemplate:()=>accordion_template.X,borderRadiusCircular:()=>design_tokens.borderRadiusCircular,borderRadiusLarge:()=>design_tokens.borderRadiusLarge,borderRadiusMedium:()=>design_tokens.borderRadiusMedium,borderRadiusNone:()=>design_tokens.borderRadiusNone,borderRadiusSmall:()=>design_tokens.borderRadiusSmall,borderRadiusXLarge:()=>design_tokens.borderRadiusXLarge,colorBackgroundOverlay:()=>design_tokens.colorBackgroundOverlay,colorBrandBackground:()=>design_tokens.colorBrandBackground,colorBrandBackground2:()=>design_tokens.colorBrandBackground2,colorBrandBackgroundHover:()=>design_tokens.colorBrandBackgroundHover,colorBrandBackgroundInverted:()=>design_tokens.colorBrandBackgroundInverted,colorBrandBackgroundInvertedHover:()=>design_tokens.colorBrandBackgroundInvertedHover,colorBrandBackgroundInvertedPressed:()=>design_tokens.colorBrandBackgroundInvertedPressed,colorBrandBackgroundInvertedSelected:()=>design_tokens.colorBrandBackgroundInvertedSelected,colorBrandBackgroundPressed:()=>design_tokens.colorBrandBackgroundPressed,colorBrandBackgroundSelected:()=>design_tokens.colorBrandBackgroundSelected,colorBrandBackgroundStatic:()=>design_tokens.colorBrandBackgroundStatic,colorBrandForeground1:()=>design_tokens.colorBrandForeground1,colorBrandForeground2:()=>design_tokens.colorBrandForeground2,colorBrandForegroundInverted:()=>design_tokens.colorBrandForegroundInverted,colorBrandForegroundInvertedHover:()=>design_tokens.colorBrandForegroundInvertedHover,colorBrandForegroundInvertedPressed:()=>design_tokens.colorBrandForegroundInvertedPressed,colorBrandForegroundLink:()=>design_tokens.colorBrandForegroundLink,colorBrandForegroundLinkHover:()=>design_tokens.colorBrandForegroundLinkHover,colorBrandForegroundLinkPressed:()=>design_tokens.colorBrandForegroundLinkPressed,colorBrandForegroundLinkSelected:()=>design_tokens.colorBrandForegroundLinkSelected,colorBrandForegroundOnLight:()=>design_tokens.colorBrandForegroundOnLight,colorBrandForegroundOnLightHover:()=>design_tokens.colorBrandForegroundOnLightHover,colorBrandForegroundOnLightPressed:()=>design_tokens.colorBrandForegroundOnLightPressed,colorBrandForegroundOnLightSelected:()=>design_tokens.colorBrandForegroundOnLightSelected,colorBrandShadowAmbient:()=>design_tokens.colorBrandShadowAmbient,colorBrandShadowKey:()=>design_tokens.colorBrandShadowKey,colorBrandStroke1:()=>design_tokens.colorBrandStroke1,colorBrandStroke2:()=>design_tokens.colorBrandStroke2,colorCompoundBrandBackground:()=>design_tokens.colorCompoundBrandBackground,colorCompoundBrandBackgroundHover:()=>design_tokens.colorCompoundBrandBackgroundHover,colorCompoundBrandBackgroundPressed:()=>design_tokens.colorCompoundBrandBackgroundPressed,colorCompoundBrandForeground1:()=>design_tokens.colorCompoundBrandForeground1,colorCompoundBrandForeground1Hover:()=>design_tokens.colorCompoundBrandForeground1Hover,colorCompoundBrandForeground1Pressed:()=>design_tokens.colorCompoundBrandForeground1Pressed,colorCompoundBrandStroke:()=>design_tokens.colorCompoundBrandStroke,colorCompoundBrandStrokeHover:()=>design_tokens.colorCompoundBrandStrokeHover,colorCompoundBrandStrokePressed:()=>design_tokens.colorCompoundBrandStrokePressed,colorNeutralBackground1:()=>design_tokens.colorNeutralBackground1,colorNeutralBackground1Hover:()=>design_tokens.colorNeutralBackground1Hover,colorNeutralBackground1Pressed:()=>design_tokens.colorNeutralBackground1Pressed,colorNeutralBackground1Selected:()=>design_tokens.colorNeutralBackground1Selected,colorNeutralBackground2:()=>design_tokens.colorNeutralBackground2,colorNeutralBackground2Hover:()=>design_tokens.colorNeutralBackground2Hover,colorNeutralBackground2Pressed:()=>design_tokens.colorNeutralBackground2Pressed,colorNeutralBackground2Selected:()=>design_tokens.colorNeutralBackground2Selected,colorNeutralBackground3:()=>design_tokens.colorNeutralBackground3,colorNeutralBackground3Hover:()=>design_tokens.colorNeutralBackground3Hover,colorNeutralBackground3Pressed:()=>design_tokens.colorNeutralBackground3Pressed,colorNeutralBackground3Selected:()=>design_tokens.colorNeutralBackground3Selected,colorNeutralBackground4:()=>design_tokens.colorNeutralBackground4,colorNeutralBackground4Hover:()=>design_tokens.colorNeutralBackground4Hover,colorNeutralBackground4Pressed:()=>design_tokens.colorNeutralBackground4Pressed,colorNeutralBackground4Selected:()=>design_tokens.colorNeutralBackground4Selected,colorNeutralBackground5:()=>design_tokens.colorNeutralBackground5,colorNeutralBackground5Hover:()=>design_tokens.colorNeutralBackground5Hover,colorNeutralBackground5Pressed:()=>design_tokens.colorNeutralBackground5Pressed,colorNeutralBackground5Selected:()=>design_tokens.colorNeutralBackground5Selected,colorNeutralBackground6:()=>design_tokens.colorNeutralBackground6,colorNeutralBackgroundDisabled:()=>design_tokens.colorNeutralBackgroundDisabled,colorNeutralBackgroundInverted:()=>design_tokens.colorNeutralBackgroundInverted,colorNeutralBackgroundInvertedDisabled:()=>design_tokens.colorNeutralBackgroundInvertedDisabled,colorNeutralBackgroundStatic:()=>design_tokens.colorNeutralBackgroundStatic,colorNeutralForeground1:()=>design_tokens.colorNeutralForeground1,colorNeutralForeground1Hover:()=>design_tokens.colorNeutralForeground1Hover,colorNeutralForeground1Pressed:()=>design_tokens.colorNeutralForeground1Pressed,colorNeutralForeground1Selected:()=>design_tokens.colorNeutralForeground1Selected,colorNeutralForeground1Static:()=>design_tokens.colorNeutralForeground1Static,colorNeutralForeground2:()=>design_tokens.colorNeutralForeground2,colorNeutralForeground2BrandHover:()=>design_tokens.colorNeutralForeground2BrandHover,colorNeutralForeground2BrandPressed:()=>design_tokens.colorNeutralForeground2BrandPressed,colorNeutralForeground2BrandSelected:()=>design_tokens.colorNeutralForeground2BrandSelected,colorNeutralForeground2Hover:()=>design_tokens.colorNeutralForeground2Hover,colorNeutralForeground2Link:()=>design_tokens.colorNeutralForeground2Link,colorNeutralForeground2LinkHover:()=>design_tokens.colorNeutralForeground2LinkHover,colorNeutralForeground2LinkPressed:()=>design_tokens.colorNeutralForeground2LinkPressed,colorNeutralForeground2LinkSelected:()=>design_tokens.colorNeutralForeground2LinkSelected,colorNeutralForeground2Pressed:()=>design_tokens.colorNeutralForeground2Pressed,colorNeutralForeground2Selected:()=>design_tokens.colorNeutralForeground2Selected,colorNeutralForeground3:()=>design_tokens.colorNeutralForeground3,colorNeutralForeground3BrandHover:()=>design_tokens.colorNeutralForeground3BrandHover,colorNeutralForeground3BrandPressed:()=>design_tokens.colorNeutralForeground3BrandPressed,colorNeutralForeground3BrandSelected:()=>design_tokens.colorNeutralForeground3BrandSelected,colorNeutralForeground3Hover:()=>design_tokens.colorNeutralForeground3Hover,colorNeutralForeground3Pressed:()=>design_tokens.colorNeutralForeground3Pressed,colorNeutralForeground3Selected:()=>design_tokens.colorNeutralForeground3Selected,colorNeutralForeground4:()=>design_tokens.colorNeutralForeground4,colorNeutralForegroundDisabled:()=>design_tokens.colorNeutralForegroundDisabled,colorNeutralForegroundInverted:()=>design_tokens.colorNeutralForegroundInverted,colorNeutralForegroundInverted2:()=>design_tokens.colorNeutralForegroundInverted2,colorNeutralForegroundInvertedDisabled:()=>design_tokens.colorNeutralForegroundInvertedDisabled,colorNeutralForegroundInvertedHover:()=>design_tokens.colorNeutralForegroundInvertedHover,colorNeutralForegroundInvertedLink:()=>design_tokens.colorNeutralForegroundInvertedLink,colorNeutralForegroundInvertedLinkHover:()=>design_tokens.colorNeutralForegroundInvertedLinkHover,colorNeutralForegroundInvertedLinkPressed:()=>design_tokens.colorNeutralForegroundInvertedLinkPressed,colorNeutralForegroundInvertedLinkSelected:()=>design_tokens.colorNeutralForegroundInvertedLinkSelected,colorNeutralForegroundInvertedPressed:()=>design_tokens.colorNeutralForegroundInvertedPressed,colorNeutralForegroundInvertedSelected:()=>design_tokens.colorNeutralForegroundInvertedSelected,colorNeutralForegroundOnBrand:()=>design_tokens.colorNeutralForegroundOnBrand,colorNeutralForegroundStaticInverted:()=>design_tokens.colorNeutralForegroundStaticInverted,colorNeutralShadowAmbient:()=>design_tokens.colorNeutralShadowAmbient,colorNeutralShadowAmbientDarker:()=>design_tokens.colorNeutralShadowAmbientDarker,colorNeutralShadowAmbientLighter:()=>design_tokens.colorNeutralShadowAmbientLighter,colorNeutralShadowKey:()=>design_tokens.colorNeutralShadowKey,colorNeutralShadowKeyDarker:()=>design_tokens.colorNeutralShadowKeyDarker,colorNeutralShadowKeyLighter:()=>design_tokens.colorNeutralShadowKeyLighter,colorNeutralStencil1:()=>design_tokens.colorNeutralStencil1,colorNeutralStencil1Alpha:()=>design_tokens.colorNeutralStencil1Alpha,colorNeutralStencil2:()=>design_tokens.colorNeutralStencil2,colorNeutralStencil2Alpha:()=>design_tokens.colorNeutralStencil2Alpha,colorNeutralStroke1:()=>design_tokens.colorNeutralStroke1,colorNeutralStroke1Hover:()=>design_tokens.colorNeutralStroke1Hover,colorNeutralStroke1Pressed:()=>design_tokens.colorNeutralStroke1Pressed,colorNeutralStroke1Selected:()=>design_tokens.colorNeutralStroke1Selected,colorNeutralStroke2:()=>design_tokens.colorNeutralStroke2,colorNeutralStroke3:()=>design_tokens.colorNeutralStroke3,colorNeutralStrokeAccessible:()=>design_tokens.colorNeutralStrokeAccessible,colorNeutralStrokeAccessibleHover:()=>design_tokens.colorNeutralStrokeAccessibleHover,colorNeutralStrokeAccessiblePressed:()=>design_tokens.colorNeutralStrokeAccessiblePressed,colorNeutralStrokeAccessibleSelected:()=>design_tokens.colorNeutralStrokeAccessibleSelected,colorNeutralStrokeDisabled:()=>design_tokens.colorNeutralStrokeDisabled,colorNeutralStrokeInvertedDisabled:()=>design_tokens.colorNeutralStrokeInvertedDisabled,colorNeutralStrokeOnBrand:()=>design_tokens.colorNeutralStrokeOnBrand,colorNeutralStrokeOnBrand2:()=>design_tokens.colorNeutralStrokeOnBrand2,colorNeutralStrokeOnBrand2Hover:()=>design_tokens.colorNeutralStrokeOnBrand2Hover,colorNeutralStrokeOnBrand2Pressed:()=>design_tokens.colorNeutralStrokeOnBrand2Pressed,colorNeutralStrokeOnBrand2Selected:()=>design_tokens.colorNeutralStrokeOnBrand2Selected,colorPaletteAnchorBackground2:()=>design_tokens.colorPaletteAnchorBackground2,colorPaletteAnchorBorderActive:()=>design_tokens.colorPaletteAnchorBorderActive,colorPaletteAnchorForeground2:()=>design_tokens.colorPaletteAnchorForeground2,colorPaletteBeigeBackground2:()=>design_tokens.colorPaletteBeigeBackground2,colorPaletteBeigeBorderActive:()=>design_tokens.colorPaletteBeigeBorderActive,colorPaletteBeigeForeground2:()=>design_tokens.colorPaletteBeigeForeground2,colorPaletteBerryBackground1:()=>design_tokens.colorPaletteBerryBackground1,colorPaletteBerryBackground2:()=>design_tokens.colorPaletteBerryBackground2,colorPaletteBerryBackground3:()=>design_tokens.colorPaletteBerryBackground3,colorPaletteBerryBorder1:()=>design_tokens.colorPaletteBerryBorder1,colorPaletteBerryBorder2:()=>design_tokens.colorPaletteBerryBorder2,colorPaletteBerryBorderActive:()=>design_tokens.colorPaletteBerryBorderActive,colorPaletteBerryForeground1:()=>design_tokens.colorPaletteBerryForeground1,colorPaletteBerryForeground2:()=>design_tokens.colorPaletteBerryForeground2,colorPaletteBerryForeground3:()=>design_tokens.colorPaletteBerryForeground3,colorPaletteBlueBackground2:()=>design_tokens.colorPaletteBlueBackground2,colorPaletteBlueBorderActive:()=>design_tokens.colorPaletteBlueBorderActive,colorPaletteBlueForeground2:()=>design_tokens.colorPaletteBlueForeground2,colorPaletteBrassBackground2:()=>design_tokens.colorPaletteBrassBackground2,colorPaletteBrassBorderActive:()=>design_tokens.colorPaletteBrassBorderActive,colorPaletteBrassForeground2:()=>design_tokens.colorPaletteBrassForeground2,colorPaletteBrownBackground2:()=>design_tokens.colorPaletteBrownBackground2,colorPaletteBrownBorderActive:()=>design_tokens.colorPaletteBrownBorderActive,colorPaletteBrownForeground2:()=>design_tokens.colorPaletteBrownForeground2,colorPaletteCornflowerBackground2:()=>design_tokens.colorPaletteCornflowerBackground2,colorPaletteCornflowerBorderActive:()=>design_tokens.colorPaletteCornflowerBorderActive,colorPaletteCornflowerForeground2:()=>design_tokens.colorPaletteCornflowerForeground2,colorPaletteCranberryBackground2:()=>design_tokens.colorPaletteCranberryBackground2,colorPaletteCranberryBorderActive:()=>design_tokens.colorPaletteCranberryBorderActive,colorPaletteCranberryForeground2:()=>design_tokens.colorPaletteCranberryForeground2,colorPaletteDarkGreenBackground2:()=>design_tokens.colorPaletteDarkGreenBackground2,colorPaletteDarkGreenBorderActive:()=>design_tokens.colorPaletteDarkGreenBorderActive,colorPaletteDarkGreenForeground2:()=>design_tokens.colorPaletteDarkGreenForeground2,colorPaletteDarkOrangeBackground1:()=>design_tokens.colorPaletteDarkOrangeBackground1,colorPaletteDarkOrangeBackground2:()=>design_tokens.colorPaletteDarkOrangeBackground2,colorPaletteDarkOrangeBackground3:()=>design_tokens.colorPaletteDarkOrangeBackground3,colorPaletteDarkOrangeBorder1:()=>design_tokens.colorPaletteDarkOrangeBorder1,colorPaletteDarkOrangeBorder2:()=>design_tokens.colorPaletteDarkOrangeBorder2,colorPaletteDarkOrangeBorderActive:()=>design_tokens.colorPaletteDarkOrangeBorderActive,colorPaletteDarkOrangeForeground1:()=>design_tokens.colorPaletteDarkOrangeForeground1,colorPaletteDarkOrangeForeground2:()=>design_tokens.colorPaletteDarkOrangeForeground2,colorPaletteDarkOrangeForeground3:()=>design_tokens.colorPaletteDarkOrangeForeground3,colorPaletteDarkRedBackground2:()=>design_tokens.colorPaletteDarkRedBackground2,colorPaletteDarkRedBorderActive:()=>design_tokens.colorPaletteDarkRedBorderActive,colorPaletteDarkRedForeground2:()=>design_tokens.colorPaletteDarkRedForeground2,colorPaletteForestBackground2:()=>design_tokens.colorPaletteForestBackground2,colorPaletteForestBorderActive:()=>design_tokens.colorPaletteForestBorderActive,colorPaletteForestForeground2:()=>design_tokens.colorPaletteForestForeground2,colorPaletteGoldBackground2:()=>design_tokens.colorPaletteGoldBackground2,colorPaletteGoldBorderActive:()=>design_tokens.colorPaletteGoldBorderActive,colorPaletteGoldForeground2:()=>design_tokens.colorPaletteGoldForeground2,colorPaletteGrapeBackground2:()=>design_tokens.colorPaletteGrapeBackground2,colorPaletteGrapeBorderActive:()=>design_tokens.colorPaletteGrapeBorderActive,colorPaletteGrapeForeground2:()=>design_tokens.colorPaletteGrapeForeground2,colorPaletteGreenBackground1:()=>design_tokens.colorPaletteGreenBackground1,colorPaletteGreenBackground2:()=>design_tokens.colorPaletteGreenBackground2,colorPaletteGreenBackground3:()=>design_tokens.colorPaletteGreenBackground3,colorPaletteGreenBorder1:()=>design_tokens.colorPaletteGreenBorder1,colorPaletteGreenBorder2:()=>design_tokens.colorPaletteGreenBorder2,colorPaletteGreenBorderActive:()=>design_tokens.colorPaletteGreenBorderActive,colorPaletteGreenForeground1:()=>design_tokens.colorPaletteGreenForeground1,colorPaletteGreenForeground2:()=>design_tokens.colorPaletteGreenForeground2,colorPaletteGreenForeground3:()=>design_tokens.colorPaletteGreenForeground3,colorPaletteGreenForegroundInverted:()=>design_tokens.colorPaletteGreenForegroundInverted,colorPaletteLavenderBackground2:()=>design_tokens.colorPaletteLavenderBackground2,colorPaletteLavenderBorderActive:()=>design_tokens.colorPaletteLavenderBorderActive,colorPaletteLavenderForeground2:()=>design_tokens.colorPaletteLavenderForeground2,colorPaletteLightGreenBackground1:()=>design_tokens.colorPaletteLightGreenBackground1,colorPaletteLightGreenBackground2:()=>design_tokens.colorPaletteLightGreenBackground2,colorPaletteLightGreenBackground3:()=>design_tokens.colorPaletteLightGreenBackground3,colorPaletteLightGreenBorder1:()=>design_tokens.colorPaletteLightGreenBorder1,colorPaletteLightGreenBorder2:()=>design_tokens.colorPaletteLightGreenBorder2,colorPaletteLightGreenBorderActive:()=>design_tokens.colorPaletteLightGreenBorderActive,colorPaletteLightGreenForeground1:()=>design_tokens.colorPaletteLightGreenForeground1,colorPaletteLightGreenForeground2:()=>design_tokens.colorPaletteLightGreenForeground2,colorPaletteLightGreenForeground3:()=>design_tokens.colorPaletteLightGreenForeground3,colorPaletteLightTealBackground2:()=>design_tokens.colorPaletteLightTealBackground2,colorPaletteLightTealBorderActive:()=>design_tokens.colorPaletteLightTealBorderActive,colorPaletteLightTealForeground2:()=>design_tokens.colorPaletteLightTealForeground2,colorPaletteLilacBackground2:()=>design_tokens.colorPaletteLilacBackground2,colorPaletteLilacBorderActive:()=>design_tokens.colorPaletteLilacBorderActive,colorPaletteLilacForeground2:()=>design_tokens.colorPaletteLilacForeground2,colorPaletteMagentaBackground2:()=>design_tokens.colorPaletteMagentaBackground2,colorPaletteMagentaBorderActive:()=>design_tokens.colorPaletteMagentaBorderActive,colorPaletteMagentaForeground2:()=>design_tokens.colorPaletteMagentaForeground2,colorPaletteMarigoldBackground1:()=>design_tokens.colorPaletteMarigoldBackground1,colorPaletteMarigoldBackground2:()=>design_tokens.colorPaletteMarigoldBackground2,colorPaletteMarigoldBackground3:()=>design_tokens.colorPaletteMarigoldBackground3,colorPaletteMarigoldBorder1:()=>design_tokens.colorPaletteMarigoldBorder1,colorPaletteMarigoldBorder2:()=>design_tokens.colorPaletteMarigoldBorder2,colorPaletteMarigoldBorderActive:()=>design_tokens.colorPaletteMarigoldBorderActive,colorPaletteMarigoldForeground1:()=>design_tokens.colorPaletteMarigoldForeground1,colorPaletteMarigoldForeground2:()=>design_tokens.colorPaletteMarigoldForeground2,colorPaletteMarigoldForeground3:()=>design_tokens.colorPaletteMarigoldForeground3,colorPaletteMinkBackground2:()=>design_tokens.colorPaletteMinkBackground2,colorPaletteMinkBorderActive:()=>design_tokens.colorPaletteMinkBorderActive,colorPaletteMinkForeground2:()=>design_tokens.colorPaletteMinkForeground2,colorPaletteNavyBackground2:()=>design_tokens.colorPaletteNavyBackground2,colorPaletteNavyBorderActive:()=>design_tokens.colorPaletteNavyBorderActive,colorPaletteNavyForeground2:()=>design_tokens.colorPaletteNavyForeground2,colorPalettePeachBackground2:()=>design_tokens.colorPalettePeachBackground2,colorPalettePeachBorderActive:()=>design_tokens.colorPalettePeachBorderActive,colorPalettePeachForeground2:()=>design_tokens.colorPalettePeachForeground2,colorPalettePinkBackground2:()=>design_tokens.colorPalettePinkBackground2,colorPalettePinkBorderActive:()=>design_tokens.colorPalettePinkBorderActive,colorPalettePinkForeground2:()=>design_tokens.colorPalettePinkForeground2,colorPalettePlatinumBackground2:()=>design_tokens.colorPalettePlatinumBackground2,colorPalettePlatinumBorderActive:()=>design_tokens.colorPalettePlatinumBorderActive,colorPalettePlatinumForeground2:()=>design_tokens.colorPalettePlatinumForeground2,colorPalettePlumBackground2:()=>design_tokens.colorPalettePlumBackground2,colorPalettePlumBorderActive:()=>design_tokens.colorPalettePlumBorderActive,colorPalettePlumForeground2:()=>design_tokens.colorPalettePlumForeground2,colorPalettePumpkinBackground2:()=>design_tokens.colorPalettePumpkinBackground2,colorPalettePumpkinBorderActive:()=>design_tokens.colorPalettePumpkinBorderActive,colorPalettePumpkinForeground2:()=>design_tokens.colorPalettePumpkinForeground2,colorPalettePurpleBackground2:()=>design_tokens.colorPalettePurpleBackground2,colorPalettePurpleBorderActive:()=>design_tokens.colorPalettePurpleBorderActive,colorPalettePurpleForeground2:()=>design_tokens.colorPalettePurpleForeground2,colorPaletteRedBackground1:()=>design_tokens.colorPaletteRedBackground1,colorPaletteRedBackground2:()=>design_tokens.colorPaletteRedBackground2,colorPaletteRedBackground3:()=>design_tokens.colorPaletteRedBackground3,colorPaletteRedBorder1:()=>design_tokens.colorPaletteRedBorder1,colorPaletteRedBorder2:()=>design_tokens.colorPaletteRedBorder2,colorPaletteRedBorderActive:()=>design_tokens.colorPaletteRedBorderActive,colorPaletteRedForeground1:()=>design_tokens.colorPaletteRedForeground1,colorPaletteRedForeground2:()=>design_tokens.colorPaletteRedForeground2,colorPaletteRedForeground3:()=>design_tokens.colorPaletteRedForeground3,colorPaletteRedForegroundInverted:()=>design_tokens.colorPaletteRedForegroundInverted,colorPaletteRoyalBlueBackground2:()=>design_tokens.colorPaletteRoyalBlueBackground2,colorPaletteRoyalBlueBorderActive:()=>design_tokens.colorPaletteRoyalBlueBorderActive,colorPaletteRoyalBlueForeground2:()=>design_tokens.colorPaletteRoyalBlueForeground2,colorPaletteSeafoamBackground2:()=>design_tokens.colorPaletteSeafoamBackground2,colorPaletteSeafoamBorderActive:()=>design_tokens.colorPaletteSeafoamBorderActive,colorPaletteSeafoamForeground2:()=>design_tokens.colorPaletteSeafoamForeground2,colorPaletteSteelBackground2:()=>design_tokens.colorPaletteSteelBackground2,colorPaletteSteelBorderActive:()=>design_tokens.colorPaletteSteelBorderActive,colorPaletteSteelForeground2:()=>design_tokens.colorPaletteSteelForeground2,colorPaletteTealBackground2:()=>design_tokens.colorPaletteTealBackground2,colorPaletteTealBorderActive:()=>design_tokens.colorPaletteTealBorderActive,colorPaletteTealForeground2:()=>design_tokens.colorPaletteTealForeground2,colorPaletteYellowBackground1:()=>design_tokens.colorPaletteYellowBackground1,colorPaletteYellowBackground2:()=>design_tokens.colorPaletteYellowBackground2,colorPaletteYellowBackground3:()=>design_tokens.colorPaletteYellowBackground3,colorPaletteYellowBorder1:()=>design_tokens.colorPaletteYellowBorder1,colorPaletteYellowBorder2:()=>design_tokens.colorPaletteYellowBorder2,colorPaletteYellowBorderActive:()=>design_tokens.colorPaletteYellowBorderActive,colorPaletteYellowForeground1:()=>design_tokens.colorPaletteYellowForeground1,colorPaletteYellowForeground2:()=>design_tokens.colorPaletteYellowForeground2,colorPaletteYellowForeground3:()=>design_tokens.colorPaletteYellowForeground3,colorPaletteYellowForegroundInverted:()=>design_tokens.colorPaletteYellowForegroundInverted,colorScrollbarOverlay:()=>design_tokens.colorScrollbarOverlay,colorStrokeFocus1:()=>design_tokens.colorStrokeFocus1,colorStrokeFocus2:()=>design_tokens.colorStrokeFocus2,colorSubtleBackground:()=>design_tokens.colorSubtleBackground,colorSubtleBackgroundHover:()=>design_tokens.colorSubtleBackgroundHover,colorSubtleBackgroundInverted:()=>design_tokens.colorSubtleBackgroundInverted,colorSubtleBackgroundInvertedHover:()=>design_tokens.colorSubtleBackgroundInvertedHover,colorSubtleBackgroundInvertedPressed:()=>design_tokens.colorSubtleBackgroundInvertedPressed,colorSubtleBackgroundInvertedSelected:()=>design_tokens.colorSubtleBackgroundInvertedSelected,colorSubtleBackgroundLightAlphaHover:()=>design_tokens.colorSubtleBackgroundLightAlphaHover,colorSubtleBackgroundLightAlphaPressed:()=>design_tokens.colorSubtleBackgroundLightAlphaPressed,colorSubtleBackgroundLightAlphaSelected:()=>design_tokens.colorSubtleBackgroundLightAlphaSelected,colorSubtleBackgroundPressed:()=>design_tokens.colorSubtleBackgroundPressed,colorSubtleBackgroundSelected:()=>design_tokens.colorSubtleBackgroundSelected,colorTransparentBackground:()=>design_tokens.colorTransparentBackground,colorTransparentBackgroundHover:()=>design_tokens.colorTransparentBackgroundHover,colorTransparentBackgroundPressed:()=>design_tokens.colorTransparentBackgroundPressed,colorTransparentBackgroundSelected:()=>design_tokens.colorTransparentBackgroundSelected,colorTransparentStroke:()=>design_tokens.colorTransparentStroke,colorTransparentStrokeDisabled:()=>design_tokens.colorTransparentStrokeDisabled,colorTransparentStrokeInteractive:()=>design_tokens.colorTransparentStrokeInteractive,curveAccelerateMax:()=>design_tokens.curveAccelerateMax,curveAccelerateMid:()=>design_tokens.curveAccelerateMid,curveAccelerateMin:()=>design_tokens.curveAccelerateMin,curveDecelerateMax:()=>design_tokens.curveDecelerateMax,curveDecelerateMid:()=>design_tokens.curveDecelerateMid,curveDecelerateMin:()=>design_tokens.curveDecelerateMin,curveEasyEase:()=>design_tokens.curveEasyEase,curveEasyEaseMax:()=>design_tokens.curveEasyEaseMax,curveLinear:()=>design_tokens.curveLinear,durationFast:()=>design_tokens.durationFast,durationFaster:()=>design_tokens.durationFaster,durationNormal:()=>design_tokens.durationNormal,durationSlow:()=>design_tokens.durationSlow,durationSlower:()=>design_tokens.durationSlower,durationUltraFast:()=>design_tokens.durationUltraFast,durationUltraSlow:()=>design_tokens.durationUltraSlow,fontFamilyBase:()=>design_tokens.fontFamilyBase,fontFamilyMonospace:()=>design_tokens.fontFamilyMonospace,fontFamilyNumeric:()=>design_tokens.fontFamilyNumeric,fontSizeBase100:()=>design_tokens.fontSizeBase100,fontSizeBase200:()=>design_tokens.fontSizeBase200,fontSizeBase300:()=>design_tokens.fontSizeBase300,fontSizeBase400:()=>design_tokens.fontSizeBase400,fontSizeBase500:()=>design_tokens.fontSizeBase500,fontSizeBase600:()=>design_tokens.fontSizeBase600,fontSizeHero1000:()=>design_tokens.fontSizeHero1000,fontSizeHero700:()=>design_tokens.fontSizeHero700,fontSizeHero800:()=>design_tokens.fontSizeHero800,fontSizeHero900:()=>design_tokens.fontSizeHero900,fontWeightBold:()=>design_tokens.fontWeightBold,fontWeightMedium:()=>design_tokens.fontWeightMedium,fontWeightRegular:()=>design_tokens.fontWeightRegular,fontWeightSemibold:()=>design_tokens.fontWeightSemibold,lineHeightBase100:()=>design_tokens.lineHeightBase100,lineHeightBase200:()=>design_tokens.lineHeightBase200,lineHeightBase300:()=>design_tokens.lineHeightBase300,lineHeightBase400:()=>design_tokens.lineHeightBase400,lineHeightBase500:()=>design_tokens.lineHeightBase500,lineHeightBase600:()=>design_tokens.lineHeightBase600,lineHeightHero1000:()=>design_tokens.lineHeightHero1000,lineHeightHero700:()=>design_tokens.lineHeightHero700,lineHeightHero800:()=>design_tokens.lineHeightHero800,lineHeightHero900:()=>design_tokens.lineHeightHero900,roleForMenuItem:()=>menu_item.JV,setTheme:()=>setTheme,setThemeFor:()=>setThemeFor,shadow16:()=>design_tokens.shadow16,shadow16Brand:()=>design_tokens.shadow16Brand,shadow2:()=>design_tokens.shadow2,shadow28:()=>design_tokens.shadow28,shadow28Brand:()=>design_tokens.shadow28Brand,shadow2Brand:()=>design_tokens.shadow2Brand,shadow4:()=>design_tokens.shadow4,shadow4Brand:()=>design_tokens.shadow4Brand,shadow64:()=>design_tokens.shadow64,shadow64Brand:()=>design_tokens.shadow64Brand,shadow8:()=>design_tokens.shadow8,shadow8Brand:()=>design_tokens.shadow8Brand,spacingHorizontalL:()=>design_tokens.spacingHorizontalL,spacingHorizontalM:()=>design_tokens.spacingHorizontalM,spacingHorizontalMNudge:()=>design_tokens.spacingHorizontalMNudge,spacingHorizontalNone:()=>design_tokens.spacingHorizontalNone,spacingHorizontalS:()=>design_tokens.spacingHorizontalS,spacingHorizontalSNudge:()=>design_tokens.spacingHorizontalSNudge,spacingHorizontalXL:()=>design_tokens.spacingHorizontalXL,spacingHorizontalXS:()=>design_tokens.spacingHorizontalXS,spacingHorizontalXXL:()=>design_tokens.spacingHorizontalXXL,spacingHorizontalXXS:()=>design_tokens.spacingHorizontalXXS,spacingHorizontalXXXL:()=>design_tokens.spacingHorizontalXXXL,spacingVerticalL:()=>design_tokens.spacingVerticalL,spacingVerticalM:()=>design_tokens.spacingVerticalM,spacingVerticalMNudge:()=>design_tokens.spacingVerticalMNudge,spacingVerticalNone:()=>design_tokens.spacingVerticalNone,spacingVerticalS:()=>design_tokens.spacingVerticalS,spacingVerticalSNudge:()=>design_tokens.spacingVerticalSNudge,spacingVerticalXL:()=>design_tokens.spacingVerticalXL,spacingVerticalXS:()=>design_tokens.spacingVerticalXS,spacingVerticalXXL:()=>design_tokens.spacingVerticalXXL,spacingVerticalXXS:()=>design_tokens.spacingVerticalXXS,spacingVerticalXXXL:()=>design_tokens.spacingVerticalXXXL,strokeWidthThick:()=>design_tokens.strokeWidthThick,strokeWidthThicker:()=>design_tokens.strokeWidthThicker,strokeWidthThickest:()=>design_tokens.strokeWidthThickest,strokeWidthThin:()=>design_tokens.strokeWidthThin});var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{__namedExportsOrder:()=>__namedExportsOrder,parameters:()=>parameters});__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("../../node_modules/@storybook/client-api/dist/esm/ClientApi.js"),accordion=__webpack_require__("./src/accordion/accordion.ts"),accordion_template=__webpack_require__("./src/accordion/accordion.template.ts"),accordion_styles=__webpack_require__("./src/accordion/accordion.styles.ts"),accordion_definition=__webpack_require__("./src/accordion/accordion.definition.ts"),accordion_item=__webpack_require__("./src/accordion-item/accordion-item.ts"),accordion_item_options=__webpack_require__("./src/accordion-item/accordion-item.options.ts"),accordion_item_styles=__webpack_require__("./src/accordion-item/accordion-item.styles.ts"),accordion_item_definition=__webpack_require__("./src/accordion-item/accordion-item.definition.ts"),accordion_item_template=__webpack_require__("./src/accordion-item/accordion-item.template.ts"),anchor_button=__webpack_require__("./src/anchor-button/anchor-button.ts"),anchor_button_options=__webpack_require__("./src/anchor-button/anchor-button.options.ts"),anchor_button_template=__webpack_require__("./src/anchor-button/anchor-button.template.ts"),anchor_button_definition=__webpack_require__("./src/anchor-button/anchor-button.definition.ts"),avatar=__webpack_require__("./src/avatar/avatar.ts"),avatar_options=__webpack_require__("./src/avatar/avatar.options.ts"),avatar_template=__webpack_require__("./src/avatar/avatar.template.ts"),avatar_styles=__webpack_require__("./src/avatar/avatar.styles.ts"),avatar_definition=__webpack_require__("./src/avatar/avatar.definition.ts"),badge=__webpack_require__("./src/badge/badge.ts"),badge_options=__webpack_require__("./src/badge/badge.options.ts"),badge_template=__webpack_require__("./src/badge/badge.template.ts"),badge_styles=__webpack_require__("./src/badge/badge.styles.ts"),badge_definition=__webpack_require__("./src/badge/badge.definition.ts"),button_button=__webpack_require__("./src/button/button.ts"),button_options=__webpack_require__("./src/button/button.options.ts"),button_template=__webpack_require__("./src/button/button.template.ts"),button_styles=__webpack_require__("./src/button/button.styles.ts"),button_definition=__webpack_require__("./src/button/button.definition.ts"),checkbox_checkbox=__webpack_require__("./src/checkbox/checkbox.ts"),checkbox_options=__webpack_require__("./src/checkbox/checkbox.options.ts"),checkbox_definition=__webpack_require__("./src/checkbox/checkbox.definition.ts"),checkbox_template=__webpack_require__("./src/checkbox/checkbox.template.ts"),checkbox_styles=__webpack_require__("./src/checkbox/checkbox.styles.ts"),compound_button=__webpack_require__("./src/compound-button/compound-button.ts"),compound_button_options=__webpack_require__("./src/compound-button/compound-button.options.ts"),compound_button_template=__webpack_require__("./src/compound-button/compound-button.template.ts"),compound_button_styles=__webpack_require__("./src/compound-button/compound-button.styles.ts"),compound_button_definition=__webpack_require__("./src/compound-button/compound-button.definition.ts"),counter_badge=__webpack_require__("./src/counter-badge/counter-badge.ts"),counter_badge_options=__webpack_require__("./src/counter-badge/counter-badge.options.ts"),counter_badge_template=__webpack_require__("./src/counter-badge/counter-badge.template.ts"),counter_badge_styles=__webpack_require__("./src/counter-badge/counter-badge.styles.ts"),counter_badge_definition=__webpack_require__("./src/counter-badge/counter-badge.definition.ts"),dialog=__webpack_require__("./src/dialog/dialog.ts"),dialog_definition=__webpack_require__("./src/dialog/dialog.definition.ts"),dialog_template=__webpack_require__("./src/dialog/dialog.template.ts"),dialog_styles=__webpack_require__("./src/dialog/dialog.styles.ts"),divider=__webpack_require__("./src/divider/divider.ts"),divider_options=__webpack_require__("./src/divider/divider.options.ts"),divider_definition=__webpack_require__("./src/divider/divider.definition.ts"),divider_template=__webpack_require__("./src/divider/divider.template.ts"),divider_styles=__webpack_require__("./src/divider/divider.styles.ts"),image_image=__webpack_require__("./src/image/image.ts"),image_options=__webpack_require__("./src/image/image.options.ts"),image_definition=__webpack_require__("./src/image/image.definition.ts"),image_template=__webpack_require__("./src/image/image.template.ts"),image_styles=__webpack_require__("./src/image/image.styles.ts"),label=__webpack_require__("./src/label/label.ts"),label_definition=__webpack_require__("./src/label/label.definition.ts"),label_styles=__webpack_require__("./src/label/label.styles.ts"),label_template=__webpack_require__("./src/label/label.template.ts"),menu=__webpack_require__("./src/menu/menu.ts"),menu_template=__webpack_require__("./src/menu/menu.template.ts"),menu_styles=__webpack_require__("./src/menu/menu.styles.ts"),menu_definition=__webpack_require__("./src/menu/menu.definition.ts"),menu_button=__webpack_require__("./src/menu-button/menu-button.ts"),menu_button_options=__webpack_require__("./src/menu-button/menu-button.options.ts"),menu_button_template=__webpack_require__("./src/menu-button/menu-button.template.ts"),menu_button_definition=__webpack_require__("./src/menu-button/menu-button.definition.ts"),menu_item=__webpack_require__("./src/menu-item/index.ts"),menu_list=__webpack_require__("./src/menu-list/menu-list.ts"),menu_list_template=__webpack_require__("./src/menu-list/menu-list.template.ts"),menu_list_styles=__webpack_require__("./src/menu-list/menu-list.styles.ts"),menu_list_definition=__webpack_require__("./src/menu-list/menu-list.definition.ts"),progress_bar=__webpack_require__("./src/progress-bar/progress-bar.ts"),progress_bar_options=__webpack_require__("./src/progress-bar/progress-bar.options.ts"),progress_bar_definition=__webpack_require__("./src/progress-bar/progress-bar.definition.ts"),progress_bar_styles=__webpack_require__("./src/progress-bar/progress-bar.styles.ts"),progress_bar_template=__webpack_require__("./src/progress-bar/progress-bar.template.ts"),radio_radio=__webpack_require__("./src/radio/radio.ts"),radio_definition=__webpack_require__("./src/radio/radio.definition.ts"),radio_styles=__webpack_require__("./src/radio/radio.styles.ts"),radio_template=__webpack_require__("./src/radio/radio.template.ts"),radio_group=__webpack_require__("./src/radio-group/radio-group.ts"),radio_group_definition=__webpack_require__("./src/radio-group/radio-group.definition.ts"),radio_group_styles=__webpack_require__("./src/radio-group/radio-group.styles.ts"),radio_group_template=__webpack_require__("./src/radio-group/radio-group.template.ts"),slider=__webpack_require__("./src/slider/slider.ts"),slider_options=__webpack_require__("./src/slider/slider.options.ts"),slider_definition=__webpack_require__("./src/slider/slider.definition.ts"),slider_styles=__webpack_require__("./src/slider/slider.styles.ts"),slider_template=__webpack_require__("./src/slider/slider.template.ts"),spinner=__webpack_require__("./src/spinner/spinner.ts"),spinner_options=__webpack_require__("./src/spinner/spinner.options.ts"),spinner_template=__webpack_require__("./src/spinner/spinner.template.ts"),spinner_styles=__webpack_require__("./src/spinner/spinner.styles.ts"),spinner_definition=__webpack_require__("./src/spinner/spinner.definition.ts"),switch_switch=__webpack_require__("./src/switch/switch.ts"),switch_options=__webpack_require__("./src/switch/switch.options.ts"),switch_definition=__webpack_require__("./src/switch/switch.definition.ts"),switch_styles=__webpack_require__("./src/switch/switch.styles.ts"),switch_template=__webpack_require__("./src/switch/switch.template.ts"),tabs=__webpack_require__("./src/tabs/tabs.ts"),tabs_options=__webpack_require__("./src/tabs/tabs.options.ts"),tabs_template=__webpack_require__("./src/tabs/tabs.template.ts"),tabs_styles=__webpack_require__("./src/tabs/tabs.styles.ts"),tabs_definition=__webpack_require__("./src/tabs/tabs.definition.ts"),tab=__webpack_require__("./src/tab/tab.ts"),tab_template=__webpack_require__("./src/tab/tab.template.ts"),tab_styles=__webpack_require__("./src/tab/tab.styles.ts"),tab_definition=__webpack_require__("./src/tab/tab.definition.ts"),tab_panel=__webpack_require__("./src/tab-panel/tab-panel.ts"),tab_panel_template=__webpack_require__("./src/tab-panel/tab-panel.template.ts"),tab_panel_styles=__webpack_require__("./src/tab-panel/tab-panel.styles.ts"),tab_panel_definition=__webpack_require__("./src/tab-panel/tab-panel.definition.ts"),text_text=__webpack_require__("./src/text/text.ts"),text_options=__webpack_require__("./src/text/text.options.ts"),text_template=__webpack_require__("./src/text/text.template.ts"),text_styles=__webpack_require__("./src/text/text.styles.ts"),text_definition=__webpack_require__("./src/text/text.definition.ts"),text_input=__webpack_require__("./src/text-input/index.ts"),toggle_button=__webpack_require__("./src/toggle-button/toggle-button.ts"),toggle_button_options=__webpack_require__("./src/toggle-button/toggle-button.options.ts"),toggle_button_template=__webpack_require__("./src/toggle-button/toggle-button.template.ts"),toggle_button_styles=__webpack_require__("./src/toggle-button/toggle-button.styles.ts"),toggle_button_definition=__webpack_require__("./src/toggle-button/toggle-button.definition.ts"),fluent_design_system=__webpack_require__("./src/fluent-design-system.ts"),design_tokens=__webpack_require__("./src/theme/design-tokens.ts"),tokenNames=Object.keys(design_tokens),setTheme=function setTheme(theme){for(var _i=0,_tokenNames=tokenNames;_i<_tokenNames.length;_i++){var t=_tokenNames[_i];document.body.style.setProperty(design_tokens[t],theme[t])}},setThemeFor=function setThemeFor(element,theme){for(var _i2=0,_tokenNames2=tokenNames;_i2<_tokenNames2.length;_i2++){var t=_tokenNames2[_i2];element.style.setProperty(design_tokens[t],theme[t])}};const theme=(0,__webpack_require__("../../node_modules/@storybook/theming/dist/esm/index.js").Ue)({base:"light",brandTitle:"Fluent UI\nWeb Components",brandUrl:"https://github.com/microsoft/fluentui",barSelectedColor:"#0078d4",barTextColor:"#222",colorPrimary:"#dedede",colorSecondary:"deepskyblue",appBg:"#ffffff",appContentBg:"#ffffff",appBorderColor:"#e0e0e0",appBorderRadius:4,fontBase:'"Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;',fontCode:"monospace",textColor:"#11100f",textInverseColor:"#0078d4",inputBg:"white",inputTextColor:"black",inputBorderRadius:4});__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");var grey_2="#050505",grey_4="#0a0a0a",grey_6="#0f0f0f",grey_8="#141414",grey_10="#1a1a1a",grey_12="#1f1f1f",grey_14="#242424",grey_16="#292929",grey_18="#2e2e2e",grey_20="#333333",grey_22="#383838",grey_24="#3d3d3d",grey_26="#424242",grey_30="#4d4d4d",grey_32="#525252",grey_34="#575757",grey_36="#5c5c5c",grey_38="#616161",grey_40="#666666",grey_42="#6b6b6b",grey_44="#707070",grey_46="#757575",grey_60="#999999",grey_68="#adadad",grey_70="#b3b3b3",grey_74="#bdbdbd",grey_78="#c7c7c7",grey_82="#d1d1d1",grey_84="#d6d6d6",grey_86="#dbdbdb",grey_88="#e0e0e0",grey_90="#e6e6e6",grey_92="#ebebeb",grey_94="#f0f0f0",grey_96="#f5f5f5",grey_98="#fafafa",whiteAlpha_5="rgba(255, 255, 255, 0.05)",whiteAlpha_10="rgba(255, 255, 255, 0.1)",whiteAlpha_40="rgba(255, 255, 255, 0.4)",whiteAlpha_50="rgba(255, 255, 255, 0.5)",whiteAlpha_60="rgba(255, 255, 255, 0.6)",whiteAlpha_70="rgba(255, 255, 255, 0.7)",blackAlpha_5="rgba(0, 0, 0, 0.05)",blackAlpha_10="rgba(0, 0, 0, 0.1)",blackAlpha_20="rgba(0, 0, 0, 0.2)",blackAlpha_30="rgba(0, 0, 0, 0.3)",blackAlpha_40="rgba(0, 0, 0, 0.4)",blackAlpha_50="rgba(0, 0, 0, 0.5)",grey14Alpha_50="rgba(36, 36, 36, 0.5)",grey14Alpha_80="rgba(36, 36, 36, 0.8)",white="#ffffff",black="#000000",statusSharedColors={red:{shade50:"#210809",shade40:"#3f1011",shade30:"#751d1f",shade20:"#9f282b",shade10:"#bc2f32",primary:"#d13438",tint10:"#d7494c",tint20:"#dc5e62",tint30:"#e37d80",tint40:"#f1bbbc",tint50:"#f8dadb",tint60:"#fdf6f6"},green:{shade50:"#031403",shade40:"#052505",shade30:"#094509",shade20:"#0c5e0c",shade10:"#0e700e",primary:"#107c10",tint10:"#218c21",tint20:"#359b35",tint30:"#54b054",tint40:"#9fd89f",tint50:"#c9eac9",tint60:"#f1faf1"},darkOrange:{shade50:"#230900",shade40:"#411200",shade30:"#7a2101",shade20:"#a62d01",shade10:"#c43501",primary:"#da3b01",tint10:"#de501c",tint20:"#e36537",tint30:"#e9835e",tint40:"#f4bfab",tint50:"#f9dcd1",tint60:"#fdf6f3"},yellow:{primary:"#fde300",shade10:"#e4cc00",shade20:"#c0ad00",shade30:"#817400",shade40:"#4c4400",shade50:"#282400",tint10:"#fde61e",tint20:"#fdea3d",tint30:"#feee66",tint40:"#fef7b2",tint50:"#fffad6",tint60:"#fffef5"},berry:{shade50:"#1f091d",shade40:"#3a1136",shade30:"#6d2064",shade20:"#932b88",shade10:"#af33a1",primary:"#c239b3",tint10:"#c94cbc",tint20:"#d161c4",tint30:"#da7ed0",tint40:"#edbbe7",tint50:"#f5daf2",tint60:"#fdf5fc"},lightGreen:{shade50:"#031a02",shade40:"#063004",shade30:"#0b5a08",shade20:"#0e7a0b",shade10:"#11910d",primary:"#13a10e",tint10:"#27ac22",tint20:"#3db838",tint30:"#5ec75a",tint40:"#a7e3a5",tint50:"#cef0cd",tint60:"#f2fbf2"},marigold:{shade50:"#251a00",shade40:"#463100",shade30:"#835b00",shade20:"#b27c00",shade10:"#d39300",primary:"#eaa300",tint10:"#edad1c",tint20:"#efb839",tint30:"#f2c661",tint40:"#f9e2ae",tint50:"#fcefd3",tint60:"#fefbf4"}},personaSharedColors={darkRed:{shade50:"#130204",shade40:"#230308",shade30:"#420610",shade20:"#590815",shade10:"#690a19",primary:"#750b1c",tint10:"#861b2c",tint20:"#962f3f",tint30:"#ac4f5e",tint40:"#d69ca5",tint50:"#e9c7cd",tint60:"#f9f0f2"},cranberry:{shade50:"#200205",shade40:"#3b0509",shade30:"#6e0811",shade20:"#960b18",shade10:"#b10e1c",primary:"#c50f1f",tint10:"#cc2635",tint20:"#d33f4c",tint30:"#dc626d",tint40:"#eeacb2",tint50:"#f6d1d5",tint60:"#fdf3f4"},pumpkin:{shade50:"#200d03",shade40:"#3d1805",shade30:"#712d09",shade20:"#9a3d0c",shade10:"#b6480e",primary:"#ca5010",tint10:"#d06228",tint20:"#d77440",tint30:"#df8e64",tint40:"#efc4ad",tint50:"#f7dfd2",tint60:"#fdf7f4"},peach:{shade50:"#291600",shade40:"#4d2a00",shade30:"#8f4e00",shade20:"#c26a00",shade10:"#e67e00",primary:"#ff8c00",tint10:"#ff9a1f",tint20:"#ffa83d",tint30:"#ffba66",tint40:"#ffddb3",tint50:"#ffedd6",tint60:"#fffaf5"},gold:{shade50:"#1f1900",shade40:"#3a2f00",shade30:"#6c5700",shade20:"#937700",shade10:"#ae8c00",primary:"#c19c00",tint10:"#c8a718",tint20:"#d0b232",tint30:"#dac157",tint40:"#ecdfa5",tint50:"#f5eece",tint60:"#fdfbf2"},brass:{shade50:"#181202",shade40:"#2e2103",shade30:"#553e06",shade20:"#745408",shade10:"#89640a",primary:"#986f0b",tint10:"#a47d1e",tint20:"#b18c34",tint30:"#c1a256",tint40:"#e0cea2",tint50:"#efe4cb",tint60:"#fbf8f2"},brown:{shade50:"#170e07",shade40:"#2b1a0e",shade30:"#50301a",shade20:"#6c4123",shade10:"#804d29",primary:"#8e562e",tint10:"#9c663f",tint20:"#a97652",tint30:"#bb8f6f",tint40:"#ddc3b0",tint50:"#edded3",tint60:"#faf7f4"},forest:{shade50:"#0c1501",shade40:"#162702",shade30:"#294903",shade20:"#376304",shade10:"#427505",primary:"#498205",tint10:"#599116",tint20:"#6ba02b",tint30:"#85b44c",tint40:"#bdd99b",tint50:"#dbebc7",tint60:"#f6faf0"},seafoam:{shade50:"#002111",shade40:"#003d20",shade30:"#00723b",shade20:"#009b51",shade10:"#00b85f",primary:"#00cc6a",tint10:"#19d279",tint20:"#34d889",tint30:"#5ae0a0",tint40:"#a8f0cd",tint50:"#cff7e4",tint60:"#f3fdf8"},darkGreen:{shade50:"#021102",shade40:"#032003",shade30:"#063b06",shade20:"#085108",shade10:"#0a5f0a",primary:"#0b6a0b",tint10:"#1a7c1a",tint20:"#2d8e2d",tint30:"#4da64d",tint40:"#9ad29a",tint50:"#c6e7c6",tint60:"#f0f9f0"},lightTeal:{shade50:"#001d1f",shade40:"#00373a",shade30:"#00666d",shade20:"#008b94",shade10:"#00a5af",primary:"#00b7c3",tint10:"#18bfca",tint20:"#32c8d1",tint30:"#58d3db",tint40:"#a6e9ed",tint50:"#cef3f5",tint60:"#f2fcfd"},teal:{shade50:"#001516",shade40:"#012728",shade30:"#02494c",shade20:"#026467",shade10:"#037679",primary:"#038387",tint10:"#159195",tint20:"#2aa0a4",tint30:"#4cb4b7",tint40:"#9bd9db",tint50:"#c7ebec",tint60:"#f0fafa"},steel:{shade50:"#000f12",shade40:"#001b22",shade30:"#00333f",shade20:"#004555",shade10:"#005265",primary:"#005b70",tint10:"#0f6c81",tint20:"#237d92",tint30:"#4496a9",tint40:"#94c8d4",tint50:"#c3e1e8",tint60:"#eff7f9"},blue:{shade50:"#001322",shade40:"#002440",shade30:"#004377",shade20:"#005ba1",shade10:"#006cbf",primary:"#0078d4",tint10:"#1a86d9",tint20:"#3595de",tint30:"#5caae5",tint40:"#a9d3f2",tint50:"#d0e7f8",tint60:"#f3f9fd"},royalBlue:{shade50:"#000c16",shade40:"#00172a",shade30:"#002c4e",shade20:"#003b6a",shade10:"#00467e",primary:"#004e8c",tint10:"#125e9a",tint20:"#286fa8",tint30:"#4a89ba",tint40:"#9abfdc",tint50:"#c7dced",tint60:"#f0f6fa"},cornflower:{shade50:"#0d1126",shade40:"#182047",shade30:"#2c3c85",shade20:"#3c51b4",shade10:"#4760d5",primary:"#4f6bed",tint10:"#637cef",tint20:"#778df1",tint30:"#93a4f4",tint40:"#c8d1fa",tint50:"#e1e6fc",tint60:"#f7f9fe"},navy:{shade50:"#00061d",shade40:"#000c36",shade30:"#001665",shade20:"#001e89",shade10:"#0023a2",primary:"#0027b4",tint10:"#173bbd",tint20:"#3050c6",tint30:"#546fd2",tint40:"#a3b2e8",tint50:"#ccd5f3",tint60:"#f2f4fc"},lavender:{shade50:"#120f25",shade40:"#221d46",shade30:"#3f3682",shade20:"#5649b0",shade10:"#6656d1",primary:"#7160e8",tint10:"#8172eb",tint20:"#9184ee",tint30:"#a79cf1",tint40:"#d2ccf8",tint50:"#e7e4fb",tint60:"#f9f8fe"},purple:{shade50:"#0f0717",shade40:"#1c0e2b",shade30:"#341a51",shade20:"#46236e",shade10:"#532982",primary:"#5c2e91",tint10:"#6b3f9e",tint20:"#7c52ab",tint30:"#9470bd",tint40:"#c6b1de",tint50:"#e0d3ed",tint60:"#f7f4fb"},grape:{shade50:"#160418",shade40:"#29072e",shade30:"#4c0d55",shade20:"#671174",shade10:"#7a1589",primary:"#881798",tint10:"#952aa4",tint20:"#a33fb1",tint30:"#b55fc1",tint40:"#d9a7e0",tint50:"#eaceef",tint60:"#faf2fb"},lilac:{shade50:"#1c0b1f",shade40:"#35153a",shade30:"#63276d",shade20:"#863593",shade10:"#9f3faf",primary:"#b146c2",tint10:"#ba58c9",tint20:"#c36bd1",tint30:"#cf87da",tint40:"#e6bfed",tint50:"#f2dcf5",tint60:"#fcf6fd"},pink:{shade50:"#24091b",shade40:"#441232",shade30:"#80215d",shade20:"#ad2d7e",shade10:"#cd3595",primary:"#e43ba6",tint10:"#e750b0",tint20:"#ea66ba",tint30:"#ef85c8",tint40:"#f7c0e3",tint50:"#fbddf0",tint60:"#fef6fb"},magenta:{shade50:"#1f0013",shade40:"#390024",shade30:"#6b0043",shade20:"#91005a",shade10:"#ac006b",primary:"#bf0077",tint10:"#c71885",tint20:"#ce3293",tint30:"#d957a8",tint40:"#eca5d1",tint50:"#f5cee6",tint60:"#fcf2f9"},plum:{shade50:"#13000c",shade40:"#240017",shade30:"#43002b",shade20:"#5a003b",shade10:"#6b0045",primary:"#77004d",tint10:"#87105d",tint20:"#98246f",tint30:"#ad4589",tint40:"#d696c0",tint50:"#e9c4dc",tint60:"#faf0f6"},beige:{shade50:"#141313",shade40:"#252323",shade30:"#444241",shade20:"#5d5958",shade10:"#6e6968",primary:"#7a7574",tint10:"#8a8584",tint20:"#9a9594",tint30:"#afabaa",tint40:"#d7d4d4",tint50:"#eae8e8",tint60:"#faf9f9"},mink:{shade50:"#0f0e0e",shade40:"#1c1b1a",shade30:"#343231",shade20:"#474443",shade10:"#54514f",primary:"#5d5a58",tint10:"#706d6b",tint20:"#84817e",tint30:"#9e9b99",tint40:"#cecccb",tint50:"#e5e4e3",tint60:"#f8f8f8"},platinum:{shade50:"#111314",shade40:"#1f2426",shade30:"#3b4447",shade20:"#505c60",shade10:"#5f6d71",primary:"#69797e",tint10:"#79898d",tint20:"#89989d",tint30:"#a0adb2",tint40:"#cdd6d8",tint50:"#e4e9ea",tint60:"#f8f9fa"},anchor:{shade50:"#090a0b",shade40:"#111315",shade30:"#202427",shade20:"#2b3135",shade10:"#333a3f",primary:"#394146",tint10:"#4d565c",tint20:"#626c72",tint30:"#808a90",tint40:"#bcc3c7",tint50:"#dbdfe1",tint60:"#f6f7f8"}},statusSharedColorNames=["red","green","darkOrange","yellow","berry","lightGreen","marigold"],personaSharedColorNames=["darkRed","cranberry","pumpkin","peach","gold","brass","brown","forest","seafoam","darkGreen","lightTeal","teal","steel","blue","royalBlue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor"],statusColorPaletteTokens=statusSharedColorNames.reduce((function(acc,sharedColor){var _sharedColorTokens,color=sharedColor.slice(0,1).toUpperCase()+sharedColor.slice(1),sharedColorTokens=((_sharedColorTokens={})["colorPalette"+color+"Background1"]=statusSharedColors[sharedColor].tint60,_sharedColorTokens["colorPalette"+color+"Background2"]=statusSharedColors[sharedColor].tint40,_sharedColorTokens["colorPalette"+color+"Background3"]=statusSharedColors[sharedColor].primary,_sharedColorTokens["colorPalette"+color+"Foreground1"]=statusSharedColors[sharedColor].shade10,_sharedColorTokens["colorPalette"+color+"Foreground2"]=statusSharedColors[sharedColor].shade30,_sharedColorTokens["colorPalette"+color+"Foreground3"]=statusSharedColors[sharedColor].primary,_sharedColorTokens["colorPalette"+color+"BorderActive"]=statusSharedColors[sharedColor].primary,_sharedColorTokens["colorPalette"+color+"Border1"]=statusSharedColors[sharedColor].tint40,_sharedColorTokens["colorPalette"+color+"Border2"]=statusSharedColors[sharedColor].primary,_sharedColorTokens);return Object.assign(acc,sharedColorTokens)}),{});statusColorPaletteTokens.colorPaletteYellowForeground1=statusSharedColors.yellow.shade30,statusColorPaletteTokens.colorPaletteRedForegroundInverted=statusSharedColors.red.tint20,statusColorPaletteTokens.colorPaletteGreenForegroundInverted=statusSharedColors.green.tint20,statusColorPaletteTokens.colorPaletteYellowForegroundInverted=statusSharedColors.yellow.tint40;var personaColorPaletteTokens=personaSharedColorNames.reduce((function(acc,sharedColor){var _sharedColorTokens2,color=sharedColor.slice(0,1).toUpperCase()+sharedColor.slice(1),sharedColorTokens=((_sharedColorTokens2={})["colorPalette"+color+"Background2"]=personaSharedColors[sharedColor].tint40,_sharedColorTokens2["colorPalette"+color+"Foreground2"]=personaSharedColors[sharedColor].shade30,_sharedColorTokens2["colorPalette"+color+"BorderActive"]=personaSharedColors[sharedColor].primary,_sharedColorTokens2);return Object.assign(acc,sharedColorTokens)}),{}),colorPaletteTokens=Object.assign({},statusColorPaletteTokens,personaColorPaletteTokens),borderRadius={borderRadiusNone:"0",borderRadiusSmall:"2px",borderRadiusMedium:"4px",borderRadiusLarge:"6px",borderRadiusXLarge:"8px",borderRadiusCircular:"10000px"},curves={curveAccelerateMax:"cubic-bezier(1,0,1,1)",curveAccelerateMid:"cubic-bezier(0.7,0,1,0.5)",curveAccelerateMin:"cubic-bezier(0.8,0,1,1)",curveDecelerateMax:"cubic-bezier(0,0,0,1)",curveDecelerateMid:"cubic-bezier(0.1,0.9,0.2,1)",curveDecelerateMin:"cubic-bezier(0.33,0,0.1,1)",curveEasyEaseMax:"cubic-bezier(0.8,0,0.1,1)",curveEasyEase:"cubic-bezier(0.33,0,0.67,1)",curveLinear:"cubic-bezier(0,0,1,1)"},durations={durationUltraFast:"50ms",durationFaster:"100ms",durationFast:"150ms",durationNormal:"200ms",durationSlow:"300ms",durationSlower:"400ms",durationUltraSlow:"500ms"},fontSizes={fontSizeBase100:"10px",fontSizeBase200:"12px",fontSizeBase300:"14px",fontSizeBase400:"16px",fontSizeBase500:"20px",fontSizeBase600:"24px",fontSizeHero700:"28px",fontSizeHero800:"32px",fontSizeHero900:"40px",fontSizeHero1000:"68px"},lineHeights={lineHeightBase100:"14px",lineHeightBase200:"16px",lineHeightBase300:"20px",lineHeightBase400:"22px",lineHeightBase500:"28px",lineHeightBase600:"32px",lineHeightHero700:"36px",lineHeightHero800:"40px",lineHeightHero900:"52px",lineHeightHero1000:"92px"},fontWeights={fontWeightRegular:400,fontWeightMedium:500,fontWeightSemibold:600,fontWeightBold:700},fontFamilies={fontFamilyBase:"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",fontFamilyMonospace:"Consolas, 'Courier New', Courier, monospace",fontFamilyNumeric:"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"},spacings_none="0",spacings_xxs="2px",spacings_xs="4px",spacings_sNudge="6px",spacings_s="8px",spacings_mNudge="10px",spacings_m="12px",spacings_l="16px",spacings_xl="20px",spacings_xxl="24px",spacings_xxxl="32px",horizontalSpacings={spacingHorizontalNone:spacings_none,spacingHorizontalXXS:spacings_xxs,spacingHorizontalXS:spacings_xs,spacingHorizontalSNudge:spacings_sNudge,spacingHorizontalS:spacings_s,spacingHorizontalMNudge:spacings_mNudge,spacingHorizontalM:spacings_m,spacingHorizontalL:spacings_l,spacingHorizontalXL:spacings_xl,spacingHorizontalXXL:spacings_xxl,spacingHorizontalXXXL:spacings_xxxl},verticalSpacings={spacingVerticalNone:spacings_none,spacingVerticalXXS:spacings_xxs,spacingVerticalXS:spacings_xs,spacingVerticalSNudge:spacings_sNudge,spacingVerticalS:spacings_s,spacingVerticalMNudge:spacings_mNudge,spacingVerticalM:spacings_m,spacingVerticalL:spacings_l,spacingVerticalXL:spacings_xl,spacingVerticalXXL:spacings_xxl,spacingVerticalXXXL:spacings_xxxl},strokeWidths={strokeWidthThin:"1px",strokeWidthThick:"2px",strokeWidthThicker:"3px",strokeWidthThickest:"4px"};function createShadowTokens(ambientColor,keyColor){var _ref,tokenSuffix=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return(_ref={})["shadow2"+tokenSuffix]="0 0 2px "+ambientColor+", 0 1px 2px "+keyColor,_ref["shadow4"+tokenSuffix]="0 0 2px "+ambientColor+", 0 2px 4px "+keyColor,_ref["shadow8"+tokenSuffix]="0 0 2px "+ambientColor+", 0 4px 8px "+keyColor,_ref["shadow16"+tokenSuffix]="0 0 2px "+ambientColor+", 0 8px 16px "+keyColor,_ref["shadow28"+tokenSuffix]="0 0 8px "+ambientColor+", 0 14px 28px "+keyColor,_ref["shadow64"+tokenSuffix]="0 0 8px "+ambientColor+", 0 32px 64px "+keyColor,_ref}var createLightTheme=function createLightTheme(brand){var colorTokens=function generateColorTokens(brand){return{colorNeutralForeground1:grey_14,colorNeutralForeground1Hover:grey_14,colorNeutralForeground1Pressed:grey_14,colorNeutralForeground1Selected:grey_14,colorNeutralForeground2:grey_26,colorNeutralForeground2Hover:grey_14,colorNeutralForeground2Pressed:grey_14,colorNeutralForeground2Selected:grey_14,colorNeutralForeground2BrandHover:brand[80],colorNeutralForeground2BrandPressed:brand[70],colorNeutralForeground2BrandSelected:brand[80],colorNeutralForeground3:grey_38,colorNeutralForeground3Hover:grey_26,colorNeutralForeground3Pressed:grey_26,colorNeutralForeground3Selected:grey_26,colorNeutralForeground3BrandHover:brand[80],colorNeutralForeground3BrandPressed:brand[70],colorNeutralForeground3BrandSelected:brand[80],colorNeutralForeground4:grey_44,colorNeutralForegroundDisabled:grey_74,colorNeutralForegroundInvertedDisabled:whiteAlpha_40,colorBrandForegroundLink:brand[70],colorBrandForegroundLinkHover:brand[60],colorBrandForegroundLinkPressed:brand[40],colorBrandForegroundLinkSelected:brand[70],colorNeutralForeground2Link:grey_26,colorNeutralForeground2LinkHover:grey_14,colorNeutralForeground2LinkPressed:grey_14,colorNeutralForeground2LinkSelected:grey_14,colorCompoundBrandForeground1:brand[80],colorCompoundBrandForeground1Hover:brand[70],colorCompoundBrandForeground1Pressed:brand[60],colorBrandForeground1:brand[80],colorBrandForeground2:brand[70],colorNeutralForeground1Static:grey_14,colorNeutralForegroundStaticInverted:white,colorNeutralForegroundInverted:white,colorNeutralForegroundInvertedHover:white,colorNeutralForegroundInvertedPressed:white,colorNeutralForegroundInvertedSelected:white,colorNeutralForegroundInverted2:white,colorNeutralForegroundOnBrand:white,colorNeutralForegroundInvertedLink:white,colorNeutralForegroundInvertedLinkHover:white,colorNeutralForegroundInvertedLinkPressed:white,colorNeutralForegroundInvertedLinkSelected:white,colorBrandForegroundInverted:brand[100],colorBrandForegroundInvertedHover:brand[110],colorBrandForegroundInvertedPressed:brand[100],colorBrandForegroundOnLight:brand[80],colorBrandForegroundOnLightHover:brand[70],colorBrandForegroundOnLightPressed:brand[50],colorBrandForegroundOnLightSelected:brand[60],colorNeutralBackground1:white,colorNeutralBackground1Hover:grey_96,colorNeutralBackground1Pressed:grey_88,colorNeutralBackground1Selected:grey_92,colorNeutralBackground2:grey_98,colorNeutralBackground2Hover:grey_94,colorNeutralBackground2Pressed:grey_86,colorNeutralBackground2Selected:grey_90,colorNeutralBackground3:grey_96,colorNeutralBackground3Hover:grey_92,colorNeutralBackground3Pressed:grey_84,colorNeutralBackground3Selected:grey_88,colorNeutralBackground4:grey_94,colorNeutralBackground4Hover:grey_98,colorNeutralBackground4Pressed:grey_96,colorNeutralBackground4Selected:white,colorNeutralBackground5:grey_92,colorNeutralBackground5Hover:grey_96,colorNeutralBackground5Pressed:grey_94,colorNeutralBackground5Selected:grey_98,colorNeutralBackground6:grey_90,colorNeutralBackgroundInverted:grey_16,colorNeutralBackgroundStatic:grey_20,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:grey_96,colorSubtleBackgroundPressed:grey_88,colorSubtleBackgroundSelected:grey_92,colorSubtleBackgroundLightAlphaHover:whiteAlpha_70,colorSubtleBackgroundLightAlphaPressed:whiteAlpha_50,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:blackAlpha_10,colorSubtleBackgroundInvertedPressed:blackAlpha_30,colorSubtleBackgroundInvertedSelected:blackAlpha_20,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:grey_94,colorNeutralBackgroundInvertedDisabled:whiteAlpha_10,colorNeutralStencil1:grey_90,colorNeutralStencil2:grey_98,colorNeutralStencil1Alpha:blackAlpha_10,colorNeutralStencil2Alpha:blackAlpha_5,colorBackgroundOverlay:blackAlpha_40,colorScrollbarOverlay:blackAlpha_50,colorBrandBackground:brand[80],colorBrandBackgroundHover:brand[70],colorBrandBackgroundPressed:brand[40],colorBrandBackgroundSelected:brand[60],colorCompoundBrandBackground:brand[80],colorCompoundBrandBackgroundHover:brand[70],colorCompoundBrandBackgroundPressed:brand[60],colorBrandBackgroundStatic:brand[80],colorBrandBackground2:brand[160],colorBrandBackgroundInverted:white,colorBrandBackgroundInvertedHover:brand[160],colorBrandBackgroundInvertedPressed:brand[140],colorBrandBackgroundInvertedSelected:brand[150],colorNeutralStrokeAccessible:grey_38,colorNeutralStrokeAccessibleHover:grey_34,colorNeutralStrokeAccessiblePressed:grey_30,colorNeutralStrokeAccessibleSelected:brand[80],colorNeutralStroke1:grey_82,colorNeutralStroke1Hover:grey_78,colorNeutralStroke1Pressed:grey_70,colorNeutralStroke1Selected:grey_74,colorNeutralStroke2:grey_88,colorNeutralStroke3:grey_94,colorNeutralStrokeOnBrand:white,colorNeutralStrokeOnBrand2:white,colorNeutralStrokeOnBrand2Hover:white,colorNeutralStrokeOnBrand2Pressed:white,colorNeutralStrokeOnBrand2Selected:white,colorBrandStroke1:brand[80],colorBrandStroke2:brand[140],colorCompoundBrandStroke:brand[80],colorCompoundBrandStrokeHover:brand[70],colorCompoundBrandStrokePressed:brand[60],colorNeutralStrokeDisabled:grey_88,colorNeutralStrokeInvertedDisabled:whiteAlpha_40,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorStrokeFocus1:white,colorStrokeFocus2:black,colorNeutralShadowAmbient:"rgba(0,0,0,0.12)",colorNeutralShadowKey:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.06)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.07)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.20)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.24)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}}(brand);return Object.assign({},borderRadius,fontSizes,lineHeights,fontFamilies,fontWeights,strokeWidths,horizontalSpacings,verticalSpacings,durations,curves,colorTokens,colorPaletteTokens,createShadowTokens(colorTokens.colorNeutralShadowAmbient,colorTokens.colorNeutralShadowKey),createShadowTokens(colorTokens.colorBrandShadowAmbient,colorTokens.colorBrandShadowKey,"Brand"))},brandWeb={10:"#061724",20:"#082338",30:"#0a2e4a",40:"#0c3b5e",50:"#0e4775",60:"#0f548c",70:"#115ea3",80:"#0f6cbd",90:"#2886de",100:"#479ef5",110:"#62abf5",120:"#77b7f7",130:"#96c6fa",140:"#b4d6fa",150:"#cfe4fa",160:"#ebf3fc"},brandTeams={10:"#2b2b40",20:"#2f2f4a",30:"#333357",40:"#383966",50:"#3d3e78",60:"#444791",70:"#4f52b2",80:"#5b5fc7",90:"#7579eb",100:"#7f85f5",110:"#9299f7",120:"#aab1fa",130:"#b6bcfa",140:"#c5cbfa",150:"#dce0fa",160:"#e8ebfa"},teamsLightTheme=createLightTheme(brandTeams),darkColorPalette_statusColorPaletteTokens=statusSharedColorNames.reduce((function(acc,sharedColor){var _sharedColorTokens,color=sharedColor.slice(0,1).toUpperCase()+sharedColor.slice(1),sharedColorTokens=((_sharedColorTokens={})["colorPalette"+color+"Background1"]=statusSharedColors[sharedColor].shade40,_sharedColorTokens["colorPalette"+color+"Background2"]=statusSharedColors[sharedColor].shade30,_sharedColorTokens["colorPalette"+color+"Background3"]=statusSharedColors[sharedColor].primary,_sharedColorTokens["colorPalette"+color+"Foreground1"]=statusSharedColors[sharedColor].tint30,_sharedColorTokens["colorPalette"+color+"Foreground2"]=statusSharedColors[sharedColor].tint40,_sharedColorTokens["colorPalette"+color+"Foreground3"]=statusSharedColors[sharedColor].tint20,_sharedColorTokens["colorPalette"+color+"BorderActive"]=statusSharedColors[sharedColor].tint30,_sharedColorTokens["colorPalette"+color+"Border1"]=statusSharedColors[sharedColor].primary,_sharedColorTokens["colorPalette"+color+"Border2"]=statusSharedColors[sharedColor].tint20,_sharedColorTokens);return Object.assign(acc,sharedColorTokens)}),{});darkColorPalette_statusColorPaletteTokens.colorPaletteRedForeground3=statusSharedColors.red.tint30,darkColorPalette_statusColorPaletteTokens.colorPaletteRedBorder2=statusSharedColors.red.tint30,darkColorPalette_statusColorPaletteTokens.colorPaletteGreenForeground3=statusSharedColors.green.tint40,darkColorPalette_statusColorPaletteTokens.colorPaletteGreenBorder2=statusSharedColors.green.tint40,darkColorPalette_statusColorPaletteTokens.colorPaletteDarkOrangeForeground3=statusSharedColors.darkOrange.tint30,darkColorPalette_statusColorPaletteTokens.colorPaletteDarkOrangeBorder2=statusSharedColors.darkOrange.tint30,darkColorPalette_statusColorPaletteTokens.colorPaletteRedForegroundInverted=statusSharedColors.red.primary,darkColorPalette_statusColorPaletteTokens.colorPaletteGreenForegroundInverted=statusSharedColors.green.primary,darkColorPalette_statusColorPaletteTokens.colorPaletteYellowForegroundInverted=statusSharedColors.yellow.shade30;var darkColorPalette_personaColorPaletteTokens=personaSharedColorNames.reduce((function(acc,sharedColor){var _sharedColorTokens2,color=sharedColor.slice(0,1).toUpperCase()+sharedColor.slice(1),sharedColorTokens=((_sharedColorTokens2={})["colorPalette"+color+"Background2"]=personaSharedColors[sharedColor].shade30,_sharedColorTokens2["colorPalette"+color+"Foreground2"]=personaSharedColors[sharedColor].tint40,_sharedColorTokens2["colorPalette"+color+"BorderActive"]=personaSharedColors[sharedColor].tint30,_sharedColorTokens2);return Object.assign(acc,sharedColorTokens)}),{});darkColorPalette_personaColorPaletteTokens.colorPaletteDarkRedBackground2=personaSharedColors.darkRed.shade20,darkColorPalette_personaColorPaletteTokens.colorPalettePlumBackground2=personaSharedColors.plum.shade20;var darkColorPalette_colorPaletteTokens=Object.assign({},darkColorPalette_statusColorPaletteTokens,darkColorPalette_personaColorPaletteTokens),teamsDarkTheme=function createTeamsDarkTheme(brand){var colorTokens=function generateColorTokens(brand){return{colorNeutralForeground1:white,colorNeutralForeground1Hover:white,colorNeutralForeground1Pressed:white,colorNeutralForeground1Selected:white,colorNeutralForeground2:grey_84,colorNeutralForeground2Hover:white,colorNeutralForeground2Pressed:white,colorNeutralForeground2Selected:white,colorNeutralForeground2BrandHover:brand[100],colorNeutralForeground2BrandPressed:brand[90],colorNeutralForeground2BrandSelected:brand[100],colorNeutralForeground3:grey_68,colorNeutralForeground3Hover:grey_84,colorNeutralForeground3Pressed:grey_84,colorNeutralForeground3Selected:grey_84,colorNeutralForeground3BrandHover:brand[100],colorNeutralForeground3BrandPressed:brand[90],colorNeutralForeground3BrandSelected:brand[100],colorNeutralForeground4:grey_60,colorNeutralForegroundDisabled:grey_36,colorNeutralForegroundInvertedDisabled:whiteAlpha_40,colorBrandForegroundLink:brand[100],colorBrandForegroundLinkHover:brand[110],colorBrandForegroundLinkPressed:brand[90],colorBrandForegroundLinkSelected:brand[100],colorNeutralForeground2Link:grey_84,colorNeutralForeground2LinkHover:white,colorNeutralForeground2LinkPressed:white,colorNeutralForeground2LinkSelected:white,colorCompoundBrandForeground1:brand[100],colorCompoundBrandForeground1Hover:brand[110],colorCompoundBrandForeground1Pressed:brand[90],colorBrandForeground1:brand[100],colorBrandForeground2:brand[120],colorNeutralForeground1Static:grey_14,colorNeutralForegroundStaticInverted:white,colorNeutralForegroundInverted:grey_14,colorNeutralForegroundInvertedHover:grey_14,colorNeutralForegroundInvertedPressed:grey_14,colorNeutralForegroundInvertedSelected:grey_14,colorNeutralForegroundInverted2:grey_14,colorNeutralForegroundOnBrand:white,colorNeutralForegroundInvertedLink:white,colorNeutralForegroundInvertedLinkHover:white,colorNeutralForegroundInvertedLinkPressed:white,colorNeutralForegroundInvertedLinkSelected:white,colorBrandForegroundInverted:brand[80],colorBrandForegroundInvertedHover:brand[70],colorBrandForegroundInvertedPressed:brand[60],colorBrandForegroundOnLight:brand[80],colorBrandForegroundOnLightHover:brand[70],colorBrandForegroundOnLightPressed:brand[50],colorBrandForegroundOnLightSelected:brand[60],colorNeutralBackground1:grey_16,colorNeutralBackground1Hover:grey_24,colorNeutralBackground1Pressed:grey_12,colorNeutralBackground1Selected:grey_22,colorNeutralBackground2:grey_14,colorNeutralBackground2Hover:grey_22,colorNeutralBackground2Pressed:grey_10,colorNeutralBackground2Selected:grey_20,colorNeutralBackground3:grey_12,colorNeutralBackground3Hover:grey_20,colorNeutralBackground3Pressed:grey_8,colorNeutralBackground3Selected:grey_18,colorNeutralBackground4:grey_8,colorNeutralBackground4Hover:grey_16,colorNeutralBackground4Pressed:grey_4,colorNeutralBackground4Selected:grey_14,colorNeutralBackground5:grey_4,colorNeutralBackground5Hover:grey_12,colorNeutralBackground5Pressed:black,colorNeutralBackground5Selected:grey_10,colorNeutralBackground6:grey_20,colorNeutralBackgroundInverted:white,colorNeutralBackgroundStatic:grey_24,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:grey_22,colorSubtleBackgroundPressed:grey_18,colorSubtleBackgroundSelected:grey_20,colorSubtleBackgroundLightAlphaHover:grey14Alpha_80,colorSubtleBackgroundLightAlphaPressed:grey14Alpha_50,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:blackAlpha_10,colorSubtleBackgroundInvertedPressed:blackAlpha_30,colorSubtleBackgroundInvertedSelected:blackAlpha_20,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:grey_8,colorNeutralBackgroundInvertedDisabled:whiteAlpha_10,colorNeutralStencil1:grey_34,colorNeutralStencil2:grey_20,colorNeutralStencil1Alpha:whiteAlpha_10,colorNeutralStencil2Alpha:whiteAlpha_5,colorBackgroundOverlay:blackAlpha_50,colorScrollbarOverlay:whiteAlpha_60,colorBrandBackground:brand[70],colorBrandBackgroundHover:brand[80],colorBrandBackgroundPressed:brand[40],colorBrandBackgroundSelected:brand[60],colorCompoundBrandBackground:brand[100],colorCompoundBrandBackgroundHover:brand[110],colorCompoundBrandBackgroundPressed:brand[90],colorBrandBackgroundStatic:brand[80],colorBrandBackground2:brand[40],colorBrandBackgroundInverted:white,colorBrandBackgroundInvertedHover:brand[160],colorBrandBackgroundInvertedPressed:brand[140],colorBrandBackgroundInvertedSelected:brand[150],colorNeutralStrokeAccessible:grey_68,colorNeutralStrokeAccessibleHover:grey_74,colorNeutralStrokeAccessiblePressed:grey_70,colorNeutralStrokeAccessibleSelected:brand[100],colorNeutralStroke1:grey_40,colorNeutralStroke1Hover:grey_46,colorNeutralStroke1Pressed:grey_42,colorNeutralStroke1Selected:grey_44,colorNeutralStroke2:grey_32,colorNeutralStroke3:grey_24,colorNeutralStrokeOnBrand:grey_16,colorNeutralStrokeOnBrand2:white,colorNeutralStrokeOnBrand2Hover:white,colorNeutralStrokeOnBrand2Pressed:white,colorNeutralStrokeOnBrand2Selected:white,colorBrandStroke1:brand[100],colorBrandStroke2:brand[50],colorCompoundBrandStroke:brand[90],colorCompoundBrandStrokeHover:brand[100],colorCompoundBrandStrokePressed:brand[80],colorNeutralStrokeDisabled:grey_26,colorNeutralStrokeInvertedDisabled:whiteAlpha_40,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorStrokeFocus1:black,colorStrokeFocus2:white,colorNeutralShadowAmbient:"rgba(0,0,0,0.24)",colorNeutralShadowKey:"rgba(0,0,0,0.28)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.12)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.40)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.48)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}}(brand);return Object.assign({},borderRadius,fontSizes,lineHeights,fontFamilies,fontWeights,strokeWidths,horizontalSpacings,verticalSpacings,durations,curves,colorTokens,darkColorPalette_colorPaletteTokens,createShadowTokens(colorTokens.colorNeutralShadowAmbient,colorTokens.colorNeutralShadowKey),createShadowTokens(colorTokens.colorBrandShadowAmbient,colorTokens.colorBrandShadowKey,"Brand"))}(brandTeams),highContrastColorPalette_statusColorPaletteTokens=statusSharedColorNames.reduce((function(acc,sharedColor){var _sharedColorTokens,color=sharedColor.slice(0,1).toUpperCase()+sharedColor.slice(1),sharedColorTokens=((_sharedColorTokens={})["colorPalette"+color+"Background1"]="#000000",_sharedColorTokens["colorPalette"+color+"Background2"]="#000000",_sharedColorTokens["colorPalette"+color+"Background3"]="#ffffff",_sharedColorTokens["colorPalette"+color+"Foreground1"]="#ffffff",_sharedColorTokens["colorPalette"+color+"Foreground2"]="#ffffff",_sharedColorTokens["colorPalette"+color+"Foreground3"]="#ffffff",_sharedColorTokens["colorPalette"+color+"BorderActive"]="#1aebff",_sharedColorTokens["colorPalette"+color+"Border1"]="#ffffff",_sharedColorTokens["colorPalette"+color+"Border2"]="#ffffff",_sharedColorTokens);return Object.assign(acc,sharedColorTokens)}),{});highContrastColorPalette_statusColorPaletteTokens.colorPaletteRedForegroundInverted="#ffffff",highContrastColorPalette_statusColorPaletteTokens.colorPaletteGreenForegroundInverted="#ffffff",highContrastColorPalette_statusColorPaletteTokens.colorPaletteYellowForegroundInverted="#ffffff";var highContrastColorPalette_personaColorPaletteTokens=personaSharedColorNames.reduce((function(acc,sharedColor){var _sharedColorTokens2,color=sharedColor.slice(0,1).toUpperCase()+sharedColor.slice(1),sharedColorTokens=((_sharedColorTokens2={})["colorPalette"+color+"Background2"]="#000000",_sharedColorTokens2["colorPalette"+color+"Foreground2"]="#ffffff",_sharedColorTokens2["colorPalette"+color+"BorderActive"]="#1aebff",_sharedColorTokens2);return Object.assign(acc,sharedColorTokens)}),{}),highContrastColorPalette_colorPaletteTokens=Object.assign({},highContrastColorPalette_statusColorPaletteTokens,highContrastColorPalette_personaColorPaletteTokens),webLightTheme=(function createHighContrastTheme(){var colorTokens=function generateColorTokens(){return{colorNeutralForeground1:"#ffffff",colorNeutralForeground1Hover:"#000000",colorNeutralForeground1Pressed:"#000000",colorNeutralForeground1Selected:"#000000",colorNeutralForeground2:"#ffffff",colorNeutralForeground2Hover:"#000000",colorNeutralForeground2Pressed:"#000000",colorNeutralForeground2Selected:"#000000",colorNeutralForeground2BrandHover:"#000000",colorNeutralForeground2BrandPressed:"#000000",colorNeutralForeground2BrandSelected:"#000000",colorNeutralForeground3:"#ffffff",colorNeutralForeground3Hover:"#000000",colorNeutralForeground3Pressed:"#000000",colorNeutralForeground3Selected:"#000000",colorNeutralForeground3BrandHover:"#000000",colorNeutralForeground3BrandPressed:"#000000",colorNeutralForeground3BrandSelected:"#000000",colorNeutralForeground4:"#ffffff",colorNeutralForegroundDisabled:"#3ff23f",colorNeutralForegroundInvertedDisabled:"#3ff23f",colorBrandForegroundLink:"#ffff00",colorBrandForegroundLinkHover:"#ffff00",colorBrandForegroundLinkPressed:"#ffff00",colorBrandForegroundLinkSelected:"#ffff00",colorNeutralForeground2Link:"#ffff00",colorNeutralForeground2LinkHover:"#ffff00",colorNeutralForeground2LinkPressed:"#ffff00",colorNeutralForeground2LinkSelected:"#ffff00",colorCompoundBrandForeground1:"#1aebff",colorCompoundBrandForeground1Hover:"#1aebff",colorCompoundBrandForeground1Pressed:"#1aebff",colorBrandForeground1:"#ffffff",colorBrandForeground2:"#000000",colorNeutralForeground1Static:"#000000",colorNeutralForegroundStaticInverted:"#ffffff",colorNeutralForegroundInverted:"#000000",colorNeutralForegroundInvertedHover:"#000000",colorNeutralForegroundInvertedPressed:"#000000",colorNeutralForegroundInvertedSelected:"#000000",colorNeutralForegroundInverted2:"#ffffff",colorNeutralForegroundOnBrand:"#000000",colorNeutralForegroundInvertedLink:"#ffff00",colorNeutralForegroundInvertedLinkHover:"#ffff00",colorNeutralForegroundInvertedLinkPressed:"#ffff00",colorNeutralForegroundInvertedLinkSelected:"#ffff00",colorBrandForegroundInverted:"#ffffff",colorBrandForegroundInvertedHover:"#000000",colorBrandForegroundInvertedPressed:"#000000",colorBrandForegroundOnLight:"#000000",colorBrandForegroundOnLightHover:"#000000",colorBrandForegroundOnLightPressed:"#000000",colorBrandForegroundOnLightSelected:"#000000",colorNeutralBackground1:"#000000",colorNeutralBackground1Hover:"#1aebff",colorNeutralBackground1Pressed:"#1aebff",colorNeutralBackground1Selected:"#1aebff",colorNeutralBackground2:"#000000",colorNeutralBackground2Hover:"#1aebff",colorNeutralBackground2Pressed:"#1aebff",colorNeutralBackground2Selected:"#1aebff",colorNeutralBackground3:"#000000",colorNeutralBackground3Hover:"#1aebff",colorNeutralBackground3Pressed:"#1aebff",colorNeutralBackground3Selected:"#1aebff",colorNeutralBackground4:"#000000",colorNeutralBackground4Hover:"#1aebff",colorNeutralBackground4Pressed:"#1aebff",colorNeutralBackground4Selected:"#1aebff",colorNeutralBackground5:"#000000",colorNeutralBackground5Hover:"#1aebff",colorNeutralBackground5Pressed:"#1aebff",colorNeutralBackground5Selected:"#1aebff",colorNeutralBackground6:"#000000",colorNeutralBackgroundInverted:"#000000",colorNeutralBackgroundStatic:"#000000",colorSubtleBackground:"transparent",colorSubtleBackgroundHover:"#1aebff",colorSubtleBackgroundPressed:"#1aebff",colorSubtleBackgroundSelected:"#1aebff",colorSubtleBackgroundLightAlphaHover:"#1aebff",colorSubtleBackgroundLightAlphaPressed:"#1aebff",colorSubtleBackgroundLightAlphaSelected:"#1aebff",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:"#1aebff",colorSubtleBackgroundInvertedPressed:"#1aebff",colorSubtleBackgroundInvertedSelected:"#1aebff",colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"#1aebff",colorTransparentBackgroundPressed:"#1aebff",colorTransparentBackgroundSelected:"#1aebff",colorNeutralBackgroundDisabled:"#000000",colorNeutralBackgroundInvertedDisabled:"#000000",colorNeutralStencil1:"#ffffff",colorNeutralStencil2:"#ffffff",colorNeutralStencil1Alpha:"#ffffff",colorNeutralStencil2Alpha:"#ffffff",colorBackgroundOverlay:blackAlpha_50,colorScrollbarOverlay:"#ffffff",colorBrandBackground:"#ffffff",colorBrandBackgroundHover:"#1aebff",colorBrandBackgroundPressed:"#1aebff",colorBrandBackgroundSelected:"#1aebff",colorCompoundBrandBackground:"#1aebff",colorCompoundBrandBackgroundHover:"#1aebff",colorCompoundBrandBackgroundPressed:"#1aebff",colorBrandBackgroundStatic:"#000000",colorBrandBackground2:"#ffffff",colorBrandBackgroundInverted:"#ffffff",colorBrandBackgroundInvertedHover:"#1aebff",colorBrandBackgroundInvertedPressed:"#1aebff",colorBrandBackgroundInvertedSelected:"#1aebff",colorNeutralStrokeAccessible:"#ffffff",colorNeutralStrokeAccessibleHover:"#1aebff",colorNeutralStrokeAccessiblePressed:"#1aebff",colorNeutralStrokeAccessibleSelected:"#1aebff",colorNeutralStroke1:"#ffffff",colorNeutralStroke1Hover:"#1aebff",colorNeutralStroke1Pressed:"#1aebff",colorNeutralStroke1Selected:"#1aebff",colorNeutralStroke2:"#ffffff",colorNeutralStroke3:"#ffffff",colorNeutralStrokeOnBrand:"#000000",colorNeutralStrokeOnBrand2:"#ffffff",colorNeutralStrokeOnBrand2Hover:"#ffffff",colorNeutralStrokeOnBrand2Pressed:"#ffffff",colorNeutralStrokeOnBrand2Selected:"#ffffff",colorBrandStroke1:"#ffffff",colorBrandStroke2:"#ffffff",colorCompoundBrandStroke:"#1aebff",colorCompoundBrandStrokeHover:"#1aebff",colorCompoundBrandStrokePressed:"#1aebff",colorNeutralStrokeDisabled:"#3ff23f",colorNeutralStrokeInvertedDisabled:"#3ff23f",colorTransparentStroke:"#ffffff",colorTransparentStrokeInteractive:"#1aebff",colorTransparentStrokeDisabled:"#3ff23f",colorStrokeFocus1:"#000000",colorStrokeFocus2:"#1aebff",colorNeutralShadowAmbient:"rgba(0,0,0,0.24)",colorNeutralShadowKey:"rgba(0,0,0,0.28)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.12)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.40)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.48)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}}();Object.assign({},borderRadius,fontSizes,lineHeights,fontFamilies,fontWeights,strokeWidths,horizontalSpacings,verticalSpacings,durations,curves,colorTokens,highContrastColorPalette_colorPaletteTokens,createShadowTokens(colorTokens.colorNeutralShadowAmbient,colorTokens.colorNeutralShadowKey),createShadowTokens(colorTokens.colorBrandShadowAmbient,colorTokens.colorBrandShadowKey,"Brand"))}(),createLightTheme(brandWeb));var themes={"web-light":webLightTheme,"web-dark":function createDarkTheme(brand){var colorTokens=function generateColorTokens(brand){return{colorNeutralForeground1:white,colorNeutralForeground1Hover:white,colorNeutralForeground1Pressed:white,colorNeutralForeground1Selected:white,colorNeutralForeground2:grey_84,colorNeutralForeground2Hover:white,colorNeutralForeground2Pressed:white,colorNeutralForeground2Selected:white,colorNeutralForeground2BrandHover:brand[100],colorNeutralForeground2BrandPressed:brand[90],colorNeutralForeground2BrandSelected:brand[100],colorNeutralForeground3:grey_68,colorNeutralForeground3Hover:grey_84,colorNeutralForeground3Pressed:grey_84,colorNeutralForeground3Selected:grey_84,colorNeutralForeground3BrandHover:brand[100],colorNeutralForeground3BrandPressed:brand[90],colorNeutralForeground3BrandSelected:brand[100],colorNeutralForeground4:grey_60,colorNeutralForegroundDisabled:grey_36,colorNeutralForegroundInvertedDisabled:whiteAlpha_40,colorBrandForegroundLink:brand[100],colorBrandForegroundLinkHover:brand[110],colorBrandForegroundLinkPressed:brand[90],colorBrandForegroundLinkSelected:brand[100],colorNeutralForeground2Link:grey_84,colorNeutralForeground2LinkHover:white,colorNeutralForeground2LinkPressed:white,colorNeutralForeground2LinkSelected:white,colorCompoundBrandForeground1:brand[100],colorCompoundBrandForeground1Hover:brand[110],colorCompoundBrandForeground1Pressed:brand[90],colorBrandForeground1:brand[100],colorBrandForeground2:brand[110],colorNeutralForeground1Static:grey_14,colorNeutralForegroundStaticInverted:white,colorNeutralForegroundInverted:grey_14,colorNeutralForegroundInvertedHover:grey_14,colorNeutralForegroundInvertedPressed:grey_14,colorNeutralForegroundInvertedSelected:grey_14,colorNeutralForegroundInverted2:grey_14,colorNeutralForegroundOnBrand:white,colorNeutralForegroundInvertedLink:white,colorNeutralForegroundInvertedLinkHover:white,colorNeutralForegroundInvertedLinkPressed:white,colorNeutralForegroundInvertedLinkSelected:white,colorBrandForegroundInverted:brand[80],colorBrandForegroundInvertedHover:brand[70],colorBrandForegroundInvertedPressed:brand[60],colorBrandForegroundOnLight:brand[80],colorBrandForegroundOnLightHover:brand[70],colorBrandForegroundOnLightPressed:brand[50],colorBrandForegroundOnLightSelected:brand[60],colorNeutralBackground1:grey_16,colorNeutralBackground1Hover:grey_24,colorNeutralBackground1Pressed:grey_12,colorNeutralBackground1Selected:grey_22,colorNeutralBackground2:grey_12,colorNeutralBackground2Hover:grey_20,colorNeutralBackground2Pressed:grey_8,colorNeutralBackground2Selected:grey_18,colorNeutralBackground3:grey_8,colorNeutralBackground3Hover:grey_16,colorNeutralBackground3Pressed:grey_4,colorNeutralBackground3Selected:grey_14,colorNeutralBackground4:grey_4,colorNeutralBackground4Hover:grey_12,colorNeutralBackground4Pressed:black,colorNeutralBackground4Selected:grey_10,colorNeutralBackground5:black,colorNeutralBackground5Hover:grey_8,colorNeutralBackground5Pressed:grey_2,colorNeutralBackground5Selected:grey_6,colorNeutralBackground6:grey_20,colorNeutralBackgroundInverted:white,colorNeutralBackgroundStatic:grey_24,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:grey_22,colorSubtleBackgroundPressed:grey_18,colorSubtleBackgroundSelected:grey_20,colorSubtleBackgroundLightAlphaHover:grey14Alpha_80,colorSubtleBackgroundLightAlphaPressed:grey14Alpha_50,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:blackAlpha_10,colorSubtleBackgroundInvertedPressed:blackAlpha_30,colorSubtleBackgroundInvertedSelected:blackAlpha_20,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:grey_8,colorNeutralBackgroundInvertedDisabled:whiteAlpha_10,colorNeutralStencil1:grey_34,colorNeutralStencil2:grey_20,colorNeutralStencil1Alpha:whiteAlpha_10,colorNeutralStencil2Alpha:whiteAlpha_5,colorBackgroundOverlay:blackAlpha_50,colorScrollbarOverlay:whiteAlpha_60,colorBrandBackground:brand[70],colorBrandBackgroundHover:brand[80],colorBrandBackgroundPressed:brand[40],colorBrandBackgroundSelected:brand[60],colorCompoundBrandBackground:brand[100],colorCompoundBrandBackgroundHover:brand[110],colorCompoundBrandBackgroundPressed:brand[90],colorBrandBackgroundStatic:brand[80],colorBrandBackground2:brand[40],colorBrandBackgroundInverted:white,colorBrandBackgroundInvertedHover:brand[160],colorBrandBackgroundInvertedPressed:brand[140],colorBrandBackgroundInvertedSelected:brand[150],colorNeutralStrokeAccessible:grey_68,colorNeutralStrokeAccessibleHover:grey_74,colorNeutralStrokeAccessiblePressed:grey_70,colorNeutralStrokeAccessibleSelected:brand[100],colorNeutralStroke1:grey_40,colorNeutralStroke1Hover:grey_46,colorNeutralStroke1Pressed:grey_42,colorNeutralStroke1Selected:grey_44,colorNeutralStroke2:grey_32,colorNeutralStroke3:grey_24,colorNeutralStrokeOnBrand:grey_16,colorNeutralStrokeOnBrand2:white,colorNeutralStrokeOnBrand2Hover:white,colorNeutralStrokeOnBrand2Pressed:white,colorNeutralStrokeOnBrand2Selected:white,colorBrandStroke1:brand[100],colorBrandStroke2:brand[50],colorCompoundBrandStroke:brand[100],colorCompoundBrandStrokeHover:brand[110],colorCompoundBrandStrokePressed:brand[90],colorNeutralStrokeDisabled:grey_26,colorNeutralStrokeInvertedDisabled:whiteAlpha_40,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorStrokeFocus1:black,colorStrokeFocus2:white,colorNeutralShadowAmbient:"rgba(0,0,0,0.24)",colorNeutralShadowKey:"rgba(0,0,0,0.28)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.12)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.40)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.48)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}}(brand);return Object.assign({},borderRadius,fontSizes,lineHeights,fontFamilies,fontWeights,strokeWidths,horizontalSpacings,verticalSpacings,durations,curves,colorTokens,darkColorPalette_colorPaletteTokens,createShadowTokens(colorTokens.colorNeutralShadowAmbient,colorTokens.colorNeutralShadowKey),createShadowTokens(colorTokens.colorBrandShadowAmbient,colorTokens.colorBrandShadowKey,"Brand"))}(brandWeb),"teams-light":teamsLightTheme,"teams-dark":teamsDarkTheme};function switchTheme(themeName){setTheme(themes[themeName])}var injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),docs_root=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../../.storybook/docs-root.css"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(docs_root.Z,options);docs_root.Z.locals;var docs_root_web_compoents=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!./.storybook/docs-root-web-compoents.css"),docs_root_web_compoents_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(docs_root_web_compoents.Z,docs_root_web_compoents_options);docs_root_web_compoents.Z.locals;var _document$getElementB;null===(_document$getElementB=document.getElementById("theme-switch"))||void 0===_document$getElementB||_document$getElementB.addEventListener("change",(function changeTheme(e){switchTheme(e.target.value)}),!1),switchTheme("web-light");var parameters={layout:"fullscreen",controls:{expanded:!0},viewMode:"docs",previewTabs:{canvas:{hidden:!0}},options:{storySort:{method:"alphabetical",order:["Concepts",["Introduction"],"Components","Theme"]}},docs:{theme}},__namedExportsOrder=["parameters"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return(0,ClientApi.My)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return(0,ClientApi._C)(enhancer)}));case"render":return(0,ClientApi.$P)(value);case"globals":case"globalTypes":var v={};return v[key]=value,(0,ClientApi.h1)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./storybook-init-framework-entry.js":(__unused_webpack___webpack_module__,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/@storybook/html/dist/esm/client/index.js")}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[284],(()=>(__webpack_exec__("../../node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("../../node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/html/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/html/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_exec__("../../node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_exec__("../../node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_exec__("../../node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js"),__webpack_exec__("../../node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js"),__webpack_exec__("./.storybook/preview.mjs-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs"))));__webpack_require__.O()}]);