npm - @mozaic-ds/web-components - Versions diffs - 0.14.0-beta.0 → 0.15.0 - Mend

@mozaic-ds/web-components 0.14.0-beta.0 → 0.15.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 (720) hide show

package/public/bricoman/components/notification/Notification.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as i,i as e,a as t,b as o,f as n,s as a,c as s,e as r,d as l,n as c,g as m,h as f,j as d,m as h,o as g,p as b,q as x,P as w,l as p,Z as k,t as u,k as v}from"../../index-52f16292.js";import{E as y}from"../../EventHandler-f4efd23c.js";function $(i){let e,t,n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`;return{c(){e=new k(!1),t=w(),e.a=t},m(i,a){e.m(n,i,a),o(i,t,a)},p(i,t){3&t&&n!==(n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`)&&e.p(n)},d(i){i&&g(t),i&&e.d()}}}function C(i){let e;return{c(){e=r("div"),e.innerHTML='<slot name="footer"></slot>',m(e,"class","mc-notification__footer")},m(i,t){o(i,e,t)},p:c,d(i){i&&g(e)}}}function E(i){let e,t,n;return{c(){e=r("div"),t=r("a"),n=u(i[4]),m(t,"class","mc-notification__link mc-link"),m(t,"href",i[3]),m(e,"class","mc-notification__footer")},m(i,a){o(i,e,a),d(e,t),d(t,n)},p(i,e){16&e&&v(n,i[4]),8&e&&m(t,"href",i[3])},d(i){i&&g(e)}}}function z(i){let e,t,n;return{c(){e=r("button"),m(e,"type","button"),m(e,"class","mc-notification-closable__close"),m(e,"title","Close")},m(a,s){o(a,e,s),t||(n=p(e,"click",i[10]),t=!0)},p:c,d(i){i&&g(e),t=!1,n()}}}function _(i){let e,t,n,a,b,x,w,p,k=i[0]&&$(i);function u(i,e){return i[3]&&i[4]?E:i[8]?C:void 0}let v=u(i),y=v&&v(i),_=i[6]&&z(i),A=[{class:w=M(i[5],i[7],i[6])+" "+i[11].class},{role:p=i[2]?"alert":"status"},i[9]],Z={};for(let i=0;i<A.length;i+=1)Z=s(Z,A[i]);return{c(){e=r("div"),t=r("div"),k&&k.c(),n=l(),a=r("div"),a.innerHTML="<slot></slot>",b=l(),y&&y.c(),x=l(),_&&_.c(),this.c=c,m(a,"class","mc-notification__message"),m(t,"class","mc-notification__content"),f(e,Z)},m(i,s){o(i,e,s),d(e,t),k&&k.m(t,null),d(t,n),d(t,a),d(t,b),y&&y.m(t,null),d(e,x),_&&_.m(e,null)},p(i,[o]){i[0]?k?k.p(i,o):(k=$(i),k.c(),k.m(t,n)):k&&(k.d(1),k=null),v===(v=u(i))&&y?y.p(i,o):(y&&y.d(1),y=v&&v(i),y&&(y.c(),y.m(t,null))),i[6]?_?_.p(i,o):(_=z(i),_.c(),_.m(e,null)):_&&(_.d(1),_=null),f(e,Z=h(A,[2272&o&&w!==(w=M(i[5],i[7],i[6])+" "+i[11].class)&&{class:w},4&o&&p!==(p=i[2]?"alert":"status")&&{role:p},512&o&&i[9]]))},i:c,o:c,d(i){i&&g(e),k&&k.d(),y&&y.d(),_&&_.d()}}}function M(i,e,t){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),e&&"m"!==e&&o.push(`mc-notification--${e}`),t&&o.push("mc-notification-closable"),o.join(" ")}function A(i,e,t){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let a=b(e,n),{title:r}=e,{titletag:l="h3"}=e,{alert:c=!1}=e,{href:m}=e,{linkcontent:f}=e,{type:d}=e,{closable:h=!1}=e,{size:g="m"}=e,{hasfooter:w=!1}=e,p=new y;return i.$$set=i=>{t(11,e=s(s({},e),x(i))),t(13,a=b(e,n)),"title"in i&&t(0,r=i.title),"titletag"in i&&t(1,l=i.titletag),"alert"in i&&t(2,c=i.alert),"href"in i&&t(3,m=i.href),"linkcontent"in i&&t(4,f=i.linkcontent),"type"in i&&t(5,d=i.type),"closable"in i&&t(6,h=i.closable),"size"in i&&t(7,g=i.size),"hasfooter"in i&&t(8,w=i.hasfooter)},i.$$.update=()=>{t(9,o=Object.assign({},a)),512&i.$$.dirty&&delete o.class},e=x(e),[r,l,c,m,f,d,h,g,w,o,function(i){p.dispatch("close",i)},e]}class Z extends i{constructor(i){super();const s=document.createElement("style");s.textContent=".mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-notification{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000}.mc-notification::before{background-size:2rem;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:0.25rem}.mc-notification::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification::before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:0.875rem;line-height:1.5714285714}.mc-notification__footer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.mc-notification__link{font-size:0.875rem;line-height:1.2857142857;margin-top:0.5rem}.mc-notification--information{background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;-webkit-box-shadow:inset 0 0 0 1px #46a610;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;-webkit-box-shadow:inset 0 0 0 1px #ea7315;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;-webkit-box-shadow:inset 0 0 0 1px #ea302d;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:0.75rem 0.75rem 1.5rem}.mc-notification--s::before{background-size:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:0.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s::before{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='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success::before{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='%23188803'%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-notification--s.mc-notification--warning::before{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='%23c65200'%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-notification--s.mc-notification--danger::before{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='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-notification-closable__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}@media screen and (min-width: 1024px){.mc-notification__footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}",this.shadowRoot.appendChild(s),e(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},A,_,a,{title:0,titletag:1,alert:2,href:3,linkcontent:4,type:5,closable:6,size:7,hasfooter:8},null),i&&(i.target&&o(i.target,this,i.anchor),i.props&&(this.$set(i.props),n()))}static get observedAttributes(){return["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"]}get title(){return this.$$.ctx[0]}set title(i){this.$$set({title:i}),n()}get titletag(){return this.$$.ctx[1]}set titletag(i){this.$$set({titletag:i}),n()}get alert(){return this.$$.ctx[2]}set alert(i){this.$$set({alert:i}),n()}get href(){return this.$$.ctx[3]}set href(i){this.$$set({href:i}),n()}get linkcontent(){return this.$$.ctx[4]}set linkcontent(i){this.$$set({linkcontent:i}),n()}get type(){return this.$$.ctx[5]}set type(i){this.$$set({type:i}),n()}get closable(){return this.$$.ctx[6]}set closable(i){this.$$set({closable:i}),n()}get size(){return this.$$.ctx[7]}set size(i){this.$$set({size:i}),n()}get hasfooter(){return this.$$.ctx[8]}set hasfooter(i){this.$$set({hasfooter:i}),n()}}export{Z as default};
+import{S as i,i as e,a as t,b as o,f as n,s as a,c as s,e as r,d as l,n as c,g as m,h as f,j as d,m as h,o as g,p as b,q as x,r as w,u as p,P as k,l as u,Z as v,t as y,k as $}from"../../index-9ffad6d0.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function E(i){let e,t,n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`;return{c(){e=new v(!1),t=k(),e.a=t},m(i,a){e.m(n,i,a),o(i,t,a)},p(i,t){3&t&&n!==(n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`)&&e.p(n)},d(i){i&&g(t),i&&e.d()}}}function z(i){let e;return{c(){e=r("div"),e.innerHTML='<slot name="footer"></slot>',m(e,"class","mc-notification__footer")},m(i,t){o(i,e,t)},p:c,d(i){i&&g(e)}}}function _(i){let e,t,n;return{c(){e=r("div"),t=r("a"),n=y(i[4]),m(t,"class","mc-notification__link mc-link"),m(t,"href",i[3]),m(e,"class","mc-notification__footer")},m(i,a){o(i,e,a),d(e,t),d(t,n)},p(i,e){16&e&&$(n,i[4]),8&e&&m(t,"href",i[3])},d(i){i&&g(e)}}}function M(i){let e,t,n;return{c(){e=r("button"),m(e,"type","button"),m(e,"class","mc-notification-closable__close"),m(e,"title","Close")},m(a,s){o(a,e,s),t||(n=u(e,"click",i[10]),t=!0)},p:c,d(i){i&&g(e),t=!1,n()}}}function A(i){let e,t,n,a,b,x,w,p,k=i[0]&&E(i);function u(i,e){return i[3]&&i[4]?_:i[8]?z:void 0}let v=u(i),y=v&&v(i),$=i[6]&&M(i),C=[{class:w=Z(i[5],i[7],i[6])+" "+i[11].class},{role:p=i[2]?"alert":"status"},i[9]],A={};for(let i=0;i<C.length;i+=1)A=s(A,C[i]);return{c(){e=r("div"),t=r("div"),k&&k.c(),n=l(),a=r("div"),a.innerHTML="<slot></slot>",b=l(),y&&y.c(),x=l(),$&&$.c(),this.c=c,m(a,"class","mc-notification__message"),m(t,"class","mc-notification__content"),f(e,A)},m(i,s){o(i,e,s),d(e,t),k&&k.m(t,null),d(t,n),d(t,a),d(t,b),y&&y.m(t,null),d(e,x),$&&$.m(e,null)},p(i,[o]){i[0]?k?k.p(i,o):(k=E(i),k.c(),k.m(t,n)):k&&(k.d(1),k=null),v===(v=u(i))&&y?y.p(i,o):(y&&y.d(1),y=v&&v(i),y&&(y.c(),y.m(t,null))),i[6]?$?$.p(i,o):($=M(i),$.c(),$.m(e,null)):$&&($.d(1),$=null),f(e,A=h(C,[2272&o&&w!==(w=Z(i[5],i[7],i[6])+" "+i[11].class)&&{class:w},4&o&&p!==(p=i[2]?"alert":"status")&&{role:p},512&o&&i[9]]))},i:c,o:c,d(i){i&&g(e),k&&k.d(),y&&y.d(),$&&$.d()}}}function Z(i,e,t){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),e&&"m"!==e&&o.push(`mc-notification--${e}`),t&&o.push("mc-notification-closable"),o.join(" ")}function L(i,e,t){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let a=b(e,n),{title:r}=e,{titletag:l="h3"}=e,{alert:c=!1}=e,{href:m}=e,{linkcontent:f}=e,{type:d}=e,{closable:h=!1}=e,{size:g="m"}=e,{hasfooter:k=!1}=e,u=new C(x(),w());return i.$$set=i=>{t(11,e=s(s({},e),p(i))),t(13,a=b(e,n)),"title"in i&&t(0,r=i.title),"titletag"in i&&t(1,l=i.titletag),"alert"in i&&t(2,c=i.alert),"href"in i&&t(3,m=i.href),"linkcontent"in i&&t(4,f=i.linkcontent),"type"in i&&t(5,d=i.type),"closable"in i&&t(6,h=i.closable),"size"in i&&t(7,g=i.size),"hasfooter"in i&&t(8,k=i.hasfooter)},i.$$.update=()=>{t(9,o=Object.assign({},a)),512&i.$$.dirty&&delete o.class},e=p(e),[r,l,c,m,f,d,h,g,k,o,function(i){u.dispatch("close",i)},e]}class B extends i{constructor(i){super();const s=document.createElement("style");s.textContent=".mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-notification{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000}.mc-notification::before{background-size:2rem;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:0.25rem}.mc-notification::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification::before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:0.875rem;line-height:1.5714285714}.mc-notification__footer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.mc-notification__link{font-size:0.875rem;line-height:1.2857142857;margin-top:0.5rem}.mc-notification--information{background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;-webkit-box-shadow:inset 0 0 0 1px #46a610;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;-webkit-box-shadow:inset 0 0 0 1px #ea7315;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;-webkit-box-shadow:inset 0 0 0 1px #ea302d;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:0.75rem 0.75rem 1.5rem}.mc-notification--s::before{background-size:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:0.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s::before{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='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success::before{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='%23188803'%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-notification--s.mc-notification--warning::before{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='%23c65200'%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-notification--s.mc-notification--danger::before{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='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-notification-closable__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}@media screen and (min-width: 1024px){.mc-notification__footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}",this.shadowRoot.appendChild(s),e(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},L,A,a,{title:0,titletag:1,alert:2,href:3,linkcontent:4,type:5,closable:6,size:7,hasfooter:8},null),i&&(i.target&&o(i.target,this,i.anchor),i.props&&(this.$set(i.props),n()))}static get observedAttributes(){return["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"]}get title(){return this.$$.ctx[0]}set title(i){this.$$set({title:i}),n()}get titletag(){return this.$$.ctx[1]}set titletag(i){this.$$set({titletag:i}),n()}get alert(){return this.$$.ctx[2]}set alert(i){this.$$set({alert:i}),n()}get href(){return this.$$.ctx[3]}set href(i){this.$$set({href:i}),n()}get linkcontent(){return this.$$.ctx[4]}set linkcontent(i){this.$$set({linkcontent:i}),n()}get type(){return this.$$.ctx[5]}set type(i){this.$$set({type:i}),n()}get closable(){return this.$$.ctx[6]}set closable(i){this.$$set({closable:i}),n()}get size(){return this.$$.ctx[7]}set size(i){this.$$set({size:i}),n()}get hasfooter(){return this.$$.ctx[8]}set hasfooter(i){this.$$set({hasfooter:i}),n()}}export{B as default};
 //# sourceMappingURL=Notification.js.map

package/public/bricoman/components/notification/Notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","sources":["../../../../src/components/notification/Notification.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type {\n NotificationTitleTag,\n NotificationType,\n NotificationSize,\n } from './notification.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let title: string;\n export let titletag: NotificationTitleTag = 'h3';\n export let alert = false;\n export let href: string;\n export let linkcontent: string;\n export let type: NotificationType;\n export let closable = false;\n export let size: NotificationSize = 'm';\n export let hasfooter = false;\n\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler();\n\n function setClasses(\n type: NotificationType,\n size: NotificationSize,\n closable: boolean,\n ): string {\n const classes = ['mc-notification'];\n\n if (type) {\n classes.push(`mc-notification--${type}`);\n }\n\n if (size && size !== 'm') {\n classes.push(`mc-notification--${size}`);\n }\n\n if (closable) {\n classes.push('mc-notification-closable');\n }\n\n return classes.join(' ');\n }\n\n function emitClose(e: CustomEventInit): void {\n eventHandler.dispatch('close', e);\n }\n</script>\n\n<div\n class=\"{setClasses(type, size, closable)} {$$props.class}\"\n role={alert ? 'alert' : 'status'}\n {...attributes}\n>\n <div class=\"mc-notification__content\">\n {#if title}\n {@html `<${titletag} class=\"mc-notification__title\">${title}</${titletag}>`}\n {/if}\n <div class=\"mc-notification__message\">\n <slot />\n </div>\n {#if href && linkcontent}\n <div class=\"mc-notification__footer\">\n <a class=\"mc-notification__link mc-link\" {href}>{linkcontent}</a>\n </div>\n {:else if hasfooter}\n <div class=\"mc-notification__footer\">\n <slot name=\"footer\" />\n </div>\n {/if}\n </div>\n {#if closable}\n <button\n type=\"button\"\n class=\"mc-notification-closable__close\"\n title=\"Close\"\n on:click={emitClose}\n />\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/_c.links';\n @import '@mozaic-ds/styles/components/_c.notification';\n</style>\n"],"names":["ctx","html_tag","p","raw_value","insert","target","div","anchor","append","a","button","create_if_block_3","create_if_block_1","create_if_block_2","create_if_block","setClasses","class","div2","div1","div0","div2_class_value","role","div2_role_value","type","size","closable","classes","push","join","title","$$props","titletag","alert","href","linkcontent","hasfooter","eventHandler","EventHandler","attributes","Object","assign","$$restProps","e","dispatch"],"mappings":"~~8QA2DiBA~~,EAAQ,qCAAmCA,EAAK,OAAKA,EAAQ,6FAA7DA,EAAQ,qCAAmCA,EAAK,OAAKA,EAAQ,QAAAC,EAAAC,EAAAC,+JAUxEC,EAEKC,EAAAC,EAAAC,kFAL8CP,EAAW,iHAD9DI,EAEKC,EAAAC,EAAAC,GADHC,EAAgEF,EAAAG,4BAAfT,EAAW,4LAShEI,EAKCC,EAAAK,EAAAH,qBADWP,EAAS,4EArBhBA,EAAK,IAAAW,EAAAX,mBAML,OAAAA,MAAQA,EAAW,GAAAY,EAIdZ,EAAS,GAAAa,gCAMhBb,EAAQ,IAAAc,EAAAd,eArBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACgB,eAC7ChB,EAAK,GAAG,QAAU,UACpBA,EAAU,8QAHhBI,EA8BKC,EAAAY,EAAAV,GAzBHC,EAgBKS,EAAAC,yBAZHV,EAEKU,EAAAC,yDALAnB,EAAK,+HAgBPA,EAAQ,sFArBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACgB,QAAK,CAAAA,MAAAI,eAClDpB,EAAK,GAAG,QAAU,WAAQ,CAAAqB,KAAAC,UAC5BtB,EAAU,yDA9BL,SAAAe,EACPQ,EACAC,EACAC,GAEM,MAAAC,GAAW,0BAEbH,GACFG,EAAQC,KAAI,oBAAqBJ,KAG/BC,GAAiB,MAATA,GACVE,EAAQC,KAAI,oBAAqBH,KAG/BC,GACFC,EAAQC,KAAK,4BAGRD,EAAQE,KAAK,~~gJAlCXC~~,GAAaC,GACbC,SAAAA,EAAiC,MAAID,GACrCE,MAAAA,GAAQ,GAAKF,QACbG,GAAYH,eACZI,GAAmBJ,QACnBP,GAAsBO,GACtBL,SAAAA,GAAW,GAAKK,GAChBN,KAAAA,EAAyB,KAAGM,GAC5BK,UAAAA,GAAY,GAAKL,EAKxBM,~~MAAmBC~~,~~wWAHpBC~~,EAALC,OAAAC,UAAuBC,2BACXH,~~EAAWtB~~,~~mCA0BZ~~,~~SAAU0B~~,~~GACjBN~~,~~EAAaO~~,SAAS,QAASD"}
1	+ {"version":3,"file":"Notification.js","sources":["../../../../src/components/notification/Notification.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type {\n NotificationTitleTag,\n NotificationType,\n NotificationSize,\n } from './notification.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let title: string;\n export let titletag: NotificationTitleTag = 'h3';\n export let alert = false;\n export let href: string;\n export let linkcontent: string;\n export let type: NotificationType;\n export let closable = false;\n export let size: NotificationSize = 'm';\n export let hasfooter = false;\n\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function setClasses(\n type: NotificationType,\n size: NotificationSize,\n closable: boolean,\n ): string {\n const classes = ['mc-notification'];\n\n if (type) {\n classes.push(`mc-notification--${type}`);\n }\n\n if (size && size !== 'm') {\n classes.push(`mc-notification--${size}`);\n }\n\n if (closable) {\n classes.push('mc-notification-closable');\n }\n\n return classes.join(' ');\n }\n\n function emitClose(e: CustomEventInit): void {\n eventHandler.dispatch('close', e);\n }\n</script>\n\n<div\n class=\"{setClasses(type, size, closable)} {$$props.class}\"\n role={alert ? 'alert' : 'status'}\n {...attributes}\n>\n <div class=\"mc-notification__content\">\n {#if title}\n {@html `<${titletag} class=\"mc-notification__title\">${title}</${titletag}>`}\n {/if}\n <div class=\"mc-notification__message\">\n <slot />\n </div>\n {#if href && linkcontent}\n <div class=\"mc-notification__footer\">\n <a class=\"mc-notification__link mc-link\" {href}>{linkcontent}</a>\n </div>\n {:else if hasfooter}\n <div class=\"mc-notification__footer\">\n <slot name=\"footer\" />\n </div>\n {/if}\n </div>\n {#if closable}\n <button\n type=\"button\"\n class=\"mc-notification-closable__close\"\n title=\"Close\"\n on:click={emitClose}\n />\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/_c.links';\n @import '@mozaic-ds/styles/components/_c.notification';\n</style>\n"],"names":["ctx","html_tag","p","raw_value","insert","target","div","anchor","append","a","button","create_if_block_3","create_if_block_1","create_if_block_2","create_if_block","setClasses","class","div2","div1","div0","div2_class_value","role","div2_role_value","type","size","closable","classes","push","join","title","$$props","titletag","alert","href","linkcontent","hasfooter","eventHandler","EventHandler","get_current_component","createEventDispatcher","attributes","Object","assign","$$restProps","e","dispatch"],"mappings":"4RAkEiBA,EAAQ,qCAAmCA,EAAK,OAAKA,EAAQ,6FAA7DA,EAAQ,qCAAmCA,EAAK,OAAKA,EAAQ,QAAAC,EAAAC,EAAAC,+JAUxEC,EAEKC,EAAAC,EAAAC,kFAL8CP,EAAW,iHAD9DI,EAEKC,EAAAC,EAAAC,GADHC,EAAgEF,EAAAG,4BAAfT,EAAW,4LAShEI,EAKCC,EAAAK,EAAAH,qBADWP,EAAS,4EArBhBA,EAAK,IAAAW,EAAAX,mBAML,OAAAA,MAAQA,EAAW,GAAAY,EAIdZ,EAAS,GAAAa,gCAMhBb,EAAQ,IAAAc,EAAAd,eArBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACgB,eAC7ChB,EAAK,GAAG,QAAU,UACpBA,EAAU,8QAHhBI,EA8BKC,EAAAY,EAAAV,GAzBHC,EAgBKS,EAAAC,yBAZHV,EAEKU,EAAAC,yDALAnB,EAAK,+HAgBPA,EAAQ,sFArBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACgB,QAAK,CAAAA,MAAAI,eAClDpB,EAAK,GAAG,QAAU,WAAQ,CAAAqB,KAAAC,UAC5BtB,EAAU,yDA9BL,SAAAe,EACPQ,EACAC,EACAC,GAEM,MAAAC,GAAW,0BAEbH,GACFG,EAAQC,KAAI,oBAAqBJ,KAG/BC,GAAiB,MAATA,GACVE,EAAQC,KAAI,oBAAqBH,KAG/BC,GACFC,EAAQC,KAAK,4BAGRD,EAAQE,KAAK,gJArCXC,GAAaC,GACbC,SAAAA,EAAiC,MAAID,GACrCE,MAAAA,GAAQ,GAAKF,QACbG,GAAYH,eACZI,GAAmBJ,QACnBP,GAAsBO,GACtBL,SAAAA,GAAW,GAAKK,GAChBN,KAAAA,EAAyB,KAAGM,GAC5BK,UAAAA,GAAY,GAAKL,EAKxBM,EAAmB,IAAAC,EACrBC,IACAC,2WALCC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWxB,mCA6BZ,SAAU4B,GACjBR,EAAaS,SAAS,QAASD"}

package/public/bricoman/components/notification/Notification.svelte CHANGED Viewed

@@ -7,6 +7,10 @@
     NotificationSize,
   } from './notification.types';
   import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
   export let title: string;
   export let titletag: NotificationTitleTag = 'h3';
