@mozaic-ds/web-components 0.5.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (198) hide show
  1. package/package.json +3 -3
  2. package/public/ClickOutside-63071e7a.js +1 -15
  3. package/public/ClickOutside-63071e7a.js.map +1 -1
  4. package/public/DataTableDefaultAction.nested-4da4dc44.js +1 -759
  5. package/public/DataTableDefaultAction.nested-4da4dc44.js.map +1 -1
  6. package/public/DataTableUtilities-60220c78.js +1 -370
  7. package/public/DataTableUtilities-60220c78.js.map +1 -1
  8. package/public/EventForward-8492ff62.js +1 -109
  9. package/public/EventForward-8492ff62.js.map +1 -1
  10. package/public/EventHandler-02058705.js +1 -15
  11. package/public/EventHandler-02058705.js.map +1 -1
  12. package/public/adeo/components/layer/Layer.js +1 -1
  13. package/public/adeo/components/layer/Layer.js.map +1 -1
  14. package/public/adeo/components/layer/Layer.svelte +2 -1
  15. package/public/adeo/components/phonenumber/PhoneNumber.js +1 -1
  16. package/public/adeo/components/phonenumber/PhoneNumber.js.map +1 -1
  17. package/public/adeo/components/phonenumber/PhoneNumber.svelte +72 -9
  18. package/public/adeo/components/quantityselector/QuantitySelector.js +1 -1
  19. package/public/adeo/components/quantityselector/QuantitySelector.js.map +1 -1
  20. package/public/adeo/components/quantityselector/QuantitySelector.svelte +6 -3
  21. package/public/array-5b770a93.js +1 -13
  22. package/public/array-5b770a93.js.map +1 -1
  23. package/public/axis-fbc0f7b5.js +1 -174
  24. package/public/axis-fbc0f7b5.js.map +1 -1
  25. package/public/band-d7a07d2c.js +1 -186
  26. package/public/band-d7a07d2c.js.map +1 -1
  27. package/public/bricoman/components/chart/Donut.js +1 -1
  28. package/public/bricoman/components/header/Header.js +1 -1
  29. package/public/bricoman/components/hero/Hero.js +1 -1
  30. package/public/bricoman/components/layer/Layer.js +1 -1
  31. package/public/bricoman/components/layer/Layer.js.map +1 -1
  32. package/public/bricoman/components/layer/Layer.svelte +2 -1
  33. package/public/bricoman/components/listbox/Listbox.js +1 -1
  34. package/public/bricoman/components/listbox/Listbox.nested.js +1 -1
  35. package/public/bricoman/components/phonenumber/PhoneNumber.js +1 -1
  36. package/public/bricoman/components/phonenumber/PhoneNumber.js.map +1 -1
  37. package/public/bricoman/components/phonenumber/PhoneNumber.svelte +72 -9
  38. package/public/bricoman/components/price/Price.js +1 -1
  39. package/public/bricoman/components/quantityselector/QuantitySelector.js +1 -1
  40. package/public/bricoman/components/quantityselector/QuantitySelector.js.map +1 -1
  41. package/public/bricoman/components/quantityselector/QuantitySelector.svelte +6 -3
  42. package/public/components/accordion/Accordion.js +1 -365
  43. package/public/components/accordion/Accordion.js.map +1 -1
  44. package/public/components/autocomplete/Autocomplete.js +1 -1515
  45. package/public/components/autocomplete/Autocomplete.js.map +1 -1
  46. package/public/components/badge/Badge.js +1 -155
  47. package/public/components/badge/Badge.js.map +1 -1
  48. package/public/components/badge/Badge.nested.js +1 -101
  49. package/public/components/badge/Badge.nested.js.map +1 -1
  50. package/public/components/breadcrumb/Breadcrumb.js +1 -372
  51. package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
  52. package/public/components/breadcrumb/Breadcrumb.nested.js +1 -319
  53. package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
  54. package/public/components/button/Button.js +1 -1138
  55. package/public/components/button/Button.js.map +1 -1
  56. package/public/components/card/Card.js +1 -369
  57. package/public/components/card/Card.js.map +1 -1
  58. package/public/components/chart/BarChart.js +1 -582
  59. package/public/components/chart/BarChart.js.map +1 -1
  60. package/public/components/chart/Donut.js +1 -1189
  61. package/public/components/chart/Donut.js.map +1 -1
  62. package/public/components/chart/GroupedBarChart.js +1 -750
  63. package/public/components/chart/GroupedBarChart.js.map +1 -1
  64. package/public/components/chart/LineChart.js +1 -1731
  65. package/public/components/chart/LineChart.js.map +1 -1
  66. package/public/components/chart/Radar.js +1 -729
  67. package/public/components/chart/Radar.js.map +1 -1
  68. package/public/components/chart/StackedBarChart.js +1 -745
  69. package/public/components/chart/StackedBarChart.js.map +1 -1
  70. package/public/components/checkbox/Checkbox.js +1 -307
  71. package/public/components/checkbox/Checkbox.js.map +1 -1
  72. package/public/components/checkboxgroup/checkboxGroup.js +1 -404
  73. package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
  74. package/public/components/datatable/DataTable.js +1 -3064
  75. package/public/components/datatable/DataTable.js.map +1 -1
  76. package/public/components/datatable/DataTableDefaultAction.nested.js +1 -4
  77. package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
  78. package/public/components/datatable/DataTableDefaultEdtion.nested.js +1 -164
  79. package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
  80. package/public/components/datatable/DataTableDefaultFilterTags.nested.js +1 -380
  81. package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
  82. package/public/components/datatable/DataTableDefaultSelection.nested.js +1 -424
  83. package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
  84. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -263
  85. package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +1 -1
  86. package/public/components/datatable/DataTableFooter.nested.js +1 -637
  87. package/public/components/datatable/DataTableFooter.nested.js.map +1 -1
  88. package/public/components/dropdown/Dropdown.js +1 -1426
  89. package/public/components/dropdown/Dropdown.js.map +1 -1
  90. package/public/components/field/Field.js +1 -375
  91. package/public/components/field/Field.js.map +1 -1
  92. package/public/components/fileuploader/FileUploader.js +1 -555
  93. package/public/components/fileuploader/FileUploader.js.map +1 -1
  94. package/public/components/fileuploader/ResultFile.nested.js +1 -265
  95. package/public/components/fileuploader/ResultFile.nested.js.map +1 -1
  96. package/public/components/flag/Flag.js +1 -174
  97. package/public/components/flag/Flag.js.map +1 -1
  98. package/public/components/header/Header.js +1 -903
  99. package/public/components/header/Header.js.map +1 -1
  100. package/public/components/hero/Hero.js +1 -271
  101. package/public/components/hero/Hero.js.map +1 -1
  102. package/public/components/layer/Layer.js +1 -453
  103. package/public/components/layer/Layer.js.map +1 -1
  104. package/public/components/layer/Layer.svelte +2 -1
  105. package/public/components/link/Link.js +1 -380
  106. package/public/components/link/Link.js.map +1 -1
  107. package/public/components/listbox/Listbox.js +1 -595
  108. package/public/components/listbox/Listbox.js.map +1 -1
  109. package/public/components/listbox/Listbox.nested.js +1 -629
  110. package/public/components/listbox/Listbox.nested.js.map +1 -1
  111. package/public/components/loader/Loader.js +1 -246
  112. package/public/components/loader/Loader.js.map +1 -1
  113. package/public/components/loader/Loader.nested.js +1 -176
  114. package/public/components/loader/Loader.nested.js.map +1 -1
  115. package/public/components/modal/Modal.js +1 -395
  116. package/public/components/modal/Modal.js.map +1 -1
  117. package/public/components/notification/Notification.js +1 -458
  118. package/public/components/notification/Notification.js.map +1 -1
  119. package/public/components/optionbutton/OptionButton.js +1 -316
  120. package/public/components/optionbutton/OptionButton.js.map +1 -1
  121. package/public/components/overlay/Overlay.js +1 -104
  122. package/public/components/overlay/Overlay.js.map +1 -1
  123. package/public/components/overlay/OverlayLoader.js +1 -151
  124. package/public/components/overlay/OverlayLoader.js.map +1 -1
  125. package/public/components/pagination/Pagination.js +1 -613
  126. package/public/components/pagination/Pagination.js.map +1 -1
  127. package/public/components/passwordinput/PasswordInput.js +1 -291
  128. package/public/components/passwordinput/PasswordInput.js.map +1 -1
  129. package/public/components/phonenumber/PhoneNumber.js +1 -6894
  130. package/public/components/phonenumber/PhoneNumber.js.map +1 -1
  131. package/public/components/price/Price.js +1 -768
  132. package/public/components/price/Price.js.map +1 -1
  133. package/public/components/progressbar/ProgressBar.js +1 -278
  134. package/public/components/progressbar/ProgressBar.js.map +1 -1
  135. package/public/components/quantityselector/QuantitySelector.js +1 -333
  136. package/public/components/quantityselector/QuantitySelector.js.map +1 -1
  137. package/public/components/quantityselector/QuantitySelector.svelte +6 -3
  138. package/public/components/radio/Radio.js +1 -273
  139. package/public/components/radio/Radio.js.map +1 -1
  140. package/public/components/radiogroup/RadioGroup.js +1 -414
  141. package/public/components/radiogroup/RadioGroup.js.map +1 -1
  142. package/public/components/ratings/StarsInput.js +1 -292
  143. package/public/components/ratings/StarsInput.js.map +1 -1
  144. package/public/components/ratings/StarsResult.js +1 -246
  145. package/public/components/ratings/StarsResult.js.map +1 -1
  146. package/public/components/select/Select.js +1 -451
  147. package/public/components/select/Select.js.map +1 -1
  148. package/public/components/sidebar/Sidebar.js +1 -784
  149. package/public/components/sidebar/Sidebar.js.map +1 -1
  150. package/public/components/sidebar/sidebar-feature-group.nested.js +1 -594
  151. package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  152. package/public/components/sidebar/sidebar-feature.nested.js +1 -402
  153. package/public/components/sidebar/sidebar-feature.nested.js.map +1 -1
  154. package/public/components/sidebar/sidebar-section.nested.js +1 -394
  155. package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
  156. package/public/components/sidebar/sidebar-segment.nested.js +1 -200
  157. package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
  158. package/public/components/sidebar/sidebar-separator.nested.js +1 -49
  159. package/public/components/sidebar/sidebar-separator.nested.js.map +1 -1
  160. package/public/components/sidebar/sidebar-sub-features.nested.js +1 -312
  161. package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
  162. package/public/components/sidebar/sidebar-user.nested.js +1 -733
  163. package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
  164. package/public/components/stepper/Stepper.js +1 -371
  165. package/public/components/stepper/Stepper.js.map +1 -1
  166. package/public/components/tabs/Tabs.js +1 -615
  167. package/public/components/tabs/Tabs.js.map +1 -1
  168. package/public/components/tabs/Tabs.nested.js +1 -472
  169. package/public/components/tabs/Tabs.nested.js.map +1 -1
  170. package/public/components/tag/Tag.js +1 -665
  171. package/public/components/tag/Tag.js.map +1 -1
  172. package/public/components/tag/Tag.nested.js +1 -554
  173. package/public/components/tag/Tag.nested.js.map +1 -1
  174. package/public/components/taglist/TagList.js +1 -475
  175. package/public/components/taglist/TagList.js.map +1 -1
  176. package/public/components/textarea/Textarea.js +1 -303
  177. package/public/components/textarea/Textarea.js.map +1 -1
  178. package/public/components/textinput/Textinput.js +1 -497
  179. package/public/components/textinput/Textinput.js.map +1 -1
  180. package/public/components/textinput/Textinput.nested.js +1 -320
  181. package/public/components/textinput/Textinput.nested.js.map +1 -1
  182. package/public/components/toggle/Toggle.js +1 -278
  183. package/public/components/toggle/Toggle.js.map +1 -1
  184. package/public/components/tooltip/Tooltip.js +1 -173
  185. package/public/components/tooltip/Tooltip.js.map +1 -1
  186. package/public/index-c33b3772.js +1 -873
  187. package/public/index-c33b3772.js.map +1 -1
  188. package/public/linear-f46d7e9e.js +1 -700
  189. package/public/linear-f46d7e9e.js.map +1 -1
  190. package/public/path-1b5da959.js +1 -186
  191. package/public/path-1b5da959.js.map +1 -1
  192. package/public/sidebar-service-275bf9ef.js +1 -129
  193. package/public/sidebar-service-275bf9ef.js.map +1 -1
  194. package/public/symbol-b05a6e2b.js +1 -169
  195. package/public/symbol-b05a6e2b.js.map +1 -1
  196. package/public/transform-15d69d5d.js +1 -2743
  197. package/public/transform-15d69d5d.js.map +1 -1
  198. package/public/utilities/stories/quantityselector/QuantitySelector.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