@mozaic-ds/web-components 0.14.0 → 0.16.0

package/public/components/fileuploader-result/fileuploader-result.svelte

@@ -2,6 +2,10 @@
 
 <script lang="ts">
   // @ts-nocheck
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
   import { EventHandler } from '../../utilities/EventHandler';
 
   export let allowedExtensions: [];

package/public/components/pagination/Pagination.js

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as o,b as r,f as i,s as n,c as m,e as c,d as l,n as a,h as b,j as d,m as s,o as h,p as u,q as g,r as f,a1 as p,u as x,g as w,a6 as _,a8 as v,l as k,O as y,M,t as z,k as I,a9 as A,A as N,Y as D}from"../../index-9ffad6d0.js";import{E}from"../../EventHandler-f7ee47ca.js";function C(t,e,o){const r=t.slice();r[14]=e[o],r[17]=o;const i=r[17]+1;return r[15]=i,r}function $(t){let e,o,i,n,m;return{c(){e=c("button"),o=c("navigation-arrow-arrow--left-24px"),N(o,"size","100%"),N(o,"class","mc-pagination__button-icon mc-button__icon"),w(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),w(e,"aria-label","Previous page"),e.disabled=i=1===Number(t[0])||1===Number(t[1])},m(i,c){r(i,e,c),d(e,o),n||(m=k(e,"click",D(t[7])),n=!0)},p(t,o){3&o&&i!==(i=1===Number(t[0])||1===Number(t[1]))&&(e.disabled=i)},d(t){t&&h(e),n=!1,m()}}}function j(t){let e,o,i;return{c(){e=c("a"),o=c("navigation-arrow-arrow--left-24px"),N(o,"size","100%"),N(o,"class","mc-pagination__button-icon mc-button__icon"),w(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),w(e,"href",t[5]),w(e,"aria-label","Previous page"),w(e,"disabled",i=1===Number(t[0])||1===Number(t[1]))},m(t,i){r(t,e,i),d(e,o)},p(t,o){32&o&&w(e,"href",t[5]),3&o&&i!==(i=1===Number(t[0])||1===Number(t[1]))&&w(e,"disabled",i)},d(t){t&&h(e)}}}function S(t){let e,o,i,n,m,l={length:t[1]},a=[];for(let e=0;e<l.length;e+=1)a[e]=P(C(t,l,e));return{c(){e=c("div"),o=c("select");for(let t=0;t<a.length;t+=1)a[t].c();w(o,"class","mc-select mc-pagination__select"),o.disabled=i=1===Number(t[1]),void 0===t[0]&&_((()=>t[11].call(o))),w(e,"class","mc-pagination__field")},m(i,c){r(i,e,c),d(e,o);for(let t=0;t<a.length;t+=1)a[t]&&a[t].m(o,null);v(o,t[0],!0),n||(m=[k(o,"change",t[11]),k(o,"change",t[9])],n=!0)},p(t,e){if(27&e){let r;for(l={length:t[1]},r=0;r<l.length;r+=1){const i=C(t,l,r);a[r]?a[r].p(i,e):(a[r]=P(i),a[r].c(),a[r].m(o,null))}for(;r<a.length;r+=1)a[r].d(1);a.length=l.length}2&e&&i!==(i=1===Number(t[1]))&&(o.disabled=i),1&e&&v(o,t[0])},d(t){t&&h(e),y(a,t),n=!1,M(m)}}}function P(t){let e,o,i,n,m,a,b,s,u;return{c(){e=c("option"),o=z(t[4]),i=l(),n=z(t[15]),m=l(),a=z(t[3]),b=l(),s=z(t[1]),w(e,"name",String(t[15])),e.selected=u=t[15]==t[0],e.__value=t[15],e.value=e.__value},m(t,c){r(t,e,c),d(e,o),d(e,i),d(e,n),d(e,m),d(e,a),d(e,b),d(e,s)},p(t,r){16&r&&I(o,t[4]),8&r&&I(a,t[3]),2&r&&I(s,t[1]),1&r&&u!==(u=t[15]==t[0])&&(e.selected=u)},d(t){t&&h(e)}}}function T(t){let e,o,i,n,m;return{c(){e=c("button"),o=c("navigation-arrow-arrow--right-24px"),N(o,"size","100%"),N(o,"class","mc-pagination__button-icon mc-button__icon"),w(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),w(e,"aria-label","Previous page"),e.disabled=i=Number(t[0])===Number(t[1])||1===Number(t[1])},m(i,c){r(i,e,c),d(e,o),n||(m=k(e,"click",D(t[8])),n=!0)},p(t,o){3&o&&i!==(i=Number(t[0])===Number(t[1])||1===Number(t[1]))&&(e.disabled=i)},d(t){t&&h(e),n=!1,m()}}}function L(t){let e,o,i;return{c(){e=c("a"),o=c("navigation-arrow-arrow--right-24px"),N(o,"size","100%"),N(o,"class","mc-pagination__button-icon mc-button__icon"),w(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),w(e,"href",t[6]),w(e,"aria-label","Next Page"),w(e,"disabled",i=Number(t[0])===Number(t[1])||1===Number(t[1]))},m(t,i){r(t,e,i),d(e,o)},p(t,o){64&o&&w(e,"href",t[6]),3&o&&i!==(i=Number(t[0])===Number(t[1])||1===Number(t[1]))&&w(e,"disabled",i)},d(t){t&&h(e)}}}function B(t){let e,o,i,n;function u(t,e){return t[5]?j:$}let g=u(t),f=g(t),p=!t[2]&&S(t);function x(t,e){return t[6]?L:T}let w=x(t),_=w(t),v=[{class:n="mc-pagination "+(t[2]?"mc-pagination--light":"")},{role:"navigation"},{"aria-label":"pagination"},t[10]],k={};for(let t=0;t<v.length;t+=1)k=m(k,v[t]);return{c(){e=c("nav"),f.c(),o=l(),p&&p.c(),i=l(),_.c(),this.c=a,b(e,k)},m(t,n){r(t,e,n),f.m(e,null),d(e,o),p&&p.m(e,null),d(e,i),_.m(e,null)},p(t,[r]){g===(g=u(t))&&f?f.p(t,r):(f.d(1),f=g(t),f&&(f.c(),f.m(e,o))),t[2]?p&&(p.d(1),p=null):p?p.p(t,r):(p=S(t),p.c(),p.m(e,i)),w===(w=x(t))&&_?_.p(t,r):(_.d(1),_=w(t),_&&(_.c(),_.m(e,null))),b(e,k=s(v,[4&r&&n!==(n="mc-pagination "+(t[2]?"mc-pagination--light":""))&&{class:n},{role:"navigation"},{"aria-label":"pagination"},1024&r&&t[10]]))},i:a,o:a,d(t){t&&h(e),f.d(),p&&p.d(),_.d()}}}function G(t,e,o){const r=["total","value","light","pagelabel","prefixlabel","hrefprev","hrefnext"];let i=u(e,r),{total:n=1}=e,{value:c=1}=e,{light:l=!1}=e,{pagelabel:a}=e,{prefixlabel:b="Page"}=e,{hrefprev:d=""}=e,{hrefnext:s=""}=e,h=new E(g(),f());const w=g();return p((()=>{const t=w.shadowRoot.querySelector(".mc-select").options.namedItem(c);t&&(t.selected=!0)})),t.$$set=t=>{e=m(m({},e),x(t)),o(10,i=u(e,r)),"total"in t&&o(1,n=t.total),"value"in t&&o(0,c=t.value),"light"in t&&o(2,l=t.light),"pagelabel"in t&&o(3,a=t.pagelabel),"prefixlabel"in t&&o(4,b=t.prefixlabel),"hrefprev"in t&&o(5,d=t.hrefprev),"hrefnext"in t&&o(6,s=t.hrefnext)},[c,n,l,a,b,d,s,function(){o(0,c--,c),h.dispatch("on-previous-page",c)},function(){o(0,c++,c),h.dispatch("on-next-page",c)},function(){h.dispatch("on-update-page",c)},i,function(){c=A(this),o(0,c)}]}class Q extends t{constructor(t){super();const m=document.createElement("style");m.textContent=".mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#188803;font-family:\"LeroyMerlin\", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006902;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006902}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}a.mc-button:disabled{pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#188803;border-color:#188803;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-select{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.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select: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-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==\");border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+\");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-pagination{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem}.mc-pagination__select{font-size:1rem;line-height:1.125;padding:0.875rem 3rem 0.875rem calc(0.75rem - 1px)}@media screen and (min-width: 1024px){.mc-pagination__select{font-size:0.875rem;line-height:1.1428571429;padding:calc(0.5rem - 1px) 2.25rem calc(0.5rem - 1px) calc(0.5rem - 1px)}}",this.shadowRoot.appendChild(m),e(this,{target:this.shadowRoot,props:o(this.attributes),customElement:!0},G,B,n,{total:1,value:0,light:2,pagelabel:3,prefixlabel:4,hrefprev:5,hrefnext:6},null),t&&(t.target&&r(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["total","value","light","pagelabel","prefixlabel","hrefprev","hrefnext"]}get total(){return this.$$.ctx[1]}set total(t){this.$$set({total:t}),i()}get value(){return this.$$.ctx[0]}set value(t){this.$$set({value:t}),i()}get light(){return this.$$.ctx[2]}set light(t){this.$$set({light:t}),i()}get pagelabel(){return this.$$.ctx[3]}set pagelabel(t){this.$$set({pagelabel:t}),i()}get prefixlabel(){return this.$$.ctx[4]}set prefixlabel(t){this.$$set({prefixlabel:t}),i()}get hrefprev(){return this.$$.ctx[5]}set hrefprev(t){this.$$set({hrefprev:t}),i()}get hrefnext(){return this.$$.ctx[6]}set hrefnext(t){this.$$set({hrefnext:t}),i()}}export{Q as default};
+import{S as t,i as e,a as o,b as r,f as i,s as n,c as m,e as c,d as l,n as a,h as b,j as d,m as s,o as u,p as h,q as g,r as f,a1 as p,u as x,g as w,a6 as _,a8 as v,l as k,O as y,M,t as z,k as I,a9 as A,H as N,A as D,Y as E}from"../../index-9ffad6d0.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function $(t,e,o){const r=t.slice();r[15]=e[o],r[18]=o;const i=r[18]+1;return r[16]=i,r}function j(t){let e,o,i,n,m;return{c(){e=c("button"),o=c("navigation-arrow-arrow--left-24px"),D(o,"size","100%"),D(o,"class","mc-pagination__button-icon mc-button__icon"),w(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),w(e,"aria-label","Previous page"),e.disabled=i=1===Number(t[0])||1===Number(t[1])},m(i,c){r(i,e,c),d(e,o),n||(m=k(e,"click",E(t[8])),n=!0)},p(t,o){3&o&&i!==(i=1===Number(t[0])||1===Number(t[1]))&&(e.disabled=i)},d(t){t&&u(e),n=!1,m()}}}function S(t){let e,o,i;return{c(){e=c("a"),o=c("navigation-arrow-arrow--left-24px"),D(o,"size","100%"),D(o,"class","mc-pagination__button-icon mc-button__icon"),w(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),w(e,"href",t[5]),w(e,"aria-label","Previous page"),w(e,"disabled",i=1===Number(t[0])||1===Number(t[1]))},m(t,i){r(t,e,i),d(e,o)},p(t,o){32&o&&w(e,"href",t[5]),3&o&&i!==(i=1===Number(t[0])||1===Number(t[1]))&&w(e,"disabled",i)},d(t){t&&u(e)}}}function P(t){let e,o,i,n,m,l={length:t[1]},a=[];for(let e=0;e<l.length;e+=1)a[e]=T($(t,l,e));return{c(){e=c("div"),o=c("select");for(let t=0;t<a.length;t+=1)a[t].c();w(o,"class","mc-select mc-pagination__select"),o.disabled=i=1===Number(t[1]),void 0===t[0]&&_((()=>t[12].call(o))),w(e,"class","mc-pagination__field")},m(i,c){r(i,e,c),d(e,o);for(let t=0;t<a.length;t+=1)a[t]&&a[t].m(o,null);v(o,t[0],!0),n||(m=[k(o,"change",t[12]),k(o,"change",t[10])],n=!0)},p(t,e){if(27&e){let r;for(l={length:t[1]},r=0;r<l.length;r+=1){const i=$(t,l,r);a[r]?a[r].p(i,e):(a[r]=T(i),a[r].c(),a[r].m(o,null))}for(;r<a.length;r+=1)a[r].d(1);a.length=l.length}2&e&&i!==(i=1===Number(t[1]))&&(o.disabled=i),1&e&&v(o,t[0])},d(t){t&&u(e),y(a,t),n=!1,M(m)}}}function T(t){let e,o,i,n,m,a,b,s,h;return{c(){e=c("option"),o=z(t[4]),i=l(),n=z(t[16]),m=l(),a=z(t[3]),b=l(),s=z(t[1]),w(e,"name",String(t[16])),e.selected=h=t[16]==t[0],e.__value=t[16],e.value=e.__value},m(t,c){r(t,e,c),d(e,o),d(e,i),d(e,n),d(e,m),d(e,a),d(e,b),d(e,s)},p(t,r){16&r&&I(o,t[4]),8&r&&I(a,t[3]),2&r&&I(s,t[1]),1&r&&h!==(h=t[16]==t[0])&&(e.selected=h)},d(t){t&&u(e)}}}function L(t){let e,o,i,n,m;return{c(){e=c("button"),o=c("navigation-arrow-arrow--right-24px"),D(o,"size","100%"),D(o,"class","mc-pagination__button-icon mc-button__icon"),w(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),w(e,"aria-label","Previous page"),e.disabled=i=Number(t[0])===Number(t[1])||1===Number(t[1])},m(i,c){r(i,e,c),d(e,o),n||(m=k(e,"click",E(t[9])),n=!0)},p(t,o){3&o&&i!==(i=Number(t[0])===Number(t[1])||1===Number(t[1]))&&(e.disabled=i)},d(t){t&&u(e),n=!1,m()}}}function B(t){let e,o,i;return{c(){e=c("a"),o=c("navigation-arrow-arrow--right-24px"),D(o,"size","100%"),D(o,"class","mc-pagination__button-icon mc-button__icon"),w(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),w(e,"href",t[6]),w(e,"aria-label","Next Page"),w(e,"disabled",i=Number(t[0])===Number(t[1])||1===Number(t[1]))},m(t,i){r(t,e,i),d(e,o)},p(t,o){64&o&&w(e,"href",t[6]),3&o&&i!==(i=Number(t[0])===Number(t[1])||1===Number(t[1]))&&w(e,"disabled",i)},d(t){t&&u(e)}}}function G(t){let e,o,i,n;function h(t,e){return t[5]?S:j}let g=h(t),f=g(t),p=!t[2]&&P(t);function x(t,e){return t[6]?B:L}let w=x(t),_=w(t),v=[{class:n="mc-pagination "+(t[2]?"mc-pagination--light":"")},{role:"navigation"},{"aria-label":"pagination"},t[11]],k={};for(let t=0;t<v.length;t+=1)k=m(k,v[t]);return{c(){e=c("nav"),f.c(),o=l(),p&&p.c(),i=l(),_.c(),this.c=a,b(e,k)},m(n,m){r(n,e,m),f.m(e,null),d(e,o),p&&p.m(e,null),d(e,i),_.m(e,null),t[13](e)},p(t,[r]){g===(g=h(t))&&f?f.p(t,r):(f.d(1),f=g(t),f&&(f.c(),f.m(e,o))),t[2]?p&&(p.d(1),p=null):p?p.p(t,r):(p=P(t),p.c(),p.m(e,i)),w===(w=x(t))&&_?_.p(t,r):(_.d(1),_=w(t),_&&(_.c(),_.m(e,null))),b(e,k=s(v,[4&r&&n!==(n="mc-pagination "+(t[2]?"mc-pagination--light":""))&&{class:n},{role:"navigation"},{"aria-label":"pagination"},2048&r&&t[11]]))},i:a,o:a,d(o){o&&u(e),f.d(),p&&p.d(),_.d(),t[13](null)}}}function Q(t,e,o){const r=["total","value","light","pagelabel","prefixlabel","hrefprev","hrefnext"];let i,n=h(e,r),{total:c=1}=e,{value:l=1}=e,{light:a=!1}=e,{pagelabel:b}=e,{prefixlabel:d="Page"}=e,{hrefprev:s=""}=e,{hrefnext:u=""}=e,w=new C(g(),f());return p((()=>{const t=(null==i?void 0:i.querySelector(".mc-select")).options.namedItem(l.toString());t&&(t.selected=!0)})),t.$$set=t=>{e=m(m({},e),x(t)),o(11,n=h(e,r)),"total"in t&&o(1,c=t.total),"value"in t&&o(0,l=t.value),"light"in t&&o(2,a=t.light),"pagelabel"in t&&o(3,b=t.pagelabel),"prefixlabel"in t&&o(4,d=t.prefixlabel),"hrefprev"in t&&o(5,s=t.hrefprev),"hrefnext"in t&&o(6,u=t.hrefnext)},[l,c,a,b,d,s,u,i,function(){o(0,l--,l),w.dispatch("on-previous-page",l)},function(){o(0,l++,l),w.dispatch("on-next-page",l)},function(){w.dispatch("on-update-page",l)},n,function(){l=A(this),o(0,l)},function(t){N[t?"unshift":"push"]((()=>{i=t,o(7,i)}))}]}class W extends t{constructor(t){super();const m=document.createElement("style");m.textContent=".mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#188803;font-family:\"LeroyMerlin\", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006902;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006902}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}a.mc-button:disabled{pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#188803;border-color:#188803;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-select{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.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select: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-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==\");border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+\");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-pagination{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem}.mc-pagination__select{font-size:1rem;line-height:1.125;padding:0.875rem 3rem 0.875rem calc(0.75rem - 1px)}@media screen and (min-width: 1024px){.mc-pagination__select{font-size:0.875rem;line-height:1.1428571429;padding:calc(0.5rem - 1px) 2.25rem calc(0.5rem - 1px) calc(0.5rem - 1px)}}",this.shadowRoot.appendChild(m),e(this,{target:this.shadowRoot,props:o(this.attributes),customElement:!0},Q,G,n,{total:1,value:0,light:2,pagelabel:3,prefixlabel:4,hrefprev:5,hrefnext:6},null),t&&(t.target&&r(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["total","value","light","pagelabel","prefixlabel","hrefprev","hrefnext"]}get total(){return this.$$.ctx[1]}set total(t){this.$$set({total:t}),i()}get value(){return this.$$.ctx[0]}set value(t){this.$$set({value:t}),i()}get light(){return this.$$.ctx[2]}set light(t){this.$$set({light:t}),i()}get pagelabel(){return this.$$.ctx[3]}set pagelabel(t){this.$$set({pagelabel:t}),i()}get prefixlabel(){return this.$$.ctx[4]}set prefixlabel(t){this.$$set({prefixlabel:t}),i()}get hrefprev(){return this.$$.ctx[5]}set hrefprev(t){this.$$set({hrefprev:t}),i()}get hrefnext(){return this.$$.ctx[6]}set hrefnext(t){this.$$set({hrefnext:t}),i()}}export{W as default};
 //# sourceMappingURL=Pagination.js.map

package/public/components/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/pagination/Pagination.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    onMount,\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let total = 1;\n  export let value = 1;\n  export let light = false;\n  export let pagelabel: string;\n  export let prefixlabel = 'Page';\n  export let hrefprev = '';\n  export let hrefnext = '';\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const component: any = get_current_component();\n  onMount(() => {\n    /* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */\n    const select = component.shadowRoot.querySelector('.mc-select');\n    const options = select.options;\n    const selectedOption = options.namedItem(value);\n    if (selectedOption) {\n      selectedOption.selected = true;\n    }\n    /* eslint-enable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */\n  });\n\n  function dispatchPreviousPageEvent(): void {\n    value--;\n    eventHandler.dispatch('on-previous-page', value);\n  }\n\n  function dispatchNextPageEvent(): void {\n    value++;\n    eventHandler.dispatch('on-next-page', value);\n  }\n\n  function dispatchChangePageEvent(): void {\n    eventHandler.dispatch('on-update-page', value);\n  }\n</script>\n\n<nav\n  class=\"mc-pagination {light ? 'mc-pagination--light' : ''}\"\n  role=\"navigation\"\n  aria-label=\"pagination\"\n  {...$$restProps}\n>\n  {#if hrefprev}\n    <a\n      class=\"mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l\"\n      href={hrefprev}\n      aria-label=\"Previous page\"\n      disabled={Number(value) === 1 || Number(total) === 1}\n    >\n      <navigation-arrow-arrow--left-24px\n        size=\"100%\"\n        class=\"mc-pagination__button-icon mc-button__icon\"\n      />\n    </a>\n  {:else}\n    <button\n      class=\"mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l\"\n      aria-label=\"Previous page\"\n      disabled={Number(value) === 1 || Number(total) === 1}\n      on:click|preventDefault={dispatchPreviousPageEvent}\n    >\n      <navigation-arrow-arrow--left-24px\n        size=\"100%\"\n        class=\"mc-pagination__button-icon mc-button__icon\"\n      />\n    </button>\n  {/if}\n  {#if !light}\n    <div class=\"mc-pagination__field\">\n      <select\n        class=\"mc-select mc-pagination__select\"\n        disabled={Number(total) === 1}\n        bind:value\n        on:change={dispatchChangePageEvent}\n      >\n        {#each { length: total } as _, number}\n          {@const optionValue = number + 1}\n          <option\n            name={String(optionValue)}\n            selected={optionValue == value}\n            value={optionValue}\n            >{prefixlabel} {optionValue} {pagelabel} {total}</option\n          >\n        {/each}\n      </select>\n    </div>\n  {/if}\n  {#if hrefnext}\n    <a\n      class=\"mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l\"\n      href={hrefnext}\n      aria-label=\"Next Page\"\n      disabled={Number(value) === Number(total) || Number(total) === 1}\n    >\n      <navigation-arrow-arrow--right-24px\n        size=\"100%\"\n        class=\"mc-pagination__button-icon mc-button__icon\"\n      />\n    </a>\n  {:else}\n    <button\n      class=\"mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l\"\n      aria-label=\"Previous page\"\n      disabled={Number(value) === Number(total) || Number(total) === 1}\n      on:click|preventDefault={dispatchNextPageEvent}\n    >\n      <navigation-arrow-arrow--right-24px\n        size=\"100%\"\n        class=\"mc-pagination__button-icon mc-button__icon\"\n      />\n    </button>\n  {/if}\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n  @import '@mozaic-ds/styles/components/c.select';\n  @import '@mozaic-ds/styles/components/c.pagination';\n</style>\n"],"names":["constants_0","child_ctx","Number","ctx","insert","target","button","anchor","append","navigation_arrow_arrow__left_24px","a","each_value","length","i","div","select","attr","option","String","selected","option_selected_value","dirty","navigation_arrow_arrow__right_24px","create_if_block_2","create_if_block_1","create_if_block","nav","class","nav_class_value","total","$$props","value","light","pagelabel","prefixlabel","hrefprev","hrefnext","eventHandler","EventHandler","get_current_component","createEventDispatcher","component","onMount","selectedOption","shadowRoot","querySelector","options","namedItem","dispatch"],"mappings":"2VA2FgC,MAAAA,EAAAC,MAAS,2VAlBP,IAAlBC,OAAOC,EAAW,KAAuB,IAAlBD,OAAOC,EAAK,YAH/CC,EAUQC,EAAAC,EAAAC,GAJNC,EAGCF,EAAAG,uBALwBN,EAAyB,+BADtB,IAAlBD,OAAOC,EAAW,KAAuB,IAAlBD,OAAOC,EAAK,yUAbvCA,EAAQ,uDAEc,IAAlBD,OAAOC,EAAW,KAAuB,IAAlBD,OAAOC,EAAK,aAJ/CC,EAUGC,EAAAK,EAAAH,GAJDC,EAGCE,EAAAD,4BAPKN,EAAQ,gBAEc,IAAlBD,OAAOC,EAAW,KAAuB,IAAlBD,OAAOC,EAAK,oEA4BlCQ,EAAA,CAAAC,OAAQT,EAAK,yBAApBS,OAAIC,GAAA,wJAJsB,IAAlBX,OAAOC,EAAK,sFAH1BC,EAiBKC,EAAAS,EAAAP,GAhBHC,EAeQM,EAAAC,yGAXKZ,EAAuB,sCAEzBQ,EAAA,CAAAC,OAAQT,EAAK,YAApBS,OAAIC,GAAA,EAAA,iHAAJD,mBAJ0B,IAAlBV,OAAOC,EAAK,sIAUhBA,EAAW,cAAGA,EAAW,eAAGA,EAAS,cAAGA,EAAK,IAHzCa,EAAAC,EAAA,OAAAC,OAAOf,EAAW,MACdc,EAAAE,SAAAC,EAAAjB,OAAeA,EAAK,aACvBA,EAAW,8BAHpBC,EAKAC,EAAAY,EAAAV,sEADIJ,EAAW,aAAiBA,EAAS,aAAGA,EAAK,IAFrC,EAAAkB,GAAAD,KAAAA,EAAAjB,OAAeA,EAAK,6WAwB1BD,OAAOC,EAAK,MAAMD,OAAOC,EAAK,KAAuB,IAAlBD,OAAOC,EAAK,YAH3DC,EAUQC,EAAAC,EAAAC,GAJNC,EAGCF,EAAAgB,uBALwBnB,EAAqB,+BADpCD,OAAOC,EAAK,MAAMD,OAAOC,EAAK,KAAuB,IAAlBD,OAAOC,EAAK,0UAbnDA,EAAQ,mDAEJD,OAAOC,EAAK,MAAMD,OAAOC,EAAK,KAAuB,IAAlBD,OAAOC,EAAK,aAJ3DC,EAUGC,EAAAK,EAAAH,GAJDC,EAGCE,EAAAY,4BAPKnB,EAAQ,gBAEJD,OAAOC,EAAK,MAAMD,OAAOC,EAAK,KAAuB,IAAlBD,OAAOC,EAAK,yFAlDxDA,EAAQ,GAAAoB,yBAyBPpB,EAAK,IAAAqB,EAAArB,0BAoBNA,EAAQ,GAAAsB,oDAlDStB,EAAK,GAAG,uBAAyB,qDAGnDA,EAAW,iIAJjBC,EA4EKC,EAAAqB,EAAAnB,+HA7CGJ,EAAK,kKA9BWA,EAAK,GAAG,uBAAyB,MAAE,CAAAwB,MAAAC,2DAGrDzB,EAAW,sKA7CJ0B,MAAAA,EAAQ,GAACC,GACTC,MAAAA,EAAQ,GAACD,GACTE,MAAAA,GAAQ,GAAKF,aACbG,GAAiBH,GACjBI,YAAAA,EAAc,QAAMJ,GACpBK,SAAAA,EAAW,IAAEL,GACbM,SAAAA,EAAW,IAAEN,EAEpBO,EAAmB,IAAAC,EACrBC,IACAC,KAII,MAAAC,EAAiBF,WACvBG,GAAO,KAEC,MAEAC,EAFSF,EAAUG,WAAWC,cAAc,cAC3BC,QACQC,UAAUhB,GACrCY,IACFA,EAAexB,UAAW,sTAM5BY,IAAKA,GACLM,EAAaW,SAAS,mBAAoBjB,mBAI1CA,IAAKA,GACLM,EAAaW,SAAS,eAAgBjB,eAItCM,EAAaW,SAAS,iBAAkBjB"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/pagination/Pagination.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    onMount,\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let total = 1;\n  export let value = 1;\n  export let light = false;\n  export let pagelabel: string;\n  export let prefixlabel = 'Page';\n  export let hrefprev = '';\n  export let hrefnext = '';\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  let component: HTMLElement;\n  onMount(() => {\n    const select = component?.querySelector('.mc-select') as HTMLSelectElement;\n    const options = select.options;\n    const selectedOption = options.namedItem(value.toString());\n    if (selectedOption) {\n      selectedOption.selected = true;\n    }\n  });\n\n  function dispatchPreviousPageEvent(): void {\n    value--;\n    eventHandler.dispatch('on-previous-page', value);\n  }\n\n  function dispatchNextPageEvent(): void {\n    value++;\n    eventHandler.dispatch('on-next-page', value);\n  }\n\n  function dispatchChangePageEvent(): void {\n    eventHandler.dispatch('on-update-page', value);\n  }\n</script>\n\n<nav\n  class=\"mc-pagination {light ? 'mc-pagination--light' : ''}\"\n  role=\"navigation\"\n  aria-label=\"pagination\"\n  {...$$restProps}\n  bind:this={component}\n>\n  {#if hrefprev}\n    <a\n      class=\"mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l\"\n      href={hrefprev}\n      aria-label=\"Previous page\"\n      disabled={Number(value) === 1 || Number(total) === 1}\n    >\n      <navigation-arrow-arrow--left-24px\n        size=\"100%\"\n        class=\"mc-pagination__button-icon mc-button__icon\"\n      />\n    </a>\n  {:else}\n    <button\n      class=\"mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l\"\n      aria-label=\"Previous page\"\n      disabled={Number(value) === 1 || Number(total) === 1}\n      on:click|preventDefault={dispatchPreviousPageEvent}\n    >\n      <navigation-arrow-arrow--left-24px\n        size=\"100%\"\n        class=\"mc-pagination__button-icon mc-button__icon\"\n      />\n    </button>\n  {/if}\n  {#if !light}\n    <div class=\"mc-pagination__field\">\n      <select\n        class=\"mc-select mc-pagination__select\"\n        disabled={Number(total) === 1}\n        bind:value\n        on:change={dispatchChangePageEvent}\n      >\n        {#each { length: total } as _, number}\n          {@const optionValue = number + 1}\n          <option\n            name={String(optionValue)}\n            selected={optionValue == value}\n            value={optionValue}\n            >{prefixlabel} {optionValue} {pagelabel} {total}</option\n          >\n        {/each}\n      </select>\n    </div>\n  {/if}\n  {#if hrefnext}\n    <a\n      class=\"mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l\"\n      href={hrefnext}\n      aria-label=\"Next Page\"\n      disabled={Number(value) === Number(total) || Number(total) === 1}\n    >\n      <navigation-arrow-arrow--right-24px\n        size=\"100%\"\n        class=\"mc-pagination__button-icon mc-button__icon\"\n      />\n    </a>\n  {:else}\n    <button\n      class=\"mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l\"\n      aria-label=\"Previous page\"\n      disabled={Number(value) === Number(total) || Number(total) === 1}\n      on:click|preventDefault={dispatchNextPageEvent}\n    >\n      <navigation-arrow-arrow--right-24px\n        size=\"100%\"\n        class=\"mc-pagination__button-icon mc-button__icon\"\n      />\n    </button>\n  {/if}\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n  @import '@mozaic-ds/styles/components/c.select';\n  @import '@mozaic-ds/styles/components/c.pagination';\n</style>\n"],"names":["constants_0","child_ctx","Number","ctx","insert","target","button","anchor","append","navigation_arrow_arrow__left_24px","a","each_value","length","i","div","select","attr","option","String","selected","option_selected_value","dirty","navigation_arrow_arrow__right_24px","create_if_block_2","create_if_block_1","create_if_block","nav","class","nav_class_value","component","total","$$props","value","light","pagelabel","prefixlabel","hrefprev","hrefnext","eventHandler","EventHandler","get_current_component","createEventDispatcher","onMount","selectedOption","querySelector","options","namedItem","toString","dispatch","$$value"],"mappings":"uWAyFgC,MAAAA,EAAAC,MAAS,2VAlBP,IAAlBC,OAAOC,EAAW,KAAuB,IAAlBD,OAAOC,EAAK,YAH/CC,EAUQC,EAAAC,EAAAC,GAJNC,EAGCF,EAAAG,uBALwBN,EAAyB,+BADtB,IAAlBD,OAAOC,EAAW,KAAuB,IAAlBD,OAAOC,EAAK,yUAbvCA,EAAQ,uDAEc,IAAlBD,OAAOC,EAAW,KAAuB,IAAlBD,OAAOC,EAAK,aAJ/CC,EAUGC,EAAAK,EAAAH,GAJDC,EAGCE,EAAAD,4BAPKN,EAAQ,gBAEc,IAAlBD,OAAOC,EAAW,KAAuB,IAAlBD,OAAOC,EAAK,oEA4BlCQ,EAAA,CAAAC,OAAQT,EAAK,yBAApBS,OAAIC,GAAA,wJAJsB,IAAlBX,OAAOC,EAAK,sFAH1BC,EAiBKC,EAAAS,EAAAP,GAhBHC,EAeQM,EAAAC,yGAXKZ,EAAuB,uCAEzBQ,EAAA,CAAAC,OAAQT,EAAK,YAApBS,OAAIC,GAAA,EAAA,iHAAJD,mBAJ0B,IAAlBV,OAAOC,EAAK,sIAUhBA,EAAW,cAAGA,EAAW,eAAGA,EAAS,cAAGA,EAAK,IAHzCa,EAAAC,EAAA,OAAAC,OAAOf,EAAW,MACdc,EAAAE,SAAAC,EAAAjB,OAAeA,EAAK,aACvBA,EAAW,8BAHpBC,EAKAC,EAAAY,EAAAV,sEADIJ,EAAW,aAAiBA,EAAS,aAAGA,EAAK,IAFrC,EAAAkB,GAAAD,KAAAA,EAAAjB,OAAeA,EAAK,6WAwB1BD,OAAOC,EAAK,MAAMD,OAAOC,EAAK,KAAuB,IAAlBD,OAAOC,EAAK,YAH3DC,EAUQC,EAAAC,EAAAC,GAJNC,EAGCF,EAAAgB,uBALwBnB,EAAqB,+BADpCD,OAAOC,EAAK,MAAMD,OAAOC,EAAK,KAAuB,IAAlBD,OAAOC,EAAK,0UAbnDA,EAAQ,mDAEJD,OAAOC,EAAK,MAAMD,OAAOC,EAAK,KAAuB,IAAlBD,OAAOC,EAAK,aAJ3DC,EAUGC,EAAAK,EAAAH,GAJDC,EAGCE,EAAAY,4BAPKnB,EAAQ,gBAEJD,OAAOC,EAAK,MAAMD,OAAOC,EAAK,KAAuB,IAAlBD,OAAOC,EAAK,yFAlDxDA,EAAQ,GAAAoB,yBAyBPpB,EAAK,IAAAqB,EAAArB,0BAoBNA,EAAQ,GAAAsB,oDAnDStB,EAAK,GAAG,uBAAyB,qDAGnDA,EAAW,iIAJjBC,EA6EKC,EAAAqB,EAAAnB,wIA7CGJ,EAAK,kKA/BWA,EAAK,GAAG,uBAAyB,MAAE,CAAAwB,MAAAC,2DAGrDzB,EAAW,wKA7BX0B,YAbOC,MAAAA,EAAQ,GAACC,GACTC,MAAAA,EAAQ,GAACD,GACTE,MAAAA,GAAQ,GAAKF,aACbG,GAAiBH,GACjBI,YAAAA,EAAc,QAAMJ,GACpBK,SAAAA,EAAW,IAAEL,GACbM,SAAAA,EAAW,IAAEN,EAEpBO,EAAmB,IAAAC,EACrBC,IACAC,YAIFC,GAAO,KACC,MAEAC,GAFSd,eAAAA,EAAWe,cAAc,eACjBC,QACQC,UAAUd,EAAMe,YAC3CJ,IACFA,EAAexB,UAAW,wTAK5Ba,IAAKA,GACLM,EAAaU,SAAS,mBAAoBhB,mBAI1CA,IAAKA,GACLM,EAAaU,SAAS,eAAgBhB,eAItCM,EAAaU,SAAS,iBAAkBhB,2EAS/BH,EAASoB"}