@@ -21,7 +25,10 @@
   $: attributes = { ...$$restProps };
   $: delete attributes.class;
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
   function setClasses(
     type: NotificationType,

package/public/bricoman/components/optionbutton/OptionButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as t,i as o,a as e,b as s,f as n,s as i,c as a,e as c,n as r,h as l,m as d,o as b,O as p,p as u,r as h,q as f,d as m,t as x,g as w,v as g,j as k,K as _,l as y,k as $,M as j}from"../../index-52f16292.js";import{c as v}from"../../EventForward-422700d7.js";import{E}from"../../EventHandler-f4efd23c.js";function O(t,o,e){const s=t.slice();return s[12]=o[e],s}function C(t){let o,e,n,i,a,r,l,d,p,u,h,f,v=t[12].label+"";function E(){return t[8](t[12])}return{c(){o=c("div"),e=c("input"),r=m(),l=c("label"),d=x(v),u=m(),w(e,"id",n=t[12].id),w(e,"type","radio"),w(e,"class","mc-option-button__input"),w(e,"name",i=t[12].name),e.checked=t[0],e.disabled=a=t[12].disabled,w(l,"for",p=t[12].id),w(l,"class","mc-option-button__label"),w(o,"class","mc-option-button"),g(o,"mc-option-button--full",t[12].fullwidth)},m(n,i){s(n,o,i),k(o,e),k(o,r),k(o,l),k(l,d),k(o,u),h||(f=[_(t[5].call(null,e)),y(e,"change",E)],h=!0)},p(s,c){t=s,16&c&&n!==(n=t[12].id)&&w(e,"id",n),16&c&&i!==(i=t[12].name)&&w(e,"name",i),1&c&&(e.checked=t[0]),16&c&&a!==(a=t[12].disabled)&&(e.disabled=a),16&c&&v!==(v=t[12].label+"")&&$(d,v),16&c&&p!==(p=t[12].id)&&w(l,"for",p),16&c&&g(o,"mc-option-button--full",t[12].fullwidth)},d(t){t&&b(o),h=!1,j(f)}}}function M(t){let o,e,n,i=t[4],u=[];for(let o=0;o<i.length;o+=1)u[o]=C(O(t,i,o));let h=[{class:e="mc-option-group "+t[3]},t[2],{style:n=`justify-content:${t[1]}`}],f={};for(let t=0;t<h.length;t+=1)f=a(f,h[t]);return{c(){o=c("div");for(let t=0;t<u.length;t+=1)u[t].c();this.c=r,l(o,f)},m(t,e){s(t,o,e);for(let t=0;t<u.length;t+=1)u[t]&&u[t].m(o,null)},p(t,[s]){if(81&s){let e;for(i=t[4],e=0;e<i.length;e+=1){const n=O(t,i,e);u[e]?u[e].p(n,s):(u[e]=C(n),u[e].c(),u[e].m(o,null))}for(;e<u.length;e+=1)u[e].d(1);u.length=i.length}l(o,f=d(h,[8&s&&e!==(e="mc-option-group "+t[3])&&{class:e},4&s&&t[2],2&s&&n!==(n=`justify-content:${t[1]}`)&&{style:n}]))},i:r,o:r,d(t){t&&b(o),p(u,t)}}}function R(t,o,e){let s,n,i;const c=["checked","options","justifycontent"];let r=u(o,c),{checked:l}=o,{options:d}=o,{justifycontent:b="space-between"}=o,p=new E;const m=v(h());function x(t){t.checked=!t.checked,p.dispatch("change",t)}return t.$$set=t=>{e(11,o=a(a({},o),f(t))),e(10,r=u(o,c)),"checked"in t&&e(0,l=t.checked),"options"in t&&e(7,d=t.options),"justifycontent"in t&&e(1,b=t.justifycontent)},t.$$.update=()=>{128&t.$$.dirty&&e(4,s=d?JSON.parse(d):[]),e(3,n=o.class),e(2,i=Object.assign({},r)),4&t.$$.dirty&&delete i.class},o=f(o),[l,b,i,n,s,m,x,d,t=>x(t)]}class S extends t{constructor(t){super();const a=document.createElement("style");a.textContent='.mc-option-button{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.mc-option-button__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-option-button__input:hover+.mc-option-button__label{-webkit-box-shadow:0 0 0 2px #333333;box-shadow:0 0 0 2px #333333}.mc-option-button__input:checked+.mc-option-button__label{border-color:#4d5bf5;-webkit-box-shadow:0 0 0 0.25rem #e5e7fa;box-shadow:0 0 0 0.25rem #e5e7fa}.mc-option-button__input:focus+.mc-option-button__label::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-option-button__input:disabled+.mc-option-button__label{cursor:not-allowed;background-color:#cccccc;color:#666666;-webkit-box-shadow:none;box-shadow:none}.mc-option-button__label{font-family:"LeroyMerlin", sans-serif;font-weight:600;position:relative;padding:1.5625rem 2rem;border-radius:4px;-webkit-box-shadow:0 0 0 1px #b3b3b3;box-shadow:0 0 0 1px #b3b3b3;border:2px solid transparent;cursor:pointer;position:relative}.mc-option-button__label::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:6px;top:-0.25rem;right:-0.25rem;bottom:-0.25rem;left:-0.25rem}.mc-option-button--full .mc-option-button__label{width:100%}.mc-option-group{display:-webkit-box;display:-ms-flexbox;display:flex}',this.shadowRoot.appendChild(a),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},R,M,i,{checked:0,options:7,justifycontent:1},null),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["checked","options","justifycontent"]}get checked(){return this.$$.ctx[0]}set checked(t){this.$$set({checked:t}),n()}get options(){return this.$$.ctx[7]}set options(t){this.$$set({options:t}),n()}get justifycontent(){return this.$$.ctx[1]}set justifycontent(t){this.$$set({justifycontent:t}),n()}}export{S as default};
+import{S as t,i as o,a as e,b as s,f as n,s as i,c as a,e as c,n as r,h as l,m as d,o as b,O as p,p as u,q as h,r as f,u as m,d as x,t as w,g,v as k,j as _,K as y,l as $,k as j,M as v}from"../../index-9ffad6d0.js";import{c as E}from"../../EventForward-24fc0272.js";import{E as O}from"../../EventHandler-f7ee47ca.js";function C(t,o,e){const s=t.slice();return s[12]=o[e],s}function M(t){let o,e,n,i,a,r,l,d,p,u,h,f,m=t[12].label+"";function E(){return t[8](t[12])}return{c(){o=c("div"),e=c("input"),r=x(),l=c("label"),d=w(m),u=x(),g(e,"id",n=t[12].id),g(e,"type","radio"),g(e,"class","mc-option-button__input"),g(e,"name",i=t[12].name),e.checked=t[0],e.disabled=a=t[12].disabled,g(l,"for",p=t[12].id),g(l,"class","mc-option-button__label"),g(o,"class","mc-option-button"),k(o,"mc-option-button--full",t[12].fullwidth)},m(n,i){s(n,o,i),_(o,e),_(o,r),_(o,l),_(l,d),_(o,u),h||(f=[y(t[5].call(null,e)),$(e,"change",E)],h=!0)},p(s,c){t=s,16&c&&n!==(n=t[12].id)&&g(e,"id",n),16&c&&i!==(i=t[12].name)&&g(e,"name",i),1&c&&(e.checked=t[0]),16&c&&a!==(a=t[12].disabled)&&(e.disabled=a),16&c&&m!==(m=t[12].label+"")&&j(d,m),16&c&&p!==(p=t[12].id)&&g(l,"for",p),16&c&&k(o,"mc-option-button--full",t[12].fullwidth)},d(t){t&&b(o),h=!1,v(f)}}}function R(t){let o,e,n,i=t[4],u=[];for(let o=0;o<i.length;o+=1)u[o]=M(C(t,i,o));let h=[{class:e="mc-option-group "+t[3]},t[2],{style:n=`justify-content:${t[1]}`}],f={};for(let t=0;t<h.length;t+=1)f=a(f,h[t]);return{c(){o=c("div");for(let t=0;t<u.length;t+=1)u[t].c();this.c=r,l(o,f)},m(t,e){s(t,o,e);for(let t=0;t<u.length;t+=1)u[t]&&u[t].m(o,null)},p(t,[s]){if(81&s){let e;for(i=t[4],e=0;e<i.length;e+=1){const n=C(t,i,e);u[e]?u[e].p(n,s):(u[e]=M(n),u[e].c(),u[e].m(o,null))}for(;e<u.length;e+=1)u[e].d(1);u.length=i.length}l(o,f=d(h,[8&s&&e!==(e="mc-option-group "+t[3])&&{class:e},4&s&&t[2],2&s&&n!==(n=`justify-content:${t[1]}`)&&{style:n}]))},i:r,o:r,d(t){t&&b(o),p(u,t)}}}function S(t,o,e){let s,n,i;const c=["checked","options","justifycontent"];let r=u(o,c),{checked:l}=o,{options:d}=o,{justifycontent:b="space-between"}=o,p=new O(h(),f());const x=E(h());function w(t){t.checked=!t.checked,p.dispatch("change",t)}return t.$$set=t=>{e(11,o=a(a({},o),m(t))),e(10,r=u(o,c)),"checked"in t&&e(0,l=t.checked),"options"in t&&e(7,d=t.options),"justifycontent"in t&&e(1,b=t.justifycontent)},t.$$.update=()=>{128&t.$$.dirty&&e(4,s=d?JSON.parse(d):[]),e(3,n=o.class),e(2,i=Object.assign({},r)),4&t.$$.dirty&&delete i.class},o=m(o),[l,b,i,n,s,x,w,d,t=>w(t)]}class q extends t{constructor(t){super();const a=document.createElement("style");a.textContent='.mc-option-button{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.mc-option-button__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-option-button__input:hover+.mc-option-button__label{-webkit-box-shadow:0 0 0 2px #333333;box-shadow:0 0 0 2px #333333}.mc-option-button__input:checked+.mc-option-button__label{border-color:#4d5bf5;-webkit-box-shadow:0 0 0 0.25rem #e5e7fa;box-shadow:0 0 0 0.25rem #e5e7fa}.mc-option-button__input:focus+.mc-option-button__label::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-option-button__input:disabled+.mc-option-button__label{cursor:not-allowed;background-color:#cccccc;color:#666666;-webkit-box-shadow:none;box-shadow:none}.mc-option-button__label{font-family:"LeroyMerlin", sans-serif;font-weight:600;position:relative;padding:1.5625rem 2rem;border-radius:4px;-webkit-box-shadow:0 0 0 1px #b3b3b3;box-shadow:0 0 0 1px #b3b3b3;border:2px solid transparent;cursor:pointer;position:relative}.mc-option-button__label::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:6px;top:-0.25rem;right:-0.25rem;bottom:-0.25rem;left:-0.25rem}.mc-option-button--full .mc-option-button__label{width:100%}.mc-option-group{display:-webkit-box;display:-ms-flexbox;display:flex}',this.shadowRoot.appendChild(a),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},S,R,i,{checked:0,options:7,justifycontent:1},null),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["checked","options","justifycontent"]}get checked(){return this.$$.ctx[0]}set checked(t){this.$$set({checked:t}),n()}get options(){return this.$$.ctx[7]}set options(t){this.$$set({options:t}),n()}get justifycontent(){return this.$$.ctx[1]}set justifycontent(t){this.$$set({justifycontent:t}),n()}}export{q as default};
 //# sourceMappingURL=OptionButton.js.map

