@mozaic-ds/web-components 0.12.0 → 0.14.0-beta.0

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 (501) hide show
  1. package/README.md +2 -1
  2. package/package.json +3 -3
  3. package/public/{adeo/EventForward-8492ff62.js → EventForward-422700d7.js} +2 -2
  4. package/public/{EventForward-8492ff62.js.map → EventForward-422700d7.js.map} +1 -1
  5. package/public/{EventHandler-02058705.js → EventHandler-f4efd23c.js} +2 -2
  6. package/public/{EventHandler-02058705.js.map → EventHandler-f4efd23c.js.map} +1 -1
  7. package/public/{bricoman/EventForward-8492ff62.js → adeo/EventForward-422700d7.js} +2 -2
  8. package/public/adeo/{EventForward-8492ff62.js.map → EventForward-422700d7.js.map} +1 -1
  9. package/public/adeo/{EventHandler-02058705.js → EventHandler-f4efd23c.js} +2 -2
  10. package/public/adeo/{EventHandler-02058705.js.map → EventHandler-f4efd23c.js.map} +1 -1
  11. package/public/adeo/bundle.js +20 -0
  12. package/public/adeo/components/accordion/Accordion.js +1 -1
  13. package/public/adeo/components/actionbar/ActionBar.js +2 -0
  14. package/public/adeo/components/actionbar/ActionBar.js.map +1 -0
  15. package/public/adeo/components/actionbar/ActionBar.svelte +97 -0
  16. package/public/adeo/components/autocomplete/Autocomplete.js +1 -1
  17. package/public/adeo/components/autocomplete/Autocomplete.js.map +1 -1
  18. package/public/adeo/components/badge/Badge.js +1 -1
  19. package/public/adeo/components/badge/Badge.nested.js +1 -1
  20. package/public/adeo/components/bottombar/BottomBar.js +2 -0
  21. package/public/adeo/components/bottombar/BottomBar.js.map +1 -0
  22. package/public/adeo/components/bottombar/BottomBar.svelte +18 -0
  23. package/public/adeo/components/breadcrumb/Breadcrumb.js +1 -1
  24. package/public/adeo/components/breadcrumb/Breadcrumb.nested.js +1 -1
  25. package/public/adeo/components/button/Button.js +1 -1
  26. package/public/adeo/components/button/Button.nested.js +2 -0
  27. package/public/adeo/components/button/Button.nested.js.map +1 -0
  28. package/public/adeo/components/button/Button.nested.svelte +173 -0
  29. package/public/adeo/components/card/Card.js +1 -1
  30. package/public/adeo/components/carousel/Carousel.js +2 -0
  31. package/public/adeo/components/carousel/Carousel.js.map +1 -0
  32. package/public/adeo/components/carousel/Carousel.svelte +414 -0
  33. package/public/adeo/components/carousel/CarouselCard.nested.js +2 -0
  34. package/public/adeo/components/carousel/CarouselCard.nested.js.map +1 -0
  35. package/public/adeo/components/carousel/carousel.types.d.ts +19 -0
  36. package/public/adeo/components/carousel/carousel.types.d.ts.map +1 -0
  37. package/public/adeo/components/carouselcard/CarouselCard.nested.svelte +37 -0
  38. package/public/adeo/components/chart/BarChart.js +1 -1
  39. package/public/adeo/components/chart/Donut.js +1 -1
  40. package/public/adeo/components/chart/GroupedBarChart.js +1 -1
  41. package/public/adeo/components/chart/LineChart.js +1 -1
  42. package/public/adeo/components/chart/Radar.js +1 -1
  43. package/public/adeo/components/chart/StackedBarChart.js +1 -1
  44. package/public/adeo/components/checkbox/Checkbox.js +1 -1
  45. package/public/adeo/components/checkboxgroup/checkboxGroup.js +1 -1
  46. package/public/adeo/components/checkboxgroup/checkboxgroup.types.d.ts.map +1 -1
  47. package/public/adeo/components/datatable/DataTable.js +1 -1
  48. package/public/adeo/components/datatable/DataTable.js.map +1 -1
  49. package/public/adeo/components/datatable/DataTable.svelte +9 -4
  50. package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
  51. package/public/adeo/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
  52. package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
  53. package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
  54. package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
  55. package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
  56. package/public/adeo/components/datatable/DataTableDefaultSelection.nested.js +1 -1
  57. package/public/adeo/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
  58. package/public/adeo/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
  59. package/public/adeo/components/datatable/DataTableFooter.nested.js +1 -1
  60. package/public/adeo/components/datatable/datatable.types.d.ts +3 -0
  61. package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
  62. package/public/adeo/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +6 -1
  63. package/public/adeo/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte +15 -10
  64. package/public/adeo/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte +0 -15
  65. package/public/adeo/components/dropdown/Dropdown.js +1 -1
  66. package/public/adeo/components/dropdown/Dropdown.js.map +1 -1
  67. package/public/adeo/components/field/Field.js +1 -1
  68. package/public/adeo/components/fileuploader/FileUploader.js +1 -1
  69. package/public/adeo/components/fileuploader/ResultFile.nested.js +1 -1
  70. package/public/adeo/components/flag/Flag.js +1 -1
  71. package/public/adeo/components/header/Header.js +1 -1
  72. package/public/adeo/components/header/Header.js.map +1 -1
  73. package/public/adeo/components/header/Header.svelte +1 -1
  74. package/public/adeo/components/header/Header.types.d.ts.map +1 -1
  75. package/public/adeo/components/header/_c.header.scss +310 -0
  76. package/public/adeo/components/header/_s.header.scss +28 -0
  77. package/public/adeo/components/hero/Hero.js +1 -1
  78. package/public/adeo/components/kpi/Kpi.js +1 -1
  79. package/public/adeo/components/layer/Layer.js +1 -1
  80. package/public/adeo/components/layer/Layer.js.map +1 -1
  81. package/public/adeo/components/layer/Layer.svelte +6 -3
  82. package/public/adeo/components/layer/layer.types.d.ts +2 -0
  83. package/public/adeo/components/layer/layer.types.d.ts.map +1 -0
  84. package/public/adeo/components/link/Link.js +1 -1
  85. package/public/adeo/components/link/Link.nested.js +2 -0
  86. package/public/adeo/components/link/Link.nested.js.map +1 -0
  87. package/public/adeo/components/link/Link.nested.svelte +78 -0
  88. package/public/adeo/components/listbox/Listbox.js +1 -1
  89. package/public/adeo/components/listbox/Listbox.nested.js +1 -1
  90. package/public/adeo/components/loader/Loader.js +1 -1
  91. package/public/adeo/components/loader/Loader.nested.js +1 -1
  92. package/public/adeo/components/loader/Loader.nested.js.map +1 -1
  93. package/public/adeo/components/menu/Menu.js +1 -1
  94. package/public/adeo/components/modal/Modal.js +1 -1
  95. package/public/adeo/components/notification/Notification.js +1 -1
  96. package/public/adeo/components/optionbutton/OptionButton.js +1 -1
  97. package/public/adeo/components/overlay/Overlay.js +1 -1
  98. package/public/adeo/components/overlay/OverlayLoader.js +1 -1
  99. package/public/adeo/components/pagination/Pagination.js +1 -1
  100. package/public/adeo/components/pagination/Pagination.js.map +1 -1
  101. package/public/adeo/components/passwordinput/PasswordInput.js +1 -1
  102. package/public/adeo/components/phonenumber/PhoneNumber.js +1 -1
  103. package/public/adeo/components/phonenumber/PhoneNumber.js.map +1 -1
  104. package/public/adeo/components/phonenumber/PhoneNumber.svelte +1 -1
  105. package/public/adeo/components/price/Price.js +1 -1
  106. package/public/adeo/components/progressbar/ProgressBar.js +1 -1
  107. package/public/adeo/components/progressbar/ProgressBar.js.map +1 -1
  108. package/public/adeo/components/progressbar/ProgressBar.svelte +5 -5
  109. package/public/adeo/components/quantityselector/QuantitySelector.js +1 -1
  110. package/public/adeo/components/quantityselector/QuantitySelector.js.map +1 -1
  111. package/public/adeo/components/quantityselector/QuantitySelector.svelte +1 -1
  112. package/public/adeo/components/radio/Radio.js +1 -1
  113. package/public/adeo/components/radiogroup/RadioGroup.js +1 -1
  114. package/public/adeo/components/radiogroup/radioGroup.types.d.ts.map +1 -1
  115. package/public/adeo/components/ratings/StarsInput.js +1 -1
  116. package/public/adeo/components/ratings/StarsResult.js +1 -1
  117. package/public/adeo/components/segmentedcontrol/SegmentedControl.js +1 -1
  118. package/public/adeo/components/select/Select.js +1 -1
  119. package/public/adeo/components/sidebar/Sidebar.js +1 -1
  120. package/public/adeo/components/sidebar/sidebar-feature-group.nested.js +1 -1
  121. package/public/adeo/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  122. package/public/adeo/components/sidebar/sidebar-feature.nested.js +1 -1
  123. package/public/adeo/components/sidebar/sidebar-section.nested.js +1 -1
  124. package/public/adeo/components/sidebar/sidebar-segment.nested.js +1 -1
  125. package/public/adeo/components/sidebar/sidebar-segment.nested.js.map +1 -1
  126. package/public/adeo/components/sidebar/sidebar-separator.nested.js +1 -1
  127. package/public/adeo/components/sidebar/sidebar-service.d.ts.map +1 -1
  128. package/public/adeo/components/sidebar/sidebar-sub-features.nested.js +1 -1
  129. package/public/adeo/components/sidebar/sidebar-user.nested.js +1 -1
  130. package/public/adeo/components/sidebar/sidebar.types.d.ts.map +1 -1
  131. package/public/adeo/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +6 -4
  132. package/public/adeo/components/sidebar-segment/sidebar-segment.nested.svelte +9 -8
  133. package/public/adeo/components/stepper/Stepper.js +1 -1
  134. package/public/adeo/components/stepperbar/StepperBar.js +2 -0
  135. package/public/adeo/components/stepperbar/StepperBar.js.map +1 -0
  136. package/public/adeo/components/stepperbar/StepperBar.svelte +86 -0
  137. package/public/adeo/components/tabs/Tabs.js +1 -1
  138. package/public/adeo/components/tabs/Tabs.js.map +1 -1
  139. package/public/adeo/components/tabs/Tabs.nested.js +1 -1
  140. package/public/adeo/components/tag/Tag.js +1 -1
  141. package/public/adeo/components/tag/Tag.nested.js +1 -1
  142. package/public/adeo/components/taglist/TagList.js +1 -1
  143. package/public/adeo/components/textarea/Textarea.js +1 -1
  144. package/public/adeo/components/textinput/Textinput.js +1 -1
  145. package/public/adeo/components/textinput/Textinput.js.map +1 -1
  146. package/public/adeo/components/textinput/Textinput.nested.js +1 -1
  147. package/public/adeo/components/textinput/Textinput.nested.js.map +1 -1
  148. package/public/adeo/components/textinput/Textinput.svelte +8 -0
  149. package/public/adeo/components/toggle/Toggle.js +1 -1
  150. package/public/adeo/components/tooltip/Tooltip.js +1 -1
  151. package/public/adeo/components/undefined/sidebar-variables.scss +9 -0
  152. package/public/adeo/{index-c33b3772.js → index-52f16292.js} +2 -2
  153. package/public/adeo/{index-c33b3772.js.map → index-52f16292.js.map} +1 -1
  154. package/public/adeo/index-64cccc06-4c960e34.js +2 -0
  155. package/public/adeo/index-64cccc06-4c960e34.js.map +1 -0
  156. package/public/adeo/main.d.ts +4 -0
  157. package/public/adeo/main.d.ts.map +1 -1
  158. package/public/adeo/{sidebar-service-275bf9ef.js → sidebar-service-293d79ef.js} +2 -2
  159. package/public/adeo/{sidebar-service-275bf9ef.js.map → sidebar-service-293d79ef.js.map} +1 -1
  160. package/public/adeo/stories/carousel/items.d.ts +3 -0
  161. package/public/adeo/stories/carousel/items.d.ts.map +1 -0
  162. package/public/{EventForward-8492ff62.js → bricoman/EventForward-422700d7.js} +2 -2
  163. package/public/bricoman/{EventForward-8492ff62.js.map → EventForward-422700d7.js.map} +1 -1
  164. package/public/bricoman/{EventHandler-02058705.js → EventHandler-f4efd23c.js} +2 -2
  165. package/public/bricoman/{EventHandler-02058705.js.map → EventHandler-f4efd23c.js.map} +1 -1
  166. package/public/bricoman/bundle.js +20 -0
  167. package/public/bricoman/components/accordion/Accordion.js +1 -1
  168. package/public/bricoman/components/actionbar/ActionBar.js +2 -0
  169. package/public/bricoman/components/actionbar/ActionBar.js.map +1 -0
  170. package/public/bricoman/components/actionbar/ActionBar.svelte +97 -0
  171. package/public/bricoman/components/autocomplete/Autocomplete.js +1 -1
  172. package/public/bricoman/components/autocomplete/Autocomplete.js.map +1 -1
  173. package/public/bricoman/components/badge/Badge.js +1 -1
  174. package/public/bricoman/components/badge/Badge.nested.js +1 -1
  175. package/public/bricoman/components/bottombar/BottomBar.js +2 -0
  176. package/public/bricoman/components/bottombar/BottomBar.js.map +1 -0
  177. package/public/bricoman/components/bottombar/BottomBar.svelte +18 -0
  178. package/public/bricoman/components/breadcrumb/Breadcrumb.js +1 -1
  179. package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js +1 -1
  180. package/public/bricoman/components/button/Button.js +1 -1
  181. package/public/bricoman/components/button/Button.nested.js +2 -0
  182. package/public/bricoman/components/button/Button.nested.js.map +1 -0
  183. package/public/bricoman/components/button/Button.nested.svelte +173 -0
  184. package/public/bricoman/components/card/Card.js +1 -1
  185. package/public/bricoman/components/carousel/Carousel.js +2 -0
  186. package/public/bricoman/components/carousel/Carousel.js.map +1 -0
  187. package/public/bricoman/components/carousel/Carousel.svelte +414 -0
  188. package/public/bricoman/components/carousel/CarouselCard.nested.js +2 -0
  189. package/public/bricoman/components/carousel/CarouselCard.nested.js.map +1 -0
  190. package/public/bricoman/components/carousel/carousel.types.d.ts +19 -0
  191. package/public/bricoman/components/carousel/carousel.types.d.ts.map +1 -0
  192. package/public/bricoman/components/carouselcard/CarouselCard.nested.svelte +37 -0
  193. package/public/bricoman/components/chart/BarChart.js +1 -1
  194. package/public/bricoman/components/chart/Donut.js +1 -1
  195. package/public/bricoman/components/chart/GroupedBarChart.js +1 -1
  196. package/public/bricoman/components/chart/LineChart.js +1 -1
  197. package/public/bricoman/components/chart/Radar.js +1 -1
  198. package/public/bricoman/components/chart/StackedBarChart.js +1 -1
  199. package/public/bricoman/components/checkbox/Checkbox.js +1 -1
  200. package/public/bricoman/components/checkboxgroup/checkboxGroup.js +1 -1
  201. package/public/bricoman/components/checkboxgroup/checkboxgroup.types.d.ts.map +1 -1
  202. package/public/bricoman/components/datatable/DataTable.js +1 -1
  203. package/public/bricoman/components/datatable/DataTable.js.map +1 -1
  204. package/public/bricoman/components/datatable/DataTable.svelte +9 -4
  205. package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
  206. package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
  207. package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
  208. package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
  209. package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
  210. package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
  211. package/public/bricoman/components/datatable/DataTableDefaultSelection.nested.js +1 -1
  212. package/public/bricoman/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
  213. package/public/bricoman/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
  214. package/public/bricoman/components/datatable/DataTableFooter.nested.js +1 -1
  215. package/public/bricoman/components/datatable/datatable.types.d.ts +3 -0
  216. package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
  217. package/public/bricoman/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +6 -1
  218. package/public/bricoman/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte +15 -10
  219. package/public/bricoman/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte +0 -15
  220. package/public/bricoman/components/dropdown/Dropdown.js +1 -1
  221. package/public/bricoman/components/dropdown/Dropdown.js.map +1 -1
  222. package/public/bricoman/components/field/Field.js +1 -1
  223. package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
  224. package/public/bricoman/components/fileuploader/ResultFile.nested.js +1 -1
  225. package/public/bricoman/components/flag/Flag.js +1 -1
  226. package/public/bricoman/components/flag/Flag.js.map +1 -1
  227. package/public/bricoman/components/header/Header.js +1 -1
  228. package/public/bricoman/components/header/Header.js.map +1 -1
  229. package/public/bricoman/components/header/Header.svelte +1 -1
  230. package/public/bricoman/components/header/Header.types.d.ts.map +1 -1
  231. package/public/bricoman/components/header/_c.header.scss +310 -0
  232. package/public/bricoman/components/header/_s.header.scss +28 -0
  233. package/public/bricoman/components/hero/Hero.js +1 -1
  234. package/public/bricoman/components/kpi/Kpi.js +1 -1
  235. package/public/bricoman/components/layer/Layer.js +1 -1
  236. package/public/bricoman/components/layer/Layer.js.map +1 -1
  237. package/public/bricoman/components/layer/Layer.svelte +6 -3
  238. package/public/bricoman/components/layer/layer.types.d.ts +2 -0
  239. package/public/bricoman/components/layer/layer.types.d.ts.map +1 -0
  240. package/public/bricoman/components/link/Link.js +1 -1
  241. package/public/bricoman/components/link/Link.nested.js +2 -0
  242. package/public/bricoman/components/link/Link.nested.js.map +1 -0
  243. package/public/bricoman/components/link/Link.nested.svelte +78 -0
  244. package/public/bricoman/components/listbox/Listbox.js +1 -1
  245. package/public/bricoman/components/listbox/Listbox.nested.js +1 -1
  246. package/public/bricoman/components/loader/Loader.js +1 -1
  247. package/public/bricoman/components/loader/Loader.nested.js +1 -1
  248. package/public/bricoman/components/menu/Menu.js +1 -1
  249. package/public/bricoman/components/modal/Modal.js +1 -1
  250. package/public/bricoman/components/notification/Notification.js +1 -1
  251. package/public/bricoman/components/optionbutton/OptionButton.js +1 -1
  252. package/public/bricoman/components/overlay/Overlay.js +1 -1
  253. package/public/bricoman/components/overlay/OverlayLoader.js +1 -1
  254. package/public/bricoman/components/pagination/Pagination.js +1 -1
  255. package/public/bricoman/components/pagination/Pagination.js.map +1 -1
  256. package/public/bricoman/components/passwordinput/PasswordInput.js +1 -1
  257. package/public/bricoman/components/phonenumber/PhoneNumber.js +1 -1
  258. package/public/bricoman/components/phonenumber/PhoneNumber.js.map +1 -1
  259. package/public/bricoman/components/phonenumber/PhoneNumber.svelte +1 -1
  260. package/public/bricoman/components/price/Price.js +1 -1
  261. package/public/bricoman/components/progressbar/ProgressBar.js +1 -1
  262. package/public/bricoman/components/progressbar/ProgressBar.js.map +1 -1
  263. package/public/bricoman/components/progressbar/ProgressBar.svelte +5 -5
  264. package/public/bricoman/components/quantityselector/QuantitySelector.js +1 -1
  265. package/public/bricoman/components/quantityselector/QuantitySelector.js.map +1 -1
  266. package/public/bricoman/components/quantityselector/QuantitySelector.svelte +1 -1
  267. package/public/bricoman/components/radio/Radio.js +1 -1
  268. package/public/bricoman/components/radiogroup/RadioGroup.js +1 -1
  269. package/public/bricoman/components/radiogroup/radioGroup.types.d.ts.map +1 -1
  270. package/public/bricoman/components/ratings/StarsInput.js +1 -1
  271. package/public/bricoman/components/ratings/StarsResult.js +1 -1
  272. package/public/bricoman/components/segmentedcontrol/SegmentedControl.js +1 -1
  273. package/public/bricoman/components/select/Select.js +1 -1
  274. package/public/bricoman/components/sidebar/Sidebar.js +1 -1
  275. package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js +1 -1
  276. package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  277. package/public/bricoman/components/sidebar/sidebar-feature.nested.js +1 -1
  278. package/public/bricoman/components/sidebar/sidebar-section.nested.js +1 -1
  279. package/public/bricoman/components/sidebar/sidebar-segment.nested.js +1 -1
  280. package/public/bricoman/components/sidebar/sidebar-segment.nested.js.map +1 -1
  281. package/public/bricoman/components/sidebar/sidebar-separator.nested.js +1 -1
  282. package/public/bricoman/components/sidebar/sidebar-service.d.ts.map +1 -1
  283. package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js +1 -1
  284. package/public/bricoman/components/sidebar/sidebar-user.nested.js +1 -1
  285. package/public/bricoman/components/sidebar/sidebar-user.nested.js.map +1 -1
  286. package/public/bricoman/components/sidebar/sidebar.types.d.ts.map +1 -1
  287. package/public/bricoman/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +6 -4
  288. package/public/bricoman/components/sidebar-segment/sidebar-segment.nested.svelte +9 -8
  289. package/public/bricoman/components/stepper/Stepper.js +1 -1
  290. package/public/bricoman/components/stepperbar/StepperBar.js +2 -0
  291. package/public/bricoman/components/stepperbar/StepperBar.js.map +1 -0
  292. package/public/bricoman/components/stepperbar/StepperBar.svelte +86 -0
  293. package/public/bricoman/components/tabs/Tabs.js +1 -1
  294. package/public/bricoman/components/tabs/Tabs.js.map +1 -1
  295. package/public/bricoman/components/tabs/Tabs.nested.js +1 -1
  296. package/public/bricoman/components/tag/Tag.js +1 -1
  297. package/public/bricoman/components/tag/Tag.nested.js +1 -1
  298. package/public/bricoman/components/taglist/TagList.js +1 -1
  299. package/public/bricoman/components/textarea/Textarea.js +1 -1
  300. package/public/bricoman/components/textinput/Textinput.js +1 -1
  301. package/public/bricoman/components/textinput/Textinput.js.map +1 -1
  302. package/public/bricoman/components/textinput/Textinput.nested.js +1 -1
  303. package/public/bricoman/components/textinput/Textinput.nested.js.map +1 -1
  304. package/public/bricoman/components/textinput/Textinput.svelte +8 -0
  305. package/public/bricoman/components/toggle/Toggle.js +1 -1
  306. package/public/bricoman/components/tooltip/Tooltip.js +1 -1
  307. package/public/bricoman/components/undefined/sidebar-variables.scss +9 -0
  308. package/public/bricoman/{index-c33b3772.js → index-52f16292.js} +2 -2
  309. package/public/bricoman/{index-c33b3772.js.map → index-52f16292.js.map} +1 -1
  310. package/public/bricoman/index-64cccc06-4c960e34.js +2 -0
  311. package/public/bricoman/index-64cccc06-4c960e34.js.map +1 -0
  312. package/public/bricoman/main.d.ts +4 -0
  313. package/public/bricoman/main.d.ts.map +1 -1
  314. package/public/bricoman/{sidebar-service-275bf9ef.js → sidebar-service-293d79ef.js} +2 -2
  315. package/public/bricoman/{sidebar-service-275bf9ef.js.map → sidebar-service-293d79ef.js.map} +1 -1
  316. package/public/bricoman/stories/carousel/items.d.ts +3 -0
  317. package/public/bricoman/stories/carousel/items.d.ts.map +1 -0
  318. package/public/bundle.js +20 -0
  319. package/public/components/accordion/Accordion.js +1 -1
  320. package/public/components/actionbar/ActionBar.js +2 -0
  321. package/public/components/actionbar/ActionBar.js.map +1 -0
  322. package/public/components/actionbar/ActionBar.svelte +97 -0
  323. package/public/components/autocomplete/Autocomplete.js +1 -1
  324. package/public/components/autocomplete/Autocomplete.js.map +1 -1
  325. package/public/components/badge/Badge.js +1 -1
  326. package/public/components/badge/Badge.nested.js +1 -1
  327. package/public/components/bottombar/BottomBar.js +2 -0
  328. package/public/components/bottombar/BottomBar.js.map +1 -0
  329. package/public/components/bottombar/BottomBar.svelte +18 -0
  330. package/public/components/breadcrumb/Breadcrumb.js +1 -1
  331. package/public/components/breadcrumb/Breadcrumb.nested.js +1 -1
  332. package/public/components/button/Button.js +1 -1
  333. package/public/components/button/Button.nested.js +2 -0
  334. package/public/components/button/Button.nested.js.map +1 -0
  335. package/public/components/button/Button.nested.svelte +173 -0
  336. package/public/components/card/Card.js +1 -1
  337. package/public/components/carousel/Carousel.js +2 -0
  338. package/public/components/carousel/Carousel.js.map +1 -0
  339. package/public/components/carousel/Carousel.svelte +414 -0
  340. package/public/components/carousel/CarouselCard.nested.js +2 -0
  341. package/public/components/carousel/CarouselCard.nested.js.map +1 -0
  342. package/public/components/carousel/carousel.types.d.ts +19 -0
  343. package/public/components/carousel/carousel.types.d.ts.map +1 -0
  344. package/public/components/carouselcard/CarouselCard.nested.svelte +37 -0
  345. package/public/components/chart/BarChart.js +1 -1
  346. package/public/components/chart/Donut.js +1 -1
  347. package/public/components/chart/GroupedBarChart.js +1 -1
  348. package/public/components/chart/LineChart.js +1 -1
  349. package/public/components/chart/Radar.js +1 -1
  350. package/public/components/chart/StackedBarChart.js +1 -1
  351. package/public/components/checkbox/Checkbox.js +1 -1
  352. package/public/components/checkboxgroup/checkboxGroup.js +1 -1
  353. package/public/components/checkboxgroup/checkboxgroup.types.d.ts.map +1 -1
  354. package/public/components/datatable/DataTable.js +1 -1
  355. package/public/components/datatable/DataTable.js.map +1 -1
  356. package/public/components/datatable/DataTable.svelte +9 -4
  357. package/public/components/datatable/DataTableDefaultAction.nested.js +1 -1
  358. package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
  359. package/public/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
  360. package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
  361. package/public/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
  362. package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
  363. package/public/components/datatable/DataTableDefaultSelection.nested.js +1 -1
  364. package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
  365. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
  366. package/public/components/datatable/DataTableFooter.nested.js +1 -1
  367. package/public/components/datatable/datatable.types.d.ts +3 -0
  368. package/public/components/datatable/datatable.types.d.ts.map +1 -1
  369. package/public/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +6 -1
  370. package/public/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte +15 -10
  371. package/public/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte +0 -15
  372. package/public/components/dropdown/Dropdown.js +1 -1
  373. package/public/components/dropdown/Dropdown.js.map +1 -1
  374. package/public/components/field/Field.js +1 -1
  375. package/public/components/fileuploader/FileUploader.js +1 -1
  376. package/public/components/fileuploader/ResultFile.nested.js +1 -1
  377. package/public/components/flag/Flag.js +1 -1
  378. package/public/components/flag/Flag.js.map +1 -1
  379. package/public/components/header/Header.js +1 -1
  380. package/public/components/header/Header.js.map +1 -1
  381. package/public/components/header/Header.svelte +1 -1
  382. package/public/components/header/Header.types.d.ts.map +1 -1
  383. package/public/components/header/_c.header.scss +310 -0
  384. package/public/components/header/_s.header.scss +28 -0
  385. package/public/components/hero/Hero.js +1 -1
  386. package/public/components/kpi/Kpi.js +1 -1
  387. package/public/components/layer/Layer.js +1 -1
  388. package/public/components/layer/Layer.js.map +1 -1
  389. package/public/components/layer/Layer.svelte +6 -3
  390. package/public/components/layer/layer.types.d.ts +2 -0
  391. package/public/components/layer/layer.types.d.ts.map +1 -0
  392. package/public/components/link/Link.js +1 -1
  393. package/public/components/link/Link.nested.js +2 -0
  394. package/public/components/link/Link.nested.js.map +1 -0
  395. package/public/components/link/Link.nested.svelte +78 -0
  396. package/public/components/listbox/Listbox.js +1 -1
  397. package/public/components/listbox/Listbox.nested.js +1 -1
  398. package/public/components/loader/Loader.js +1 -1
  399. package/public/components/loader/Loader.js.map +1 -1
  400. package/public/components/loader/Loader.nested.js +1 -1
  401. package/public/components/menu/Menu.js +1 -1
  402. package/public/components/modal/Modal.js +1 -1
  403. package/public/components/notification/Notification.js +1 -1
  404. package/public/components/optionbutton/OptionButton.js +1 -1
  405. package/public/components/overlay/Overlay.js +1 -1
  406. package/public/components/overlay/OverlayLoader.js +1 -1
  407. package/public/components/pagination/Pagination.js +1 -1
  408. package/public/components/pagination/Pagination.js.map +1 -1
  409. package/public/components/passwordinput/PasswordInput.js +1 -1
  410. package/public/components/phonenumber/PhoneNumber.js +1 -1
  411. package/public/components/phonenumber/PhoneNumber.js.map +1 -1
  412. package/public/components/phonenumber/PhoneNumber.svelte +1 -1
  413. package/public/components/price/Price.js +1 -1
  414. package/public/components/progressbar/ProgressBar.js +1 -1
  415. package/public/components/progressbar/ProgressBar.js.map +1 -1
  416. package/public/components/progressbar/ProgressBar.svelte +5 -5
  417. package/public/components/quantityselector/QuantitySelector.js +1 -1
  418. package/public/components/quantityselector/QuantitySelector.js.map +1 -1
  419. package/public/components/quantityselector/QuantitySelector.svelte +1 -1
  420. package/public/components/radio/Radio.js +1 -1
  421. package/public/components/radiogroup/RadioGroup.js +1 -1
  422. package/public/components/radiogroup/radioGroup.types.d.ts.map +1 -1
  423. package/public/components/ratings/StarsInput.js +1 -1
  424. package/public/components/ratings/StarsResult.js +1 -1
  425. package/public/components/segmentedcontrol/SegmentedControl.js +1 -1
  426. package/public/components/select/Select.js +1 -1
  427. package/public/components/sidebar/Sidebar.js +1 -1
  428. package/public/components/sidebar/sidebar-feature-group.nested.js +1 -1
  429. package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  430. package/public/components/sidebar/sidebar-feature.nested.js +1 -1
  431. package/public/components/sidebar/sidebar-section.nested.js +1 -1
  432. package/public/components/sidebar/sidebar-segment.nested.js +1 -1
  433. package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
  434. package/public/components/sidebar/sidebar-separator.nested.js +1 -1
  435. package/public/components/sidebar/sidebar-service.d.ts.map +1 -1
  436. package/public/components/sidebar/sidebar-sub-features.nested.js +1 -1
  437. package/public/components/sidebar/sidebar-user.nested.js +1 -1
  438. package/public/components/sidebar/sidebar.types.d.ts.map +1 -1
  439. package/public/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +6 -4
  440. package/public/components/sidebar-segment/sidebar-segment.nested.svelte +9 -8
  441. package/public/components/stepper/Stepper.js +1 -1
  442. package/public/components/stepperbar/StepperBar.js +2 -0
  443. package/public/components/stepperbar/StepperBar.js.map +1 -0
  444. package/public/components/stepperbar/StepperBar.svelte +86 -0
  445. package/public/components/tabs/Tabs.js +1 -1
  446. package/public/components/tabs/Tabs.js.map +1 -1
  447. package/public/components/tabs/Tabs.nested.js +1 -1
  448. package/public/components/tag/Tag.js +1 -1
  449. package/public/components/tag/Tag.nested.js +1 -1
  450. package/public/components/taglist/TagList.js +1 -1
  451. package/public/components/textarea/Textarea.js +1 -1
  452. package/public/components/textinput/Textinput.js +1 -1
  453. package/public/components/textinput/Textinput.js.map +1 -1
  454. package/public/components/textinput/Textinput.nested.js +1 -1
  455. package/public/components/textinput/Textinput.nested.js.map +1 -1
  456. package/public/components/textinput/Textinput.svelte +8 -0
  457. package/public/components/toggle/Toggle.js +1 -1
  458. package/public/components/tooltip/Tooltip.js +1 -1
  459. package/public/components/undefined/sidebar-variables.scss +9 -0
  460. package/public/{index-c33b3772.js → index-52f16292.js} +2 -2
  461. package/public/{index-c33b3772.js.map → index-52f16292.js.map} +1 -1
  462. package/public/index-64cccc06-4c960e34.js +2 -0
  463. package/public/index-64cccc06-4c960e34.js.map +1 -0
  464. package/public/main.d.ts +4 -0
  465. package/public/main.d.ts.map +1 -1
  466. package/public/{sidebar-service-275bf9ef.js → sidebar-service-293d79ef.js} +2 -2
  467. package/public/{sidebar-service-275bf9ef.js.map → sidebar-service-293d79ef.js.map} +1 -1
  468. package/public/stories/carousel/items.d.ts +3 -0
  469. package/public/stories/carousel/items.d.ts.map +1 -0
  470. package/public/utilities/components/carousel/carousel.types.d.ts +19 -0
  471. package/public/utilities/components/carousel/carousel.types.d.ts.map +1 -0
  472. package/public/utilities/components/checkboxgroup/checkboxgroup.types.d.ts.map +1 -1
  473. package/public/utilities/components/datatable/datatable.types.d.ts +3 -0
  474. package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
  475. package/public/utilities/components/header/Header.types.d.ts.map +1 -1
  476. package/public/utilities/components/layer/layer.types.d.ts +2 -0
  477. package/public/utilities/components/layer/layer.types.d.ts.map +1 -0
  478. package/public/utilities/components/radiogroup/radioGroup.types.d.ts.map +1 -1
  479. package/public/utilities/components/sidebar/sidebar-service.d.ts.map +1 -1
  480. package/public/utilities/components/sidebar/sidebar.types.d.ts.map +1 -1
  481. package/public/utilities/main.d.ts +4 -0
  482. package/public/utilities/main.d.ts.map +1 -1
  483. package/public/utilities/stories/actionbar/ActionBar.stories.d.ts +7 -0
  484. package/public/utilities/stories/actionbar/ActionBar.stories.d.ts.map +1 -0
  485. package/public/utilities/stories/bottombar/BottomBar.stories.d.ts +6 -0
  486. package/public/utilities/stories/bottombar/BottomBar.stories.d.ts.map +1 -0
  487. package/public/utilities/stories/carousel/Carousel.stories.d.ts +8 -0
  488. package/public/utilities/stories/carousel/Carousel.stories.d.ts.map +1 -0
  489. package/public/utilities/stories/carousel/items.d.ts +3 -0
  490. package/public/utilities/stories/carousel/items.d.ts.map +1 -0
  491. package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
  492. package/public/utilities/stories/layer/Layer.stories.d.ts +1 -0
  493. package/public/utilities/stories/layer/Layer.stories.d.ts.map +1 -1
  494. package/public/utilities/stories/stepperbar/StepperBar.stories.d.ts +6 -0
  495. package/public/utilities/stories/stepperbar/StepperBar.stories.d.ts.map +1 -0
  496. package/public/DataTableDefaultAction.nested-e758217a.js +0 -2
  497. package/public/DataTableDefaultAction.nested-e758217a.js.map +0 -1
  498. package/public/adeo/DataTableDefaultAction.nested-be8d4e7b.js +0 -2
  499. package/public/adeo/DataTableDefaultAction.nested-be8d4e7b.js.map +0 -1
  500. package/public/bricoman/DataTableDefaultAction.nested-41f58b1f.js +0 -2
  501. package/public/bricoman/DataTableDefaultAction.nested-41f58b1f.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-feature-group.nested.js","sources":["../../../../src/components/sidebar/sidebar-feature-group.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { FeatureGroup, Feature, A11yLabels } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n Selection,\n } from './sidebar-service';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let featureGroup: FeatureGroup;\n export let expand: boolean;\n export let a11yLabels: A11yLabels;\n let eventHandler = new EventHandler();\n let content: HTMLElement;\n\n $: updateSelection(expand, $isSidebarOpen, featureGroup, $selectedFeature);\n $: updateContentCSS(expand, $isSidebarOpen);\n\n let isSelected = false;\n\n let label: HTMLElement;\n\n function updateSelection(\n isExpanded: boolean,\n isOpen: boolean,\n group: FeatureGroup,\n selection?: Selection,\n ): void {\n isSelected =\n (selection?.lv0 &&\n group.code === selection?.lv0?.code &&\n (!selection.lv1 || !isExpanded || !isOpen)) ??\n false;\n }\n\n // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n if (content) {\n content.style.height = '';\n content.style.transition = 'none';\n const startHeight = window.getComputedStyle(content).height;\n\n content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n const height = window.getComputedStyle(content).height;\n content.style.height = startHeight;\n\n // wait until the next frame so that everything has time to update before starting the transition\n requestAnimationFrame(() => {\n content.style.transition = '';\n requestAnimationFrame(() => {\n content.style.height = height;\n });\n });\n\n // Clear the saved height values after the transition\n const handler = () => {\n content.style.height = '';\n content.removeEventListener('transitionend', handler);\n };\n\n content.addEventListener('transitionend', handler);\n }\n }\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\" style=\"height: 1.5rem; width: 1.5rem;\"`;\n }\n\n function handleClick(feature: Feature) {\n if (!feature.disabled) {\n // Only select the feature if it is the last level item\n if (feature.items?.length) {\n eventHandler.dispatch('feature-click', feature);\n } else {\n selectFeature(feature.code);\n }\n }\n }\n</script>\n\n<button\n class=\"mc-feature-group {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n ? 'is-open'\n : 'is-close'}\"\n aria-label={featureGroup.label}\n aria-expanded={$isSidebarOpen && expand}\n aria-controls=\"{featureGroup.code}-list\"\n id={featureGroup.code}\n>\n <span class=\"mc-feature-group__container\">\n {#if featureGroup.icon}\n {@html `<${generateIcon(\n featureGroup.icon,\n )} class=\"mc-feature-group__icon\" />`}\n {/if}\n {#if $isSidebarOpen}\n <span class=\"mc-feature-group__label\" bind:this={label}>\n {featureGroup.label}\n </span>\n {#if label?.offsetHeight < label?.scrollHeight}\n <div aria-hidden=\"true\" class=\"mc-feature-group__label__tooltip\">\n <div class=\"mc-feature-group__label__tooltip__pointer\"><div /></div>\n <span>{featureGroup.label}</span>\n </div>\n {/if}\n {#if !expand}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path\n d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n /></svg\n >\n {:else}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n >\n {/if}\n {/if}\n </span>\n</button>\n<ul\n class=\"mc-feature-group__content is-close\"\n aria-hidden={!$isSidebarOpen || !expand}\n id=\"{featureGroup.code}-list\"\n bind:this={content}\n>\n {#each featureGroup.items as feature}\n <li on:click|stopPropagation={() => handleClick(feature)}>\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-feature-group {\n background: none;\n border: none;\n color: $color-sidebar-text-color;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n text-align: initial;\n margin: 0;\n padding: 0;\n overflow: hidden;\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__container {\n display: flex;\n align-items: center;\n margin: 5px 0;\n padding: 8px 0px;\n @include transition(margin 300ms ease-in-out);\n }\n\n &__label {\n margin: 0 8px;\n width: 200px;\n min-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &__tooltip {\n opacity: 0;\n transition: 0s opacity;\n background-color: $color-sidebar-divider-background;\n border: 1px solid $color-sidebar-text-color;\n border-radius: 4px;\n position: absolute;\n pointer-events: none;\n left: calc(100% - 16px);\n padding: 8px 16px;\n width: 188px;\n\n &__pointer {\n position: absolute;\n top: 50%;\n left: -8px;\n top: calc(50% - 6px);\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid white;\n\n & div {\n position: relative;\n top: -6px;\n left: 2px;\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid $color-sidebar-divider-background;\n }\n }\n }\n\n &:hover + .mc-feature-group__label__tooltip {\n opacity: 1;\n transition-delay: 1s;\n }\n }\n\n &__content {\n overflow: hidden;\n @include transition(height 300ms ease-in-out);\n &.is-close {\n height: 0;\n }\n\n &.is-open {\n height: auto;\n }\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n &.is-close {\n .mc-feature-group__container {\n margin: 0 20px;\n width: 24px;\n }\n }\n\n &.is-open {\n .mc-feature-group__container {\n margin: 0 32px;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-feature-group__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n }\n\n ul,\n li {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n width: 100%;\n }\n\n ul {\n align-items: start;\n flex-direction: column;\n justify-content: center;\n\n li {\n flex-direction: column;\n box-sizing: border-box;\n }\n }\n</style>\n"],"names":["generateIcon","ctx","icon","html_tag","p","raw_value","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","insert","target","span","anchor","dirty","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_3","create_if_block","each_value","items","length","i","attr","button","button_aria_label_value","button_aria_expanded_value","button_aria_controls_value","code","button_id_value","ul","ul_aria_hidden_value","ul_id_value","current","each_blocks","iconname","content","featureGroup","$$props","expand","a11yLabels","eventHandler","EventHandler","isSelected","handleClick","feature","disabled","_a","dispatch","selectFeature","isExpanded","isOpen","group","selection","$isSidebarOpen","_b","$selectedFeature","lv0","lv1","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$$value"],"mappings":"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"}
