@mozaic-ds/web-components 0.5.0 → 0.6.1

package/public/components/select/Select.js

@@ -1,452 +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, c as assign, e as element, K as empty, n as noop, h as set_attributes, a6 as add_render_callback, j as append, a7 as select_options, a8 as select_option, B as action_destroyer, l as listen, m as get_spread_update, o as detach, J as destroy_each, H as run_all, p as compute_rest_props, r as get_current_component, q as exclude_internal_props, t as text, k as set_data, d as space, g as attr, a9 as select_value } from '../../index-c33b3772.js';
-import { E as EventHandler } from '../../EventHandler-02058705.js';
-import { c as createEventForwarder } from '../../EventForward-8492ff62.js';
-
-/* src/components/select/Select.svelte generated by Svelte v3.58.0 */
-
-function get_each_context(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[18] = list[i];
-	return child_ctx;
-}
-
-// (47:2) {#if placeholder}
-function create_if_block(ctx) {
-	let option;
-	let t0;
-	let t1;
-	let t2;
-
-	return {
-		c() {
-			option = element("option");
-			t0 = text("-- ");
-			t1 = text(/*placeholder*/ ctx[1]);
-			t2 = text(" --\n    ");
-			option.__value = "";
-			option.value = option.__value;
-			option.disabled = true;
-			option.selected = true;
-		},
-		m(target, anchor) {
-			insert(target, option, anchor);
-			append(option, t0);
-			append(option, t1);
-			append(option, t2);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*placeholder*/ 2) set_data(t1, /*placeholder*/ ctx[1]);
-		},
-		d(detaching) {
-			if (detaching) detach(option);
-		}
-	};
-}
-
-// (53:2) {#each parsedOptions as opt}
-function create_each_block(ctx) {
-	let option;
-	let t0_value = /*opt*/ ctx[18].text + "";
-	let t0;
-	let t1;
-	let option_name_value;
-	let option_disabled_value;
-	let option_value_value;
-
-	return {
-		c() {
-			option = element("option");
-			t0 = text(t0_value);
-			t1 = space();
-			attr(option, "name", option_name_value = /*opt*/ ctx[18].value);
-			option.disabled = option_disabled_value = /*opt*/ ctx[18].disabled;
-			option.__value = option_value_value = /*opt*/ ctx[18].value;
-			option.value = option.__value;
-		},
-		m(target, anchor) {
-			insert(target, option, anchor);
-			append(option, t0);
-			append(option, t1);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*parsedOptions*/ 512 && t0_value !== (t0_value = /*opt*/ ctx[18].text + "")) set_data(t0, t0_value);
-
-			if (dirty & /*parsedOptions*/ 512 && option_name_value !== (option_name_value = /*opt*/ ctx[18].value)) {
-				attr(option, "name", option_name_value);
-			}
-
-			if (dirty & /*parsedOptions*/ 512 && option_disabled_value !== (option_disabled_value = /*opt*/ ctx[18].disabled)) {
-				option.disabled = option_disabled_value;
-			}
-
-			if (dirty & /*parsedOptions*/ 512 && option_value_value !== (option_value_value = /*opt*/ ctx[18].value)) {
-				option.__value = option_value_value;
-				option.value = option.__value;
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(option);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let select;
-	let if_block_anchor;
-	let select_class_value;
-	let mounted;
-	let dispose;
-	let if_block = /*placeholder*/ ctx[1] && create_if_block(ctx);
-	let each_value = /*parsedOptions*/ ctx[9];
-	let each_blocks = [];
-
-	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
-	}
-
-	let select_levels = [
-		{ id: /*id*/ ctx[0] },
-		{
-			class: select_class_value = "" + (setClasses(/*isvalid*/ ctx[3], /*isinvalid*/ ctx[4], /*size*/ ctx[2]) + " " + /*userClass*/ ctx[8])
-		},
-		{ disabled: /*disabled*/ ctx[5] },
-		/*attributes*/ ctx[6]
-	];
-
-	let select_data = {};
-
-	for (let i = 0; i < select_levels.length; i += 1) {
-		select_data = assign(select_data, select_levels[i]);
-	}
-
-	return {
-		c() {
-			select = element("select");
-			if (if_block) if_block.c();
-			if_block_anchor = empty();
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-
-			this.c = noop;
-			set_attributes(select, select_data);
-			if (/*valueSelected*/ ctx[7] === void 0) add_render_callback(() => /*select_change_handler*/ ctx[14].call(select));
-		},
-		m(target, anchor) {
-			insert(target, select, anchor);
-			if (if_block) if_block.m(select, null);
-			append(select, if_block_anchor);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				if (each_blocks[i]) {
-					each_blocks[i].m(select, null);
-				}
-			}
-
-			'value' in select_data && (select_data.multiple ? select_options : select_option)(select, select_data.value);
-			if (select.autofocus) select.focus();
-			select_option(select, /*valueSelected*/ ctx[7], true);
-
-			if (!mounted) {
-				dispose = [
-					action_destroyer(/*forwardEvents*/ ctx[11].call(null, select)),
-					listen(select, "change", /*select_change_handler*/ ctx[14]),
-					listen(select, "change", /*change_handler*/ ctx[15])
-				];
-
-				mounted = true;
-			}
-		},
-		p(ctx, [dirty]) {
-			if (/*placeholder*/ ctx[1]) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block(ctx);
-					if_block.c();
-					if_block.m(select, if_block_anchor);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
-			}
-
-			if (dirty & /*parsedOptions*/ 512) {
-				each_value = /*parsedOptions*/ ctx[9];
-				let i;
-
-				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context(ctx, each_value, i);
-
-					if (each_blocks[i]) {
-						each_blocks[i].p(child_ctx, dirty);
-					} else {
-						each_blocks[i] = create_each_block(child_ctx);
-						each_blocks[i].c();
-						each_blocks[i].m(select, null);
-					}
-				}
-
-				for (; i < each_blocks.length; i += 1) {
-					each_blocks[i].d(1);
-				}
-
-				each_blocks.length = each_value.length;
-			}
-
-			set_attributes(select, select_data = get_spread_update(select_levels, [
-				dirty & /*id*/ 1 && { id: /*id*/ ctx[0] },
-				dirty & /*isvalid, isinvalid, size, userClass*/ 284 && select_class_value !== (select_class_value = "" + (setClasses(/*isvalid*/ ctx[3], /*isinvalid*/ ctx[4], /*size*/ ctx[2]) + " " + /*userClass*/ ctx[8])) && { class: select_class_value },
-				dirty & /*disabled*/ 32 && { disabled: /*disabled*/ ctx[5] },
-				dirty & /*attributes*/ 64 && /*attributes*/ ctx[6]
-			]));
-
-			if (dirty & /*id, setClasses, isvalid, isinvalid, size, userClass, disabled, attributes*/ 381 && 'value' in select_data) (select_data.multiple ? select_options : select_option)(select, select_data.value);
-
-			if (dirty & /*valueSelected, parsedOptions*/ 640) {
-				select_option(select, /*valueSelected*/ ctx[7]);
-			}
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(select);
-			if (if_block) if_block.d();
-			destroy_each(each_blocks, detaching);
-			mounted = false;
-			run_all(dispose);
-		}
-	};
-}
-
-function setClasses(isvalid, isinvalid, size) {
-	const classes = ['mc-select'];
-
-	if (isvalid && !isinvalid) {
-		classes.push('is-valid');
-	}
-
-	if (isinvalid) {
-		classes.push('is-invalid');
-	}
-
-	if (size) {
-		classes.push(`mc-select--${size}`);
-	}
-
-	return classes.join(' ');
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let parsedOptions;
-	let userClass;
-	let attributes;
-
-	const omit_props_names = [
-		"id","valueselected","placeholder","size","isvalid","isinvalid","disabled","options"
-	];
-
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	let { id } = $$props;
-	let { valueselected = '' } = $$props;
-	let { placeholder } = $$props;
-	let { size = 'm' } = $$props;
-	let { isvalid = false } = $$props;
-	let { isinvalid = false } = $$props;
-	let { disabled = false } = $$props;
-	let { options } = $$props;
-	let eventHandler = new EventHandler();
-	const forwardEvents = createEventForwarder(get_current_component());
-	let valueSelected = '';
-
-	function select_change_handler() {
-		valueSelected = select_value(this);
-		($$invalidate(7, valueSelected), $$invalidate(12, valueselected));
-		($$invalidate(9, parsedOptions), $$invalidate(13, options));
-	}
-
-	const change_handler = () => eventHandler.dispatch('change', valueSelected);
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(17, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(16, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ('id' in $$new_props) $$invalidate(0, id = $$new_props.id);
-		if ('valueselected' in $$new_props) $$invalidate(12, valueselected = $$new_props.valueselected);
-		if ('placeholder' in $$new_props) $$invalidate(1, placeholder = $$new_props.placeholder);
-		if ('size' in $$new_props) $$invalidate(2, size = $$new_props.size);
-		if ('isvalid' in $$new_props) $$invalidate(3, isvalid = $$new_props.isvalid);
-		if ('isinvalid' in $$new_props) $$invalidate(4, isinvalid = $$new_props.isinvalid);
-		if ('disabled' in $$new_props) $$invalidate(5, disabled = $$new_props.disabled);
-		if ('options' in $$new_props) $$invalidate(13, options = $$new_props.options);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*options*/ 8192) {
-			$$invalidate(9, parsedOptions = options ? JSON.parse(options) : []);
-		}
-
-		if ($$self.$$.dirty & /*valueselected*/ 4096) {
-			$$invalidate(7, valueSelected = valueselected);
-		}
-
-		$$invalidate(8, userClass = $$props.class);
-		$$invalidate(6, attributes = Object.assign({}, $$restProps));
-
-		if ($$self.$$.dirty & /*attributes*/ 64) {
-			delete attributes.class;
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		id,
-		placeholder,
-		size,
-		isvalid,
-		isinvalid,
-		disabled,
-		attributes,
-		valueSelected,
-		userClass,
-		parsedOptions,
-		eventHandler,
-		forwardEvents,
-		valueselected,
-		options,
-		select_change_handler,
-		change_handler
-	];
-}
-
-class Select extends SvelteElement {
-	constructor(options) {
-		super();
-		const style = document.createElement('style');
-		style.textContent = `.mc-select{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-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}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==");border-color:#c61112}.mc-select.is-valid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}`;
-		this.shadowRoot.appendChild(style);
-
-		init(
-			this,
-			{
-				target: this.shadowRoot,
-				props: attribute_to_object(this.attributes),
-				customElement: true
-			},
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				id: 0,
-				valueselected: 12,
-				placeholder: 1,
-				size: 2,
-				isvalid: 3,
-				isinvalid: 4,
-				disabled: 5,
-				options: 13
-			},
-			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",
-			"valueselected",
-			"placeholder",
-			"size",
-			"isvalid",
-			"isinvalid",
-			"disabled",
-			"options"
-		];
-	}
-
-	get id() {
-		return this.$$.ctx[0];
-	}
-
-	set id(id) {
-		this.$$set({ id });
-		flush();
-	}
-
-	get valueselected() {
-		return this.$$.ctx[12];
-	}
-
-	set valueselected(valueselected) {
-		this.$$set({ valueselected });
-		flush();
-	}
-
-	get placeholder() {
-		return this.$$.ctx[1];
-	}
-
-	set placeholder(placeholder) {
-		this.$$set({ placeholder });
-		flush();
-	}
-
-	get size() {
-		return this.$$.ctx[2];
-	}
-
-	set size(size) {
-		this.$$set({ size });
-		flush();
-	}
-
-	get isvalid() {
-		return this.$$.ctx[3];
-	}
-
-	set isvalid(isvalid) {
-		this.$$set({ isvalid });
-		flush();
-	}
-
-	get isinvalid() {
-		return this.$$.ctx[4];
-	}
-
-	set isinvalid(isinvalid) {
-		this.$$set({ isinvalid });
-		flush();
-	}
-
-	get disabled() {
-		return this.$$.ctx[5];
-	}
-
-	set disabled(disabled) {
-		this.$$set({ disabled });
-		flush();
-	}
-
-	get options() {
-		return this.$$.ctx[13];
-	}
-
-	set options(options) {
-		this.$$set({ options });
-		flush();
-	}
-}
-
-export { Select as default };
+import{S as e,i,a as t,b as r,f as s,s as a,c,e as l,K as n,n as o,h as d,a6 as m,j as g,a7 as x,a8 as h,B as p,l as u,m as M,o as b,J as I,H as v,p as A,r as D,q as w,t as f,k as j,d as E,g as C,a9 as z}from"../../index-c33b3772.js";import{E as k}from"../../EventHandler-02058705.js";import{c as y}from"../../EventForward-8492ff62.js";function $(e,i,t){const r=e.slice();return r[18]=i[t],r}function T(e){let i,t,s,a;return{c(){i=l("option"),t=f("-- "),s=f(e[1]),a=f(" --\n    "),i.__value="",i.value=i.__value,i.disabled=!0,i.selected=!0},m(e,c){r(e,i,c),g(i,t),g(i,s),g(i,a)},p(e,i){2&i&&j(s,e[1])},d(e){e&&b(i)}}}function N(e){let i,t,s,a,c,n,o=e[18].text+"";return{c(){i=l("option"),t=f(o),s=E(),C(i,"name",a=e[18].value),i.disabled=c=e[18].disabled,i.__value=n=e[18].value,i.value=i.__value},m(e,a){r(e,i,a),g(i,t),g(i,s)},p(e,r){512&r&&o!==(o=e[18].text+"")&&j(t,o),512&r&&a!==(a=e[18].value)&&C(i,"name",a),512&r&&c!==(c=e[18].disabled)&&(i.disabled=c),512&r&&n!==(n=e[18].value)&&(i.__value=n,i.value=i.__value)},d(e){e&&b(i)}}}function L(e){let i,t,s,a,A,D=e[1]&&T(e),w=e[9],f=[];for(let i=0;i<w.length;i+=1)f[i]=N($(e,w,i));let j=[{id:e[0]},{class:s=S(e[3],e[4],e[2])+" "+e[8]},{disabled:e[5]},e[6]],E={};for(let e=0;e<j.length;e+=1)E=c(E,j[e]);return{c(){i=l("select"),D&&D.c(),t=n();for(let e=0;e<f.length;e+=1)f[e].c();this.c=o,d(i,E),void 0===e[7]&&m((()=>e[14].call(i)))},m(s,c){r(s,i,c),D&&D.m(i,null),g(i,t);for(let e=0;e<f.length;e+=1)f[e]&&f[e].m(i,null);"value"in E&&(E.multiple?x:h)(i,E.value),i.autofocus&&i.focus(),h(i,e[7],!0),a||(A=[p(e[11].call(null,i)),u(i,"change",e[14]),u(i,"change",e[15])],a=!0)},p(e,[r]){if(e[1]?D?D.p(e,r):(D=T(e),D.c(),D.m(i,t)):D&&(D.d(1),D=null),512&r){let t;for(w=e[9],t=0;t<w.length;t+=1){const s=$(e,w,t);f[t]?f[t].p(s,r):(f[t]=N(s),f[t].c(),f[t].m(i,null))}for(;t<f.length;t+=1)f[t].d(1);f.length=w.length}d(i,E=M(j,[1&r&&{id:e[0]},284&r&&s!==(s=S(e[3],e[4],e[2])+" "+e[8])&&{class:s},32&r&&{disabled:e[5]},64&r&&e[6]])),381&r&&"value"in E&&(E.multiple?x:h)(i,E.value),640&r&&h(i,e[7])},i:o,o:o,d(e){e&&b(i),D&&D.d(),I(f,e),a=!1,v(A)}}}function S(e,i,t){const r=["mc-select"];return e&&!i&&r.push("is-valid"),i&&r.push("is-invalid"),t&&r.push(`mc-select--${t}`),r.join(" ")}function G(e,i,t){let r,s,a;const l=["id","valueselected","placeholder","size","isvalid","isinvalid","disabled","options"];let n=A(i,l),{id:o}=i,{valueselected:d=""}=i,{placeholder:m}=i,{size:g="m"}=i,{isvalid:x=!1}=i,{isinvalid:h=!1}=i,{disabled:p=!1}=i,{options:u}=i,M=new k;const b=y(D());let I="";return e.$$set=e=>{t(17,i=c(c({},i),w(e))),t(16,n=A(i,l)),"id"in e&&t(0,o=e.id),"valueselected"in e&&t(12,d=e.valueselected),"placeholder"in e&&t(1,m=e.placeholder),"size"in e&&t(2,g=e.size),"isvalid"in e&&t(3,x=e.isvalid),"isinvalid"in e&&t(4,h=e.isinvalid),"disabled"in e&&t(5,p=e.disabled),"options"in e&&t(13,u=e.options)},e.$$.update=()=>{8192&e.$$.dirty&&t(9,r=u?JSON.parse(u):[]),4096&e.$$.dirty&&t(7,I=d),t(8,s=i.class),t(6,a=Object.assign({},n)),64&e.$$.dirty&&delete a.class},i=w(i),[o,m,g,x,h,p,a,I,s,r,M,b,d,u,function(){I=z(this),t(7,I),t(12,d),t(9,r),t(13,u)},()=>M.dispatch("change",I)]}class Z extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-select{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-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}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==");border-color:#c61112}.mc-select.is-valid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}',this.shadowRoot.appendChild(c),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},G,L,a,{id:0,valueselected:12,placeholder:1,size:2,isvalid:3,isinvalid:4,disabled:5,options:13},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["id","valueselected","placeholder","size","isvalid","isinvalid","disabled","options"]}get id(){return this.$$.ctx[0]}set id(e){this.$$set({id:e}),s()}get valueselected(){return this.$$.ctx[12]}set valueselected(e){this.$$set({valueselected:e}),s()}get placeholder(){return this.$$.ctx[1]}set placeholder(e){this.$$set({placeholder:e}),s()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),s()}get isvalid(){return this.$$.ctx[3]}set isvalid(e){this.$$set({isvalid:e}),s()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),s()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),s()}get options(){return this.$$.ctx[13]}set options(e){this.$$set({options:e}),s()}}export{Z as default};
 //# sourceMappingURL=Select.js.map

