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

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 (246) hide show
  1. package/package.json +2 -1
  2. package/public/ClickOutside-63071e7a.js +1 -15
  3. package/public/ClickOutside-63071e7a.js.map +1 -1
  4. package/public/EventForward-8492ff62.js +1 -109
  5. package/public/EventForward-8492ff62.js.map +1 -1
  6. package/public/EventHandler-02058705.js +1 -15
  7. package/public/EventHandler-02058705.js.map +1 -1
  8. package/public/adeo/components/autocomplete/Autocomplete.js +1 -1
  9. package/public/adeo/components/autocomplete/Autocomplete.js.map +1 -1
  10. package/public/adeo/components/autocomplete/Autocomplete.svelte +2 -1
  11. package/public/adeo/components/datatable/DataTable.js +1 -1
  12. package/public/adeo/components/datatable/DataTable.js.map +1 -1
  13. package/public/adeo/components/datatable/DataTable.svelte +9 -13
  14. package/public/array-5b770a93.js +1 -13
  15. package/public/array-5b770a93.js.map +1 -1
  16. package/public/axis-fbc0f7b5.js +1 -174
  17. package/public/axis-fbc0f7b5.js.map +1 -1
  18. package/public/band-d7a07d2c.js +1 -186
  19. package/public/band-d7a07d2c.js.map +1 -1
  20. package/public/bricoman/components/autocomplete/Autocomplete.js +1 -1
  21. package/public/bricoman/components/autocomplete/Autocomplete.js.map +1 -1
  22. package/public/bricoman/components/autocomplete/Autocomplete.svelte +2 -1
  23. package/public/bricoman/components/datatable/DataTable.js +1 -1
  24. package/public/bricoman/components/datatable/DataTable.js.map +1 -1
  25. package/public/bricoman/components/datatable/DataTable.svelte +9 -13
  26. package/public/bundle.js +60 -56
  27. package/public/components/accordion/Accordion.js +1 -365
  28. package/public/components/accordion/Accordion.js.map +1 -1
  29. package/public/components/autocomplete/Autocomplete.js +1 -1515
  30. package/public/components/autocomplete/Autocomplete.js.map +1 -1
  31. package/public/components/autocomplete/Autocomplete.svelte +43 -21
  32. package/public/components/badge/Badge.js +1 -155
  33. package/public/components/badge/Badge.js.map +1 -1
  34. package/public/components/badge/Badge.nested.js +1 -101
  35. package/public/components/badge/Badge.nested.js.map +1 -1
  36. package/public/components/breadcrumb/Breadcrumb.js +1 -372
  37. package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
  38. package/public/components/breadcrumb/Breadcrumb.nested.js +1 -319
  39. package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
  40. package/public/components/button/Button.js +1 -1141
  41. package/public/components/button/Button.js.map +1 -1
  42. package/public/components/button/Button.svelte +2 -2
  43. package/public/components/card/Card.js +1 -369
  44. package/public/components/card/Card.js.map +1 -1
  45. package/public/components/chart/BarChart.js +1 -583
  46. package/public/components/chart/BarChart.js.map +1 -1
  47. package/public/components/chart/Donut.js +1 -1189
  48. package/public/components/chart/Donut.js.map +1 -1
  49. package/public/components/chart/GroupedBarChart.js +1 -750
  50. package/public/components/chart/GroupedBarChart.js.map +1 -1
  51. package/public/components/chart/LineChart.js +1 -1731
  52. package/public/components/chart/LineChart.js.map +1 -1
  53. package/public/components/chart/Radar.js +1 -729
  54. package/public/components/chart/Radar.js.map +1 -1
  55. package/public/components/chart/StackedBarChart.js +1 -745
  56. package/public/components/chart/StackedBarChart.js.map +1 -1
  57. package/public/components/checkbox/Checkbox.js +1 -307
  58. package/public/components/checkbox/Checkbox.js.map +1 -1
  59. package/public/components/checkboxgroup/checkboxGroup.js +1 -404
  60. package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
  61. package/public/components/checkboxgroup/checkboxgroup.types.d.ts.map +1 -1
  62. package/public/components/datatable/DataTable.js +1 -3098
  63. package/public/components/datatable/DataTable.js.map +1 -1
  64. package/public/components/datatable/DataTable.svelte +41 -20
  65. package/public/components/datatable/DataTableDefaultAction.nested.js +1 -4
  66. package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
  67. package/public/components/datatable/DataTableDefaultEdtion.nested.js +1 -164
  68. package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
  69. package/public/components/datatable/DataTableDefaultFilterTags.nested.js +1 -380
  70. package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
  71. package/public/components/datatable/DataTableDefaultSelection.nested.js +1 -424
  72. package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
  73. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -263
  74. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +1 -1
  75. package/public/components/datatable/DataTableFooter.nested.js +1 -637
  76. package/public/components/datatable/DataTableFooter.nested.js.map +1 -1
  77. package/public/components/datatable/data.d.ts.map +1 -1
  78. package/public/components/datatable/datatable.types.d.ts +16 -2
  79. package/public/components/datatable/datatable.types.d.ts.map +1 -1
  80. package/public/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +18 -0
  81. package/public/components/dropdown/Dropdown.js +1 -1426
  82. package/public/components/dropdown/Dropdown.js.map +1 -1
  83. package/public/components/field/Field.js +1 -375
  84. package/public/components/field/Field.js.map +1 -1
  85. package/public/components/fileuploader/FileUploader.js +1 -603
  86. package/public/components/fileuploader/FileUploader.js.map +1 -1
  87. package/public/components/fileuploader/ResultFile.nested.js +1 -344
  88. package/public/components/fileuploader/ResultFile.nested.js.map +1 -1
  89. package/public/components/flag/Flag.js +1 -174
  90. package/public/components/flag/Flag.js.map +1 -1
  91. package/public/components/header/Header.js +1 -918
  92. package/public/components/header/Header.js.map +1 -1
  93. package/public/components/header/Header.types.d.ts.map +1 -1
  94. package/public/components/hero/Hero.js +1 -271
  95. package/public/components/hero/Hero.js.map +1 -1
  96. package/public/components/kpi/Kpi.js +1 -404
  97. package/public/components/kpi/Kpi.js.map +1 -1
  98. package/public/components/layer/Layer.js +1 -471
  99. package/public/components/layer/Layer.js.map +1 -1
  100. package/public/components/link/Link.js +1 -380
  101. package/public/components/link/Link.js.map +1 -1
  102. package/public/components/listbox/Listbox.js +1 -595
  103. package/public/components/listbox/Listbox.js.map +1 -1
  104. package/public/components/listbox/Listbox.nested.js +1 -629
  105. package/public/components/listbox/Listbox.nested.js.map +1 -1
  106. package/public/components/loader/Loader.js +1 -246
  107. package/public/components/loader/Loader.js.map +1 -1
  108. package/public/components/loader/Loader.nested.js +1 -176
  109. package/public/components/loader/Loader.nested.js.map +1 -1
  110. package/public/components/modal/Modal.js +1 -395
  111. package/public/components/modal/Modal.js.map +1 -1
  112. package/public/components/notification/Notification.js +1 -458
  113. package/public/components/notification/Notification.js.map +1 -1
  114. package/public/components/optionbutton/OptionButton.js +1 -316
  115. package/public/components/optionbutton/OptionButton.js.map +1 -1
  116. package/public/components/overlay/Overlay.js +1 -104
  117. package/public/components/overlay/Overlay.js.map +1 -1
  118. package/public/components/overlay/OverlayLoader.js +1 -151
  119. package/public/components/overlay/OverlayLoader.js.map +1 -1
  120. package/public/components/pagination/Pagination.js +1 -613
  121. package/public/components/pagination/Pagination.js.map +1 -1
  122. package/public/components/pagination/Pagination.svelte +5 -4
  123. package/public/components/passwordinput/PasswordInput.js +1 -291
  124. package/public/components/passwordinput/PasswordInput.js.map +1 -1
  125. package/public/components/phonenumber/PhoneNumber.js +1 -6894
  126. package/public/components/phonenumber/PhoneNumber.js.map +1 -1
  127. package/public/components/phonenumber/PhoneNumber.svelte +1 -1
  128. package/public/components/price/Price.js +1 -768
  129. package/public/components/price/Price.js.map +1 -1
  130. package/public/components/progressbar/ProgressBar.js +1 -278
  131. package/public/components/progressbar/ProgressBar.js.map +1 -1
  132. package/public/components/quantityselector/QuantitySelector.js +1 -397
  133. package/public/components/quantityselector/QuantitySelector.js.map +1 -1
  134. package/public/components/radio/Radio.js +1 -273
  135. package/public/components/radio/Radio.js.map +1 -1
  136. package/public/components/radiogroup/RadioGroup.js +1 -414
  137. package/public/components/radiogroup/RadioGroup.js.map +1 -1
  138. package/public/components/radiogroup/radioGroup.types.d.ts.map +1 -1
  139. package/public/components/ratings/StarsInput.js +1 -292
  140. package/public/components/ratings/StarsInput.js.map +1 -1
  141. package/public/components/ratings/StarsResult.js +1 -246
  142. package/public/components/ratings/StarsResult.js.map +1 -1
  143. package/public/components/select/Select.js +1 -451
  144. package/public/components/select/Select.js.map +1 -1
  145. package/public/components/sidebar/Sidebar.js +1 -784
  146. package/public/components/sidebar/Sidebar.js.map +1 -1
  147. package/public/components/sidebar/sidebar-feature-group.nested.js +1 -592
  148. package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  149. package/public/components/sidebar/sidebar-feature.nested.js +1 -402
  150. package/public/components/sidebar/sidebar-feature.nested.js.map +1 -1
  151. package/public/components/sidebar/sidebar-section.nested.js +1 -394
  152. package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
  153. package/public/components/sidebar/sidebar-segment.nested.js +1 -198
  154. package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
  155. package/public/components/sidebar/sidebar-separator.nested.js +1 -49
  156. package/public/components/sidebar/sidebar-separator.nested.js.map +1 -1
  157. package/public/components/sidebar/sidebar-service.d.ts.map +1 -1
  158. package/public/components/sidebar/sidebar-sub-features.nested.js +1 -312
  159. package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
  160. package/public/components/sidebar/sidebar-user.nested.js +1 -733
  161. package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
  162. package/public/components/sidebar/sidebar.types.d.ts.map +1 -1
  163. package/public/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +1 -1
  164. package/public/components/sidebar-segment/sidebar-segment.nested.svelte +1 -1
  165. package/public/components/sidebar-user/sidebar-user.nested.svelte +1 -0
  166. package/public/components/starsinput/StarsInput.svelte +9 -2
  167. package/public/components/stepper/Stepper.js +1 -371
  168. package/public/components/stepper/Stepper.js.map +1 -1
  169. package/public/components/tabs/Tabs.js +1 -615
  170. package/public/components/tabs/Tabs.js.map +1 -1
  171. package/public/components/tabs/Tabs.nested.js +1 -472
  172. package/public/components/tabs/Tabs.nested.js.map +1 -1
  173. package/public/components/tag/Tag.js +1 -665
  174. package/public/components/tag/Tag.js.map +1 -1
  175. package/public/components/tag/Tag.nested.js +1 -554
  176. package/public/components/tag/Tag.nested.js.map +1 -1
  177. package/public/components/tag/Tag.nested.svelte +5 -5
  178. package/public/components/tag/Tag.svelte +5 -5
  179. package/public/components/taglist/TagList.js +1 -475
  180. package/public/components/taglist/TagList.js.map +1 -1
  181. package/public/components/textarea/Textarea.js +1 -303
  182. package/public/components/textarea/Textarea.js.map +1 -1
  183. package/public/components/textinput/Textinput.js +1 -497
  184. package/public/components/textinput/Textinput.js.map +1 -1
  185. package/public/components/textinput/Textinput.nested.js +1 -320
  186. package/public/components/textinput/Textinput.nested.js.map +1 -1
  187. package/public/components/toggle/Toggle.js +1 -278
  188. package/public/components/toggle/Toggle.js.map +1 -1
  189. package/public/components/tooltip/Tooltip.js +1 -173
  190. package/public/components/tooltip/Tooltip.js.map +1 -1
  191. package/public/index-c33b3772.js +1 -873
  192. package/public/index-c33b3772.js.map +1 -1
  193. package/public/linear-f46d7e9e.js +1 -700
  194. package/public/linear-f46d7e9e.js.map +1 -1
  195. package/public/main.d.ts +0 -1
  196. package/public/main.d.ts.map +1 -1
  197. package/public/path-1b5da959.js +1 -186
  198. package/public/path-1b5da959.js.map +1 -1
  199. package/public/sidebar-service-275bf9ef.js +1 -129
  200. package/public/sidebar-service-275bf9ef.js.map +1 -1
  201. package/public/symbol-b05a6e2b.js +1 -169
  202. package/public/symbol-b05a6e2b.js.map +1 -1
  203. package/public/transform-15d69d5d.js +1 -2743
  204. package/public/transform-15d69d5d.js.map +1 -1
  205. package/public/utilities/DataTableUtilities.d.ts.map +1 -1
  206. package/public/utilities/DataTableUtilities.ts +12 -0
  207. package/public/utilities/EventForward.js +1 -136
  208. package/public/utilities/EventForward.js.map +1 -1
  209. package/public/utilities/EventHandler.js +1 -36
  210. package/public/utilities/EventHandler.js.map +1 -1
  211. package/public/utilities/components/datatable/data.d.ts.map +1 -1
  212. package/public/utilities/components/datatable/datatable.types.d.ts +16 -2
  213. package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
  214. package/public/utilities/main.d.ts +0 -1
  215. package/public/utilities/main.d.ts.map +1 -1
  216. package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
  217. package/public/utilities/stories/ratings/StarsResult.stories.d.ts.map +1 -1
  218. package/public/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
  219. package/public/DataTableDefaultAction.nested-46712849.js +0 -762
  220. package/public/DataTableDefaultAction.nested-46712849.js.map +0 -1
  221. package/public/DataTableUtilities-313a448d.js +0 -386
  222. package/public/DataTableUtilities-313a448d.js.map +0 -1
  223. package/public/components/button/Button.nested.js +0 -1005
  224. package/public/components/button/Button.nested.js.map +0 -1
  225. package/public/components/button/Button.nested.svelte +0 -173
  226. package/public/components/carousel/Carousel.js +0 -710
  227. package/public/components/carousel/Carousel.js.map +0 -1
  228. package/public/components/carousel/Carousel.svelte +0 -408
  229. package/public/components/carousel/CarouselCard.nested.js +0 -140
  230. package/public/components/carousel/CarouselCard.nested.js.map +0 -1
  231. package/public/components/carousel/carousel.types.d.ts +0 -20
  232. package/public/components/carousel/carousel.types.d.ts.map +0 -1
  233. package/public/components/carouselcard/CarouselCard.nested.svelte +0 -54
  234. package/public/components/link/Link.nested.js +0 -285
  235. package/public/components/link/Link.nested.js.map +0 -1
  236. package/public/components/link/Link.nested.svelte +0 -78
  237. package/public/sidebar-service-589b271b.js +0 -125
  238. package/public/sidebar-service-589b271b.js.map +0 -1
  239. package/public/stories/carousel/items.d.ts +0 -3
  240. package/public/stories/carousel/items.d.ts.map +0 -1
  241. package/public/utilities/components/carousel/carousel.types.d.ts +0 -20
  242. package/public/utilities/components/carousel/carousel.types.d.ts.map +0 -1
  243. package/public/utilities/stories/carousel/Carousel.stories.d.ts +0 -8
  244. package/public/utilities/stories/carousel/Carousel.stories.d.ts.map +0 -1
  245. package/public/utilities/stories/carousel/items.d.ts +0 -3
  246. package/public/utilities/stories/carousel/items.d.ts.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mozaic-ds/web-components",