1
+ {"version":3,"file":"sidebar-feature-group.nested.js","sources":["../../../../src/components/sidebar/sidebar-feature-group.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { FeatureGroup, Feature, A11yLabels } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n Selection,\n } from './sidebar-service';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let featureGroup: FeatureGroup;\n export let expand: boolean;\n export let a11yLabels: A11yLabels;\n let eventHandler = new EventHandler();\n let content: HTMLElement;\n\n $: updateSelection(expand, $isSidebarOpen, featureGroup, $selectedFeature);\n $: updateContentCSS(expand, $isSidebarOpen);\n\n let isSelected = false;\n\n let label: HTMLElement;\n\n function updateSelection(\n isExpanded: boolean,\n isOpen: boolean,\n group: FeatureGroup,\n selection?: Selection,\n ): void {\n isSelected =\n (selection?.lv0 &&\n group.code === selection?.lv0?.code &&\n (!selection.lv1 || !isExpanded || !isOpen)) ??\n false;\n }\n\n // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n if (content) {\n content.style.height = '';\n content.style.transition = 'none';\n const startHeight = window.getComputedStyle(content).height;\n\n content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n const height = window.getComputedStyle(content).height;\n content.style.height = startHeight;\n\n // wait until the next frame so that everything has time to update before starting the transition\n requestAnimationFrame(() => {\n content.style.transition = '';\n requestAnimationFrame(() => {\n content.style.height = height;\n });\n });\n\n // Clear the saved height values after the transition\n const handler = () => {\n content.style.height = '';\n content.removeEventListener('transitionend', handler);\n };\n\n content.addEventListener('transitionend', handler);\n }\n }\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick(feature: Feature) {\n if (!feature.disabled) {\n // Only select the feature if it is the last level item\n if (feature.items?.length) {\n eventHandler.dispatch('feature-click', feature);\n } else {\n selectFeature(feature.code);\n }\n }\n }\n</script>\n\n<button\n class=\"mc-feature-group {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n ? 'is-open'\n : 'is-close'}\"\n aria-label={featureGroup.label}\n aria-expanded={$isSidebarOpen && expand}\n aria-controls=\"{featureGroup.code}-list\"\n id={featureGroup.code}\n>\n <span class=\"mc-feature-group__container\">\n {#if featureGroup.icon}\n <span class=\"mc-feature-group__icon\">\n {@html `<${generateIcon(featureGroup.icon)} />`}\n </span>\n {/if}\n {#if $isSidebarOpen}\n <span class=\"mc-feature-group__label\" bind:this={label}>\n {featureGroup.label}\n </span>\n {#if label?.offsetHeight < label?.scrollHeight}\n <div aria-hidden=\"true\" class=\"mc-feature-group__label__tooltip\">\n <div class=\"mc-feature-group__label__tooltip__pointer\"><div /></div>\n <span>{featureGroup.label}</span>\n </div>\n {/if}\n {#if !expand}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path\n d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n /></svg\n >\n {:else}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n >\n {/if}\n {/if}\n </span>\n</button>\n<ul\n class=\"mc-feature-group__content is-close\"\n aria-hidden={!$isSidebarOpen || !expand}\n id=\"{featureGroup.code}-list\"\n bind:this={content}\n>\n {#each featureGroup.items as feature}\n <li on:click|stopPropagation={() => handleClick(feature)}>\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-feature-group {\n background: none;\n border: none;\n color: $color-sidebar-text-color;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n text-align: initial;\n margin: 0;\n padding: 0;\n overflow: hidden;\n\n &__icon {\n fill: $color-sidebar-icon;\n height: 1.5rem;\n width: 1.5rem;\n }\n\n &__container {\n display: flex;\n align-items: center;\n margin: 5px 0;\n padding: 8px 0px;\n @include transition(margin 300ms ease-in-out);\n }\n\n &__label {\n margin: 0 8px;\n width: 200px;\n min-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &__tooltip {\n opacity: 0;\n transition: 0s opacity;\n background-color: $color-sidebar-divider-background;\n border: 1px solid $color-sidebar-text-color;\n border-radius: 4px;\n position: absolute;\n pointer-events: none;\n left: calc(100% - 16px);\n padding: 8px 16px;\n width: 188px;\n\n &__pointer {\n position: absolute;\n top: 50%;\n left: -8px;\n top: calc(50% - 6px);\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid white;\n\n & div {\n position: relative;\n top: -6px;\n left: 2px;\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid $color-sidebar-divider-background;\n }\n }\n }\n\n &:hover + .mc-feature-group__label__tooltip {\n opacity: 1;\n transition-delay: 1s;\n }\n }\n\n &__content {\n overflow: hidden;\n @include transition(height 300ms ease-in-out);\n &.is-close {\n height: 0;\n }\n\n &.is-open {\n height: auto;\n }\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n &.is-close {\n .mc-feature-group__container {\n margin: 0 20px;\n width: 24px;\n }\n }\n\n &.is-open {\n .mc-feature-group__container {\n margin: 0 32px;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-feature-group__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n }\n\n ul,\n li {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n width: 100%;\n }\n\n ul {\n align-items: start;\n flex-direction: column;\n justify-content: center;\n\n li {\n flex-direction: column;\n box-sizing: border-box;\n }\n }\n</style>\n"],"names":["generateIcon","ctx","icon","insert","target","span","anchor","innerHTML","raw_value","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","dirty","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_3","create_if_block","each_value","items","length","i","attr","button","button_aria_label_value","button_aria_expanded_value","button_aria_controls_value","code","button_id_value","ul","ul_aria_hidden_value","ul_id_value","current","each_blocks","iconname","content","featureGroup","$$props","expand","a11yLabels","eventHandler","EventHandler","isSelected","handleClick","feature","disabled","_a","dispatch","selectFeature","isExpanded","isOpen","group","selection","$isSidebarOpen","_b","$selectedFeature","lv0","lv1","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$$value"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{P as e,i as n,s as t,Q as i,K as a,b as s,n as l,o,ab as d,v as r,e as b,T as c,d as p,t as u,g as h,j as v,k as f}from"../../index-c33b3772.js";import{i as m,s as x}from"../../sidebar-service-275bf9ef.js";function _(e){i(e,"svelte-n80hn2",".mc-sidebar-feature.svelte-n80hn2.svelte-n80hn2{font-size:16px;min-width:200px;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#191919;line-height:22px;overflow:hidden}.mc-sidebar-feature__container.svelte-n80hn2.svelte-n80hn2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-top:8px;padding-bottom:8px}.mc-sidebar-feature__container.svelte-n80hn2 span.svelte-n80hn2{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-n80hn2.svelte-n80hn2{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-n80hn2.svelte-n80hn2{fill:#e54f00}.mc-sidebar-feature__label.svelte-n80hn2.svelte-n80hn2{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-n80hn2.svelte-n80hn2{opacity:0;-webkit-transition:0s opacity;-o-transition:0s opacity;transition:0s opacity;background-color:#b3b3b3;border:1px solid #191919;border-radius:4px;position:absolute;pointer-events:none;left:calc(100% - 16px);padding:8px 16px;width:188px}.mc-sidebar-feature__label__tooltip__pointer.svelte-n80hn2.svelte-n80hn2{position:absolute;top:50%;left:-8px;top:calc(50% - 6px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #191919}.mc-sidebar-feature__label__tooltip__pointer.svelte-n80hn2 div.svelte-n80hn2{position:relative;top:-6px;left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #b3b3b3}.mc-sidebar-feature__label.svelte-n80hn2:hover+.mc-sidebar-feature__label__tooltip.svelte-n80hn2{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-n80hn2.svelte-n80hn2{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-n80hn2.svelte-n80hn2{background:#ffab80}.mc-sidebar-feature.is-close.svelte-n80hn2.svelte-n80hn2{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-n80hn2 .mc-sidebar-feature__container.svelte-n80hn2{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:20px;width:24px}.mc-sidebar-feature.is-open.svelte-n80hn2.svelte-n80hn2{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-n80hn2 .mc-sidebar-feature__container.svelte-n80hn2{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-n80hn2.svelte-n80hn2{color:#e54f00;fill:#e54f00}.mc-sidebar-feature.svelte-n80hn2.svelte-n80hn2:hover{background:#ff7933}.mc-sidebar-feature.svelte-n80hn2.svelte-n80hn2:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-n80hn2:focus-visible .mc-sidebar-feature__container.svelte-n80hn2{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function g(e){let n,t,i,a,l,d,r,m,x,_,g,w,k,y,$=e[0].label+"";return{c(){n=b("span"),t=b("div"),i=c("svg"),a=c("g"),l=c("path"),d=c("defs"),r=c("clipPath"),m=c("path"),x=p(),_=b("span"),g=u($),h(l,"fill-rule","evenodd"),h(l,"d","M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z"),h(a,"clip-path","url(#a)"),h(m,"d","M0 0h16v16H0z"),h(r,"id","a"),h(i,"class","mc-sidebar-feature__icon-disabled svelte-n80hn2"),h(i,"width","16px"),h(i,"height","16px"),h(i,"viewBox","0 0 16 16"),h(_,"class","svelte-n80hn2"),h(t,"class","mc-sidebar-feature__container svelte-n80hn2"),h(n,"aria-label",w=e[0].label),h(n,"aria-disabled","true"),h(n,"class",k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-n80hn2"),h(n,"id",y=e[0].code)},m(e,o){s(e,n,o),v(n,t),v(t,i),v(i,a),v(a,l),v(i,d),v(d,r),v(r,m),v(t,x),v(t,_),v(_,g)},p(e,t){1&t&&$!==($=e[0].label+"")&&f(g,$),1&t&&w!==(w=e[0].label)&&h(n,"aria-label",w),6&t&&k!==(k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-n80hn2")&&h(n,"class",k),1&t&&y!==(y=e[0].code)&&h(n,"id",y)},d(e){e&&o(n)}}}function w(e){let n,t,i,a,l,d,r,c,m,x,_,g=e[0].label+"",w=e[5]&&k(e),$="_blank"===e[0].embedded&&y();return{c(){n=b("a"),t=b("div"),i=b("span"),a=u(g),l=p(),w&&w.c(),d=p(),$&&$.c(),h(i,"class","mc-sidebar-feature__label svelte-n80hn2"),h(t,"class","mc-sidebar-feature__container svelte-n80hn2"),h(n,"aria-label",r=""+(e[0].label+e[3])),h(n,"href",c=e[0].href??"javascript:void(null)"),h(n,"target",m=e[0].embedded),h(n,"class",x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-n80hn2"),h(n,"id",_=e[0].code)},m(o,r){s(o,n,r),v(n,t),v(t,i),v(i,a),e[8](i),v(t,l),w&&w.m(t,null),v(t,d),$&&$.m(t,null)},p(e,i){1&i&&g!==(g=e[0].label+"")&&f(a,g),e[5]?w?w.p(e,i):(w=k(e),w.c(),w.m(t,d)):w&&(w.d(1),w=null),"_blank"===e[0].embedded?$||($=y(),$.c(),$.m(t,null)):$&&($.d(1),$=null),9&i&&r!==(r=""+(e[0].label+e[3]))&&h(n,"aria-label",r),1&i&&c!==(c=e[0].href??"javascript:void(null)")&&h(n,"href",c),1&i&&m!==(m=e[0].embedded)&&h(n,"target",m),6&i&&x!==(x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-n80hn2")&&h(n,"class",x),1&i&&_!==(_=e[0].code)&&h(n,"id",_)},d(t){t&&o(n),e[8](null),w&&w.d(),$&&$.d()}}}function k(e){let n,t,i,a,l,d=e[0].label+"";return{c(){n=b("div"),t=b("div"),t.innerHTML='<div class="svelte-n80hn2"></div>',i=p(),a=b("span"),l=u(d),h(t,"class","mc-sidebar-feature__label__tooltip__pointer svelte-n80hn2"),h(a,"class","svelte-n80hn2"),h(n,"aria-hidden","true"),h(n,"class","mc-sidebar-feature__label__tooltip svelte-n80hn2")},m(e,o){s(e,n,o),v(n,t),v(n,i),v(n,a),v(a,l)},p(e,n){1&n&&d!==(d=e[0].label+"")&&f(l,d)},d(e){e&&o(n)}}}function y(e){let n,t;return{c(){n=c("svg"),t=c("path"),h(t,"fill-rule","evenodd"),h(t,"d","M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z"),h(n,"class","mc-sidebar-feature__icon svelte-n80hn2"),h(n,"width","16px"),h(n,"height","16px"),h(n,"viewBox","0 0 16 16")},m(e,i){s(e,n,i),v(n,t)},d(e){e&&o(n)}}}function $(e){let n;function t(e,n){return e[0].disabled?g:w}let i=t(e),d=i(e);return{c(){d.c(),n=a()},m(e,t){d.m(e,t),s(e,n,t)},p(e,[a]){i===(i=t(e))&&d?d.p(e,a):(d.d(1),d=i(e),d&&(d.c(),d.m(n.parentNode,n)))},i:l,o:l,d(e){d.d(e),e&&o(n)}}}function H(e,n,t){let i,a;d(e,m,(e=>t(1,i=e))),d(e,x,(e=>t(7,a=e)));let s,l,o,{feature:b}=n,{a11yLabels:c}=n,p=!1;return e.$$set=e=>{"feature"in e&&t(0,b=e.feature),"a11yLabels"in e&&t(6,c=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,n){var i,a,s;t(2,p=null!==(s=(null==n?void 0:n.lv1)&&e.code===(null===(i=null==n?void 0:n.lv1)||void 0===i?void 0:i.code)||(null==n?void 0:n.lv2)&&e.code===(null===(a=null==n?void 0:n.lv2)||void 0===a?void 0:a.code))&&void 0!==s&&s)}(b,a),65&e.$$.dirty&&function(e,n){n.embedded?t(3,s=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):t(3,s="")}(c,b),2&e.$$.dirty&&setTimeout((()=>{t(5,o=(null==l?void 0:l.offsetHeight)<(null==l?void 0:l.scrollHeight))}),500)},[b,i,p,s,l,o,c,a,function(e){r[e?"unshift":"push"]((()=>{l=e,t(4,l)}))}]}class z extends e{constructor(e){super(),n(this,e,H,$,t,{feature:0,a11yLabels:6},_)}}export{z as default};
1
+ import{E as e,i as n,s as t,F as i,P as a,b as s,n as l,o,ab as d,H as r,e as c,G as b,d as p,t as u,g as h,j as v,k as f}from"../../index-52f16292.js";import{i as m,s as x}from"../../sidebar-service-293d79ef.js";function _(e){i(e,"svelte-n80hn2",".mc-sidebar-feature.svelte-n80hn2.svelte-n80hn2{font-size:16px;min-width:200px;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#191919;line-height:22px;overflow:hidden}.mc-sidebar-feature__container.svelte-n80hn2.svelte-n80hn2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-top:8px;padding-bottom:8px}.mc-sidebar-feature__container.svelte-n80hn2 span.svelte-n80hn2{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-n80hn2.svelte-n80hn2{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-n80hn2.svelte-n80hn2{fill:#e54f00}.mc-sidebar-feature__label.svelte-n80hn2.svelte-n80hn2{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-n80hn2.svelte-n80hn2{opacity:0;-webkit-transition:0s opacity;-o-transition:0s opacity;transition:0s opacity;background-color:#b3b3b3;border:1px solid #191919;border-radius:4px;position:absolute;pointer-events:none;left:calc(100% - 16px);padding:8px 16px;width:188px}.mc-sidebar-feature__label__tooltip__pointer.svelte-n80hn2.svelte-n80hn2{position:absolute;top:50%;left:-8px;top:calc(50% - 6px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #191919}.mc-sidebar-feature__label__tooltip__pointer.svelte-n80hn2 div.svelte-n80hn2{position:relative;top:-6px;left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #b3b3b3}.mc-sidebar-feature__label.svelte-n80hn2:hover+.mc-sidebar-feature__label__tooltip.svelte-n80hn2{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-n80hn2.svelte-n80hn2{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-n80hn2.svelte-n80hn2{background:#ffab80}.mc-sidebar-feature.is-close.svelte-n80hn2.svelte-n80hn2{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-n80hn2 .mc-sidebar-feature__container.svelte-n80hn2{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:20px;width:24px}.mc-sidebar-feature.is-open.svelte-n80hn2.svelte-n80hn2{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-n80hn2 .mc-sidebar-feature__container.svelte-n80hn2{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-n80hn2.svelte-n80hn2{color:#e54f00;fill:#e54f00}.mc-sidebar-feature.svelte-n80hn2.svelte-n80hn2:hover{background:#ff7933}.mc-sidebar-feature.svelte-n80hn2.svelte-n80hn2:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-n80hn2:focus-visible .mc-sidebar-feature__container.svelte-n80hn2{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function g(e){let n,t,i,a,l,d,r,m,x,_,g,w,k,y,$=e[0].label+"";return{c(){n=c("span"),t=c("div"),i=b("svg"),a=b("g"),l=b("path"),d=b("defs"),r=b("clipPath"),m=b("path"),x=p(),_=c("span"),g=u($),h(l,"fill-rule","evenodd"),h(l,"d","M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z"),h(a,"clip-path","url(#a)"),h(m,"d","M0 0h16v16H0z"),h(r,"id","a"),h(i,"class","mc-sidebar-feature__icon-disabled svelte-n80hn2"),h(i,"width","16px"),h(i,"height","16px"),h(i,"viewBox","0 0 16 16"),h(_,"class","svelte-n80hn2"),h(t,"class","mc-sidebar-feature__container svelte-n80hn2"),h(n,"aria-label",w=e[0].label),h(n,"aria-disabled","true"),h(n,"class",k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-n80hn2"),h(n,"id",y=e[0].code)},m(e,o){s(e,n,o),v(n,t),v(t,i),v(i,a),v(a,l),v(i,d),v(d,r),v(r,m),v(t,x),v(t,_),v(_,g)},p(e,t){1&t&&$!==($=e[0].label+"")&&f(g,$),1&t&&w!==(w=e[0].label)&&h(n,"aria-label",w),6&t&&k!==(k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-n80hn2")&&h(n,"class",k),1&t&&y!==(y=e[0].code)&&h(n,"id",y)},d(e){e&&o(n)}}}function w(e){let n,t,i,a,l,d,r,b,m,x,_,g=e[0].label+"",w=e[5]&&k(e),$="_blank"===e[0].embedded&&y();return{c(){n=c("a"),t=c("div"),i=c("span"),a=u(g),l=p(),w&&w.c(),d=p(),$&&$.c(),h(i,"class","mc-sidebar-feature__label svelte-n80hn2"),h(t,"class","mc-sidebar-feature__container svelte-n80hn2"),h(n,"aria-label",r=""+(e[0].label+e[3])),h(n,"href",b=e[0].href??"javascript:void(null)"),h(n,"target",m=e[0].embedded),h(n,"class",x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-n80hn2"),h(n,"id",_=e[0].code)},m(o,r){s(o,n,r),v(n,t),v(t,i),v(i,a),e[8](i),v(t,l),w&&w.m(t,null),v(t,d),$&&$.m(t,null)},p(e,i){1&i&&g!==(g=e[0].label+"")&&f(a,g),e[5]?w?w.p(e,i):(w=k(e),w.c(),w.m(t,d)):w&&(w.d(1),w=null),"_blank"===e[0].embedded?$||($=y(),$.c(),$.m(t,null)):$&&($.d(1),$=null),9&i&&r!==(r=""+(e[0].label+e[3]))&&h(n,"aria-label",r),1&i&&b!==(b=e[0].href??"javascript:void(null)")&&h(n,"href",b),1&i&&m!==(m=e[0].embedded)&&h(n,"target",m),6&i&&x!==(x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-n80hn2")&&h(n,"class",x),1&i&&_!==(_=e[0].code)&&h(n,"id",_)},d(t){t&&o(n),e[8](null),w&&w.d(),$&&$.d()}}}function k(e){let n,t,i,a,l,d=e[0].label+"";return{c(){n=c("div"),t=c("div"),t.innerHTML='<div class="svelte-n80hn2"></div>',i=p(),a=c("span"),l=u(d),h(t,"class","mc-sidebar-feature__label__tooltip__pointer svelte-n80hn2"),h(a,"class","svelte-n80hn2"),h(n,"aria-hidden","true"),h(n,"class","mc-sidebar-feature__label__tooltip svelte-n80hn2")},m(e,o){s(e,n,o),v(n,t),v(n,i),v(n,a),v(a,l)},p(e,n){1&n&&d!==(d=e[0].label+"")&&f(l,d)},d(e){e&&o(n)}}}function y(e){let n,t;return{c(){n=b("svg"),t=b("path"),h(t,"fill-rule","evenodd"),h(t,"d","M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z"),h(n,"class","mc-sidebar-feature__icon svelte-n80hn2"),h(n,"width","16px"),h(n,"height","16px"),h(n,"viewBox","0 0 16 16")},m(e,i){s(e,n,i),v(n,t)},d(e){e&&o(n)}}}function $(e){let n;function t(e,n){return e[0].disabled?g:w}let i=t(e),d=i(e);return{c(){d.c(),n=a()},m(e,t){d.m(e,t),s(e,n,t)},p(e,[a]){i===(i=t(e))&&d?d.p(e,a):(d.d(1),d=i(e),d&&(d.c(),d.m(n.parentNode,n)))},i:l,o:l,d(e){d.d(e),e&&o(n)}}}function H(e,n,t){let i,a;d(e,m,(e=>t(1,i=e))),d(e,x,(e=>t(7,a=e)));let s,l,o,{feature:c}=n,{a11yLabels:b}=n,p=!1;return e.$$set=e=>{"feature"in e&&t(0,c=e.feature),"a11yLabels"in e&&t(6,b=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,n){var i,a,s;t(2,p=null!==(s=(null==n?void 0:n.lv1)&&e.code===(null===(i=null==n?void 0:n.lv1)||void 0===i?void 0:i.code)||(null==n?void 0:n.lv2)&&e.code===(null===(a=null==n?void 0:n.lv2)||void 0===a?void 0:a.code))&&void 0!==s&&s)}(c,a),65&e.$$.dirty&&function(e,n){n.embedded?t(3,s=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):t(3,s="")}(b,c),2&e.$$.dirty&&setTimeout((()=>{t(5,o=(null==l?void 0:l.offsetHeight)<(null==l?void 0:l.scrollHeight))}),500)},[c,i,p,s,l,o,b,a,function(e){r[e?"unshift":"push"]((()=>{l=e,t(4,l)}))}]}class z extends e{constructor(e){super(),n(this,e,H,$,t,{feature:0,a11yLabels:6},_)}}export{z as default};
2
2
  //# sourceMappingURL=sidebar-feature.nested.js.map
@@ -1,2 +1,2 @@
1
- import{P as e,i as t,s as i,Q as s,K as l,b as n,C as a,D as o,E as r,o as c,ab as f,e as d,d as u,g as b,R as m,j as q,M as x,J as p,x as g,A as v,l as z,G as h}from"../../index-c33b3772.js";import w from"./sidebar-feature-group.nested.js";import k from"./sidebar-sub-features.nested.js";import{t as y,i as $}from"../../sidebar-service-275bf9ef.js";import"./sidebar-feature.nested.js";import"../../EventHandler-02058705.js";function j(e){s(e,"svelte-qcufzq",".mc-sidebar-section.svelte-qcufzq.svelte-qcufzq{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:38px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1px 0px;scrollbar-color:#ff5800 #b3b3b3;scrollbar-width:thin}.mc-sidebar-section.svelte-qcufzq ul.svelte-qcufzq,.mc-sidebar-section.svelte-qcufzq li.svelte-qcufzq{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-qcufzq ul.svelte-qcufzq{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-sidebar-section.svelte-qcufzq ul li.svelte-qcufzq{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px 0px}.mc-sidebar-section.svelte-qcufzq ul li.svelte-qcufzq:first-child{margin-top:0}.mc-sidebar-section.svelte-qcufzq ul li.svelte-qcufzq:last-child{margin-bottom:0}.mc-sidebar-section.svelte-qcufzq ul.is-hidden.svelte-qcufzq{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-qcufzq ul.is-visible.svelte-qcufzq{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-qcufzq.svelte-qcufzq::-webkit-scrollbar{width:5px;height:10px;background:#b3b3b3}.mc-sidebar-section.svelte-qcufzq.svelte-qcufzq::-webkit-scrollbar-thumb{background:#ff5800}")}function L(e,t,i){const s=e.slice();return s[10]=t[i],s}function G(e){let t,i,s,l,f,g,v=e[0],z=[];for(let t=0;t<v.length;t+=1)z[t]=E(L(e,v,t));const h=e=>o(z[e],1,1,(()=>{z[e]=null}));let w=e[3]&&e[4]&&A(e);return{c(){t=d("div"),i=d("ul");for(let e=0;e<z.length;e+=1)z[e].c();f=u(),w&&w.c(),b(i,"class",s=m(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-qcufzq"),b(i,"aria-hidden",l=e[3]&&e[4]),b(t,"class","mc-sidebar-section svelte-qcufzq")},m(e,s){n(e,t,s),q(t,i);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(i,null);q(t,f),w&&w.m(t,null),g=!0},p(e,n){if(103&n){let t;for(v=e[0],t=0;t<v.length;t+=1){const s=L(e,v,t);z[t]?(z[t].p(s,n),a(z[t],1)):(z[t]=E(s),z[t].c(),a(z[t],1),z[t].m(i,null))}for(x(),t=v.length;t<z.length;t+=1)h(t);r()}(!g||24&n&&s!==(s=m(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-qcufzq"))&&b(i,"class",s),(!g||24&n&&l!==(l=e[3]&&e[4]))&&b(i,"aria-hidden",l),e[3]&&e[4]?w?(w.p(e,n),24&n&&a(w,1)):(w=A(e),w.c(),a(w,1),w.m(t,null)):w&&(x(),o(w,1,1,(()=>{w=null})),r())},i(e){if(!g){for(let e=0;e<v.length;e+=1)a(z[e]);a(w),g=!0}},o(e){z=z.filter(Boolean);for(let e=0;e<z.length;e+=1)o(z[e]);o(w),g=!1},d(e){e&&c(t),p(z,e),w&&w.d()}}}function E(e){let t,i,s,l,r,f;function m(){return e[8](e[10])}return i=new w({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),i.$on("feature-click",e[7]),{c(){t=d("li"),g(i.$$.fragment),s=u(),b(t,"class","svelte-qcufzq")},m(e,a){n(e,t,a),v(i,t,null),q(t,s),l=!0,r||(f=z(t,"click",m),r=!0)},p(t,s){e=t;const l={};1&s&&(l.featureGroup=e[10]),5&s&&(l.expand=e[2]===e[10].code),2&s&&(l.a11yLabels=e[1]),i.$set(l)},i(e){l||(a(i.$$.fragment,e),l=!0)},o(e){o(i.$$.fragment,e),l=!1},d(e){e&&c(t),h(i),r=!1,f()}}}function A(e){let t,i;return t=new k({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){g(t.$$.fragment)},m(e,s){v(t,e,s),i=!0},p(e,i){const s={};8&i&&(s.data=e[3]),2&i&&(s.a11yLabels=e[1]),t.$set(s)},i(e){i||(a(t.$$.fragment,e),i=!0)},o(e){o(t.$$.fragment,e),i=!1},d(e){h(t,e)}}}function B(e){let t,i,s=e[0]?.length&&G(e);return{c(){s&&s.c(),t=l()},m(e,l){s&&s.m(e,l),n(e,t,l),i=!0},p(e,[i]){e[0]?.length?s?(s.p(e,i),1&i&&a(s,1)):(s=G(e),s.c(),a(s,1),s.m(t.parentNode,t)):s&&(x(),o(s,1,1,(()=>{s=null})),r())},i(e){i||(a(s),i=!0)},o(e){o(s),i=!1},d(e){s&&s.d(e),e&&c(t)}}}function C(e,t,i){let s;f(e,$,(e=>i(4,s=e)));let l,n,{data:a=[]}=t,{a11yLabels:o}=t;function r(e){const t=s;t||y(),i(2,l=t&&l===e?void 0:e)}function c(e){(null==e?void 0:e.detail)?n&&n.code===e.detail.code?i(3,n=void 0):i(3,n=e.detail):i(3,n=void 0)}return e.$$set=e=>{"data"in e&&i(0,a=e.data),"a11yLabels"in e&&i(1,o=e.a11yLabels)},[a,o,l,n,s,r,c,e=>c(e),e=>r(e.code),()=>c()]}class D extends e{constructor(e){super(),t(this,e,C,B,i,{data:0,a11yLabels:1},j)}}export{D as default};
1
+ import{E as e,i as t,s as i,F as s,P as l,b as n,y as a,w as o,x as r,o as c,ab as f,e as d,d as u,g as b,T as m,j as q,z as x,O as p,B as g,C as v,l as z,D as h}from"../../index-52f16292.js";import w from"./sidebar-feature-group.nested.js";import k from"./sidebar-sub-features.nested.js";import{t as y,i as $}from"../../sidebar-service-293d79ef.js";import"./sidebar-feature.nested.js";import"../../EventHandler-f4efd23c.js";function j(e){s(e,"svelte-qcufzq",".mc-sidebar-section.svelte-qcufzq.svelte-qcufzq{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:38px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1px 0px;scrollbar-color:#ff5800 #b3b3b3;scrollbar-width:thin}.mc-sidebar-section.svelte-qcufzq ul.svelte-qcufzq,.mc-sidebar-section.svelte-qcufzq li.svelte-qcufzq{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-qcufzq ul.svelte-qcufzq{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-sidebar-section.svelte-qcufzq ul li.svelte-qcufzq{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px 0px}.mc-sidebar-section.svelte-qcufzq ul li.svelte-qcufzq:first-child{margin-top:0}.mc-sidebar-section.svelte-qcufzq ul li.svelte-qcufzq:last-child{margin-bottom:0}.mc-sidebar-section.svelte-qcufzq ul.is-hidden.svelte-qcufzq{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-qcufzq ul.is-visible.svelte-qcufzq{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-qcufzq.svelte-qcufzq::-webkit-scrollbar{width:5px;height:10px;background:#b3b3b3}.mc-sidebar-section.svelte-qcufzq.svelte-qcufzq::-webkit-scrollbar-thumb{background:#ff5800}")}function L(e,t,i){const s=e.slice();return s[10]=t[i],s}function B(e){let t,i,s,l,f,g,v=e[0],z=[];for(let t=0;t<v.length;t+=1)z[t]=E(L(e,v,t));const h=e=>o(z[e],1,1,(()=>{z[e]=null}));let w=e[3]&&e[4]&&G(e);return{c(){t=d("div"),i=d("ul");for(let e=0;e<z.length;e+=1)z[e].c();f=u(),w&&w.c(),b(i,"class",s=m(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-qcufzq"),b(i,"aria-hidden",l=e[3]&&e[4]),b(t,"class","mc-sidebar-section svelte-qcufzq")},m(e,s){n(e,t,s),q(t,i);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(i,null);q(t,f),w&&w.m(t,null),g=!0},p(e,n){if(103&n){let t;for(v=e[0],t=0;t<v.length;t+=1){const s=L(e,v,t);z[t]?(z[t].p(s,n),a(z[t],1)):(z[t]=E(s),z[t].c(),a(z[t],1),z[t].m(i,null))}for(x(),t=v.length;t<z.length;t+=1)h(t);r()}(!g||24&n&&s!==(s=m(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-qcufzq"))&&b(i,"class",s),(!g||24&n&&l!==(l=e[3]&&e[4]))&&b(i,"aria-hidden",l),e[3]&&e[4]?w?(w.p(e,n),24&n&&a(w,1)):(w=G(e),w.c(),a(w,1),w.m(t,null)):w&&(x(),o(w,1,1,(()=>{w=null})),r())},i(e){if(!g){for(let e=0;e<v.length;e+=1)a(z[e]);a(w),g=!0}},o(e){z=z.filter(Boolean);for(let e=0;e<z.length;e+=1)o(z[e]);o(w),g=!1},d(e){e&&c(t),p(z,e),w&&w.d()}}}function E(e){let t,i,s,l,r,f;function m(){return e[8](e[10])}return i=new w({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),i.$on("feature-click",e[7]),{c(){t=d("li"),g(i.$$.fragment),s=u(),b(t,"class","svelte-qcufzq")},m(e,a){n(e,t,a),v(i,t,null),q(t,s),l=!0,r||(f=z(t,"click",m),r=!0)},p(t,s){e=t;const l={};1&s&&(l.featureGroup=e[10]),5&s&&(l.expand=e[2]===e[10].code),2&s&&(l.a11yLabels=e[1]),i.$set(l)},i(e){l||(a(i.$$.fragment,e),l=!0)},o(e){o(i.$$.fragment,e),l=!1},d(e){e&&c(t),h(i),r=!1,f()}}}function G(e){let t,i;return t=new k({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){g(t.$$.fragment)},m(e,s){v(t,e,s),i=!0},p(e,i){const s={};8&i&&(s.data=e[3]),2&i&&(s.a11yLabels=e[1]),t.$set(s)},i(e){i||(a(t.$$.fragment,e),i=!0)},o(e){o(t.$$.fragment,e),i=!1},d(e){h(t,e)}}}function C(e){let t,i,s=e[0]?.length&&B(e);return{c(){s&&s.c(),t=l()},m(e,l){s&&s.m(e,l),n(e,t,l),i=!0},p(e,[i]){e[0]?.length?s?(s.p(e,i),1&i&&a(s,1)):(s=B(e),s.c(),a(s,1),s.m(t.parentNode,t)):s&&(x(),o(s,1,1,(()=>{s=null})),r())},i(e){i||(a(s),i=!0)},o(e){o(s),i=!1},d(e){s&&s.d(e),e&&c(t)}}}function D(e,t,i){let s;f(e,$,(e=>i(4,s=e)));let l,n,{data:a=[]}=t,{a11yLabels:o}=t;function r(e){const t=s;t||y(),i(2,l=t&&l===e?void 0:e)}function c(e){(null==e?void 0:e.detail)?n&&n.code===e.detail.code?i(3,n=void 0):i(3,n=e.detail):i(3,n=void 0)}return e.$$set=e=>{"data"in e&&i(0,a=e.data),"a11yLabels"in e&&i(1,o=e.a11yLabels)},[a,o,l,n,s,r,c,e=>c(e),e=>r(e.code),()=>c()]}class F extends e{constructor(e){super(),t(this,e,D,C,i,{data:0,a11yLabels:1},j)}}export{F as default};
2
2
  //# sourceMappingURL=sidebar-section.nested.js.map
@@ -1,2 +1,2 @@
1
- import{P as e,i as s,s as t,Q as i,K as l,b as n,n as a,o as c,ab as m,e as o,d as r,t as d,g as b,j as g,l as v,k as p,Z as x}from"../../index-c33b3772.js";import{a as f,s as u,i as z}from"../../sidebar-service-275bf9ef.js";function _(e){i(e,"svelte-36lmcz",".mc-sidebar-segment.svelte-36lmcz.svelte-36lmcz{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-36lmcz.svelte-36lmcz{fill:#191919}.mc-sidebar-segment.svelte-36lmcz span.svelte-36lmcz{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-36lmcz.svelte-36lmcz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-36lmcz.svelte-36lmcz{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-36lmcz.svelte-36lmcz{background:#ffab80}.mc-sidebar-segment.svelte-36lmcz .svelte-36lmcz:last-child{margin-left:10px}.mc-sidebar-segment.svelte-36lmcz.svelte-36lmcz:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-36lmcz:focus-visible .mc-sidebar-segment__container.svelte-36lmcz{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-36lmcz.svelte-36lmcz:hover{background:#ff7933}.mc-sidebar-segment.is-close.svelte-36lmcz .mc-sidebar-segment__container.svelte-36lmcz{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-36lmcz .mc-sidebar-segment__text.svelte-36lmcz{opacity:0}.mc-sidebar-segment.is-open.svelte-36lmcz .mc-sidebar-segment__container.svelte-36lmcz{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-36lmcz .mc-sidebar-segment__text.svelte-36lmcz{opacity:1}")}function h(e){let s,t,i,l,a,m,x,f,u,z,_,h,k=e[0].label+"",y=e[0].icon&&w(e);return{c(){s=o("a"),t=o("div"),y&&y.c(),i=r(),l=o("span"),a=d(k),b(l,"aria-hidden",m=!e[2]),b(l,"class","mc-sidebar-segment__text svelte-36lmcz"),b(t,"class","mc-sidebar-segment__container mc-sidebar-segment__icon svelte-36lmcz"),b(s,"aria-label",x=e[0].label),b(s,"class",f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-36lmcz"),b(s,"href",u=e[0].href??"javascript:void(null)"),b(s,"id",z=e[0].code)},m(c,m){n(c,s,m),g(s,t),y&&y.m(t,null),g(t,i),g(t,l),g(l,a),_||(h=v(s,"click",e[3]),_=!0)},p(e,n){e[0].icon?y?y.p(e,n):(y=w(e),y.c(),y.m(t,i)):y&&(y.d(1),y=null),1&n&&k!==(k=e[0].label+"")&&p(a,k),4&n&&m!==(m=!e[2])&&b(l,"aria-hidden",m),1&n&&x!==(x=e[0].label)&&b(s,"aria-label",x),7&n&&f!==(f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-36lmcz")&&b(s,"class",f),1&n&&u!==(u=e[0].href??"javascript:void(null)")&&b(s,"href",u),1&n&&z!==(z=e[0].code)&&b(s,"id",z)},d(e){e&&c(s),y&&y.d(),_=!1,h()}}}function w(e){let s,t,i=`<${y(e[0].icon)} class="mc-sidebar-segment__icon"/>`;return{c(){s=new x(!1),t=l(),s.a=t},m(e,l){s.m(i,e,l),n(e,t,l)},p(e,t){1&t&&i!==(i=`<${y(e[0].icon)} class="mc-sidebar-segment__icon"/>`)&&s.p(i)},d(e){e&&c(t),e&&s.d()}}}function k(e){let s,t=e[0]&&h(e);return{c(){t&&t.c(),s=l()},m(e,i){t&&t.m(e,i),n(e,s,i)},p(e,[i]){e[0]?t?t.p(e,i):(t=h(e),t.c(),t.m(s.parentNode,s)):t&&(t.d(1),t=null)},i:a,o:a,d(e){t&&t.d(e),e&&c(s)}}}function y(e){return`${e} size="1.5rem" style="height: 1.5rem; width: 1.5rem;"`}function j(e,s,t){let i,l;m(e,u,(e=>t(1,i=e))),m(e,z,(e=>t(2,l=e)));let{data:n}=s;return e.$$set=e=>{"data"in e&&t(0,n=e.data)},[n,i,l,function(){f(n.code)}]}class $ extends e{constructor(e){super(),s(this,e,j,k,t,{data:0},_)}}export{$ as default};
1
+ import{E as e,i as s,s as a,F as t,P as i,b as n,n as b,o as l,ab as o,e as r,d as c,t as d,g as m,j as p,l as f,k as v}from"../../index-52f16292.js";import{a as g,s as x,i as u}from"../../sidebar-service-293d79ef.js";function h(e){t(e,"svelte-bapsfb",".mc-sidebar-segment.svelte-bapsfb.svelte-bapsfb{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-bapsfb.svelte-bapsfb{fill:#191919;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-bapsfb.svelte-bapsfb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-bapsfb.svelte-bapsfb{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-bapsfb.svelte-bapsfb{background:#ffab80}.mc-sidebar-segment.svelte-bapsfb .svelte-bapsfb:last-child{margin-left:10px}.mc-sidebar-segment.svelte-bapsfb.svelte-bapsfb:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-bapsfb:focus-visible .mc-sidebar-segment__container.svelte-bapsfb{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-bapsfb.svelte-bapsfb:hover{background:#ff7933}.mc-sidebar-segment.is-close.svelte-bapsfb .mc-sidebar-segment__container.svelte-bapsfb{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-bapsfb .mc-sidebar-segment__text.svelte-bapsfb{opacity:0}.mc-sidebar-segment.is-open.svelte-bapsfb .mc-sidebar-segment__container.svelte-bapsfb{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-bapsfb .mc-sidebar-segment__text.svelte-bapsfb{opacity:1}")}function _(e){let s,a,t,i,b,o,g,x,u,h,_,k,y=e[0].label+"",j=e[0].icon&&w(e);return{c(){s=r("a"),a=r("div"),j&&j.c(),t=c(),i=r("span"),b=d(y),m(i,"aria-hidden",o=!e[2]),m(i,"class","mc-sidebar-segment__text svelte-bapsfb"),m(a,"class","mc-sidebar-segment__container svelte-bapsfb"),m(s,"aria-label",g=e[0].label),m(s,"class",x="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-bapsfb"),m(s,"href",u=e[0].href??"javascript:void(null)"),m(s,"id",h=e[0].code)},m(l,o){n(l,s,o),p(s,a),j&&j.m(a,null),p(a,t),p(a,i),p(i,b),_||(k=f(s,"click",e[3]),_=!0)},p(e,n){e[0].icon?j?j.p(e,n):(j=w(e),j.c(),j.m(a,t)):j&&(j.d(1),j=null),1&n&&y!==(y=e[0].label+"")&&v(b,y),4&n&&o!==(o=!e[2])&&m(i,"aria-hidden",o),1&n&&g!==(g=e[0].label)&&m(s,"aria-label",g),7&n&&x!==(x="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-bapsfb")&&m(s,"class",x),1&n&&u!==(u=e[0].href??"javascript:void(null)")&&m(s,"href",u),1&n&&h!==(h=e[0].code)&&m(s,"id",h)},d(e){e&&l(s),j&&j.d(),_=!1,k()}}}function w(e){let s,a=`<${y(e[0].icon)} />`;return{c(){s=r("span"),m(s,"class","mc-sidebar-segment__icon svelte-bapsfb")},m(e,t){n(e,s,t),s.innerHTML=a},p(e,t){1&t&&a!==(a=`<${y(e[0].icon)} />`)&&(s.innerHTML=a)},d(e){e&&l(s)}}}function k(e){let s,a=e[0]&&_(e);return{c(){a&&a.c(),s=i()},m(e,t){a&&a.m(e,t),n(e,s,t)},p(e,[t]){e[0]?a?a.p(e,t):(a=_(e),a.c(),a.m(s.parentNode,s)):a&&(a.d(1),a=null)},i:b,o:b,d(e){a&&a.d(e),e&&l(s)}}}function y(e){return`${e} size="1.5rem"`}function j(e,s,a){let t,i;o(e,x,(e=>a(1,t=e))),o(e,u,(e=>a(2,i=e)));let{data:n}=s;return e.$$set=e=>{"data"in e&&a(0,n=e.data)},[n,t,i,function(){g(n.code)}]}class $ extends e{constructor(e){super(),s(this,e,j,k,a,{data:0},h)}}export{$ as default};
2
2
  //# sourceMappingURL=sidebar-segment.nested.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from './sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\" style=\"height: 1.5rem; width: 1.5rem;\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n id={data.code}\n on:click={handleClick}\n >\n <div class=\"mc-sidebar-segment__container mc-sidebar-segment__icon\">\n {#if data.icon}\n {@html `<${generateIcon(data.icon)} class=\"mc-sidebar-segment__icon\"/>`}\n {/if}\n <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n {data.label}\n </span>\n </div>\n </a>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-segment {\n cursor: pointer;\n flex: 0;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n display: flex;\n overflow: hidden;\n min-height: 40px;\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n span {\n width: 200px;\n min-width: 200px;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 0px;\n }\n\n svg {\n fill: $color-sidebar-icon;\n }\n\n &__text {\n margin-left: 10px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n :last-child {\n margin-left: 10px;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-segment__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &.is-close {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 20px;\n width: 24px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 32px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 1;\n }\n }\n }\n</style>\n"],"names":["t1_value","ctx","label","if_block","icon","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","dirty","set_data","t1","generateIcon","html_tag","p","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"omEAoCSA,EAAAC,KAAKC,MAAK,GAJRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAGMA,EAAc,8IAZxBK,EAAAC,EAAA,aAAAC,EAAAP,KAAKC,OACUI,EAAAC,EAAA,QAAAE,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,+BAC1CA,EAAI,GAACW,MAAQ,yBACfN,EAAAC,EAAA,KAAAM,EAAAZ,KAAKS,cANXI,EAiBGC,EAAAR,EAAAS,GARDC,EAOKV,EAAAW,yBAHHD,EAEMC,EAAAC,4BARElB,EAAW,kBAGdA,KAAKG,2DAIP,EAAAgB,GAAApB,KAAAA,EAAAC,KAAKC,MAAK,KAAAmB,EAAAC,EAAAtB,gBADOC,EAAc,0BAZxB,EAAAmB,GAAAZ,KAAAA,EAAAP,KAAKC,4BACU,EAAAkB,GAAAX,KAAAA,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,8CAC1CA,EAAI,GAACW,MAAQ,wCACf,EAAAQ,GAAAP,KAAAA,EAAAZ,KAAKS,iFAKMa,EAAatB,EAAI,GAACG,kIAAlBmB,EAAatB,EAAI,GAACG,6CAAIoB,EAAAC,EAAAC,kDAZpCzB,EAAI,IAAA0B,EAAA1B,oEAAJA,EAAI,sGATE,SAAAsB,EAAaK,YACVA,sIAHDC,GAAaC,kEAOtBC,EAAcF,EAAKnB"}
1
+ {"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from './sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n id={data.code}\n on:click={handleClick}\n >\n <div class=\"mc-sidebar-segment__container\">\n {#if data.icon}\n <span class=\"mc-sidebar-segment__icon\">\n {@html `<${generateIcon(data.icon)} />`}\n </span>\n {/if}\n <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n {data.label}\n </span>\n </div>\n </a>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-segment {\n cursor: pointer;\n flex: 0;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n display: flex;\n overflow: hidden;\n min-height: 40px;\n\n &__icon {\n fill: $color-sidebar-icon;\n height: 1.5rem;\n width: 1.5rem;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 0px;\n }\n\n svg {\n fill: $color-sidebar-icon;\n }\n\n &__text {\n margin-left: 10px;\n width: 200px;\n min-width: 200px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n :last-child {\n margin-left: 10px;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-segment__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &.is-close {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 20px;\n width: 24px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 32px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 1;\n }\n }\n }\n</style>\n"],"names":["t1_value","ctx","label","if_block","icon","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","dirty","set_data","t1","generateIcon","innerHTML","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"mkEAsCSA,EAAAC,KAAKC,MAAK,GANRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAKMA,EAAc,qHAdxBK,EAAAC,EAAA,aAAAC,EAAAP,KAAKC,OACUI,EAAAC,EAAA,QAAAE,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,+BAC1CA,EAAI,GAACW,MAAQ,yBACfN,EAAAC,EAAA,KAAAM,EAAAZ,KAAKS,cANXI,EAmBGC,EAAAR,EAAAS,GAVDC,EASKV,EAAAW,yBAHHD,EAEMC,EAAAC,4BAVElB,EAAW,kBAGdA,KAAKG,2DAMP,EAAAgB,GAAApB,KAAAA,EAAAC,KAAKC,MAAK,KAAAmB,EAAAC,EAAAtB,gBADOC,EAAc,0BAdxB,EAAAmB,GAAAZ,KAAAA,EAAAP,KAAKC,4BACU,EAAAkB,GAAAX,KAAAA,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,8CAC1CA,EAAI,GAACW,MAAQ,wCACf,EAAAQ,GAAAP,KAAAA,EAAAZ,KAAKS,+EAMQa,EAAatB,EAAI,GAACG,gGAD/BU,EAEMC,EAAAI,EAAAH,yCADOO,EAAatB,EAAI,GAACG,cAAIe,EAAAK,UAAAC,yCAbtCxB,EAAI,IAAAyB,EAAAzB,oEAAJA,EAAI,sGATE,SAAAsB,EAAaI,YACVA,+FAHDC,GAAaC,kEAOtBC,EAAcF,EAAKlB"}
@@ -1,2 +1,2 @@
1
- import{P as s,i as e,s as a,Q as i,e as t,g as r,b as o,n,o as m,ab as l}from"../../index-c33b3772.js";import{i as p}from"../../sidebar-service-275bf9ef.js";function g(s){i(s,"svelte-ekgugv",".mc-sidebar-separator.svelte-ekgugv{border-bottom:1px solid #b3b3b3;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar-separator.is-close.svelte-ekgugv{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 0}.mc-sidebar-separator.is-open.svelte-ekgugv{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 32px}")}function b(s){let e,a;return{c(){e=t("span"),r(e,"role","separator"),r(e,"class",a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-ekgugv")},m(s,a){o(s,e,a)},p(s,[i]){1&i&&a!==(a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-ekgugv")&&r(e,"class",a)},i:n,o:n,d(s){s&&m(e)}}}function u(s,e,a){let i;return l(s,p,(s=>a(0,i=s))),[i]}class c extends s{constructor(s){super(),e(this,s,u,b,a,{},g)}}export{c as default};
1
+ import{E as s,i as e,s as a,F as i,e as t,g as r,b as o,n,o as m,ab as l}from"../../index-52f16292.js";import{i as p}from"../../sidebar-service-293d79ef.js";function g(s){i(s,"svelte-ekgugv",".mc-sidebar-separator.svelte-ekgugv{border-bottom:1px solid #b3b3b3;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar-separator.is-close.svelte-ekgugv{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 0}.mc-sidebar-separator.is-open.svelte-ekgugv{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 32px}")}function u(s){let e,a;return{c(){e=t("span"),r(e,"role","separator"),r(e,"class",a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-ekgugv")},m(s,a){o(s,e,a)},p(s,[i]){1&i&&a!==(a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-ekgugv")&&r(e,"class",a)},i:n,o:n,d(s){s&&m(e)}}}function b(s,e,a){let i;return l(s,p,(s=>a(0,i=s))),[i]}class c extends s{constructor(s){super(),e(this,s,b,u,a,{},g)}}export{c as default};
2
2
  //# sourceMappingURL=sidebar-separator.nested.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-service.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar-service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,0CAAsB,CAAC;AAG3C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAK9D;AAED,eAAO,MAAM,aAAa,0CAA2B,CAAC;AAEtD,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAMnD;AAED,eAAO,MAAM,eAAe,wDAAoC,CAAC;AAEjE,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAuCjD"}
1
+ {"version":3,"file":"sidebar-service.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar-service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,0CAAsB,CAAC;AAG3C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAM9D;AAED,eAAO,MAAM,aAAa,0CAA2B,CAAC;AAEtD,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAMnD;AAED,eAAO,MAAM,eAAe,wDAAoC,CAAC;AAEjE,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAmCjD"}
@@ -1,2 +1,2 @@
1
- import{P as e,i as s,s as t,Q as a,e as l,T as i,d as n,t as r,g as o,b,j as c,l as u,k as d,C as f,D as m,E as g,o as p,M as x,J as v,x as h,A as j,I as _,G as w}from"../../index-c33b3772.js";import{a as y}from"../../sidebar-service-275bf9ef.js";import k from"./sidebar-feature.nested.js";import{E as $}from"../../EventHandler-02058705.js";function L(e){a(e,"svelte-6es2j1",".mc-sidebar-sub-feature.svelte-6es2j1.svelte-6es2j1{width:320px}.mc-sidebar-sub-feature__trigger.svelte-6es2j1.svelte-6es2j1{background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;font-size:inherit;font-family:inherit;width:100%;padding:0px 32px}.mc-sidebar-sub-feature__trigger__label.svelte-6es2j1.svelte-6es2j1{font-size:16px;font-weight:700;margin-left:8px;color:#191919}.mc-sidebar-sub-feature__trigger.svelte-6es2j1.svelte-6es2j1:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-sub-feature__trigger.svelte-6es2j1:focus-visible .mc-sidebar-sub-feature__container.svelte-6es2j1{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-sub-feature__icon.svelte-6es2j1.svelte-6es2j1{fill:#191919}.mc-sidebar-sub-feature__container.svelte-6es2j1.svelte-6es2j1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:24px;padding:8px 0px}.mc-sidebar-sub-feature.svelte-6es2j1 ul.svelte-6es2j1{list-style:none;margin:0;padding:0}")}function z(e,s,t){const a=e.slice();return a[6]=s[t],a}function E(e){let s,t,a=e[0]?.items,i=[];for(let s=0;s<a.length;s+=1)i[s]=H(z(e,a,s));const n=e=>m(i[e],1,1,(()=>{i[e]=null}));return{c(){s=l("ul");for(let e=0;e<i.length;e+=1)i[e].c();o(s,"class","svelte-6es2j1")},m(e,a){b(e,s,a);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null);t=!0},p(e,t){if(11&t){let l;for(a=e[0]?.items,l=0;l<a.length;l+=1){const n=z(e,a,l);i[l]?(i[l].p(n,t),f(i[l],1)):(i[l]=H(n),i[l].c(),f(i[l],1),i[l].m(s,null))}for(x(),l=a.length;l<i.length;l+=1)n(l);g()}},i(e){if(!t){for(let e=0;e<a.length;e+=1)f(i[e]);t=!0}},o(e){i=i.filter(Boolean);for(let e=0;e<i.length;e+=1)m(i[e]);t=!1},d(e){e&&p(s),v(i,e)}}}function H(e){let s,t,a,i,r,d;function g(){return e[4](e[6])}return t=new k({props:{feature:e[6],a11yLabels:e[1]}}),{c(){s=l("li"),h(t.$$.fragment),a=n(),o(s,"class","mc-sidebar-sub-feature__item")},m(e,l){b(e,s,l),j(t,s,null),c(s,a),i=!0,r||(d=u(s,"click",_(g)),r=!0)},p(s,a){e=s;const l={};1&a&&(l.feature=e[6]),2&a&&(l.a11yLabels=e[1]),t.$set(l)},i(e){i||(f(t.$$.fragment,e),i=!0)},o(e){m(t.$$.fragment,e),i=!1},d(e){e&&p(s),w(t),r=!1,d()}}}function M(e){let s,t,a,v,h,j,_,w,y,k,$,L,z,H,M=e[0]?.label+"",A=e[0]?.items?.length&&E(e);return{c(){s=l("div"),t=l("button"),a=l("span"),v=i("svg"),h=i("path"),j=i("path"),_=n(),w=l("span"),y=r(M),k=n(),A&&A.c(),o(h,"d","M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z"),o(j,"d","M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z"),o(v,"class","mc-sidebar-sub-feature__icon svelte-6es2j1"),o(v,"width","24px"),o(v,"height","24px"),o(v,"viewBox","0 0 24 24"),o(w,"class","mc-sidebar-sub-feature__trigger__label svelte-6es2j1"),o(a,"class","mc-sidebar-sub-feature__container svelte-6es2j1"),o(t,"class","mc-sidebar-sub-feature__trigger svelte-6es2j1"),o(s,"class","mc-sidebar-sub-feature svelte-6es2j1"),o(s,"aria-label",$=e[0]?.label)},m(l,i){b(l,s,i),c(s,t),c(t,a),c(a,v),c(v,h),c(v,j),c(a,_),c(a,w),c(w,y),c(s,k),A&&A.m(s,null),L=!0,z||(H=u(t,"click",e[2]),z=!0)},p(e,[t]){(!L||1&t)&&M!==(M=e[0]?.label+"")&&d(y,M),e[0]?.items?.length?A?(A.p(e,t),1&t&&f(A,1)):(A=E(e),A.c(),f(A,1),A.m(s,null)):A&&(x(),m(A,1,1,(()=>{A=null})),g()),(!L||1&t&&$!==($=e[0]?.label))&&o(s,"aria-label",$)},i(e){L||(f(A),L=!0)},o(e){m(A),L=!1},d(e){e&&p(s),A&&A.d(),z=!1,H()}}}function A(e,s,t){let{data:a}=s,{a11yLabels:l}=s,i=new $;function n(e){e.disabled||y(e.code)}return e.$$set=e=>{"data"in e&&t(0,a=e.data),"a11yLabels"in e&&t(1,l=e.a11yLabels)},[a,l,function(){i.dispatch("back-click",a)},n,e=>n(e)]}class B extends e{constructor(e){super(),s(this,e,A,M,t,{data:0,a11yLabels:1},L)}}export{B as default};
1
+ import{E as e,i as s,s as t,F as a,e as l,G as i,d as n,t as r,g as o,b,j as c,l as d,k as u,y as f,w as m,x as g,o as p,z as x,O as v,B as h,C as j,N as _,D as w}from"../../index-52f16292.js";import{a as y}from"../../sidebar-service-293d79ef.js";import k from"./sidebar-feature.nested.js";import{E as $}from"../../EventHandler-f4efd23c.js";function L(e){a(e,"svelte-6es2j1",".mc-sidebar-sub-feature.svelte-6es2j1.svelte-6es2j1{width:320px}.mc-sidebar-sub-feature__trigger.svelte-6es2j1.svelte-6es2j1{background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;font-size:inherit;font-family:inherit;width:100%;padding:0px 32px}.mc-sidebar-sub-feature__trigger__label.svelte-6es2j1.svelte-6es2j1{font-size:16px;font-weight:700;margin-left:8px;color:#191919}.mc-sidebar-sub-feature__trigger.svelte-6es2j1.svelte-6es2j1:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-sub-feature__trigger.svelte-6es2j1:focus-visible .mc-sidebar-sub-feature__container.svelte-6es2j1{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-sub-feature__icon.svelte-6es2j1.svelte-6es2j1{fill:#191919}.mc-sidebar-sub-feature__container.svelte-6es2j1.svelte-6es2j1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:24px;padding:8px 0px}.mc-sidebar-sub-feature.svelte-6es2j1 ul.svelte-6es2j1{list-style:none;margin:0;padding:0}")}function z(e,s,t){const a=e.slice();return a[6]=s[t],a}function B(e){let s,t,a=e[0]?.items,i=[];for(let s=0;s<a.length;s+=1)i[s]=E(z(e,a,s));const n=e=>m(i[e],1,1,(()=>{i[e]=null}));return{c(){s=l("ul");for(let e=0;e<i.length;e+=1)i[e].c();o(s,"class","svelte-6es2j1")},m(e,a){b(e,s,a);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null);t=!0},p(e,t){if(11&t){let l;for(a=e[0]?.items,l=0;l<a.length;l+=1){const n=z(e,a,l);i[l]?(i[l].p(n,t),f(i[l],1)):(i[l]=E(n),i[l].c(),f(i[l],1),i[l].m(s,null))}for(x(),l=a.length;l<i.length;l+=1)n(l);g()}},i(e){if(!t){for(let e=0;e<a.length;e+=1)f(i[e]);t=!0}},o(e){i=i.filter(Boolean);for(let e=0;e<i.length;e+=1)m(i[e]);t=!1},d(e){e&&p(s),v(i,e)}}}function E(e){let s,t,a,i,r,u;function g(){return e[4](e[6])}return t=new k({props:{feature:e[6],a11yLabels:e[1]}}),{c(){s=l("li"),h(t.$$.fragment),a=n(),o(s,"class","mc-sidebar-sub-feature__item")},m(e,l){b(e,s,l),j(t,s,null),c(s,a),i=!0,r||(u=d(s,"click",_(g)),r=!0)},p(s,a){e=s;const l={};1&a&&(l.feature=e[6]),2&a&&(l.a11yLabels=e[1]),t.$set(l)},i(e){i||(f(t.$$.fragment,e),i=!0)},o(e){m(t.$$.fragment,e),i=!1},d(e){e&&p(s),w(t),r=!1,u()}}}function H(e){let s,t,a,v,h,j,_,w,y,k,$,L,z,E,H=e[0]?.label+"",M=e[0]?.items?.length&&B(e);return{c(){s=l("div"),t=l("button"),a=l("span"),v=i("svg"),h=i("path"),j=i("path"),_=n(),w=l("span"),y=r(H),k=n(),M&&M.c(),o(h,"d","M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z"),o(j,"d","M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z"),o(v,"class","mc-sidebar-sub-feature__icon svelte-6es2j1"),o(v,"width","24px"),o(v,"height","24px"),o(v,"viewBox","0 0 24 24"),o(w,"class","mc-sidebar-sub-feature__trigger__label svelte-6es2j1"),o(a,"class","mc-sidebar-sub-feature__container svelte-6es2j1"),o(t,"class","mc-sidebar-sub-feature__trigger svelte-6es2j1"),o(s,"class","mc-sidebar-sub-feature svelte-6es2j1"),o(s,"aria-label",$=e[0]?.label)},m(l,i){b(l,s,i),c(s,t),c(t,a),c(a,v),c(v,h),c(v,j),c(a,_),c(a,w),c(w,y),c(s,k),M&&M.m(s,null),L=!0,z||(E=d(t,"click",e[2]),z=!0)},p(e,[t]){(!L||1&t)&&H!==(H=e[0]?.label+"")&&u(y,H),e[0]?.items?.length?M?(M.p(e,t),1&t&&f(M,1)):(M=B(e),M.c(),f(M,1),M.m(s,null)):M&&(x(),m(M,1,1,(()=>{M=null})),g()),(!L||1&t&&$!==($=e[0]?.label))&&o(s,"aria-label",$)},i(e){L||(f(M),L=!0)},o(e){m(M),L=!1},d(e){e&&p(s),M&&M.d(),z=!1,E()}}}function M(e,s,t){let{data:a}=s,{a11yLabels:l}=s,i=new $;function n(e){e.disabled||y(e.code)}return e.$$set=e=>{"data"in e&&t(0,a=e.data),"a11yLabels"in e&&t(1,l=e.a11yLabels)},[a,l,function(){i.dispatch("back-click",a)},n,e=>n(e)]}class A extends e{constructor(e){super(),s(this,e,M,H,t,{data:0,a11yLabels:1},L)}}export{A as default};
2
2
  //# sourceMappingURL=sidebar-sub-features.nested.js.map
@@ -1,2 +1,2 @@
1
- import{P as e,i as t,s,Q as i,K as n,b as a,C as r,D as l,E as o,o as u,ab as d,e as c,d as p,g as m,j as g,l as b,M as f,t as h,k as _,J as w,x,A as v,I as j,G as y,v as k,T as $,n as L,y as z,$ as B}from"../../index-c33b3772.js";import{t as C,a as M,i as A}from"../../sidebar-service-275bf9ef.js";import N from"./sidebar-feature.nested.js";function H(e){i(e,"svelte-1wjepug",".mc-sidebar-user.svelte-1wjepug.svelte-1wjepug{left:0;right:0;bottom:0;position:absolute;background:#ffab80}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#191919;font-size:inherit;font-family:inherit;text-align:initial;margin:0;width:100%;overflow:hidden}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:12px;outline:1px solid #0b96cc;outline-offset:-5px}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug:hover{cursor:pointer}.mc-sidebar-user__header.svelte-1wjepug:hover .mc-sidebar-user__header__information__icon.svelte-1wjepug{background:#ff7933}.mc-sidebar-user__header__picture.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#5B737D;border-radius:24px;width:48px;min-width:48px;height:48px;overflow:hidden}.mc-sidebar-user__header__picture.svelte-1wjepug img.svelte-1wjepug{display:block}.mc-sidebar-user__header__information.svelte-1wjepug.svelte-1wjepug{-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;margin-left:8px;height:40px}.mc-sidebar-user__header__information__icon.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:4px}.mc-sidebar-user__header__information__identity.svelte-1wjepug.svelte-1wjepug{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-1wjepug.svelte-1wjepug,.mc-sidebar-user__header__information__identity.svelte-1wjepug.svelte-1wjepug{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-1wjepug.svelte-1wjepug{fill:#191919}.mc-sidebar-user__content.svelte-1wjepug.svelte-1wjepug{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-1wjepug.svelte-1wjepug{height:0;margin:0}.mc-sidebar-user.is-close.svelte-1wjepug .mc-sidebar-user__header.svelte-1wjepug{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 8px;margin:8px 0}.mc-sidebar-user.is-open.svelte-1wjepug .mc-sidebar-user__header.svelte-1wjepug{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}")}function E(e,t,s){const i=e.slice();return i[11]=t[s],i}function V(e){let t,s,i,n,d,h,_,w,x,v,j;function y(e,t){return e[0].imageBase64?D:q}let k=y(e),$=k(e),L=e[4]&&F(e),z=e[1]?.length&&G(e);return{c(){t=c("div"),s=c("button"),i=c("span"),$.c(),n=p(),L&&L.c(),_=p(),z&&z.c(),m(i,"class","mc-sidebar-user__header__picture svelte-1wjepug"),m(s,"aria-expanded",d=e[4]&&e[3]),m(s,"class","mc-sidebar-user__header svelte-1wjepug"),m(s,"aria-label",h=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),m(s,"aria-controls","user-content"),m(s,"id","user-trigger"),m(t,"class",w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1wjepug")},m(r,l){a(r,t,l),g(t,s),g(s,i),$.m(i,null),g(s,n),L&&L.m(s,null),g(t,_),z&&z.m(t,null),x=!0,v||(j=b(t,"click",e[6]),v=!0)},p(e,n){k===(k=y(e))&&$?$.p(e,n):($.d(1),$=k(e),$&&($.c(),$.m(i,null))),e[4]?L?L.p(e,n):(L=F(e),L.c(),L.m(s,null)):L&&(L.d(1),L=null),(!x||24&n&&d!==(d=e[4]&&e[3]))&&m(s,"aria-expanded",d),(!x||28&n&&h!==(h=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&m(s,"aria-label",h),e[1]?.length?z?(z.p(e,n),2&n&&r(z,1)):(z=G(e),z.c(),r(z,1),z.m(t,null)):z&&(f(),l(z,1,1,(()=>{z=null})),o()),(!x||16&n&&w!==(w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1wjepug"))&&m(t,"class",w)},i(e){x||(r(z),x=!0)},o(e){l(z),x=!1},d(e){e&&u(t),$.d(),L&&L.d(),z&&z.d(),v=!1,j()}}}function q(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,i){a(e,t,i),g(t,s)},p:L,d(e){e&&u(t)}}}function D(e){let t,s;return{c(){t=c("img"),m(t,"class","base64 svelte-1wjepug"),z(t,"display","block"),z(t,"width","auto"),z(t,"height","48px"),z(t,"max-width","48px"),m(t,"aria-hidden",""),m(t,"alt","User Picture"),B(t.src,s="data:image/png;base64, "+e[0].imageBase64)||m(t,"src",s)},m(e,s){a(e,t,s)},p(e,i){1&i&&!B(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&m(t,"src",s)},d(e){e&&u(t)}}}function F(e){let t,s,i,r,l,o,d,b,f=(e[0]?.firstName||"")+"",w=(e[0]?.lastName||"")+"",x=e[0]?.title&&O(e),v=e[1]?.length&&P(e);return{c(){t=c("p"),s=c("span"),i=h(f),r=p(),l=h(w),o=p(),x&&x.c(),d=p(),v&&v.c(),b=n(),m(s,"class","mc-sidebar-user__header__information__identity svelte-1wjepug"),m(t,"class","mc-sidebar-user__header__information svelte-1wjepug")},m(e,n){a(e,t,n),g(t,s),g(s,i),g(s,r),g(s,l),g(t,o),x&&x.m(t,null),a(e,d,n),v&&v.m(e,n),a(e,b,n)},p(e,s){1&s&&f!==(f=(e[0]?.firstName||"")+"")&&_(i,f),1&s&&w!==(w=(e[0]?.lastName||"")+"")&&_(l,w),e[0]?.title?x?x.p(e,s):(x=O(e),x.c(),x.m(t,null)):x&&(x.d(1),x=null),e[1]?.length?v?v.p(e,s):(v=P(e),v.c(),v.m(b.parentNode,b)):v&&(v.d(1),v=null)},d(e){e&&u(t),x&&x.d(),e&&u(d),v&&v.d(e),e&&u(b)}}}function O(e){let t,s,i=K(e[0].title)+"";return{c(){t=c("span"),s=h(i),m(t,"class","mc-sidebar-user__header__information__title svelte-1wjepug")},m(e,i){a(e,t,i),g(t,s)},p(e,t){1&t&&i!==(i=K(e[0].title)+"")&&_(s,i)},d(e){e&&u(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let i=s(e),n=i(e);return{c(){t=c("span"),n.c(),m(t,"class","mc-sidebar-user__header__information__icon svelte-1wjepug")},m(e,s){a(e,t,s),n.m(t,null)},p(e,a){i!==(i=s(e))&&(n.d(1),n=i(e),n&&(n.c(),n.m(t,null)))},d(e){e&&u(t),n.d()}}}function S(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),m(t,"width","16px"),m(t,"height","16px"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),g(t,s)},d(e){e&&u(t)}}}function U(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"width","16px"),m(t,"height","16px"),m(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),g(t,s)},d(e){e&&u(t)}}}function G(e){let t,s,i,n=e[1],d=[];for(let t=0;t<n.length;t+=1)d[t]=I(E(e,n,t));const p=e=>l(d[e],1,1,(()=>{d[e]=null}));return{c(){t=c("ul");for(let e=0;e<d.length;e+=1)d[e].c();m(t,"aria-hidden",s=!e[4]||!e[3]),m(t,"class","mc-sidebar-user__content is-close svelte-1wjepug"),m(t,"id","user-content")},m(s,n){a(s,t,n);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(t,null);e[9](t),i=!0},p(e,a){if(134&a){let s;for(n=e[1],s=0;s<n.length;s+=1){const i=E(e,n,s);d[s]?(d[s].p(i,a),r(d[s],1)):(d[s]=I(i),d[s].c(),r(d[s],1),d[s].m(t,null))}for(f(),s=n.length;s<d.length;s+=1)p(s);o()}(!i||24&a&&s!==(s=!e[4]||!e[3]))&&m(t,"aria-hidden",s)},i(e){if(!i){for(let e=0;e<n.length;e+=1)r(d[e]);i=!0}},o(e){d=d.filter(Boolean);for(let e=0;e<d.length;e+=1)l(d[e]);i=!1},d(s){s&&u(t),w(d,s),e[9](null)}}}function I(e){let t,s,i,n,o,d;function m(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=c("li"),x(s.$$.fragment),i=p()},m(e,r){a(e,t,r),v(s,t,null),g(t,i),n=!0,o||(d=b(t,"click",j(m)),o=!0)},p(t,i){e=t;const n={};2&i&&(n.feature=e[11]),4&i&&(n.a11yLabels=e[2]),s.$set(n)},i(e){n||(r(s.$$.fragment,e),n=!0)},o(e){l(s.$$.fragment,e),n=!1},d(e){e&&u(t),y(s),o=!1,d()}}}function J(e){let t,s,i=e[0]&&V(e);return{c(){i&&i.c(),t=n()},m(e,n){i&&i.m(e,n),a(e,t,n),s=!0},p(e,[s]){e[0]?i?(i.p(e,s),1&s&&r(i,1)):(i=V(e),i.c(),r(i,1),i.m(t.parentNode,t)):i&&(f(),l(i,1,1,(()=>{i=null})),o())},i(e){s||(r(i),s=!0)},o(e){l(i),s=!1},d(e){i&&i.d(e),e&&u(t)}}}function K(e){let t=e.toLowerCase().split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].substring(1);return t.join(" ")}function Q(e,t,s){let i;d(e,A,(e=>s(4,i=e)));let n,{user:a}=t,{data:r}=t,{a11yLabels:l}=t,o=!1;function u(e){e.disabled||M(e.code)}return e.$$set=e=>{"user"in e&&s(0,a=e.user),"data"in e&&s(1,r=e.data),"a11yLabels"in e&&s(2,l=e.a11yLabels)},e.$$.update=()=>{24&e.$$.dirty&&function(e,t){if(n){s(5,n.style.height="",n),s(5,n.style.transition="none",n);const i=window.getComputedStyle(n).height;n.classList.add(t&&e?"is-open":"is-close"),n.classList.remove(t&&e?"is-close":"is-open");const a=window.getComputedStyle(n).height;s(5,n.style.height=i,n),requestAnimationFrame((()=>{s(5,n.style.transition="",n),requestAnimationFrame((()=>{s(5,n.style.height=a,n)}))}));const r=()=>{s(5,n.style.height="",n),n.removeEventListener("transitionend",r)};n.addEventListener("transitionend",r)}}(o,i)},[a,r,l,o,i,n,function(){i?s(3,o=!o):(C(!0),s(3,o=!0))},u,e=>u(e),function(e){k[e?"unshift":"push"]((()=>{n=e,s(5,n)}))}]}class T extends e{constructor(e){super(),t(this,e,Q,J,s,{user:0,data:1,a11yLabels:2},H)}}export{T as default};
1
+ import{E as e,i as t,s,F as i,P as n,b as a,y as r,w as l,x as o,o as u,ab as d,e as c,d as p,g as m,j as g,l as b,z as f,t as h,k as _,O as w,B as x,C as v,N as j,D as y,H as k,G as $,n as L,J as z,$ as B}from"../../index-52f16292.js";import{t as C,a as N,i as M}from"../../sidebar-service-293d79ef.js";import A from"./sidebar-feature.nested.js";function H(e){i(e,"svelte-1wjepug",".mc-sidebar-user.svelte-1wjepug.svelte-1wjepug{left:0;right:0;bottom:0;position:absolute;background:#ffab80}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#191919;font-size:inherit;font-family:inherit;text-align:initial;margin:0;width:100%;overflow:hidden}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:12px;outline:1px solid #0b96cc;outline-offset:-5px}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug:hover{cursor:pointer}.mc-sidebar-user__header.svelte-1wjepug:hover .mc-sidebar-user__header__information__icon.svelte-1wjepug{background:#ff7933}.mc-sidebar-user__header__picture.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#5B737D;border-radius:24px;width:48px;min-width:48px;height:48px;overflow:hidden}.mc-sidebar-user__header__picture.svelte-1wjepug img.svelte-1wjepug{display:block}.mc-sidebar-user__header__information.svelte-1wjepug.svelte-1wjepug{-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;margin-left:8px;height:40px}.mc-sidebar-user__header__information__icon.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:4px}.mc-sidebar-user__header__information__identity.svelte-1wjepug.svelte-1wjepug{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-1wjepug.svelte-1wjepug,.mc-sidebar-user__header__information__identity.svelte-1wjepug.svelte-1wjepug{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-1wjepug.svelte-1wjepug{fill:#191919}.mc-sidebar-user__content.svelte-1wjepug.svelte-1wjepug{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-1wjepug.svelte-1wjepug{height:0;margin:0}.mc-sidebar-user.is-close.svelte-1wjepug .mc-sidebar-user__header.svelte-1wjepug{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 8px;margin:8px 0}.mc-sidebar-user.is-open.svelte-1wjepug .mc-sidebar-user__header.svelte-1wjepug{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}")}function E(e,t,s){const i=e.slice();return i[11]=t[s],i}function F(e){let t,s,i,n,d,h,_,w,x,v,j;function y(e,t){return e[0].imageBase64?V:O}let k=y(e),$=k(e),L=e[4]&&q(e),z=e[1]?.length&&G(e);return{c(){t=c("div"),s=c("button"),i=c("span"),$.c(),n=p(),L&&L.c(),_=p(),z&&z.c(),m(i,"class","mc-sidebar-user__header__picture svelte-1wjepug"),m(s,"aria-expanded",d=e[4]&&e[3]),m(s,"class","mc-sidebar-user__header svelte-1wjepug"),m(s,"aria-label",h=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),m(s,"aria-controls","user-content"),m(s,"id","user-trigger"),m(t,"class",w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1wjepug")},m(r,l){a(r,t,l),g(t,s),g(s,i),$.m(i,null),g(s,n),L&&L.m(s,null),g(t,_),z&&z.m(t,null),x=!0,v||(j=b(t,"click",e[6]),v=!0)},p(e,n){k===(k=y(e))&&$?$.p(e,n):($.d(1),$=k(e),$&&($.c(),$.m(i,null))),e[4]?L?L.p(e,n):(L=q(e),L.c(),L.m(s,null)):L&&(L.d(1),L=null),(!x||24&n&&d!==(d=e[4]&&e[3]))&&m(s,"aria-expanded",d),(!x||28&n&&h!==(h=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&m(s,"aria-label",h),e[1]?.length?z?(z.p(e,n),2&n&&r(z,1)):(z=G(e),z.c(),r(z,1),z.m(t,null)):z&&(f(),l(z,1,1,(()=>{z=null})),o()),(!x||16&n&&w!==(w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1wjepug"))&&m(t,"class",w)},i(e){x||(r(z),x=!0)},o(e){l(z),x=!1},d(e){e&&u(t),$.d(),L&&L.d(),z&&z.d(),v=!1,j()}}}function O(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,i){a(e,t,i),g(t,s)},p:L,d(e){e&&u(t)}}}function V(e){let t,s;return{c(){t=c("img"),m(t,"class","base64 svelte-1wjepug"),z(t,"display","block"),z(t,"width","auto"),z(t,"height","48px"),z(t,"max-width","48px"),m(t,"aria-hidden",""),m(t,"alt","User Picture"),B(t.src,s="data:image/png;base64, "+e[0].imageBase64)||m(t,"src",s)},m(e,s){a(e,t,s)},p(e,i){1&i&&!B(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&m(t,"src",s)},d(e){e&&u(t)}}}function q(e){let t,s,i,r,l,o,d,b,f=(e[0]?.firstName||"")+"",w=(e[0]?.lastName||"")+"",x=e[0]?.title&&D(e),v=e[1]?.length&&P(e);return{c(){t=c("p"),s=c("span"),i=h(f),r=p(),l=h(w),o=p(),x&&x.c(),d=p(),v&&v.c(),b=n(),m(s,"class","mc-sidebar-user__header__information__identity svelte-1wjepug"),m(t,"class","mc-sidebar-user__header__information svelte-1wjepug")},m(e,n){a(e,t,n),g(t,s),g(s,i),g(s,r),g(s,l),g(t,o),x&&x.m(t,null),a(e,d,n),v&&v.m(e,n),a(e,b,n)},p(e,s){1&s&&f!==(f=(e[0]?.firstName||"")+"")&&_(i,f),1&s&&w!==(w=(e[0]?.lastName||"")+"")&&_(l,w),e[0]?.title?x?x.p(e,s):(x=D(e),x.c(),x.m(t,null)):x&&(x.d(1),x=null),e[1]?.length?v?v.p(e,s):(v=P(e),v.c(),v.m(b.parentNode,b)):v&&(v.d(1),v=null)},d(e){e&&u(t),x&&x.d(),e&&u(d),v&&v.d(e),e&&u(b)}}}function D(e){let t,s,i=K(e[0].title)+"";return{c(){t=c("span"),s=h(i),m(t,"class","mc-sidebar-user__header__information__title svelte-1wjepug")},m(e,i){a(e,t,i),g(t,s)},p(e,t){1&t&&i!==(i=K(e[0].title)+"")&&_(s,i)},d(e){e&&u(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let i=s(e),n=i(e);return{c(){t=c("span"),n.c(),m(t,"class","mc-sidebar-user__header__information__icon svelte-1wjepug")},m(e,s){a(e,t,s),n.m(t,null)},p(e,a){i!==(i=s(e))&&(n.d(1),n=i(e),n&&(n.c(),n.m(t,null)))},d(e){e&&u(t),n.d()}}}function S(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),m(t,"width","16px"),m(t,"height","16px"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),g(t,s)},d(e){e&&u(t)}}}function U(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"width","16px"),m(t,"height","16px"),m(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),g(t,s)},d(e){e&&u(t)}}}function G(e){let t,s,i,n=e[1],d=[];for(let t=0;t<n.length;t+=1)d[t]=J(E(e,n,t));const p=e=>l(d[e],1,1,(()=>{d[e]=null}));return{c(){t=c("ul");for(let e=0;e<d.length;e+=1)d[e].c();m(t,"aria-hidden",s=!e[4]||!e[3]),m(t,"class","mc-sidebar-user__content is-close svelte-1wjepug"),m(t,"id","user-content")},m(s,n){a(s,t,n);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(t,null);e[9](t),i=!0},p(e,a){if(134&a){let s;for(n=e[1],s=0;s<n.length;s+=1){const i=E(e,n,s);d[s]?(d[s].p(i,a),r(d[s],1)):(d[s]=J(i),d[s].c(),r(d[s],1),d[s].m(t,null))}for(f(),s=n.length;s<d.length;s+=1)p(s);o()}(!i||24&a&&s!==(s=!e[4]||!e[3]))&&m(t,"aria-hidden",s)},i(e){if(!i){for(let e=0;e<n.length;e+=1)r(d[e]);i=!0}},o(e){d=d.filter(Boolean);for(let e=0;e<d.length;e+=1)l(d[e]);i=!1},d(s){s&&u(t),w(d,s),e[9](null)}}}function J(e){let t,s,i,n,o,d;function m(){return e[8](e[11])}return s=new A({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=c("li"),x(s.$$.fragment),i=p()},m(e,r){a(e,t,r),v(s,t,null),g(t,i),n=!0,o||(d=b(t,"click",j(m)),o=!0)},p(t,i){e=t;const n={};2&i&&(n.feature=e[11]),4&i&&(n.a11yLabels=e[2]),s.$set(n)},i(e){n||(r(s.$$.fragment,e),n=!0)},o(e){l(s.$$.fragment,e),n=!1},d(e){e&&u(t),y(s),o=!1,d()}}}function I(e){let t,s,i=e[0]&&F(e);return{c(){i&&i.c(),t=n()},m(e,n){i&&i.m(e,n),a(e,t,n),s=!0},p(e,[s]){e[0]?i?(i.p(e,s),1&s&&r(i,1)):(i=F(e),i.c(),r(i,1),i.m(t.parentNode,t)):i&&(f(),l(i,1,1,(()=>{i=null})),o())},i(e){s||(r(i),s=!0)},o(e){l(i),s=!1},d(e){i&&i.d(e),e&&u(t)}}}function K(e){let t=e.toLowerCase().split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].substring(1);return t.join(" ")}function Q(e,t,s){let i;d(e,M,(e=>s(4,i=e)));let n,{user:a}=t,{data:r}=t,{a11yLabels:l}=t,o=!1;function u(e){e.disabled||N(e.code)}return e.$$set=e=>{"user"in e&&s(0,a=e.user),"data"in e&&s(1,r=e.data),"a11yLabels"in e&&s(2,l=e.a11yLabels)},e.$$.update=()=>{24&e.$$.dirty&&function(e,t){if(n){s(5,n.style.height="",n),s(5,n.style.transition="none",n);const i=window.getComputedStyle(n).height;n.classList.add(t&&e?"is-open":"is-close"),n.classList.remove(t&&e?"is-close":"is-open");const a=window.getComputedStyle(n).height;s(5,n.style.height=i,n),requestAnimationFrame((()=>{s(5,n.style.transition="",n),requestAnimationFrame((()=>{s(5,n.style.height=a,n)}))}));const r=()=>{s(5,n.style.height="",n),n.removeEventListener("transitionend",r)};n.addEventListener("transitionend",r)}}(o,i)},[a,r,l,o,i,n,function(){i?s(3,o=!o):(C(!0),s(3,o=!0))},u,e=>u(e),function(e){k[e?"unshift":"push"]((()=>{n=e,s(5,n)}))}]}class R extends e{constructor(e){super(),t(this,e,Q,I,s,{user:0,data:1,a11yLabels:2},H)}}export{R as default};
2
2
  //# sourceMappingURL=sidebar-user.nested.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-user.nested.js","sources":["../../../../src/components/sidebar/sidebar-user.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import {\n isSidebarOpen,\n selectFeature,\n toggleSidebar,\n } from './sidebar-service';\n import type { User, Feature, A11yLabels } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n\n export let user: User;\n export let data: Feature[];\n export let a11yLabels: A11yLabels;\n\n let content: HTMLElement;\n let isExpanded = false;\n\n $: updateContentCSS(isExpanded, $isSidebarOpen);\n\n // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n if (content) {\n content.style.height = '';\n content.style.transition = 'none';\n const startHeight = window.getComputedStyle(content).height;\n\n content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n const height = window.getComputedStyle(content).height;\n content.style.height = startHeight;\n\n // wait until the next frame so that everything has time to update before starting the transition\n requestAnimationFrame(() => {\n content.style.transition = '';\n requestAnimationFrame(() => {\n content.style.height = height;\n });\n });\n\n // Clear the saved height values after the transition\n const handler = () => {\n content.style.height = '';\n content.removeEventListener('transitionend', handler);\n };\n\n content.addEventListener('transitionend', handler);\n }\n }\n\n function toggle(): void {\n if (!$isSidebarOpen) {\n toggleSidebar(true);\n isExpanded = true;\n } else {\n isExpanded = !isExpanded;\n }\n }\n\n function capitalizeTheFirstLetterOfEachWord(words: string): string {\n let separateWord: string[] = words.toLowerCase().split(' ');\n for (let i = 0; i < separateWord.length; i++) {\n separateWord[i] =\n separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);\n }\n return separateWord.join(' ');\n }\n\n function handleClick(feature: Feature) {\n if (!feature.disabled) {\n selectFeature(feature.code);\n }\n }\n</script>\n\n{#if user}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div\n class=\"mc-sidebar-user {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n on:click={toggle}\n >\n <button\n aria-expanded={$isSidebarOpen && isExpanded}\n class=\"mc-sidebar-user__header\"\n aria-label={$isSidebarOpen && isExpanded\n ? a11yLabels?.['close-user'] || 'Close the user sub menu'\n : a11yLabels?.['open-user'] || 'Open the user sub menu'}\n aria-controls=\"user-content\"\n id=\"user-trigger\"\n >\n <span class=\"mc-sidebar-user__header__picture\">\n {#if user.imageBase64}\n <img\n class=\"base64\"\n style=\"display:block; width:auto; height:48px; max-width:48px;\"\n aria-hidden\n alt=\"User Picture\"\n src=\"data:image/png;base64, {user.imageBase64}\"\n />\n {:else}\n <svg\n class=\"mc-sidebar-user__icon\"\n width=\"24px\"\n height=\"24px\"\n viewBox=\"0 0 24 24\"\n ><path\n d=\"M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z\"\n /></svg\n >\n {/if}\n </span>\n {#if $isSidebarOpen}\n <p class=\"mc-sidebar-user__header__information\">\n <span class=\"mc-sidebar-user__header__information__identity\">\n {user?.firstName || ''}\n {user?.lastName || ''}\n </span>\n {#if user?.title}\n <span class=\"mc-sidebar-user__header__information__title\">\n {capitalizeTheFirstLetterOfEachWord(user.title)}\n </span>\n {/if}\n </p>\n {#if data?.length}\n <span class=\"mc-sidebar-user__header__information__icon\">\n {#if $isSidebarOpen && !isExpanded}\n <svg\n class=\"mc-sidebar-user__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path\n d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n /></svg\n >\n {:else}\n <svg\n width=\"16px\"\n height=\"16px\"\n class=\"mc-sidebar-user__icon\"\n viewBox=\"0 0 16 16\"\n ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n >\n {/if}\n </span>\n {/if}\n {/if}\n </button>\n {#if data?.length}\n <ul\n aria-hidden={!$isSidebarOpen || !isExpanded}\n class=\"mc-sidebar-user__content is-close\"\n id=\"user-content\"\n bind:this={content}\n >\n {#each data as feature}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <li on:click|stopPropagation={() => handleClick(feature)}>\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n </ul>\n {/if}\n </div>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-user {\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n background: $color-sidebar-user-background;\n\n &__header {\n display: flex;\n align-items: center;\n background: none;\n border: none;\n color: $color-sidebar-text-color;\n font-size: inherit;\n font-family: inherit;\n text-align: initial;\n margin: 0;\n width: 100%;\n overflow: hidden;\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n border-radius: 12px;\n outline: 1px solid #0b96cc;\n outline-offset: -5px;\n }\n\n &:hover {\n cursor: pointer;\n\n .mc-sidebar-user__header__information__icon {\n background: $color-sidebar-feature-hover-background;\n }\n }\n\n &__picture {\n display: flex;\n align-items: center;\n justify-content: center;\n background: $color-grey;\n border-radius: 24px;\n width: 48px;\n min-width: 48px;\n height: 48px;\n overflow: hidden;\n img {\n display: block;\n }\n }\n\n &__information {\n justify-content: space-around;\n display: flex;\n flex-direction: column;\n flex: 1;\n margin: 0;\n margin-left: 8px;\n height: 40px;\n &__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n }\n\n &__identity {\n font-size: 16px;\n font-weight: bold;\n }\n\n &__title,\n &__identity {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 176px;\n }\n }\n }\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__content {\n list-style-type: none;\n padding: 0;\n overflow: hidden;\n margin: -8px 0px 24px 0px;\n @include transition(all 300ms ease-in-out);\n\n &.is-close {\n height: 0;\n margin: 0;\n }\n\n .is-open {\n height: auto;\n }\n }\n\n &.is-close {\n .mc-sidebar-user__header {\n @include transition(padding 300ms ease-in-out);\n padding: 12px 8px;\n margin: 8px 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-user__header {\n @include transition(padding 300ms ease-in-out);\n padding: 12px 24px 12px 32px;\n margin: 8px 0;\n }\n }\n }\n</style>\n"],"names":["ctx","imageBase64","create_if_block_6","create_if_block_2","if_block2","length","create_if_block_1","attr","button","button_aria_expanded_value","button_aria_label_value","insert","target","div","anchor","append","span","current","dirty","svg","path","src_url_equal","img","src","img_src_value","firstName","lastName","if_block0","title","create_if_block_5","if_block1","create_if_block_3","p","set_data","t0","t0_value","t2","t2_value","capitalizeTheFirstLetterOfEachWord","t","t_value","create_if_block_4","i","ul","ul_aria_hidden_value","each_blocks","li","create_if_block","words","separateWord","toLowerCase","split","charAt","toUpperCase","substring","join","content","user","$$props","data","a11yLabels","isExpanded","handleClick","feature","disabled","selectFeature","code","isOpen","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$isSidebarOpen","toggleSidebar","$$value"],"mappings":"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"}
