npm - @mozaic-ds/web-components - Versions diffs - 0.1.0 → 0.3.0 - Mend

@mozaic-ds/web-components 0.1.0 → 0.3.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 (636) hide show

package/public/bricoman/components/tag/Tag.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{P as e,i as r,s as t,Q as s,d as o,K as a,b as i,n as l,o as n,p as d,c as m,q as b,e as g,t as c,g as x,R as w,h as p,z as v,j as h,k as f,m as k,l as y}from"../../index-c33b3772.js";import{E as u}from"../../EventHandler-02058705.js";function M(e){s(e,"svelte-1r5r8dg",'.mc-tag-text.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg:hover{background:#e6e6e6}.mc-tag-link.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg:active{background:#cccccc}.mc-tag-link.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg: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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg:hover{background:#333333}.mc-tag-link--dark.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg:active{background:#4d4d4d}.mc-tag-selectable.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{display:inline-block;white-space:nowrap}.mc-tag-selectable__input.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg:hover{background:#8792ed}.svelte-1r5r8dg:checked+.mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{background:#373de7;-webkit-box-shadow:inset 0 0 0 1px #373de7;box-shadow:inset 0 0 0 1px #373de7;color:#ffffff}.svelte-1r5r8dg:checked+.mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg:hover{background:#161cb6;-webkit-box-shadow:inset 0 0 0 1px #161cb6;box-shadow:inset 0 0 0 1px #161cb6}.mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg:active{background:#130f7b;-webkit-box-shadow:inset 0 0 0 1px #130f7b;box-shadow:inset 0 0 0 1px #130f7b;color:#ffffff}.svelte-1r5r8dg:focus+.mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg::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}.svelte-1r5r8dg:disabled+.mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{cursor:not-allowed;background:#e6e6e6;color:#808080}.mc-tag-selectable--dark.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{background:#191919;color:#ffffff;cursor:pointer}.mc-tag-selectable--dark.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg:hover{background:#161cb6}.mc-tag-selectable--dark.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg:active{background:#b8bef4;-webkit-box-shadow:inset 0 0 0 1px #b8bef4;box-shadow:inset 0 0 0 1px #b8bef4;color:#191919}.mc-tag-selectable--dark.svelte-1r5r8dg .svelte-1r5r8dg:checked+.mc-tag-selectable__pill.svelte-1r5r8dg{background:#6875e8;-webkit-box-shadow:inset 0 0 0 1px #6875e8;box-shadow:inset 0 0 0 1px #6875e8;color:#191919}.mc-tag-selectable--dark.svelte-1r5r8dg .svelte-1r5r8dg:checked+.mc-tag-selectable__pill.svelte-1r5r8dg:hover{background:#8792ed}.mc-tag-selectable--dark.svelte-1r5r8dg .svelte-1r5r8dg:disabled+.mc-tag-selectable__pill.svelte-1r5r8dg{cursor:not-allowed;background:#4d4d4d;color:#808080}.mc-tag-selectable--s.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;background-color:#333333;color:#ffffff}.mc-tag-removable.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-removable__label.svelte-1r5r8dg.svelte-1r5r8dg{padding:calc(0.25rem - 1px) 0.25rem calc(0.25rem - 1px) calc(1rem - 1px)}.mc-tag-removable--s.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-removable__label.svelte-1r5r8dg.svelte-1r5r8dg{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable--m.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}.mc-tag-removable--dark.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{background-color:#cccccc;color:#191919}.mc-tag-removable__label.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg:hover{background-color:#4d4d4d}.mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg: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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg:active{background-color:#666666}.mc-tag-removable--dark.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTkxOTE5IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==");background-color:#cccccc}.mc-tag-removable--dark.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg:hover{background-color:#b3b3b3}.mc-tag-removable--dark.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg:active{background-color:#999999}.mc-tag-list.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{margin:0 1rem 1rem 0}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-m.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-m.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-m.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-m.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-removable__label.svelte-1r5r8dg.svelte-1r5r8dg{padding:calc(0.25rem - 1px) 0.25rem calc(0.25rem - 1px) calc(1rem - 1px)}.mc-tag-removable--s\\@from-m.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-m.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-removable__label.svelte-1r5r8dg.svelte-1r5r8dg{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable--m\\@from-m.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg{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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-l.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-l.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-l.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-l.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-removable__label.svelte-1r5r8dg.svelte-1r5r8dg{padding:calc(0.25rem - 1px) 0.25rem calc(0.25rem - 1px) calc(1rem - 1px)}.mc-tag-removable--s\\@from-l.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-l.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-removable__label.svelte-1r5r8dg.svelte-1r5r8dg{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable--m\\@from-l.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg{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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xl.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xl.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xl.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xl.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-removable__label.svelte-1r5r8dg.svelte-1r5r8dg{padding:calc(0.25rem - 1px) 0.25rem calc(0.25rem - 1px) calc(1rem - 1px)}.mc-tag-removable--s\\@from-xl.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xl.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-removable__label.svelte-1r5r8dg.svelte-1r5r8dg{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable--m\\@from-xl.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg{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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xxl.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xxl.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--s\\@from-xxl.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-selectable--m\\@from-xxl.svelte-1r5r8dg .mc-tag-selectable__pill.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-removable__label.svelte-1r5r8dg.svelte-1r5r8dg{padding:calc(0.25rem - 1px) 0.25rem calc(0.25rem - 1px) calc(1rem - 1px)}.mc-tag-removable--s\\@from-xxl.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xxl.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl.svelte-1r5r8dg.svelte-1r5r8dg.svelte-1r5r8dg::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.svelte-1r5r8dg .mc-tag-removable__label.svelte-1r5r8dg.svelte-1r5r8dg{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable--m\\@from-xxl.svelte-1r5r8dg .mc-tag-removable__remove.svelte-1r5r8dg.svelte-1r5r8dg{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}')}function I(e){let r,t,s,o,a,l=[{class:a=e[9](e[1])+" "+e[8]},e[6]],d={};for(let e=0;e<l.length;e+=1)d=m(d,l[e]);return{c(){r=g("span"),t=g("span"),s=c(e[0]),x(t,"class",o=w(A(e[1],"label"))+" svelte-1r5r8dg"),p(r,d),v(r,"svelte-1r5r8dg",!0)},m(e,o){i(e,r,o),h(r,t),h(t,s)},p(e,i){1&i&&f(s,e[0]),2&i&&o!==(o=w(A(e[1],"label"))+" svelte-1r5r8dg")&&x(t,"class",o),p(r,d=k(l,[258&i&&a!==(a=e[9](e[1])+" "+e[8])&&{class:a},64&i&&e[6]])),v(r,"svelte-1r5r8dg",!0)},d(e){e&&n(r)}}}function D(e){let r,t,s,o,a,l,d,b=[{href:e[4]},{class:a=e[9](e[1])+" "+e[8]},e[6]],u={};for(let e=0;e<b.length;e+=1)u=m(u,b[e]);return{c(){r=g("a"),t=g("span"),s=c(e[0]),x(t,"class",o=w(A(e[1],"label"))+" svelte-1r5r8dg"),p(r,u),v(r,"svelte-1r5r8dg",!0)},m(o,a){i(o,r,a),h(r,t),h(t,s),l||(d=y(r,"click",e[10]),l=!0)},p(e,i){1&i&&f(s,e[0]),2&i&&o!==(o=w(A(e[1],"label"))+" svelte-1r5r8dg")&&x(t,"class",o),p(r,u=k(b,[16&i&&{href:e[4]},258&i&&a!==(a=e[9](e[1])+" "+e[8])&&{class:a},64&i&&e[6]])),v(r,"svelte-1r5r8dg",!0)},d(e){e&&n(r),l=!1,d()}}}function E(e){let r,t,s,a,l,d,b,u,M,I,D,E,j=[{class:I=e[9](e[1])+" "+e[8]},e[6]],_={};for(let e=0;e<j.length;e+=1)_=m(_,j[e]);return{c(){r=g("span"),t=g("input"),a=o(),l=g("label"),d=g("span"),b=c(e[0]),x(t,"class",s=w(A(e[1],"input"))+" svelte-1r5r8dg"),x(t,"type","checkbox"),x(t,"name",e[5]),t.checked=e[7],x(t,"id",e[3]),t.disabled=e[2],x(d,"class",u=w(A(e[1],"label"))+" svelte-1r5r8dg"),x(l,"class",M=w(A(e[1],"pill"))+" svelte-1r5r8dg"),x(l,"for",e[3]),p(r,_),v(r,"svelte-1r5r8dg",!0)},m(s,o){i(s,r,o),h(r,t),h(r,a),h(r,l),h(l,d),h(d,b),D||(E=y(r,"click",e[10]),D=!0)},p(e,o){2&o&&s!==(s=w(A(e[1],"input"))+" svelte-1r5r8dg")&&x(t,"class",s),32&o&&x(t,"name",e[5]),128&o&&(t.checked=e[7]),8&o&&x(t,"id",e[3]),4&o&&(t.disabled=e[2]),1&o&&f(b,e[0]),2&o&&u!==(u=w(A(e[1],"label"))+" svelte-1r5r8dg")&&x(d,"class",u),2&o&&M!==(M=w(A(e[1],"pill"))+" svelte-1r5r8dg")&&x(l,"class",M),8&o&&x(l,"for",e[3]),p(r,_=k(j,[258&o&&I!==(I=e[9](e[1])+" "+e[8])&&{class:I},64&o&&e[6]])),v(r,"svelte-1r5r8dg",!0)},d(e){e&&n(r),D=!1,E()}}}function j(e){let r,t,s,a,l,d,b,u,M,I,D,E,j,_=[{class:D=e[9](e[1])+" "+e[8]},e[6]],L={};for(let e=0;e<_.length;e+=1)L=m(L,_[e]);return{c(){r=g("span"),t=g("span"),s=c(e[0]),l=o(),d=g("button"),b=g("span"),u=c(e[0]),x(t,"class",a=w(A(e[1],"label"))+" svelte-1r5r8dg"),x(b,"class",M=w(A(e[1],"remove-text"))+" svelte-1r5r8dg"),x(d,"class",I=w(A(e[1],"remove"))+" svelte-1r5r8dg"),p(r,L),v(r,"svelte-1r5r8dg",!0)},m(o,a){i(o,r,a),h(r,t),h(t,s),h(r,l),h(r,d),h(d,b),h(b,u),E||(j=y(d,"click",e[11]),E=!0)},p(e,o){1&o&&f(s,e[0]),2&o&&a!==(a=w(A(e[1],"label"))+" svelte-1r5r8dg")&&x(t,"class",a),1&o&&f(u,e[0]),2&o&&M!==(M=w(A(e[1],"remove-text"))+" svelte-1r5r8dg")&&x(b,"class",M),2&o&&I!==(I=w(A(e[1],"remove"))+" svelte-1r5r8dg")&&x(d,"class",I),p(r,L=k(_,[258&o&&D!==(D=e[9](e[1])+" "+e[8])&&{class:D},64&o&&e[6]])),v(r,"svelte-1r5r8dg",!0)},d(e){e&&n(r),E=!1,j()}}}function _(e){let r,t,s,d,m="text"===e[1]&&I(e),b="link"===e[1]&&D(e),g="selectable"===e[1]&&E(e),c="removable"===e[1]&&j(e);return{c(){m&&m.c(),r=o(),b&&b.c(),t=o(),g&&g.c(),s=o(),c&&c.c(),d=a()},m(e,o){m&&m.m(e,o),i(e,r,o),b&&b.m(e,o),i(e,t,o),g&&g.m(e,o),i(e,s,o),c&&c.m(e,o),i(e,d,o)},p(e,[o]){"text"===e[1]?m?m.p(e,o):(m=I(e),m.c(),m.m(r.parentNode,r)):m&&(m.d(1),m=null),"link"===e[1]?b?b.p(e,o):(b=D(e),b.c(),b.m(t.parentNode,t)):b&&(b.d(1),b=null),"selectable"===e[1]?g?g.p(e,o):(g=E(e),g.c(),g.m(s.parentNode,s)):g&&(g.d(1),g=null),"removable"===e[1]?c?c.p(e,o):(c=j(e),c.c(),c.m(d.parentNode,d)):c&&(c.d(1),c=null)},i:l,o:l,d(e){m&&m.d(e),e&&n(r),b&&b.d(e),e&&n(t),g&&g.d(e),e&&n(s),c&&c.d(e),e&&n(d)}}}function A(e,r){return`mc-tag-${e}__${r}`}function L(e,r,t){let s,o,a;const i=["label","size","dark","type","disabled","id","href","name","selected"];let l=d(r,i),{label:n}=r,{size:g="m"}=r,{dark:c}=r,{type:x="text"}=r,{disabled:w}=r,{id:p}=r,{href:v}=r,{name:h}=r,{selected:f=!1}=r,k=new u;return e.$$set=e=>{t(17,r=m(m({},r),b(e))),t(16,l=d(r,i)),"label"in e&&t(0,n=e.label),"size"in e&&t(12,g=e.size),"dark"in e&&t(13,c=e.dark),"type"in e&&t(1,x=e.type),"disabled"in e&&t(2,w=e.disabled),"id"in e&&t(3,p=e.id),"href"in e&&t(4,v=e.href),"name"in e&&t(5,h=e.name),"selected"in e&&t(14,f=e.selected)},e.$$.update=()=>{16384&e.$$.dirty&&t(7,s=!!f),t(8,o=r.class),t(6,a=Object.assign({},l)),64&e.$$.dirty&&delete a.class},r=b(r),[n,x,w,p,v,h,a,s,o,function(e){const r=[`mc-tag-${e}`];return g&&r.push(`mc-tag-${e}--${g}`),c&&r.push(`mc-tag-${e}--dark`),r.join(" ")},function(){t(7,s=!s),k.dispatch("tag-selected",s)},function(){k.dispatch("tag-removed",{id:p,label:n})},g,c,f]}class T extends e{constructor(e){super(),r(this,e,L,_,t,{label:0,size:12,dark:13,type:1,disabled:2,id:3,href:4,name:5,selected:14},M)}}export{T as default};
+import{P as e,i as t,s,Q as o,d as i,K as a,b as l,n as r,o as n,p as m,c as b,q as w,e as d,t as h,g as u,R as x,h as v,z as c,j as p,k as g,m as f,l as k,I as y}from"../../index-17a01ab4.js";import{E as M}from"../../EventHandler-316af043.js";function I(e){o(e,"svelte-l4hutw",'.mc-tag-text.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw:hover{background:#e6e6e6}.mc-tag-link.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw:active{background:#cccccc}.mc-tag-link.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw: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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw:hover{background:#333333}.mc-tag-link--dark.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw:active{background:#4d4d4d}.mc-tag-selectable.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{display:inline-block;white-space:nowrap}.mc-tag-selectable__input.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw:hover{background:#8792ed}.svelte-l4hutw:checked+.mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{background:#373de7;-webkit-box-shadow:inset 0 0 0 1px #373de7;box-shadow:inset 0 0 0 1px #373de7;color:#ffffff}.svelte-l4hutw:checked+.mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw:hover{background:#161cb6;-webkit-box-shadow:inset 0 0 0 1px #161cb6;box-shadow:inset 0 0 0 1px #161cb6}.mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw:active{background:#130f7b;-webkit-box-shadow:inset 0 0 0 1px #130f7b;box-shadow:inset 0 0 0 1px #130f7b;color:#ffffff}.svelte-l4hutw:focus+.mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw::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}.svelte-l4hutw:disabled+.mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{cursor:not-allowed;background:#e6e6e6;color:#808080}.mc-tag-selectable--dark.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{background:#191919;color:#ffffff;cursor:pointer}.mc-tag-selectable--dark.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw:hover{background:#161cb6}.mc-tag-selectable--dark.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw:active{background:#b8bef4;-webkit-box-shadow:inset 0 0 0 1px #b8bef4;box-shadow:inset 0 0 0 1px #b8bef4;color:#191919}.mc-tag-selectable--dark.svelte-l4hutw .svelte-l4hutw:checked+.mc-tag-selectable__pill.svelte-l4hutw{background:#6875e8;-webkit-box-shadow:inset 0 0 0 1px #6875e8;box-shadow:inset 0 0 0 1px #6875e8;color:#191919}.mc-tag-selectable--dark.svelte-l4hutw .svelte-l4hutw:checked+.mc-tag-selectable__pill.svelte-l4hutw:hover{background:#8792ed}.mc-tag-selectable--dark.svelte-l4hutw .svelte-l4hutw:disabled+.mc-tag-selectable__pill.svelte-l4hutw{cursor:not-allowed;background:#4d4d4d;color:#808080}.mc-tag-selectable--s.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-removable__label.svelte-l4hutw.svelte-l4hutw{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-removable__label.svelte-l4hutw.svelte-l4hutw{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}.mc-tag-removable--dark.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{background-color:#cccccc;color:#191919}.mc-tag-removable__label.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw:hover{background-color:#4d4d4d}.mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw: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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw:active{background-color:#666666}.mc-tag-removable--dark.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTkxOTE5IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==");background-color:#cccccc}.mc-tag-removable--dark.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw:hover{background-color:#b3b3b3}.mc-tag-removable--dark.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw:active{background-color:#999999}.mc-tag-list.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{margin:0 1rem 1rem 0}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-removable__label.svelte-l4hutw.svelte-l4hutw{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-m.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-m.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-removable__label.svelte-l4hutw.svelte-l4hutw{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-m.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-removable__label.svelte-l4hutw.svelte-l4hutw{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-l.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-l.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-removable__label.svelte-l4hutw.svelte-l4hutw{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-l.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-removable__label.svelte-l4hutw.svelte-l4hutw{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xl.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xl.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-removable__label.svelte-l4hutw.svelte-l4hutw{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xl.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw .mc-tag-selectable__pill.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-removable__label.svelte-l4hutw.svelte-l4hutw{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xxl.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xxl.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw{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.svelte-l4hutw.svelte-l4hutw.svelte-l4hutw::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.svelte-l4hutw .mc-tag-removable__label.svelte-l4hutw.svelte-l4hutw{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl.svelte-l4hutw .mc-tag-removable__remove.svelte-l4hutw.svelte-l4hutw{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==")}}')}function D(e){let t,s,o,i,a,r=[{class:a=e[9](e[1])+" "+e[8]},e[6]],m={};for(let e=0;e<r.length;e+=1)m=b(m,r[e]);return{c(){t=d("span"),s=d("span"),o=h(e[0]),u(s,"class",i=x(L(e[1],"label"))+" svelte-l4hutw"),v(t,m),c(t,"svelte-l4hutw",!0)},m(e,i){l(e,t,i),p(t,s),p(s,o)},p(e,l){1&l&&g(o,e[0]),2&l&&i!==(i=x(L(e[1],"label"))+" svelte-l4hutw")&&u(s,"class",i),v(t,m=f(r,[258&l&&a!==(a=e[9](e[1])+" "+e[8])&&{class:a},64&l&&e[6]])),c(t,"svelte-l4hutw",!0)},d(e){e&&n(t)}}}function E(e){let t,s,o,i,a,r,m,w=[{href:e[4]},{class:a=e[9](e[1])+" "+e[8]},e[6]],M={};for(let e=0;e<w.length;e+=1)M=b(M,w[e]);return{c(){t=d("a"),s=d("span"),o=h(e[0]),u(s,"class",i=x(L(e[1],"label"))+" svelte-l4hutw"),v(t,M),c(t,"svelte-l4hutw",!0)},m(i,a){l(i,t,a),p(t,s),p(s,o),r||(m=k(t,"click",y(e[10])),r=!0)},p(e,l){1&l&&g(o,e[0]),2&l&&i!==(i=x(L(e[1],"label"))+" svelte-l4hutw")&&u(s,"class",i),v(t,M=f(w,[16&l&&{href:e[4]},258&l&&a!==(a=e[9](e[1])+" "+e[8])&&{class:a},64&l&&e[6]])),c(t,"svelte-l4hutw",!0)},d(e){e&&n(t),r=!1,m()}}}function j(e){let t,s,o,a,r,m,w,M,I,D,E,j,_=[{class:D=e[9](e[1])+" "+e[8]},e[6]],A={};for(let e=0;e<_.length;e+=1)A=b(A,_[e]);return{c(){t=d("span"),s=d("input"),a=i(),r=d("label"),m=d("span"),w=h(e[0]),u(s,"class",o=x(L(e[1],"input"))+" svelte-l4hutw"),u(s,"type","checkbox"),u(s,"name",e[5]),s.checked=e[7],u(s,"id",e[3]),s.disabled=e[2],u(m,"class",M=x(L(e[1],"label"))+" svelte-l4hutw"),u(r,"class",I=x(L(e[1],"pill"))+" svelte-l4hutw"),u(r,"for",e[3]),v(t,A),c(t,"svelte-l4hutw",!0)},m(o,i){l(o,t,i),p(t,s),p(t,a),p(t,r),p(r,m),p(m,w),E||(j=k(t,"click",y(e[10])),E=!0)},p(e,i){2&i&&o!==(o=x(L(e[1],"input"))+" svelte-l4hutw")&&u(s,"class",o),32&i&&u(s,"name",e[5]),128&i&&(s.checked=e[7]),8&i&&u(s,"id",e[3]),4&i&&(s.disabled=e[2]),1&i&&g(w,e[0]),2&i&&M!==(M=x(L(e[1],"label"))+" svelte-l4hutw")&&u(m,"class",M),2&i&&I!==(I=x(L(e[1],"pill"))+" svelte-l4hutw")&&u(r,"class",I),8&i&&u(r,"for",e[3]),v(t,A=f(_,[258&i&&D!==(D=e[9](e[1])+" "+e[8])&&{class:D},64&i&&e[6]])),c(t,"svelte-l4hutw",!0)},d(e){e&&n(t),E=!1,j()}}}function _(e){let t,s,o,a,r,m,w,M,I,D,E,j,_,A=[{class:E=e[9](e[1])+" "+e[8]},e[6]],T={};for(let e=0;e<A.length;e+=1)T=b(T,A[e]);return{c(){t=d("span"),s=d("span"),o=h(e[0]),r=i(),m=d("button"),w=d("span"),M=h(e[0]),u(s,"class",a=x(L(e[1],"label"))+" svelte-l4hutw"),u(w,"class",I=x(L(e[1],"remove-text"))+" svelte-l4hutw"),u(m,"class",D=x(L(e[1],"remove"))+" svelte-l4hutw"),v(t,T),c(t,"svelte-l4hutw",!0)},m(i,a){l(i,t,a),p(t,s),p(s,o),p(t,r),p(t,m),p(m,w),p(w,M),j||(_=k(m,"click",y(e[11])),j=!0)},p(e,i){1&i&&g(o,e[0]),2&i&&a!==(a=x(L(e[1],"label"))+" svelte-l4hutw")&&u(s,"class",a),1&i&&g(M,e[0]),2&i&&I!==(I=x(L(e[1],"remove-text"))+" svelte-l4hutw")&&u(w,"class",I),2&i&&D!==(D=x(L(e[1],"remove"))+" svelte-l4hutw")&&u(m,"class",D),v(t,T=f(A,[258&i&&E!==(E=e[9](e[1])+" "+e[8])&&{class:E},64&i&&e[6]])),c(t,"svelte-l4hutw",!0)},d(e){e&&n(t),j=!1,_()}}}function A(e){let t,s,o,m,b="text"===e[1]&&D(e),w="link"===e[1]&&E(e),d="selectable"===e[1]&&j(e),h="removable"===e[1]&&_(e);return{c(){b&&b.c(),t=i(),w&&w.c(),s=i(),d&&d.c(),o=i(),h&&h.c(),m=a()},m(e,i){b&&b.m(e,i),l(e,t,i),w&&w.m(e,i),l(e,s,i),d&&d.m(e,i),l(e,o,i),h&&h.m(e,i),l(e,m,i)},p(e,[i]){"text"===e[1]?b?b.p(e,i):(b=D(e),b.c(),b.m(t.parentNode,t)):b&&(b.d(1),b=null),"link"===e[1]?w?w.p(e,i):(w=E(e),w.c(),w.m(s.parentNode,s)):w&&(w.d(1),w=null),"selectable"===e[1]?d?d.p(e,i):(d=j(e),d.c(),d.m(o.parentNode,o)):d&&(d.d(1),d=null),"removable"===e[1]?h?h.p(e,i):(h=_(e),h.c(),h.m(m.parentNode,m)):h&&(h.d(1),h=null)},i:r,o:r,d(e){b&&b.d(e),e&&n(t),w&&w.d(e),e&&n(s),d&&d.d(e),e&&n(o),h&&h.d(e),e&&n(m)}}}function L(e,t){return`mc-tag-${e}__${t}`}function T(e,t,s){let o,i,a;const l=["label","size","dark","type","disabled","id","value","href","name","selected"];let r=m(t,l),{label:n}=t,{size:d="m"}=t,{dark:h}=t,{type:u="text"}=t,{disabled:x}=t,{id:v}=t,{value:c}=t,{href:p}=t,{name:g}=t,{selected:f=!1}=t,k=new M;return e.$$set=e=>{s(18,t=b(b({},t),w(e))),s(17,r=m(t,l)),"label"in e&&s(0,n=e.label),"size"in e&&s(12,d=e.size),"dark"in e&&s(13,h=e.dark),"type"in e&&s(1,u=e.type),"disabled"in e&&s(2,x=e.disabled),"id"in e&&s(3,v=e.id),"value"in e&&s(14,c=e.value),"href"in e&&s(4,p=e.href),"name"in e&&s(5,g=e.name),"selected"in e&&s(15,f=e.selected)},e.$$.update=()=>{32768&e.$$.dirty&&s(7,o=!!f),s(8,i=t.class),s(6,a=Object.assign({},r)),64&e.$$.dirty&&delete a.class},t=w(t),[n,u,x,v,p,g,a,o,i,function(e){const t=[`mc-tag-${e}`];return d&&t.push(`mc-tag-${e}--${d}`),h&&t.push(`mc-tag-${e}--dark`),t.join(" ")},function(){s(7,o=!o),console.log(o),k.dispatch("tag-selected",o)},function(){k.dispatch("tag-removed",{id:v,label:n,value:c})},d,h,c,f]}class Q extends e{constructor(e){super(),t(this,e,T,A,s,{label:0,size:12,dark:13,type:1,disabled:2,id:3,value:14,href:4,name:5,selected:15},I)}}export{Q as default};
 //# sourceMappingURL=Tag.nested.js.map