3
- "version": "0.12.0-beta.0",
3
+ "version": "0.12.0-beta.2",
4
4
  "description": "Web component Mozaic DS implementation",
5
5
  "license": "MIT",
6
6
  "engines": {
@@ -38,6 +38,7 @@
38
38
  "package": "svelte-kit package",
39
39
  "release": "release-it",
40
40
  "release:beta": "release-it --preRelease=beta",
41
+ "prepublishOnly": "npm run build:lib",
41
42
  "npm:publish": "npm publish --access public",
42
43
  "npm:publishBeta": "npm publish --tag beta --access public"
43
44
  },
@@ -1,16 +1,2 @@
1
- function clickOutside(node) {
2
- const handleClick = (event) => {
3
- if (!event.composedPath().includes(node)) {
4
- node.dispatchEvent(new CustomEvent('outclick'));
5
- }
6
- };
7
- document.addEventListener('click', handleClick);
8
- return {
9
- destroy() {
10
- document.removeEventListener('click', handleClick);
11
- },
12
- };
13
- }
14
-
15
- export { clickOutside as c };
1
+ function e(e){const t=t=>{t.composedPath().includes(e)||e.dispatchEvent(new CustomEvent("outclick"))};return document.addEventListener("click",t),{destroy(){document.removeEventListener("click",t)}}}export{e as c};
16
2
  //# sourceMappingURL=ClickOutside-63071e7a.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ClickOutside-63071e7a.js","sources":["../src/utilities/ClickOutside.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEM,SAAU,YAAY,CAAC,IAAiB,EAAA;AAC5C,IAAA,MAAM,WAAW,GAAG,CAAC,KAAY,KAAI;QACnC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YACxC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;AACjD,SAAA;AACH,KAAC,CAAC;AAEF,IAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAEhD,OAAO;QACL,OAAO,GAAA;AACL,YAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;SACpD;KACF,CAAC;AACJ;;;;"}
