@mozaic-ds/web-components 0.7.0 → 0.9.0-beta

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 (273) hide show
  1. package/package.json +1 -1
  2. package/public/ClickOutside-63071e7a.js +15 -1
  3. package/public/ClickOutside-63071e7a.js.map +1 -1
  4. package/public/DataTableDefaultAction.nested-c37a5d51.js +762 -0
  5. package/public/DataTableDefaultAction.nested-c37a5d51.js.map +1 -0
  6. package/public/DataTableUtilities-313a448d.js +386 -0
  7. package/public/DataTableUtilities-313a448d.js.map +1 -0
  8. package/public/EventForward-8492ff62.js +109 -1
  9. package/public/EventForward-8492ff62.js.map +1 -1
  10. package/public/EventHandler-02058705.js +15 -1
  11. package/public/EventHandler-02058705.js.map +1 -1
  12. package/public/adeo/{DataTableDefaultAction.nested-90536fe3.js → DataTableDefaultAction.nested-ac2e3dbe.js} +2 -2
  13. package/public/adeo/{DataTableDefaultAction.nested-90536fe3.js.map → DataTableDefaultAction.nested-ac2e3dbe.js.map} +1 -1
  14. package/public/adeo/DataTableUtilities-313a448d.js +2 -0
  15. package/public/adeo/DataTableUtilities-313a448d.js.map +1 -0
  16. package/public/adeo/bundle.js +5 -0
  17. package/public/adeo/components/barchart/BarChart.svelte +3 -4
  18. package/public/adeo/components/chart/BarChart.js +1 -1
  19. package/public/adeo/components/chart/BarChart.js.map +1 -1
  20. package/public/adeo/components/datatable/DataTable.js +1 -1
  21. package/public/adeo/components/datatable/DataTable.js.map +1 -1
  22. package/public/adeo/components/datatable/DataTable.svelte +12 -0
  23. package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
  24. package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
  25. package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
  26. package/public/adeo/components/datatable/DataTableFooter.nested.js +1 -1
  27. package/public/adeo/components/datatable/data.d.ts.map +1 -1
  28. package/public/adeo/components/datatable/datatable.types.d.ts +9 -2
  29. package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
  30. package/public/adeo/components/header/Header.js +1 -1
  31. package/public/adeo/components/header/Header.js.map +1 -1
  32. package/public/adeo/components/header/Header.svelte +2 -2
  33. package/public/adeo/components/kpi/Kpi.js +2 -0
  34. package/public/adeo/components/kpi/Kpi.js.map +1 -0
  35. package/public/adeo/components/kpi/Kpi.svelte +232 -0
  36. package/public/adeo/components/sidebar/Sidebar.js +1 -1
  37. package/public/adeo/components/sidebar/Sidebar.js.map +1 -1
  38. package/public/adeo/components/sidebar/Sidebar.svelte +1 -1
  39. package/public/adeo/icons-storybook.js +16 -0
  40. package/public/adeo/main.d.ts +1 -0
  41. package/public/adeo/main.d.ts.map +1 -1
  42. package/public/adeo/utilities/DataTableUtilities.d.ts.map +1 -1
  43. package/public/adeo/utilities/DataTableUtilities.ts +22 -2
  44. package/public/array-5b770a93.js +13 -1
  45. package/public/array-5b770a93.js.map +1 -1
  46. package/public/axis-fbc0f7b5.js +174 -1
  47. package/public/axis-fbc0f7b5.js.map +1 -1
  48. package/public/band-d7a07d2c.js +186 -1
  49. package/public/band-d7a07d2c.js.map +1 -1
  50. package/public/bricoman/{DataTableDefaultAction.nested-928e5e2d.js → DataTableDefaultAction.nested-bcc599d1.js} +2 -2
  51. package/public/bricoman/{DataTableDefaultAction.nested-928e5e2d.js.map → DataTableDefaultAction.nested-bcc599d1.js.map} +1 -1
  52. package/public/bricoman/DataTableUtilities-313a448d.js +2 -0
  53. package/public/bricoman/DataTableUtilities-313a448d.js.map +1 -0
  54. package/public/bricoman/bundle.js +5 -0
  55. package/public/bricoman/components/barchart/BarChart.svelte +3 -4
  56. package/public/bricoman/components/chart/BarChart.js +1 -1
  57. package/public/bricoman/components/chart/BarChart.js.map +1 -1
  58. package/public/bricoman/components/datatable/DataTable.js +1 -1
  59. package/public/bricoman/components/datatable/DataTable.js.map +1 -1
  60. package/public/bricoman/components/datatable/DataTable.svelte +12 -0
  61. package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
  62. package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
  63. package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
  64. package/public/bricoman/components/datatable/DataTableFooter.nested.js +1 -1
  65. package/public/bricoman/components/datatable/data.d.ts.map +1 -1
  66. package/public/bricoman/components/datatable/datatable.types.d.ts +9 -2
  67. package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
  68. package/public/bricoman/components/header/Header.js +1 -1
  69. package/public/bricoman/components/header/Header.js.map +1 -1
  70. package/public/bricoman/components/header/Header.svelte +2 -2
  71. package/public/bricoman/components/kpi/Kpi.js +2 -0
  72. package/public/bricoman/components/kpi/Kpi.js.map +1 -0
  73. package/public/bricoman/components/kpi/Kpi.svelte +232 -0
  74. package/public/bricoman/components/sidebar/Sidebar.js +1 -1
  75. package/public/bricoman/components/sidebar/Sidebar.js.map +1 -1
  76. package/public/bricoman/components/sidebar/Sidebar.svelte +1 -1
  77. package/public/bricoman/icons-storybook.js +16 -0
  78. package/public/bricoman/main.d.ts +1 -0
  79. package/public/bricoman/main.d.ts.map +1 -1
  80. package/public/bricoman/utilities/DataTableUtilities.d.ts.map +1 -1
  81. package/public/bricoman/utilities/DataTableUtilities.ts +22 -2
  82. package/public/bundle.js +5 -0
  83. package/public/components/accordion/Accordion.js +365 -1
  84. package/public/components/accordion/Accordion.js.map +1 -1
  85. package/public/components/autocomplete/Autocomplete.js +1515 -1
  86. package/public/components/autocomplete/Autocomplete.js.map +1 -1
  87. package/public/components/badge/Badge.js +155 -1
  88. package/public/components/badge/Badge.js.map +1 -1
  89. package/public/components/badge/Badge.nested.js +101 -1
  90. package/public/components/badge/Badge.nested.js.map +1 -1
  91. package/public/components/barchart/BarChart.svelte +3 -4
  92. package/public/components/breadcrumb/Breadcrumb.js +372 -1
  93. package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
  94. package/public/components/breadcrumb/Breadcrumb.nested.js +319 -1
  95. package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
  96. package/public/components/button/Button.js +1138 -1
  97. package/public/components/button/Button.js.map +1 -1
  98. package/public/components/card/Card.js +369 -1
  99. package/public/components/card/Card.js.map +1 -1
  100. package/public/components/chart/BarChart.js +583 -1
  101. package/public/components/chart/BarChart.js.map +1 -1
  102. package/public/components/chart/Donut.js +1189 -1
  103. package/public/components/chart/Donut.js.map +1 -1
  104. package/public/components/chart/GroupedBarChart.js +750 -1
  105. package/public/components/chart/GroupedBarChart.js.map +1 -1
  106. package/public/components/chart/LineChart.js +1731 -1
  107. package/public/components/chart/LineChart.js.map +1 -1
  108. package/public/components/chart/Radar.js +729 -1
  109. package/public/components/chart/Radar.js.map +1 -1
  110. package/public/components/chart/StackedBarChart.js +745 -1
  111. package/public/components/chart/StackedBarChart.js.map +1 -1
  112. package/public/components/checkbox/Checkbox.js +307 -1
  113. package/public/components/checkbox/Checkbox.js.map +1 -1
  114. package/public/components/checkboxgroup/checkboxGroup.js +404 -1
  115. package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
  116. package/public/components/datatable/DataTable.js +3098 -1
  117. package/public/components/datatable/DataTable.js.map +1 -1
  118. package/public/components/datatable/DataTable.svelte +12 -0
  119. package/public/components/datatable/DataTableDefaultAction.nested.js +4 -1
  120. package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
  121. package/public/components/datatable/DataTableDefaultEdtion.nested.js +164 -1
  122. package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
  123. package/public/components/datatable/DataTableDefaultFilterTags.nested.js +380 -1
  124. package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
  125. package/public/components/datatable/DataTableDefaultSelection.nested.js +424 -1
  126. package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
  127. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +263 -1
  128. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +1 -1
  129. package/public/components/datatable/DataTableFooter.nested.js +637 -1
  130. package/public/components/datatable/DataTableFooter.nested.js.map +1 -1
  131. package/public/components/datatable/data.d.ts.map +1 -1
  132. package/public/components/datatable/datatable.types.d.ts +9 -2
  133. package/public/components/datatable/datatable.types.d.ts.map +1 -1
  134. package/public/components/dropdown/Dropdown.js +1426 -1
  135. package/public/components/dropdown/Dropdown.js.map +1 -1
  136. package/public/components/field/Field.js +375 -1
  137. package/public/components/field/Field.js.map +1 -1
  138. package/public/components/fileuploader/FileUploader.js +603 -1
  139. package/public/components/fileuploader/FileUploader.js.map +1 -1
  140. package/public/components/fileuploader/ResultFile.nested.js +344 -1
  141. package/public/components/fileuploader/ResultFile.nested.js.map +1 -1
  142. package/public/components/flag/Flag.js +174 -1
  143. package/public/components/flag/Flag.js.map +1 -1
  144. package/public/components/header/Header.js +918 -1
  145. package/public/components/header/Header.js.map +1 -1
  146. package/public/components/header/Header.svelte +2 -2
  147. package/public/components/hero/Hero.js +271 -1
  148. package/public/components/hero/Hero.js.map +1 -1
  149. package/public/components/kpi/Kpi.js +405 -0
  150. package/public/components/kpi/Kpi.js.map +1 -0
  151. package/public/components/kpi/Kpi.svelte +232 -0
  152. package/public/components/layer/Layer.js +471 -1
  153. package/public/components/layer/Layer.js.map +1 -1
  154. package/public/components/link/Link.js +380 -1
  155. package/public/components/link/Link.js.map +1 -1
  156. package/public/components/listbox/Listbox.js +595 -1
  157. package/public/components/listbox/Listbox.js.map +1 -1
  158. package/public/components/listbox/Listbox.nested.js +629 -1
  159. package/public/components/listbox/Listbox.nested.js.map +1 -1
  160. package/public/components/loader/Loader.js +246 -1
  161. package/public/components/loader/Loader.js.map +1 -1
  162. package/public/components/loader/Loader.nested.js +176 -1
  163. package/public/components/loader/Loader.nested.js.map +1 -1
  164. package/public/components/modal/Modal.js +395 -1
  165. package/public/components/modal/Modal.js.map +1 -1
  166. package/public/components/notification/Notification.js +458 -1
  167. package/public/components/notification/Notification.js.map +1 -1
  168. package/public/components/optionbutton/OptionButton.js +316 -1
  169. package/public/components/optionbutton/OptionButton.js.map +1 -1
  170. package/public/components/overlay/Overlay.js +104 -1
  171. package/public/components/overlay/Overlay.js.map +1 -1
  172. package/public/components/overlay/OverlayLoader.js +151 -1
  173. package/public/components/overlay/OverlayLoader.js.map +1 -1
  174. package/public/components/pagination/Pagination.js +613 -1
  175. package/public/components/pagination/Pagination.js.map +1 -1
  176. package/public/components/passwordinput/PasswordInput.js +291 -1
  177. package/public/components/passwordinput/PasswordInput.js.map +1 -1
  178. package/public/components/phonenumber/PhoneNumber.js +6894 -1
  179. package/public/components/phonenumber/PhoneNumber.js.map +1 -1
  180. package/public/components/price/Price.js +768 -1
  181. package/public/components/price/Price.js.map +1 -1
  182. package/public/components/progressbar/ProgressBar.js +278 -1
  183. package/public/components/progressbar/ProgressBar.js.map +1 -1
  184. package/public/components/quantityselector/QuantitySelector.js +397 -1
  185. package/public/components/quantityselector/QuantitySelector.js.map +1 -1
  186. package/public/components/radio/Radio.js +273 -1
  187. package/public/components/radio/Radio.js.map +1 -1
  188. package/public/components/radiogroup/RadioGroup.js +414 -1
  189. package/public/components/radiogroup/RadioGroup.js.map +1 -1
  190. package/public/components/ratings/StarsInput.js +292 -1
  191. package/public/components/ratings/StarsInput.js.map +1 -1
  192. package/public/components/ratings/StarsResult.js +246 -1
  193. package/public/components/ratings/StarsResult.js.map +1 -1
  194. package/public/components/select/Select.js +451 -1
  195. package/public/components/select/Select.js.map +1 -1
  196. package/public/components/sidebar/Sidebar.js +784 -1
  197. package/public/components/sidebar/Sidebar.js.map +1 -1
  198. package/public/components/sidebar/Sidebar.svelte +1 -1
  199. package/public/components/sidebar/sidebar-feature-group.nested.js +594 -1
  200. package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  201. package/public/components/sidebar/sidebar-feature.nested.js +402 -1
  202. package/public/components/sidebar/sidebar-feature.nested.js.map +1 -1
  203. package/public/components/sidebar/sidebar-section.nested.js +394 -1
  204. package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
  205. package/public/components/sidebar/sidebar-segment.nested.js +200 -1
  206. package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
  207. package/public/components/sidebar/sidebar-separator.nested.js +49 -1
  208. package/public/components/sidebar/sidebar-separator.nested.js.map +1 -1
  209. package/public/components/sidebar/sidebar-sub-features.nested.js +312 -1
  210. package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
  211. package/public/components/sidebar/sidebar-user.nested.js +733 -1
  212. package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
  213. package/public/components/stepper/Stepper.js +371 -1
  214. package/public/components/stepper/Stepper.js.map +1 -1
  215. package/public/components/tabs/Tabs.js +615 -1
  216. package/public/components/tabs/Tabs.js.map +1 -1
  217. package/public/components/tabs/Tabs.nested.js +472 -1
  218. package/public/components/tabs/Tabs.nested.js.map +1 -1
  219. package/public/components/tag/Tag.js +665 -1
  220. package/public/components/tag/Tag.js.map +1 -1
  221. package/public/components/tag/Tag.nested.js +554 -1
  222. package/public/components/tag/Tag.nested.js.map +1 -1
  223. package/public/components/taglist/TagList.js +475 -1
  224. package/public/components/taglist/TagList.js.map +1 -1
  225. package/public/components/textarea/Textarea.js +303 -1
  226. package/public/components/textarea/Textarea.js.map +1 -1
  227. package/public/components/textinput/Textinput.js +497 -1
  228. package/public/components/textinput/Textinput.js.map +1 -1
  229. package/public/components/textinput/Textinput.nested.js +320 -1
  230. package/public/components/textinput/Textinput.nested.js.map +1 -1
  231. package/public/components/toggle/Toggle.js +278 -1
  232. package/public/components/toggle/Toggle.js.map +1 -1
  233. package/public/components/tooltip/Tooltip.js +173 -1
  234. package/public/components/tooltip/Tooltip.js.map +1 -1
  235. package/public/icons-storybook.js +16 -0
  236. package/public/index-c33b3772.js +873 -1
  237. package/public/index-c33b3772.js.map +1 -1
  238. package/public/linear-f46d7e9e.js +700 -1
  239. package/public/linear-f46d7e9e.js.map +1 -1
  240. package/public/main.d.ts +1 -0
  241. package/public/main.d.ts.map +1 -1
  242. package/public/path-1b5da959.js +186 -1
  243. package/public/path-1b5da959.js.map +1 -1
  244. package/public/sidebar-service-275bf9ef.js +129 -1
  245. package/public/sidebar-service-275bf9ef.js.map +1 -1
  246. package/public/symbol-b05a6e2b.js +169 -1
  247. package/public/symbol-b05a6e2b.js.map +1 -1
  248. package/public/transform-15d69d5d.js +2743 -1
  249. package/public/transform-15d69d5d.js.map +1 -1
  250. package/public/utilities/DataTableUtilities.d.ts.map +1 -1
  251. package/public/utilities/DataTableUtilities.ts +22 -2
  252. package/public/utilities/EventForward.js +136 -1
  253. package/public/utilities/EventForward.js.map +1 -1
  254. package/public/utilities/EventHandler.js +36 -1
  255. package/public/utilities/EventHandler.js.map +1 -1
  256. package/public/utilities/components/datatable/data.d.ts.map +1 -1
  257. package/public/utilities/components/datatable/datatable.types.d.ts +9 -2
  258. package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
  259. package/public/utilities/main.d.ts +1 -0
  260. package/public/utilities/main.d.ts.map +1 -1
  261. package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
  262. package/public/utilities/stories/header/Header.stories.d.ts.map +1 -1
  263. package/public/utilities/stories/kpi/kpi.stories.d.ts +7 -0
  264. package/public/utilities/stories/kpi/kpi.stories.d.ts.map +1 -0
  265. package/public/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
  266. package/public/DataTableDefaultAction.nested-483f8bb0.js +0 -2
  267. package/public/DataTableDefaultAction.nested-483f8bb0.js.map +0 -1
  268. package/public/DataTableUtilities-60220c78.js +0 -2
  269. package/public/DataTableUtilities-60220c78.js.map +0 -1
  270. package/public/adeo/DataTableUtilities-60220c78.js +0 -2
  271. package/public/adeo/DataTableUtilities-60220c78.js.map +0 -1
  272. package/public/bricoman/DataTableUtilities-60220c78.js +0 -2
  273. package/public/bricoman/DataTableUtilities-60220c78.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableDefaultAction.nested-90536fe3.js","sources":["../icons/index-64cccc06.js","../icons/DisplayMovingBlock24.js","../../src/components/datatable/DataTableDefaultAction.nested.svelte"],"sourcesContent":["function t(){}function n(t){return t()}function e(){return Object.create(null)}function o(t){t.forEach(n)}function r(t){return\"function\"==typeof t}function c(t,n){return t!=t?n==n:t!==n||t&&\"object\"==typeof t||\"function\"==typeof t}function s(t,n){t.appendChild(n)}function a(t,n,e){t.insertBefore(n,e||null)}function i(t){t.parentNode&&t.parentNode.removeChild(t)}function u(t){return document.createElementNS(\"http://www.w3.org/2000/svg\",t)}function f(t,n,e){null==e?t.removeAttribute(n):t.getAttribute(n)!==e&&t.setAttribute(n,e)}function l(t){const n={};for(const e of t)n[e.name]=e.value;return n}let d;function $(t){d=t}const h=[],p=[];let g=[];const m=[],b=Promise.resolve();let _=!1;function y(t){g.push(t)}const x=new Set;let k=0;function w(){if(0!==k)return;const t=d;do{try{for(;k<h.length;){const t=h[k];k++,$(t),E(t.$$)}}catch(t){throw h.length=0,k=0,t}for($(null),h.length=0,k=0;p.length;)p.pop()();for(let t=0;t<g.length;t+=1){const n=g[t];x.has(n)||(x.add(n),n())}g.length=0}while(h.length);for(;m.length;)m.pop()();_=!1,x.clear(),$(t)}function E(t){if(null!==t.fragment){t.update(),o(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(y)}}const v=new Set;function C(t,n){const e=t.$$;null!==e.fragment&&(!function(t){const n=[],e=[];g.forEach((o=>-1===t.indexOf(o)?n.push(o):e.push(o))),e.forEach((t=>t())),g=n}(e.after_update),o(e.on_destroy),e.fragment&&e.fragment.d(n),e.on_destroy=e.fragment=null,e.ctx=[])}function S(t,n){-1===t.$$.dirty[0]&&(h.push(t),_||(_=!0,b.then(w)),t.$$.dirty.fill(0)),t.$$.dirty[n/31|0]|=1<<n%31}function A(c,s,a,u,f,l,h,p=[-1]){const g=d;$(c);const m=c.$$={fragment:null,ctx:[],props:l,update:t,not_equal:f,bound:e(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(s.context||(g?g.$$.context:[])),callbacks:e(),dirty:p,skip_bound:!1,root:s.target||g.$$.root};h&&h(m.root);let b=!1;if(m.ctx=a?a(c,s.props||{},((t,n,...e)=>{const o=e.length?e[0]:n;return m.ctx&&f(m.ctx[t],m.ctx[t]=o)&&(!m.skip_bound&&m.bound[t]&&m.bound[t](o),b&&S(c,t)),n})):[],m.update(),b=!0,o(m.before_update),m.fragment=!!u&&u(m.ctx),s.target){if(s.hydrate){const t=(k=s.target,Array.from(k.childNodes));m.fragment&&m.fragment.l(t),t.forEach(i)}else m.fragment&&m.fragment.c();s.intro&&((_=c.$$.fragment)&&_.i&&(v.delete(_),_.i(x))),function(t,e,c,s){const{fragment:a,after_update:i}=t.$$;a&&a.m(e,c),s||y((()=>{const e=t.$$.on_mount.map(n).filter(r);t.$$.on_destroy?t.$$.on_destroy.push(...e):o(e),t.$$.on_mount=[]})),i.forEach(y)}(c,s.target,s.anchor,s.customElement),w()}var _,x,k;$(g)}let N;\"function\"==typeof HTMLElement&&(N=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:\"open\"})}connectedCallback(){const{on_mount:t}=this.$$;this.$$.on_disconnect=t.map(n).filter(r);for(const t in this.$$.slotted)this.appendChild(this.$$.slotted[t])}attributeChangedCallback(t,n,e){this[t]=e}disconnectedCallback(){o(this.$$.on_disconnect)}$destroy(){C(this,1),this.$destroy=t}$on(n,e){if(!r(e))return t;const o=this.$$.callbacks[n]||(this.$$.callbacks[n]=[]);return o.push(e),()=>{const t=o.indexOf(e);-1!==t&&o.splice(t,1)}}$set(t){var n;this.$$set&&(n=t,0!==Object.keys(n).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}});export{N as S,l as a,a as b,u as c,f as d,s as e,w as f,i as g,A as i,t as n,c as s};\n//# sourceMappingURL=index-64cccc06.js.map\n","import{S as s,i as t,a as e,b as i,f as a,s as l,c as r,n as c,d as h,e as d,g as n}from\"./index-64cccc06.js\";function $(s){let t,e,a,l,$,m;return{c(){t=r(\"svg\"),e=r(\"g\"),a=r(\"path\"),l=r(\"defs\"),$=r(\"clipPath\"),m=r(\"path\"),this.c=c,h(a,\"fill-rule\",\"evenodd\"),h(a,\"d\",\"M8.5 7a2 2 0 100-4 2 2 0 000 4zm0 14a2 2 0 100-4 2 2 0 000 4zm2-9a2 2 0 11-4 0 2 2 0 014 0zm5-5a2 2 0 100-4 2 2 0 000 4zm2 12a2 2 0 11-4 0 2 2 0 014 0zm-2-5a2 2 0 100-4 2 2 0 000 4z\"),h(e,\"clip-path\",\"url(#a)\"),h(m,\"d\",\"M0 0h24v24H0z\"),h($,\"id\",\"a\"),h(t,\"aria-hidden\",\"true\"),h(t,\"width\",s[4]),h(t,\"height\",s[4]),h(t,\"id\",s[0]),h(t,\"style\",s[1]),h(t,\"class\",s[2]),h(t,\"fill\",s[3]),h(t,\"xmlns\",\"http://www.w3.org/2000/svg\"),h(t,\"viewBox\",\"0 0 24 24\")},m(s,r){i(s,t,r),d(t,e),d(e,a),d(t,l),d(l,$),d($,m)},p(s,[e]){16&e&&h(t,\"width\",s[4]),16&e&&h(t,\"height\",s[4]),1&e&&h(t,\"id\",s[0]),2&e&&h(t,\"style\",s[1]),4&e&&h(t,\"class\",s[2]),8&e&&h(t,\"fill\",s[3])},i:c,o:c,d(s){s&&n(t)}}}function m(s,t,e){let{id:i}=t,{style:a}=t,{className:l}=t,{fill:r}=t,{size:c=\"1.5rem\"}=t;return s.$$set=s=>{\"id\"in s&&e(0,i=s.id),\"style\"in s&&e(1,a=s.style),\"className\"in s&&e(2,l=s.className),\"fill\"in s&&e(3,r=s.fill),\"size\"in s&&e(4,c=s.size)},[i,a,l,r,c]}class o extends s{constructor(s){super(),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},m,$,l,{id:0,style:1,className:2,fill:3,size:4},null),s&&(s.target&&i(s.target,this,s.anchor),s.props&&(this.$set(s.props),a()))}static get observedAttributes(){return[\"id\",\"style\",\"className\",\"fill\",\"size\"]}get id(){return this.$$.ctx[0]}set id(s){this.$$set({id:s}),a()}get style(){return this.$$.ctx[1]}set style(s){this.$$set({style:s}),a()}get className(){return this.$$.ctx[2]}set className(s){this.$$set({className:s}),a()}get fill(){return this.$$.ctx[3]}set fill(s){this.$$set({fill:s}),a()}get size(){return this.$$.ctx[4]}set size(s){this.$$set({size:s}),a()}}export{o as default};\n//# sourceMappingURL=DisplayMovingBlock24.js.map\n","<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n getDataAttribute,\n keyboardsKeys,\n } from '../../utilities/DataTableUtilities';\n\n import DisplayMovingBlock24 from './../../../public/icons/DisplayMovingBlock24.js';\n import type { HeadData } from './datatable.types';\n if (!customElements.get('navigation-display-movingblock-24px')) {\n customElements.define(\n 'navigation-display-movingblock-24px',\n DisplayMovingBlock24 as any,\n );\n }\n\n export let e2eAttributeSuffix: string | undefined;\n export let dataTableId: string | undefined;\n export let loading: boolean;\n export let searchPlaceholder: string;\n export let headTitles: HeadData[] = [];\n export let activateSettings: boolean;\n export let applyButtonSettingsLabel: string;\n export let resetButtonSettingsLabel: string;\n export let fixedFirstColumn: boolean;\n export let fixedFirstColumnLabel: string;\n export let searchValue = '';\n\n let eventHandler = new EventHandler();\n let openLayer: any = null;\n\n let mouseYCoordinate: any = null; // pointer y coordinate within client\n let distanceTopGrabbedVsPointer: any = null;\n\n let draggingItem: any = null;\n let draggingItemId: any = null;\n let draggingItemIndex: any = null;\n let initDatas: HeadData[] = [];\n let hoveredItemIndex: any = null;\n\n $: initDatas = headTitles ? headTitles.map((x) => Object.assign({}, x)) : [];\n\n $: {\n if (\n draggingItemIndex != null &&\n hoveredItemIndex != null &&\n draggingItemIndex != hoveredItemIndex\n ) {\n // Allows to swap the position of 2 elements when there is a drag n drop\n [initDatas[draggingItemIndex], initDatas[hoveredItemIndex]] = [\n initDatas[hoveredItemIndex],\n initDatas[draggingItemIndex],\n ];\n draggingItemIndex = hoveredItemIndex;\n }\n }\n\n function emitEvent(name: string, detail?: CustomEvent['detail']) {\n eventHandler.dispatch(name, detail || {});\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function onApplyClick() {\n if (initDatas != null) {\n headTitles = initDatas.map((x) => Object.assign({}, x));\n }\n emitEvent('apply-new-columns-order', {\n headTitle: headTitles,\n fixedFirstColumn: fixedFirstColumn,\n });\n closeLayerFn();\n }\n\n function onResetClick() {\n if (headTitles != null) {\n initDatas = headTitles.map((x) => Object.assign({}, x));\n }\n }\n\n function onHideColumnChange(item: HeadData) {\n item.hideColumn = item.hideColumn ? false : true;\n }\n\n function onFixedFirstColumn() {\n fixedFirstColumn = fixedFirstColumn ? false : true;\n }\n</script>\n\n<div class=\"mc-datatable__topbar-actions\">\n <div class=\"mc-left-icon-input\">\n <span class=\"mc-left-icon-input__icon\">\n <navigation-display-search-24px size=\"24px\" />\n </span>\n <input\n type=\"search\"\n class=\"mc-left-icon-input__input mc-text-input mc-text-input--s\"\n id=\"withIcon\"\n placeholder={searchPlaceholder}\n name=\"withIcon\"\n disabled={loading}\n spellcheck=\"false\"\n {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}SearchInput`)}\n bind:value={searchValue}\n on:input={() => emitEvent('input-search', searchValue)}\n on:keydown={(event) => {\n if (event.key === keyboardsKeys.ENTER) {\n emitEvent('submit-search', searchValue);\n }\n }}\n />\n </div>\n\n <button\n type=\"button\"\n class=\"mc-button mc-button--s mc-button--square mc-button--bordered {loading\n ? 'is-disabled'\n : ''}\"\n {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}FilterButton`)}\n on:click={() => emitEvent('click-filter')}\n >\n <span class=\"mc-button__icon\">\n <navigation-display-filter-24px size=\"24px\" />\n </span>\n </button>\n\n <button\n type=\"button\"\n class=\"mc-button mc-button--s mc-button--square mc-button--bordered-neutral {loading\n ? 'is-disabled'\n : ''}\"\n {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}SettingsButton`)}\n on:click={() => {\n if (activateSettings) {\n openLayerFn();\n } else {\n emitEvent('click-settings');\n }\n }}\n >\n <span class=\"mc-button__icon\">\n <navigation-display-setting-24px size=\"24px\" />\n </span>\n </button>\n</div>\n\n{#if activateSettings}\n <div>\n <m-layer\n title=\"Settings\"\n layertitletag=\"h3\"\n iconname=\"navigation-display-setting-24px\"\n isopen={openLayer}\n on:layer-closed={closeLayerFn}\n >\n <small slot=\"content\">\n <span class=\"settings__title\">Columns lock</span>\n <div class=\"settings__toggle-column-lock\">\n <m-toggle\n size=\"s\"\n name=\"form-toggle\"\n label={fixedFirstColumnLabel}\n checked={fixedFirstColumn}\n on:change={onFixedFirstColumn}\n />\n </div>\n <span class=\"settings__title\">Columns display</span>\n <div class=\"settings__columns-container\">\n {#if mouseYCoordinate}\n <div\n class=\"settings__columns-container-item settings__columns-container-item-ghost\"\n style=\"top: {mouseYCoordinate + distanceTopGrabbedVsPointer}px; \"\n >\n <div class=\"settings__column-icon-value\">\n <navigation-display-movingblock-24px fill=\"#666666\" />\n <input\n type=\"checkbox\"\n class=\"mc-checkbox__input settings__checkbox-hide-column\"\n checked={!draggingItem.hideColumn}\n />\n <span class=\"settings__column-value\">{draggingItem.label}</span>\n </div>\n </div>\n {/if}\n\n {#each initDatas as item, index (item)}\n <div\n class=\"settings__columns-container-item {draggingItemId == item.id\n ? 'settings__columns-container-item-invisible'\n : ''}\"\n draggable=\"true\"\n on:dragstart={(event) => {\n mouseYCoordinate = event.clientY;\n draggingItem = item;\n draggingItemIndex = index;\n draggingItemId = item.id;\n }}\n on:drag={(event) => {\n mouseYCoordinate = event.clientY;\n }}\n on:dragover={() => {\n hoveredItemIndex = index;\n }}\n on:dragend={() => {\n draggingItemId = null;\n hoveredItemIndex = null;\n }}\n >\n <div class=\"settings__column-icon-value\">\n <navigation-display-movingblock-24px fill=\"#666666\" />\n <input\n type=\"checkbox\"\n class=\"mc-checkbox__input settings__checkbox-hide-column\"\n checked={!item.hideColumn}\n on:change={() => onHideColumnChange(item)}\n />\n <span class=\"settings__column-value\">{item.label}</span>\n </div>\n </div>\n {/each}\n </div>\n </small>\n <small slot=\"footer\">\n <button\n on:click={onApplyClick}\n class=\"mc-button mc-button--m mc-button--fit\"\n >\n {applyButtonSettingsLabel}\n </button>\n <button\n on:click={onResetClick}\n class=\"mc-button mc-button--bordered mc-button--m mc-button--fit settings__reset-button\"\n >\n {resetButtonSettingsLabel}\n </button>\n </small>\n </m-layer>\n </div>\n{/if}\n\n<!-- svelte-ignore css-unused-selector -->\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n\n @import '@mozaic-ds/styles/generic/g.reset.scss';\n @import '@mozaic-ds/styles/components/c.badge';\n @import '@mozaic-ds/styles/components/c.button';\n @import '@mozaic-ds/styles/components/c.datatable-tools';\n @import '@mozaic-ds/styles/components/c.datatable-header';\n @import '@mozaic-ds/styles/components/c.text-input';\n @import '@mozaic-ds/styles/components/c.left-icon-input';\n @import '@mozaic-ds/styles/components/c.links';\n @import '@mozaic-ds/styles/components/c.tag';\n @import '@mozaic-ds/styles/components/c.toggle';\n @import '@mozaic-ds/styles/components/c.checkbox';\n\n .settings {\n &__title {\n font-weight: bold;\n }\n &__reset-button {\n margin-left: 25px;\n }\n &__column-icon-value {\n display: flex;\n text-align: center;\n align-items: center;\n }\n &__checkbox-hide-column {\n margin-left: 25px;\n }\n &__column-value {\n margin-left: 8px;\n }\n &__columns-container {\n margin-top: 25px;\n &-item {\n width: 300px;\n background: white;\n margin-bottom: 18px;\n cursor: grab;\n &-ghost {\n margin-bottom: 10px;\n pointer-events: none;\n z-index: 99;\n position: absolute;\n top: 0;\n left: 10;\n }\n &-invisible {\n opacity: 0;\n }\n }\n }\n &__toggle-column-lock {\n margin-top: 17px;\n margin-bottom: 17px;\n }\n }\n</style>\n"],"names":["t","n","e","Object","create","o","forEach","r","c","s","appendChild","a","insertBefore","i","parentNode","removeChild","u","document","createElementNS","f","removeAttribute","getAttribute","setAttribute","l","name","value","d","$","h","p","g","m","b","Promise","resolve","_","y","push","x","Set","k","w","length","E","$$","pop","has","add","clear","fragment","update","before_update","dirty","ctx","after_update","v","S","then","fill","A","props","not_equal","bound","on_mount","on_destroy","on_disconnect","context","Map","callbacks","skip_bound","root","target","hydrate","Array","from","childNodes","intro","delete","map","filter","anchor","customElement","N","this","id","style","className","size","$$set","HTMLElement","constructor","super","attachShadow","mode","connectedCallback","slotted","attributeChangedCallback","disconnectedCallback","$destroy","indexOf","C","$on","splice","$set","keys","shadowRoot","attributes","observedAttributes","create_if_block_1","insert","div2","append","m_layer","small0","span0","div0","m_toggle","span1","div1","small1","button0","button1","t2_value","label","input","checked","input_checked_value","hideColumn","set_style","distanceTopGrabbedVsPointer","navigation_display_movingblock_24px","span","set_data","t2","getDataAttribute","create_if_block","span2","class","button0_class_value","button1_class_value","customElements","get","define","DisplayMovingBlock24","e2eAttributeSuffix","$$props","dataTableId","loading","searchPlaceholder","headTitles","activateSettings","applyButtonSettingsLabel","resetButtonSettingsLabel","fixedFirstColumn","fixedFirstColumnLabel","searchValue","eventHandler","EventHandler","openLayer","mouseYCoordinate","draggingItem","draggingItemId","draggingItemIndex","initDatas","hoveredItemIndex","emitEvent","detail","dispatch","openLayerFn","$$invalidate","closeLayerFn","assign","headTitle","event","key","keyboardsKeys","ENTER","item","onHideColumnChange","clientY","index"],"mappings":"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"}