package/public/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { createEventForwarder } from '../../utilities/EventForward';\n\n  import type { SelectOption, SelectSize } from './select.types';\n\n  export let id: string;\n  export let valueselected = '';\n  export let placeholder: string;\n  export let size: SelectSize = 'm';\n  export let isvalid = false;\n  export let isinvalid = false;\n  export let disabled = false;\n  export let options: string;\n  let eventHandler = new EventHandler();\n  const forwardEvents = createEventForwarder(get_current_component());\n  let valueSelected = '';\n\n  $: parsedOptions = options ? (JSON.parse(options) as SelectOption[]) : [];\n  $: valueSelected = valueselected;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function setClasses(\n    isvalid: boolean,\n    isinvalid: boolean,\n    size: SelectSize,\n  ): string {\n    const classes = ['mc-select'];\n\n    if (isvalid && !isinvalid) {\n      classes.push('is-valid');\n    }\n\n    if (isinvalid) {\n      classes.push('is-invalid');\n    }\n    if (size) {\n      classes.push(`mc-select--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<!-- svelte-ignore a11y-no-onchange -->\n<select\n  use:forwardEvents\n  {id}\n  class=\"{setClasses(isvalid, isinvalid, size)} {userClass}\"\n  {disabled}\n  bind:value={valueSelected}\n  on:change={() => eventHandler.dispatch('change', valueSelected)}\n  {...attributes}\n>\n  {#if placeholder}\n    <option value=\"\" disabled selected>\n      -- {placeholder} --\n    </option>\n  {/if}\n\n  {#each parsedOptions as opt}\n    <option name={opt.value} disabled={opt.disabled} value={opt.value}>\n      {opt.text}\n    </option>\n  {/each}\n</select>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.select';\n</style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { createEventForwarder } from '../../utilities/EventForward';\n\n  import type { SelectOption, SelectSize } from './select.types';\n\n  export let id: string;\n  export let valueselected = '';\n  export let placeholder: string;\n  export let size: SelectSize = 'm';\n  export let isvalid = false;\n  export let isinvalid = false;\n  export let disabled = false;\n  export let options: string;\n  let eventHandler = new EventHandler();\n  const forwardEvents = createEventForwarder(get_current_component());\n  let valueSelected = '';\n\n  $: parsedOptions = options ? (JSON.parse(options) as SelectOption[]) : [];\n  $: valueSelected = valueselected;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function setClasses(\n    isvalid: boolean,\n    isinvalid: boolean,\n    size: SelectSize,\n  ): string {\n    const classes = ['mc-select'];\n\n    if (isvalid && !isinvalid) {\n      classes.push('is-valid');\n    }\n\n    if (isinvalid) {\n      classes.push('is-invalid');\n    }\n    if (size) {\n      classes.push(`mc-select--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<!-- svelte-ignore a11y-no-onchange -->\n<select\n  use:forwardEvents\n  {id}\n  class=\"{setClasses(isvalid, isinvalid, size)} {userClass}\"\n  {disabled}\n  bind:value={valueSelected}\n  on:change={() => eventHandler.dispatch('change', valueSelected)}\n  {...attributes}\n>\n  {#if placeholder}\n    <option value=\"\" disabled selected>\n      -- {placeholder} --\n    </option>\n  {/if}\n\n  {#each parsedOptions as opt}\n    <option name={opt.value} disabled={opt.disabled} value={opt.value}>\n      {opt.text}\n    </option>\n  {/each}\n</select>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.select';\n</style>\n"],"names":["ctx","insert","target","option","anchor","t0_value","text","attr","option_name_value","value","disabled","option_disabled_value","__value","option_value_value","dirty","set_data","t0","create_if_block","length","i","class","select_class_value","setClasses","add_render_callback","call","select","isvalid","isinvalid","size","classes","push","join","id","$$props","valueselected","placeholder","options","eventHandler","EventHandler","forwardEvents","createEventForwarder","get_current_component","valueSelected","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps","select_value","this","dispatch"],"mappings":"+bA2DsC,WAC5BA,EAAW,QAAC,gFADlBC,EAEQC,EAAAC,EAAAC,yCADFJ,EAAW,kDAMdK,EAAAL,MAAIM,KAAI,yCADGC,EAAAJ,EAAA,OAAAK,EAAAR,MAAIS,OAAiBN,EAAAO,SAAAC,EAAAX,MAAIU,SAAiBP,EAAAS,QAAAC,EAAAb,MAAIS,gCAA5DR,EAEQC,EAAAC,EAAAC,yBADL,IAAAU,GAAAT,KAAAA,EAAAL,MAAIM,KAAI,KAAAS,EAAAC,EAAAX,GADG,IAAAS,GAAAN,KAAAA,EAAAR,MAAIS,sBAAiB,IAAAK,GAAAH,KAAAA,EAAAX,MAAIU,0BAAiB,IAAAI,GAAAD,KAAAA,EAAAb,MAAIS,sFAPzDT,EAAW,IAAAiB,EAAAjB,KAMTA,EAAa,wBAAlBkB,OAAIC,GAAA,qCAZEC,MAAAC,EAAAC,EAAWtB,EAAO,GAAEA,EAAW,GAAAA,UAAQA,EAAS,oBAIpDA,EAAU,mJAFW,IAAbA,EAAa,IAAAuB,GAAA,IAAAvB,EAAA,IAAAwB,KAAAC,aAL3BxB,EAoBQC,EAAAuB,EAAArB,8IAfMJ,EAAa,IAAA,4FAIpBA,EAAW,4EAMTA,EAAa,WAAlBkB,OAAIC,GAAA,EAAA,iHAAJD,iCAZM,IAAAJ,GAAAO,KAAAA,EAAAC,EAAWtB,EAAO,GAAEA,EAAW,GAAAA,UAAQA,EAAS,KAAA,CAAAoB,MAAAC,+BAIpDrB,EAAU,iEAFFA,EAAa,sDA5BhB,SAAAsB,EACPI,EACAC,EACAC,GAEM,MAAAC,GAAW,oBAEbH,IAAYC,GACdE,EAAQC,KAAK,YAGXH,GACFE,EAAQC,KAAK,cAEXF,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,iJAnCXC,GAAUC,GACVC,cAAAA,EAAgB,IAAED,eAClBE,GAAmBF,GACnBL,KAAAA,EAAmB,KAAGK,GACtBP,QAAAA,GAAU,GAAKO,GACfN,UAAAA,GAAY,GAAKM,GACjBvB,SAAAA,GAAW,GAAKuB,WAChBG,GAAeH,EACtBI,MAAmBC,QACjBC,EAAgBC,EAAqBC,KACvC,IAAAC,EAAgB,4WAEnBC,EAAA,EAAEC,EAAgBR,EAAWS,KAAKC,MAAMV,GAAO,qBAC/CO,EAAA,EAAED,EAAgBR,GAChBS,EAAA,EAAAI,EAAYd,EAAQb,WACpB4B,EAALC,OAAAC,UAAuBC,0BACXH,EAAW5B,sDA6BTsB,EAAaU,EAAAC,qCACR,IAAAhB,EAAaiB,SAAS,SAAUZ"}