@mozaic-ds/web-components 0.4.1-beta.0 → 0.5.0

package/public/components/fileuploader/FileUploader.js

@@ -1,2 +1,556 @@
-import{S as e,i,a as s,b as l,f as t,s as a,e as o,d as r,t as n,n as d,g as c,j as u,l as M,k as w,C as m,D as p,E as x,o as b,x as f,A as g,G as L,M as h,v as $}from"../../index-c33b3772.js";import{E as D}from"../../EventHandler-02058705.js";import S from"./ResultFile.nested.js";function y(e){let i,s;return i=new S({props:{files:e[7],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6]}}),i.$on("file-removed",e[13]),{c(){f(i.$$.fragment)},m(e,l){g(i,e,l),s=!0},p(e,s){const l={};128&s&&(l.files=e[7]),1024&s&&(l.allowedExtensions=e[10]),32&s&&(l.disabled=e[5]),2048&s&&(l.maxSize=e[11]),64&s&&(l.removelabel=e[6]),i.$set(l)},i(e){s||(m(i.$$.fragment,e),s=!0)},o(e){p(i.$$.fragment,e),s=!1},d(e){L(i,e)}}}function N(e){let i,s;return i=new S({props:{files:e[9],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6]}}),i.$on("file-removed",e[13]),{c(){f(i.$$.fragment)},m(e,l){g(i,e,l),s=!0},p(e,s){const l={};512&s&&(l.files=e[9]),1024&s&&(l.allowedExtensions=e[10]),32&s&&(l.disabled=e[5]),2048&s&&(l.maxSize=e[11]),64&s&&(l.removelabel=e[6]),i.$set(l)},i(e){s||(m(i.$$.fragment,e),s=!0)},o(e){p(i.$$.fragment,e),s=!1},d(e){L(i,e)}}}function T(e){let i,s,t,a,f,g,L,$,D,S,T,j=e[0]&&e[7].length>0&&y(e),v=e[9].length>0&&N(e);return{c(){i=o("div"),s=o("input"),t=r(),a=o("label"),f=o("span"),g=n(e[2]),L=r(),j&&j.c(),$=r(),v&&v.c(),this.c=d,c(s,"id",e[1]),c(s,"type","file"),c(s,"class","mc-fileuploader__input"),c(s,"accept",e[3]),s.multiple=e[4],s.disabled=e[5],c(f,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(i,"class","mc-fileuploader")},m(o,r){l(o,i,r),u(i,s),u(i,t),u(i,a),u(a,f),u(f,g),u(i,L),j&&j.m(i,null),u(i,$),v&&v.m(i,null),e[17](i),D=!0,S||(T=M(s,"change",e[12]),S=!0)},p(e,[l]){(!D||2&l)&&c(s,"id",e[1]),(!D||8&l)&&c(s,"accept",e[3]),(!D||16&l)&&(s.multiple=e[4]),(!D||32&l)&&(s.disabled=e[5]),(!D||4&l)&&w(g,e[2]),(!D||2&l)&&c(a,"for",e[1]),e[0]&&e[7].length>0?j?(j.p(e,l),129&l&&m(j,1)):(j=y(e),j.c(),m(j,1),j.m(i,$)):j&&(h(),p(j,1,1,(()=>{j=null})),x()),e[9].length>0?v?(v.p(e,l),512&l&&m(v,1)):(v=N(e),v.c(),m(v,1),v.m(i,null)):v&&(h(),p(v,1,1,(()=>{v=null})),x())},i(e){D||(m(j),m(v),D=!0)},o(e){p(j),p(v),D=!1},d(s){s&&b(i),j&&j.d(),v&&v.d(),e[17](null),S=!1,T()}}}function j(e,i,s){let l,t,a,o,r,{id:n}=i,{label:d}=i,{accept:c}=i,{multiple:u=!0}=i,{allowedextensions:M}=i,{maxsize:w}=i,{displayfileslist:m=!1}=i,{disabled:p=!1}=i,{removelabel:x="Remove"}=i,{uploadedfiles:b}=i,f=new D;return e.$$set=e=>{"id"in e&&s(1,n=e.id),"label"in e&&s(2,d=e.label),"accept"in e&&s(3,c=e.accept),"multiple"in e&&s(4,u=e.multiple),"allowedextensions"in e&&s(14,M=e.allowedextensions),"maxsize"in e&&s(15,w=e.maxsize),"displayfileslist"in e&&s(0,m=e.displayfileslist),"disabled"in e&&s(5,p=e.disabled),"removelabel"in e&&s(6,x=e.removelabel),"uploadedfiles"in e&&s(16,b=e.uploadedfiles)},e.$$.update=()=>{16384&e.$$.dirty&&s(10,l=M?JSON.parse(M):[]),65536&e.$$.dirty&&s(9,t=b?JSON.parse(b):[]),e.$$.dirty,32768&e.$$.dirty&&s(11,a=w||void 0)},[m,n,d,c,u,p,x,o,r,t,l,a,function(e){const i=e.target;s(7,o=i.files),s(0,m=!0);const t=[];[...o].forEach(((e,i)=>{const s=e.name,o=e.size,r=function(e){if(l&&l.length>0){const i=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(l&&!l.includes(String(i)))return!1}return!0}(s),n=function(e){return!(a&&e/1024/1024>a)}(o);let d="";r||(d="invalid-extension"),n||(d="invalid-size"),r&&n||t.push({index:i,fileName:s,fileSize:o,errorType:d})})),t.length>0&&f.dispatch("invalid-files",t),f.dispatch("change",o)},function(e){s(7,o=[...t]),s(7,o=function(e,i){const s=Array.from(e),l=s.indexOf(i);return-1!==l&&s.splice(l,1),s}(o,e.detail)),r.querySelector(".mc-fileuploader__input").value="",s(9,t=o),f.dispatch("file-removed",e.detail)},M,w,b,function(e){$[e?"unshift":"push"]((()=>{r=e,s(8,r)}))}]}class v extends e{constructor(e){super();const o=document.createElement("style");o.textContent='.mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label{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:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTg4ODAzIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-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}:hover+.mc-fileuploader__label{color:#006902;background-color:#ebf5de}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}',this.shadowRoot.appendChild(o),i(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},j,T,a,{id:1,label:2,accept:3,multiple:4,allowedextensions:14,maxsize:15,displayfileslist:0,disabled:5,removelabel:6,uploadedfiles:16},null),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),t()))}static get observedAttributes(){return["id","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),t()}get label(){return this.$$.ctx[2]}set label(e){this.$$set({label:e}),t()}get accept(){return this.$$.ctx[3]}set accept(e){this.$$set({accept:e}),t()}get multiple(){return this.$$.ctx[4]}set multiple(e){this.$$set({multiple:e}),t()}get allowedextensions(){return this.$$.ctx[14]}set allowedextensions(e){this.$$set({allowedextensions:e}),t()}get maxsize(){return this.$$.ctx[15]}set maxsize(e){this.$$set({maxsize:e}),t()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),t()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),t()}get removelabel(){return this.$$.ctx[6]}set removelabel(e){this.$$set({removelabel:e}),t()}get uploadedfiles(){return this.$$.ctx[16]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),t()}}export{v 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, e as element, d as space, t as text, n as noop, g as attr, j as append, l as listen, k as set_data, C as transition_in, D as transition_out, E as check_outros, o as detach, x as create_component, A as mount_component, G as destroy_component, M as group_outros, v as binding_callbacks } from '../../index-c33b3772.js';
+import { E as EventHandler } from '../../EventHandler-02058705.js';
+import ResultFile_nested from './ResultFile.nested.js';
+
+/* src/components/fileuploader/FileUploader.svelte generated by Svelte v3.58.0 */
+
+function create_if_block_1(ctx) {
+	let resultfile;
+	let current;
+
+	resultfile = new ResultFile_nested({
+			props: {
+				files: /*files*/ ctx[7],
+				allowedExtensions: /*allowedExtensions*/ ctx[10],
+				disabled: /*disabled*/ ctx[5],
+				maxSize: /*maxSize*/ ctx[11],
+				removelabel: /*removelabel*/ ctx[6]
+			}
+		});
+
+	resultfile.$on("file-removed", /*deleteFile*/ ctx[13]);
+
+	return {
+		c() {
+			create_component(resultfile.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(resultfile, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const resultfile_changes = {};
+			if (dirty & /*files*/ 128) resultfile_changes.files = /*files*/ ctx[7];
+			if (dirty & /*allowedExtensions*/ 1024) resultfile_changes.allowedExtensions = /*allowedExtensions*/ ctx[10];
+			if (dirty & /*disabled*/ 32) resultfile_changes.disabled = /*disabled*/ ctx[5];
+			if (dirty & /*maxSize*/ 2048) resultfile_changes.maxSize = /*maxSize*/ ctx[11];
+			if (dirty & /*removelabel*/ 64) resultfile_changes.removelabel = /*removelabel*/ ctx[6];
+			resultfile.$set(resultfile_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(resultfile.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(resultfile.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(resultfile, detaching);
+		}
+	};
+}
+
+// (126:2) {#if uploadedFiles.length > 0}
+function create_if_block(ctx) {
+	let resultfile;
+	let current;
+
+	resultfile = new ResultFile_nested({
+			props: {
+				files: /*uploadedFiles*/ ctx[9],
+				allowedExtensions: /*allowedExtensions*/ ctx[10],
+				disabled: /*disabled*/ ctx[5],
+				maxSize: /*maxSize*/ ctx[11],
+				removelabel: /*removelabel*/ ctx[6]
+			}
+		});
+
+	resultfile.$on("file-removed", /*deleteFile*/ ctx[13]);
+
+	return {
+		c() {
+			create_component(resultfile.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(resultfile, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const resultfile_changes = {};
+			if (dirty & /*uploadedFiles*/ 512) resultfile_changes.files = /*uploadedFiles*/ ctx[9];
+			if (dirty & /*allowedExtensions*/ 1024) resultfile_changes.allowedExtensions = /*allowedExtensions*/ ctx[10];
+			if (dirty & /*disabled*/ 32) resultfile_changes.disabled = /*disabled*/ ctx[5];
+			if (dirty & /*maxSize*/ 2048) resultfile_changes.maxSize = /*maxSize*/ ctx[11];
+			if (dirty & /*removelabel*/ 64) resultfile_changes.removelabel = /*removelabel*/ ctx[6];
+			resultfile.$set(resultfile_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(resultfile.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(resultfile.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(resultfile, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let input;
+	let t0;
+	let label_1;
+	let span;
+	let t1;
+	let t2;
+	let t3;
+	let current;
+	let mounted;
+	let dispose;
+	let if_block0 = /*displayfileslist*/ ctx[0] && /*files*/ ctx[7].length > 0 && create_if_block_1(ctx);
+	let if_block1 = /*uploadedFiles*/ ctx[9].length > 0 && create_if_block(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			input = element("input");
+			t0 = space();
+			label_1 = element("label");
+			span = element("span");
+			t1 = text(/*label*/ ctx[2]);
+			t2 = space();
+			if (if_block0) if_block0.c();
+			t3 = space();
+			if (if_block1) if_block1.c();
+			this.c = noop;
+			attr(input, "id", /*id*/ ctx[1]);
+			attr(input, "type", "file");
+			attr(input, "class", "mc-fileuploader__input");
+			attr(input, "accept", /*accept*/ ctx[3]);
+			input.multiple = /*multiple*/ ctx[4];
+			input.disabled = /*disabled*/ ctx[5];
+			attr(span, "class", "mc-fileuploader__label--center");
+			attr(label_1, "for", /*id*/ ctx[1]);
+			attr(label_1, "class", "mc-fileuploader__label");
+			attr(div, "class", "mc-fileuploader");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, input);
+			append(div, t0);
+			append(div, label_1);
+			append(label_1, span);
+			append(span, t1);
+			append(div, t2);
+			if (if_block0) if_block0.m(div, null);
+			append(div, t3);
+			if (if_block1) if_block1.m(div, null);
+			/*div_binding*/ ctx[17](div);
+			current = true;
+
+			if (!mounted) {
+				dispose = listen(input, "change", /*handleChange*/ ctx[12]);
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (!current || dirty & /*id*/ 2) {
+				attr(input, "id", /*id*/ ctx[1]);
+			}
+
+			if (!current || dirty & /*accept*/ 8) {
+				attr(input, "accept", /*accept*/ ctx[3]);
+			}
+
+			if (!current || dirty & /*multiple*/ 16) {
+				input.multiple = /*multiple*/ ctx[4];
+			}
+
+			if (!current || dirty & /*disabled*/ 32) {
+				input.disabled = /*disabled*/ ctx[5];
+			}
+
+			if (!current || dirty & /*label*/ 4) set_data(t1, /*label*/ ctx[2]);
+
+			if (!current || dirty & /*id*/ 2) {
+				attr(label_1, "for", /*id*/ ctx[1]);
+			}
+
+			if (/*displayfileslist*/ ctx[0] && /*files*/ ctx[7].length > 0) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+
+					if (dirty & /*displayfileslist, files*/ 129) {
+						transition_in(if_block0, 1);
+					}
+				} else {
+					if_block0 = create_if_block_1(ctx);
+					if_block0.c();
+					transition_in(if_block0, 1);
+					if_block0.m(div, t3);
+				}
+			} else if (if_block0) {
+				group_outros();
+
+				transition_out(if_block0, 1, 1, () => {
+					if_block0 = null;
+				});
+
+				check_outros();
+			}
+
+			if (/*uploadedFiles*/ ctx[9].length > 0) {
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+
+					if (dirty & /*uploadedFiles*/ 512) {
+						transition_in(if_block1, 1);
+					}
+				} else {
+					if_block1 = create_if_block(ctx);
+					if_block1.c();
+					transition_in(if_block1, 1);
+					if_block1.m(div, null);
+				}
+			} else if (if_block1) {
+				group_outros();
+
+				transition_out(if_block1, 1, 1, () => {
+					if_block1 = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block0);
+			transition_in(if_block1);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block0);
+			transition_out(if_block1);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			if (if_block0) if_block0.d();
+			if (if_block1) if_block1.d();
+			/*div_binding*/ ctx[17](null);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function removeFromArray(fileList, value) {
+	const array = Array.from(fileList);
+	const idx = array.indexOf(value);
+
+	if (idx !== -1) {
+		array.splice(idx, 1);
+	}
+
+	return array;
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let allowedExtensions;
+	let uploadedFiles;
+	let maxSize;
+	let { id } = $$props;
+	let { label } = $$props;
+	let { accept } = $$props;
+	let { multiple = true } = $$props;
+	let { allowedextensions } = $$props;
+	let { maxsize } = $$props;
+	let { displayfileslist = false } = $$props;
+	let { disabled = false } = $$props;
+	let { removelabel = 'Remove' } = $$props;
+	let { uploadedfiles } = $$props;
+	let files;
+	let root;
+	let eventHandler = new EventHandler();
+
+	function checkFileSize(fileSize) {
+		const fileSizeMB = fileSize / 1024 / 1024;
+
+		if (maxSize && fileSizeMB > maxSize) {
+			return false;
+		}
+
+		return true;
+	}
+
+	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 handleChange(e) {
+		const target = e.target;
+		$$invalidate(7, files = target.files);
+		$$invalidate(0, displayfileslist = true);
+		const invalidFiles = [];
+		const fileList = [...files];
+
+		fileList.forEach((file, index) => {
+			const fileName = file.name;
+			const fileSize = file.size;
+			const validExtension = checkFileExtension(fileName);
+			const validSize = checkFileSize(fileSize);
+			let errorType = '';
+
+			if (!validExtension) {
+				errorType = 'invalid-extension';
+			}
+
+			if (!validSize) {
+				errorType = 'invalid-size';
+			}
+
+			if (!validExtension || !validSize) {
+				invalidFiles.push({ index, fileName, fileSize, errorType });
+			}
+		});
+
+		if (invalidFiles.length > 0) {
+			eventHandler.dispatch('invalid-files', invalidFiles);
+		}
+
+		eventHandler.dispatch('change', files);
+	}
+
+	function deleteFile(e) {
+		$$invalidate(7, files = [...uploadedFiles]);
+		$$invalidate(7, files = removeFromArray(files, e.detail));
+		const fileuploader = root.querySelector('.mc-fileuploader__input');
+		fileuploader.value = '';
+		$$invalidate(9, uploadedFiles = files);
+		eventHandler.dispatch('file-removed', e.detail);
+	}
+
+	function div_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			root = $$value;
+			$$invalidate(8, root);
+		});
+	}
+
+	$$self.$$set = $$props => {
+		if ('id' in $$props) $$invalidate(1, id = $$props.id);
+		if ('label' in $$props) $$invalidate(2, label = $$props.label);
+		if ('accept' in $$props) $$invalidate(3, accept = $$props.accept);
+		if ('multiple' in $$props) $$invalidate(4, multiple = $$props.multiple);
+		if ('allowedextensions' in $$props) $$invalidate(14, allowedextensions = $$props.allowedextensions);
+		if ('maxsize' in $$props) $$invalidate(15, maxsize = $$props.maxsize);
+		if ('displayfileslist' in $$props) $$invalidate(0, displayfileslist = $$props.displayfileslist);
+		if ('disabled' in $$props) $$invalidate(5, disabled = $$props.disabled);
+		if ('removelabel' in $$props) $$invalidate(6, removelabel = $$props.removelabel);
+		if ('uploadedfiles' in $$props) $$invalidate(16, uploadedfiles = $$props.uploadedfiles);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*allowedextensions*/ 16384) {
+			$$invalidate(10, allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : []);
+		}
+
+		if ($$self.$$.dirty & /*uploadedfiles*/ 65536) {
+			$$invalidate(9, uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : []);
+		}
+
+		if ($$self.$$.dirty & /*files*/ 128) ;
+
+		if ($$self.$$.dirty & /*maxsize*/ 32768) {
+			$$invalidate(11, maxSize = maxsize ? maxsize : undefined);
+		}
+	};
+
+	return [
+		displayfileslist,
+		id,
+		label,
+		accept,
+		multiple,
+		disabled,
+		removelabel,
+		files,
+		root,
+		uploadedFiles,
+		allowedExtensions,
+		maxSize,
+		handleChange,
+		deleteFile,
+		allowedextensions,
+		maxsize,
+		uploadedfiles,
+		div_binding
+	];
+}
+
+class FileUploader extends SvelteElement {
+	constructor(options) {
+		super();
+		const style = document.createElement('style');
+		style.textContent = `.mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label{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:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTg4ODAzIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-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}:hover+.mc-fileuploader__label{color:#006902;background-color:#ebf5de}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}`;
+		this.shadowRoot.appendChild(style);
+
+		init(
+			this,
+			{
+				target: this.shadowRoot,
+				props: attribute_to_object(this.attributes),
+				customElement: true
+			},
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				id: 1,
+				label: 2,
+				accept: 3,
+				multiple: 4,
+				allowedextensions: 14,
+				maxsize: 15,
+				displayfileslist: 0,
+				disabled: 5,
+				removelabel: 6,
+				uploadedfiles: 16
+			},
+			null
+		);
+
+		if (options) {
+			if (options.target) {
+				insert(options.target, this, options.anchor);
+			}
+
+			if (options.props) {
+				this.$set(options.props);
+				flush();
+			}
+		}
+	}
+
+	static get observedAttributes() {
+		return [
+			"id",
+			"label",
+			"accept",
+			"multiple",
+			"allowedextensions",
+			"maxsize",
+			"displayfileslist",
+			"disabled",
+			"removelabel",
+			"uploadedfiles"
+		];
+	}
+
+	get id() {
+		return this.$$.ctx[1];
+	}
+
+	set id(id) {
+		this.$$set({ id });
+		flush();
+	}
+
+	get label() {
+		return this.$$.ctx[2];
+	}
+
+	set label(label) {
+		this.$$set({ label });
+		flush();
+	}
+
+	get accept() {
+		return this.$$.ctx[3];
+	}
+
+	set accept(accept) {
+		this.$$set({ accept });
+		flush();
+	}
+
+	get multiple() {
+		return this.$$.ctx[4];
+	}
+
+	set multiple(multiple) {
+		this.$$set({ multiple });
+		flush();
+	}
+
+	get allowedextensions() {
+		return this.$$.ctx[14];
+	}
+
+	set allowedextensions(allowedextensions) {
+		this.$$set({ allowedextensions });
+		flush();
+	}
+
+	get maxsize() {
+		return this.$$.ctx[15];
+	}
+
+	set maxsize(maxsize) {
+		this.$$set({ maxsize });
+		flush();
+	}
+
+	get displayfileslist() {
+		return this.$$.ctx[0];
+	}
+
+	set displayfileslist(displayfileslist) {
+		this.$$set({ displayfileslist });
+		flush();
+	}
+
+	get disabled() {
+		return this.$$.ctx[5];
+	}
+
+	set disabled(disabled) {
+		this.$$set({ disabled });
+		flush();
+	}
+
+	get removelabel() {
+		return this.$$.ctx[6];
+	}
+
+	set removelabel(removelabel) {
+		this.$$set({ removelabel });
+		flush();
+	}
+
+	get uploadedfiles() {
+		return this.$$.ctx[16];
+	}
+
+	set uploadedfiles(uploadedfiles) {
+		this.$$set({ uploadedfiles });
+		flush();
+	}
+}
+
+export { FileUploader as default };
 //# sourceMappingURL=FileUploader.js.map

package/public/components/fileuploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","sources":["../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import { EventHandler } from '../../utilities/EventHandler';\n  import ResultFile from './ResultFile.nested.svelte';\n\n  export let id: string;\n  export let label: string;\n  export let accept: string;\n  export let multiple = true;\n  export let allowedextensions: string;\n  export let maxsize: number;\n  export let displayfileslist = false;\n  export let disabled = false;\n  export let removelabel = 'Remove';\n  export let uploadedfiles: string;\n\n  let files: FileList;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n\n  $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n  $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n  $: files;\n  $: maxSize = maxsize ? maxsize : undefined;\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 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 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  function handleChange(e: Event): void {\n    const target = e.target as HTMLInputElement;\n    files = target.files as FileList;\n    displayfileslist = true;\n    const invalidFiles: Array = [];\n    const fileList = [...files];\n    fileList.forEach((file, index) => {\n      const fileName = file.name;\n      const fileSize = file.size;\n      const validExtension = checkFileExtension(fileName);\n      const validSize = checkFileSize(fileSize);\n      let errorType = '';\n\n      if (!validExtension) {\n        errorType = 'invalid-extension';\n      }\n\n      if (!validSize) {\n        errorType = 'invalid-size';\n      }\n\n      if (!validExtension || !validSize) {\n        invalidFiles.push({\n          index: index,\n          fileName: fileName,\n          fileSize: fileSize,\n          errorType: errorType,\n        });\n      }\n    });\n\n    if (invalidFiles.length > 0) {\n      eventHandler.dispatch('invalid-files', invalidFiles);\n    }\n    eventHandler.dispatch('change', files);\n  }\n\n  function removeFromArray(fileList: FileList, value: File): FileList {\n    const array = Array.from(fileList);\n    const idx = array.indexOf(value);\n    if (idx !== -1) {\n      array.splice(idx, 1);\n    }\n    return array as FileList;\n  }\n\n  function deleteFile(e: CustomEvent): void {\n    files = [...uploadedFiles];\n    files = removeFromArray(files, e.detail);\n    const fileuploader = root.querySelector(\n      '.mc-fileuploader__input',\n    ) as HTMLInputElement;\n    fileuploader.value = '';\n    uploadedFiles = files;\n    eventHandler.dispatch('file-removed', e.detail);\n  }\n\n  function hasInvalidFiles(e: CustomEvent): void {\n    eventHandler.dispatch('invalid-files', e.detail);\n  }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n  <input\n    {id}\n    type=\"file\"\n    class=\"mc-fileuploader__input\"\n    {accept}\n    {multiple}\n    {disabled}\n    on:change={handleChange}\n  />\n  <label for={id} class=\"mc-fileuploader__label\">\n    <span class=\"mc-fileuploader__label--center\">\n      {label}\n    </span>\n  </label>\n  {#if displayfileslist && files.length > 0}\n    <ResultFile\n      {files}\n      {allowedExtensions}\n      {disabled}\n      {maxSize}\n      {removelabel}\n      on:file-removed={deleteFile}\n    />\n  {/if}\n  {#if uploadedFiles.length > 0}\n    <ResultFile\n      files={uploadedFiles}\n      {allowedExtensions}\n      {disabled}\n      {maxSize}\n      {removelabel}\n      on:file-removed={deleteFile}\n    />\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","eventHandler","EventHandler","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","fileList","value","array","Array","from","idx","indexOf","splice","removeFromArray","detail","querySelector","$$value"],"mappings":"+aAgJuBA,EAAU,wVAKpBA,EAAa,gGAKHA,EAAU,oFALpBA,EAAa,uPAZnBC,EAAAD,EAAoB,IAAAA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAUpCA,EAAa,GAACE,OAAS,GAACE,EAAAJ,yEAbxBA,EAAK,8NAFEA,EAAE,iFAVhBK,EAmCKC,EAAAC,EAAAC,GAlCHC,EAQCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,wJAIpBA,EAAK,yBAFEA,EAAE,IAKTA,EAAoB,IAAAA,EAAM,GAAAE,OAAS,iGAUnCF,EAAa,GAACE,OAAS,sOAjIxBW,EACAC,MAZOC,GAAUC,SACVC,GAAaD,UACbE,GAAcF,GACdG,SAAAA,GAAW,GAAIH,qBACfI,GAAyBJ,WACzBK,GAAeL,GACfM,iBAAAA,GAAmB,GAAKN,GACxBO,SAAAA,GAAW,GAAKP,GAChBQ,YAAAA,EAAc,UAAQR,iBACtBS,GAAqBT,EAI5BU,MAAmBC,0aAEtBC,EAAA,GAAEC,EAAoBT,EAAoBU,KAAKC,MAAMX,GAAiB,sBACtEQ,EAAA,EAAEI,EAAgBP,EAAgBK,KAAKC,MAAMN,GAAa,sCAExDQ,EAAUZ,QAAoBa,6BAmCxB,SAAaC,SACd7B,EAAS6B,EAAE7B,WACjBO,EAAQP,EAAOO,OACfe,EAAA,EAAAN,GAAmB,SACbc,EAAY,OACGvB,GACZwB,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EAlCD,SAAmBJ,GACtB,GAAAX,GAAqBA,EAAkB3B,OAAS,EAAC,CAC7C,MAAA2C,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,GAAAlB,IAAsBA,EAAkBmB,SAASC,OAAOJ,WACnD,SAIJ,EAwBkBK,CAAmBV,GACpCW,EA3CD,SAAcT,WAEjBT,GADeS,EAAW,KAAO,KACTT,GAyCRmB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,EAAalC,OAAS,GACxBwB,EAAa6B,SAAS,gBAAiBnB,GAEzCV,EAAa6B,SAAS,SAAU1C,IAYzB,SAAWsB,GAClBP,EAAA,EAAAf,MAAYmB,IACZJ,EAAA,EAAAf,WAXuB2C,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,EAKCM,CAAgBnD,EAAOsB,EAAE8B,SACZnD,EAAKoD,cACxB,2BAEWT,MAAQ,GACrB7B,EAAA,EAAAI,EAAgBnB,GAChBa,EAAa6B,SAAS,eAAgBpB,EAAE8B,uDAQJnD,EAAIqD"}
+{"version":3,"file":"FileUploader.js","sources":["../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import { EventHandler } from '../../utilities/EventHandler';\n  import ResultFile from './ResultFile.nested.svelte';\n\n  export let id: string;\n  export let label: string;\n  export let accept: string;\n  export let multiple = true;\n  export let allowedextensions: string;\n  export let maxsize: number;\n  export let displayfileslist = false;\n  export let disabled = false;\n  export let removelabel = 'Remove';\n  export let uploadedfiles: string;\n\n  let files: FileList;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler();\n\n  $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n  $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n  $: files;\n  $: maxSize = maxsize ? maxsize : undefined;\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 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 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  function handleChange(e: Event): void {\n    const target = e.target as HTMLInputElement;\n    files = target.files as FileList;\n    displayfileslist = true;\n    const invalidFiles: Array = [];\n    const fileList = [...files];\n    fileList.forEach((file, index) => {\n      const fileName = file.name;\n      const fileSize = file.size;\n      const validExtension = checkFileExtension(fileName);\n      const validSize = checkFileSize(fileSize);\n      let errorType = '';\n\n      if (!validExtension) {\n        errorType = 'invalid-extension';\n      }\n\n      if (!validSize) {\n        errorType = 'invalid-size';\n      }\n\n      if (!validExtension || !validSize) {\n        invalidFiles.push({\n          index: index,\n          fileName: fileName,\n          fileSize: fileSize,\n          errorType: errorType,\n        });\n      }\n    });\n\n    if (invalidFiles.length > 0) {\n      eventHandler.dispatch('invalid-files', invalidFiles);\n    }\n    eventHandler.dispatch('change', files);\n  }\n\n  function removeFromArray(fileList: FileList, value: File): FileList {\n    const array = Array.from(fileList);\n    const idx = array.indexOf(value);\n    if (idx !== -1) {\n      array.splice(idx, 1);\n    }\n    return array as FileList;\n  }\n\n  function deleteFile(e: CustomEvent): void {\n    files = [...uploadedFiles];\n    files = removeFromArray(files, e.detail);\n    const fileuploader = root.querySelector(\n      '.mc-fileuploader__input',\n    ) as HTMLInputElement;\n    fileuploader.value = '';\n    uploadedFiles = files;\n    eventHandler.dispatch('file-removed', e.detail);\n  }\n\n  function hasInvalidFiles(e: CustomEvent): void {\n    eventHandler.dispatch('invalid-files', e.detail);\n  }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n  <input\n    {id}\n    type=\"file\"\n    class=\"mc-fileuploader__input\"\n    {accept}\n    {multiple}\n    {disabled}\n    on:change={handleChange}\n  />\n  <label for={id} class=\"mc-fileuploader__label\">\n    <span class=\"mc-fileuploader__label--center\">\n      {label}\n    </span>\n  </label>\n  {#if displayfileslist && files.length > 0}\n    <ResultFile\n      {files}\n      {allowedExtensions}\n      {disabled}\n      {maxSize}\n      {removelabel}\n      on:file-removed={deleteFile}\n    />\n  {/if}\n  {#if uploadedFiles.length > 0}\n    <ResultFile\n      files={uploadedFiles}\n      {allowedExtensions}\n      {disabled}\n      {maxSize}\n      {removelabel}\n      on:file-removed={deleteFile}\n    />\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":[],"mappings":"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"}