package/public/bricoman/components/optionbutton/OptionButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OptionButton.js","sources":["../../../../src/components/optionbutton/OptionButton.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n import { EventHandler } from '../../utilities/EventHandler';\n import type { OptionItems } from './optionbutton.types';\n export let checked: boolean;\n export let options: string;\n export let justifycontent = 'space-between';\n $: parsedOptions = options ? (JSON.parse(options) as OptionItems[]) : [];\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler();\n const forwardEvents = createEventForwarder(get_current_component());\n\n function handleChange(option: OptionItems): void {\n option.checked = !option.checked;\n eventHandler.dispatch('change', option);\n }\n</script>\n\n<div\n class=\"mc-option-group {userClass}\"\n {...attributes}\n style={`justify-content:${justifycontent}`}\n>\n {#each parsedOptions as option}\n <div\n class=\"mc-option-button\"\n class:mc-option-button--full={option.fullwidth}\n >\n <input\n use:forwardEvents\n id={option.id}\n type=\"radio\"\n class=\"mc-option-button__input\"\n name={option.name}\n {checked}\n disabled={option.disabled}\n on:change={() => handleChange(option)}\n />\n <label for={option.id} class=\"mc-option-button__label\">\n {option.label}\n </label>\n </div>\n {/each}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.option-button';\n\n .mc-option-group {\n display: flex;\n }\n</style>\n"],"names":["t1_value","ctx","label","attr","input","input_id_value","id","input_name_value","name","disabled","input_disabled_value","label_for_value","toggle_class","div","fullwidth","insert","target","anchor","append","dirty","set_data","t1","length","i","class","div_class_value","style","div_style_value","checked","$$props","options","justifycontent","eventHandler","EventHandler","~~forwardEvents~~","~~createEventForwarder~~","~~get_current_component~~","handleChange","option","dispatch","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps"],"mappings":"~~uZA6CSA~~,EAAAC,MAAOC,MAAK,sGATTC,EAAAC,EAAA,KAAAC,EAAAJ,MAAOK,+DAGLH,EAAAC,EAAA,OAAAG,EAAAN,MAAOO,qBAEHJ,EAAAK,SAAAC,EAAAT,MAAOQ,SAGPN,EAAAD,EAAA,MAAAS,EAAAV,MAAOK,2EAZWM,EAAAC,EAAA,yBAAAZ,MAAOa,mBAFvCC,EAiBKC,EAAAH,EAAAI,GAbHC,EASCL,EAAAT,UACDc,EAEOL,EAAAX,gFAVD,GAAAiB,GAAAd,KAAAA,EAAAJ,MAAOK,iBAGL,GAAAa,GAAAZ,KAAAA,EAAAN,MAAOO,2CAEH,GAAAW,GAAAT,KAAAA,EAAAT,MAAOQ,0BAIhB,GAAAU,GAAAnB,KAAAA,EAAAC,MAAOC,MAAK,KAAAkB,EAAAC,EAAArB,GADH,GAAAmB,GAAAR,KAAAA,EAAAV,MAAOK,wBAZWM,EAAAC,EAAA,yBAAAZ,MAAOa,+DAHlCb,EAAa,wBAAlBqB,OAAIC,GAAA,sDAJkBtB,EAAS,IAC7BA,EAAU,+BACYA,EAAc,uIAH1Cc,EAyBKC,EAAAH,EAAAI,mFApBIhB,EAAa,WAAlBqB,OAAIC,GAAA,EAAA,iHAAJD,iDAJsBrB,EAAS,KAAA,CAAAuB,MAAAC,QAC7BxB,EAAU,kCACYA,EAAc,OAAA,CAAAyB,MAAAC,~~sIApB7BC~~,GAAgBC,WAChBC,GAAeD,GACfE,eAAAA,EAAiB,iBAAeF,EAMvCG,~~MAAmBC~~,~~QACjBC~~,EAAgBC,~~EAAqBC~~,KAElC,~~SAAAC~~,EAAaC,GACpBA,~~EAAOV~~,~~SAAWU~~,~~EAAOV~~,QACzBI,~~EAAaO~~,SAAS,SAAUD,~~6MAVjCE~~,EAAA,EAAEC,~~EAAgBX~~,~~EAAWY~~,KAAKC,~~MAAMb~~,GAAO,~~IAC7CU~~,EAAA,EAAAI,~~EAAYf~~,EAAQL,~~WACpBqB~~,EAALC,OAAAC,UAAuBC,yBACXH,~~EAAWrB~~,+~~BA6BEc~~,GAAAD,EAAaC"}
1	+ {"version":3,"file":"OptionButton.js","sources":["../../../../src/components/optionbutton/OptionButton.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n import { EventHandler } from '../../utilities/EventHandler';\n import type { OptionItems } from './optionbutton.types';\n export let checked: boolean;\n export let options: string;\n export let justifycontent = 'space-between';\n $: parsedOptions = options ? (JSON.parse(options) as OptionItems[]) : [];\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n const forwardEvents = createEventForwarder(get_current_component());\n\n function handleChange(option: OptionItems): void {\n option.checked = !option.checked;\n eventHandler.dispatch('change', option);\n }\n</script>\n\n<div\n class=\"mc-option-group {userClass}\"\n {...attributes}\n style={`justify-content:${justifycontent}`}\n>\n {#each parsedOptions as option}\n <div\n class=\"mc-option-button\"\n class:mc-option-button--full={option.fullwidth}\n >\n <input\n use:forwardEvents\n id={option.id}\n type=\"radio\"\n class=\"mc-option-button__input\"\n name={option.name}\n {checked}\n disabled={option.disabled}\n on:change={() => handleChange(option)}\n />\n <label for={option.id} class=\"mc-option-button__label\">\n {option.label}\n </label>\n </div>\n {/each}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.option-button';\n\n .mc-option-group {\n display: flex;\n }\n</style>\n"],"names":["t1_value","ctx","label","attr","input","input_id_value","id","input_name_value","name","disabled","input_disabled_value","label_for_value","toggle_class","div","fullwidth","insert","target","anchor","append","dirty","set_data","t1","length","i","class","div_class_value","style","div_style_value","checked","$$props","options","justifycontent","eventHandler","EventHandler","get_current_component","createEventDispatcher","forwardEvents","createEventForwarder","handleChange","option","dispatch","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps"],"mappings":"8ZAmDSA,EAAAC,MAAOC,MAAK,sGATTC,EAAAC,EAAA,KAAAC,EAAAJ,MAAOK,+DAGLH,EAAAC,EAAA,OAAAG,EAAAN,MAAOO,qBAEHJ,EAAAK,SAAAC,EAAAT,MAAOQ,SAGPN,EAAAD,EAAA,MAAAS,EAAAV,MAAOK,2EAZWM,EAAAC,EAAA,yBAAAZ,MAAOa,mBAFvCC,EAiBKC,EAAAH,EAAAI,GAbHC,EASCL,EAAAT,UACDc,EAEOL,EAAAX,gFAVD,GAAAiB,GAAAd,KAAAA,EAAAJ,MAAOK,iBAGL,GAAAa,GAAAZ,KAAAA,EAAAN,MAAOO,2CAEH,GAAAW,GAAAT,KAAAA,EAAAT,MAAOQ,0BAIhB,GAAAU,GAAAnB,KAAAA,EAAAC,MAAOC,MAAK,KAAAkB,EAAAC,EAAArB,GADH,GAAAmB,GAAAR,KAAAA,EAAAV,MAAOK,wBAZWM,EAAAC,EAAA,yBAAAZ,MAAOa,+DAHlCb,EAAa,wBAAlBqB,OAAIC,GAAA,sDAJkBtB,EAAS,IAC7BA,EAAU,+BACYA,EAAc,uIAH1Cc,EAyBKC,EAAAH,EAAAI,mFApBIhB,EAAa,WAAlBqB,OAAIC,GAAA,EAAA,iHAAJD,iDAJsBrB,EAAS,KAAA,CAAAuB,MAAAC,QAC7BxB,EAAU,kCACYA,EAAc,OAAA,CAAAyB,MAAAC,sIAvB7BC,GAAgBC,WAChBC,GAAeD,GACfE,eAAAA,EAAiB,iBAAeF,EAMvCG,EAAmB,IAAAC,EACrBC,IACAC,WAEIC,EAAgBC,EAAqBH,KAElC,SAAAI,EAAaC,GACpBA,EAAOX,SAAWW,EAAOX,QACzBI,EAAaQ,SAAS,SAAUD,6MAbjCE,EAAA,EAAEC,EAAgBZ,EAAWa,KAAKC,MAAMd,GAAO,IAC7CW,EAAA,EAAAI,EAAYhB,EAAQL,WACpBsB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWtB,+BAgCEe,GAAAD,EAAaC"}

