npm - @mozaic-ds/web-components - Versions diffs - 0.15.0 → 0.16.0 - Mend

@mozaic-ds/web-components 0.15.0 → 0.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (123) hide show

package/public/bricoman/components/pagination/Pagination.js CHANGED Viewed

@@ -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:#120949;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:#161cb6;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#161cb6}.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:#ff5800}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#b83f00}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#421700}.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:#120949;border-color:#120949;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#e5e7fa;color:#161cb6}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.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:#ff5800;border-color:#ff5800;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#ffe1d1;color:#ff5800}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#ffab80}.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='%23333333' 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 #808080;border-radius:4px;color:#333333;-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:#808080;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='%23333333' 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='%23333333' 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:#120949;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:#161cb6;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#161cb6}.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:#ff5800}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#b83f00}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#421700}.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:#120949;border-color:#120949;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#e5e7fa;color:#161cb6}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.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:#ff5800;border-color:#ff5800;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#ffe1d1;color:#ff5800}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#ffab80}.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='%23333333' 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 #808080;border-radius:4px;color:#333333;-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:#808080;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='%23333333' 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='%23333333' 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/bricoman/components/pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +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~~"}
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 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/bricoman/components/pagination/Pagination.svelte CHANGED Viewed

@@ -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/bricoman/components/textinput/Textinput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as n,f as m,s as 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 #808080;color:#333333;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right 0.4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input.is-hover,.mc-text-input:hover{border-color:#191919}.mc-text-input.is-focus,.mc-text-input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#808080;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:\" - \"}.mc-field__help{display:block;margin-top:0.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:0.5rem}.right-align{text-align:right}",this.shadowRoot.appendChild(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 #808080;color:#333333;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right 0.4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input.is-hover,.mc-text-input:hover{border-color:#191919}.mc-text-input.is-focus,.mc-text-input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#808080;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:\" - \"}.mc-field__help{display:block;margin-top:0.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline,.mc-field__element--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child),.mc-field__element--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:0.5rem}.right-align{text-align:right}",this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},j,C,r,{name:1,value:0,placeholder:2,inputtype:22,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:23,min:8,max:9,minlength:10,maxlength:11,required:12},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),m()))}static get observedAttributes(){return["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),m()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),m()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),m()}get inputtype(){return this.$$.ctx[22]}set inputtype(e){this.$$set({inputtype:e}),m()}get isvalid(){return this.$$.ctx[3]}set isvalid(e){this.$$set({isvalid:e}),m()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),m()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),m()}get size(){return this.$$.ctx[6]}set size(e){this.$$set({size:e}),m()}get iconname(){return this.$$.ctx[7]}set iconname(e){this.$$set({iconname:e}),m()}get rightalign(){return this.$$.ctx[23]}set rightalign(e){this.$$set({rightalign:e}),m()}get min(){return this.$$.ctx[8]}set min(e){this.$$set({min:e}),m()}get max(){return this.$$.ctx[9]}set max(e){this.$$set({max:e}),m()}get minlength(){return this.$$.ctx[10]}set minlength(e){this.$$set({minlength:e}),m()}get maxlength(){return this.$$.ctx[11]}set maxlength(e){this.$$set({maxlength:e}),m()}get required(){return this.$$.ctx[12]}set required(e){this.$$set({required:e}),m()}}export{H as default};
 //# sourceMappingURL=Textinput.js.map

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

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

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