package/public/bricoman/components/tag/Tag.nested.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.nested.js","sources":["../../../../src/components/tag/Tag.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { TagSize, TagType } from './tag.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let label: string;\n export let size: TagSize = 'm';\n export let dark: boolean;\n export let type: TagType = 'text';\n export let disabled: boolean;\n export let id: string;\n export let href: string;\n export let name: string;\n export let selected = false;\n\n $: isSelected = selected ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler();\n\n function getClasses(type: TagType) {\n const classes = [`mc-tag-${type}`];\n\n if (size) {\n classes.push(`mc-tag-${type}--${size}`);\n }\n\n if (dark) {\n classes.push(`mc-tag-${type}--dark`);\n }\n\n return classes.join(' ');\n }\n\n function getSubClasses(type: TagType, element: string) {\n return `mc-tag-${type}__${element}`;\n }\n\n function onSelect(): void {\n isSelected = !isSelected;\n eventHandler.dispatch('tag-selected', isSelected);\n }\n\n function onRemoved(): void {\n eventHandler.dispatch('tag-removed', { id, label });\n }\n</script>\n\n{#if type === 'text'}\n <span class=\"{getClasses(type)} {userClass}\" {...attributes}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </span>\n{/if}\n{#if type === 'link'}\n <a\n {href}\n class=\"{getClasses(type)} {userClass}\"\n on:click={onSelect}\n ~~{...attributes}\n~~ >\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </a>\n{/if}\n{#if type === 'selectable'}\n <span\n class=\"{getClasses(type)} {userClass}\"\n on:click={onSelect}\n {...attributes}\n >\n <input\n class={getSubClasses(type, 'input')}\n type=\"checkbox\"\n {name}\n checked={isSelected}\n {id}\n {disabled}\n />\n <label class={getSubClasses(type, 'pill')} for={id}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </label>\n </span>\n{/if}\n{#if type === 'removable'}\n <span class=\"{getClasses(type)} {userClass}\" {...attributes}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n <button class={getSubClasses(type, 'remove')} on:click={onRemoved}>\n <span class={getSubClasses(type, 'remove-text')}> {label} </span>\n </button>\n </span>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.tag';\n</style>\n"],"names":["ctx","getSubClasses","insert","target","span1","anchor","append","span0","class","span1_class_value","a","span","a_class_value","input","label_1","span2","button","span2_class_value","if_block0","create_if_block_3","if_block1","create_if_block_2","if_block2","create_if_block_1","if_block3","create_if_block","type","element","label","$$props","size","dark","disabled","id","href","name","selected","eventHandler","EventHandler","isSelected","$$invalidate","userClass","attributes","Object","assign","$$restProps","classes","push","join","dispatch"],"mappings":"~~043CAoDgBA~~,EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,IAAOA,EAAU,wFAEvDA,EAAK,oBADKC,EAAcD,EAAI,GAAE,UAAO,~~2DAD1CE~~,EAIMC,EAAAC,EAAAC,GAHJC,EAEMF,EAAAG,2BADHP,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,~~4DAD5BA~~,EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,KAAA,CAAAQ,MAAAC,SAAOT,EAAU,~~uGASlDA~~,EAAU,GAACA,EAAI,IAAA,~~IAAKA~~,EAAS,~~IAEjCA~~,EAAU,~~qFAGXA~~,EAAK,oBADKC,EAAcD,EAAI,GAAE,UAAO,~~2DAN1CE~~,EASGC,EAAAO,EAAAL,GAHDC,EAEMI,EAAAC,~~4BALIX~~,EAAQ,~~4BAIfA~~,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,~~8EAJhCA~~,EAAU,GAACA,EAAI,IAAA,~~IAAKA~~,EAAS,KAAA,CAAAQ,MAAAI,~~SAEjCZ~~,EAAU,~~8GASNA~~,EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,IAEjCA,EAAU,wHAYTA,EAAK,oBATDC,EAAcD,EAAI,GAAE,UAAO,~~qEAGzBA~~,EAAU,kDAKNC,EAAcD,EAAI,GAAE,UAAO,~~mCAD5BC~~,EAAcD,EAAI,GAAE,SAAM,~~6BAAQA~~,EAAE,~~4CAbpDE~~,EAkBMC,EAAAC,EAAAC,GAbJC,EAOCF,EAAAS,UACDP,EAIOF,EAAAU,GAHLR,EAEMQ,EAAAP,~~4BAdEP~~,EAAQ,~~iCAITC~~,EAAcD,EAAI,GAAE,UAAO,~~4EAGzBA~~,EAAU,wDAMhBA,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,~~iDAD5BC~~,EAAcD,EAAI,GAAE,SAAM,~~kDAAQA~~,EAAE,6BAZ1CA,EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,KAAA,CAAAQ,MAAAC,SAEjCT,EAAU,~~gHAkBFA,~~EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,IAAOA,EAAU,wFAEvDA,EAAK,~~wCAG6CA~~,EAAK,~~oBAJ7CC~~,EAAcD,EAAI,GAAE,UAAO,~~mCAIzBC~~,EAAcD,EAAI,GAAE,gBAAa,~~mCADjCC~~,EAAcD,EAAI,GAAE,WAAQ,~~2DAJ7CE~~,~~EAOMC~~,EAAAY,EAAAV,~~GANJC~~,EAEMS,EAAAR,iBACND,~~EAEQS~~,EAAAC,GADNV,EAAgEU,EAAAZ,~~4BADVJ~~,EAAS,~~4BAF9DA~~,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,~~4CAIaA~~,EAAK,kBAA3CC,EAAcD,EAAI,GAAE,gBAAa,~~iDADjCC~~,EAAcD,EAAI,GAAE,WAAQ,~~4DAJ/BA~~,EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,KAAA,CAAAQ,MAAAS,SAAOjB,EAAU,~~kFAzCzDkB~~,EAAS,SAATlB,MAAemB,EAAAnB,GAOfoB,EAAS,SAATpB,MAAeqB,EAAArB,GAYfsB,EAAS,eAATtB,MAAqBuB,EAAAvB,GAqBrBwB,EAAS,cAATxB,MAAoByB,EAAAzB,gLAxCX,SAATA,sEAOS,SAATA,sEAYS,eAATA,sEAqBS,cAATA,~~uKAtDMC~~,EAAcyB,EAAeC,GACnB,MAAA,UAAAD,MAASC,~~oIAhCjBC~~,GAAaC,GACbC,KAAAA,EAAgB,KAAGD,QACnBE,GAAaF,GACbH,KAAAA,EAAgB,QAAMG,YACtBG,GAAiBH,MACjBI,GAAUJ,~~QACVK~~,~~GAAYL~~,~~QACZM~~,~~GAAYN~~,~~GACZO~~,SAAAA,GAAW,~~GAAKP~~,~~EAOvBQ~~,MAAmBC~~,+VALpBC~~,IAAaH,GACbI,EAAA,EAAAC,~~EAAYZ~~,EAAQrB,~~WACpBkC~~,EAALC,OAAAC,UAAuBC,0BACXH,~~EAAWlC~~,iCAIZ,SAAWkB,GACZ,~~MAAAoB~~,~~aAAqBpB~~,YAEvBI,~~GACFgB~~,EAAQC,KAAe,~~UAAArB~~,MAASI,KAG9BC,~~GACFe~~,EAAQC,KAAI,~~UAAWrB~~,~~WAGlBoB~~,EAAQE,KAAK,iBAQpBR,EAAA,EAAAD,GAAcA,~~GACdF~~,~~EAAaY~~,SAAS,~~eAAgBV~~,eAItCF,~~EAAaY~~,SAAS,~~cAAiB~~,~~CAAAhB~~,~~KAAIL~~"}
1	+ {"version":3,"file":"Tag.nested.js","sources":["../../../../src/components/tag/Tag.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { TagSize, TagType } from './tag.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let label: string;\n export let size: TagSize = 'm';\n export let dark: boolean;\n export let type: TagType = 'text';\n export let disabled: boolean;\n export let id: string;\n export let value: string \| undefined = undefined;\n export let href: string \| undefined = undefined;\n export let name: string \| undefined = undefined;\n export let selected = false;\n\n $: isSelected = selected ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler();\n\n function getClasses(type: TagType) {\n const classes = [`mc-tag-${type}`];\n\n if (size) {\n classes.push(`mc-tag-${type}--${size}`);\n }\n\n if (dark) {\n classes.push(`mc-tag-${type}--dark`);\n }\n\n return classes.join(' ');\n }\n\n function getSubClasses(type: TagType, element: string) {\n return `mc-tag-${type}__${element}`;\n }\n\n function onSelect(): void {\n isSelected = !isSelected;\n console.log(isSelected);\n eventHandler.dispatch('tag-selected', isSelected);\n }\n\n function onRemoved(): void {\n eventHandler.dispatch('tag-removed', { id, label, value });\n }\n</script>\n\n{#if type === 'text'}\n <span class=\"{getClasses(type)} {userClass}\" {...attributes}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </span>\n{/if}\n{#if type === 'link'}\n <a\n {href}\n class=\"{getClasses(type)} {userClass}\"\n {...attributes}\n on:click\|stopPropagation={onSelect}\n >\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </a>\n{/if}\n{#if type === 'selectable'}\n <span\n class=\"{getClasses(type)} {userClass}\"\n on:click\|stopPropagation={onSelect}\n {...attributes}\n >\n <input\n class={getSubClasses(type, 'input')}\n type=\"checkbox\"\n {name}\n checked={isSelected}\n {id}\n {disabled}\n />\n <label class={getSubClasses(type, 'pill')} for={id}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n </label>\n </span>\n{/if}\n{#if type === 'removable'}\n <span class=\"{getClasses(type)} {userClass}\" {...attributes}>\n <span class={getSubClasses(type, 'label')}>\n {label}\n </span>\n <button\n class={getSubClasses(type, 'remove')}\n on:click\|stopPropagation={onRemoved}\n >\n <span class={getSubClasses(type, 'remove-text')}> {label} </span>\n </button>\n </span>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.tag';\n</style>\n"],"names":["ctx","getSubClasses","insert","target","span1","anchor","append","span0","class","span1_class_value","a","span","a_class_value","input","label_1","span2","button","span2_class_value","if_block0","create_if_block_3","if_block1","create_if_block_2","if_block2","create_if_block_1","if_block3","create_if_block","type","element","label","$$props","size","dark","disabled","id","value","href","name","selected","eventHandler","EventHandler","isSelected","$$invalidate","userClass","attributes","Object","assign","$$restProps","classes","push","join","console","log","dispatch"],"mappings":"w80CAsDgBA,EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,IAAOA,EAAU,wFAEvDA,EAAK,oBADKC,EAAcD,EAAI,GAAE,UAAO,yDAD1CE,EAIMC,EAAAC,EAAAC,GAHJC,EAEMF,EAAAG,2BADHP,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,2DAD5BA,EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,KAAA,CAAAQ,MAAAC,SAAOT,EAAU,sGASlDA,EAAU,GAACA,EAAI,IAAA,IAAIA,EAAS,IAChCA,EAAU,qFAIXA,EAAK,oBADKC,EAAcD,EAAI,GAAE,UAAO,yDAN1CE,EASGC,EAAAO,EAAAL,GAHDC,EAEMI,EAAAC,8BAJoBX,EAAQ,6BAG/BA,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,6EAJhCA,EAAU,GAACA,EAAI,IAAA,IAAIA,EAAS,KAAA,CAAAQ,MAAAI,SAChCZ,EAAU,6GAUNA,EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,IAEjCA,EAAU,wHAYTA,EAAK,oBATDC,EAAcD,EAAI,GAAE,UAAO,oEAGzBA,EAAU,kDAKNC,EAAcD,EAAI,GAAE,UAAO,kCAD5BC,EAAcD,EAAI,GAAE,SAAM,4BAAQA,EAAE,2CAbpDE,EAkBMC,EAAAC,EAAAC,GAbJC,EAOCF,EAAAS,UACDP,EAIOF,EAAAU,GAHLR,EAEMQ,EAAAP,8BAdkBP,EAAQ,kCAIzBC,EAAcD,EAAI,GAAE,UAAO,2EAGzBA,EAAU,wDAMhBA,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,gDAD5BC,EAAcD,EAAI,GAAE,SAAM,iDAAQA,EAAE,6BAZ1CA,EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,KAAA,CAAAQ,MAAAC,SAEjCT,EAAU,+GAkBFA,EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,IAAOA,EAAU,wFAEvDA,EAAK,wCAM6CA,EAAK,oBAP7CC,EAAcD,EAAI,GAAE,UAAO,kCAOzBC,EAAcD,EAAI,GAAE,gBAAa,kCAHvCC,EAAcD,EAAI,GAAE,WAAQ,yDALvCE,EAUMC,EAAAY,EAAAV,GATJC,EAEMS,EAAAR,iBACND,EAKQS,EAAAC,GADNV,EAAgEU,EAAAZ,8BAFtCJ,EAAS,6BAJlCA,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,2CAOaA,EAAK,kBAA3CC,EAAcD,EAAI,GAAE,gBAAa,gDAHvCC,EAAcD,EAAI,GAAE,WAAQ,2DALzBA,EAAU,GAACA,EAAI,IAAA,IAAKA,EAAS,KAAA,CAAAQ,MAAAS,SAAOjB,EAAU,iFAzCzDkB,EAAS,SAATlB,MAAemB,EAAAnB,GAOfoB,EAAS,SAATpB,MAAeqB,EAAArB,GAYfsB,EAAS,eAATtB,MAAqBuB,EAAAvB,GAqBrBwB,EAAS,cAATxB,MAAoByB,EAAAzB,gLAxCX,SAATA,sEAOS,SAATA,sEAYS,eAATA,sEAqBS,cAATA,uKAvDMC,EAAcyB,EAAeC,GACnB,MAAA,UAAAD,MAASC,4IAjCjBC,GAAaC,GACbC,KAAAA,EAAgB,KAAGD,QACnBE,GAAaF,GACbH,KAAAA,EAAgB,QAAMG,YACtBG,GAAiBH,MACjBI,GAAUJ,GACVK,MAAAA,GAAqCL,GACrCM,KAAAA,GAAoCN,GACpCO,KAAAA,GAAoCP,GACpCQ,SAAAA,GAAW,GAAKR,EAOvBS,MAAmBC,4XALpBC,IAAaH,GACbI,EAAA,EAAAC,EAAYb,EAAQrB,WACpBmC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWnC,iCAIZ,SAAWkB,GACZ,MAAAqB,aAAqBrB,YAEvBI,GACFiB,EAAQC,KAAe,UAAAtB,MAASI,KAG9BC,GACFgB,EAAQC,KAAI,UAAWtB,WAGlBqB,EAAQE,KAAK,iBAQpBR,EAAA,EAAAD,GAAcA,GACdU,QAAQC,IAAIX,GACZF,EAAac,SAAS,eAAgBZ,eAItCF,EAAac,SAAS,eAAiBnB,KAAIL,QAAOM"}