1
+ {"version":3,"file":"sidebar-user.nested.js","sources":["../../../../src/components/sidebar/sidebar-user.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import {\n isSidebarOpen,\n selectFeature,\n toggleSidebar,\n } from './sidebar-service';\n import type { User, Feature, A11yLabels } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n\n export let user: User;\n export let data: Feature[];\n export let a11yLabels: A11yLabels;\n\n let content: HTMLElement;\n let isExpanded = false;\n\n $: updateContentCSS(isExpanded, $isSidebarOpen);\n\n // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n if (content) {\n content.style.height = '';\n content.style.transition = 'none';\n const startHeight = window.getComputedStyle(content).height;\n\n content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n const height = window.getComputedStyle(content).height;\n content.style.height = startHeight;\n\n // wait until the next frame so that everything has time to update before starting the transition\n requestAnimationFrame(() => {\n content.style.transition = '';\n requestAnimationFrame(() => {\n content.style.height = height;\n });\n });\n\n // Clear the saved height values after the transition\n const handler = () => {\n content.style.height = '';\n content.removeEventListener('transitionend', handler);\n };\n\n content.addEventListener('transitionend', handler);\n }\n }\n\n function toggle(): void {\n if (!$isSidebarOpen) {\n toggleSidebar(true);\n isExpanded = true;\n } else {\n isExpanded = !isExpanded;\n }\n }\n\n function capitalizeTheFirstLetterOfEachWord(words: string): string {\n let separateWord: string[] = words.toLowerCase().split(' ');\n for (let i = 0; i < separateWord.length; i++) {\n separateWord[i] =\n separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);\n }\n return separateWord.join(' ');\n }\n\n function handleClick(feature: Feature) {\n if (!feature.disabled) {\n selectFeature(feature.code);\n }\n }\n</script>\n\n{#if user}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div\n class=\"mc-sidebar-user {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n on:click={toggle}\n >\n <button\n aria-expanded={$isSidebarOpen && isExpanded}\n class=\"mc-sidebar-user__header\"\n aria-label={$isSidebarOpen && isExpanded\n ? a11yLabels?.['close-user'] || 'Close the user sub menu'\n : a11yLabels?.['open-user'] || 'Open the user sub menu'}\n aria-controls=\"user-content\"\n id=\"user-trigger\"\n >\n <span class=\"mc-sidebar-user__header__picture\">\n {#if user.imageBase64}\n <img\n class=\"base64\"\n style=\"display:block; width:auto; height:48px; max-width:48px;\"\n aria-hidden\n alt=\"User Picture\"\n src=\"data:image/png;base64, {user.imageBase64}\"\n />\n {:else}\n <svg\n class=\"mc-sidebar-user__icon\"\n width=\"24px\"\n height=\"24px\"\n viewBox=\"0 0 24 24\"\n ><path\n d=\"M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z\"\n /></svg\n >\n {/if}\n </span>\n {#if $isSidebarOpen}\n <p class=\"mc-sidebar-user__header__information\">\n <span class=\"mc-sidebar-user__header__information__identity\">\n {user?.firstName || ''}\n {user?.lastName || ''}\n </span>\n {#if user?.title}\n <span class=\"mc-sidebar-user__header__information__title\">\n {capitalizeTheFirstLetterOfEachWord(user.title)}\n </span>\n {/if}\n </p>\n {#if data?.length}\n <span class=\"mc-sidebar-user__header__information__icon\">\n {#if $isSidebarOpen && !isExpanded}\n <svg\n class=\"mc-sidebar-user__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path\n d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n /></svg\n >\n {:else}\n <svg\n width=\"16px\"\n height=\"16px\"\n class=\"mc-sidebar-user__icon\"\n viewBox=\"0 0 16 16\"\n ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n >\n {/if}\n </span>\n {/if}\n {/if}\n </button>\n {#if data?.length}\n <ul\n aria-hidden={!$isSidebarOpen || !isExpanded}\n class=\"mc-sidebar-user__content is-close\"\n id=\"user-content\"\n bind:this={content}\n >\n {#each data as feature}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <li on:click|stopPropagation={() => handleClick(feature)}>\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n </ul>\n {/if}\n </div>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-user {\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n background: $color-sidebar-user-background;\n\n &__header {\n display: flex;\n align-items: center;\n background: none;\n border: none;\n color: $color-sidebar-text-color;\n font-size: inherit;\n font-family: inherit;\n text-align: initial;\n margin: 0;\n width: 100%;\n overflow: hidden;\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n border-radius: 12px;\n outline: 1px solid #0b96cc;\n outline-offset: -5px;\n }\n\n &:hover {\n cursor: pointer;\n\n .mc-sidebar-user__header__information__icon {\n background: $color-sidebar-feature-hover-background;\n }\n }\n\n &__picture {\n display: flex;\n align-items: center;\n justify-content: center;\n background: $color-grey;\n border-radius: 24px;\n width: 48px;\n min-width: 48px;\n height: 48px;\n overflow: hidden;\n img {\n display: block;\n }\n }\n\n &__information {\n justify-content: space-around;\n display: flex;\n flex-direction: column;\n flex: 1;\n margin: 0;\n margin-left: 8px;\n height: 40px;\n &__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n }\n\n &__identity {\n font-size: 16px;\n font-weight: bold;\n }\n\n &__title,\n &__identity {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 176px;\n }\n }\n }\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__content {\n list-style-type: none;\n padding: 0;\n overflow: hidden;\n margin: -8px 0px 24px 0px;\n @include transition(all 300ms ease-in-out);\n\n &.is-close {\n height: 0;\n margin: 0;\n }\n\n .is-open {\n height: auto;\n }\n }\n\n &.is-close {\n .mc-sidebar-user__header {\n @include transition(padding 300ms ease-in-out);\n padding: 12px 8px;\n margin: 8px 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-user__header {\n @include transition(padding 300ms ease-in-out);\n padding: 12px 24px 12px 32px;\n margin: 8px 0;\n }\n }\n }\n</style>\n"],"names":["ctx","imageBase64","create_if_block_6","create_if_block_2","if_block2","length","create_if_block_1","attr","button","button_aria_expanded_value","button_aria_label_value","insert","target","div","anchor","append","span","current","dirty","svg","path","src_url_equal","img","src","img_src_value","firstName","lastName","if_block0","title","create_if_block_5","if_block1","create_if_block_3","p","set_data","t0","t0_value","t2","t2_value","capitalizeTheFirstLetterOfEachWord","t","t_value","create_if_block_4","i","ul","ul_aria_hidden_value","each_blocks","li","create_if_block","words","separateWord","toLowerCase","split","charAt","toUpperCase","substring","join","content","user","$$props","data","a11yLabels","isExpanded","handleClick","feature","disabled","selectFeature","code","isOpen","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$isSidebarOpen","toggleSidebar","$$value"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar.types.ts"],"names":[],"mappings":"AAAA,qBAAa,OAAO;IAClB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,OAAQ,SAAQ,OAAO;IACtC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAMD,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;CACzC;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC;IACvB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,OAAO,EAAE,CAAC;CAC1B;AAED,MAAM,MAAM,UAAU,GAAG;KACtB,GAAG,IACA,MAAM,GACN,OAAO,GACP,sBAAsB,GACtB,WAAW,GACX,YAAY,GAAG,MAAM;CAC1B,CAAC"}
1
+ {"version":3,"file":"sidebar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar.types.ts"],"names":[],"mappings":"AAAA,qBAAa,OAAO;IAClB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,OAAQ,SAAQ,OAAO;IACtC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAMD,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAC1C;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC;IACvB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,OAAO,EAAE,CAAC;CAC1B;AAED,MAAM,MAAM,UAAU,GAAG;KACtB,GAAG,IACA,MAAM,GACN,OAAO,GACP,sBAAsB,GACtB,WAAW,GACX,YAAY,GAAG,MAAM;CAC1B,CAAC"}
@@ -69,7 +69,7 @@
69
69
  }
