@iroco/ui 0.9.3 → 0.11.1

package/lib/index.mjs

@@ -169,37 +169,6 @@ function custom_event(type, detail) {
     e.initCustomEvent(type, false, false, detail);
     return e;
 }
-class HtmlTag {
-    constructor(anchor = null) {
-        this.a = anchor;
-        this.e = this.n = null;
-    }
-    m(html, target, anchor = null) {
-        if (!this.e) {
-            this.e = element(target.nodeName);
-            this.t = target;
-            this.h(html);
-        }
-        this.i(anchor);
-    }
-    h(html) {
-        this.e.innerHTML = html;
-        this.n = Array.from(this.e.childNodes);
-    }
-    i(anchor) {
-        for (let i = 0; i < this.n.length; i += 1) {
-            insert(this.t, this.n[i], anchor);
-        }
-    }
-    p(html) {
-        this.d();
-        this.h(html);
-        this.i(this.a);
-    }
-    d() {
-        this.n.forEach(detach);
-    }
-}
 
 let current_component;
 function set_current_component(component) {
@@ -503,19 +472,19 @@ function create_fragment$g(ctx) {
 	let current;
 	let mounted;
 	let dispose;
-	const default_slot_template = /*#slots*/ ctx[8].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], null);
+	const default_slot_template = /*#slots*/ ctx[7].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[6], null);
 
 	return {
 		c() {
 			button = element("button");
 			if (default_slot) default_slot.c();
-			attr(button, "id", /*id*/ ctx[6]);
-			attr(button, "class", button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-ahn9t2"));
-			attr(button, "type", /*type*/ ctx[1]);
-			button.disabled = /*disabled*/ ctx[2];
-			toggle_class(button, "disabled", /*disabled*/ ctx[2]);
-			toggle_class(button, "rounded", /*rounded*/ ctx[5]);
+			attr(button, "id", /*id*/ ctx[5]);
+			attr(button, "class", button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[3]} iroco-ui-button--${/*kind*/ ctx[2]}`) + " svelte-hp8sdi"));
+			attr(button, "type", /*type*/ ctx[0]);
+			button.disabled = /*disabled*/ ctx[1];
+			toggle_class(button, "disabled", /*disabled*/ ctx[1]);
+			toggle_class(button, "rounded", /*rounded*/ ctx[4]);
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
@@ -524,43 +493,42 @@ function create_fragment$g(ctx) {
 				default_slot.m(button, null);
 			}
 
-			/*button_binding*/ ctx[10](button);
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*click_handler*/ ctx[9]);
+				dispose = listen(button, "click", /*click_handler*/ ctx[8]);
 				mounted = true;
 			}
 		},
 		p(ctx, [dirty]) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 128)) {
-					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[7], dirty, null, null);
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 64)) {
+					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[6], dirty, null, null);
 				}
 			}
 
-			if (!current || dirty & /*id*/ 64) {
-				attr(button, "id", /*id*/ ctx[6]);
+			if (!current || dirty & /*id*/ 32) {
+				attr(button, "id", /*id*/ ctx[5]);
 			}
 
-			if (!current || dirty & /*size, kind*/ 24 && button_class_value !== (button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-ahn9t2"))) {
+			if (!current || dirty & /*size, kind*/ 12 && button_class_value !== (button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[3]} iroco-ui-button--${/*kind*/ ctx[2]}`) + " svelte-hp8sdi"))) {
 				attr(button, "class", button_class_value);
 			}
 