@@ -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/bricoman/utilities/DataTableUtilities.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTableUtilities.d.ts","sourceRoot":"","sources":["../../../src/utilities/DataTableUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EAIR,QAAQ,EACR,aAAa,EACb,WAAW,EAEX,eAAe,EAKhB,MAAM,yCAAyC,CAAC;~~AAmHjD~~,eAAO,MAAM,cAAc,aACf,QAAQ,YACR,QAAQ,KACjB,MAMF,CAAC;AAEF,eAAO,MAAM,gBAAgB,oBACV,MAAM,GAAG,SAAS,SAC5B,MAAM;;CAQd,CAAC;AACF,eAAO,MAAM,mBAAmB,UAAW,QAAQ,EAAE,KAAG,OASvD,CAAC;AACF,eAAO,MAAM,WAAW,UAAW,QAAQ,EAAE,KAAG,OAQ/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBACL,aAAa,KAClC,aAaF,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,QAAQ,EAAE,YACP,MAAM,eACH,WAAW,iBACT,aAAa,KAC3B,QAAQ,EA8DV,CAAC;AAEF,eAAO,MAAM,yBAAyB,eACxB,MAAM,eACL,MAAM,gBACL,OAAO,KACpB,MAAM,EAmBR,CAAC;AAEF,eAAO,MAAM,wBAAwB,SAC7B,QAAQ,mBACG,eAAe,GAAG,SAAS,sBACxB,OAAO,KAC1B,eAAe,GAAG,SAyCpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,UAC3B,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,sBACxB,OAAO,iBACZ,OAAO,YACZ,OAAO,KAChB,eAAe,GAAG,SAwFpB,CAAC;AAEF,eAAO,MAAM,cAAc,oBACR,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,SAAS,oBACH,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,mCAAmC,UACvC,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,iBAC7B,OAAO,KACrB,OA4BF,CAAC;AAEF,oBAAY,aAAa;IACvB,KAAK,UAAU;CAChB"}
1	+ {"version":3,"file":"DataTableUtilities.d.ts","sourceRoot":"","sources":["../../../src/utilities/DataTableUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EAIR,QAAQ,EACR,aAAa,EACb,WAAW,EAEX,eAAe,EAKhB,MAAM,yCAAyC,CAAC;AAqHjD,eAAO,MAAM,cAAc,aACf,QAAQ,YACR,QAAQ,KACjB,MAMF,CAAC;AAEF,eAAO,MAAM,gBAAgB,oBACV,MAAM,GAAG,SAAS,SAC5B,MAAM;;CAQd,CAAC;AACF,eAAO,MAAM,mBAAmB,UAAW,QAAQ,EAAE,KAAG,OASvD,CAAC;AACF,eAAO,MAAM,WAAW,UAAW,QAAQ,EAAE,KAAG,OAQ/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBACL,aAAa,KAClC,aAaF,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,QAAQ,EAAE,YACP,MAAM,eACH,WAAW,iBACT,aAAa,KAC3B,QAAQ,EA8DV,CAAC;AAEF,eAAO,MAAM,yBAAyB,eACxB,MAAM,eACL,MAAM,gBACL,OAAO,KACpB,MAAM,EAmBR,CAAC;AAEF,eAAO,MAAM,wBAAwB,SAC7B,QAAQ,mBACG,eAAe,GAAG,SAAS,sBACxB,OAAO,KAC1B,eAAe,GAAG,SAyCpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,UAC3B,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,sBACxB,OAAO,iBACZ,OAAO,YACZ,OAAO,KAChB,eAAe,GAAG,SAwFpB,CAAC;AAEF,eAAO,MAAM,cAAc,oBACR,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,SAAS,oBACH,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,mCAAmC,UACvC,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,iBAC7B,OAAO,KACrB,OA4BF,CAAC;AAEF,oBAAY,aAAa;IACvB,KAAK,UAAU;CAChB"}

package/public/bricoman/utilities/DataTableUtilities.ts CHANGED Viewed

@@ -89,7 +89,9 @@ const inputFormatter = (input: InputText, id: string): string => {
     input.placeholder
   } inputtype=${input.type} value="${input.value ? input.value : ''}" min=${
     input.min
-  } max=${input.max} rightalign=${input.rightalign} /> `;
+  } max=${input.max} rightalign=${input.rightalign}
+  isvalid="${input.isvalid ? input.isvalid : ''}"
+  isinvalid="${input.isinvalid ? input.isinvalid : ''}" /> `;
   return textInput;
 };

