@mozaic-ds/web-components 0.5.0 → 0.6.1

package/public/components/dropdown/Dropdown.js

@@ -1,1427 +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, v as binding_callbacks, w as bind, c as assign, e as element, d as space, t as text, x as create_component, n as noop, g as attr, z as toggle_class, y as set_style, h as set_attributes, j as append, A as mount_component, l as listen, B as action_destroyer, C as transition_in, D as transition_out, E as check_outros, k as set_data, F as add_flush_callback, m as get_spread_update, o as detach, G as destroy_component, H as run_all, p as compute_rest_props, r as get_current_component, q as exclude_internal_props, I as stop_propagation, J as destroy_each, K as empty, L as set_custom_element_data, M as group_outros, N as tick } from '../../index-c33b3772.js';
-import { E as EventHandler } from '../../EventHandler-02058705.js';
-import { c as clickOutside } from '../../ClickOutside-63071e7a.js';
-import Tag_nested from '../tag/Tag.nested.js';
-import Loader_nested from '../loader/Loader.nested.js';
-import Listbox_nested from '../listbox/Listbox.nested.js';
-
-/* src/components/dropdown/Dropdown.svelte generated by Svelte v3.58.0 */
-
-function get_each_context(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[61] = list[i];
-	return child_ctx;
-}
-
-function get_each_context_1(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[61] = list[i];
-	child_ctx[65] = i;
-	return child_ctx;
-}
-
-// (152:4) {#if multiple && listboxValue.length > 0 && !alltags}
-function create_if_block_6(ctx) {
-	let tag_1;
-	let current;
-
-	let tag_1_props = {
-		id: /*tagid*/ ctx[1]
-		? /*tagid*/ ctx[1]
-		: `autocompleteTag-${/*uuid*/ ctx[29]}`,
-		class: "mc-dropdown__tag",
-		label: /*setTagLabel*/ ctx[28](),
-		size: "s",
-		type: "removable",
-		dark: false,
-		disabled: false,
-		href: "",
-		name: "",
-		selected: false,
-		value: ""
-	};
-
-	tag_1 = new Tag_nested({ props: tag_1_props });
-	/*tag_1_binding*/ ctx[45](tag_1);
-	tag_1.$on("tag-removed", /*clearListbox*/ ctx[30]);
-
-	return {
-		c() {
-			create_component(tag_1.$$.fragment);
-		},
-		m(target, anchor) {
-			mount_component(tag_1, target, anchor);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const tag_1_changes = {};
-
-			if (dirty[0] & /*tagid*/ 2) tag_1_changes.id = /*tagid*/ ctx[1]
-			? /*tagid*/ ctx[1]
-			: `autocompleteTag-${/*uuid*/ ctx[29]}`;
-
-			if (dirty[0] & /*setTagLabel*/ 268435456) tag_1_changes.label = /*setTagLabel*/ ctx[28]();
-			tag_1.$set(tag_1_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(tag_1.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(tag_1.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			/*tag_1_binding*/ ctx[45](null);
-			destroy_component(tag_1, detaching);
-		}
-	};
-}
-
-// (182:6) {#if !multiple && buttonvalue && clearfield}
-function create_if_block_5(ctx) {
-	let button;
-	let mounted;
-	let dispose;
-
-	return {
-		c() {
-			button = element("button");
-			button.innerHTML = `<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>`;
-			attr(button, "class", "mc-dropdown__clear");
-			attr(button, "type", "button");
-		},
-		m(target, anchor) {
-			insert(target, button, anchor);
-
-			if (!mounted) {
-				dispose = listen(button, "click", stop_propagation(/*click_handler*/ ctx[46]));
-				mounted = true;
-			}
-		},
-		p: noop,
-		d(detaching) {
-			if (detaching) detach(button);
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-// (197:6) {#if loading}
-function create_if_block_4(ctx) {
-	let loader;
-	let current;
-
-	loader = new Loader_nested({
-			props: {
-				size: "s",
-				theme: "primary",
-				text: "",
-				class: "mc-dropdown__loader"
-			}
-		});
-
-	return {
-		c() {
-			create_component(loader.$$.fragment);
-		},
-		m(target, anchor) {
-			mount_component(loader, target, anchor);
-			current = true;
-		},
-		i(local) {
-			if (current) return;
-			transition_in(loader.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(loader.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			destroy_component(loader, detaching);
-		}
-	};
-}
-
-// (221:2) {#if multiple && alltags}
-function create_if_block_1(ctx) {
-	let div;
-	let t;
-	let each_value_1 = /*selectedItems*/ ctx[25];
-	let each_blocks = [];
-
-	for (let i = 0; i < each_value_1.length; i += 1) {
-		each_blocks[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
-	}
-
-	let if_block = /*listboxValue*/ ctx[19].length > /*maxnumbertoshowtags*/ ctx[15] && create_if_block_2(ctx);
-
-	return {
-		c() {
-			div = element("div");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-
-			t = space();
-			if (if_block) if_block.c();
-			attr(div, "class", "tags-selected");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				if (each_blocks[i]) {
-					each_blocks[i].m(div, null);
-				}
-			}
-
-			append(div, t);
-			if (if_block) if_block.m(div, null);
-		},
-		p(ctx, dirty) {
-			if (dirty[0] & /*selectedItems, maxnumbertoshowtags*/ 33587200 | dirty[1] & /*removeTagSelected*/ 1) {
-				each_value_1 = /*selectedItems*/ ctx[25];
-				let i;
-
-				for (i = 0; i < each_value_1.length; i += 1) {
-					const child_ctx = get_each_context_1(ctx, each_value_1, i);
-
-					if (each_blocks[i]) {
-						each_blocks[i].p(child_ctx, dirty);
-					} else {
-						each_blocks[i] = create_each_block_1(child_ctx);
-						each_blocks[i].c();
-						each_blocks[i].m(div, t);
-					}
-				}
-
-				for (; i < each_blocks.length; i += 1) {
-					each_blocks[i].d(1);
-				}
-
-				each_blocks.length = each_value_1.length;
-			}
-
-			if (/*listboxValue*/ ctx[19].length > /*maxnumbertoshowtags*/ ctx[15]) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block_2(ctx);
-					if_block.c();
-					if_block.m(div, null);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			destroy_each(each_blocks, detaching);
-			if (if_block) if_block.d();
-		}
-	};
-}
-
-// (224:8) {#if index < maxnumbertoshowtags}
-function create_if_block_3(ctx) {
-	let div;
-	let m_tag;
-	let m_tag_id_value;
-	let m_tag_label_value;
-	let mounted;
-	let dispose;
-
-	function tag_removed_handler() {
-		return /*tag_removed_handler*/ ctx[49](/*selectedItem*/ ctx[61]);
-	}
-
-	return {
-		c() {
-			div = element("div");
-			m_tag = element("m-tag");
-			set_custom_element_data(m_tag, "id", m_tag_id_value = /*selectedItem*/ ctx[61].id);
-			set_custom_element_data(m_tag, "label", m_tag_label_value = /*selectedItem*/ ctx[61].label);
-			set_custom_element_data(m_tag, "size", "s");
-			set_custom_element_data(m_tag, "type", "removable");
-			attr(div, "class", "tag-selected");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			append(div, m_tag);
-
-			if (!mounted) {
-				dispose = listen(m_tag, "tag-removed", tag_removed_handler);
-				mounted = true;
-			}
-		},
-		p(new_ctx, dirty) {
-			ctx = new_ctx;
-
-			if (dirty[0] & /*selectedItems*/ 33554432 && m_tag_id_value !== (m_tag_id_value = /*selectedItem*/ ctx[61].id)) {
-				set_custom_element_data(m_tag, "id", m_tag_id_value);
-			}
-
-			if (dirty[0] & /*selectedItems*/ 33554432 && m_tag_label_value !== (m_tag_label_value = /*selectedItem*/ ctx[61].label)) {
-				set_custom_element_data(m_tag, "label", m_tag_label_value);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-// (223:6) {#each selectedItems as selectedItem, index}
-function create_each_block_1(ctx) {
-	let if_block_anchor;
-	let if_block = /*index*/ ctx[65] < /*maxnumbertoshowtags*/ ctx[15] && create_if_block_3(ctx);
-
-	return {
-		c() {
-			if (if_block) if_block.c();
-			if_block_anchor = empty();
-		},
-		m(target, anchor) {
-			if (if_block) if_block.m(target, anchor);
-			insert(target, if_block_anchor, anchor);
-		},
-		p(ctx, dirty) {
-			if (/*index*/ ctx[65] < /*maxnumbertoshowtags*/ ctx[15]) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block_3(ctx);
-					if_block.c();
-					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
-			}
-		},
-		d(detaching) {
-			if (if_block) if_block.d(detaching);
-			if (detaching) detach(if_block_anchor);
-		}
-	};
-}
-
-// (236:6) {#if listboxValue.length > maxnumbertoshowtags}
-function create_if_block_2(ctx) {
-	let div;
-	let m_tag;
-	let m_tag_label_value;
-	let mounted;
-	let dispose;
-
-	return {
-		c() {
-			div = element("div");
-			m_tag = element("m-tag");
-			set_custom_element_data(m_tag, "id", "id-tag");
-			set_custom_element_data(m_tag, "label", m_tag_label_value = "(" + /*listboxValue*/ ctx[19].length + ") " + /*showmoretagslabel*/ ctx[14] + " ");
-			set_custom_element_data(m_tag, "size", "s");
-			set_custom_element_data(m_tag, "type", "link");
-			attr(div, "class", "tag-selected");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			append(div, m_tag);
-
-			if (!mounted) {
-				dispose = listen(m_tag, "tag-selected", /*tag_selected_handler*/ ctx[50]);
-				mounted = true;
-			}
-		},
-		p(ctx, dirty) {
-			if (dirty[0] & /*listboxValue, showmoretagslabel*/ 540672 && m_tag_label_value !== (m_tag_label_value = "(" + /*listboxValue*/ ctx[19].length + ") " + /*showmoretagslabel*/ ctx[14] + " ")) {
-				set_custom_element_data(m_tag, "label", m_tag_label_value);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-// (253:2) {#if multiple && alltags}
-function create_if_block(ctx) {
-	let div1;
-	let m_layer;
-	let small;
-	let div0;
-	let mounted;
-	let dispose;
-	let each_value = /*selectedItems*/ ctx[25];
-	let each_blocks = [];
-
-	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
-	}
-
-	return {
-		c() {
-			div1 = element("div");
-			m_layer = element("m-layer");
-			small = element("small");
-			div0 = element("div");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-
-			attr(div0, "class", "tags-selected");
-			attr(small, "slot", "content");
-			set_custom_element_data(m_layer, "title", /*layertitle*/ ctx[13]);
-			set_custom_element_data(m_layer, "layertitletag", "h3");
-			set_custom_element_data(m_layer, "isopen", /*openLayer*/ ctx[26]);
-		},
-		m(target, anchor) {
-			insert(target, div1, anchor);
-			append(div1, m_layer);
-			append(m_layer, small);
-			append(small, div0);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				if (each_blocks[i]) {
-					each_blocks[i].m(div0, null);
-				}
-			}
-
-			if (!mounted) {
-				dispose = listen(m_layer, "layer-closed", /*layer_closed_handler*/ ctx[52]);
-				mounted = true;
-			}
-		},
-		p(ctx, dirty) {
-			if (dirty[0] & /*selectedItems*/ 33554432 | dirty[1] & /*removeTagSelected*/ 1) {
-				each_value = /*selectedItems*/ ctx[25];
-				let i;
-
-				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context(ctx, each_value, i);
-
-					if (each_blocks[i]) {
-						each_blocks[i].p(child_ctx, dirty);
-					} else {
-						each_blocks[i] = create_each_block(child_ctx);
-						each_blocks[i].c();
-						each_blocks[i].m(div0, null);
-					}
-				}
-
-				for (; i < each_blocks.length; i += 1) {
-					each_blocks[i].d(1);
-				}
-
-				each_blocks.length = each_value.length;
-			}
-
-			if (dirty[0] & /*layertitle*/ 8192) {
-				set_custom_element_data(m_layer, "title", /*layertitle*/ ctx[13]);
-			}
-
-			if (dirty[0] & /*openLayer*/ 67108864) {
-				set_custom_element_data(m_layer, "isopen", /*openLayer*/ ctx[26]);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div1);
-			destroy_each(each_blocks, detaching);
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-// (263:12) {#each selectedItems as selectedItem}
-function create_each_block(ctx) {
-	let div;
-	let m_tag;
-	let m_tag_id_value;
-	let m_tag_label_value;
-	let t;
-	let mounted;
-	let dispose;
-
-	function tag_removed_handler_1() {
-		return /*tag_removed_handler_1*/ ctx[51](/*selectedItem*/ ctx[61]);
-	}
-
-	return {
-		c() {
-			div = element("div");
-			m_tag = element("m-tag");
-			t = space();
-			set_custom_element_data(m_tag, "id", m_tag_id_value = /*selectedItem*/ ctx[61].id);
-			set_custom_element_data(m_tag, "label", m_tag_label_value = /*selectedItem*/ ctx[61].label);
-			set_custom_element_data(m_tag, "size", "s");
-			set_custom_element_data(m_tag, "type", "removable");
-			attr(div, "class", "tag-selected");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			append(div, m_tag);
-			append(div, t);
-
-			if (!mounted) {
-				dispose = listen(m_tag, "tag-removed", tag_removed_handler_1);
-				mounted = true;
-			}
-		},
-		p(new_ctx, dirty) {
-			ctx = new_ctx;
-
-			if (dirty[0] & /*selectedItems*/ 33554432 && m_tag_id_value !== (m_tag_id_value = /*selectedItem*/ ctx[61].id)) {
-				set_custom_element_data(m_tag, "id", m_tag_id_value);
-			}
-
-			if (dirty[0] & /*selectedItems*/ 33554432 && m_tag_label_value !== (m_tag_label_value = /*selectedItem*/ ctx[61].label)) {
-				set_custom_element_data(m_tag, "label", m_tag_label_value);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let div2;
-	let div1;
-	let t0;
-	let button;
-
-	let t1_value = (/*buttonvalue*/ ctx[24]
-	? /*buttonvalue*/ ctx[24]
-	: /*placeholder*/ ctx[2]) + "";
-
-	let t1;
-	let t2;
-	let t3;
-	let div0;
-	let t4;
-	let listbox;
-	let updating_value;
-	let t5;
-	let t6;
-	let span0;
-	let t7;
-	let span1;
-	let t8;
-	let span2;
-	let t9;
-	let div2_style_value;
-	let current;
-	let mounted;
-	let dispose;
-	let if_block0 = /*multiple*/ ctx[8] && /*listboxValue*/ ctx[19].length > 0 && !/*alltags*/ ctx[16] && create_if_block_6(ctx);
-	let if_block1 = !/*multiple*/ ctx[8] && /*buttonvalue*/ ctx[24] && /*clearfield*/ ctx[12] && create_if_block_5(ctx);
-	let if_block2 = /*loading*/ ctx[7] && create_if_block_4();
-
-	function listbox_value_binding(value) {
-		/*listbox_value_binding*/ ctx[48](value);
-	}
-
-	let listbox_props = {
-		items: JSON.stringify(/*localItems*/ ctx[27]),
-		open: /*openState*/ ctx[20],
-		multiple: /*multiple*/ ctx[8],
-		isfiltered,
-		emptysearchlabel: /*emptysearchlabel*/ ctx[9],
-		maxwidth: /*maxwidth*/ ctx[0],
-		datatextexpr: /*datatextexpr*/ ctx[10],
-		datavalueexpr: /*datavalueexpr*/ ctx[11],
-		selectall: /*selectall*/ ctx[17],
-		labelselectall: /*labelselectall*/ ctx[18]
-	};
-
-	if (/*listboxValue*/ ctx[19] !== void 0) {
-		listbox_props.value = /*listboxValue*/ ctx[19];
-	}
-
-	listbox = new Listbox_nested({ props: listbox_props });
-	binding_callbacks.push(() => bind(listbox, 'value', listbox_value_binding));
-	listbox.$on("change", /*onChange*/ ctx[35]);
-	listbox.$on("scrollend", /*onScrollEnd*/ ctx[36]);
-	listbox.$on("select-all", /*onSelectAll*/ ctx[37]);
-	let if_block3 = /*multiple*/ ctx[8] && /*alltags*/ ctx[16] && create_if_block_1(ctx);
-	let if_block4 = /*multiple*/ ctx[8] && /*alltags*/ ctx[16] && create_if_block(ctx);
-
-	let div2_levels = [
-		{ class: "mc-dropdown" },
-		{
-			style: div2_style_value = "--dropdown-tag-width: " + /*tagWidth*/ ctx[23] + "; --dropdown-width: " + /*maxwidth*/ ctx[0] + ";"
-		},
-		/*attributes*/ ctx[21]
-	];
-
-	let div_data_2 = {};
-
-	for (let i = 0; i < div2_levels.length; i += 1) {
-		div_data_2 = assign(div_data_2, div2_levels[i]);
-	}
-
-	return {
-		c() {
-			div2 = element("div");
-			div1 = element("div");
-			if (if_block0) if_block0.c();
-			t0 = space();
-			button = element("button");
-			t1 = text(t1_value);
-			t2 = space();
-			if (if_block1) if_block1.c();
-			t3 = space();
-			div0 = element("div");
-			if (if_block2) if_block2.c();
-			t4 = space();
-			create_component(listbox.$$.fragment);
-			t5 = space();
-			if (if_block3) if_block3.c();
-			t6 = space();
-			span0 = element("span");
-			t7 = space();
-			span1 = element("span");
-			t8 = space();
-			span2 = element("span");
-			t9 = space();
-			if (if_block4) if_block4.c();
-			this.c = noop;
-			attr(button, "type", "button");
-			attr(button, "class", "mc-select mc-dropdown__trigger");
-			button.disabled = /*disabled*/ ctx[3];
-			toggle_class(button, "is-open", /*openState*/ ctx[20]);
-			toggle_class(button, "is-valid", /*isvalid*/ ctx[5]);
-			toggle_class(button, "is-invalid", /*isinvalid*/ ctx[6]);
-			toggle_class(button, "mc-select--s", /*size*/ ctx[4] === 's');
-			attr(div0, "class", "mc-dropdown__tools");
-			attr(div1, "class", "mc-dropdown__main");
-			attr(span0, "class", "mc-dropdown__tag");
-			set_style(span0, "display", "none");
-			attr(span1, "class", "mc-dropdown__loader");
-			set_style(span1, "display", "none");
-			attr(span2, "class", "mc-text-input mc-dropdown__trigger");
-			set_style(span2, "display", "none");
-			set_attributes(div2, div_data_2);
-			toggle_class(div2, "mc-dropdown--multi", /*multiple*/ ctx[8]);
-		},
-		m(target, anchor) {
-			insert(target, div2, anchor);
-			append(div2, div1);
-			if (if_block0) if_block0.m(div1, null);
-			append(div1, t0);
-			append(div1, button);
-			append(button, t1);
-			append(button, t2);
-			if (if_block1) if_block1.m(button, null);
-			append(div1, t3);
-			append(div1, div0);
-			if (if_block2) if_block2.m(div0, null);
-			append(div2, t4);
-			mount_component(listbox, div2, null);
-			append(div2, t5);
-			if (if_block3) if_block3.m(div2, null);
-			append(div2, t6);
-			append(div2, span0);
-			append(div2, t7);
-			append(div2, span1);
-			append(div2, t8);
-			append(div2, span2);
-			append(div2, t9);
-			if (if_block4) if_block4.m(div2, null);
-			current = true;
-
-			if (!mounted) {
-				dispose = [
-					listen(button, "click", /*click_handler_1*/ ctx[47]),
-					action_destroyer(clickOutside.call(null, div2)),
-					listen(div2, "outclick", /*closeListBox*/ ctx[34])
-				];
-
-				mounted = true;
-			}
-		},
-		p(ctx, dirty) {
-			if (/*multiple*/ ctx[8] && /*listboxValue*/ ctx[19].length > 0 && !/*alltags*/ ctx[16]) {
-				if (if_block0) {
-					if_block0.p(ctx, dirty);
-
-					if (dirty[0] & /*multiple, listboxValue, alltags*/ 590080) {
-						transition_in(if_block0, 1);
-					}
-				} else {
-					if_block0 = create_if_block_6(ctx);
-					if_block0.c();
-					transition_in(if_block0, 1);
-					if_block0.m(div1, t0);
-				}
-			} else if (if_block0) {
-				group_outros();
-
-				transition_out(if_block0, 1, 1, () => {
-					if_block0 = null;
-				});
-
-				check_outros();
-			}
-
-			if ((!current || dirty[0] & /*buttonvalue, placeholder*/ 16777220) && t1_value !== (t1_value = (/*buttonvalue*/ ctx[24]
-			? /*buttonvalue*/ ctx[24]
-			: /*placeholder*/ ctx[2]) + "")) set_data(t1, t1_value);
-
-			if (!/*multiple*/ ctx[8] && /*buttonvalue*/ ctx[24] && /*clearfield*/ ctx[12]) {
-				if (if_block1) {
-					if_block1.p(ctx, dirty);
-				} else {
-					if_block1 = create_if_block_5(ctx);
-					if_block1.c();
-					if_block1.m(button, null);
-				}
-			} else if (if_block1) {
-				if_block1.d(1);
-				if_block1 = null;
-			}
-
-			if (!current || dirty[0] & /*disabled*/ 8) {
-				button.disabled = /*disabled*/ ctx[3];
-			}
-
-			if (!current || dirty[0] & /*openState*/ 1048576) {
-				toggle_class(button, "is-open", /*openState*/ ctx[20]);
-			}
-
-			if (!current || dirty[0] & /*isvalid*/ 32) {
-				toggle_class(button, "is-valid", /*isvalid*/ ctx[5]);
-			}
-
-			if (!current || dirty[0] & /*isinvalid*/ 64) {
-				toggle_class(button, "is-invalid", /*isinvalid*/ ctx[6]);
-			}
-
-			if (!current || dirty[0] & /*size*/ 16) {
-				toggle_class(button, "mc-select--s", /*size*/ ctx[4] === 's');
-			}
-
-			if (/*loading*/ ctx[7]) {
-				if (if_block2) {
-					if (dirty[0] & /*loading*/ 128) {
-						transition_in(if_block2, 1);
-					}
-				} else {
-					if_block2 = create_if_block_4();
-					if_block2.c();
-					transition_in(if_block2, 1);
-					if_block2.m(div0, null);
-				}
-			} else if (if_block2) {
-				group_outros();
-
-				transition_out(if_block2, 1, 1, () => {
-					if_block2 = null;
-				});
-
-				check_outros();
-			}
-
-			const listbox_changes = {};
-			if (dirty[0] & /*localItems*/ 134217728) listbox_changes.items = JSON.stringify(/*localItems*/ ctx[27]);
-			if (dirty[0] & /*openState*/ 1048576) listbox_changes.open = /*openState*/ ctx[20];
-			if (dirty[0] & /*multiple*/ 256) listbox_changes.multiple = /*multiple*/ ctx[8];
-			if (dirty[0] & /*emptysearchlabel*/ 512) listbox_changes.emptysearchlabel = /*emptysearchlabel*/ ctx[9];
-			if (dirty[0] & /*maxwidth*/ 1) listbox_changes.maxwidth = /*maxwidth*/ ctx[0];
-			if (dirty[0] & /*datatextexpr*/ 1024) listbox_changes.datatextexpr = /*datatextexpr*/ ctx[10];
-			if (dirty[0] & /*datavalueexpr*/ 2048) listbox_changes.datavalueexpr = /*datavalueexpr*/ ctx[11];
-			if (dirty[0] & /*selectall*/ 131072) listbox_changes.selectall = /*selectall*/ ctx[17];
-			if (dirty[0] & /*labelselectall*/ 262144) listbox_changes.labelselectall = /*labelselectall*/ ctx[18];
-
-			if (!updating_value && dirty[0] & /*listboxValue*/ 524288) {
-				updating_value = true;
-				listbox_changes.value = /*listboxValue*/ ctx[19];
-				add_flush_callback(() => updating_value = false);
-			}
-
-			listbox.$set(listbox_changes);
-
-			if (/*multiple*/ ctx[8] && /*alltags*/ ctx[16]) {
-				if (if_block3) {
-					if_block3.p(ctx, dirty);
-				} else {
-					if_block3 = create_if_block_1(ctx);
-					if_block3.c();
-					if_block3.m(div2, t6);
-				}
-			} else if (if_block3) {
-				if_block3.d(1);
-				if_block3 = null;
-			}
-
-			if (/*multiple*/ ctx[8] && /*alltags*/ ctx[16]) {
-				if (if_block4) {
-					if_block4.p(ctx, dirty);
-				} else {
-					if_block4 = create_if_block(ctx);
-					if_block4.c();
-					if_block4.m(div2, null);
-				}
-			} else if (if_block4) {
-				if_block4.d(1);
-				if_block4 = null;
-			}
-
-			set_attributes(div2, div_data_2 = get_spread_update(div2_levels, [
-				{ class: "mc-dropdown" },
-				(!current || dirty[0] & /*tagWidth, maxwidth*/ 8388609 && div2_style_value !== (div2_style_value = "--dropdown-tag-width: " + /*tagWidth*/ ctx[23] + "; --dropdown-width: " + /*maxwidth*/ ctx[0] + ";")) && { style: div2_style_value },
-				dirty[0] & /*attributes*/ 2097152 && /*attributes*/ ctx[21]
-			]));
-
-			toggle_class(div2, "mc-dropdown--multi", /*multiple*/ ctx[8]);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(if_block0);
-			transition_in(if_block2);
-			transition_in(listbox.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(if_block0);
-			transition_out(if_block2);
-			transition_out(listbox.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div2);
-			if (if_block0) if_block0.d();
-			if (if_block1) if_block1.d();
-			if (if_block2) if_block2.d();
-			destroy_component(listbox);
-			if (if_block3) if_block3.d();
-			if (if_block4) if_block4.d();
-			mounted = false;
-			run_all(dispose);
-		}
-	};
-}
-
-let isfiltered = false;
-
-function instance($$self, $$props, $$invalidate) {
-	let parsedItems;
-	let localItems;
-	let listboxValue;
-	let setTagLabel;
-	let openState;
-	let attributes;
-
-	const omit_props_names = [
-		"maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"
-	];
-
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	let { maxwidth = '100%' } = $$props;
-	let { tagid } = $$props;
-	let { taglabel = '' } = $$props;
-	let { placeholder = '-- Placeholder --' } = $$props;
-	let { disabled = false } = $$props;
-	let { size = 'm' } = $$props;
-	let { isvalid } = $$props;
-	let { isinvalid } = $$props;
-	let { loading = false } = $$props;
-	let { items } = $$props;
-	let { value } = $$props;
-	let { open = false } = $$props;
-	let { multiple = false } = $$props;
-	let { emptysearchlabel = 'No results found' } = $$props;
-	let { datatextexpr = 'label' } = $$props;
-	let { datavalueexpr = 'value' } = $$props;
-	let { nosort = false } = $$props;
-	let { clearfield = false } = $$props;
-	let { layertitle = 'Title layer' } = $$props;
-	let { showmoretagslabel = 'Show more' } = $$props;
-	let { maxnumbertoshowtags = 12 } = $$props;
-	let { alltags = false } = $$props;
-	let { selectall = false } = $$props;
-	let { labelselectall = 'Select all' } = $$props;
-	const component = get_current_component();
-	const uuid = Math.random();
-	let eventHandler = new EventHandler();
-	let tag;
-	let tagWidth = '0px';
-	let tagValue;
-	let buttonvalue;
-	let sortedListItems;
-	let selectedItems = [];
-	let openLayer = null;
-
-	function clearListbox() {
-		$$invalidate(19, listboxValue = multiple ? [] : '');
-		closeListBox();
-		eventHandler.dispatch('clear', true);
-	}
-
-	function removeTagSelected(itemSelectedId) {
-		$$invalidate(19, listboxValue = listboxValue.filter(value => value !== itemSelectedId));
-		eventHandler.dispatch('onchange', listboxValue);
-	}
-
-	function openLayerFn() {
-		$$invalidate(26, openLayer = true);
-	}
-
-	function closeLayerFn() {
-		$$invalidate(26, openLayer = null);
-	}
-
-	function closeListBox() {
-		$$invalidate(20, openState = false);
-
-		if (multiple && !nosort) {
-			sortItems();
-		} else {
-			$$invalidate(27, localItems = parsedItems);
-		}
-	}
-
-	function onChange() {
-		eventHandler.dispatch('onchange', listboxValue);
-
-		if (!multiple) {
-			closeListBox();
-		}
-	}
-
-	function getSelectedItems(val) {
-		const value = val ? val : listboxValue;
-
-		const selectedItems = parsedItems.filter(item => {
-			return multiple
-			? value.includes(item[datavalueexpr])
-			: value === item[datavalueexpr];
-		});
-
-		return selectedItems;
-	}
-
-	function sortItems() {
-		sortedListItems = parsedItems;
-		const selectedItems = getSelectedItems();
-
-		sortedListItems.sort((a, b) => {
-			const hasItemA = selectedItems.includes(a);
-			const hasItemB = selectedItems.includes(b);
-
-			if (hasItemA === hasItemB) {
-				return a[datavalueexpr] - b[datavalueexpr];
-			} else if (hasItemA < hasItemB) {
-				return 1;
-			} else {
-				return -1;
-			}
-		});
-
-		$$invalidate(27, localItems = sortedListItems);
-	}
-
-	function onScrollEnd() {
-		eventHandler.dispatch('scrollend', true);
-	}
-
-	function onSelectAll(e) {
-		eventHandler.dispatch('select-all', e.detail);
-	}
-
-	async function watchListboxValue(value) {
-		await tick();
-		$$invalidate(25, selectedItems = getSelectedItems(value));
-		const seletedLabels = selectedItems.map(item => item[datatextexpr]);
-		$$invalidate(24, buttonvalue = seletedLabels.join(', '));
-
-		if (multiple) {
-			$$invalidate(43, tagValue = value);
-		}
-	}
-
-	async function setTagWidth(tagValue) {
-		await tick();
-
-		$$invalidate(23, tagWidth = tag && tagValue && tagValue.length
-		? `${component.shadowRoot.querySelector('.mc-tag-removable').clientWidth + 8}px`
-		: '0px');
-	}
-
-	function tag_1_binding($$value) {
-		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-			tag = $$value;
-			$$invalidate(22, tag);
-		});
-	}
-
-	const click_handler = () => {
-		clearListbox();
-	};
-
-	const click_handler_1 = () => $$invalidate(20, openState = !openState);
-
-	function listbox_value_binding(value$1) {
-		listboxValue = value$1;
-		(($$invalidate(19, listboxValue), $$invalidate(40, value)), $$invalidate(8, multiple));
-	}
-
-	const tag_removed_handler = selectedItem => removeTagSelected(selectedItem.id);
-	const tag_selected_handler = () => openLayerFn();
-	const tag_removed_handler_1 = selectedItem => removeTagSelected(selectedItem.id);
-	const layer_closed_handler = () => closeLayerFn();
-
-	$$self.$$set = $$new_props => {
-		$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
-		$$invalidate(60, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ('maxwidth' in $$new_props) $$invalidate(0, maxwidth = $$new_props.maxwidth);
-		if ('tagid' in $$new_props) $$invalidate(1, tagid = $$new_props.tagid);
-		if ('taglabel' in $$new_props) $$invalidate(38, taglabel = $$new_props.taglabel);
-		if ('placeholder' in $$new_props) $$invalidate(2, placeholder = $$new_props.placeholder);
-		if ('disabled' in $$new_props) $$invalidate(3, disabled = $$new_props.disabled);
-		if ('size' in $$new_props) $$invalidate(4, size = $$new_props.size);
-		if ('isvalid' in $$new_props) $$invalidate(5, isvalid = $$new_props.isvalid);
-		if ('isinvalid' in $$new_props) $$invalidate(6, isinvalid = $$new_props.isinvalid);
-		if ('loading' in $$new_props) $$invalidate(7, loading = $$new_props.loading);
-		if ('items' in $$new_props) $$invalidate(39, items = $$new_props.items);
-		if ('value' in $$new_props) $$invalidate(40, value = $$new_props.value);
-		if ('open' in $$new_props) $$invalidate(41, open = $$new_props.open);
-		if ('multiple' in $$new_props) $$invalidate(8, multiple = $$new_props.multiple);
-		if ('emptysearchlabel' in $$new_props) $$invalidate(9, emptysearchlabel = $$new_props.emptysearchlabel);
-		if ('datatextexpr' in $$new_props) $$invalidate(10, datatextexpr = $$new_props.datatextexpr);
-		if ('datavalueexpr' in $$new_props) $$invalidate(11, datavalueexpr = $$new_props.datavalueexpr);
-		if ('nosort' in $$new_props) $$invalidate(42, nosort = $$new_props.nosort);
-		if ('clearfield' in $$new_props) $$invalidate(12, clearfield = $$new_props.clearfield);
-		if ('layertitle' in $$new_props) $$invalidate(13, layertitle = $$new_props.layertitle);
-		if ('showmoretagslabel' in $$new_props) $$invalidate(14, showmoretagslabel = $$new_props.showmoretagslabel);
-		if ('maxnumbertoshowtags' in $$new_props) $$invalidate(15, maxnumbertoshowtags = $$new_props.maxnumbertoshowtags);
-		if ('alltags' in $$new_props) $$invalidate(16, alltags = $$new_props.alltags);
-		if ('selectall' in $$new_props) $$invalidate(17, selectall = $$new_props.selectall);
-		if ('labelselectall' in $$new_props) $$invalidate(18, labelselectall = $$new_props.labelselectall);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty[1] & /*items*/ 256) {
-			$$invalidate(44, parsedItems = items ? JSON.parse(items) : []);
-		}
-
-		if ($$self.$$.dirty[1] & /*parsedItems*/ 8192) {
-			$$invalidate(27, localItems = parsedItems);
-		}
-
-		if ($$self.$$.dirty[0] & /*multiple*/ 256 | $$self.$$.dirty[1] & /*value*/ 512) {
-			$$invalidate(19, listboxValue = !value && multiple
-			? []
-			: value ? JSON.parse(value) : value);
-		}
-
-		if ($$self.$$.dirty[0] & /*listboxValue*/ 524288 | $$self.$$.dirty[1] & /*taglabel*/ 128) {
-			$$invalidate(28, setTagLabel = () => {
-				return listboxValue.length.toString() + ' ' + taglabel;
-			});
-		}
-
-		if ($$self.$$.dirty[0] & /*listboxValue*/ 524288) {
-			watchListboxValue(listboxValue);
-		}
-
-		if ($$self.$$.dirty[1] & /*tagValue*/ 4096) {
-			setTagWidth(tagValue);
-		}
-
-		if ($$self.$$.dirty[1] & /*open*/ 1024) {
-			$$invalidate(20, openState = open);
-		}
-
-		if ($$self.$$.dirty[0] & /*openState*/ 1048576) {
-			{
-				const eventName = openState ? 'open' : 'close';
-				eventHandler.dispatch(eventName, openState);
-			}
-		}
-
-		$$invalidate(21, attributes = Object.assign({}, $$restProps));
-
-		if ($$self.$$.dirty[0] & /*attributes*/ 2097152) {
-			delete attributes.class;
-		}
-	};
-
-	return [
-		maxwidth,
-		tagid,
-		placeholder,
-		disabled,
-		size,
-		isvalid,
-		isinvalid,
-		loading,
-		multiple,
-		emptysearchlabel,
-		datatextexpr,
-		datavalueexpr,
-		clearfield,
-		layertitle,
-		showmoretagslabel,
-		maxnumbertoshowtags,
-		alltags,
-		selectall,
-		labelselectall,
-		listboxValue,
-		openState,
-		attributes,
-		tag,
-		tagWidth,
-		buttonvalue,
-		selectedItems,
-		openLayer,
-		localItems,
-		setTagLabel,
-		uuid,
-		clearListbox,
-		removeTagSelected,
-		openLayerFn,
-		closeLayerFn,
-		closeListBox,
-		onChange,
-		onScrollEnd,
-		onSelectAll,
-		taglabel,
-		items,
-		value,
-		open,
-		nosort,
-		tagValue,
-		parsedItems,
-		tag_1_binding,
-		click_handler,
-		click_handler_1,
-		listbox_value_binding,
-		tag_removed_handler,
-		tag_selected_handler,
-		tag_removed_handler_1,
-		layer_closed_handler
-	];
-}
-
-class Dropdown extends SvelteElement {
-	constructor(options) {
-		super();
-		const style = document.createElement('style');
-		style.textContent = `.mc-select{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==");border-color:#c61112}.mc-select.is-valid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIgMTAuNWExIDEgMCAwMS4yOS0uNzFsNS01YTEgMSAwIDAxMS40MiAwbDUgNWExIDEgMCAwMS0xLjQyIDEuNDJMOCA2LjkxbC00LjI5IDQuM2ExIDEgMCAwMS0xLjQyIDBBMSAxIDAgMDEyIDEwLjV6Ii8+PC9zdmc+")}.mc-dropdown__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}`;
-		this.shadowRoot.appendChild(style);
-
-		init(
-			this,
-			{
-				target: this.shadowRoot,
-				props: attribute_to_object(this.attributes),
-				customElement: true
-			},
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				maxwidth: 0,
-				tagid: 1,
-				taglabel: 38,
-				placeholder: 2,
-				disabled: 3,
-				size: 4,
-				isvalid: 5,
-				isinvalid: 6,
-				loading: 7,
-				items: 39,
-				value: 40,
-				open: 41,
-				multiple: 8,
-				emptysearchlabel: 9,
-				datatextexpr: 10,
-				datavalueexpr: 11,
-				nosort: 42,
-				clearfield: 12,
-				layertitle: 13,
-				showmoretagslabel: 14,
-				maxnumbertoshowtags: 15,
-				alltags: 16,
-				selectall: 17,
-				labelselectall: 18
-			},
-			null,
-			[-1, -1, -1]
-		);
-
-		if (options) {
-			if (options.target) {
-				insert(options.target, this, options.anchor);
-			}
-
-			if (options.props) {
-				this.$set(options.props);
-				flush();
-			}
-		}
-	}
-
-	static get observedAttributes() {
-		return [
-			"maxwidth",
-			"tagid",
-			"taglabel",
-			"placeholder",
-			"disabled",
-			"size",
-			"isvalid",
-			"isinvalid",
-			"loading",
-			"items",
-			"value",
-			"open",
-			"multiple",
-			"emptysearchlabel",
-			"datatextexpr",
-			"datavalueexpr",
-			"nosort",
-			"clearfield",
-			"layertitle",
-			"showmoretagslabel",
-			"maxnumbertoshowtags",
-			"alltags",
-			"selectall",
-			"labelselectall"
-		];
-	}
-
-	get maxwidth() {
-		return this.$$.ctx[0];
-	}
-
-	set maxwidth(maxwidth) {
-		this.$$set({ maxwidth });
-		flush();
-	}
-
-	get tagid() {
-		return this.$$.ctx[1];
-	}
-
-	set tagid(tagid) {
-		this.$$set({ tagid });
-		flush();
-	}
-
-	get taglabel() {
-		return this.$$.ctx[38];
-	}
-
-	set taglabel(taglabel) {
-		this.$$set({ taglabel });
-		flush();
-	}
-
-	get placeholder() {
-		return this.$$.ctx[2];
-	}
-
-	set placeholder(placeholder) {
-		this.$$set({ placeholder });
-		flush();
-	}
-
-	get disabled() {
-		return this.$$.ctx[3];
-	}
-
-	set disabled(disabled) {
-		this.$$set({ disabled });
-		flush();
-	}
-
-	get size() {
-		return this.$$.ctx[4];
-	}
-
-	set size(size) {
-		this.$$set({ size });
-		flush();
-	}
-
-	get isvalid() {
-		return this.$$.ctx[5];
-	}
-
-	set isvalid(isvalid) {
-		this.$$set({ isvalid });
-		flush();
-	}
-
-	get isinvalid() {
-		return this.$$.ctx[6];
-	}
-
-	set isinvalid(isinvalid) {
-		this.$$set({ isinvalid });
-		flush();
-	}
-
-	get loading() {
-		return this.$$.ctx[7];
-	}
-
-	set loading(loading) {
-		this.$$set({ loading });
-		flush();
-	}
-
-	get items() {
-		return this.$$.ctx[39];
-	}
-
-	set items(items) {
-		this.$$set({ items });
-		flush();
-	}
-
-	get value() {
-		return this.$$.ctx[40];
-	}
-
-	set value(value) {
-		this.$$set({ value });
-		flush();
-	}
-
-	get open() {
-		return this.$$.ctx[41];
-	}
-
-	set open(open) {
-		this.$$set({ open });
-		flush();
-	}
-
-	get multiple() {
-		return this.$$.ctx[8];
-	}
-
-	set multiple(multiple) {
-		this.$$set({ multiple });
-		flush();
-	}
-
-	get emptysearchlabel() {
-		return this.$$.ctx[9];
-	}
-
-	set emptysearchlabel(emptysearchlabel) {
-		this.$$set({ emptysearchlabel });
-		flush();
-	}
-
-	get datatextexpr() {
-		return this.$$.ctx[10];
-	}
-
-	set datatextexpr(datatextexpr) {
-		this.$$set({ datatextexpr });
-		flush();
-	}
-
-	get datavalueexpr() {
-		return this.$$.ctx[11];
-	}
-
-	set datavalueexpr(datavalueexpr) {
-		this.$$set({ datavalueexpr });
-		flush();
-	}
-
-	get nosort() {
-		return this.$$.ctx[42];
-	}
-
-	set nosort(nosort) {
-		this.$$set({ nosort });
-		flush();
-	}
-
-	get clearfield() {
-		return this.$$.ctx[12];
-	}
-
-	set clearfield(clearfield) {
-		this.$$set({ clearfield });
-		flush();
-	}
-
-	get layertitle() {
-		return this.$$.ctx[13];
-	}
-
-	set layertitle(layertitle) {
-		this.$$set({ layertitle });
-		flush();
-	}
-
-	get showmoretagslabel() {
-		return this.$$.ctx[14];
-	}
-
-	set showmoretagslabel(showmoretagslabel) {
-		this.$$set({ showmoretagslabel });
-		flush();
-	}
-
-	get maxnumbertoshowtags() {
-		return this.$$.ctx[15];
-	}
-
-	set maxnumbertoshowtags(maxnumbertoshowtags) {
-		this.$$set({ maxnumbertoshowtags });
-		flush();
-	}
-
-	get alltags() {
-		return this.$$.ctx[16];
-	}
-
-	set alltags(alltags) {
-		this.$$set({ alltags });
-		flush();
-	}
-
-	get selectall() {
-		return this.$$.ctx[17];
-	}
-
-	set selectall(selectall) {
-		this.$$set({ selectall });
-		flush();
-	}
-
-	get labelselectall() {
-		return this.$$.ctx[18];
-	}
-
-	set labelselectall(labelselectall) {
-		this.$$set({ labelselectall });
-		flush();
-	}
-}
-
-export { Dropdown as default };
+import{S as e,i as t,a,b as l,f as i,s,v as r,w as n,c as o,e as c,d,t as m,x as g,n as p,g as h,z as x,y as u,h as b,j as w,A as f,l as $,B as M,C as I,D as v,E as y,k as A,F as D,m as j,o as k,G as E,H as C,p as z,r as S,q as N,I as T,J as _,K as L,L as G,M as Z,N as P}from"../../index-c33b3772.js";import{E as W}from"../../EventHandler-02058705.js";import{c as H}from"../../ClickOutside-63071e7a.js";import Q from"../tag/Tag.nested.js";import B from"../loader/Loader.nested.js";import O from"../listbox/Listbox.nested.js";function R(e,t,a){const l=e.slice();return l[61]=t[a],l}function J(e,t,a){const l=e.slice();return l[61]=t[a],l[65]=a,l}function V(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[29]}`,class:"mc-dropdown__tag",label:e[28](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new Q({props:l}),e[45](t),t.$on("tag-removed",e[30]),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[29]}`),268435456&a[0]&&(l.label=e[28]()),t.$set(l)},i(e){a||(I(t.$$.fragment,e),a=!0)},o(e){v(t.$$.fragment,e),a=!1},d(a){e[45](null),E(t,a)}}}function Y(e){let t,a,i;return{c(){t=c("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",h(t,"class","mc-dropdown__clear"),h(t,"type","button")},m(s,r){l(s,t,r),a||(i=$(t,"click",T(e[46])),a=!0)},p:p,d(e){e&&k(t),a=!1,i()}}}function X(e){let t,a;return t=new B({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},i(e){a||(I(t.$$.fragment,e),a=!0)},o(e){v(t.$$.fragment,e),a=!1},d(e){E(t,e)}}}function F(e){let t,a,i=e[25],s=[];for(let t=0;t<i.length;t+=1)s[t]=K(J(e,i,t));let r=e[19].length>e[15]&&U(e);return{c(){t=c("div");for(let e=0;e<s.length;e+=1)s[e].c();a=d(),r&&r.c(),h(t,"class","tags-selected")},m(e,i){l(e,t,i);for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,null);w(t,a),r&&r.m(t,null)},p(e,l){if(33587200&l[0]|1&l[1]){let r;for(i=e[25],r=0;r<i.length;r+=1){const n=J(e,i,r);s[r]?s[r].p(n,l):(s[r]=K(n),s[r].c(),s[r].m(t,a))}for(;r<s.length;r+=1)s[r].d(1);s.length=i.length}e[19].length>e[15]?r?r.p(e,l):(r=U(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&k(t),_(s,e),r&&r.d()}}}function q(e){let t,a,i,s,r,n;function o(){return e[49](e[61])}return{c(){t=c("div"),a=c("m-tag"),G(a,"id",i=e[61].id),G(a,"label",s=e[61].label),G(a,"size","s"),G(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),w(t,a),r||(n=$(a,"tag-removed",o),r=!0)},p(t,l){e=t,33554432&l[0]&&i!==(i=e[61].id)&&G(a,"id",i),33554432&l[0]&&s!==(s=e[61].label)&&G(a,"label",s)},d(e){e&&k(t),r=!1,n()}}}function K(e){let t,a=e[65]<e[15]&&q(e);return{c(){a&&a.c(),t=L()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[65]<e[15]?a?a.p(e,l):(a=q(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&k(t)}}}function U(e){let t,a,i,s,r;return{c(){t=c("div"),a=c("m-tag"),G(a,"id","id-tag"),G(a,"label",i="("+e[19].length+") "+e[14]+" "),G(a,"size","s"),G(a,"type","link"),h(t,"class","tag-selected")},m(i,n){l(i,t,n),w(t,a),s||(r=$(a,"tag-selected",e[50]),s=!0)},p(e,t){540672&t[0]&&i!==(i="("+e[19].length+") "+e[14]+" ")&&G(a,"label",i)},d(e){e&&k(t),s=!1,r()}}}function ee(e){let t,a,i,s,r,n,o=e[25],d=[];for(let t=0;t<o.length;t+=1)d[t]=te(R(e,o,t));return{c(){t=c("div"),a=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();h(s,"class","tags-selected"),h(i,"slot","content"),G(a,"title",e[13]),G(a,"layertitletag","h3"),G(a,"isopen",e[26])},m(o,c){l(o,t,c),w(t,a),w(a,i),w(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);r||(n=$(a,"layer-closed",e[52]),r=!0)},p(e,t){if(33554432&t[0]|1&t[1]){let a;for(o=e[25],a=0;a<o.length;a+=1){const l=R(e,o,a);d[a]?d[a].p(l,t):(d[a]=te(l),d[a].c(),d[a].m(s,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=o.length}8192&t[0]&&G(a,"title",e[13]),67108864&t[0]&&G(a,"isopen",e[26])},d(e){e&&k(t),_(d,e),r=!1,n()}}}function te(e){let t,a,i,s,r,n,o;function m(){return e[51](e[61])}return{c(){t=c("div"),a=c("m-tag"),r=d(),G(a,"id",i=e[61].id),G(a,"label",s=e[61].label),G(a,"size","s"),G(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),w(t,a),w(t,r),n||(o=$(a,"tag-removed",m),n=!0)},p(t,l){e=t,33554432&l[0]&&i!==(i=e[61].id)&&G(a,"id",i),33554432&l[0]&&s!==(s=e[61].label)&&G(a,"label",s)},d(e){e&&k(t),n=!1,o()}}}function ae(e){let t,a,i,s,z,S,N,T,_,L,G,P,W,Q,B,R,J,q,K,U,te,ae,ie,se=(e[24]?e[24]:e[2])+"",re=e[8]&&e[19].length>0&&!e[16]&&V(e),ne=!e[8]&&e[24]&&e[12]&&Y(e),oe=e[7]&&X();function ce(t){e[48](t)}let de={items:JSON.stringify(e[27]),open:e[20],multiple:e[8],isfiltered:le,emptysearchlabel:e[9],maxwidth:e[0],datatextexpr:e[10],datavalueexpr:e[11],selectall:e[17],labelselectall:e[18]};void 0!==e[19]&&(de.value=e[19]),L=new O({props:de}),r.push((()=>n(L,"value",ce))),L.$on("change",e[35]),L.$on("scrollend",e[36]),L.$on("select-all",e[37]);let me=e[8]&&e[16]&&F(e),ge=e[8]&&e[16]&&ee(e),pe=[{class:"mc-dropdown"},{style:U="--dropdown-tag-width: "+e[23]+"; --dropdown-width: "+e[0]+";"},e[21]],he={};for(let e=0;e<pe.length;e+=1)he=o(he,pe[e]);return{c(){t=c("div"),a=c("div"),re&&re.c(),i=d(),s=c("button"),z=m(se),S=d(),ne&&ne.c(),N=d(),T=c("div"),oe&&oe.c(),_=d(),g(L.$$.fragment),P=d(),me&&me.c(),W=d(),Q=c("span"),B=d(),R=c("span"),J=d(),q=c("span"),K=d(),ge&&ge.c(),this.c=p,h(s,"type","button"),h(s,"class","mc-select mc-dropdown__trigger"),s.disabled=e[3],x(s,"is-open",e[20]),x(s,"is-valid",e[5]),x(s,"is-invalid",e[6]),x(s,"mc-select--s","s"===e[4]),h(T,"class","mc-dropdown__tools"),h(a,"class","mc-dropdown__main"),h(Q,"class","mc-dropdown__tag"),u(Q,"display","none"),h(R,"class","mc-dropdown__loader"),u(R,"display","none"),h(q,"class","mc-text-input mc-dropdown__trigger"),u(q,"display","none"),b(t,he),x(t,"mc-dropdown--multi",e[8])},m(r,n){l(r,t,n),w(t,a),re&&re.m(a,null),w(a,i),w(a,s),w(s,z),w(s,S),ne&&ne.m(s,null),w(a,N),w(a,T),oe&&oe.m(T,null),w(t,_),f(L,t,null),w(t,P),me&&me.m(t,null),w(t,W),w(t,Q),w(t,B),w(t,R),w(t,J),w(t,q),w(t,K),ge&&ge.m(t,null),te=!0,ae||(ie=[$(s,"click",e[47]),M(H.call(null,t)),$(t,"outclick",e[34])],ae=!0)},p(e,l){e[8]&&e[19].length>0&&!e[16]?re?(re.p(e,l),590080&l[0]&&I(re,1)):(re=V(e),re.c(),I(re,1),re.m(a,i)):re&&(Z(),v(re,1,1,(()=>{re=null})),y()),(!te||16777220&l[0])&&se!==(se=(e[24]?e[24]:e[2])+"")&&A(z,se),!e[8]&&e[24]&&e[12]?ne?ne.p(e,l):(ne=Y(e),ne.c(),ne.m(s,null)):ne&&(ne.d(1),ne=null),(!te||8&l[0])&&(s.disabled=e[3]),(!te||1048576&l[0])&&x(s,"is-open",e[20]),(!te||32&l[0])&&x(s,"is-valid",e[5]),(!te||64&l[0])&&x(s,"is-invalid",e[6]),(!te||16&l[0])&&x(s,"mc-select--s","s"===e[4]),e[7]?oe?128&l[0]&&I(oe,1):(oe=X(),oe.c(),I(oe,1),oe.m(T,null)):oe&&(Z(),v(oe,1,1,(()=>{oe=null})),y());const r={};134217728&l[0]&&(r.items=JSON.stringify(e[27])),1048576&l[0]&&(r.open=e[20]),256&l[0]&&(r.multiple=e[8]),512&l[0]&&(r.emptysearchlabel=e[9]),1&l[0]&&(r.maxwidth=e[0]),1024&l[0]&&(r.datatextexpr=e[10]),2048&l[0]&&(r.datavalueexpr=e[11]),131072&l[0]&&(r.selectall=e[17]),262144&l[0]&&(r.labelselectall=e[18]),!G&&524288&l[0]&&(G=!0,r.value=e[19],D((()=>G=!1))),L.$set(r),e[8]&&e[16]?me?me.p(e,l):(me=F(e),me.c(),me.m(t,W)):me&&(me.d(1),me=null),e[8]&&e[16]?ge?ge.p(e,l):(ge=ee(e),ge.c(),ge.m(t,null)):ge&&(ge.d(1),ge=null),b(t,he=j(pe,[{class:"mc-dropdown"},(!te||8388609&l[0]&&U!==(U="--dropdown-tag-width: "+e[23]+"; --dropdown-width: "+e[0]+";"))&&{style:U},2097152&l[0]&&e[21]])),x(t,"mc-dropdown--multi",e[8])},i(e){te||(I(re),I(oe),I(L.$$.fragment,e),te=!0)},o(e){v(re),v(oe),v(L.$$.fragment,e),te=!1},d(e){e&&k(t),re&&re.d(),ne&&ne.d(),oe&&oe.d(),E(L),me&&me.d(),ge&&ge.d(),ae=!1,C(ie)}}}let le=!1;function ie(e,t,a){let l,i,s,n,c,d;const m=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let g=z(t,m),{maxwidth:p="100%"}=t,{tagid:h}=t,{taglabel:x=""}=t,{placeholder:u="-- Placeholder --"}=t,{disabled:b=!1}=t,{size:w="m"}=t,{isvalid:f}=t,{isinvalid:$}=t,{loading:M=!1}=t,{items:I}=t,{value:v}=t,{open:y=!1}=t,{multiple:A=!1}=t,{emptysearchlabel:D="No results found"}=t,{datatextexpr:j="label"}=t,{datavalueexpr:k="value"}=t,{nosort:E=!1}=t,{clearfield:C=!1}=t,{layertitle:T="Title layer"}=t,{showmoretagslabel:_="Show more"}=t,{maxnumbertoshowtags:L=12}=t,{alltags:G=!1}=t,{selectall:Z=!1}=t,{labelselectall:H="Select all"}=t;const Q=S(),B=Math.random();let O,R,J,V,Y=new W,X="0px",F=[],q=null;function K(){a(19,s=A?[]:""),ae(),Y.dispatch("clear",!0)}function U(e){a(19,s=s.filter((t=>t!==e))),Y.dispatch("onchange",s)}function ee(){a(26,q=!0)}function te(){a(26,q=null)}function ae(){a(20,c=!1),A&&!E?function(){V=l;const e=le();V.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[k]-a[k]:l<i?1:-1})),a(27,i=V)}():a(27,i=l)}function le(e){const t=e||s;return l.filter((e=>A?t.includes(e[k]):t===e[k]))}return e.$$set=e=>{t=o(o({},t),N(e)),a(60,g=z(t,m)),"maxwidth"in e&&a(0,p=e.maxwidth),"tagid"in e&&a(1,h=e.tagid),"taglabel"in e&&a(38,x=e.taglabel),"placeholder"in e&&a(2,u=e.placeholder),"disabled"in e&&a(3,b=e.disabled),"size"in e&&a(4,w=e.size),"isvalid"in e&&a(5,f=e.isvalid),"isinvalid"in e&&a(6,$=e.isinvalid),"loading"in e&&a(7,M=e.loading),"items"in e&&a(39,I=e.items),"value"in e&&a(40,v=e.value),"open"in e&&a(41,y=e.open),"multiple"in e&&a(8,A=e.multiple),"emptysearchlabel"in e&&a(9,D=e.emptysearchlabel),"datatextexpr"in e&&a(10,j=e.datatextexpr),"datavalueexpr"in e&&a(11,k=e.datavalueexpr),"nosort"in e&&a(42,E=e.nosort),"clearfield"in e&&a(12,C=e.clearfield),"layertitle"in e&&a(13,T=e.layertitle),"showmoretagslabel"in e&&a(14,_=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(15,L=e.maxnumbertoshowtags),"alltags"in e&&a(16,G=e.alltags),"selectall"in e&&a(17,Z=e.selectall),"labelselectall"in e&&a(18,H=e.labelselectall)},e.$$.update=()=>{if(256&e.$$.dirty[1]&&a(44,l=I?JSON.parse(I):[]),8192&e.$$.dirty[1]&&a(27,i=l),256&e.$$.dirty[0]|512&e.$$.dirty[1]&&a(19,s=!v&&A?[]:v?JSON.parse(v):v),524288&e.$$.dirty[0]|128&e.$$.dirty[1]&&a(28,n=()=>s.length.toString()+" "+x),524288&e.$$.dirty[0]&&async function(e){await P(),a(25,F=le(e));const t=F.map((e=>e[j]));a(24,J=t.join(", ")),A&&a(43,R=e)}(s),4096&e.$$.dirty[1]&&async function(e){await P(),a(23,X=O&&e&&e.length?`${Q.shadowRoot.querySelector(".mc-tag-removable").clientWidth+8}px`:"0px")}(R),1024&e.$$.dirty[1]&&a(20,c=y),1048576&e.$$.dirty[0]){const e=c?"open":"close";Y.dispatch(e,c)}a(21,d=Object.assign({},g)),2097152&e.$$.dirty[0]&&delete d.class},[p,h,u,b,w,f,$,M,A,D,j,k,C,T,_,L,G,Z,H,s,c,d,O,X,J,F,q,i,n,B,K,U,ee,te,ae,function(){Y.dispatch("onchange",s),A||ae()},function(){Y.dispatch("scrollend",!0)},function(e){Y.dispatch("select-all",e.detail)},x,I,v,y,E,R,l,function(e){r[e?"unshift":"push"]((()=>{O=e,a(22,O)}))},()=>{K()},()=>a(20,c=!c),function(e){s=e,a(19,s),a(40,v),a(8,A)},e=>U(e.id),()=>ee(),e=>U(e.id),()=>te()]}class se extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-select{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==");border-color:#c61112}.mc-select.is-valid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIgMTAuNWExIDEgMCAwMS4yOS0uNzFsNS01YTEgMSAwIDAxMS40MiAwbDUgNWExIDEgMCAwMS0xLjQyIDEuNDJMOCA2LjkxbC00LjI5IDQuM2ExIDEgMCAwMS0xLjQyIDBBMSAxIDAgMDEyIDEwLjV6Ii8+PC9zdmc+")}.mc-dropdown__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},ie,ae,s,{maxwidth:0,tagid:1,taglabel:38,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,items:39,value:40,open:41,multiple:8,emptysearchlabel:9,datatextexpr:10,datavalueexpr:11,nosort:42,clearfield:12,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[38]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isvalid(){return this.$$.ctx[5]}set isvalid(e){this.$$set({isvalid:e}),i()}get isinvalid(){return this.$$.ctx[6]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get loading(){return this.$$.ctx[7]}set loading(e){this.$$set({loading:e}),i()}get items(){return this.$$.ctx[39]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[40]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[41]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[8]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[9]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[10]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[11]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[42]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[12]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[16]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[17]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{se as default};
 //# sourceMappingURL=Dropdown.js.map