package/public/components/pagination/Pagination.svelte

@@ -21,17 +21,14 @@
     createEventDispatcher(),
   );
 
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  const component: any = get_current_component();
+  let component: HTMLElement;
   onMount(() => {
-    /* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */
-    const select = component.shadowRoot.querySelector('.mc-select');
+    const select = component?.querySelector('.mc-select') as HTMLSelectElement;
     const options = select.options;
-    const selectedOption = options.namedItem(value);
+    const selectedOption = options.namedItem(value.toString());
     if (selectedOption) {
       selectedOption.selected = true;
     }
-    /* eslint-enable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */
   });
 
   function dispatchPreviousPageEvent(): void {
@@ -54,6 +51,7 @@
   role="navigation"
   aria-label="pagination"
   {...$$restProps}
+  bind:this={component}
 >
   {#if hrefprev}
     <a

package/public/components/stepperbar/StepperBar.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as r,b as a,f as n,s as i,e as o,t as l,d as c,n as d,g as s,v as b,j as m,l as p,k as u,o as f,M as x,q as h,r as g}from"../../index-9ffad6d0.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function v(e){let t,r,n,i;return{c(){t=o("button"),r=l(e[1]),s(t,"class","mc-button mc-button--s mc-button--bordered-neutral"),s(t,"aria-label",e[1]),s(t,"type","button"),s(t,"id","prevlabel")},m(o,l){a(o,t,l),m(t,r),n||(i=p(t,"click",e[8]),n=!0)},p(e,a){2&a&&u(r,e[1]),2&a&&s(t,"aria-label",e[1])},d(e){e&&f(t),n=!1,i()}}}function k(e){let t;return{c(){t=l(e[3])},m(e,r){a(e,t,r)},p(e,r){8&r&&u(t,e[3])},d(e){e&&f(t)}}}function $(e){let t;return{c(){t=l(e[2])},m(e,r){a(e,t,r)},p(e,r){4&r&&u(t,e[2])},d(e){e&&f(t)}}}function y(e){let t,r,n,i,h,g,w,y,z,j=e[4]>0&&v(e);function _(e,t){return e[4]<e[5]?$:e[4]>=e[5]?k:void 0}let E=_(e),C=E&&E(e);return{c(){t=o("div"),r=o("button"),n=l(e[0]),i=c(),h=o("div"),j&&j.c(),g=c(),w=o("button"),C&&C.c(),this.c=d,s(r,"class","mc-button mc-button--s mc-button--bordered-danger"),s(r,"aria-label",e[0]),s(r,"type","button"),s(r,"id","cancelbutton"),s(w,"class","mc-button mc-button--s mc-stepper-bar__next"),s(w,"aria-label",e[2]),s(w,"type","button"),s(w,"id","nextlabel"),s(h,"class","mc-stepper-bar__actions"),s(t,"class","ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"),b(t,"mc-bottom-bar--fixed",e[6])},m(o,l){a(o,t,l),m(t,r),m(r,n),m(t,i),m(t,h),j&&j.m(h,null),m(h,g),m(h,w),C&&C.m(w,null),y||(z=[p(r,"click",e[7]),p(w,"click",e[9])],y=!0)},p(e,[a]){1&a&&u(n,e[0]),1&a&&s(r,"aria-label",e[0]),e[4]>0?j?j.p(e,a):(j=v(e),j.c(),j.m(h,g)):j&&(j.d(1),j=null),E===(E=_(e))&&C?C.p(e,a):(C&&C.d(1),C=E&&E(e),C&&(C.c(),C.m(w,null))),4&a&&s(w,"aria-label",e[2]),64&a&&b(t,"mc-bottom-bar--fixed",e[6])},i:d,o:d,d(e){e&&f(t),j&&j.d(),C&&C.d(),y=!1,x(z)}}}function z(e,t,r){let a,n,i,{fixed:o}=t,{cancellabel:l}=t,{prevlabel:c}=t,{nextlabel:d}=t,{validatelabel:s}=t,{currentstep:b}=t,{stepsnb:m}=t,p=new w(h(),g());return e.$$set=e=>{"fixed"in e&&r(10,o=e.fixed),"cancellabel"in e&&r(0,l=e.cancellabel),"prevlabel"in e&&r(1,c=e.prevlabel),"nextlabel"in e&&r(2,d=e.nextlabel),"validatelabel"in e&&r(3,s=e.validatelabel),"currentstep"in e&&r(11,b=e.currentstep),"stepsnb"in e&&r(12,m=e.stepsnb)},e.$$.update=()=>{1024&e.$$.dirty&&r(6,a=!!o||void 0),2048&e.$$.dirty&&r(4,n=b||0),4096&e.$$.dirty&&r(5,i=m||0)},[l,c,d,s,n,i,a,function(e){p.dispatch("cancel",e)},function(){n-1>=0&&(r(4,n--,n),p.dispatch("previous-step",n))},function(){r(4,n++,n),p.dispatch("next-step",n)},o,b,m]}class j extends e{constructor(e){super();const o=document.createElement("style");o.textContent='.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-stepper-bar{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-stepper-bar__actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#188803;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#006902;color:#ffffff}.mc-button:active{background-color:#006902}.mc-button:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}',this.shadowRoot.appendChild(o),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},z,y,i,{fixed:10,cancellabel:0,prevlabel:1,nextlabel:2,validatelabel:3,currentstep:11,stepsnb:12},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["fixed","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb"]}get fixed(){return this.$$.ctx[10]}set fixed(e){this.$$set({fixed:e}),n()}get cancellabel(){return this.$$.ctx[0]}set cancellabel(e){this.$$set({cancellabel:e}),n()}get prevlabel(){return this.$$.ctx[1]}set prevlabel(e){this.$$set({prevlabel:e}),n()}get nextlabel(){return this.$$.ctx[2]}set nextlabel(e){this.$$set({nextlabel:e}),n()}get validatelabel(){return this.$$.ctx[3]}set validatelabel(e){this.$$set({validatelabel:e}),n()}get currentstep(){return this.$$.ctx[11]}set currentstep(e){this.$$set({currentstep:e}),n()}get stepsnb(){return this.$$.ctx[12]}set stepsnb(e){this.$$set({stepsnb:e}),n()}}export{j as default};
+import{S as e,i as t,a,b as i,f as r,s as n,e as l,t as d,d as o,n as c,g as s,v as b,j as m,l as p,k as u,o as f,M as x,q as h,r as g}from"../../index-9ffad6d0.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function $(e){let t,a,r,n;return{c(){t=l("button"),a=d(e[1]),s(t,"class","mc-button mc-button--s mc-button--bordered-neutral"),t.disabled=e[6],s(t,"aria-label",e[1]),s(t,"type","button"),s(t,"id","prevlabel")},m(l,d){i(l,t,d),m(t,a),r||(n=p(t,"click",e[11]),r=!0)},p(e,i){2&i&&u(a,e[1]),64&i&&(t.disabled=e[6]),2&i&&s(t,"aria-label",e[1])},d(e){e&&f(t),r=!1,n()}}}function v(e){let t;return{c(){t=d(e[3])},m(e,a){i(e,t,a)},p(e,a){8&a&&u(t,e[3])},d(e){e&&f(t)}}}function k(e){let t;return{c(){t=d(e[2])},m(e,a){i(e,t,a)},p(e,a){4&a&&u(t,e[2])},d(e){e&&f(t)}}}function y(e){let t,a,r,n,h,g,w,y,z,j=e[4]>0&&$(e);function _(e,t){return e[4]<e[8]?k:e[4]>=e[8]?v:void 0}let E=_(e),C=E&&E(e);return{c(){t=l("div"),a=l("button"),r=d(e[0]),n=o(),h=l("div"),j&&j.c(),g=o(),w=l("button"),C&&C.c(),this.c=c,s(a,"class","mc-button mc-button--s mc-button--bordered-danger"),a.disabled=e[5],s(a,"aria-label",e[0]),s(a,"type","button"),s(a,"id","cancelbutton"),s(w,"class","mc-button mc-button--s mc-stepper-bar__next"),s(w,"aria-label",e[2]),s(w,"type","button"),s(w,"id","nextlabel"),w.disabled=e[7],s(h,"class","mc-stepper-bar__actions"),s(t,"class","ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"),b(t,"mc-bottom-bar--fixed",e[9])},m(l,d){i(l,t,d),m(t,a),m(a,r),m(t,n),m(t,h),j&&j.m(h,null),m(h,g),m(h,w),C&&C.m(w,null),y||(z=[p(a,"click",e[10]),p(w,"click",e[12])],y=!0)},p(e,[i]){1&i&&u(r,e[0]),32&i&&(a.disabled=e[5]),1&i&&s(a,"aria-label",e[0]),e[4]>0?j?j.p(e,i):(j=$(e),j.c(),j.m(h,g)):j&&(j.d(1),j=null),E===(E=_(e))&&C?C.p(e,i):(C&&C.d(1),C=E&&E(e),C&&(C.c(),C.m(w,null))),4&i&&s(w,"aria-label",e[2]),128&i&&(w.disabled=e[7]),512&i&&b(t,"mc-bottom-bar--fixed",e[9])},i:c,o:c,d(e){e&&f(t),j&&j.d(),C&&C.d(),y=!1,x(z)}}}function z(e,t,a){let i,r,n,l,d,o,{fixed:c}=t,{cancellabel:s}=t,{prevlabel:b}=t,{nextlabel:m}=t,{validatelabel:p}=t,{currentstep:u}=t,{stepsnb:f}=t,{disablednext:x}=t,{disabledprev:$}=t,{disabledcancel:v}=t,k=new w(h(),g());return e.$$set=e=>{"fixed"in e&&a(13,c=e.fixed),"cancellabel"in e&&a(0,s=e.cancellabel),"prevlabel"in e&&a(1,b=e.prevlabel),"nextlabel"in e&&a(2,m=e.nextlabel),"validatelabel"in e&&a(3,p=e.validatelabel),"currentstep"in e&&a(14,u=e.currentstep),"stepsnb"in e&&a(15,f=e.stepsnb),"disablednext"in e&&a(16,x=e.disablednext),"disabledprev"in e&&a(17,$=e.disabledprev),"disabledcancel"in e&&a(18,v=e.disabledcancel)},e.$$.update=()=>{8192&e.$$.dirty&&a(9,i=!!c||void 0),16384&e.$$.dirty&&a(4,r=u||0),32768&e.$$.dirty&&a(8,n=f||0),65536&e.$$.dirty&&a(7,l=!!x||void 0),131072&e.$$.dirty&&a(6,d=!!$||void 0),262144&e.$$.dirty&&a(5,o=!!v||void 0)},[s,b,m,p,r,o,d,l,n,i,function(e){k.dispatch("cancel",e)},function(){r-1>=0&&(a(4,r--,r),k.dispatch("previous-step",r))},function(){a(4,r++,r),k.dispatch("next-step",r)},c,u,f,x,$,v]}class j extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-stepper-bar{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-stepper-bar__actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#188803;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#006902;color:#ffffff}.mc-button:active{background-color:#006902}.mc-button:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},z,y,n,{fixed:13,cancellabel:0,prevlabel:1,nextlabel:2,validatelabel:3,currentstep:14,stepsnb:15,disablednext:16,disabledprev:17,disabledcancel:18},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["fixed","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","disablednext","disabledprev","disabledcancel"]}get fixed(){return this.$$.ctx[13]}set fixed(e){this.$$set({fixed:e}),r()}get cancellabel(){return this.$$.ctx[0]}set cancellabel(e){this.$$set({cancellabel:e}),r()}get prevlabel(){return this.$$.ctx[1]}set prevlabel(e){this.$$set({prevlabel:e}),r()}get nextlabel(){return this.$$.ctx[2]}set nextlabel(e){this.$$set({nextlabel:e}),r()}get validatelabel(){return this.$$.ctx[3]}set validatelabel(e){this.$$set({validatelabel:e}),r()}get currentstep(){return this.$$.ctx[14]}set currentstep(e){this.$$set({currentstep:e}),r()}get stepsnb(){return this.$$.ctx[15]}set stepsnb(e){this.$$set({stepsnb:e}),r()}get disablednext(){return this.$$.ctx[16]}set disablednext(e){this.$$set({disablednext:e}),r()}get disabledprev(){return this.$$.ctx[17]}set disabledprev(e){this.$$set({disabledprev:e}),r()}get disabledcancel(){return this.$$.ctx[18]}set disabledcancel(e){this.$$set({disabledcancel:e}),r()}}export{j as default};
 //# sourceMappingURL=StepperBar.js.map

package/public/components/stepperbar/StepperBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperBar.js","sources":["../../../src/components/stepperbar/StepperBar.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\n  export let fixed: boolean;\n  export let cancellabel: string;\n  export let prevlabel: string;\n  export let nextlabel: string;\n  export let validatelabel: string;\n  export let currentstep: number;\n  export let stepsnb: number;\n\n  $: isFixed = fixed ? true : undefined;\n  $: currentStep = currentstep ? currentstep : 0;\n  $: stepsNb = stepsnb ? stepsnb : 0;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function handleCancel(e: Event): void {\n    eventHandler.dispatch('cancel', e);\n  }\n\n  function handlePrev(): void {\n    if (currentStep - 1 >= 0) {\n      currentStep--;\n      eventHandler.dispatch('previous-step', currentStep);\n    }\n  }\n\n  function handleNext(): void {\n    currentStep++;\n    eventHandler.dispatch('next-step', currentStep);\n  }\n</script>\n\n<div\n  class=\"ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar\"\n  class:mc-bottom-bar--fixed={isFixed}\n>\n  <button\n    class=\"mc-button mc-button--s mc-button--bordered-danger\"\n    aria-label={cancellabel}\n    type=\"button\"\n    id=\"cancelbutton\"\n    on:click={handleCancel}\n  >\n    {cancellabel}\n  </button>\n\n  <div class=\"mc-stepper-bar__actions\">\n    {#if currentStep > 0}\n      <button\n        class=\"mc-button mc-button--s mc-button--bordered-neutral\"\n        aria-label={prevlabel}\n        type=\"button\"\n        id=\"prevlabel\"\n        on:click={handlePrev}\n      >\n        {prevlabel}\n      </button>\n    {/if}\n\n    <button\n      class=\"mc-button mc-button--s mc-stepper-bar__next\"\n      aria-label={nextlabel}\n      type=\"button\"\n      id=\"nextlabel\"\n      on:click={handleNext}\n    >\n      {#if currentStep < stepsNb}\n        {nextlabel}\n      {:else if currentStep >= stepsNb}\n        {validatelabel}\n      {/if}\n    </button>\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/layouts/_l.container';\n  @import '@mozaic-ds/styles/components/_c.bottom-bar';\n  @import '@mozaic-ds/styles/components/_c.stepper-bar';\n  @import '@mozaic-ds/styles/components/_c.button';\n</style>\n"],"names":["ctx","insert","target","button","anchor","if_block0","create_if_block_2","create_if_block","create_if_block_1","div1","append","button0","div0","button1","fixed","$$props","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","eventHandler","EventHandler","get_current_component","createEventDispatcher","isFixed","undefined","currentStep","stepsNb","e","dispatch"],"mappings":"oRAkESA,EAAS,uFALEA,EAAS,uDAFvBC,EAQQC,EAAAC,EAAAC,4BAHIJ,EAAU,2BAEnBA,EAAS,0BALEA,EAAS,gEAmBpBA,EAAa,sCAAbA,EAAa,uDAFbA,EAAS,sCAATA,EAAS,wDApBTK,EAAAL,KAAc,GAACM,EAAAN,mBAmBb,OAAAA,KAAcA,EAAO,GAAAO,EAEhBP,MAAeA,EAAO,GAAAQ,OAAtB,+DAzBXR,EAAW,sJALAA,EAAW,8HAuBTA,EAAS,8LA3BGA,EAAO,YAFrCC,EAyCKC,EAAAO,EAAAL,GArCHM,EAQQD,EAAAE,iBAERD,EA0BKD,EAAAG,yBAbHF,EAYQE,EAAAC,qCA9BEb,EAAY,gBAuBVA,EAAU,8BArBrBA,EAAW,0BALAA,EAAW,IASlBA,KAAc,oJAcLA,EAAS,qCA3BGA,EAAO,2FApCxBc,GAAcC,eACdC,GAAmBD,aACnBE,GAAiBF,aACjBG,GAAiBH,iBACjBI,GAAqBJ,eACrBK,GAAmBL,WACnBM,GAAeN,EAMtBO,EAAmB,IAAAC,EACrBC,IACAC,kUANCC,IAAUZ,QAAea,wBACzBC,EAAcR,GAA4B,wBAC1CS,EAAUR,GAAoB,mBAOxB,SAAaS,GACpBR,EAAaS,SAAS,SAAUD,eAI5BF,EAAc,GAAK,QACrBA,IAAWA,GACXN,EAAaS,SAAS,gBAAiBH,oBAKzCA,IAAWA,GACXN,EAAaS,SAAS,YAAaH"}
+{"version":3,"file":"StepperBar.js","sources":["../../../src/components/stepperbar/StepperBar.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\n  export let fixed: boolean;\n  export let cancellabel: string;\n  export let prevlabel: string;\n  export let nextlabel: string;\n  export let validatelabel: string;\n  export let currentstep: number;\n  export let stepsnb: number;\n  export let disablednext: boolean;\n  export let disabledprev: boolean;\n  export let disabledcancel: boolean;\n\n  $: isFixed = fixed ? true : undefined;\n  $: currentStep = currentstep ? currentstep : 0;\n  $: stepsNb = stepsnb ? stepsnb : 0;\n  $: isNextDisabled = disablednext ? true : undefined;\n  $: isPrevDisabled = disabledprev ? true : undefined;\n  $: isCancelDisabled = disabledcancel ? true : undefined;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function handleCancel(e: Event): void {\n    eventHandler.dispatch('cancel', e);\n  }\n\n  function handlePrev(): void {\n    if (currentStep - 1 >= 0) {\n      currentStep--;\n      eventHandler.dispatch('previous-step', currentStep);\n    }\n  }\n\n  function handleNext(): void {\n    currentStep++;\n    eventHandler.dispatch('next-step', currentStep);\n  }\n</script>\n\n<div\n  class=\"ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar\"\n  class:mc-bottom-bar--fixed={isFixed}\n>\n  <button\n    class=\"mc-button mc-button--s mc-button--bordered-danger\"\n    disabled={isCancelDisabled}\n    aria-label={cancellabel}\n    type=\"button\"\n    id=\"cancelbutton\"\n    on:click={handleCancel}\n  >\n    {cancellabel}\n  </button>\n\n  <div class=\"mc-stepper-bar__actions\">\n    {#if currentStep > 0}\n      <button\n        class=\"mc-button mc-button--s mc-button--bordered-neutral\"\n        disabled={isPrevDisabled}\n        aria-label={prevlabel}\n        type=\"button\"\n        id=\"prevlabel\"\n        on:click={handlePrev}\n      >\n        {prevlabel}\n      </button>\n    {/if}\n\n    <button\n      class=\"mc-button mc-button--s mc-stepper-bar__next\"\n      aria-label={nextlabel}\n      type=\"button\"\n      id=\"nextlabel\"\n      disabled={isNextDisabled}\n      on:click={handleNext}\n    >\n      {#if currentStep < stepsNb}\n        {nextlabel}\n      {:else if currentStep >= stepsNb}\n        {validatelabel}\n      {/if}\n    </button>\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/layouts/_l.container';\n  @import '@mozaic-ds/styles/components/_c.bottom-bar';\n  @import '@mozaic-ds/styles/components/_c.stepper-bar';\n  @import '@mozaic-ds/styles/components/_c.button';\n</style>\n"],"names":["ctx","insert","target","button","anchor","if_block0","create_if_block_2","create_if_block","create_if_block_1","div1","append","button0","div0","button1","fixed","$$props","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","disablednext","disabledprev","disabledcancel","eventHandler","EventHandler","get_current_component","createEventDispatcher","isFixed","undefined","currentStep","stepsNb","isNextDisabled","isPrevDisabled","isCancelDisabled","e","dispatch"],"mappings":"+QA0ESA,EAAS,iFANAA,EAAc,oBACZA,EAAS,uDAHvBC,EASQC,EAAAC,EAAAC,4BAHIJ,EAAU,4BAEnBA,EAAS,sBANAA,EAAc,0BACZA,EAAS,gEAoBpBA,EAAa,sCAAbA,EAAa,uDAFbA,EAAS,sCAATA,EAAS,wDAtBTK,EAAAL,KAAc,GAACM,EAAAN,mBAqBb,OAAAA,KAAcA,EAAO,GAAAO,EAEhBP,MAAeA,EAAO,GAAAQ,OAAtB,+DA3BXR,EAAW,gJANFA,EAAgB,oBACdA,EAAW,8HAwBTA,EAAS,0DAGXA,EAAc,kJAhCAA,EAAO,YAFrCC,EA4CKC,EAAAO,EAAAL,GAxCHM,EASQD,EAAAE,iBAERD,EA4BKD,EAAAG,yBAdHF,EAaQE,EAAAC,qCAhCEb,EAAY,iBAyBVA,EAAU,+BAvBrBA,EAAW,sBANFA,EAAgB,0BACdA,EAAW,IASlBA,KAAc,oJAeLA,EAAS,uBAGXA,EAAc,sCAhCAA,EAAO,iGA1CxBc,GAAcC,eACdC,GAAmBD,aACnBE,GAAiBF,aACjBG,GAAiBH,iBACjBI,GAAqBJ,eACrBK,GAAmBL,WACnBM,GAAeN,gBACfO,GAAqBP,gBACrBQ,GAAqBR,kBACrBS,GAAuBT,EAS9BU,EAAmB,IAAAC,EACrBC,IACAC,ucATCC,IAAUf,QAAegB,yBACzBC,EAAcX,GAA4B,yBAC1CY,EAAUX,GAAoB,yBAC9BY,IAAiBX,QAAsBQ,0BACvCI,IAAiBX,QAAsBO,0BACvCK,IAAmBX,QAAwBM,yBAOrC,SAAaM,GACpBX,EAAaY,SAAS,SAAUD,eAI5BL,EAAc,GAAK,QACrBA,IAAWA,GACXN,EAAaY,SAAS,gBAAiBN,oBAKzCA,IAAWA,GACXN,EAAaY,SAAS,YAAaN"}

