@mozaic-ds/web-components 0.16.0 → 0.17.0

package/public/bricoman/components/tabs/Tabs.nested.js

@@ -1,2 +1,2 @@
-import{E as e,i as t,s,F as n,e as l,g as a,b as i,j as c,n as o,o as r,O as d,q as b,r as m,d as w,H as v,t as f,T as _,l as u,k as p,P as h}from"../../index-9ffad6d0.js";import{E as x}from"../../EventHandler-f7ee47ca.js";function k(e){n(e,"svelte-15n4w86",'.mc-tabs.svelte-15n4w86.svelte-15n4w86{font-family:"LeroyMerlin", sans-serif;font-weight:400;background-color:#ffffff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%}.mc-tabs.svelte-15n4w86.svelte-15n4w86::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}.mc-tabs--no-shadow.svelte-15n4w86.svelte-15n4w86::after,.mc-tabs--no-divider.svelte-15n4w86.svelte-15n4w86::after{display:none}.mc-tabs__nav.svelte-15n4w86.svelte-15n4w86{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:0}.mc-tabs__nav.svelte-15n4w86.svelte-15n4w86,.mc-tabs__select.svelte-15n4w86.svelte-15n4w86{position:relative}.mc-tabs__link.svelte-15n4w86.svelte-15n4w86,.mc-tabs__element.svelte-15n4w86.svelte-15n4w86{font-size:0.875rem;line-height:1.2857142857;font-weight:600;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#666666;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;padding-left:0.75rem;padding-right:0.75rem;position:relative;text-decoration:none}.mc-tabs__link.svelte-15n4w86.svelte-15n4w86::before,.mc-tabs__element.svelte-15n4w86.svelte-15n4w86::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;bottom:-0.125rem;top:-0.125rem}.mc-tabs__link.svelte-15n4w86.svelte-15n4w86::after,.mc-tabs__element.svelte-15n4w86.svelte-15n4w86::after{background-color:transparent;bottom:0;content:"";height:0.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link.svelte-15n4w86:hover .mc-tabs__text.svelte-15n4w86,.mc-tabs__element.svelte-15n4w86:hover .mc-tabs__text.svelte-15n4w86{background-color:#ffe1d1}.mc-tabs__link.svelte-15n4w86.svelte-15n4w86:active,.mc-tabs__element.svelte-15n4w86.svelte-15n4w86:active{color:#4d4d4d}.mc-tabs__link.svelte-15n4w86:active .mc-tabs__text.svelte-15n4w86,.mc-tabs__element.svelte-15n4w86:active .mc-tabs__text.svelte-15n4w86{background-color:#ffab80}.mc-tabs__link.svelte-15n4w86.svelte-15n4w86:focus::before,.mc-tabs__element.svelte-15n4w86.svelte-15n4w86:focus::before{-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-tabs__link--selected.svelte-15n4w86.svelte-15n4w86,.mc-tabs__element--selected.svelte-15n4w86.svelte-15n4w86{color:#000000}.mc-tabs__link--selected.svelte-15n4w86.svelte-15n4w86::after,.mc-tabs__element--selected.svelte-15n4w86.svelte-15n4w86::after{background-color:#000000}.mc-tabs__link--selected.svelte-15n4w86.svelte-15n4w86:hover,.mc-tabs__element--selected.svelte-15n4w86.svelte-15n4w86:hover{color:#000000}.mc-tabs__link--selected.svelte-15n4w86.svelte-15n4w86:active,.mc-tabs__element--selected.svelte-15n4w86.svelte-15n4w86:active{color:#000000}.mc-tabs__link--disabled.svelte-15n4w86.svelte-15n4w86,.mc-tabs__element--disabled.svelte-15n4w86.svelte-15n4w86{cursor:not-allowed;background-color:#cccccc;pointer-events:none}.mc-tabs__link--disabled.svelte-15n4w86.svelte-15n4w86,.mc-tabs__link--disabled.svelte-15n4w86.svelte-15n4w86:hover,.mc-tabs__link--disabled.svelte-15n4w86.svelte-15n4w86:focus,.mc-tabs__link--disabled.svelte-15n4w86.svelte-15n4w86:active,.mc-tabs__element--disabled.svelte-15n4w86.svelte-15n4w86,.mc-tabs__element--disabled.svelte-15n4w86.svelte-15n4w86:hover,.mc-tabs__element--disabled.svelte-15n4w86.svelte-15n4w86:focus,.mc-tabs__element--disabled.svelte-15n4w86.svelte-15n4w86:active{-webkit-box-shadow:none;box-shadow:none}.mc-tabs__text.svelte-15n4w86.svelte-15n4w86{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0.4375rem 0.75rem;pointer-events:none}.mc-tabs__icon.svelte-15n4w86.svelte-15n4w86{fill:currentColor;height:1.5rem;width:1.5rem}.mc-tabs--full-centered.svelte-15n4w86.svelte-15n4w86{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-tabs--dropdown.svelte-15n4w86.svelte-15n4w86{padding:1rem;width:auto}@media screen and (min-width: 680px){.mc-tabs.svelte-15n4w86.svelte-15n4w86{width:auto}.mc-tabs--full.svelte-15n4w86.svelte-15n4w86,.mc-tabs--full-centered.svelte-15n4w86.svelte-15n4w86{width:100%}}@media screen and (max-width: 679px){.mc-tabs.svelte-15n4w86.svelte-15n4w86:not(.mc-tabs--dropdown)::before{bottom:0.125rem}.mc-tabs__nav.svelte-15n4w86.svelte-15n4w86{overflow:auto hidden;white-space:nowrap}}')}function g(e,t,s){const n=e.slice();return n[12]=t[s],n[14]=s,n}function y(e){let t,s,n,o,d,b,m,w,v,h=e[12].text+"";function x(...t){return e[9](e[14],e[12],...t)}return{c(){t=l("button"),s=l("span"),n=f(h),a(s,"class","mc-tabs__text svelte-15n4w86"),a(t,"role","tab"),a(t,"type","button"),a(t,"class",o=_(L(e[12]))+" svelte-15n4w86"),a(t,"id",d=e[12].id),t.disabled=b=e[12].disabled,a(t,"aria-selected",m=e[12].isActive?"true":"false")},m(e,l){i(e,t,l),c(t,s),c(s,n),w||(v=u(t,"click",x),w=!0)},p(s,l){e=s,32&l&&h!==(h=e[12].text+"")&&p(n,h),32&l&&o!==(o=_(L(e[12]))+" svelte-15n4w86")&&a(t,"class",o),32&l&&d!==(d=e[12].id)&&a(t,"id",d),32&l&&b!==(b=e[12].disabled)&&(t.disabled=b),32&l&&m!==(m=e[12].isActive?"true":"false")&&a(t,"aria-selected",m)},d(e){e&&r(t),w=!1,v()}}}function j(e){let t;function s(e,t){return e[12].disabled?A:$}let n=s(e),l=n(e);return{c(){l.c(),t=h()},m(e,s){l.m(e,s),i(e,t,s)},p(e,a){n===(n=s(e))&&l?l.p(e,a):(l.d(1),l=n(e),l&&(l.c(),l.m(t.parentNode,t)))},d(e){l.d(e),e&&r(t)}}}function A(e){let t,s,n,o,d,b,m=e[12].text+"";return{c(){t=l("span"),s=l("span"),n=f(m),a(s,"class","mc-tabs__text svelte-15n4w86"),a(t,"role","tab"),a(t,"class",o=_(L(e[12]))+" svelte-15n4w86"),a(t,"id",d=e[12].id),a(t,"aria-selected",b=e[12].isActive?"true":"false")},m(e,l){i(e,t,l),c(t,s),c(s,n)},p(e,s){32&s&&m!==(m=e[12].text+"")&&p(n,m),32&s&&o!==(o=_(L(e[12]))+" svelte-15n4w86")&&a(t,"class",o),32&s&&d!==(d=e[12].id)&&a(t,"id",d),32&s&&b!==(b=e[12].isActive?"true":"false")&&a(t,"aria-selected",b)},d(e){e&&r(t)}}}function $(e){let t,s,n,o,d,b,m,w,v,h=e[12].text+"";function x(...t){return e[8](e[14],e[12],...t)}return{c(){t=l("a"),s=l("span"),n=f(h),a(s,"class","mc-tabs__text svelte-15n4w86"),a(t,"href",o=e[12].href),a(t,"role","tab"),a(t,"class",d=_(L(e[12]))+" svelte-15n4w86"),a(t,"id",b=e[12].id),a(t,"aria-selected",m=e[12].isActive?"true":"false")},m(e,l){i(e,t,l),c(t,s),c(s,n),w||(v=u(t,"click",x),w=!0)},p(s,l){e=s,32&l&&h!==(h=e[12].text+"")&&p(n,h),32&l&&o!==(o=e[12].href)&&a(t,"href",o),32&l&&d!==(d=_(L(e[12]))+" svelte-15n4w86")&&a(t,"class",d),32&l&&b!==(b=e[12].id)&&a(t,"id",b),32&l&&m!==(m=e[12].isActive?"true":"false")&&a(t,"aria-selected",m)},d(e){e&&r(t),w=!1,v()}}}function O(e){let t,s;function n(e,t){return e[12].href?j:y}let o=n(e),d=o(e);return{c(){t=l("li"),d.c(),s=w(),a(t,"class","mc-tabs__item"),a(t,"role","presentation")},m(e,n){i(e,t,n),d.m(t,null),c(t,s)},p(e,l){o===(o=n(e))&&d?d.p(e,l):(d.d(1),d=o(e),d&&(d.c(),d.m(t,s)))},d(e){e&&r(t),d.d()}}}function E(e){let t,s,n,b=e[5],m=[];for(let t=0;t<b.length;t+=1)m[t]=O(g(e,b,t));return{c(){t=l("div"),s=l("ul");for(let e=0;e<m.length;e+=1)m[e].c();a(s,"class","mc-tabs__nav svelte-15n4w86"),a(s,"role","tablist"),a(s,"aria-label",e[1]),a(t,"class",n="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")+" svelte-15n4w86")},m(n,l){i(n,t,l),c(t,s);for(let e=0;e<m.length;e+=1)m[e]&&m[e].m(s,null);e[10](s)},p(e,[l]){if(96&l){let t;for(b=e[5],t=0;t<b.length;t+=1){const n=g(e,b,t);m[t]?m[t].p(n,l):(m[t]=O(n),m[t].c(),m[t].m(s,null))}for(;t<m.length;t+=1)m[t].d(1);m.length=b.length}2&l&&a(s,"aria-label",e[1]),13&l&&n!==(n="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")+" svelte-15n4w86")&&a(t,"class",n)},i:o,o:o,d(s){s&&r(t),d(m,s),e[10](null)}}}function L(e){const t=["mc-tabs__element"];return e.isActive&&t.push("mc-tabs__element--selected"),e.disabled&&t.push("mc-tabs__element--disabled"),t.join(" ")}function q(e,t,s){let n,l,{align:a="auto"}=t,{description:i="Tabs"}=t,{nodivider:c=!1}=t,{tabs:o}=t,{type:r="tabs"}=t,d=new x(b(),m());function w(e,t){const s=e.target;l.querySelectorAll(".mc-tabs__element").forEach((e=>{e.classList.remove("mc-tabs__element--selected"),e.setAttribute("aria-selected","false")})),s.classList.add("mc-tabs__element--selected"),s.setAttribute("aria-selected","true"),d.dispatch("tab-clicked",Object.assign(t,{target:s}))}return e.$$set=e=>{"align"in e&&s(0,a=e.align),"description"in e&&s(1,i=e.description),"nodivider"in e&&s(2,c=e.nodivider),"tabs"in e&&s(7,o=e.tabs),"type"in e&&s(3,r=e.type)},e.$$.update=()=>{128&e.$$.dirty&&s(5,n=o?JSON.parse(o):[])},[a,i,c,r,l,n,w,o,(e,t,s)=>w(s,Object.assign({index:e},t)),(e,t,s)=>w(s,Object.assign({index:e},t)),function(e){v[e?"unshift":"push"]((()=>{l=e,s(4,l)}))}]}class H extends e{constructor(e){super(),t(this,e,q,E,s,{align:0,description:1,nodivider:2,tabs:7,type:3},k)}}export{H as default};
+import{E as e,i as t,s,F as n,c as l,e as a,g as i,h as c,v as o,b as r,j as d,m as b,n as m,o as v,O as w,p as _,q as f,r as u,u as p,d as h,H as x,t as g,l as k,k as y,P as $}from"../../index-9ffad6d0.js";import{E as A}from"../../EventHandler-f7ee47ca.js";function N(e){n(e,"svelte-15n4w86",'.mc-tabs.svelte-15n4w86.svelte-15n4w86{font-family:"LeroyMerlin", sans-serif;font-weight:400;background-color:#ffffff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%}.mc-tabs.svelte-15n4w86.svelte-15n4w86::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}.mc-tabs--no-shadow.svelte-15n4w86.svelte-15n4w86::after,.mc-tabs--no-divider.svelte-15n4w86.svelte-15n4w86::after{display:none}.mc-tabs__nav.svelte-15n4w86.svelte-15n4w86{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:0}.mc-tabs__nav.svelte-15n4w86.svelte-15n4w86,.mc-tabs__select.svelte-15n4w86.svelte-15n4w86{position:relative}.mc-tabs__link.svelte-15n4w86.svelte-15n4w86,.mc-tabs__element.svelte-15n4w86.svelte-15n4w86{font-size:0.875rem;line-height:1.2857142857;font-weight:600;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#666666;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;padding-left:0.75rem;padding-right:0.75rem;position:relative;text-decoration:none}.mc-tabs__link.svelte-15n4w86.svelte-15n4w86::before,.mc-tabs__element.svelte-15n4w86.svelte-15n4w86::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;bottom:-0.125rem;top:-0.125rem}.mc-tabs__link.svelte-15n4w86.svelte-15n4w86::after,.mc-tabs__element.svelte-15n4w86.svelte-15n4w86::after{background-color:transparent;bottom:0;content:"";height:0.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link.svelte-15n4w86:hover .mc-tabs__text.svelte-15n4w86,.mc-tabs__element.svelte-15n4w86:hover .mc-tabs__text.svelte-15n4w86{background-color:#ffe1d1}.mc-tabs__link.svelte-15n4w86.svelte-15n4w86:active,.mc-tabs__element.svelte-15n4w86.svelte-15n4w86:active{color:#4d4d4d}.mc-tabs__link.svelte-15n4w86:active .mc-tabs__text.svelte-15n4w86,.mc-tabs__element.svelte-15n4w86:active .mc-tabs__text.svelte-15n4w86{background-color:#ffab80}.mc-tabs__link.svelte-15n4w86.svelte-15n4w86:focus::before,.mc-tabs__element.svelte-15n4w86.svelte-15n4w86:focus::before{-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-tabs__link--selected.svelte-15n4w86.svelte-15n4w86,.mc-tabs__element--selected.svelte-15n4w86.svelte-15n4w86{color:#000000}.mc-tabs__link--selected.svelte-15n4w86.svelte-15n4w86::after,.mc-tabs__element--selected.svelte-15n4w86.svelte-15n4w86::after{background-color:#000000}.mc-tabs__link--selected.svelte-15n4w86.svelte-15n4w86:hover,.mc-tabs__element--selected.svelte-15n4w86.svelte-15n4w86:hover{color:#000000}.mc-tabs__link--selected.svelte-15n4w86.svelte-15n4w86:active,.mc-tabs__element--selected.svelte-15n4w86.svelte-15n4w86:active{color:#000000}.mc-tabs__link--disabled.svelte-15n4w86.svelte-15n4w86,.mc-tabs__element--disabled.svelte-15n4w86.svelte-15n4w86{cursor:not-allowed;background-color:#cccccc;pointer-events:none}.mc-tabs__link--disabled.svelte-15n4w86.svelte-15n4w86,.mc-tabs__link--disabled.svelte-15n4w86.svelte-15n4w86:hover,.mc-tabs__link--disabled.svelte-15n4w86.svelte-15n4w86:focus,.mc-tabs__link--disabled.svelte-15n4w86.svelte-15n4w86:active,.mc-tabs__element--disabled.svelte-15n4w86.svelte-15n4w86,.mc-tabs__element--disabled.svelte-15n4w86.svelte-15n4w86:hover,.mc-tabs__element--disabled.svelte-15n4w86.svelte-15n4w86:focus,.mc-tabs__element--disabled.svelte-15n4w86.svelte-15n4w86:active{-webkit-box-shadow:none;box-shadow:none}.mc-tabs__text.svelte-15n4w86.svelte-15n4w86{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0.4375rem 0.75rem;pointer-events:none}.mc-tabs__icon.svelte-15n4w86.svelte-15n4w86{fill:currentColor;height:1.5rem;width:1.5rem}.mc-tabs--full-centered.svelte-15n4w86.svelte-15n4w86{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-tabs--dropdown.svelte-15n4w86.svelte-15n4w86{padding:1rem;width:auto}@media screen and (min-width: 680px){.mc-tabs.svelte-15n4w86.svelte-15n4w86{width:auto}.mc-tabs--full.svelte-15n4w86.svelte-15n4w86,.mc-tabs--full-centered.svelte-15n4w86.svelte-15n4w86{width:100%}}@media screen and (max-width: 679px){.mc-tabs.svelte-15n4w86.svelte-15n4w86:not(.mc-tabs--dropdown)::before{bottom:0.125rem}.mc-tabs__nav.svelte-15n4w86.svelte-15n4w86{overflow:auto hidden;white-space:nowrap}}')}function j(e,t,s){const n=e.slice();return n[16]=t[s],n[18]=s,n}function L(e){let t,s,n,l,c,b,m,w,_,f=e[16].text+"",u=e[16].iconName&&C(e);function p(...t){return e[12](e[18],e[16],...t)}return{c(){t=a("button"),s=a("span"),u&&u.c(),n=h(),l=g(f),i(s,"class","mc-tabs__text svelte-15n4w86"),i(t,"role","tab"),i(t,"type","button"),i(t,"class","mc-tabs__element svelte-15n4w86"),i(t,"id",c=e[16].id),t.disabled=b=e[16].disabled,i(t,"aria-selected",m=e[16].isActive?"true":"false"),o(t,"mc-tabs__element--disabled",e[16].disabled),o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},m(e,a){r(e,t,a),d(t,s),u&&u.m(s,null),d(s,n),d(s,l),w||(_=k(t,"click",p),w=!0)},p(a,r){(e=a)[16].iconName?u?u.p(e,r):(u=C(e),u.c(),u.m(s,n)):u&&(u.d(1),u=null),256&r&&f!==(f=e[16].text+"")&&y(l,f),256&r&&c!==(c=e[16].id)&&i(t,"id",c),256&r&&b!==(b=e[16].disabled)&&(t.disabled=b),256&r&&m!==(m=e[16].isActive?"true":"false")&&i(t,"aria-selected",m),256&r&&o(t,"mc-tabs__element--disabled",e[16].disabled),304&r&&o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},d(e){e&&v(t),u&&u.d(),w=!1,_()}}}function H(e){let t;function s(e,t){return e[16].disabled?M:T}let n=s(e),l=n(e);return{c(){l.c(),t=$()},m(e,s){l.m(e,s),r(e,t,s)},p(e,a){n===(n=s(e))&&l?l.p(e,a):(l.d(1),l=n(e),l&&(l.c(),l.m(t.parentNode,t)))},d(e){l.d(e),e&&v(t)}}}function C(e){let t,s=`<${S(e[16].iconName,e[16].iconColor)} />`;return{c(){t=a("span"),i(t,"class","mc-tabs__icon svelte-15n4w86")},m(e,n){r(e,t,n),t.innerHTML=s},p(e,n){256&n&&s!==(s=`<${S(e[16].iconName,e[16].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&v(t)}}}function M(e){let t,s,n,l,c,b,m=e[16].text+"",w=e[16].iconName&&O(e);return{c(){t=a("span"),s=a("span"),w&&w.c(),n=h(),l=g(m),i(s,"class","mc-tabs__text svelte-15n4w86"),i(t,"role","tab"),i(t,"class","mc-tabs__element svelte-15n4w86"),i(t,"id",c=e[16].id),i(t,"aria-selected",b=e[16].isActive?"true":"false"),o(t,"mc-tabs__element--disabled",e[16].disabled),o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},m(e,a){r(e,t,a),d(t,s),w&&w.m(s,null),d(s,n),d(s,l)},p(e,a){e[16].iconName?w?w.p(e,a):(w=O(e),w.c(),w.m(s,n)):w&&(w.d(1),w=null),256&a&&m!==(m=e[16].text+"")&&y(l,m),256&a&&c!==(c=e[16].id)&&i(t,"id",c),256&a&&b!==(b=e[16].isActive?"true":"false")&&i(t,"aria-selected",b),256&a&&o(t,"mc-tabs__element--disabled",e[16].disabled),304&a&&o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},d(e){e&&v(t),w&&w.d()}}}function T(e){let t,s,n,l,c,b,m,w,_,f=e[16].text+"",u=e[16].iconName&&E(e);function p(...t){return e[11](e[18],e[16],...t)}return{c(){t=a("a"),s=a("span"),u&&u.c(),n=h(),l=g(f),i(s,"class","mc-tabs__text svelte-15n4w86"),i(t,"href",c=e[16].href),i(t,"role","tab"),i(t,"class","mc-tabs__element svelte-15n4w86"),i(t,"id",b=e[16].id),i(t,"aria-selected",m=e[16].isActive?"true":"false"),o(t,"mc-tabs__element--disabled",e[16].disabled),o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},m(e,a){r(e,t,a),d(t,s),u&&u.m(s,null),d(s,n),d(s,l),w||(_=k(t,"click",p),w=!0)},p(a,r){(e=a)[16].iconName?u?u.p(e,r):(u=E(e),u.c(),u.m(s,n)):u&&(u.d(1),u=null),256&r&&f!==(f=e[16].text+"")&&y(l,f),256&r&&c!==(c=e[16].href)&&i(t,"href",c),256&r&&b!==(b=e[16].id)&&i(t,"id",b),256&r&&m!==(m=e[16].isActive?"true":"false")&&i(t,"aria-selected",m),256&r&&o(t,"mc-tabs__element--disabled",e[16].disabled),304&r&&o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},d(e){e&&v(t),u&&u.d(),w=!1,_()}}}function O(e){let t,s=`<${S(e[16].iconName,e[16].iconColor)} />`;return{c(){t=a("span"),i(t,"class","mc-tabs__icon svelte-15n4w86")},m(e,n){r(e,t,n),t.innerHTML=s},p(e,n){256&n&&s!==(s=`<${S(e[16].iconName,e[16].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&v(t)}}}function E(e){let t,s=`<${S(e[16].iconName,e[16].iconColor)} />`;return{c(){t=a("span"),i(t,"class","mc-tabs__icon svelte-15n4w86")},m(e,n){r(e,t,n),t.innerHTML=s},p(e,n){256&n&&s!==(s=`<${S(e[16].iconName,e[16].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&v(t)}}}function q(e){let t,s;function n(e,t){return e[16].href?H:L}let l=n(e),c=l(e);return{c(){t=a("li"),c.c(),s=h(),i(t,"class","mc-tabs__item"),i(t,"role","presentation")},m(e,n){r(e,t,n),c.m(t,null),d(t,s)},p(e,a){l===(l=n(e))&&c?c.p(e,a):(c.d(1),c=l(e),c&&(c.c(),c.m(t,s)))},d(e){e&&v(t),c.d()}}}function z(e){let t,s,n,_=e[8],f=[];for(let t=0;t<_.length;t+=1)f[t]=q(j(e,_,t));let u=[{class:n="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")},e[6]],p={};for(let e=0;e<u.length;e+=1)p=l(p,u[e]);return{c(){t=a("div"),s=a("ul");for(let e=0;e<f.length;e+=1)f[e].c();i(s,"class","mc-tabs__nav svelte-15n4w86"),i(s,"role","tablist"),i(s,"aria-label",e[1]),c(t,p),o(t,"svelte-15n4w86",!0)},m(n,l){r(n,t,l),d(t,s);for(let e=0;e<f.length;e+=1)f[e]&&f[e].m(s,null);e[13](s)},p(e,[l]){if(816&l){let t;for(_=e[8],t=0;t<_.length;t+=1){const n=j(e,_,t);f[t]?f[t].p(n,l):(f[t]=q(n),f[t].c(),f[t].m(s,null))}for(;t<f.length;t+=1)f[t].d(1);f.length=_.length}2&l&&i(s,"aria-label",e[1]),c(t,p=b(u,[13&l&&n!==(n="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":""))&&{class:n},64&l&&e[6]])),o(t,"svelte-15n4w86",!0)},i:m,o:m,d(s){s&&v(t),w(f,s),e[13](null)}}}function S(e,t){return`${e} size="1.5rem" fill="${t}"`}function F(e,t,s){let n,a;const i=["align","description","nodivider","tabs","type","stateless","selectedtab"];let c,o=_(t,i),{align:r="auto"}=t,{description:d="Tabs"}=t,{nodivider:b=!1}=t,{tabs:m}=t,{type:v="tabs"}=t,{stateless:w=!1}=t,{selectedtab:h}=t,g=new A(f(),u());function k(e,t){const s=e.target;w||(c.querySelectorAll(".mc-tabs__element").forEach((e=>{e.classList.remove("mc-tabs__element--selected"),e.setAttribute("aria-selected","false")})),s.classList.add("mc-tabs__element--selected"),s.setAttribute("aria-selected","true")),g.dispatch("tab-clicked",Object.assign(t,{target:s}))}return e.$$set=e=>{t=l(l({},t),p(e)),s(15,o=_(t,i)),"align"in e&&s(0,r=e.align),"description"in e&&s(1,d=e.description),"nodivider"in e&&s(2,b=e.nodivider),"tabs"in e&&s(10,m=e.tabs),"type"in e&&s(3,v=e.type),"stateless"in e&&s(4,w=e.stateless),"selectedtab"in e&&s(5,h=e.selectedtab)},e.$$.update=()=>{1024&e.$$.dirty&&s(8,n=m?JSON.parse(m):[]),s(6,a=Object.assign({},o)),64&e.$$.dirty&&delete a.class},[r,d,b,v,w,h,a,c,n,k,m,(e,t,s)=>k(s,Object.assign({index:e},t)),(e,t,s)=>k(s,Object.assign({index:e},t)),function(e){x[e?"unshift":"push"]((()=>{c=e,s(7,c)}))}]}class J extends e{constructor(e){super(),t(this,e,F,z,s,{align:0,description:1,nodivider:2,tabs:10,type:3,stateless:4,selectedtab:5},N)}}export{J as default};
 //# sourceMappingURL=Tabs.nested.js.map

package/public/bricoman/components/tabs/Tabs.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.nested.js","sources":["../../../../src/components/tabs/Tabs.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TabsAlign, TabsItems, TabsType } from './tabs.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let align: TabsAlign = 'auto';\n  export let description = 'Tabs';\n  export let nodivider = false;\n  export let tabs: string;\n  export let type: TabsType = 'tabs';\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  let tablist: HTMLElement;\n  $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];\n\n  function setActiveClass(tab: TabsItems): string {\n    const tabClasses = ['mc-tabs__element'];\n\n    if (tab.isActive) {\n      tabClasses.push('mc-tabs__element--selected');\n    }\n\n    if (tab.disabled) {\n      tabClasses.push('mc-tabs__element--disabled');\n    }\n\n    return tabClasses.join(' ');\n  }\n\n  function manageTabs(e: Event, tabItem: TabsItems): void {\n    const currentEl = e.target as HTMLElement;\n\n    tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {\n      el.classList.remove('mc-tabs__element--selected');\n      el.setAttribute('aria-selected', 'false');\n    });\n\n    currentEl.classList.add('mc-tabs__element--selected');\n    currentEl.setAttribute('aria-selected', 'true');\n\n    eventHandler.dispatch(\n      'tab-clicked',\n      Object.assign(tabItem, { target: currentEl }),\n    );\n  }\n</script>\n\n<div\n  class=\"mc-tabs\n  {align && align === 'full' ? ' mc-tabs--full' : ''}\n  {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}\n  {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}\"\n>\n  <ul\n    class=\"mc-tabs__nav\"\n    bind:this={tablist}\n    role=\"tablist\"\n    aria-label={description}\n  >\n    {#each parsedTabs as tab, index}\n      <li class=\"mc-tabs__item\" role=\"presentation\">\n        {#if tab.href}\n          {#if !tab.disabled}\n            <a\n              href={tab.href}\n              role=\"tab\"\n              class={setActiveClass(tab)}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n              on:click={(event) =>\n                manageTabs(event, Object.assign({ index: index }, tab))}\n            >\n              <span class=\"mc-tabs__text\">\n                {tab.text}\n              </span>\n            </a>\n          {:else}\n            <span\n              role=\"tab\"\n              class={setActiveClass(tab)}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n            >\n              <span class=\"mc-tabs__text\">\n                {tab.text}\n              </span>\n            </span>\n          {/if}\n        {:else}\n          <button\n            role=\"tab\"\n            type=\"button\"\n            class={setActiveClass(tab)}\n            id={tab.id}\n            disabled={tab.disabled}\n            aria-selected={tab.isActive ? 'true' : 'false'}\n            on:click={(event) =>\n              manageTabs(event, Object.assign({ index: index }, tab))}\n          >\n            <span class=\"mc-tabs__text\">\n              {tab.text}\n            </span>\n          </button>\n        {/if}\n      </li>\n    {/each}\n  </ul>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.tabs';\n</style>\n"],"names":["t_value","ctx","text","attr","button","button_class_value","null_to_empty","setActiveClass","button_id_value","id","disabled","button_disabled_value","button_aria_selected_value","isActive","insert","target","anchor","append","span","dirty","set_data","t","create_if_block_1","span1","span1_class_value","span1_id_value","span1_aria_selected_value","span0","a","a_href_value","href","a_class_value","a_id_value","a_aria_selected_value","create_if_block","li","length","i","div","ul","tab","tabClasses","push","join","tablist","align","$$props","description","nodivider","tabs","type","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageTabs","e","tabItem","currentEl","querySelectorAll","forEach","el","classList","remove","setAttribute","add","dispatch","Object","assign","$$invalidate","parsedTabs","JSON","parse","event","index","$$value"],"mappings":"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"}
+{"version":3,"file":"Tabs.nested.js","sources":["../../../../src/components/tabs/Tabs.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TabsAlign, TabsItems, TabsType } from './tabs.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let align: TabsAlign = 'auto';\n  export let description = 'Tabs';\n  export let nodivider = false;\n  export let tabs: string;\n  export let type: TabsType = 'tabs';\n  export let stateless = false;\n  export let selectedtab: string | undefined;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  let tablist: HTMLElement;\n  $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function manageTabs(e: Event, tabItem: TabsItems): void {\n    const currentEl = e.target as HTMLElement;\n    if (stateless) {\n      eventHandler.dispatch(\n        'tab-clicked',\n        Object.assign(tabItem, { target: currentEl }),\n      );\n    } else {\n      tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {\n        el.classList.remove('mc-tabs__element--selected');\n        el.setAttribute('aria-selected', 'false');\n      });\n\n      currentEl.classList.add('mc-tabs__element--selected');\n      currentEl.setAttribute('aria-selected', 'true');\n\n      eventHandler.dispatch(\n        'tab-clicked',\n        Object.assign(tabItem, { target: currentEl }),\n      );\n    }\n  }\n\n  function generateIconName(iconName: string, iconColor: string): string {\n    return `${iconName} size=\"1.5rem\" fill=\"${iconColor}\"`;\n  }\n</script>\n\n<div\n  class=\"mc-tabs\n  {align && align === 'full' ? ' mc-tabs--full' : ''}\n  {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}\n  {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}\"\n  {...attributes}\n>\n  <ul\n    class=\"mc-tabs__nav\"\n    bind:this={tablist}\n    role=\"tablist\"\n    aria-label={description}\n  >\n    {#each parsedTabs as tab, index}\n      <li class=\"mc-tabs__item\" role=\"presentation\">\n        {#if tab.href}\n          {#if !tab.disabled}\n            <a\n              href={tab.href}\n              role=\"tab\"\n              class=\"mc-tabs__element\"\n              class:mc-tabs__element--disabled={tab.disabled}\n              class:mc-tabs__element--selected={stateless\n                ? tab.id == selectedtab\n                : tab.isActive}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n              on:click={(event) =>\n                manageTabs(event, Object.assign({ index: index }, tab))}\n            >\n              <span class=\"mc-tabs__text\">\n                {#if tab.iconName}\n                  <span class=\"mc-tabs__icon\"\n                    >{@html `<${generateIconName(\n                      tab.iconName,\n                      tab.iconColor,\n                    )} />`}</span\n                  >\n                {/if}\n                {tab.text}\n              </span>\n            </a>\n          {:else}\n            <span\n              role=\"tab\"\n              class=\"mc-tabs__element\"\n              class:mc-tabs__element--disabled={tab.disabled}\n              class:mc-tabs__element--selected={stateless\n                ? tab.id == selectedtab\n                : tab.isActive}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n            >\n              <span class=\"mc-tabs__text\">\n                {#if tab.iconName}\n                  <span class=\"mc-tabs__icon\"\n                    >{@html `<${generateIconName(\n                      tab.iconName,\n                      tab.iconColor,\n                    )} />`}</span\n                  >\n                {/if}\n                {tab.text}\n              </span>\n            </span>\n          {/if}\n        {:else}\n          <button\n            role=\"tab\"\n            type=\"button\"\n            class=\"mc-tabs__element\"\n            class:mc-tabs__element--disabled={tab.disabled}\n            class:mc-tabs__element--selected={stateless\n              ? tab.id == selectedtab\n              : tab.isActive}\n            id={tab.id}\n            disabled={tab.disabled}\n            aria-selected={tab.isActive ? 'true' : 'false'}\n            on:click={(event) =>\n              manageTabs(event, Object.assign({ index: index }, tab))}\n          >\n            <span class=\"mc-tabs__text\">\n              {#if tab.iconName}\n                <span class=\"mc-tabs__icon\"\n                  >{@html `<${generateIconName(\n                    tab.iconName,\n                    tab.iconColor,\n                  )} />`}</span\n                >\n              {/if}\n              {tab.text}\n            </span>\n          </button>\n        {/if}\n      </li>\n    {/each}\n  </ul>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.tabs';\n</style>\n"],"names":["t1_value","ctx","text","if_block","iconName","create_if_block_4","attr","button","button_id_value","id","disabled","button_disabled_value","button_aria_selected_value","isActive","toggle_class","insert","target","anchor","append","span","dirty","set_data","t1","create_if_block_1","raw_value","generateIconName","iconColor","innerHTML","create_if_block_3","span1","span1_id_value","span1_aria_selected_value","span0","create_if_block_2","a","a_href_value","href","a_id_value","a_aria_selected_value","create_if_block","li","length","i","div","ul","class","div_class_value","tablist","align","$$props","description","nodivider","tabs","type","stateless","selectedtab","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageTabs","e","tabItem","currentEl","querySelectorAll","forEach","el","classList","remove","setAttribute","add","dispatch","Object","assign","$$invalidate","parsedTabs","JSON","parse","attributes","$$restProps","event","index","tab","$$value"],"mappings":"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"}

package/public/bricoman/components/tabs/Tabs.nested.svelte

@@ -13,42 +13,41 @@
   export let nodivider = false;
   export let tabs: string;
   export let type: TabsType = 'tabs';
+  export let stateless = false;
+  export let selectedtab: string | undefined;
   let eventHandler = new EventHandler(
     get_current_component(),
     createEventDispatcher(),
   );
   let tablist: HTMLElement;
   $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];
-
-  function setActiveClass(tab: TabsItems): string {
-    const tabClasses = ['mc-tabs__element'];
-
-    if (tab.isActive) {
-      tabClasses.push('mc-tabs__element--selected');
-    }
-
-    if (tab.disabled) {
-      tabClasses.push('mc-tabs__element--disabled');
-    }
-
-    return tabClasses.join(' ');
-  }
-
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
   function manageTabs(e: Event, tabItem: TabsItems): void {
     const currentEl = e.target as HTMLElement;
+    if (stateless) {
+      eventHandler.dispatch(
+        'tab-clicked',
+        Object.assign(tabItem, { target: currentEl }),
+      );
+    } else {
+      tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {
+        el.classList.remove('mc-tabs__element--selected');
+        el.setAttribute('aria-selected', 'false');
+      });
 
-    tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {
-      el.classList.remove('mc-tabs__element--selected');
-      el.setAttribute('aria-selected', 'false');
-    });
+      currentEl.classList.add('mc-tabs__element--selected');
+      currentEl.setAttribute('aria-selected', 'true');
 
-    currentEl.classList.add('mc-tabs__element--selected');
-    currentEl.setAttribute('aria-selected', 'true');
+      eventHandler.dispatch(
+        'tab-clicked',
+        Object.assign(tabItem, { target: currentEl }),
+      );
+    }
+  }
 
-    eventHandler.dispatch(
-      'tab-clicked',
-      Object.assign(tabItem, { target: currentEl }),
-    );
+  function generateIconName(iconName: string, iconColor: string): string {
+    return `${iconName} size="1.5rem" fill="${iconColor}"`;
   }
 </script>
 
@@ -57,6 +56,7 @@
   {align && align === 'full' ? ' mc-tabs--full' : ''}
   {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}
   {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}"
+  {...attributes}
 >
   <ul
     class="mc-tabs__nav"
@@ -71,24 +71,48 @@
             <a
               href={tab.href}
               role="tab"
-              class={setActiveClass(tab)}
+              class="mc-tabs__element"
+              class:mc-tabs__element--disabled={tab.disabled}
+              class:mc-tabs__element--selected={stateless
+                ? tab.id == selectedtab
+                : tab.isActive}
               id={tab.id}
               aria-selected={tab.isActive ? 'true' : 'false'}
               on:click={(event) =>
                 manageTabs(event, Object.assign({ index: index }, tab))}
             >
               <span class="mc-tabs__text">
+                {#if tab.iconName}
+                  <span class="mc-tabs__icon"
+                    >{@html `<${generateIconName(
+                      tab.iconName,
+                      tab.iconColor,
+                    )} />`}</span
+                  >
+                {/if}
                 {tab.text}
               </span>
             </a>
           {:else}
             <span
               role="tab"
-              class={setActiveClass(tab)}
+              class="mc-tabs__element"
+              class:mc-tabs__element--disabled={tab.disabled}
+              class:mc-tabs__element--selected={stateless
+                ? tab.id == selectedtab
+                : tab.isActive}
               id={tab.id}
               aria-selected={tab.isActive ? 'true' : 'false'}
             >
               <span class="mc-tabs__text">
+                {#if tab.iconName}
+                  <span class="mc-tabs__icon"
+                    >{@html `<${generateIconName(
+                      tab.iconName,
+                      tab.iconColor,
+                    )} />`}</span
+                  >
+                {/if}
                 {tab.text}
               </span>
             </span>
@@ -97,7 +121,11 @@
           <button
             role="tab"
             type="button"
-            class={setActiveClass(tab)}
+            class="mc-tabs__element"
+            class:mc-tabs__element--disabled={tab.disabled}
+            class:mc-tabs__element--selected={stateless
+              ? tab.id == selectedtab
+              : tab.isActive}
             id={tab.id}
             disabled={tab.disabled}
             aria-selected={tab.isActive ? 'true' : 'false'}
@@ -105,6 +133,14 @@
               manageTabs(event, Object.assign({ index: index }, tab))}
           >
             <span class="mc-tabs__text">
+              {#if tab.iconName}
+                <span class="mc-tabs__icon"
+                  >{@html `<${generateIconName(
+                    tab.iconName,
+                    tab.iconColor,
+                  )} />`}</span
+                >
+              {/if}
               {tab.text}
             </span>
           </button>

package/public/bricoman/components/tabs/Tabs.svelte

@@ -45,6 +45,10 @@
       );
     }
   }
+
+  function generateIconName(iconName: string, iconColor: string): string {
+    return `${iconName} size="1.5rem" fill="${iconColor}"`;
+  }
 </script>
 
 <div
@@ -78,6 +82,14 @@
                 manageTabs(event, Object.assign({ index: index }, tab))}
             >
               <span class="mc-tabs__text">