1
+ {"version":3,"file":"DataTableDefaultAction.nested-ac2e3dbe.js","sources":["../icons/index-64cccc06.js","../icons/DisplayMovingBlock24.js","../../src/components/datatable/DataTableDefaultAction.nested.svelte"],"sourcesContent":["function t(){}function n(t){return t()}function e(){return Object.create(null)}function o(t){t.forEach(n)}function r(t){return\"function\"==typeof t}function c(t,n){return t!=t?n==n:t!==n||t&&\"object\"==typeof t||\"function\"==typeof t}function s(t,n){t.appendChild(n)}function a(t,n,e){t.insertBefore(n,e||null)}function i(t){t.parentNode&&t.parentNode.removeChild(t)}function u(t){return document.createElementNS(\"http://www.w3.org/2000/svg\",t)}function f(t,n,e){null==e?t.removeAttribute(n):t.getAttribute(n)!==e&&t.setAttribute(n,e)}function l(t){const n={};for(const e of t)n[e.name]=e.value;return n}let d;function $(t){d=t}const h=[],p=[];let g=[];const m=[],b=Promise.resolve();let _=!1;function y(t){g.push(t)}const x=new Set;let k=0;function w(){if(0!==k)return;const t=d;do{try{for(;k<h.length;){const t=h[k];k++,$(t),E(t.$$)}}catch(t){throw h.length=0,k=0,t}for($(null),h.length=0,k=0;p.length;)p.pop()();for(let t=0;t<g.length;t+=1){const n=g[t];x.has(n)||(x.add(n),n())}g.length=0}while(h.length);for(;m.length;)m.pop()();_=!1,x.clear(),$(t)}function E(t){if(null!==t.fragment){t.update(),o(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(y)}}const v=new Set;function C(t,n){const e=t.$$;null!==e.fragment&&(!function(t){const n=[],e=[];g.forEach((o=>-1===t.indexOf(o)?n.push(o):e.push(o))),e.forEach((t=>t())),g=n}(e.after_update),o(e.on_destroy),e.fragment&&e.fragment.d(n),e.on_destroy=e.fragment=null,e.ctx=[])}function S(t,n){-1===t.$$.dirty[0]&&(h.push(t),_||(_=!0,b.then(w)),t.$$.dirty.fill(0)),t.$$.dirty[n/31|0]|=1<<n%31}function A(c,s,a,u,f,l,h,p=[-1]){const g=d;$(c);const m=c.$$={fragment:null,ctx:[],props:l,update:t,not_equal:f,bound:e(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(s.context||(g?g.$$.context:[])),callbacks:e(),dirty:p,skip_bound:!1,root:s.target||g.$$.root};h&&h(m.root);let b=!1;if(m.ctx=a?a(c,s.props||{},((t,n,...e)=>{const o=e.length?e[0]:n;return m.ctx&&f(m.ctx[t],m.ctx[t]=o)&&(!m.skip_bound&&m.bound[t]&&m.bound[t](o),b&&S(c,t)),n})):[],m.update(),b=!0,o(m.before_update),m.fragment=!!u&&u(m.ctx),s.target){if(s.hydrate){const t=(k=s.target,Array.from(k.childNodes));m.fragment&&m.fragment.l(t),t.forEach(i)}else m.fragment&&m.fragment.c();s.intro&&((_=c.$$.fragment)&&_.i&&(v.delete(_),_.i(x))),function(t,e,c,s){const{fragment:a,after_update:i}=t.$$;a&&a.m(e,c),s||y((()=>{const e=t.$$.on_mount.map(n).filter(r);t.$$.on_destroy?t.$$.on_destroy.push(...e):o(e),t.$$.on_mount=[]})),i.forEach(y)}(c,s.target,s.anchor,s.customElement),w()}var _,x,k;$(g)}let N;\"function\"==typeof HTMLElement&&(N=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:\"open\"})}connectedCallback(){const{on_mount:t}=this.$$;this.$$.on_disconnect=t.map(n).filter(r);for(const t in this.$$.slotted)this.appendChild(this.$$.slotted[t])}attributeChangedCallback(t,n,e){this[t]=e}disconnectedCallback(){o(this.$$.on_disconnect)}$destroy(){C(this,1),this.$destroy=t}$on(n,e){if(!r(e))return t;const o=this.$$.callbacks[n]||(this.$$.callbacks[n]=[]);return o.push(e),()=>{const t=o.indexOf(e);-1!==t&&o.splice(t,1)}}$set(t){var n;this.$$set&&(n=t,0!==Object.keys(n).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}});export{N as S,l as a,a as b,u as c,f as d,s as e,w as f,i as g,A as i,t as n,c as s};\n//# sourceMappingURL=index-64cccc06.js.map\n","import{S as s,i as t,a as e,b as i,f as a,s as l,c as r,n as c,d as h,e as d,g as n}from\"./index-64cccc06.js\";function $(s){let t,e,a,l,$,m;return{c(){t=r(\"svg\"),e=r(\"g\"),a=r(\"path\"),l=r(\"defs\"),$=r(\"clipPath\"),m=r(\"path\"),this.c=c,h(a,\"fill-rule\",\"evenodd\"),h(a,\"d\",\"M8.5 7a2 2 0 100-4 2 2 0 000 4zm0 14a2 2 0 100-4 2 2 0 000 4zm2-9a2 2 0 11-4 0 2 2 0 014 0zm5-5a2 2 0 100-4 2 2 0 000 4zm2 12a2 2 0 11-4 0 2 2 0 014 0zm-2-5a2 2 0 100-4 2 2 0 000 4z\"),h(e,\"clip-path\",\"url(#a)\"),h(m,\"d\",\"M0 0h24v24H0z\"),h($,\"id\",\"a\"),h(t,\"aria-hidden\",\"true\"),h(t,\"width\",s[4]),h(t,\"height\",s[4]),h(t,\"id\",s[0]),h(t,\"style\",s[1]),h(t,\"class\",s[2]),h(t,\"fill\",s[3]),h(t,\"xmlns\",\"http://www.w3.org/2000/svg\"),h(t,\"viewBox\",\"0 0 24 24\")},m(s,r){i(s,t,r),d(t,e),d(e,a),d(t,l),d(l,$),d($,m)},p(s,[e]){16&e&&h(t,\"width\",s[4]),16&e&&h(t,\"height\",s[4]),1&e&&h(t,\"id\",s[0]),2&e&&h(t,\"style\",s[1]),4&e&&h(t,\"class\",s[2]),8&e&&h(t,\"fill\",s[3])},i:c,o:c,d(s){s&&n(t)}}}function m(s,t,e){let{id:i}=t,{style:a}=t,{className:l}=t,{fill:r}=t,{size:c=\"1.5rem\"}=t;return s.$$set=s=>{\"id\"in s&&e(0,i=s.id),\"style\"in s&&e(1,a=s.style),\"className\"in s&&e(2,l=s.className),\"fill\"in s&&e(3,r=s.fill),\"size\"in s&&e(4,c=s.size)},[i,a,l,r,c]}class o extends s{constructor(s){super(),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},m,$,l,{id:0,style:1,className:2,fill:3,size:4},null),s&&(s.target&&i(s.target,this,s.anchor),s.props&&(this.$set(s.props),a()))}static get observedAttributes(){return[\"id\",\"style\",\"className\",\"fill\",\"size\"]}get id(){return this.$$.ctx[0]}set id(s){this.$$set({id:s}),a()}get style(){return this.$$.ctx[1]}set style(s){this.$$set({style:s}),a()}get className(){return this.$$.ctx[2]}set className(s){this.$$set({className:s}),a()}get fill(){return this.$$.ctx[3]}set fill(s){this.$$set({fill:s}),a()}get size(){return this.$$.ctx[4]}set size(s){this.$$set({size:s}),a()}}export{o as default};\n//# sourceMappingURL=DisplayMovingBlock24.js.map\n","<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n getDataAttribute,\n keyboardsKeys,\n } from '../../utilities/DataTableUtilities';\n\n import DisplayMovingBlock24 from './../../../public/icons/DisplayMovingBlock24.js';\n import type { HeadData } from './datatable.types';\n if (!customElements.get('navigation-display-movingblock-24px')) {\n customElements.define(\n 'navigation-display-movingblock-24px',\n DisplayMovingBlock24 as any,\n );\n }\n\n export let e2eAttributeSuffix: string | undefined;\n export let dataTableId: string | undefined;\n export let loading: boolean;\n export let searchPlaceholder: string;\n export let headTitles: HeadData[] = [];\n export let activateSettings: boolean;\n export let applyButtonSettingsLabel: string;\n export let resetButtonSettingsLabel: string;\n export let fixedFirstColumn: boolean;\n export let fixedFirstColumnLabel: string;\n export let searchValue = '';\n\n let eventHandler = new EventHandler();\n let openLayer: any = null;\n\n let mouseYCoordinate: any = null; // pointer y coordinate within client\n let distanceTopGrabbedVsPointer: any = null;\n\n let draggingItem: any = null;\n let draggingItemId: any = null;\n let draggingItemIndex: any = null;\n let initDatas: HeadData[] = [];\n let hoveredItemIndex: any = null;\n\n $: initDatas = headTitles ? headTitles.map((x) => Object.assign({}, x)) : [];\n\n $: {\n if (\n draggingItemIndex != null &&\n hoveredItemIndex != null &&\n draggingItemIndex != hoveredItemIndex\n ) {\n // Allows to swap the position of 2 elements when there is a drag n drop\n [initDatas[draggingItemIndex], initDatas[hoveredItemIndex]] = [\n initDatas[hoveredItemIndex],\n initDatas[draggingItemIndex],\n ];\n draggingItemIndex = hoveredItemIndex;\n }\n }\n\n function emitEvent(name: string, detail?: CustomEvent['detail']) {\n eventHandler.dispatch(name, detail || {});\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function onApplyClick() {\n if (initDatas != null) {\n headTitles = initDatas.map((x) => Object.assign({}, x));\n }\n emitEvent('apply-new-columns-order', {\n headTitle: headTitles,\n fixedFirstColumn: fixedFirstColumn,\n });\n closeLayerFn();\n }\n\n function onResetClick() {\n if (headTitles != null) {\n initDatas = headTitles.map((x) => Object.assign({}, x));\n }\n }\n\n function onHideColumnChange(item: HeadData) {\n item.hideColumn = item.hideColumn ? false : true;\n }\n\n function onFixedFirstColumn() {\n fixedFirstColumn = fixedFirstColumn ? false : true;\n }\n</script>\n\n<div class=\"mc-datatable__topbar-actions\">\n <div class=\"mc-left-icon-input\">\n <span class=\"mc-left-icon-input__icon\">\n <navigation-display-search-24px size=\"24px\" />\n </span>\n <input\n type=\"search\"\n class=\"mc-left-icon-input__input mc-text-input mc-text-input--s\"\n id=\"withIcon\"\n placeholder={searchPlaceholder}\n name=\"withIcon\"\n disabled={loading}\n spellcheck=\"false\"\n {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}SearchInput`)}\n bind:value={searchValue}\n on:input={() => emitEvent('input-search', searchValue)}\n on:keydown={(event) => {\n if (event.key === keyboardsKeys.ENTER) {\n emitEvent('submit-search', searchValue);\n }\n }}\n />\n </div>\n\n <button\n type=\"button\"\n class=\"mc-button mc-button--s mc-button--square mc-button--bordered {loading\n ? 'is-disabled'\n : ''}\"\n {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}FilterButton`)}\n on:click={() => emitEvent('click-filter')}\n >\n <span class=\"mc-button__icon\">\n <navigation-display-filter-24px size=\"24px\" />\n </span>\n </button>\n\n <button\n type=\"button\"\n class=\"mc-button mc-button--s mc-button--square mc-button--bordered-neutral {loading\n ? 'is-disabled'\n : ''}\"\n {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}SettingsButton`)}\n on:click={() => {\n if (activateSettings) {\n openLayerFn();\n } else {\n emitEvent('click-settings');\n }\n }}\n >\n <span class=\"mc-button__icon\">\n <navigation-display-setting-24px size=\"24px\" />\n </span>\n </button>\n</div>\n\n{#if activateSettings}\n <div>\n <m-layer\n title=\"Settings\"\n layertitletag=\"h3\"\n iconname=\"navigation-display-setting-24px\"\n isopen={openLayer}\n on:layer-closed={closeLayerFn}\n >\n <small slot=\"content\">\n <span class=\"settings__title\">Columns lock</span>\n <div class=\"settings__toggle-column-lock\">\n <m-toggle\n size=\"s\"\n name=\"form-toggle\"\n label={fixedFirstColumnLabel}\n checked={fixedFirstColumn}\n on:change={onFixedFirstColumn}\n />\n </div>\n <span class=\"settings__title\">Columns display</span>\n <div class=\"settings__columns-container\">\n {#if mouseYCoordinate}\n <div\n class=\"settings__columns-container-item settings__columns-container-item-ghost\"\n style=\"top: {mouseYCoordinate + distanceTopGrabbedVsPointer}px; \"\n >\n <div class=\"settings__column-icon-value\">\n <navigation-display-movingblock-24px fill=\"#666666\" />\n <input\n type=\"checkbox\"\n class=\"mc-checkbox__input settings__checkbox-hide-column\"\n checked={!draggingItem.hideColumn}\n />\n <span class=\"settings__column-value\">{draggingItem.label}</span>\n </div>\n </div>\n {/if}\n\n {#each initDatas as item, index (item)}\n <div\n class=\"settings__columns-container-item {draggingItemId == item.id\n ? 'settings__columns-container-item-invisible'\n : ''}\"\n draggable=\"true\"\n on:dragstart={(event) => {\n mouseYCoordinate = event.clientY;\n draggingItem = item;\n draggingItemIndex = index;\n draggingItemId = item.id;\n }}\n on:drag={(event) => {\n mouseYCoordinate = event.clientY;\n }}\n on:dragover={() => {\n hoveredItemIndex = index;\n }}\n on:dragend={() => {\n draggingItemId = null;\n hoveredItemIndex = null;\n }}\n >\n <div class=\"settings__column-icon-value\">\n <navigation-display-movingblock-24px fill=\"#666666\" />\n <input\n type=\"checkbox\"\n class=\"mc-checkbox__input settings__checkbox-hide-column\"\n checked={!item.hideColumn}\n on:change={() => onHideColumnChange(item)}\n />\n <span class=\"settings__column-value\">{item.label}</span>\n </div>\n </div>\n {/each}\n </div>\n </small>\n <small slot=\"footer\">\n <button\n on:click={onApplyClick}\n class=\"mc-button mc-button--m mc-button--fit\"\n >\n {applyButtonSettingsLabel}\n </button>\n <button\n on:click={onResetClick}\n class=\"mc-button mc-button--bordered mc-button--m mc-button--fit settings__reset-button\"\n >\n {resetButtonSettingsLabel}\n </button>\n </small>\n </m-layer>\n </div>\n{/if}\n\n<!-- svelte-ignore css-unused-selector -->\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n\n @import '@mozaic-ds/styles/generic/g.reset.scss';\n @import '@mozaic-ds/styles/components/c.badge';\n @import '@mozaic-ds/styles/components/c.button';\n @import '@mozaic-ds/styles/components/c.datatable-tools';\n @import '@mozaic-ds/styles/components/c.datatable-header';\n @import '@mozaic-ds/styles/components/c.text-input';\n @import '@mozaic-ds/styles/components/c.left-icon-input';\n @import '@mozaic-ds/styles/components/c.links';\n @import '@mozaic-ds/styles/components/c.tag';\n @import '@mozaic-ds/styles/components/c.toggle';\n @import '@mozaic-ds/styles/components/c.checkbox';\n\n .settings {\n &__title {\n font-weight: bold;\n }\n &__reset-button {\n margin-left: 25px;\n }\n &__column-icon-value {\n display: flex;\n text-align: center;\n align-items: center;\n }\n &__checkbox-hide-column {\n margin-left: 25px;\n }\n &__column-value {\n margin-left: 8px;\n }\n &__columns-container {\n margin-top: 25px;\n &-item {\n width: 300px;\n background: white;\n margin-bottom: 18px;\n cursor: grab;\n &-ghost {\n margin-bottom: 10px;\n pointer-events: none;\n z-index: 99;\n position: absolute;\n top: 0;\n left: 10;\n }\n &-invisible {\n opacity: 0;\n }\n }\n }\n &__toggle-column-lock {\n margin-top: 17px;\n margin-bottom: 17px;\n }\n }\n</style>\n"],"names":["t","n","e","Object","create","o","forEach","r","c","s","appendChild","a","insertBefore","i","parentNode","removeChild","u","document","createElementNS","f","removeAttribute","getAttribute","setAttribute","l","name","value","d","$","h","p","g","m","b","Promise","resolve","_","y","push","x","Set","k","w","length","E","$$","pop","has","add","clear","fragment","update","before_update","dirty","ctx","after_update","v","S","then","fill","A","props","not_equal","bound","on_mount","on_destroy","on_disconnect","context","Map","callbacks","skip_bound","root","target","hydrate","Array","from","childNodes","intro","delete","map","filter","anchor","customElement","N","this","id","style","className","size","$$set","HTMLElement","constructor","super","attachShadow","mode","connectedCallback","slotted","attributeChangedCallback","disconnectedCallback","$destroy","indexOf","C","$on","splice","$set","keys","shadowRoot","attributes","observedAttributes","create_if_block_1","insert","div2","append","m_layer","small0","span0","div0","m_toggle","span1","div1","small1","button0","button1","t2_value","label","input","checked","input_checked_value","hideColumn","set_style","distanceTopGrabbedVsPointer","navigation_display_movingblock_24px","span","set_data","t2","getDataAttribute","create_if_block","span2","class","button0_class_value","button1_class_value","customElements","get","define","DisplayMovingBlock24","e2eAttributeSuffix","$$props","dataTableId","loading","searchPlaceholder","headTitles","activateSettings","applyButtonSettingsLabel","resetButtonSettingsLabel","fixedFirstColumn","fixedFirstColumnLabel","searchValue","eventHandler","EventHandler","openLayer","mouseYCoordinate","draggingItem","draggingItemId","draggingItemIndex","initDatas","hoveredItemIndex","emitEvent","detail","dispatch","openLayerFn","$$invalidate","closeLayerFn","assign","headTitle","event","key","keyboardsKeys","ENTER","item","onHideColumnChange","clientY","index"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ const e=(e,l,t)=>{switch(e){case"Text":default:return l;case"CustomText":return(e=>{let l="";return e.map((e=>l+=`<div class="custom-text" ${e.style?`style="${e.style}"`:""}> ${e.text}</div>`)),l})(l);case"Number":return null!=(n=l)?`<span style="display: flex; justify-content: end;"> ${Number(n)} </span>`:"";case"Image":return`<img style="${(i=l).style||"width: 35px; height: 35px; margin-right: 8px;"}" src="${i.src||"/assets/no-picture.svg"}"/>`;case"Badge":return`<div class="mc-badge mc-badge--${(c=l).theme||"info"}">${c.content}</div>`;case"Link":return`<a class="mc-link" href=${(s=l).href} >${s.text}</a>`;case"FileFormat":return((e,l)=>`<div class="mc-tooltip mc-tooltip--top">\n <span id="tooltipTop" class="mc-tooltip__content" role="tooltip">\n ${e.documentNameTooltip}\n </span>\n <span class="mc-link" id=cell-file-${l} style="${e.style}"> ${e.documentName}</span>\n </div>`)(l,t);case"LinkWithoutRedirect":return((e,l)=>`<a class="mc-link" id=cell-link-${l} href=${e.href} onclick="return false;">${e.text}</a>`)(l,t);case"ProgressBar":return!0===l.branded?(d=l).labelOnLeft?`<div style="float: left;"><span>${d.value}%</span></div> \n <div style="margin-top: 0.4em;margin-left: 2.7em;"><m-progressbar value=${d.value} size='m' branded=${d.branded}></m-progressbar></div>`:`<m-progressbar value=${d.value} displaypercentage=${d.displaypercentage} size='${d.size}' branded=${d.branded}></m-progressbar>`:(e=>e.labelOnLeft?`<div style="float: left;"><span>${e.value}%</span></div> \n <div style="margin-top: 0.4em;margin-left: 2.7em;"><m-progressbar value=${e.value} size='m'></m-progressbar></div>`:`<m-progressbar value=${e.value} displaypercentage=${e.displaypercentage} size='${e.size}'></m-progressbar>`)(l);case"Button":return((e,l)=>{let t=`<m-button\n id=cell-button-${l}\n label="${e.label}"\n theme=${e.theme}\n iconname=${e.iconname}\n iconmode=${e.iconmode}\n size=${e.size} `;return e.bordered&&(t+=`bordered=${e.bordered} `),e.disabled&&(t+=`disabled=${e.disabled}`),t+="></m-button>",t})(l,t)}var d,s,c,i,n},l=(l,t)=>{const d=null==t?void 0:t.cells[l.id];return d||0===Number(d)?e(l.cellsFormat,d,t.id):""},t=(e,l)=>e?{[`data-${e||""}`]:l}:{},d=e=>e.filter((e=>!e.disableSelection)).filter((e=>!0===e.selected)).length===e.filter((e=>!e.disableSelection)).length&&e.filter((e=>!e.disableSelection)).length>0,s=e=>{let l=!1;return e.forEach((e=>{"subRow"in e&&(l=!0)})),l},c=e=>{let l;switch(e){case"na":case"desc":default:l="asc";break;case"asc":l="desc"}return l},i=(e,l,t,d)=>{let s;switch(t){default:case"Text":"asc"===d?s=(e,t)=>e.cells[l]>t.cells[l]?1:-1:"desc"===d&&(s=(e,t)=>e.cells[l]>t.cells[l]?-1:1);break;case"Badge":"asc"===d?s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.content)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.content)||"0")?1:-1}:"desc"===d&&(s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.content)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.content)||"0")?-1:1});break;case"Link":"asc"===d?s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.text)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.text)||"0")?1:-1}:"desc"===d&&(s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.text)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.text)||"0")?-1:1});break;case"CustomText":"asc"===d?s=(e,t)=>(e.cells[l][0].text||"0")>(t.cells[l][0].text||"0")?1:-1:"desc"===d&&(s=(e,t)=>(e.cells[l][0].text||"0")>(t.cells[l][0].text||"0")?-1:1)}return e.sort(s)},n=(e,l,t)=>{if(e<=10||t)return Array.from({length:e},((e,l)=>l+1));{const t=[1,2,3];t.includes(l-1)||l-1==0||t.push(l-1),t.includes(l)||t.push(l),t.includes(l+1)||l==e||t.push(l+1),t.push(e-2,e-1,e);const d=[...new Set(t)];return d.sort(((e,l)=>e-l)),d}},a=(e,l,t)=>(t&&null!=l&&(l.allSelected?e.selected?(l.excludedIdsFromSelection=[...l.excludedIdsFromSelection,e.id],l.excludedIdsFromSelection.length===l.totalItems&&(l.excludedIdsFromSelection=[],l.allSelected=!1)):l.excludedIdsFromSelection=[...l.excludedIdsFromSelection.filter((l=>l!==e.id))]:e.selected?l.idsSelected=[...l.idsSelected.filter((l=>l!==e.id))]:(l.idsSelected=[...l.idsSelected,e.id],l.idsSelected.length===l.totalItems&&(l.idsSelected=[],l.allSelected=!0))),l),r=(e,l,t,d,s)=>(t&&null!=l&&((null==l?void 0:l.allSelected)?d?(e.filter((e=>!e.disableSelection)).filter((e=>!((null==l?void 0:l.idsSelected)||[]).includes(e.id))).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected,e.id])})),e.filter((e=>!e.disableSelection)).forEach((e=>{if(null!=l){const t=l.excludedIdsFromSelection.indexOf(e.id,0);t>-1&&(l.excludedIdsFromSelection.splice(t,1),l.excludedIdsFromSelection=[...l.excludedIdsFromSelection])}})),l.idsSelected.length===l.totalItems&&(l.allSelected=!0,l.idsSelected=[])):(l.excludedIdsFromSelection=[...l.excludedIdsFromSelection,...e.filter((e=>!e.disableSelection)).map((e=>e.id))],l.excludedIdsFromSelection.length===l.totalItems&&(l.allSelected=!1,l.idsSelected=[],l.excludedIdsFromSelection=[])):s?(e.filter((e=>!e.disableSelection)).filter((e=>!((null==l?void 0:l.idsSelected)||[]).includes(e.id))).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected,e.id])})),l.idsSelected.length===l.totalItems&&(l.allSelected=!0,l.idsSelected=[])):e.filter((e=>!e.disableSelection)).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected.filter((l=>l!==e.id))])}))),l),o=e=>(null!=e&&(e.excludedIdsFromSelection=[],e.idsSelected=[],e.allSelected=!1),e),u=e=>(null!=e&&(e.excludedIdsFromSelection=[],e.idsSelected=[],e.allSelected=!0),e),m=(e,l,t)=>null!=l&&null!=t&&!(!l.allSelected&&e.filter((e=>!e.disableSelection)).map((e=>e.id)).every((e=>((null==l?void 0:l.idsSelected)||[]).includes(e)))||!l.allSelected&&0===l.idsSelected.length||l.allSelected&&!e.map((e=>e.id)).some((e=>((null==l?void 0:l.excludedIdsFromSelection)||[]).includes(e)))||l.allSelected&&0===l.excludedIdsFromSelection.length);var S;!function(e){e.ENTER="Enter"}(S||(S={}));export{d as a,c as b,s as c,r as d,o as e,l as f,t as g,a as h,m as i,n as j,S as k,i as o,u as s};
2
+ //# sourceMappingURL=DataTableUtilities-313a448d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableUtilities-313a448d.js","sources":["../../../src/utilities/DataTableUtilities.ts"],"sourcesContent":[null],"names":["getFormattedCell","headerFormat","cellValue","id","customText","customTextHtml","map","item","style","text","customTextFormatter","number","Number","image","src","badge","theme","content","link","href","file","documentNameTooltip","documentName","fileFormatter","linkWithoutRedirectFormatter","branded","progressBar","labelOnLeft","value","displaypercentage","size","progressBarFormatter","button","buttonText","label","iconname","iconmode","bordered","disabled","buttonFormatterBranded","getCellContent","headData","bodyData","cells","cellsFormat","getDataAttribute","attributeSuffix","areAllItemsSelected","items","filter","disableSelection","selected","length","checkSubRow","result","forEach","getSortDirection","initialSortDirection","sortDirection","onePageSort","columnId","compareFunction","a","b","_a","_b","sort","getPageSelectOptionsArray","totalPages","currentPage","showAllPages","Array","from","_","i","pagesArray","includes","push","optionsArray","Set","handleCountItemSelection","selectionParams","showSelectionCount","allSelected","excludedIdsFromSelection","totalItems","itemDeselected","idsSelected","idSelected","handleCountAllSelection","indeterminate","allItems","undefined","index","indexOf","splice","clearSelection","selectAll","isHeaderSelectCheckboxIndeterminate","every","some","keyboardsKeys"],"mappings":"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"}
@@ -48,6 +48,7 @@ import Sidebar from './components/sidebar/Sidebar.js';
48
48
  import OptionButton from './components/optionbutton/OptionButton.js';