package/public/bricoman/components/tag/Tag.nested.svelte CHANGED Viewed

@@ -10,8 +10,9 @@
   export let type: TagType = 'text';
   export let disabled: boolean;
   export let id: string;
-  export let href: string;
-  export let name: string;
+  export let value: string | undefined = undefined;
+  export let href: string | undefined = undefined;
+  export let name: string | undefined = undefined;
   export let selected = false;
   $: isSelected = selected ? true : false;
@@ -41,11 +42,12 @@
   function onSelect(): void {
     isSelected = !isSelected;
+    console.log(isSelected);
     eventHandler.dispatch('tag-selected', isSelected);
   }
   function onRemoved(): void {
-    eventHandler.dispatch('tag-removed', { id, label });
+    eventHandler.dispatch('tag-removed', { id, label, value });
   }
 </script>
@@ -59,9 +61,9 @@
 {#if type === 'link'}
   <a
     {href}
-    class="{getClasses(type)}  {userClass}"
-    on:click={onSelect}
+    class="{getClasses(type)} {userClass}"
     {...attributes}
+    on:click|stopPropagation={onSelect}
   >
     <span class={getSubClasses(type, 'label')}>
       {label}
@@ -71,7 +73,7 @@
 {#if type === 'selectable'}
   <span
     class="{getClasses(type)}  {userClass}"
-    on:click={onSelect}
+    on:click|stopPropagation={onSelect}
     {...attributes}
   >
     <input
@@ -94,7 +96,10 @@
     <span class={getSubClasses(type, 'label')}>
       {label}
     </span>
-    <button class={getSubClasses(type, 'remove')} on:click={onRemoved}>
+    <button
+      class={getSubClasses(type, 'remove')}
+      on:click|stopPropagation={onRemoved}
+    >
       <span class={getSubClasses(type, 'remove-text')}> {label} </span>
     </button>
   </span>

package/public/bricoman/components/tag/Tag.svelte CHANGED Viewed

@@ -14,6 +14,7 @@
   export let id: string;
   export let href: string;
   export let name: string;
+  export let value: string | undefined;
   export let selected = false;
   const forwardEvents = createEventForwarder(get_current_component());
@@ -48,7 +49,7 @@
   }
   function onRemoved(): void {
-    eventHandler.dispatch('tag-removed', { id, label });
+    eventHandler.dispatch('tag-removed', { id, label, value });
   }
 </script>
@@ -60,12 +61,7 @@
   </span>
 {/if}
 {#if type === 'link'}
-  <a
-    {href}
-    class="{getClasses(type)}  {userClass}"
-    on:click={onSelect}
-    {...attributes}
-  >
+  <a {href} class="{getClasses(type)}  {userClass}" {...attributes}>
     <span class={getSubClasses(type, 'label')}>
       {label}
     </span>
@@ -74,7 +70,7 @@
 {#if type === 'selectable'}
   <span
     class="{getClasses(type)}  {userClass}"
-    on:click={onSelect}
+    on:click|preventDefault={onSelect}
     {...attributes}
   >
     <input
@@ -82,7 +78,7 @@
       class={getSubClasses(type, 'input')}
       type="checkbox"
       {name}
-      checked={isSelected}
+      bind:checked={isSelected}
       {id}
       {disabled}
     />
@@ -98,7 +94,10 @@
     <span class={getSubClasses(type, 'label')}>
       {label}
     </span>
-    <button class={getSubClasses(type, 'remove')} on:click={onRemoved}>
+    <button
+      class={getSubClasses(type, 'remove')}
+      on:click|preventDefault={onRemoved}
+    >
       <span class={getSubClasses(type, 'remove-text')}> {label} </span>
     </button>
   </span>

package/public/bricoman/components/tag/tag.types.d.ts CHANGED Viewed

@@ -1,3 +1,9 @@
 export type TagSize = 's' | 'm';
 export type TagType = 'text' | 'link' | 'selectable' | 'removable';
+export interface TagElem {
+    id: string;
+    label: string;
+    size: string;
+    type: string;
+}
 //# sourceMappingURL=tag.types.d.ts.map

package/public/bricoman/components/tag/tag.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/tag.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;AAChC,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,CAAC"}
1	+ {"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/tag.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;AAChC,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,CAAC;AAEnE,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd"}

package/public/bricoman/components/taglist/TagList.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{S as e,i as t,a as s,b as l,f as a,s as n,e as r,d as i,n as o,g as c,j as d,C as h,E as m,D as u,o as $,J as g,p,c as b,q as f,K as w,M as x,x as y,A as v,G as j}from"../../index-17a01ab4.js";import{E as k}from"../../EventHandler-316af043.js";import E from"../tag/Tag.nested.js";function C(e,t,s){const l=e.slice();return l[14]=t[s],l[16]=s,l}function R(e){let t,s,a;return s=new E({props:{id:e[14].id,label:e[14].label,size:"s",type:"removable",dark:!1,disabled:!1,selected:!1}}),s.$on("tag-removed",(function(){return e[11](e[14])})),{c(){t=r("div"),y(s.$$.fragment),c(t,"class","tag-selected")},m(e,n){l(e,t,n),v(s,t,null),a=!0},p(t,l){e=t;const a={};32&l&&(a.id=e[14].id),32&l&&(a.label=e[14].label),s.$set(a)},i(e){a\|\|(h(s.$$.fragment,e),a=!0)},o(e){u(s.$$.fragment,e),a=!1},d(e){e&&$(t),j(s)}}}function S(e){let t,s,a=(e[16]<e[0]\|\|e[4])&&R(e);return{c(){a&&a.c(),t=w()},m(e,n){a&&a.m(e,n),l(e,t,n),s=!0},p(e,s){e[16]<e[0]\|\|e[4]?a?(a.p(e,s),17&s&&h(a,1)):(a=R(e),a.c(),h(a,1),a.m(t.parentNode,t)):a&&(x(),u(a,1,1,(()=>{a=null})),m())},i(e){s\|\|(h(a),s=!0)},o(e){u(a),s=!1},d(e){a&&a.d(e),e&&$(t)}}}function z(e){let t,s,a;return s=new E({props:{id:"id-tag",label:e[4]&&!e[3]?e[2]:e[1],size:"s",type:"link",class:"mc-taglist__showhide",dark:!1,disabled:!1,name:""}}),s.$on("tag-selected",e[7]),{c(){t=r("div"),y(s.$$.fragment),c(t,"class","tag-selected")},m(e,n){l(e,t,n),v(s,t,null),a=!0},p(e,t){const l={};30&t&&(l.label=e[4]&&!e[3]?e[2]:e[1]),s.$set(l)},i(e){a\|\|(h(s.$$.fragment,e),a=!0)},o(e){u(s.$$.fragment,e),a=!1},d(e){e&&$(t),j(s)}}}function A(e){let t,s,a,n=e[5],p=[];for(let t=0;t<n.length;t+=1)p[t]=S(C(e,n,t));const b=e=>u(p[e],1,1,(()=>{p[e]=null}));let f=e[0]&&e[5].length>e[0]&&z(e);return{c(){t=r("div");for(let e=0;e<p.length;e+=1)p[e].c();s=i(),f&&f.c(),this.c=o,c(t,"class","mc-taglist")},m(e,n){l(e,t,n);for(let e=0;e<p.length;e+=1)p[e]&&p[e].m(t,null);d(t,s),f&&f.m(t,null),a=!0},p(e,[l]){if(113&l){let a;for(n=e[5],a=0;a<n.length;a+=1){const r=C(e,n,a);p[a]?(p[a].p(r,l),h(p[a],1)):(p[a]=S(r),p[a].c(),h(p[a],1),p[a].m(t,s))}for(x(),a=n.length;a<p.length;a+=1)b(a);m()}e[0]&&e[5].length>e[0]?f?(f.p(e,l),33&l&&h(f,1)):(f=z(e),f.c(),h(f,1),f.m(t,null)):f&&(x(),u(f,1,1,(()=>{f=null})),m())},i(e){if(!a){for(let e=0;e<n.length;e+=1)h(p[e]);h(f),a=!0}},o(e){p=p.filter(Boolean);for(let e=0;e<p.length;e+=1)u(p[e]);u(f),a=!1},d(e){e&&$(t),g(p,e),f&&f.d()}}}function J(e,t,s){let l,a,n;const r=["items","max","showlabel","reducelabel","showall","stateless"];let i=p(t,r),{items:o}=t,{max:c=10}=t,{showlabel:d="Show all"}=t,{reducelabel:h="Reduce"}=t,{showall:m=!1}=t,{stateless:u=!1}=t,$=new k;function g(e){$.dispatch("tag-removed",e)}return e.$$set=e=>{t=b(b({},t),f(e)),s(13,i=p(t,r)),"items"in e&&s(8,o=e.items),"max"in e&&s(0,c=e.max),"showlabel"in e&&s(1,d=e.showlabel),"reducelabel"in e&&s(2,h=e.reducelabel),"showall"in e&&s(9,m=e.showall),"stateless"in e&&s(3,u=e.stateless)},e.$$.update=()=>{256&e.$$.dirty&&s(5,l=o?JSON.parse(o):[]),512&e.$$.dirty&&s(4,a=!!m),s(10,n=Object.assign({},i)),1024&e.$$.dirty&&delete n.class},[c,d,h,u,a,l,g,function(){u?$.dispatch(a?"reduce":"show-all",l):s(4,a=!a)},o,m,n,e=>g(e)]}class N extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-taglist{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},J,A,n,{items:8,max:0,showlabel:1,reducelabel:2,showall:9,stateless:3},null),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["items","max","showlabel","reducelabel","showall","stateless"]}get items(){return this.$$.ctx[8]}set items(e){this.$$set({items:e}),a()}get max(){return this.$$.ctx[0]}set max(e){this.$$set({max:e}),a()}get showlabel(){return this.$$.ctx[1]}set showlabel(e){this.$$set({showlabel:e}),a()}get reducelabel(){return this.$$.ctx[2]}set reducelabel(e){this.$$set({reducelabel:e}),a()}get showall(){return this.$$.ctx[9]}set showall(e){this.$$set({showall:e}),a()}get stateless(){return this.$$.ctx[3]}set stateless(e){this.$$set({stateless:e}),a()}}export{N as default};
2	+ //# sourceMappingURL=TagList.js.map

