@mozaic-ds/web-components 0.5.0 → 0.6.0

package/public/components/fileuploader/FileUploader.js

@@ -1,556 +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]
-			}
-		});
-
-	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 };
+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};
 //# 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":[],"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\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"}