70
70
 
71
71
  function generateIcon(iconname: string): string {
72
- return `${iconname} size="1.5rem" style="height: 1.5rem; width: 1.5rem;"`;
72
+ return `${iconname} size="1.5rem"`;
73
73
  }
74
74
 
75
75
  function handleClick(feature: Feature) {
@@ -95,9 +95,9 @@
95
95
  >
96
96
  <span class="mc-feature-group__container">
97
97
  {#if featureGroup.icon}
98
- {@html `<${generateIcon(
99
- featureGroup.icon,
100
- )} class="mc-feature-group__icon" />`}
98
+ <span class="mc-feature-group__icon">
99
+ {@html `<${generateIcon(featureGroup.icon)} />`}
100
+ </span>
101
101
  {/if}
102
102
  {#if $isSidebarOpen}
103
103
  <span class="mc-feature-group__label" bind:this={label}>
@@ -162,6 +162,8 @@
162
162
 
163
163
  &__icon {
164
164
  fill: $color-sidebar-icon;
165
+ height: 1.5rem;
166
+ width: 1.5rem;
165
167
  }
166
168
 
167
169
  &__container {
@@ -11,7 +11,7 @@
11
11
  export let data: Segment;
12
12
 
13
13
  function generateIcon(iconname: string): string {
14
- return `${iconname} size="1.5rem" style="height: 1.5rem; width: 1.5rem;"`;
14
+ return `${iconname} size="1.5rem"`;
15
15
  }
16
16
 
17
17
  function handleClick() {
@@ -29,9 +29,11 @@
29
29
  id={data.code}
30
30
  on:click={handleClick}
31
31
  >
32
- <div class="mc-sidebar-segment__container mc-sidebar-segment__icon">
32
+ <div class="mc-sidebar-segment__container">
33
33
  {#if data.icon}
34
- {@html `<${generateIcon(data.icon)} class="mc-sidebar-segment__icon"/>`}
34
+ <span class="mc-sidebar-segment__icon">
35
+ {@html `<${generateIcon(data.icon)} />`}
36
+ </span>
35
37
  {/if}
36
38
  <span aria-hidden={!$isSidebarOpen} class="mc-sidebar-segment__text">
37
39
  {data.label}
@@ -56,11 +58,8 @@
56
58
 
57
59
  &__icon {
58
60
  fill: $color-sidebar-icon;
59
- }
60
-
61
- span {
62
- width: 200px;
63
- min-width: 200px;
61
+ height: 1.5rem;
62
+ width: 1.5rem;
64
63
  }
65
64
 
66
65
  &__container {
@@ -76,6 +75,8 @@
76
75
 
77
76
  &__text {
78
77
  margin-left: 10px;
78
+ width: 200px;
79
+ min-width: 200px;
79
80
  }
80
81
 
81
82
  &.is-selected {
@@ -1,2 +1,2 @@
1
- import{S as e,i as t,a as r,b as i,f as s,s as p,c,e as o,n,g as a,h as m,j as l,m as d,o as _,J as b,p as f,q as h,d as u,t as x,l as g,k}from"../../index-c33b3772.js";import{E as w}from"../../EventHandler-02058705.js";function v(e,t,r){const i=e.slice();return i[10]=t[r],i[12]=r,i}function y(e){let t,r,s=e[12]+1+"";return{c(){t=o("span"),r=x(s)},m(e,s){i(e,t,s),l(t,r)},d(e){e&&_(t)}}}function $(e){let t;return{c(){t=o("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',a(t,"class","mc-stepper__icon")},m(e,r){i(e,t,r)},d(e){e&&_(t)}}}function z(e){let t,r,s,p,c,n,m,d,b,f,h,w,v,z,C=e[4](e[12],e[2])+"",j=e[10].label+"";function E(e,t){return 4&t&&(s=null),null==s&&(s=!!e[3](e[12],e[2])),s?$:e[10].isCurrent?y:void 0}let L=E(e,-1),A=L&&L(e);function D(){return e[7](e[10])}return{c(){t=o("li"),r=o("div"),A&&A.c(),p=u(),c=o("div"),n=o("span"),m=x(C),d=u(),b=o("span"),f=x(j),h=u(),a(r,"class","mc-stepper__indicator"),a(r,"aria-hidden","true"),a(n,"class","mc-stepper__title"),a(b,"class","mc-stepper__label"),a(c,"class","mc-stepper__detail"),a(t,"class",w="mc-stepper__item "+(e[10].isCurrent?"mc-stepper__item--current":"")+" "+(e[3](e[12],e[2])?"mc-stepper__item--validated":""))},m(e,s){i(e,t,s),l(t,r),A&&A.m(r,null),l(t,p),l(t,c),l(c,n),l(n,m),l(c,d),l(c,b),l(b,f),l(t,h),v||(z=g(t,"click",D),v=!0)},p(i,s){L!==(L=E(e=i,s))&&(A&&A.d(1),A=L&&L(e),A&&(A.c(),A.m(r,null))),4&s&&C!==(C=e[4](e[12],e[2])+"")&&k(m,C),4&s&&j!==(j=e[10].label+"")&&k(f,j),4&s&&w!==(w="mc-stepper__item "+(e[10].isCurrent?"mc-stepper__item--current":"")+" "+(e[3](e[12],e[2])?"mc-stepper__item--validated":""))&&a(t,"class",w)},d(e){e&&_(t),A&&A.d(),v=!1,z()}}}function C(e){let t,r,s,p=e[2],f=[];for(let t=0;t<p.length;t+=1)f[t]=z(v(e,p,t));let h=[{class:s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[2].length>3?"mc-stepper--shrinked":"")},{"aria-label":"accessibilityLabels.stepperDescription"},e[1]],u={};for(let e=0;e<h.length;e+=1)u=c(u,h[e]);return{c(){t=o("nav"),r=o("ol");for(let e=0;e<f.length;e+=1)f[e].c();this.c=n,a(r,"class","mc-stepper__list"),m(t,u)},m(e,s){i(e,t,s),l(t,r);for(let e=0;e<f.length;e+=1)f[e]&&f[e].m(r,null)},p(e,[i]){if(60&i){let t;for(p=e[2],t=0;t<p.length;t+=1){const s=v(e,p,t);f[t]?f[t].p(s,i):(f[t]=z(s),f[t].c(),f[t].m(r,null))}for(;t<f.length;t+=1)f[t].d(1);f.length=p.length}m(t,u=d(h,[5&i&&s!==(s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[2].length>3?"mc-stepper--shrinked":""))&&{class:s},{"aria-label":"accessibilityLabels.stepperDescription"},2&i&&e[1]]))},i:n,o:n,d(e){e&&_(t),b(f,e)}}}function j(e,t,r){let i,s;const p=["steps","compact"];let o=f(t,p),{steps:n}=t,{compact:a=!1}=t,m=new w;function l(e){m.dispatch("step-changed",e)}return e.$$set=e=>{t=c(c({},t),h(e)),r(9,o=f(t,p)),"steps"in e&&r(6,n=e.steps),"compact"in e&&r(0,a=e.compact)},e.$$.update=()=>{64&e.$$.dirty&&r(2,i=n?JSON.parse(n):[]),r(1,s=Object.assign({},o)),2&e.$$.dirty&&delete s.class},[a,s,i,function(e,t){return e<t.findIndex((e=>e.isCurrent))},function(e,t){return`${e+1} / ${t.length}`},l,n,e=>l(e)]}class E extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-stepper{width:100%}.mc-stepper__list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-stepper__item{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.mc-stepper__item::before,.mc-stepper__item::after{background-color:#999999;content:"";height:0.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item::before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item::after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child::before,.mc-stepper__item:last-child::after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#4d5bf5}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current::before{background-color:#4d5bf5}.mc-stepper__item--current .mc-stepper__indicator{background-color:#4d5bf5;color:#ffffff}.mc-stepper__item--current .mc-stepper__label{color:#000000}.mc-stepper__item--validated::before,.mc-stepper__item--validated:not(.mc-stepper__item--current)::after{background-color:#4d5bf5}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#4d5bf5}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #999999;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#4d5bf5;max-width:100%}.mc-stepper__detail{font-size:0.875rem;line-height:1.2857142857;color:#666666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#4d5bf5}.mc-stepper--compact .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item::before,.mc-stepper--compact .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--compact .mc-stepper__item::after{width:100%}.mc-stepper--compact .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:0.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item::before,.mc-stepper--shrinked .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item::after{width:100%}.mc-stepper--shrinked .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:0.25rem}}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},j,C,p,{steps:6,compact:0},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["steps","compact"]}get steps(){return this.$$.ctx[6]}set steps(e){this.$$set({steps:e}),s()}get compact(){return this.$$.ctx[0]}set compact(e){this.$$set({compact:e}),s()}}export{E as default};
1
+ import{S as e,i as t,a as r,b as i,f as s,s as p,c,e as o,n,g as a,h as m,j as l,m as d,o as _,O as b,p as f,q as h,d as u,t as x,l as g,k}from"../../index-52f16292.js";import{E as w}from"../../EventHandler-f4efd23c.js";function v(e,t,r){const i=e.slice();return i[10]=t[r],i[12]=r,i}function y(e){let t,r,s=e[12]+1+"";return{c(){t=o("span"),r=x(s)},m(e,s){i(e,t,s),l(t,r)},d(e){e&&_(t)}}}function $(e){let t;return{c(){t=o("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',a(t,"class","mc-stepper__icon")},m(e,r){i(e,t,r)},d(e){e&&_(t)}}}function z(e){let t,r,s,p,c,n,m,d,b,f,h,w,v,z,C=e[4](e[12],e[2])+"",j=e[10].label+"";function E(e,t){return 4&t&&(s=null),null==s&&(s=!!e[3](e[12],e[2])),s?$:e[10].isCurrent?y:void 0}let L=E(e,-1),O=L&&L(e);function A(){return e[7](e[10])}return{c(){t=o("li"),r=o("div"),O&&O.c(),p=u(),c=o("div"),n=o("span"),m=x(C),d=u(),b=o("span"),f=x(j),h=u(),a(r,"class","mc-stepper__indicator"),a(r,"aria-hidden","true"),a(n,"class","mc-stepper__title"),a(b,"class","mc-stepper__label"),a(c,"class","mc-stepper__detail"),a(t,"class",w="mc-stepper__item "+(e[10].isCurrent?"mc-stepper__item--current":"")+" "+(e[3](e[12],e[2])?"mc-stepper__item--validated":""))},m(e,s){i(e,t,s),l(t,r),O&&O.m(r,null),l(t,p),l(t,c),l(c,n),l(n,m),l(c,d),l(c,b),l(b,f),l(t,h),v||(z=g(t,"click",A),v=!0)},p(i,s){L!==(L=E(e=i,s))&&(O&&O.d(1),O=L&&L(e),O&&(O.c(),O.m(r,null))),4&s&&C!==(C=e[4](e[12],e[2])+"")&&k(m,C),4&s&&j!==(j=e[10].label+"")&&k(f,j),4&s&&w!==(w="mc-stepper__item "+(e[10].isCurrent?"mc-stepper__item--current":"")+" "+(e[3](e[12],e[2])?"mc-stepper__item--validated":""))&&a(t,"class",w)},d(e){e&&_(t),O&&O.d(),v=!1,z()}}}function C(e){let t,r,s,p=e[2],f=[];for(let t=0;t<p.length;t+=1)f[t]=z(v(e,p,t));let h=[{class:s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[2].length>3?"mc-stepper--shrinked":"")},{"aria-label":"accessibilityLabels.stepperDescription"},e[1]],u={};for(let e=0;e<h.length;e+=1)u=c(u,h[e]);return{c(){t=o("nav"),r=o("ol");for(let e=0;e<f.length;e+=1)f[e].c();this.c=n,a(r,"class","mc-stepper__list"),m(t,u)},m(e,s){i(e,t,s),l(t,r);for(let e=0;e<f.length;e+=1)f[e]&&f[e].m(r,null)},p(e,[i]){if(60&i){let t;for(p=e[2],t=0;t<p.length;t+=1){const s=v(e,p,t);f[t]?f[t].p(s,i):(f[t]=z(s),f[t].c(),f[t].m(r,null))}for(;t<f.length;t+=1)f[t].d(1);f.length=p.length}m(t,u=d(h,[5&i&&s!==(s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[2].length>3?"mc-stepper--shrinked":""))&&{class:s},{"aria-label":"accessibilityLabels.stepperDescription"},2&i&&e[1]]))},i:n,o:n,d(e){e&&_(t),b(f,e)}}}function j(e,t,r){let i,s;const p=["steps","compact"];let o=f(t,p),{steps:n}=t,{compact:a=!1}=t,m=new w;function l(e){m.dispatch("step-changed",e)}return e.$$set=e=>{t=c(c({},t),h(e)),r(9,o=f(t,p)),"steps"in e&&r(6,n=e.steps),"compact"in e&&r(0,a=e.compact)},e.$$.update=()=>{64&e.$$.dirty&&r(2,i=n?JSON.parse(n):[]),r(1,s=Object.assign({},o)),2&e.$$.dirty&&delete s.class},[a,s,i,function(e,t){return e<t.findIndex((e=>e.isCurrent))},function(e,t){return`${e+1} / ${t.length}`},l,n,e=>l(e)]}class E extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-stepper{width:100%}.mc-stepper__list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-stepper__item{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.mc-stepper__item::before,.mc-stepper__item::after{background-color:#999999;content:"";height:0.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item::before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item::after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child::before,.mc-stepper__item:last-child::after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#4d5bf5}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current::before{background-color:#4d5bf5}.mc-stepper__item--current .mc-stepper__indicator{background-color:#4d5bf5;color:#ffffff}.mc-stepper__item--current .mc-stepper__label{color:#000000}.mc-stepper__item--validated::before,.mc-stepper__item--validated:not(.mc-stepper__item--current)::after{background-color:#4d5bf5}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#4d5bf5}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #999999;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#4d5bf5;max-width:100%}.mc-stepper__detail{font-size:0.875rem;line-height:1.2857142857;color:#666666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#4d5bf5}.mc-stepper--compact .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item::before,.mc-stepper--compact .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--compact .mc-stepper__item::after{width:100%}.mc-stepper--compact .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:0.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item::before,.mc-stepper--shrinked .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item::after{width:100%}.mc-stepper--shrinked .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:0.25rem}}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},j,C,p,{steps:6,compact:0},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["steps","compact"]}get steps(){return this.$$.ctx[6]}set steps(e){this.$$set({steps:e}),s()}get compact(){return this.$$.ctx[0]}set compact(e){this.$$set({compact:e}),s()}}export{E as default};
2
2
  //# sourceMappingURL=Stepper.js.map
@@ -0,0 +1,2 @@
1
+ import{S as e,i as t,a as r,b as a,f as n,s as i,e as o,t as l,d as c,n as d,g as s,v as b,j as m,l as p,k as u,o as f,M as x}from"../../index-52f16292.js";import{E as h}from"../../EventHandler-f4efd23c.js";function g(e){let t,r,n,i;return{c(){t=o("button"),r=l(e[1]),s(t,"class","mc-button mc-button--s mc-button--bordered-neutral"),s(t,"aria-label",e[1]),s(t,"type","button"),s(t,"id","prevlabel")},m(o,l){a(o,t,l),m(t,r),n||(i=p(t,"click",e[8]),n=!0)},p(e,a){2&a&&u(r,e[1]),2&a&&s(t,"aria-label",e[1])},d(e){e&&f(t),n=!1,i()}}}function w(e){let t;return{c(){t=l(e[3])},m(e,r){a(e,t,r)},p(e,r){8&r&&u(t,e[3])},d(e){e&&f(t)}}}function v(e){let t;return{c(){t=l(e[2])},m(e,r){a(e,t,r)},p(e,r){4&r&&u(t,e[2])},d(e){e&&f(t)}}}function k(e){let t,r,n,i,h,k,$,y,z,j=e[4]>0&&g(e);function _(e,t){return e[4]<e[5]?v:e[4]>=e[5]?w:void 0}let E=_(e),C=E&&E(e);return{c(){t=o("div"),r=o("button"),n=l(e[0]),i=c(),h=o("div"),j&&j.c(),k=c(),$=o("button"),C&&C.c(),this.c=d,s(r,"class","mc-button mc-button--s mc-button--bordered-danger"),s(r,"aria-label",e[0]),s(r,"type","button"),s(r,"id","cancelbutton"),s($,"class","mc-button mc-button--s mc-stepper-bar__next"),s($,"aria-label",e[2]),s($,"type","button"),s($,"id","nextlabel"),s(h,"class","mc-stepper-bar__actions"),s(t,"class","ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"),b(t,"mc-bottom-bar--fixed",e[6])},m(o,l){a(o,t,l),m(t,r),m(r,n),m(t,i),m(t,h),j&&j.m(h,null),m(h,k),m(h,$),C&&C.m($,null),y||(z=[p(r,"click",e[7]),p($,"click",e[9])],y=!0)},p(e,[a]){1&a&&u(n,e[0]),1&a&&s(r,"aria-label",e[0]),e[4]>0?j?j.p(e,a):(j=g(e),j.c(),j.m(h,k)):j&&(j.d(1),j=null),E===(E=_(e))&&C?C.p(e,a):(C&&C.d(1),C=E&&E(e),C&&(C.c(),C.m($,null))),4&a&&s($,"aria-label",e[2]),64&a&&b(t,"mc-bottom-bar--fixed",e[6])},i:d,o:d,d(e){e&&f(t),j&&j.d(),C&&C.d(),y=!1,x(z)}}}function $(e,t,r){let a,n,i,{fixed:o}=t,{cancellabel:l}=t,{prevlabel:c}=t,{nextlabel:d}=t,{validatelabel:s}=t,{currentstep:b}=t,{stepsnb:m}=t,p=new h;return e.$$set=e=>{"fixed"in e&&r(10,o=e.fixed),"cancellabel"in e&&r(0,l=e.cancellabel),"prevlabel"in e&&r(1,c=e.prevlabel),"nextlabel"in e&&r(2,d=e.nextlabel),"validatelabel"in e&&r(3,s=e.validatelabel),"currentstep"in e&&r(11,b=e.currentstep),"stepsnb"in e&&r(12,m=e.stepsnb)},e.$$.update=()=>{1024&e.$$.dirty&&r(6,a=!!o||void 0),2048&e.$$.dirty&&r(4,n=b||0),4096&e.$$.dirty&&r(5,i=m||0)},[l,c,d,s,n,i,a,function(e){p.dispatch("cancel",e)},function(){n-1>=0&&(r(4,n--,n),p.dispatch("previous-step",n))},function(){r(4,n++,n),p.dispatch("next-step",n)},o,b,m]}class y extends e{constructor(e){super();const o=document.createElement("style");o.textContent='.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-stepper-bar{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-stepper-bar__actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#120949;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#161cb6;color:#ffffff}.mc-button:active{background-color:#161cb6}.mc-button:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}',this.shadowRoot.appendChild(o),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},$,k,i,{fixed:10,cancellabel:0,prevlabel:1,nextlabel:2,validatelabel:3,currentstep:11,stepsnb:12},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["fixed","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb"]}get fixed(){return this.$$.ctx[10]}set fixed(e){this.$$set({fixed:e}),n()}get cancellabel(){return this.$$.ctx[0]}set cancellabel(e){this.$$set({cancellabel:e}),n()}get prevlabel(){return this.$$.ctx[1]}set prevlabel(e){this.$$set({prevlabel:e}),n()}get nextlabel(){return this.$$.ctx[2]}set nextlabel(e){this.$$set({nextlabel:e}),n()}get validatelabel(){return this.$$.ctx[3]}set validatelabel(e){this.$$set({validatelabel:e}),n()}get currentstep(){return this.$$.ctx[11]}set currentstep(e){this.$$set({currentstep:e}),n()}get stepsnb(){return this.$$.ctx[12]}set stepsnb(e){this.$$set({stepsnb:e}),n()}}export{y as default};
2
+ //# sourceMappingURL=StepperBar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StepperBar.js","sources":["../../../../src/components/stepperbar/StepperBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let fixed: boolean;\n export let cancellabel: string;\n export let prevlabel: string;\n export let nextlabel: string;\n export let validatelabel: string;\n export let currentstep: number;\n export let stepsnb: number;\n\n $: isFixed = fixed ? true : undefined;\n $: currentStep = currentstep ? currentstep : 0;\n $: stepsNb = stepsnb ? stepsnb : 0;\n\n let eventHandler = new EventHandler();\n\n function handleCancel(e: Event): void {\n eventHandler.dispatch('cancel', e);\n }\n\n function handlePrev(): void {\n if (currentStep - 1 >= 0) {\n currentStep--;\n eventHandler.dispatch('previous-step', currentStep);\n }\n }\n\n function handleNext(): void {\n currentStep++;\n eventHandler.dispatch('next-step', currentStep);\n }\n</script>\n\n<div\n class=\"ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar\"\n class:mc-bottom-bar--fixed={isFixed}\n>\n <button\n class=\"mc-button mc-button--s mc-button--bordered-danger\"\n aria-label={cancellabel}\n type=\"button\"\n id=\"cancelbutton\"\n on:click={handleCancel}\n >\n {cancellabel}\n </button>\n\n <div class=\"mc-stepper-bar__actions\">\n {#if currentStep > 0}\n <button\n class=\"mc-button mc-button--s mc-button--bordered-neutral\"\n aria-label={prevlabel}\n type=\"button\"\n id=\"prevlabel\"\n on:click={handlePrev}\n >\n {prevlabel}\n </button>\n {/if}\n\n <button\n class=\"mc-button mc-button--s mc-stepper-bar__next\"\n aria-label={nextlabel}\n type=\"button\"\n id=\"nextlabel\"\n on:click={handleNext}\n >\n {#if currentStep < stepsNb}\n {nextlabel}\n {:else if currentStep >= stepsNb}\n {validatelabel}\n {/if}\n </button>\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/layouts/_l.container';\n @import '@mozaic-ds/styles/components/_c.bottom-bar';\n @import '@mozaic-ds/styles/components/_c.stepper-bar';\n @import '@mozaic-ds/styles/components/_c.button';\n</style>\n"],"names":["ctx","insert","target","button","anchor","if_block0","create_if_block_2","create_if_block","create_if_block_1","div1","append","button0","div0","button1","fixed","$$props","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","eventHandler","EventHandler","isFixed","undefined","currentStep","stepsNb","e","dispatch"],"mappings":"sQA2DSA,EAAS,uFALEA,EAAS,uDAFvBC,EAQQC,EAAAC,EAAAC,4BAHIJ,EAAU,2BAEnBA,EAAS,0BALEA,EAAS,gEAmBpBA,EAAa,sCAAbA,EAAa,uDAFbA,EAAS,sCAATA,EAAS,wDApBTK,EAAAL,KAAc,GAACM,EAAAN,mBAmBb,OAAAA,KAAcA,EAAO,GAAAO,EAEhBP,MAAeA,EAAO,GAAAQ,OAAtB,+DAzBXR,EAAW,sJALAA,EAAW,8HAuBTA,EAAS,8LA3BGA,EAAO,YAFrCC,EAyCKC,EAAAO,EAAAL,GArCHM,EAQQD,EAAAE,iBAERD,EA0BKD,EAAAG,yBAbHF,EAYQE,EAAAC,qCA9BEb,EAAY,gBAuBVA,EAAU,8BArBrBA,EAAW,0BALAA,EAAW,IASlBA,KAAc,oJAcLA,EAAS,qCA3BGA,EAAO,2FAjCxBc,GAAcC,eACdC,GAAmBD,aACnBE,GAAiBF,aACjBG,GAAiBH,iBACjBI,GAAqBJ,eACrBK,GAAmBL,WACnBM,GAAeN,EAMtBO,MAAmBC,+TAJpBC,IAAUV,QAAeW,wBACzBC,EAAcN,GAA4B,wBAC1CO,EAAUN,GAAoB,mBAIxB,SAAaO,GACpBN,EAAaO,SAAS,SAAUD,eAI5BF,EAAc,GAAK,QACrBA,IAAWA,GACXJ,EAAaO,SAAS,gBAAiBH,oBAKzCA,IAAWA,GACXJ,EAAaO,SAAS,YAAaH"}