npm - @mozaic-ds/web-components - Versions diffs - 0.17.0 → 0.18.0-beta.0 - Mend

@mozaic-ds/web-components 0.17.0 → 0.18.0-beta.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 (560) hide show

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

@@ -1,2 +1,2 @@
-import{E as e,i as t,s,F as o,d as m,P as a,b as i,n,o as r,p as l,q as b,r as d,c as w,u as v,e as x,t as p,g as h,T as c,h as f,v as g,j,k as q,m as k,l as u,N as y}from"../../index-9ffad6d0.js";import{E as _}from"../../EventHandler-f7ee47ca.js";function z(e){o(e,"svelte-1jqmn1m",'.mc-tag-text.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:hover{background:#e6e6e6}.mc-tag-link.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:active{background:#cccccc}.mc-tag-link.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m: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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:hover{background:#333333}.mc-tag-link--dark.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:active{background:#4d4d4d}.mc-tag-selectable.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{display:inline-block;white-space:nowrap}.mc-tag-selectable__input.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:hover{background:#8792ed}.svelte-1jqmn1m:checked+.mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{background:#373de7;-webkit-box-shadow:inset 0 0 0 1px #373de7;box-shadow:inset 0 0 0 1px #373de7;color:#ffffff}.svelte-1jqmn1m:checked+.mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m: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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:active{background:#130f7b;-webkit-box-shadow:inset 0 0 0 1px #130f7b;box-shadow:inset 0 0 0 1px #130f7b;color:#ffffff}.svelte-1jqmn1m:focus+.mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m:disabled+.mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{cursor:not-allowed;background:#e6e6e6;color:#808080}.mc-tag-selectable--dark.svelte-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{background:#191919;color:#ffffff;cursor:pointer}.mc-tag-selectable--dark.svelte-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m:hover{background:#161cb6}.mc-tag-selectable--dark.svelte-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m: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-1jqmn1m .svelte-1jqmn1m:checked+.mc-tag-selectable__pill.svelte-1jqmn1m{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-1jqmn1m .svelte-1jqmn1m:checked+.mc-tag-selectable__pill.svelte-1jqmn1m:hover{background:#8792ed}.mc-tag-selectable--dark.svelte-1jqmn1m .svelte-1jqmn1m:disabled+.mc-tag-selectable__pill.svelte-1jqmn1m{cursor:not-allowed;background:#4d4d4d;color:#808080}.mc-tag-selectable--s.svelte-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}.mc-tag-removable--dark.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{background-color:#cccccc;color:#191919}.mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E");position:relative;background-color:#333333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:hover{background-color:#4d4d4d}.mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m: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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:active{background-color:#666666}.mc-tag-removable--dark.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23191919\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E");background-color:#cccccc}.mc-tag-removable--dark.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m:hover{background-color:#b3b3b3}.mc-tag-removable--dark.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m:active{background-color:#999999}.mc-tag-list.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{margin:0 1rem 1rem 0}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-m.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-m.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-m.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-l.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-l.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-l.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xl.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xl.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xl.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xxl.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xxl.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}')}function L(e){let t,s,o,m,a,n=[{class:a=e[10](e[2],e[1])+" "+e[9]},e[7]],l={};for(let e=0;e<n.length;e+=1)l=w(l,n[e]);return{c(){t=x("span"),s=x("span"),o=p(e[0]),h(s,"class",m=c(A(e[2],"label"))+" svelte-1jqmn1m"),f(t,l),g(t,"svelte-1jqmn1m",!0)},m(e,m){i(e,t,m),j(t,s),j(s,o)},p(e,i){1&i&&q(o,e[0]),4&i&&m!==(m=c(A(e[2],"label"))+" svelte-1jqmn1m")&&h(s,"class",m),f(t,l=k(n,[518&i&&a!==(a=e[10](e[2],e[1])+" "+e[9])&&{class:a},128&i&&e[7]])),g(t,"svelte-1jqmn1m",!0)},d(e){e&&r(t)}}}function M(e){let t,s,o,m,a,n,l,b=[{href:e[5]},{class:a=e[10](e[2],e[1])+" "+e[9]},e[7]],d={};for(let e=0;e<b.length;e+=1)d=w(d,b[e]);return{c(){t=x("a"),s=x("span"),o=p(e[0]),h(s,"class",m=c(A(e[2],"label"))+" svelte-1jqmn1m"),f(t,d),g(t,"svelte-1jqmn1m",!0)},m(m,a){i(m,t,a),j(t,s),j(s,o),n||(l=u(t,"click",y(e[11])),n=!0)},p(e,i){1&i&&q(o,e[0]),4&i&&m!==(m=c(A(e[2],"label"))+" svelte-1jqmn1m")&&h(s,"class",m),f(t,d=k(b,[32&i&&{href:e[5]},518&i&&a!==(a=e[10](e[2],e[1])+" "+e[9])&&{class:a},128&i&&e[7]])),g(t,"svelte-1jqmn1m",!0)},d(e){e&&r(t),n=!1,l()}}}function E(e){let t,s,o,a,n,l,b,d,v,_,z,L,M=[{class:_=e[10](e[2],e[1])+" "+e[9]},e[7]],E={};for(let e=0;e<M.length;e+=1)E=w(E,M[e]);return{c(){t=x("span"),s=x("input"),a=m(),n=x("label"),l=x("span"),b=p(e[0]),h(s,"class",o=c(A(e[2],"input"))+" svelte-1jqmn1m"),h(s,"type","checkbox"),h(s,"name",e[6]),s.checked=e[8],h(s,"id",e[4]),s.disabled=e[3],h(l,"class",d=c(A(e[2],"label"))+" svelte-1jqmn1m"),h(n,"class",v=c(A(e[2],"pill"))+" svelte-1jqmn1m"),h(n,"for",e[4]),f(t,E),g(t,"svelte-1jqmn1m",!0)},m(o,m){i(o,t,m),j(t,s),j(t,a),j(t,n),j(n,l),j(l,b),z||(L=u(t,"click",y(e[11])),z=!0)},p(e,m){4&m&&o!==(o=c(A(e[2],"input"))+" svelte-1jqmn1m")&&h(s,"class",o),64&m&&h(s,"name",e[6]),256&m&&(s.checked=e[8]),16&m&&h(s,"id",e[4]),8&m&&(s.disabled=e[3]),1&m&&q(b,e[0]),4&m&&d!==(d=c(A(e[2],"label"))+" svelte-1jqmn1m")&&h(l,"class",d),4&m&&v!==(v=c(A(e[2],"pill"))+" svelte-1jqmn1m")&&h(n,"class",v),16&m&&h(n,"for",e[4]),f(t,E=k(M,[518&m&&_!==(_=e[10](e[2],e[1])+" "+e[9])&&{class:_},128&m&&e[7]])),g(t,"svelte-1jqmn1m",!0)},d(e){e&&r(t),z=!1,L()}}}function C(e){let t,s,o,a,n,l,b,d,v,_,z,L,M,E=[{class:z=e[10](e[2],e[1])+" "+e[9]},e[7]],C={};for(let e=0;e<E.length;e+=1)C=w(C,E[e]);return{c(){t=x("span"),s=x("span"),o=p(e[0]),n=m(),l=x("button"),b=x("span"),d=p(e[0]),h(s,"class",a=c(A(e[2],"label"))+" svelte-1jqmn1m"),h(b,"class",v=c(A(e[2],"remove-text"))+" svelte-1jqmn1m"),h(l,"class",_=c(A(e[2],"remove"))+" svelte-1jqmn1m"),f(t,C),g(t,"svelte-1jqmn1m",!0)},m(m,a){i(m,t,a),j(t,s),j(s,o),j(t,n),j(t,l),j(l,b),j(b,d),L||(M=u(l,"click",y(e[12])),L=!0)},p(e,m){1&m&&q(o,e[0]),4&m&&a!==(a=c(A(e[2],"label"))+" svelte-1jqmn1m")&&h(s,"class",a),1&m&&q(d,e[0]),4&m&&v!==(v=c(A(e[2],"remove-text"))+" svelte-1jqmn1m")&&h(b,"class",v),4&m&&_!==(_=c(A(e[2],"remove"))+" svelte-1jqmn1m")&&h(l,"class",_),f(t,C=k(E,[518&m&&z!==(z=e[10](e[2],e[1])+" "+e[9])&&{class:z},128&m&&e[7]])),g(t,"svelte-1jqmn1m",!0)},d(e){e&&r(t),L=!1,M()}}}function $(e){let t,s,o,l,b="text"===e[2]&&L(e),d="link"===e[2]&&M(e),w="selectable"===e[2]&&E(e),v="removable"===e[2]&&C(e);return{c(){b&&b.c(),t=m(),d&&d.c(),s=m(),w&&w.c(),o=m(),v&&v.c(),l=a()},m(e,m){b&&b.m(e,m),i(e,t,m),d&&d.m(e,m),i(e,s,m),w&&w.m(e,m),i(e,o,m),v&&v.m(e,m),i(e,l,m)},p(e,[m]){"text"===e[2]?b?b.p(e,m):(b=L(e),b.c(),b.m(t.parentNode,t)):b&&(b.d(1),b=null),"link"===e[2]?d?d.p(e,m):(d=M(e),d.c(),d.m(s.parentNode,s)):d&&(d.d(1),d=null),"selectable"===e[2]?w?w.p(e,m):(w=E(e),w.c(),w.m(o.parentNode,o)):w&&(w.d(1),w=null),"removable"===e[2]?v?v.p(e,m):(v=C(e),v.c(),v.m(l.parentNode,l)):v&&(v.d(1),v=null)},i:n,o:n,d(e){b&&b.d(e),e&&r(t),d&&d.d(e),e&&r(s),w&&w.d(e),e&&r(o),v&&v.d(e),e&&r(l)}}}function A(e,t){return`mc-tag-${e}__${t}`}function B(e,t,s){let o,m,a;const i=["label","size","dark","type","disabled","id","value","href","name","selected"];let n=l(t,i),{label:r}=t,{size:x="m"}=t,{dark:p}=t,{type:h="text"}=t,{disabled:c}=t,{id:f}=t,{value:g}=t,{href:j}=t,{name:q}=t,{selected:k=!1}=t,u=new _(b(),d());return e.$$set=e=>{s(18,t=w(w({},t),v(e))),s(17,n=l(t,i)),"label"in e&&s(0,r=e.label),"size"in e&&s(13,x=e.size),"dark"in e&&s(1,p=e.dark),"type"in e&&s(2,h=e.type),"disabled"in e&&s(3,c=e.disabled),"id"in e&&s(4,f=e.id),"value"in e&&s(14,g=e.value),"href"in e&&s(5,j=e.href),"name"in e&&s(6,q=e.name),"selected"in e&&s(15,k=e.selected)},e.$$.update=()=>{32768&e.$$.dirty&&s(8,o=!!k),s(9,m=t.class),s(7,a=Object.assign({},n)),128&e.$$.dirty&&delete a.class},t=v(t),[r,p,h,c,f,j,q,a,o,m,function(e,t){const s=[`mc-tag-${e}`];return x&&s.push(`mc-tag-${e}--${x}`),t&&s.push(`mc-tag-${e}--dark`),s.join(" ")},function(){s(8,o=!o),console.log(o),u.dispatch("tag-selected",o)},function(){u.dispatch("tag-removed",{id:f,label:r,value:g})},x,g,k]}class N extends e{constructor(e){super(),t(this,e,B,$,s,{label:0,size:13,dark:1,type:2,disabled:3,id:4,value:14,href:5,name:6,selected:15},z)}}export{N as default};
+import{G as e,i as t,s,H as o,d as m,R as a,b as i,n,q as r,r as l,v as b,w as d,c as w,x as v,e as x,t as p,h,V as c,j as f,k as g,l as j,o as q,p as k,m as u,P as y}from"../../index-d12e76e8.js";import{E as _}from"../../EventHandler-f7ee47ca.js";function z(e){o(e,"svelte-1jqmn1m",'.mc-tag-text.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:hover{background:#e6e6e6}.mc-tag-link.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:active{background:#cccccc}.mc-tag-link.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m: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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:hover{background:#333333}.mc-tag-link--dark.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:active{background:#4d4d4d}.mc-tag-selectable.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{display:inline-block;white-space:nowrap}.mc-tag-selectable__input.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:hover{background:#8792ed}.svelte-1jqmn1m:checked+.mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{background:#373de7;-webkit-box-shadow:inset 0 0 0 1px #373de7;box-shadow:inset 0 0 0 1px #373de7;color:#ffffff}.svelte-1jqmn1m:checked+.mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m: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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:active{background:#130f7b;-webkit-box-shadow:inset 0 0 0 1px #130f7b;box-shadow:inset 0 0 0 1px #130f7b;color:#ffffff}.svelte-1jqmn1m:focus+.mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m:disabled+.mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{cursor:not-allowed;background:#e6e6e6;color:#808080}.mc-tag-selectable--dark.svelte-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{background:#191919;color:#ffffff;cursor:pointer}.mc-tag-selectable--dark.svelte-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m:hover{background:#161cb6}.mc-tag-selectable--dark.svelte-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m: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-1jqmn1m .svelte-1jqmn1m:checked+.mc-tag-selectable__pill.svelte-1jqmn1m{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-1jqmn1m .svelte-1jqmn1m:checked+.mc-tag-selectable__pill.svelte-1jqmn1m:hover{background:#8792ed}.mc-tag-selectable--dark.svelte-1jqmn1m .svelte-1jqmn1m:disabled+.mc-tag-selectable__pill.svelte-1jqmn1m{cursor:not-allowed;background:#4d4d4d;color:#808080}.mc-tag-selectable--s.svelte-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}.mc-tag-removable--dark.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{background-color:#cccccc;color:#191919}.mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E");position:relative;background-color:#333333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:hover{background-color:#4d4d4d}.mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m: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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m:active{background-color:#666666}.mc-tag-removable--dark.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23191919\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E");background-color:#cccccc}.mc-tag-removable--dark.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m:hover{background-color:#b3b3b3}.mc-tag-removable--dark.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m:active{background-color:#999999}.mc-tag-list.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{margin:0 1rem 1rem 0}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-m.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-m.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-m.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-l.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-l.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-l.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xl.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xl.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xl.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m .mc-tag-selectable__pill.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.1875rem 0.25rem 0.1875rem 1rem}.mc-tag-removable--s\\@from-xxl.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:1.5rem;height:1.5rem;background-size:1rem}.mc-tag-removable--m\\@from-xxl.svelte-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m{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-1jqmn1m.svelte-1jqmn1m.svelte-1jqmn1m::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-1jqmn1m .mc-tag-removable__label.svelte-1jqmn1m.svelte-1jqmn1m{padding:0.6875rem 0.5rem 0.6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl.svelte-1jqmn1m .mc-tag-removable__remove.svelte-1jqmn1m.svelte-1jqmn1m{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1.5rem\' width=\'1.5rem\' fill=\'%23cccccc\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\'/%3E%3C/svg%3E")}}')}function L(e){let t,s,o,m,a,n=[{class:a=e[10](e[2],e[1])+" "+e[9]},e[7]],l={};for(let e=0;e<n.length;e+=1)l=w(l,n[e]);return{c(){t=x("span"),s=x("span"),o=p(e[0]),h(s,"class",m=c(A(e[2],"label"))+" svelte-1jqmn1m"),f(t,l),g(t,"svelte-1jqmn1m",!0)},m(e,m){i(e,t,m),j(t,s),j(s,o)},p(e,i){1&i&&q(o,e[0]),4&i&&m!==(m=c(A(e[2],"label"))+" svelte-1jqmn1m")&&h(s,"class",m),f(t,l=k(n,[518&i&&a!==(a=e[10](e[2],e[1])+" "+e[9])&&{class:a},128&i&&e[7]])),g(t,"svelte-1jqmn1m",!0)},d(e){e&&r(t)}}}function M(e){let t,s,o,m,a,n,l,b=[{href:e[5]},{class:a=e[10](e[2],e[1])+" "+e[9]},e[7]],d={};for(let e=0;e<b.length;e+=1)d=w(d,b[e]);return{c(){t=x("a"),s=x("span"),o=p(e[0]),h(s,"class",m=c(A(e[2],"label"))+" svelte-1jqmn1m"),f(t,d),g(t,"svelte-1jqmn1m",!0)},m(m,a){i(m,t,a),j(t,s),j(s,o),n||(l=u(t,"click",y(e[11])),n=!0)},p(e,i){1&i&&q(o,e[0]),4&i&&m!==(m=c(A(e[2],"label"))+" svelte-1jqmn1m")&&h(s,"class",m),f(t,d=k(b,[32&i&&{href:e[5]},518&i&&a!==(a=e[10](e[2],e[1])+" "+e[9])&&{class:a},128&i&&e[7]])),g(t,"svelte-1jqmn1m",!0)},d(e){e&&r(t),n=!1,l()}}}function E(e){let t,s,o,a,n,l,b,d,v,_,z,L,M=[{class:_=e[10](e[2],e[1])+" "+e[9]},e[7]],E={};for(let e=0;e<M.length;e+=1)E=w(E,M[e]);return{c(){t=x("span"),s=x("input"),a=m(),n=x("label"),l=x("span"),b=p(e[0]),h(s,"class",o=c(A(e[2],"input"))+" svelte-1jqmn1m"),h(s,"type","checkbox"),h(s,"name",e[6]),s.checked=e[8],h(s,"id",e[4]),s.disabled=e[3],h(l,"class",d=c(A(e[2],"label"))+" svelte-1jqmn1m"),h(n,"class",v=c(A(e[2],"pill"))+" svelte-1jqmn1m"),h(n,"for",e[4]),f(t,E),g(t,"svelte-1jqmn1m",!0)},m(o,m){i(o,t,m),j(t,s),j(t,a),j(t,n),j(n,l),j(l,b),z||(L=u(t,"click",y(e[11])),z=!0)},p(e,m){4&m&&o!==(o=c(A(e[2],"input"))+" svelte-1jqmn1m")&&h(s,"class",o),64&m&&h(s,"name",e[6]),256&m&&(s.checked=e[8]),16&m&&h(s,"id",e[4]),8&m&&(s.disabled=e[3]),1&m&&q(b,e[0]),4&m&&d!==(d=c(A(e[2],"label"))+" svelte-1jqmn1m")&&h(l,"class",d),4&m&&v!==(v=c(A(e[2],"pill"))+" svelte-1jqmn1m")&&h(n,"class",v),16&m&&h(n,"for",e[4]),f(t,E=k(M,[518&m&&_!==(_=e[10](e[2],e[1])+" "+e[9])&&{class:_},128&m&&e[7]])),g(t,"svelte-1jqmn1m",!0)},d(e){e&&r(t),z=!1,L()}}}function C(e){let t,s,o,a,n,l,b,d,v,_,z,L,M,E=[{class:z=e[10](e[2],e[1])+" "+e[9]},e[7]],C={};for(let e=0;e<E.length;e+=1)C=w(C,E[e]);return{c(){t=x("span"),s=x("span"),o=p(e[0]),n=m(),l=x("button"),b=x("span"),d=p(e[0]),h(s,"class",a=c(A(e[2],"label"))+" svelte-1jqmn1m"),h(b,"class",v=c(A(e[2],"remove-text"))+" svelte-1jqmn1m"),h(l,"class",_=c(A(e[2],"remove"))+" svelte-1jqmn1m"),f(t,C),g(t,"svelte-1jqmn1m",!0)},m(m,a){i(m,t,a),j(t,s),j(s,o),j(t,n),j(t,l),j(l,b),j(b,d),L||(M=u(l,"click",y(e[12])),L=!0)},p(e,m){1&m&&q(o,e[0]),4&m&&a!==(a=c(A(e[2],"label"))+" svelte-1jqmn1m")&&h(s,"class",a),1&m&&q(d,e[0]),4&m&&v!==(v=c(A(e[2],"remove-text"))+" svelte-1jqmn1m")&&h(b,"class",v),4&m&&_!==(_=c(A(e[2],"remove"))+" svelte-1jqmn1m")&&h(l,"class",_),f(t,C=k(E,[518&m&&z!==(z=e[10](e[2],e[1])+" "+e[9])&&{class:z},128&m&&e[7]])),g(t,"svelte-1jqmn1m",!0)},d(e){e&&r(t),L=!1,M()}}}function $(e){let t,s,o,l,b="text"===e[2]&&L(e),d="link"===e[2]&&M(e),w="selectable"===e[2]&&E(e),v="removable"===e[2]&&C(e);return{c(){b&&b.c(),t=m(),d&&d.c(),s=m(),w&&w.c(),o=m(),v&&v.c(),l=a()},m(e,m){b&&b.m(e,m),i(e,t,m),d&&d.m(e,m),i(e,s,m),w&&w.m(e,m),i(e,o,m),v&&v.m(e,m),i(e,l,m)},p(e,[m]){"text"===e[2]?b?b.p(e,m):(b=L(e),b.c(),b.m(t.parentNode,t)):b&&(b.d(1),b=null),"link"===e[2]?d?d.p(e,m):(d=M(e),d.c(),d.m(s.parentNode,s)):d&&(d.d(1),d=null),"selectable"===e[2]?w?w.p(e,m):(w=E(e),w.c(),w.m(o.parentNode,o)):w&&(w.d(1),w=null),"removable"===e[2]?v?v.p(e,m):(v=C(e),v.c(),v.m(l.parentNode,l)):v&&(v.d(1),v=null)},i:n,o:n,d(e){b&&b.d(e),e&&r(t),d&&d.d(e),e&&r(s),w&&w.d(e),e&&r(o),v&&v.d(e),e&&r(l)}}}function A(e,t){return`mc-tag-${e}__${t}`}function B(e,t,s){let o,m,a;const i=["label","size","dark","type","disabled","id","value","href","name","selected"];let n=l(t,i),{label:r}=t,{size:x="m"}=t,{dark:p}=t,{type:h="text"}=t,{disabled:c}=t,{id:f}=t,{value:g}=t,{href:j}=t,{name:q}=t,{selected:k=!1}=t,u=new _(b(),d());return e.$$set=e=>{s(18,t=w(w({},t),v(e))),s(17,n=l(t,i)),"label"in e&&s(0,r=e.label),"size"in e&&s(13,x=e.size),"dark"in e&&s(1,p=e.dark),"type"in e&&s(2,h=e.type),"disabled"in e&&s(3,c=e.disabled),"id"in e&&s(4,f=e.id),"value"in e&&s(14,g=e.value),"href"in e&&s(5,j=e.href),"name"in e&&s(6,q=e.name),"selected"in e&&s(15,k=e.selected)},e.$$.update=()=>{32768&e.$$.dirty&&s(8,o=!!k),s(9,m=t.class),s(7,a=Object.assign({},n)),128&e.$$.dirty&&delete a.class},t=v(t),[r,p,h,c,f,j,q,a,o,m,function(e,t){const s=[`mc-tag-${e}`];return x&&s.push(`mc-tag-${e}--${x}`),t&&s.push(`mc-tag-${e}--dark`),s.join(" ")},function(){s(8,o=!o),u.dispatch("tag-selected",o)},function(){u.dispatch("tag-removed",{id:f,label:r,value:g})},x,g,k]}class N extends e{constructor(e){super(),t(this,e,B,$,s,{label:0,size:13,dark:1,type:2,disabled:3,id:4,value:14,href:5,name:6,selected:15},z)}}export{N 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 import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\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 get_current_component(),\n createEventDispatcher(),\n );\n\n function getClasses(type: TagType, dark: boolean) {\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', {\n id,\n label,\n value,\n });\n }\n</script>\n\n{#if type === 'text'}\n <span class=\"{getClasses(type, dark)} {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, dark)} {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, dark)} {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, dark)} {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":["class","span1_class_value","ctx","getSubClasses","insert","target","span1","anchor","append","span0","dirty","a_class_value","a","span","input","label_1","span2_class_value","span2","button","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","get_current_component","createEventDispatcher","isSelected","$$invalidate","userClass","attributes","Object","assign","$$restProps","classes","push","join","~~console","log","~~dispatch"],"mappings":"~~kr0CAiEgBA~~,MAAAC,EAAAC,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,IAAOA,EAAU,wFAE7DA,EAAK,oBADKC,EAAcD,EAAI,GAAE,UAAO,2DAD1CE,EAIMC,EAAAC,EAAAC,GAHJC,EAEMF,EAAAG,2BADHP,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,8CAD5B,IAAAQ,GAAAT,KAAAA,EAAAC,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,KAAA,CAAAF,MAAAC,UAAOC,EAAU,+FASxDF,MAAAW,EAAAT,EAAW,IAAAA,EAAM,GAAAA,UAAQA,EAAS,IACtCA,EAAU,qFAIXA,EAAK,oBADKC,EAAcD,EAAI,GAAE,UAAO,2DAN1CE,EASGC,EAAAO,EAAAL,GAHDC,EAEMI,EAAAC,8BAJoBX,EAAQ,6BAG/BA,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,gEAJhC,IAAAQ,GAAAC,KAAAA,EAAAT,EAAW,IAAAA,EAAM,GAAAA,UAAQA,EAAS,KAAA,CAAAF,MAAAW,UACtCT,EAAU,sGAUNF,MAAAC,EAAAC,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,IAEvCA,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,EAAAQ,UACDN,EAIOF,EAAAS,GAHLP,EAEMO,EAAAN,8BAdkBP,EAAQ,kCAIzBC,EAAcD,EAAI,GAAE,UAAO,4EAGzBA,EAAU,yDAMhBA,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,iDAD5BC,EAAcD,EAAI,GAAE,SAAM,mDAAQA,EAAE,eAZ1C,IAAAQ,GAAAT,KAAAA,EAAAC,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,KAAA,CAAAF,MAAAC,UAEvCC,EAAU,wGAkBFF,MAAAgB,EAAAd,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,IAAOA,EAAU,wFAE7DA,EAAK,wCAM6CA,EAAK,oBAP7CC,EAAcD,EAAI,GAAE,UAAO,mCAOzBC,EAAcD,EAAI,GAAE,gBAAa,mCAHvCC,EAAcD,EAAI,GAAE,WAAQ,2DALvCE,EAUMC,EAAAY,EAAAV,GATJC,EAEMS,EAAAR,iBACND,EAKQS,EAAAC,GADNV,EAAgEU,EAAAZ,8BAFtCJ,EAAS,6BAJlCA,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,4CAOaA,EAAK,kBAA3CC,EAAcD,EAAI,GAAE,gBAAa,iDAHvCC,EAAcD,EAAI,GAAE,WAAQ,8CALzB,IAAAQ,GAAAM,KAAAA,EAAAd,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,KAAA,CAAAF,MAAAgB,UAAOd,EAAU,kFAzC/DiB,EAAS,SAATjB,MAAekB,EAAAlB,GAOfmB,EAAS,SAATnB,MAAeoB,EAAApB,GAYfqB,EAAS,eAATrB,MAAqBsB,EAAAtB,GAqBrBuB,EAAS,cAATvB,MAAoBwB,EAAAxB,gLAxCX,SAATA,sEAOS,SAATA,sEAYS,eAATA,sEAqBS,cAATA,~~uKA3DMC~~,EAAcwB,EAAeC,GACnB,MAAA,UAAAD,MAASC,4IApCjBC,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,EAAmB,IAAAC,EACrBC,IACAC,8XAPCC,IAAaL,GACbM,EAAA,EAAAC,EAAYf,EAAQ9B,WACpB8C,EAALC,OAAAC,UAAuBC,2BACXH,EAAW9C,4CAOD2B,EAAeK,GAC3B,MAAAkB,aAAqBvB,YAEvBI,GACFmB,EAAQC,KAAe,UAAAxB,MAASI,KAG9BC,GACFkB,EAAQC,KAAI,UAAWxB,WAGlBuB,EAAQE,KAAK,iBAQpBR,EAAA,EAAAD,GAAcA,~~GACdU~~,~~QAAQC~~,~~IAAIX,GACZJ,EAAagB,~~SAAS,~~eAAgBZ~~,eAItCJ,~~EAAagB~~,SAAS,~~eACpBrB~~,KACAL,QACAM"}
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 import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\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 get_current_component(),\n createEventDispatcher(),\n );\n\n function getClasses(type: TagType, dark: boolean) {\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', {\n id,\n label,\n value,\n });\n }\n</script>\n\n{#if type === 'text'}\n <span class=\"{getClasses(type, dark)} {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, dark)} {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, dark)} {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, dark)} {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":["class","span1_class_value","ctx","getSubClasses","insert","target","span1","anchor","append","span0","dirty","a_class_value","a","span","input","label_1","span2_class_value","span2","button","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","get_current_component","createEventDispatcher","isSelected","$$invalidate","userClass","attributes","Object","assign","$$restProps","classes","push","join","dispatch"],"mappings":"kr0CAgEgBA,MAAAC,EAAAC,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,IAAOA,EAAU,wFAE7DA,EAAK,oBADKC,EAAcD,EAAI,GAAE,UAAO,2DAD1CE,EAIMC,EAAAC,EAAAC,GAHJC,EAEMF,EAAAG,2BADHP,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,8CAD5B,IAAAQ,GAAAT,KAAAA,EAAAC,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,KAAA,CAAAF,MAAAC,UAAOC,EAAU,+FASxDF,MAAAW,EAAAT,EAAW,IAAAA,EAAM,GAAAA,UAAQA,EAAS,IACtCA,EAAU,qFAIXA,EAAK,oBADKC,EAAcD,EAAI,GAAE,UAAO,2DAN1CE,EASGC,EAAAO,EAAAL,GAHDC,EAEMI,EAAAC,8BAJoBX,EAAQ,6BAG/BA,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,gEAJhC,IAAAQ,GAAAC,KAAAA,EAAAT,EAAW,IAAAA,EAAM,GAAAA,UAAQA,EAAS,KAAA,CAAAF,MAAAW,UACtCT,EAAU,sGAUNF,MAAAC,EAAAC,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,IAEvCA,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,EAAAQ,UACDN,EAIOF,EAAAS,GAHLP,EAEMO,EAAAN,8BAdkBP,EAAQ,kCAIzBC,EAAcD,EAAI,GAAE,UAAO,4EAGzBA,EAAU,yDAMhBA,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,iDAD5BC,EAAcD,EAAI,GAAE,SAAM,mDAAQA,EAAE,eAZ1C,IAAAQ,GAAAT,KAAAA,EAAAC,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,KAAA,CAAAF,MAAAC,UAEvCC,EAAU,wGAkBFF,MAAAgB,EAAAd,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,IAAOA,EAAU,wFAE7DA,EAAK,wCAM6CA,EAAK,oBAP7CC,EAAcD,EAAI,GAAE,UAAO,mCAOzBC,EAAcD,EAAI,GAAE,gBAAa,mCAHvCC,EAAcD,EAAI,GAAE,WAAQ,2DALvCE,EAUMC,EAAAY,EAAAV,GATJC,EAEMS,EAAAR,iBACND,EAKQS,EAAAC,GADNV,EAAgEU,EAAAZ,8BAFtCJ,EAAS,6BAJlCA,EAAK,kBADKC,EAAcD,EAAI,GAAE,UAAO,4CAOaA,EAAK,kBAA3CC,EAAcD,EAAI,GAAE,gBAAa,iDAHvCC,EAAcD,EAAI,GAAE,WAAQ,8CALzB,IAAAQ,GAAAM,KAAAA,EAAAd,EAAW,IAAAA,EAAM,GAAAA,UAASA,EAAS,KAAA,CAAAF,MAAAgB,UAAOd,EAAU,kFAzC/DiB,EAAS,SAATjB,MAAekB,EAAAlB,GAOfmB,EAAS,SAATnB,MAAeoB,EAAApB,GAYfqB,EAAS,eAATrB,MAAqBsB,EAAAtB,GAqBrBuB,EAAS,cAATvB,MAAoBwB,EAAAxB,gLAxCX,SAATA,sEAOS,SAATA,sEAYS,eAATA,sEAqBS,cAATA,uKA1DMC,EAAcwB,EAAeC,GACnB,MAAA,UAAAD,MAASC,4IApCjBC,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,EAAmB,IAAAC,EACrBC,IACAC,8XAPCC,IAAaL,GACbM,EAAA,EAAAC,EAAYf,EAAQ9B,WACpB8C,EAALC,OAAAC,UAAuBC,2BACXH,EAAW9C,4CAOD2B,EAAeK,GAC3B,MAAAkB,aAAqBvB,YAEvBI,GACFmB,EAAQC,KAAe,UAAAxB,MAASI,KAG9BC,GACFkB,EAAQC,KAAI,UAAWxB,WAGlBuB,EAAQE,KAAK,iBAQpBR,EAAA,EAAAD,GAAcA,GACdJ,EAAac,SAAS,eAAgBV,eAItCJ,EAAac,SAAS,eACpBnB,KACAL,QACAM"}

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

@@ -49,7 +49,6 @@
   function onSelect(): void {
     isSelected = !isSelected;
-    console.log(isSelected);
     eventHandler.dispatch('tag-selected', isSelected);
   }

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

@@ -1,2 +1,2 @@
-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,y as h,x as m,w as u,o as $,O as g,p,q as f,r as b,c as w,u as x,P as y,z as v,B as j,C as k,D as E}from"../../index-9ffad6d0.js";import{E as z}from"../../EventHandler-f7ee47ca.js";import C from"../tag/Tag.nested.js";function O(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 C({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"),j(s.$$.fragment),c(t,"class","tag-selected")},m(e,n){l(e,t,n),k(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),E(s)}}}function S(e){let t,s,a=(e[16]<e[0]||e[4])&&R(e);return{c(){a&&a.c(),t=y()},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&&(v(),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 B(e){let t,s,a;return s=new C({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"),j(s.$$.fragment),c(t,"class","tag-selected")},m(e,n){l(e,t,n),k(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),E(s)}}}function N(e){let t,s,a,n=e[5],p=[];for(let t=0;t<n.length;t+=1)p[t]=S(O(e,n,t));const f=e=>u(p[e],1,1,(()=>{p[e]=null}));let b=e[0]&&e[5].length>e[0]&&B(e);return{c(){t=r("div");for(let e=0;e<p.length;e+=1)p[e].c();s=i(),b&&b.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),b&&b.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=O(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(v(),a=n.length;a<p.length;a+=1)f(a);m()}e[0]&&e[5].length>e[0]?b?(b.p(e,l),33&l&&h(b,1)):(b=B(e),b.c(),h(b,1),b.m(t,null)):b&&(v(),u(b,1,1,(()=>{b=null})),m())},i(e){if(!a){for(let e=0;e<n.length;e+=1)h(p[e]);h(b),a=!0}},o(e){p=p.filter(Boolean);for(let e=0;e<p.length;e+=1)u(p[e]);u(b),a=!1},d(e){e&&$(t),g(p,e),b&&b.d()}}}function _(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 z(f(),b());function g(e){$.dispatch("tag-removed",e)}return e.$$set=e=>{t=w(w({},t),x(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 q 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},_,N,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{q as default};
+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,h as c,l as d,A as h,z as m,y as u,q as $,Q as g,r as p,v as b,w as f,c as w,x,R as y,B as v,D as k,E,F as j}from"../../index-d12e76e8.js";import{E as R}from"../../EventHandler-f7ee47ca.js";import z from"../tag/Tag.nested.js";function S(e,t,s){const l=e.slice();return l[14]=t[s],l[16]=s,l}function A(e){let t,s,a;return s=new z({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"),k(s.$$.fragment),c(t,"class","tag-selected")},m(e,n){l(e,t,n),E(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 B(e){let t,s,a=(e[16]<e[0]||e[4])&&A(e);return{c(){a&&a.c(),t=y()},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=A(e),a.c(),h(a,1),a.m(t.parentNode,t)):a&&(v(),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 C(e){let t,s,a;return s=new z({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"),k(s.$$.fragment),c(t,"class","tag-selected")},m(e,n){l(e,t,n),E(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 N(e){let t,s,a,n=e[5],p=[];for(let t=0;t<n.length;t+=1)p[t]=B(S(e,n,t));const b=e=>u(p[e],1,1,(()=>{p[e]=null}));let f=e[0]&&e[5].length>e[0]&&C(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=S(e,n,a);p[a]?(p[a].p(r,l),h(p[a],1)):(p[a]=B(r),p[a].c(),h(p[a],1),p[a].m(t,s))}for(v(),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=C(e),f.c(),h(f,1),f.m(t,null)):f&&(v(),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 O(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 R(b(),f());function g(e){$.dispatch("tag-removed",e)}return e.$$set=e=>{t=w(w({},t),x(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 _ 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},O,N,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{_ as default};
 //# sourceMappingURL=TagList.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TagList.js","sources":["../../../../src/components/taglist/TagList.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\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 get_current_component(),\n createEventDispatcher(),\n );\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","get_current_component","createEventDispatcher","onRemoved","item","dispatch","$$invalidate","parsedItems","JSON","parse","showAll","attributes","Object","assign","$$restProps","class"],"mappings":"~~4ZA2CcA~~,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,qPA7BKI,GAAaC,GACbC,IAAAA,EAAM,IAAED,GACRE,UAAAA,EAAY,YAAUF,GACtBG,YAAAA,EAAc,UAAQH,GACtBI,QAAAA,GAAU,GAAKJ,GACfK,UAAAA,GAAY,GAAKL,EAOxBM,EAAmB,IAAAC,EACrBC,IACAC,KAGO,SAAAC,EAAUC,GACjBL,EAAaM,SAAS,cAAeD,6RAXtCE,EAAA,EAAEC,EAAcf,EAASgB,KAAKC,MAAMjB,GAAK,wBACvCkB,IAAUb,QACVc,EAALC,OAAAC,UAAuBC,4BACXH,EAAWI,iCAYfjB,EACFC,EAAaM,SAASK,EAAU,SAAW,WAAYH,GACpDD,EAAA,EAAAI,GAAWA,UAgBYN,GAAAD,EAAUC"}
1	+ {"version":3,"file":"TagList.js","sources":["../../../../src/components/taglist/TagList.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\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 get_current_component(),\n createEventDispatcher(),\n );\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","get_current_component","createEventDispatcher","onRemoved","item","dispatch","$$invalidate","parsedItems","JSON","parse","showAll","attributes","Object","assign","$$restProps","class"],"mappings":"uZA2CcA,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,qPA7BKI,GAAaC,GACbC,IAAAA,EAAM,IAAED,GACRE,UAAAA,EAAY,YAAUF,GACtBG,YAAAA,EAAc,UAAQH,GACtBI,QAAAA,GAAU,GAAKJ,GACfK,UAAAA,GAAY,GAAKL,EAOxBM,EAAmB,IAAAC,EACrBC,IACAC,KAGO,SAAAC,EAAUC,GACjBL,EAAaM,SAAS,cAAeD,6RAXtCE,EAAA,EAAEC,EAAcf,EAASgB,KAAKC,MAAMjB,GAAK,wBACvCkB,IAAUb,QACVc,EAALC,OAAAC,UAAuBC,4BACXH,EAAWI,iCAYfjB,EACFC,EAAaM,SAASK,EAAU,SAAW,WAAYH,GACpDD,EAAA,EAAAI,GAAWA,UAgBYN,GAAAD,EAAUC"}

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,K as m,l as h,m as p,o as u,M as f,p as g,q as b,r as x,u as v}from"../../index-9ffad6d0.js";import{c as $}from"../../EventForward-24fc0272.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function _(e){let t,a,n,s,g=[{class:a=k(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]],b={};for(let e=0;e<g.length;e+=1)b=r(b,g[e]);return{c(){t=l("textarea"),this.c=o,d(t,b)},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[13]),h(t,"input",e[12])],n=!0)},p(e,[i]){d(t,b=p(g,[1072&i&&a!==(a=k(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&&u(t),n=!1,f(s)}}}function k(e,t){const a=["mc-textarea"];return e&&a.push("is-valid"),t&&a.push("is-invalid"),a.join(" ")}function y(e,t,a){let i,n;const s=["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"];let l=g(t,s),{name:o}=t,{value:d}=t,{placeholder:c}=t,{rows:m=3}=t,{isvalid:h}=t,{isinvalid:p}=t,{disabled:u=!1}=t,{minlength:f}=t,{maxlength:_}=t;const k=$(b());let y=new w(b(),x());return e.$$set=e=>{a(16,t=r(r({},t),v(e))),a(15,l=g(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,u=e.disabled),"minlength"in e&&a(7,f=e.minlength),"maxlength"in e&&a(8,_=e.maxlength)},e.$$.update=()=>{a(10,i=t.class),a(9,n=Object.assign({},l)),512&e.$$.dirty&&delete n.class},t=v(t),[d,o,c,m,h,p,u,f,_,n,i,k,function(e){let t=e.target.value;y.dispatch("on-input",t)},function(){d=this.value,a(0,d)}]}class z 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,.mc-field__element--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},y,_,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{z 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,j as d,W as c,M as m,m as h,p,q as u,O as g,r as b,v as x,w as f,x as v}from"../../index-d12e76e8.js";import{c as $}from"../../EventForward-e61ea03d.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function _(e){let t,a,n,s,b=[{class:a=k(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<b.length;e+=1)x=r(x,b[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[13]),h(t,"input",e[12])],n=!0)},p(e,[i]){d(t,x=p(b,[1072&i&&a!==(a=k(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&&u(t),n=!1,g(s)}}}function k(e,t){const a=["mc-textarea"];return e&&a.push("is-valid"),t&&a.push("is-invalid"),a.join(" ")}function y(e,t,a){let i,n;const s=["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"];let l=b(t,s),{name:o}=t,{value:d}=t,{placeholder:c}=t,{rows:m=3}=t,{isvalid:h}=t,{isinvalid:p}=t,{disabled:u=!1}=t,{minlength:g}=t,{maxlength:_}=t;const k=$(x());let y=new w(x(),f());return e.$$set=e=>{a(16,t=r(r({},t),v(e))),a(15,l=b(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,u=e.disabled),"minlength"in e&&a(7,g=e.minlength),"maxlength"in e&&a(8,_=e.maxlength)},e.$$.update=()=>{a(10,i=t.class),a(9,n=Object.assign({},l)),512&e.$$.dirty&&delete n.class},t=v(t),[d,o,c,m,h,p,u,g,_,n,i,k,function(e){let t=e.target.value;y.dispatch("on-input",t)},function(){d=this.value,a(0,d)}]}class z 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,.mc-field__element--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},y,_,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{z as default};
 //# sourceMappingURL=Textarea.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.js","sources":["../../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n createEventDispatcher,\n get_current_component,\n } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n import { EventHandler } from '../../utilities/EventHandler';\n export let name: string;\n export let value: string;\n export let placeholder: string;\n export let rows = 3;\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let disabled = false;\n export let minlength: number;\n export let maxlength: number;\n\n const forwardEvents = createEventForwarder(get_current_component());\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function getClasses(isValid: boolean, isInvalid: boolean): string {\n const classes = ['mc-textarea'];\n\n if (isValid) {\n classes.push('is-valid');\n }\n\n if (isInvalid) {\n classes.push('is-invalid');\n }\n\n return classes.join(' ');\n }\n\n function onInput(e: Event) {\n let value = (e.target as HTMLInputElement).value;\n eventHandler.dispatch('on-input', value);\n }\n</script>\n\n<textarea\n use:forwardEvents\n bind:value\n class=\"{getClasses(isvalid, isinvalid)} {userClass}\"\n aria-invalid={isinvalid}\n {name}\n id={name}\n {placeholder}\n {rows}\n {disabled}\n {minlength}\n {maxlength}\n spellcheck=\"false\"\n {...attributes}\n on:input={onInput}\n/>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.textarea';\n @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":["class","textarea_class_value","getClasses","ctx","insert","target","textarea","anchor","dirty","isValid","isInvalid","classes","push","join","name","$$props","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","createEventDispatcher","$$invalidate","userClass","attributes","Object","assign","$$restProps","e","dispatch"],"mappings":"~~2SAmDUA~~,MAAAC,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,qBACpCA,EAAS,oBAEnBA,EAAI,0GAOJA,EAAU,oGAbhBC,EAeCC,EAAAC,EAAAC,gGADWJ,EAAO,iCAXT,KAAAK,GAAAP,KAAAA,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,MAAA,CAAAH,MAAAC,yBACpCE,EAAS,8BAEnBA,EAAI,+IAOJA,EAAU,gEAjCLD,EAAWO,EAAkBC,GAC9B,MAAAC,GAAW,sBAEbF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGRD,EAAQE,KAAK,yJA9BXC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,KAAAA,EAAO,GAACH,WACRI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,aAChBO,GAAiBP,aACjBQ,GAAiBR,QAEtBS,EAAgBC,EAAqBC,KACvC,IAAAC,EAAmB,IAAAC,EACrBF,IACAG,uXAECC,EAAA,GAAAC,EAAYhB,EAAQf,WACpBgC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWhC,uCAgBZ,SAAQoC,GACX,IAAApB,EAASoB,EAAE/B,OAA4BW,MAC3CW,EAAaU,SAAS,WAAYrB"}
1	+ {"version":3,"file":"Textarea.js","sources":["../../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n createEventDispatcher,\n get_current_component,\n } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n import { EventHandler } from '../../utilities/EventHandler';\n export let name: string;\n export let value: string;\n export let placeholder: string;\n export let rows = 3;\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let disabled = false;\n export let minlength: number;\n export let maxlength: number;\n\n const forwardEvents = createEventForwarder(get_current_component());\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function getClasses(isValid: boolean, isInvalid: boolean): string {\n const classes = ['mc-textarea'];\n\n if (isValid) {\n classes.push('is-valid');\n }\n\n if (isInvalid) {\n classes.push('is-invalid');\n }\n\n return classes.join(' ');\n }\n\n function onInput(e: Event) {\n let value = (e.target as HTMLInputElement).value;\n eventHandler.dispatch('on-input', value);\n }\n</script>\n\n<textarea\n use:forwardEvents\n bind:value\n class=\"{getClasses(isvalid, isinvalid)} {userClass}\"\n aria-invalid={isinvalid}\n {name}\n id={name}\n {placeholder}\n {rows}\n {disabled}\n {minlength}\n {maxlength}\n spellcheck=\"false\"\n {...attributes}\n on:input={onInput}\n/>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.textarea';\n @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":["class","textarea_class_value","getClasses","ctx","insert","target","textarea","anchor","dirty","isValid","isInvalid","classes","push","join","name","$$props","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","createEventDispatcher","$$invalidate","userClass","attributes","Object","assign","$$restProps","e","dispatch"],"mappings":"sSAmDUA,MAAAC,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,qBACpCA,EAAS,oBAEnBA,EAAI,0GAOJA,EAAU,oGAbhBC,EAeCC,EAAAC,EAAAC,gGADWJ,EAAO,iCAXT,KAAAK,GAAAP,KAAAA,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,MAAA,CAAAH,MAAAC,yBACpCE,EAAS,8BAEnBA,EAAI,+IAOJA,EAAU,gEAjCLD,EAAWO,EAAkBC,GAC9B,MAAAC,GAAW,sBAEbF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGRD,EAAQE,KAAK,yJA9BXC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,KAAAA,EAAO,GAACH,WACRI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,aAChBO,GAAiBP,aACjBQ,GAAiBR,QAEtBS,EAAgBC,EAAqBC,KACvC,IAAAC,EAAmB,IAAAC,EACrBF,IACAG,uXAECC,EAAA,GAAAC,EAAYhB,EAAQf,WACpBgC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWhC,uCAgBZ,SAAQoC,GACX,IAAApB,EAASoB,EAAE/B,OAA4BW,MAC3CW,EAAaU,SAAS,WAAYrB"}

package/public/bricoman/components/textinput/Textinput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as n,f as m,s as r,c as l,e as o,d as s,n as a,g as h,h as c,j as p,U as d,K as u,l as g,m as f,o as x,M as z,p as b,q as $,r as v,a4 as w,u as _,H as k}from"../../index-9ffad6d0.js";import{c as y}from"../../EventForward-24fc0272.js";import{E as q}from"../../EventHandler-f7ee47ca.js";function E(e){let t,i=`<${M(e[7])} />`;return{c(){t=o("span"),h(t,"class","mc-left-icon-input__icon")},m(e,m){n(e,t,m),t.innerHTML=i},p(e,n){128&n&&i!==(i=`<${M(e[7])} />`)&&(t.innerHTML=i)},d(e){e&&x(t)}}}function C(e){let t,i,m,r,b,$,v,w=e[7]&&E(e),_=[{class:b=(e[7]?"mc-left-icon-input":"")+" "+e[15]},e[13]],k={};for(let e=0;e<_.length;e+=1)k=l(k,_[e]);return{c(){t=o("div"),w&&w.c(),i=s(),m=o("input"),this.c=a,h(m,"class",r=e[18](e[3],e[4],e[6],e[7])+" "+e[21].class),h(m,"aria-invalid",e[4]),h(m,"name",e[1]),h(m,"id",e[1]),h(m,"placeholder",e[2]),m.disabled=e[5],h(m,"min",e[8]),h(m,"max",e[9]),h(m,"minlength",e[10]),h(m,"maxlength",e[11]),h(m,"spellcheck","false"),m.required=e[12],c(t,k)},m(r,l){n(r,t,l),w&&w.m(t,null),p(t,i),p(t,m),d(m,e[0]),e[26](t),$||(v=[u(e[16].call(null,m)),g(m,"input",e[24]),u(e[19].call(null,m)),g(m,"input",e[20]),g(m,"keydown",e[25])],$=!0)},p(e,[n]){e[7]?w?w.p(e,n):(w=E(e),w.c(),w.m(t,i)):w&&(w.d(1),w=null),2097368&n&&r!==(r=e[18](e[3],e[4],e[6],e[7])+" "+e[21].class)&&h(m,"class",r),16&n&&h(m,"aria-invalid",e[4]),2&n&&h(m,"name",e[1]),2&n&&h(m,"id",e[1]),4&n&&h(m,"placeholder",e[2]),32&n&&(m.disabled=e[5]),256&n&&h(m,"min",e[8]),512&n&&h(m,"max",e[9]),1024&n&&h(m,"minlength",e[10]),2048&n&&h(m,"maxlength",e[11]),4096&n&&(m.required=e[12]),1&n&&m.value!==e[0]&&d(m,e[0]),c(t,k=f(_,[32896&n&&b!==(b=(e[7]?"mc-left-icon-input":"")+" "+e[15])&&{class:b},8192&n&&e[13]]))},i:a,o:a,d(i){i&&x(t),w&&w.d(),e[26](null),$=!1,z(v)}}}function M(e){return`${e}`}function j(e,t,i){let n,m,r;const o=["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required"];let s=b(t,o),{name:a}=t,{value:h}=t,{placeholder:c}=t,{inputtype:p="text"}=t,{isvalid:d}=t,{isinvalid:u}=t,{disabled:g=!1}=t,{size:f="m"}=t,{iconname:x}=t,{rightalign:z}=t,{min:E}=t,{max:C}=t,{minlength:M}=t,{maxlength:j}=t,{required:H=!1}=t;const A=y($());let L=new q($(),v());let T;w((()=>{T.querySelector(".mc-text-input").type=n}));return e.$$set=e=>{i(21,t=l(l({},t),_(e))),i(28,s=b(t,o)),"name"in e&&i(1,a=e.name),"value"in e&&i(0,h=e.value),"placeholder"in e&&i(2,c=e.placeholder),"inputtype"in e&&i(22,p=e.inputtype),"isvalid"in e&&i(3,d=e.isvalid),"isinvalid"in e&&i(4,u=e.isinvalid),"disabled"in e&&i(5,g=e.disabled),"size"in e&&i(6,f=e.size),"iconname"in e&&i(7,x=e.iconname),"rightalign"in e&&i(23,z=e.rightalign),"min"in e&&i(8,E=e.min),"max"in e&&i(9,C=e.max),"minlength"in e&&i(10,M=e.minlength),"maxlength"in e&&i(11,j=e.maxlength),"required"in e&&i(12,H=e.required)},e.$$.update=()=>{4194304&e.$$.dirty&&(n=p),i(15,m=t.class),i(13,r=Object.assign({},s)),8192&e.$$.dirty&&delete r.class},t=_(t),[h,a,c,d,u,g,f,x,E,C,M,j,H,r,T,m,A,L,function(e,t,i,n){const m=["mc-text-input","mc-field__input"];return e&&m.push("is-valid"),t&&m.push("is-invalid"),"s"===i&&m.push("mc-text-input--s"),n&&m.push("mc-left-icon-input__input"),z&&m.push("right-align"),m.join(" ")},e=>{e.type=n},function(e){let t=e.target.value;j&&"number"===p&&(e.target.value=t.slice(0,j))},t,p,z,function(){h=this.value,i(0,h)},e=>{"Enter"===e?.key&&L.dispatch("submit-search",h)},function(e){k[e?"unshift":"push"]((()=>{T=e,i(14,T)}))}]}class H extends e{constructor(e){super();const l=document.createElement("style");l.textContent="@charset \"UTF-8\";.mc-text-input{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;min-height:3rem;padding:0.75rem 0.6875rem;-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;display:block;width:100%;position:relative;border:1px solid #808080;color:#333333;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right 0.4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input.is-hover,.mc-text-input:hover{border-color:#191919}.mc-text-input.is-focus,.mc-text-input: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-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#808080;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.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}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.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}.mc-field--group .mc-field__error-message{margin-top:0.5rem}.right-align{text-align:right}",this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},j,C,r,{name:1,value:0,placeholder:2,inputtype:22,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:23,min:8,max:9,minlength:10,maxlength:11,required:12},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),m()))}static get observedAttributes(){return["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),m()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),m()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),m()}get inputtype(){return this.$$.ctx[22]}set inputtype(e){this.$$set({inputtype:e}),m()}get isvalid(){return this.$$.ctx[3]}set isvalid(e){this.$$set({isvalid:e}),m()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),m()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),m()}get size(){return this.$$.ctx[6]}set size(e){this.$$set({size:e}),m()}get iconname(){return this.$$.ctx[7]}set iconname(e){this.$$set({iconname:e}),m()}get rightalign(){return this.$$.ctx[23]}set rightalign(e){this.$$set({rightalign:e}),m()}get min(){return this.$$.ctx[8]}set min(e){this.$$set({min:e}),m()}get max(){return this.$$.ctx[9]}set max(e){this.$$set({max:e}),m()}get minlength(){return this.$$.ctx[10]}set minlength(e){this.$$set({minlength:e}),m()}get maxlength(){return this.$$.ctx[11]}set maxlength(e){this.$$set({maxlength:e}),m()}get required(){return this.$$.ctx[12]}set required(e){this.$$set({required:e}),m()}}export{H as default};
+import{S as e,i as t,a as i,g as n,b as m,f as l,s as r,c as o,e as s,d as a,n as c,j as h,h as p,l as d,W as u,M as g,m as f,p as x,q as z,O as b,r as $,u as v,v as w,w as _,a9 as k,x as y,J as q}from"../../index-d12e76e8.js";import{c as E}from"../../EventForward-e61ea03d.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function M(e){let t,i=`<${L(e[7])} />`;return{c(){t=s("span"),p(t,"class","mc-left-icon-input__icon")},m(e,n){m(e,t,n),t.innerHTML=i},p(e,n){128&n&&i!==(i=`<${L(e[7])} />`)&&(t.innerHTML=i)},d(e){e&&z(t)}}}function j(e){let t;return{c(){t=s("span"),t.innerHTML='<slot name="icon"></slot>',p(t,"class","mc-left-icon-input__icon")},m(e,i){m(e,t,i)},d(e){e&&z(t)}}}function H(e){let t,i,n,l,r,$,v,w,_=e[7]&&M(e),k=e[22].icon&&j(),y=[{class:r=e[18](e[3],e[4],e[6],e[7])+" "+e[21].class},{"aria-invalid":e[4]},{name:e[1]},{id:e[1]},{placeholder:e[2]},{disabled:e[5]},{min:e[8]},{max:e[9]},{minlength:e[10]},{maxlength:e[11]},{spellcheck:"false"},{required:e[12]},e[13]],q={};for(let e=0;e<y.length;e+=1)q=o(q,y[e]);return{c(){t=s("div"),_&&_.c(),i=a(),k&&k.c(),n=a(),l=s("input"),this.c=c,h(l,q),p(t,"class",$=(e[7]?"mc-left-icon-input":"")+" "+e[15])},m(r,o){m(r,t,o),_&&_.m(t,null),d(t,i),k&&k.m(t,null),d(t,n),d(t,l),l.autofocus&&l.focus(),u(l,e[0]),e[27](t),v||(w=[g(e[16].call(null,l)),f(l,"input",e[25]),g(e[19].call(null,l)),f(l,"input",e[20]),f(l,"keydown",e[26])],v=!0)},p(e,[m]){e[7]?_?_.p(e,m):(_=M(e),_.c(),_.m(t,i)):_&&(_.d(1),_=null),e[22].icon?k||(k=j(),k.c(),k.m(t,n)):k&&(k.d(1),k=null),h(l,q=x(y,[2097368&m&&r!==(r=e[18](e[3],e[4],e[6],e[7])+" "+e[21].class)&&{class:r},16&m&&{"aria-invalid":e[4]},2&m&&{name:e[1]},2&m&&{id:e[1]},4&m&&{placeholder:e[2]},32&m&&{disabled:e[5]},256&m&&{min:e[8]},512&m&&{max:e[9]},1024&m&&{minlength:e[10]},2048&m&&{maxlength:e[11]},{spellcheck:"false"},4096&m&&{required:e[12]},8192&m&&e[13]])),1&m&&l.value!==e[0]&&u(l,e[0]),32896&m&&$!==($=(e[7]?"mc-left-icon-input":"")+" "+e[15])&&p(t,"class",$)},i:c,o:c,d(i){i&&z(t),_&&_.d(),k&&k.d(),e[27](null),v=!1,b(w)}}}function L(e){return`${e}`}function T(e,t,i){let n,m,l;const r=["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required"];let s=$(t,r),{$$slots:a={},$$scope:c}=t;const h=v(a);let{name:p}=t,{value:d}=t,{placeholder:u}=t,{inputtype:g="text"}=t,{isvalid:f}=t,{isinvalid:x}=t,{disabled:z=!1}=t,{size:b="m"}=t,{iconname:M}=t,{rightalign:j}=t,{min:H}=t,{max:L}=t,{minlength:T}=t,{maxlength:A}=t,{required:Y=!1}=t;const B=E(w());let F=new C(w(),_());let O;k((()=>{O.querySelector(".mc-text-input").type=n}));return e.$$set=e=>{i(21,t=o(o({},t),y(e))),i(29,s=$(t,r)),"name"in e&&i(1,p=e.name),"value"in e&&i(0,d=e.value),"placeholder"in e&&i(2,u=e.placeholder),"inputtype"in e&&i(23,g=e.inputtype),"isvalid"in e&&i(3,f=e.isvalid),"isinvalid"in e&&i(4,x=e.isinvalid),"disabled"in e&&i(5,z=e.disabled),"size"in e&&i(6,b=e.size),"iconname"in e&&i(7,M=e.iconname),"rightalign"in e&&i(24,j=e.rightalign),"min"in e&&i(8,H=e.min),"max"in e&&i(9,L=e.max),"minlength"in e&&i(10,T=e.minlength),"maxlength"in e&&i(11,A=e.maxlength),"required"in e&&i(12,Y=e.required)},e.$$.update=()=>{8388608&e.$$.dirty&&(n=g),i(15,m=t.class),i(13,l=Object.assign({},s)),8192&e.$$.dirty&&delete l.class},t=y(t),[d,p,u,f,x,z,b,M,H,L,T,A,Y,l,O,m,B,F,function(e,t,i,n){const m=["mc-text-input","mc-field__input"];return e&&m.push("is-valid"),t&&m.push("is-invalid"),"s"===i&&m.push("mc-text-input--s"),n&&m.push("mc-left-icon-input__input"),j&&m.push("right-align"),m.join(" ")},e=>{e.type=n},function(e){let t=e.target.value;A&&"number"===g&&(e.target.value=t.slice(0,A))},t,h,g,j,function(){d=this.value,i(0,d)},e=>{"Enter"===e?.key&&F.dispatch("submit-search",d)},function(e){q[e?"unshift":"push"]((()=>{O=e,i(14,O)}))}]}class A extends e{constructor(e){super();const o=document.createElement("style");o.textContent="@charset \"UTF-8\";.mc-text-input{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;min-height:3rem;padding:0.75rem 0.6875rem;-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;display:block;width:100%;position:relative;border:1px solid #808080;color:#333333;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right 0.4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input.is-hover,.mc-text-input:hover{border-color:#191919}.mc-text-input.is-focus,.mc-text-input: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-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#808080;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.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}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.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}.mc-field--group .mc-field__error-message{margin-top:0.5rem}.right-align{text-align:right}",this.shadowRoot.appendChild(o),t(this,{target:this.shadowRoot,props:{...i(this.attributes),$$slots:n(this)},customElement:!0},T,H,r,{name:1,value:0,placeholder:2,inputtype:23,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:24,min:8,max:9,minlength:10,maxlength:11,required:12},null),e&&(e.target&&m(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),l()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),l()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),l()}get inputtype(){return this.$$.ctx[23]}set inputtype(e){this.$$set({inputtype:e}),l()}get isvalid(){return this.$$.ctx[3]}set isvalid(e){this.$$set({isvalid:e}),l()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),l()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),l()}get size(){return this.$$.ctx[6]}set size(e){this.$$set({size:e}),l()}get iconname(){return this.$$.ctx[7]}set iconname(e){this.$$set({iconname:e}),l()}get rightalign(){return this.$$.ctx[24]}set rightalign(e){this.$$set({rightalign:e}),l()}get min(){return this.$$.ctx[8]}set min(e){this.$$set({min:e}),l()}get max(){return this.$$.ctx[9]}set max(e){this.$$set({max:e}),l()}get minlength(){return this.$$.ctx[10]}set minlength(e){this.$$set({minlength:e}),l()}get maxlength(){return this.$$.ctx[11]}set maxlength(e){this.$$set({maxlength:e}),l()}get required(){return this.$$.ctx[12]}set required(e){this.$$set({required:e}),l()}}export{A as default};
 //# sourceMappingURL=Textinput.js.map

package/public/bricoman/components/textinput/Textinput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textinput.js","sources":["../../../../src/components/textinput/Textinput.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { afterUpdate } from 'svelte';\n import { createEventForwarder } from '../../utilities/EventForward';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n import type { TextInputSize, TextInputType } from './textinput.types';\n\n export let name: string;\n export let value: string;\n export let placeholder: string;\n export let inputtype: TextInputType = 'text';\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let iconname: string;\n export let rightalign: boolean;\n export let min: string;\n export let max: string;\n export let minlength: number;\n export let maxlength: number;\n export let required: boolean = false;\n const forwardEvents = createEventForwarder(get_current_component());\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n $: inputType = inputtype;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function generateIconName(iconName: string): string {\n return `${iconName}`;\n }\n\n function getClasses(\n isValid: boolean,\n isInvalid: boolean,\n size: TextInputSize,\n iconname: string,\n ): string {\n const classes = ['mc-text-input', 'mc-field__input'];\n\n if (isValid) {\n classes.push('is-valid');\n }\n\n if (isInvalid) {\n classes.push('is-invalid');\n }\n\n if (size === 's') {\n classes.push('mc-text-input--s');\n }\n\n if (iconname) {\n classes.push('mc-left-icon-input__input');\n }\n\n if (rightalign) {\n classes.push('right-align');\n }\n\n return classes.join(' ');\n }\n\n const setType = (node: any) => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n node.type = inputType;\n };\n\n function onInput(e: Event) {\n let value = (e.target as HTMLInputElement).value;\n if (maxlength && inputtype === 'number') {\n (e.target as HTMLInputElement).value = value.slice(0, maxlength);\n }\n }\n\n let component: HTMLDivElement;\n\n afterUpdate(() => {\n const input = component.querySelector('.mc-text-input') as HTMLInputElement;\n input.type = inputType;\n });\n</script>\n\n<div\n class=\"{iconname ? 'mc-left-icon-input' : ''} {userClass}\"\n ~~{...attributes}\n~~ bind:this={component}\n>\n {#if iconname}\n <span class=\"mc-left-icon-input__icon\">\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n <input\n use:forwardEvents\n bind:value\n use:setType\n class=\"{getClasses(isvalid, isinvalid, size, iconname)} {$$props.class}\"\n aria-invalid={isinvalid}\n {name}\n id={name}\n {placeholder}\n {disabled}\n {min}\n {max}\n {minlength}\n {maxlength}\n spellcheck=\"false\"\n ~~required=~~{required}\n on:input={onInput}\n on:keydown={(event) => {\n if (event?.key === 'Enter') {\n eventHandler.dispatch('submit-search', value);\n }\n }}\n />\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.text-input';\n @import '@mozaic-ds/styles/components/c.left-icon-input';\n @import '@mozaic-ds/styles/components/c.fields';\n\n .right-align {\n text-align: right;\n }\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","create_if_block","class","~~div_class_value~~","div","append","input","iconName","name","$$props","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","createEventDispatcher","component","afterUpdate","querySelector","type","inputType","$$invalidate","userClass","attributes","Object","assign","$$restProps","isValid","isInvalid","classes","push","join","node","e","slice","event","key","dispatch","$$value"],"mappings":"~~+UAmGiBA~~,EAAA,IAAAC,EAAiBC,EAAQ,gFADtCC,EAEMC,EAAAC,EAAAC,yBADO,IAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAG,EAAAG,UAAAR,~~qDAFnCE~~,~~EAAQ~~,~~IAAAO~~,~~EAAAP~~,~~OAJLQ~~,~~MAAAC~~,~~GAAAT~~,~~EAAW~~,~~GAAA~~,~~qBAAuB~~,~~QAAKA~~,~~EAAS~~,~~KACpDA~~,EAAU,~~2HAYJA,EAAU,~~IAACA,EAAO,GAAEA,EAAS,GAAEA,EAAI,GAAEA,EAAQ,IAAA,IAAIA,EAAO,~~IAACQ~~,~~0BACnDR~~,EAAS,~~8BAEnBA~~,EAAI~~,+JAQEA~~,~~EAAQ~~,~~mBAzBtBC~~,~~EAiCKC~~,~~EAAAQ~~,~~EAAAN~~,~~yBAvBHO~~,~~EAsBCD~~,~~EAAAE~~,~~wGANWZ~~,EAAO,~~2CArBdA~~,EAAQ,~~2EASHA~~,EAAU,IAACA,EAAO,GAAEA,EAAS,GAAEA,EAAI,GAAEA,EAAQ,IAAA,IAAIA,EAAO,~~IAACQ~~,~~gDACnDR~~,EAAS,~~wCAEnBA~~,EAAI,~~yLAQEA~~,~~EAAQ,+CAxBZ~~,MAAAK,~~GAAAI~~,KAAAA,~~GAAAT~~,EAAW,GAAA,qBAAuB,QAAKA,EAAS,~~MAAA~~,~~CAAAQ,MAAAC,WACpDT,EAAU,8DAzDL,~~SAAAD,~~EAAiBc~~,YACdA,~~qNAzBDC~~,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,UAAAA,EAA2B,QAAMH,WACjCI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,GAChBO,KAAAA,EAAsB,KAAGP,YACzBQ,GAAgBR,cAChBS,GAAmBT,OACnBU,GAAWV,OACXW,GAAWX,aACXY,GAAiBZ,aACjBa,GAAiBb,GACjBc,SAAAA,GAAoB,GAAKd,QAC9Be,EAAgBC,EAAqBC,KACvC,IAAAC,EAAmB,IAAAC,EACrBF,IACAG,SAqDEC,EAEJC,GAAW,KACKD,EAAUE,cAAc,kBAChCC,KAAOC,CAAS,8kBAvDrBA,EAAYtB,GACZuB,EAAA,GAAAC,EAAY3B,~~EAAQP~~,~~YACpBmC~~,EAALC,OAAAC,UAAuBC,4BACXH,~~EAAWnC~~,mDAKZ,~~SACPuC~~,EACAC,EACA1B,EACAC,SAEM0B,EAAO,CAAI,gBAAiB,0BAE9BF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGF,MAAT5B,GACF2B,EAAQC,KAAK,oBAGX3B,GACF0B,EAAQC,KAAK,6BAGX1B,GACFyB,EAAQC,KAAK,eAGRD,EAAQE,KAAK,MAGLC,IAEfA,EAAKb,KAAOC,CAAS,EAGd,SAAQa,GACX,IAAArC,EAASqC,~~EAAEnD~~,~~OAA4Bc~~,MACvCY,GAA2B,WAAdV,IACdmC,~~EAAEnD~~,~~OAA4Bc~~,MAAQA,EAAMsC,MAAM,EAAG1B,~~2CAuC3C2B~~,IACQ,UAAfA,GAAOC,KACTvB,EAAawB,SAAS,gBAAiBzC,~~4CA1BlCoB~~,EAASsB"}
1	+ {"version":3,"file":"Textinput.js","sources":["../../../../src/components/textinput/Textinput.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { afterUpdate } from 'svelte';\n import { createEventForwarder } from '../../utilities/EventForward';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n import type { TextInputSize, TextInputType } from './textinput.types';\n\n export let name: string;\n export let value: string;\n export let placeholder: string;\n export let inputtype: TextInputType = 'text';\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let iconname: string;\n export let rightalign: boolean;\n export let min: string;\n export let max: string;\n export let minlength: number;\n export let maxlength: number;\n export let required: boolean = false;\n const forwardEvents = createEventForwarder(get_current_component());\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n $: inputType = inputtype;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function generateIconName(iconName: string): string {\n return `${iconName}`;\n }\n\n function getClasses(\n isValid: boolean,\n isInvalid: boolean,\n size: TextInputSize,\n iconname: string,\n ): string {\n const classes = ['mc-text-input', 'mc-field__input'];\n\n if (isValid) {\n classes.push('is-valid');\n }\n\n if (isInvalid) {\n classes.push('is-invalid');\n }\n\n if (size === 's') {\n classes.push('mc-text-input--s');\n }\n\n if (iconname) {\n classes.push('mc-left-icon-input__input');\n }\n\n if (rightalign) {\n classes.push('right-align');\n }\n\n return classes.join(' ');\n }\n\n const setType = (node: any) => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n node.type = inputType;\n };\n\n function onInput(e: Event) {\n let value = (e.target as HTMLInputElement).value;\n if (maxlength && inputtype === 'number') {\n (e.target as HTMLInputElement).value = value.slice(0, maxlength);\n }\n }\n\n let component: HTMLDivElement;\n\n afterUpdate(() => {\n const input = component.querySelector('.mc-text-input') as HTMLInputElement;\n input.type = inputType;\n });\n</script>\n\n<div\n class=\"{iconname ? 'mc-left-icon-input' : ''} {userClass}\"\n bind:this={component}\n>\n {#if iconname}\n <span class=\"mc-left-icon-input__icon\">\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n {#if $$slots.icon}\n <span class=\"mc-left-icon-input__icon\">\n <slot name=\"icon\" />\n </span>\n {/if}\n <input\n use:forwardEvents\n bind:value\n use:setType\n class=\"{getClasses(isvalid, isinvalid, size, iconname)} {$$props.class}\"\n aria-invalid={isinvalid}\n {name}\n id={name}\n {placeholder}\n {disabled}\n {min}\n {max}\n {minlength}\n {maxlength}\n spellcheck=\"false\"\n {required}\n {...attributes}\n on:input={onInput}\n on:keydown={(event) => {\n if (event?.key === 'Enter') {\n eventHandler.dispatch('submit-search', value);\n }\n }}\n />\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.text-input';\n @import '@mozaic-ds/styles/components/c.left-icon-input';\n @import '@mozaic-ds/styles/components/c.fields';\n\n .right-align {\n text-align: right;\n }\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","create_if_block_1","if_block1","icon","create_if_block","class","attr","div","div_class_value","append","input","input_class_value","iconName","name","$$props","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","createEventDispatcher","component","afterUpdate","querySelector","type","inputType","$$invalidate","userClass","attributes","Object","assign","$$restProps","isValid","isInvalid","classes","push","join","node","e","slice","event","key","dispatch","$$value"],"mappings":"6VAkGiBA,EAAA,IAAAC,EAAiBC,EAAQ,gFADtCC,EAEMC,EAAAC,EAAAC,yBADO,IAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAG,EAAAG,UAAAR,sJAItCG,EAEMC,EAAAC,EAAAC,uDARHJ,EAAQ,IAAAO,EAAAP,GAKRQ,EAAAR,MAAQS,MAAIC,gBASPV,EAAU,IAACA,EAAO,GAAEA,EAAS,GAAEA,EAAI,GAAEA,EAAQ,IAAA,IAAIA,EAAO,IAACW,uBACnDX,EAAS,oBAEnBA,EAAI,uIASJA,EAAU,mIA7BRY,EAAAC,EAAA,QAAAC,GAAAd,EAAW,GAAA,qBAAuB,QAAKA,EAAS,aAD1DC,EAsCKC,EAAAW,EAAAT,+CAxBHW,EAuBCF,EAAAG,+HANWhB,EAAO,2CA3BdA,EAAQ,yDAKRA,MAAQS,+EASHT,EAAU,IAACA,EAAO,GAAEA,EAAS,GAAEA,EAAI,GAAEA,EAAQ,IAAA,IAAIA,EAAO,IAACW,QAAK,CAAAA,MAAAM,yBACxDjB,EAAS,8BAEnBA,EAAI,gMASJA,EAAU,sCA7BR,MAAAK,GAAAS,KAAAA,GAAAd,EAAW,GAAA,qBAAuB,QAAKA,EAAS,qFAxD/C,SAAAD,EAAiBmB,YACdA,gQAzBDC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,UAAAA,EAA2B,QAAMH,WACjCI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,GAChBO,KAAAA,EAAsB,KAAGP,YACzBQ,GAAgBR,cAChBS,GAAmBT,OACnBU,GAAWV,OACXW,GAAWX,aACXY,GAAiBZ,aACjBa,GAAiBb,GACjBc,SAAAA,GAAoB,GAAKd,QAC9Be,EAAgBC,EAAqBC,KACvC,IAAAC,EAAmB,IAAAC,EACrBF,IACAG,SAqDEC,EAEJC,GAAW,KACKD,EAAUE,cAAc,kBAChCC,KAAOC,CAAS,8kBAvDrBA,EAAYtB,GACZuB,EAAA,GAAAC,EAAY3B,EAAQT,YACpBqC,EAALC,OAAAC,UAAuBC,4BACXH,EAAWrC,mDAKZ,SACPyC,EACAC,EACA1B,EACAC,SAEM0B,EAAO,CAAI,gBAAiB,0BAE9BF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGF,MAAT5B,GACF2B,EAAQC,KAAK,oBAGX3B,GACF0B,EAAQC,KAAK,6BAGX1B,GACFyB,EAAQC,KAAK,eAGRD,EAAQE,KAAK,MAGLC,IAEfA,EAAKb,KAAOC,CAAS,EAGd,SAAQa,GACX,IAAArC,EAASqC,EAAExD,OAA4BmB,MACvCY,GAA2B,WAAdV,IACdmC,EAAExD,OAA4BmB,MAAQA,EAAMsC,MAAM,EAAG1B,6CA4C3C2B,IACQ,UAAfA,GAAOC,KACTvB,EAAawB,SAAS,gBAAiBzC,4CAhClCoB,EAASsB"}