@iroco/ui 0.11.1 → 0.12.0

package/lib/index.js

@@ -175,6 +175,37 @@
         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) {
@@ -472,25 +503,25 @@
 
     /* src/Button.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$g(ctx) {
+    function create_fragment$h(ctx) {
     	let button;
     	let button_class_value;
     	let current;
     	let mounted;
     	let dispose;
-    	const default_slot_template = /*#slots*/ ctx[7].default;
-    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[6], null);
+    	const default_slot_template = /*#slots*/ ctx[8].default;
+    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], null);
 
     	return {
     		c() {
     			button = element("button");
     			if (default_slot) default_slot.c();
-    			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]);
+    			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-cdmkz4"));
+    			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]);
     		},
     		m(target, anchor) {
     			insert(target, button, anchor);
@@ -499,42 +530,43 @@
     				default_slot.m(button, null);
     			}
 
+    			/*button_binding*/ ctx[10](button);
     			current = true;
 
     			if (!mounted) {
-    				dispose = listen(button, "click", /*click_handler*/ ctx[8]);
+    				dispose = listen(button, "click", /*click_handler*/ ctx[9]);
     				mounted = true;
     			}
     		},
     		p(ctx, [dirty]) {
     			if (default_slot) {
-    				if (default_slot.p && (!current || dirty & /*$$scope*/ 64)) {
-    					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[6], dirty, null, null);
+    				if (default_slot.p && (!current || dirty & /*$$scope*/ 128)) {
+    					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[7], dirty, null, null);
     				}
     			}
 
-    			if (!current || dirty & /*id*/ 32) {
-    				attr(button, "id", /*id*/ ctx[5]);
+    			if (!current || dirty & /*id*/ 64) {
+    				attr(button, "id", /*id*/ ctx[6]);
     			}
 
-    			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"))) {
+    			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-cdmkz4"))) {
     				attr(button, "class", button_class_value);
     			}
 
