@mozaic-ds/web-components 0.5.0 → 0.6.1

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 (234) hide show
  1. package/package.json +3 -3
  2. package/public/ClickOutside-63071e7a.js +1 -15
  3. package/public/ClickOutside-63071e7a.js.map +1 -1
  4. package/public/DataTableDefaultAction.nested-4da4dc44.js +1 -759
  5. package/public/DataTableDefaultAction.nested-4da4dc44.js.map +1 -1
  6. package/public/DataTableUtilities-60220c78.js +1 -370
  7. package/public/DataTableUtilities-60220c78.js.map +1 -1
  8. package/public/EventForward-8492ff62.js +1 -109
  9. package/public/EventForward-8492ff62.js.map +1 -1
  10. package/public/EventHandler-02058705.js +1 -15
  11. package/public/EventHandler-02058705.js.map +1 -1
  12. package/public/adeo/components/checkbox/Checkbox.js +1 -1
  13. package/public/adeo/components/checkbox/Checkbox.js.map +1 -1
  14. package/public/adeo/components/checkbox/Checkbox.svelte +2 -2
  15. package/public/adeo/components/datatable/DataTable.js +1 -1
  16. package/public/adeo/components/datatable/DataTable.js.map +1 -1
  17. package/public/adeo/components/datatable/DataTable.svelte +18 -18
  18. package/public/adeo/components/fileuploader/FileUploader.js +1 -1
  19. package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
  20. package/public/adeo/components/fileuploader/FileUploader.svelte +8 -5
  21. package/public/adeo/components/fileuploader/ResultFile.nested.js +1 -1
  22. package/public/adeo/components/fileuploader/ResultFile.nested.js.map +1 -1
  23. package/public/adeo/components/layer/Layer.js +1 -1
  24. package/public/adeo/components/layer/Layer.js.map +1 -1
  25. package/public/adeo/components/layer/Layer.svelte +2 -1
  26. package/public/adeo/components/link/Link.js +1 -1
  27. package/public/adeo/components/link/Link.js.map +1 -1
  28. package/public/adeo/components/link/Link.svelte +1 -1
  29. package/public/adeo/components/phonenumber/PhoneNumber.js +1 -1
  30. package/public/adeo/components/phonenumber/PhoneNumber.js.map +1 -1
  31. package/public/adeo/components/phonenumber/PhoneNumber.svelte +72 -9
  32. package/public/adeo/components/quantityselector/QuantitySelector.js +1 -1
  33. package/public/adeo/components/quantityselector/QuantitySelector.js.map +1 -1
  34. package/public/adeo/components/quantityselector/QuantitySelector.svelte +6 -3
  35. package/public/adeo/components/resultfile/ResultFile.nested.svelte +1 -1
  36. package/public/array-5b770a93.js +1 -13
  37. package/public/array-5b770a93.js.map +1 -1
  38. package/public/axis-fbc0f7b5.js +1 -174
  39. package/public/axis-fbc0f7b5.js.map +1 -1
  40. package/public/band-d7a07d2c.js +1 -186
  41. package/public/band-d7a07d2c.js.map +1 -1
  42. package/public/bricoman/components/chart/Donut.js +1 -1
  43. package/public/bricoman/components/checkbox/Checkbox.js +1 -1
  44. package/public/bricoman/components/checkbox/Checkbox.js.map +1 -1
  45. package/public/bricoman/components/checkbox/Checkbox.svelte +2 -2
  46. package/public/bricoman/components/datatable/DataTable.js +1 -1
  47. package/public/bricoman/components/datatable/DataTable.js.map +1 -1
  48. package/public/bricoman/components/datatable/DataTable.svelte +18 -18
  49. package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
  50. package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
  51. package/public/bricoman/components/fileuploader/FileUploader.svelte +8 -5
  52. package/public/bricoman/components/fileuploader/ResultFile.nested.js +1 -1
  53. package/public/bricoman/components/fileuploader/ResultFile.nested.js.map +1 -1
  54. package/public/bricoman/components/header/Header.js +1 -1
  55. package/public/bricoman/components/hero/Hero.js +1 -1
  56. package/public/bricoman/components/layer/Layer.js +1 -1
  57. package/public/bricoman/components/layer/Layer.js.map +1 -1
  58. package/public/bricoman/components/layer/Layer.svelte +2 -1
  59. package/public/bricoman/components/link/Link.js +1 -1
  60. package/public/bricoman/components/link/Link.js.map +1 -1
  61. package/public/bricoman/components/link/Link.svelte +1 -1
  62. package/public/bricoman/components/listbox/Listbox.js +1 -1
  63. package/public/bricoman/components/listbox/Listbox.nested.js +1 -1
  64. package/public/bricoman/components/phonenumber/PhoneNumber.js +1 -1
  65. package/public/bricoman/components/phonenumber/PhoneNumber.js.map +1 -1
  66. package/public/bricoman/components/phonenumber/PhoneNumber.svelte +72 -9
  67. package/public/bricoman/components/price/Price.js +1 -1
  68. package/public/bricoman/components/quantityselector/QuantitySelector.js +1 -1
  69. package/public/bricoman/components/quantityselector/QuantitySelector.js.map +1 -1
  70. package/public/bricoman/components/quantityselector/QuantitySelector.svelte +6 -3
  71. package/public/bricoman/components/resultfile/ResultFile.nested.svelte +1 -1
  72. package/public/components/accordion/Accordion.js +1 -365
  73. package/public/components/accordion/Accordion.js.map +1 -1
  74. package/public/components/autocomplete/Autocomplete.js +1 -1515
  75. package/public/components/autocomplete/Autocomplete.js.map +1 -1
  76. package/public/components/badge/Badge.js +1 -155
  77. package/public/components/badge/Badge.js.map +1 -1
  78. package/public/components/badge/Badge.nested.js +1 -101
  79. package/public/components/badge/Badge.nested.js.map +1 -1
  80. package/public/components/breadcrumb/Breadcrumb.js +1 -372
  81. package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
  82. package/public/components/breadcrumb/Breadcrumb.nested.js +1 -319
  83. package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
  84. package/public/components/button/Button.js +1 -1138
  85. package/public/components/button/Button.js.map +1 -1
  86. package/public/components/card/Card.js +1 -369
  87. package/public/components/card/Card.js.map +1 -1
  88. package/public/components/chart/BarChart.js +1 -582
  89. package/public/components/chart/BarChart.js.map +1 -1
  90. package/public/components/chart/Donut.js +1 -1189
  91. package/public/components/chart/Donut.js.map +1 -1
  92. package/public/components/chart/GroupedBarChart.js +1 -750
  93. package/public/components/chart/GroupedBarChart.js.map +1 -1
  94. package/public/components/chart/LineChart.js +1 -1731
  95. package/public/components/chart/LineChart.js.map +1 -1
  96. package/public/components/chart/Radar.js +1 -729
  97. package/public/components/chart/Radar.js.map +1 -1
  98. package/public/components/chart/StackedBarChart.js +1 -745
  99. package/public/components/chart/StackedBarChart.js.map +1 -1
  100. package/public/components/checkbox/Checkbox.js +1 -307
  101. package/public/components/checkbox/Checkbox.js.map +1 -1
  102. package/public/components/checkbox/Checkbox.svelte +2 -2
  103. package/public/components/checkboxgroup/checkboxGroup.js +1 -404
  104. package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
  105. package/public/components/datatable/DataTable.js +1 -3064
  106. package/public/components/datatable/DataTable.js.map +1 -1
  107. package/public/components/datatable/DataTable.svelte +18 -18
  108. package/public/components/datatable/DataTableDefaultAction.nested.js +1 -4
  109. package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
  110. package/public/components/datatable/DataTableDefaultEdtion.nested.js +1 -164
  111. package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
  112. package/public/components/datatable/DataTableDefaultFilterTags.nested.js +1 -380
  113. package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
  114. package/public/components/datatable/DataTableDefaultSelection.nested.js +1 -424
  115. package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
  116. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -263
  117. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +1 -1
  118. package/public/components/datatable/DataTableFooter.nested.js +1 -637
  119. package/public/components/datatable/DataTableFooter.nested.js.map +1 -1
  120. package/public/components/dropdown/Dropdown.js +1 -1426
  121. package/public/components/dropdown/Dropdown.js.map +1 -1
  122. package/public/components/field/Field.js +1 -375
  123. package/public/components/field/Field.js.map +1 -1
  124. package/public/components/fileuploader/FileUploader.js +1 -555
  125. package/public/components/fileuploader/FileUploader.js.map +1 -1
  126. package/public/components/fileuploader/FileUploader.svelte +8 -5
  127. package/public/components/fileuploader/ResultFile.nested.js +1 -265
  128. package/public/components/fileuploader/ResultFile.nested.js.map +1 -1
  129. package/public/components/flag/Flag.js +1 -174
  130. package/public/components/flag/Flag.js.map +1 -1
  131. package/public/components/header/Header.js +1 -903
  132. package/public/components/header/Header.js.map +1 -1
  133. package/public/components/hero/Hero.js +1 -271
  134. package/public/components/hero/Hero.js.map +1 -1
  135. package/public/components/layer/Layer.js +1 -453
  136. package/public/components/layer/Layer.js.map +1 -1
  137. package/public/components/layer/Layer.svelte +2 -1
  138. package/public/components/link/Link.js +1 -380
  139. package/public/components/link/Link.js.map +1 -1
  140. package/public/components/link/Link.svelte +1 -1
  141. package/public/components/listbox/Listbox.js +1 -595
  142. package/public/components/listbox/Listbox.js.map +1 -1
  143. package/public/components/listbox/Listbox.nested.js +1 -629
  144. package/public/components/listbox/Listbox.nested.js.map +1 -1
  145. package/public/components/loader/Loader.js +1 -246
  146. package/public/components/loader/Loader.js.map +1 -1
  147. package/public/components/loader/Loader.nested.js +1 -176
  148. package/public/components/loader/Loader.nested.js.map +1 -1
  149. package/public/components/modal/Modal.js +1 -395
  150. package/public/components/modal/Modal.js.map +1 -1
  151. package/public/components/notification/Notification.js +1 -458
  152. package/public/components/notification/Notification.js.map +1 -1
  153. package/public/components/optionbutton/OptionButton.js +1 -316
  154. package/public/components/optionbutton/OptionButton.js.map +1 -1
  155. package/public/components/overlay/Overlay.js +1 -104
  156. package/public/components/overlay/Overlay.js.map +1 -1
  157. package/public/components/overlay/OverlayLoader.js +1 -151
  158. package/public/components/overlay/OverlayLoader.js.map +1 -1
  159. package/public/components/pagination/Pagination.js +1 -613
  160. package/public/components/pagination/Pagination.js.map +1 -1
  161. package/public/components/passwordinput/PasswordInput.js +1 -291
  162. package/public/components/passwordinput/PasswordInput.js.map +1 -1
  163. package/public/components/phonenumber/PhoneNumber.js +1 -6894
  164. package/public/components/phonenumber/PhoneNumber.js.map +1 -1
  165. package/public/components/price/Price.js +1 -768
  166. package/public/components/price/Price.js.map +1 -1
  167. package/public/components/progressbar/ProgressBar.js +1 -278
  168. package/public/components/progressbar/ProgressBar.js.map +1 -1
  169. package/public/components/quantityselector/QuantitySelector.js +1 -333
  170. package/public/components/quantityselector/QuantitySelector.js.map +1 -1
  171. package/public/components/quantityselector/QuantitySelector.svelte +6 -3
  172. package/public/components/radio/Radio.js +1 -273
  173. package/public/components/radio/Radio.js.map +1 -1
  174. package/public/components/radiogroup/RadioGroup.js +1 -414
  175. package/public/components/radiogroup/RadioGroup.js.map +1 -1
  176. package/public/components/ratings/StarsInput.js +1 -292
  177. package/public/components/ratings/StarsInput.js.map +1 -1
  178. package/public/components/ratings/StarsResult.js +1 -246
  179. package/public/components/ratings/StarsResult.js.map +1 -1
  180. package/public/components/resultfile/ResultFile.nested.svelte +1 -1
  181. package/public/components/select/Select.js +1 -451
  182. package/public/components/select/Select.js.map +1 -1
  183. package/public/components/sidebar/Sidebar.js +1 -784
  184. package/public/components/sidebar/Sidebar.js.map +1 -1
  185. package/public/components/sidebar/sidebar-feature-group.nested.js +1 -594
  186. package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  187. package/public/components/sidebar/sidebar-feature.nested.js +1 -402
  188. package/public/components/sidebar/sidebar-feature.nested.js.map +1 -1
  189. package/public/components/sidebar/sidebar-section.nested.js +1 -394
  190. package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
  191. package/public/components/sidebar/sidebar-segment.nested.js +1 -200
  192. package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
  193. package/public/components/sidebar/sidebar-separator.nested.js +1 -49
  194. package/public/components/sidebar/sidebar-separator.nested.js.map +1 -1
  195. package/public/components/sidebar/sidebar-sub-features.nested.js +1 -312
  196. package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
  197. package/public/components/sidebar/sidebar-user.nested.js +1 -733
  198. package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
  199. package/public/components/stepper/Stepper.js +1 -371
  200. package/public/components/stepper/Stepper.js.map +1 -1
  201. package/public/components/tabs/Tabs.js +1 -615
  202. package/public/components/tabs/Tabs.js.map +1 -1
  203. package/public/components/tabs/Tabs.nested.js +1 -472
  204. package/public/components/tabs/Tabs.nested.js.map +1 -1
  205. package/public/components/tag/Tag.js +1 -665
  206. package/public/components/tag/Tag.js.map +1 -1
  207. package/public/components/tag/Tag.nested.js +1 -554
  208. package/public/components/tag/Tag.nested.js.map +1 -1
  209. package/public/components/taglist/TagList.js +1 -475
  210. package/public/components/taglist/TagList.js.map +1 -1
  211. package/public/components/textarea/Textarea.js +1 -303
  212. package/public/components/textarea/Textarea.js.map +1 -1
  213. package/public/components/textinput/Textinput.js +1 -497
  214. package/public/components/textinput/Textinput.js.map +1 -1
  215. package/public/components/textinput/Textinput.nested.js +1 -320
  216. package/public/components/textinput/Textinput.nested.js.map +1 -1
  217. package/public/components/toggle/Toggle.js +1 -278
  218. package/public/components/toggle/Toggle.js.map +1 -1
  219. package/public/components/tooltip/Tooltip.js +1 -173
  220. package/public/components/tooltip/Tooltip.js.map +1 -1
  221. package/public/index-c33b3772.js +1 -873
  222. package/public/index-c33b3772.js.map +1 -1
  223. package/public/linear-f46d7e9e.js +1 -700
  224. package/public/linear-f46d7e9e.js.map +1 -1
  225. package/public/path-1b5da959.js +1 -186
  226. package/public/path-1b5da959.js.map +1 -1
  227. package/public/sidebar-service-275bf9ef.js +1 -129
  228. package/public/sidebar-service-275bf9ef.js.map +1 -1
  229. package/public/symbol-b05a6e2b.js +1 -169
  230. package/public/symbol-b05a6e2b.js.map +1 -1
  231. package/public/transform-15d69d5d.js +1 -2743
  232. package/public/transform-15d69d5d.js.map +1 -1
  233. package/public/utilities/stories/fileuploader/FileUploader.stories.d.ts.map +1 -1
  234. package/public/utilities/stories/quantityselector/QuantitySelector.stories.d.ts.map +1 -1
