@mozaic-ds/web-components 0.9.0-beta → 0.9.0-beta-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 (189) hide show
  1. package/package.json +1 -1
  2. package/public/ClickOutside-63071e7a.js +1 -15
  3. package/public/ClickOutside-63071e7a.js.map +1 -1
  4. package/public/DataTableDefaultAction.nested-c37a5d51.js +1 -761
  5. package/public/DataTableDefaultAction.nested-c37a5d51.js.map +1 -1
  6. package/public/DataTableUtilities-313a448d.js +1 -385
  7. package/public/DataTableUtilities-313a448d.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/datatable/DataTable.js +1 -1
  13. package/public/adeo/components/datatable/DataTable.js.map +1 -1
  14. package/public/adeo/components/datatable/DataTable.svelte +1 -1
  15. package/public/adeo/components/datatable/data.d.ts.map +1 -1
  16. package/public/array-5b770a93.js +1 -13
  17. package/public/array-5b770a93.js.map +1 -1
  18. package/public/axis-fbc0f7b5.js +1 -174
  19. package/public/axis-fbc0f7b5.js.map +1 -1
  20. package/public/band-d7a07d2c.js +1 -186
  21. package/public/band-d7a07d2c.js.map +1 -1
  22. package/public/bricoman/components/datatable/DataTable.js +1 -1
  23. package/public/bricoman/components/datatable/DataTable.js.map +1 -1
  24. package/public/bricoman/components/datatable/DataTable.svelte +1 -1
  25. package/public/bricoman/components/datatable/data.d.ts.map +1 -1
  26. package/public/components/accordion/Accordion.js +1 -365
  27. package/public/components/accordion/Accordion.js.map +1 -1
  28. package/public/components/autocomplete/Autocomplete.js +1 -1515
  29. package/public/components/autocomplete/Autocomplete.js.map +1 -1
  30. package/public/components/badge/Badge.js +1 -155
  31. package/public/components/badge/Badge.js.map +1 -1
  32. package/public/components/badge/Badge.nested.js +1 -101
  33. package/public/components/badge/Badge.nested.js.map +1 -1
  34. package/public/components/breadcrumb/Breadcrumb.js +1 -372
  35. package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
  36. package/public/components/breadcrumb/Breadcrumb.nested.js +1 -319
  37. package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
  38. package/public/components/button/Button.js +1 -1138
  39. package/public/components/button/Button.js.map +1 -1
  40. package/public/components/card/Card.js +1 -369
  41. package/public/components/card/Card.js.map +1 -1
  42. package/public/components/chart/BarChart.js +1 -583
  43. package/public/components/chart/BarChart.js.map +1 -1
  44. package/public/components/chart/Donut.js +1 -1189
  45. package/public/components/chart/Donut.js.map +1 -1
  46. package/public/components/chart/GroupedBarChart.js +1 -750
  47. package/public/components/chart/GroupedBarChart.js.map +1 -1
  48. package/public/components/chart/LineChart.js +1 -1731
  49. package/public/components/chart/LineChart.js.map +1 -1
  50. package/public/components/chart/Radar.js +1 -729
  51. package/public/components/chart/Radar.js.map +1 -1
  52. package/public/components/chart/StackedBarChart.js +1 -745
  53. package/public/components/chart/StackedBarChart.js.map +1 -1
  54. package/public/components/checkbox/Checkbox.js +1 -307
  55. package/public/components/checkbox/Checkbox.js.map +1 -1
  56. package/public/components/checkboxgroup/checkboxGroup.js +1 -404
  57. package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
  58. package/public/components/datatable/DataTable.js +1 -3098
  59. package/public/components/datatable/DataTable.js.map +1 -1
  60. package/public/components/datatable/DataTable.svelte +1 -1
  61. package/public/components/datatable/DataTableDefaultAction.nested.js +1 -4
  62. package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
  63. package/public/components/datatable/DataTableDefaultEdtion.nested.js +1 -164
  64. package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
  65. package/public/components/datatable/DataTableDefaultFilterTags.nested.js +1 -380
  66. package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
  67. package/public/components/datatable/DataTableDefaultSelection.nested.js +1 -424
  68. package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
  69. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -263
  70. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +1 -1
  71. package/public/components/datatable/DataTableFooter.nested.js +1 -637
  72. package/public/components/datatable/DataTableFooter.nested.js.map +1 -1
  73. package/public/components/datatable/data.d.ts.map +1 -1
  74. package/public/components/dropdown/Dropdown.js +1 -1426
  75. package/public/components/dropdown/Dropdown.js.map +1 -1
  76. package/public/components/field/Field.js +1 -375
  77. package/public/components/field/Field.js.map +1 -1
  78. package/public/components/fileuploader/FileUploader.js +1 -603
  79. package/public/components/fileuploader/FileUploader.js.map +1 -1
  80. package/public/components/fileuploader/ResultFile.nested.js +1 -344
  81. package/public/components/fileuploader/ResultFile.nested.js.map +1 -1
  82. package/public/components/flag/Flag.js +1 -174
  83. package/public/components/flag/Flag.js.map +1 -1
  84. package/public/components/header/Header.js +1 -918
  85. package/public/components/header/Header.js.map +1 -1
  86. package/public/components/hero/Hero.js +1 -271
  87. package/public/components/hero/Hero.js.map +1 -1
  88. package/public/components/kpi/Kpi.js +1 -404
  89. package/public/components/kpi/Kpi.js.map +1 -1
  90. package/public/components/layer/Layer.js +1 -471
  91. package/public/components/layer/Layer.js.map +1 -1
  92. package/public/components/link/Link.js +1 -380
  93. package/public/components/link/Link.js.map +1 -1
  94. package/public/components/listbox/Listbox.js +1 -595
  95. package/public/components/listbox/Listbox.js.map +1 -1
  96. package/public/components/listbox/Listbox.nested.js +1 -629
  97. package/public/components/listbox/Listbox.nested.js.map +1 -1
  98. package/public/components/loader/Loader.js +1 -246
  99. package/public/components/loader/Loader.js.map +1 -1
  100. package/public/components/loader/Loader.nested.js +1 -176
  101. package/public/components/loader/Loader.nested.js.map +1 -1
  102. package/public/components/modal/Modal.js +1 -395
  103. package/public/components/modal/Modal.js.map +1 -1
  104. package/public/components/notification/Notification.js +1 -458
  105. package/public/components/notification/Notification.js.map +1 -1
  106. package/public/components/optionbutton/OptionButton.js +1 -316
  107. package/public/components/optionbutton/OptionButton.js.map +1 -1
  108. package/public/components/overlay/Overlay.js +1 -104
  109. package/public/components/overlay/Overlay.js.map +1 -1
  110. package/public/components/overlay/OverlayLoader.js +1 -151
  111. package/public/components/overlay/OverlayLoader.js.map +1 -1
  112. package/public/components/pagination/Pagination.js +1 -613
  113. package/public/components/pagination/Pagination.js.map +1 -1
  114. package/public/components/passwordinput/PasswordInput.js +1 -291
  115. package/public/components/passwordinput/PasswordInput.js.map +1 -1
  116. package/public/components/phonenumber/PhoneNumber.js +1 -6894
  117. package/public/components/phonenumber/PhoneNumber.js.map +1 -1
  118. package/public/components/price/Price.js +1 -768
  119. package/public/components/price/Price.js.map +1 -1
  120. package/public/components/progressbar/ProgressBar.js +1 -278
  121. package/public/components/progressbar/ProgressBar.js.map +1 -1
  122. package/public/components/quantityselector/QuantitySelector.js +1 -397
  123. package/public/components/quantityselector/QuantitySelector.js.map +1 -1
  124. package/public/components/radio/Radio.js +1 -273
  125. package/public/components/radio/Radio.js.map +1 -1
  126. package/public/components/radiogroup/RadioGroup.js +1 -414
  127. package/public/components/radiogroup/RadioGroup.js.map +1 -1
  128. package/public/components/ratings/StarsInput.js +1 -292
  129. package/public/components/ratings/StarsInput.js.map +1 -1
  130. package/public/components/ratings/StarsResult.js +1 -246
  131. package/public/components/ratings/StarsResult.js.map +1 -1
  132. package/public/components/select/Select.js +1 -451
  133. package/public/components/select/Select.js.map +1 -1
  134. package/public/components/sidebar/Sidebar.js +1 -784
  135. package/public/components/sidebar/Sidebar.js.map +1 -1
  136. package/public/components/sidebar/sidebar-feature-group.nested.js +1 -594
  137. package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  138. package/public/components/sidebar/sidebar-feature.nested.js +1 -402
  139. package/public/components/sidebar/sidebar-feature.nested.js.map +1 -1
  140. package/public/components/sidebar/sidebar-section.nested.js +1 -394
  141. package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
  142. package/public/components/sidebar/sidebar-segment.nested.js +1 -200
  143. package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
  144. package/public/components/sidebar/sidebar-separator.nested.js +1 -49
  145. package/public/components/sidebar/sidebar-separator.nested.js.map +1 -1
  146. package/public/components/sidebar/sidebar-sub-features.nested.js +1 -312
  147. package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
  148. package/public/components/sidebar/sidebar-user.nested.js +1 -733
  149. package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
  150. package/public/components/stepper/Stepper.js +1 -371
  151. package/public/components/stepper/Stepper.js.map +1 -1
  152. package/public/components/tabs/Tabs.js +1 -615
  153. package/public/components/tabs/Tabs.js.map +1 -1
  154. package/public/components/tabs/Tabs.nested.js +1 -472
  155. package/public/components/tabs/Tabs.nested.js.map +1 -1
  156. package/public/components/tag/Tag.js +1 -665
  157. package/public/components/tag/Tag.js.map +1 -1
  158. package/public/components/tag/Tag.nested.js +1 -554
  159. package/public/components/tag/Tag.nested.js.map +1 -1
  160. package/public/components/taglist/TagList.js +1 -475
  161. package/public/components/taglist/TagList.js.map +1 -1
  162. package/public/components/textarea/Textarea.js +1 -303
  163. package/public/components/textarea/Textarea.js.map +1 -1
  164. package/public/components/textinput/Textinput.js +1 -497
  165. package/public/components/textinput/Textinput.js.map +1 -1
  166. package/public/components/textinput/Textinput.nested.js +1 -320
  167. package/public/components/textinput/Textinput.nested.js.map +1 -1
  168. package/public/components/toggle/Toggle.js +1 -278
  169. package/public/components/toggle/Toggle.js.map +1 -1
  170. package/public/components/tooltip/Tooltip.js +1 -173
  171. package/public/components/tooltip/Tooltip.js.map +1 -1
  172. package/public/index-c33b3772.js +1 -873
  173. package/public/index-c33b3772.js.map +1 -1
  174. package/public/linear-f46d7e9e.js +1 -700
  175. package/public/linear-f46d7e9e.js.map +1 -1
  176. package/public/path-1b5da959.js +1 -186
  177. package/public/path-1b5da959.js.map +1 -1
  178. package/public/sidebar-service-275bf9ef.js +1 -129
  179. package/public/sidebar-service-275bf9ef.js.map +1 -1
  180. package/public/symbol-b05a6e2b.js +1 -169
  181. package/public/symbol-b05a6e2b.js.map +1 -1
  182. package/public/transform-15d69d5d.js +1 -2743
  183. package/public/transform-15d69d5d.js.map +1 -1
  184. package/public/utilities/EventForward.js +1 -136
  185. package/public/utilities/EventForward.js.map +1 -1
  186. package/public/utilities/EventHandler.js +1 -36
  187. package/public/utilities/EventHandler.js.map +1 -1
  188. package/public/utilities/components/datatable/data.d.ts.map +1 -1
  189. package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