-    			if (!current || dirty & /*type*/ 1) {
-    				attr(button, "type", /*type*/ ctx[0]);
+    			if (!current || dirty & /*type*/ 2) {
+    				attr(button, "type", /*type*/ ctx[1]);
     			}
 
-    			if (!current || dirty & /*disabled*/ 2) {
-    				button.disabled = /*disabled*/ ctx[1];
+    			if (!current || dirty & /*disabled*/ 4) {
+    				button.disabled = /*disabled*/ ctx[2];
     			}
 
-    			if (dirty & /*size, kind, disabled*/ 14) {
-    				toggle_class(button, "disabled", /*disabled*/ ctx[1]);
+    			if (dirty & /*size, kind, disabled*/ 28) {
+    				toggle_class(button, "disabled", /*disabled*/ ctx[2]);
     			}
 
-    			if (dirty & /*size, kind, rounded*/ 28) {
-    				toggle_class(button, "rounded", /*rounded*/ ctx[4]);
+    			if (dirty & /*size, kind, rounded*/ 56) {
+    				toggle_class(button, "rounded", /*rounded*/ ctx[5]);
     			}
     		},
     		i(local) {
@@ -549,13 +581,14 @@
     		d(detaching) {
     			if (detaching) detach(button);
     			if (default_slot) default_slot.d(detaching);
+    			/*button_binding*/ ctx[10](null);
     			mounted = false;
     			dispose();
     		}
     	};
     }
 
-    function instance$f($$self, $$props, $$invalidate) {
+    function instance$g($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	let { type = "button" } = $$props;
     	let { disabled = false } = $$props;
@@ -563,42 +596,64 @@
     	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(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);
+    		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);
     	};
 
-    	return [type, disabled, kind, size, rounded, id, $$scope, slots, click_handler];
+    	return [
+    		node,
+    		type,
+    		disabled,
+    		kind,
+    		size,
+    		rounded,
+    		id,
+    		$$scope,
+    		slots,
+    		click_handler,
+    		button_binding
+    	];
     }
 
     class Button extends SvelteComponent {
     	constructor(options) {
     		super();
 
-    		init(this, options, instance$f, create_fragment$g, safe_not_equal, {
-    			type: 0,
-    			disabled: 1,
-    			kind: 2,
-    			size: 3,
-    			rounded: 4,
-    			id: 5
+    		init(this, options, instance$g, create_fragment$h, safe_not_equal, {
+    			type: 1,
+    			disabled: 2,
+    			kind: 3,
+    			size: 4,
+    			rounded: 5,
+    			id: 6,
+    			node: 0
     		});
     	}
     }
 
     /* src/TextInput.svelte generated by Svelte v3.38.2 */
 
-    function create_if_block_1$1(ctx) {
+    function create_if_block_2(ctx) {
     	let label_1;
     	let t;
 
@@ -626,40 +681,103 @@
     	};
     }
 
-    // (40:1) {#if error != null}
+    // (41:1) {#if error != null}
     function create_if_block$4(ctx) {
     	let p;
-    	let t_value = (/*error*/ ctx[4] !== null ? /*error*/ ctx[4] : "") + "";
-    	let t;
+
+    	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);
 
     	return {
     		c() {
     			p = element("p");
-    			t = text(t_value);
+    			if_block.c();
     			attr(p, "data-testid", "error");
     			attr(p, "class", "error svelte-11iawkb");
     		},
     		m(target, anchor) {
     			insert(target, p, anchor);
-    			append(p, t);
+    			if_block.m(p, null);
     		},
     		p(ctx, dirty) {
-    			if (dirty & /*error*/ 16 && t_value !== (t_value = (/*error*/ ctx[4] !== null ? /*error*/ ctx[4] : "") + "")) set_data(t, t_value);
+    			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();
     		}
     	};
     }
 
-    function create_fragment$f(ctx) {
+    // (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);
+    		},
+    		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();
+    		}
+    	};
+    }
+
+    function create_fragment$g(ctx) {
     	let div;
     	let t0;
     	let input;
     	let t1;
     	let mounted;
     	let dispose;
-    	let if_block0 = /*label*/ ctx[2] && create_if_block_1$1(ctx);
+    	let if_block0 = /*label*/ ctx[2] && create_if_block_2(ctx);
     	let if_block1 = /*error*/ ctx[4] != null && create_if_block$4(ctx);
 
     	return {
@@ -673,11 +791,11 @@
     			attr(input, "id", /*id*/ ctx[1]);
     			attr(input, "type", "text");
     			attr(input, "placeholder", /*placeholder*/ ctx[3]);
-    			input.readOnly = /*readonly*/ ctx[7];
+    			input.readOnly = /*readonly*/ ctx[8];
     			attr(input, "class", "svelte-11iawkb");
-    			toggle_class(input, "border", /*border*/ ctx[8]);
+    			toggle_class(input, "border", /*border*/ ctx[9]);
     			toggle_class(input, "error", /*error*/ ctx[4] !== null);
-    			toggle_class(input, "readonlyInput", /*readonly*/ ctx[7] == true);
+    			toggle_class(input, "readonlyInput", /*readonly*/ ctx[8] == true);
     			attr(div, "class", "iroco-ui-input svelte-11iawkb");
     		},
     		m(target, anchor) {
@@ -691,15 +809,15 @@
 
     			if (!mounted) {
     				dispose = [
-    					listen(input, "input", /*input_handler*/ ctx[12]),
-    					listen(input, "input", /*input_input_handler*/ ctx[13]),
+    					listen(input, "input", /*input_handler*/ ctx[13]),
+    					listen(input, "input", /*input_input_handler*/ ctx[14]),
     					listen(input, "focus", function () {
-    						if (is_function(/*onFocus*/ ctx[5])) /*onFocus*/ ctx[5].apply(this, arguments);
+    						if (is_function(/*onFocus*/ ctx[6])) /*onFocus*/ ctx[6].apply(this, arguments);
     					}),
     					listen(input, "blur", function () {
-    						if (is_function(/*onBlur*/ ctx[6])) /*onBlur*/ ctx[6].apply(this, arguments);
+    						if (is_function(/*onBlur*/ ctx[7])) /*onBlur*/ ctx[7].apply(this, arguments);
     					}),
-    					action_destroyer(/*typeAction*/ ctx[9].call(null, input))
+    					action_destroyer(/*typeAction*/ ctx[10].call(null, input))
     				];
 
     				mounted = true;
@@ -712,7 +830,7 @@
     				if (if_block0) {
     					if_block0.p(ctx, dirty);
     				} else {
-    					if_block0 = create_if_block_1$1(ctx);
+    					if_block0 = create_if_block_2(ctx);
     					if_block0.c();
     					if_block0.m(div, t0);
     				}
@@ -729,24 +847,24 @@
     				attr(input, "placeholder", /*placeholder*/ ctx[3]);
     			}
 
-    			if (dirty & /*readonly*/ 128) {
-    				input.readOnly = /*readonly*/ ctx[7];
+    			if (dirty & /*readonly*/ 256) {
+    				input.readOnly = /*readonly*/ ctx[8];
     			}
 
     			if (dirty & /*value*/ 1 && input.value !== /*value*/ ctx[0]) {
     				set_input_value(input, /*value*/ ctx[0]);
     			}
 
-    			if (dirty & /*border*/ 256) {
-    				toggle_class(input, "border", /*border*/ ctx[8]);
+    			if (dirty & /*border*/ 512) {
+    				toggle_class(input, "border", /*border*/ ctx[9]);
     			}
 
     			if (dirty & /*error*/ 16) {
     				toggle_class(input, "error", /*error*/ ctx[4] !== null);
     			}
 
-    			if (dirty & /*readonly*/ 128) {
-    				toggle_class(input, "readonlyInput", /*readonly*/ ctx[7] == true);
+    			if (dirty & /*readonly*/ 256) {
+    				toggle_class(input, "readonlyInput", /*readonly*/ ctx[8] == true);
     			}
 
     			if (/*error*/ ctx[4] != null) {
@@ -774,7 +892,7 @@
     	};
     }
 
-    function instance$e($$self, $$props, $$invalidate) {
+    function instance$f($$self, $$props, $$invalidate) {
     	var { TextType } = $$props;
 
     	(function (TextType) {
@@ -788,6 +906,7 @@
     	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;
@@ -808,17 +927,18 @@
     	}
 
     	$$self.$$set = $$props => {
-    		if ("TextType" in $$props) $$invalidate(10, TextType = $$props.TextType);
+    		if ("TextType" in $$props) $$invalidate(11, TextType = $$props.TextType);
     		if ("id" in $$props) $$invalidate(1, id = $$props.id);
-    		if ("type" in $$props) $$invalidate(11, type = $$props.type);
+    		if ("type" in $$props) $$invalidate(12, 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(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);
+    		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);
     	};
 
     	return [
@@ -827,6 +947,7 @@
     		label,
     		placeholder,
     		error,
+    		htmlError,
     		onFocus,
     		onBlur,
     		readonly,
@@ -843,25 +964,26 @@
     	constructor(options) {
     		super();
 
-    		init(this, options, instance$e, create_fragment$f, safe_not_equal, {
-    			TextType: 10,
+    		init(this, options, instance$f, create_fragment$g, safe_not_equal, {
+    			TextType: 11,
     			id: 1,
-    			type: 11,
+    			type: 12,
     			label: 2,
     			placeholder: 3,
     			error: 4,
+    			htmlError: 5,
     			value: 0,
-    			onFocus: 5,
-    			onBlur: 6,
-    			readonly: 7,
-    			border: 8
+    			onFocus: 6,
+    			onBlur: 7,
+    			readonly: 8,
+    			border: 9
     		});
     	}
     }
 
     /* src/RadioButton.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$e(ctx) {
+    function create_fragment$f(ctx) {
     	let label_1;
     	let input;
     	let t0;
@@ -957,7 +1079,7 @@
     	};
     }
 
-    function instance$d($$self, $$props, $$invalidate) {
+    function instance$e($$self, $$props, $$invalidate) {
     	let { $$slots: slots = {}, $$scope } = $$props;
     	const label = "";
     	let { value } = $$props;
@@ -1008,7 +1130,7 @@
     	constructor(options) {
     		super();
 
-    		init(this, options, instance$d, create_fragment$e, safe_not_equal, {
+    		init(this, options, instance$e, create_fragment$f, safe_not_equal, {
     			label: 5,
     			value: 2,
     			group: 0,
@@ -1077,7 +1199,7 @@
     	};
     }
 
-    function create_fragment$d(ctx) {
+    function create_fragment$e(ctx) {
     	let div;
     	let t0;
     	let input;
@@ -1184,7 +1306,7 @@
     	};
     }
 
-    function instance$c($$self, $$props, $$invalidate) {
+    function instance$d($$self, $$props, $$invalidate) {
     	const omit_props_names = ["id","label","placeholder","error","value","min","max"];
     	let $$restProps = compute_rest_props($$props, omit_props_names);
     	let { id } = $$props;
@@ -1234,7 +1356,7 @@
     	constructor(options) {
     		super();
 
-    		init(this, options, instance$c, create_fragment$d, safe_not_equal, {
+    		init(this, options, instance$d, create_fragment$e, safe_not_equal, {
     			id: 1,
     			label: 2,
     			placeholder: 3,
@@ -3688,7 +3810,7 @@
     	};
     }
 
-    function create_fragment$c(ctx) {
+    function create_fragment$d(ctx) {
     	let if_block_anchor;
     	let if_block = /*icon*/ ctx[3] && create_if_block$2(ctx);
 
@@ -3724,7 +3846,7 @@
     	};
     }
 
-    function instance$b($$self, $$props, $$invalidate) {
+    function instance$c($$self, $$props, $$invalidate) {
     	let { name } = $$props;
     	let { stroke } = $$props;
     	let { strokeWidth } = $$props;
@@ -3758,7 +3880,7 @@
     	constructor(options) {
     		super();
 
-    		init(this, options, instance$b, create_fragment$c, safe_not_equal, {
+    		init(this, options, instance$c, create_fragment$d, safe_not_equal, {
     			name: 4,
     			stroke: 5,
     			strokeWidth: 6,
@@ -3771,7 +3893,7 @@
 
     /* src/IconIrocoLogo.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$b(ctx) {
+    function create_fragment$c(ctx) {
     	let svg;
     	let path0;
     	let path1;
@@ -3813,7 +3935,7 @@
     	};
     }
 
-    function instance$a($$self, $$props, $$invalidate) {
+    function instance$b($$self, $$props, $$invalidate) {
     	let { width = "5rem" } = $$props;
     	let { height = "5rem" } = $$props;
 
@@ -3828,13 +3950,13 @@
     class IconIrocoLogo extends SvelteComponent {
     	constructor(options) {
     		super();
-    		init(this, options, instance$a, create_fragment$b, safe_not_equal, { width: 0, height: 1 });
+    		init(this, options, instance$b, create_fragment$c, safe_not_equal, { width: 0, height: 1 });
     	}
     }
 
     /* src/Loader.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$a(ctx) {
+    function create_fragment$b(ctx) {
     	let div;
     	let iconirocologo;
     	let current;
@@ -3871,13 +3993,13 @@
     class Loader extends SvelteComponent {
     	constructor(options) {
     		super();
-    		init(this, options, null, create_fragment$a, safe_not_equal, {});
+    		init(this, options, null, create_fragment$b, safe_not_equal, {});
     	}
     }
 
     /* src/IconInfo.svelte generated by Svelte v3.38.2 */
 
-    function create_fragment$9(ctx) {
+    function create_fragment$a(ctx) {
     	let svg;
     	let path;
 
@@ -3918,7 +4040,7 @@
     	};
     }
 
-    function instance$9($$self, $$props, $$invalidate) {
+    function instance$a($$self, $$props, $$invalidate) {
     	let { width = "5rem" } = $$props;
     	let { height = "5rem" } = $$props;
 
@@ -3933,7 +4055,78 @@
     class IconInfo extends SvelteComponent {
     	constructor(options) {
     		super();
-    		init(this, options, instance$9, create_fragment$9, safe_not_equal, { width: 0, height: 1 });
+    		init(this, options, instance$a, create_fragment$a, safe_not_equal, { width: 0, height: 1 });
+    	}
+    }
+
+    /* src/IconMastodon.svelte generated by Svelte v3.38.2 */
+
+    function create_fragment$9(ctx) {
+    	let svg;
+    	let title;
+    	let t;
+    	let path;
+
+    	return {
+    		c() {
+    			svg = svg_element("svg");
+    			title = svg_element("title");
+    			t = text("Mastodon");
+    			path = svg_element("path");
+    			attr(path, "d", "M23.193 7.88c0-5.207-3.411-6.733-3.411-6.733C18.062.357 15.108.025 12.041 0h-.076c-3.069.025-6.02.357-7.74 1.147 0 0-3.412 1.526-3.412 6.732 0 1.193-.023 2.619.015 4.13.124 5.092.934 10.11 5.641 11.355 2.17.574 4.034.695 5.536.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.13.54c-2.165-.075-4.449-.234-4.799-2.892a5.5 5.5 0 0 1-.048-.745s2.125.52 4.818.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.508.475-6.508zm-4.024 6.709h-2.497v-6.12c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.313v3.349h-2.484v-3.35c0-1.537-.602-2.313-1.802-2.313-1.085 0-1.628.655-1.628 1.945v6.119H4.831V8.285c0-1.29.328-2.314.987-3.07.68-.759 1.57-1.147 2.674-1.147 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.305z");
+    			attr(path, "fill", /*fill*/ ctx[2]);
+    			attr(svg, "width", /*width*/ ctx[0]);
+    			attr(svg, "height", /*height*/ ctx[1]);
+    			attr(svg, "role", "img");
+    			attr(svg, "viewBox", "0 0 24 24");
+    			attr(svg, "class", "icon-mastodon");
+    			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+    		},
+    		m(target, anchor) {
+    			insert(target, svg, anchor);
+    			append(svg, title);
+    			append(title, t);
+    			append(svg, path);
+    		},
+    		p(ctx, [dirty]) {
+    			if (dirty & /*fill*/ 4) {
+    				attr(path, "fill", /*fill*/ ctx[2]);
+    			}
+
+    			if (dirty & /*width*/ 1) {
+    				attr(svg, "width", /*width*/ ctx[0]);
+    			}
+
+    			if (dirty & /*height*/ 2) {
+    				attr(svg, "height", /*height*/ ctx[1]);
+    			}
+    		},
+    		i: noop,
+    		o: noop,
+    		d(detaching) {
+    			if (detaching) detach(svg);
+    		}
+    	};
+    }
+
+    function instance$9($$self, $$props, $$invalidate) {
+    	let { width = "5em" } = $$props;
+    	let { height = "5em" } = $$props;
+    	let { fill = "currentColor" } = $$props;
+
+    	$$self.$$set = $$props => {
+    		if ("width" in $$props) $$invalidate(0, width = $$props.width);
+    		if ("height" in $$props) $$invalidate(1, height = $$props.height);
+    		if ("fill" in $$props) $$invalidate(2, fill = $$props.fill);
+    	};
+
+    	return [width, height, fill];
+    }
+
+    class IconMastodon extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$9, create_fragment$9, safe_not_equal, { width: 0, height: 1, fill: 2 });
     	}
     }
 
@@ -4002,16 +4195,15 @@
 
     function get_each_context$1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[6] = list[i].destination;
-    	child_ctx[7] = list[i].name;
+    	child_ctx[6] = list[i];
     	return child_ctx;
     }
 
-    // (19:2) {#each navigationItems as { destination, name }}
+    // (23:2) {#each navigationItems as item}
     function create_each_block$1(ctx) {
     	let li;
     	let a;
-    	let t0_value = /*name*/ ctx[7] + "";
+    	let t0_value = /*item*/ ctx[6].name + "";
     	let t0;
     	let a_href_value;
     	let t1;
@@ -4019,7 +4211,7 @@
     	let dispose;
 
     	function click_handler_1() {
-    		return /*click_handler_1*/ ctx[4](/*destination*/ ctx[6]);
+    		return /*click_handler_1*/ ctx[4](/*item*/ ctx[6]);
     	}
 
     	return {
@@ -4028,10 +4220,14 @@
     			a = element("a");
     			t0 = text(t0_value);
     			t1 = space();
-    			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]);
+
+    			attr(a, "href", a_href_value = typeof /*item*/ ctx[6].hrefOrCallback === "string"
+    			? /*item*/ ctx[6].hrefOrCallback
+    			: "#");
+
+    			attr(a, "class", "svelte-12quws1");
+    			attr(li, "class", "account__sidebar__item svelte-12quws1");
+    			toggle_class(li, "active", /*active*/ ctx[1] === /*item*/ ctx[6].name);
     		},
     		m(target, anchor) {
     			insert(target, li, anchor);
@@ -4046,14 +4242,16 @@
     		},
     		p(new_ctx, dirty) {
     			ctx = new_ctx;
-    			if (dirty & /*navigationItems*/ 1 && t0_value !== (t0_value = /*name*/ ctx[7] + "")) set_data(t0, t0_value);
+    			if (dirty & /*navigationItems*/ 1 && t0_value !== (t0_value = /*item*/ ctx[6].name + "")) set_data(t0, t0_value);
 
-    			if (dirty & /*navigationItems*/ 1 && a_href_value !== (a_href_value = /*destination*/ ctx[6])) {
+    			if (dirty & /*navigationItems*/ 1 && a_href_value !== (a_href_value = typeof /*item*/ ctx[6].hrefOrCallback === "string"
+    			? /*item*/ ctx[6].hrefOrCallback
+    			: "#")) {
     				attr(a, "href", a_href_value);
     			}
 
     			if (dirty & /*active, navigationItems*/ 3) {
-    				toggle_class(li, "active", /*active*/ ctx[1] === /*destination*/ ctx[6]);
+    				toggle_class(li, "active", /*active*/ ctx[1] === /*item*/ ctx[6].name);
     			}
     		},
     		d(detaching) {
@@ -4093,10 +4291,10 @@
     				each_blocks[i].c();
     			}
 
-    			attr(button, "class", "account__sidebar__close svelte-1rx212l");
-    			attr(ul, "class", "account__sidebar__item_container svelte-1rx212l");
+    			attr(button, "class", "account__sidebar__close svelte-12quws1");
+    			attr(ul, "class", "account__sidebar__item_container svelte-12quws1");
     			attr(nav, "data-testid", "sidebar");
-    			attr(nav, "class", "account__sidebar svelte-1rx212l");
+    			attr(nav, "class", "account__sidebar svelte-12quws1");
     		},
     		m(target, anchor) {
     			insert(target, nav, anchor);
@@ -4165,8 +4363,14 @@
     	let active;
     	const dispatch = createEventDispatcher();
 
-    	const handleClickLink = destination => {
-    		$$invalidate(1, active = destination);
+    	const handleClickLink = menuItem => {
+    		$$invalidate(1, active = menuItem.name);
+
+    		if (typeof menuItem.hrefOrCallback === "function") {
+    			menuItem.hrefOrCallback();
+    			return false; // to avoid calling href
+    		}
+
     		dispatch("click_link");
     	};
 
@@ -4174,7 +4378,7 @@
     		bubble($$self, event);
     	}
 
-    	const click_handler_1 = destination => handleClickLink(destination);
+    	const click_handler_1 = item => handleClickLink(item);
 
     	$$self.$$set = $$props => {
     		if ("navigationItems" in $$props) $$invalidate(0, navigationItems = $$props.navigationItems);
@@ -4350,13 +4554,13 @@
     			t6 = text(/*title*/ ctx[1]);
     			t7 = space();
     			create_component(sidebar.$$.fragment);
-    			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");
+    			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");
     		},
     		m(target, anchor) {
     			insert(target, div1, anchor);
@@ -5215,6 +5419,7 @@
     exports.Icon = Icon;
     exports.IconFloppyDisk = IconFloppyDisk;
     exports.IconInfo = IconInfo;
+    exports.IconMastodon = IconMastodon;
     exports.IconMore = IconMoreSign;
     exports.IconTrashCan = IconTrashCan;
     exports.Loader = Loader;