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

package/public/components/fileuploader/ResultFile.nested.js

@@ -1,2 +1,345 @@
-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 n,J as c,c as d,q as u,t as f,d as m,j as b,l as p,k as v}from"../../index-c33b3772.js";import{E as g}from"../../EventHandler-02058705.js";function h(e){t(e,"svelte-10140ui",".mc-fileuploader.svelte-10140ui.svelte-10140ui{position:relative;display:block}.mc-fileuploader__input.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui{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:#188803;border-color:#188803;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-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label.is-active.svelte-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.is-active.svelte-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:disabled,.mc-fileuploader__label.is-disabled.svelte-10140ui.svelte-10140ui{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-10140ui.svelte-10140ui::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='%23188803' 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-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:focus+.mc-fileuploader__label.svelte-10140ui{-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-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:hover+.mc-fileuploader__label.svelte-10140ui{color:#006902;background-color:#ebf5de}.is-disabled.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:disabled+.mc-fileuploader__label.svelte-10140ui{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui::before,.svelte-10140ui:disabled+.mc-fileuploader__label.svelte-10140ui::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-10140ui.svelte-10140ui{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui{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-10140ui .mc-fileuploader__file-icon.svelte-10140ui{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 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-10140ui .mc-fileuploader__file-icon.svelte-10140ui{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-10140ui .mc-fileuploader__file-message.svelte-10140ui{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-10140ui.svelte-10140ui{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui::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-10140ui.svelte-10140ui::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-10140ui.svelte-10140ui:focus{outline:none}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui: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 w(e,l,i){const t=e.slice();return t[15]=l[i],t[17]=i,t}function x(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-10140ui")},m(e,t){o(e,l,t),b(l,i)},p(e,l){9&l&&t!==(t=e[3][e[15].errorType]+"")&&v(i,t)},d(e){e&&n(l)}}}function _(e){let l,i,t,s,c,d,u,g,h,w,_,k,y=e[15].name+"";function C(){return e[9](e[15])}let E=e[15].errorType&&x(e);return{c(){l=a("li"),i=a("span"),t=f(y),s=m(),c=a("span"),c.textContent=" ",d=m(),u=a("button"),g=m(),E&&E.c(),h=m(),r(i,"class","mc-fileuploader__file-name svelte-10140ui"),r(c,"class","mc-fileuploader__file-icon svelte-10140ui"),r(u,"type","button"),r(u,"class","mc-fileuploader__delete svelte-10140ui"),r(u,"aria-label",e[2]),u.disabled=e[1],r(l,"id",`file-${e[17]}`),r(l,"class",w=e[4](e[15])+" "+e[6].class+" svelte-10140ui")},m(e,a){o(e,l,a),b(l,i),b(i,t),b(l,s),b(l,c),b(l,d),b(l,u),b(l,g),E&&E.m(l,null),b(l,h),_||(k=p(u,"click",C),_=!0)},p(i,a){e=i,1&a&&y!==(y=e[15].name+"")&&v(t,y),4&a&&r(u,"aria-label",e[2]),2&a&&(u.disabled=e[1]),e[15].errorType?E?E.p(e,a):(E=x(e),E.c(),E.m(l,h)):E&&(E.d(1),E=null),65&a&&w!==(w=e[4](e[15])+" "+e[6].class+" svelte-10140ui")&&r(l,"class",w)},d(e){e&&n(l),E&&E.d(),_=!1,k()}}}function k(e){let l,i=e[0],t=[];for(let l=0;l<i.length;l+=1)t[l]=_(w(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-10140ui")},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=w(e,i,r);t[r]?t[r].p(o,a):(t[r]=_(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&&n(l),c(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:n}=l,c=new g;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){c.dispatch("file-removed",e)}return e.$$set=e=>{i(6,l=d(d({},l),u(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,n=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=u(l),[o,r,s,n,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,k,i,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},h)}}export{C as default};
+import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, e as element, g as attr, b as insert, n as noop, o as detach, J as destroy_each, c as assign, q as exclude_internal_props, t as text, d as space, j as append, l as listen, k as set_data } from '../../index-c33b3772.js';
+import { E as EventHandler } from '../../EventHandler-02058705.js';
+
+/* src/components/fileuploader/ResultFile.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "svelte-10140ui", ".mc-fileuploader.svelte-10140ui.svelte-10140ui{position:relative;display:block}.mc-fileuploader__input.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui{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:#188803;border-color:#188803;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-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label.is-active.svelte-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.is-active.svelte-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:disabled,.mc-fileuploader__label.is-disabled.svelte-10140ui.svelte-10140ui{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-10140ui.svelte-10140ui::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='%23188803' 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-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:focus+.mc-fileuploader__label.svelte-10140ui{-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-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:hover+.mc-fileuploader__label.svelte-10140ui{color:#006902;background-color:#ebf5de}.is-disabled.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:disabled+.mc-fileuploader__label.svelte-10140ui{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui::before,.svelte-10140ui:disabled+.mc-fileuploader__label.svelte-10140ui::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-10140ui.svelte-10140ui{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-10140ui.svelte-10140ui{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-10140ui.svelte-10140ui{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-10140ui .mc-fileuploader__file-icon.svelte-10140ui{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 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-10140ui .mc-fileuploader__file-icon.svelte-10140ui{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-10140ui .mc-fileuploader__file-message.svelte-10140ui{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-10140ui.svelte-10140ui{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui::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-10140ui.svelte-10140ui::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-10140ui.svelte-10140ui:focus{outline:none}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui: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 get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[15] = list[i];
+	child_ctx[17] = i;
+	return child_ctx;
+}
+
+// (85:6) {#if file.errorType}
+function create_if_block(ctx) {
+	let div;
+	let t_value = /*errorLabels*/ ctx[3][/*file*/ ctx[15].errorType] + "";
+	let t;
+
+	return {
+		c() {
+			div = element("div");
+			t = text(t_value);
+			attr(div, "class", "mc-fileuploader__file-message svelte-10140ui");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*errorLabels, files*/ 9 && t_value !== (t_value = /*errorLabels*/ ctx[3][/*file*/ ctx[15].errorType] + "")) set_data(t, t_value);
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+// (74:2) {#each files as file, index}
+function create_each_block(ctx) {
+	let li;
+	let span0;
+	let t0_value = /*file*/ ctx[15].name + "";
+	let t0;
+	let t1;
+	let span1;
+	let t3;
+	let button;
+	let t4;
+	let t5;
+	let li_class_value;
+	let mounted;
+	let dispose;
+
+	function click_handler() {
+		return /*click_handler*/ ctx[9](/*file*/ ctx[15]);
+	}
+
+	let if_block = /*file*/ ctx[15].errorType && create_if_block(ctx);
+
+	return {
+		c() {
+			li = element("li");
+			span0 = element("span");
+			t0 = text(t0_value);
+			t1 = space();
+			span1 = element("span");
+			span1.textContent = " ";
+			t3 = space();
+			button = element("button");
+			t4 = space();
+			if (if_block) if_block.c();
+			t5 = space();
+			attr(span0, "class", "mc-fileuploader__file-name svelte-10140ui");
+			attr(span1, "class", "mc-fileuploader__file-icon svelte-10140ui");
+			attr(button, "type", "button");
+			attr(button, "class", "mc-fileuploader__delete svelte-10140ui");
+			attr(button, "aria-label", /*removelabel*/ ctx[2]);
+			button.disabled = /*disabled*/ ctx[1];
+			attr(li, "id", `file-${/*index*/ ctx[17]}`);
+			attr(li, "class", li_class_value = "" + (/*setClasses*/ ctx[4](/*file*/ ctx[15]) + " " + /*$$props*/ ctx[6].class + " svelte-10140ui"));
+		},
+		m(target, anchor) {
+			insert(target, li, anchor);
+			append(li, span0);
+			append(span0, t0);
+			append(li, t1);
+			append(li, span1);
+			append(li, t3);
+			append(li, button);
+			append(li, t4);
+			if (if_block) if_block.m(li, null);
+			append(li, t5);
+
+			if (!mounted) {
+				dispose = listen(button, "click", click_handler);
+				mounted = true;
+			}
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+			if (dirty & /*files*/ 1 && t0_value !== (t0_value = /*file*/ ctx[15].name + "")) set_data(t0, t0_value);
+
+			if (dirty & /*removelabel*/ 4) {
+				attr(button, "aria-label", /*removelabel*/ ctx[2]);
+			}
+
+			if (dirty & /*disabled*/ 2) {
+				button.disabled = /*disabled*/ ctx[1];
+			}
+
+			if (/*file*/ ctx[15].errorType) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					if_block.m(li, t5);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			if (dirty & /*files, $$props*/ 65 && li_class_value !== (li_class_value = "" + (/*setClasses*/ ctx[4](/*file*/ ctx[15]) + " " + /*$$props*/ ctx[6].class + " svelte-10140ui"))) {
+				attr(li, "class", li_class_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(li);
+			if (if_block) if_block.d();
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let ul;
+	let each_value = /*files*/ ctx[0];
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+	}
+
+	return {
+		c() {
+			ul = element("ul");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(ul, "id", "file_uploaded");
+			attr(ul, "class", "mc-fileuploader__files svelte-10140ui");
+		},
+		m(target, anchor) {
+			insert(target, ul, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				if (each_blocks[i]) {
+					each_blocks[i].m(ul, null);
+				}
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*setClasses, files, $$props, errorLabels, removelabel, disabled, deleteFile*/ 127) {
+				each_value = /*files*/ ctx[0];
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						each_blocks[i].m(ul, null);
+					}
+				}
+
+				for (; i < each_blocks.length; i += 1) {
+					each_blocks[i].d(1);
+				}
+
+				each_blocks.length = each_value.length;
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(ul);
+			destroy_each(each_blocks, detaching);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { allowedExtensions } = $$props;
+	let { maxSize } = $$props;
+	let { disabled = false } = $$props;
+	let { files } = $$props;
+	let { removelabel = 'Remove' } = $$props;
+	let { errorLabels } = $$props;
+	let eventHandler = new EventHandler();
+
+	function setClasses(file) {
+		let classes = ['mc-fileuploader__file'];
+		if (checkFileStatus(file) && !file.errorType) classes.push('mc-fileuploader__file--is-valid'); else classes.push('mc-fileuploader__file--is-invalid');
+		return classes.join(' ');
+	}
+
+	function checkFileExtension(fileName) {
+		if (allowedExtensions && allowedExtensions.length > 0) {
+			const extension = fileName.slice((fileName.lastIndexOf('.') - 1 >>> 0) + 2);
+
+			if (allowedExtensions && !allowedExtensions.includes(String(extension))) {
+				return false;
+			}
+		}
+
+		return true;
+	}
+
+	function checkFileSize(fileSize) {
+		const fileSizeMB = fileSize / 1024 / 1024;
+
+		if (maxSize && fileSizeMB > maxSize) {
+			return false;
+		}
+
+		return true;
+	}
+
+	function handleChange(myFiles) {
+		let files = [...myFiles];
+
+		files.forEach((file, index) => {
+			const validExtension = checkFileExtension(file.name);
+			const validSize = checkFileSize(file.size);
+			let errorType = '';
+
+			if (!validExtension) {
+				errorType = 'invalid-extension';
+			}
+
+			if (!validSize) {
+				errorType = 'invalid-size';
+			}
+
+			if (file.errorType) {
+				errorType = file.errorType;
+			}
+
+			if (!validExtension || !validSize || file.errorType) {
+				file.errorType = errorType;
+			}
+		});
+
+		return files;
+	}
+
+	function checkFileStatus(file) {
+		const validExtension = allowedExtensions ? checkFileExtension(file.name) : true;
+		const validSize = checkFileSize(file.size);
+
+		if (!validExtension || !validSize) {
+			return false;
+		}
+
+		return true;
+	}
+
+	function deleteFile(file) {
+		eventHandler.dispatch('file-removed', file);
+	}
+
+	const click_handler = file => deleteFile(file);
+
+	$$self.$$set = $$new_props => {
+		$$invalidate(6, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
+		if ('allowedExtensions' in $$new_props) $$invalidate(8, allowedExtensions = $$new_props.allowedExtensions);
+		if ('maxSize' in $$new_props) $$invalidate(7, maxSize = $$new_props.maxSize);
+		if ('disabled' in $$new_props) $$invalidate(1, disabled = $$new_props.disabled);
+		if ('files' in $$new_props) $$invalidate(0, files = $$new_props.files);
+		if ('removelabel' in $$new_props) $$invalidate(2, removelabel = $$new_props.removelabel);
+		if ('errorLabels' in $$new_props) $$invalidate(3, errorLabels = $$new_props.errorLabels);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*files*/ 1) {
+			$$invalidate(0, files = files ? handleChange(files) : []);
+		}
+
+		if ($$self.$$.dirty & /*maxSize*/ 128) {
+			$$invalidate(7, maxSize = maxSize ? maxSize : undefined);
+		}
+	};
+
+	$$props = exclude_internal_props($$props);
+
+	return [
+		files,
+		disabled,
+		removelabel,
+		errorLabels,
+		setClasses,
+		deleteFile,
+		$$props,
+		maxSize,
+		allowedExtensions,
+		click_handler
+	];
+}
+
+class ResultFile_nested extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				allowedExtensions: 8,
+				maxSize: 7,
+				disabled: 1,
+				files: 0,
+				removelabel: 2,
+				errorLabels: 3
+			},
+			add_css
+		);
+	}
+}
+
+export { ResultFile_nested as default };
 //# sourceMappingURL=ResultFile.nested.js.map

package/public/components/fileuploader/ResultFile.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultFile.nested.js","sources":["../../../src/components/fileuploader/ResultFile.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let allowedExtensions: [];\n  export let maxSize: number;\n  export let disabled = false;\n  export let files: FileList;\n  export let removelabel = 'Remove';\n  export let errorLabels;\n\n  let eventHandler = new EventHandler();\n  $: files = files ? handleChange(files) : [];\n  $: maxSize = maxSize ? maxSize : undefined;\n\n  function setClasses(file: File): string {\n    let classes = ['mc-fileuploader__file'];\n\n    if (checkFileStatus(file) && !file.errorType)\n      classes.push('mc-fileuploader__file--is-valid');\n    else classes.push('mc-fileuploader__file--is-invalid');\n    return classes.join(' ');\n  }\n\n  function checkFileExtension(fileName: string): boolean {\n    if (allowedExtensions && allowedExtensions.length > 0) {\n      const extension: string = fileName.slice(\n        ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n      );\n      if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n        return false; // invalid\n      }\n    }\n\n    return true; // valid\n  }\n\n  function checkFileSize(fileSize: number): boolean {\n    const fileSizeMB = fileSize / 1024 / 1024; // in MB\n    if (maxSize && fileSizeMB > maxSize) {\n      return false; // invalid\n    }\n\n    return true; // valid\n  }\n  function handleChange(myFiles: FileList): void {\n    let files = [...myFiles];\n    files.forEach((file, index) => {\n      const validExtension = checkFileExtension(file.name);\n      const validSize = checkFileSize(file.size);\n      let errorType = '';\n      if (!validExtension) {\n        errorType = 'invalid-extension';\n      }\n      if (!validSize) {\n        errorType = 'invalid-size';\n      }\n      if (file.errorType) {\n        errorType = file.errorType;\n      }\n      if (!validExtension || !validSize || file.errorType) {\n        file.errorType = errorType;\n      }\n    });\n    return files;\n  }\n\n  function checkFileStatus(file: File): boolean {\n    const validExtension = allowedExtensions\n      ? checkFileExtension(file.name)\n      : true;\n    const validSize = checkFileSize(file.size);\n\n    if (!validExtension || !validSize) {\n      return false; // invalid\n    }\n\n    return true; // valid\n  }\n\n  function deleteFile(file) {\n    eventHandler.dispatch('file-removed', file);\n  }\n</script>\n\n<ul id=\"file_uploaded\" class=\"mc-fileuploader__files\">\n  {#each files as file, index}\n    <li id={`file-${index}`} class=\"{setClasses(file)} {$$props.class}\">\n      <span class=\"mc-fileuploader__file-name\">{file.name}</span>\n      <span class=\"mc-fileuploader__file-icon\">&nbsp;</span>\n      <button\n        type=\"button\"\n        class=\"mc-fileuploader__delete\"\n        aria-label={removelabel}\n        {disabled}\n        on:click={() => deleteFile(file)}\n      />\n      {#if file.errorType}\n        <div class=\"mc-fileuploader__file-message\">\n          {errorLabels[file.errorType]}\n        </div>\n      {/if}\n    </li>\n  {/each}\n</ul>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","errorType","insert","target","div","anchor","set_data","t","t_value","t0_value","name","if_block","create_if_block","attr","li","li_class_value","class","append","span0","span1","button","dirty","t0","length","i","ul","allowedExtensions","$$props","maxSize","disabled","files","removelabel","errorLabels","eventHandler","EventHandler","checkFileExtension","fileName","extension","slice","lastIndexOf","includes","String","checkFileSize","fileSize","deleteFile","file","dispatch","myFiles","forEach","index","validExtension","validSize","size","handleChange","undefined","classes","checkFileStatus","push","join"],"mappings":"w+QAqGWA,EAAW,GAACA,EAAI,IAACC,WAAS,oGAD7BC,EAEKC,EAAAC,EAAAC,8BADFL,EAAW,GAACA,EAAI,IAACC,WAAS,KAAAK,EAAAC,EAAAC,6DAXWC,EAAAT,MAAKU,KAAI,mCAS9C,IAAAC,EAAAX,MAAKC,WAASW,EAAAZ,sUAJLA,EAAW,qCANXA,EAAK,OAAYa,EAAAC,EAAA,QAAAC,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,MAAK,2BAAjEd,EAeIC,EAAAW,EAAAT,GAdFY,EAA0DH,EAAAI,iBAC1DD,EAAqDH,EAAAK,UACrDF,EAMCH,EAAAM,uEARyC,EAAAC,GAAAZ,KAAAA,EAAAT,MAAKU,KAAI,KAAAJ,EAAAgB,EAAAb,yBAKrCT,EAAW,2BAIpBA,MAAKC,gEAVqB,GAAAoB,GAAAN,KAAAA,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,MAAK,2FAD5DhB,EAAK,wBAAVuB,OAAIC,GAAA,oKADRtB,EAmBIC,EAAAsB,EAAApB,oFAlBKL,EAAK,WAAVuB,OAAIC,GAAA,EAAA,iHAAJD,+EAlFSG,GAAqBC,WACrBC,GAAeD,GACfE,SAAAA,GAAW,GAAKF,SAChBG,GAAeH,GACfI,YAAAA,EAAc,UAAQJ,eACtBK,GAAWL,EAElBM,MAAmBC,EAad,SAAAC,EAAmBC,GACtB,GAAAV,GAAqBA,EAAkBH,OAAS,EAAC,CAC7C,MAAAc,EAAoBD,EAASE,MACS,GAAxCF,EAASG,YAAY,KAAO,IAAO,IAEnC,GAAAb,IAAsBA,EAAkBc,SAASC,OAAOJ,WACnD,SAIJ,EAGA,SAAAK,EAAcC,WAEjBf,GADee,EAAW,KAAO,KACTf,GAyCrB,SAAAgB,EAAWC,GAClBZ,EAAaa,SAAS,eAAgBD,mTArErCf,EAAQA,EAiCF,SAAaiB,GAChB,IAAAjB,MAAYiB,UAChBjB,EAAMkB,SAAS,CAAAH,EAAMI,KACb,MAAAC,EAAiBf,EAAmBU,EAAKnC,MACzCyC,EAAYT,EAAcG,EAAKO,MACjC,IAAAnD,EAAY,GACXiD,IACHjD,EAAY,qBAETkD,IACHlD,EAAY,gBAEV4C,EAAK5C,YACPA,EAAY4C,EAAK5C,WAEdiD,GAAmBC,IAAaN,EAAK5C,YACxC4C,EAAK5C,UAAYA,MAGd6B,EApDUuB,CAAavB,GAAK,wBAClCF,EAAUA,QAAoB0B,oBAExB,SAAWT,GACd,IAAAU,GAAW,gCAmDR,SAAgBV,SACjBK,GAAiBxB,GACnBS,EAAmBU,EAAKnC,MAEtByC,EAAYT,EAAcG,EAAKO,MAEhC,IAAAF,IAAmBC,SACf,SAGF,EA3DHK,CAAgBX,IAAUA,EAAK5C,UAE9BsD,EAAQE,KAAK,qCADhBF,EAAQE,KAAK,mCAERF,EAAQG,KAAK,cA0EAb,GAAAD,EAAWC"}
+{"version":3,"file":"ResultFile.nested.js","sources":["../../../src/components/fileuploader/ResultFile.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let allowedExtensions: [];\n  export let maxSize: number;\n  export let disabled = false;\n  export let files: FileList;\n  export let removelabel = 'Remove';\n  export let errorLabels;\n\n  let eventHandler = new EventHandler();\n  $: files = files ? handleChange(files) : [];\n  $: maxSize = maxSize ? maxSize : undefined;\n\n  function setClasses(file: File): string {\n    let classes = ['mc-fileuploader__file'];\n\n    if (checkFileStatus(file) && !file.errorType)\n      classes.push('mc-fileuploader__file--is-valid');\n    else classes.push('mc-fileuploader__file--is-invalid');\n    return classes.join(' ');\n  }\n\n  function checkFileExtension(fileName: string): boolean {\n    if (allowedExtensions && allowedExtensions.length > 0) {\n      const extension: string = fileName.slice(\n        ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n      );\n      if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n        return false; // invalid\n      }\n    }\n\n    return true; // valid\n  }\n\n  function checkFileSize(fileSize: number): boolean {\n    const fileSizeMB = fileSize / 1024 / 1024; // in MB\n    if (maxSize && fileSizeMB > maxSize) {\n      return false; // invalid\n    }\n\n    return true; // valid\n  }\n  function handleChange(myFiles: FileList): void {\n    let files = [...myFiles];\n    files.forEach((file, index) => {\n      const validExtension = checkFileExtension(file.name);\n      const validSize = checkFileSize(file.size);\n      let errorType = '';\n      if (!validExtension) {\n        errorType = 'invalid-extension';\n      }\n      if (!validSize) {\n        errorType = 'invalid-size';\n      }\n      if (file.errorType) {\n        errorType = file.errorType;\n      }\n      if (!validExtension || !validSize || file.errorType) {\n        file.errorType = errorType;\n      }\n    });\n    return files;\n  }\n\n  function checkFileStatus(file: File): boolean {\n    const validExtension = allowedExtensions\n      ? checkFileExtension(file.name)\n      : true;\n    const validSize = checkFileSize(file.size);\n\n    if (!validExtension || !validSize) {\n      return false; // invalid\n    }\n\n    return true; // valid\n  }\n\n  function deleteFile(file) {\n    eventHandler.dispatch('file-removed', file);\n  }\n</script>\n\n<ul id=\"file_uploaded\" class=\"mc-fileuploader__files\">\n  {#each files as file, index}\n    <li id={`file-${index}`} class=\"{setClasses(file)} {$$props.class}\">\n      <span class=\"mc-fileuploader__file-name\">{file.name}</span>\n      <span class=\"mc-fileuploader__file-icon\">&nbsp;</span>\n      <button\n        type=\"button\"\n        class=\"mc-fileuploader__delete\"\n        aria-label={removelabel}\n        {disabled}\n        on:click={() => deleteFile(file)}\n      />\n      {#if file.errorType}\n        <div class=\"mc-fileuploader__file-message\">\n          {errorLabels[file.errorType]}\n        </div>\n      {/if}\n    </li>\n  {/each}\n</ul>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":[],"mappings":"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"}

package/public/components/flag/Flag.js

@@ -1,2 +1,175 @@
-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 n,h as b,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,n(o,"class","mc-flag__label"),b(r,_)},m(e,f){l(e,r,f),i(r,o),i(o,a)},p(e,[o]){2&o&&g(a,e[1]),b(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:n}=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,n=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,n,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:#188803;background-color:#188803}.mc-flag--solid-primary-02 .mc-flag__label{color:#ffffff;border-color:#494f60;background-color:#494f60}.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:#188803;border-color:#188803;background-color:#ffffff}.mc-flag--bordered-primary-02 .mc-flag__label{color:#494f60;border-color:#494f60;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 SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, c as assign, e as element, t as text, n as noop, g as attr, h as set_attributes, j as append, k as set_data, m as get_spread_update, o as detach, p as compute_rest_props, q as exclude_internal_props } from '../../index-c33b3772.js';
+
+/* src/components/flag/Flag.svelte generated by Svelte v3.58.0 */
+
+function create_fragment(ctx) {
+	let div;
+	let span;
+	let t;
+	let div_class_value;
+
+	let div_levels = [
+		{
+			class: div_class_value = "" + (setClasses(/*theme*/ ctx[2], /*bordered*/ ctx[0]) + " " + /*userClass*/ ctx[4])
+		},
+		/*attributes*/ ctx[3]
+	];
+
+	let div_data = {};
+
+	for (let i = 0; i < div_levels.length; i += 1) {
+		div_data = assign(div_data, div_levels[i]);
+	}
+
+	return {
+		c() {
+			div = element("div");
+			span = element("span");
+			t = text(/*label*/ ctx[1]);
+			this.c = noop;
+			attr(span, "class", "mc-flag__label");
+			set_attributes(div, div_data);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, span);
+			append(span, t);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*label*/ 2) set_data(t, /*label*/ ctx[1]);
+
+			set_attributes(div, div_data = get_spread_update(div_levels, [
+				dirty & /*theme, bordered, userClass*/ 21 && div_class_value !== (div_class_value = "" + (setClasses(/*theme*/ ctx[2], /*bordered*/ ctx[0]) + " " + /*userClass*/ ctx[4])) && { class: div_class_value },
+				dirty & /*attributes*/ 8 && /*attributes*/ ctx[3]
+			]));
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function getAppearanceClass(theme, isBordered) {
+	if (!isBordered && !theme) {
+		return '';
+	}
+
+	const type = isBordered ? 'bordered' : 'solid';
+
+	if (theme) {
+		return `mc-flag--${type}-${theme}`;
+	}
+
+	return `mc-flag--${type}`;
+}
+
+function setClasses(theme, isBordered) {
+	const classes = ['mc-flag'];
+	const appearanceClass = getAppearanceClass(theme, isBordered);
+
+	if (appearanceClass) {
+		classes.push(appearanceClass);
+	}
+
+	return classes.join(' ');
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let userClass;
+	let attributes;
+	const omit_props_names = ["bordered","label","theme"];
+	let $$restProps = compute_rest_props($$props, omit_props_names);
+	let { bordered = false } = $$props;
+	let { label } = $$props;
+	let { theme } = $$props;
+
+	$$self.$$set = $$new_props => {
+		$$invalidate(6, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
+		$$invalidate(5, $$restProps = compute_rest_props($$props, omit_props_names));
+		if ('bordered' in $$new_props) $$invalidate(0, bordered = $$new_props.bordered);
+		if ('label' in $$new_props) $$invalidate(1, label = $$new_props.label);
+		if ('theme' in $$new_props) $$invalidate(2, theme = $$new_props.theme);
+	};
+
+	$$self.$$.update = () => {
+		$$invalidate(4, userClass = $$props.class);
+		$$invalidate(3, attributes = Object.assign({}, $$restProps));
+
+		if ($$self.$$.dirty & /*attributes*/ 8) {
+			delete attributes.class;
+		}
+	};
+
+	$$props = exclude_internal_props($$props);
+	return [bordered, label, theme, attributes, userClass];
+}
+
+class Flag extends SvelteElement {
+	constructor(options) {
+		super();
+		const style = document.createElement('style');
+		style.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:#188803;background-color:#188803}.mc-flag--solid-primary-02 .mc-flag__label{color:#ffffff;border-color:#494f60;background-color:#494f60}.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:#188803;border-color:#188803;background-color:#ffffff}.mc-flag--bordered-primary-02 .mc-flag__label{color:#494f60;border-color:#494f60;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(style);
+
+		init(
+			this,
+			{
+				target: this.shadowRoot,
+				props: attribute_to_object(this.attributes),
+				customElement: true
+			},
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{ bordered: 0, label: 1, theme: 2 },
+			null
+		);
+
+		if (options) {
+			if (options.target) {
+				insert(options.target, this, options.anchor);
+			}
+
+			if (options.props) {
+				this.$set(options.props);
+				flush();
+			}
+		}
+	}
+
+	static get observedAttributes() {
+		return ["bordered", "label", "theme"];
+	}
+
+	get bordered() {
+		return this.$$.ctx[0];
+	}
+
+	set bordered(bordered) {
+		this.$$set({ bordered });
+		flush();
+	}
+
+	get label() {
+		return this.$$.ctx[1];
+	}
+
+	set label(label) {
+		this.$$set({ label });
+		flush();
+	}
+
+	get theme() {
+		return this.$$.ctx[2];
+	}
+
+	set theme(theme) {
+		this.$$set({ theme });
+		flush();
+	}
+}
+
+export { Flag as default };
 //# sourceMappingURL=Flag.js.map

package/public/components/flag/Flag.js.map

@@ -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"}
+{"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":[],"mappings":";;;;;;;;;;;;AAqCa,GAAA,KAAA,EAAA,eAAA,GAAA,EAAA,IAAA,UAAU,WAAC,GAAK,CAAE,CAAA,CAAA,eAAA,GAAQ,2BAAI,GAAS,CAAA,CAAA,CAAA,CAAA;;iBAAO,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;sBACrC,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;GADrC,MAEK,CAAA,MAAA,EAAA,GAAA,EAAA,MAAA,CAAA,CAAA;GADH,MAA0C,CAAA,GAAA,EAAA,IAAA,CAAA,CAAA;;;;kDAAZ,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;;AADxB,IAAA,KAAA,kCAAA,EAAA,IAAA,eAAA,MAAA,eAAA,GAAA,EAAA,IAAA,UAAU,WAAC,GAAK,CAAE,CAAA,CAAA,eAAA,GAAQ,2BAAI,GAAS,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,eAAA,EAAA;+CAAO,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;SAzB1D,kBAAkB,CAAC,KAAgB,EAAE,UAAmB,EAAA;AAC1D,CAAA,IAAA,CAAA,UAAU,KAAK,KAAK,EAAA;SAChB,EAAE,CAAA;;;AAGL,CAAA,MAAA,IAAI,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAA;;KAE1C,KAAK,EAAA;AACY,EAAA,OAAA,CAAA,SAAA,EAAA,IAAI,IAAI,KAAK,CAAA,CAAA,CAAA;;;oBAEf,IAAI,CAAA,CAAA,CAAA;;;SAGhB,UAAU,CAAC,KAAgB,EAAE,UAAmB,EAAA;AACjD,CAAA,MAAA,OAAO,IAAI,SAAS,CAAA,CAAA;AAEpB,CAAA,MAAA,eAAe,GAAG,kBAAkB,CAAC,KAAK,EAAE,UAAU,CAAA,CAAA;;KACxD,eAAe,EAAA;EACjB,OAAO,CAAC,IAAI,CAAC,eAAe,CAAA,CAAA;;;QAGvB,OAAO,CAAC,IAAI,CAAC,GAAG,CAAA,CAAA;;;;;;;;AA5Bd,CAAA,IAAA,EAAA,QAAQ,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;OAChB,KAAa,EAAA,GAAA,OAAA,CAAA;OACb,KAAgB,EAAA,GAAA,OAAA,CAAA;;;;;;;;;;;AAC3B,EAAG,YAAA,CAAA,CAAA,EAAA,SAAS,GAAG,OAAO,CAAC,KAAK,CAAA,CAAA;AAC5B,kBAAG,UAAU,GAAf,MAAA,CAAA,MAAA,KAAuB,WAAW,CAAA,CAAA,CAAA;;;GAC/B,OAAS,UAAU,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}