@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":"8vHAiGiBA,EACTC,EAAY,GAACC,iIADJF,EACTC,EAAY,GAACC,4CAAIC,EAAAC,EAAAC,wDAKhBC,EAAAL,KAAaM,MAAK,GAEhBC,EAAAP,EAAO,IAAAQ,aAAeR,MAAOS,cAAYC,EAAAV,0BAMxCA,EAAM,KAAAW,gJATZC,EAEMC,EAAAC,EAAAC,0EADH,EAAAC,GAAAX,KAAAA,EAAAL,KAAaM,MAAK,KAAAW,EAAAC,EAAAb,GAEhBL,EAAO,IAAAQ,aAAeR,MAAOS,2OAGvBU,EAAAnB,KAAaM,MAAK,oRAF3BM,EAGKC,EAAAO,EAAAL,GAFHM,EAAmED,EAAAE,UACnED,EAAgCD,EAAAN,kBAAzB,EAAAE,GAAAG,KAAAA,EAAAnB,KAAaM,MAAK,KAAAW,EAAAM,EAAAJ,yPAc3BP,EAMAC,EAAAW,EAAAT,GADGM,EAA+CG,EAAAC,8RAflDb,EAQAC,EAAAW,EAAAT,GAHGM,EAECG,EAAAC,qNAqBRb,EAEIC,EAAAa,EAAAX,qRA9CCR,EAAAP,KAAaC,MAAI0B,EAAA3B,KAKjBA,EAAc,IAAA4B,EAAA5B,GAsCd6B,EAAA7B,KAAa8B,2BAAlBC,OAAIC,GAAA,0QApDmBhC,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,kBACFiC,EAAAC,EAAA,aAAAC,EAAAnC,KAAaM,OACV2B,EAAAC,EAAA,gBAAAE,EAAApC,MAAkBA,EAAM,IACvBiC,EAAAC,EAAA,gBAAAG,EAAArC,KAAasC,KAAI,SAC7BL,EAAAC,EAAA,KAAAK,EAAAvC,KAAasC,sEA0CHL,EAAAO,EAAA,cAAAC,GAAAzC,OAAmBA,EAAM,IAClCiC,EAAAO,EAAA,KAAAE,EAAA1C,KAAasC,KAAI,iBAlDxB1B,EA8CQC,EAAAqB,EAAAnB,GArCNM,EAoCMa,EAAApB,iDAERF,EAWIC,EAAA2B,EAAAzB,+EAhDKf,KAAaC,2DAKbD,EAAc,mGAdIA,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,qCACF2C,GAAA,EAAA3B,GAAAmB,KAAAA,EAAAnC,KAAaM,+BACVqC,GAAA,GAAA3B,GAAAoB,KAAAA,EAAApC,MAAkBA,EAAM,+BACvB2C,GAAA,EAAA3B,GAAAqB,KAAAA,EAAArC,KAAasC,KAAI,oCAC7BK,GAAA,EAAA3B,GAAAuB,KAAAA,EAAAvC,KAAasC,qCA8CVT,EAAA7B,KAAa8B,cAAlBC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAY,EAAAb,OAAAC,GAAA,aAJQW,GAAA,GAAA3B,GAAAyB,KAAAA,GAAAzC,OAAmBA,EAAM,6BAClC2C,GAAA,EAAA3B,GAAA0B,KAAAA,EAAA1C,KAAasC,KAAI,oDAGpBP,OAAIC,GAAA,wJArEG,SAAAjC,EAAa8C,YACVA,iIAtDRC,EAOAxC,gBAXOyC,GAA0BC,UAC1BC,GAAeD,cACfE,GAAsBF,EAC7BG,MAAmBC,EAMnBC,GAAa,EAoDR,SAAAC,EAAYC,SACdA,EAAQC,YAEjB,QAAAC,EAAUF,EAAQzB,aAAlB,IAAA2B,SAAAA,EAAyB1B,QACjBoB,EAAaO,SAAS,gBAAiBH,GAEvCI,EAAcJ,EAAQjB,0JAtDnB,IACPsB,EACAC,EACAC,EACAC,uBAHAH,EARiBX,EASjBY,EATyBG,EAUzBF,EAVyCf,MAazCM,EAGJ,QAFAY,GAAOF,OAHHA,EAXuDG,UAcpDH,EAAWI,MACVL,EAAMxB,QAAd,QAAAmB,EAAuBM,eAAAA,EAAWI,eAAlCV,SAAAA,EAAuCnB,SAC7ByB,EAAUK,MAAQR,IAAeC,cAA3CI,GAAAA,4BAK4BL,EAAqBC,MACzCf,EAAO,CACTuB,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBuB,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,OAAM1B,GAC3B,MAAA2B,EAAcC,OAAOC,iBAAiB7B,GAASyB,OAErDzB,EAAQ8B,UAAUC,IAAIhB,GAAUD,EAAa,UAAY,YACzDd,EAAQ8B,UAAUE,OAAOjB,GAAUD,EAAa,WAAa,WAEvD,MAAAW,EAASG,OAAOC,iBAAiB7B,GAASyB,OAChDF,EAAA,EAAAvB,EAAQwB,MAAMC,OAASE,EAAW3B,GAGlCiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,GAAE1B,GAC7BiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAMC,OAASA,EAAMzB,EAAA,aAK3BkC,EAAO,KACXX,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBA,EAAQmC,oBAAoB,gBAAiBD,EAAO,EAGtDlC,EAAQoC,iBAAiB,gBAAiBF,IA9C3CG,CAAiBlC,EAAQe,+DAkFyB1D,EAAK8E,aAsCpB7B,GAAAD,EAAYC,2CAHvCT,EAAOsC"}
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":"gxHAkGmBA,EAAaC,EAAY,GAACC,8FADvCC,EAEMC,EAAAC,EAAAC,yCADON,EAAaC,EAAY,GAACC,cAAIG,EAAAE,UAAAC,+CAKxCC,EAAAR,KAAaS,MAAK,GAEhBC,EAAAV,EAAO,IAAAW,aAAeX,MAAOY,cAAYC,EAAAb,0BAMxCA,EAAM,KAAAc,gJATZZ,EAEMC,EAAAC,EAAAC,0EADH,EAAAU,GAAAP,KAAAA,EAAAR,KAAaS,MAAK,KAAAO,EAAAC,EAAAT,GAEhBR,EAAO,IAAAW,aAAeX,MAAOY,2OAGvBM,EAAAlB,KAAaS,MAAK,oRAF3BP,EAGKC,EAAAgB,EAAAd,GAFHe,EAAmED,EAAAE,UACnED,EAAgCD,EAAAf,kBAAzB,EAAAW,GAAAG,KAAAA,EAAAlB,KAAaS,MAAK,KAAAO,EAAAM,EAAAJ,yPAc3BhB,EAMAC,EAAAoB,EAAAlB,GADGe,EAA+CG,EAAAC,8RAflDtB,EAQAC,EAAAoB,EAAAlB,GAHGe,EAECG,EAAAC,qNAqBRtB,EAEIC,EAAAsB,EAAApB,qRA9CCK,EAAAV,KAAaC,MAAIyB,EAAA1B,KAKjBA,EAAc,IAAA2B,EAAA3B,GAsCd4B,EAAA5B,KAAa6B,2BAAlBC,OAAIC,GAAA,0QApDmB/B,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,kBACFgC,EAAAC,EAAA,aAAAC,EAAAlC,KAAaS,OACVuB,EAAAC,EAAA,gBAAAE,EAAAnC,MAAkBA,EAAM,IACvBgC,EAAAC,EAAA,gBAAAG,EAAApC,KAAaqC,KAAI,SAC7BL,EAAAC,EAAA,KAAAK,EAAAtC,KAAaqC,sEA0CHL,EAAAO,EAAA,cAAAC,GAAAxC,OAAmBA,EAAM,IAClCgC,EAAAO,EAAA,KAAAE,EAAAzC,KAAaqC,KAAI,iBAlDxBnC,EA8CQC,EAAA8B,EAAA5B,GArCNe,EAoCMa,EAAA7B,iDAERF,EAWIC,EAAAoC,EAAAlC,+EAhDKL,KAAaC,2DAKbD,EAAc,mGAdIA,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,qCACF0C,GAAA,EAAA3B,GAAAmB,KAAAA,EAAAlC,KAAaS,+BACViC,GAAA,GAAA3B,GAAAoB,KAAAA,EAAAnC,MAAkBA,EAAM,+BACvB0C,GAAA,EAAA3B,GAAAqB,KAAAA,EAAApC,KAAaqC,KAAI,oCAC7BK,GAAA,EAAA3B,GAAAuB,KAAAA,EAAAtC,KAAaqC,qCA8CVT,EAAA5B,KAAa6B,cAAlBC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAY,EAAAb,OAAAC,GAAA,aAJQW,GAAA,GAAA3B,GAAAyB,KAAAA,GAAAxC,OAAmBA,EAAM,6BAClC0C,GAAA,EAAA3B,GAAA0B,KAAAA,EAAAzC,KAAaqC,KAAI,oDAGpBP,OAAIC,GAAA,wJArEG,SAAAhC,EAAa6C,YACVA,0FAtDRC,EAOApC,gBAXOqC,GAA0BC,UAC1BC,GAAeD,cACfE,GAAsBF,EAC7BG,MAAmBC,EAMnBC,GAAa,EAoDR,SAAAC,EAAYC,SACdA,EAAQC,YAEjB,QAAAC,EAAUF,EAAQzB,aAAlB,IAAA2B,SAAAA,EAAyB1B,QACjBoB,EAAaO,SAAS,gBAAiBH,GAEvCI,EAAcJ,EAAQjB,0JAtDnB,IACPsB,EACAC,EACAC,EACAC,uBAHAH,EARiBX,EASjBY,EATyBG,EAUzBF,EAVyCf,MAazCM,EAGJ,QAFAY,GAAOF,OAHHA,EAXuDG,UAcpDH,EAAWI,MACVL,EAAMxB,QAAd,QAAAmB,EAAuBM,eAAAA,EAAWI,eAAlCV,SAAAA,EAAuCnB,SAC7ByB,EAAUK,MAAQR,IAAeC,cAA3CI,GAAAA,4BAK4BL,EAAqBC,MACzCf,EAAO,CACTuB,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBuB,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,OAAM1B,GAC3B,MAAA2B,EAAcC,OAAOC,iBAAiB7B,GAASyB,OAErDzB,EAAQ8B,UAAUC,IAAIhB,GAAUD,EAAa,UAAY,YACzDd,EAAQ8B,UAAUE,OAAOjB,GAAUD,EAAa,WAAa,WAEvD,MAAAW,EAASG,OAAOC,iBAAiB7B,GAASyB,OAChDF,EAAA,EAAAvB,EAAQwB,MAAMC,OAASE,EAAW3B,GAGlCiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,GAAE1B,GAC7BiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAMC,OAASA,EAAMzB,EAAA,aAK3BkC,EAAO,KACXX,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBA,EAAQmC,oBAAoB,gBAAiBD,EAAO,EAGtDlC,EAAQoC,iBAAiB,gBAAiBF,IA9C3CG,CAAiBlC,EAAQe,+DAkFyBtD,EAAK0E,aAsCpB7B,GAAAD,EAAYC,2CAHvCT,EAAOsC"}
@@ -1,2 +1,2 @@
1
- import{P as e,i as a,s as t,Q as i,K as s,b as l,n,o as d,ab as o,v as r,e as c,T as b,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-1hca6n9",".mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9{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-1hca6n9.svelte-1hca6n9{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-1hca6n9 span.svelte-1hca6n9{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-1hca6n9.svelte-1hca6n9{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-1hca6n9.svelte-1hca6n9{fill:#6a7081}.mc-sidebar-feature__label.svelte-1hca6n9.svelte-1hca6n9{-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-1hca6n9.svelte-1hca6n9{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-1hca6n9.svelte-1hca6n9{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-1hca6n9 div.svelte-1hca6n9{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-1hca6n9:hover+.mc-sidebar-feature__label__tooltip.svelte-1hca6n9{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-1hca6n9.svelte-1hca6n9{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-1hca6n9.svelte-1hca6n9{background:#cfd2d8}.mc-sidebar-feature.is-close.svelte-1hca6n9.svelte-1hca6n9{-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-1hca6n9 .mc-sidebar-feature__container.svelte-1hca6n9{-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-1hca6n9.svelte-1hca6n9{-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-1hca6n9 .mc-sidebar-feature__container.svelte-1hca6n9{-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-1hca6n9.svelte-1hca6n9{color:#6a7081;fill:#6a7081}.mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9:hover{background:#b3b7c1}.mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-1hca6n9:focus-visible .mc-sidebar-feature__container.svelte-1hca6n9{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function g(e){let a,t,i,s,n,o,r,m,x,_,g,w,k,y,$=e[0].label+"";return{c(){a=c("span"),t=c("div"),i=b("svg"),s=b("g"),n=b("path"),o=b("defs"),r=b("clipPath"),m=b("path"),x=p(),_=c("span"),g=u($),h(n,"fill-rule","evenodd"),h(n,"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(s,"clip-path","url(#a)"),h(m,"d","M0 0h16v16H0z"),h(r,"id","a"),h(i,"class","mc-sidebar-feature__icon-disabled svelte-1hca6n9"),h(i,"width","16px"),h(i,"height","16px"),h(i,"viewBox","0 0 16 16"),h(_,"class","svelte-1hca6n9"),h(t,"class","mc-sidebar-feature__container svelte-1hca6n9"),h(a,"aria-label",w=e[0].label),h(a,"aria-disabled","true"),h(a,"class",k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1hca6n9"),h(a,"id",y=e[0].code)},m(e,d){l(e,a,d),v(a,t),v(t,i),v(i,s),v(s,n),v(i,o),v(o,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(a,"aria-label",w),6&t&&k!==(k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1hca6n9")&&h(a,"class",k),1&t&&y!==(y=e[0].code)&&h(a,"id",y)},d(e){e&&d(a)}}}function w(e){let a,t,i,s,n,o,r,b,m,x,_,g=e[0].label+"",w=e[5]&&k(e),$="_blank"===e[0].embedded&&y();return{c(){a=c("a"),t=c("div"),i=c("span"),s=u(g),n=p(),w&&w.c(),o=p(),$&&$.c(),h(i,"class","mc-sidebar-feature__label svelte-1hca6n9"),h(t,"class","mc-sidebar-feature__container svelte-1hca6n9"),h(a,"aria-label",r=""+(e[0].label+e[3])),h(a,"href",b=e[0].href??"javascript:void(null)"),h(a,"target",m=e[0].embedded),h(a,"class",x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1hca6n9"),h(a,"id",_=e[0].code)},m(d,r){l(d,a,r),v(a,t),v(t,i),v(i,s),e[8](i),v(t,n),w&&w.m(t,null),v(t,o),$&&$.m(t,null)},p(e,i){1&i&&g!==(g=e[0].label+"")&&f(s,g),e[5]?w?w.p(e,i):(w=k(e),w.c(),w.m(t,o)):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(a,"aria-label",r),1&i&&b!==(b=e[0].href??"javascript:void(null)")&&h(a,"href",b),1&i&&m!==(m=e[0].embedded)&&h(a,"target",m),6&i&&x!==(x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1hca6n9")&&h(a,"class",x),1&i&&_!==(_=e[0].code)&&h(a,"id",_)},d(t){t&&d(a),e[8](null),w&&w.d(),$&&$.d()}}}function k(e){let a,t,i,s,n,o=e[0].label+"";return{c(){a=c("div"),t=c("div"),t.innerHTML='<div class="svelte-1hca6n9"></div>',i=p(),s=c("span"),n=u(o),h(t,"class","mc-sidebar-feature__label__tooltip__pointer svelte-1hca6n9"),h(s,"class","svelte-1hca6n9"),h(a,"aria-hidden","true"),h(a,"class","mc-sidebar-feature__label__tooltip svelte-1hca6n9")},m(e,d){l(e,a,d),v(a,t),v(a,i),v(a,s),v(s,n)},p(e,a){1&a&&o!==(o=e[0].label+"")&&f(n,o)},d(e){e&&d(a)}}}function y(e){let a,t;return{c(){a=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(a,"class","mc-sidebar-feature__icon svelte-1hca6n9"),h(a,"width","16px"),h(a,"height","16px"),h(a,"viewBox","0 0 16 16")},m(e,i){l(e,a,i),v(a,t)},d(e){e&&d(a)}}}function $(e){let a;function t(e,a){return e[0].disabled?g:w}let i=t(e),o=i(e);return{c(){o.c(),a=s()},m(e,t){o.m(e,t),l(e,a,t)},p(e,[s]){i===(i=t(e))&&o?o.p(e,s):(o.d(1),o=i(e),o&&(o.c(),o.m(a.parentNode,a)))},i:n,o:n,d(e){o.d(e),e&&d(a)}}}function H(e,a,t){let i,s;o(e,m,(e=>t(1,i=e))),o(e,x,(e=>t(7,s=e)));let l,n,d,{feature:c}=a,{a11yLabels:b}=a,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,a){var i,s,l;t(2,p=null!==(l=(null==a?void 0:a.lv1)&&e.code===(null===(i=null==a?void 0:a.lv1)||void 0===i?void 0:i.code)||(null==a?void 0:a.lv2)&&e.code===(null===(s=null==a?void 0:a.lv2)||void 0===s?void 0:s.code))&&void 0!==l&&l)}(c,s),65&e.$$.dirty&&function(e,a){a.embedded?t(3,l=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):t(3,l="")}(b,c),2&e.$$.dirty&&setTimeout((()=>{t(5,d=(null==n?void 0:n.offsetHeight)<(null==n?void 0:n.scrollHeight))}),500)},[c,i,p,l,n,d,b,s,function(e){r[e?"unshift":"push"]((()=>{n=e,t(4,n)}))}]}class z extends e{constructor(e){super(),a(this,e,H,$,t,{feature:0,a11yLabels:6},_)}}export{z as default};
1
+ import{E as e,i as a,s as t,F as i,P as s,b as l,n,o as d,ab as o,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-1hca6n9",".mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9{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-1hca6n9.svelte-1hca6n9{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-1hca6n9 span.svelte-1hca6n9{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-1hca6n9.svelte-1hca6n9{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-1hca6n9.svelte-1hca6n9{fill:#6a7081}.mc-sidebar-feature__label.svelte-1hca6n9.svelte-1hca6n9{-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-1hca6n9.svelte-1hca6n9{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-1hca6n9.svelte-1hca6n9{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-1hca6n9 div.svelte-1hca6n9{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-1hca6n9:hover+.mc-sidebar-feature__label__tooltip.svelte-1hca6n9{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-1hca6n9.svelte-1hca6n9{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-1hca6n9.svelte-1hca6n9{background:#cfd2d8}.mc-sidebar-feature.is-close.svelte-1hca6n9.svelte-1hca6n9{-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-1hca6n9 .mc-sidebar-feature__container.svelte-1hca6n9{-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-1hca6n9.svelte-1hca6n9{-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-1hca6n9 .mc-sidebar-feature__container.svelte-1hca6n9{-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-1hca6n9.svelte-1hca6n9{color:#6a7081;fill:#6a7081}.mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9:hover{background:#b3b7c1}.mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-1hca6n9:focus-visible .mc-sidebar-feature__container.svelte-1hca6n9{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function g(e){let a,t,i,s,n,o,r,m,x,_,g,w,k,y,$=e[0].label+"";return{c(){a=c("span"),t=c("div"),i=b("svg"),s=b("g"),n=b("path"),o=b("defs"),r=b("clipPath"),m=b("path"),x=p(),_=c("span"),g=u($),h(n,"fill-rule","evenodd"),h(n,"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(s,"clip-path","url(#a)"),h(m,"d","M0 0h16v16H0z"),h(r,"id","a"),h(i,"class","mc-sidebar-feature__icon-disabled svelte-1hca6n9"),h(i,"width","16px"),h(i,"height","16px"),h(i,"viewBox","0 0 16 16"),h(_,"class","svelte-1hca6n9"),h(t,"class","mc-sidebar-feature__container svelte-1hca6n9"),h(a,"aria-label",w=e[0].label),h(a,"aria-disabled","true"),h(a,"class",k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1hca6n9"),h(a,"id",y=e[0].code)},m(e,d){l(e,a,d),v(a,t),v(t,i),v(i,s),v(s,n),v(i,o),v(o,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(a,"aria-label",w),6&t&&k!==(k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1hca6n9")&&h(a,"class",k),1&t&&y!==(y=e[0].code)&&h(a,"id",y)},d(e){e&&d(a)}}}function w(e){let a,t,i,s,n,o,r,b,m,x,_,g=e[0].label+"",w=e[5]&&k(e),$="_blank"===e[0].embedded&&y();return{c(){a=c("a"),t=c("div"),i=c("span"),s=u(g),n=p(),w&&w.c(),o=p(),$&&$.c(),h(i,"class","mc-sidebar-feature__label svelte-1hca6n9"),h(t,"class","mc-sidebar-feature__container svelte-1hca6n9"),h(a,"aria-label",r=""+(e[0].label+e[3])),h(a,"href",b=e[0].href??"javascript:void(null)"),h(a,"target",m=e[0].embedded),h(a,"class",x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1hca6n9"),h(a,"id",_=e[0].code)},m(d,r){l(d,a,r),v(a,t),v(t,i),v(i,s),e[8](i),v(t,n),w&&w.m(t,null),v(t,o),$&&$.m(t,null)},p(e,i){1&i&&g!==(g=e[0].label+"")&&f(s,g),e[5]?w?w.p(e,i):(w=k(e),w.c(),w.m(t,o)):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(a,"aria-label",r),1&i&&b!==(b=e[0].href??"javascript:void(null)")&&h(a,"href",b),1&i&&m!==(m=e[0].embedded)&&h(a,"target",m),6&i&&x!==(x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1hca6n9")&&h(a,"class",x),1&i&&_!==(_=e[0].code)&&h(a,"id",_)},d(t){t&&d(a),e[8](null),w&&w.d(),$&&$.d()}}}function k(e){let a,t,i,s,n,o=e[0].label+"";return{c(){a=c("div"),t=c("div"),t.innerHTML='<div class="svelte-1hca6n9"></div>',i=p(),s=c("span"),n=u(o),h(t,"class","mc-sidebar-feature__label__tooltip__pointer svelte-1hca6n9"),h(s,"class","svelte-1hca6n9"),h(a,"aria-hidden","true"),h(a,"class","mc-sidebar-feature__label__tooltip svelte-1hca6n9")},m(e,d){l(e,a,d),v(a,t),v(a,i),v(a,s),v(s,n)},p(e,a){1&a&&o!==(o=e[0].label+"")&&f(n,o)},d(e){e&&d(a)}}}function y(e){let a,t;return{c(){a=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(a,"class","mc-sidebar-feature__icon svelte-1hca6n9"),h(a,"width","16px"),h(a,"height","16px"),h(a,"viewBox","0 0 16 16")},m(e,i){l(e,a,i),v(a,t)},d(e){e&&d(a)}}}function $(e){let a;function t(e,a){return e[0].disabled?g:w}let i=t(e),o=i(e);return{c(){o.c(),a=s()},m(e,t){o.m(e,t),l(e,a,t)},p(e,[s]){i===(i=t(e))&&o?o.p(e,s):(o.d(1),o=i(e),o&&(o.c(),o.m(a.parentNode,a)))},i:n,o:n,d(e){o.d(e),e&&d(a)}}}function H(e,a,t){let i,s;o(e,m,(e=>t(1,i=e))),o(e,x,(e=>t(7,s=e)));let l,n,d,{feature:c}=a,{a11yLabels:b}=a,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,a){var i,s,l;t(2,p=null!==(l=(null==a?void 0:a.lv1)&&e.code===(null===(i=null==a?void 0:a.lv1)||void 0===i?void 0:i.code)||(null==a?void 0:a.lv2)&&e.code===(null===(s=null==a?void 0:a.lv2)||void 0===s?void 0:s.code))&&void 0!==l&&l)}(c,s),65&e.$$.dirty&&function(e,a){a.embedded?t(3,l=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):t(3,l="")}(b,c),2&e.$$.dirty&&setTimeout((()=>{t(5,d=(null==n?void 0:n.offsetHeight)<(null==n?void 0:n.scrollHeight))}),500)},[c,i,p,l,n,d,b,s,function(e){r[e?"unshift":"push"]((()=>{n=e,t(4,n)}))}]}class z extends e{constructor(e){super(),a(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 a,K as n,b as s,C as l,D as o,E as r,o as c,ab as d,e as b,d as m,g as f,R as u,j as w,M as k,J as x,x as y,A as p,l as g,G as v}from"../../index-c33b3772.js";import h from"./sidebar-feature-group.nested.js";import $ from"./sidebar-sub-features.nested.js";import{t as j,i as L}from"../../sidebar-service-275bf9ef.js";import"./sidebar-feature.nested.js";import"../../EventHandler-02058705.js";function z(e){a(e,"svelte-kwnya",".mc-sidebar-section.svelte-kwnya.svelte-kwnya{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:#8f94a3 #b3b3b3;scrollbar-width:thin}.mc-sidebar-section.svelte-kwnya ul.svelte-kwnya,.mc-sidebar-section.svelte-kwnya li.svelte-kwnya{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-kwnya ul.svelte-kwnya{-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-kwnya ul li.svelte-kwnya{-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-kwnya ul li.svelte-kwnya:first-child{margin-top:0}.mc-sidebar-section.svelte-kwnya ul li.svelte-kwnya:last-child{margin-bottom:0}.mc-sidebar-section.svelte-kwnya ul.is-hidden.svelte-kwnya{-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-kwnya ul.is-visible.svelte-kwnya{-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-kwnya.svelte-kwnya::-webkit-scrollbar{width:5px;height:10px;background:#b3b3b3}.mc-sidebar-section.svelte-kwnya.svelte-kwnya::-webkit-scrollbar-thumb{background:#8f94a3}")}function G(e,t,i){const a=e.slice();return a[10]=t[i],a}function E(e){let t,i,a,n,d,y,p=e[0],g=[];for(let t=0;t<p.length;t+=1)g[t]=A(G(e,p,t));const v=e=>o(g[e],1,1,(()=>{g[e]=null}));let h=e[3]&&e[4]&&B(e);return{c(){t=b("div"),i=b("ul");for(let e=0;e<g.length;e+=1)g[e].c();d=m(),h&&h.c(),f(i,"class",a=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-kwnya"),f(i,"aria-hidden",n=e[3]&&e[4]),f(t,"class","mc-sidebar-section svelte-kwnya")},m(e,a){s(e,t,a),w(t,i);for(let e=0;e<g.length;e+=1)g[e]&&g[e].m(i,null);w(t,d),h&&h.m(t,null),y=!0},p(e,s){if(103&s){let t;for(p=e[0],t=0;t<p.length;t+=1){const a=G(e,p,t);g[t]?(g[t].p(a,s),l(g[t],1)):(g[t]=A(a),g[t].c(),l(g[t],1),g[t].m(i,null))}for(k(),t=p.length;t<g.length;t+=1)v(t);r()}(!y||24&s&&a!==(a=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-kwnya"))&&f(i,"class",a),(!y||24&s&&n!==(n=e[3]&&e[4]))&&f(i,"aria-hidden",n),e[3]&&e[4]?h?(h.p(e,s),24&s&&l(h,1)):(h=B(e),h.c(),l(h,1),h.m(t,null)):h&&(k(),o(h,1,1,(()=>{h=null})),r())},i(e){if(!y){for(let e=0;e<p.length;e+=1)l(g[e]);l(h),y=!0}},o(e){g=g.filter(Boolean);for(let e=0;e<g.length;e+=1)o(g[e]);o(h),y=!1},d(e){e&&c(t),x(g,e),h&&h.d()}}}function A(e){let t,i,a,n,r,d;function u(){return e[8](e[10])}return i=new h({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),i.$on("feature-click",e[7]),{c(){t=b("li"),y(i.$$.fragment),a=m(),f(t,"class","svelte-kwnya")},m(e,l){s(e,t,l),p(i,t,null),w(t,a),n=!0,r||(d=g(t,"click",u),r=!0)},p(t,a){e=t;const n={};1&a&&(n.featureGroup=e[10]),5&a&&(n.expand=e[2]===e[10].code),2&a&&(n.a11yLabels=e[1]),i.$set(n)},i(e){n||(l(i.$$.fragment,e),n=!0)},o(e){o(i.$$.fragment,e),n=!1},d(e){e&&c(t),v(i),r=!1,d()}}}function B(e){let t,i;return t=new $({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){y(t.$$.fragment)},m(e,a){p(t,e,a),i=!0},p(e,i){const a={};8&i&&(a.data=e[3]),2&i&&(a.a11yLabels=e[1]),t.$set(a)},i(e){i||(l(t.$$.fragment,e),i=!0)},o(e){o(t.$$.fragment,e),i=!1},d(e){v(t,e)}}}function C(e){let t,i,a=e[0]?.length&&E(e);return{c(){a&&a.c(),t=n()},m(e,n){a&&a.m(e,n),s(e,t,n),i=!0},p(e,[i]){e[0]?.length?a?(a.p(e,i),1&i&&l(a,1)):(a=E(e),a.c(),l(a,1),a.m(t.parentNode,t)):a&&(k(),o(a,1,1,(()=>{a=null})),r())},i(e){i||(l(a),i=!0)},o(e){o(a),i=!1},d(e){a&&a.d(e),e&&c(t)}}}function D(e,t,i){let a;d(e,L,(e=>i(4,a=e)));let n,s,{data:l=[]}=t,{a11yLabels:o}=t;function r(e){const t=a;t||j(),i(2,n=t&&n===e?void 0:e)}function c(e){(null==e?void 0:e.detail)?s&&s.code===e.detail.code?i(3,s=void 0):i(3,s=e.detail):i(3,s=void 0)}return e.$$set=e=>{"data"in e&&i(0,l=e.data),"a11yLabels"in e&&i(1,o=e.a11yLabels)},[l,o,n,s,a,r,c,e=>c(e),e=>r(e.code),()=>c()]}class H extends e{constructor(e){super(),t(this,e,D,C,i,{data:0,a11yLabels:1},z)}}export{H as default};
1
+ import{E as e,i as t,s as i,F as a,P as n,b as s,y as l,w as o,x as r,o as c,ab as d,e as b,d as m,g as f,T as u,j as w,z as k,O as x,B as y,C as p,l as g,D as v}from"../../index-52f16292.js";import h from"./sidebar-feature-group.nested.js";import $ from"./sidebar-sub-features.nested.js";import{t as j,i as L}from"../../sidebar-service-293d79ef.js";import"./sidebar-feature.nested.js";import"../../EventHandler-f4efd23c.js";function z(e){a(e,"svelte-kwnya",".mc-sidebar-section.svelte-kwnya.svelte-kwnya{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:#8f94a3 #b3b3b3;scrollbar-width:thin}.mc-sidebar-section.svelte-kwnya ul.svelte-kwnya,.mc-sidebar-section.svelte-kwnya li.svelte-kwnya{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-kwnya ul.svelte-kwnya{-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-kwnya ul li.svelte-kwnya{-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-kwnya ul li.svelte-kwnya:first-child{margin-top:0}.mc-sidebar-section.svelte-kwnya ul li.svelte-kwnya:last-child{margin-bottom:0}.mc-sidebar-section.svelte-kwnya ul.is-hidden.svelte-kwnya{-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-kwnya ul.is-visible.svelte-kwnya{-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-kwnya.svelte-kwnya::-webkit-scrollbar{width:5px;height:10px;background:#b3b3b3}.mc-sidebar-section.svelte-kwnya.svelte-kwnya::-webkit-scrollbar-thumb{background:#8f94a3}")}function B(e,t,i){const a=e.slice();return a[10]=t[i],a}function E(e){let t,i,a,n,d,y,p=e[0],g=[];for(let t=0;t<p.length;t+=1)g[t]=G(B(e,p,t));const v=e=>o(g[e],1,1,(()=>{g[e]=null}));let h=e[3]&&e[4]&&C(e);return{c(){t=b("div"),i=b("ul");for(let e=0;e<g.length;e+=1)g[e].c();d=m(),h&&h.c(),f(i,"class",a=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-kwnya"),f(i,"aria-hidden",n=e[3]&&e[4]),f(t,"class","mc-sidebar-section svelte-kwnya")},m(e,a){s(e,t,a),w(t,i);for(let e=0;e<g.length;e+=1)g[e]&&g[e].m(i,null);w(t,d),h&&h.m(t,null),y=!0},p(e,s){if(103&s){let t;for(p=e[0],t=0;t<p.length;t+=1){const a=B(e,p,t);g[t]?(g[t].p(a,s),l(g[t],1)):(g[t]=G(a),g[t].c(),l(g[t],1),g[t].m(i,null))}for(k(),t=p.length;t<g.length;t+=1)v(t);r()}(!y||24&s&&a!==(a=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-kwnya"))&&f(i,"class",a),(!y||24&s&&n!==(n=e[3]&&e[4]))&&f(i,"aria-hidden",n),e[3]&&e[4]?h?(h.p(e,s),24&s&&l(h,1)):(h=C(e),h.c(),l(h,1),h.m(t,null)):h&&(k(),o(h,1,1,(()=>{h=null})),r())},i(e){if(!y){for(let e=0;e<p.length;e+=1)l(g[e]);l(h),y=!0}},o(e){g=g.filter(Boolean);for(let e=0;e<g.length;e+=1)o(g[e]);o(h),y=!1},d(e){e&&c(t),x(g,e),h&&h.d()}}}function G(e){let t,i,a,n,r,d;function u(){return e[8](e[10])}return i=new h({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),i.$on("feature-click",e[7]),{c(){t=b("li"),y(i.$$.fragment),a=m(),f(t,"class","svelte-kwnya")},m(e,l){s(e,t,l),p(i,t,null),w(t,a),n=!0,r||(d=g(t,"click",u),r=!0)},p(t,a){e=t;const n={};1&a&&(n.featureGroup=e[10]),5&a&&(n.expand=e[2]===e[10].code),2&a&&(n.a11yLabels=e[1]),i.$set(n)},i(e){n||(l(i.$$.fragment,e),n=!0)},o(e){o(i.$$.fragment,e),n=!1},d(e){e&&c(t),v(i),r=!1,d()}}}function C(e){let t,i;return t=new $({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){y(t.$$.fragment)},m(e,a){p(t,e,a),i=!0},p(e,i){const a={};8&i&&(a.data=e[3]),2&i&&(a.a11yLabels=e[1]),t.$set(a)},i(e){i||(l(t.$$.fragment,e),i=!0)},o(e){o(t.$$.fragment,e),i=!1},d(e){v(t,e)}}}function D(e){let t,i,a=e[0]?.length&&E(e);return{c(){a&&a.c(),t=n()},m(e,n){a&&a.m(e,n),s(e,t,n),i=!0},p(e,[i]){e[0]?.length?a?(a.p(e,i),1&i&&l(a,1)):(a=E(e),a.c(),l(a,1),a.m(t.parentNode,t)):a&&(k(),o(a,1,1,(()=>{a=null})),r())},i(e){i||(l(a),i=!0)},o(e){o(a),i=!1},d(e){a&&a.d(e),e&&c(t)}}}function F(e,t,i){let a;d(e,L,(e=>i(4,a=e)));let n,s,{data:l=[]}=t,{a11yLabels:o}=t;function r(e){const t=a;t||j(),i(2,n=t&&n===e?void 0:e)}function c(e){(null==e?void 0:e.detail)?s&&s.code===e.detail.code?i(3,s=void 0):i(3,s=e.detail):i(3,s=void 0)}return e.$$set=e=>{"data"in e&&i(0,l=e.data),"a11yLabels"in e&&i(1,o=e.a11yLabels)},[l,o,n,s,a,r,c,e=>c(e),e=>r(e.code),()=>c()]}class H extends e{constructor(e){super(),t(this,e,F,D,i,{data:0,a11yLabels:1},z)}}export{H 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 n,b as a,n as c,o as l,ab as o,e as r,d,t as m,g as b,j as h,l as w,k as g,Z as k}from"../../index-c33b3772.js";import{a as v,s as p,i as x}from"../../sidebar-service-275bf9ef.js";function u(e){i(e,"svelte-1wk2sch",".mc-sidebar-segment.svelte-1wk2sch.svelte-1wk2sch{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-1wk2sch.svelte-1wk2sch{fill:#191919}.mc-sidebar-segment.svelte-1wk2sch span.svelte-1wk2sch{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-1wk2sch.svelte-1wk2sch{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-1wk2sch.svelte-1wk2sch{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-1wk2sch.svelte-1wk2sch{background:#cfd2d8}.mc-sidebar-segment.svelte-1wk2sch .svelte-1wk2sch:last-child{margin-left:10px}.mc-sidebar-segment.svelte-1wk2sch.svelte-1wk2sch:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1wk2sch:focus-visible .mc-sidebar-segment__container.svelte-1wk2sch{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1wk2sch.svelte-1wk2sch:hover{background:#b3b7c1}.mc-sidebar-segment.is-close.svelte-1wk2sch .mc-sidebar-segment__container.svelte-1wk2sch{-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-1wk2sch .mc-sidebar-segment__text.svelte-1wk2sch{opacity:0}.mc-sidebar-segment.is-open.svelte-1wk2sch .mc-sidebar-segment__container.svelte-1wk2sch{-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-1wk2sch .mc-sidebar-segment__text.svelte-1wk2sch{opacity:1}")}function f(e){let s,t,i,n,c,o,k,v,p,x,u,f,y=e[0].label+"",j=e[0].icon&&_(e);return{c(){s=r("a"),t=r("div"),j&&j.c(),i=d(),n=r("span"),c=m(y),b(n,"aria-hidden",o=!e[2]),b(n,"class","mc-sidebar-segment__text svelte-1wk2sch"),b(t,"class","mc-sidebar-segment__container mc-sidebar-segment__icon svelte-1wk2sch"),b(s,"aria-label",k=e[0].label),b(s,"class",v="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1wk2sch"),b(s,"href",p=e[0].href??"javascript:void(null)"),b(s,"id",x=e[0].code)},m(l,o){a(l,s,o),h(s,t),j&&j.m(t,null),h(t,i),h(t,n),h(n,c),u||(f=w(s,"click",e[3]),u=!0)},p(e,a){e[0].icon?j?j.p(e,a):(j=_(e),j.c(),j.m(t,i)):j&&(j.d(1),j=null),1&a&&y!==(y=e[0].label+"")&&g(c,y),4&a&&o!==(o=!e[2])&&b(n,"aria-hidden",o),1&a&&k!==(k=e[0].label)&&b(s,"aria-label",k),7&a&&v!==(v="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1wk2sch")&&b(s,"class",v),1&a&&p!==(p=e[0].href??"javascript:void(null)")&&b(s,"href",p),1&a&&x!==(x=e[0].code)&&b(s,"id",x)},d(e){e&&l(s),j&&j.d(),u=!1,f()}}}function _(e){let s,t,i=`<${j(e[0].icon)} class="mc-sidebar-segment__icon"/>`;return{c(){s=new k(!1),t=n(),s.a=t},m(e,n){s.m(i,e,n),a(e,t,n)},p(e,t){1&t&&i!==(i=`<${j(e[0].icon)} class="mc-sidebar-segment__icon"/>`)&&s.p(i)},d(e){e&&l(t),e&&s.d()}}}function y(e){let s,t=e[0]&&f(e);return{c(){t&&t.c(),s=n()},m(e,i){t&&t.m(e,i),a(e,s,i)},p(e,[i]){e[0]?t?t.p(e,i):(t=f(e),t.c(),t.m(s.parentNode,s)):t&&(t.d(1),t=null)},i:c,o:c,d(e){t&&t.d(e),e&&l(s)}}}function j(e){return`${e} size="1.5rem" style="height: 1.5rem; width: 1.5rem;"`}function $(e,s,t){let i,n;o(e,p,(e=>t(1,i=e))),o(e,x,(e=>t(2,n=e)));let{data:a}=s;return e.$$set=e=>{"data"in e&&t(0,a=e.data)},[a,i,n,function(){v(a.code)}]}class z extends e{constructor(e){super(),s(this,e,$,y,t,{data:0},u)}}export{z as default};
1
+ import{E as e,i as s,s as t,F as i,P as n,b as a,n as c,o as l,ab as o,e as r,d,t as m,g as f,j as b,l as w,k as v}from"../../index-52f16292.js";import{a as g,s as p,i as x}from"../../sidebar-service-293d79ef.js";function u(e){i(e,"svelte-q5cwf5",".mc-sidebar-segment.svelte-q5cwf5.svelte-q5cwf5{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-q5cwf5.svelte-q5cwf5{fill:#191919;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-q5cwf5.svelte-q5cwf5{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-q5cwf5.svelte-q5cwf5{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-q5cwf5.svelte-q5cwf5{background:#cfd2d8}.mc-sidebar-segment.svelte-q5cwf5 .svelte-q5cwf5:last-child{margin-left:10px}.mc-sidebar-segment.svelte-q5cwf5.svelte-q5cwf5:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-q5cwf5:focus-visible .mc-sidebar-segment__container.svelte-q5cwf5{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-q5cwf5.svelte-q5cwf5:hover{background:#b3b7c1}.mc-sidebar-segment.is-close.svelte-q5cwf5 .mc-sidebar-segment__container.svelte-q5cwf5{-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-q5cwf5 .mc-sidebar-segment__text.svelte-q5cwf5{opacity:0}.mc-sidebar-segment.is-open.svelte-q5cwf5 .mc-sidebar-segment__container.svelte-q5cwf5{-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-q5cwf5 .mc-sidebar-segment__text.svelte-q5cwf5{opacity:1}")}function q(e){let s,t,i,n,c,o,g,p,x,u,q,_,k=e[0].label+"",y=e[0].icon&&h(e);return{c(){s=r("a"),t=r("div"),y&&y.c(),i=d(),n=r("span"),c=m(k),f(n,"aria-hidden",o=!e[2]),f(n,"class","mc-sidebar-segment__text svelte-q5cwf5"),f(t,"class","mc-sidebar-segment__container svelte-q5cwf5"),f(s,"aria-label",g=e[0].label),f(s,"class",p="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-q5cwf5"),f(s,"href",x=e[0].href??"javascript:void(null)"),f(s,"id",u=e[0].code)},m(l,o){a(l,s,o),b(s,t),y&&y.m(t,null),b(t,i),b(t,n),b(n,c),q||(_=w(s,"click",e[3]),q=!0)},p(e,a){e[0].icon?y?y.p(e,a):(y=h(e),y.c(),y.m(t,i)):y&&(y.d(1),y=null),1&a&&k!==(k=e[0].label+"")&&v(c,k),4&a&&o!==(o=!e[2])&&f(n,"aria-hidden",o),1&a&&g!==(g=e[0].label)&&f(s,"aria-label",g),7&a&&p!==(p="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-q5cwf5")&&f(s,"class",p),1&a&&x!==(x=e[0].href??"javascript:void(null)")&&f(s,"href",x),1&a&&u!==(u=e[0].code)&&f(s,"id",u)},d(e){e&&l(s),y&&y.d(),q=!1,_()}}}function h(e){let s,t=`<${k(e[0].icon)} />`;return{c(){s=r("span"),f(s,"class","mc-sidebar-segment__icon svelte-q5cwf5")},m(e,i){a(e,s,i),s.innerHTML=t},p(e,i){1&i&&t!==(t=`<${k(e[0].icon)} />`)&&(s.innerHTML=t)},d(e){e&&l(s)}}}function _(e){let s,t=e[0]&&q(e);return{c(){t&&t.c(),s=n()},m(e,i){t&&t.m(e,i),a(e,s,i)},p(e,[i]){e[0]?t?t.p(e,i):(t=q(e),t.c(),t.m(s.parentNode,s)):t&&(t.d(1),t=null)},i:c,o:c,d(e){t&&t.d(e),e&&l(s)}}}function k(e){return`${e} size="1.5rem"`}function y(e,s,t){let i,n;o(e,p,(e=>t(1,i=e))),o(e,x,(e=>t(2,n=e)));let{data:a}=s;return e.$$set=e=>{"data"in e&&t(0,a=e.data)},[a,i,n,function(){g(a.code)}]}class j extends e{constructor(e){super(),s(this,e,y,_,t,{data:0},u)}}export{j 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":"4nEAoCSA,EAAAC,KAAKC,MAAK,GAJRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAGMA,EAAc,gJAZxBK,EAAAC,EAAA,aAAAC,EAAAP,KAAKC,OACUI,EAAAC,EAAA,QAAAE,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,gCAC1CA,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,+CAC1CA,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":"8jEAsCSA,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 a,K as i,b as n,C as r,D as l,E as o,o as d,ab as c,e as u,d as h,g as m,j as x,l as p,M as b,t as f,k as _,J as w,x as g,A as v,I as y,G as k,v as $,T as L,n as j,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){a(e,"svelte-h4x6wa",".mc-sidebar-user.svelte-h4x6wa.svelte-h4x6wa{left:0;right:0;bottom:0;position:absolute;background:#cfd2d8}.mc-sidebar-user__header.svelte-h4x6wa.svelte-h4x6wa{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-h4x6wa.svelte-h4x6wa: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-h4x6wa.svelte-h4x6wa:hover{cursor:pointer}.mc-sidebar-user__header.svelte-h4x6wa:hover .mc-sidebar-user__header__information__icon.svelte-h4x6wa{background:#b3b7c1}.mc-sidebar-user__header__picture.svelte-h4x6wa.svelte-h4x6wa{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-h4x6wa img.svelte-h4x6wa{display:block}.mc-sidebar-user__header__information.svelte-h4x6wa.svelte-h4x6wa{-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-h4x6wa.svelte-h4x6wa{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-h4x6wa.svelte-h4x6wa{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-h4x6wa.svelte-h4x6wa,.mc-sidebar-user__header__information__identity.svelte-h4x6wa.svelte-h4x6wa{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-h4x6wa.svelte-h4x6wa{fill:#191919}.mc-sidebar-user__content.svelte-h4x6wa.svelte-h4x6wa{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-h4x6wa.svelte-h4x6wa{height:0;margin:0}.mc-sidebar-user.is-close.svelte-h4x6wa .mc-sidebar-user__header.svelte-h4x6wa{-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-h4x6wa .mc-sidebar-user__header.svelte-h4x6wa{-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 a=e.slice();return a[11]=t[s],a}function V(e){let t,s,a,i,c,f,_,w,g,v,y;function k(e,t){return e[0].imageBase64?D:q}let $=k(e),L=$(e),j=e[4]&&F(e),z=e[1]?.length&&G(e);return{c(){t=u("div"),s=u("button"),a=u("span"),L.c(),i=h(),j&&j.c(),_=h(),z&&z.c(),m(a,"class","mc-sidebar-user__header__picture svelte-h4x6wa"),m(s,"aria-expanded",c=e[4]&&e[3]),m(s,"class","mc-sidebar-user__header svelte-h4x6wa"),m(s,"aria-label",f=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-h4x6wa")},m(r,l){n(r,t,l),x(t,s),x(s,a),L.m(a,null),x(s,i),j&&j.m(s,null),x(t,_),z&&z.m(t,null),g=!0,v||(y=p(t,"click",e[6]),v=!0)},p(e,i){$===($=k(e))&&L?L.p(e,i):(L.d(1),L=$(e),L&&(L.c(),L.m(a,null))),e[4]?j?j.p(e,i):(j=F(e),j.c(),j.m(s,null)):j&&(j.d(1),j=null),(!g||24&i&&c!==(c=e[4]&&e[3]))&&m(s,"aria-expanded",c),(!g||28&i&&f!==(f=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",f),e[1]?.length?z?(z.p(e,i),2&i&&r(z,1)):(z=G(e),z.c(),r(z,1),z.m(t,null)):z&&(b(),l(z,1,1,(()=>{z=null})),o()),(!g||16&i&&w!==(w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-h4x6wa"))&&m(t,"class",w)},i(e){g||(r(z),g=!0)},o(e){l(z),g=!1},d(e){e&&d(t),L.d(),j&&j.d(),z&&z.d(),v=!1,y()}}}function q(e){let t,s;return{c(){t=L("svg"),s=L("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-h4x6wa"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,a){n(e,t,a),x(t,s)},p:j,d(e){e&&d(t)}}}function D(e){let t,s;return{c(){t=u("img"),m(t,"class","base64 svelte-h4x6wa"),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){n(e,t,s)},p(e,a){1&a&&!B(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&m(t,"src",s)},d(e){e&&d(t)}}}function F(e){let t,s,a,r,l,o,c,p,b=(e[0]?.firstName||"")+"",w=(e[0]?.lastName||"")+"",g=e[0]?.title&&O(e),v=e[1]?.length&&P(e);return{c(){t=u("p"),s=u("span"),a=f(b),r=h(),l=f(w),o=h(),g&&g.c(),c=h(),v&&v.c(),p=i(),m(s,"class","mc-sidebar-user__header__information__identity svelte-h4x6wa"),m(t,"class","mc-sidebar-user__header__information svelte-h4x6wa")},m(e,i){n(e,t,i),x(t,s),x(s,a),x(s,r),x(s,l),x(t,o),g&&g.m(t,null),n(e,c,i),v&&v.m(e,i),n(e,p,i)},p(e,s){1&s&&b!==(b=(e[0]?.firstName||"")+"")&&_(a,b),1&s&&w!==(w=(e[0]?.lastName||"")+"")&&_(l,w),e[0]?.title?g?g.p(e,s):(g=O(e),g.c(),g.m(t,null)):g&&(g.d(1),g=null),e[1]?.length?v?v.p(e,s):(v=P(e),v.c(),v.m(p.parentNode,p)):v&&(v.d(1),v=null)},d(e){e&&d(t),g&&g.d(),e&&d(c),v&&v.d(e),e&&d(p)}}}function O(e){let t,s,a=K(e[0].title)+"";return{c(){t=u("span"),s=f(a),m(t,"class","mc-sidebar-user__header__information__title svelte-h4x6wa")},m(e,a){n(e,t,a),x(t,s)},p(e,t){1&t&&a!==(a=K(e[0].title)+"")&&_(s,a)},d(e){e&&d(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let a=s(e),i=a(e);return{c(){t=u("span"),i.c(),m(t,"class","mc-sidebar-user__header__information__icon svelte-h4x6wa")},m(e,s){n(e,t,s),i.m(t,null)},p(e,n){a!==(a=s(e))&&(i.d(1),i=a(e),i&&(i.c(),i.m(t,null)))},d(e){e&&d(t),i.d()}}}function S(e){let t,s;return{c(){t=L("svg"),s=L("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-h4x6wa"),m(t,"viewBox","0 0 16 16")},m(e,a){n(e,t,a),x(t,s)},d(e){e&&d(t)}}}function U(e){let t,s;return{c(){t=L("svg"),s=L("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-h4x6wa"),m(t,"width","16px"),m(t,"height","16px"),m(t,"viewBox","0 0 16 16")},m(e,a){n(e,t,a),x(t,s)},d(e){e&&d(t)}}}function G(e){let t,s,a,i=e[1],c=[];for(let t=0;t<i.length;t+=1)c[t]=I(E(e,i,t));const h=e=>l(c[e],1,1,(()=>{c[e]=null}));return{c(){t=u("ul");for(let e=0;e<c.length;e+=1)c[e].c();m(t,"aria-hidden",s=!e[4]||!e[3]),m(t,"class","mc-sidebar-user__content is-close svelte-h4x6wa"),m(t,"id","user-content")},m(s,i){n(s,t,i);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);e[9](t),a=!0},p(e,n){if(134&n){let s;for(i=e[1],s=0;s<i.length;s+=1){const a=E(e,i,s);c[s]?(c[s].p(a,n),r(c[s],1)):(c[s]=I(a),c[s].c(),r(c[s],1),c[s].m(t,null))}for(b(),s=i.length;s<c.length;s+=1)h(s);o()}(!a||24&n&&s!==(s=!e[4]||!e[3]))&&m(t,"aria-hidden",s)},i(e){if(!a){for(let e=0;e<i.length;e+=1)r(c[e]);a=!0}},o(e){c=c.filter(Boolean);for(let e=0;e<c.length;e+=1)l(c[e]);a=!1},d(s){s&&d(t),w(c,s),e[9](null)}}}function I(e){let t,s,a,i,o,c;function m(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=u("li"),g(s.$$.fragment),a=h()},m(e,r){n(e,t,r),v(s,t,null),x(t,a),i=!0,o||(c=p(t,"click",y(m)),o=!0)},p(t,a){e=t;const i={};2&a&&(i.feature=e[11]),4&a&&(i.a11yLabels=e[2]),s.$set(i)},i(e){i||(r(s.$$.fragment,e),i=!0)},o(e){l(s.$$.fragment,e),i=!1},d(e){e&&d(t),k(s),o=!1,c()}}}function J(e){let t,s,a=e[0]&&V(e);return{c(){a&&a.c(),t=i()},m(e,i){a&&a.m(e,i),n(e,t,i),s=!0},p(e,[s]){e[0]?a?(a.p(e,s),1&s&&r(a,1)):(a=V(e),a.c(),r(a,1),a.m(t.parentNode,t)):a&&(b(),l(a,1,1,(()=>{a=null})),o())},i(e){s||(r(a),s=!0)},o(e){l(a),s=!1},d(e){a&&a.d(e),e&&d(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 a;c(e,A,(e=>s(4,a=e)));let i,{user:n}=t,{data:r}=t,{a11yLabels:l}=t,o=!1;function d(e){e.disabled||M(e.code)}return e.$$set=e=>{"user"in e&&s(0,n=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(i){s(5,i.style.height="",i),s(5,i.style.transition="none",i);const a=window.getComputedStyle(i).height;i.classList.add(t&&e?"is-open":"is-close"),i.classList.remove(t&&e?"is-close":"is-open");const n=window.getComputedStyle(i).height;s(5,i.style.height=a,i),requestAnimationFrame((()=>{s(5,i.style.transition="",i),requestAnimationFrame((()=>{s(5,i.style.height=n,i)}))}));const r=()=>{s(5,i.style.height="",i),i.removeEventListener("transitionend",r)};i.addEventListener("transitionend",r)}}(o,a)},[n,r,l,o,a,i,function(){a?s(3,o=!o):(C(!0),s(3,o=!0))},d,e=>d(e),function(e){$[e?"unshift":"push"]((()=>{i=e,s(5,i)}))}]}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 a,P as i,b as n,y as r,w as l,x as o,o as d,ab as c,e as u,d as h,g as m,j as x,l as p,z as b,t as f,k as _,O as w,B as g,C as v,N as y,D as k,H as $,G as L,n as z,J as B,$ as j}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){a(e,"svelte-h4x6wa",".mc-sidebar-user.svelte-h4x6wa.svelte-h4x6wa{left:0;right:0;bottom:0;position:absolute;background:#cfd2d8}.mc-sidebar-user__header.svelte-h4x6wa.svelte-h4x6wa{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-h4x6wa.svelte-h4x6wa: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-h4x6wa.svelte-h4x6wa:hover{cursor:pointer}.mc-sidebar-user__header.svelte-h4x6wa:hover .mc-sidebar-user__header__information__icon.svelte-h4x6wa{background:#b3b7c1}.mc-sidebar-user__header__picture.svelte-h4x6wa.svelte-h4x6wa{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-h4x6wa img.svelte-h4x6wa{display:block}.mc-sidebar-user__header__information.svelte-h4x6wa.svelte-h4x6wa{-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-h4x6wa.svelte-h4x6wa{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-h4x6wa.svelte-h4x6wa{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-h4x6wa.svelte-h4x6wa,.mc-sidebar-user__header__information__identity.svelte-h4x6wa.svelte-h4x6wa{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-h4x6wa.svelte-h4x6wa{fill:#191919}.mc-sidebar-user__content.svelte-h4x6wa.svelte-h4x6wa{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-h4x6wa.svelte-h4x6wa{height:0;margin:0}.mc-sidebar-user.is-close.svelte-h4x6wa .mc-sidebar-user__header.svelte-h4x6wa{-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-h4x6wa .mc-sidebar-user__header.svelte-h4x6wa{-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 a=e.slice();return a[11]=t[s],a}function F(e){let t,s,a,i,c,f,_,w,g,v,y;function k(e,t){return e[0].imageBase64?V:O}let $=k(e),L=$(e),z=e[4]&&q(e),B=e[1]?.length&&G(e);return{c(){t=u("div"),s=u("button"),a=u("span"),L.c(),i=h(),z&&z.c(),_=h(),B&&B.c(),m(a,"class","mc-sidebar-user__header__picture svelte-h4x6wa"),m(s,"aria-expanded",c=e[4]&&e[3]),m(s,"class","mc-sidebar-user__header svelte-h4x6wa"),m(s,"aria-label",f=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-h4x6wa")},m(r,l){n(r,t,l),x(t,s),x(s,a),L.m(a,null),x(s,i),z&&z.m(s,null),x(t,_),B&&B.m(t,null),g=!0,v||(y=p(t,"click",e[6]),v=!0)},p(e,i){$===($=k(e))&&L?L.p(e,i):(L.d(1),L=$(e),L&&(L.c(),L.m(a,null))),e[4]?z?z.p(e,i):(z=q(e),z.c(),z.m(s,null)):z&&(z.d(1),z=null),(!g||24&i&&c!==(c=e[4]&&e[3]))&&m(s,"aria-expanded",c),(!g||28&i&&f!==(f=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",f),e[1]?.length?B?(B.p(e,i),2&i&&r(B,1)):(B=G(e),B.c(),r(B,1),B.m(t,null)):B&&(b(),l(B,1,1,(()=>{B=null})),o()),(!g||16&i&&w!==(w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-h4x6wa"))&&m(t,"class",w)},i(e){g||(r(B),g=!0)},o(e){l(B),g=!1},d(e){e&&d(t),L.d(),z&&z.d(),B&&B.d(),v=!1,y()}}}function O(e){let t,s;return{c(){t=L("svg"),s=L("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-h4x6wa"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,a){n(e,t,a),x(t,s)},p:z,d(e){e&&d(t)}}}function V(e){let t,s;return{c(){t=u("img"),m(t,"class","base64 svelte-h4x6wa"),B(t,"display","block"),B(t,"width","auto"),B(t,"height","48px"),B(t,"max-width","48px"),m(t,"aria-hidden",""),m(t,"alt","User Picture"),j(t.src,s="data:image/png;base64, "+e[0].imageBase64)||m(t,"src",s)},m(e,s){n(e,t,s)},p(e,a){1&a&&!j(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&m(t,"src",s)},d(e){e&&d(t)}}}function q(e){let t,s,a,r,l,o,c,p,b=(e[0]?.firstName||"")+"",w=(e[0]?.lastName||"")+"",g=e[0]?.title&&D(e),v=e[1]?.length&&P(e);return{c(){t=u("p"),s=u("span"),a=f(b),r=h(),l=f(w),o=h(),g&&g.c(),c=h(),v&&v.c(),p=i(),m(s,"class","mc-sidebar-user__header__information__identity svelte-h4x6wa"),m(t,"class","mc-sidebar-user__header__information svelte-h4x6wa")},m(e,i){n(e,t,i),x(t,s),x(s,a),x(s,r),x(s,l),x(t,o),g&&g.m(t,null),n(e,c,i),v&&v.m(e,i),n(e,p,i)},p(e,s){1&s&&b!==(b=(e[0]?.firstName||"")+"")&&_(a,b),1&s&&w!==(w=(e[0]?.lastName||"")+"")&&_(l,w),e[0]?.title?g?g.p(e,s):(g=D(e),g.c(),g.m(t,null)):g&&(g.d(1),g=null),e[1]?.length?v?v.p(e,s):(v=P(e),v.c(),v.m(p.parentNode,p)):v&&(v.d(1),v=null)},d(e){e&&d(t),g&&g.d(),e&&d(c),v&&v.d(e),e&&d(p)}}}function D(e){let t,s,a=K(e[0].title)+"";return{c(){t=u("span"),s=f(a),m(t,"class","mc-sidebar-user__header__information__title svelte-h4x6wa")},m(e,a){n(e,t,a),x(t,s)},p(e,t){1&t&&a!==(a=K(e[0].title)+"")&&_(s,a)},d(e){e&&d(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let a=s(e),i=a(e);return{c(){t=u("span"),i.c(),m(t,"class","mc-sidebar-user__header__information__icon svelte-h4x6wa")},m(e,s){n(e,t,s),i.m(t,null)},p(e,n){a!==(a=s(e))&&(i.d(1),i=a(e),i&&(i.c(),i.m(t,null)))},d(e){e&&d(t),i.d()}}}function S(e){let t,s;return{c(){t=L("svg"),s=L("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-h4x6wa"),m(t,"viewBox","0 0 16 16")},m(e,a){n(e,t,a),x(t,s)},d(e){e&&d(t)}}}function U(e){let t,s;return{c(){t=L("svg"),s=L("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-h4x6wa"),m(t,"width","16px"),m(t,"height","16px"),m(t,"viewBox","0 0 16 16")},m(e,a){n(e,t,a),x(t,s)},d(e){e&&d(t)}}}function G(e){let t,s,a,i=e[1],c=[];for(let t=0;t<i.length;t+=1)c[t]=J(E(e,i,t));const h=e=>l(c[e],1,1,(()=>{c[e]=null}));return{c(){t=u("ul");for(let e=0;e<c.length;e+=1)c[e].c();m(t,"aria-hidden",s=!e[4]||!e[3]),m(t,"class","mc-sidebar-user__content is-close svelte-h4x6wa"),m(t,"id","user-content")},m(s,i){n(s,t,i);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);e[9](t),a=!0},p(e,n){if(134&n){let s;for(i=e[1],s=0;s<i.length;s+=1){const a=E(e,i,s);c[s]?(c[s].p(a,n),r(c[s],1)):(c[s]=J(a),c[s].c(),r(c[s],1),c[s].m(t,null))}for(b(),s=i.length;s<c.length;s+=1)h(s);o()}(!a||24&n&&s!==(s=!e[4]||!e[3]))&&m(t,"aria-hidden",s)},i(e){if(!a){for(let e=0;e<i.length;e+=1)r(c[e]);a=!0}},o(e){c=c.filter(Boolean);for(let e=0;e<c.length;e+=1)l(c[e]);a=!1},d(s){s&&d(t),w(c,s),e[9](null)}}}function J(e){let t,s,a,i,o,c;function m(){return e[8](e[11])}return s=new A({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=u("li"),g(s.$$.fragment),a=h()},m(e,r){n(e,t,r),v(s,t,null),x(t,a),i=!0,o||(c=p(t,"click",y(m)),o=!0)},p(t,a){e=t;const i={};2&a&&(i.feature=e[11]),4&a&&(i.a11yLabels=e[2]),s.$set(i)},i(e){i||(r(s.$$.fragment,e),i=!0)},o(e){l(s.$$.fragment,e),i=!1},d(e){e&&d(t),k(s),o=!1,c()}}}function I(e){let t,s,a=e[0]&&F(e);return{c(){a&&a.c(),t=i()},m(e,i){a&&a.m(e,i),n(e,t,i),s=!0},p(e,[s]){e[0]?a?(a.p(e,s),1&s&&r(a,1)):(a=F(e),a.c(),r(a,1),a.m(t.parentNode,t)):a&&(b(),l(a,1,1,(()=>{a=null})),o())},i(e){s||(r(a),s=!0)},o(e){l(a),s=!1},d(e){a&&a.d(e),e&&d(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 a;c(e,M,(e=>s(4,a=e)));let i,{user:n}=t,{data:r}=t,{a11yLabels:l}=t,o=!1;function d(e){e.disabled||N(e.code)}return e.$$set=e=>{"user"in e&&s(0,n=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(i){s(5,i.style.height="",i),s(5,i.style.transition="none",i);const a=window.getComputedStyle(i).height;i.classList.add(t&&e?"is-open":"is-close"),i.classList.remove(t&&e?"is-close":"is-open");const n=window.getComputedStyle(i).height;s(5,i.style.height=a,i),requestAnimationFrame((()=>{s(5,i.style.transition="",i),requestAnimationFrame((()=>{s(5,i.style.height=n,i)}))}));const r=()=>{s(5,i.style.height="",i),i.removeEventListener("transitionend",r)};i.addEventListener("transitionend",r)}}(o,a)},[n,r,l,o,a,i,function(){a?s(3,o=!o):(C(!0),s(3,o=!0))},d,e=>d(e),function(e){$[e?"unshift":"push"]((()=>{i=e,s(5,i)}))}]}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.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 as a,g as n,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>',n(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,a,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"),a=o("span"),m=x(C),d=u(),b=o("span"),f=x(j),h=u(),n(r,"class","mc-stepper__indicator"),n(r,"aria-hidden","true"),n(a,"class","mc-stepper__title"),n(b,"class","mc-stepper__label"),n(c,"class","mc-stepper__detail"),n(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,a),l(a,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":""))&&n(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=a,n(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:a,o:a,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:a}=t,{compact:n=!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,a=e.steps),"compact"in e&&r(0,n=e.compact)},e.$$.update=()=>{64&e.$$.dirty&&r(2,i=a?JSON.parse(a):[]),r(1,s=Object.assign({},o)),2&e.$$.dirty&&delete s.class},[n,s,i,function(e,t){return e<t.findIndex((e=>e.isCurrent))},function(e,t){return`${e+1} / ${t.length}`},l,a,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:#46a610}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current::before{background-color:#46a610}.mc-stepper__item--current .mc-stepper__indicator{background-color:#46a610;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:#46a610}.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:#46a610}.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:#46a610;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:#46a610}.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 as a,g as n,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>',n(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,a,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"),a=o("span"),m=x(C),d=u(),b=o("span"),f=x(j),h=u(),n(r,"class","mc-stepper__indicator"),n(r,"aria-hidden","true"),n(a,"class","mc-stepper__title"),n(b,"class","mc-stepper__label"),n(c,"class","mc-stepper__detail"),n(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,a),l(a,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":""))&&n(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=a,n(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:a,o:a,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:a}=t,{compact:n=!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,a=e.steps),"compact"in e&&r(0,n=e.compact)},e.$$.update=()=>{64&e.$$.dirty&&r(2,i=a?JSON.parse(a):[]),r(1,s=Object.assign({},o)),2&e.$$.dirty&&delete s.class},[n,s,i,function(e,t){return e<t.findIndex((e=>e.isCurrent))},function(e,t){return`${e+1} / ${t.length}`},l,a,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:#46a610}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current::before{background-color:#46a610}.mc-stepper__item--current .mc-stepper__indicator{background-color:#46a610;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:#46a610}.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:#46a610}.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:#46a610;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:#46a610}.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:#188803;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:#006902;color:#ffffff}.mc-button:active{background-color:#006902}.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"}
@@ -0,0 +1,86 @@
1
+ <svelte:options tag={null} />
2
+
3
+ <script lang="ts">
4
+ import { EventHandler } from '../../utilities/EventHandler';
5
+
6
+ export let fixed: boolean;
7
+ export let cancellabel: string;
8
+ export let prevlabel: string;
9
+ export let nextlabel: string;
10
+ export let validatelabel: string;
11
+ export let currentstep: number;
12
+ export let stepsnb: number;
13
+
14
+ $: isFixed = fixed ? true : undefined;
15
+ $: currentStep = currentstep ? currentstep : 0;
16
+ $: stepsNb = stepsnb ? stepsnb : 0;
17
+
18
+ let eventHandler = new EventHandler();
19
+
20
+ function handleCancel(e: Event): void {
21
+ eventHandler.dispatch('cancel', e);
22
+ }
23
+
24
+ function handlePrev(): void {
25
+ if (currentStep - 1 >= 0) {
26
+ currentStep--;
27
+ eventHandler.dispatch('previous-step', currentStep);
28
+ }
29
+ }
30
+
31
+ function handleNext(): void {
32
+ currentStep++;
33
+ eventHandler.dispatch('next-step', currentStep);
34
+ }
35
+ </script>
36
+
37
+ <div
38
+ class="ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"
39
+ class:mc-bottom-bar--fixed={isFixed}
40
+ >
41
+ <button
42
+ class="mc-button mc-button--s mc-button--bordered-danger"
43
+ aria-label={cancellabel}
44
+ type="button"
45
+ id="cancelbutton"
46
+ on:click={handleCancel}
47
+ >
48
+ {cancellabel}
49
+ </button>
50
+
51
+ <div class="mc-stepper-bar__actions">
52
+ {#if currentStep > 0}
53
+ <button
54
+ class="mc-button mc-button--s mc-button--bordered-neutral"
55
+ aria-label={prevlabel}
56
+ type="button"
57
+ id="prevlabel"
58
+ on:click={handlePrev}
59
+ >
60
+ {prevlabel}
61
+ </button>
62
+ {/if}
63
+
64
+ <button
65
+ class="mc-button mc-button--s mc-stepper-bar__next"
66
+ aria-label={nextlabel}
67
+ type="button"
68
+ id="nextlabel"
69
+ on:click={handleNext}
70
+ >
71
+ {#if currentStep < stepsNb}
72
+ {nextlabel}
73
+ {:else if currentStep >= stepsNb}
74
+ {validatelabel}
75
+ {/if}
76
+ </button>
77
+ </div>
78
+ </div>
79
+
80
+ <style lang="scss">
81
+ @import '@mozaic-ds/styles/settings-tools/_all-settings';
82
+ @import '@mozaic-ds/styles/layouts/_l.container';
83
+ @import '@mozaic-ds/styles/components/_c.bottom-bar';
84
+ @import '@mozaic-ds/styles/components/_c.stepper-bar';
85
+ @import '@mozaic-ds/styles/components/_c.button';
86
+ </style>