1
+ {"version":3,"file":"ClickOutside-63071e7a.js","sources":["../src/utilities/ClickOutside.ts"],"sourcesContent":[null],"names":["clickOutside","node","handleClick","event","composedPath","includes","dispatchEvent","CustomEvent","document","addEventListener","destroy","removeEventListener"],"mappings":"AAEM,SAAUA,EAAaC,GAC3B,MAAMC,EAAeC,IACdA,EAAMC,eAAeC,SAASJ,IACjCA,EAAKK,cAAc,IAAIC,YAAY,YACpC,EAKH,OAFAC,SAASC,iBAAiB,QAASP,GAE5B,CACLQ,UACEF,SAASG,oBAAoB,QAAST,EACvC,EAEL"}
@@ -1,110 +1,2 @@
1
- import { l as listen, O as bubble, Y as prevent_default, I as stop_propagation } from './index-c33b3772.js';
2
-
3
- const MODIFIER_DIVIDER = '!';
4
- const modifierRegex = new RegExp(`^[^${MODIFIER_DIVIDER}]+(?:${MODIFIER_DIVIDER}(?:preventDefault|stopPropagation|passive|nonpassive|capture|once|self))+$`);
5
- function createEventForwarder(component, except = []) {
6
- let $on;
7
- const events = [];
8
- component.$on = (fullEventType, callback) => {
9
- const eventType = fullEventType;
10
- let destructor = () => { };
11
- for (const exception of except) {
12
- if (typeof exception === 'string' && exception === eventType) {
13
- const callbacks = component.$$.callbacks[eventType] ||
14
- (component.$$.callbacks[eventType] = []);
15
- callbacks.push(callback);
16
- return () => {
17
- const index = callbacks.indexOf(callback);
18
- if (index !== -1)
19
- callbacks.splice(index, 1);
20
- };
21
- }
22
- if (typeof exception === 'object' && exception['name'] === eventType) {
23
- const oldCallback = callback;
24
- callback = (...props) => {
25
- if (!(typeof exception === 'object' && exception['shouldExclude']())) {
26
- oldCallback(...props);
27
- }
28
- };
29
- }
30
- }
31
- if ($on) {
32
- destructor = $on(eventType, callback);
33
- }
34
- else {
35
- events.push([eventType, callback]);
36
- }
37
- return () => {
38
- destructor();
39
- };
40
- };
41
- function forward(e) {
42
- bubble(component, e);
43
- }
44
- return (node) => {
45
- const destructors = [];
46
- const forwardDestructors = {};
47
- $on = (fullEventType, callback) => {
48
- let eventType = fullEventType;
49
- let handler = callback;
50
- let options = false;
51
- const modifierMatch = eventType.match(modifierRegex);
52
- if (modifierMatch) {
53
- const parts = eventType.split(MODIFIER_DIVIDER);
54
- eventType = parts[0];
55
- const eventOptions = Object.fromEntries(parts.slice(1).map((mod) => [mod, true]));
56
- if (eventOptions.passive) {
57
- options = options || {};
58
- options.passive = true;
59
- }
60
- if (eventOptions.nonpassive) {
61
- options = options || {};
62
- options.passive = false;
63
- }
64
- if (eventOptions.capture) {
65
- options = options || {};
66
- options.capture = true;
67
- }
68
- if (eventOptions.once) {
69
- options = options || {};
70
- options.once = true;
71
- }
72
- if (eventOptions.preventDefault) {
73
- handler = prevent_default(handler);
74
- }
75
- if (eventOptions.stopPropagation) {
76
- handler = stop_propagation(handler);
77
- }
78
- }
79
- const off = listen(node, eventType, handler, options);
80
- const destructor = () => {
81
- off();
82
- const idx = destructors.indexOf(destructor);
83
- if (idx > -1) {
84
- destructors.splice(idx, 1);
85
- }
86
- };
87
- destructors.push(destructor);
88
- if (!(eventType in forwardDestructors)) {
89
- forwardDestructors[eventType] = listen(node, eventType, forward);
90
- }
91
- return destructor;
92
- };
93
- for (let i = 0; i < events.length; i++) {
94
- $on(events[i][0], events[i][1]);
95
- }
96
- return {
97
- destroy: () => {
98
- for (let i = 0; i < destructors.length; i++) {
99
- destructors[i]();
100
- }
101
- for (const entry of Object.entries(forwardDestructors)) {
102
- entry[1]();
103
- }
104
- },
105
- };
106
- };
107
- }
108
-
109
- export { createEventForwarder as c };
1
+ import{l as e,O as t,Y as s,I as n}from"./index-c33b3772.js";const o=new RegExp("^[^!]+(?:!(?:preventDefault|stopPropagation|passive|nonpassive|capture|once|self))+$");function c(c,r=[]){let p;const a=[];function i(e){t(c,e)}return c.$on=(e,t)=>{const s=e;let n=()=>{};for(const e of r){if("string"==typeof e&&e===s){const e=c.$$.callbacks[s]||(c.$$.callbacks[s]=[]);return e.push(t),()=>{const s=e.indexOf(t);-1!==s&&e.splice(s,1)}}if("object"==typeof e&&e.name===s){const s=t;t=(...t)=>{"object"==typeof e&&e.shouldExclude()||s(...t)}}}return p?n=p(s,t):a.push([s,t]),()=>{n()}},t=>{const c=[],r={};p=(p,a)=>{let f=p,l=a,u=!1;if(f.match(o)){const e=f.split("!");f=e[0];const t=Object.fromEntries(e.slice(1).map((e=>[e,!0])));t.passive&&(u=u||{},u.passive=!0),t.nonpassive&&(u=u||{},u.passive=!1),t.capture&&(u=u||{},u.capture=!0),t.once&&(u=u||{},u.once=!0),t.preventDefault&&(l=s(l)),t.stopPropagation&&(l=n(l))}const v=e(t,f,l,u),b=()=>{v();const e=c.indexOf(b);e>-1&&c.splice(e,1)};return c.push(b),f in r||(r[f]=e(t,f,i)),b};for(let e=0;e<a.length;e++)p(a[e][0],a[e][1]);return{destroy:()=>{for(let e=0;e<c.length;e++)c[e]();for(const e of Object.entries(r))e[1]()}}}}export{c};
110
2
  //# sourceMappingURL=EventForward-8492ff62.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"EventForward-8492ff62.js","sources":["../src/utilities/EventForward.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"EventForward-8492ff62.js","sources":["../src/utilities/EventForward.ts"],"sourcesContent":[null],"names":["modifierRegex","RegExp","createEventForwarder","component","except","$on","events","forward","e","bubble","fullEventType","callback","eventType","destructor","exception","callbacks","$$","push","index","indexOf","splice","oldCallback","props","node","destructors","forwardDestructors","handler","options","match","parts","split","eventOptions","Object","fromEntries","slice","map","mod","passive","nonpassive","capture","once","preventDefault","prevent_default","stopPropagation","stop_propagation","off","listen","idx","i","length","destroy","entry","entries"],"mappings":"6DAkBA,MACMA,EAAgB,IAAIC,OACxB,iGAIcC,EACdC,EACAC,EAA6B,IAG7B,IAAIC,EAEJ,MAAMC,EAA2C,GAyCjD,SAASC,EAAQC,GAEfC,EAAON,EAAWK,EACnB,CAED,OA3CAL,EAAUE,IAAM,CAACK,EAAuBC,KACtC,MAAMC,EAAYF,EAClB,IAAIG,EAAa,OACjB,IAAK,MAAMC,KAAaV,EAAQ,CAC9B,GAAyB,iBAAdU,GAA0BA,IAAcF,EAAW,CAE5D,MAAMG,EACJZ,EAAUa,GAAGD,UAAUH,KACtBT,EAAUa,GAAGD,UAAUH,GAAa,IAEvC,OADAG,EAAUE,KAAKN,GACR,KACL,MAAMO,EAAQH,EAAUI,QAAQR,IACjB,IAAXO,GAAcH,EAAUK,OAAOF,EAAO,EAAE,CAE/C,CACD,GAAyB,iBAAdJ,GAA0BA,EAAgB,OAAMF,EAAW,CACpE,MAAMS,EAAcV,EACpBA,EAAW,IAAIW,KAEY,iBAAdR,GAA0BA,EAAyB,iBAE5DO,KAAeC,EAChB,CAEJ,CACF,CAQD,OAPIjB,EAEFQ,EAAaR,EAAIO,EAAWD,GAG5BL,EAAOW,KAAK,CAACL,EAAWD,IAEnB,KACLE,GAAY,CACb,EAQKU,IACN,MAAMC,EAA8B,GAC9BC,EAAkD,CAAA,EAIxDpB,EAAM,CAACK,EAAeC,KACpB,IAAIC,EAAYF,EACZgB,EAAUf,EAEVgB,GAA6C,EAEjD,GADsBf,EAAUgB,MAAM5B,GACnB,CASjB,MAAM6B,EAAQjB,EAAUkB,MAhFP,KAiFjBlB,EAAYiB,EAAM,GAClB,MAAME,EAOFC,OAAOC,YAAYJ,EAAMK,MAAM,GAAGC,KAAKC,GAAQ,CAACA,GAAK,MACrDL,EAAaM,UACfV,EAAUA,GAAY,GACtBA,EAAQU,SAAU,GAEhBN,EAAaO,aACfX,EAAUA,GAAY,GACtBA,EAAQU,SAAU,GAEhBN,EAAaQ,UACfZ,EAAUA,GAAY,GACtBA,EAAQY,SAAU,GAEhBR,EAAaS,OACfb,EAAUA,GAAY,GACtBA,EAAQa,MAAO,GAEbT,EAAaU,iBACff,EAAUgB,EAAgBhB,IAExBK,EAAaY,kBACfjB,EAAUkB,EAAiBlB,GAE9B,CAGD,MAAMmB,EAAMC,EAAOvB,EAAMX,EAAWc,EAASC,GACvCd,EAAa,KACjBgC,IACA,MAAME,EAAMvB,EAAYL,QAAQN,GAC5BkC,GAAO,GACTvB,EAAYJ,OAAO2B,EAAK,EACzB,EAUH,OAPAvB,EAAYP,KAAKJ,GAGXD,KAAaa,IACjBA,EAAmBb,GAAakC,EAAOvB,EAAMX,EAAWL,IAGnDM,CAAU,EAGnB,IAAK,IAAImC,EAAI,EAAGA,EAAI1C,EAAO2C,OAAQD,IAEjC3C,EAAIC,EAAO0C,GAAG,GAAI1C,EAAO0C,GAAG,IAG9B,MAAO,CACLE,QAAS,KAEP,IAAK,IAAIF,EAAI,EAAGA,EAAIxB,EAAYyB,OAAQD,IACtCxB,EAAYwB,KAId,IAAK,MAAMG,KAASnB,OAAOoB,QAAQ3B,GACjC0B,EAAM,IACP,EAEJ,CAEL"}