+                {#if tab.iconName}
+                  <span class="mc-tabs__icon"
+                    >{@html `<${generateIconName(
+                      tab.iconName,
+                      tab.iconColor,
+                    )} />`}</span
+                  >
+                {/if}
                 {tab.text}
               </span>
             </a>
@@ -93,6 +105,14 @@
               aria-selected={tab.isActive ? 'true' : 'false'}
             >
               <span class="mc-tabs__text">
+                {#if tab.iconName}
+                  <span class="mc-tabs__icon"
+                    >{@html `<${generateIconName(
+                      tab.iconName,
+                      tab.iconColor,
+                    )} />`}</span
+                  >
+                {/if}
                 {tab.text}
               </span>
             </span>
@@ -113,6 +133,14 @@
               manageTabs(event, Object.assign({ index: index }, tab))}
           >
             <span class="mc-tabs__text">
+              {#if tab.iconName}
+                <span class="mc-tabs__icon"
+                  >{@html `<${generateIconName(
+                    tab.iconName,
+                    tab.iconColor,
+                  )} />`}</span
+                >
+              {/if}
               {tab.text}
             </span>
           </button>

package/public/bricoman/components/tabs/tabs.types.d.ts

@@ -6,6 +6,8 @@ export interface TabsItems {
     index?: number | undefined;
     isActive?: boolean | undefined;
     text: string;
+    iconName: string;
+    iconColor: string;
 }
 export type TabsAlign = 'auto' | 'full' | 'centered';
 export type TabsType = 'tabs' | 'dropdown';

package/public/bricoman/components/tabs/tabs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AACrD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC"}
+{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AACD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AACrD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC"}

package/public/bricoman/components/textinput/Textinput.nested.js

@@ -1,2 +1,2 @@
-import{E as e,i,s as t,F as l,c as n,e as p,d as s,g as m,h as r,v as o,b as a,j as c,U as h,l as w,K as v,m as d,n as j,o as u,M as f,p as g,u as x,R as z}from"../../index-9ffad6d0.js";function b(e){l(e,"svelte-p5wij","@charset \"UTF-8\";.mc-text-input.svelte-p5wij.svelte-p5wij{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;display:block;width:100%;position:relative;border:1px solid #808080;color:#333333;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number].svelte-p5wij.svelte-p5wij::-webkit-inner-spin-button,.mc-text-input[type=number].svelte-p5wij.svelte-p5wij::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number].svelte-p5wij.svelte-p5wij{-moz-appearance:textfield}.mc-text-input[type=search].svelte-p5wij.svelte-p5wij::-webkit-search-decoration:hover,.mc-text-input[type=search].svelte-p5wij.svelte-p5wij::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-p5wij.svelte-p5wij::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-p5wij.svelte-p5wij::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid.svelte-p5wij.svelte-p5wij,.mc-text-input.is-invalid.svelte-p5wij.svelte-p5wij{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.svelte-p5wij.svelte-p5wij{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.svelte-p5wij.svelte-p5wij:hover,.mc-text-input.is-valid.is-hover.svelte-p5wij.svelte-p5wij{border-color:#035010}.mc-text-input.is-invalid.svelte-p5wij.svelte-p5wij{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.svelte-p5wij.svelte-p5wij:hover,.mc-text-input.is-invalid.is-hover.svelte-p5wij.svelte-p5wij{border-color:#530000}.mc-text-input.is-hover.svelte-p5wij.svelte-p5wij,.mc-text-input.svelte-p5wij.svelte-p5wij:hover{border-color:#191919}.mc-text-input.is-focus.svelte-p5wij.svelte-p5wij,.mc-text-input.svelte-p5wij.svelte-p5wij: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.svelte-p5wij.svelte-p5wij:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-p5wij.svelte-p5wij::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m.svelte-p5wij.svelte-p5wij{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input.svelte-p5wij.svelte-p5wij{position:relative}.mc-left-icon-input__icon.svelte-p5wij.svelte-p5wij{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#808080;pointer-events:none}.mc-left-icon-input.svelte-p5wij .mc-left-icon-input__icon.svelte-p5wij{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input.svelte-p5wij .mc-left-icon-input__input.svelte-p5wij{padding-left:2.9375rem}.mc-left-icon-input--s.svelte-p5wij .mc-left-icon-input__icon.svelte-p5wij{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s.svelte-p5wij .mc-left-icon-input__input.svelte-p5wij{padding-left:2.4375rem}.mc-field__label.svelte-p5wij.svelte-p5wij,.mc-field__legend.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend.svelte-p5wij.svelte-p5wij{padding-left:0;padding-right:0}.mc-field__requirement.svelte-p5wij.svelte-p5wij,.mc-field__help.svelte-p5wij.svelte-p5wij{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement.svelte-p5wij.svelte-p5wij::before{content:\" - \"}.mc-field__help.svelte-p5wij.svelte-p5wij{display:block;margin-top:0.125rem}.mc-field.svelte-p5wij .mc-field__input.svelte-p5wij,.mc-field.svelte-p5wij .mc-field__element.svelte-p5wij{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-p5wij.svelte-p5wij,.mc-field__element--inline.svelte-p5wij.svelte-p5wij{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-p5wij .mc-field__item.svelte-p5wij:not(:last-child),.mc-field__element--inline.svelte-p5wij .mc-field__item.svelte-p5wij:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline.svelte-p5wij .mc-field__item.svelte-p5wij:not(:last-child),.mc-field__element--inline.svelte-p5wij .mc-field__item.svelte-p5wij:not(:last-child){margin-right:2rem}}.mc-field__item.svelte-p5wij.svelte-p5wij:not(:last-child){margin-bottom:1rem}.mc-field__error-message.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group.svelte-p5wij.svelte-p5wij{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group.svelte-p5wij .mc-field__error-message.svelte-p5wij{margin-top:0.5rem}.right-align.svelte-p5wij.svelte-p5wij{text-align:right}")}function _(e){let i,t=`<${y(e[7])} />`;return{c(){i=p("span"),m(i,"class","mc-left-icon-input__icon svelte-p5wij")},m(e,l){a(e,i,l),i.innerHTML=t},p(e,l){128&l&&t!==(t=`<${y(e[7])} />`)&&(i.innerHTML=t)},d(e){e&&u(i)}}}function k(e){let i,t,l,g,x,z,b,k=e[7]&&_(e),y=[{class:x=(e[7]?"mc-left-icon-input":"")+" "+e[11]},e[10]],E={};for(let e=0;e<y.length;e+=1)E=n(E,y[e]);return{c(){i=p("div"),k&&k.c(),t=s(),l=p("input"),m(l,"class",g=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput+" svelte-p5wij"),m(l,"aria-invalid",e[4]),m(l,"name",e[1]),m(l,"id",e[1]),m(l,"placeholder",e[2]),l.disabled=e[5],m(l,"min",e[8]),m(l,"max",e[9]),m(l,"spellcheck","false"),r(i,E),o(i,"svelte-p5wij",!0)},m(n,p){a(n,i,p),k&&k.m(i,null),c(i,t),c(i,l),h(l,e[0]),z||(b=[w(l,"input",e[21]),v(e[13].call(null,l)),w(l,"input",e[17]),w(l,"click",e[18]),w(l,"change",e[19]),w(l,"blur",e[20])],z=!0)},p(e,[n]){e[7]?k?k.p(e,n):(k=_(e),k.c(),k.m(i,t)):k&&(k.d(1),k=null),16600&n&&g!==(g=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput+" svelte-p5wij")&&m(l,"class",g),16&n&&m(l,"aria-invalid",e[4]),2&n&&m(l,"name",e[1]),2&n&&m(l,"id",e[1]),4&n&&m(l,"placeholder",e[2]),32&n&&(l.disabled=e[5]),256&n&&m(l,"min",e[8]),512&n&&m(l,"max",e[9]),1&n&&l.value!==e[0]&&h(l,e[0]),r(i,E=d(y,[2176&n&&x!==(x=(e[7]?"mc-left-icon-input":"")+" "+e[11])&&{class:x},1024&n&&e[10]])),o(i,"svelte-p5wij",!0)},i:j,o:j,d(e){e&&u(i),k&&k.d(),z=!1,f(b)}}}function y(e){return`${e}`}function E(e,i,t){let l,p;const s=["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max"];let m=g(i,s),{name:r}=i,{value:o}=i,{placeholder:a}=i,{inputtype:c="text"}=i,{isvalid:h}=i,{isinvalid:w}=i,{disabled:v=!1}=i,{size:d="m"}=i,{iconname:j}=i,{rightalign:u}=i,{min:f}=i,{max:b}=i;return e.$$set=e=>{t(14,i=n(n({},i),x(e))),t(22,m=g(i,s)),"name"in e&&t(1,r=e.name),"value"in e&&t(0,o=e.value),"placeholder"in e&&t(2,a=e.placeholder),"inputtype"in e&&t(15,c=e.inputtype),"isvalid"in e&&t(3,h=e.isvalid),"isinvalid"in e&&t(4,w=e.isinvalid),"disabled"in e&&t(5,v=e.disabled),"size"in e&&t(6,d=e.size),"iconname"in e&&t(7,j=e.iconname),"rightalign"in e&&t(16,u=e.rightalign),"min"in e&&t(8,f=e.min),"max"in e&&t(9,b=e.max)},e.$$.update=()=>{t(11,l=i.class),t(10,p=Object.assign({},m)),1024&e.$$.dirty&&delete p.class},i=x(i),[o,r,a,h,w,v,d,j,f,b,p,l,function(e,i,t,l){const n=["mc-text-input","mc-field__input"];return e&&n.push("is-valid"),i&&n.push("is-invalid"),"s"===t&&n.push("mc-text-input--s"),l&&n.push("mc-left-icon-input__input"),u&&n.push("right-align"),n.join(" ")},e=>{e.type=c},i,c,u,function(i){z.call(this,e,i)},function(i){z.call(this,e,i)},function(i){z.call(this,e,i)},function(i){z.call(this,e,i)},function(){o=this.value,t(0,o)}]}class C extends e{constructor(e){super(),i(this,e,E,k,t,{name:1,value:0,placeholder:2,inputtype:15,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:16,min:8,max:9},b)}}export{C as default};
+import{E as e,i,s as t,F as l,c as n,e as p,d as s,g as m,h as r,v as o,b as a,j as c,U as h,l as w,K as v,m as d,n as j,o as u,M as f,p as g,u as x,R as z}from"../../index-9ffad6d0.js";function b(e){l(e,"svelte-p5wij","@charset \"UTF-8\";.mc-text-input.svelte-p5wij.svelte-p5wij{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;display:block;width:100%;position:relative;border:1px solid #808080;color:#333333;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number].svelte-p5wij.svelte-p5wij::-webkit-inner-spin-button,.mc-text-input[type=number].svelte-p5wij.svelte-p5wij::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number].svelte-p5wij.svelte-p5wij{-moz-appearance:textfield}.mc-text-input[type=search].svelte-p5wij.svelte-p5wij::-webkit-search-decoration:hover,.mc-text-input[type=search].svelte-p5wij.svelte-p5wij::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-p5wij.svelte-p5wij::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-p5wij.svelte-p5wij::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid.svelte-p5wij.svelte-p5wij,.mc-text-input.is-invalid.svelte-p5wij.svelte-p5wij{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.svelte-p5wij.svelte-p5wij{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.svelte-p5wij.svelte-p5wij:hover,.mc-text-input.is-valid.is-hover.svelte-p5wij.svelte-p5wij{border-color:#035010}.mc-text-input.is-invalid.svelte-p5wij.svelte-p5wij{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.svelte-p5wij.svelte-p5wij:hover,.mc-text-input.is-invalid.is-hover.svelte-p5wij.svelte-p5wij{border-color:#530000}.mc-text-input.is-hover.svelte-p5wij.svelte-p5wij,.mc-text-input.svelte-p5wij.svelte-p5wij:hover{border-color:#191919}.mc-text-input.is-focus.svelte-p5wij.svelte-p5wij,.mc-text-input.svelte-p5wij.svelte-p5wij: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.svelte-p5wij.svelte-p5wij:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-p5wij.svelte-p5wij::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m.svelte-p5wij.svelte-p5wij{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-p5wij.svelte-p5wij::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-p5wij.svelte-p5wij::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-p5wij.svelte-p5wij::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-p5wij.svelte-p5wij::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-p5wij.svelte-p5wij::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input.svelte-p5wij.svelte-p5wij{position:relative}.mc-left-icon-input__icon.svelte-p5wij.svelte-p5wij{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#808080;pointer-events:none}.mc-left-icon-input.svelte-p5wij .mc-left-icon-input__icon.svelte-p5wij{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input.svelte-p5wij .mc-left-icon-input__input.svelte-p5wij{padding-left:2.9375rem}.mc-left-icon-input--s.svelte-p5wij .mc-left-icon-input__icon.svelte-p5wij{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s.svelte-p5wij .mc-left-icon-input__input.svelte-p5wij{padding-left:2.4375rem}.mc-field__label.svelte-p5wij.svelte-p5wij,.mc-field__legend.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend.svelte-p5wij.svelte-p5wij{padding-left:0;padding-right:0}.mc-field__requirement.svelte-p5wij.svelte-p5wij,.mc-field__help.svelte-p5wij.svelte-p5wij{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement.svelte-p5wij.svelte-p5wij::before{content:\" - \"}.mc-field__help.svelte-p5wij.svelte-p5wij{display:block;margin-top:0.125rem}.mc-field.svelte-p5wij .mc-field__input.svelte-p5wij,.mc-field.svelte-p5wij .mc-field__element.svelte-p5wij{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-p5wij.svelte-p5wij,.mc-field__element--inline.svelte-p5wij.svelte-p5wij{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-p5wij .mc-field__item.svelte-p5wij:not(:last-child),.mc-field__element--inline.svelte-p5wij .mc-field__item.svelte-p5wij:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline.svelte-p5wij .mc-field__item.svelte-p5wij:not(:last-child),.mc-field__element--inline.svelte-p5wij .mc-field__item.svelte-p5wij:not(:last-child){margin-right:2rem}}.mc-field__item.svelte-p5wij.svelte-p5wij:not(:last-child){margin-bottom:1rem}.mc-field__error-message.svelte-p5wij.svelte-p5wij{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group.svelte-p5wij.svelte-p5wij{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group.svelte-p5wij .mc-field__error-message.svelte-p5wij{margin-top:0.5rem}.right-align.svelte-p5wij.svelte-p5wij{text-align:right}")}function _(e){let i,t=`<${y(e[7])} />`;return{c(){i=p("span"),m(i,"class","mc-left-icon-input__icon svelte-p5wij")},m(e,l){a(e,i,l),i.innerHTML=t},p(e,l){128&l&&t!==(t=`<${y(e[7])} />`)&&(i.innerHTML=t)},d(e){e&&u(i)}}}function k(e){let i,t,l,g,x,z,b,k=e[7]&&_(e),y=[{class:x=(e[7]?"mc-left-icon-input":"")+" "+(e[11]?e[11]:"")},e[10]],E={};for(let e=0;e<y.length;e+=1)E=n(E,y[e]);return{c(){i=p("div"),k&&k.c(),t=s(),l=p("input"),m(l,"class",g=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput+" svelte-p5wij"),m(l,"aria-invalid",e[4]),m(l,"name",e[1]),m(l,"id",e[1]),m(l,"placeholder",e[2]),l.disabled=e[5],m(l,"min",e[8]),m(l,"max",e[9]),m(l,"spellcheck","false"),r(i,E),o(i,"svelte-p5wij",!0)},m(n,p){a(n,i,p),k&&k.m(i,null),c(i,t),c(i,l),h(l,e[0]),z||(b=[w(l,"input",e[21]),v(e[13].call(null,l)),w(l,"input",e[17]),w(l,"click",e[18]),w(l,"change",e[19]),w(l,"blur",e[20])],z=!0)},p(e,[n]){e[7]?k?k.p(e,n):(k=_(e),k.c(),k.m(i,t)):k&&(k.d(1),k=null),16600&n&&g!==(g=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput+" svelte-p5wij")&&m(l,"class",g),16&n&&m(l,"aria-invalid",e[4]),2&n&&m(l,"name",e[1]),2&n&&m(l,"id",e[1]),4&n&&m(l,"placeholder",e[2]),32&n&&(l.disabled=e[5]),256&n&&m(l,"min",e[8]),512&n&&m(l,"max",e[9]),1&n&&l.value!==e[0]&&h(l,e[0]),r(i,E=d(y,[2176&n&&x!==(x=(e[7]?"mc-left-icon-input":"")+" "+(e[11]?e[11]:""))&&{class:x},1024&n&&e[10]])),o(i,"svelte-p5wij",!0)},i:j,o:j,d(e){e&&u(i),k&&k.d(),z=!1,f(b)}}}function y(e){return`${e}`}function E(e,i,t){let l,p;const s=["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max"];let m=g(i,s),{name:r}=i,{value:o}=i,{placeholder:a}=i,{inputtype:c="text"}=i,{isvalid:h}=i,{isinvalid:w}=i,{disabled:v=!1}=i,{size:d="m"}=i,{iconname:j}=i,{rightalign:u}=i,{min:f}=i,{max:b}=i;return e.$$set=e=>{t(14,i=n(n({},i),x(e))),t(22,m=g(i,s)),"name"in e&&t(1,r=e.name),"value"in e&&t(0,o=e.value),"placeholder"in e&&t(2,a=e.placeholder),"inputtype"in e&&t(15,c=e.inputtype),"isvalid"in e&&t(3,h=e.isvalid),"isinvalid"in e&&t(4,w=e.isinvalid),"disabled"in e&&t(5,v=e.disabled),"size"in e&&t(6,d=e.size),"iconname"in e&&t(7,j=e.iconname),"rightalign"in e&&t(16,u=e.rightalign),"min"in e&&t(8,f=e.min),"max"in e&&t(9,b=e.max)},e.$$.update=()=>{t(11,l=i.class),t(10,p=Object.assign({},m)),1024&e.$$.dirty&&delete p.class},i=x(i),[o,r,a,h,w,v,d,j,f,b,p,l,function(e,i,t,l){const n=["mc-text-input","mc-field__input"];return e&&n.push("is-valid"),i&&n.push("is-invalid"),"s"===t&&n.push("mc-text-input--s"),l&&n.push("mc-left-icon-input__input"),u&&n.push("right-align"),n.join(" ")},e=>{e.type=c},i,c,u,function(i){z.call(this,e,i)},function(i){z.call(this,e,i)},function(i){z.call(this,e,i)},function(i){z.call(this,e,i)},function(){o=this.value,t(0,o)}]}class C extends e{constructor(e){super(),i(this,e,E,k,t,{name:1,value:0,placeholder:2,inputtype:15,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:16,min:8,max:9},b)}}export{C as default};
 //# sourceMappingURL=Textinput.nested.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textinput.nested.js","sources":["../../../../src/components/textinput/Textinput.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TextInputSize, TextInputType } from './textinput.types';\n\n  export let name: string;\n  export let value: string;\n  export let placeholder: string;\n  export let inputtype: TextInputType = 'text';\n  export let isvalid: boolean;\n  export let isinvalid: boolean;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let iconname: string;\n  export let rightalign: boolean;\n  export let min: string;\n  export let max: string;\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(iconName: string): string {\n    return `${iconName}`;\n  }\n\n  function getClasses(\n    isValid: boolean,\n    isInvalid: boolean,\n    size: TextInputSize,\n    iconname: string,\n  ): string {\n    const classes = ['mc-text-input', 'mc-field__input'];\n\n    if (isValid) {\n      classes.push('is-valid');\n    }\n\n    if (isInvalid) {\n      classes.push('is-invalid');\n    }\n\n    if (size === 's') {\n      classes.push('mc-text-input--s');\n    }\n\n    if (iconname) {\n      classes.push('mc-left-icon-input__input');\n    }\n\n    if (rightalign) {\n      classes.push('right-align');\n    }\n\n    return classes.join(' ');\n  }\n\n  const setType = (node: any) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    node.type = inputtype;\n  };\n</script>\n\n<div class=\"{iconname ? 'mc-left-icon-input' : ''} {userClass}\" {...attributes}>\n  {#if iconname}\n    <span class=\"mc-left-icon-input__icon\">\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n  <input\n    bind:value\n    use:setType\n    class=\"{getClasses(\n      isvalid,\n      isinvalid,\n      size,\n      iconname,\n    )} {$$props.classinput}\"\n    aria-invalid={isinvalid}\n    {name}\n    id={name}\n    {placeholder}\n    {disabled}\n    {min}\n    {max}\n    spellcheck=\"false\"\n    on:input\n    on:click\n    on:change\n    on:blur\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.text-input';\n  @import '@mozaic-ds/styles/components/c.left-icon-input';\n  @import '@mozaic-ds/styles/components/c.fields';\n\n  .right-align {\n    text-align: right;\n  }\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","create_if_block","class","div_class_value","classinput","div","append","input","iconName","name","$$props","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","$$invalidate","userClass","attributes","Object","assign","$$restProps","isValid","isInvalid","classes","push","join","node","type"],"mappings":"6+aAkEiBA,EAAA,IAAAC,EAAiBC,EAAQ,6FADtCC,EAEMC,EAAAC,EAAAC,yBADO,IAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAG,EAAAG,UAAAR,qDAFnCE,EAAQ,IAAAO,EAAAP,OADFQ,MAAAC,GAAAT,EAAW,GAAA,qBAAuB,QAAKA,EAAS,KAAOA,EAAU,kHASlEA,EAAU,IAChBA,EAAO,GACPA,EAAS,GACTA,EAAI,GACJA,EAAQ,IAAA,IACNA,EAAO,IAACU,WAAU,oCACRV,EAAS,8BAEnBA,EAAI,4IAjBZC,EA4BKC,EAAAS,EAAAP,yBAtBHQ,EAqBCD,EAAAE,0JA1BIb,EAAQ,yEAQHA,EAAU,IAChBA,EAAO,GACPA,EAAS,GACTA,EAAI,GACJA,EAAQ,IAAA,IACNA,EAAO,IAACU,WAAU,0DACRV,EAAS,wCAEnBA,EAAI,iJAjBC,KAAAK,GAAAI,KAAAA,GAAAT,EAAW,GAAA,qBAAuB,QAAKA,EAAS,MAAA,CAAAQ,MAAAC,WAAOT,EAAU,yEAzCnE,SAAAD,EAAiBe,YACdA,gLAlBDC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,UAAAA,EAA2B,QAAMH,WACjCI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,GAChBO,KAAAA,EAAsB,KAAGP,YACzBQ,GAAgBR,cAChBS,GAAmBT,OACnBU,GAAWV,OACXW,GAAWX,0cAEnBY,EAAA,GAAAC,EAAYb,EAAQR,YACpBsB,EAALC,OAAAC,UAAuBC,4BACXH,EAAWtB,uCAMZ,SACP0B,EACAC,EACAZ,EACAC,SAEMY,EAAO,CAAI,gBAAiB,0BAE9BF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGF,MAATd,GACFa,EAAQC,KAAK,oBAGXb,GACFY,EAAQC,KAAK,6BAGXZ,GACFW,EAAQC,KAAK,eAGRD,EAAQE,KAAK,MAGLC,IAEfA,EAAKC,KAAOrB,CAAS"}
+{"version":3,"file":"Textinput.nested.js","sources":["../../../../src/components/textinput/Textinput.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TextInputSize, TextInputType } from './textinput.types';\n\n  export let name: string;\n  export let value: string;\n  export let placeholder: string;\n  export let inputtype: TextInputType = 'text';\n  export let isvalid: boolean;\n  export let isinvalid: boolean;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let iconname: string;\n  export let rightalign: boolean;\n  export let min: string;\n  export let max: string;\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(iconName: string): string {\n    return `${iconName}`;\n  }\n\n  function getClasses(\n    isValid: boolean,\n    isInvalid: boolean,\n    size: TextInputSize,\n    iconname: string,\n  ): string {\n    const classes = ['mc-text-input', 'mc-field__input'];\n\n    if (isValid) {\n      classes.push('is-valid');\n    }\n\n    if (isInvalid) {\n      classes.push('is-invalid');\n    }\n\n    if (size === 's') {\n      classes.push('mc-text-input--s');\n    }\n\n    if (iconname) {\n      classes.push('mc-left-icon-input__input');\n    }\n\n    if (rightalign) {\n      classes.push('right-align');\n    }\n\n    return classes.join(' ');\n  }\n\n  const setType = (node: any) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    node.type = inputtype;\n  };\n</script>\n\n<div\n  class=\"{iconname ? 'mc-left-icon-input' : ''} {userClass ? userClass : ''}\"\n  {...attributes}\n>\n  {#if iconname}\n    <span class=\"mc-left-icon-input__icon\">\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n  <input\n    bind:value\n    use:setType\n    class=\"{getClasses(\n      isvalid,\n      isinvalid,\n      size,\n      iconname,\n    )} {$$props.classinput}\"\n    aria-invalid={isinvalid}\n    {name}\n    id={name}\n    {placeholder}\n    {disabled}\n    {min}\n    {max}\n    spellcheck=\"false\"\n    on:input\n    on:click\n    on:change\n    on:blur\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.text-input';\n  @import '@mozaic-ds/styles/components/c.left-icon-input';\n  @import '@mozaic-ds/styles/components/c.fields';\n\n  .right-align {\n    text-align: right;\n  }\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","create_if_block","classinput","div","append","input","class","div_class_value","iconName","name","$$props","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","$$invalidate","userClass","attributes","Object","assign","$$restProps","isValid","isInvalid","classes","push","join","node","type"],"mappings":"6+aAqEiBA,EAAA,IAAAC,EAAiBC,EAAQ,6FADtCC,EAEMC,EAAAC,EAAAC,yBADO,IAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAG,EAAAG,UAAAR,qDAFnCE,EAAQ,IAAAO,EAAAP,gBAHLA,EAAQ,GAAG,qBAAuB,SAAKA,EAAS,IAAGA,EAAS,IAAG,KACnEA,EAAU,kHAUJA,EAAU,IAChBA,EAAO,GACPA,EAAS,GACTA,EAAI,GACJA,EAAQ,IAAA,IACNA,EAAO,IAACQ,WAAU,oCACRR,EAAS,8BAEnBA,EAAI,4IApBZC,EA+BKC,EAAAO,EAAAL,yBAtBHM,EAqBCD,EAAAE,0JA1BIX,EAAQ,yEAQHA,EAAU,IAChBA,EAAO,GACPA,EAAS,GACTA,EAAI,GACJA,EAAQ,IAAA,IACNA,EAAO,IAACQ,WAAU,0DACRR,EAAS,wCAEnBA,EAAI,iKAnBFA,EAAQ,GAAG,qBAAuB,SAAKA,EAAS,IAAGA,EAAS,IAAG,MAAE,CAAAY,MAAAC,WACrEb,EAAU,yEA3CL,SAAAD,EAAiBe,YACdA,gLAlBDC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,UAAAA,EAA2B,QAAMH,WACjCI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,GAChBO,KAAAA,EAAsB,KAAGP,YACzBQ,GAAgBR,cAChBS,GAAmBT,OACnBU,GAAWV,OACXW,GAAWX,0cAEnBY,EAAA,GAAAC,EAAYb,EAAQJ,YACpBkB,EAALC,OAAAC,UAAuBC,4BACXH,EAAWlB,uCAMZ,SACPsB,EACAC,EACAZ,EACAC,SAEMY,EAAO,CAAI,gBAAiB,0BAE9BF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGF,MAATd,GACFa,EAAQC,KAAK,oBAGXb,GACFY,EAAQC,KAAK,6BAGXZ,GACFW,EAAQC,KAAK,eAGRD,EAAQE,KAAK,MAGLC,IAEfA,EAAKC,KAAOrB,CAAS"}

package/public/bricoman/components/textinput/Textinput.nested.svelte

@@ -61,7 +61,10 @@
   };
 </script>
 
-<div class="{iconname ? 'mc-left-icon-input' : ''} {userClass}" {...attributes}>
+<div
+  class="{iconname ? 'mc-left-icon-input' : ''} {userClass ? userClass : ''}"
+  {...attributes}
+>
   {#if iconname}
     <span class="mc-left-icon-input__icon">
       {@html `<${generateIconName(iconname)} />`}

package/public/bricoman/icons-storybook.js

@@ -15,6 +15,14 @@ import DisplayBlink24 from './icons/DisplayBlink24.js';
 import AspectQuantity24 from './icons/AspectQuantity24.js';
 import ArrowArrowTopRight16 from './icons/ArrowArrowTopRight16.js';
 import ArrowArrowBottomRight16 from './icons/ArrowArrowBottomRight16.js';
+import NotificationWarning24 from './icons/NotificationWarning24.js';
+
+if (!customElements.get('navigation-notification-warning-24px')) {
+  customElements.define(
+    'navigation-notification-warning-24px',
+    NotificationWarning24,
+  );
+}
 
 if (!customElements.get('navigation-arrow-arrowtopright-16px')) {
   customElements.define(

package/public/bricoman/main.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
     Accordion: typeof Accordion;
     Autocomplete: typeof Accordion;
     Button: typeof Accordion;
+    ButtonSlot: typeof Accordion;
     Card: typeof Accordion;
     Breadcrumb: typeof Accordion;
     Checkbox: typeof Accordion;

package/public/bricoman/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAqDhE,YAAY,EACV,OAAO,IAAI,WAAW,EACtB,OAAO,EACP,YAAY,EACZ,OAAO,EACP,IAAI,GACL,MAAM,oCAAoC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG5C,wBAsDE"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAsDhE,YAAY,EACV,OAAO,IAAI,WAAW,EACtB,OAAO,EACP,YAAY,EACZ,OAAO,EACP,IAAI,GACL,MAAM,oCAAoC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG5C,wBAuDE"}

package/public/bricoman/utilities/ClickOutside.js

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

package/public/bricoman/utilities/ClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickOutside.js","sources":["../../../src/utilities/ClickOutside.ts"],"sourcesContent":[null],"names":["clickOutside","node","handleClick","event","composedPath","includes","dispatchEvent","CustomEvent","document","addEventListener","destroy","removeEventListener"],"mappings":"AAEM,SAAUA,EAAaC,GAC3B,MAAMC,EAAeC,IACdA,EAAMC,eAAeC,SAASJ,IACjCA,EAAKK,cAAc,IAAIC,YAAY,YACpC,EAKH,OAFAC,SAASC,iBAAiB,QAASP,GAE5B,CACLQ,UACEF,SAASG,oBAAoB,QAAST,EACvC,EAEL"}

package/public/bricoman/utilities/DataTableUtilities.d.ts.map

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

package/public/bricoman/utilities/DataTableUtilities.ts

@@ -1,3 +1,4 @@
+// import { createElement } from 'react';
 import type {
   CustomText,
   HeadData,
@@ -85,14 +86,31 @@ const buttonFormatterBranded = (button: Button, id: string): string => {
 };
 
 const inputFormatter = (input: InputText, id: string): string => {
-  let textInput = `<m-textinput id=cell-input-${id} size="s" placeholder=${
-    input.placeholder
-  } inputtype=${input.type} value="${input.value ? input.value : ''}" min=${
-    input.min
-  } max=${input.max} rightalign=${input.rightalign} 
-  isvalid="${input.isvalid ? input.isvalid : ''}"
-  isinvalid="${input.isinvalid ? input.isinvalid : ''}" /> `;
-  return textInput;
+  const myInput = document.createElement('m-textinput');
+  myInput.setAttribute('id', `cell-input-${id}`);
+  myInput.setAttribute('size', 's');
+  myInput.setAttribute('placeholder', `${input.placeholder}`);
+  myInput.setAttribute('type', input.type ? `${input.type}` : 'text');
+  myInput.setAttribute('value', input.value ? `${input.value}` : '');
+  if (input.min) {
+    myInput.setAttribute('min', `${input.min}`);
+  }
+  if (input.max) {
+    myInput.setAttribute('max', `${input.max}`);
+  }
+  if (input.rightalign) {
+    myInput.setAttribute('rightalign', `${input.rightalign}`);
+  }
+  if (input.isvalid) {
+    myInput.setAttribute('isvalid', `${input.isvalid}`);
+  }
+  if (input.isinvalid) {
+    myInput.setAttribute('isinvalid', `${input.isinvalid}`);
+  }
+  if (input.disabled) {
+    myInput.setAttribute('disabled', `${input.disabled}`);
+  }
+  return myInput.outerHTML;
 };
 
 const getFormattedCell = (
@@ -178,12 +196,14 @@ export const getSortDirection = (
   let sortDirection: SortDirection;
   switch (initialSortDirection) {
     case 'na':
+      sortDirection = 'desc';
+      break;
     case 'desc':
     default:
       sortDirection = 'asc';
       break;
     case 'asc':
-      sortDirection = 'desc';
+      sortDirection = 'na';
       break;
   }
   return sortDirection;

package/public/bricoman/utilities/EventForward.js

@@ -0,0 +1,2 @@
+function t(t,e,n,o){return t.addEventListener(e,n,o),()=>t.removeEventListener(e,n,o)}const e=new RegExp("^[^!]+(?:!(?:preventDefault|stopPropagation|passive|nonpassive|capture|once|self))+$");function n(n,o=[]){let s;const c=[];function r(t){!function(t,e){const n=t.$$.callbacks[e.type];n&&n.slice().forEach((t=>t.call(this,e)))}(n,t)}return n.$on=(t,e)=>{const r=t;let i=()=>{};for(const t of o){if("string"==typeof t&&t===r){const t=n.$$.callbacks[r]||(n.$$.callbacks[r]=[]);return t.push(e),()=>{const n=t.indexOf(e);-1!==n&&t.splice(n,1)}}if("object"==typeof t&&t.name===r){const n=e;e=(...e)=>{"object"==typeof t&&t.shouldExclude()||n(...e)}}}return s?i=s(r,e):c.push([r,e]),()=>{i()}},n=>{const o=[],i={};s=(s,c)=>{let a=s,p=c,l=!1;if(a.match(e)){const t=a.split("!");a=t[0];const e=Object.fromEntries(t.slice(1).map((t=>[t,!0])));e.passive&&(l=l||{},l.passive=!0),e.nonpassive&&(l=l||{},l.passive=!1),e.capture&&(l=l||{},l.capture=!0),e.once&&(l=l||{},l.once=!0),e.preventDefault&&(f=p,p=function(t){return t.preventDefault(),f.call(this,t)}),e.stopPropagation&&(p=function(t){return function(e){return e.stopPropagation(),t.call(this,e)}}(p))}var f;const u=t(n,a,p,l),v=()=>{u();const t=o.indexOf(v);t>-1&&o.splice(t,1)};return o.push(v),a in i||(i[a]=t(n,a,r)),v};for(let t=0;t<c.length;t++)s(c[t][0],c[t][1]);return{destroy:()=>{for(let t=0;t<o.length;t++)o[t]();for(const t of Object.entries(i))t[1]()}}}}export{n as createEventForwarder};
+//# sourceMappingURL=EventForward.js.map