package/public/bricoman/components/taglist/TagList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TagList.js","sources":["../../../../src/components/taglist/TagList.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n import Tag from '../tag/Tag.nested.svelte';\n import type { TagElem } from '../tag/tag.types';\n export let items: string;\n export let max = 10;\n export let showlabel = 'Show all';\n export let reducelabel = 'Reduce';\n export let showall = false;\n export let stateless = false;\n\n $: parsedItems = items ? (JSON.parse(items) as TagElem[]) : [];\n $: showAll = showall ? true : false;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler();\n\n function onRemoved(item: any): void {\n eventHandler.dispatch('tag-removed', item);\n }\n\n function onExtend(): void {\n if (stateless)\n eventHandler.dispatch(showAll ? 'reduce' : 'show-all', parsedItems);\n else showAll = !showAll;\n }\n</script>\n\n<div class=\"mc-taglist\">\n {#each parsedItems as item, index}\n {#if index < max || showAll}\n <div class=\"tag-selected\">\n <Tag\n id={item.id}\n label={item.label}\n size={'s'}\n type=\"removable\"\n dark={false}\n disabled={false}\n selected={false}\n on:tag-removed={() => onRemoved(item)}\n />\n </div>\n {/if}\n {/each}\n {#if max && parsedItems.length > max}\n <div class=\"tag-selected\">\n <Tag\n id=\"id-tag\"\n label={showAll && !stateless ? reducelabel : showlabel}\n size=\"s\"\n type=\"link\"\n class=\"mc-taglist__showhide\"\n dark={false}\n disabled={false}\n name=\"\"\n on:tag-selected={onExtend}\n />\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n .mc-taglist {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n gap: $mu100;\n\n &__showhide {\n cursor: pointer;\n }\n }\n</style>\n"],"names":["id","ctx","label","insert","target","div","anchor","dirty","tag_changes","create_if_block_1","length","i","if_block","create_if_block","each_blocks","items","$$props","max","showlabel","reducelabel","showall","stateless","eventHandler","EventHandler","onRemoved","item","dispatch","$$invalidate","parsedItems","JSON","parse","showAll","attributes","Object","assign","$$restProps","class"],"mappings":"8YAoCcA,GAAAC,MAAKD,GACFE,MAAAD,MAAKC,WACN,2BAEA,YACI,YACA,iIARdC,EAWKC,EAAAC,EAAAC,2CATG,GAAAC,IAAAC,EAAAR,GAAAC,MAAKD,IACF,GAAAO,IAAAC,EAAAN,MAAAD,MAAKC,gIAJbD,EAAK,IAAGA,EAAG,IAAIA,EAAO,KAAAQ,EAAAR,uEAAtBA,EAAK,IAAGA,EAAG,IAAIA,EAAO,sOAmBhBC,MAAAD,OAAYA,EAAS,GAAGA,EAAW,GAAGA,EAAS,2DAIhD,YACI,kCAEOA,EAAQ,yEAV7BE,EAYKC,EAAAC,EAAAC,uCATM,GAAAC,IAAAC,EAAAN,MAAAD,OAAYA,EAAS,GAAGA,EAAW,GAAGA,EAAS,8HApBrDA,EAAW,wBAAhBS,OAAIC,GAAA,4DAgBD,IAAAC,EAAAX,EAAO,IAAAA,EAAY,GAAAS,OAAST,EAAG,IAAAY,EAAAZ,wHAjBtCE,EAgCKC,EAAAC,EAAAC,+GA/BIL,EAAW,WAAhBS,OAAIC,GAAA,EAAA,sGAAJD,OAAIC,EAAAG,EAAAJ,OAAAC,GAAA,WAgBDV,EAAO,IAAAA,EAAY,GAAAS,OAAST,EAAG,iIAhBlCS,OAAIC,GAAA,qPA1BKI,GAAaC,GACbC,IAAAA,EAAM,IAAED,GACRE,UAAAA,EAAY,YAAUF,GACtBG,YAAAA,EAAc,UAAQH,GACtBI,QAAAA,GAAU,GAAKJ,GACfK,UAAAA,GAAY,GAAKL,EAOxBM,MAAmBC,EAEd,SAAAC,EAAUC,GACjBH,EAAaI,SAAS,cAAeD,6RARtCE,EAAA,EAAEC,EAAcb,EAASc,KAAKC,MAAMf,GAAK,wBACvCgB,IAAUX,QACVY,EAALC,OAAAC,UAAuBC,4BACXH,EAAWI,iCASff,EACFC,EAAaI,SAASK,EAAU,SAAW,WAAYH,GACpDD,EAAA,EAAAI,GAAWA,UAgBYN,GAAAD,EAAUC"}

