@mozaic-ds/web-components 0.26.1 → 0.28.0

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

@@ -1,2 +1,2 @@
-import{S as i,i as t,a as e,b as o,f as n,s as a,c as r,e as s,d as c,n as l,h as m,j as f,l as d,p as h,q as g,r as b,v as x,w,x as p,R as k,t as u,a5 as v,o as y,m as _}from"../../index-48da6c1f.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function E(i){let t,e=i[1],n=i[1]&&z(i);return{c(){n&&n.c(),t=k()},m(i,e){n&&n.m(i,e),o(i,t,e)},p(i,o){i[1]?e?a(e,i[1])?(n.d(1),n=z(i),e=i[1],n.c(),n.m(t.parentNode,t)):n.p(i,o):(n=z(i),e=i[1],n.c(),n.m(t.parentNode,t)):e&&(n.d(1),n=null,e=i[1])},d(i){i&&g(t),n&&n.d(i)}}}function z(i){let t,e;return{c(){t=s(i[1]),e=u(i[0]),v(i[1])(t,{class:"mc-notification__title"})},m(i,n){o(i,t,n),d(t,e)},p(i,t){1&t&&y(e,i[0])},d(i){i&&g(t)}}}function $(i){let t;return{c(){t=s("div"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-notification__footer")},m(i,e){o(i,t,e)},p:l,d(i){i&&g(t)}}}function M(i){let t,e,n;return{c(){t=s("div"),e=s("a"),n=u(i[4]),m(e,"class","mc-notification__link mc-link"),m(e,"href",i[3]),m(t,"class","mc-notification__footer")},m(i,a){o(i,t,a),d(t,e),d(e,n)},p(i,t){16&t&&y(n,i[4]),8&t&&m(e,"href",i[3])},d(i){i&&g(t)}}}function A(i){let t,e,n;return{c(){t=s("button"),m(t,"type","button"),m(t,"class","mc-notification-closable__close"),m(t,"title","Close")},m(a,r){o(a,t,r),e||(n=_(t,"click",i[10]),e=!0)},p:l,d(i){i&&g(t),e=!1,n()}}}function Z(i){let t,e,n,a,b,x,w,p,k=i[0]&&E(i);function u(i,t){return i[3]&&i[4]?M:i[8]?$:void 0}let v=u(i),y=v&&v(i),_=i[6]&&A(i),C=[{class:w=L(i[5],i[7],i[6])+" "+i[11].class},{role:p=i[2]?"alert":"status"},i[9]],z={};for(let i=0;i<C.length;i+=1)z=r(z,C[i]);return{c(){t=s("div"),e=s("div"),k&&k.c(),n=c(),a=s("div"),a.innerHTML="<slot></slot>",b=c(),y&&y.c(),x=c(),_&&_.c(),this.c=l,m(a,"class","mc-notification__message"),m(e,"class","mc-notification__content"),f(t,z)},m(i,r){o(i,t,r),d(t,e),k&&k.m(e,null),d(e,n),d(e,a),d(e,b),y&&y.m(e,null),d(t,x),_&&_.m(t,null)},p(i,[o]){i[0]?k?k.p(i,o):(k=E(i),k.c(),k.m(e,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(e,null))),i[6]?_?_.p(i,o):(_=A(i),_.c(),_.m(t,null)):_&&(_.d(1),_=null),f(t,z=h(C,[2272&o&&w!==(w=L(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:l,o:l,d(i){i&&g(t),k&&k.d(),y&&y.d(),_&&_.d()}}}function L(i,t,e){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),t&&"m"!==t&&o.push(`mc-notification--${t}`),e&&o.push("mc-notification-closable"),o.join(" ")}function B(i,t,e){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let a=b(t,n),{title:s}=t,{titletag:c="h3"}=t,{alert:l=!1}=t,{href:m}=t,{linkcontent:f}=t,{type:d}=t,{closable:h=!1}=t,{size:g="m"}=t,{hasfooter:k=!1}=t,u=new C(x(),w());return i.$$set=i=>{e(11,t=r(r({},t),p(i))),e(13,a=b(t,n)),"title"in i&&e(0,s=i.title),"titletag"in i&&e(1,c=i.titletag),"alert"in i&&e(2,l=i.alert),"href"in i&&e(3,m=i.href),"linkcontent"in i&&e(4,f=i.linkcontent),"type"in i&&e(5,d=i.type),"closable"in i&&e(6,h=i.closable),"size"in i&&e(7,g=i.size),"hasfooter"in i&&e(8,k=i.hasfooter)},i.$$.update=()=>{e(9,o=Object.assign({},a)),512&i.$$.dirty&&delete o.class},t=p(t),[s,c,l,m,f,d,h,g,k,o,function(i){u.dispatch("close",i)},t]}class V extends i{constructor(i){super();const r=document.createElement("style");r.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;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;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 .mc-notification__title+.mc-notification__message{margin-top:0.5rem}.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 .mc-notification__title+.mc-notification__message{margin-top:0.25rem}.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;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(r),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},B,Z,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{V as default};
+import{S as i,i as t,a as e,b as o,f as n,s as a,c as r,e as s,d as c,n as l,h as m,j as d,k as f,l as h,m as g,o as b,q as x,r as w,u as p,T as k,v as u,w as v,y,x as _}from"../../index-c222d0b7.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function E(i){let t,e=i[1],n=i[1]&&z(i);return{c(){n&&n.c(),t=k()},m(i,e){n&&n.m(i,e),o(i,t,e)},p(i,o){i[1]?e?a(e,i[1])?(n.d(1),n=z(i),e=i[1],n.c(),n.m(t.parentNode,t)):n.p(i,o):(n=z(i),e=i[1],n.c(),n.m(t.parentNode,t)):e&&(n.d(1),n=null,e=i[1])},d(i){i&&g(t),n&&n.d(i)}}}function z(i){let t,e;return{c(){t=s(i[1]),e=u(i[0]),v(i[1])(t,{class:"mc-notification__title"})},m(i,n){o(i,t,n),f(t,e)},p(i,t){1&t&&y(e,i[0])},d(i){i&&g(t)}}}function $(i){let t;return{c(){t=s("div"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-notification__footer")},m(i,e){o(i,t,e)},p:l,d(i){i&&g(t)}}}function M(i){let t,e,n;return{c(){t=s("div"),e=s("a"),n=u(i[4]),m(e,"class","mc-notification__link mc-link"),m(e,"href",i[3]),m(t,"class","mc-notification__footer")},m(i,a){o(i,t,a),f(t,e),f(e,n)},p(i,t){16&t&&y(n,i[4]),8&t&&m(e,"href",i[3])},d(i){i&&g(t)}}}function A(i){let t,e,n;return{c(){t=s("button"),m(t,"type","button"),m(t,"class","mc-notification-closable__close"),m(t,"title","Close")},m(a,r){o(a,t,r),e||(n=_(t,"click",i[10]),e=!0)},p:l,d(i){i&&g(t),e=!1,n()}}}function Z(i){let t,e,n,a,b,x,w,p,k=i[0]&&E(i);function u(i,t){return i[3]&&i[4]?M:i[8]?$:void 0}let v=u(i),y=v&&v(i),_=i[6]&&A(i),C=[{class:w=L(i[5],i[7],i[6])+" "+i[11].class},{role:p=i[2]?"alert":"status"},i[9]],z={};for(let i=0;i<C.length;i+=1)z=r(z,C[i]);return{c(){t=s("div"),e=s("div"),k&&k.c(),n=c(),a=s("div"),a.innerHTML="<slot></slot>",b=c(),y&&y.c(),x=c(),_&&_.c(),this.c=l,m(a,"class","mc-notification__message"),m(e,"class","mc-notification__content"),d(t,z)},m(i,r){o(i,t,r),f(t,e),k&&k.m(e,null),f(e,n),f(e,a),f(e,b),y&&y.m(e,null),f(t,x),_&&_.m(t,null)},p(i,[o]){i[0]?k?k.p(i,o):(k=E(i),k.c(),k.m(e,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(e,null))),i[6]?_?_.p(i,o):(_=A(i),_.c(),_.m(t,null)):_&&(_.d(1),_=null),d(t,z=h(C,[2272&o&&w!==(w=L(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:l,o:l,d(i){i&&g(t),k&&k.d(),y&&y.d(),_&&_.d()}}}function L(i,t,e){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),t&&"m"!==t&&o.push(`mc-notification--${t}`),e&&o.push("mc-notification-closable"),o.join(" ")}function B(i,t,e){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let a=b(t,n),{title:s}=t,{titletag:c="h3"}=t,{alert:l=!1}=t,{href:m}=t,{linkcontent:d}=t,{type:f}=t,{closable:h=!1}=t,{size:g="m"}=t,{hasfooter:k=!1}=t,u=new C(x(),w());return i.$$set=i=>{e(11,t=r(r({},t),p(i))),e(13,a=b(t,n)),"title"in i&&e(0,s=i.title),"titletag"in i&&e(1,c=i.titletag),"alert"in i&&e(2,l=i.alert),"href"in i&&e(3,m=i.href),"linkcontent"in i&&e(4,d=i.linkcontent),"type"in i&&e(5,f=i.type),"closable"in i&&e(6,h=i.closable),"size"in i&&e(7,g=i.size),"hasfooter"in i&&e(8,k=i.hasfooter)},i.$$.update=()=>{e(9,o=Object.assign({},a)),512&i.$$.dirty&&delete o.class},t=p(t),[s,c,l,m,d,f,h,g,k,o,function(i){u.dispatch("close",i)},t]}class V extends i{constructor(i){super();const r=document.createElement("style");r.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;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;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:#c34400}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#c34400}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#943300}.mc-link--primary.is-active,.mc-link--primary:active{color:#702700}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#c34400}.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 .mc-notification__title+.mc-notification__message{margin-top:0.5rem}.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 .mc-notification__title+.mc-notification__message{margin-top:0.25rem}.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;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(r),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},B,Z,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{V as default};
 //# sourceMappingURL=Notification.js.map

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

@@ -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  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      <svelte:element this={titletag} class=\"mc-notification__title\"\n        >{title}</svelte:element\n      >\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","create_dynamic_element","svelte_element","class","insert","target","anchor","div","append","a","button","create_if_block_3","create_if_block_1","create_if_block_2","create_if_block","setClasses","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":"kRAkE4BA,EAAQ,KAARA,EAAQ,IAAAC,EAAAD,kEAARA,EAAQ,SAARA,EAAQ,qBAARA,EAAQ,iDAARA,EAAQ,kDAARA,EAAQ,mEAARA,EAAQ,QAC1BA,EAAK,MADaA,EAAQ,IAAAE,EAAA,CAAAC,MAAA,mCAA9BC,EAEAC,EAAAH,EAAAI,2BADIN,EAAK,uJAWTI,EAEKC,EAAAE,EAAAD,kFAL8CN,EAAW,iHAD9DI,EAEKC,EAAAE,EAAAD,GADHE,EAAgED,EAAAE,4BAAfT,EAAW,4LAShEI,EAKCC,EAAAK,EAAAJ,qBADWN,EAAS,4EAvBhBA,EAAK,IAAAW,EAAAX,mBAQL,OAAAA,MAAQA,EAAW,GAAAY,EAIdZ,EAAS,GAAAa,gCAMhBb,EAAQ,IAAAc,EAAAd,eAvBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACG,eAC7CH,EAAK,GAAG,QAAU,UACpBA,EAAU,8QAHhBI,EAgCKC,EAAAW,EAAAV,GA3BHE,EAkBKQ,EAAAC,yBAZHT,EAEKS,EAAAC,yDAPAlB,EAAK,+HAkBPA,EAAQ,sFAvBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACG,QAAK,CAAAA,MAAAgB,eAClDnB,EAAK,GAAG,QAAU,WAAQ,CAAAoB,KAAAC,UAC5BrB,EAAU,yDA9BL,SAAAe,EACPO,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,EAAWpC,mCA6BZ,SAAUwC,GACjBR,EAAaS,SAAS,QAASD"}
+{"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      <svelte:element this={titletag} class=\"mc-notification__title\"\n        >{title}</svelte:element\n      >\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","create_dynamic_element","svelte_element","class","insert","target","anchor","div","append","a","button","create_if_block_3","create_if_block_1","create_if_block_2","create_if_block","setClasses","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":"iRAkE4BA,EAAQ,KAARA,EAAQ,IAAAC,EAAAD,kEAARA,EAAQ,SAARA,EAAQ,qBAARA,EAAQ,iDAARA,EAAQ,kDAARA,EAAQ,mEAARA,EAAQ,QAC1BA,EAAK,MADaA,EAAQ,IAAAE,EAAA,CAAAC,MAAA,mCAA9BC,EAEAC,EAAAH,EAAAI,2BADIN,EAAK,uJAWTI,EAEKC,EAAAE,EAAAD,kFAL8CN,EAAW,iHAD9DI,EAEKC,EAAAE,EAAAD,GADHE,EAAgED,EAAAE,4BAAfT,EAAW,4LAShEI,EAKCC,EAAAK,EAAAJ,qBADWN,EAAS,4EAvBhBA,EAAK,IAAAW,EAAAX,mBAQL,OAAAA,MAAQA,EAAW,GAAAY,EAIdZ,EAAS,GAAAa,gCAMhBb,EAAQ,IAAAc,EAAAd,eAvBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACG,eAC7CH,EAAK,GAAG,QAAU,UACpBA,EAAU,8QAHhBI,EAgCKC,EAAAW,EAAAV,GA3BHE,EAkBKQ,EAAAC,yBAZHT,EAEKS,EAAAC,yDAPAlB,EAAK,+HAkBPA,EAAQ,sFAvBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACG,QAAK,CAAAA,MAAAgB,eAClDnB,EAAK,GAAG,QAAU,WAAQ,CAAAoB,KAAAC,UAC5BrB,EAAU,yDA9BL,SAAAe,EACPO,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,EAAWpC,mCA6BZ,SAAUwC,GACjBR,EAAaS,SAAS,QAASD"}

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

@@ -1,2 +1,2 @@
-import{S as t,i as o,a as e,b as n,f as s,s as i,c as a,e as c,n as r,j as l,p as d,q as b,Q as p,r as u,v as h,w as f,x as m,d as x,t as w,h as g,k,l as _,M as y,m as $,o as j,O as v}from"../../index-48da6c1f.js";import{c as E}from"../../EventForward-78ecc73b.js";import{E as O}from"../../EventHandler-f7ee47ca.js";function C(t,o,e){const n=t.slice();return n[12]=o[e],n}function M(t){let o,e,s,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",s=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(s,i){n(s,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(n,c){t=n,16&c&&s!==(s=t[12].id)&&g(e,"id",s),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,s,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:s=`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){n(t,o,e);for(let t=0;t<u.length;t+=1)u[t]&&u[t].m(o,null)},p(t,[n]){if(81&n){let e;for(i=t[4],e=0;e<i.length;e+=1){const s=C(t,i,e);u[e]?u[e].p(s,n):(u[e]=M(s),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&n&&e!==(e="mc-option-group "+t[3])&&{class:e},4&n&&t[2],2&n&&s!==(s=`justify-content:${t[1]}`)&&{style:s}]))},i:r,o:r,d(t){t&&b(o),p(u,t)}}}function S(t,o,e){let n,s,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,n=d?JSON.parse(d):[]),e(3,s=o.class),e(2,i=Object.assign({},r)),4&t.$$.dirty&&delete i.class},o=m(o),[l,b,i,s,n,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;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&&n(t.target,this,t.anchor),t.props&&(this.$set(t.props),s()))}static get observedAttributes(){return["checked","options","justifycontent"]}get checked(){return this.$$.ctx[0]}set checked(t){this.$$set({checked:t}),s()}get options(){return this.$$.ctx[7]}set options(t){this.$$set({options:t}),s()}get justifycontent(){return this.$$.ctx[1]}set justifycontent(t){this.$$set({justifycontent:t}),s()}}export{q as default};
+import{S as t,i as o,a as e,b as n,f as s,s as i,c,e as a,n as l,j as r,t as p,l as d,m as b,R as u,o as m,q as h,r as f,u as x,d as g,v as w,h as k,k as $,N as y,x as _,y as j,P as v}from"../../index-c222d0b7.js";import{c as E}from"../../EventForward-c4c8cd29.js";import{E as R}from"../../EventHandler-f7ee47ca.js";function C(t,o,e){const n=t.slice();return n[14]=o[e],n}function N(t){let o,e,s,i,c,l,r,d,u,m,h,f,x,E,R=t[14].label+"";function C(){return t[10](t[14])}return{c(){o=a("div"),e=a("input"),d=g(),u=a("label"),m=w(R),f=g(),k(e,"id",s=t[14].id),k(e,"type","radio"),k(e,"class","mc-option-button__input"),k(e,"name",i=t[14].name),e.checked=c=t[14].checked,e.value=l=t[14].id,e.disabled=r=t[14].disabled,k(u,"for",h=t[14].id),k(u,"class","mc-option-button__label"),k(o,"class","mc-option-button"),p(o,"mc-option-button--full",t[14].fullwidth)},m(s,i){n(s,o,i),$(o,e),$(o,d),$(o,u),$(u,m),$(o,f),x||(E=[y(t[6].call(null,e)),_(e,"change",C)],x=!0)},p(n,a){t=n,32&a&&s!==(s=t[14].id)&&k(e,"id",s),32&a&&i!==(i=t[14].name)&&k(e,"name",i),32&a&&c!==(c=t[14].checked)&&(e.checked=c),32&a&&l!==(l=t[14].id)&&(e.value=l),32&a&&r!==(r=t[14].disabled)&&(e.disabled=r),32&a&&R!==(R=t[14].label+"")&&j(m,R),32&a&&h!==(h=t[14].id)&&k(u,"for",h),32&a&&p(o,"mc-option-button--full",t[14].fullwidth)},d(t){t&&b(o),x=!1,v(E)}}}function O(t){let o,e,s,i=t[5],m=[];for(let o=0;o<i.length;o+=1)m[o]=N(C(t,i,o));let h=[{class:e="mc-option-group "+t[4]},t[3],{style:s=`justify-content:${t[0]}; gap:${t[2]}`}],f={};for(let t=0;t<h.length;t+=1)f=c(f,h[t]);return{c(){o=a("div");for(let t=0;t<m.length;t+=1)m[t].c();this.c=l,r(o,f),p(o,"mc-option-group--column",t[1])},m(t,e){n(t,o,e);for(let t=0;t<m.length;t+=1)m[t]&&m[t].m(o,null)},p(t,[n]){if(160&n){let e;for(i=t[5],e=0;e<i.length;e+=1){const s=C(t,i,e);m[e]?m[e].p(s,n):(m[e]=N(s),m[e].c(),m[e].m(o,null))}for(;e<m.length;e+=1)m[e].d(1);m.length=i.length}r(o,f=d(h,[16&n&&e!==(e="mc-option-group "+t[4])&&{class:e},8&n&&t[3],5&n&&s!==(s=`justify-content:${t[0]}; gap:${t[2]}`)&&{style:s}])),p(o,"mc-option-group--column",t[1])},i:l,o:l,d(t){t&&b(o),u(m,t)}}}function S(t,o,e){let n,s,i;const a=["checked","options","justifycontent","column","gap"];let l=m(o,a),{checked:r}=o,{options:p}=o,{justifycontent:d="space-between"}=o,{column:b=!1}=o,{gap:u="1rem"}=o,g=new R(h(),f());const w=E(h());function k(t){t.checked=!t.checked,g.dispatch("change",t)}return t.$$set=t=>{e(13,o=c(c({},o),x(t))),e(12,l=m(o,a)),"checked"in t&&e(8,r=t.checked),"options"in t&&e(9,p=t.options),"justifycontent"in t&&e(0,d=t.justifycontent),"column"in t&&e(1,b=t.column),"gap"in t&&e(2,u=t.gap)},t.$$.update=()=>{512&t.$$.dirty&&e(5,n=p?JSON.parse(p):[]),e(4,s=o.class),e(3,i=Object.assign({},l)),8&t.$$.dirty&&delete i.class},o=x(o),[d,b,u,i,s,n,w,k,r,p,t=>k(t)]}class q extends t{constructor(t){super();const c=document.createElement("style");c.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:#ff941a;-webkit-box-shadow:0 0 0 0.25rem #ffe2bd;box-shadow:0 0 0 0.25rem #ffe2bd}.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;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}.mc-option-group--column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}',this.shadowRoot.appendChild(c),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},S,O,i,{checked:8,options:9,justifycontent:0,column:1,gap:2},null),t&&(t.target&&n(t.target,this,t.anchor),t.props&&(this.$set(t.props),s()))}static get observedAttributes(){return["checked","options","justifycontent","column","gap"]}get checked(){return this.$$.ctx[8]}set checked(t){this.$$set({checked:t}),s()}get options(){return this.$$.ctx[9]}set options(t){this.$$set({options:t}),s()}get justifycontent(){return this.$$.ctx[0]}set justifycontent(t){this.$$set({justifycontent:t}),s()}get column(){return this.$$.ctx[1]}set column(t){this.$$set({column:t}),s()}get gap(){return this.$$.ctx[2]}set gap(t){this.$$set({gap:t}),s()}}export{q as default};
 //# sourceMappingURL=OptionButton.js.map

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

@@ -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 {\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"}
+{"version":3,"file":"OptionButton.js","sources":["../../../../src/components/optionbutton/OptionButton.svelte"],"sourcesContent":["<svelte:options tag=\"\" />\n\n<script lang=\"ts\">\n  import { createEventDispatcher } from 'svelte';\n  // @ts-ignore Need to use internal Svelte function\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  export let column = false;\n  export let gap = '1rem';\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  class:mc-option-group--column={column}\n  {...attributes}\n  style={`justify-content:${justifycontent}; gap:${gap}`}\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={option.checked}\n        value={option.id}\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    &--column {\n      flex-direction: column;\n    }\n  }\n</style>\n"],"names":["t1_value","ctx","label","attr","input","input_id_value","id","input_name_value","name","checked","input_checked_value","value","input_value_value","disabled","input_disabled_value","label_for_value","toggle_class","div","fullwidth","insert","target","anchor","append","dirty","set_data","t1","length","i","style","div_style_value","class","div_class_value","$$props","options","justifycontent","column","gap","eventHandler","EventHandler","get_current_component","createEventDispatcher","forwardEvents","createEventForwarder","handleChange","option","dispatch","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps"],"mappings":"kaAsDSA,EAAAC,MAAOC,MAAK,uGAVTC,EAAAC,EAAA,KAAAC,EAAAJ,MAAOK,+DAGLH,EAAAC,EAAA,OAAAG,EAAAN,MAAOO,MACJJ,EAAAK,QAAAC,EAAAT,MAAOQ,QACTL,EAAAO,MAAAC,EAAAX,MAAOK,GACJF,EAAAS,SAAAC,EAAAb,MAAOY,SAGPV,EAAAD,EAAA,MAAAa,EAAAd,MAAOK,2EAbWU,EAAAC,EAAA,yBAAAhB,MAAOiB,mBAFvCC,EAkBKC,EAAAH,EAAAI,GAdHC,EAUCL,EAAAb,UACDkB,EAEOL,EAAAf,gFAXD,GAAAqB,GAAAlB,KAAAA,EAAAJ,MAAOK,iBAGL,GAAAiB,GAAAhB,KAAAA,EAAAN,MAAOO,qBACJ,GAAAe,GAAAb,KAAAA,EAAAT,MAAOQ,wBACT,GAAAc,GAAAX,KAAAA,EAAAX,MAAOK,iBACJ,GAAAiB,GAAAT,KAAAA,EAAAb,MAAOY,0BAIhB,GAAAU,GAAAvB,KAAAA,EAAAC,MAAOC,MAAK,KAAAsB,EAAAC,EAAAzB,GADH,GAAAuB,GAAAR,KAAAA,EAAAd,MAAOK,wBAbWU,EAAAC,EAAA,yBAAAhB,MAAOiB,+DAHlCjB,EAAa,wBAAlByB,OAAIC,GAAA,sDALkB1B,EAAS,IAE7BA,EAAU,IACY2B,MAAAC,EAAA,mBAAA5B,aAAuBA,EAAG,6JAFrBA,EAAM,YAFvCkB,EA2BKC,EAAAH,EAAAI,oFArBIpB,EAAa,WAAlByB,OAAIC,GAAA,EAAA,iHAAJD,kDALsBzB,EAAS,KAAA,CAAA6B,MAAAC,QAE7B9B,EAAU,GACY,EAAAsB,GAAAM,KAAAA,EAAA,mBAAA5B,aAAuBA,EAAG,OAAA,CAAA2B,MAAAC,oCAFrB5B,EAAM,mJAxB1BQ,GAAgBuB,WAChBC,GAAeD,GACfE,eAAAA,EAAiB,iBAAeF,GAChCG,OAAAA,GAAS,GAAKH,GACdI,IAAAA,EAAM,QAAMJ,EAMnBK,EAAmB,IAAAC,EACrBC,IACAC,WAEIC,EAAgBC,EAAqBH,KAElC,SAAAI,EAAaC,GACpBA,EAAOnC,SAAWmC,EAAOnC,QACzB4B,EAAaQ,SAAS,SAAUD,mQAbjCE,EAAA,EAAEC,EAAgBd,EAAWe,KAAKC,MAAMhB,GAAO,IAC7Ca,EAAA,EAAAI,EAAYlB,EAAQF,WACpBqB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWrB,mCAkCEc,GAAAD,EAAaC"}

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

@@ -1,16 +1,17 @@
-<svelte:options tag={null} />
+<svelte:options tag="" />
 
 <script lang="ts">
-  import {
-    get_current_component,
-    createEventDispatcher,
-  } from 'svelte/internal';
+  import { createEventDispatcher } from 'svelte';
+  // @ts-ignore Need to use internal Svelte function
+  import { get_current_component } from 'svelte/internal';
   import { createEventForwarder } from '../../utilities/EventForward';
   import { EventHandler } from '../../utilities/EventHandler';
   import type { OptionItems } from './optionbutton.types';
   export let checked: boolean;
   export let options: string;
   export let justifycontent = 'space-between';
+  export let column = false;
+  export let gap = '1rem';
   $: parsedOptions = options ? (JSON.parse(options) as OptionItems[]) : [];
   $: userClass = $$props.class;
   $: attributes = { ...$$restProps };
@@ -30,8 +31,9 @@
 
 <div
   class="mc-option-group {userClass}"
+  class:mc-option-group--column={column}
   {...attributes}
-  style={`justify-content:${justifycontent}`}
+  style={`justify-content:${justifycontent}; gap:${gap}`}
 >
   {#each parsedOptions as option}
     <div
@@ -44,7 +46,8 @@
         type="radio"
         class="mc-option-button__input"
         name={option.name}
-        {checked}
+        checked={option.checked}
+        value={option.id}
         disabled={option.disabled}
         on:change={() => handleChange(option)}
       />
@@ -61,5 +64,9 @@
 
   .mc-option-group {
     display: flex;
+
+    &--column {
+      flex-direction: column;
+    }
   }
 </style>

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

@@ -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,j as c,k as b,l as p,p as v,q as y,r as m,x as d}from"../../index-48da6c1f.js";function x(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 u(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;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;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;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;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(n),s(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},u,x,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,j as c,t as b,k as p,l as v,m as y,o as m,u as d}from"../../index-c222d0b7.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;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;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;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;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

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as r,f as s,s as a,e as o,d as n,n as l,h as c,k as d,l as m,q as f,t as h,o as b}from"../../index-48da6c1f.js";function p(e){let t,i;return{c(){t=o("span"),i=h(e[1]),c(t,"class","mc-loader__text")},m(e,s){r(e,t,s),m(t,i)},p(e,t){2&t&&b(i,e[1])},d(e){e&&f(t)}}}function k(e){let t,i,s,a,h=e[1]&&p(e);return{c(){t=o("div"),i=o("div"),s=o("span"),s.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>',a=n(),h&&h.c(),this.c=l,c(s,"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){r(e,t,o),m(t,i),m(i,s),m(i,a),h&&h.m(i,null)},p(e,[r]){e[1]?h?h.p(e,r):(h=p(e),h.c(),h.m(i,null)):h&&(h.d(1),h=null),1&r&&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:r=!1}=t,{text:s}=t;return e.$$set=e=>{"visible"in e&&i(0,r=e.visible),"text"in e&&i(1,s=e.text)},[r,s]}class g 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;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;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,a,{visible:0,text:1},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["visible","text"]}get visible(){return this.$$.ctx[0]}set visible(e){this.$$set({visible:e}),s()}get text(){return this.$$.ctx[1]}set text(e){this.$$set({text:e}),s()}}export{g as default};
+import{S as e,i as t,a as i,b as r,f as s,s as a,e as o,d as n,n as l,h as c,t as d,k as m,m as f,v as h,y as b}from"../../index-c222d0b7.js";function p(e){let t,i;return{c(){t=o("span"),i=h(e[1]),c(t,"class","mc-loader__text")},m(e,s){r(e,t,s),m(t,i)},p(e,t){2&t&&b(i,e[1])},d(e){e&&f(t)}}}function k(e){let t,i,s,a,h=e[1]&&p(e);return{c(){t=o("div"),i=o("div"),s=o("span"),s.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>',a=n(),h&&h.c(),this.c=l,c(s,"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){r(e,t,o),m(t,i),m(i,s),m(i,a),h&&h.m(i,null)},p(e,[r]){e[1]?h?h.p(e,r):(h=p(e),h.c(),h.m(i,null)):h&&(h.d(1),h=null),1&r&&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:r=!1}=t,{text:s}=t;return e.$$set=e=>{"visible"in e&&i(0,r=e.visible),"text"in e&&i(1,s=e.text)},[r,s]}class g extends e{constructor(e){super();const o=document.createElement("style");o.textContent=".mc-loader{color:#ef7f00;-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;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;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,a,{visible:0,text:1},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["visible","text"]}get visible(){return this.$$.ctx[0]}set visible(e){this.$$set({visible:e}),s()}get text(){return this.$$.ctx[1]}set text(e){this.$$set({text:e}),s()}}export{g as default};
 //# sourceMappingURL=OverlayLoader.js.map

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

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

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

@@ -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 s,e as m,d as l,t as a,n as h,j as p,k as c,h as d,l as u,M as f,m as x,p as g,o as b,q as w,O as z,r as v,v as k,x as $}from"../../index-48da6c1f.js";import{c as y}from"../../EventForward-78ecc73b.js";function _(e){let t,i,r,o,v,k,$,y,_,C,M=E(e[0])+"",j=[{type:r=q(e[0])},{class:"mc-text-input mc-password-input__control"},{"aria-invalid":e[4]},{spellcheck:"false"},{id:e[1]},{placeholder:e[2]},{disabled:e[5]},{required:e[6]},e[7]],A={};for(let e=0;e<j.length;e+=1)A=s(A,j[e]);let B=[{class:"mc-password-input"},e[10]],L={};for(let e=0;e<B.length;e+=1)L=s(L,B[e]);return{c(){t=m("div"),i=m("input"),o=l(),v=m("button"),k=a(M),this.c=h,p(i,A),c(i,"is-valid",e[3]),c(i,"is-invalid",e[4]),d(v,"type","button"),d(v,"class","mc-password-input__button"),d(v,"role","switch"),d(v,"aria-checked",$=e[0]?"true":"false"),d(v,"aria-pressed",y=e[0]?"true":"false"),p(t,L)},m(r,s){n(r,t,s),u(t,i),i.autofocus&&i.focus(),u(t,o),u(t,v),u(v,k),_||(C=[f(e[8].call(null,i)),x(v,"click",e[9])],_=!0)},p(e,[n]){p(i,A=g(j,[1&n&&r!==(r=q(e[0]))&&{type:r},{class:"mc-text-input mc-password-input__control"},16&n&&{"aria-invalid":e[4]},{spellcheck:"false"},2&n&&{id:e[1]},4&n&&{placeholder:e[2]},32&n&&{disabled:e[5]},64&n&&{required:e[6]},128&n&&e[7]])),c(i,"is-valid",e[3]),c(i,"is-invalid",e[4]),1&n&&M!==(M=E(e[0])+"")&&b(k,M),1&n&&$!==($=e[0]?"true":"false")&&d(v,"aria-checked",$),1&n&&y!==(y=e[0]?"true":"false")&&d(v,"aria-pressed",y),p(t,L=g(B,[{class:"mc-password-input"},1024&n&&e[10]]))},i:h,o:h,d(e){e&&w(t),_=!1,z(C)}}}function q(e){return e?"text":"password"}function E(e){return e?"Hide":"Show"}function C(e,t,i){let n;const r=["id","placeholder","isvalid","isinvalid","disabled","required","isvisible"];let o=v(t,r),{id:m}=t,{placeholder:l}=t,{isvalid:a}=t,{isinvalid:h}=t,{disabled:p=!1}=t,{required:c=!1}=t,{isvisible:d=!1}=t;const u=y(k());return e.$$set=e=>{t=s(s({},t),$(e)),i(10,o=v(t,r)),"id"in e&&i(1,m=e.id),"placeholder"in e&&i(2,l=e.placeholder),"isvalid"in e&&i(3,a=e.isvalid),"isinvalid"in e&&i(4,h=e.isinvalid),"disabled"in e&&i(5,p=e.disabled),"required"in e&&i(6,c=e.required),"isvisible"in e&&i(0,d=e.isvisible)},e.$$.update=()=>{i(7,n=Object.assign({},o)),128&e.$$.dirty&&delete n.class},[d,m,l,a,h,p,c,n,u,function(){i(0,d=!d)},o]}class M extends e{constructor(e){super();const s=document.createElement("style");s.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;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;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;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}.mc-password-input__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}",this.shadowRoot.appendChild(s),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 s,e as m,d as l,v as a,n as h,j as p,t as c,h as d,k as u,N as f,x,l as g,y as b,m as w,P as z,o as v,q as k,u as $}from"../../index-c222d0b7.js";import{c as y}from"../../EventForward-c4c8cd29.js";function _(e){let t,i,r,o,v,k,$,y,_,C,M=E(e[0])+"",j=[{type:r=q(e[0])},{class:"mc-text-input mc-password-input__control"},{"aria-invalid":e[4]},{spellcheck:"false"},{id:e[1]},{placeholder:e[2]},{disabled:e[5]},{required:e[6]},e[7]],A={};for(let e=0;e<j.length;e+=1)A=s(A,j[e]);let B=[{class:"mc-password-input"},e[10]],L={};for(let e=0;e<B.length;e+=1)L=s(L,B[e]);return{c(){t=m("div"),i=m("input"),o=l(),v=m("button"),k=a(M),this.c=h,p(i,A),c(i,"is-valid",e[3]),c(i,"is-invalid",e[4]),d(v,"type","button"),d(v,"class","mc-password-input__button"),d(v,"role","switch"),d(v,"aria-checked",$=e[0]?"true":"false"),d(v,"aria-pressed",y=e[0]?"true":"false"),p(t,L)},m(r,s){n(r,t,s),u(t,i),i.autofocus&&i.focus(),u(t,o),u(t,v),u(v,k),_||(C=[f(e[8].call(null,i)),x(v,"click",e[9])],_=!0)},p(e,[n]){p(i,A=g(j,[1&n&&r!==(r=q(e[0]))&&{type:r},{class:"mc-text-input mc-password-input__control"},16&n&&{"aria-invalid":e[4]},{spellcheck:"false"},2&n&&{id:e[1]},4&n&&{placeholder:e[2]},32&n&&{disabled:e[5]},64&n&&{required:e[6]},128&n&&e[7]])),c(i,"is-valid",e[3]),c(i,"is-invalid",e[4]),1&n&&M!==(M=E(e[0])+"")&&b(k,M),1&n&&$!==($=e[0]?"true":"false")&&d(v,"aria-checked",$),1&n&&y!==(y=e[0]?"true":"false")&&d(v,"aria-pressed",y),p(t,L=g(B,[{class:"mc-password-input"},1024&n&&e[10]]))},i:h,o:h,d(e){e&&w(t),_=!1,z(C)}}}function q(e){return e?"text":"password"}function E(e){return e?"Hide":"Show"}function C(e,t,i){let n;const r=["id","placeholder","isvalid","isinvalid","disabled","required","isvisible"];let o=v(t,r),{id:m}=t,{placeholder:l}=t,{isvalid:a}=t,{isinvalid:h}=t,{disabled:p=!1}=t,{required:c=!1}=t,{isvisible:d=!1}=t;const u=y(k());return e.$$set=e=>{t=s(s({},t),$(e)),i(10,o=v(t,r)),"id"in e&&i(1,m=e.id),"placeholder"in e&&i(2,l=e.placeholder),"isvalid"in e&&i(3,a=e.isvalid),"isinvalid"in e&&i(4,h=e.isinvalid),"disabled"in e&&i(5,p=e.disabled),"required"in e&&i(6,c=e.required),"isvisible"in e&&i(0,d=e.isvisible)},e.$$.update=()=>{i(7,n=Object.assign({},o)),128&e.$$.dirty&&delete n.class},[d,m,l,a,h,p,c,n,u,function(){i(0,d=!d)},o]}class M extends e{constructor(e){super();const s=document.createElement("style");s.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;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;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;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}.mc-password-input__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}",this.shadowRoot.appendChild(s),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

package/public/bricoman/components/passwordinput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../../../src/components/passwordinput/PasswordInput.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let id: string;\n  export let placeholder: string;\n  export let isvalid: boolean;\n  export let isinvalid: boolean;\n  export let disabled = false;\n  export let required = false;\n  export let isvisible = false;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  function setType(isvisible: boolean) {\n    return isvisible ? 'text' : 'password';\n  }\n\n  function onClick(): void {\n    isvisible = !isvisible;\n  }\n\n  function setButtonLabel(isvisible: boolean) {\n    return isvisible ? 'Hide' : 'Show';\n  }\n\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n</script>\n\n<div class=\"mc-password-input\" {...$$restProps}>\n  <input\n    use:forwardEvents\n    type={setType(isvisible)}\n    class=\"mc-text-input mc-password-input__control\"\n    class:is-valid={isvalid}\n    class:is-invalid={isinvalid}\n    aria-invalid={isinvalid}\n    spellcheck=\"false\"\n    {id}\n    {placeholder}\n    {disabled}\n    {required}\n    {...attributes}\n  />\n\n  <button\n    type=\"button\"\n    class=\"mc-password-input__button\"\n    role=\"switch\"\n    aria-checked={isvisible ? 'true' : 'false'}\n    aria-pressed={isvisible ? 'true' : 'false'}\n    on:click={onClick}\n  >\n    {setButtonLabel(isvisible)}\n  </button>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.text-input';\n  @import '@mozaic-ds/styles/components/c.password-input';\n</style>\n"],"names":["t1_value","setButtonLabel","ctx","type","input_type_value","setType","insert","target","div","anchor","append","input","button","dirty","set_data","t1","isvisible","id","$$props","placeholder","isvalid","isinvalid","disabled","required","forwardEvents","createEventForwarder","get_current_component","attributes","Object","assign","$$restProps","class","$$invalidate"],"mappings":"sSAuDKA,EAAAC,EAAeC,EAAS,IAAA,OArBnBC,KAAAC,EAAAC,EAAQH,EAAS,wEAITA,EAAS,sFAMnBA,EAAU,oFAbiBA,EAAW,+IAK1BA,EAAO,qBACLA,EAAS,4GAcbA,EAAS,GAAG,OAAS,8BACrBA,EAAS,GAAG,OAAS,wBArBvCI,EA0BKC,EAAAC,EAAAC,GAzBHC,EAaCF,EAAAG,iCAEDD,EASQF,EAAAI,kDAHIV,EAAO,gCAnBX,EAAAW,GAAAT,KAAAA,EAAAC,EAAQH,EAAS,MAAA,CAAAC,KAAAC,4EAITF,EAAS,mHAMnBA,EAAU,qBAREA,EAAO,qBACLA,EAAS,IAkB1B,EAAAW,GAAAb,KAAAA,EAAAC,EAAeC,EAAS,IAAA,KAAAY,EAAAC,EAAAf,eAJXE,EAAS,GAAG,OAAS,4CACrBA,EAAS,GAAG,OAAS,+EArBJA,EAAW,yCAhBnC,SAAAG,EAAQW,UACRA,EAAY,OAAS,WAOrB,SAAAf,EAAee,UACfA,EAAY,OAAS,qIAnBnBC,GAAUC,eACVC,GAAmBD,WACnBE,GAAgBF,aAChBG,GAAkBH,GAClBI,SAAAA,GAAW,GAAKJ,GAChBK,SAAAA,GAAW,GAAKL,GAChBF,UAAAA,GAAY,GAAKE,QAEtBM,EAAgBC,EAAqBC,yTAcxCC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWI,qCARnBC,EAAA,EAAAhB,GAAaA"}
+{"version":3,"file":"PasswordInput.js","sources":["../../../../src/components/passwordinput/PasswordInput.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let id: string;\n  export let placeholder: string;\n  export let isvalid: boolean;\n  export let isinvalid: boolean;\n  export let disabled = false;\n  export let required = false;\n  export let isvisible = false;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  function setType(isvisible: boolean) {\n    return isvisible ? 'text' : 'password';\n  }\n\n  function onClick(): void {\n    isvisible = !isvisible;\n  }\n\n  function setButtonLabel(isvisible: boolean) {\n    return isvisible ? 'Hide' : 'Show';\n  }\n\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n</script>\n\n<div class=\"mc-password-input\" {...$$restProps}>\n  <input\n    use:forwardEvents\n    type={setType(isvisible)}\n    class=\"mc-text-input mc-password-input__control\"\n    class:is-valid={isvalid}\n    class:is-invalid={isinvalid}\n    aria-invalid={isinvalid}\n    spellcheck=\"false\"\n    {id}\n    {placeholder}\n    {disabled}\n    {required}\n    {...attributes}\n  />\n\n  <button\n    type=\"button\"\n    class=\"mc-password-input__button\"\n    role=\"switch\"\n    aria-checked={isvisible ? 'true' : 'false'}\n    aria-pressed={isvisible ? 'true' : 'false'}\n    on:click={onClick}\n  >\n    {setButtonLabel(isvisible)}\n  </button>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.text-input';\n  @import '@mozaic-ds/styles/components/c.password-input';\n</style>\n"],"names":["t1_value","setButtonLabel","ctx","type","input_type_value","setType","insert","target","div","anchor","append","input","button","dirty","set_data","t1","isvisible","id","$$props","placeholder","isvalid","isinvalid","disabled","required","forwardEvents","createEventForwarder","get_current_component","attributes","Object","assign","$$restProps","class","$$invalidate"],"mappings":"iSAuDKA,EAAAC,EAAeC,EAAS,IAAA,OArBnBC,KAAAC,EAAAC,EAAQH,EAAS,wEAITA,EAAS,sFAMnBA,EAAU,oFAbiBA,EAAW,+IAK1BA,EAAO,qBACLA,EAAS,4GAcbA,EAAS,GAAG,OAAS,8BACrBA,EAAS,GAAG,OAAS,wBArBvCI,EA0BKC,EAAAC,EAAAC,GAzBHC,EAaCF,EAAAG,iCAEDD,EASQF,EAAAI,kDAHIV,EAAO,gCAnBX,EAAAW,GAAAT,KAAAA,EAAAC,EAAQH,EAAS,MAAA,CAAAC,KAAAC,4EAITF,EAAS,mHAMnBA,EAAU,qBAREA,EAAO,qBACLA,EAAS,IAkB1B,EAAAW,GAAAb,KAAAA,EAAAC,EAAeC,EAAS,IAAA,KAAAY,EAAAC,EAAAf,eAJXE,EAAS,GAAG,OAAS,4CACrBA,EAAS,GAAG,OAAS,+EArBJA,EAAW,yCAhBnC,SAAAG,EAAQW,UACRA,EAAY,OAAS,WAOrB,SAAAf,EAAee,UACfA,EAAY,OAAS,qIAnBnBC,GAAUC,eACVC,GAAmBD,WACnBE,GAAgBF,aAChBG,GAAkBH,GAClBI,SAAAA,GAAW,GAAKJ,GAChBK,SAAAA,GAAW,GAAKL,GAChBF,UAAAA,GAAY,GAAKE,QAEtBM,EAAgBC,EAAqBC,yTAcxCC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWI,qCARnBC,EAAA,EAAAhB,GAAaA"}