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

@mozaic-ds/web-components 0.12.0 → 0.14.0-beta.0

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

Files changed (501) hide show

package/public/bricoman/components/fileuploader/ResultFile.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{P as e,i as l,s as i,Q as t,e as a,g as r,b as o,n as s,o as c,J as n,c as d,q as v,t as f,d as m,j as b,l as p,k as u}from"../../index-c33b3772.js";import{E as k}from"../../EventHandler-02058705.js";function g(e){t(e,"svelte-l2kcv1",".mc-fileuploader.svelte-l2kcv1.svelte-l2kcv1{position:relative;display:block}.mc-fileuploader__input.svelte-l2kcv1.svelte-l2kcv1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#120949;border-color:#120949;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label.is-hover.svelte-l2kcv1.svelte-l2kcv1,.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1:hover{background-color:#e5e7fa;color:#161cb6}.mc-fileuploader__label.is-active.svelte-l2kcv1.svelte-l2kcv1,.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label.is-active.svelte-l2kcv1.svelte-l2kcv1,.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1:disabled,.mc-fileuploader__label.is-disabled.svelte-l2kcv1.svelte-l2kcv1{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23120949' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-l2kcv1+.mc-fileuploader__label.svelte-l2kcv1,.svelte-l2kcv1:focus+.mc-fileuploader__label.svelte-l2kcv1{-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}.is-hover.svelte-l2kcv1+.mc-fileuploader__label.svelte-l2kcv1,.svelte-l2kcv1:hover+.mc-fileuploader__label.svelte-l2kcv1{color:#161cb6;background-color:#e5e7fa}.is-disabled.svelte-l2kcv1+.mc-fileuploader__label.svelte-l2kcv1,.svelte-l2kcv1:disabled+.mc-fileuploader__label.svelte-l2kcv1{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-l2kcv1+.mc-fileuploader__label.svelte-l2kcv1::before,.svelte-l2kcv1:disabled+.mc-fileuploader__label.svelte-l2kcv1::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}.mc-fileuploader__files.svelte-l2kcv1.svelte-l2kcv1{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-l2kcv1.svelte-l2kcv1{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;-webkit-box-sizing:content-box;box-sizing:content-box;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-fileuploader__file.svelte-l2kcv1.svelte-l2kcv1:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-l2kcv1.svelte-l2kcv1{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding-left:0.75rem;padding-right:0.75rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 7.5rem)}.mc-fileuploader__file-icon.svelte-l2kcv1.svelte-l2kcv1{background-color:transparent;background-position:center right;background-repeat:no-repeat;background-size:1.5rem;display:block;height:1.5rem;margin-left:1rem;margin-right:1rem;width:1.5rem}.mc-fileuploader__file--is-valid.svelte-l2kcv1 .mc-fileuploader__file-icon.svelte-l2kcv1{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%234d5bf5' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z'/%3E%3Cpath d='M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-l2kcv1 .mc-fileuploader__file-icon.svelte-l2kcv1{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23c61112' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z'/%3E%3Cpath d='M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-l2kcv1 .mc-fileuploader__file-message.svelte-l2kcv1{font-size:0.875rem;line-height:1.2857142857;background:#ffffff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:0.25rem}.mc-fileuploader__delete.svelte-l2kcv1.svelte-l2kcv1{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-l2kcv1.svelte-l2kcv1::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;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-fileuploader__delete.svelte-l2kcv1.svelte-l2kcv1::after{content:\"\";width:1.5rem;height:1.5rem;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z'/%3E%3Cpath d='M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-l2kcv1.svelte-l2kcv1:focus{outline:none}.mc-fileuploader__delete.svelte-l2kcv1.svelte-l2kcv1: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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}")}function h(e,l,i){const t=e.slice();return t[15]=l[i],t[17]=i,t}function w(e){let l,i,t=e[3][e[15].errorType]+"";return{c(){l=a("div"),i=f(t),r(l,"class","mc-fileuploader__file-message svelte-l2kcv1")},m(e,t){o(e,l,t),b(l,i)},p(e,l){9&l&&t!==(t=e[3][e[15].errorType]+"")&&u(i,t)},d(e){e&&c(l)}}}function x(e){let l,i,t,s,n,d,v,k,g,h,x,_,y=e[15].name+"";function C(){return e[9](e[15])}let E=e[15].errorType&&w(e);return{c(){l=a("li"),i=a("span"),t=f(y),s=m(),n=a("span"),n.textContent=" ",d=m(),v=a("button"),k=m(),E&&E.c(),g=m(),r(i,"class","mc-fileuploader__file-name svelte-l2kcv1"),r(n,"class","mc-fileuploader__file-icon svelte-l2kcv1"),r(v,"type","button"),r(v,"class","mc-fileuploader__delete svelte-l2kcv1"),r(v,"aria-label",e[2]),v.disabled=e[1],r(l,"id",`file-${e[17]}`),r(l,"class",h=e[4](e[15])+" "+e[6].class+" svelte-l2kcv1")},m(e,a){o(e,l,a),b(l,i),b(i,t),b(l,s),b(l,n),b(l,d),b(l,v),b(l,k),E&&E.m(l,null),b(l,g),x||(_=p(v,"click",C),x=!0)},p(i,a){e=i,1&a&&y!==(y=e[15].name+"")&&u(t,y),4&a&&r(v,"aria-label",e[2]),2&a&&(v.disabled=e[1]),e[15].errorType?E?E.p(e,a):(E=w(e),E.c(),E.m(l,g)):E&&(E.d(1),E=null),65&a&&h!==(h=e[4](e[15])+" "+e[6].class+" svelte-l2kcv1")&&r(l,"class",h)},d(e){e&&c(l),E&&E.d(),x=!1,_()}}}function _(e){let l,i=e[0],t=[];for(let l=0;l<i.length;l+=1)t[l]=x(h(e,i,l));return{c(){l=a("ul");for(let e=0;e<t.length;e+=1)t[e].c();r(l,"id","file_uploaded"),r(l,"class","mc-fileuploader__files svelte-l2kcv1")},m(e,i){o(e,l,i);for(let e=0;e<t.length;e+=1)t[e]&&t[e].m(l,null)},p(e,[a]){if(127&a){let r;for(i=e[0],r=0;r<i.length;r+=1){const o=h(e,i,r);t[r]?t[r].p(o,a):(t[r]=x(o),t[r].c(),t[r].m(l,null))}for(;r<t.length;r+=1)t[r].d(1);t.length=i.length}},i:s,o:s,d(e){e&&c(l),n(t,e)}}}function y(e,l,i){let{allowedExtensions:t}=l,{maxSize:a}=l,{disabled:r=!1}=l,{files:o}=l,{removelabel:s="Remove"}=l,{errorLabels:c}=l,n=new k;function f(e){if(t&&t.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(t&&!t.includes(String(l)))return!1}return!0}function m(e){return!(a&&e/1024/1024>a)}function b(e){n.dispatch("file-removed",e)}return e.$$set=e=>{i(6,l=d(d({},l),v(e))),"allowedExtensions"in e&&i(8,t=e.allowedExtensions),"maxSize"in e&&i(7,a=e.maxSize),"disabled"in e&&i(1,r=e.disabled),"files"in e&&i(0,o=e.files),"removelabel"in e&&i(2,s=e.removelabel),"errorLabels"in e&&i(3,c=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&i(0,o=o?function(e){let l=[...e];return l.forEach(((e,l)=>{const i=f(e.name),t=m(e.size);let a="";i||(a="invalid-extension"),t||(a="invalid-size"),e.errorType&&(a=e.errorType),i&&t&&!e.errorType||(e.errorType=a)})),l}(o):[]),128&e.$$.dirty&&i(7,a=a||void 0)},l=v(l),[o,r,s,c,function(e){let l=["mc-fileuploader__file"];return!function(e){const l=!t||f(e.name),i=m(e.size);if(!l||!i)return!1;return!0}(e)||e.errorType?l.push("mc-fileuploader__file--is-invalid"):l.push("mc-fileuploader__file--is-valid"),l.join(" ")},b,l,a,t,e=>b(e)]}class C extends e{constructor(e){super(),l(this,e,y,_,i,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},g)}}export{C as default};
+import{E as e,i as l,s as i,F as t,e as a,g as r,b as o,n as s,o as c,O as n,c as d,q as v,t as f,d as m,j as b,l as p,k as u}from"../../index-52f16292.js";import{E as k}from"../../EventHandler-f4efd23c.js";function g(e){t(e,"svelte-l2kcv1",".mc-fileuploader.svelte-l2kcv1.svelte-l2kcv1{position:relative;display:block}.mc-fileuploader__input.svelte-l2kcv1.svelte-l2kcv1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#120949;border-color:#120949;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label.is-hover.svelte-l2kcv1.svelte-l2kcv1,.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1:hover{background-color:#e5e7fa;color:#161cb6}.mc-fileuploader__label.is-active.svelte-l2kcv1.svelte-l2kcv1,.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label.is-active.svelte-l2kcv1.svelte-l2kcv1,.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1:disabled,.mc-fileuploader__label.is-disabled.svelte-l2kcv1.svelte-l2kcv1{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-l2kcv1.svelte-l2kcv1::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23120949' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-l2kcv1+.mc-fileuploader__label.svelte-l2kcv1,.svelte-l2kcv1:focus+.mc-fileuploader__label.svelte-l2kcv1{-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}.is-hover.svelte-l2kcv1+.mc-fileuploader__label.svelte-l2kcv1,.svelte-l2kcv1:hover+.mc-fileuploader__label.svelte-l2kcv1{color:#161cb6;background-color:#e5e7fa}.is-disabled.svelte-l2kcv1+.mc-fileuploader__label.svelte-l2kcv1,.svelte-l2kcv1:disabled+.mc-fileuploader__label.svelte-l2kcv1{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-l2kcv1+.mc-fileuploader__label.svelte-l2kcv1::before,.svelte-l2kcv1:disabled+.mc-fileuploader__label.svelte-l2kcv1::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}.mc-fileuploader__files.svelte-l2kcv1.svelte-l2kcv1{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-l2kcv1.svelte-l2kcv1{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;-webkit-box-sizing:content-box;box-sizing:content-box;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-fileuploader__file.svelte-l2kcv1.svelte-l2kcv1:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-l2kcv1.svelte-l2kcv1{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding-left:0.75rem;padding-right:0.75rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 7.5rem)}.mc-fileuploader__file-icon.svelte-l2kcv1.svelte-l2kcv1{background-color:transparent;background-position:center right;background-repeat:no-repeat;background-size:1.5rem;display:block;height:1.5rem;margin-left:1rem;margin-right:1rem;width:1.5rem}.mc-fileuploader__file--is-valid.svelte-l2kcv1 .mc-fileuploader__file-icon.svelte-l2kcv1{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%234d5bf5' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z'/%3E%3Cpath d='M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-l2kcv1 .mc-fileuploader__file-icon.svelte-l2kcv1{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23c61112' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z'/%3E%3Cpath d='M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-l2kcv1 .mc-fileuploader__file-message.svelte-l2kcv1{font-size:0.875rem;line-height:1.2857142857;background:#ffffff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:0.25rem}.mc-fileuploader__delete.svelte-l2kcv1.svelte-l2kcv1{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-l2kcv1.svelte-l2kcv1::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;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-fileuploader__delete.svelte-l2kcv1.svelte-l2kcv1::after{content:\"\";width:1.5rem;height:1.5rem;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z'/%3E%3Cpath d='M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-l2kcv1.svelte-l2kcv1:focus{outline:none}.mc-fileuploader__delete.svelte-l2kcv1.svelte-l2kcv1: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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}")}function h(e,l,i){const t=e.slice();return t[15]=l[i],t[17]=i,t}function w(e){let l,i,t=e[3][e[15].errorType]+"";return{c(){l=a("div"),i=f(t),r(l,"class","mc-fileuploader__file-message svelte-l2kcv1")},m(e,t){o(e,l,t),b(l,i)},p(e,l){9&l&&t!==(t=e[3][e[15].errorType]+"")&&u(i,t)},d(e){e&&c(l)}}}function x(e){let l,i,t,s,n,d,v,k,g,h,x,_,y=e[15].name+"";function E(){return e[9](e[15])}let C=e[15].errorType&&w(e);return{c(){l=a("li"),i=a("span"),t=f(y),s=m(),n=a("span"),n.textContent=" ",d=m(),v=a("button"),k=m(),C&&C.c(),g=m(),r(i,"class","mc-fileuploader__file-name svelte-l2kcv1"),r(n,"class","mc-fileuploader__file-icon svelte-l2kcv1"),r(v,"type","button"),r(v,"class","mc-fileuploader__delete svelte-l2kcv1"),r(v,"aria-label",e[2]),v.disabled=e[1],r(l,"id",`file-${e[17]}`),r(l,"class",h=e[4](e[15])+" "+e[6].class+" svelte-l2kcv1")},m(e,a){o(e,l,a),b(l,i),b(i,t),b(l,s),b(l,n),b(l,d),b(l,v),b(l,k),C&&C.m(l,null),b(l,g),x||(_=p(v,"click",E),x=!0)},p(i,a){e=i,1&a&&y!==(y=e[15].name+"")&&u(t,y),4&a&&r(v,"aria-label",e[2]),2&a&&(v.disabled=e[1]),e[15].errorType?C?C.p(e,a):(C=w(e),C.c(),C.m(l,g)):C&&(C.d(1),C=null),65&a&&h!==(h=e[4](e[15])+" "+e[6].class+" svelte-l2kcv1")&&r(l,"class",h)},d(e){e&&c(l),C&&C.d(),x=!1,_()}}}function _(e){let l,i=e[0],t=[];for(let l=0;l<i.length;l+=1)t[l]=x(h(e,i,l));return{c(){l=a("ul");for(let e=0;e<t.length;e+=1)t[e].c();r(l,"id","file_uploaded"),r(l,"class","mc-fileuploader__files svelte-l2kcv1")},m(e,i){o(e,l,i);for(let e=0;e<t.length;e+=1)t[e]&&t[e].m(l,null)},p(e,[a]){if(127&a){let r;for(i=e[0],r=0;r<i.length;r+=1){const o=h(e,i,r);t[r]?t[r].p(o,a):(t[r]=x(o),t[r].c(),t[r].m(l,null))}for(;r<t.length;r+=1)t[r].d(1);t.length=i.length}},i:s,o:s,d(e){e&&c(l),n(t,e)}}}function y(e,l,i){let{allowedExtensions:t}=l,{maxSize:a}=l,{disabled:r=!1}=l,{files:o}=l,{removelabel:s="Remove"}=l,{errorLabels:c}=l,n=new k;function f(e){if(t&&t.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(t&&!t.includes(String(l)))return!1}return!0}function m(e){return!(a&&e/1024/1024>a)}function b(e){n.dispatch("file-removed",e)}return e.$$set=e=>{i(6,l=d(d({},l),v(e))),"allowedExtensions"in e&&i(8,t=e.allowedExtensions),"maxSize"in e&&i(7,a=e.maxSize),"disabled"in e&&i(1,r=e.disabled),"files"in e&&i(0,o=e.files),"removelabel"in e&&i(2,s=e.removelabel),"errorLabels"in e&&i(3,c=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&i(0,o=o?function(e){let l=[...e];return l.forEach(((e,l)=>{const i=f(e.name),t=m(e.size);let a="";i||(a="invalid-extension"),t||(a="invalid-size"),e.errorType&&(a=e.errorType),i&&t&&!e.errorType||(e.errorType=a)})),l}(o):[]),128&e.$$.dirty&&i(7,a=a||void 0)},l=v(l),[o,r,s,c,function(e){let l=["mc-fileuploader__file"];return!function(e){const l=!t||f(e.name),i=m(e.size);if(!l||!i)return!1;return!0}(e)||e.errorType?l.push("mc-fileuploader__file--is-invalid"):l.push("mc-fileuploader__file--is-valid"),l.join(" ")},b,l,a,t,e=>b(e)]}class E extends e{constructor(e){super(),l(this,e,y,_,i,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},g)}}export{E as default};
 //# sourceMappingURL=ResultFile.nested.js.map