-			if (!current || dirty & /*type*/ 2) {
-				attr(button, "type", /*type*/ ctx[1]);
+			if (!current || dirty & /*type*/ 1) {
+				attr(button, "type", /*type*/ ctx[0]);
 			}
 
-			if (!current || dirty & /*disabled*/ 4) {
-				button.disabled = /*disabled*/ ctx[2];
+			if (!current || dirty & /*disabled*/ 2) {
+				button.disabled = /*disabled*/ ctx[1];
 			}
 
-			if (dirty & /*size, kind, disabled*/ 28) {
-				toggle_class(button, "disabled", /*disabled*/ ctx[2]);
+			if (dirty & /*size, kind, disabled*/ 14) {
+				toggle_class(button, "disabled", /*disabled*/ ctx[1]);
 			}
 
-			if (dirty & /*size, kind, rounded*/ 56) {
-				toggle_class(button, "rounded", /*rounded*/ ctx[5]);
+			if (dirty & /*size, kind, rounded*/ 28) {
+				toggle_class(button, "rounded", /*rounded*/ ctx[4]);
 			}
 		},
 		i(local) {
@@ -575,7 +543,6 @@ function create_fragment$g(ctx) {
 		d(detaching) {
 			if (detaching) detach(button);
 			if (default_slot) default_slot.d(detaching);
-			/*button_binding*/ ctx[10](null);
 			mounted = false;
 			dispose();
 		}
@@ -590,43 +557,22 @@ function instance$f($$self, $$props, $$invalidate) {
 	let { size = "regular" } = $$props;
 	let { rounded = false } = $$props;
 	let { id } = $$props;
-	let { node } = $$props;
 
 	function click_handler(event) {
 		bubble($$self, event);
 	}
 
-	function button_binding($$value) {
-		binding_callbacks[$$value ? "unshift" : "push"](() => {
-			node = $$value;
-			$$invalidate(0, node);
-		});
-	}
-
 	$$self.$$set = $$props => {
-		if ("type" in $$props) $$invalidate(1, type = $$props.type);
-		if ("disabled" in $$props) $$invalidate(2, disabled = $$props.disabled);
-		if ("kind" in $$props) $$invalidate(3, kind = $$props.kind);
-		if ("size" in $$props) $$invalidate(4, size = $$props.size);
-		if ("rounded" in $$props) $$invalidate(5, rounded = $$props.rounded);
-		if ("id" in $$props) $$invalidate(6, id = $$props.id);
-		if ("node" in $$props) $$invalidate(0, node = $$props.node);
-		if ("$$scope" in $$props) $$invalidate(7, $$scope = $$props.$$scope);
+		if ("type" in $$props) $$invalidate(0, type = $$props.type);
+		if ("disabled" in $$props) $$invalidate(1, disabled = $$props.disabled);
+		if ("kind" in $$props) $$invalidate(2, kind = $$props.kind);
+		if ("size" in $$props) $$invalidate(3, size = $$props.size);
+		if ("rounded" in $$props) $$invalidate(4, rounded = $$props.rounded);
+		if ("id" in $$props) $$invalidate(5, id = $$props.id);
+		if ("$$scope" in $$props) $$invalidate(6, $$scope = $$props.$$scope);
 	};
 
-	return [
-		node,
-		type,
-		disabled,
-		kind,
-		size,
-		rounded,
-		id,
-		$$scope,
-		slots,
-		click_handler,
-		button_binding
-	];
+	return [type, disabled, kind, size, rounded, id, $$scope, slots, click_handler];
 }
 
 class Button extends SvelteComponent {
@@ -634,20 +580,19 @@ class Button extends SvelteComponent {
 		super();
 
 		init(this, options, instance$f, create_fragment$g, safe_not_equal, {
-			type: 1,
-			disabled: 2,
-			kind: 3,
-			size: 4,
-			rounded: 5,
-			id: 6,
-			node: 0
+			type: 0,
+			disabled: 1,
+			kind: 2,
+			size: 3,
+			rounded: 4,
+			id: 5
 		});
 	}
 }
 
 /* src/TextInput.svelte generated by Svelte v3.38.2 */
 
-function create_if_block_2(ctx) {
+function create_if_block_1$1(ctx) {
 	let label_1;
 	let t;
 
@@ -675,91 +620,28 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (41:1) {#if error != null}
+// (40:1) {#if error != null}
 function create_if_block$4(ctx) {
 	let p;
-
-	function select_block_type(ctx, dirty) {
-		if (/*htmlError*/ ctx[5]) return create_if_block_1$1;
-		return create_else_block$1;
-	}
-
-	let current_block_type = select_block_type(ctx);
-	let if_block = current_block_type(ctx);
+	let t_value = (/*error*/ ctx[4] !== null ? /*error*/ ctx[4] : "") + "";
+	let t;
 
 	return {
 		c() {
 			p = element("p");
-			if_block.c();
+			t = text(t_value);
 			attr(p, "data-testid", "error");
 			attr(p, "class", "error svelte-11iawkb");
 		},
 		m(target, anchor) {
 			insert(target, p, anchor);
-			if_block.m(p, null);
-		},
-		p(ctx, dirty) {
-			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
-				if_block.p(ctx, dirty);
-			} else {
-				if_block.d(1);
-				if_block = current_block_type(ctx);
-
-				if (if_block) {
-					if_block.c();
-					if_block.m(p, null);
-				}
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(p);
-			if_block.d();
-		}
-	};
-}
-
-// (45:3) {:else}
-function create_else_block$1(ctx) {
-	let t_value = (/*error*/ ctx[4] !== null ? /*error*/ ctx[4] : "") + "";
-	let t;
-
-	return {
-		c() {
-			t = text(t_value);
-		},
-		m(target, anchor) {
-			insert(target, t, anchor);
+			append(p, t);
 		},
 		p(ctx, dirty) {
 			if (dirty & /*error*/ 16 && t_value !== (t_value = (/*error*/ ctx[4] !== null ? /*error*/ ctx[4] : "") + "")) set_data(t, t_value);
 		},
 		d(detaching) {
-			if (detaching) detach(t);
-		}
-	};
-}
-
-// (43:3) {#if htmlError}
-function create_if_block_1$1(ctx) {
-	let html_tag;
-	let raw_value = (/*error*/ ctx[4] !== null ? /*error*/ ctx[4] : "") + "";
-	let html_anchor;
-
-	return {
-		c() {
-			html_anchor = empty();
-			html_tag = new HtmlTag(html_anchor);
-		},
-		m(target, anchor) {
-			html_tag.m(raw_value, target, anchor);
-			insert(target, html_anchor, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*error*/ 16 && raw_value !== (raw_value = (/*error*/ ctx[4] !== null ? /*error*/ ctx[4] : "") + "")) html_tag.p(raw_value);
-		},
-		d(detaching) {
-			if (detaching) detach(html_anchor);
-			if (detaching) html_tag.d();
+			if (detaching) detach(p);
 		}
 	};
 }
@@ -771,7 +653,7 @@ function create_fragment$f(ctx) {
 	let t1;
 	let mounted;
 	let dispose;
-	let if_block0 = /*label*/ ctx[2] && create_if_block_2(ctx);
+	let if_block0 = /*label*/ ctx[2] && create_if_block_1$1(ctx);
 	let if_block1 = /*error*/ ctx[4] != null && create_if_block$4(ctx);
 
 	return {
@@ -785,11 +667,11 @@ function create_fragment$f(ctx) {
 			attr(input, "id", /*id*/ ctx[1]);
 			attr(input, "type", "text");
 			attr(input, "placeholder", /*placeholder*/ ctx[3]);
-			input.readOnly = /*readonly*/ ctx[8];
+			input.readOnly = /*readonly*/ ctx[7];
 			attr(input, "class", "svelte-11iawkb");
-			toggle_class(input, "border", /*border*/ ctx[9]);
+			toggle_class(input, "border", /*border*/ ctx[8]);
 			toggle_class(input, "error", /*error*/ ctx[4] !== null);
-			toggle_class(input, "readonlyInput", /*readonly*/ ctx[8] == true);
+			toggle_class(input, "readonlyInput", /*readonly*/ ctx[7] == true);
 			attr(div, "class", "iroco-ui-input svelte-11iawkb");
 		},
 		m(target, anchor) {
@@ -803,15 +685,15 @@ function create_fragment$f(ctx) {
 
 			if (!mounted) {
 				dispose = [
-					listen(input, "input", /*input_handler*/ ctx[13]),
-					listen(input, "input", /*input_input_handler*/ ctx[14]),
+					listen(input, "input", /*input_handler*/ ctx[12]),
+					listen(input, "input", /*input_input_handler*/ ctx[13]),
 					listen(input, "focus", function () {
-						if (is_function(/*onFocus*/ ctx[6])) /*onFocus*/ ctx[6].apply(this, arguments);
+						if (is_function(/*onFocus*/ ctx[5])) /*onFocus*/ ctx[5].apply(this, arguments);
 					}),
 					listen(input, "blur", function () {
-						if (is_function(/*onBlur*/ ctx[7])) /*onBlur*/ ctx[7].apply(this, arguments);
+						if (is_function(/*onBlur*/ ctx[6])) /*onBlur*/ ctx[6].apply(this, arguments);
 					}),
-					action_destroyer(/*typeAction*/ ctx[10].call(null, input))
+					action_destroyer(/*typeAction*/ ctx[9].call(null, input))
 				];
 
 				mounted = true;
@@ -824,7 +706,7 @@ function create_fragment$f(ctx) {
 				if (if_block0) {
 					if_block0.p(ctx, dirty);
 				} else {
-					if_block0 = create_if_block_2(ctx);
+					if_block0 = create_if_block_1$1(ctx);
 					if_block0.c();
 					if_block0.m(div, t0);
 				}
@@ -841,24 +723,24 @@ function create_fragment$f(ctx) {
 				attr(input, "placeholder", /*placeholder*/ ctx[3]);
 			}
 
-			if (dirty & /*readonly*/ 256) {
-				input.readOnly = /*readonly*/ ctx[8];
+			if (dirty & /*readonly*/ 128) {
+				input.readOnly = /*readonly*/ ctx[7];
 			}
 
 			if (dirty & /*value*/ 1 && input.value !== /*value*/ ctx[0]) {
 				set_input_value(input, /*value*/ ctx[0]);
 			}
 
-			if (dirty & /*border*/ 512) {
-				toggle_class(input, "border", /*border*/ ctx[9]);
+			if (dirty & /*border*/ 256) {
+				toggle_class(input, "border", /*border*/ ctx[8]);
 			}
 
 			if (dirty & /*error*/ 16) {
 				toggle_class(input, "error", /*error*/ ctx[4] !== null);
 			}
 
-			if (dirty & /*readonly*/ 256) {
-				toggle_class(input, "readonlyInput", /*readonly*/ ctx[8] == true);
+			if (dirty & /*readonly*/ 128) {
+				toggle_class(input, "readonlyInput", /*readonly*/ ctx[7] == true);
 			}
 
 			if (/*error*/ ctx[4] != null) {
@@ -900,7 +782,6 @@ function instance$e($$self, $$props, $$invalidate) {
 	let { label = null } = $$props;
 	let { placeholder } = $$props;
 	let { error = null } = $$props;
-	let { htmlError = false } = $$props;
 	let { value = null } = $$props;
 	let { onFocus } = $$props;
 	let { onBlur } = $$props;
@@ -921,18 +802,17 @@ function instance$e($$self, $$props, $$invalidate) {
 	}
 
 	$$self.$$set = $$props => {
-		if ("TextType" in $$props) $$invalidate(11, TextType = $$props.TextType);
+		if ("TextType" in $$props) $$invalidate(10, TextType = $$props.TextType);
 		if ("id" in $$props) $$invalidate(1, id = $$props.id);
-		if ("type" in $$props) $$invalidate(12, type = $$props.type);
+		if ("type" in $$props) $$invalidate(11, type = $$props.type);
 		if ("label" in $$props) $$invalidate(2, label = $$props.label);
 		if ("placeholder" in $$props) $$invalidate(3, placeholder = $$props.placeholder);
 		if ("error" in $$props) $$invalidate(4, error = $$props.error);
-		if ("htmlError" in $$props) $$invalidate(5, htmlError = $$props.htmlError);
 		if ("value" in $$props) $$invalidate(0, value = $$props.value);
-		if ("onFocus" in $$props) $$invalidate(6, onFocus = $$props.onFocus);
-		if ("onBlur" in $$props) $$invalidate(7, onBlur = $$props.onBlur);
-		if ("readonly" in $$props) $$invalidate(8, readonly = $$props.readonly);
-		if ("border" in $$props) $$invalidate(9, border = $$props.border);
+		if ("onFocus" in $$props) $$invalidate(5, onFocus = $$props.onFocus);
+		if ("onBlur" in $$props) $$invalidate(6, onBlur = $$props.onBlur);
+		if ("readonly" in $$props) $$invalidate(7, readonly = $$props.readonly);
+		if ("border" in $$props) $$invalidate(8, border = $$props.border);
 	};
 
 	return [
@@ -941,7 +821,6 @@ function instance$e($$self, $$props, $$invalidate) {
 		label,
 		placeholder,
 		error,
-		htmlError,
 		onFocus,
 		onBlur,
 		readonly,
@@ -959,18 +838,17 @@ class TextInput extends SvelteComponent {
 		super();
 
 		init(this, options, instance$e, create_fragment$f, safe_not_equal, {
-			TextType: 11,
+			TextType: 10,
 			id: 1,
-			type: 12,
+			type: 11,
 			label: 2,
 			placeholder: 3,
 			error: 4,
-			htmlError: 5,
 			value: 0,
-			onFocus: 6,
-			onBlur: 7,
-			readonly: 8,
-			border: 9
+			onFocus: 5,
+			onBlur: 6,
+			readonly: 7,
+			border: 8
 		});
 	}
 }
@@ -4118,15 +3996,16 @@ class IconClose extends SvelteComponent {
 
 function get_each_context$1(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[6] = list[i];
+	child_ctx[6] = list[i].destination;
+	child_ctx[7] = list[i].name;
 	return child_ctx;
 }
 
-// (23:2) {#each navigationItems as item}
+// (19:2) {#each navigationItems as { destination, name }}
 function create_each_block$1(ctx) {
 	let li;
 	let a;
-	let t0_value = /*item*/ ctx[6].name + "";
+	let t0_value = /*name*/ ctx[7] + "";
 	let t0;
 	let a_href_value;
 	let t1;
@@ -4134,7 +4013,7 @@ function create_each_block$1(ctx) {
 	let dispose;
 
 	function click_handler_1() {
-		return /*click_handler_1*/ ctx[4](/*item*/ ctx[6]);
+		return /*click_handler_1*/ ctx[4](/*destination*/ ctx[6]);
 	}
 
 	return {
@@ -4143,14 +4022,10 @@ function create_each_block$1(ctx) {
 			a = element("a");
 			t0 = text(t0_value);
 			t1 = space();
-
-			attr(a, "href", a_href_value = typeof /*item*/ ctx[6].hrefOrCallback === "string"
-			? /*item*/ ctx[6].hrefOrCallback
-			: "#");
-
-			attr(a, "class", "svelte-jkys2k");
-			attr(li, "class", "account__sidebar__item svelte-jkys2k");
-			toggle_class(li, "active", /*active*/ ctx[1] === /*item*/ ctx[6].name);
+			attr(a, "href", a_href_value = /*destination*/ ctx[6]);
+			attr(a, "class", "svelte-1rx212l");
+			attr(li, "class", "account__sidebar__item svelte-1rx212l");
+			toggle_class(li, "active", /*active*/ ctx[1] === /*destination*/ ctx[6]);
 		},
 		m(target, anchor) {
 			insert(target, li, anchor);
@@ -4165,16 +4040,14 @@ function create_each_block$1(ctx) {
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
-			if (dirty & /*navigationItems*/ 1 && t0_value !== (t0_value = /*item*/ ctx[6].name + "")) set_data(t0, t0_value);
+			if (dirty & /*navigationItems*/ 1 && t0_value !== (t0_value = /*name*/ ctx[7] + "")) set_data(t0, t0_value);
 
-			if (dirty & /*navigationItems*/ 1 && a_href_value !== (a_href_value = typeof /*item*/ ctx[6].hrefOrCallback === "string"
-			? /*item*/ ctx[6].hrefOrCallback
-			: "#")) {
+			if (dirty & /*navigationItems*/ 1 && a_href_value !== (a_href_value = /*destination*/ ctx[6])) {
 				attr(a, "href", a_href_value);
 			}
 
 			if (dirty & /*active, navigationItems*/ 3) {
-				toggle_class(li, "active", /*active*/ ctx[1] === /*item*/ ctx[6].name);
+				toggle_class(li, "active", /*active*/ ctx[1] === /*destination*/ ctx[6]);
 			}
 		},
 		d(detaching) {
@@ -4214,10 +4087,10 @@ function create_fragment$7(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(button, "class", "account__sidebar__close svelte-jkys2k");
-			attr(ul, "class", "account__sidebar__item_container svelte-jkys2k");
+			attr(button, "class", "account__sidebar__close svelte-1rx212l");
+			attr(ul, "class", "account__sidebar__item_container svelte-1rx212l");
 			attr(nav, "data-testid", "sidebar");
-			attr(nav, "class", "account__sidebar svelte-jkys2k");
+			attr(nav, "class", "account__sidebar svelte-1rx212l");
 		},
 		m(target, anchor) {
 			insert(target, nav, anchor);
@@ -4286,14 +4159,8 @@ function instance$7($$self, $$props, $$invalidate) {
 	let active;
 	const dispatch = createEventDispatcher();
 
-	const handleClickLink = menuItem => {
-		$$invalidate(1, active = menuItem.name);
-
-		if (typeof menuItem.hrefOrCallback === "function") {
-			menuItem.hrefOrCallback();
-			return false; // to avoid calling href
-		}
-
+	const handleClickLink = destination => {
+		$$invalidate(1, active = destination);
 		dispatch("click_link");
 	};
 
@@ -4301,7 +4168,7 @@ function instance$7($$self, $$props, $$invalidate) {
 		bubble($$self, event);
 	}
 
-	const click_handler_1 = item => handleClickLink(item);
+	const click_handler_1 = destination => handleClickLink(destination);
 
 	$$self.$$set = $$props => {
 		if ("navigationItems" in $$props) $$invalidate(0, navigationItems = $$props.navigationItems);
@@ -4477,13 +4344,13 @@ function create_fragment$5(ctx) {
 			t6 = text(/*title*/ ctx[1]);
 			t7 = space();
 			create_component(sidebar.$$.fragment);
-			attr(h10, "class", "svelte-1uu9ytm");
-			attr(div0, "class", "account__navigation--mobile__title-container svelte-1uu9ytm");
-			attr(button, "class", "account__navigation--mobile__button svelte-1uu9ytm");
-			attr(div1, "class", "account__navigation--mobile svelte-1uu9ytm");
-			attr(h11, "class", "svelte-1uu9ytm");
-			attr(div2, "class", "account__navigation__title-container svelte-1uu9ytm");
-			attr(div3, "class", "account__navigation svelte-1uu9ytm");
+			attr(h10, "class", "svelte-1jgfrsf");
+			attr(div0, "class", "account__navigation--mobile__title-container svelte-1jgfrsf");
+			attr(button, "class", "account__navigation--mobile__button svelte-1jgfrsf");
+			attr(div1, "class", "account__navigation--mobile svelte-1jgfrsf");
+			attr(h11, "class", "svelte-1jgfrsf");
+			attr(div2, "class", "account__navigation__title-container svelte-1jgfrsf");
+			attr(div3, "class", "account__navigation svelte-1jgfrsf");
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);