package/public/components/stepperbar/StepperBar.svelte

@@ -14,10 +14,16 @@
   export let validatelabel: string;
   export let currentstep: number;
   export let stepsnb: number;
+  export let disablednext: boolean;
+  export let disabledprev: boolean;
+  export let disabledcancel: boolean;
 
   $: isFixed = fixed ? true : undefined;
   $: currentStep = currentstep ? currentstep : 0;
   $: stepsNb = stepsnb ? stepsnb : 0;
+  $: isNextDisabled = disablednext ? true : undefined;
+  $: isPrevDisabled = disabledprev ? true : undefined;
+  $: isCancelDisabled = disabledcancel ? true : undefined;
 
   let eventHandler = new EventHandler(
     get_current_component(),
@@ -47,6 +53,7 @@
 >
   <button
     class="mc-button mc-button--s mc-button--bordered-danger"
+    disabled={isCancelDisabled}
     aria-label={cancellabel}
     type="button"
     id="cancelbutton"
@@ -59,6 +66,7 @@
     {#if currentStep > 0}
       <button
         class="mc-button mc-button--s mc-button--bordered-neutral"
+        disabled={isPrevDisabled}
         aria-label={prevlabel}
         type="button"
         id="prevlabel"
@@ -73,6 +81,7 @@
       aria-label={nextlabel}
       type="button"
       id="nextlabel"
+      disabled={isNextDisabled}
       on:click={handleNext}
     >
       {#if currentStep < stepsNb}

package/public/components/textarea/Textarea.js

@@ -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 g,M as b,p as u,q as f,u as x}from"../../index-9ffad6d0.js";import{c as $}from"../../EventForward-24fc0272.js";function v(e){let t,a,n,s,u=[{class:a=w(e[4],e[5])+" "+e[10]},{"aria-invalid":e[5]},{name:e[1]},{id:e[1]},{placeholder:e[2]},{rows:e[3]},{disabled:e[6]},{minlength:e[7]},{maxlength:e[8]},{spellcheck:"false"},e[9]],f={};for(let e=0;e<u.length;e+=1)f=r(f,u[e]);return{c(){t=l("textarea"),this.c=o,d(t,f)},m(a,r){i(a,t,r),t.autofocus&&t.focus(),c(t,e[0]),n||(s=[m(e[11].call(null,t)),h(t,"input",e[12])],n=!0)},p(e,[i]){d(t,f=p(u,[1072&i&&a!==(a=w(e[4],e[5])+" "+e[10])&&{class:a},32&i&&{"aria-invalid":e[5]},2&i&&{name:e[1]},2&i&&{id:e[1]},4&i&&{placeholder:e[2]},8&i&&{rows:e[3]},64&i&&{disabled:e[6]},128&i&&{minlength:e[7]},256&i&&{maxlength:e[8]},{spellcheck:"false"},512&i&&e[9]])),1&i&&c(t,e[0])},i:o,o:o,d(e){e&&g(t),n=!1,b(s)}}}function w(e,t){const a=["mc-textarea"];return e&&a.push("is-valid"),t&&a.push("is-invalid"),a.join(" ")}function _(e,t,a){let i,n;const s=["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"];let l=u(t,s),{name:o}=t,{value:d}=t,{placeholder:c}=t,{rows:m=3}=t,{isvalid:h}=t,{isinvalid:p}=t,{disabled:g=!1}=t,{minlength:b}=t,{maxlength:v}=t;const w=$(f());return e.$$set=e=>{a(14,t=r(r({},t),x(e))),a(13,l=u(t,s)),"name"in e&&a(1,o=e.name),"value"in e&&a(0,d=e.value),"placeholder"in e&&a(2,c=e.placeholder),"rows"in e&&a(3,m=e.rows),"isvalid"in e&&a(4,h=e.isvalid),"isinvalid"in e&&a(5,p=e.isinvalid),"disabled"in e&&a(6,g=e.disabled),"minlength"in e&&a(7,b=e.minlength),"maxlength"in e&&a(8,v=e.maxlength)},e.$$.update=()=>{a(10,i=t.class),a(9,n=Object.assign({},l)),512&e.$$.dirty&&delete n.class},t=x(t),[d,o,c,m,h,p,g,b,v,n,i,w,function(){d=this.value,a(0,d)}]}class k extends e{constructor(e){super();const r=document.createElement("style");r.textContent='@charset "UTF-8";.mc-textarea{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;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:#666666}.mc-textarea::-moz-placeholder{color:#666666}.mc-textarea:-ms-input-placeholder{color:#666666}.mc-textarea::-ms-input-placeholder{color:#666666}.mc-textarea::placeholder{color:#666666}.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},_,v,s,{name:1,value:0,placeholder:2,rows:3,isvalid:4,isinvalid:5,disabled:6,minlength:7,maxlength:8},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),n()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),n()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),n()}get rows(){return this.$$.ctx[3]}set rows(e){this.$$set({rows:e}),n()}get isvalid(){return this.$$.ctx[4]}set isvalid(e){this.$$set({isvalid:e}),n()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(e){this.$$set({isinvalid:e}),n()}get disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),n()}get minlength(){return this.$$.ctx[7]}set minlength(e){this.$$set({minlength:e}),n()}get maxlength(){return this.$$.ctx[8]}set maxlength(e){this.$$set({maxlength:e}),n()}}export{k as default};
+import{S as e,i as t,a,b as i,f as n,s,c as r,e as l,n as o,h as d,U as c,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 #666666;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:#666666}.mc-textarea::-moz-placeholder{color:#666666}.mc-textarea:-ms-input-placeholder{color:#666666}.mc-textarea::-ms-input-placeholder{color:#666666}.mc-textarea::placeholder{color:#666666}.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/components/textarea/Textarea.js.map

@@ -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 { get_current_component } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\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  $: 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</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/>\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","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"iPAsCUA,MAAAC,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,qBACpCA,EAAS,oBAEnBA,EAAI,0GAOJA,EAAU,oGAbhBC,EAcCC,EAAAC,EAAAC,gHAXS,KAAAC,GAAAP,KAAAA,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,MAAA,CAAAH,MAAAC,yBACpCE,EAAS,8BAEnBA,EAAI,+IAOJA,EAAU,gEA5BLD,EAAWO,EAAkBC,GAC9B,MAAAC,GAAW,sBAEbF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGRD,EAAQE,KAAK,yJA1BXC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,KAAAA,EAAO,GAACH,WACRI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,aAChBO,GAAiBP,aACjBQ,GAAiBR,QAEtBS,EAAgBC,EAAqBC,uXACxCC,EAAA,GAAAC,EAAYb,EAAQf,WACpB6B,EAALC,OAAAC,UAAuBC,2BACXH,EAAW7B"}
+{"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"}

package/public/components/textarea/Textarea.svelte

@@ -1,8 +1,12 @@
 <svelte:options tag={null} />
 
 <script lang="ts">
-  import { get_current_component } from 'svelte/internal';
+  import {
+    createEventDispatcher,
+    get_current_component,
+  } from 'svelte/internal';
   import { createEventForwarder } from '../../utilities/EventForward';
+  import { EventHandler } from '../../utilities/EventHandler';
   export let name: string;
   export let value: string;
   export let placeholder: string;
@@ -14,6 +18,10 @@
   export let maxlength: number;
 
   const forwardEvents = createEventForwarder(get_current_component());
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
   $: userClass = $$props.class;
   $: attributes = { ...$$restProps };
   $: delete attributes.class;
@@ -31,6 +39,11 @@
 
     return classes.join(' ');
   }
+
+  function onInput(e: Event) {
+    let value = (e.target as HTMLInputElement).value;
+    eventHandler.dispatch('on-input', value);
+  }
 </script>
 
 <textarea
@@ -47,6 +60,7 @@
   {maxlength}
   spellcheck="false"
   {...attributes}
+  on:input={onInput}
 />
 
 <style lang="scss">

package/public/components/textinput/Textinput.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as n,f as m,s as l,c as r,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 v,r as w,a4 as $,u as _}from"../../index-9ffad6d0.js";import{c as k}from"../../EventForward-24fc0272.js";import{E as y}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,l,b,v,w,$=e[7]&&E(e),_=[{class:b=(e[7]?"mc-left-icon-input":"")+" "+e[13]},e[12]],k={};for(let e=0;e<_.length;e+=1)k=r(k,_[e]);return{c(){t=o("div"),$&&$.c(),i=s(),m=o("input"),this.c=a,h(m,"class",l=e[16](e[3],e[4],e[6],e[7])+" "+e[19].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"),c(t,k)},m(l,r){n(l,t,r),$&&$.m(t,null),p(t,i),p(t,m),d(m,e[0]),v||(w=[u(e[14].call(null,m)),g(m,"input",e[22]),u(e[17].call(null,m)),g(m,"input",e[18]),g(m,"keydown",e[23])],v=!0)},p(e,[n]){e[7]?$?$.p(e,n):($=E(e),$.c(),$.m(t,i)):$&&($.d(1),$=null),524504&n&&l!==(l=e[16](e[3],e[4],e[6],e[7])+" "+e[19].class)&&h(m,"class",l),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]),1&n&&m.value!==e[0]&&d(m,e[0]),c(t,k=f(_,[8320&n&&b!==(b=(e[7]?"mc-left-icon-input":"")+" "+e[13])&&{class:b},4096&n&&e[12]]))},i:a,o:a,d(e){e&&x(t),$&&$.d(),v=!1,z(w)}}}function M(e){return`${e}`}function j(e,t,i){let n,m,l;const o=["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength"];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;const q=k(v());let A=new y(v(),w());const H=v();$((()=>{H.shadowRoot.querySelector(".mc-text-input").type=n}));return e.$$set=e=>{i(19,t=r(r({},t),_(e))),i(26,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(20,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(21,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)},e.$$.update=()=>{1048576&e.$$.dirty&&(n=p),i(13,m=t.class),i(12,l=Object.assign({},s)),4096&e.$$.dirty&&delete l.class},t=_(t),[h,a,c,d,u,g,f,x,E,C,M,j,l,m,q,A,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&&A.dispatch("submit-search",h)}]}class q extends e{constructor(e){super();const r=document.createElement("style");r.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 #666666;color:#191919;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:#666666;opacity:1}.mc-text-input::-moz-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input:-ms-input-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input::-ms-input-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input::placeholder{margin:0;color:#666666;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:#666666;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:#666666;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(r),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},j,C,l,{name:1,value:0,placeholder:2,inputtype:20,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:21,min:8,max:9,minlength:10,maxlength:11},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"]}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[20]}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[21]}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()}}export{q as default};
+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 #666666;color:#191919;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:#666666;opacity:1}.mc-text-input::-moz-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input:-ms-input-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input::-ms-input-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input::placeholder{margin:0;color:#666666;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:#666666;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:#666666;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};
 //# sourceMappingURL=Textinput.js.map