@@ -1,666 +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, d as space, K as empty, n as noop, o as detach, p as compute_rest_props, r as get_current_component, c as assign, q as exclude_internal_props, e as element, t as text, g as attr, h as set_attributes, j as append, k as set_data, m as get_spread_update, B as action_destroyer, l as listen, Y as prevent_default, H as run_all } from '../../index-c33b3772.js';
2
- import { E as EventHandler } from '../../EventHandler-02058705.js';
3
- import { c as createEventForwarder } from '../../EventForward-8492ff62.js';
4
-
5
- /* src/components/tag/Tag.svelte generated by Svelte v3.58.0 */
6
-
7
- function create_if_block_3(ctx) {
8
- let span1;
9
- let span0;
10
- let t;
11
- let span0_class_value;
12
- let span1_class_value;
13
-
14
- let span1_levels = [
15
- {
16
- class: span1_class_value = "" + (/*getClasses*/ ctx[10](/*type*/ ctx[1]) + " " + /*userClass*/ ctx[8])
17
- },
18
- /*attributes*/ ctx[6]
19
- ];
20
-
21
- let span_data_1 = {};
22
-
23
- for (let i = 0; i < span1_levels.length; i += 1) {
24
- span_data_1 = assign(span_data_1, span1_levels[i]);
25
- }
26
-
27
- return {
28
- c() {
29
- span1 = element("span");
30
- span0 = element("span");
31
- t = text(/*label*/ ctx[0]);
32
- attr(span0, "class", span0_class_value = getSubClasses(/*type*/ ctx[1], 'label'));
33
- set_attributes(span1, span_data_1);
34
- },
35
- m(target, anchor) {
36
- insert(target, span1, anchor);
37
- append(span1, span0);
38
- append(span0, t);
39
- },
40
- p(ctx, dirty) {
41
- if (dirty & /*label*/ 1) set_data(t, /*label*/ ctx[0]);
42
-
43
- if (dirty & /*type*/ 2 && span0_class_value !== (span0_class_value = getSubClasses(/*type*/ ctx[1], 'label'))) {
44
- attr(span0, "class", span0_class_value);
45
- }
46
-
47
- set_attributes(span1, span_data_1 = get_spread_update(span1_levels, [
48
- dirty & /*type, userClass*/ 258 && span1_class_value !== (span1_class_value = "" + (/*getClasses*/ ctx[10](/*type*/ ctx[1]) + " " + /*userClass*/ ctx[8])) && { class: span1_class_value },
49
- dirty & /*attributes*/ 64 && /*attributes*/ ctx[6]
50
- ]));
51
- },
52
- d(detaching) {
53
- if (detaching) detach(span1);
54
- }
55
- };
56
- }
57
-
58
- // (51:0) {#if type === 'link'}
59
- function create_if_block_2(ctx) {
60
- let a;
61
- let span;
62
- let t;
63
- let span_class_value;
64
- let a_class_value;
65
-
66
- let a_levels = [
67
- { href: /*href*/ ctx[4] },
68
- {
69
- class: a_class_value = "" + (/*getClasses*/ ctx[10](/*type*/ ctx[1]) + " " + /*userClass*/ ctx[8])
70
- },
71
- /*attributes*/ ctx[6]
72
- ];
73
-
74
- let a_data = {};
75
-
76
- for (let i = 0; i < a_levels.length; i += 1) {
77
- a_data = assign(a_data, a_levels[i]);
78
- }
79
-
80
- return {
81
- c() {
82
- a = element("a");
83
- span = element("span");
84
- t = text(/*label*/ ctx[0]);
85
- attr(span, "class", span_class_value = getSubClasses(/*type*/ ctx[1], 'label'));
86
- set_attributes(a, a_data);
87
- },
88
- m(target, anchor) {
89
- insert(target, a, anchor);
90
- append(a, span);
91
- append(span, t);
92
- },
93
- p(ctx, dirty) {
94
- if (dirty & /*label*/ 1) set_data(t, /*label*/ ctx[0]);
95
-
96
- if (dirty & /*type*/ 2 && span_class_value !== (span_class_value = getSubClasses(/*type*/ ctx[1], 'label'))) {
97
- attr(span, "class", span_class_value);
98
- }
99
-
100
- set_attributes(a, a_data = get_spread_update(a_levels, [
101
- dirty & /*href*/ 16 && { href: /*href*/ ctx[4] },
102
- dirty & /*type, userClass*/ 258 && a_class_value !== (a_class_value = "" + (/*getClasses*/ ctx[10](/*type*/ ctx[1]) + " " + /*userClass*/ ctx[8])) && { class: a_class_value },
103
- dirty & /*attributes*/ 64 && /*attributes*/ ctx[6]
104
- ]));
105
- },
106
- d(detaching) {
107
- if (detaching) detach(a);
108
- }
109
- };
110
- }
111
-
112
- // (58:0) {#if type === 'selectable'}
113
- function create_if_block_1(ctx) {
114
- let span1;
115
- let input;
116
- let input_class_value;
117
- let t0;
118
- let label_1;
119
- let span0;
120
- let t1;
121
- let span0_class_value;
122
- let label_1_class_value;
123
- let span1_class_value;
124
- let mounted;
125
- let dispose;
126
-
127
- let span1_levels = [
128
- {
129
- class: span1_class_value = "" + (/*getClasses*/ ctx[10](/*type*/ ctx[1]) + " " + /*userClass*/ ctx[8])
130
- },
131
- /*attributes*/ ctx[6]
132
- ];
133
-
134
- let span_data_1 = {};
135
-
136
- for (let i = 0; i < span1_levels.length; i += 1) {
137
- span_data_1 = assign(span_data_1, span1_levels[i]);
138
- }
139
-
140
- return {
141
- c() {
142
- span1 = element("span");
143
- input = element("input");
144
- t0 = space();
145
- label_1 = element("label");
146
- span0 = element("span");
147
- t1 = text(/*label*/ ctx[0]);
148
- attr(input, "class", input_class_value = getSubClasses(/*type*/ ctx[1], 'input'));
149
- attr(input, "type", "checkbox");
150
- attr(input, "name", /*name*/ ctx[5]);
151
- attr(input, "id", /*id*/ ctx[3]);
152
- input.disabled = /*disabled*/ ctx[2];
153
- attr(span0, "class", span0_class_value = getSubClasses(/*type*/ ctx[1], 'label'));
154
- attr(label_1, "class", label_1_class_value = getSubClasses(/*type*/ ctx[1], 'pill'));
155
- attr(label_1, "for", /*id*/ ctx[3]);
156
- set_attributes(span1, span_data_1);
157
- },
158
- m(target, anchor) {
159
- insert(target, span1, anchor);
160
- append(span1, input);
161
- input.checked = /*isSelected*/ ctx[7];
162
- append(span1, t0);
163
- append(span1, label_1);
164
- append(label_1, span0);
165
- append(span0, t1);
166
-
167
- if (!mounted) {
168
- dispose = [
169
- action_destroyer(/*forwardEvents*/ ctx[9].call(null, input)),
170
- listen(input, "change", /*input_change_handler*/ ctx[17]),
171
- listen(span1, "click", prevent_default(/*onSelect*/ ctx[11]))
172
- ];
173
-
174
- mounted = true;
175
- }
176
- },
177
- p(ctx, dirty) {
178
- if (dirty & /*type*/ 2 && input_class_value !== (input_class_value = getSubClasses(/*type*/ ctx[1], 'input'))) {
179
- attr(input, "class", input_class_value);
180
- }
181
-
182
- if (dirty & /*name*/ 32) {
183
- attr(input, "name", /*name*/ ctx[5]);
184
- }
185
-
186
- if (dirty & /*id*/ 8) {
187
- attr(input, "id", /*id*/ ctx[3]);
188
- }
189
-
190
- if (dirty & /*disabled*/ 4) {
191
- input.disabled = /*disabled*/ ctx[2];
192
- }
193
-
194
- if (dirty & /*isSelected*/ 128) {
195
- input.checked = /*isSelected*/ ctx[7];
196
- }
197
-
198
- if (dirty & /*label*/ 1) set_data(t1, /*label*/ ctx[0]);
199
-
200
- if (dirty & /*type*/ 2 && span0_class_value !== (span0_class_value = getSubClasses(/*type*/ ctx[1], 'label'))) {
201
- attr(span0, "class", span0_class_value);
202
- }
203
-
204
- if (dirty & /*type*/ 2 && label_1_class_value !== (label_1_class_value = getSubClasses(/*type*/ ctx[1], 'pill'))) {
205
- attr(label_1, "class", label_1_class_value);
206
- }
207
-
208
- if (dirty & /*id*/ 8) {
209
- attr(label_1, "for", /*id*/ ctx[3]);
210
- }
211
-
212
- set_attributes(span1, span_data_1 = get_spread_update(span1_levels, [
213
- dirty & /*type, userClass*/ 258 && span1_class_value !== (span1_class_value = "" + (/*getClasses*/ ctx[10](/*type*/ ctx[1]) + " " + /*userClass*/ ctx[8])) && { class: span1_class_value },
214
- dirty & /*attributes*/ 64 && /*attributes*/ ctx[6]
215
- ]));
216
- },
217
- d(detaching) {
218
- if (detaching) detach(span1);
219
- mounted = false;
220
- run_all(dispose);
221
- }
222
- };
223
- }
224
-
225
- // (80:0) {#if type === 'removable'}
226
- function create_if_block(ctx) {
227
- let span2;
228
- let span0;
229
- let t0;
230
- let span0_class_value;
231
- let t1;
232
- let button;
233
- let span1;
234
- let t2;
235
- let span1_class_value;
236
- let button_class_value;
237
- let span2_class_value;
238
- let mounted;
239
- let dispose;
240
-
241
- let span2_levels = [
242
- {
243
- class: span2_class_value = "" + (/*getClasses*/ ctx[10](/*type*/ ctx[1]) + " " + /*userClass*/ ctx[8])
244
- },
245
- /*attributes*/ ctx[6]
246
- ];
247
-
248
- let span_data_2 = {};
249
-
250
- for (let i = 0; i < span2_levels.length; i += 1) {
251
- span_data_2 = assign(span_data_2, span2_levels[i]);
252
- }
253
-
254
- return {
255
- c() {
256
- span2 = element("span");
257
- span0 = element("span");
258
- t0 = text(/*label*/ ctx[0]);
259
- t1 = space();
260
- button = element("button");
261
- span1 = element("span");
262
- t2 = text(/*label*/ ctx[0]);
263
- attr(span0, "class", span0_class_value = getSubClasses(/*type*/ ctx[1], 'label'));
264
- attr(span1, "class", span1_class_value = getSubClasses(/*type*/ ctx[1], 'remove-text'));
265
- attr(button, "class", button_class_value = getSubClasses(/*type*/ ctx[1], 'remove'));
266
- set_attributes(span2, span_data_2);
267
- },
268
- m(target, anchor) {
269
- insert(target, span2, anchor);
270
- append(span2, span0);
271
- append(span0, t0);
272
- append(span2, t1);
273
- append(span2, button);
274
- append(button, span1);
275
- append(span1, t2);
276
-
277
- if (!mounted) {
278
- dispose = listen(button, "click", prevent_default(/*onRemoved*/ ctx[12]));
279
- mounted = true;
280
- }
281
- },
282
- p(ctx, dirty) {
283
- if (dirty & /*label*/ 1) set_data(t0, /*label*/ ctx[0]);
284
-
285
- if (dirty & /*type*/ 2 && span0_class_value !== (span0_class_value = getSubClasses(/*type*/ ctx[1], 'label'))) {
286
- attr(span0, "class", span0_class_value);
287
- }
288
-
289
- if (dirty & /*label*/ 1) set_data(t2, /*label*/ ctx[0]);
290
-
291
- if (dirty & /*type*/ 2 && span1_class_value !== (span1_class_value = getSubClasses(/*type*/ ctx[1], 'remove-text'))) {
292
- attr(span1, "class", span1_class_value);
293
- }
294
-
295
- if (dirty & /*type*/ 2 && button_class_value !== (button_class_value = getSubClasses(/*type*/ ctx[1], 'remove'))) {
296
- attr(button, "class", button_class_value);
297
- }
298
-
299
- set_attributes(span2, span_data_2 = get_spread_update(span2_levels, [
300
- dirty & /*type, userClass*/ 258 && span2_class_value !== (span2_class_value = "" + (/*getClasses*/ ctx[10](/*type*/ ctx[1]) + " " + /*userClass*/ ctx[8])) && { class: span2_class_value },
301
- dirty & /*attributes*/ 64 && /*attributes*/ ctx[6]
302
- ]));
303
- },
304
- d(detaching) {
305
- if (detaching) detach(span2);
306
- mounted = false;
307
- dispose();
308
- }
309
- };
310
- }
311
-
312
- function create_fragment(ctx) {
313
- let t0;
314
- let t1;
315
- let t2;
316
- let if_block3_anchor;
317
- let if_block0 = /*type*/ ctx[1] === 'text' && create_if_block_3(ctx);
318
- let if_block1 = /*type*/ ctx[1] === 'link' && create_if_block_2(ctx);
319
- let if_block2 = /*type*/ ctx[1] === 'selectable' && create_if_block_1(ctx);
320
- let if_block3 = /*type*/ ctx[1] === 'removable' && create_if_block(ctx);
321
-
322
- return {
323
- c() {
324
- if (if_block0) if_block0.c();
325
- t0 = space();
326
- if (if_block1) if_block1.c();
327
- t1 = space();
328
- if (if_block2) if_block2.c();
329
- t2 = space();
330
- if (if_block3) if_block3.c();
331
- if_block3_anchor = empty();
332
- this.c = noop;
333
- },
334
- m(target, anchor) {
335
- if (if_block0) if_block0.m(target, anchor);
336
- insert(target, t0, anchor);
337
- if (if_block1) if_block1.m(target, anchor);
338
- insert(target, t1, anchor);
339
- if (if_block2) if_block2.m(target, anchor);
340
- insert(target, t2, anchor);
341
- if (if_block3) if_block3.m(target, anchor);
342
- insert(target, if_block3_anchor, anchor);
343
- },
344
- p(ctx, [dirty]) {
345
- if (/*type*/ ctx[1] === 'text') {
346
- if (if_block0) {
347
- if_block0.p(ctx, dirty);
348
- } else {
349
- if_block0 = create_if_block_3(ctx);
350
- if_block0.c();
351
- if_block0.m(t0.parentNode, t0);
352
- }
353
- } else if (if_block0) {
354
- if_block0.d(1);
355
- if_block0 = null;
356
- }
357
-
358
- if (/*type*/ ctx[1] === 'link') {
359
- if (if_block1) {
360
- if_block1.p(ctx, dirty);
361
- } else {
362
- if_block1 = create_if_block_2(ctx);
363
- if_block1.c();
364
- if_block1.m(t1.parentNode, t1);
365
- }
366
- } else if (if_block1) {
367
- if_block1.d(1);
368
- if_block1 = null;
369
- }
370
-
371
- if (/*type*/ ctx[1] === 'selectable') {
372
- if (if_block2) {
373
- if_block2.p(ctx, dirty);
374
- } else {
375
- if_block2 = create_if_block_1(ctx);
376
- if_block2.c();
377
- if_block2.m(t2.parentNode, t2);
378
- }
379
- } else if (if_block2) {
380
- if_block2.d(1);
381
- if_block2 = null;
382
- }
383
-
384
- if (/*type*/ ctx[1] === 'removable') {
385
- if (if_block3) {
386
- if_block3.p(ctx, dirty);
387
- } else {
388
- if_block3 = create_if_block(ctx);
389
- if_block3.c();
390
- if_block3.m(if_block3_anchor.parentNode, if_block3_anchor);
391
- }
392
- } else if (if_block3) {
393
- if_block3.d(1);
394
- if_block3 = null;
395
- }
396
- },
397
- i: noop,
398
- o: noop,
399
- d(detaching) {
400
- if (if_block0) if_block0.d(detaching);
401
- if (detaching) detach(t0);
402
- if (if_block1) if_block1.d(detaching);
403
- if (detaching) detach(t1);
404
- if (if_block2) if_block2.d(detaching);
405
- if (detaching) detach(t2);
406
- if (if_block3) if_block3.d(detaching);
407
- if (detaching) detach(if_block3_anchor);
408
- }
409
- };
410
- }
411
-
412
- function getSubClasses(type, element) {
413
- return `mc-tag-${type}__${element}`;
414
- }
415
-
416
- function instance($$self, $$props, $$invalidate) {
417
- let isSelected;
418
- let userClass;
419
- let attributes;
420
- const omit_props_names = ["label","size","dark","type","disabled","id","href","name","value","selected"];
421
- let $$restProps = compute_rest_props($$props, omit_props_names);
422
- let { label } = $$props;
423
- let { size = 'm' } = $$props;
424
- let { dark } = $$props;
425
- let { type = 'text' } = $$props;
426
- let { disabled } = $$props;
427
- let { id } = $$props;
428
- let { href } = $$props;
429
- let { name } = $$props;
430
- let { value } = $$props;
431
- let { selected = false } = $$props;
432
- const forwardEvents = createEventForwarder(get_current_component());
433
- let eventHandler = new EventHandler();
434
-
435
- function getClasses(type) {
436
- const classes = [`mc-tag-${type}`];
437
-
438
- if (size) {
439
- classes.push(`mc-tag-${type}--${size}`);
440
- }
441
-
442
- if (dark) {
443
- classes.push(`mc-tag-${type}--dark`);
444
- }
445
-
446
- return classes.join(' ');
447
- }
448
-
449
- function onSelect() {
450
- $$invalidate(7, isSelected = !isSelected);
451
- eventHandler.dispatch('tag-selected', isSelected);
452
- }
453
-
454
- function onRemoved() {
455
- eventHandler.dispatch('tag-removed', { id, label, value });
456
- }
457
-
458
- function input_change_handler() {
459
- isSelected = this.checked;
460
- ($$invalidate(7, isSelected), $$invalidate(16, selected));
461
- }
462
-
463
- $$self.$$set = $$new_props => {
464
- $$invalidate(20, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
465
- $$invalidate(19, $$restProps = compute_rest_props($$props, omit_props_names));
466
- if ('label' in $$new_props) $$invalidate(0, label = $$new_props.label);
467
- if ('size' in $$new_props) $$invalidate(13, size = $$new_props.size);
468
- if ('dark' in $$new_props) $$invalidate(14, dark = $$new_props.dark);
469
- if ('type' in $$new_props) $$invalidate(1, type = $$new_props.type);
470
- if ('disabled' in $$new_props) $$invalidate(2, disabled = $$new_props.disabled);
471
- if ('id' in $$new_props) $$invalidate(3, id = $$new_props.id);
472
- if ('href' in $$new_props) $$invalidate(4, href = $$new_props.href);
473
- if ('name' in $$new_props) $$invalidate(5, name = $$new_props.name);
474
- if ('value' in $$new_props) $$invalidate(15, value = $$new_props.value);
475
- if ('selected' in $$new_props) $$invalidate(16, selected = $$new_props.selected);
476
- };
477
-
478
- $$self.$$.update = () => {
479
- if ($$self.$$.dirty & /*selected*/ 65536) {
480
- $$invalidate(7, isSelected = selected ? true : false);
481
- }
482
-
483
- $$invalidate(8, userClass = $$props.class);
484
- $$invalidate(6, attributes = Object.assign({}, $$restProps));
485
-
486
- if ($$self.$$.dirty & /*attributes*/ 64) {
487
- delete attributes.class;
488
- }
489
- };
490
-
491
- $$props = exclude_internal_props($$props);
492
-
493
- return [
494
- label,
495
- type,
496
- disabled,
497
- id,
498
- href,
499
- name,
500
- attributes,
501
- isSelected,
502
- userClass,
503
- forwardEvents,
504
- getClasses,
505
- onSelect,
506
- onRemoved,
507
- size,
508
- dark,
509
- value,
510
- selected,
511
- input_change_handler
512
- ];
513
- }
514
-
515
- class Tag extends SvelteElement {
516
- constructor(options) {
517
- super();
518
- const style = document.createElement('style');
519
- style.textContent = `.mc-tag-text{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#ffffff;color:#191919;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080}.mc-tag-text::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919}.mc-tag-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-tag-link--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919;cursor:pointer}.mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable__pill:hover{background:#9ed05f}:checked+.mc-tag-selectable__pill{background:#188803;-webkit-box-shadow:inset 0 0 0 1px #188803;box-shadow:inset 0 0 0 1px #188803;color:#ffffff}:checked+.mc-tag-selectable__pill:hover{background:#006902;-webkit-box-shadow:inset 0 0 0 1px #006902;box-shadow:inset 0 0 0 1px #006902}.mc-tag-selectable__pill:active{background:#035010;-webkit-box-shadow:inset 0 0 0 1px #035010;box-shadow:inset 0 0 0 1px #035010;color:#ffffff}:focus+.mc-tag-selectable__pill::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:#808080}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#ffffff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006902}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#c5e39e;-webkit-box-shadow:inset 0 0 0 1px #c5e39e;box-shadow:inset 0 0 0 1px #c5e39e;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill{background:#78be20;-webkit-box-shadow:inset 0 0 0 1px #78be20;box-shadow:inset 0 0 0 1px #78be20;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill:hover{background:#9ed05f}.mc-tag-selectable--dark :disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:#808080}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;background-color:#333333;color:#ffffff}.mc-tag-removable::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}.mc-tag-removable--dark{background-color:#cccccc;color:#191919}.mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable__remove{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==");position:relative;background-color:#333333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:50%;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable__remove-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-tag-removable__remove:active{background-color:#666666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTkxOTE5IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==");background-color:#cccccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-tag-list__item{margin:0 1rem 1rem 0}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}`;
520
- this.shadowRoot.appendChild(style);
521
-
522
- init(
523
- this,
524
- {
525
- target: this.shadowRoot,
526
- props: attribute_to_object(this.attributes),
527
- customElement: true
528
- },
529
- instance,
530
- create_fragment,
531
- safe_not_equal,
532
- {
533
- label: 0,
534
- size: 13,
535
- dark: 14,
536
- type: 1,
537
- disabled: 2,
538
- id: 3,
539
- href: 4,
540
- name: 5,
541
- value: 15,
542
- selected: 16
543
- },
544
- null
545
- );
546
-
547
- if (options) {
548
- if (options.target) {
549
- insert(options.target, this, options.anchor);
550
- }
551
-
552
- if (options.props) {
553
- this.$set(options.props);
554
- flush();
555
- }
556
- }
557
- }
558
-
559
- static get observedAttributes() {
560
- return [
561
- "label",
562
- "size",
563
- "dark",
564
- "type",
565
- "disabled",
566
- "id",
567
- "href",
568
- "name",
569
- "value",
570
- "selected"
571
- ];
572
- }
573
-
574
- get label() {
575
- return this.$$.ctx[0];
576
- }
577
-
578
- set label(label) {
579
- this.$$set({ label });
580
- flush();
581
- }
582
-
583
- get size() {
584
- return this.$$.ctx[13];
585
- }
586
-
587
- set size(size) {
588
- this.$$set({ size });
589
- flush();
590
- }
591
-
592
- get dark() {
593
- return this.$$.ctx[14];
594
- }
595
-
596
- set dark(dark) {
597
- this.$$set({ dark });
598
- flush();
599
- }
600
-
601
- get type() {
602
- return this.$$.ctx[1];
603
- }
604
-
605
- set type(type) {
606
- this.$$set({ type });
607
- flush();
608
- }
609
-
610
- get disabled() {
611
- return this.$$.ctx[2];
612
- }
613
-
614
- set disabled(disabled) {
615
- this.$$set({ disabled });
616
- flush();
617
- }
618
-
619
- get id() {
620
- return this.$$.ctx[3];
621
- }
622
-
623
- set id(id) {
624
- this.$$set({ id });
625
- flush();
626
- }
627
-
628
- get href() {
629
- return this.$$.ctx[4];
630
- }
631
-
632
- set href(href) {
633
- this.$$set({ href });
634
- flush();
635
- }
636
-
637
- get name() {
638
- return this.$$.ctx[5];
639
- }
640
-
641
- set name(name) {
642
- this.$$set({ name });
643
- flush();
644
- }
645
-
646
- get value() {
647
- return this.$$.ctx[15];
648
- }
649
-
650
- set value(value) {
651
- this.$$set({ value });
652
- flush();
653
- }
654
-
655
- get selected() {
656
- return this.$$.ctx[16];
657
- }
658
-
659
- set selected(selected) {
660
- this.$$set({ selected });
661
- flush();
662
- }
663
- }
664
-
665
- export { Tag as default };
1
+ import{S as e,i as t,a as o,b as i,f as a,s,d as r,K as n,n as m,o as l,p as b,r as d,c as w,q as x,e as c,t as p,g as h,h as g,j as f,k,m as u,B as y,l as v,Y as M,H as I}from"../../index-c33b3772.js";import{E as D}from"../../EventHandler-02058705.js";import{c as E}from"../../EventForward-8492ff62.js";function j(e){let t,o,a,s,r,n=[{class:r=e[10](e[1])+" "+e[8]},e[6]],m={};for(let e=0;e<n.length;e+=1)m=w(m,n[e]);return{c(){t=c("span"),o=c("span"),a=p(e[0]),h(o,"class",s=S(e[1],"label")),g(t,m)},m(e,s){i(e,t,s),f(t,o),f(o,a)},p(e,i){1&i&&k(a,e[0]),2&i&&s!==(s=S(e[1],"label"))&&h(o,"class",s),g(t,m=u(n,[258&i&&r!==(r=e[10](e[1])+" "+e[8])&&{class:r},64&i&&e[6]]))},d(e){e&&l(t)}}}function _(e){let t,o,a,s,r,n=[{href:e[4]},{class:r=e[10](e[1])+" "+e[8]},e[6]],m={};for(let e=0;e<n.length;e+=1)m=w(m,n[e]);return{c(){t=c("a"),o=c("span"),a=p(e[0]),h(o,"class",s=S(e[1],"label")),g(t,m)},m(e,s){i(e,t,s),f(t,o),f(o,a)},p(e,i){1&i&&k(a,e[0]),2&i&&s!==(s=S(e[1],"label"))&&h(o,"class",s),g(t,m=u(n,[16&i&&{href:e[4]},258&i&&r!==(r=e[10](e[1])+" "+e[8])&&{class:r},64&i&&e[6]]))},d(e){e&&l(t)}}}function A(e){let t,o,a,s,n,m,b,d,x,D,E,j,_=[{class:D=e[10](e[1])+" "+e[8]},e[6]],A={};for(let e=0;e<_.length;e+=1)A=w(A,_[e]);return{c(){t=c("span"),o=c("input"),s=r(),n=c("label"),m=c("span"),b=p(e[0]),h(o,"class",a=S(e[1],"input")),h(o,"type","checkbox"),h(o,"name",e[5]),h(o,"id",e[3]),o.disabled=e[2],h(m,"class",d=S(e[1],"label")),h(n,"class",x=S(e[1],"pill")),h(n,"for",e[3]),g(t,A)},m(a,r){i(a,t,r),f(t,o),o.checked=e[7],f(t,s),f(t,n),f(n,m),f(m,b),E||(j=[y(e[9].call(null,o)),v(o,"change",e[17]),v(t,"click",M(e[11]))],E=!0)},p(e,i){2&i&&a!==(a=S(e[1],"input"))&&h(o,"class",a),32&i&&h(o,"name",e[5]),8&i&&h(o,"id",e[3]),4&i&&(o.disabled=e[2]),128&i&&(o.checked=e[7]),1&i&&k(b,e[0]),2&i&&d!==(d=S(e[1],"label"))&&h(m,"class",d),2&i&&x!==(x=S(e[1],"pill"))&&h(n,"class",x),8&i&&h(n,"for",e[3]),g(t,A=u(_,[258&i&&D!==(D=e[10](e[1])+" "+e[8])&&{class:D},64&i&&e[6]]))},d(e){e&&l(t),E=!1,I(j)}}}function L(e){let t,o,a,s,n,m,b,d,x,y,I,D,E,j=[{class:I=e[10](e[1])+" "+e[8]},e[6]],_={};for(let e=0;e<j.length;e+=1)_=w(_,j[e]);return{c(){t=c("span"),o=c("span"),a=p(e[0]),n=r(),m=c("button"),b=c("span"),d=p(e[0]),h(o,"class",s=S(e[1],"label")),h(b,"class",x=S(e[1],"remove-text")),h(m,"class",y=S(e[1],"remove")),g(t,_)},m(s,r){i(s,t,r),f(t,o),f(o,a),f(t,n),f(t,m),f(m,b),f(b,d),D||(E=v(m,"click",M(e[12])),D=!0)},p(e,i){1&i&&k(a,e[0]),2&i&&s!==(s=S(e[1],"label"))&&h(o,"class",s),1&i&&k(d,e[0]),2&i&&x!==(x=S(e[1],"remove-text"))&&h(b,"class",x),2&i&&y!==(y=S(e[1],"remove"))&&h(m,"class",y),g(t,_=u(j,[258&i&&I!==(I=e[10](e[1])+" "+e[8])&&{class:I},64&i&&e[6]]))},d(e){e&&l(t),D=!1,E()}}}function T(e){let t,o,a,s,b="text"===e[1]&&j(e),d="link"===e[1]&&_(e),w="selectable"===e[1]&&A(e),x="removable"===e[1]&&L(e);return{c(){b&&b.c(),t=r(),d&&d.c(),o=r(),w&&w.c(),a=r(),x&&x.c(),s=n(),this.c=m},m(e,r){b&&b.m(e,r),i(e,t,r),d&&d.m(e,r),i(e,o,r),w&&w.m(e,r),i(e,a,r),x&&x.m(e,r),i(e,s,r)},p(e,[i]){"text"===e[1]?b?b.p(e,i):(b=j(e),b.c(),b.m(t.parentNode,t)):b&&(b.d(1),b=null),"link"===e[1]?d?d.p(e,i):(d=_(e),d.c(),d.m(o.parentNode,o)):d&&(d.d(1),d=null),"selectable"===e[1]?w?w.p(e,i):(w=A(e),w.c(),w.m(a.parentNode,a)):w&&(w.d(1),w=null),"removable"===e[1]?x?x.p(e,i):(x=L(e),x.c(),x.m(s.parentNode,s)):x&&(x.d(1),x=null)},i:m,o:m,d(e){b&&b.d(e),e&&l(t),d&&d.d(e),e&&l(o),w&&w.d(e),e&&l(a),x&&x.d(e),e&&l(s)}}}function S(e,t){return`mc-tag-${e}__${t}`}function z(e,t,o){let i,a,s;const r=["label","size","dark","type","disabled","id","href","name","value","selected"];let n=b(t,r),{label:m}=t,{size:l="m"}=t,{dark:c}=t,{type:p="text"}=t,{disabled:h}=t,{id:g}=t,{href:f}=t,{name:k}=t,{value:u}=t,{selected:y=!1}=t;const v=E(d());let M=new D;return e.$$set=e=>{o(20,t=w(w({},t),x(e))),o(19,n=b(t,r)),"label"in e&&o(0,m=e.label),"size"in e&&o(13,l=e.size),"dark"in e&&o(14,c=e.dark),"type"in e&&o(1,p=e.type),"disabled"in e&&o(2,h=e.disabled),"id"in e&&o(3,g=e.id),"href"in e&&o(4,f=e.href),"name"in e&&o(5,k=e.name),"value"in e&&o(15,u=e.value),"selected"in e&&o(16,y=e.selected)},e.$$.update=()=>{65536&e.$$.dirty&&o(7,i=!!y),o(8,a=t.class),o(6,s=Object.assign({},n)),64&e.$$.dirty&&delete s.class},t=x(t),[m,p,h,g,f,k,s,i,a,v,function(e){const t=[`mc-tag-${e}`];return l&&t.push(`mc-tag-${e}--${l}`),c&&t.push(`mc-tag-${e}--dark`),t.join(" ")},function(){o(7,i=!i),M.dispatch("tag-selected",i)},function(){M.dispatch("tag-removed",{id:g,label:m,value:u})},l,c,u,y,function(){i=this.checked,o(7,i),o(16,y)}]}class Q extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-tag-text{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#ffffff;color:#191919;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080}.mc-tag-text::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919}.mc-tag-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-tag-link--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--dark{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919;cursor:pointer}.mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable__pill:hover{background:#9ed05f}:checked+.mc-tag-selectable__pill{background:#188803;-webkit-box-shadow:inset 0 0 0 1px #188803;box-shadow:inset 0 0 0 1px #188803;color:#ffffff}:checked+.mc-tag-selectable__pill:hover{background:#006902;-webkit-box-shadow:inset 0 0 0 1px #006902;box-shadow:inset 0 0 0 1px #006902}.mc-tag-selectable__pill:active{background:#035010;-webkit-box-shadow:inset 0 0 0 1px #035010;box-shadow:inset 0 0 0 1px #035010;color:#ffffff}:focus+.mc-tag-selectable__pill::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:#808080}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#ffffff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006902}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#c5e39e;-webkit-box-shadow:inset 0 0 0 1px #c5e39e;box-shadow:inset 0 0 0 1px #c5e39e;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill{background:#78be20;-webkit-box-shadow:inset 0 0 0 1px #78be20;box-shadow:inset 0 0 0 1px #78be20;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill:hover{background:#9ed05f}.mc-tag-selectable--dark :disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:#808080}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;background-color:#333333;color:#ffffff}.mc-tag-removable::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}.mc-tag-removable--dark{background-color:#cccccc;color:#191919}.mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable__remove{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==");position:relative;background-color:#333333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:50%;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable__remove-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-tag-removable__remove:active{background-color:#666666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTkxOTE5IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==");background-color:#cccccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-tag-list__item{margin:0 1rem 1rem 0}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:0.1875rem 1rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xxl{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:0.6875rem 1.5rem;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:o(this.attributes),customElement:!0},z,T,s,{label:0,size:13,dark:14,type:1,disabled:2,id:3,href:4,name:5,value:15,selected:16},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["label","size","dark","type","disabled","id","href","name","value","selected"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),a()}get size(){return this.$$.ctx[13]}set size(e){this.$$set({size:e}),a()}get dark(){return this.$$.ctx[14]}set dark(e){this.$$set({dark:e}),a()}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),a()}get disabled(){return this.$$.ctx[2]}set disabled(e){this.$$set({disabled:e}),a()}get id(){return this.$$.ctx[3]}set id(e){this.$$set({id:e}),a()}get href(){return this.$$.ctx[4]}set href(e){this.$$set({href:e}),a()}get name(){return this.$$.ctx[5]}set name(e){this.$$set({name:e}),a()}get value(){return this.$$.ctx[15]}set value(e){this.$$set({value:e}),a()}get selected(){return this.$$.ctx[16]}set selected(e){this.$$set({selected:e}),a()}}export{Q as default};
666
2
  //# sourceMappingURL=Tag.js.map