@mozaic-ds/web-components 0.9.0-beta → 0.9.0-beta-1

package/public/components/fileuploader/FileUploader.js

@@ -1,604 +1,2 @@
-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],
-				errorLabels: /*errorLabels*/ ctx[12]
-			}
-		});
-
-	resultfile.$on("file-removed", /*deleteFile*/ ctx[14]);
-
-	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];
-			if (dirty & /*errorLabels*/ 4096) resultfile_changes.errorLabels = /*errorLabels*/ ctx[12];
-			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);
-		}
-	};
-}
-
-// (137: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],
-				errorLabels: /*errorLabels*/ ctx[12]
-			}
-		});
-
-	resultfile.$on("file-removed", /*deleteUploadedFile*/ ctx[15]);
-
-	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];
-			if (dirty & /*errorLabels*/ 4096) resultfile_changes.errorLabels = /*errorLabels*/ ctx[12];
-			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] && /*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[21](div);
-			current = true;
-
-			if (!mounted) {
-				dispose = listen(input, "change", /*handleChange*/ ctx[13]);
-				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] && /*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[21](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 errorLabels;
-	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 { errorlabels } = $$props;
-	let { stateless } = $$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);
-
-		if (stateless) {
-			const fileuploader = root.querySelector('.mc-fileuploader__input');
-			fileuploader.value = '';
-		}
-	}
-
-	function deleteFile(e) {
-		$$invalidate(7, files = removeFromArray(files, e.detail));
-		const fileuploader = root.querySelector('.mc-fileuploader__input');
-		fileuploader.value = '';
-		eventHandler.dispatch('file-removed', e.detail);
-	}
-
-	function deleteUploadedFile(e) {
-		const files = removeFromArray(uploadedFiles, e.detail);
-		$$invalidate(9, uploadedFiles = files);
-		eventHandler.dispatch('uploaded-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(16, allowedextensions = $$props.allowedextensions);
-		if ('maxsize' in $$props) $$invalidate(17, 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(18, uploadedfiles = $$props.uploadedfiles);
-		if ('errorlabels' in $$props) $$invalidate(19, errorlabels = $$props.errorlabels);
-		if ('stateless' in $$props) $$invalidate(20, stateless = $$props.stateless);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*allowedextensions*/ 65536) {
-			$$invalidate(10, allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : []);
-		}
-
-		if ($$self.$$.dirty & /*uploadedfiles*/ 262144) {
-			$$invalidate(9, uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : []);
-		}
-
-		if ($$self.$$.dirty & /*files*/ 128) ;
-
-		if ($$self.$$.dirty & /*maxsize*/ 131072) {
-			$$invalidate(11, maxSize = maxsize ? maxsize : undefined);
-		}
-
-		if ($$self.$$.dirty & /*errorlabels*/ 524288) {
-			$$invalidate(12, errorLabels = errorlabels ? JSON.parse(errorlabels) : []);
-		}
-	};
-
-	return [
-		displayfileslist,
-		id,
-		label,
-		accept,
-		multiple,
-		disabled,
-		removelabel,
-		files,
-		root,
-		uploadedFiles,
-		allowedExtensions,
-		maxSize,
-		errorLabels,
-		handleChange,
-		deleteFile,
-		deleteUploadedFile,
-		allowedextensions,
-		maxsize,
-		uploadedfiles,
-		errorlabels,
-		stateless,
-		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: 16,
-				maxsize: 17,
-				displayfileslist: 0,
-				disabled: 5,
-				removelabel: 6,
-				uploadedfiles: 18,
-				errorlabels: 19,
-				stateless: 20
-			},
-			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",
-			"errorlabels",
-			"stateless"
-		];
-	}
-
-	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[16];
-	}
-
-	set allowedextensions(allowedextensions) {
-		this.$$set({ allowedextensions });
-		flush();
-	}
-
-	get maxsize() {
-		return this.$$.ctx[17];
-	}
-
-	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[18];
-	}
-
-	set uploadedfiles(uploadedfiles) {
-		this.$$set({ uploadedfiles });
-		flush();
-	}
-
-	get errorlabels() {
-		return this.$$.ctx[19];
-	}
-
-	set errorlabels(errorlabels) {
-		this.$$set({ errorlabels });
-		flush();
-	}
-
-	get stateless() {
-		return this.$$.ctx[20];
-	}
-
-	set stateless(stateless) {
-		this.$$set({ stateless });
-		flush();
-	}
-}
-
-export { FileUploader as default };
+import{S as e,i as s,a as l,b as i,f as t,s as a,e as r,d as o,t as n,n as d,g as c,j as u,l as M,k as w,C as m,D as b,E as p,o as f,x,A as L,G as g,M as $,v as h}from"../../index-c33b3772.js";import{E as D}from"../../EventHandler-02058705.js";import S from"./ResultFile.nested.js";function y(e){let s,l;return s=new S({props:{files:e[7],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),s.$on("file-removed",e[14]),{c(){x(s.$$.fragment)},m(e,i){L(s,e,i),l=!0},p(e,l){const i={};128&l&&(i.files=e[7]),1024&l&&(i.allowedExtensions=e[10]),32&l&&(i.disabled=e[5]),2048&l&&(i.maxSize=e[11]),64&l&&(i.removelabel=e[6]),4096&l&&(i.errorLabels=e[12]),s.$set(i)},i(e){l||(m(s.$$.fragment,e),l=!0)},o(e){b(s.$$.fragment,e),l=!1},d(e){g(s,e)}}}function N(e){let s,l;return s=new S({props:{files:e[9],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),s.$on("file-removed",e[15]),{c(){x(s.$$.fragment)},m(e,i){L(s,e,i),l=!0},p(e,l){const i={};512&l&&(i.files=e[9]),1024&l&&(i.allowedExtensions=e[10]),32&l&&(i.disabled=e[5]),2048&l&&(i.maxSize=e[11]),64&l&&(i.removelabel=e[6]),4096&l&&(i.errorLabels=e[12]),s.$set(i)},i(e){l||(m(s.$$.fragment,e),l=!0)},o(e){b(s.$$.fragment,e),l=!1},d(e){g(s,e)}}}function T(e){let s,l,t,a,x,L,g,h,D,S,T,j=e[0]&&e[7]&&e[7].length>0&&y(e),v=e[9].length>0&&N(e);return{c(){s=r("div"),l=r("input"),t=o(),a=r("label"),x=r("span"),L=n(e[2]),g=o(),j&&j.c(),h=o(),v&&v.c(),this.c=d,c(l,"id",e[1]),c(l,"type","file"),c(l,"class","mc-fileuploader__input"),c(l,"accept",e[3]),l.multiple=e[4],l.disabled=e[5],c(x,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(s,"class","mc-fileuploader")},m(r,o){i(r,s,o),u(s,l),u(s,t),u(s,a),u(a,x),u(x,L),u(s,g),j&&j.m(s,null),u(s,h),v&&v.m(s,null),e[21](s),D=!0,S||(T=M(l,"change",e[13]),S=!0)},p(e,[i]){(!D||2&i)&&c(l,"id",e[1]),(!D||8&i)&&c(l,"accept",e[3]),(!D||16&i)&&(l.multiple=e[4]),(!D||32&i)&&(l.disabled=e[5]),(!D||4&i)&&w(L,e[2]),(!D||2&i)&&c(a,"for",e[1]),e[0]&&e[7]&&e[7].length>0?j?(j.p(e,i),129&i&&m(j,1)):(j=y(e),j.c(),m(j,1),j.m(s,h)):j&&($(),b(j,1,1,(()=>{j=null})),p()),e[9].length>0?v?(v.p(e,i),512&i&&m(v,1)):(v=N(e),v.c(),m(v,1),v.m(s,null)):v&&($(),b(v,1,1,(()=>{v=null})),p())},i(e){D||(m(j),m(v),D=!0)},o(e){b(j),b(v),D=!1},d(l){l&&f(s),j&&j.d(),v&&v.d(),e[21](null),S=!1,T()}}}function j(e,s){const l=Array.from(e),i=l.indexOf(s);return-1!==i&&l.splice(i,1),l}function v(e,s,l){let i,t,a,r,o,n,{id:d}=s,{label:c}=s,{accept:u}=s,{multiple:M=!0}=s,{allowedextensions:w}=s,{maxsize:m}=s,{displayfileslist:b=!1}=s,{disabled:p=!1}=s,{removelabel:f="Remove"}=s,{uploadedfiles:x}=s,{errorlabels:L}=s,{stateless:g}=s,$=new D;return e.$$set=e=>{"id"in e&&l(1,d=e.id),"label"in e&&l(2,c=e.label),"accept"in e&&l(3,u=e.accept),"multiple"in e&&l(4,M=e.multiple),"allowedextensions"in e&&l(16,w=e.allowedextensions),"maxsize"in e&&l(17,m=e.maxsize),"displayfileslist"in e&&l(0,b=e.displayfileslist),"disabled"in e&&l(5,p=e.disabled),"removelabel"in e&&l(6,f=e.removelabel),"uploadedfiles"in e&&l(18,x=e.uploadedfiles),"errorlabels"in e&&l(19,L=e.errorlabels),"stateless"in e&&l(20,g=e.stateless)},e.$$.update=()=>{65536&e.$$.dirty&&l(10,i=w?JSON.parse(w):[]),262144&e.$$.dirty&&l(9,t=x?JSON.parse(x):[]),e.$$.dirty,131072&e.$$.dirty&&l(11,a=m||void 0),524288&e.$$.dirty&&l(12,r=L?JSON.parse(L):[])},[b,d,c,u,M,p,f,o,n,t,i,a,r,function(e){const s=e.target;l(7,o=s.files),l(0,b=!0);const t=[];if([...o].forEach(((e,s)=>{const l=e.name,r=e.size,o=function(e){if(i&&i.length>0){const s=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(s)))return!1}return!0}(l),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||t.push({index:s,fileName:l,fileSize:r,errorType:d})})),t.length>0&&$.dispatch("invalid-files",t),$.dispatch("change",o),g){n.querySelector(".mc-fileuploader__input").value=""}},function(e){l(7,o=j(o,e.detail)),n.querySelector(".mc-fileuploader__input").value="",$.dispatch("file-removed",e.detail)},function(e){const s=j(t,e.detail);l(9,t=s),$.dispatch("uploaded-file-removed",e.detail)},w,m,x,L,g,function(e){h[e?"unshift":"push"]((()=>{n=e,l(8,n)}))}]}class E extends e{constructor(e){super();const r=document.createElement("style");r.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(r),s(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},v,T,a,{id:1,label:2,accept:3,multiple:4,allowedextensions:16,maxsize:17,displayfileslist:0,disabled:5,removelabel:6,uploadedfiles:18,errorlabels:19,stateless:20},null),e&&(e.target&&i(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","errorlabels","stateless"]}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[16]}set allowedextensions(e){this.$$set({allowedextensions:e}),t()}get maxsize(){return this.$$.ctx[17]}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[18]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),t()}get errorlabels(){return this.$$.ctx[19]}set errorlabels(e){this.$$set({errorlabels:e}),t()}get stateless(){return this.$$.ctx[20]}set stateless(e){this.$$set({stateless:e}),t()}}export{E 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  export let errorlabels: string;\n  export let stateless: false;\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  $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\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    if (stateless) {\n      const fileuploader = root.querySelector(\n        '.mc-fileuploader__input',\n      ) as HTMLInputElement;\n      fileuploader.value = '';\n    }\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 = removeFromArray(files, e.detail);\n    const fileuploader = root.querySelector(\n      '.mc-fileuploader__input',\n    ) as HTMLInputElement;\n    fileuploader.value = '';\n    eventHandler.dispatch('file-removed', e.detail);\n  }\n\n  function deleteUploadedFile(e: CustomEvent): void {\n    const files = removeFromArray(uploadedFiles, e.detail);\n    uploadedFiles = files;\n    eventHandler.dispatch('uploaded-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 && files.length > 0}\n    <ResultFile\n      {files}\n      {allowedExtensions}\n      {disabled}\n      {maxSize}\n      {removelabel}\n      {errorLabels}\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      {errorLabels}\n      on:file-removed={deleteUploadedFile}\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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"}
+{"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  export let errorlabels: string;\n  export let stateless: false;\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  $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\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    if (stateless) {\n      const fileuploader = root.querySelector(\n        '.mc-fileuploader__input',\n      ) as HTMLInputElement;\n      fileuploader.value = '';\n    }\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 = removeFromArray(files, e.detail);\n    const fileuploader = root.querySelector(\n      '.mc-fileuploader__input',\n    ) as HTMLInputElement;\n    fileuploader.value = '';\n    eventHandler.dispatch('file-removed', e.detail);\n  }\n\n  function deleteUploadedFile(e: CustomEvent): void {\n    const files = removeFromArray(uploadedFiles, e.detail);\n    uploadedFiles = files;\n    eventHandler.dispatch('uploaded-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 && files.length > 0}\n    <ResultFile\n      {files}\n      {allowedExtensions}\n      {disabled}\n      {maxSize}\n      {removelabel}\n      {errorLabels}\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      {errorLabels}\n      on:file-removed={deleteUploadedFile}\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","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","eventHandler","EventHandler","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","querySelector","detail","$$value"],"mappings":"icA8JuBA,EAAU,sXAKpBA,EAAa,kHAMHA,EAAkB,oFAN5BA,EAAa,qRAbnBC,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAW7CA,EAAa,GAACE,OAAS,GAACE,EAAAJ,yEAdxBA,EAAK,8NAFEA,EAAE,iFAVhBK,EAqCKC,EAAAC,EAAAC,GApCHC,EAQCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,wJAIpBA,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,iGAW5CF,EAAa,GAACE,OAAS,mNAvDnBW,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,gCA5FLM,EACAC,MAdOC,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,eACrBU,GAAmBV,aACnBW,GAAgBX,EAIvBY,MAAmBC,wfAEtBC,EAAA,GAAEC,EAAoBX,EAAoBY,KAAKC,MAAMb,GAAiB,uBACtEU,EAAA,EAAEI,EAAgBT,EAAgBO,KAAKC,MAAMR,GAAa,uCAExDU,EAAUd,QAAoBe,sBAChCN,EAAA,GAAEO,EAAcX,EAAcM,KAAKC,MAAMP,GAAW,gCAmC5C,SAAaY,SACdzC,EAASyC,EAAEzC,WACjBgB,EAAQhB,EAAOgB,OACfiB,EAAA,EAAAR,GAAmB,SACbiB,EAAY,UACG1B,GACZ2B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EAlCD,SAAmBJ,GACtB,GAAAZ,GAAqBA,EAAkBtC,OAAS,EAAC,CAC7C,MAAAuD,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,GAAAnB,IAAsBA,EAAkBoB,SAASC,OAAOJ,WACnD,SAIJ,EAwBkBK,CAAmBV,GACpCW,EA3CD,SAAcT,WAEjBV,GADeU,EAAW,KAAO,KACTV,GAyCRoB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,EAAa9C,OAAS,GACxBmC,EAAa8B,SAAS,gBAAiBnB,GAEzCX,EAAa8B,SAAS,SAAU7C,GAC5Bc,EAAS,CACUb,EAAK6C,cACxB,2BAEWrD,MAAQ,KAahB,SAAWgC,GAClBR,EAAA,EAAAjB,EAAQT,EAAgBS,EAAOyB,EAAEsB,SACZ9C,EAAK6C,cACxB,2BAEWrD,MAAQ,GACrBsB,EAAa8B,SAAS,eAAgBpB,EAAEsB,SAGjC,SAAmBtB,GACpB,MAAAzB,EAAQT,EAAgB8B,EAAeI,EAAEsB,QAC/C9B,EAAA,EAAAI,EAAgBrB,GAChBe,EAAa8B,SAAS,wBAAyBpB,EAAEsB,2DAQb9C,EAAI+C"}