package/public/components/textinput/Textinput.js.map

@@ -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  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  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const component: any = get_current_component();\n\n  afterUpdate(() => {\n    /* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */\n    const input = component.shadowRoot.querySelector('.mc-text-input');\n    input.type = inputType;\n    /* eslint-enable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */\n  });\n</script>\n\n<div class=\"{iconname ? 'mc-left-icon-input' : ''} {userClass}\" {...attributes}>\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    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","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","createEventDispatcher","component","afterUpdate","shadowRoot","querySelector","type","inputType","$$invalidate","userClass","attributes","Object","assign","$$restProps","isValid","isInvalid","classes","push","join","node","e","slice","event","key","dispatch"],"mappings":"wUAiGiBA,EAAA,IAAAC,EAAiBC,EAAQ,gFADtCC,EAEMC,EAAAC,EAAAC,yBADO,IAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAG,EAAAG,UAAAR,qDAFnCE,EAAQ,IAAAO,EAAAP,OADFQ,MAAAC,GAAAT,EAAW,GAAA,qBAAuB,QAAKA,EAAS,KAAOA,EAAU,2HAUlEA,EAAU,IAACA,EAAO,GAAEA,EAAS,GAAEA,EAAI,GAAEA,EAAQ,IAAA,IAAIA,EAAO,IAACQ,0BACnDR,EAAS,8BAEnBA,EAAI,mKAbZC,EA4BKC,EAAAQ,EAAAN,yBAtBHO,EAqBCD,EAAAE,+FANWZ,EAAO,2CApBdA,EAAQ,0EASHA,EAAU,IAACA,EAAO,GAAEA,EAAS,GAAEA,EAAI,GAAEA,EAAQ,IAAA,IAAIA,EAAO,IAACQ,gDACnDR,EAAS,wCAEnBA,EAAI,+MAbC,KAAAK,GAAAI,KAAAA,GAAAT,EAAW,GAAA,qBAAuB,QAAKA,EAAS,MAAA,CAAAQ,MAAAC,WAAOT,EAAU,kDA1DnE,SAAAD,EAAiBc,YACdA,0MAxBDC,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,QACtBc,EAAgBC,EAAqBC,KACvC,IAAAC,EAAmB,IAAAC,EACrBF,IACAG,KAsDI,MAAAC,EAAiBJ,IAEvBK,GAAW,KAEKD,EAAUE,WAAWC,cAAc,kBAC3CC,KAAOC,CAAS,2iBAzDrBA,EAAYtB,GACZuB,EAAA,GAAAC,EAAY3B,EAAQP,YACpBmC,EAALC,OAAAC,UAAuBC,4BACXH,EAAWnC,+CAKZ,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,2CAqC3C2B,IACQ,UAAfA,GAAOC,KACTxB,EAAayB,SAAS,gBAAiBzC"}
+{"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"}