package/public/bricoman/components/optionbutton/OptionButton.svelte CHANGED Viewed

@@ -1,7 +1,10 @@
 <svelte:options tag={null} />
 <script lang="ts">
-  import { get_current_component } from 'svelte/internal';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
   import { createEventForwarder } from '../../utilities/EventForward';
   import { EventHandler } from '../../utilities/EventHandler';
   import type { OptionItems } from './optionbutton.types';
@@ -13,7 +16,10 @@
   $: attributes = { ...$$restProps };
   $: delete attributes.class;
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
   const forwardEvents = createEventForwarder(get_current_component());
   function handleChange(option: OptionItems): void {

package/public/bricoman/components/overlay/Overlay.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as i,i as s,a as t,b as e,f as a,s as o,c as n,e as l,n as r,h as c,v as b,j as p,m as v,o as y,p as m,q as d}from"../../index-52f16292.js";function u(i){let s,t,a=[{class:"mc-overlay"},i[1]],o={};for(let i=0;i<a.length;i+=1)o=n(o,a[i]);return{c(){s=l("div"),t=l("slot"),this.c=r,c(s,o),b(s,"is-visible",i[0])},m(i,a){e(i,s,a),p(s,t)},p(i,[t]){c(s,o=v(a,[{class:"mc-overlay"},2&t&&i[1]])),b(s,"is-visible",i[0])},i:r,o:r,d(i){i&&y(s)}}}function x(i,s,t){const e=["visible"];let a=m(s,e),{visible:o=!1}=s;return i.$$set=i=>{s=n(n({},s),d(i)),t(1,a=m(s,e)),"visible"in i&&t(0,o=i.visible)},[o,a]}class f extends i{constructor(i){super();const n=document.createElement("style");n.textContent=".mc-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:rgba(25, 25, 25, 0.7);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998;-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}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(n),s(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},x,u,o,{visible:0},null),i&&(i.target&&e(i.target,this,i.anchor),i.props&&(this.$set(i.props),a()))}static get observedAttributes(){return["visible"]}get visible(){return this.$$.ctx[0]}set visible(i){this.$$set({visible:i}),a()}}export{f as default};
+import{S as i,i as s,a as t,b as e,f as a,s as o,c as n,e as l,n as r,h as c,v as b,j as p,m as v,o as y,p as m,u as d}from"../../index-9ffad6d0.js";function u(i){let s,t,a=[{class:"mc-overlay"},i[1]],o={};for(let i=0;i<a.length;i+=1)o=n(o,a[i]);return{c(){s=l("div"),t=l("slot"),this.c=r,c(s,o),b(s,"is-visible",i[0])},m(i,a){e(i,s,a),p(s,t)},p(i,[t]){c(s,o=v(a,[{class:"mc-overlay"},2&t&&i[1]])),b(s,"is-visible",i[0])},i:r,o:r,d(i){i&&y(s)}}}function x(i,s,t){const e=["visible"];let a=m(s,e),{visible:o=!1}=s;return i.$$set=i=>{s=n(n({},s),d(i)),t(1,a=m(s,e)),"visible"in i&&t(0,o=i.visible)},[o,a]}class f extends i{constructor(i){super();const n=document.createElement("style");n.textContent=".mc-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:rgba(25, 25, 25, 0.7);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998;-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}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(n),s(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},x,u,o,{visible:0},null),i&&(i.target&&e(i.target,this,i.anchor),i.props&&(this.$set(i.props),a()))}static get observedAttributes(){return["visible"]}get visible(){return this.$$.ctx[0]}set visible(i){this.$$set({visible:i}),a()}}export{f as default};
 //# sourceMappingURL=Overlay.js.map

package/public/bricoman/components/overlay/OverlayLoader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as s,f as a,s as r,e as o,d as n,n as l,g as c,v as d,j as m,o as f,t as h,k as b}from"../../index-52f16292.js";function p(e){let t,i;return{c(){t=o("span"),i=h(e[1]),c(t,"class","mc-loader__text")},m(e,a){s(e,t,a),m(t,i)},p(e,t){2&t&&b(i,e[1])},d(e){e&&f(t)}}}function k(e){let t,i,a,r,h=e[1]&&p(e);return{c(){t=o("div"),i=o("div"),a=o("span"),a.innerHTML='<svg class="mc-loader__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><circle class="mc-loader__path" cx="50%" cy="50%" r="19"></circle></svg>',r=n(),h&&h.c(),this.c=l,c(a,"class","mc-loader__spinner"),c(i,"class","mc-loader mc-loader--l mc-loader--light"),c(t,"class","mc-overlay-loader"),d(t,"is-visible",e[0])},m(e,o){s(e,t,o),m(t,i),m(i,a),m(i,r),h&&h.m(i,null)},p(e,[s]){e[1]?h?h.p(e,s):(h=p(e),h.c(),h.m(i,null)):h&&(h.d(1),h=null),1&s&&d(t,"is-visible",e[0])},i:l,o:l,d(e){e&&f(t),h&&h.d()}}}function x(e,t,i){let{visible:s=!1}=t,{text:a}=t;return e.$$set=e=>{"visible"in e&&i(0,s=e.visible),"text"in e&&i(1,a=e.text)},[s,a]}class y extends e{constructor(e){super();const o=document.createElement("style");o.textContent=".mc-loader{color:#ff5800;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{-webkit-animation:rotate-loader 2s linear infinite;animation:rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:animate-dash-loader 2s ease-in-out infinite;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--light{color:#ffffff}.mc-loader--light .mc-loader__path{stroke:currentColor}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}.mc-overlay-loader{background-color:rgba(25, 25, 25, 0.7);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998;-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}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(o),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},x,k,r,{visible:0,text:1},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["visible","text"]}get visible(){return this.$$.ctx[0]}set visible(e){this.$$set({visible:e}),a()}get text(){return this.$$.ctx[1]}set text(e){this.$$set({text:e}),a()}}export{y as default};
+import{S as e,i as t,a as i,b as s,f as a,s as r,e as o,d as n,n as l,g as c,v as d,j as m,o as f,t as h,k as b}from"../../index-9ffad6d0.js";function p(e){let t,i;return{c(){t=o("span"),i=h(e[1]),c(t,"class","mc-loader__text")},m(e,a){s(e,t,a),m(t,i)},p(e,t){2&t&&b(i,e[1])},d(e){e&&f(t)}}}function k(e){let t,i,a,r,h=e[1]&&p(e);return{c(){t=o("div"),i=o("div"),a=o("span"),a.innerHTML='<svg class="mc-loader__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><circle class="mc-loader__path" cx="50%" cy="50%" r="19"></circle></svg>',r=n(),h&&h.c(),this.c=l,c(a,"class","mc-loader__spinner"),c(i,"class","mc-loader mc-loader--l mc-loader--light"),c(t,"class","mc-overlay-loader"),d(t,"is-visible",e[0])},m(e,o){s(e,t,o),m(t,i),m(i,a),m(i,r),h&&h.m(i,null)},p(e,[s]){e[1]?h?h.p(e,s):(h=p(e),h.c(),h.m(i,null)):h&&(h.d(1),h=null),1&s&&d(t,"is-visible",e[0])},i:l,o:l,d(e){e&&f(t),h&&h.d()}}}function x(e,t,i){let{visible:s=!1}=t,{text:a}=t;return e.$$set=e=>{"visible"in e&&i(0,s=e.visible),"text"in e&&i(1,a=e.text)},[s,a]}class y extends e{constructor(e){super();const o=document.createElement("style");o.textContent=".mc-loader{color:#ff5800;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{-webkit-animation:rotate-loader 2s linear infinite;animation:rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:animate-dash-loader 2s ease-in-out infinite;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--light{color:#ffffff}.mc-loader--light .mc-loader__path{stroke:currentColor}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}.mc-overlay-loader{background-color:rgba(25, 25, 25, 0.7);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998;-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}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(o),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},x,k,r,{visible:0,text:1},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["visible","text"]}get visible(){return this.$$.ctx[0]}set visible(e){this.$$set({visible:e}),a()}get text(){return this.$$.ctx[1]}set text(e){this.$$set({text:e}),a()}}export{y as default};
 //# sourceMappingURL=OverlayLoader.js.map

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,r as g,a1 as f,q as p,g as x,a6 as w,a8 as _,l as v,O as k,M as y,t as M,k as z,a9 as I,A,Y as N}from"../../index-52f16292.js";import{E as D}from"../../EventHandler-f4efd23c.js";function E(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 C(t){let e,o,i,n,m;return{c(){e=c("button"),o=c("navigation-arrow-arrow--left-24px"),A(o,"size","100%"),A(o,"class","mc-pagination__button-icon mc-button__icon"),x(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),x(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=v(e,"click",N(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 $(t){let e,o,i;return{c(){e=c("a"),o=c("navigation-arrow-arrow--left-24px"),A(o,"size","100%"),A(o,"class","mc-pagination__button-icon mc-button__icon"),x(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),x(e,"href",t[5]),x(e,"aria-label","Previous page"),x(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&&x(e,"href",t[5]),3&o&&i!==(i=1===Number(t[0])||1===Number(t[1]))&&x(e,"disabled",i)},d(t){t&&h(e)}}}function j(t){let e,o,i,n,m,l={length:t[1]},a=[];for(let e=0;e<l.length;e+=1)a[e]=S(E(t,l,e));return{c(){e=c("div"),o=c("select");for(let t=0;t<a.length;t+=1)a[t].c();x(o,"class","mc-select mc-pagination__select"),o.disabled=i=1===Number(t[1]),void 0===t[0]&&w((()=>t[11].call(o))),x(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);_(o,t[0],!0),n||(m=[v(o,"change",t[11]),v(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=E(t,l,r);a[r]?a[r].p(i,e):(a[r]=S(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&&_(o,t[0])},d(t){t&&h(e),k(a,t),n=!1,y(m)}}}function S(t){let e,o,i,n,m,a,b,s,u;return{c(){e=c("option"),o=M(t[4]),i=l(),n=M(t[15]),m=l(),a=M(t[3]),b=l(),s=M(t[1]),x(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&&z(o,t[4]),8&r&&z(a,t[3]),2&r&&z(s,t[1]),1&r&&u!==(u=t[15]==t[0])&&(e.selected=u)},d(t){t&&h(e)}}}function P(t){let e,o,i,n,m;return{c(){e=c("button"),o=c("navigation-arrow-arrow--right-24px"),A(o,"size","100%"),A(o,"class","mc-pagination__button-icon mc-button__icon"),x(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),x(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=v(e,"click",N(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 T(t){let e,o,i;return{c(){e=c("a"),o=c("navigation-arrow-arrow--right-24px"),A(o,"size","100%"),A(o,"class","mc-pagination__button-icon mc-button__icon"),x(e,"class","mc-pagination__button mc-button mc-button--solid-neutral mc-button--square mc-button--s@from-l"),x(e,"href",t[6]),x(e,"aria-label","Next Page"),x(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&&x(e,"href",t[6]),3&o&&i!==(i=Number(t[0])===Number(t[1])||1===Number(t[1]))&&x(e,"disabled",i)},d(t){t&&h(e)}}}function L(t){let e,o,i,n;function u(t,e){return t[5]?$:C}let g=u(t),f=g(t),p=!t[2]&&j(t);function x(t,e){return t[6]?T:P}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=j(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 B(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 D;const x=g();return f((()=>{const t=x.shadowRoot.querySelector(".mc-select").options.namedItem(c);t&&(t.selected=!0)})),t.$$set=t=>{e=m(m({},e),p(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=I(this),o(0,c)}]}class G 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},B,L,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{G 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 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};
 //# 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 { onMount, get_current_component } 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\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","~~component~~","~~get_current_component~~","onMount","selectedOption","shadowRoot","querySelector","options","namedItem","dispatch"],"mappings":"~~yVAoFgC~~,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,~~sKA1CJ0B~~,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,~~MAAmBC~~,~~EAGjB~~,MAAAC,~~EAAiBC~~,~~WACvBC~~,GAAO,KAEC,MAEAC,~~EAFSH~~,~~EAAUI~~,WAAWC,cAAc,cAC3BC,QACQC,~~UAAUf~~,~~GACrCW~~,IACFA,~~EAAevB~~,UAAW,sTAM5BY,IAAKA,GACLM,~~EAAaU~~,SAAS,~~mBAAoBhB~~,mBAI1CA,IAAKA,GACLM,~~EAAaU~~,SAAS,~~eAAgBhB~~,eAItCM,~~EAAaU~~,SAAS,~~iBAAkBhB~~"}
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"}

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

@@ -1,7 +1,11 @@
 <svelte:options tag={null} />
 <script lang="ts">
-  import { onMount, get_current_component } from 'svelte/internal';
+  import {
+    onMount,
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
   import { EventHandler } from '../../utilities/EventHandler';
   export let total = 1;
@@ -12,7 +16,10 @@
   export let hrefprev = '';
   export let hrefnext = '';
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const component: any = get_current_component();

package/public/bricoman/components/passwordinput/PasswordInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as n,f as r,s as o,c as m,e as s,d as l,t as a,n as h,g as p,v as d,h as c,j as u,K as x,l as f,k as g,m as b,o as z,M as w,p as v,r as k,q as $}from"../../index-52f16292.js";import{c as y}from"../../EventForward-422700d7.js";function _(e){let t,i,r,o,v,k,$,y,_,C,M=E(e[0])+"",j=[{class:"mc-password-input"},e[9]],A={};for(let e=0;e<j.length;e+=1)A=m(A,j[e]);return{c(){t=s("div"),i=s("input"),o=l(),v=s("button"),k=a(M),this.c=h,p(i,"type",r=q(e[0])),p(i,"class","mc-text-input mc-password-input__control"),p(i,"aria-invalid",e[4]),p(i,"spellcheck","false"),p(i,"id",e[1]),p(i,"placeholder",e[2]),i.disabled=e[5],i.required=e[6],d(i,"is-valid",e[3]),d(i,"is-invalid",e[4]),p(v,"type","button"),p(v,"class","mc-password-input__button"),p(v,"role","switch"),p(v,"aria-checked",$=e[0]?"true":"false"),p(v,"aria-pressed",y=e[0]?"true":"false"),c(t,A)},m(r,m){n(r,t,m),u(t,i),u(t,o),u(t,v),u(v,k),_||(C=[x(e[7].call(null,i)),f(v,"click",e[8])],_=!0)},p(e,[n]){1&n&&r!==(r=q(e[0]))&&p(i,"type",r),16&n&&p(i,"aria-invalid",e[4]),2&n&&p(i,"id",e[1]),4&n&&p(i,"placeholder",e[2]),32&n&&(i.disabled=e[5]),64&n&&(i.required=e[6]),8&n&&d(i,"is-valid",e[3]),16&n&&d(i,"is-invalid",e[4]),1&n&&M!==(M=E(e[0])+"")&&g(k,M),1&n&&$!==($=e[0]?"true":"false")&&p(v,"aria-checked",$),1&n&&y!==(y=e[0]?"true":"false")&&p(v,"aria-pressed",y),c(t,A=b(j,[{class:"mc-password-input"},512&n&&e[9]]))},i:h,o:h,d(e){e&&z(t),_=!1,w(C)}}}function q(e){return e?"text":"password"}function E(e){return e?"Hide":"Show"}function C(e,t,i){const n=["id","placeholder","isvalid","isinvalid","disabled","required","isvisible"];let r=v(t,n),{id:o}=t,{placeholder:s}=t,{isvalid:l}=t,{isinvalid:a}=t,{disabled:h=!1}=t,{required:p=!1}=t,{isvisible:d=!1}=t;const c=y(k());return e.$$set=e=>{t=m(m({},t),$(e)),i(9,r=v(t,n)),"id"in e&&i(1,o=e.id),"placeholder"in e&&i(2,s=e.placeholder),"isvalid"in e&&i(3,l=e.isvalid),"isinvalid"in e&&i(4,a=e.isinvalid),"disabled"in e&&i(5,h=e.disabled),"required"in e&&i(6,p=e.required),"isvisible"in e&&i(0,d=e.isvisible)},[d,o,s,l,a,h,p,c,function(){i(0,d=!d)},r]}class M extends e{constructor(e){super();const m=document.createElement("style");m.textContent=".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-password-input{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-password-input__control.mc-text-input{border-right:none;border-bottom-right-radius:0;border-top-right-radius:0}.mc-password-input__button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;font-family:\"LeroyMerlin\", sans-serif;font-weight:600;background-color:#ffffff;border:1px solid #808080;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#333333;display:block;position:relative;height:0;padding:0.875rem 0.9375rem;min-height:3rem}.mc-password-input__button:active,.mc-password-input__button:focus,.mc-password-input__button:hover{background-color:#e6e6e6}",this.shadowRoot.appendChild(m),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},C,_,o,{id:1,placeholder:2,isvalid:3,isinvalid:4,disabled:5,required:6,isvisible:0},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["id","placeholder","isvalid","isinvalid","disabled","required","isvisible"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),r()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),r()}get isvalid(){return this.$$.ctx[3]}set isvalid(e){this.$$set({isvalid:e}),r()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),r()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),r()}get required(){return this.$$.ctx[6]}set required(e){this.$$set({required:e}),r()}get isvisible(){return this.$$.ctx[0]}set isvisible(e){this.$$set({isvisible:e}),r()}}export{M as default};
+import{S as e,i as t,a as i,b as n,f as r,s as o,c as m,e as s,d as l,t as a,n as h,g as p,v as d,h as c,j as u,K as x,l as f,k as g,m as b,o as z,M as w,p as v,q as k,u as $}from"../../index-9ffad6d0.js";import{c as y}from"../../EventForward-24fc0272.js";function _(e){let t,i,r,o,v,k,$,y,_,C,M=E(e[0])+"",j=[{class:"mc-password-input"},e[9]],A={};for(let e=0;e<j.length;e+=1)A=m(A,j[e]);return{c(){t=s("div"),i=s("input"),o=l(),v=s("button"),k=a(M),this.c=h,p(i,"type",r=q(e[0])),p(i,"class","mc-text-input mc-password-input__control"),p(i,"aria-invalid",e[4]),p(i,"spellcheck","false"),p(i,"id",e[1]),p(i,"placeholder",e[2]),i.disabled=e[5],i.required=e[6],d(i,"is-valid",e[3]),d(i,"is-invalid",e[4]),p(v,"type","button"),p(v,"class","mc-password-input__button"),p(v,"role","switch"),p(v,"aria-checked",$=e[0]?"true":"false"),p(v,"aria-pressed",y=e[0]?"true":"false"),c(t,A)},m(r,m){n(r,t,m),u(t,i),u(t,o),u(t,v),u(v,k),_||(C=[x(e[7].call(null,i)),f(v,"click",e[8])],_=!0)},p(e,[n]){1&n&&r!==(r=q(e[0]))&&p(i,"type",r),16&n&&p(i,"aria-invalid",e[4]),2&n&&p(i,"id",e[1]),4&n&&p(i,"placeholder",e[2]),32&n&&(i.disabled=e[5]),64&n&&(i.required=e[6]),8&n&&d(i,"is-valid",e[3]),16&n&&d(i,"is-invalid",e[4]),1&n&&M!==(M=E(e[0])+"")&&g(k,M),1&n&&$!==($=e[0]?"true":"false")&&p(v,"aria-checked",$),1&n&&y!==(y=e[0]?"true":"false")&&p(v,"aria-pressed",y),c(t,A=b(j,[{class:"mc-password-input"},512&n&&e[9]]))},i:h,o:h,d(e){e&&z(t),_=!1,w(C)}}}function q(e){return e?"text":"password"}function E(e){return e?"Hide":"Show"}function C(e,t,i){const n=["id","placeholder","isvalid","isinvalid","disabled","required","isvisible"];let r=v(t,n),{id:o}=t,{placeholder:s}=t,{isvalid:l}=t,{isinvalid:a}=t,{disabled:h=!1}=t,{required:p=!1}=t,{isvisible:d=!1}=t;const c=y(k());return e.$$set=e=>{t=m(m({},t),$(e)),i(9,r=v(t,n)),"id"in e&&i(1,o=e.id),"placeholder"in e&&i(2,s=e.placeholder),"isvalid"in e&&i(3,l=e.isvalid),"isinvalid"in e&&i(4,a=e.isinvalid),"disabled"in e&&i(5,h=e.disabled),"required"in e&&i(6,p=e.required),"isvisible"in e&&i(0,d=e.isvisible)},[d,o,s,l,a,h,p,c,function(){i(0,d=!d)},r]}class M extends e{constructor(e){super();const m=document.createElement("style");m.textContent=".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-password-input{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-password-input__control.mc-text-input{border-right:none;border-bottom-right-radius:0;border-top-right-radius:0}.mc-password-input__button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;font-family:\"LeroyMerlin\", sans-serif;font-weight:600;background-color:#ffffff;border:1px solid #808080;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#333333;display:block;position:relative;height:0;padding:0.875rem 0.9375rem;min-height:3rem}.mc-password-input__button:active,.mc-password-input__button:focus,.mc-password-input__button:hover{background-color:#e6e6e6}",this.shadowRoot.appendChild(m),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},C,_,o,{id:1,placeholder:2,isvalid:3,isinvalid:4,disabled:5,required:6,isvisible:0},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["id","placeholder","isvalid","isinvalid","disabled","required","isvisible"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),r()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),r()}get isvalid(){return this.$$.ctx[3]}set isvalid(e){this.$$set({isvalid:e}),r()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),r()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),r()}get required(){return this.$$.ctx[6]}set required(e){this.$$set({required:e}),r()}get isvisible(){return this.$$.ctx[0]}set isvisible(e){this.$$set({isvisible:e}),r()}}export{M as default};
 //# sourceMappingURL=PasswordInput.js.map