@@ -1,16 +1,2 @@
1
- import { r as get_current_component, u as createEventDispatcher } from './index-c33b3772.js';
2
-
3
- class EventHandler {
4
- constructor() {
5
- this.component = get_current_component();
6
- this.svelteDispatch = createEventDispatcher();
7
- }
8
- dispatch(name, detail) {
9
- this.svelteDispatch(name, detail);
10
- this.component.dispatchEvent &&
11
- this.component.dispatchEvent(new CustomEvent(name, { detail: detail }));
12
- }
13
- }
14
-
15
- export { EventHandler as E };
1
+ import{r as t,u as s}from"./index-c33b3772.js";class e{constructor(){this.component=t(),this.svelteDispatch=s()}dispatch(t,s){this.svelteDispatch(t,s),this.component.dispatchEvent&&this.component.dispatchEvent(new CustomEvent(t,{detail:s}))}}export{e as E};
16
2
  //# sourceMappingURL=EventHandler-02058705.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"EventHandler-02058705.js","sources":["../src/utilities/EventHandler.ts"],"sourcesContent":[null],"names":[],"mappings":";;MAEa,YAAY,CAAA;AAOvB,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB,EAA4B,CAAC;AACnE,QAAA,IAAI,CAAC,cAAc,GAAG,qBAAqB,EAAE,CAAC;KAC/C;IAED,QAAQ,CAAC,IAAY,EAAE,MAA6B,EAAA;AAClD,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAElC,IAAI,CAAC,SAAS,CAAC,aAAa;AAC1B,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;KAC3E;AACF;;;;"}