49
49
  import Header from './components/header/Header.js';
50
50
  import TagList from './components/taglist/TagList.js';
51
+ import Kpi from './components/kpi/Kpi.js';
51
52
 
52
53
  if (!customElements.get('m-accordion')) {
53
54
  customElements.define('m-accordion', Accordion);
@@ -247,3 +248,7 @@ if (!customElements.get('m-header')) {
247
248
  if (!customElements.get('m-taglist')) {
248
249
  customElements.define('m-taglist', TagList);
249
250
  }
251
+
252
+ if (!customElements.get('m-kpi')) {
253
+ customElements.define('m-kpi', Kpi);
254
+ }
@@ -140,6 +140,7 @@
140
140
  const { left, top, width } = (
141
141
  e.target as HTMLElement
142
142
  ).getBoundingClientRect();
143
+ console.log(xSubgroup.bandwidth());
143
144
  tooltipData = {
144
145
  show: true,
145
146
  text: chartEvent.customtooltip
@@ -271,16 +272,14 @@
271
272
  </script>
272
273
 
273
274
  <div bind:this={chart} style="background-color: {backgroundcolor};" />
274
-
275
275
  {#if tooltipData.show}
276
276
  <div
277
277
  class="tooltip"
278
- style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}
278
+ style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px;`}
279
279
  >
280
280
  {tooltipData.text}
281
281
  </div>
282
282
  {/if}
283
-
284
283
  <div style="height: 0; width: 0;" class="pattern">
285
284
  {#each parsedSvgs as svg}
286
285
  {@html svg}
@@ -297,7 +296,7 @@
297
296
  border-radius: 4px;
298
297
  color: $color-grey-000;
299
298
  text-align: center;
300
- padding: magic-unit-rem(0.5) 0;
299
+ padding: $mu050 $mu100;
301
300
  position: absolute;
302
301
  }
303
302
 
@@ -1,2 +1,2 @@
1
- import{S as t,i as e,a as r,b as s,f as a,s as o,e as i,d as n,T as c,n as l,y as u,g as d,o as m,J as h,a1 as g,t as f,j as p,k as $,K as x,v as b,Z as k}from"../../index-c33b3772.js";import{s as y}from"../../transform-15d69d5d.js";import{E as v}from"../../EventHandler-02058705.js";import{a as w,b as A}from"../../axis-fbc0f7b5.js";import{b as N}from"../../band-d7a07d2c.js";import{l as S}from"../../linear-f46d7e9e.js";function j(t,e,r){const s=t.slice();return s[4]=e[r],s}function E(t){let e,r,a,o=t[2].text+"";return{c(){e=i("div"),r=f(o),d(e,"class","tooltip"),d(e,"style",a=`top: ${t[2].top}px; left: ${t[2].left}px; width: ${t[2].width}px;`)},m(t,a){s(t,e,a),p(e,r)},p(t,s){4&s[0]&&o!==(o=t[2].text+"")&&$(r,o),4&s[0]&&a!==(a=`top: ${t[2].top}px; left: ${t[2].left}px; width: ${t[2].width}px;`)&&d(e,"style",a)},d(t){t&&m(e)}}}function C(t){let e,r,a=t[4]+"";return{c(){e=new k(!1),r=x(),e.a=r},m(t,o){e.m(a,t,o),s(t,r,o)},p(t,r){8&r[0]&&a!==(a=t[4]+"")&&e.p(a)},d(t){t&&m(r),t&&e.d()}}}function O(t){let e,r,a,o,g,f,p=t[2].show&&E(t),$=t[3],x=[];for(let e=0;e<$.length;e+=1)x[e]=C(j(t,$,e));return{c(){e=i("div"),r=n(),p&&p.c(),a=n(),o=i("div");for(let t=0;t<x.length;t+=1)x[t].c();g=n(),f=c("text"),this.c=l,u(e,"background-color",t[0]),u(o,"height","0"),u(o,"width","0"),d(o,"class","pattern")},m(i,n){s(i,e,n),t[18](e),s(i,r,n),p&&p.m(i,n),s(i,a,n),s(i,o,n);for(let t=0;t<x.length;t+=1)x[t]&&x[t].m(o,null);s(i,g,n),s(i,f,n)},p(t,r){if(1&r[0]&&u(e,"background-color",t[0]),t[2].show?p?p.p(t,r):(p=E(t),p.c(),p.m(a.parentNode,a)):p&&(p.d(1),p=null),8&r[0]){let e;for($=t[3],e=0;e<$.length;e+=1){const s=j(t,$,e);x[e]?x[e].p(s,r):(x[e]=C(s),x[e].c(),x[e].m(o,null))}for(;e<x.length;e+=1)x[e].d(1);x.length=$.length}},i:l,o:l,d(s){s&&m(e),t[18](null),s&&m(r),p&&p.d(s),s&&m(a),s&&m(o),h(x,s),s&&m(g),s&&m(f)}}}function J(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function R(t,e,r){let s,a,o,i,n,{data:c=""}=e,{chartheight:l="300"}=e,{backgroundcolor:u="#fff"}=e,{scalemax:d=50}=e,{scalemin:m=0}=e,{color:h="#0B96CC"}=e,{ticknumbers:f=4}=e,{tickleftformat:p}=e;p=t=>`${t}`;let $,x,k,{tickbottomformat:j=(t=>`${t}`)}=e,{svgs:E}=e,{margins:C}=e,O=!1,R={show:!1,text:"",top:0,left:0,width:0},z=new v;function F(){let t=y(x).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function q(t){return n.map((e=>({key:e,value:t[e].value,customtooltip:t[e].customtooltip})))}function B(t){const e=N().domain(s).range([0,t-(J(C).left/2+J(C).right/2)]).padding(.2),r=S().domain([m,d]).range([a,0]),o=N().domain(n).range([0,e.bandwidth()]).padding(.05);return{x:e,y:r,xSubgroup:o}}function I(t,e,s){k.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>q(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(()=>s(0))).attr("width",e.bandwidth()).attr("height",(()=>a-s(0))).style("fill",(()=>h)).style("cursor","pointer").on("mouseout",((t,e)=>{k.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(2,R.show=!1,R)})).on("mouseover",((t,e)=>{k.selectAll("rect").filter((function(t){return t!=e})).style("opacity",.7);const{left:s,top:a,width:o}=t.target.getBoundingClientRect();r(2,R={show:!0,text:e.customtooltip?`${e.customtooltip}`:`${e.key} - ${e.value}`,left:s,top:a-50,width:o})})).on("click",((t,e)=>{z.dispatch("bar-clicked",e)})),k.selectAll("rect").transition().duration(800).attr("y",(t=>+t.value<0?s(0):s(+t.value))).attr("height",(t=>+t.value<0?s(+t.value)-s(0):a-s(+t.value+Number(m)))).delay(((t,e)=>100*e))}function D(t,e){k.select(".x-axis").call(w(t).tickFormat(j)),k.select(".y-axis").call(A(e).ticks(f).tickFormat(p));const r=F();k.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function H(){var t;if($){const e=F();null===(t=x.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);D(r,s),k.selectAll(".bar").data(i).attr("transform",(t=>`translate(${Number(r(t.group))}, 0)`)).selectAll("rect").data((t=>q(t))).attr("x",(t=>a(t.key))).attr("width",a.bandwidth())}}return g((()=>{new ResizeObserver(H).observe(x),r(17,O=!0)})),t.$$set=t=>{"data"in t&&r(6,c=t.data),"chartheight"in t&&r(7,l=t.chartheight),"backgroundcolor"in t&&r(0,u=t.backgroundcolor),"scalemax"in t&&r(8,d=t.scalemax),"scalemin"in t&&r(9,m=t.scalemin),"color"in t&&r(10,h=t.color),"ticknumbers"in t&&r(11,f=t.ticknumbers),"tickleftformat"in t&&r(5,p=t.tickleftformat),"tickbottomformat"in t&&r(12,j=t.tickbottomformat),"svgs"in t&&r(13,E=t.svgs),"margins"in t&&r(14,C=t.margins)},t.$$.update=()=>{64&t.$$.dirty[0]&&r(15,i=c?JSON.parse(c):[]),32768&t.$$.dirty[0]&&(s=i.map((t=>t.group))),32768&t.$$.dirty[0]&&(n=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),128&t.$$.dirty[0]&&(a=parseInt(l,10)),8192&t.$$.dirty[0]&&r(3,o=E?JSON.parse(E):[]),196672&t.$$.dirty[0]&&c.length>0&&O&&($?c!==$&&(!function(){var t;const e=F();null===(t=x.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);D(r,s),k.selectAll(".bar").remove(),I(r,a,s)}(),r(16,$=c)):(!function(){const t=F(),{x:e,y:s,xSubgroup:o}=B(t);r(4,k=y(x).append("svg").attr("width",t).attr("height",Number(a)+Number(J(C).top)+Number(J(C).bottom)+Number(J(C).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${J(C).left/2+J(C).right/2},${J(C).top})`)),k.append("g").attr("transform",`translate(0, ${Number(a)+Number(J(C).xAxis)})`).call(w(e)).attr("class","x-axis").attr("stroke-width","0"),k.append("g").call(A(s).ticks(f).tickFormat(p)).attr("class","y-axis").attr("stroke-width","0"),I(e,o,s)}(),r(16,$=c)))},[u,x,R,o,k,p,c,l,d,m,h,f,j,E,C,i,$,O,function(t){b[t?"unshift":"push"]((()=>{x=t,r(1,x)}))}]}class z extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 0;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},R,O,o,{data:6,chartheight:7,backgroundcolor:0,scalemax:8,scalemin:9,color:10,ticknumbers:11,tickleftformat:5,tickbottomformat:12,svgs:13,margins:14},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","tickbottomformat","svgs","margins"]}get data(){return this.$$.ctx[6]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[7]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),a()}get scalemin(){return this.$$.ctx[9]}set scalemin(t){this.$$set({scalemin:t}),a()}get color(){return this.$$.ctx[10]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[11]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[5]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[14]}set margins(t){this.$$set({margins:t}),a()}}export{z as default};
1
+ import{S as t,i as e,a as r,b as s,f as a,s as o,e as i,d as n,T as c,n as l,y as u,g as m,o as d,J as h,a1 as g,t as f,j as p,k as $,K as b,v as x,Z as k}from"../../index-c33b3772.js";import{s as y}from"../../transform-15d69d5d.js";import{E as v}from"../../EventHandler-02058705.js";import{a as w,b as A}from"../../axis-fbc0f7b5.js";import{b as N}from"../../band-d7a07d2c.js";import{l as S}from"../../linear-f46d7e9e.js";function j(t,e,r){const s=t.slice();return s[4]=e[r],s}function E(t){let e,r,a,o=t[2].text+"";return{c(){e=i("div"),r=f(o),m(e,"class","tooltip"),m(e,"style",a=`top: ${t[2].top}px; left: ${t[2].left}px;`)},m(t,a){s(t,e,a),p(e,r)},p(t,s){4&s[0]&&o!==(o=t[2].text+"")&&$(r,o),4&s[0]&&a!==(a=`top: ${t[2].top}px; left: ${t[2].left}px;`)&&m(e,"style",a)},d(t){t&&d(e)}}}function C(t){let e,r,a=t[4]+"";return{c(){e=new k(!1),r=b(),e.a=r},m(t,o){e.m(a,t,o),s(t,r,o)},p(t,r){8&r[0]&&a!==(a=t[4]+"")&&e.p(a)},d(t){t&&d(r),t&&e.d()}}}function O(t){let e,r,a,o,g,f,p=t[2].show&&E(t),$=t[3],b=[];for(let e=0;e<$.length;e+=1)b[e]=C(j(t,$,e));return{c(){e=i("div"),r=n(),p&&p.c(),a=n(),o=i("div");for(let t=0;t<b.length;t+=1)b[t].c();g=n(),f=c("text"),this.c=l,u(e,"background-color",t[0]),u(o,"height","0"),u(o,"width","0"),m(o,"class","pattern")},m(i,n){s(i,e,n),t[18](e),s(i,r,n),p&&p.m(i,n),s(i,a,n),s(i,o,n);for(let t=0;t<b.length;t+=1)b[t]&&b[t].m(o,null);s(i,g,n),s(i,f,n)},p(t,r){if(1&r[0]&&u(e,"background-color",t[0]),t[2].show?p?p.p(t,r):(p=E(t),p.c(),p.m(a.parentNode,a)):p&&(p.d(1),p=null),8&r[0]){let e;for($=t[3],e=0;e<$.length;e+=1){const s=j(t,$,e);b[e]?b[e].p(s,r):(b[e]=C(s),b[e].c(),b[e].m(o,null))}for(;e<b.length;e+=1)b[e].d(1);b.length=$.length}},i:l,o:l,d(s){s&&d(e),t[18](null),s&&d(r),p&&p.d(s),s&&d(a),s&&d(o),h(b,s),s&&d(g),s&&d(f)}}}function J(t){return t?JSON.parse(t):{top:10,right:40,bottom:20,left:60,xAxis:20}}function R(t,e,r){let s,a,o,i,n,{data:c=""}=e,{chartheight:l="300"}=e,{backgroundcolor:u="#fff"}=e,{scalemax:m=50}=e,{scalemin:d=0}=e,{color:h="#0B96CC"}=e,{ticknumbers:f=4}=e,{tickleftformat:p}=e;p=t=>`${t}`;let $,b,k,{tickbottomformat:j=(t=>`${t}`)}=e,{svgs:E}=e,{margins:C}=e,O=!1,R={show:!1,text:"",top:0,left:0,width:0},z=new v;function F(){let t=y(b).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function q(t){return n.map((e=>({key:e,value:t[e].value,customtooltip:t[e].customtooltip})))}function B(t){const e=N().domain(s).range([0,t-(J(C).left/2+J(C).right/2)]).padding(.2),r=S().domain([d,m]).range([a,0]),o=N().domain(n).range([0,e.bandwidth()]).padding(.05);return{x:e,y:r,xSubgroup:o}}function I(t,e,s){k.append("g").selectAll("g").data(i).join("g").attr("transform",(e=>`translate(${String(t(e.group))}, 0)`)).attr("class","bar").selectAll("rect").data((t=>q(t))).join("rect").attr("x",(t=>e(t.key))).attr("y",(()=>s(0))).attr("width",e.bandwidth()).attr("height",(()=>a-s(0))).style("fill",(()=>h)).style("cursor","pointer").on("mouseout",((t,e)=>{k.selectAll("rect").filter((function(t){return t!=e})).style("opacity",1),r(2,R.show=!1,R)})).on("mouseover",((t,s)=>{k.selectAll("rect").filter((function(t){return t!=s})).style("opacity",.7);const{left:a,top:o,width:i}=t.target.getBoundingClientRect();console.log(e.bandwidth()),r(2,R={show:!0,text:s.customtooltip?`${s.customtooltip}`:`${s.key} - ${s.value}`,left:a,top:o-50,width:i})})).on("click",((t,e)=>{z.dispatch("bar-clicked",e)})),k.selectAll("rect").transition().duration(800).attr("y",(t=>+t.value<0?s(0):s(+t.value))).attr("height",(t=>+t.value<0?s(+t.value)-s(0):a-s(+t.value+Number(d)))).delay(((t,e)=>100*e))}function D(t,e){k.select(".x-axis").call(w(t).tickFormat(j)),k.select(".y-axis").call(A(e).ticks(f).tickFormat(p));const r=F();k.selectAll(".y-axis .tick line").attr("stroke","#EEEDEA").attr("stroke-width","1px").attr("x2",r)}function H(){var t;if($){const e=F();null===(t=b.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);D(r,s),k.selectAll(".bar").data(i).attr("transform",(t=>`translate(${Number(r(t.group))}, 0)`)).selectAll("rect").data((t=>q(t))).attr("x",(t=>a(t.key))).attr("width",a.bandwidth())}}return g((()=>{new ResizeObserver(H).observe(b),r(17,O=!0)})),t.$$set=t=>{"data"in t&&r(6,c=t.data),"chartheight"in t&&r(7,l=t.chartheight),"backgroundcolor"in t&&r(0,u=t.backgroundcolor),"scalemax"in t&&r(8,m=t.scalemax),"scalemin"in t&&r(9,d=t.scalemin),"color"in t&&r(10,h=t.color),"ticknumbers"in t&&r(11,f=t.ticknumbers),"tickleftformat"in t&&r(5,p=t.tickleftformat),"tickbottomformat"in t&&r(12,j=t.tickbottomformat),"svgs"in t&&r(13,E=t.svgs),"margins"in t&&r(14,C=t.margins)},t.$$.update=()=>{64&t.$$.dirty[0]&&r(15,i=c?JSON.parse(c):[]),32768&t.$$.dirty[0]&&(s=i.map((t=>t.group))),32768&t.$$.dirty[0]&&(n=i[0]?Object.keys(i[0]).filter((t=>"group"!==t)):[]),128&t.$$.dirty[0]&&(a=parseInt(l,10)),8192&t.$$.dirty[0]&&r(3,o=E?JSON.parse(E):[]),196672&t.$$.dirty[0]&&c.length>0&&O&&($?c!==$&&(!function(){var t;const e=F();null===(t=b.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`);const{x:r,y:s,xSubgroup:a}=B(e);D(r,s),k.selectAll(".bar").remove(),I(r,a,s)}(),r(16,$=c)):(!function(){const t=F(),{x:e,y:s,xSubgroup:o}=B(t);r(4,k=y(b).append("svg").attr("width",t).attr("height",Number(a)+Number(J(C).top)+Number(J(C).bottom)+Number(J(C).xAxis)).attr("id","svg-chart").append("g").attr("transform",`translate(${J(C).left/2+J(C).right/2},${J(C).top})`)),k.append("g").attr("transform",`translate(0, ${Number(a)+Number(J(C).xAxis)})`).call(w(e)).attr("class","x-axis").attr("stroke-width","0"),k.append("g").call(A(s).ticks(f).tickFormat(p)).attr("class","y-axis").attr("stroke-width","0"),I(e,o,s)}(),r(16,$=c)))},[u,b,R,o,k,p,c,l,m,d,h,f,j,E,C,i,$,O,function(t){x[t?"unshift":"push"]((()=>{b=t,r(1,b)}))}]}class z extends t{constructor(t){super();const i=document.createElement("style");i.textContent='.tooltip{height:auto;background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;position:absolute}.pattern{z-index:-1;position:relative}text{font-family:"LeroyMerlin", sans-serif;font-size:0.875rem;color:#4d4d4d}',this.shadowRoot.appendChild(i),e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},R,O,o,{data:6,chartheight:7,backgroundcolor:0,scalemax:8,scalemin:9,color:10,ticknumbers:11,tickleftformat:5,tickbottomformat:12,svgs:13,margins:14},null,[-1,-1]),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),a()))}static get observedAttributes(){return["data","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","tickbottomformat","svgs","margins"]}get data(){return this.$$.ctx[6]}set data(t){this.$$set({data:t}),a()}get chartheight(){return this.$$.ctx[7]}set chartheight(t){this.$$set({chartheight:t}),a()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),a()}get scalemax(){return this.$$.ctx[8]}set scalemax(t){this.$$set({scalemax:t}),a()}get scalemin(){return this.$$.ctx[9]}set scalemin(t){this.$$set({scalemin:t}),a()}get color(){return this.$$.ctx[10]}set color(t){this.$$set({color:t}),a()}get ticknumbers(){return this.$$.ctx[11]}set ticknumbers(t){this.$$set({ticknumbers:t}),a()}get tickleftformat(){return this.$$.ctx[5]}set tickleftformat(t){this.$$set({tickleftformat:t}),a()}get tickbottomformat(){return this.$$.ctx[12]}set tickbottomformat(t){this.$$set({tickbottomformat:t}),a()}get svgs(){return this.$$.ctx[13]}set svgs(t){this.$$set({svgs:t}),a()}get margins(){return this.$$.ctx[14]}set margins(t){this.$$set({margins:t}),a()}}export{z as default};
2
2
  //# sourceMappingURL=BarChart.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BarChart.js","sources":["../../../../src/components/chart/BarChart.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n select,\n scaleBand,\n scaleLinear,\n axisBottom,\n axisLeft,\n Selection,\n ScaleBand,\n ScaleLinear,\n } from 'd3';\n import { onMount } from 'svelte';\n import type { BarData, BarKeyValue, BarMargin } from './bar-chart.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let data = '';\n let parsedData: BarData[];\n let subgroups: string[];\n $: parsedData = data ? (JSON.parse(data) as BarData[]) : [];\n $: groups = parsedData.map((d: BarData) => d.group);\n $: subgroups = parsedData[0]\n ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n : [];\n\n export let chartheight = '300';\n $: height = parseInt(chartheight, 10);\n\n export let backgroundcolor = '#fff';\n export let scalemax = 50;\n export let scalemin = 0;\n export let color = '#0B96CC';\n export let ticknumbers = 4;\n export let tickleftformat: (d: number, i: number) => string;\n tickleftformat = (d) => `${d}`;\n export let tickbottomformat: (d: number, i: number) => string = (d) => `${d}`;\n\n export let svgs: string;\n $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n export let margins: string;\n\n let _data: string;\n let chart: HTMLDivElement;\n let svg: Selection<SVGGElement, any, any, any>;\n let hasMounted = false;\n let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n let eventHandler = new EventHandler();\n\n $: if (data.length > 0 && hasMounted) {\n if (!_data) {\n render();\n _data = data;\n } else if (data !== _data) {\n update();\n _data = data;\n }\n }\n\n function getParsedMargins(margins: string): BarMargin {\n if (margins) return JSON.parse(margins) as BarMargin;\n else\n return {\n top: 10,\n right: 40,\n bottom: 20,\n left: 60,\n xAxis: 20,\n } as BarMargin;\n }\n\n function getChartWidth() {\n let chartWidth = select(chart).style('width');\n if (chartWidth === '' || !chartWidth) {\n chartWidth = `${window.innerWidth / 2}`;\n }\n return parseInt(chartWidth);\n }\n\n function getBarKeyValue(d: BarData): BarKeyValue[] {\n return subgroups.map((key) => ({\n key: key,\n value: d[key].value,\n customtooltip: d[key].customtooltip,\n }));\n }\n\n function getAxes(width: number) {\n const x = scaleBand()\n .domain(groups)\n .range([\n 0,\n width -\n (getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2),\n ])\n .padding(0.2);\n const y = scaleLinear().domain([scalemin, scalemax]).range([height, 0]);\n const xSubgroup = scaleBand()\n .domain(subgroups)\n .range([0, x.bandwidth()])\n .padding(0.05);\n return { x, y, xSubgroup };\n }\n\n function addRectandles(\n x: ScaleBand<string>,\n xSubgroup: ScaleBand<string>,\n y: ScaleLinear<number, number, never>,\n ) {\n svg\n .append('g')\n .selectAll('g')\n .data(parsedData)\n .join('g')\n .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n .attr('class', 'bar')\n .selectAll('rect')\n .data((d) => getBarKeyValue(d))\n .join('rect')\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('y', () => y(0))\n .attr('width', xSubgroup.bandwidth())\n .attr('height', () => height - y(0))\n .style('fill', () => color)\n .style('cursor', 'pointer')\n .on('mouseout', (_e: MouseEvent, chartEvent: BarKeyValue) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 1);\n tooltipData.show = false;\n })\n .on('mouseover', (e: MouseEvent, chartEvent: BarKeyValue) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 0.7);\n const { left, top, width } = (\n e.target as HTMLElement\n ).getBoundingClientRect();\n tooltipData = {\n show: true,\n text: chartEvent.customtooltip\n ? `${chartEvent.customtooltip}`\n : `${chartEvent.key} - ${chartEvent.value}`,\n left: left,\n top: top - 50,\n width,\n };\n })\n .on('click', (_e: MouseEvent, chartEvent: BarKeyValue) => {\n eventHandler.dispatch('bar-clicked', chartEvent);\n });\n\n svg\n .selectAll<SVGElement, BarKeyValue>('rect')\n .transition()\n .duration(800)\n .attr('y', (d) => (+d.value < 0 ? y(0) : y(+d.value)))\n .attr('height', (d) =>\n +d.value < 0\n ? y(+d.value) - y(0)\n : height - y(+d.value + Number(scalemin)),\n )\n .delay((_d, i) => i * 100);\n }\n\n function updateAxes(\n x: ScaleBand<string>,\n y: ScaleLinear<number, number, never>,\n ) {\n svg\n .select('.x-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n svg\n .select('.y-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat));\n\n const width = getChartWidth();\n svg\n .selectAll('.y-axis .tick line')\n .attr('stroke', '#EEEDEA')\n .attr('stroke-width', '1px')\n .attr('x2', width);\n }\n\n function render() {\n const width = getChartWidth();\n const { x, y, xSubgroup } = getAxes(width);\n\n svg = select<HTMLElement, any>(chart)\n .append('svg')\n .attr('width', width)\n .attr(\n 'height',\n Number(height) +\n Number(getParsedMargins(margins).top) +\n Number(getParsedMargins(margins).bottom) +\n Number(getParsedMargins(margins).xAxis),\n )\n .attr('id', 'svg-chart')\n .append('g')\n .attr(\n 'transform',\n `translate(${\n getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2\n },${getParsedMargins(margins).top})`,\n );\n\n svg\n .append('g')\n .attr(\n 'transform',\n `translate(0, ${\n Number(height) + Number(getParsedMargins(margins).xAxis)\n })`,\n )\n .call(axisBottom(x))\n .attr('class', 'x-axis')\n .attr('stroke-width', '0');\n\n svg\n .append('g')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat))\n .attr('class', 'y-axis')\n .attr('stroke-width', '0');\n\n addRectandles(x, xSubgroup, y);\n }\n\n function update() {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, y, xSubgroup } = getAxes(width);\n updateAxes(x, y);\n svg.selectAll('.bar').remove();\n addRectandles(x, xSubgroup, y);\n }\n\n function resize() {\n if (_data) {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, y, xSubgroup } = getAxes(width);\n updateAxes(x, y);\n\n svg\n .selectAll('.bar')\n .data(parsedData)\n .attr('transform', (d) => `translate(${Number(x(d.group))}, 0)`)\n .selectAll<SVGElement, BarKeyValue>('rect')\n .data((d) => getBarKeyValue(d))\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('width', xSubgroup.bandwidth());\n }\n }\n\n onMount(() => {\n const resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(chart);\n hasMounted = true;\n });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n\n{#if tooltipData.show}\n <div\n class=\"tooltip\"\n style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}\n >\n {tooltipData.text}\n </div>\n{/if}\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n {#each parsedSvgs as svg}\n {@html svg}\n {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n .tooltip {\n height: auto;\n background-color: $color-grey-700;\n border-radius: 4px;\n color: $color-grey-000;\n text-align: center;\n padding: magic-unit-rem(0.5) 0;\n position: absolute;\n }\n\n .pattern {\n z-index: -1;\n position: relative;\n }\n\n text {\n font-family: 'LeroyMerlin', sans-serif;\n font-size: $size-font-04;\n color: $color-grey-700;\n }\n</style>\n"],"names":["t_value","ctx","text","top","left","width","insert","target","div","anchor","dirty","set_data","t","html_tag","p","raw_value","if_block","show","create_if_block","length","i","div0","div1","text_1","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","parsedData","subgroups","data","$$props","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","d","_data","chart","svg","tickbottomformat","svgs","hasMounted","tooltipData","eventHandler","EventHandler","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getBarKeyValue","map","key","value","customtooltip","getAxes","x","scaleBand","domain","groups","range","padding","y","scaleLinear","height","xSubgroup","bandwidth","addRectandles","append","selectAll","join","attr","String","group","on","_e","chartEvent","filter","arc","e","getBoundingClientRect","dispatch","transition","duration","Number","delay","_d","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","resize","_a","querySelector","setAttribute","onMount","ResizeObserver","observe","$$invalidate","Object","keys","parsedSvgs","remove","update","render","$$value"],"mappings":"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"}
1
+ {"version":3,"file":"BarChart.js","sources":["../../../../src/components/chart/BarChart.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n select,\n scaleBand,\n scaleLinear,\n axisBottom,\n axisLeft,\n Selection,\n ScaleBand,\n ScaleLinear,\n } from 'd3';\n import { onMount } from 'svelte';\n import type { BarData, BarKeyValue, BarMargin } from './bar-chart.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let data = '';\n let parsedData: BarData[];\n let subgroups: string[];\n $: parsedData = data ? (JSON.parse(data) as BarData[]) : [];\n $: groups = parsedData.map((d: BarData) => d.group);\n $: subgroups = parsedData[0]\n ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n : [];\n\n export let chartheight = '300';\n $: height = parseInt(chartheight, 10);\n\n export let backgroundcolor = '#fff';\n export let scalemax = 50;\n export let scalemin = 0;\n export let color = '#0B96CC';\n export let ticknumbers = 4;\n export let tickleftformat: (d: number, i: number) => string;\n tickleftformat = (d) => `${d}`;\n export let tickbottomformat: (d: number, i: number) => string = (d) => `${d}`;\n\n export let svgs: string;\n $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n export let margins: string;\n\n let _data: string;\n let chart: HTMLDivElement;\n let svg: Selection<SVGGElement, any, any, any>;\n let hasMounted = false;\n let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n let eventHandler = new EventHandler();\n\n $: if (data.length > 0 && hasMounted) {\n if (!_data) {\n render();\n _data = data;\n } else if (data !== _data) {\n update();\n _data = data;\n }\n }\n\n function getParsedMargins(margins: string): BarMargin {\n if (margins) return JSON.parse(margins) as BarMargin;\n else\n return {\n top: 10,\n right: 40,\n bottom: 20,\n left: 60,\n xAxis: 20,\n } as BarMargin;\n }\n\n function getChartWidth() {\n let chartWidth = select(chart).style('width');\n if (chartWidth === '' || !chartWidth) {\n chartWidth = `${window.innerWidth / 2}`;\n }\n return parseInt(chartWidth);\n }\n\n function getBarKeyValue(d: BarData): BarKeyValue[] {\n return subgroups.map((key) => ({\n key: key,\n value: d[key].value,\n customtooltip: d[key].customtooltip,\n }));\n }\n\n function getAxes(width: number) {\n const x = scaleBand()\n .domain(groups)\n .range([\n 0,\n width -\n (getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2),\n ])\n .padding(0.2);\n const y = scaleLinear().domain([scalemin, scalemax]).range([height, 0]);\n const xSubgroup = scaleBand()\n .domain(subgroups)\n .range([0, x.bandwidth()])\n .padding(0.05);\n return { x, y, xSubgroup };\n }\n\n function addRectandles(\n x: ScaleBand<string>,\n xSubgroup: ScaleBand<string>,\n y: ScaleLinear<number, number, never>,\n ) {\n svg\n .append('g')\n .selectAll('g')\n .data(parsedData)\n .join('g')\n .attr('transform', (d) => `translate(${String(x(d.group))}, 0)`)\n .attr('class', 'bar')\n .selectAll('rect')\n .data((d) => getBarKeyValue(d))\n .join('rect')\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('y', () => y(0))\n .attr('width', xSubgroup.bandwidth())\n .attr('height', () => height - y(0))\n .style('fill', () => color)\n .style('cursor', 'pointer')\n .on('mouseout', (_e: MouseEvent, chartEvent: BarKeyValue) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 1);\n tooltipData.show = false;\n })\n .on('mouseover', (e: MouseEvent, chartEvent: BarKeyValue) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 0.7);\n const { left, top, width } = (\n e.target as HTMLElement\n ).getBoundingClientRect();\n console.log(xSubgroup.bandwidth());\n tooltipData = {\n show: true,\n text: chartEvent.customtooltip\n ? `${chartEvent.customtooltip}`\n : `${chartEvent.key} - ${chartEvent.value}`,\n left: left,\n top: top - 50,\n width,\n };\n })\n .on('click', (_e: MouseEvent, chartEvent: BarKeyValue) => {\n eventHandler.dispatch('bar-clicked', chartEvent);\n });\n\n svg\n .selectAll<SVGElement, BarKeyValue>('rect')\n .transition()\n .duration(800)\n .attr('y', (d) => (+d.value < 0 ? y(0) : y(+d.value)))\n .attr('height', (d) =>\n +d.value < 0\n ? y(+d.value) - y(0)\n : height - y(+d.value + Number(scalemin)),\n )\n .delay((_d, i) => i * 100);\n }\n\n function updateAxes(\n x: ScaleBand<string>,\n y: ScaleLinear<number, number, never>,\n ) {\n svg\n .select('.x-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n svg\n .select('.y-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat));\n\n const width = getChartWidth();\n svg\n .selectAll('.y-axis .tick line')\n .attr('stroke', '#EEEDEA')\n .attr('stroke-width', '1px')\n .attr('x2', width);\n }\n\n function render() {\n const width = getChartWidth();\n const { x, y, xSubgroup } = getAxes(width);\n\n svg = select<HTMLElement, any>(chart)\n .append('svg')\n .attr('width', width)\n .attr(\n 'height',\n Number(height) +\n Number(getParsedMargins(margins).top) +\n Number(getParsedMargins(margins).bottom) +\n Number(getParsedMargins(margins).xAxis),\n )\n .attr('id', 'svg-chart')\n .append('g')\n .attr(\n 'transform',\n `translate(${\n getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2\n },${getParsedMargins(margins).top})`,\n );\n\n svg\n .append('g')\n .attr(\n 'transform',\n `translate(0, ${\n Number(height) + Number(getParsedMargins(margins).xAxis)\n })`,\n )\n .call(axisBottom(x))\n .attr('class', 'x-axis')\n .attr('stroke-width', '0');\n\n svg\n .append('g')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat))\n .attr('class', 'y-axis')\n .attr('stroke-width', '0');\n\n addRectandles(x, xSubgroup, y);\n }\n\n function update() {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, y, xSubgroup } = getAxes(width);\n updateAxes(x, y);\n svg.selectAll('.bar').remove();\n addRectandles(x, xSubgroup, y);\n }\n\n function resize() {\n if (_data) {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, y, xSubgroup } = getAxes(width);\n updateAxes(x, y);\n\n svg\n .selectAll('.bar')\n .data(parsedData)\n .attr('transform', (d) => `translate(${Number(x(d.group))}, 0)`)\n .selectAll<SVGElement, BarKeyValue>('rect')\n .data((d) => getBarKeyValue(d))\n .attr('x', (d) => xSubgroup(d.key)!)\n .attr('width', xSubgroup.bandwidth());\n }\n }\n\n onMount(() => {\n const resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(chart);\n hasMounted = true;\n });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n{#if tooltipData.show}\n <div\n class=\"tooltip\"\n style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px;`}\n >\n {tooltipData.text}\n </div>\n{/if}\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n {#each parsedSvgs as svg}\n {@html svg}\n {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n .tooltip {\n height: auto;\n background-color: $color-grey-700;\n border-radius: 4px;\n color: $color-grey-000;\n text-align: center;\n padding: $mu050 $mu100;\n position: absolute;\n }\n\n .pattern {\n z-index: -1;\n position: relative;\n }\n\n text {\n font-family: 'LeroyMerlin', sans-serif;\n font-size: $size-font-04;\n color: $color-grey-700;\n }\n</style>\n"],"names":["t_value","ctx","text","attr","div","div_style_value","top","left","insert","target","anchor","dirty","set_data","t","html_tag","p","raw_value","if_block","show","create_if_block","length","i","div0","div1","text_1","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","parsedData","subgroups","data","$$props","chartheight","backgroundcolor","scalemax","scalemin","color","ticknumbers","tickleftformat","d","_data","chart","svg","tickbottomformat","svgs","hasMounted","tooltipData","width","eventHandler","EventHandler","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getBarKeyValue","map","key","value","customtooltip","getAxes","x","scaleBand","domain","groups","range","padding","y","scaleLinear","height","xSubgroup","bandwidth","addRectandles","append","selectAll","join","String","group","on","_e","chartEvent","filter","arc","e","getBoundingClientRect","console","log","dispatch","transition","duration","Number","delay","_d","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","resize","_a","querySelector","setAttribute","onMount","ResizeObserver","observe","$$invalidate","Object","keys","parsedSvgs","remove","update","render","$$value"],"mappings":"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"}