@mozaic-ds/web-components 0.5.0 → 0.6.1

package/public/components/button/Button.js

@@ -1,1139 +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, 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();
-		}
-	};
-}
-
-// (92: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();
-		}
-	};
-}
-
-// (90: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);
-		}
-	};
-}
-
-// (106: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);
-		}
-	};
-}
-
-// (98: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();
-		}
-	};
-}
-
-// (107: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);
-		}
-	};
-}
-
-// (113: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);
-		}
-	};
-}
-
-// (102: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();
-		}
-	};
-}
-
-// (100: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);
-		}
-	};
-}
-
-// (120: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();
-		}
-	};
-}
-
-// (124: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();
-		}
-	};
-}
-
-// (122: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);
-		},
-		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]
-			]));
-		},
-		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,j as s,B as b,C as u,D as h,E as f,m as g,o as p,p as x,r as w,q as _,g as $,M as y,Z as v,K as k,x as z,A as j,G as E,t as q,k as C}from"../../index-c33b3772.js";import{c as N}from"../../EventForward-8492ff62.js";import S from"../loader/Loader.nested.js";function A(t){let o,e,n,r;const m=[M,L],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(),$(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):(y(),h(l[r],1,1,(()=>{l[r]=null})),f(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),u(n,1),n.m(o,null))},i(t){r||(u(n),r=!0)},o(t){h(n),r=!1},d(t){t&&p(o),l[e].d()}}}function L(t){let o,e,n=`<${H(t[2],t[6],t[5])} />`;return{c(){o=new v(!1),e=k(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${H(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&p(e),t&&o.d()}}}function M(t){let o,e;return o=new S({props:{size:"s",theme:t[11],text:"TEST"}}),{c(){z(o.$$.fragment)},m(t,i){j(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(u(o.$$.fragment,t),e=!0)},o(t){h(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function O(t){let o,e,n,r,m,d,a=t[13]&&"left"===t[12]&&!t[5]&&T(t),b=t[13]&&"right"===t[12]&&!t[5]&&B(t);return{c(){a&&a.c(),o=l(),e=c("span"),n=q(t[4]),r=l(),b&&b.c(),m=k(),$(e,"class","mc-button__label")},m(t,c){a&&a.m(t,c),i(t,o,c),i(t,e,c),s(e,n),i(t,r,c),b&&b.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&&u(a,1)):(a=T(t),a.c(),u(a,1),a.m(o.parentNode,o)):a&&(y(),h(a,1,1,(()=>{a=null})),f()),(!d||16&e)&&C(n,t[4]),t[13]&&"right"===t[12]&&!t[5]?b?(b.p(t,e),12320&e&&u(b,1)):(b=B(t),b.c(),u(b,1),b.m(m.parentNode,m)):b&&(y(),h(b,1,1,(()=>{b=null})),f())},i(t){d||(u(a),u(b),d=!0)},o(t){h(a),h(b),d=!1},d(t){a&&a.d(t),t&&p(o),t&&p(e),t&&p(r),b&&b.d(t),t&&p(m)}}}function R(t){let o,e,n,r;const m=[F,D],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(),$(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):(y(),h(l[r],1,1,(()=>{l[r]=null})),f(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),u(n,1),n.m(o,null))},i(t){r||(u(n),r=!0)},o(t){h(n),r=!1},d(t){t&&p(o),l[e].d()}}}function T(t){let o,e,n;return e=new S({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),z(e.$$.fragment),$(o,"class","mc-button__icon")},m(t,r){i(t,o,r),j(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(u(e.$$.fragment,t),n=!0)},o(t){h(e.$$.fragment,t),n=!1},d(t){t&&p(o),E(e)}}}function B(t){let o,e,n;return e=new S({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),z(e.$$.fragment),$(o,"class","mc-button__icon")},m(t,r){i(t,o,r),j(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(u(e.$$.fragment,t),n=!0)},o(t){h(e.$$.fragment,t),n=!1},d(t){t&&p(o),E(e)}}}function D(t){let o,e,n=`<${H(t[2],t[6],t[5])} size="100%" />`;return{c(){o=new v(!1),e=k(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${H(t[2],t[6],t[5])} size="100%" />`)&&o.p(n)},i:d,o:d,d(t){t&&p(e),t&&o.d()}}}function F(t){let o,e;return o=new S({props:{size:"m",theme:t[11],text:""}}),{c(){z(o.$$.fragment)},m(t,i){j(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(u(o.$$.fragment,t),e=!0)},o(t){h(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function G(t){let o,e,n,r;const m=[K,J],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(),$(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):(y(),h(l[r],1,1,(()=>{l[r]=null})),f(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),u(n,1),n.m(o,null))},i(t){r||(u(n),r=!0)},o(t){h(n),r=!1},d(t){t&&p(o),l[e].d()}}}function J(t){let o,e,n=`<${H(t[2],t[6],t[5])} />`;return{c(){o=new v(!1),e=k(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${H(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&p(e),t&&o.d()}}}function K(t){let o,e;return o=new S({props:{size:"s",theme:t[11],text:""}}),{c(){z(o.$$.fragment)},m(t,i){j(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(u(o.$$.fragment,t),e=!0)},o(t){h(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function Z(t){let o,e,n,r,x,w,_,$,v,k=t[5]&&"left"===t[6]&&A(t);const z=[R,O],j=[];function E(t,o){return t[5]&&"only"===t[6]?0:1}n=E(t),r=j[n]=z[n](t);let q=t[5]&&"right"===t[6]&&G(t),C=[{type:t[8]},{class:w=t[15](t[1],t[0],t[2],t[3])+" "+t[10]},{disabled:t[7]},t[9]],N={};for(let t=0;t<C.length;t+=1)N=m(N,C[t]);return{c(){o=c("button"),k&&k.c(),e=l(),r.c(),x=l(),q&&q.c(),this.c=d,a(o,N)},m(r,m){i(r,o,m),k&&k.m(o,null),s(o,e),j[n].m(o,null),s(o,x),q&&q.m(o,null),o.autofocus&&o.focus(),_=!0,$||(v=b(t[14].call(null,o)),$=!0)},p(t,[i]){t[5]&&"left"===t[6]?k?(k.p(t,i),96&i&&u(k,1)):(k=A(t),k.c(),u(k,1),k.m(o,e)):k&&(y(),h(k,1,1,(()=>{k=null})),f());let m=n;n=E(t),n===m?j[n].p(t,i):(y(),h(j[m],1,1,(()=>{j[m]=null})),f(),r=j[n],r?r.p(t,i):(r=j[n]=z[n](t),r.c()),u(r,1),r.m(o,x)),t[5]&&"right"===t[6]?q?(q.p(t,i),96&i&&u(q,1)):(q=G(t),q.c(),u(q,1),q.m(o,null)):q&&(y(),h(q,1,1,(()=>{q=null})),f()),a(o,N=g(C,[(!_||256&i)&&{type:t[8]},(!_||1039&i&&w!==(w=t[15](t[1],t[0],t[2],t[3])+" "+t[10]))&&{class:w},(!_||128&i)&&{disabled:t[7]},512&i&&t[9]]))},i(t){_||(u(k),u(r),u(q),_=!0)},o(t){h(k),h(r),h(q),_=!1},d(t){t&&p(o),k&&k.d(),j[n].d(),q&&q.d(),$=!1,v()}}}function H(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 I(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=x(o,a);var b,u,h;let{bordered:f=!1}=o,{theme:g}=o,{size:p="m"}=o,{full:$=!1}=o,{label:y}=o,{iconname:v}=o,{iconmode:k}=o,{disabled:z=!1}=o,{responsivesize:j}=o,{responsivewidth:E}=o,{type:q="button"}=o,{loader:C}=o;const S=N(w());return t.$$set=t=>{e(24,o=m(m({},o),_(t))),e(23,s=x(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,$=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,E=t.responsivewidth),"type"in t&&e(8,q=t.type),"loader"in t&&e(18,C=t.loader)},t.$$.update=()=>{262144&t.$$.dirty&&e(22,i=C?JSON.parse(C):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,$,y,v,k,z,q,d,l,c,r,n,S,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}`),E&&n.push(`mc-button--${E}`),n.join(" ")},j,E,C,b,u,h,i]}class P 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},I,Z,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{P as default};
 //# sourceMappingURL=Button.js.map