package/public/components/autocomplete/Autocomplete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as l,b as a,f as i,s,H as n,I as o,c as r,e as c,d,B as u,n as m,g as p,J as h,h as g,v as $,j as f,C as x,K as b,l as w,y as v,w as y,x as _,L as k,m as z,o as q,D as j,M as S,p as C,q as N,r as O,u as T,N as J,O as E,P as L,A as R,z as H,Q as M,R as Y}from"../../index-9ffad6d0.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as U}from"../../ClickOutside-63071e7a.js";import B from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import I from"../textinput/Textinput.nested.js";import K from"../listbox/Listbox.nested.js";function P(t,e,l){const a=t.slice();return a[71]=e[l],a}function Q(t,e,l){const a=t.slice();return a[71]=e[l],a[75]=l,a}function W(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[31]}`,class:"mc-autocomplete__tag",label:t[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new B({props:a}),t[50](e),e.$on("tag-removed",t[32]),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[31]}`),1073741824&l[0]&&(a.label=t[30]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[50](null),j(e,l)}}}function F(t){let e,l;return e=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function G(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",J(t[55])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function V(t){let e,l,i=t[26],s=[];for(let e=0;e<i.length;e+=1)s[e]=et(Q(t,i,e));let n=t[19].length>t[15]&&lt(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);f(e,l),n&&n.m(e,null)},p(t,a){if(67141640&a[0]|512&a[1]){let n;for(i=t[26],n=0;n<i.length;n+=1){const o=Q(t,i,n);s[n]?s[n].p(o,a):(s[n]=et(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=lt(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(s,t),n&&n.d()}}}function X(t){let e;function l(t,e){return t[3]?tt:Z}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function Z(t){let e,l,i,s,n;function o(){return t[57](t[71])}return{c(){e=c("m-tag"),R(e,"id",l=t[71].id),R(e,"label",i=t[71].label),R(e,"size","s"),R(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[71].id)&&R(e,"id",l),67108864&s[0]&&i!==(i=t[71].label)&&R(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function tt(t){let e,l,i;return{c(){e=c("m-tag"),R(e,"type","link"),R(e,"id",l=t[71].id),R(e,"label",i=t[71].label),R(e,"size","s"),R(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[71].id)&&R(e,"id",l),67108864&a[0]&&i!==(i=t[71].label)&&R(e,"label",i)},d(t){t&&q(e)}}}function et(t){let e,l=t[75]<t[15]&&X(t);return{c(){l&&l.c(),e=L()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[75]<t[15]?l?l.p(t,a):(l=X(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function lt(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),R(l,"id","id-tag"),R(l,"label",i="("+t[19].length+") "+t[14]+" "),R(l,"size","s"),R(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),f(e,l),s||(n=w(e,"click",t[58]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&R(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function at(t){let e,l,i,s,n,o,r=t[26],d=[];for(let e=0;e<r.length;e+=1)d[e]=nt(P(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),R(l,"title",t[13]),R(l,"layertitletag","h3"),R(l,"isopen",t[27])},m(r,c){a(r,e,c),f(e,l),f(l,i),f(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[60]),n=!0)},p(t,e){if(67108872&e[0]|512&e[1]){let l;for(r=t[26],l=0;l<r.length;l+=1){const a=P(t,r,l);d[l]?d[l].p(a,e):(d[l]=nt(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&R(l,"title",t[13]),134217728&e[0]&&R(l,"isopen",t[27])},d(t){t&&q(e),E(d,t),n=!1,o()}}}function it(t){let e,l,i,s,n;function o(){return t[59](t[71])}return{c(){e=c("m-tag"),R(e,"id",l=t[71].id),R(e,"label",i=t[71].label),R(e,"size","s"),R(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[71].id)&&R(e,"id",l),67108864&s[0]&&i!==(i=t[71].label)&&R(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function st(t){let e,l,i;return{c(){e=c("m-tag"),R(e,"type","text"),R(e,"id",l=t[71].id),R(e,"label",i=t[71].label),R(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[71].id)&&R(e,"id",l),67108864&a[0]&&i!==(i=t[71].label)&&R(e,"label",i)},d(t){t&&q(e)}}}function nt(t){let e,l;function i(t,e){return t[3]?st:it}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),f(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function ot(t){let e,l,i,s,C,N,O,T,J,E,L,R,M,Y,A,B,D,P,Q,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&W(t);function et(e){t[51](e)}let lt={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[28]&&(lt.value=t[28]),s=new I({props:lt}),n.push((()=>o(s,"value",et))),s.$on("input",t[37]),s.$on("click",t[52]),s.$on("change",t[53]),s.$on("blur",t[54]);let it=t[7]&&F(),st=null!=t[28]&&""!=t[28]&&!t[3]&&G(t);function nt(e){t[56](e)}let ot={items:JSON.stringify(t[29]),open:t[21],multiple:t[9],isfiltered:t[25],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),E=new K({props:ot}),n.push((()=>o(E,"value",nt))),E.$on("change",t[34]),E.$on("scrollend",t[38]),E.$on("select-all",t[39]);let rt=t[9]&&t[16]&&V(t),ct=t[9]&&t[16]&&at(t),dt=[{class:"mc-autocomplete"},{style:P="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),J=d(),u(E.$$.fragment),R=d(),rt&&rt.c(),M=d(),Y=c("span"),A=d(),B=c("span"),D=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),f(e,l),tt&&tt.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),it&&it.m(O,null),f(O,T),st&&st.m(O,null),f(e,J),x(E,e,null),f(e,R),rt&&rt.m(e,null),f(e,M),f(e,Y),f(e,A),f(e,B),f(e,D),ct&&ct.m(e,null),Q=!0,X||(Z=[b(U.call(null,e)),w(e,"outclick",t[33])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=W(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(H(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&268435456&a[0]&&(C=!0,n.value=t[28],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=F(),it.c(),v(it,1),it.m(O,T)):it&&(H(),y(it,1,1,(()=>{it=null})),_()),null==t[28]||""==t[28]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=G(t),st.c(),st.m(O,null));const o={};536870912&a[0]&&(o.items=JSON.stringify(t[29])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),33554432&a[0]&&(o.isfiltered=t[25]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),E.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=V(t),rt.c(),rt.m(e,M)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=at(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!Q||16777217&a[0]&&P!==(P="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"))&&{style:P},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){Q||(v(tt),v(s.$$.fragment,t),v(it),v(E.$$.fragment,t),Q=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(E.$$.fragment,t),Q=!1},d(t){t&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(E),rt&&rt.d(),ct&&ct.d(),X=!1,S(Z)}}}function rt(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p=C(e,m),{maxwidth:h="100%"}=e,{tagid:g}=e,{taglabel:$=""}=e,{placeholder:f}=e,{filter:x=!0}=e,{nofilter:b=!1}=e,{disabled:w=!1}=e,{size:v="m"}=e,{isinvalid:y}=e,{inputvalue:_}=e,{id:k}=e,{loading:z=!1}=e,{required:q=!1}=e,{items:j}=e,{value:S}=e,{open:J=!1}=e,{multiple:E=!1}=e,{emptysearchlabel:L="No results found"}=e,{datatextexpr:R="label"}=e,{datavalueexpr:H="value"}=e,{nosort:U=!1}=e,{layertitle:B="Title layer"}=e,{showmoretagslabel:D="Show more"}=e,{maxnumbertoshowtags:I=12}=e,{alltags:K=!1}=e,{selectall:P=!1}=e,{labelselectall:Q="Select all"}=e;const W=N(),F=Math.random();let G,V,X,Z=new A(N(),O()),tt="0px",et=!1,lt=[],at=null;function it(){w||(l(19,o=E?[]:""),st(),Z.dispatch("clear",!0))}function st(){l(21,d=!1),E&&!U?function(){X=i;const t=nt();X.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[H]-l[H]:a<i?1:-1})),l(29,s=X)}():l(29,s=i)}function nt(t){const e=t||o;return i.filter((t=>E?e.includes(t[H]):e===t[H]))}function ot(){l(27,at=!0)}function rt(){l(27,at=null)}function ct(t){l(19,o=o.filter((e=>e!==t))),Z.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),T(t)),l(70,p=C(e,m)),"maxwidth"in t&&l(0,h=t.maxwidth),"tagid"in t&&l(1,g=t.tagid),"taglabel"in t&&l(41,$=t.taglabel),"placeholder"in t&&l(2,f=t.placeholder),"filter"in t&&l(42,x=t.filter),"nofilter"in t&&l(43,b=t.nofilter),"disabled"in t&&l(3,w=t.disabled),"size"in t&&l(4,v=t.size),"isinvalid"in t&&l(5,y=t.isinvalid),"inputvalue"in t&&l(44,_=t.inputvalue),"id"in t&&l(6,k=t.id),"loading"in t&&l(7,z=t.loading),"required"in t&&l(8,q=t.required),"items"in t&&l(45,j=t.items),"value"in t&&l(46,S=t.value),"open"in t&&l(47,J=t.open),"multiple"in t&&l(9,E=t.multiple),"emptysearchlabel"in t&&l(10,L=t.emptysearchlabel),"datatextexpr"in t&&l(11,R=t.datatextexpr),"datavalueexpr"in t&&l(12,H=t.datavalueexpr),"nosort"in t&&l(48,U=t.nosort),"layertitle"in t&&l(13,B=t.layertitle),"showmoretagslabel"in t&&l(14,D=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,I=t.maxnumbertoshowtags),"alltags"in t&&l(16,K=t.alltags),"selectall"in t&&l(17,P=t.selectall),"labelselectall"in t&&l(18,Q=t.labelselectall)},t.$$.update=()=>{if(8192&t.$$.dirty[1]&&l(28,a=_),16384&t.$$.dirty[1]&&l(20,i=j?JSON.parse(j):[]),1048576&t.$$.dirty[0]&&l(29,s=i),512&t.$$.dirty[0]|32768&t.$$.dirty[1]&&l(19,o=!S&&E?[]:S?JSON.parse(S):S),524288&t.$$.dirty[0]|1024&t.$$.dirty[1]&&l(30,c=()=>o.length.toString()+" "+$),524288&t.$$.dirty[0]&&async function(t){if(await M(),l(26,lt=nt(t)),E)l(49,V=t);else{const t=lt.map((t=>t[R]));l(28,a=t.join(", "))}}(o),262144&t.$$.dirty[1]&&async function(t){await M(),l(24,tt=G&&t&&t.length?`${W.shadowRoot.querySelector(".mc-tag-removable").clientWidth}px`:"0px")}(V),65536&t.$$.dirty[1]&&l(21,d=J),2097152&t.$$.dirty[0]){const t=d?"open":"close";Z.dispatch(t,d)}l(22,u=Object.assign({},p)),4194304&t.$$.dirty[0]&&delete u.class},[h,g,f,w,v,y,k,z,q,E,L,R,H,B,D,I,K,P,Q,o,i,d,u,G,tt,et,lt,at,a,s,c,F,it,st,function(){Z.dispatch("onchange",o),E||st()},ot,rt,function(t){const e=t.target.value;!function(t){Z.dispatch("oninput",t)}(e),function(t){!b&&x&&(t.length?l(29,s=i.filter((e=>e[R].toUpperCase().includes(t.toUpperCase())))):l(29,s=i),l(25,et=!s.length),Z.dispatch("onfilter",s))}(e)},function(){Z.dispatch("scrollend",!0)},function(t){Z.dispatch("select-all",t.detail)},ct,$,x,b,_,j,S,J,U,V,function(t){n[t?"unshift":"push"]((()=>{G=t,l(23,G)}))},function(t){a=t,l(28,a),l(44,_)},()=>l(21,d=!0),function(e){Y.call(this,t,e)},function(e){Y.call(this,t,e)},()=>{l(28,a=""),l(29,s=i),l(25,et=!1),E||it()},function(t){o=t,l(19,o),l(46,S),l(9,E)},t=>ct(t.id),()=>ot(),t=>ct(t.id),()=>rt()]}class ct extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},rt,ot,s,{maxwidth:0,tagid:1,taglabel:41,placeholder:2,filter:42,nofilter:43,disabled:3,size:4,isinvalid:5,inputvalue:44,id:6,loading:7,required:8,items:45,value:46,open:47,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:48,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[41]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[42]}set filter(t){this.$$set({filter:t}),i()}get nofilter(){return this.$$.ctx[43]}set nofilter(t){this.$$set({nofilter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[44]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[45]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[46]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[47]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[48]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{ct as default};
+import{S as t,i as e,a as l,b as a,f as i,s,H as n,I as o,c as r,e as c,d,B as u,n as m,g as p,J as h,h as g,v as $,j as f,C as x,K as b,l as w,y as v,w as y,x as _,L as k,m as z,o as q,D as j,M as S,p as C,q as N,r as O,u as T,N as J,O as E,P as L,A as H,z as M,Q as R,R as Y}from"../../index-9ffad6d0.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as U}from"../../ClickOutside-63071e7a.js";import B from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import I from"../textinput/Textinput.nested.js";import K from"../listbox/Listbox.nested.js";function P(t,e,l){const a=t.slice();return a[72]=e[l],a}function Q(t,e,l){const a=t.slice();return a[72]=e[l],a[76]=l,a}function W(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[32]}`,class:"mc-autocomplete__tag",label:t[31](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new B({props:a}),t[51](e),e.$on("tag-removed",t[33]),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[32]}`),1&l[1]&&(a.label=t[31]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[51](null),j(e,l)}}}function F(t){let e,l;return e=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function G(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",J(t[56])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function V(t){let e,l,i=t[27],s=[];for(let e=0;e<i.length;e+=1)s[e]=et(Q(t,i,e));let n=t[19].length>t[15]&&lt(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);f(e,l),n&&n.m(e,null)},p(t,a){if(134250504&a[0]|1024&a[1]){let n;for(i=t[27],n=0;n<i.length;n+=1){const o=Q(t,i,n);s[n]?s[n].p(o,a):(s[n]=et(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=lt(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(s,t),n&&n.d()}}}function X(t){let e;function l(t,e){return t[3]?tt:Z}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function Z(t){let e,l,i,s,n;function o(){return t[58](t[72])}return{c(){e=c("m-tag"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s"),H(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,134217728&s[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&s[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function tt(t){let e,l,i;return{c(){e=c("m-tag"),H(e,"type","link"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s"),H(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){134217728&a[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&a[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e)}}}function et(t){let e,l=t[76]<t[15]&&X(t);return{c(){l&&l.c(),e=L()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[76]<t[15]?l?l.p(t,a):(l=X(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function lt(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),H(l,"id","id-tag"),H(l,"label",i="("+t[19].length+") "+t[14]+" "),H(l,"size","s"),H(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),f(e,l),s||(n=w(e,"click",t[59]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&H(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function at(t){let e,l,i,s,n,o,r=t[27],d=[];for(let e=0;e<r.length;e+=1)d[e]=nt(P(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),H(l,"title",t[13]),H(l,"layertitletag","h3"),H(l,"isopen",t[28])},m(r,c){a(r,e,c),f(e,l),f(l,i),f(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[61]),n=!0)},p(t,e){if(134217736&e[0]|1024&e[1]){let l;for(r=t[27],l=0;l<r.length;l+=1){const a=P(t,r,l);d[l]?d[l].p(a,e):(d[l]=nt(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&H(l,"title",t[13]),268435456&e[0]&&H(l,"isopen",t[28])},d(t){t&&q(e),E(d,t),n=!1,o()}}}function it(t){let e,l,i,s,n;function o(){return t[60](t[72])}return{c(){e=c("m-tag"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s"),H(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,134217728&s[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&s[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function st(t){let e,l,i;return{c(){e=c("m-tag"),H(e,"type","text"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){134217728&a[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&a[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e)}}}function nt(t){let e,l;function i(t,e){return t[3]?st:it}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),f(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function ot(t){let e,l,i,s,C,N,O,T,J,E,L,H,R,Y,A,B,D,P,Q,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&W(t);function et(e){t[52](e)}let lt={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[29]&&(lt.value=t[29]),s=new I({props:lt}),n.push((()=>o(s,"value",et))),s.$on("input",t[38]),s.$on("click",t[53]),s.$on("change",t[54]),s.$on("blur",t[55]);let it=t[7]&&F(),st=null!=t[29]&&""!=t[29]&&!t[3]&&G(t);function nt(e){t[57](e)}let ot={items:JSON.stringify(t[30]),open:t[21],multiple:t[9],isfiltered:t[26],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),E=new K({props:ot}),n.push((()=>o(E,"value",nt))),E.$on("change",t[35]),E.$on("scrollend",t[39]),E.$on("select-all",t[40]);let rt=t[9]&&t[16]&&V(t),ct=t[9]&&t[16]&&at(t),dt=[{class:"mc-autocomplete"},{style:P="--autocomplete-tag-width: "+t[25]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),J=d(),u(E.$$.fragment),H=d(),rt&&rt.c(),R=d(),Y=c("span"),A=d(),B=c("span"),D=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),f(e,l),tt&&tt.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),it&&it.m(O,null),f(O,T),st&&st.m(O,null),f(e,J),x(E,e,null),f(e,H),rt&&rt.m(e,null),f(e,R),f(e,Y),f(e,A),f(e,B),f(e,D),ct&&ct.m(e,null),t[62](e),Q=!0,X||(Z=[b(U.call(null,e)),w(e,"outclick",t[34])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=W(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(M(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&536870912&a[0]&&(C=!0,n.value=t[29],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=F(),it.c(),v(it,1),it.m(O,T)):it&&(M(),y(it,1,1,(()=>{it=null})),_()),null==t[29]||""==t[29]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=G(t),st.c(),st.m(O,null));const o={};1073741824&a[0]&&(o.items=JSON.stringify(t[30])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),67108864&a[0]&&(o.isfiltered=t[26]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),E.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=V(t),rt.c(),rt.m(e,R)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=at(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!Q||33554433&a[0]&&P!==(P="--autocomplete-tag-width: "+t[25]+"; --autocomplete-width: "+t[0]+";"))&&{style:P},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){Q||(v(tt),v(s.$$.fragment,t),v(it),v(E.$$.fragment,t),Q=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(E.$$.fragment,t),Q=!1},d(l){l&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(E),rt&&rt.d(),ct&&ct.d(),t[62](null),X=!1,S(Z)}}}function rt(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p,h=C(e,m),{maxwidth:g="100%"}=e,{tagid:$}=e,{taglabel:f=""}=e,{placeholder:x}=e,{filter:b=!0}=e,{nofilter:w=!1}=e,{disabled:v=!1}=e,{size:y="m"}=e,{isinvalid:_}=e,{inputvalue:k}=e,{id:z}=e,{loading:q=!1}=e,{required:j=!1}=e,{items:S}=e,{value:J}=e,{open:E=!1}=e,{multiple:L=!1}=e,{emptysearchlabel:H="No results found"}=e,{datatextexpr:M="label"}=e,{datavalueexpr:U="value"}=e,{nosort:B=!1}=e,{layertitle:D="Title layer"}=e,{showmoretagslabel:I="Show more"}=e,{maxnumbertoshowtags:K=12}=e,{alltags:P=!1}=e,{selectall:Q=!1}=e,{labelselectall:W="Select all"}=e;const F=Math.random();let G,V,X,Z=new A(N(),O()),tt="0px",et=!1,lt=[],at=null;function it(){v||(l(19,o=L?[]:""),st(),Z.dispatch("clear",!0))}function st(){l(21,d=!1),L&&!B?function(){X=i;const t=nt();X.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[U]-l[U]:a<i?1:-1})),l(30,s=X)}():l(30,s=i)}function nt(t){const e=t||o;return i.filter((t=>L?e.includes(t[U]):e===t[U]))}function ot(){l(28,at=!0)}function rt(){l(28,at=null)}function ct(t){l(19,o=o.filter((e=>e!==t))),Z.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),T(t)),l(71,h=C(e,m)),"maxwidth"in t&&l(0,g=t.maxwidth),"tagid"in t&&l(1,$=t.tagid),"taglabel"in t&&l(42,f=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(43,b=t.filter),"nofilter"in t&&l(44,w=t.nofilter),"disabled"in t&&l(3,v=t.disabled),"size"in t&&l(4,y=t.size),"isinvalid"in t&&l(5,_=t.isinvalid),"inputvalue"in t&&l(45,k=t.inputvalue),"id"in t&&l(6,z=t.id),"loading"in t&&l(7,q=t.loading),"required"in t&&l(8,j=t.required),"items"in t&&l(46,S=t.items),"value"in t&&l(47,J=t.value),"open"in t&&l(48,E=t.open),"multiple"in t&&l(9,L=t.multiple),"emptysearchlabel"in t&&l(10,H=t.emptysearchlabel),"datatextexpr"in t&&l(11,M=t.datatextexpr),"datavalueexpr"in t&&l(12,U=t.datavalueexpr),"nosort"in t&&l(49,B=t.nosort),"layertitle"in t&&l(13,D=t.layertitle),"showmoretagslabel"in t&&l(14,I=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,K=t.maxnumbertoshowtags),"alltags"in t&&l(16,P=t.alltags),"selectall"in t&&l(17,Q=t.selectall),"labelselectall"in t&&l(18,W=t.labelselectall)},t.$$.update=()=>{if(16384&t.$$.dirty[1]&&l(29,a=k),32768&t.$$.dirty[1]&&l(20,i=S?JSON.parse(S):[]),1048576&t.$$.dirty[0]&&l(30,s=i),512&t.$$.dirty[0]|65536&t.$$.dirty[1]&&l(19,o=!J&&L?[]:J?JSON.parse(J):J),524288&t.$$.dirty[0]|2048&t.$$.dirty[1]&&l(31,c=()=>o.length.toString()+" "+f),524288&t.$$.dirty[0]&&async function(t){try{if(await R(),l(27,lt=nt(t)),L)l(50,V=t);else{const t=lt.map((t=>t[M]));l(29,a=t.join(", "))}}catch(t){console.error(t)}}(o),524288&t.$$.dirty[1]&&async function(t){var e;try{await R(),l(25,tt=G&&t&&t.length?`${null===(e=null==p?void 0:p.querySelector(".mc-tag-removable"))||void 0===e?void 0:e.clientWidth}px`:"0px")}catch(t){console.error(t)}}(V),131072&t.$$.dirty[1]&&l(21,d=E),2097152&t.$$.dirty[0]){const t=d?"open":"close";Z.dispatch(t,d)}l(22,u=Object.assign({},h)),4194304&t.$$.dirty[0]&&delete u.class},[g,$,x,v,y,_,z,q,j,L,H,M,U,D,I,K,P,Q,W,o,i,d,u,p,G,tt,et,lt,at,a,s,c,F,it,st,function(){Z.dispatch("onchange",o),L||st()},ot,rt,function(t){const e=t.target.value;!function(t){Z.dispatch("oninput",t)}(e),function(t){!w&&b&&(t.length?l(30,s=i.filter((e=>e[M].toUpperCase().includes(t.toUpperCase())))):l(30,s=i),l(26,et=!s.length),Z.dispatch("onfilter",s))}(e)},function(){Z.dispatch("scrollend",!0)},function(t){Z.dispatch("select-all",t.detail)},ct,f,b,w,k,S,J,E,B,V,function(t){n[t?"unshift":"push"]((()=>{G=t,l(24,G)}))},function(t){a=t,l(29,a),l(45,k)},()=>l(21,d=!0),function(e){Y.call(this,t,e)},function(e){Y.call(this,t,e)},()=>{l(29,a=""),l(30,s=i),l(26,et=!1),L||it()},function(t){o=t,l(19,o),l(47,J),l(9,L)},t=>ct(t.id),()=>ot(),t=>ct(t.id),()=>rt(),function(t){n[t?"unshift":"push"]((()=>{p=t,l(23,p)}))}]}class ct extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},rt,ot,s,{maxwidth:0,tagid:1,taglabel:42,placeholder:2,filter:43,nofilter:44,disabled:3,size:4,isinvalid:5,inputvalue:45,id:6,loading:7,required:8,items:46,value:47,open:48,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:49,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[42]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[43]}set filter(t){this.$$set({filter:t}),i()}get nofilter(){return this.$$.ctx[44]}set nofilter(t){this.$$set({nofilter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[45]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[46]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[47]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[48]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[49]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{ct as default};
 //# sourceMappingURL=Autocomplete.js.map