1
+ {"version":3,"file":"EventHandler-02058705.js","sources":["../src/utilities/EventHandler.ts"],"sourcesContent":[null],"names":["EventHandler","constructor","this","component","get_current_component","svelteDispatch","createEventDispatcher","dispatch","name","detail","dispatchEvent","CustomEvent"],"mappings":"qDAEaA,EAOXC,cACEC,KAAKC,UAAYC,IACjBF,KAAKG,eAAiBC,GACvB,CAEDC,SAASC,EAAcC,GACrBP,KAAKG,eAAeG,EAAMC,GAE1BP,KAAKC,UAAUO,eACbR,KAAKC,UAAUO,cAAc,IAAIC,YAAYH,EAAM,CAAEC,OAAQA,IAChE"}
@@ -1,2 +1,2 @@
1
- import{S as t,i as e,a as l,b as a,f as i,s,v as n,w as o,c as r,e as c,d,x as u,n as m,g as p,y as h,h as g,z as $,j as x,A as b,B as f,l as w,C as v,D as y,E as _,F as k,m as z,o as q,G as j,H as S,p as C,r as N,q as O,I as T,J as E,K as J,L,M as H,N as M,O as R}from"../../index-c33b3772.js";import{E as Y}from"../../EventHandler-02058705.js";import{c as A}from"../../ClickOutside-63071e7a.js";import U from"../tag/Tag.nested.js";import B from"../loader/Loader.nested.js";import D from"../textinput/Textinput.nested.js";import F from"../listbox/Listbox.nested.js";function G(t,e,l){const a=t.slice();return a[70]=e[l],a}function I(t,e,l){const a=t.slice();return a[70]=e[l],a[74]=l,a}function K(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[31]}`,class:"mc-autocomplete__tag",label:t[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new U({props:a}),t[49](e),e.$on("tag-removed",t[32]),{c(){u(e.$$.fragment)},m(t,a){b(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[31]}`),1073741824&l[0]&&(a.label=t[30]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[49](null),j(e,l)}}}function W(t){let e,l;return e=new B({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){b(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function P(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",T(t[54])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function Q(t){let e,l,i=t[26],s=[];for(let e=0;e<i.length;e+=1)s[e]=tt(I(t,i,e));let n=t[19].length>t[15]&&et(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);x(e,l),n&&n.m(e,null)},p(t,a){if(67141640&a[0]|512&a[1]){let n;for(i=t[26],n=0;n<i.length;n+=1){const o=I(t,i,n);s[n]?s[n].p(o,a):(s[n]=tt(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=et(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(s,t),n&&n.d()}}}function V(t){let e;function l(t,e){return t[3]?Z:X}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function X(t){let e,l,i,s,n;function o(){return t[56](t[70])}return{c(){e=c("m-tag"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function Z(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","link"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function tt(t){let e,l=t[74]<t[15]&&V(t);return{c(){l&&l.c(),e=J()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[74]<t[15]?l?l.p(t,a):(l=V(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function et(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),L(l,"id","id-tag"),L(l,"label",i="("+t[19].length+") "+t[14]+" "),L(l,"size","s"),L(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),x(e,l),s||(n=w(e,"click",t[57]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&L(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function lt(t){let e,l,i,s,n,o,r=t[26],d=[];for(let e=0;e<r.length;e+=1)d[e]=st(G(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),L(l,"title",t[13]),L(l,"layertitletag","h3"),L(l,"isopen",t[27])},m(r,c){a(r,e,c),x(e,l),x(l,i),x(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[59]),n=!0)},p(t,e){if(67108872&e[0]|512&e[1]){let l;for(r=t[26],l=0;l<r.length;l+=1){const a=G(t,r,l);d[l]?d[l].p(a,e):(d[l]=st(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&L(l,"title",t[13]),134217728&e[0]&&L(l,"isopen",t[27])},d(t){t&&q(e),E(d,t),n=!1,o()}}}function at(t){let e,l,i,s,n;function o(){return t[58](t[70])}return{c(){e=c("m-tag"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function it(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","text"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function st(t){let e,l;function i(t,e){return t[3]?it:at}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),x(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function nt(t){let e,l,i,s,C,N,O,T,E,J,L,M,R,Y,U,B,G,I,V,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&K(t);function et(e){t[50](e)}let at={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[28]&&(at.value=t[28]),s=new D({props:at}),n.push((()=>o(s,"value",et))),s.$on("input",t[37]),s.$on("click",t[51]),s.$on("change",t[52]),s.$on("blur",t[53]);let it=t[7]&&W(),st=null!=t[28]&&""!=t[28]&&!t[3]&&P(t);function nt(e){t[55](e)}let ot={items:JSON.stringify(t[29]),open:t[21],multiple:t[9],isfiltered:t[25],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),J=new F({props:ot}),n.push((()=>o(J,"value",nt))),J.$on("change",t[34]),J.$on("scrollend",t[38]),J.$on("select-all",t[39]);let rt=t[9]&&t[16]&&Q(t),ct=t[9]&&t[16]&&lt(t),dt=[{class:"mc-autocomplete"},{style:I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),E=d(),u(J.$$.fragment),M=d(),rt&&rt.c(),R=d(),Y=c("span"),U=d(),B=c("span"),G=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),x(e,l),tt&&tt.m(l,null),x(l,i),b(s,l,null),x(l,N),x(l,O),it&&it.m(O,null),x(O,T),st&&st.m(O,null),x(e,E),b(J,e,null),x(e,M),rt&&rt.m(e,null),x(e,R),x(e,Y),x(e,U),x(e,B),x(e,G),ct&&ct.m(e,null),V=!0,X||(Z=[f(A.call(null,e)),w(e,"outclick",t[33])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=K(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(H(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&268435456&a[0]&&(C=!0,n.value=t[28],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=W(),it.c(),v(it,1),it.m(O,T)):it&&(H(),y(it,1,1,(()=>{it=null})),_()),null==t[28]||""==t[28]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=P(t),st.c(),st.m(O,null));const o={};536870912&a[0]&&(o.items=JSON.stringify(t[29])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),33554432&a[0]&&(o.isfiltered=t[25]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),J.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=Q(t),rt.c(),rt.m(e,R)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=lt(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!V||16777217&a[0]&&I!==(I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"))&&{style:I},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){V||(v(tt),v(s.$$.fragment,t),v(it),v(J.$$.fragment,t),V=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(J.$$.fragment,t),V=!1},d(t){t&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(J),rt&&rt.d(),ct&&ct.d(),X=!1,S(Z)}}}function ot(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p=C(e,m),{maxwidth:h="100%"}=e,{tagid:g}=e,{taglabel:$=""}=e,{placeholder:x}=e,{filter:b=!0}=e,{disabled:f=!1}=e,{size:w="m"}=e,{isinvalid:v}=e,{inputvalue:y}=e,{id:_}=e,{loading:k=!1}=e,{required:z=!1}=e,{items:q}=e,{value:j}=e,{open:S=!1}=e,{multiple:T=!1}=e,{emptysearchlabel:E="No results found"}=e,{datatextexpr:J="label"}=e,{datavalueexpr:L="value"}=e,{nosort:H=!1}=e,{layertitle:A="Title layer"}=e,{showmoretagslabel:U="Show more"}=e,{maxnumbertoshowtags:B=12}=e,{alltags:D=!1}=e,{selectall:F=!1}=e,{labelselectall:G="Select all"}=e;const I=N(),K=Math.random();let W,P,Q,V=new Y,X="0px",Z=!1,tt=[],et=null;function lt(){f||(l(19,o=T?[]:""),at(),V.dispatch("clear",!0))}function at(){l(21,d=!1),T&&!H?function(){Q=i;const t=it();Q.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[L]-l[L]:a<i?1:-1})),l(29,s=Q)}():l(29,s=i)}function it(t){const e=t||o;return i.filter((t=>T?e.includes(t[L]):e===t[L]))}function st(){l(27,et=!0)}function nt(){l(27,et=null)}function ot(t){l(19,o=o.filter((e=>e!==t))),V.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),O(t)),l(69,p=C(e,m)),"maxwidth"in t&&l(0,h=t.maxwidth),"tagid"in t&&l(1,g=t.tagid),"taglabel"in t&&l(41,$=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(42,b=t.filter),"disabled"in t&&l(3,f=t.disabled),"size"in t&&l(4,w=t.size),"isinvalid"in t&&l(5,v=t.isinvalid),"inputvalue"in t&&l(43,y=t.inputvalue),"id"in t&&l(6,_=t.id),"loading"in t&&l(7,k=t.loading),"required"in t&&l(8,z=t.required),"items"in t&&l(44,q=t.items),"value"in t&&l(45,j=t.value),"open"in t&&l(46,S=t.open),"multiple"in t&&l(9,T=t.multiple),"emptysearchlabel"in t&&l(10,E=t.emptysearchlabel),"datatextexpr"in t&&l(11,J=t.datatextexpr),"datavalueexpr"in t&&l(12,L=t.datavalueexpr),"nosort"in t&&l(47,H=t.nosort),"layertitle"in t&&l(13,A=t.layertitle),"showmoretagslabel"in t&&l(14,U=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,B=t.maxnumbertoshowtags),"alltags"in t&&l(16,D=t.alltags),"selectall"in t&&l(17,F=t.selectall),"labelselectall"in t&&l(18,G=t.labelselectall)},t.$$.update=()=>{if(4096&t.$$.dirty[1]&&l(28,a=y),8192&t.$$.dirty[1]&&l(20,i=q?JSON.parse(q):[]),1048576&t.$$.dirty[0]&&l(29,s=i),512&t.$$.dirty[0]|16384&t.$$.dirty[1]&&l(19,o=!j&&T?[]:j?JSON.parse(j):j),524288&t.$$.dirty[0]|1024&t.$$.dirty[1]&&l(30,c=()=>o.length.toString()+" "+$),524288&t.$$.dirty[0]&&async function(t){if(await M(),l(26,tt=it(t)),T)l(48,P=t);else{const t=tt.map((t=>t[J]));l(28,a=t.join(", "))}}(o),131072&t.$$.dirty[1]&&async function(t){await M(),l(24,X=W&&t&&t.length?`${I.shadowRoot.querySelector(".mc-tag-removable").clientWidth}px`:"0px")}(P),32768&t.$$.dirty[1]&&l(21,d=S),2097152&t.$$.dirty[0]){const t=d?"open":"close";V.dispatch(t,d)}l(22,u=Object.assign({},p)),4194304&t.$$.dirty[0]&&delete u.class},[h,g,x,f,w,v,_,k,z,T,E,J,L,A,U,B,D,F,G,o,i,d,u,W,X,Z,tt,et,a,s,c,K,lt,at,function(){V.dispatch("onchange",o),T||at()},st,nt,function(t){const e=t.target.value;!function(t){V.dispatch("oninput",t)}(e),function(t){b&&(t.length?l(29,s=i.filter((e=>e[J].toUpperCase().includes(t.toUpperCase())))):l(29,s=i),l(25,Z=!s.length),V.dispatch("onfilter",s))}(e)},function(){V.dispatch("scrollend",!0)},function(t){V.dispatch("select-all",t.detail)},ot,$,b,y,q,j,S,H,P,function(t){n[t?"unshift":"push"]((()=>{W=t,l(23,W)}))},function(t){a=t,l(28,a),l(43,y)},()=>l(21,d=!0),function(e){R.call(this,t,e)},function(e){R.call(this,t,e)},()=>{l(28,a=""),l(29,s=i),l(25,Z=!1),T||lt()},function(t){o=t,l(19,o),l(45,j),l(9,T)},t=>ot(t.id),()=>st(),t=>ot(t.id),()=>nt()]}class rt extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ot,nt,s,{maxwidth:0,tagid:1,taglabel:41,placeholder:2,filter:42,disabled:3,size:4,isinvalid:5,inputvalue:43,id:6,loading:7,required:8,items:44,value:45,open:46,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:47,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[41]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[42]}set filter(t){this.$$set({filter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[43]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[44]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[45]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[46]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[47]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{rt as default};
1
+ import{S as t,i as e,a as l,b as a,f as i,s,v as n,w as o,c as r,e as c,d,x as u,n as m,g as p,y as h,h as g,z as $,j as x,A as f,B as b,l as w,C as v,D as y,E as _,F as k,m as z,o as q,G as j,H as S,p as C,r as N,q as O,I as T,J as E,K as J,L,M as H,N as M,O as R}from"../../index-c33b3772.js";import{E as Y}from"../../EventHandler-02058705.js";import{c as A}from"../../ClickOutside-63071e7a.js";import U from"../tag/Tag.nested.js";import B from"../loader/Loader.nested.js";import D from"../textinput/Textinput.nested.js";import F from"../listbox/Listbox.nested.js";function G(t,e,l){const a=t.slice();return a[71]=e[l],a}function I(t,e,l){const a=t.slice();return a[71]=e[l],a[75]=l,a}function K(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[31]}`,class:"mc-autocomplete__tag",label:t[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new U({props:a}),t[50](e),e.$on("tag-removed",t[32]),{c(){u(e.$$.fragment)},m(t,a){f(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[31]}`),1073741824&l[0]&&(a.label=t[30]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[50](null),j(e,l)}}}function W(t){let e,l;return e=new B({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){f(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function P(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",T(t[55])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function Q(t){let e,l,i=t[26],s=[];for(let e=0;e<i.length;e+=1)s[e]=tt(I(t,i,e));let n=t[19].length>t[15]&&et(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);x(e,l),n&&n.m(e,null)},p(t,a){if(67141640&a[0]|512&a[1]){let n;for(i=t[26],n=0;n<i.length;n+=1){const o=I(t,i,n);s[n]?s[n].p(o,a):(s[n]=tt(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=et(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(s,t),n&&n.d()}}}function V(t){let e;function l(t,e){return t[3]?Z:X}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function X(t){let e,l,i,s,n;function o(){return t[57](t[71])}return{c(){e=c("m-tag"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function Z(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","link"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s"),L(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function tt(t){let e,l=t[75]<t[15]&&V(t);return{c(){l&&l.c(),e=J()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[75]<t[15]?l?l.p(t,a):(l=V(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function et(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),L(l,"id","id-tag"),L(l,"label",i="("+t[19].length+") "+t[14]+" "),L(l,"size","s"),L(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),x(e,l),s||(n=w(e,"click",t[58]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&L(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function lt(t){let e,l,i,s,n,o,r=t[26],d=[];for(let e=0;e<r.length;e+=1)d[e]=st(G(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),L(l,"title",t[13]),L(l,"layertitletag","h3"),L(l,"isopen",t[27])},m(r,c){a(r,e,c),x(e,l),x(l,i),x(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[60]),n=!0)},p(t,e){if(67108872&e[0]|512&e[1]){let l;for(r=t[26],l=0;l<r.length;l+=1){const a=G(t,r,l);d[l]?d[l].p(a,e):(d[l]=st(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&L(l,"title",t[13]),134217728&e[0]&&L(l,"isopen",t[27])},d(t){t&&q(e),E(d,t),n=!1,o()}}}function at(t){let e,l,i,s,n;function o(){return t[59](t[71])}return{c(){e=c("m-tag"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function it(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","text"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function st(t){let e,l;function i(t,e){return t[3]?it:at}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),x(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function nt(t){let e,l,i,s,C,N,O,T,E,J,L,M,R,Y,U,B,G,I,V,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&K(t);function et(e){t[51](e)}let at={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[28]&&(at.value=t[28]),s=new D({props:at}),n.push((()=>o(s,"value",et))),s.$on("input",t[37]),s.$on("click",t[52]),s.$on("change",t[53]),s.$on("blur",t[54]);let it=t[7]&&W(),st=null!=t[28]&&""!=t[28]&&!t[3]&&P(t);function nt(e){t[56](e)}let ot={items:JSON.stringify(t[29]),open:t[21],multiple:t[9],isfiltered:t[25],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),J=new F({props:ot}),n.push((()=>o(J,"value",nt))),J.$on("change",t[34]),J.$on("scrollend",t[38]),J.$on("select-all",t[39]);let rt=t[9]&&t[16]&&Q(t),ct=t[9]&&t[16]&&lt(t),dt=[{class:"mc-autocomplete"},{style:I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),E=d(),u(J.$$.fragment),M=d(),rt&&rt.c(),R=d(),Y=c("span"),U=d(),B=c("span"),G=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),x(e,l),tt&&tt.m(l,null),x(l,i),f(s,l,null),x(l,N),x(l,O),it&&it.m(O,null),x(O,T),st&&st.m(O,null),x(e,E),f(J,e,null),x(e,M),rt&&rt.m(e,null),x(e,R),x(e,Y),x(e,U),x(e,B),x(e,G),ct&&ct.m(e,null),V=!0,X||(Z=[b(A.call(null,e)),w(e,"outclick",t[33])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=K(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(H(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&268435456&a[0]&&(C=!0,n.value=t[28],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=W(),it.c(),v(it,1),it.m(O,T)):it&&(H(),y(it,1,1,(()=>{it=null})),_()),null==t[28]||""==t[28]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=P(t),st.c(),st.m(O,null));const o={};536870912&a[0]&&(o.items=JSON.stringify(t[29])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),33554432&a[0]&&(o.isfiltered=t[25]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),J.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=Q(t),rt.c(),rt.m(e,R)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=lt(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!V||16777217&a[0]&&I!==(I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"))&&{style:I},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){V||(v(tt),v(s.$$.fragment,t),v(it),v(J.$$.fragment,t),V=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(J.$$.fragment,t),V=!1},d(t){t&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(J),rt&&rt.d(),ct&&ct.d(),X=!1,S(Z)}}}function ot(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p=C(e,m),{maxwidth:h="100%"}=e,{tagid:g}=e,{taglabel:$=""}=e,{placeholder:x}=e,{filter:f=!0}=e,{nofilter:b=!1}=e,{disabled:w=!1}=e,{size:v="m"}=e,{isinvalid:y}=e,{inputvalue:_}=e,{id:k}=e,{loading:z=!1}=e,{required:q=!1}=e,{items:j}=e,{value:S}=e,{open:T=!1}=e,{multiple:E=!1}=e,{emptysearchlabel:J="No results found"}=e,{datatextexpr:L="label"}=e,{datavalueexpr:H="value"}=e,{nosort:A=!1}=e,{layertitle:U="Title layer"}=e,{showmoretagslabel:B="Show more"}=e,{maxnumbertoshowtags:D=12}=e,{alltags:F=!1}=e,{selectall:G=!1}=e,{labelselectall:I="Select all"}=e;const K=N(),W=Math.random();let P,Q,V,X=new Y,Z="0px",tt=!1,et=[],lt=null;function at(){w||(l(19,o=E?[]:""),it(),X.dispatch("clear",!0))}function it(){l(21,d=!1),E&&!A?function(){V=i;const t=st();V.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[H]-l[H]:a<i?1:-1})),l(29,s=V)}():l(29,s=i)}function st(t){const e=t||o;return i.filter((t=>E?e.includes(t[H]):e===t[H]))}function nt(){l(27,lt=!0)}function ot(){l(27,lt=null)}function rt(t){l(19,o=o.filter((e=>e!==t))),X.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),O(t)),l(70,p=C(e,m)),"maxwidth"in t&&l(0,h=t.maxwidth),"tagid"in t&&l(1,g=t.tagid),"taglabel"in t&&l(41,$=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(42,f=t.filter),"nofilter"in t&&l(43,b=t.nofilter),"disabled"in t&&l(3,w=t.disabled),"size"in t&&l(4,v=t.size),"isinvalid"in t&&l(5,y=t.isinvalid),"inputvalue"in t&&l(44,_=t.inputvalue),"id"in t&&l(6,k=t.id),"loading"in t&&l(7,z=t.loading),"required"in t&&l(8,q=t.required),"items"in t&&l(45,j=t.items),"value"in t&&l(46,S=t.value),"open"in t&&l(47,T=t.open),"multiple"in t&&l(9,E=t.multiple),"emptysearchlabel"in t&&l(10,J=t.emptysearchlabel),"datatextexpr"in t&&l(11,L=t.datatextexpr),"datavalueexpr"in t&&l(12,H=t.datavalueexpr),"nosort"in t&&l(48,A=t.nosort),"layertitle"in t&&l(13,U=t.layertitle),"showmoretagslabel"in t&&l(14,B=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,D=t.maxnumbertoshowtags),"alltags"in t&&l(16,F=t.alltags),"selectall"in t&&l(17,G=t.selectall),"labelselectall"in t&&l(18,I=t.labelselectall)},t.$$.update=()=>{if(8192&t.$$.dirty[1]&&l(28,a=_),16384&t.$$.dirty[1]&&l(20,i=j?JSON.parse(j):[]),1048576&t.$$.dirty[0]&&l(29,s=i),512&t.$$.dirty[0]|32768&t.$$.dirty[1]&&l(19,o=!S&&E?[]:S?JSON.parse(S):S),524288&t.$$.dirty[0]|1024&t.$$.dirty[1]&&l(30,c=()=>o.length.toString()+" "+$),524288&t.$$.dirty[0]&&async function(t){if(await M(),l(26,et=st(t)),E)l(49,Q=t);else{const t=et.map((t=>t[L]));l(28,a=t.join(", "))}}(o),262144&t.$$.dirty[1]&&async function(t){await M(),l(24,Z=P&&t&&t.length?`${K.shadowRoot.querySelector(".mc-tag-removable").clientWidth}px`:"0px")}(Q),65536&t.$$.dirty[1]&&l(21,d=T),2097152&t.$$.dirty[0]){const t=d?"open":"close";X.dispatch(t,d)}l(22,u=Object.assign({},p)),4194304&t.$$.dirty[0]&&delete u.class},[h,g,x,w,v,y,k,z,q,E,J,L,H,U,B,D,F,G,I,o,i,d,u,P,Z,tt,et,lt,a,s,c,W,at,it,function(){X.dispatch("onchange",o),E||it()},nt,ot,function(t){const e=t.target.value;!function(t){X.dispatch("oninput",t)}(e),function(t){f&&!b&&(t.length?l(29,s=i.filter((e=>e[L].toUpperCase().includes(t.toUpperCase())))):l(29,s=i),l(25,tt=!s.length),X.dispatch("onfilter",s))}(e)},function(){X.dispatch("scrollend",!0)},function(t){X.dispatch("select-all",t.detail)},rt,$,f,b,_,j,S,T,A,Q,function(t){n[t?"unshift":"push"]((()=>{P=t,l(23,P)}))},function(t){a=t,l(28,a),l(44,_)},()=>l(21,d=!0),function(e){R.call(this,t,e)},function(e){R.call(this,t,e)},()=>{l(28,a=""),l(29,s=i),l(25,tt=!1),E||at()},function(t){o=t,l(19,o),l(46,S),l(9,E)},t=>rt(t.id),()=>nt(),t=>rt(t.id),()=>ot()]}class rt extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ot,nt,s,{maxwidth:0,tagid:1,taglabel:41,placeholder:2,filter:42,nofilter:43,disabled:3,size:4,isinvalid:5,inputvalue:44,id:6,loading:7,required:8,items:45,value:46,open:47,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:48,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[41]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[42]}set filter(t){this.$$set({filter:t}),i()}get nofilter(){return this.$$.ctx[43]}set nofilter(t){this.$$set({nofilter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[44]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[45]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[46]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[47]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[48]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{rt as default};
2
2
  //# sourceMappingURL=Autocomplete.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import { get_current_component } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { clickOutside } from '../../utilities/ClickOutside';\n import type { ListboxItems } from '../listbox/listbox.types';\n import type { TextInputSize } from '../textinput/textinput.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import TextInput from '../textinput/Textinput.nested.svelte';\n import Listbox from '../listbox/Listbox.nested.svelte';\n\n export let maxwidth = '100%';\n export let tagid: string;\n export let taglabel = '';\n export let placeholder: string;\n export let filter = true;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let isinvalid: boolean;\n export let inputvalue: string;\n export let id: string;\n export let loading = false;\n export let required = false;\n export let items: string;\n export let value: any;\n export let open = false;\n export let multiple = false;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let nosort = false;\n export let layertitle = 'Title layer';\n export let showmoretagslabel = 'Show more';\n export let maxnumbertoshowtags = 12;\n export let alltags = false;\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n const component: any = get_current_component();\n const uuid = Math.random();\n let eventHandler = new EventHandler();\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: localInputValue = inputvalue;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: localItems = parsedItems;\n $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n $: setTagLabel = () => {\n return listboxValue.length.toString() + ' ' + taglabel;\n };\n $: watchListboxValue(listboxValue);\n $: setTagWidth(tagValue);\n $: openState = open;\n $: {\n const eventName = openState ? 'open' : 'close';\n eventHandler.dispatch(eventName, openState);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function clearListbox() {\n if (!disabled) {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\n }\n\n function closeListBox() {\n openState = false;\n\n if (multiple && !nosort) {\n sortItems();\n } else {\n localItems = parsedItems;\n }\n }\n\n function onChange() {\n eventHandler.dispatch('onchange', listboxValue);\n\n if (!multiple) {\n closeListBox();\n }\n }\n\n function getSelectedItems(val?: string) {\n const value = val ? val : listboxValue;\n\n const selectedItems = parsedItems.filter((item: ListboxItems) => {\n return multiple\n ? value.includes(item[datavalueexpr])\n : value === item[datavalueexpr];\n });\n return selectedItems;\n }\n\n function sortItems() {\n sortedListItems = parsedItems;\n const selectedItems = getSelectedItems();\n\n sortedListItems.sort((a: any, b: any) => {\n const hasItemA = selectedItems.includes(a);\n const hasItemB = selectedItems.includes(b);\n\n if (hasItemA === hasItemB) {\n return a[datavalueexpr] - b[datavalueexpr];\n } else if (hasItemA < hasItemB) {\n return 1;\n } else {\n return -1;\n }\n });\n\n localItems = sortedListItems;\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function handleInputValue(value: any) {\n eventHandler.dispatch('oninput', value);\n }\n\n function filterListbox(value: any) {\n if (!filter) {\n return;\n }\n\n if (value.length) {\n localItems = parsedItems.filter((item: any) =>\n item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n );\n } else {\n localItems = parsedItems;\n }\n\n isfiltered = !localItems.length;\n\n eventHandler.dispatch('onfilter', localItems);\n }\n\n function onInput(e: Event) {\n const value = (e.target as HTMLInputElement).value;\n handleInputValue(value);\n filterListbox(value);\n }\n\n function onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n await tick();\n selectedItems = getSelectedItems(value);\n if (!multiple) {\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n localInputValue = seletedLabels.join(', ');\n } else {\n tagValue = value;\n }\n }\n\n async function setTagWidth(tagValue: any) {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${\n component.shadowRoot.querySelector('.mc-tag-removable').clientWidth\n }px`\n : '0px';\n }\n</script>\n\n<div\n class=\"mc-autocomplete\"\n class:mc-autocomplete--multi={multiple}\n style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n>\n <div class=\"mc-autocomplete__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-autocomplete__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TEXT INPUT -->\n <TextInput\n classinput=\"mc-autocomplete__trigger\"\n name={id}\n bind:value={localInputValue}\n {placeholder}\n inputtype=\"text\"\n {isinvalid}\n {disabled}\n {size}\n {required}\n iconname=\"navigation-display-search-24px\"\n rightalign={false}\n isvalid={false}\n min=\"\"\n max=\"\"\n on:input={onInput}\n on:click={() => (openState = true)}\n on:change\n on:blur\n />\n\n <div class=\"mc-autocomplete__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader\n size=\"s\"\n theme=\"primary\"\n text=\"\"\n class=\"mc-autocomplete__loader\"\n />\n {/if}\n\n <!-- CLEAR BUTTON -->\n {#if localInputValue != null && localInputValue != '' && !disabled}\n <button\n class=\"mc-autocomplete__clear\"\n type=\"button\"\n on:click|stopPropagation={() => {\n localInputValue = '';\n localItems = parsedItems;\n isfiltered = false;\n if (!multiple) {\n clearListbox();\n }\n }}\n >\n <navigation-control-tag--cross-24px />\n <span class=\"mc-autocomplete__clear-text\">Clear</span>\n </button>\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n <Listbox\n items={JSON.stringify(localItems)}\n open={openState}\n {multiple}\n {isfiltered}\n {emptysearchlabel}\n {maxwidth}\n {datatextexpr}\n {datavalueexpr}\n {selectall}\n {labelselectall}\n bind:value={listboxValue}\n on:change={onChange}\n on:scrollend={onScrollEnd}\n on:select-all={onSelectAll}\n />\n\n {#if multiple && alltags}\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem, index}\n {#if index < maxnumbertoshowtags}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"link\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n dark={true}\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n <m-tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n {#if multiple && alltags}\n <div>\n <m-layer\n title={layertitle}\n layertitletag=\"h3\"\n isopen={openLayer}\n on:layer-closed={() => closeLayerFn()}\n >\n <small slot=\"content\">\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"text\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/each}\n </div>\n </small>\n </m-layer>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.autocomplete';\n\n // Autocomplete\n // NOTE: These styles with the \"!important\" allow to overload the edge effects\n // due to the scoping applied by Svelte on the CSS selectors\n .mc-autocomplete {\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-autocomplete__trigger {\n padding-left: calc(\n 2.9375rem + var(--autocomplete-tag-width)\n ) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_8","create_if_block_7","if_block2","create_if_block_6","JSON","stringify","if_block3","create_if_block_2","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","maxwidth","$$props","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","component","get_current_component","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","shadowRoot","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
1
+ {"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import { get_current_component } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { clickOutside } from '../../utilities/ClickOutside';\n import type { ListboxItems } from '../listbox/listbox.types';\n import type { TextInputSize } from '../textinput/textinput.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import TextInput from '../textinput/Textinput.nested.svelte';\n import Listbox from '../listbox/Listbox.nested.svelte';\n\n export let maxwidth = '100%';\n export let tagid: string;\n export let taglabel = '';\n export let placeholder: string;\n export let filter = true;\n export let nofilter = false;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let isinvalid: boolean;\n export let inputvalue: string;\n export let id: string;\n export let loading = false;\n export let required = false;\n export let items: string;\n export let value: any;\n export let open = false;\n export let multiple = false;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let nosort = false;\n export let layertitle = 'Title layer';\n export let showmoretagslabel = 'Show more';\n export let maxnumbertoshowtags = 12;\n export let alltags = false;\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n const component: any = get_current_component();\n const uuid = Math.random();\n let eventHandler = new EventHandler();\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: localInputValue = inputvalue;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: localItems = parsedItems;\n $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n $: setTagLabel = () => {\n return listboxValue.length.toString() + ' ' + taglabel;\n };\n $: watchListboxValue(listboxValue);\n $: setTagWidth(tagValue);\n $: openState = open;\n $: {\n const eventName = openState ? 'open' : 'close';\n eventHandler.dispatch(eventName, openState);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function clearListbox() {\n if (!disabled) {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\n }\n\n function closeListBox() {\n openState = false;\n\n if (multiple && !nosort) {\n sortItems();\n } else {\n localItems = parsedItems;\n }\n }\n\n function onChange() {\n eventHandler.dispatch('onchange', listboxValue);\n\n if (!multiple) {\n closeListBox();\n }\n }\n\n function getSelectedItems(val?: string) {\n const value = val ? val : listboxValue;\n\n const selectedItems = parsedItems.filter((item: ListboxItems) => {\n return multiple\n ? value.includes(item[datavalueexpr])\n : value === item[datavalueexpr];\n });\n return selectedItems;\n }\n\n function sortItems() {\n sortedListItems = parsedItems;\n const selectedItems = getSelectedItems();\n\n sortedListItems.sort((a: any, b: any) => {\n const hasItemA = selectedItems.includes(a);\n const hasItemB = selectedItems.includes(b);\n\n if (hasItemA === hasItemB) {\n return a[datavalueexpr] - b[datavalueexpr];\n } else if (hasItemA < hasItemB) {\n return 1;\n } else {\n return -1;\n }\n });\n\n localItems = sortedListItems;\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function handleInputValue(value: any) {\n eventHandler.dispatch('oninput', value);\n }\n\n function filterListbox(value: any) {\n if (!filter || nofilter) {\n return;\n }\n\n if (value.length) {\n localItems = parsedItems.filter((item: any) =>\n item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n );\n } else {\n localItems = parsedItems;\n }\n\n isfiltered = !localItems.length;\n\n eventHandler.dispatch('onfilter', localItems);\n }\n\n function onInput(e: Event) {\n const value = (e.target as HTMLInputElement).value;\n handleInputValue(value);\n filterListbox(value);\n }\n\n function onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n await tick();\n selectedItems = getSelectedItems(value);\n if (!multiple) {\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n localInputValue = seletedLabels.join(', ');\n } else {\n tagValue = value;\n }\n }\n\n async function setTagWidth(tagValue: any) {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${\n component.shadowRoot.querySelector('.mc-tag-removable').clientWidth\n }px`\n : '0px';\n }\n</script>\n\n<div\n class=\"mc-autocomplete\"\n class:mc-autocomplete--multi={multiple}\n style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n>\n <div class=\"mc-autocomplete__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-autocomplete__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TEXT INPUT -->\n <TextInput\n classinput=\"mc-autocomplete__trigger\"\n name={id}\n bind:value={localInputValue}\n {placeholder}\n inputtype=\"text\"\n {isinvalid}\n {disabled}\n {size}\n {required}\n iconname=\"navigation-display-search-24px\"\n rightalign={false}\n isvalid={false}\n min=\"\"\n max=\"\"\n on:input={onInput}\n on:click={() => (openState = true)}\n on:change\n on:blur\n />\n\n <div class=\"mc-autocomplete__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader\n size=\"s\"\n theme=\"primary\"\n text=\"\"\n class=\"mc-autocomplete__loader\"\n />\n {/if}\n\n <!-- CLEAR BUTTON -->\n {#if localInputValue != null && localInputValue != '' && !disabled}\n <button\n class=\"mc-autocomplete__clear\"\n type=\"button\"\n on:click|stopPropagation={() => {\n localInputValue = '';\n localItems = parsedItems;\n isfiltered = false;\n if (!multiple) {\n clearListbox();\n }\n }}\n >\n <navigation-control-tag--cross-24px />\n <span class=\"mc-autocomplete__clear-text\">Clear</span>\n </button>\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n <Listbox\n items={JSON.stringify(localItems)}\n open={openState}\n {multiple}\n {isfiltered}\n {emptysearchlabel}\n {maxwidth}\n {datatextexpr}\n {datavalueexpr}\n {selectall}\n {labelselectall}\n bind:value={listboxValue}\n on:change={onChange}\n on:scrollend={onScrollEnd}\n on:select-all={onSelectAll}\n />\n\n {#if multiple && alltags}\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem, index}\n {#if index < maxnumbertoshowtags}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"link\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n dark={true}\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n <m-tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n {#if multiple && alltags}\n <div>\n <m-layer\n title={layertitle}\n layertitletag=\"h3\"\n isopen={openLayer}\n on:layer-closed={() => closeLayerFn()}\n >\n <small slot=\"content\">\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"text\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/each}\n </div>\n </small>\n </m-layer>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.autocomplete';\n\n // Autocomplete\n // NOTE: These styles with the \"!important\" allow to overload the edge effects\n // due to the scoping applied by Svelte on the CSS selectors\n .mc-autocomplete {\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-autocomplete__trigger {\n padding-left: calc(\n 2.9375rem + var(--autocomplete-tag-width)\n ) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_8","create_if_block_7","if_block2","create_if_block_6","JSON","stringify","if_block3","create_if_block_2","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","component","get_current_component","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","shadowRoot","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
@@ -18,6 +18,7 @@
18
18
  export let taglabel = '';
19
19
  export let placeholder: string;
20
20
  export let filter = true;
21
+ export let nofilter = false;
21
22
  export let disabled = false;
22
23
  export let size: TextInputSize = 'm';
23
24
  export let isinvalid: boolean;
@@ -138,7 +139,7 @@
138
139
  }
139
140
 
140
141
  function filterListbox(value: any) {
141
- if (!filter) {
142
+ if (!filter || nofilter) {
142
143
  return;
143
144
  }
144
145