package/public/components/textinput/Textinput.svelte

@@ -25,6 +25,7 @@
   export let max: string;
   export let minlength: number;
   export let maxlength: number;
+  export let required: boolean = false;
   const forwardEvents = createEventForwarder(get_current_component());
   let eventHandler = new EventHandler(
     get_current_component(),
@@ -81,18 +82,19 @@
     }
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  const component: any = get_current_component();
+  let component: HTMLDivElement;
 
   afterUpdate(() => {
-    /* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */
-    const input = component.shadowRoot.querySelector('.mc-text-input');
+    const input = component.querySelector('.mc-text-input') as HTMLInputElement;
     input.type = inputType;
-    /* eslint-enable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment */
   });
 </script>
 
-<div class="{iconname ? 'mc-left-icon-input' : ''} {userClass}" {...attributes}>
+<div
+  class="{iconname ? 'mc-left-icon-input' : ''} {userClass}"
+  {...attributes}
+  bind:this={component}
+>
   {#if iconname}
     <span class="mc-left-icon-input__icon">
       {@html `<${generateIconName(iconname)} />`}
@@ -113,6 +115,7 @@
     {minlength}
     {maxlength}
     spellcheck="false"
+    required={required}
     on:input={onInput}
     on:keydown={(event) => {
       if (event?.key === 'Enter') {

package/public/utilities/ClickOutside.js

@@ -0,0 +1,2 @@
+function e(e){const t=t=>{t.composedPath().includes(e)||e.dispatchEvent(new CustomEvent("outclick"))};return document.addEventListener("click",t),{destroy(){document.removeEventListener("click",t)}}}export{e as clickOutside};
+//# sourceMappingURL=ClickOutside.js.map