package/public/bricoman/components/flag/Flag.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as r,a as o,b as l,f as a,s as f,c as t,e as c,t as s,n as d,g as b,h as n,j as i,k as g,m,o as h,p as u,q as _}from"../../index-c33b3772.js";function p(e){let r,o,a,f,u=[{class:f=$(e[2],e[0])+" "+e[4]},e[3]],_={};for(let e=0;e<u.length;e+=1)_=t(_,u[e]);return{c(){r=c("div"),o=c("span"),a=s(e[1]),this.c=d,b(o,"class","mc-flag__label"),n(r,_)},m(e,f){l(e,r,f),i(r,o),i(o,a)},p(e,[o]){2&o&&g(a,e[1]),n(r,_=m(u,[21&o&&f!==(f=$(e[2],e[0])+" "+e[4])&&{class:f},8&o&&e[3]]))},i:d,o:d,d(e){e&&h(r)}}}function $(e,r){const o=["mc-flag"],l=function(e,r){if(!r&&!e)return"";const o=r?"bordered":"solid";return e?`mc-flag--${o}-${e}`:`mc-flag--${o}`}(e,r);return l&&o.push(l),o.join(" ")}function k(e,r,o){let l,a;const f=["bordered","label","theme"];let c=u(r,f),{bordered:s=!1}=r,{label:d}=r,{theme:b}=r;return e.$$set=e=>{o(6,r=t(t({},r),_(e))),o(5,c=u(r,f)),"bordered"in e&&o(0,s=e.bordered),"label"in e&&o(1,d=e.label),"theme"in e&&o(2,b=e.theme)},e.$$.update=()=>{o(4,l=r.class),o(3,a=Object.assign({},c)),8&e.$$.dirty&&delete a.class},r=_(r),[s,d,b,a,l]}class x extends e{constructor(e){super();const t=document.createElement("style");t.textContent='.mc-flag{display:inline-block;font-size:0.875rem;margin:0;vertical-align:middle;line-height:1.786;font-family:"LeroyMerlin", sans-serif;font-weight:600}.mc-flag__label{line-height:1.1428571429;border:1px solid transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0.25rem 0.5rem}.mc-flag .mc-flag__label{color:#ffffff;border-color:#373de7;background-color:#373de7}.mc-flag--solid-primary-02 .mc-flag__label{color:#ffffff;border-color:#b83f00;background-color:#b83f00}.mc-flag--solid-dark .mc-flag__label{color:#ffffff;border-color:#000000;background-color:#000000}.mc-flag--solid-light .mc-flag__label{color:#000000;border-color:#ffffff;background-color:#ffffff}.mc-flag--solid-danger .mc-flag__label{color:#ffffff;border-color:#c61112;background-color:#c61112}.mc-flag--bordered .mc-flag__label{color:#373de7;border-color:#373de7;background-color:#ffffff}.mc-flag--bordered-primary-02 .mc-flag__label{color:#b83f00;border-color:#b83f00;background-color:#ffffff}.mc-flag--bordered-dark .mc-flag__label{color:#000000;border-color:#000000;background-color:#ffffff}.mc-flag--bordered-light .mc-flag__label{color:#ffffff;border-color:#ffffff;background-color:#000000}.mc-flag--bordered-danger .mc-flag__label{color:#c61112;border-color:#c61112;background-color:#ffffff}',this.shadowRoot.appendChild(t),r(this,{target:this.shadowRoot,props:o(this.attributes),customElement:!0},k,p,f,{bordered:0,label:1,theme:2},null),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["bordered","label","theme"]}get bordered(){return this.$$.ctx[0]}set bordered(e){this.$$set({bordered:e}),a()}get label(){return this.$$.ctx[1]}set label(e){this.$$set({label:e}),a()}get theme(){return this.$$.ctx[2]}set theme(e){this.$$set({theme:e}),a()}}export{x as default};
+import{S as e,i as r,a as o,b as l,f,s as a,c as t,e as c,t as s,n as d,g as b,h as n,j as i,k as g,m,o as h,p as u,q as _}from"../../index-52f16292.js";function p(e){let r,o,f,a,u=[{class:a=$(e[2],e[0])+" "+e[4]},e[3]],_={};for(let e=0;e<u.length;e+=1)_=t(_,u[e]);return{c(){r=c("div"),o=c("span"),f=s(e[1]),this.c=d,b(o,"class","mc-flag__label"),n(r,_)},m(e,a){l(e,r,a),i(r,o),i(o,f)},p(e,[o]){2&o&&g(f,e[1]),n(r,_=m(u,[21&o&&a!==(a=$(e[2],e[0])+" "+e[4])&&{class:a},8&o&&e[3]]))},i:d,o:d,d(e){e&&h(r)}}}function $(e,r){const o=["mc-flag"],l=function(e,r){if(!r&&!e)return"";const o=r?"bordered":"solid";return e?`mc-flag--${o}-${e}`:`mc-flag--${o}`}(e,r);return l&&o.push(l),o.join(" ")}function k(e,r,o){let l,f;const a=["bordered","label","theme"];let c=u(r,a),{bordered:s=!1}=r,{label:d}=r,{theme:b}=r;return e.$$set=e=>{o(6,r=t(t({},r),_(e))),o(5,c=u(r,a)),"bordered"in e&&o(0,s=e.bordered),"label"in e&&o(1,d=e.label),"theme"in e&&o(2,b=e.theme)},e.$$.update=()=>{o(4,l=r.class),o(3,f=Object.assign({},c)),8&e.$$.dirty&&delete f.class},r=_(r),[s,d,b,f,l]}class x extends e{constructor(e){super();const t=document.createElement("style");t.textContent='.mc-flag{display:inline-block;font-size:0.875rem;margin:0;vertical-align:middle;line-height:1.786;font-family:"LeroyMerlin", sans-serif;font-weight:600}.mc-flag__label{line-height:1.1428571429;border:1px solid transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0.25rem 0.5rem}.mc-flag .mc-flag__label{color:#ffffff;border-color:#373de7;background-color:#373de7}.mc-flag--solid-primary-02 .mc-flag__label{color:#ffffff;border-color:#b83f00;background-color:#b83f00}.mc-flag--solid-dark .mc-flag__label{color:#ffffff;border-color:#000000;background-color:#000000}.mc-flag--solid-light .mc-flag__label{color:#000000;border-color:#ffffff;background-color:#ffffff}.mc-flag--solid-danger .mc-flag__label{color:#ffffff;border-color:#c61112;background-color:#c61112}.mc-flag--bordered .mc-flag__label{color:#373de7;border-color:#373de7;background-color:#ffffff}.mc-flag--bordered-primary-02 .mc-flag__label{color:#b83f00;border-color:#b83f00;background-color:#ffffff}.mc-flag--bordered-dark .mc-flag__label{color:#000000;border-color:#000000;background-color:#ffffff}.mc-flag--bordered-light .mc-flag__label{color:#ffffff;border-color:#ffffff;background-color:#000000}.mc-flag--bordered-danger .mc-flag__label{color:#c61112;border-color:#c61112;background-color:#ffffff}',this.shadowRoot.appendChild(t),r(this,{target:this.shadowRoot,props:o(this.attributes),customElement:!0},k,p,a,{bordered:0,label:1,theme:2},null),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),f()))}static get observedAttributes(){return["bordered","label","theme"]}get bordered(){return this.$$.ctx[0]}set bordered(e){this.$$set({bordered:e}),f()}get label(){return this.$$.ctx[1]}set label(e){this.$$set({label:e}),f()}get theme(){return this.$$.ctx[2]}set theme(e){this.$$set({theme:e}),f()}}export{x as default};
 //# sourceMappingURL=Flag.js.map

