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

package/public/components/button/Button.js

@@ -1,1142 +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, d as space, n as noop, h as set_attributes, z as toggle_class, j as append, B as action_destroyer, C as transition_in, D as transition_out, E as check_outros, m as get_spread_update, o as detach, p as compute_rest_props, r as get_current_component, q as exclude_internal_props, g as attr, M as group_outros, Z as HtmlTag, K as empty, x as create_component, A as mount_component, G as destroy_component, t as text, k as set_data } from '../../index-c33b3772.js';
-import { c as createEventForwarder } from '../../EventForward-8492ff62.js';
-import Loader_nested from '../loader/Loader.nested.js';
-
-/* src/components/button/Button.svelte generated by Svelte v3.58.0 */
-
-function create_if_block_6(ctx) {
-	let span;
-	let current_block_type_index;
-	let if_block;
-	let current;
-	const if_block_creators = [create_if_block_7, create_else_block_3];
-	const if_blocks = [];
-
-	function select_block_type(ctx, dirty) {
-		if (/*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'left') return 0;
-		return 1;
-	}
-
-	current_block_type_index = select_block_type(ctx);
-	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-
-	return {
-		c() {
-			span = element("span");
-			if_block.c();
-			attr(span, "class", "mc-button__icon");
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-			if_blocks[current_block_type_index].m(span, null);
-			current = true;
-		},
-		p(ctx, dirty) {
-			let previous_block_index = current_block_type_index;
-			current_block_type_index = select_block_type(ctx);
-
-			if (current_block_type_index === previous_block_index) {
-				if_blocks[current_block_type_index].p(ctx, dirty);
-			} else {
-				group_outros();
-
-				transition_out(if_blocks[previous_block_index], 1, 1, () => {
-					if_blocks[previous_block_index] = null;
-				});
-
-				check_outros();
-				if_block = if_blocks[current_block_type_index];
-
-				if (!if_block) {
-					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-					if_block.c();
-				} else {
-					if_block.p(ctx, dirty);
-				}
-
-				transition_in(if_block, 1);
-				if_block.m(span, null);
-			}
-		},
-		i(local) {
-			if (current) return;
-			transition_in(if_block);
-			current = true;
-		},
-		o(local) {
-			transition_out(if_block);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(span);
-			if_blocks[current_block_type_index].d();
-		}
-	};
-}
-
-// (93:6) {:else}
-function create_else_block_3(ctx) {
-	let html_tag;
-	let raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} />` + "";
-	let html_anchor;
-
-	return {
-		c() {
-			html_tag = new HtmlTag(false);
-			html_anchor = empty();
-			html_tag.a = html_anchor;
-		},
-		m(target, anchor) {
-			html_tag.m(raw_value, target, anchor);
-			insert(target, html_anchor, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*size, iconmode, iconname*/ 100 && raw_value !== (raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} />` + "")) html_tag.p(raw_value);
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(html_anchor);
-			if (detaching) html_tag.d();
-		}
-	};
-}
-
-// (91:6) {#if isLoading && loaderPosition === 'left'}
-function create_if_block_7(ctx) {
-	let loader_1;
-	let current;
-
-	loader_1 = new Loader_nested({
-			props: {
-				size: "s",
-				theme: /*loaderTheme*/ ctx[11],
-				text: "TEST"
-			}
-		});
-
-	return {
-		c() {
-			create_component(loader_1.$$.fragment);
-		},
-		m(target, anchor) {
-			mount_component(loader_1, target, anchor);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const loader_1_changes = {};
-			if (dirty & /*loaderTheme*/ 2048) loader_1_changes.theme = /*loaderTheme*/ ctx[11];
-			loader_1.$set(loader_1_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(loader_1.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(loader_1.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			destroy_component(loader_1, detaching);
-		}
-	};
-}
-
-// (107:2) {:else}
-function create_else_block_2(ctx) {
-	let t0;
-	let span;
-	let t1;
-	let t2;
-	let if_block1_anchor;
-	let current;
-	let if_block0 = /*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'left' && !/*iconname*/ ctx[5] && create_if_block_5(ctx);
-	let if_block1 = /*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'right' && !/*iconname*/ ctx[5] && create_if_block_4(ctx);
-
-	return {
-		c() {
-			if (if_block0) if_block0.c();
-			t0 = space();
-			span = element("span");
-			t1 = text(/*label*/ ctx[4]);
-			t2 = space();
-			if (if_block1) if_block1.c();
-			if_block1_anchor = empty();
-			attr(span, "class", "mc-button__label");
-		},
-		m(target, anchor) {
-			if (if_block0) if_block0.m(target, anchor);
-			insert(target, t0, anchor);
-			insert(target, span, anchor);
-			append(span, t1);
-			insert(target, t2, anchor);
-			if (if_block1) if_block1.m(target, anchor);
-			insert(target, if_block1_anchor, anchor);
-			current = true;
-		},
-		p(ctx, dirty) {
-			if (/*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'left' && !/*iconname*/ ctx[5]) {
-				if (if_block0) {
-					if_block0.p(ctx, dirty);
-
-					if (dirty & /*isLoading, loaderPosition, iconname*/ 12320) {
-						transition_in(if_block0, 1);
-					}
-				} else {
-					if_block0 = create_if_block_5(ctx);
-					if_block0.c();
-					transition_in(if_block0, 1);
-					if_block0.m(t0.parentNode, t0);
-				}
-			} else if (if_block0) {
-				group_outros();
-
-				transition_out(if_block0, 1, 1, () => {
-					if_block0 = null;
-				});
-
-				check_outros();
-			}
-
-			if (!current || dirty & /*label*/ 16) set_data(t1, /*label*/ ctx[4]);
-
-			if (/*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'right' && !/*iconname*/ ctx[5]) {
-				if (if_block1) {
-					if_block1.p(ctx, dirty);
-
-					if (dirty & /*isLoading, loaderPosition, iconname*/ 12320) {
-						transition_in(if_block1, 1);
-					}
-				} else {
-					if_block1 = create_if_block_4(ctx);
-					if_block1.c();
-					transition_in(if_block1, 1);
-					if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
-				}
-			} 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 (if_block0) if_block0.d(detaching);
-			if (detaching) detach(t0);
-			if (detaching) detach(span);
-			if (detaching) detach(t2);
-			if (if_block1) if_block1.d(detaching);
-			if (detaching) detach(if_block1_anchor);
-		}
-	};
-}
-
-// (99:2) {#if iconname && iconmode === 'only'}
-function create_if_block_2(ctx) {
-	let span;
-	let current_block_type_index;
-	let if_block;
-	let current;
-	const if_block_creators = [create_if_block_3, create_else_block_1];
-	const if_blocks = [];
-
-	function select_block_type_2(ctx, dirty) {
-		if (/*isLoading*/ ctx[13]) return 0;
-		return 1;
-	}
-
-	current_block_type_index = select_block_type_2(ctx);
-	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-
-	return {
-		c() {
-			span = element("span");
-			if_block.c();
-			attr(span, "class", "mc-button__icon");
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-			if_blocks[current_block_type_index].m(span, null);
-			current = true;
-		},
-		p(ctx, dirty) {
-			let previous_block_index = current_block_type_index;
-			current_block_type_index = select_block_type_2(ctx);
-
-			if (current_block_type_index === previous_block_index) {
-				if_blocks[current_block_type_index].p(ctx, dirty);
-			} else {
-				group_outros();
-
-				transition_out(if_blocks[previous_block_index], 1, 1, () => {
-					if_blocks[previous_block_index] = null;
-				});
-
-				check_outros();
-				if_block = if_blocks[current_block_type_index];
-
-				if (!if_block) {
-					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-					if_block.c();
-				} else {
-					if_block.p(ctx, dirty);
-				}
-
-				transition_in(if_block, 1);
-				if_block.m(span, null);
-			}
-		},
-		i(local) {
-			if (current) return;
-			transition_in(if_block);
-			current = true;
-		},
-		o(local) {
-			transition_out(if_block);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(span);
-			if_blocks[current_block_type_index].d();
-		}
-	};
-}
-
-// (108:4) {#if isLoading && loaderPosition === 'left' && !iconname}
-function create_if_block_5(ctx) {
-	let span;
-	let loader_1;
-	let current;
-
-	loader_1 = new Loader_nested({
-			props: {
-				size: "s",
-				theme: /*loaderTheme*/ ctx[11],
-				text: ""
-			}
-		});
-
-	return {
-		c() {
-			span = element("span");
-			create_component(loader_1.$$.fragment);
-			attr(span, "class", "mc-button__icon");
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-			mount_component(loader_1, span, null);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const loader_1_changes = {};
-			if (dirty & /*loaderTheme*/ 2048) loader_1_changes.theme = /*loaderTheme*/ ctx[11];
-			loader_1.$set(loader_1_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(loader_1.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(loader_1.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(span);
-			destroy_component(loader_1);
-		}
-	};
-}
-
-// (114:4) {#if isLoading && loaderPosition === 'right' && !iconname}
-function create_if_block_4(ctx) {
-	let span;
-	let loader_1;
-	let current;
-
-	loader_1 = new Loader_nested({
-			props: {
-				size: "s",
-				theme: /*loaderTheme*/ ctx[11],
-				text: ""
-			}
-		});
-
-	return {
-		c() {
-			span = element("span");
-			create_component(loader_1.$$.fragment);
-			attr(span, "class", "mc-button__icon");
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-			mount_component(loader_1, span, null);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const loader_1_changes = {};
-			if (dirty & /*loaderTheme*/ 2048) loader_1_changes.theme = /*loaderTheme*/ ctx[11];
-			loader_1.$set(loader_1_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(loader_1.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(loader_1.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(span);
-			destroy_component(loader_1);
-		}
-	};
-}
-
-// (103:6) {:else}
-function create_else_block_1(ctx) {
-	let html_tag;
-	let raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} size="100%" />` + "";
-	let html_anchor;
-
-	return {
-		c() {
-			html_tag = new HtmlTag(false);
-			html_anchor = empty();
-			html_tag.a = html_anchor;
-		},
-		m(target, anchor) {
-			html_tag.m(raw_value, target, anchor);
-			insert(target, html_anchor, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*size, iconmode, iconname*/ 100 && raw_value !== (raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} size="100%" />` + "")) html_tag.p(raw_value);
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(html_anchor);
-			if (detaching) html_tag.d();
-		}
-	};
-}
-
-// (101:6) {#if isLoading}
-function create_if_block_3(ctx) {
-	let loader_1;
-	let current;
-
-	loader_1 = new Loader_nested({
-			props: {
-				size: "m",
-				theme: /*loaderTheme*/ ctx[11],
-				text: ""
-			}
-		});
-
-	return {
-		c() {
-			create_component(loader_1.$$.fragment);
-		},
-		m(target, anchor) {
-			mount_component(loader_1, target, anchor);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const loader_1_changes = {};
-			if (dirty & /*loaderTheme*/ 2048) loader_1_changes.theme = /*loaderTheme*/ ctx[11];
-			loader_1.$set(loader_1_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(loader_1.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(loader_1.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			destroy_component(loader_1, detaching);
-		}
-	};
-}
-
-// (121:2) {#if iconname && iconmode === 'right'}
-function create_if_block(ctx) {
-	let span;
-	let current_block_type_index;
-	let if_block;
-	let current;
-	const if_block_creators = [create_if_block_1, create_else_block];
-	const if_blocks = [];
-
-	function select_block_type_3(ctx, dirty) {
-		if (/*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'right') return 0;
-		return 1;
-	}
-
-	current_block_type_index = select_block_type_3(ctx);
-	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-
-	return {
-		c() {
-			span = element("span");
-			if_block.c();
-			attr(span, "class", "mc-button__icon");
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-			if_blocks[current_block_type_index].m(span, null);
-			current = true;
-		},
-		p(ctx, dirty) {
-			let previous_block_index = current_block_type_index;
-			current_block_type_index = select_block_type_3(ctx);
-
-			if (current_block_type_index === previous_block_index) {
-				if_blocks[current_block_type_index].p(ctx, dirty);
-			} else {
-				group_outros();
-
-				transition_out(if_blocks[previous_block_index], 1, 1, () => {
-					if_blocks[previous_block_index] = null;
-				});
-
-				check_outros();
-				if_block = if_blocks[current_block_type_index];
-
-				if (!if_block) {
-					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-					if_block.c();
-				} else {
-					if_block.p(ctx, dirty);
-				}
-
-				transition_in(if_block, 1);
-				if_block.m(span, null);
-			}
-		},
-		i(local) {
-			if (current) return;
-			transition_in(if_block);
-			current = true;
-		},
-		o(local) {
-			transition_out(if_block);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(span);
-			if_blocks[current_block_type_index].d();
-		}
-	};
-}
-
-// (125:6) {:else}
-function create_else_block(ctx) {
-	let html_tag;
-	let raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} />` + "";
-	let html_anchor;
-
-	return {
-		c() {
-			html_tag = new HtmlTag(false);
-			html_anchor = empty();
-			html_tag.a = html_anchor;
-		},
-		m(target, anchor) {
-			html_tag.m(raw_value, target, anchor);
-			insert(target, html_anchor, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*size, iconmode, iconname*/ 100 && raw_value !== (raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} />` + "")) html_tag.p(raw_value);
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(html_anchor);
-			if (detaching) html_tag.d();
-		}
-	};
-}
-
-// (123:6) {#if isLoading && loaderPosition === 'right'}
-function create_if_block_1(ctx) {
-	let loader_1;
-	let current;
-
-	loader_1 = new Loader_nested({
-			props: {
-				size: "s",
-				theme: /*loaderTheme*/ ctx[11],
-				text: ""
-			}
-		});
-
-	return {
-		c() {
-			create_component(loader_1.$$.fragment);
-		},
-		m(target, anchor) {
-			mount_component(loader_1, target, anchor);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const loader_1_changes = {};
-			if (dirty & /*loaderTheme*/ 2048) loader_1_changes.theme = /*loaderTheme*/ ctx[11];
-			loader_1.$set(loader_1_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(loader_1.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(loader_1.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			destroy_component(loader_1, detaching);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let button;
-	let t0;
-	let current_block_type_index;
-	let if_block1;
-	let t1;
-	let button_class_value;
-	let current;
-	let mounted;
-	let dispose;
-	let if_block0 = /*iconname*/ ctx[5] && /*iconmode*/ ctx[6] === 'left' && create_if_block_6(ctx);
-	const if_block_creators = [create_if_block_2, create_else_block_2];
-	const if_blocks = [];
-
-	function select_block_type_1(ctx, dirty) {
-		if (/*iconname*/ ctx[5] && /*iconmode*/ ctx[6] === 'only') return 0;
-		return 1;
-	}
-
-	current_block_type_index = select_block_type_1(ctx);
-	if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-	let if_block2 = /*iconname*/ ctx[5] && /*iconmode*/ ctx[6] === 'right' && create_if_block(ctx);
-
-	let button_levels = [
-		{ type: /*type*/ ctx[8] },
-		{
-			class: button_class_value = "" + (/*getClasses*/ ctx[15](/*theme*/ ctx[1], /*bordered*/ ctx[0], /*size*/ ctx[2], /*full*/ ctx[3]) + " " + /*userClass*/ ctx[10])
-		},
-		{ disabled: /*disabled*/ ctx[7] },
-		/*attributes*/ ctx[9]
-	];
-
-	let button_data = {};
-
-	for (let i = 0; i < button_levels.length; i += 1) {
-		button_data = assign(button_data, button_levels[i]);
-	}
-
-	return {
-		c() {
-			button = element("button");
-			if (if_block0) if_block0.c();
-			t0 = space();
-			if_block1.c();
-			t1 = space();
-			if (if_block2) if_block2.c();
-			this.c = noop;
-			set_attributes(button, button_data);
-			toggle_class(button, "mc-button--square", /*iconmode*/ ctx[6]);
-		},
-		m(target, anchor) {
-			insert(target, button, anchor);
-			if (if_block0) if_block0.m(button, null);
-			append(button, t0);
-			if_blocks[current_block_type_index].m(button, null);
-			append(button, t1);
-			if (if_block2) if_block2.m(button, null);
-			if (button.autofocus) button.focus();
-			current = true;
-
-			if (!mounted) {
-				dispose = action_destroyer(/*forwardEvents*/ ctx[14].call(null, button));
-				mounted = true;
-			}
-		},
-		p(ctx, [dirty]) {
-			if (/*iconname*/ ctx[5] && /*iconmode*/ ctx[6] === 'left') {
-				if (if_block0) {
-					if_block0.p(ctx, dirty);
-
-					if (dirty & /*iconname, iconmode*/ 96) {
-						transition_in(if_block0, 1);
-					}
-				} else {
-					if_block0 = create_if_block_6(ctx);
-					if_block0.c();
-					transition_in(if_block0, 1);
-					if_block0.m(button, t0);
-				}
-			} else if (if_block0) {
-				group_outros();
-
-				transition_out(if_block0, 1, 1, () => {
-					if_block0 = null;
-				});
-
-				check_outros();
-			}
-
-			let previous_block_index = current_block_type_index;
-			current_block_type_index = select_block_type_1(ctx);
-
-			if (current_block_type_index === previous_block_index) {
-				if_blocks[current_block_type_index].p(ctx, dirty);
-			} else {
-				group_outros();
-
-				transition_out(if_blocks[previous_block_index], 1, 1, () => {
-					if_blocks[previous_block_index] = null;
-				});
-
-				check_outros();
-				if_block1 = if_blocks[current_block_type_index];
-
-				if (!if_block1) {
-					if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-					if_block1.c();
-				} else {
-					if_block1.p(ctx, dirty);
-				}
-
-				transition_in(if_block1, 1);
-				if_block1.m(button, t1);
-			}
-
-			if (/*iconname*/ ctx[5] && /*iconmode*/ ctx[6] === 'right') {
-				if (if_block2) {
-					if_block2.p(ctx, dirty);
-
-					if (dirty & /*iconname, iconmode*/ 96) {
-						transition_in(if_block2, 1);
-					}
-				} else {
-					if_block2 = create_if_block(ctx);
-					if_block2.c();
-					transition_in(if_block2, 1);
-					if_block2.m(button, null);
-				}
-			} else if (if_block2) {
-				group_outros();
-
-				transition_out(if_block2, 1, 1, () => {
-					if_block2 = null;
-				});
-
-				check_outros();
-			}
-
-			set_attributes(button, button_data = get_spread_update(button_levels, [
-				(!current || dirty & /*type*/ 256) && { type: /*type*/ ctx[8] },
-				(!current || dirty & /*theme, bordered, size, full, userClass*/ 1039 && button_class_value !== (button_class_value = "" + (/*getClasses*/ ctx[15](/*theme*/ ctx[1], /*bordered*/ ctx[0], /*size*/ ctx[2], /*full*/ ctx[3]) + " " + /*userClass*/ ctx[10]))) && { class: button_class_value },
-				(!current || dirty & /*disabled*/ 128) && { disabled: /*disabled*/ ctx[7] },
-				dirty & /*attributes*/ 512 && /*attributes*/ ctx[9]
-			]));
-
-			toggle_class(button, "mc-button--square", /*iconmode*/ ctx[6]);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(if_block0);
-			transition_in(if_block1);
-			transition_in(if_block2);
-			current = true;
-		},
-		o(local) {
-			transition_out(if_block0);
-			transition_out(if_block1);
-			transition_out(if_block2);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(button);
-			if (if_block0) if_block0.d();
-			if_blocks[current_block_type_index].d();
-			if (if_block2) if_block2.d();
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-function generateIconName(size, iconMode, iconName) {
-	const isIconOnly = iconMode === 'only';
-	let iconSize;
-
-	switch (size) {
-		case 's':
-			iconSize = '24px';
-			break;
-		case 'm':
-			iconSize = isIconOnly ? '32px' : '24px';
-			break;
-		case 'l':
-			iconSize = isIconOnly ? '100%' : '32px';
-			break;
-	}
-
-	return `${iconName} size="${iconSize}" class="no"`;
-}
-
-function getAppearanceClass(theme, isBordered) {
-	if (!isBordered && !theme) {
-		return '';
-	}
-
-	const type = isBordered ? 'bordered' : 'solid';
-
-	if (theme) {
-		return `mc-button--${type}-${theme}`;
-	}
-
-	return `mc-button--${type}`;
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let loaderOpts;
-	let isLoading;
-	let loaderPosition;
-	let loaderTheme;
-	let userClass;
-	let attributes;
-
-	const omit_props_names = [
-		"bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"
-	];
-
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	var _a, _b, _c;
-	let { bordered = false } = $$props;
-	let { theme = undefined } = $$props;
-	let { size = 'm' } = $$props;
-	let { full = false } = $$props;
-	let { label } = $$props;
-	let { iconname } = $$props;
-	let { iconmode } = $$props;
-	let { disabled = false } = $$props;
-	let { responsivesize = undefined } = $$props;
-	let { responsivewidth = undefined } = $$props;
-	let { type = 'button' } = $$props;
-	let { loader } = $$props;
-	const forwardEvents = createEventForwarder(get_current_component());
-
-	function getClasses(theme, isBordered, size, isFull) {
-		const classes = ['mc-button'];
-		const appearanceClass = getAppearanceClass(theme, isBordered);
-
-		if (appearanceClass) {
-			classes.push(appearanceClass);
-		}
-
-		if (size) {
-			classes.push(`mc-button--${size}`);
-		}
-
-		if (isFull) {
-			classes.push(`mc-button--full`);
-		} else {
-			classes.push(`mc-button--fit`);
-		}
-
-		if (iconmode === 'only') {
-			classes.push('mc-button--square');
-		}
-
-		if (responsivesize) {
-			classes.push(`mc-button--${responsivesize}`);
-		}
-
-		if (responsivewidth) {
-			classes.push(`mc-button--${responsivewidth}`);
-		}
-
-		return classes.join(' ');
-	}
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(24, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(23, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ('bordered' in $$new_props) $$invalidate(0, bordered = $$new_props.bordered);
-		if ('theme' in $$new_props) $$invalidate(1, theme = $$new_props.theme);
-		if ('size' in $$new_props) $$invalidate(2, size = $$new_props.size);
-		if ('full' in $$new_props) $$invalidate(3, full = $$new_props.full);
-		if ('label' in $$new_props) $$invalidate(4, label = $$new_props.label);
-		if ('iconname' in $$new_props) $$invalidate(5, iconname = $$new_props.iconname);
-		if ('iconmode' in $$new_props) $$invalidate(6, iconmode = $$new_props.iconmode);
-		if ('disabled' in $$new_props) $$invalidate(7, disabled = $$new_props.disabled);
-		if ('responsivesize' in $$new_props) $$invalidate(16, responsivesize = $$new_props.responsivesize);
-		if ('responsivewidth' in $$new_props) $$invalidate(17, responsivewidth = $$new_props.responsivewidth);
-		if ('type' in $$new_props) $$invalidate(8, type = $$new_props.type);
-		if ('loader' in $$new_props) $$invalidate(18, loader = $$new_props.loader);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*loader*/ 262144) {
-			$$invalidate(22, loaderOpts = loader ? JSON.parse(loader) : undefined);
-		}
-
-		if ($$self.$$.dirty & /*loaderOpts, _a*/ 4718592) {
-			$$invalidate(13, isLoading = $$invalidate(19, _a = loaderOpts === null || loaderOpts === void 0
-			? void 0
-			: loaderOpts.enabled) !== null && _a !== void 0
-			? _a
-			: false);
-		}
-
-		if ($$self.$$.dirty & /*loaderOpts, _b*/ 5242880) {
-			$$invalidate(12, loaderPosition = $$invalidate(20, _b = loaderOpts === null || loaderOpts === void 0
-			? void 0
-			: loaderOpts.position) !== null && _b !== void 0
-			? _b
-			: 'left');
-		}
-
-		if ($$self.$$.dirty & /*loaderOpts, _c*/ 6291456) {
-			$$invalidate(11, loaderTheme = $$invalidate(21, _c = loaderOpts === null || loaderOpts === void 0
-			? void 0
-			: loaderOpts.theme) !== null && _c !== void 0
-			? _c
-			: 'primary');
-		}
-
-		$$invalidate(10, userClass = $$props.class);
-		$$invalidate(9, attributes = Object.assign({}, $$restProps));
-
-		if ($$self.$$.dirty & /*attributes*/ 512) {
-			delete attributes.class;
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		bordered,
-		theme,
-		size,
-		full,
-		label,
-		iconname,
-		iconmode,
-		disabled,
-		type,
-		attributes,
-		userClass,
-		loaderTheme,
-		loaderPosition,
-		isLoading,
-		forwardEvents,
-		getClasses,
-		responsivesize,
-		responsivewidth,
-		loader,
-		_a,
-		_b,
-		_c,
-		loaderOpts
-	];
-}
-
-class Button extends SvelteElement {
-	constructor(options) {
-		super();
-		const style = document.createElement('style');
-		style.textContent = `.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#188803;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;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;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006902;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006902}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#188803;border-color:#188803;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}`;
-		this.shadowRoot.appendChild(style);
-
-		init(
-			this,
-			{
-				target: this.shadowRoot,
-				props: attribute_to_object(this.attributes),
-				customElement: true
-			},
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				bordered: 0,
-				theme: 1,
-				size: 2,
-				full: 3,
-				label: 4,
-				iconname: 5,
-				iconmode: 6,
-				disabled: 7,
-				responsivesize: 16,
-				responsivewidth: 17,
-				type: 8,
-				loader: 18
-			},
-			null
-		);
-
-		if (options) {
-			if (options.target) {
-				insert(options.target, this, options.anchor);
-			}
-
-			if (options.props) {
-				this.$set(options.props);
-				flush();
-			}
-		}
-	}
-
-	static get observedAttributes() {
-		return [
-			"bordered",
-			"theme",
-			"size",
-			"full",
-			"label",
-			"iconname",
-			"iconmode",
-			"disabled",
-			"responsivesize",
-			"responsivewidth",
-			"type",
-			"loader"
-		];
-	}
-
-	get bordered() {
-		return this.$$.ctx[0];
-	}
-
-	set bordered(bordered) {
-		this.$$set({ bordered });
-		flush();
-	}
-
-	get theme() {
-		return this.$$.ctx[1];
-	}
-
-	set theme(theme) {
-		this.$$set({ theme });
-		flush();
-	}
-
-	get size() {
-		return this.$$.ctx[2];
-	}
-
-	set size(size) {
-		this.$$set({ size });
-		flush();
-	}
-
-	get full() {
-		return this.$$.ctx[3];
-	}
-
-	set full(full) {
-		this.$$set({ full });
-		flush();
-	}
-
-	get label() {
-		return this.$$.ctx[4];
-	}
-
-	set label(label) {
-		this.$$set({ label });
-		flush();
-	}
-
-	get iconname() {
-		return this.$$.ctx[5];
-	}
-
-	set iconname(iconname) {
-		this.$$set({ iconname });
-		flush();
-	}
-
-	get iconmode() {
-		return this.$$.ctx[6];
-	}
-
-	set iconmode(iconmode) {
-		this.$$set({ iconmode });
-		flush();
-	}
-
-	get disabled() {
-		return this.$$.ctx[7];
-	}
-
-	set disabled(disabled) {
-		this.$$set({ disabled });
-		flush();
-	}
-
-	get responsivesize() {
-		return this.$$.ctx[16];
-	}
-
-	set responsivesize(responsivesize) {
-		this.$$set({ responsivesize });
-		flush();
-	}
-
-	get responsivewidth() {
-		return this.$$.ctx[17];
-	}
-
-	set responsivewidth(responsivewidth) {
-		this.$$set({ responsivewidth });
-		flush();
-	}
-
-	get type() {
-		return this.$$.ctx[8];
-	}
-
-	set type(type) {
-		this.$$set({ type });
-		flush();
-	}
-
-	get loader() {
-		return this.$$.ctx[18];
-	}
-
-	set loader(loader) {
-		this.$$set({ loader });
-		flush();
-	}
-}
-
-export { Button as default };
+import{S as t,i as o,a as e,b as i,f as n,s as r,c as m,e as c,d as l,n as d,h as a,z as s,j as b,B as u,C as h,D as f,E as g,m as p,o as x,p as w,r as _,q as $,g as y,M as v,Z as k,K as z,x as j,A as q,G as C,t as E,k as N}from"../../index-c33b3772.js";import{c as A}from"../../EventForward-8492ff62.js";import L from"../loader/Loader.nested.js";function M(t){let o,e,n,r;const m=[R,O],l=[];function d(t,o){return t[13]&&"left"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function O(t){let o,e,n=`<${P(t[2],t[6],t[5])} />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function R(t){let o,e;return o=new L({props:{size:"s",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function S(t){let o,e,n,r,m,d,a=t[13]&&"left"===t[12]&&!t[5]&&D(t),s=t[13]&&"right"===t[12]&&!t[5]&&F(t);return{c(){a&&a.c(),o=l(),e=c("span"),n=E(t[4]),r=l(),s&&s.c(),m=z(),y(e,"class","mc-button__label")},m(t,c){a&&a.m(t,c),i(t,o,c),i(t,e,c),b(e,n),i(t,r,c),s&&s.m(t,c),i(t,m,c),d=!0},p(t,e){t[13]&&"left"===t[12]&&!t[5]?a?(a.p(t,e),12320&e&&h(a,1)):(a=D(t),a.c(),h(a,1),a.m(o.parentNode,o)):a&&(v(),f(a,1,1,(()=>{a=null})),g()),(!d||16&e)&&N(n,t[4]),t[13]&&"right"===t[12]&&!t[5]?s?(s.p(t,e),12320&e&&h(s,1)):(s=F(t),s.c(),h(s,1),s.m(m.parentNode,m)):s&&(v(),f(s,1,1,(()=>{s=null})),g())},i(t){d||(h(a),h(s),d=!0)},o(t){f(a),f(s),d=!1},d(t){a&&a.d(t),t&&x(o),t&&x(e),t&&x(r),s&&s.d(t),t&&x(m)}}}function B(t){let o,e,n,r;const m=[J,G],l=[];function d(t,o){return t[13]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function D(t){let o,e,n;return e=new L({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),j(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),q(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),C(e)}}}function F(t){let o,e,n;return e=new L({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),j(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),q(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),C(e)}}}function G(t){let o,e,n=`<${P(t[2],t[6],t[5])} size="100%" />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} size="100%" />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function J(t){let o,e;return o=new L({props:{size:"m",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function K(t){let o,e,n,r;const m=[H,Z],l=[];function d(t,o){return t[13]&&"right"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function Z(t){let o,e,n=`<${P(t[2],t[6],t[5])} />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function H(t){let o,e;return o=new L({props:{size:"s",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function I(t){let o,e,n,r,w,_,$,y,k,z=t[5]&&"left"===t[6]&&M(t);const j=[B,S],q=[];function C(t,o){return t[5]&&"only"===t[6]?0:1}n=C(t),r=q[n]=j[n](t);let E=t[5]&&"right"===t[6]&&K(t),N=[{type:t[8]},{class:_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]},{disabled:t[7]},t[9]],A={};for(let t=0;t<N.length;t+=1)A=m(A,N[t]);return{c(){o=c("button"),z&&z.c(),e=l(),r.c(),w=l(),E&&E.c(),this.c=d,a(o,A),s(o,"mc-button--square","only"==t[6])},m(r,m){i(r,o,m),z&&z.m(o,null),b(o,e),q[n].m(o,null),b(o,w),E&&E.m(o,null),o.autofocus&&o.focus(),$=!0,y||(k=u(t[14].call(null,o)),y=!0)},p(t,[i]){t[5]&&"left"===t[6]?z?(z.p(t,i),96&i&&h(z,1)):(z=M(t),z.c(),h(z,1),z.m(o,e)):z&&(v(),f(z,1,1,(()=>{z=null})),g());let m=n;n=C(t),n===m?q[n].p(t,i):(v(),f(q[m],1,1,(()=>{q[m]=null})),g(),r=q[n],r?r.p(t,i):(r=q[n]=j[n](t),r.c()),h(r,1),r.m(o,w)),t[5]&&"right"===t[6]?E?(E.p(t,i),96&i&&h(E,1)):(E=K(t),E.c(),h(E,1),E.m(o,null)):E&&(v(),f(E,1,1,(()=>{E=null})),g()),a(o,A=p(N,[(!$||256&i)&&{type:t[8]},(!$||1039&i&&_!==(_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]))&&{class:_},(!$||128&i)&&{disabled:t[7]},512&i&&t[9]])),s(o,"mc-button--square","only"==t[6])},i(t){$||(h(z),h(r),h(E),$=!0)},o(t){f(z),f(r),f(E),$=!1},d(t){t&&x(o),z&&z.d(),q[n].d(),E&&E.d(),y=!1,k()}}}function P(t,o,e){const i="only"===o;let n;switch(t){case"s":n="24px";break;case"m":n=i?"32px":"24px";break;case"l":n=i?"100%":"32px"}return`${e} size="${n}" class="no"`}function Q(t,o,e){let i,n,r,c,l,d;const a=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let s=w(o,a);var b,u,h;let{bordered:f=!1}=o,{theme:g}=o,{size:p="m"}=o,{full:x=!1}=o,{label:y}=o,{iconname:v}=o,{iconmode:k}=o,{disabled:z=!1}=o,{responsivesize:j}=o,{responsivewidth:q}=o,{type:C="button"}=o,{loader:E}=o;const N=A(_());return t.$$set=t=>{e(24,o=m(m({},o),$(t))),e(23,s=w(o,a)),"bordered"in t&&e(0,f=t.bordered),"theme"in t&&e(1,g=t.theme),"size"in t&&e(2,p=t.size),"full"in t&&e(3,x=t.full),"label"in t&&e(4,y=t.label),"iconname"in t&&e(5,v=t.iconname),"iconmode"in t&&e(6,k=t.iconmode),"disabled"in t&&e(7,z=t.disabled),"responsivesize"in t&&e(16,j=t.responsivesize),"responsivewidth"in t&&e(17,q=t.responsivewidth),"type"in t&&e(8,C=t.type),"loader"in t&&e(18,E=t.loader)},t.$$.update=()=>{262144&t.$$.dirty&&e(22,i=E?JSON.parse(E):void 0),4718592&t.$$.dirty&&e(13,n=null!==e(19,b=null==i?void 0:i.enabled)&&void 0!==b&&b),5242880&t.$$.dirty&&e(12,r=null!==e(20,u=null==i?void 0:i.position)&&void 0!==u?u:"left"),6291456&t.$$.dirty&&e(11,c=null!==e(21,h=null==i?void 0:i.theme)&&void 0!==h?h:"primary"),e(10,l=o.class),e(9,d=Object.assign({},s)),512&t.$$.dirty&&delete d.class},o=$(o),[f,g,p,x,y,v,k,z,C,d,l,c,r,n,N,function(t,o,e,i){const n=["mc-button"],r=function(t,o){if(!o&&!t)return"";const e=o?"bordered":"solid";return t?`mc-button--${e}-${t}`:`mc-button--${e}`}(t,o);return r&&n.push(r),e&&n.push(`mc-button--${e}`),i?n.push("mc-button--full"):n.push("mc-button--fit"),"only"===k&&n.push("mc-button--square"),j&&n.push(`mc-button--${j}`),q&&n.push(`mc-button--${q}`),n.join(" ")},j,q,E,b,u,h,i]}class T extends t{constructor(t){super();const m=document.createElement("style");m.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#188803;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;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;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006902;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006902}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#188803;border-color:#188803;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}',this.shadowRoot.appendChild(m),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},Q,I,r,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:16,responsivewidth:17,type:8,loader:18},null),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),n()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),n()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),n()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),n()}get label(){return this.$$.ctx[4]}set label(t){this.$$set({label:t}),n()}get iconname(){return this.$$.ctx[5]}set iconname(t){this.$$set({iconname:t}),n()}get iconmode(){return this.$$.ctx[6]}set iconmode(t){this.$$set({iconmode:t}),n()}get disabled(){return this.$$.ctx[7]}set disabled(t){this.$$set({disabled:t}),n()}get responsivesize(){return this.$$.ctx[16]}set responsivesize(t){this.$$set({responsivesize:t}),n()}get responsivewidth(){return this.$$.ctx[17]}set responsivewidth(t){this.$$set({responsivewidth:t}),n()}get type(){return this.$$.ctx[8]}set type(t){this.$$set({type:t}),n()}get loader(){return this.$$.ctx[18]}set loader(t){this.$$set({loader:t}),n()}}export{T as default};
 //# sourceMappingURL=Button.js.map