package/public/bricoman/components/taglist/TagList.svelte ADDED Viewed

@@ -0,0 +1,78 @@
+<svelte:options tag={null} />
+<script lang="ts">
+  import { EventHandler } from '../../utilities/EventHandler';
+  import Tag from '../tag/Tag.nested.svelte';
+  import type { TagElem } from '../tag/tag.types';
+  export let items: string;
+  export let max = 10;
+  export let showlabel = 'Show all';
+  export let reducelabel = 'Reduce';
+  export let showall = false;
+  export let stateless = false;
+  $: parsedItems = items ? (JSON.parse(items) as TagElem[]) : [];
+  $: showAll = showall ? true : false;
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+  let eventHandler = new EventHandler();
+  function onRemoved(item: any): void {
+    eventHandler.dispatch('tag-removed', item);
+  }
+  function onExtend(): void {
+    if (stateless)
+      eventHandler.dispatch(showAll ? 'reduce' : 'show-all', parsedItems);
+    else showAll = !showAll;
+  }
+</script>
+<div class="mc-taglist">
+  {#each parsedItems as item, index}
+    {#if index < max || showAll}
+      <div class="tag-selected">
+        <Tag
+          id={item.id}
+          label={item.label}
+          size={'s'}
+          type="removable"
+          dark={false}
+          disabled={false}
+          selected={false}
+          on:tag-removed={() => onRemoved(item)}
+        />
+      </div>
+    {/if}
+  {/each}
+  {#if max && parsedItems.length > max}
+    <div class="tag-selected">
+      <Tag
+        id="id-tag"
+        label={showAll && !stateless ? reducelabel : showlabel}
+        size="s"
+        type="link"
+        class="mc-taglist__showhide"
+        dark={false}
+        disabled={false}
+        name=""
+        on:tag-selected={onExtend}
+      />
+    </div>
+  {/if}
+</div>
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  .mc-taglist {
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: $mu100;
+    &__showhide {
+      cursor: pointer;
+    }
+  }
+</style>

package/public/bricoman/components/textarea/Textarea.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a,b as i,f as n,s,c as r,e as l,n as o,h as d,U as c,B as m,l as h,m as p,o as b,H as g,p as u,r as x,q as f}from"../../index-c33b3772.js";import{c as $}from"../../EventForward-3dbb2f25.js";function v(e){let t,a,n,s,u=[{class:a=w(e[4],e[5])+" "+e[10]},{"aria-invalid":e[5]},{name:e[1]},{id:e[1]},{placeholder:e[2]},{rows:e[3]},{disabled:e[6]},{minlength:e[7]},{maxlength:e[8]},{spellcheck:"false"},e[9]],x={};for(let e=0;e<u.length;e+=1)x=r(x,u[e]);return{c(){t=l("textarea"),this.c=o,d(t,x)},m(a,r){i(a,t,r),t.autofocus&&t.focus(),c(t,e[0]),n||(s=[m(e[11].call(null,t)),h(t,"input",e[12])],n=!0)},p(e,[i]){d(t,x=p(u,[1072&i&&a!==(a=w(e[4],e[5])+" "+e[10])&&{class:a},32&i&&{"aria-invalid":e[5]},2&i&&{name:e[1]},2&i&&{id:e[1]},4&i&&{placeholder:e[2]},8&i&&{rows:e[3]},64&i&&{disabled:e[6]},128&i&&{minlength:e[7]},256&i&&{maxlength:e[8]},{spellcheck:"false"},512&i&&e[9]])),1&i&&c(t,e[0])},i:o,o:o,d(e){e&&b(t),n=!1,g(s)}}}function w(e,t){const a=["mc-textarea"];return e&&a.push("is-valid"),t&&a.push("is-invalid"),a.join(" ")}function _(e,t,a){let i,n;const s=["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"];let l=u(t,s),{name:o}=t,{value:d}=t,{placeholder:c}=t,{rows:m=3}=t,{isvalid:h}=t,{isinvalid:p}=t,{disabled:b=!1}=t,{minlength:g}=t,{maxlength:v}=t;const w=$(x());return e.$$set=e=>{a(14,t=r(r({},t),f(e))),a(13,l=u(t,s)),"name"in e&&a(1,o=e.name),"value"in e&&a(0,d=e.value),"placeholder"in e&&a(2,c=e.placeholder),"rows"in e&&a(3,m=e.rows),"isvalid"in e&&a(4,h=e.isvalid),"isinvalid"in e&&a(5,p=e.isinvalid),"disabled"in e&&a(6,b=e.disabled),"minlength"in e&&a(7,g=e.minlength),"maxlength"in e&&a(8,v=e.maxlength)},e.$$.update=()=>{a(10,i=t.class),a(9,n=Object.assign({},l)),512&e.$$.dirty&&delete n.class},t=f(t),[d,o,c,m,h,p,b,g,v,n,i,w,function(){d=this.value,a(0,d)}]}class k extends e{constructor(e){super();const r=document.createElement("style");r.textContent='@charset "UTF-8";.mc-textarea{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #808080;background:#ffffff;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;padding:calc(0.75rem - 0.125em - 1px) 0.75rem calc(0.75rem + 0.125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea.is-hover,.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea.is-focus,.mc-textarea:focus{-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}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::-webkit-input-placeholder{color:#808080}.mc-textarea::-moz-placeholder{color:#808080}.mc-textarea:-ms-input-placeholder{color:#808080}.mc-textarea::-ms-input-placeholder{color:#808080}.mc-textarea::placeholder{color:#808080}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},_,v,s,{name:1,value:0,placeholder:2,rows:3,isvalid:4,isinvalid:5,disabled:6,minlength:7,maxlength:8},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),n()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),n()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),n()}get rows(){return this.$$.ctx[3]}set rows(e){this.$$set({rows:e}),n()}get isvalid(){return this.$$.ctx[4]}set isvalid(e){this.$$set({isvalid:e}),n()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(e){this.$$set({isinvalid:e}),n()}get disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),n()}get minlength(){return this.$$.ctx[7]}set minlength(e){this.$$set({minlength:e}),n()}get maxlength(){return this.$$.ctx[8]}set maxlength(e){this.$$set({maxlength:e}),n()}}export{k as default};
+import{S as e,i as t,a,b as i,f as n,s,c as r,e as l,n as o,h as d,U as c,B as m,l as h,m as p,o as b,H as g,p as u,r as x,q as f}from"../../index-17a01ab4.js";import{c as $}from"../../EventForward-c82e97d9.js";function v(e){let t,a,n,s,u=[{class:a=w(e[4],e[5])+" "+e[10]},{"aria-invalid":e[5]},{name:e[1]},{id:e[1]},{placeholder:e[2]},{rows:e[3]},{disabled:e[6]},{minlength:e[7]},{maxlength:e[8]},{spellcheck:"false"},e[9]],x={};for(let e=0;e<u.length;e+=1)x=r(x,u[e]);return{c(){t=l("textarea"),this.c=o,d(t,x)},m(a,r){i(a,t,r),t.autofocus&&t.focus(),c(t,e[0]),n||(s=[m(e[11].call(null,t)),h(t,"input",e[12])],n=!0)},p(e,[i]){d(t,x=p(u,[1072&i&&a!==(a=w(e[4],e[5])+" "+e[10])&&{class:a},32&i&&{"aria-invalid":e[5]},2&i&&{name:e[1]},2&i&&{id:e[1]},4&i&&{placeholder:e[2]},8&i&&{rows:e[3]},64&i&&{disabled:e[6]},128&i&&{minlength:e[7]},256&i&&{maxlength:e[8]},{spellcheck:"false"},512&i&&e[9]])),1&i&&c(t,e[0])},i:o,o:o,d(e){e&&b(t),n=!1,g(s)}}}function w(e,t){const a=["mc-textarea"];return e&&a.push("is-valid"),t&&a.push("is-invalid"),a.join(" ")}function _(e,t,a){let i,n;const s=["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"];let l=u(t,s),{name:o}=t,{value:d}=t,{placeholder:c}=t,{rows:m=3}=t,{isvalid:h}=t,{isinvalid:p}=t,{disabled:b=!1}=t,{minlength:g}=t,{maxlength:v}=t;const w=$(x());return e.$$set=e=>{a(14,t=r(r({},t),f(e))),a(13,l=u(t,s)),"name"in e&&a(1,o=e.name),"value"in e&&a(0,d=e.value),"placeholder"in e&&a(2,c=e.placeholder),"rows"in e&&a(3,m=e.rows),"isvalid"in e&&a(4,h=e.isvalid),"isinvalid"in e&&a(5,p=e.isinvalid),"disabled"in e&&a(6,b=e.disabled),"minlength"in e&&a(7,g=e.minlength),"maxlength"in e&&a(8,v=e.maxlength)},e.$$.update=()=>{a(10,i=t.class),a(9,n=Object.assign({},l)),512&e.$$.dirty&&delete n.class},t=f(t),[d,o,c,m,h,p,b,g,v,n,i,w,function(){d=this.value,a(0,d)}]}class k extends e{constructor(e){super();const r=document.createElement("style");r.textContent='@charset "UTF-8";.mc-textarea{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #808080;background:#ffffff;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;padding:calc(0.75rem - 0.125em - 1px) 0.75rem calc(0.75rem + 0.125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea.is-hover,.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea.is-focus,.mc-textarea:focus{-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}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::-webkit-input-placeholder{color:#808080}.mc-textarea::-moz-placeholder{color:#808080}.mc-textarea:-ms-input-placeholder{color:#808080}.mc-textarea::-ms-input-placeholder{color:#808080}.mc-textarea::placeholder{color:#808080}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},_,v,s,{name:1,value:0,placeholder:2,rows:3,isvalid:4,isinvalid:5,disabled:6,minlength:7,maxlength:8},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),n()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),n()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),n()}get rows(){return this.$$.ctx[3]}set rows(e){this.$$set({rows:e}),n()}get isvalid(){return this.$$.ctx[4]}set isvalid(e){this.$$set({isvalid:e}),n()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(e){this.$$set({isinvalid:e}),n()}get disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),n()}get minlength(){return this.$$.ctx[7]}set minlength(e){this.$$set({minlength:e}),n()}get maxlength(){return this.$$.ctx[8]}set maxlength(e){this.$$set({maxlength:e}),n()}}export{k as default};
 //# sourceMappingURL=Textarea.js.map