package/public/bricoman/components/flag/Flag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flag.js","sources":["../../../../src/components/flag/Flag.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { FlagTheme } from './flag.types';\n\n export let bordered = false;\n export let label: string;\n export let theme: FlagTheme;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function getAppearanceClass(theme: FlagTheme, isBordered: boolean): string {\n if (!isBordered && !theme) {\n return '';\n }\n\n const type = isBordered ? 'bordered' : 'solid';\n\n if (theme) {\n return `mc-flag--${type}-${theme}`;\n }\n return `mc-flag--${type}`;\n }\n\n function setClasses(theme: FlagTheme, isBordered: boolean) {\n const classes = ['mc-flag'];\n\n const appearanceClass = getAppearanceClass(theme, isBordered);\n if (appearanceClass) {\n classes.push(appearanceClass);\n }\n\n return classes.join(' ');\n }\n</script>\n\n<div class=\"{setClasses(theme, bordered)} {userClass}\" {...attributes}>\n <span class=\"mc-flag__label\">{label}</span>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.flag';\n</style>\n"],"names":["class","div_class_value","setClasses","ctx","insert","target","div","anchor","append","span","dirty","theme","isBordered","classes","appearanceClass","type","getAppearanceClass","push","join","bordered","$$props","label","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"~~4LAqCaA~~,MAAAC,EAAAC,EAAWC,EAAO,GAAAA,UAAYA,EAAS,IAAOA,EAAU,uFACrCA,EAAK,0DADrCC,EAEKC,EAAAC,EAAAC,GADHC,EAA0CF,EAAAG,6BAAZN,EAAK,eADxB,GAAAO,GAAAT,KAAAA,EAAAC,EAAWC,EAAO,GAAAA,UAAYA,EAAS,KAAA,CAAAH,MAAAC,QAAOE,EAAU,uCAZ1DD,EAAWS,EAAkBC,GAC9B,MAAAC,GAAW,WAEXC,WAhBoBH,EAAkBC,GACvC,IAAAA,IAAeD,QACX,GAGH,MAAAI,EAAOH,EAAa,WAAa,eAEnCD,EACiB,YAAAI,KAAQJ,gBAEVI,IAMKC,CAAmBL,EAAOC,UAC9CE,GACFD,EAAQI,KAAKH,GAGRD,EAAQK,KAAK,kFA5BXC,SAAAA,GAAW,GAAKC,SAChBC,GAAaD,SACbT,GAAgBS,sKACxBE,EAAA,EAAAC,EAAYH,EAAQpB,WACpBwB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWxB"}
1	+ {"version":3,"file":"Flag.js","sources":["../../../../src/components/flag/Flag.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { FlagTheme } from './flag.types';\n\n export let bordered = false;\n export let label: string;\n export let theme: FlagTheme;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function getAppearanceClass(theme: FlagTheme, isBordered: boolean): string {\n if (!isBordered && !theme) {\n return '';\n }\n\n const type = isBordered ? 'bordered' : 'solid';\n\n if (theme) {\n return `mc-flag--${type}-${theme}`;\n }\n return `mc-flag--${type}`;\n }\n\n function setClasses(theme: FlagTheme, isBordered: boolean) {\n const classes = ['mc-flag'];\n\n const appearanceClass = getAppearanceClass(theme, isBordered);\n if (appearanceClass) {\n classes.push(appearanceClass);\n }\n\n return classes.join(' ');\n }\n</script>\n\n<div class=\"{setClasses(theme, bordered)} {userClass}\" {...attributes}>\n <span class=\"mc-flag__label\">{label}</span>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.flag';\n</style>\n"],"names":["class","div_class_value","setClasses","ctx","insert","target","div","anchor","append","span","dirty","theme","isBordered","classes","appearanceClass","type","getAppearanceClass","push","join","bordered","$$props","label","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"uLAqCaA,MAAAC,EAAAC,EAAWC,EAAO,GAAAA,UAAYA,EAAS,IAAOA,EAAU,uFACrCA,EAAK,0DADrCC,EAEKC,EAAAC,EAAAC,GADHC,EAA0CF,EAAAG,6BAAZN,EAAK,eADxB,GAAAO,GAAAT,KAAAA,EAAAC,EAAWC,EAAO,GAAAA,UAAYA,EAAS,KAAA,CAAAH,MAAAC,QAAOE,EAAU,uCAZ1DD,EAAWS,EAAkBC,GAC9B,MAAAC,GAAW,WAEXC,WAhBoBH,EAAkBC,GACvC,IAAAA,IAAeD,QACX,GAGH,MAAAI,EAAOH,EAAa,WAAa,eAEnCD,EACiB,YAAAI,KAAQJ,gBAEVI,IAMKC,CAAmBL,EAAOC,UAC9CE,GACFD,EAAQI,KAAKH,GAGRD,EAAQK,KAAK,kFA5BXC,SAAAA,GAAW,GAAKC,SAChBC,GAAaD,SACbT,GAAgBS,sKACxBE,EAAA,EAAAC,EAAYH,EAAQpB,WACpBwB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWxB"}

package/public/bricoman/components/header/Header.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a,_ as r,b as i,f as s,s as n,c as d,e as l,d as o,t as c,n as m,g as h,h as b,z as g,j as p,C as u,D as _,E as f,k as x,m as $,o as w,p as y,a0 as k,q as v,x as z,A as j,G as T,l as H,M as N,v as O}from"../../index-c33b3772.js";import{E as S}from"../../EventHandler-02058705.js";import E from"../breadcrumb/Breadcrumb.nested.js";import J from"../tabs/Tabs.nested.js";import B from"../badge/Badge.nested.js";function L(e){let t,a,r;return a=new E({props:{items:JSON.stringify(e[17]),nopadding:e[6]}}),a.$on("link-clicked",e[26]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__breadcrumb")},m(e,s){i(e,t,s),j(a,t,null),r=!0},p(e,t){const r={};131072&t[0]&&(r.items=JSON.stringify(e[17])),64&t[0]&&(r.nopadding=e[6]),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),T(a)}}}function M(e){let t,a,r,s,n,d=(e[15]?.back||"Back")+"";return{c(){t=l("button"),a=l("span"),r=c(d),h(a,"class","mc-header__back__label"),h(t,"class","mc-header__back")},m(d,l){i(d,t,l),p(t,a),p(a,r),s||(n=H(t,"click",e[19]),s=!0)},p(e,t){32768&t[0]&&d!==(d=(e[15]?.back||"Back")+"")&&x(r,d)},d(e){e&&w(t),s=!1,n()}}}function C(e){let t,a;return{c(){t=l("div"),a=c(e[1]),h(t,"class","mc-header__heading__subtitle")},m(e,r){i(e,t,r),p(t,a)},p(e,t){2&t[0]&&x(a,e[1])},d(e){e&&w(t)}}}function A(e){let t,a,r;return a=new B({props:{label:e[3],type:e[4]}}),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__heading__status")},m(e,s){i(e,t,s),j(a,t,null),r=!0},p(e,t){const r={};8&t[0]&&(r.label=e[3]),16&t[0]&&(r.type=e[4]),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),T(a)}}}function R(e){let t,a,r=(e[20]?.icons||e[7])&&q(),s=(e[20]?.selector||e[8])&&D(e);return{c(){t=l("div"),r&&r.c(),a=o(),s&&s.c(),h(t,"class","mc-header__right")},m(e,n){i(e,t,n),r&&r.m(t,null),p(t,a),s&&s.m(t,null)},p(e,i){e[20]?.icons||e[7]?r||(r=q(),r.c(),r.m(t,a)):r&&(r.d(1),r=null),e[20]?.selector||e[8]?s?s.p(e,i):(s=D(e),s.c(),s.m(t,null)):s&&(s.d(1),s=null)},d(e){e&&w(t),r&&r.d(),s&&s.d()}}}function q(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="icons"></slot>',h(t,"class","mc-header__icons")},m(e,a){i(e,t,a)},d(e){e&&w(t)}}}function D(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="selector"></slot>',h(t,"class","mc-header__selector"),g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},m(e,a){i(e,t,a)},p(e,a){1048960&a[0]&&g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},d(e){e&&w(t)}}}function G(e){let t,a,r;return a=new J({props:{tabs:JSON.stringify(e[16]),nodivider:!0}}),a.$on("tab-clicked",e[27]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__tabs")},m(e,s){i(e,t,s),j(a,t,null),r=!0},p(e,t){const r={};65536&t[0]&&(r.tabs=JSON.stringify(e[16])),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),T(a)}}}function F(e){let t,a,r,s,n,y,k,v,z,j,T,H,O,S=e[5]&&L(e),E=e[14]&&M(e),J=e[1]&&C(e),B=e[3]&&A(e),q=!e[9]&&R(e),D=e[16]&&e[16].length>0&&G(e),F=[{class:H="mc-header "+(e[2]?`mc-header--${e[2]}`:"")},e[10]],I={};for(let e=0;e<F.length;e+=1)I=d(I,F[e]);return{c(){t=l("div"),a=l("div"),S&&S.c(),r=o(),E&&E.c(),s=o(),n=l("div"),y=l("h1"),k=c(e[0]),v=o(),J&&J.c(),z=o(),B&&B.c(),j=o(),q&&q.c(),T=o(),D&&D.c(),this.c=m,h(y,"class","mc-header__heading__title"),h(n,"class","mc-header__heading"),h(a,"class","mc-header__left"),b(t,I),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},m(d,l){i(d,t,l),p(t,a),S&&S.m(a,null),p(a,r),E&&E.m(a,null),p(a,s),p(a,n),p(n,y),p(y,k),p(n,v),J&&J.m(n,null),p(n,z),B&&B.m(n,null),p(t,j),q&&q.m(t,null),p(t,T),D&&D.m(t,null),e[28](t),O=!0},p(e,i){e[5]?S?(S.p(e,i),32&i[0]&&u(S,1)):(S=L(e),S.c(),u(S,1),S.m(a,r)):S&&(N(),_(S,1,1,(()=>{S=null})),f()),e[14]?E?E.p(e,i):(E=M(e),E.c(),E.m(a,s)):E&&(E.d(1),E=null),(!O||1&i[0])&&x(k,e[0]),e[1]?J?J.p(e,i):(J=C(e),J.c(),J.m(n,z)):J&&(J.d(1),J=null),e[3]?B?(B.p(e,i),8&i[0]&&u(B,1)):(B=A(e),B.c(),u(B,1),B.m(n,null)):B&&(N(),_(B,1,1,(()=>{B=null})),f()),e[9]?q&&(q.d(1),q=null):q?q.p(e,i):(q=R(e),q.c(),q.m(t,T)),e[16]&&e[16].length>0?D?(D.p(e,i),65536&i[0]&&u(D,1)):(D=G(e),D.c(),u(D,1),D.m(t,null)):D&&(N(),_(D,1,1,(()=>{D=null})),f()),b(t,I=$(F,[(!O||4&i[0]&&H!==(H="mc-header "+(e[2]?`mc-header--${e[2]}`:"")))&&{class:H},1024&i[0]&&e[10]])),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},i(e){O||(u(S),u(B),u(D),O=!0)},o(e){_(S),_(B),_(D),O=!1},d(a){a&&w(t),S&&S.d(),E&&E.d(),J&&J.d(),B&&B.d(),q&&q.d(),D&&D.d(),e[28](null)}}}function I(e,t,a){let r,i,s,n,l,o;const c=["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"];let m=y(t,c),{$$slots:h={},$$scope:b}=t;const g=k(h);let p,u,{title:_}=t,{subtitle:f}=t,{size:x="m"}=t,{status:$}=t,{statustype:w}=t,{back:z}=t,{breadcrumb:j}=t,{tabs:T}=t,{noshadow:H}=t,{a11ylabels:N}=t,{scrollcontainer:E}=t,{nopaddingbreadcrumb:J}=t,{hasicons:B}=t,{hasselector:L}=t,{hideoptions:M=!1}=t,C=new S,A=0;function R(){const e=E.scrollTop,t=Number(u.style.marginTop.replace("px",""));A>e?e<u.offsetHeight?a(12,u.style.marginTop=`${Math.max(-e,t)}px`,u):a(12,u.style.marginTop="0",u):e<u.offsetHeight?(a(12,u.style.transition="none",u),a(12,u.style.marginTop=-e+"px",u)):(a(12,u.style.transition="margin-top ease-out 0.4s",u),a(12,u.style.marginTop=-u.offsetHeight-5+"px",u)),A=e}return e.$$set=e=>{t=d(d({},t),v(e)),a(32,m=y(t,c)),"title"in e&&a(0,_=e.title),"subtitle"in e&&a(1,f=e.subtitle),"size"in e&&a(2,x=e.size),"status"in e&&a(3,$=e.status),"statustype"in e&&a(4,w=e.statustype),"back"in e&&a(21,z=e.back),"breadcrumb"in e&&a(5,j=e.breadcrumb),"tabs"in e&&a(22,T=e.tabs),"noshadow"in e&&a(23,H=e.noshadow),"a11ylabels"in e&&a(24,N=e.a11ylabels),"scrollcontainer"in e&&a(25,E=e.scrollcontainer),"nopaddingbreadcrumb"in e&&a(6,J=e.nopaddingbreadcrumb),"hasicons"in e&&a(7,B=e.hasicons),"hasselector"in e&&a(8,L=e.hasselector),"hideoptions"in e&&a(9,M=e.hideoptions)},e.$$.update=()=>{32&e.$$.dirty[0]&&a(17,r="string"==typeof j?JSON.parse(j):j),4194304&e.$$.dirty[0]&&a(16,i="string"==typeof T?JSON.parse(T):T),16777216&e.$$.dirty[0]&&a(15,s="string"==typeof N?JSON.parse(N):N),2097152&e.$$.dirty[0]&&a(14,n=z&&"false"!==z),8388608&e.$$.dirty[0]&&a(13,l=H&&"false"!==H),33554432&e.$$.dirty[0]&&(a(11,p=Boolean(E)),function(e){e&&(e.removeEventListener("scroll",R),e.addEventListener("scroll",R))}(E)),a(10,o=Object.assign({},m)),1024&e.$$.dirty[0]&&delete o.class},[_,f,x,$,w,j,J,B,L,M,o,p,u,l,n,s,i,r,C,function(){C.dispatch("on-back-click",{})},g,z,T,H,N,E,e=>C.dispatch("link-clicked",e.detail),e=>C.dispatch("tab-clicked",e.detail),function(e){O[e?"unshift":"push"]((()=>{u=e,a(12,u)}))}]}class K extends e{constructor(e){super();const d=document.createElement("style");d.textContent='.mc-header{background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-header .mc-header__back{height:2.25rem}.mc-header .mc-header__heading__title{font-size:1.75rem;line-height:1.2857142857}.mc-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding-top:0.5rem;padding-left:2rem}.mc-header__right{-webkit-box-flex:0;-ms-flex:0;flex:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:1.5rem;margin-bottom:1rem;padding-top:1rem;padding-right:2rem;height:2rem;width:28rem;min-width:28rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-header__tabs{width:100%;position:relative;padding-left:2rem;padding-right:2rem}.mc-header__tabs::before{content:"";background-color:#b3b3b3;top:0;right:0;height:1px;position:absolute;width:100%;z-index:1}.mc-header__breadcrumb{height:3rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-header__back{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;background-color:transparent;background-image:url(\'<svg xmlns="http://www.w3.org/2000/svg" height="2rem" width="2rem" viewBox="0 0 32 32" fill="#333333"><path d="M28 15H6.41l6.3-6.29a1 1 0 10-1.42-1.42l-8 8a1.15 1.15 0 00-.21.33 1 1 0 000 .76.93.93 0 00.21.33l8 8a1 1 0 001.42 0 1 1 0 000-1.42L6.41 17H28a1 1 0 000-2z"/></svg>\');background-repeat:no-repeat;background-position:center;background-size:2rem;color:currentColor;display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;margin-top:0.5rem;margin-right:1rem;height:2rem}.mc-header__back__label{font-size:0;height:1px;overflow:hidden;display:block}.mc-header__heading{display:inline-block;width:calc(100% - 3em)}.mc-header__heading__title{font-weight:600;color:#191919;width:100%;margin-top:0.5rem;margin-bottom:0}.mc-header__heading__subtitle{font-weight:400;color:#191919;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__status{font-weight:400;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__subtitle+.mc-header__heading__status{margin-left:1rem}.mc-header__icons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:9rem;width:9rem}.mc-header__selector{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-left:0;margin-left:1.5rem;max-width:16rem;width:16rem}.mc-header__selector--show-separator{padding-left:1.5rem}.mc-header__selector--show-separator::before{content:"";background-color:#b3b3b3;left:0;height:100%;position:absolute;width:1px}.mc-header--no-shadow{-webkit-box-shadow:none;box-shadow:none}.mc-header--animate{margin-top:0px;-webkit-transition:margin-top ease-out 0.4s;-o-transition:margin-top ease-out 0.4s;transition:margin-top ease-out 0.4s;width:100%}@media screen and (min-width: 360px){.mc-header__breadcrumb{margin-left:-1.25rem;margin-right:1.25rem}.mc-header__left{padding-left:1rem}.mc-header__right{padding-right:1rem}.mc-header__tabs{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 390px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(1.375, "true");margin-right:1.375rem}}@media screen and (min-width: 680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 769px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(2.125, "true");margin-right:2.125rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.mc-header__breadcrumb{margin-left:-3rem;margin-right:3rem}.mc-header__left{padding-left:3rem}.mc-header__right{padding-right:3rem}.mc-header__tabs{padding-left:3rem;padding-right:3rem}}@media screen and (min-width: 1280px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1440px){.mc-header__breadcrumb{margin-left:-7rem;margin-right:7rem}}@media screen and (min-width: 1680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 1920px){.mc-header__breadcrumb{margin-left:-2.5rem;margin-right:2.5rem}}.mc-header--s .mc-header__back{height:2rem}.mc-header--s .mc-header__heading__title{font-size:1.5rem;line-height:1.3333333333}.mc-header--l .mc-header__back{height:2.75rem}.mc-header--l .mc-header__heading__title{font-size:2.125rem;line-height:1.2941176471}:host{display:block;line-height:0}',this.shadowRoot.appendChild(d),t(this,{target:this.shadowRoot,props:{...a(this.attributes),$$slots:r(this)},customElement:!0},I,F,n,{title:0,subtitle:1,size:2,status:3,statustype:4,back:21,breadcrumb:5,tabs:22,noshadow:23,a11ylabels:24,scrollcontainer:25,nopaddingbreadcrumb:6,hasicons:7,hasselector:8,hideoptions:9},null,[-1,-1]),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),s()}get subtitle(){return this.$$.ctx[1]}set subtitle(e){this.$$set({subtitle:e}),s()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),s()}get status(){return this.$$.ctx[3]}set status(e){this.$$set({status:e}),s()}get statustype(){return this.$$.ctx[4]}set statustype(e){this.$$set({statustype:e}),s()}get back(){return this.$$.ctx[21]}set back(e){this.$$set({back:e}),s()}get breadcrumb(){return this.$$.ctx[5]}set breadcrumb(e){this.$$set({breadcrumb:e}),s()}get tabs(){return this.$$.ctx[22]}set tabs(e){this.$$set({tabs:e}),s()}get noshadow(){return this.$$.ctx[23]}set noshadow(e){this.$$set({noshadow:e}),s()}get a11ylabels(){return this.$$.ctx[24]}set a11ylabels(e){this.$$set({a11ylabels:e}),s()}get scrollcontainer(){return this.$$.ctx[25]}set scrollcontainer(e){this.$$set({scrollcontainer:e}),s()}get nopaddingbreadcrumb(){return this.$$.ctx[6]}set nopaddingbreadcrumb(e){this.$$set({nopaddingbreadcrumb:e}),s()}get hasicons(){return this.$$.ctx[7]}set hasicons(e){this.$$set({hasicons:e}),s()}get hasselector(){return this.$$.ctx[8]}set hasselector(e){this.$$set({hasselector:e}),s()}get hideoptions(){return this.$$.ctx[9]}set hideoptions(e){this.$$set({hideoptions:e}),s()}}export{K as default};
+import{S as e,i as t,a,_ as r,b as i,f as s,s as n,c as d,e as l,d as o,t as c,n as m,g as h,h as b,v as g,j as p,y as u,w as _,x as f,k as x,m as $,o as w,p as y,a0 as k,q as v,B as z,C as j,D as H,l as T,z as N,H as O}from"../../index-52f16292.js";import{E as S}from"../../EventHandler-f4efd23c.js";import B from"../breadcrumb/Breadcrumb.nested.js";import J from"../tabs/Tabs.nested.js";import E from"../badge/Badge.nested.js";function L(e){let t,a,r;return a=new B({props:{items:JSON.stringify(e[17]),nopadding:e[6]}}),a.$on("link-clicked",e[26]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__breadcrumb")},m(e,s){i(e,t,s),j(a,t,null),r=!0},p(e,t){const r={};131072&t[0]&&(r.items=JSON.stringify(e[17])),64&t[0]&&(r.nopadding=e[6]),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),H(a)}}}function M(e){let t,a,r,s,n,d=(e[15]?.back||"Back")+"";return{c(){t=l("button"),a=l("span"),r=c(d),h(a,"class","mc-header__back__label"),h(t,"class","mc-header__back")},m(d,l){i(d,t,l),p(t,a),p(a,r),s||(n=T(t,"click",e[19]),s=!0)},p(e,t){32768&t[0]&&d!==(d=(e[15]?.back||"Back")+"")&&x(r,d)},d(e){e&&w(t),s=!1,n()}}}function C(e){let t,a;return{c(){t=l("div"),a=c(e[1]),h(t,"class","mc-header__heading__subtitle")},m(e,r){i(e,t,r),p(t,a)},p(e,t){2&t[0]&&x(a,e[1])},d(e){e&&w(t)}}}function R(e){let t,a,r;return a=new E({props:{label:e[3],type:e[4]}}),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__heading__status")},m(e,s){i(e,t,s),j(a,t,null),r=!0},p(e,t){const r={};8&t[0]&&(r.label=e[3]),16&t[0]&&(r.type=e[4]),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),H(a)}}}function q(e){let t,a,r=(e[20]?.icons||e[7])&&A(),s=(e[20]?.selector||e[8])&&D(e);return{c(){t=l("div"),r&&r.c(),a=o(),s&&s.c(),h(t,"class","mc-header__right")},m(e,n){i(e,t,n),r&&r.m(t,null),p(t,a),s&&s.m(t,null)},p(e,i){e[20]?.icons||e[7]?r||(r=A(),r.c(),r.m(t,a)):r&&(r.d(1),r=null),e[20]?.selector||e[8]?s?s.p(e,i):(s=D(e),s.c(),s.m(t,null)):s&&(s.d(1),s=null)},d(e){e&&w(t),r&&r.d(),s&&s.d()}}}function A(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="icons"></slot>',h(t,"class","mc-header__icons")},m(e,a){i(e,t,a)},d(e){e&&w(t)}}}function D(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="selector"></slot>',h(t,"class","mc-header__selector"),g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},m(e,a){i(e,t,a)},p(e,a){1048960&a[0]&&g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},d(e){e&&w(t)}}}function F(e){let t,a,r;return a=new J({props:{tabs:JSON.stringify(e[16]),nodivider:!0}}),a.$on("tab-clicked",e[27]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__tabs")},m(e,s){i(e,t,s),j(a,t,null),r=!0},p(e,t){const r={};65536&t[0]&&(r.tabs=JSON.stringify(e[16])),a.$set(r)},i(e){r||(u(a.$$.fragment,e),r=!0)},o(e){_(a.$$.fragment,e),r=!1},d(e){e&&w(t),H(a)}}}function G(e){let t,a,r,s,n,y,k,v,z,j,H,T,O,S=e[5]&&L(e),B=e[14]&&M(e),J=e[1]&&C(e),E=e[3]&&R(e),A=!e[9]&&q(e),D=e[16]&&e[16].length>0&&F(e),G=[{class:T="mc-header "+(e[2]?`mc-header--${e[2]}`:"")},e[10]],I={};for(let e=0;e<G.length;e+=1)I=d(I,G[e]);return{c(){t=l("div"),a=l("div"),S&&S.c(),r=o(),B&&B.c(),s=o(),n=l("div"),y=l("h1"),k=c(e[0]),v=o(),J&&J.c(),z=o(),E&&E.c(),j=o(),A&&A.c(),H=o(),D&&D.c(),this.c=m,h(y,"class","mc-header__heading__title"),h(n,"class","mc-header__heading"),h(a,"class","mc-header__left"),b(t,I),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},m(d,l){i(d,t,l),p(t,a),S&&S.m(a,null),p(a,r),B&&B.m(a,null),p(a,s),p(a,n),p(n,y),p(y,k),p(n,v),J&&J.m(n,null),p(n,z),E&&E.m(n,null),p(t,j),A&&A.m(t,null),p(t,H),D&&D.m(t,null),e[28](t),O=!0},p(e,i){e[5]?S?(S.p(e,i),32&i[0]&&u(S,1)):(S=L(e),S.c(),u(S,1),S.m(a,r)):S&&(N(),_(S,1,1,(()=>{S=null})),f()),e[14]?B?B.p(e,i):(B=M(e),B.c(),B.m(a,s)):B&&(B.d(1),B=null),(!O||1&i[0])&&x(k,e[0]),e[1]?J?J.p(e,i):(J=C(e),J.c(),J.m(n,z)):J&&(J.d(1),J=null),e[3]?E?(E.p(e,i),8&i[0]&&u(E,1)):(E=R(e),E.c(),u(E,1),E.m(n,null)):E&&(N(),_(E,1,1,(()=>{E=null})),f()),e[9]?A&&(A.d(1),A=null):A?A.p(e,i):(A=q(e),A.c(),A.m(t,H)),e[16]&&e[16].length>0?D?(D.p(e,i),65536&i[0]&&u(D,1)):(D=F(e),D.c(),u(D,1),D.m(t,null)):D&&(N(),_(D,1,1,(()=>{D=null})),f()),b(t,I=$(G,[(!O||4&i[0]&&T!==(T="mc-header "+(e[2]?`mc-header--${e[2]}`:"")))&&{class:T},1024&i[0]&&e[10]])),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},i(e){O||(u(S),u(E),u(D),O=!0)},o(e){_(S),_(E),_(D),O=!1},d(a){a&&w(t),S&&S.d(),B&&B.d(),J&&J.d(),E&&E.d(),A&&A.d(),D&&D.d(),e[28](null)}}}function I(e,t,a){let r,i,s,n,l,o;const c=["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"];let m=y(t,c),{$$slots:h={},$$scope:b}=t;const g=k(h);let p,u,{title:_}=t,{subtitle:f}=t,{size:x="m"}=t,{status:$}=t,{statustype:w}=t,{back:z}=t,{breadcrumb:j}=t,{tabs:H}=t,{noshadow:T}=t,{a11ylabels:N}=t,{scrollcontainer:B}=t,{nopaddingbreadcrumb:J}=t,{hasicons:E}=t,{hasselector:L}=t,{hideoptions:M=!1}=t,C=new S,R=0;function q(){const e=B.scrollTop,t=Number(u.style.marginTop.replace("px",""));R>e?e<u.offsetHeight?a(12,u.style.marginTop=`${Math.max(-e,t)}px`,u):a(12,u.style.marginTop="0",u):e<u.offsetHeight?(a(12,u.style.transition="none",u),a(12,u.style.marginTop=-e+"px",u)):(a(12,u.style.transition="margin-top ease-out 0.4s",u),a(12,u.style.marginTop=-u.offsetHeight-5+"px",u)),R=e}return e.$$set=e=>{t=d(d({},t),v(e)),a(32,m=y(t,c)),"title"in e&&a(0,_=e.title),"subtitle"in e&&a(1,f=e.subtitle),"size"in e&&a(2,x=e.size),"status"in e&&a(3,$=e.status),"statustype"in e&&a(4,w=e.statustype),"back"in e&&a(21,z=e.back),"breadcrumb"in e&&a(5,j=e.breadcrumb),"tabs"in e&&a(22,H=e.tabs),"noshadow"in e&&a(23,T=e.noshadow),"a11ylabels"in e&&a(24,N=e.a11ylabels),"scrollcontainer"in e&&a(25,B=e.scrollcontainer),"nopaddingbreadcrumb"in e&&a(6,J=e.nopaddingbreadcrumb),"hasicons"in e&&a(7,E=e.hasicons),"hasselector"in e&&a(8,L=e.hasselector),"hideoptions"in e&&a(9,M=e.hideoptions)},e.$$.update=()=>{32&e.$$.dirty[0]&&a(17,r="string"==typeof j?JSON.parse(j):j),4194304&e.$$.dirty[0]&&a(16,i="string"==typeof H?JSON.parse(H):H),16777216&e.$$.dirty[0]&&a(15,s="string"==typeof N?JSON.parse(N):N),2097152&e.$$.dirty[0]&&a(14,n=z&&"false"!==z),8388608&e.$$.dirty[0]&&a(13,l=T&&"false"!==T),33554432&e.$$.dirty[0]&&(a(11,p=Boolean(B)),function(e){e&&(e.removeEventListener("scroll",q),e.addEventListener("scroll",q))}(B)),a(10,o=Object.assign({},m)),1024&e.$$.dirty[0]&&delete o.class},[_,f,x,$,w,j,J,E,L,M,o,p,u,l,n,s,i,r,C,function(){C.dispatch("on-back-click",{})},g,z,H,T,N,B,e=>C.dispatch("link-clicked",e.detail),e=>C.dispatch("tab-clicked",e.detail),function(e){O[e?"unshift":"push"]((()=>{u=e,a(12,u)}))}]}class K extends e{constructor(e){super();const d=document.createElement("style");d.textContent='.mc-header{background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-header .mc-header__back{height:2.25rem}.mc-header .mc-header__heading__title{font-size:1.75rem;line-height:1.2857142857}.mc-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding-top:0.5rem;padding-left:2rem}.mc-header__right{-webkit-box-flex:0;-ms-flex:0;flex:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:1.5rem;margin-bottom:1rem;padding-top:1rem;padding-right:2rem;height:2rem;width:28rem;min-width:28rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-header__tabs{width:100%;position:relative;padding-left:2rem;padding-right:2rem}.mc-header__tabs::before{content:"";background-color:#b3b3b3;top:0;right:0;height:1px;position:absolute;width:100%;z-index:1}.mc-header__breadcrumb{height:3rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-header__back{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;background-color:transparent;background-image:url(\'<svg xmlns="http://www.w3.org/2000/svg" height="2rem" width="2rem" viewBox="0 0 32 32" fill="#333333"><path d="M28 15H6.41l6.3-6.29a1 1 0 10-1.42-1.42l-8 8a1.15 1.15 0 00-.21.33 1 1 0 000 .76.93.93 0 00.21.33l8 8a1 1 0 001.42 0 1 1 0 000-1.42L6.41 17H28a1 1 0 000-2z"/></svg>\');background-repeat:no-repeat;background-position:center;background-size:2rem;color:currentColor;display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;margin-top:0.5rem;margin-right:1rem;height:2rem}.mc-header__back__label{font-size:0;height:1px;overflow:hidden;display:block}.mc-header__heading{display:inline-block;width:calc(100% - 3em)}.mc-header__heading__title{font-weight:600;color:#191919;width:100%;margin-top:0.5rem;margin-bottom:0}.mc-header__heading__subtitle{font-weight:400;color:#191919;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__status{font-weight:400;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__subtitle+.mc-header__heading__status{margin-left:1rem}.mc-header__icons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:9rem;width:9rem}.mc-header__selector{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-left:0;margin-left:1.5rem;max-width:16rem;width:16rem}.mc-header__selector--show-separator{padding-left:1.5rem}.mc-header__selector--show-separator::before{content:"";background-color:#b3b3b3;left:0;height:100%;position:absolute;width:1px}.mc-header--no-shadow{-webkit-box-shadow:none;box-shadow:none}.mc-header--animate{margin-top:0px;-webkit-transition:margin-top ease-out 0.4s;-o-transition:margin-top ease-out 0.4s;transition:margin-top ease-out 0.4s;width:100%}@media screen and (min-width: 360px){.mc-header__breadcrumb{margin-left:-1.25rem;margin-right:1.25rem}.mc-header__left{padding-left:1rem}.mc-header__right{padding-right:1rem}.mc-header__tabs{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 390px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(1.375, "true");margin-right:1.375rem}}@media screen and (min-width: 680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 769px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(2.125, "true");margin-right:2.125rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.mc-header__breadcrumb{margin-left:-3rem;margin-right:3rem}.mc-header__left{padding-left:3rem}.mc-header__right{padding-right:3rem}.mc-header__tabs{padding-left:3rem;padding-right:3rem}}@media screen and (min-width: 1280px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1440px){.mc-header__breadcrumb{margin-left:-7rem;margin-right:7rem}}@media screen and (min-width: 1680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 1920px){.mc-header__breadcrumb{margin-left:-2.5rem;margin-right:2.5rem}}.mc-header--s .mc-header__back{height:2rem}.mc-header--s .mc-header__heading__title{font-size:1.5rem;line-height:1.3333333333}.mc-header--l .mc-header__back{height:2.75rem}.mc-header--l .mc-header__heading__title{font-size:2.125rem;line-height:1.2941176471}:host{display:block;line-height:0}',this.shadowRoot.appendChild(d),t(this,{target:this.shadowRoot,props:{...a(this.attributes),$$slots:r(this)},customElement:!0},I,G,n,{title:0,subtitle:1,size:2,status:3,statustype:4,back:21,breadcrumb:5,tabs:22,noshadow:23,a11ylabels:24,scrollcontainer:25,nopaddingbreadcrumb:6,hasicons:7,hasselector:8,hideoptions:9},null,[-1,-1]),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),s()}get subtitle(){return this.$$.ctx[1]}set subtitle(e){this.$$set({subtitle:e}),s()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),s()}get status(){return this.$$.ctx[3]}set status(e){this.$$set({status:e}),s()}get statustype(){return this.$$.ctx[4]}set statustype(e){this.$$set({statustype:e}),s()}get back(){return this.$$.ctx[21]}set back(e){this.$$set({back:e}),s()}get breadcrumb(){return this.$$.ctx[5]}set breadcrumb(e){this.$$set({breadcrumb:e}),s()}get tabs(){return this.$$.ctx[22]}set tabs(e){this.$$set({tabs:e}),s()}get noshadow(){return this.$$.ctx[23]}set noshadow(e){this.$$set({noshadow:e}),s()}get a11ylabels(){return this.$$.ctx[24]}set a11ylabels(e){this.$$set({a11ylabels:e}),s()}get scrollcontainer(){return this.$$.ctx[25]}set scrollcontainer(e){this.$$set({scrollcontainer:e}),s()}get nopaddingbreadcrumb(){return this.$$.ctx[6]}set nopaddingbreadcrumb(e){this.$$set({nopaddingbreadcrumb:e}),s()}get hasicons(){return this.$$.ctx[7]}set hasicons(e){this.$$set({hasicons:e}),s()}get hasselector(){return this.$$.ctx[8]}set hasselector(e){this.$$set({hasselector:e}),s()}get hideoptions(){return this.$$.ctx[9]}set hideoptions(e){this.$$set({hideoptions:e}),s()}}export{K as default};
 //# sourceMappingURL=Header.js.map

package/public/bricoman/components/header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","sources":["../../../../src/components/header/Header.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n import Breadcrumb from '../breadcrumb/Breadcrumb.nested.svelte';\n import type { BreadcrumbItems } from '../breadcrumb/breadcrumb.types';\n import Tabs from '../tabs/Tabs.nested.svelte';\n import type { TabsItems } from '../tabs/tabs.types';\n import Badge from '../badge/Badge.nested.svelte';\n import type { BadgeType } from '../badge/badge.types';\n import type { A11yLabels, HeaderSize } from './Header.types';\n\n export let title: string;\n export let subtitle: string;\n export let size: HeaderSize = 'm';\n export let status: string;\n export let statustype: BadgeType;\n export let back: boolean \| string;\n export let breadcrumb: string \| BreadcrumbItems[];\n export let tabs: string \| TabsItems[];\n export let noshadow: boolean \| string;\n export let a11ylabels: string \| A11yLabels;\n export let scrollcontainer: HTMLElement;\n export let nopaddingbreadcrumb: boolean;\n export let hasicons: boolean;\n export let hasselector: boolean;\n export let hideoptions = false;\n\n const headerAnimationThreshold = 5;\n\n let eventHandler = new EventHandler();\n let originalScrollPos = 0;\n let hasAnimation: boolean;\n let root: HTMLElement;\n\n $: parsedBreadcrumb =\n typeof breadcrumb === 'string'\n ? (JSON.parse(breadcrumb) as BreadcrumbItems[])\n : breadcrumb;\n\n $: parsedTabs =\n typeof tabs === 'string' ? (JSON.parse(tabs) as TabsItems[]) : tabs;\n\n $: parsedA11yLabels =\n typeof a11ylabels === 'string'\n ? (JSON.parse(a11ylabels) as A11yLabels)\n : a11ylabels;\n\n $: hasBack = back && back !== 'false';\n $: hasNoShadow = noshadow && noshadow !== 'false';\n $: {\n hasAnimation = Boolean(scrollcontainer);\n updateAnimation(scrollcontainer);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function goBack() {\n eventHandler.dispatch('on-back-click', {});\n }\n\n function updateAnimation(element: HTMLElement) {\n if (element) {\n element.removeEventListener('scroll', handleScroll);\n element.addEventListener('scroll', handleScroll);\n }\n }\n\n function handleScroll() {\n const currentScrollPos = scrollcontainer.scrollTop;\n const originHeaderMargin = Number(root.style.marginTop.replace('px', ''));\n\n if (originalScrollPos > currentScrollPos) {\n // scroll up\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n root.style.marginTop = `${Math.max(\n -currentScrollPos,\n originHeaderMargin,\n )}px`;\n } else {\n // scroll while below header zone\n root.style.marginTop = '0';\n }\n } else {\n // scroll down\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n\n root.style.transition = 'none';\n root.style.marginTop = `${-currentScrollPos}px`;\n } else {\n // scroll while below header zone\n root.style.transition = 'margin-top ease-out 0.4s';\n root.style.marginTop = `${\n -root.offsetHeight - headerAnimationThreshold\n }px`;\n }\n }\n\n originalScrollPos = currentScrollPos;\n }\n</script>\n\n<div\n class=\"mc-header {size ? `mc-header--${size}` : ''}\"\n class:mc-header--no-shadow={hasNoShadow}\n class:mc-header--animate={hasAnimation}\n bind:this={root}\n {...attributes}\n>\n <div class=\"mc-header__left\">\n {#if breadcrumb}\n <div class=\"mc-header__breadcrumb\">\n <Breadcrumb\n items={JSON.stringify(parsedBreadcrumb)}\n nopadding={nopaddingbreadcrumb}\n on:link-clicked={(event) =>\n eventHandler.dispatch('link-clicked', event.detail)}\n />\n </div>\n {/if}\n\n {#if hasBack}\n <button class=\"mc-header__back\" on:click={goBack}>\n <span class=\"mc-header__back__label\">\n {parsedA11yLabels?.['back'] \|\| 'Back'}\n </span>\n </button>\n {/if}\n\n <div class=\"mc-header__heading\">\n <h1 class=\"mc-header__heading__title\">\n {title}\n </h1>\n {#if subtitle}\n <div class=\"mc-header__heading__subtitle\">\n {subtitle}\n </div>\n {/if}\n {#if status}\n <div class=\"mc-header__heading__status\">\n <Badge label={status} type={statustype} />\n </div>\n {/if}\n </div>\n </div>\n {#if !hideoptions}\n <div class=\"mc-header__right\">\n {#if $$slots?.icons \|\| hasicons}\n <div class=\"mc-header__icons\">\n <slot name=\"icons\" />\n </div>\n {/if}\n {#if $$slots?.selector \|\| hasselector}\n <div\n class:mc-header__selector--show-separator={($$slots?.icons \|\|\n hasicons) &&\n ($$slots?.selector \|\| hasselector)}\n class=\"mc-header__selector\"\n >\n <slot name=\"selector\" />\n </div>\n {/if}\n </div>\n {/if}\n {#if parsedTabs && parsedTabs.length > 0}\n <div class=\"mc-header__tabs\">\n <Tabs\n tabs={JSON.stringify(parsedTabs)}\n nodivider={true}\n on:tab-clicked={(event) =>\n eventHandler.dispatch('tab-clicked', event.detail)}\n />\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.header~~.scss~~';\n\n :host {\n display: block;\n line-height: 0;\n }\n</style>\n"],"names":["JSON","stringify","ctx","insert","target","div","anchor","button","append","span","set_data","t","t_value","icons","create_if_block_3","selector","create_if_block_2","create_if_block_7","create_if_block_6","create_if_block_5","create_if_block_4","create_if_block_1","if_block5","length","create_if_block","div2","div1","div0","h1","class","div2_class_value","hasAnimation","root","title","$$props","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions","eventHandler","EventHandler","originalScrollPos","handleScroll","currentScrollPos","scrollTop","originHeaderMargin","Number","style","marginTop","replace","offsetHeight","Math","max","$$invalidate","transition","parsedBreadcrumb","parse","parsedTabs","parsedA11yLabels","hasBack","hasNoShadow","Boolean","element","removeEventListener","addEventListener","updateAnimation","attributes","Object","assign","$$restProps","dispatch","event","detail","$$value"],"mappings":"keAkHiBA,KAAKC,UAAUC,EAAgB,eAC3BA,EAAmB,gHAHlCC,EAOKC,EAAAC,EAAAC,6DALMN,KAAKC,UAAUC,EAAgB,4BAC3BA,EAAmB,mIAU7BA,EAAgB,KAAS,MAAK,QAAM,4HAFzCC,EAIQC,EAAAG,EAAAD,GAHNE,EAEMD,EAAAE,4BAHkCP,EAAM,uCAE3CA,EAAgB,KAAS,MAAK,QAAM,KAAAQ,EAAAC,EAAAC,4EAWpCV,EAAQ,wDADXC,EAEKC,EAAAC,EAAAC,8BADFJ,EAAQ,yEAKKA,EAAM,QAAQA,EAAU,yFADxCC,EAEKC,EAAAC,EAAAC,wDADWJ,EAAM,qBAAQA,EAAU,6HAOrCA,EAAO,KAAEW,OAASX,EAAQ,KAAAY,OAK1BZ,EAAO,KAAEa,UAAYb,EAAW,KAAAc,EAAAd,yFANvCC,EAgBKC,EAAAC,EAAAC,gDAfEJ,EAAO,KAAEW,OAASX,EAAQ,gDAK1BA,EAAO,KAAEa,UAAYb,EAAW,yNAJnCC,EAEKC,EAAAC,EAAAC,uLAIyCJ,EAAO,KAAEW,OACnDX,QACCA,EAAO,KAAEa,UAAYb,EAAW,aAHrCC,EAOKC,EAAAC,EAAAC,oEANyCJ,EAAO,KAAEW,OACnDX,QACCA,EAAO,KAAEa,UAAYb,EAAW,yEAW/BF,KAAKC,UAAUC,EAAU,gBACpB,wGAHfC,EAOKC,EAAAC,EAAAC,2DALKN,KAAKC,UAAUC,EAAU,oJAzD9BA,EAAU,IAAAe,EAAAf,KAWVA,EAAO,KAAAgB,EAAAhB,KAYLA,EAAQ,IAAAiB,EAAAjB,KAKRA,EAAM,IAAAkB,EAAAlB,MAOTA,EAAW,IAAAmB,EAAAnB,GAmBZoB,EAAApB,EAAc,KAAAA,EAAW,IAAAqB,OAAS,GAACC,EAAAtB,6BA7DtBA,EAAI,GAAA,cAAiBA,EAAI,KAAK,KAI5CA,EAAU,0IAwBPA,EAAK,qNA3BgBA,EAAW,8BACbA,EAAY,aAHxCC,EAwEKC,EAAAqB,EAAAnB,GAjEHE,EAmCKiB,EAAAC,+CAfHlB,EAcKkB,EAAAC,GAbHnB,EAEImB,EAAAC,wHAtBD1B,EAAU,oGAWVA,EAAO,4EAUPA,EAAK,IAEHA,EAAQ,yDAKRA,EAAM,sGAOTA,EAAW,yDAmBZA,EAAc,KAAAA,EAAW,IAAAqB,OAAS,sJA7DrBrB,EAAI,GAAA,cAAiBA,EAAI,KAAK,OAAE,CAAA2B,MAAAC,cAI9C5B,EAAU,kCAHcA,EAAW,8BACbA,EAAY,uaA1ElC6B,EACAC,SArBOC,GAAaC,YACbC,GAAgBD,GAChBE,KAAAA,EAAmB,KAAGF,UACtBG,GAAcH,cACdI,GAAqBJ,QACrBK,GAAsBL,cACtBM,GAAsCN,QACtCO,GAA0BP,YAC1BQ,GAA0BR,cAC1BS,GAA+BT,mBAC/BU,GAA4BV,uBAC5BW,GAA4BX,YAC5BY,GAAiBZ,eACjBa,GAAoBb,GACpBc,YAAAA,GAAc,GAAKd,EAI1Be,MAAmBC,EACnBC,EAAoB,WAoCfC,UACDC,EAAmBT,EAAgBU,UACnCC,EAAqBC,OAAOxB,EAAKyB,MAAMC,UAAUC,QAAQ,KAAM,KAEjER,EAAoBE,EAElBA,EAAmBrB,EAAK4B,kBAE1B5B,EAAKyB,MAAMC,UAAS,GAAMG,KAAKC,KAC5BT,EACDE,OAAkBvB,GAIpB+B,EAAA,GAAA/B,EAAKyB,MAAMC,UAAY,IAAG1B,GAIxBqB,EAAmBrB,EAAK4B,cAG1BG,EAAA,GAAA/B,EAAKyB,MAAMO,WAAa,OAAMhC,GAC9B+B,EAAA,GAAA/B,EAAKyB,MAAMC,WAAgBL,OAAgBrB,KAG3C+B,EAAA,GAAA/B,EAAKyB,MAAMO,WAAa,2BAA0BhC,QAClDA,EAAKyB,MAAMC,WACR1B,EAAK4B,aAlEmB,OAmE3B5B,IAIJmB,EAAoBE,unBAhEnBU,EAAA,GAAAE,EACqB,iBAAfzB,EACFxC,KAAKkE,MAAM1B,GACZA,0BAEHuB,EAAA,GAAAI,EACe,iBAAT1B,EAAqBzC,KAAKkE,MAAMzB,GAAwBA,2BAE9DsB,EAAA,GAAAK,EACqB,iBAAfzB,EACF3C,KAAKkE,MAAMvB,GACZA,+BAEH0B,EAAU9B,GAAiB,UAATA,+BAClB+B,EAAc5B,GAAyB,UAAbA,iCAE3BX,EAAewC,QAAQ3B,IAShB,SAAgB4B,GACnBA,IACFA,EAAQC,oBAAoB,SAAUrB,GACtCoB,EAAQE,iBAAiB,SAAUtB,IAXrCuB,CAAgB/B,SAEfgC,EAALC,OAAAC,UAAuBC,+BACXH,EAAW/C,yDAEnBoB,EAAa+B,SAAS,gBAAe,CAAA,gBA2DbC,GAChBhC,EAAa+B,SAAS,eAAgBC,EAAMC,QAqD/BD,GACfhC,EAAa+B,SAAS,cAAeC,EAAMC,gDAhExClD,EAAImD"}
1	+ {"version":3,"file":"Header.js","sources":["../../../../src/components/header/Header.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n import Breadcrumb from '../breadcrumb/Breadcrumb.nested.svelte';\n import type { BreadcrumbItems } from '../breadcrumb/breadcrumb.types';\n import Tabs from '../tabs/Tabs.nested.svelte';\n import type { TabsItems } from '../tabs/tabs.types';\n import Badge from '../badge/Badge.nested.svelte';\n import type { BadgeType } from '../badge/badge.types';\n import type { A11yLabels, HeaderSize } from './Header.types';\n\n export let title: string;\n export let subtitle: string;\n export let size: HeaderSize = 'm';\n export let status: string;\n export let statustype: BadgeType;\n export let back: boolean \| string;\n export let breadcrumb: string \| BreadcrumbItems[];\n export let tabs: string \| TabsItems[];\n export let noshadow: boolean \| string;\n export let a11ylabels: string \| A11yLabels;\n export let scrollcontainer: HTMLElement;\n export let nopaddingbreadcrumb: boolean;\n export let hasicons: boolean;\n export let hasselector: boolean;\n export let hideoptions = false;\n\n const headerAnimationThreshold = 5;\n\n let eventHandler = new EventHandler();\n let originalScrollPos = 0;\n let hasAnimation: boolean;\n let root: HTMLElement;\n\n $: parsedBreadcrumb =\n typeof breadcrumb === 'string'\n ? (JSON.parse(breadcrumb) as BreadcrumbItems[])\n : breadcrumb;\n\n $: parsedTabs =\n typeof tabs === 'string' ? (JSON.parse(tabs) as TabsItems[]) : tabs;\n\n $: parsedA11yLabels =\n typeof a11ylabels === 'string'\n ? (JSON.parse(a11ylabels) as A11yLabels)\n : a11ylabels;\n\n $: hasBack = back && back !== 'false';\n $: hasNoShadow = noshadow && noshadow !== 'false';\n $: {\n hasAnimation = Boolean(scrollcontainer);\n updateAnimation(scrollcontainer);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function goBack() {\n eventHandler.dispatch('on-back-click', {});\n }\n\n function updateAnimation(element: HTMLElement) {\n if (element) {\n element.removeEventListener('scroll', handleScroll);\n element.addEventListener('scroll', handleScroll);\n }\n }\n\n function handleScroll() {\n const currentScrollPos = scrollcontainer.scrollTop;\n const originHeaderMargin = Number(root.style.marginTop.replace('px', ''));\n\n if (originalScrollPos > currentScrollPos) {\n // scroll up\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n root.style.marginTop = `${Math.max(\n -currentScrollPos,\n originHeaderMargin,\n )}px`;\n } else {\n // scroll while below header zone\n root.style.marginTop = '0';\n }\n } else {\n // scroll down\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n\n root.style.transition = 'none';\n root.style.marginTop = `${-currentScrollPos}px`;\n } else {\n // scroll while below header zone\n root.style.transition = 'margin-top ease-out 0.4s';\n root.style.marginTop = `${\n -root.offsetHeight - headerAnimationThreshold\n }px`;\n }\n }\n\n originalScrollPos = currentScrollPos;\n }\n</script>\n\n<div\n class=\"mc-header {size ? `mc-header--${size}` : ''}\"\n class:mc-header--no-shadow={hasNoShadow}\n class:mc-header--animate={hasAnimation}\n bind:this={root}\n {...attributes}\n>\n <div class=\"mc-header__left\">\n {#if breadcrumb}\n <div class=\"mc-header__breadcrumb\">\n <Breadcrumb\n items={JSON.stringify(parsedBreadcrumb)}\n nopadding={nopaddingbreadcrumb}\n on:link-clicked={(event) =>\n eventHandler.dispatch('link-clicked', event.detail)}\n />\n </div>\n {/if}\n\n {#if hasBack}\n <button class=\"mc-header__back\" on:click={goBack}>\n <span class=\"mc-header__back__label\">\n {parsedA11yLabels?.['back'] \|\| 'Back'}\n </span>\n </button>\n {/if}\n\n <div class=\"mc-header__heading\">\n <h1 class=\"mc-header__heading__title\">\n {title}\n </h1>\n {#if subtitle}\n <div class=\"mc-header__heading__subtitle\">\n {subtitle}\n </div>\n {/if}\n {#if status}\n <div class=\"mc-header__heading__status\">\n <Badge label={status} type={statustype} />\n </div>\n {/if}\n </div>\n </div>\n {#if !hideoptions}\n <div class=\"mc-header__right\">\n {#if $$slots?.icons \|\| hasicons}\n <div class=\"mc-header__icons\">\n <slot name=\"icons\" />\n </div>\n {/if}\n {#if $$slots?.selector \|\| hasselector}\n <div\n class:mc-header__selector--show-separator={($$slots?.icons \|\|\n hasicons) &&\n ($$slots?.selector \|\| hasselector)}\n class=\"mc-header__selector\"\n >\n <slot name=\"selector\" />\n </div>\n {/if}\n </div>\n {/if}\n {#if parsedTabs && parsedTabs.length > 0}\n <div class=\"mc-header__tabs\">\n <Tabs\n tabs={JSON.stringify(parsedTabs)}\n nodivider={true}\n on:tab-clicked={(event) =>\n eventHandler.dispatch('tab-clicked', event.detail)}\n />\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.header';\n\n :host {\n display: block;\n line-height: 0;\n }\n</style>\n"],"names":["JSON","stringify","ctx","insert","target","div","anchor","button","append","span","set_data","t","t_value","icons","create_if_block_3","selector","create_if_block_2","create_if_block_7","create_if_block_6","create_if_block_5","create_if_block_4","create_if_block_1","if_block5","length","create_if_block","div2","div1","div0","h1","class","div2_class_value","hasAnimation","root","title","$$props","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions","eventHandler","EventHandler","originalScrollPos","handleScroll","currentScrollPos","scrollTop","originHeaderMargin","Number","style","marginTop","replace","offsetHeight","Math","max","$$invalidate","transition","parsedBreadcrumb","parse","parsedTabs","parsedA11yLabels","hasBack","hasNoShadow","Boolean","element","removeEventListener","addEventListener","updateAnimation","attributes","Object","assign","$$restProps","dispatch","event","detail","$$value"],"mappings":"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"}

package/public/bricoman/components/header/Header.svelte CHANGED Viewed

@@ -177,7 +177,7 @@
 <style lang="scss">
   @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import './_c.header.scss';
+  @import './_c.header';
   :host {
     display: block;

package/public/bricoman/components/header/Header.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;KACtB,GAAG,~~IACA~~,MAAM,GAAG,MAAM;~~CACpB~~,CAAC"}
1	+ {"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;KACtB,GAAG,IAAI,MAAM,GAAG,MAAM;CACxB,CAAC"}

package/public/bricoman/components/header/_c.header.scss ADDED Viewed

@@ -0,0 +1,310 @@
+@use 'sass:math';
+@import './_s.header';
+.mc-header {
+  $parent: get-parent-selector(&);
+  $selector-width: magic-unit-rem(16); // 256px
+  $icons-width: magic-unit-rem(2 * 3 + 1.5 * 2); // 3 icons (32px) + 2 gaps ()
+  $gap: magic-unit-rem(1.5); // 24px
+  $features-width: $selector-width + $icons-width + $gap * 2;
+  background-color: $color-grey-000;
+  display: flex;
+  flex-wrap: wrap;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
+  @include set-font-face();
+  @include set-header-size($header-default-size, $parent);
+  &__left {
+    display: flex;
+    flex: 1;
+    flex-wrap: wrap;
+    margin-bottom: $mu100;
+    padding: {
+      top: $mu050;
+      left: $mu200;
+    }
+  }
+  &__right {
+    flex: 0;
+    display: flex;
+    margin: {
+      left: $gap;
+      bottom: $mu100;
+    }
+    padding: {
+      top: $mu100;
+      right: $mu200;
+    }
+    height: $mu200;
+    width: $features-width;
+    min-width: $features-width;
+    justify-content: flex-end;
+  }
+  &__tabs {
+    width: 100%;
+    position: relative;
+    padding: {
+      left: $mu200;
+      right: $mu200;
+    }
+    &::before {
+      content: '';
+      background-color: $color-grey-300;
+      top: 0;
+      right: 0;
+      height: 1px;
+      position: absolute;
+      width: 100%;
+      z-index: 1;
+    }
+  }
+  &__breadcrumb {
+    height: $mu300;
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+  &__back {
+    @include unstyle-button();
+    background-color: transparent;
+    background-image: url('<svg xmlns="http://www.w3.org/2000/svg" height="#{$mu200}" width="#{$mu200}" viewBox="0 0 32 32" fill="#{$color-grey-800}"><path d="M28 15H6.41l6.3-6.29a1 1 0 10-1.42-1.42l-8 8a1.15 1.15 0 00-.21.33 1 1 0 000 .76.93.93 0 00.21.33l8 8a1 1 0 001.42 0 1 1 0 000-1.42L6.41 17H28a1 1 0 000-2z"/></svg>');
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: $mu200;
+    color: currentColor;
+    display: inline-block;
+    flex: 0 0 $mu200;
+    margin: {
+      top: $mu050;
+      right: $mu100;
+    }
+    height: $mu200;
+    // Don't show the button's label because it has an icon
+    &__label {
+      font-size: 0;
+      height: 1px;
+      overflow: hidden;
+      display: block;
+    }
+  }
+  &__heading {
+    display: inline-block;
+    width: calc(100% - 3em);
+    &__title {
+      @include set-font-weight('semi-bold');
+      color: $color-font-darker;
+      width: 100%;
+      margin: {
+        top: $mu050;
+        bottom: 0;
+      }
+    }
+    &__subtitle {
+      @include set-font-weight('regular');
+      color: $color-font-darker;
+      display: inline-block;
+      margin: {
+        top: $mu025;
+        bottom: 0;
+      }
+    }
+    &__status {
+      @include set-font-weight('regular');
+      display: inline-block;
+      margin: {
+        top: $mu025;
+        bottom: 0;
+      }
+    }
+    &__subtitle + &__status {
+      margin-left: $mu100;
+    }
+  }
+  &__icons {
+    align-items: center;
+    display: flex;
+    flex: 1;
+    justify-content: flex-end;
+    max-width: $icons-width;
+    width: $icons-width;
+  }
+  &__selector {
+    align-items: center;
+    display: flex;
+    position: relative;
+    padding-left: 0;
+    margin-left: $gap;
+    max-width: $selector-width;
+    width: $selector-width;
+    &--show-separator {
+      padding-left: $gap;
+      &::before {
+        content: '';
+        background-color: $color-grey-300;
+        left: 0;
+        height: 100%;
+        position: absolute;
+        width: 1px;
+      }
+    }
+  }
+  &--no-shadow {
+    box-shadow: none;
+  }
+  &--animate {
+    margin-top: 0px;
+    transition: margin-top ease-out 0.4s;
+    width: 100%;
+  }
+  @include set-from-screen('s-large') {
+    &__breadcrumb {
+      margin-left: -$mu125;
+      margin-right: $mu125;
+    }
+    &__left {
+      padding-left: $mu100;
+    }
+    &__right {
+      padding-right: $mu100;
+    }
+    &__tabs {
+      padding: {
+        left: $mu100;
+        right: $mu100;
+      }
+    }
+  }
+  @include set-from-screen('s-xlarge') {
+    &__breadcrumb {
+      margin-left: -magic-unit-rem(1.375, 'true');
+      margin-right: magic-unit-rem(1.375, 'true');
+    }
+  }
+  @include set-from-screen('m') {
+    &__breadcrumb {
+      margin-left: -$mu200;
+      margin-right: $mu200;
+    }
+  }
+  @include set-from-screen('m-medium') {
+    &__breadcrumb {
+      margin-left: -magic-unit-rem(2.125, 'true');
+      margin-right: magic-unit-rem(2.125, 'true');
+    }
+    &__left {
+      padding-left: $mu200;
+    }
+    &__right {
+      padding-right: $mu200;
+    }
+    &__tabs {
+      padding: {
+        left: $mu200;
+        right: $mu200;
+      }
+    }
+  }
+  @include set-from-screen('l') {
+    &__breadcrumb {
+      margin-left: -$mu300;
+      margin-right: $mu300;
+    }
+    &__left {
+      padding-left: $mu300;
+    }
+    &__right {
+      padding-right: $mu300;
+    }
+    &__tabs {
+      padding: {
+        left: $mu300;
+        right: $mu300;
+      }
+    }
+  }
+  @include set-from-screen('xl') {
+    &__breadcrumb {
+      margin-left: -$mu200;
+      margin-right: $mu200;
+    }
+    &__left {
+      padding-left: $mu200;
+    }
+    &__right {
+      padding-right: $mu200;
+    }
+    &__tabs {
+      padding: {
+        left: $mu200;
+        right: $mu200;
+      }
+    }
+  }
+  @include set-from-screen('xl-medium') {
+    &__breadcrumb {
+      margin-left: -$mu700;
+      margin-right: $mu700;
+    }
+  }
+  @include set-from-screen('xl-large') {
+    &__breadcrumb {
+      margin-left: -$mu200;
+      margin-right: $mu200;
+    }
+  }
+  @include set-from-screen('xxl') {
+    &__breadcrumb {
+      margin-left: -$mu250;
+      margin-right: $mu250;
+    }
+  }
+  @each $size, $props in $header-sizes {
+    &--#{$size} {
+      @if ($size != 'm') {
+        @include set-header-size($props, $parent);
+      }
+    }
+  }
+}

package/public/bricoman/components/header/_s.header.scss ADDED Viewed

@@ -0,0 +1,28 @@
+@use "sass:math";
+$header-sizes: (
+  "s": (
+    "font-size": "07"
+  ),
+  "m": (
+    "font-size": "08"
+  ),
+  "l": (
+    "font-size": "09"
+  )
+);
+$header-default-size: map-get($header-sizes, "m");
+@mixin set-header-size($sizeProps, $parent) {
+  $font-size: map-get($sizeProps, "font-size");
+  #{$parent}__back {
+    $height-value: get-token(size, line, $font-size, "m");
+    height: $height-value
+  }
+  #{$parent}__heading__title {
+    @include set-font-scale($font-size, "m");
+  }
+}