@@ -1,1516 +1,2 @@
1
- import { S as SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, v as binding_callbacks, w as bind, c as assign, e as element, d as space, x as create_component, n as noop, g as attr, y as set_style, h as set_attributes, z as toggle_class, j as append, A as mount_component, B as action_destroyer, l as listen, C as transition_in, D as transition_out, E as check_outros, F as add_flush_callback, m as get_spread_update, o as detach, G as destroy_component, H as run_all, p as compute_rest_props, r as get_current_component, q as exclude_internal_props, I as stop_propagation, J as destroy_each, K as empty, L as set_custom_element_data, M as group_outros, N as tick, O as bubble } from '../../index-c33b3772.js';
2
- import { E as EventHandler } from '../../EventHandler-02058705.js';
3
- import { c as clickOutside } from '../../ClickOutside-63071e7a.js';
4
- import Tag_nested from '../tag/Tag.nested.js';
5
- import Loader_nested from '../loader/Loader.nested.js';
6
- import Textinput_nested from '../textinput/Textinput.nested.js';
7
- import Listbox_nested from '../listbox/Listbox.nested.js';
8
-
9
- /* src/components/autocomplete/Autocomplete.svelte generated by Svelte v3.58.0 */
10
-
11
- function get_each_context(ctx, list, i) {
12
- const child_ctx = ctx.slice();
13
- child_ctx[70] = list[i];
14
- return child_ctx;
15
- }
16
-
17
- function get_each_context_1(ctx, list, i) {
18
- const child_ctx = ctx.slice();
19
- child_ctx[70] = list[i];
20
- child_ctx[74] = i;
21
- return child_ctx;
22
- }
23
-
24
- // (177:4) {#if multiple && listboxValue.length > 0 && !alltags}
25
- function create_if_block_6(ctx) {
26
- let tag_1;
27
- let current;
28
-
29
- let tag_1_props = {
30
- id: /*tagid*/ ctx[1]
31
- ? /*tagid*/ ctx[1]
32
- : `autocompleteTag-${/*uuid*/ ctx[31]}`,
33
- class: "mc-autocomplete__tag",
34
- label: /*setTagLabel*/ ctx[30](),
35
- size: "s",
36
- type: "removable",
37
- dark: false,
38
- disabled: false,
39
- href: "",
40
- name: "",
41
- value: "",
42
- selected: false
43
- };
44
-
45
- tag_1 = new Tag_nested({ props: tag_1_props });
46
- /*tag_1_binding*/ ctx[49](tag_1);
47
- tag_1.$on("tag-removed", /*clearListbox*/ ctx[32]);
48
-
49
- return {
50
- c() {
51
- create_component(tag_1.$$.fragment);
52
- },
53
- m(target, anchor) {
54
- mount_component(tag_1, target, anchor);
55
- current = true;
56
- },
57
- p(ctx, dirty) {
58
- const tag_1_changes = {};
59
-
60
- if (dirty[0] & /*tagid*/ 2) tag_1_changes.id = /*tagid*/ ctx[1]
61
- ? /*tagid*/ ctx[1]
62
- : `autocompleteTag-${/*uuid*/ ctx[31]}`;
63
-
64
- if (dirty[0] & /*setTagLabel*/ 1073741824) tag_1_changes.label = /*setTagLabel*/ ctx[30]();
65
- tag_1.$set(tag_1_changes);
66
- },
67
- i(local) {
68
- if (current) return;
69
- transition_in(tag_1.$$.fragment, local);
70
- current = true;
71
- },
72
- o(local) {
73
- transition_out(tag_1.$$.fragment, local);
74
- current = false;
75
- },
76
- d(detaching) {
77
- /*tag_1_binding*/ ctx[49](null);
78
- destroy_component(tag_1, detaching);
79
- }
80
- };
81
- }
82
-
83
- // (219:6) {#if loading}
84
- function create_if_block_5(ctx) {
85
- let loader;
86
- let current;
87
-
88
- loader = new Loader_nested({
89
- props: {
90
- size: "s",
91
- theme: "primary",
92
- text: "",
93
- class: "mc-autocomplete__loader"
94
- }
95
- });
96
-
97
- return {
98
- c() {
99
- create_component(loader.$$.fragment);
100
- },
101
- m(target, anchor) {
102
- mount_component(loader, target, anchor);
103
- current = true;
104
- },
105
- i(local) {
106
- if (current) return;
107
- transition_in(loader.$$.fragment, local);
108
- current = true;
109
- },
110
- o(local) {
111
- transition_out(loader.$$.fragment, local);
112
- current = false;
113
- },
114
- d(detaching) {
115
- destroy_component(loader, detaching);
116
- }
117
- };
118
- }
119
-
120
- // (229:6) {#if localInputValue != null && localInputValue != ''}
121
- function create_if_block_4(ctx) {
122
- let button;
123
- let mounted;
124
- let dispose;
125
-
126
- return {
127
- c() {
128
- button = element("button");
129
-
130
- button.innerHTML = `<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>
131
- <span class="mc-autocomplete__clear-text">Clear</span>`;
132
-
133
- attr(button, "class", "mc-autocomplete__clear");
134
- attr(button, "type", "button");
135
- },
136
- m(target, anchor) {
137
- insert(target, button, anchor);
138
-
139
- if (!mounted) {
140
- dispose = listen(button, "click", stop_propagation(/*click_handler_1*/ ctx[54]));
141
- mounted = true;
142
- }
143
- },
144
- p: noop,
145
- d(detaching) {
146
- if (detaching) detach(button);
147
- mounted = false;
148
- dispose();
149
- }
150
- };
151
- }
152
-
153
- // (267:2) {#if multiple && alltags}
154
- function create_if_block_1(ctx) {
155
- let div;
156
- let t;
157
- let each_value_1 = /*selectedItems*/ ctx[26];
158
- let each_blocks = [];
159
-
160
- for (let i = 0; i < each_value_1.length; i += 1) {
161
- each_blocks[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
162
- }
163
-
164
- let if_block = /*listboxValue*/ ctx[19].length > /*maxnumbertoshowtags*/ ctx[15] && create_if_block_2(ctx);
165
-
166
- return {
167
- c() {
168
- div = element("div");
169
-
170
- for (let i = 0; i < each_blocks.length; i += 1) {
171
- each_blocks[i].c();
172
- }
173
-
174
- t = space();
175
- if (if_block) if_block.c();
176
- attr(div, "class", "tags-selected");
177
- },
178
- m(target, anchor) {
179
- insert(target, div, anchor);
180
-
181
- for (let i = 0; i < each_blocks.length; i += 1) {
182
- if (each_blocks[i]) {
183
- each_blocks[i].m(div, null);
184
- }
185
- }
186
-
187
- append(div, t);
188
- if (if_block) if_block.m(div, null);
189
- },
190
- p(ctx, dirty) {
191
- if (dirty[0] & /*selectedItems, maxnumbertoshowtags*/ 67141632 | dirty[1] & /*removeTagSelected*/ 512) {
192
- each_value_1 = /*selectedItems*/ ctx[26];
193
- let i;
194
-
195
- for (i = 0; i < each_value_1.length; i += 1) {
196
- const child_ctx = get_each_context_1(ctx, each_value_1, i);
197
-
198
- if (each_blocks[i]) {
199
- each_blocks[i].p(child_ctx, dirty);
200
- } else {
201
- each_blocks[i] = create_each_block_1(child_ctx);
202
- each_blocks[i].c();
203
- each_blocks[i].m(div, t);
204
- }
205
- }
206
-
207
- for (; i < each_blocks.length; i += 1) {
208
- each_blocks[i].d(1);
209
- }
210
-
211
- each_blocks.length = each_value_1.length;
212
- }
213
-
214
- if (/*listboxValue*/ ctx[19].length > /*maxnumbertoshowtags*/ ctx[15]) {
215
- if (if_block) {
216
- if_block.p(ctx, dirty);
217
- } else {
218
- if_block = create_if_block_2(ctx);
219
- if_block.c();
220
- if_block.m(div, null);
221
- }
222
- } else if (if_block) {
223
- if_block.d(1);
224
- if_block = null;
225
- }
226
- },
227
- d(detaching) {
228
- if (detaching) detach(div);
229
- destroy_each(each_blocks, detaching);
230
- if (if_block) if_block.d();
231
- }
232
- };
233
- }
234
-
235
- // (270:8) {#if index < maxnumbertoshowtags}
236
- function create_if_block_3(ctx) {
237
- let div;
238
- let m_tag;
239
- let m_tag_id_value;
240
- let m_tag_label_value;
241
- let mounted;
242
- let dispose;
243
-
244
- function tag_removed_handler() {
245
- return /*tag_removed_handler*/ ctx[56](/*selectedItem*/ ctx[70]);
246
- }
247
-
248
- return {
249
- c() {
250
- div = element("div");
251
- m_tag = element("m-tag");
252
- set_custom_element_data(m_tag, "id", m_tag_id_value = /*selectedItem*/ ctx[70].id);
253
- set_custom_element_data(m_tag, "label", m_tag_label_value = /*selectedItem*/ ctx[70].label);
254
- set_custom_element_data(m_tag, "size", "s");
255
- set_custom_element_data(m_tag, "type", "removable");
256
- attr(div, "class", "tag-selected");
257
- },
258
- m(target, anchor) {
259
- insert(target, div, anchor);
260
- append(div, m_tag);
261
-
262
- if (!mounted) {
263
- dispose = listen(m_tag, "tag-removed", tag_removed_handler);
264
- mounted = true;
265
- }
266
- },
267
- p(new_ctx, dirty) {
268
- ctx = new_ctx;
269
-
270
- if (dirty[0] & /*selectedItems*/ 67108864 && m_tag_id_value !== (m_tag_id_value = /*selectedItem*/ ctx[70].id)) {
271
- set_custom_element_data(m_tag, "id", m_tag_id_value);
272
- }
273
-
274
- if (dirty[0] & /*selectedItems*/ 67108864 && m_tag_label_value !== (m_tag_label_value = /*selectedItem*/ ctx[70].label)) {
275
- set_custom_element_data(m_tag, "label", m_tag_label_value);
276
- }
277
- },
278
- d(detaching) {
279
- if (detaching) detach(div);
280
- mounted = false;
281
- dispose();
282
- }
283
- };
284
- }
285
-
286
- // (269:6) {#each selectedItems as selectedItem, index}
287
- function create_each_block_1(ctx) {
288
- let if_block_anchor;
289
- let if_block = /*index*/ ctx[74] < /*maxnumbertoshowtags*/ ctx[15] && create_if_block_3(ctx);
290
-
291
- return {
292
- c() {
293
- if (if_block) if_block.c();
294
- if_block_anchor = empty();
295
- },
296
- m(target, anchor) {
297
- if (if_block) if_block.m(target, anchor);
298
- insert(target, if_block_anchor, anchor);
299
- },
300
- p(ctx, dirty) {
301
- if (/*index*/ ctx[74] < /*maxnumbertoshowtags*/ ctx[15]) {
302
- if (if_block) {
303
- if_block.p(ctx, dirty);
304
- } else {
305
- if_block = create_if_block_3(ctx);
306
- if_block.c();
307
- if_block.m(if_block_anchor.parentNode, if_block_anchor);
308
- }
309
- } else if (if_block) {
310
- if_block.d(1);
311
- if_block = null;
312
- }
313
- },
314
- d(detaching) {
315
- if (if_block) if_block.d(detaching);
316
- if (detaching) detach(if_block_anchor);
317
- }
318
- };
319
- }
320
-
321
- // (282:6) {#if listboxValue.length > maxnumbertoshowtags}
322
- function create_if_block_2(ctx) {
323
- let div;
324
- let m_tag;
325
- let m_tag_label_value;
326
- let mounted;
327
- let dispose;
328
-
329
- return {
330
- c() {
331
- div = element("div");
332
- m_tag = element("m-tag");
333
- set_custom_element_data(m_tag, "id", "id-tag");
334
- set_custom_element_data(m_tag, "label", m_tag_label_value = "(" + /*listboxValue*/ ctx[19].length + ") " + /*showmoretagslabel*/ ctx[14] + " ");
335
- set_custom_element_data(m_tag, "size", "s");
336
- set_custom_element_data(m_tag, "type", "link");
337
- attr(div, "class", "tag-selected");
338
- },
339
- m(target, anchor) {
340
- insert(target, div, anchor);
341
- append(div, m_tag);
342
-
343
- if (!mounted) {
344
- dispose = listen(m_tag, "tag-selected", /*tag_selected_handler*/ ctx[57]);
345
- mounted = true;
346
- }
347
- },
348
- p(ctx, dirty) {
349
- if (dirty[0] & /*listboxValue, showmoretagslabel*/ 540672 && m_tag_label_value !== (m_tag_label_value = "(" + /*listboxValue*/ ctx[19].length + ") " + /*showmoretagslabel*/ ctx[14] + " ")) {
350
- set_custom_element_data(m_tag, "label", m_tag_label_value);
351
- }
352
- },
353
- d(detaching) {
354
- if (detaching) detach(div);
355
- mounted = false;
356
- dispose();
357
- }
358
- };
359
- }
360
-
361
- // (300:2) {#if multiple && alltags}
362
- function create_if_block(ctx) {
363
- let div1;
364
- let m_layer;
365
- let small;
366
- let div0;
367
- let mounted;
368
- let dispose;
369
- let each_value = /*selectedItems*/ ctx[26];
370
- let each_blocks = [];
371
-
372
- for (let i = 0; i < each_value.length; i += 1) {
373
- each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
374
- }
375
-
376
- return {
377
- c() {
378
- div1 = element("div");
379
- m_layer = element("m-layer");
380
- small = element("small");
381
- div0 = element("div");
382
-
383
- for (let i = 0; i < each_blocks.length; i += 1) {
384
- each_blocks[i].c();
385
- }
386
-
387
- attr(div0, "class", "tags-selected");
388
- attr(small, "slot", "content");
389
- set_custom_element_data(m_layer, "title", /*layertitle*/ ctx[13]);
390
- set_custom_element_data(m_layer, "layertitletag", "h3");
391
- set_custom_element_data(m_layer, "isopen", /*openLayer*/ ctx[27]);
392
- },
393
- m(target, anchor) {
394
- insert(target, div1, anchor);
395
- append(div1, m_layer);
396
- append(m_layer, small);
397
- append(small, div0);
398
-
399
- for (let i = 0; i < each_blocks.length; i += 1) {
400
- if (each_blocks[i]) {
401
- each_blocks[i].m(div0, null);
402
- }
403
- }
404
-
405
- if (!mounted) {
406
- dispose = listen(m_layer, "layer-closed", /*layer_closed_handler*/ ctx[59]);
407
- mounted = true;
408
- }
409
- },
410
- p(ctx, dirty) {
411
- if (dirty[0] & /*selectedItems*/ 67108864 | dirty[1] & /*removeTagSelected*/ 512) {
412
- each_value = /*selectedItems*/ ctx[26];
413
- let i;
414
-
415
- for (i = 0; i < each_value.length; i += 1) {
416
- const child_ctx = get_each_context(ctx, each_value, i);
417
-
418
- if (each_blocks[i]) {
419
- each_blocks[i].p(child_ctx, dirty);
420
- } else {
421
- each_blocks[i] = create_each_block(child_ctx);
422
- each_blocks[i].c();
423
- each_blocks[i].m(div0, null);
424
- }
425
- }
426
-
427
- for (; i < each_blocks.length; i += 1) {
428
- each_blocks[i].d(1);
429
- }
430
-
431
- each_blocks.length = each_value.length;
432
- }
433
-
434
- if (dirty[0] & /*layertitle*/ 8192) {
435
- set_custom_element_data(m_layer, "title", /*layertitle*/ ctx[13]);
436
- }
437
-
438
- if (dirty[0] & /*openLayer*/ 134217728) {
439
- set_custom_element_data(m_layer, "isopen", /*openLayer*/ ctx[27]);
440
- }
441
- },
442
- d(detaching) {
443
- if (detaching) detach(div1);
444
- destroy_each(each_blocks, detaching);
445
- mounted = false;
446
- dispose();
447
- }
448
- };
449
- }
450
-
451
- // (310:12) {#each selectedItems as selectedItem}
452
- function create_each_block(ctx) {
453
- let div;
454
- let m_tag;
455
- let m_tag_id_value;
456
- let m_tag_label_value;
457
- let t;
458
- let mounted;
459
- let dispose;
460
-
461
- function tag_removed_handler_1() {
462
- return /*tag_removed_handler_1*/ ctx[58](/*selectedItem*/ ctx[70]);
463
- }
464
-
465
- return {
466
- c() {
467
- div = element("div");
468
- m_tag = element("m-tag");
469
- t = space();
470
- set_custom_element_data(m_tag, "id", m_tag_id_value = /*selectedItem*/ ctx[70].id);
471
- set_custom_element_data(m_tag, "label", m_tag_label_value = /*selectedItem*/ ctx[70].label);
472
- set_custom_element_data(m_tag, "size", "s");
473
- set_custom_element_data(m_tag, "type", "removable");
474
- attr(div, "class", "tag-selected");
475
- },
476
- m(target, anchor) {
477
- insert(target, div, anchor);
478
- append(div, m_tag);
479
- append(div, t);
480
-
481
- if (!mounted) {
482
- dispose = listen(m_tag, "tag-removed", tag_removed_handler_1);
483
- mounted = true;
484
- }
485
- },
486
- p(new_ctx, dirty) {
487
- ctx = new_ctx;
488
-
489
- if (dirty[0] & /*selectedItems*/ 67108864 && m_tag_id_value !== (m_tag_id_value = /*selectedItem*/ ctx[70].id)) {
490
- set_custom_element_data(m_tag, "id", m_tag_id_value);
491
- }
492
-
493
- if (dirty[0] & /*selectedItems*/ 67108864 && m_tag_label_value !== (m_tag_label_value = /*selectedItem*/ ctx[70].label)) {
494
- set_custom_element_data(m_tag, "label", m_tag_label_value);
495
- }
496
- },
497
- d(detaching) {
498
- if (detaching) detach(div);
499
- mounted = false;
500
- dispose();
501
- }
502
- };
503
- }
504
-
505
- function create_fragment(ctx) {
506
- let div2;
507
- let div1;
508
- let t0;
509
- let textinput;
510
- let updating_value;
511
- let t1;
512
- let div0;
513
- let t2;
514
- let t3;
515
- let listbox;
516
- let updating_value_1;
517
- let t4;
518
- let t5;
519
- let span0;
520
- let t6;
521
- let span1;
522
- let t7;
523
- let div2_style_value;
524
- let current;
525
- let mounted;
526
- let dispose;
527
- let if_block0 = /*multiple*/ ctx[9] && /*listboxValue*/ ctx[19].length > 0 && !/*alltags*/ ctx[16] && create_if_block_6(ctx);
528
-
529
- function textinput_value_binding(value) {
530
- /*textinput_value_binding*/ ctx[50](value);
531
- }
532
-
533
- let textinput_props = {
534
- classinput: "mc-autocomplete__trigger",
535
- name: /*id*/ ctx[6],
536
- placeholder: /*placeholder*/ ctx[2],
537
- inputtype: "text",
538
- isinvalid: /*isinvalid*/ ctx[5],
539
- disabled: /*disabled*/ ctx[3],
540
- size: /*size*/ ctx[4],
541
- required: /*required*/ ctx[8],
542
- iconname: "navigation-display-search-24px",
543
- rightalign: false,
544
- isvalid: false,
545
- min: "",
546
- max: ""
547
- };
548
-
549
- if (/*localInputValue*/ ctx[28] !== void 0) {
550
- textinput_props.value = /*localInputValue*/ ctx[28];
551
- }
552
-
553
- textinput = new Textinput_nested({ props: textinput_props });
554
- binding_callbacks.push(() => bind(textinput, 'value', textinput_value_binding));
555
- textinput.$on("input", /*onInput*/ ctx[37]);
556
- textinput.$on("click", /*click_handler*/ ctx[51]);
557
- textinput.$on("change", /*change_handler*/ ctx[52]);
558
- textinput.$on("blur", /*blur_handler*/ ctx[53]);
559
- let if_block1 = /*loading*/ ctx[7] && create_if_block_5();
560
- let if_block2 = /*localInputValue*/ ctx[28] != null && /*localInputValue*/ ctx[28] != '' && create_if_block_4(ctx);
561
-
562
- function listbox_value_binding(value) {
563
- /*listbox_value_binding*/ ctx[55](value);
564
- }
565
-
566
- let listbox_props = {
567
- items: JSON.stringify(/*localItems*/ ctx[29]),
568
- open: /*openState*/ ctx[21],
569
- multiple: /*multiple*/ ctx[9],
570
- isfiltered: /*isfiltered*/ ctx[25],
571
- emptysearchlabel: /*emptysearchlabel*/ ctx[10],
572
- maxwidth: /*maxwidth*/ ctx[0],
573
- datatextexpr: /*datatextexpr*/ ctx[11],
574
- datavalueexpr: /*datavalueexpr*/ ctx[12],
575
- selectall: /*selectall*/ ctx[17],
576
- labelselectall: /*labelselectall*/ ctx[18]
577
- };
578
-
579
- if (/*listboxValue*/ ctx[19] !== void 0) {
580
- listbox_props.value = /*listboxValue*/ ctx[19];
581
- }
582
-
583
- listbox = new Listbox_nested({ props: listbox_props });
584
- binding_callbacks.push(() => bind(listbox, 'value', listbox_value_binding));
585
- listbox.$on("change", /*onChange*/ ctx[34]);
586
- listbox.$on("scrollend", /*onScrollEnd*/ ctx[38]);
587
- listbox.$on("select-all", /*onSelectAll*/ ctx[39]);
588
- let if_block3 = /*multiple*/ ctx[9] && /*alltags*/ ctx[16] && create_if_block_1(ctx);
589
- let if_block4 = /*multiple*/ ctx[9] && /*alltags*/ ctx[16] && create_if_block(ctx);
590
-
591
- let div2_levels = [
592
- { class: "mc-autocomplete" },
593
- {
594
- style: div2_style_value = "--autocomplete-tag-width: " + /*tagWidth*/ ctx[24] + "; --autocomplete-width: " + /*maxwidth*/ ctx[0] + ";"
595
- },
596
- /*attributes*/ ctx[22]
597
- ];
598
-
599
- let div_data_2 = {};
600
-
601
- for (let i = 0; i < div2_levels.length; i += 1) {
602
- div_data_2 = assign(div_data_2, div2_levels[i]);
603
- }
604
-
605
- return {
606
- c() {
607
- div2 = element("div");
608
- div1 = element("div");
609
- if (if_block0) if_block0.c();
610
- t0 = space();
611
- create_component(textinput.$$.fragment);
612
- t1 = space();
613
- div0 = element("div");
614
- if (if_block1) if_block1.c();
615
- t2 = space();
616
- if (if_block2) if_block2.c();
617
- t3 = space();
618
- create_component(listbox.$$.fragment);
619
- t4 = space();
620
- if (if_block3) if_block3.c();
621
- t5 = space();
622
- span0 = element("span");
623
- t6 = space();
624
- span1 = element("span");
625
- t7 = space();
626
- if (if_block4) if_block4.c();
627
- this.c = noop;
628
- attr(div0, "class", "mc-autocomplete__tools");
629
- attr(div1, "class", "mc-autocomplete__main");
630
- attr(span0, "class", "mc-autocomplete__loader");
631
- set_style(span0, "display", "none");
632
- attr(span1, "class", "mc-text-input mc-autocomplete__trigger");
633
- set_style(span1, "display", "none");
634
- set_attributes(div2, div_data_2);
635
- toggle_class(div2, "mc-autocomplete--multi", /*multiple*/ ctx[9]);
636
- },
637
- m(target, anchor) {
638
- insert(target, div2, anchor);
639
- append(div2, div1);
640
- if (if_block0) if_block0.m(div1, null);
641
- append(div1, t0);
642
- mount_component(textinput, div1, null);
643
- append(div1, t1);
644
- append(div1, div0);
645
- if (if_block1) if_block1.m(div0, null);
646
- append(div0, t2);
647
- if (if_block2) if_block2.m(div0, null);
648
- append(div2, t3);
649
- mount_component(listbox, div2, null);
650
- append(div2, t4);
651
- if (if_block3) if_block3.m(div2, null);
652
- append(div2, t5);
653
- append(div2, span0);
654
- append(div2, t6);
655
- append(div2, span1);
656
- append(div2, t7);
657
- if (if_block4) if_block4.m(div2, null);
658
- current = true;
659
-
660
- if (!mounted) {
661
- dispose = [
662
- action_destroyer(clickOutside.call(null, div2)),
663
- listen(div2, "outclick", /*closeListBox*/ ctx[33])
664
- ];
665
-
666
- mounted = true;
667
- }
668
- },
669
- p(ctx, dirty) {
670
- if (/*multiple*/ ctx[9] && /*listboxValue*/ ctx[19].length > 0 && !/*alltags*/ ctx[16]) {
671
- if (if_block0) {
672
- if_block0.p(ctx, dirty);
673
-
674
- if (dirty[0] & /*multiple, listboxValue, alltags*/ 590336) {
675
- transition_in(if_block0, 1);
676
- }
677
- } else {
678
- if_block0 = create_if_block_6(ctx);
679
- if_block0.c();
680
- transition_in(if_block0, 1);
681
- if_block0.m(div1, t0);
682
- }
683
- } else if (if_block0) {
684
- group_outros();
685
-
686
- transition_out(if_block0, 1, 1, () => {
687
- if_block0 = null;
688
- });
689
-
690
- check_outros();
691
- }
692
-
693
- const textinput_changes = {};
694
- if (dirty[0] & /*id*/ 64) textinput_changes.name = /*id*/ ctx[6];
695
- if (dirty[0] & /*placeholder*/ 4) textinput_changes.placeholder = /*placeholder*/ ctx[2];
696
- if (dirty[0] & /*isinvalid*/ 32) textinput_changes.isinvalid = /*isinvalid*/ ctx[5];
697
- if (dirty[0] & /*disabled*/ 8) textinput_changes.disabled = /*disabled*/ ctx[3];
698
- if (dirty[0] & /*size*/ 16) textinput_changes.size = /*size*/ ctx[4];
699
- if (dirty[0] & /*required*/ 256) textinput_changes.required = /*required*/ ctx[8];
700
-
701
- if (!updating_value && dirty[0] & /*localInputValue*/ 268435456) {
702
- updating_value = true;
703
- textinput_changes.value = /*localInputValue*/ ctx[28];
704
- add_flush_callback(() => updating_value = false);
705
- }
706
-
707
- textinput.$set(textinput_changes);
708
-
709
- if (/*loading*/ ctx[7]) {
710
- if (if_block1) {
711
- if (dirty[0] & /*loading*/ 128) {
712
- transition_in(if_block1, 1);
713
- }
714
- } else {
715
- if_block1 = create_if_block_5();
716
- if_block1.c();
717
- transition_in(if_block1, 1);
718
- if_block1.m(div0, t2);
719
- }
720
- } else if (if_block1) {
721
- group_outros();
722
-
723
- transition_out(if_block1, 1, 1, () => {
724
- if_block1 = null;
725
- });
726
-
727
- check_outros();
728
- }
729
-
730
- if (/*localInputValue*/ ctx[28] != null && /*localInputValue*/ ctx[28] != '') {
731
- if (if_block2) {
732
- if_block2.p(ctx, dirty);
733
- } else {
734
- if_block2 = create_if_block_4(ctx);
735
- if_block2.c();
736
- if_block2.m(div0, null);
737
- }
738
- } else if (if_block2) {
739
- if_block2.d(1);
740
- if_block2 = null;
741
- }
742
-
743
- const listbox_changes = {};
744
- if (dirty[0] & /*localItems*/ 536870912) listbox_changes.items = JSON.stringify(/*localItems*/ ctx[29]);
745
- if (dirty[0] & /*openState*/ 2097152) listbox_changes.open = /*openState*/ ctx[21];
746
- if (dirty[0] & /*multiple*/ 512) listbox_changes.multiple = /*multiple*/ ctx[9];
747
- if (dirty[0] & /*isfiltered*/ 33554432) listbox_changes.isfiltered = /*isfiltered*/ ctx[25];
748
- if (dirty[0] & /*emptysearchlabel*/ 1024) listbox_changes.emptysearchlabel = /*emptysearchlabel*/ ctx[10];
749
- if (dirty[0] & /*maxwidth*/ 1) listbox_changes.maxwidth = /*maxwidth*/ ctx[0];
750
- if (dirty[0] & /*datatextexpr*/ 2048) listbox_changes.datatextexpr = /*datatextexpr*/ ctx[11];
751
- if (dirty[0] & /*datavalueexpr*/ 4096) listbox_changes.datavalueexpr = /*datavalueexpr*/ ctx[12];
752
- if (dirty[0] & /*selectall*/ 131072) listbox_changes.selectall = /*selectall*/ ctx[17];
753
- if (dirty[0] & /*labelselectall*/ 262144) listbox_changes.labelselectall = /*labelselectall*/ ctx[18];
754
-
755
- if (!updating_value_1 && dirty[0] & /*listboxValue*/ 524288) {
756
- updating_value_1 = true;
757
- listbox_changes.value = /*listboxValue*/ ctx[19];
758
- add_flush_callback(() => updating_value_1 = false);
759
- }
760
-
761
- listbox.$set(listbox_changes);
762
-
763
- if (/*multiple*/ ctx[9] && /*alltags*/ ctx[16]) {
764
- if (if_block3) {
765
- if_block3.p(ctx, dirty);
766
- } else {
767
- if_block3 = create_if_block_1(ctx);
768
- if_block3.c();
769
- if_block3.m(div2, t5);
770
- }
771
- } else if (if_block3) {
772
- if_block3.d(1);
773
- if_block3 = null;
774
- }
775
-
776
- if (/*multiple*/ ctx[9] && /*alltags*/ ctx[16]) {
777
- if (if_block4) {
778
- if_block4.p(ctx, dirty);
779
- } else {
780
- if_block4 = create_if_block(ctx);
781
- if_block4.c();
782
- if_block4.m(div2, null);
783
- }
784
- } else if (if_block4) {
785
- if_block4.d(1);
786
- if_block4 = null;
787
- }
788
-
789
- set_attributes(div2, div_data_2 = get_spread_update(div2_levels, [
790
- { class: "mc-autocomplete" },
791
- (!current || dirty[0] & /*tagWidth, maxwidth*/ 16777217 && div2_style_value !== (div2_style_value = "--autocomplete-tag-width: " + /*tagWidth*/ ctx[24] + "; --autocomplete-width: " + /*maxwidth*/ ctx[0] + ";")) && { style: div2_style_value },
792
- dirty[0] & /*attributes*/ 4194304 && /*attributes*/ ctx[22]
793
- ]));
794
-
795
- toggle_class(div2, "mc-autocomplete--multi", /*multiple*/ ctx[9]);
796
- },
797
- i(local) {
798
- if (current) return;
799
- transition_in(if_block0);
800
- transition_in(textinput.$$.fragment, local);
801
- transition_in(if_block1);
802
- transition_in(listbox.$$.fragment, local);
803
- current = true;
804
- },
805
- o(local) {
806
- transition_out(if_block0);
807
- transition_out(textinput.$$.fragment, local);
808
- transition_out(if_block1);
809
- transition_out(listbox.$$.fragment, local);
810
- current = false;
811
- },
812
- d(detaching) {
813
- if (detaching) detach(div2);
814
- if (if_block0) if_block0.d();
815
- destroy_component(textinput);
816
- if (if_block1) if_block1.d();
817
- if (if_block2) if_block2.d();
818
- destroy_component(listbox);
819
- if (if_block3) if_block3.d();
820
- if (if_block4) if_block4.d();
821
- mounted = false;
822
- run_all(dispose);
823
- }
824
- };
825
- }
826
-
827
- function instance($$self, $$props, $$invalidate) {
828
- let localInputValue;
829
- let parsedItems;
830
- let localItems;
831
- let listboxValue;
832
- let setTagLabel;
833
- let openState;
834
- let attributes;
835
-
836
- const omit_props_names = [
837
- "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"
838
- ];
839
-
840
- let $$restProps = compute_rest_props($$props, omit_props_names);
841
- let { maxwidth = '100%' } = $$props;
842
- let { tagid } = $$props;
843
- let { taglabel = '' } = $$props;
844
- let { placeholder } = $$props;
845
- let { filter = true } = $$props;
846
- let { disabled = false } = $$props;
847
- let { size = 'm' } = $$props;
848
- let { isinvalid } = $$props;
849
- let { inputvalue } = $$props;
850
- let { id } = $$props;
851
- let { loading = false } = $$props;
852
- let { required = false } = $$props;
853
- let { items } = $$props;
854
- let { value } = $$props;
855
- let { open = false } = $$props;
856
- let { multiple = false } = $$props;
857
- let { emptysearchlabel = 'No results found' } = $$props;
858
- let { datatextexpr = 'label' } = $$props;
859
- let { datavalueexpr = 'value' } = $$props;
860
- let { nosort = false } = $$props;
861
- let { layertitle = 'Title layer' } = $$props;
862
- let { showmoretagslabel = 'Show more' } = $$props;
863
- let { maxnumbertoshowtags = 12 } = $$props;
864
- let { alltags = false } = $$props;
865
- let { selectall = false } = $$props;
866
- let { labelselectall = 'Select all' } = $$props;
867
- const component = get_current_component();
868
- const uuid = Math.random();
869
- let eventHandler = new EventHandler();
870
- let tag;
871
- let tagWidth = '0px';
872
- let tagValue;
873
- let sortedListItems;
874
- let isfiltered = false;
875
- let selectedItems = [];
876
- let openLayer = null;
877
-
878
- function clearListbox() {
879
- $$invalidate(19, listboxValue = multiple ? [] : '');
880
- closeListBox();
881
- eventHandler.dispatch('clear', true);
882
- }
883
-
884
- function closeListBox() {
885
- $$invalidate(21, openState = false);
886
-
887
- if (multiple && !nosort) {
888
- sortItems();
889
- } else {
890
- $$invalidate(29, localItems = parsedItems);
891
- }
892
- }
893
-
894
- function onChange() {
895
- eventHandler.dispatch('onchange', listboxValue);
896
-
897
- if (!multiple) {
898
- closeListBox();
899
- }
900
- }
901
-
902
- function getSelectedItems(val) {
903
- const value = val ? val : listboxValue;
904
-
905
- const selectedItems = parsedItems.filter(item => {
906
- return multiple
907
- ? value.includes(item[datavalueexpr])
908
- : value === item[datavalueexpr];
909
- });
910
-
911
- return selectedItems;
912
- }
913
-
914
- function sortItems() {
915
- sortedListItems = parsedItems;
916
- const selectedItems = getSelectedItems();
917
-
918
- sortedListItems.sort((a, b) => {
919
- const hasItemA = selectedItems.includes(a);
920
- const hasItemB = selectedItems.includes(b);
921
-
922
- if (hasItemA === hasItemB) {
923
- return a[datavalueexpr] - b[datavalueexpr];
924
- } else if (hasItemA < hasItemB) {
925
- return 1;
926
- } else {
927
- return -1;
928
- }
929
- });
930
-
931
- $$invalidate(29, localItems = sortedListItems);
932
- }
933
-
934
- function openLayerFn() {
935
- $$invalidate(27, openLayer = true);
936
- }
937
-
938
- function closeLayerFn() {
939
- $$invalidate(27, openLayer = null);
940
- }
941
-
942
- function handleInputValue(value) {
943
- eventHandler.dispatch('oninput', value);
944
- }
945
-
946
- function filterListbox(value) {
947
- if (!filter) {
948
- return;
949
- }
950
-
951
- if (value.length) {
952
- $$invalidate(29, localItems = parsedItems.filter(item => item[datatextexpr].toUpperCase().includes(value.toUpperCase())));
953
- } else {
954
- $$invalidate(29, localItems = parsedItems);
955
- }
956
-
957
- $$invalidate(25, isfiltered = !localItems.length);
958
- eventHandler.dispatch('onfilter', localItems);
959
- }
960
-
961
- function onInput(e) {
962
- const value = e.target.value;
963
- handleInputValue(value);
964
- filterListbox(value);
965
- }
966
-
967
- function onScrollEnd() {
968
- eventHandler.dispatch('scrollend', true);
969
- }
970
-
971
- function onSelectAll(e) {
972
- eventHandler.dispatch('select-all', e.detail);
973
- }
974
-
975
- function removeTagSelected(itemSelectedId) {
976
- $$invalidate(19, listboxValue = listboxValue.filter(value => value !== itemSelectedId));
977
- eventHandler.dispatch('onchange', listboxValue);
978
- }
979
-
980
- async function watchListboxValue(value) {
981
- await tick();
982
- $$invalidate(26, selectedItems = getSelectedItems(value));
983
-
984
- if (!multiple) {
985
- const seletedLabels = selectedItems.map(item => item[datatextexpr]);
986
- $$invalidate(28, localInputValue = seletedLabels.join(', '));
987
- } else {
988
- $$invalidate(48, tagValue = value);
989
- }
990
- }
991
-
992
- async function setTagWidth(tagValue) {
993
- await tick();
994
-
995
- $$invalidate(24, tagWidth = tag && tagValue && tagValue.length
996
- ? `${component.shadowRoot.querySelector('.mc-tag-removable').clientWidth}px`
997
- : '0px');
998
- }
999
-
1000
- function tag_1_binding($$value) {
1001
- binding_callbacks[$$value ? 'unshift' : 'push'](() => {
1002
- tag = $$value;
1003
- $$invalidate(23, tag);
1004
- });
1005
- }
1006
-
1007
- function textinput_value_binding(value) {
1008
- localInputValue = value;
1009
- ($$invalidate(28, localInputValue), $$invalidate(43, inputvalue));
1010
- }
1011
-
1012
- const click_handler = () => $$invalidate(21, openState = true);
1013
-
1014
- function change_handler(event) {
1015
- bubble.call(this, $$self, event);
1016
- }
1017
-
1018
- function blur_handler(event) {
1019
- bubble.call(this, $$self, event);
1020
- }
1021
-
1022
- const click_handler_1 = () => {
1023
- $$invalidate(28, localInputValue = '');
1024
- $$invalidate(29, localItems = parsedItems);
1025
- $$invalidate(25, isfiltered = false);
1026
-
1027
- if (!multiple) {
1028
- clearListbox();
1029
- }
1030
- };
1031
-
1032
- function listbox_value_binding(value$1) {
1033
- listboxValue = value$1;
1034
- (($$invalidate(19, listboxValue), $$invalidate(45, value)), $$invalidate(9, multiple));
1035
- }
1036
-
1037
- const tag_removed_handler = selectedItem => removeTagSelected(selectedItem.id);
1038
- const tag_selected_handler = () => openLayerFn();
1039
- const tag_removed_handler_1 = selectedItem => removeTagSelected(selectedItem.id);
1040
- const layer_closed_handler = () => closeLayerFn();
1041
-
1042
- $$self.$$set = $$new_props => {
1043
- $$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
1044
- $$invalidate(69, $$restProps = compute_rest_props($$props, omit_props_names));
1045
- if ('maxwidth' in $$new_props) $$invalidate(0, maxwidth = $$new_props.maxwidth);
1046
- if ('tagid' in $$new_props) $$invalidate(1, tagid = $$new_props.tagid);
1047
- if ('taglabel' in $$new_props) $$invalidate(41, taglabel = $$new_props.taglabel);
1048
- if ('placeholder' in $$new_props) $$invalidate(2, placeholder = $$new_props.placeholder);
1049
- if ('filter' in $$new_props) $$invalidate(42, filter = $$new_props.filter);
1050
- if ('disabled' in $$new_props) $$invalidate(3, disabled = $$new_props.disabled);
1051
- if ('size' in $$new_props) $$invalidate(4, size = $$new_props.size);
1052
- if ('isinvalid' in $$new_props) $$invalidate(5, isinvalid = $$new_props.isinvalid);
1053
- if ('inputvalue' in $$new_props) $$invalidate(43, inputvalue = $$new_props.inputvalue);
1054
- if ('id' in $$new_props) $$invalidate(6, id = $$new_props.id);
1055
- if ('loading' in $$new_props) $$invalidate(7, loading = $$new_props.loading);
1056
- if ('required' in $$new_props) $$invalidate(8, required = $$new_props.required);
1057
- if ('items' in $$new_props) $$invalidate(44, items = $$new_props.items);
1058
- if ('value' in $$new_props) $$invalidate(45, value = $$new_props.value);
1059
- if ('open' in $$new_props) $$invalidate(46, open = $$new_props.open);
1060
- if ('multiple' in $$new_props) $$invalidate(9, multiple = $$new_props.multiple);
1061
- if ('emptysearchlabel' in $$new_props) $$invalidate(10, emptysearchlabel = $$new_props.emptysearchlabel);
1062
- if ('datatextexpr' in $$new_props) $$invalidate(11, datatextexpr = $$new_props.datatextexpr);
1063
- if ('datavalueexpr' in $$new_props) $$invalidate(12, datavalueexpr = $$new_props.datavalueexpr);
1064
- if ('nosort' in $$new_props) $$invalidate(47, nosort = $$new_props.nosort);
1065
- if ('layertitle' in $$new_props) $$invalidate(13, layertitle = $$new_props.layertitle);
1066
- if ('showmoretagslabel' in $$new_props) $$invalidate(14, showmoretagslabel = $$new_props.showmoretagslabel);
1067
- if ('maxnumbertoshowtags' in $$new_props) $$invalidate(15, maxnumbertoshowtags = $$new_props.maxnumbertoshowtags);
1068
- if ('alltags' in $$new_props) $$invalidate(16, alltags = $$new_props.alltags);
1069
- if ('selectall' in $$new_props) $$invalidate(17, selectall = $$new_props.selectall);
1070
- if ('labelselectall' in $$new_props) $$invalidate(18, labelselectall = $$new_props.labelselectall);
1071
- };
1072
-
1073
- $$self.$$.update = () => {
1074
- if ($$self.$$.dirty[1] & /*inputvalue*/ 4096) {
1075
- $$invalidate(28, localInputValue = inputvalue);
1076
- }
1077
-
1078
- if ($$self.$$.dirty[1] & /*items*/ 8192) {
1079
- $$invalidate(20, parsedItems = items ? JSON.parse(items) : []);
1080
- }
1081
-
1082
- if ($$self.$$.dirty[0] & /*parsedItems*/ 1048576) {
1083
- $$invalidate(29, localItems = parsedItems);
1084
- }
1085
-
1086
- if ($$self.$$.dirty[0] & /*multiple*/ 512 | $$self.$$.dirty[1] & /*value*/ 16384) {
1087
- $$invalidate(19, listboxValue = !value && multiple
1088
- ? []
1089
- : value ? JSON.parse(value) : value);
1090
- }
1091
-
1092
- if ($$self.$$.dirty[0] & /*listboxValue*/ 524288 | $$self.$$.dirty[1] & /*taglabel*/ 1024) {
1093
- $$invalidate(30, setTagLabel = () => {
1094
- return listboxValue.length.toString() + ' ' + taglabel;
1095
- });
1096
- }
1097
-
1098
- if ($$self.$$.dirty[0] & /*listboxValue*/ 524288) {
1099
- watchListboxValue(listboxValue);
1100
- }
1101
-
1102
- if ($$self.$$.dirty[1] & /*tagValue*/ 131072) {
1103
- setTagWidth(tagValue);
1104
- }
1105
-
1106
- if ($$self.$$.dirty[1] & /*open*/ 32768) {
1107
- $$invalidate(21, openState = open);
1108
- }
1109
-
1110
- if ($$self.$$.dirty[0] & /*openState*/ 2097152) {
1111
- {
1112
- const eventName = openState ? 'open' : 'close';
1113
- eventHandler.dispatch(eventName, openState);
1114
- }
1115
- }
1116
-
1117
- $$invalidate(22, attributes = Object.assign({}, $$restProps));
1118
-
1119
- if ($$self.$$.dirty[0] & /*attributes*/ 4194304) {
1120
- delete attributes.class;
1121
- }
1122
- };
1123
-
1124
- return [
1125
- maxwidth,
1126
- tagid,
1127
- placeholder,
1128
- disabled,
1129
- size,
1130
- isinvalid,
1131
- id,
1132
- loading,
1133
- required,
1134
- multiple,
1135
- emptysearchlabel,
1136
- datatextexpr,
1137
- datavalueexpr,
1138
- layertitle,
1139
- showmoretagslabel,
1140
- maxnumbertoshowtags,
1141
- alltags,
1142
- selectall,
1143
- labelselectall,
1144
- listboxValue,
1145
- parsedItems,
1146
- openState,
1147
- attributes,
1148
- tag,
1149
- tagWidth,
1150
- isfiltered,
1151
- selectedItems,
1152
- openLayer,
1153
- localInputValue,
1154
- localItems,
1155
- setTagLabel,
1156
- uuid,
1157
- clearListbox,
1158
- closeListBox,
1159
- onChange,
1160
- openLayerFn,
1161
- closeLayerFn,
1162
- onInput,
1163
- onScrollEnd,
1164
- onSelectAll,
1165
- removeTagSelected,
1166
- taglabel,
1167
- filter,
1168
- inputvalue,
1169
- items,
1170
- value,
1171
- open,
1172
- nosort,
1173
- tagValue,
1174
- tag_1_binding,
1175
- textinput_value_binding,
1176
- click_handler,
1177
- change_handler,
1178
- blur_handler,
1179
- click_handler_1,
1180
- listbox_value_binding,
1181
- tag_removed_handler,
1182
- tag_selected_handler,
1183
- tag_removed_handler_1,
1184
- layer_closed_handler
1185
- ];
1186
- }
1187
-
1188
- class Autocomplete extends SvelteElement {
1189
- constructor(options) {
1190
- super();
1191
- const style = document.createElement('style');
1192
- style.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 #0b96cc;box-shadow:0 0 0 2px #0b96cc}.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}`;
1193
- this.shadowRoot.appendChild(style);
1194
-
1195
- init(
1196
- this,
1197
- {
1198
- target: this.shadowRoot,
1199
- props: attribute_to_object(this.attributes),
1200
- customElement: true
1201
- },
1202
- instance,
1203
- create_fragment,
1204
- safe_not_equal,
1205
- {
1206
- maxwidth: 0,
1207
- tagid: 1,
1208
- taglabel: 41,
1209
- placeholder: 2,
1210
- filter: 42,
1211
- disabled: 3,
1212
- size: 4,
1213
- isinvalid: 5,
1214
- inputvalue: 43,
1215
- id: 6,
1216
- loading: 7,
1217
- required: 8,
1218
- items: 44,
1219
- value: 45,
1220
- open: 46,
1221
- multiple: 9,
1222
- emptysearchlabel: 10,
1223
- datatextexpr: 11,
1224
- datavalueexpr: 12,
1225
- nosort: 47,
1226
- layertitle: 13,
1227
- showmoretagslabel: 14,
1228
- maxnumbertoshowtags: 15,
1229
- alltags: 16,
1230
- selectall: 17,
1231
- labelselectall: 18
1232
- },
1233
- null,
1234
- [-1, -1, -1]
1235
- );
1236
-
1237
- if (options) {
1238
- if (options.target) {
1239
- insert(options.target, this, options.anchor);
1240
- }
1241
-
1242
- if (options.props) {
1243
- this.$set(options.props);
1244
- flush();
1245
- }
1246
- }
1247
- }
1248
-
1249
- static get observedAttributes() {
1250
- return [
1251
- "maxwidth",
1252
- "tagid",
1253
- "taglabel",
1254
- "placeholder",
1255
- "filter",
1256
- "disabled",
1257
- "size",
1258
- "isinvalid",
1259
- "inputvalue",
1260
- "id",
1261
- "loading",
1262
- "required",
1263
- "items",
1264
- "value",
1265
- "open",
1266
- "multiple",
1267
- "emptysearchlabel",
1268
- "datatextexpr",
1269
- "datavalueexpr",
1270
- "nosort",
1271
- "layertitle",
1272
- "showmoretagslabel",
1273
- "maxnumbertoshowtags",
1274
- "alltags",
1275
- "selectall",
1276
- "labelselectall"
1277
- ];
1278
- }
1279
-
1280
- get maxwidth() {
1281
- return this.$$.ctx[0];
1282
- }
1283
-
1284
- set maxwidth(maxwidth) {
1285
- this.$$set({ maxwidth });
1286
- flush();
1287
- }
1288
-
1289
- get tagid() {
1290
- return this.$$.ctx[1];
1291
- }
1292
-
1293
- set tagid(tagid) {
1294
- this.$$set({ tagid });
1295
- flush();
1296
- }
1297
-
1298
- get taglabel() {
1299
- return this.$$.ctx[41];
1300
- }
1301
-
1302
- set taglabel(taglabel) {
1303
- this.$$set({ taglabel });
1304
- flush();
1305
- }
1306
-
1307
- get placeholder() {
1308
- return this.$$.ctx[2];
1309
- }
1310
-
1311
- set placeholder(placeholder) {
1312
- this.$$set({ placeholder });
1313
- flush();
1314
- }
1315
-
1316
- get filter() {
1317
- return this.$$.ctx[42];
1318
- }
1319
-
1320
- set filter(filter) {
1321
- this.$$set({ filter });
1322
- flush();
1323
- }
1324
-
1325
- get disabled() {
1326
- return this.$$.ctx[3];
1327
- }
1328
-
1329
- set disabled(disabled) {
1330
- this.$$set({ disabled });
1331
- flush();
1332
- }
1333
-
1334
- get size() {
1335
- return this.$$.ctx[4];
1336
- }
1337
-
1338
- set size(size) {
1339
- this.$$set({ size });
1340
- flush();
1341
- }
1342
-
1343
- get isinvalid() {
1344
- return this.$$.ctx[5];
1345
- }
1346
-
1347
- set isinvalid(isinvalid) {
1348
- this.$$set({ isinvalid });
1349
- flush();
1350
- }
1351
-
1352
- get inputvalue() {
1353
- return this.$$.ctx[43];
1354
- }
1355
-
1356
- set inputvalue(inputvalue) {
1357
- this.$$set({ inputvalue });
1358
- flush();
1359
- }
1360
-
1361
- get id() {
1362
- return this.$$.ctx[6];
1363
- }
1364
-
1365
- set id(id) {
1366
- this.$$set({ id });
1367
- flush();
1368
- }
1369
-
1370
- get loading() {
1371
- return this.$$.ctx[7];
1372
- }
1373
-
1374
- set loading(loading) {
1375
- this.$$set({ loading });
1376
- flush();
1377
- }
1378
-
1379
- get required() {
1380
- return this.$$.ctx[8];
1381
- }
1382
-
1383
- set required(required) {
1384
- this.$$set({ required });
1385
- flush();
1386
- }
1387
-
1388
- get items() {
1389
- return this.$$.ctx[44];
1390
- }
1391
-
1392
- set items(items) {
1393
- this.$$set({ items });
1394
- flush();
1395
- }
1396
-
1397
- get value() {
1398
- return this.$$.ctx[45];
1399
- }
1400
-
1401
- set value(value) {
1402
- this.$$set({ value });
1403
- flush();
1404
- }
1405
-
1406
- get open() {
1407
- return this.$$.ctx[46];
1408
- }
1409
-
1410
- set open(open) {
1411
- this.$$set({ open });
1412
- flush();
1413
- }
1414
-
1415
- get multiple() {
1416
- return this.$$.ctx[9];
1417
- }
1418
-
1419
- set multiple(multiple) {
1420
- this.$$set({ multiple });
1421
- flush();
1422
- }
1423
-
1424
- get emptysearchlabel() {
1425
- return this.$$.ctx[10];
1426
- }
1427
-
1428
- set emptysearchlabel(emptysearchlabel) {
1429
- this.$$set({ emptysearchlabel });
1430
- flush();
1431
- }
1432
-
1433
- get datatextexpr() {
1434
- return this.$$.ctx[11];
1435
- }
1436
-
1437
- set datatextexpr(datatextexpr) {
1438
- this.$$set({ datatextexpr });
1439
- flush();
1440
- }
1441
-
1442
- get datavalueexpr() {
1443
- return this.$$.ctx[12];
1444
- }
1445
-
1446
- set datavalueexpr(datavalueexpr) {
1447
- this.$$set({ datavalueexpr });
1448
- flush();
1449
- }
1450
-
1451
- get nosort() {
1452
- return this.$$.ctx[47];
1453
- }
1454
-
1455
- set nosort(nosort) {
1456
- this.$$set({ nosort });
1457
- flush();
1458
- }
1459
-
1460
- get layertitle() {
1461
- return this.$$.ctx[13];
1462
- }
1463
-
1464
- set layertitle(layertitle) {
1465
- this.$$set({ layertitle });
1466
- flush();
1467
- }
1468
-
1469
- get showmoretagslabel() {
1470
- return this.$$.ctx[14];
1471
- }
1472
-
1473
- set showmoretagslabel(showmoretagslabel) {
1474
- this.$$set({ showmoretagslabel });
1475
- flush();
1476
- }
1477
-
1478
- get maxnumbertoshowtags() {
1479
- return this.$$.ctx[15];
1480
- }
1481
-
1482
- set maxnumbertoshowtags(maxnumbertoshowtags) {
1483
- this.$$set({ maxnumbertoshowtags });
1484
- flush();
1485
- }
1486
-
1487
- get alltags() {
1488
- return this.$$.ctx[16];
1489
- }
1490
-
1491
- set alltags(alltags) {
1492
- this.$$set({ alltags });
1493
- flush();
1494
- }
1495
-
1496
- get selectall() {
1497
- return this.$$.ctx[17];
1498
- }
1499
-
1500
- set selectall(selectall) {
1501
- this.$$set({ selectall });
1502
- flush();
1503
- }
1504
-
1505
- get labelselectall() {
1506
- return this.$$.ctx[18];
1507
- }
1508
-
1509
- set labelselectall(labelselectall) {
1510
- this.$$set({ labelselectall });
1511
- flush();
1512
- }
1513
- }
1514
-
1515
- export { Autocomplete as default };
1
+ import{S as t,i as e,a as l,b as a,f as s,s as i,v as n,w as o,c as r,e as c,d,x as m,n as u,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(){m(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(){m(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,s;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(i,n){a(i,e,n),l||(s=w(e,"click",T(t[54])),l=!0)},p:u,d(t){t&&q(e),l=!1,s()}}}function Q(t){let e,l,s=t[26],i=[];for(let e=0;e<s.length;e+=1)i[e]=X(I(t,s,e));let n=t[19].length>t[15]&&Z(t);return{c(){e=c("div");for(let t=0;t<i.length;t+=1)i[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,s){a(t,e,s);for(let t=0;t<i.length;t+=1)i[t]&&i[t].m(e,null);x(e,l),n&&n.m(e,null)},p(t,a){if(67141632&a[0]|512&a[1]){let n;for(s=t[26],n=0;n<s.length;n+=1){const o=I(t,s,n);i[n]?i[n].p(o,a):(i[n]=X(o),i[n].c(),i[n].m(e,l))}for(;n<i.length;n+=1)i[n].d(1);i.length=s.length}t[19].length>t[15]?n?n.p(t,a):(n=Z(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(i,t),n&&n.d()}}}function V(t){let e,l,s,i,n,o;function r(){return t[56](t[70])}return{c(){e=c("div"),l=c("m-tag"),L(l,"id",s=t[70].id),L(l,"label",i=t[70].label),L(l,"size","s"),L(l,"type","removable"),p(e,"class","tag-selected")},m(t,s){a(t,e,s),x(e,l),n||(o=w(l,"tag-removed",r),n=!0)},p(e,a){t=e,67108864&a[0]&&s!==(s=t[70].id)&&L(l,"id",s),67108864&a[0]&&i!==(i=t[70].label)&&L(l,"label",i)},d(t){t&&q(e),n=!1,o()}}}function X(t){let e,l=t[74]<t[15]&&V(t);return{c(){l&&l.c(),e=J()},m(t,s){l&&l.m(t,s),a(t,e,s)},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 Z(t){let e,l,s,i,n;return{c(){e=c("div"),l=c("m-tag"),L(l,"id","id-tag"),L(l,"label",s="("+t[19].length+") "+t[14]+" "),L(l,"size","s"),L(l,"type","link"),p(e,"class","tag-selected")},m(s,o){a(s,e,o),x(e,l),i||(n=w(l,"tag-selected",t[57]),i=!0)},p(t,e){540672&e[0]&&s!==(s="("+t[19].length+") "+t[14]+" ")&&L(l,"label",s)},d(t){t&&q(e),i=!1,n()}}}function tt(t){let e,l,s,i,n,o,r=t[26],d=[];for(let e=0;e<r.length;e+=1)d[e]=et(G(t,r,e));return{c(){e=c("div"),l=c("m-layer"),s=c("small"),i=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(i,"class","tags-selected"),p(s,"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,s),x(s,i);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(i,null);n||(o=w(l,"layer-closed",t[59]),n=!0)},p(t,e){if(67108864&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]=et(a),d[l].c(),d[l].m(i,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 et(t){let e,l,s,i,n,o,r;function m(){return t[58](t[70])}return{c(){e=c("div"),l=c("m-tag"),n=d(),L(l,"id",s=t[70].id),L(l,"label",i=t[70].label),L(l,"size","s"),L(l,"type","removable"),p(e,"class","tag-selected")},m(t,s){a(t,e,s),x(e,l),x(e,n),o||(r=w(l,"tag-removed",m),o=!0)},p(e,a){t=e,67108864&a[0]&&s!==(s=t[70].id)&&L(l,"id",s),67108864&a[0]&&i!==(i=t[70].label)&&L(l,"label",i)},d(t){t&&q(e),o=!1,r()}}}function lt(t){let e,l,s,i,C,N,O,T,E,J,L,M,R,Y,U,B,G,I,V,X,Z,et=t[9]&&t[19].length>0&&!t[16]&&K(t);function lt(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]),i=new D({props:at}),n.push((()=>o(i,"value",lt))),i.$on("input",t[37]),i.$on("click",t[51]),i.$on("change",t[52]),i.$on("blur",t[53]);let st=t[7]&&W(),it=null!=t[28]&&""!=t[28]&&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]&&tt(t),dt=[{class:"mc-autocomplete"},{style:I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"},t[22]],mt={};for(let t=0;t<dt.length;t+=1)mt=r(mt,dt[t]);return{c(){e=c("div"),l=c("div"),et&&et.c(),s=d(),m(i.$$.fragment),N=d(),O=c("div"),st&&st.c(),T=d(),it&&it.c(),E=d(),m(J.$$.fragment),M=d(),rt&&rt.c(),R=d(),Y=c("span"),U=d(),B=c("span"),G=d(),ct&&ct.c(),this.c=u,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,mt),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),x(e,l),et&&et.m(l,null),x(l,s),b(i,l,null),x(l,N),x(l,O),st&&st.m(O,null),x(O,T),it&&it.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]?et?(et.p(t,a),590336&a[0]&&v(et,1)):(et=K(t),et.c(),v(et,1),et.m(l,s)):et&&(H(),y(et,1,1,(()=>{et=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))),i.$set(n),t[7]?st?128&a[0]&&v(st,1):(st=W(),st.c(),v(st,1),st.m(O,T)):st&&(H(),y(st,1,1,(()=>{st=null})),_()),null!=t[28]&&""!=t[28]?it?it.p(t,a):(it=P(t),it.c(),it.m(O,null)):it&&(it.d(1),it=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=tt(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,mt=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(et),v(i.$$.fragment,t),v(st),v(J.$$.fragment,t),V=!0)},o(t){y(et),y(i.$$.fragment,t),y(st),y(J.$$.fragment,t),V=!1},d(t){t&&q(e),et&&et.d(),j(i),st&&st.d(),it&&it.d(),j(J),rt&&rt.d(),ct&&ct.d(),X=!1,S(Z)}}}function at(t,e,l){let a,s,i,o,c,d,m;const u=["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,u),{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(){l(19,o=T?[]:""),at(),V.dispatch("clear",!0)}function at(){l(21,d=!1),T&&!H?function(){Q=s;const t=st();Q.sort(((e,l)=>{const a=t.includes(e),s=t.includes(l);return a===s?e[L]-l[L]:a<s?1:-1})),l(29,i=Q)}():l(29,i=s)}function st(t){const e=t||o;return s.filter((t=>T?e.includes(t[L]):e===t[L]))}function it(){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,u)),"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,s=q?JSON.parse(q):[]),1048576&t.$$.dirty[0]&&l(29,i=s),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=st(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,m=Object.assign({},p)),4194304&t.$$.dirty[0]&&delete m.class},[h,g,x,f,w,v,_,k,z,T,E,J,L,A,U,B,D,F,G,o,s,d,m,W,X,Z,tt,et,a,i,c,K,lt,at,function(){V.dispatch("onchange",o),T||at()},it,nt,function(t){const e=t.target.value;!function(t){V.dispatch("oninput",t)}(e),function(t){b&&(t.length?l(29,i=s.filter((e=>e[J].toUpperCase().includes(t.toUpperCase())))):l(29,i=s),l(25,Z=!i.length),V.dispatch("onfilter",i))}(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,i=s),l(25,Z=!1),T||lt()},function(t){o=t,l(19,o),l(45,j),l(9,T)},t=>ot(t.id),()=>it(),t=>ot(t.id),()=>nt()]}class st 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 #0b96cc;box-shadow:0 0 0 2px #0b96cc}.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},at,lt,i,{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),s()))}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}),s()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),s()}get taglabel(){return this.$$.ctx[41]}set taglabel(t){this.$$set({taglabel:t}),s()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),s()}get filter(){return this.$$.ctx[42]}set filter(t){this.$$set({filter:t}),s()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),s()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),s()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),s()}get inputvalue(){return this.$$.ctx[43]}set inputvalue(t){this.$$set({inputvalue:t}),s()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),s()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),s()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),s()}get items(){return this.$$.ctx[44]}set items(t){this.$$set({items:t}),s()}get value(){return this.$$.ctx[45]}set value(t){this.$$set({value:t}),s()}get open(){return this.$$.ctx[46]}set open(t){this.$$set({open:t}),s()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),s()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),s()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),s()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),s()}get nosort(){return this.$$.ctx[47]}set nosort(t){this.$$set({nosort:t}),s()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),s()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),s()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),s()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),s()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),s()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),s()}}export{st as default};
1516
2
  //# sourceMappingURL=Autocomplete.js.map