@iroco/ui 0.15.3 → 0.17.1

package/lib/index.mjs

@@ -497,7 +497,7 @@ class SvelteComponent {
 
 /* src/Button.svelte generated by Svelte v3.38.2 */
 
-function create_fragment$h(ctx) {
+function create_fragment$i(ctx) {
 	let button;
 	let button_class_value;
 	let current;
@@ -577,7 +577,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { type = "button" } = $$props;
 	let { disabled = false } = $$props;
@@ -625,7 +625,7 @@ class Button extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$g, create_fragment$h, safe_not_equal, {
+		init(this, options, instance$h, create_fragment$i, safe_not_equal, {
 			type: 1,
 			disabled: 2,
 			kind: 3,
@@ -638,7 +638,7 @@ class Button extends SvelteComponent {
 
 /* src/TextInput.svelte generated by Svelte v3.38.2 */
 
-function create_if_block_2(ctx) {
+function create_if_block_2$1(ctx) {
 	let label_1;
 	let t;
 
@@ -671,8 +671,8 @@ 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;
+		if (/*htmlError*/ ctx[5]) return create_if_block_1$2;
+		return create_else_block$2;
 	}
 
 	let current_block_type = select_block_type(ctx);
@@ -710,7 +710,7 @@ function create_if_block$4(ctx) {
 }
 
 // (45:3) {:else}
-function create_else_block$1(ctx) {
+function create_else_block$2(ctx) {
 	let t_value = (/*error*/ ctx[4] !== null ? /*error*/ ctx[4] : "") + "";
 	let t;
 
@@ -731,7 +731,7 @@ function create_else_block$1(ctx) {
 }
 
 // (43:3) {#if htmlError}
-function create_if_block_1$1(ctx) {
+function create_if_block_1$2(ctx) {
 	let html_tag;
 	let raw_value = (/*error*/ ctx[4] !== null ? /*error*/ ctx[4] : "") + "";
 	let html_anchor;
@@ -755,14 +755,14 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-function create_fragment$g(ctx) {
+function create_fragment$h(ctx) {
 	let div;
 	let t0;
 	let input;
 	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_2$1(ctx);
 	let if_block1 = /*error*/ ctx[4] != null && create_if_block$4(ctx);
 
 	return {
@@ -815,7 +815,7 @@ function create_fragment$g(ctx) {
 				if (if_block0) {
 					if_block0.p(ctx, dirty);
 				} else {
-					if_block0 = create_if_block_2(ctx);
+					if_block0 = create_if_block_2$1(ctx);
 					if_block0.c();
 					if_block0.m(div, t0);
 				}
@@ -877,7 +877,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	var { TextType } = $$props;
 
 	(function (TextType) {
@@ -949,7 +949,7 @@ class TextInput extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$f, create_fragment$g, safe_not_equal, {
+		init(this, options, instance$g, create_fragment$h, safe_not_equal, {
 			TextType: 11,
 			id: 1,
 			type: 12,
@@ -968,7 +968,7 @@ class TextInput extends SvelteComponent {
 
 /* src/RadioButton.svelte generated by Svelte v3.38.2 */
 
-function create_fragment$f(ctx) {
+function create_fragment$g(ctx) {
 	let label_1;
 	let input;
 	let t0;
@@ -1064,7 +1064,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	const label = "";
 	let { value } = $$props;
@@ -1115,7 +1115,7 @@ class RadioButton extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$e, create_fragment$f, safe_not_equal, {
+		init(this, options, instance$f, create_fragment$g, safe_not_equal, {
 			label: 5,
 			value: 2,
 			group: 0,
@@ -1131,7 +1131,7 @@ class RadioButton extends SvelteComponent {
 
 /* src/NumberInput.svelte generated by Svelte v3.38.2 */
 
-function create_if_block_1(ctx) {
+function create_if_block_1$1(ctx) {
 	let label_1;
 	let t;
 
@@ -1184,14 +1184,14 @@ function create_if_block$3(ctx) {
 	};
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$f(ctx) {
 	let div;
 	let t0;
 	let input;
 	let t1;
 	let mounted;
 	let dispose;
-	let if_block0 = /*label*/ ctx[2] && create_if_block_1(ctx);
+	let if_block0 = /*label*/ ctx[2] && create_if_block_1$1(ctx);
 
 	let input_levels = [
 		{ id: /*id*/ ctx[1] },
@@ -1244,7 +1244,7 @@ function create_fragment$e(ctx) {
 				if (if_block0) {
 					if_block0.p(ctx, dirty);
 				} else {
-					if_block0 = create_if_block_1(ctx);
+					if_block0 = create_if_block_1$1(ctx);
 					if_block0.c();
 					if_block0.m(div, t0);
 				}
@@ -1291,7 +1291,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$e($$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;
@@ -1341,7 +1341,7 @@ class NumberInput extends SvelteComponent {
 	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, {
 			id: 1,
 			label: 2,
 			placeholder: 3,
@@ -3795,7 +3795,7 @@ function create_if_block$2(ctx) {
 	};
 }
 
-function create_fragment$d(ctx) {
+function create_fragment$e(ctx) {
 	let if_block_anchor;
 	let if_block = /*icon*/ ctx[3] && create_if_block$2(ctx);
 
@@ -3831,7 +3831,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$c($$self, $$props, $$invalidate) {
+function instance$d($$self, $$props, $$invalidate) {
 	let { name } = $$props;
 	let { stroke } = $$props;
 	let { strokeWidth } = $$props;
@@ -3865,7 +3865,7 @@ class Icon extends SvelteComponent {
 	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, {
 			name: 4,
 			stroke: 5,
 			strokeWidth: 6,
@@ -3878,7 +3878,7 @@ class Icon extends SvelteComponent {
 
 /* src/IconIrocoLogo.svelte generated by Svelte v3.38.2 */
 
-function create_fragment$c(ctx) {
+function create_fragment$d(ctx) {
 	let svg;
 	let path0;
 	let path1;
@@ -3920,7 +3920,7 @@ function create_fragment$c(ctx) {
 	};
 }
 
-function instance$b($$self, $$props, $$invalidate) {
+function instance$c($$self, $$props, $$invalidate) {
 	let { width = "5rem" } = $$props;
 	let { height = "5rem" } = $$props;
 
@@ -3935,13 +3935,13 @@ function instance$b($$self, $$props, $$invalidate) {
 class IconIrocoLogo extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$b, create_fragment$c, safe_not_equal, { width: 0, height: 1 });
+		init(this, options, instance$c, create_fragment$d, safe_not_equal, { width: 0, height: 1 });
 	}
 }
 
 /* src/Loader.svelte generated by Svelte v3.38.2 */
 
-function create_fragment$b(ctx) {
+function create_fragment$c(ctx) {
 	let div;
 	let iconirocologo;
 	let current;
@@ -3978,13 +3978,13 @@ function create_fragment$b(ctx) {
 class Loader extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, null, create_fragment$b, safe_not_equal, {});
+		init(this, options, null, create_fragment$c, safe_not_equal, {});
 	}
 }
 
 /* src/IconInfo.svelte generated by Svelte v3.38.2 */
 
-function create_fragment$a(ctx) {
+function create_fragment$b(ctx) {
 	let svg;
 	let path;
 
@@ -4025,7 +4025,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	let { width = "5rem" } = $$props;
 	let { height = "5rem" } = $$props;
 
@@ -4040,13 +4040,13 @@ function instance$a($$self, $$props, $$invalidate) {
 class IconInfo extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$a, create_fragment$a, safe_not_equal, { width: 0, height: 1 });
+		init(this, options, instance$b, create_fragment$b, safe_not_equal, { width: 0, height: 1 });
 	}
 }
 
 /* src/IconMastodon.svelte generated by Svelte v3.38.2 */
 
-function create_fragment$9(ctx) {
+function create_fragment$a(ctx) {
 	let svg;
 	let title;
 	let t;
@@ -4094,7 +4094,7 @@ function create_fragment$9(ctx) {
 	};
 }
 
-function instance$9($$self, $$props, $$invalidate) {
+function instance$a($$self, $$props, $$invalidate) {
 	let { width = "5em" } = $$props;
 	let { height = "5em" } = $$props;
 	let { fill = "currentColor" } = $$props;
@@ -4111,13 +4111,13 @@ function instance$9($$self, $$props, $$invalidate) {
 class IconMastodon extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$9, create_fragment$9, safe_not_equal, { width: 0, height: 1, fill: 2 });
+		init(this, options, instance$a, create_fragment$a, safe_not_equal, { width: 0, height: 1, fill: 2 });
 	}
 }
 
 /* src/IconClose.svelte generated by Svelte v3.38.2 */
 
-function create_fragment$8(ctx) {
+function create_fragment$9(ctx) {
 	let svg;
 	let path;
 
@@ -4157,7 +4157,7 @@ function create_fragment$8(ctx) {
 	};
 }
 
-function instance$8($$self, $$props, $$invalidate) {
+function instance$9($$self, $$props, $$invalidate) {
 	let { width = "5rem" } = $$props;
 	let { height = "5rem" } = $$props;
 
@@ -4172,7 +4172,7 @@ function instance$8($$self, $$props, $$invalidate) {
 class IconClose extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$8, create_fragment$8, safe_not_equal, { width: 0, height: 1 });
+		init(this, options, instance$9, create_fragment$9, safe_not_equal, { width: 0, height: 1 });
 	}
 }
 
@@ -4211,8 +4211,9 @@ function create_each_block$1(ctx) {
 			? /*item*/ ctx[7].hrefOrCallback
 			: "#");
 
-			attr(a, "class", "svelte-1c8sozl");
-			attr(li, "class", li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-1c8sozl");
+			attr(a, "class", "svelte-v0jihd");
+			toggle_class(a, "iroco-ui-button", /*item*/ ctx[7].isButton());
+			attr(li, "class", li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-v0jihd");
 			toggle_class(li, "active", /*active*/ ctx[2] === /*item*/ ctx[7].name);
 		},
 		m(target, anchor) {
@@ -4236,7 +4237,11 @@ function create_each_block$1(ctx) {
 				attr(a, "href", a_href_value);
 			}
 
-			if (dirty & /*type*/ 2 && li_class_value !== (li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-1c8sozl")) {
+			if (dirty & /*navigationItems*/ 1) {
+				toggle_class(a, "iroco-ui-button", /*item*/ ctx[7].isButton());
+			}
+
+			if (dirty & /*type*/ 2 && li_class_value !== (li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-v0jihd")) {
 				attr(li, "class", li_class_value);
 			}
 
@@ -4252,7 +4257,7 @@ function create_each_block$1(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
+function create_fragment$8(ctx) {
 	let nav;
 	let button;
 	let iconclose;
@@ -4284,10 +4289,10 @@ function create_fragment$7(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(button, "class", button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-1c8sozl");
-			attr(ul, "class", ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-1c8sozl");
+			attr(button, "class", button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-v0jihd");
+			attr(ul, "class", ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-v0jihd");
 			attr(nav, "data-testid", /*type*/ ctx[1]);
-			attr(nav, "class", nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-1c8sozl");
+			attr(nav, "class", nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-v0jihd");
 		},
 		m(target, anchor) {
 			insert(target, nav, anchor);
@@ -4308,7 +4313,7 @@ function create_fragment$7(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (!current || dirty & /*type*/ 2 && button_class_value !== (button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-1c8sozl")) {
+			if (!current || dirty & /*type*/ 2 && button_class_value !== (button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-v0jihd")) {
 				attr(button, "class", button_class_value);
 			}
 
@@ -4335,7 +4340,7 @@ function create_fragment$7(ctx) {
 				each_blocks.length = each_value.length;
 			}
 
-			if (!current || dirty & /*type*/ 2 && ul_class_value !== (ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-1c8sozl")) {
+			if (!current || dirty & /*type*/ 2 && ul_class_value !== (ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-v0jihd")) {
 				attr(ul, "class", ul_class_value);
 			}
 
@@ -4343,7 +4348,7 @@ function create_fragment$7(ctx) {
 				attr(nav, "data-testid", /*type*/ ctx[1]);
 			}
 
-			if (!current || dirty & /*type*/ 2 && nav_class_value !== (nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-1c8sozl")) {
+			if (!current || dirty & /*type*/ 2 && nav_class_value !== (nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-v0jihd")) {
 				attr(nav, "class", nav_class_value);
 			}
 		},
@@ -4366,7 +4371,7 @@ function create_fragment$7(ctx) {
 	};
 }
 
-function instance$7($$self, $$props, $$invalidate) {
+function instance$8($$self, $$props, $$invalidate) {
 	
 	let { navigationItems } = $$props;
 	let { type } = $$props;
@@ -4401,13 +4406,13 @@ function instance$7($$self, $$props, $$invalidate) {
 class NavBar extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$7, create_fragment$7, safe_not_equal, { navigationItems: 0, type: 1 });
+		init(this, options, instance$8, create_fragment$8, safe_not_equal, { navigationItems: 0, type: 1 });
 	}
 }
 
 /* src/IconBurger.svelte generated by Svelte v3.38.2 */
 
-function create_fragment$6(ctx) {
+function create_fragment$7(ctx) {
 	let svg;
 	let path;
 
@@ -4447,7 +4452,7 @@ function create_fragment$6(ctx) {
 	};
 }
 
-function instance$6($$self, $$props, $$invalidate) {
+function instance$7($$self, $$props, $$invalidate) {
 	let { width = "5rem" } = $$props;
 	let { height = "5rem" } = $$props;
 
@@ -4460,6 +4465,110 @@ function instance$6($$self, $$props, $$invalidate) {
 }
 
 class IconBurger extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$7, create_fragment$7, safe_not_equal, { width: 0, height: 1 });
+	}
+}
+
+/* src/IrocoLogo.svelte generated by Svelte v3.38.2 */
+
+function create_fragment$6(ctx) {
+	let a;
+	let svg;
+	let title;
+	let t;
+	let path0;
+	let path1;
+	let path2;
+	let path3;
+	let path4;
+	let path5;
+	let path6;
+
+	return {
+		c() {
+			a = element("a");
+			svg = svg_element("svg");
+			title = svg_element("title");
+			t = text("Iroco");
+			path0 = svg_element("path");
+			path1 = svg_element("path");
+			path2 = svg_element("path");
+			path3 = svg_element("path");
+			path4 = svg_element("path");
+			path5 = svg_element("path");
+			path6 = svg_element("path");
+			attr(path0, "fill", "white");
+			attr(path0, "d", "M412,81.41c-7.34,0-12.07-5.19-12.07-12.37S404.77,56.66,412,56.66,424.17,61.85,424.17,69,419.13,81.41,412,81.41Zm10.7,118.4H401V103.54h21.7Z");
+			attr(path0, "transform", "translate(-0.44 -0.49)");
+			attr(path1, "fill", "white");
+			attr(path1, "d", "M505.77,123.71h-6.72c-18,0-27.2,8.26-27.2,28.43v47.67h-21.7V103.54h21.7v14.21h.3c5.5-9.32,15.44-15.28,28.43-15.28h5.19Z");
+			attr(path1, "transform", "translate(-0.44 -0.49)");
+			attr(path2, "fill", "white");
+			attr(path2, "d", "M566.44,201.34c-33,0-49.21-21.54-49.21-49.66S533.43,102,566.44,102s49.35,21.39,49.35,49.66C615.79,179.64,599.29,201.34,566.44,201.34Zm0-80.22c-19.26,0-27.51,12.68-27.51,30.56,0,17.72,8.4,30.56,27.66,30.56s27.5-12.68,27.5-30.56S585.69,121.12,566.44,121.12Z");
+			attr(path2, "transform", "translate(-0.44 -0.49)");
+			attr(path3, "fill", "white");
+			attr(path3, "d", "M721.23,186.52c-11.77,10.7-24.45,14.82-39.12,14.82-33.62,0-49.51-21.54-49.51-48.9,0-28.11,17.88-50.42,49.81-50.42,15.9,0,28,4.27,38.51,14.21L706.1,131.05c-6.88-6.72-14.21-9.93-23.53-9.93-18.8.15-28.27,13.9-28.27,31.32,0,16.66,8.1,29.8,28,29.8,9.17,0,16.35-2.9,24.3-10.54Z");
+			attr(path3, "transform", "translate(-0.44 -0.49)");
+			attr(path4, "fill", "white");
+			attr(path4, "d", "M783.42,201.34c-33,0-49.21-21.54-49.21-49.66S750.41,102,783.42,102s49.35,21.39,49.35,49.66C832.77,179.64,816.27,201.34,783.42,201.34Zm0-80.22c-19.26,0-27.51,12.68-27.51,30.56,0,17.72,8.41,30.56,27.66,30.56s27.5-12.68,27.5-30.56S802.67,121.12,783.42,121.12Z");
+			attr(path4, "transform", "translate(-0.44 -0.49)");
+			attr(path5, "fill", "white");
+			attr(path5, "d", "M122.8,144.26a30.6,30.6,0,0,0-8.07,1.23,5.53,5.53,0,0,0-3.46,3.53,28,28,0,0,0-.92,8.46v76.24a28,28,0,0,0,.92,8.46,5.53,5.53,0,0,0,3.46,3.53,30.18,30.18,0,0,0,8.07,1.23V250q-7.06-.45-19.52-.46-13.22,0-19.67.46v-3.07a30.33,30.33,0,0,0,8.07-1.23,5.49,5.49,0,0,0,3.45-3.53,27.59,27.59,0,0,0,.93-8.46V157.48a27.59,27.59,0,0,0-.93-8.46,5.49,5.49,0,0,0-3.45-3.53,30.75,30.75,0,0,0-8.07-1.23v-3.08q6.45.47,19.67.47,12.3,0,19.52-.47Z");
+			attr(path5, "transform", "translate(-0.44 -0.49)");
+			attr(path6, "fill", "#00D692");
+			attr(path6, "d", "M64.64,198.52a102.78,102.78,0,1,1,77.13,0l-7.41-18.29a83,83,0,1,0-62.31,0Z");
+			attr(path6, "transform", "translate(-0.44 -0.49)");
+			attr(svg, "viewBox", "0 0 832.33 249.52");
+			attr(svg, "width", /*width*/ ctx[0]);
+			attr(svg, "height", /*height*/ ctx[1]);
+			attr(a, "class", "iroco-logo");
+			attr(a, "href", "/");
+		},
+		m(target, anchor) {
+			insert(target, a, anchor);
+			append(a, svg);
+			append(svg, title);
+			append(title, t);
+			append(svg, path0);
+			append(svg, path1);
+			append(svg, path2);
+			append(svg, path3);
+			append(svg, path4);
+			append(svg, path5);
+			append(svg, path6);
+		},
+		p(ctx, [dirty]) {
+			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(a);
+		}
+	};
+}
+
+function instance$6($$self, $$props, $$invalidate) {
+	let { width = "10rem" } = $$props;
+	let { height = "10rem" } = $$props;
+
+	$$self.$$set = $$props => {
+		if ("width" in $$props) $$invalidate(0, width = $$props.width);
+		if ("height" in $$props) $$invalidate(1, height = $$props.height);
+	};
+
+	return [width, height];
+}
+
+class IrocoLogo extends SvelteComponent {
 	constructor(options) {
 		super();
 		init(this, options, instance$6, create_fragment$6, safe_not_equal, { width: 0, height: 1 });
@@ -4468,7 +4577,81 @@ class IconBurger extends SvelteComponent {
 
 /* src/Navigation.svelte generated by Svelte v3.38.2 */
 
-function create_if_block$1(ctx) {
+function create_else_block_1(ctx) {
+	let iconirocologo;
+	let t0;
+	let h1;
+	let t1;
+	let current;
+	iconirocologo = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
+
+	return {
+		c() {
+			create_component(iconirocologo.$$.fragment);
+			t0 = space();
+			h1 = element("h1");
+			t1 = text(/*title*/ ctx[2]);
+			attr(h1, "class", "svelte-lqwgm1");
+		},
+		m(target, anchor) {
+			mount_component(iconirocologo, target, anchor);
+			insert(target, t0, anchor);
+			insert(target, h1, anchor);
+			append(h1, t1);
+			current = true;
+		},
+		p(ctx, dirty) {
+			if (!current || dirty & /*title*/ 4) set_data(t1, /*title*/ ctx[2]);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(iconirocologo.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(iconirocologo.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(iconirocologo, detaching);
+			if (detaching) detach(t0);
+			if (detaching) detach(h1);
+		}
+	};
+}
+
+// (14:2) {#if title == null}
+function create_if_block_2(ctx) {
+	let irocologo;
+	let current;
+	irocologo = new IrocoLogo({ props: { width: "10em", height: "10em" } });
+
+	return {
+		c() {
+			create_component(irocologo.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(irocologo, target, anchor);
+			current = true;
+		},
+		p: noop,
+		i(local) {
+			if (current) return;
+			transition_in(irocologo.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(irocologo.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(irocologo, detaching);
+		}
+	};
+}
+
+// (26:1) {#if showMenu}
+function create_if_block_1(ctx) {
 	let navbar;
 	let current;
 
@@ -4511,33 +4694,121 @@ function create_if_block$1(ctx) {
 	};
 }
 
+// (40:2) {:else}
+function create_else_block$1(ctx) {
+	let iconirocologo;
+	let t0;
+	let h1;
+	let t1;
+	let current;
+	iconirocologo = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
+
+	return {
+		c() {
+			create_component(iconirocologo.$$.fragment);
+			t0 = space();
+			h1 = element("h1");
+			t1 = text(/*title*/ ctx[2]);
+			attr(h1, "class", "svelte-lqwgm1");
+		},
+		m(target, anchor) {
+			mount_component(iconirocologo, target, anchor);
+			insert(target, t0, anchor);
+			insert(target, h1, anchor);
+			append(h1, t1);
+			current = true;
+		},
+		p(ctx, dirty) {
+			if (!current || dirty & /*title*/ 4) set_data(t1, /*title*/ ctx[2]);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(iconirocologo.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(iconirocologo.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(iconirocologo, detaching);
+			if (detaching) detach(t0);
+			if (detaching) detach(h1);
+		}
+	};
+}
+
+// (38:2) {#if title == null}
+function create_if_block$1(ctx) {
+	let irocologo;
+	let current;
+	irocologo = new IrocoLogo({ props: { width: "10em", height: "10em" } });
+
+	return {
+		c() {
+			create_component(irocologo.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(irocologo, target, anchor);
+			current = true;
+		},
+		p: noop,
+		i(local) {
+			if (current) return;
+			transition_in(irocologo.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(irocologo.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(irocologo, detaching);
+		}
+	};
+}
+
 function create_fragment$5(ctx) {
 	let div1;
 	let div0;
-	let iconirocologo0;
+	let current_block_type_index;
+	let if_block0;
 	let t0;
-	let h10;
-	let t1;
-	let t2;
 	let button;
 	let iconburger;
-	let t3;
-	let t4;
+	let t1;
+	let t2;
 	let div3;
 	let div2;
-	let iconirocologo1;
-	let t5;
-	let h11;
-	let t6;
-	let t7;
+	let current_block_type_index_1;
+	let if_block2;
+	let t3;
 	let navbar;
 	let current;
 	let mounted;
 	let dispose;
-	iconirocologo0 = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
+	const if_block_creators = [create_if_block_2, create_else_block_1];
+	const if_blocks = [];
+
+	function select_block_type(ctx, dirty) {
+		if (/*title*/ ctx[2] == null) return 0;
+		return 1;
+	}
+
+	current_block_type_index = select_block_type(ctx);
+	if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
 	iconburger = new IconBurger({ props: { width: "3em", height: "3em" } });
-	let if_block = /*showMenu*/ ctx[3] && create_if_block$1(ctx);
-	iconirocologo1 = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
+	let if_block1 = /*showMenu*/ ctx[3] && create_if_block_1(ctx);
+	const if_block_creators_1 = [create_if_block$1, create_else_block$1];
+	const if_blocks_1 = [];
+
+	function select_block_type_1(ctx, dirty) {
+		if (/*title*/ ctx[2] == null) return 0;
+		return 1;
+	}
+
+	current_block_type_index_1 = select_block_type_1(ctx);
+	if_block2 = if_blocks_1[current_block_type_index_1] = if_block_creators_1[current_block_type_index_1](ctx);
 
 	navbar = new NavBar({
 			props: {
@@ -4550,52 +4821,38 @@ function create_fragment$5(ctx) {
 		c() {
 			div1 = element("div");
 			div0 = element("div");
-			create_component(iconirocologo0.$$.fragment);
+			if_block0.c();
 			t0 = space();
-			h10 = element("h1");
-			t1 = text(/*title*/ ctx[2]);
-			t2 = space();
 			button = element("button");
 			create_component(iconburger.$$.fragment);
-			t3 = space();
-			if (if_block) if_block.c();
-			t4 = space();
+			t1 = space();
+			if (if_block1) if_block1.c();
+			t2 = space();
 			div3 = element("div");
 			div2 = element("div");
-			create_component(iconirocologo1.$$.fragment);
-			t5 = space();
-			h11 = element("h1");
-			t6 = text(/*title*/ ctx[2]);
-			t7 = space();
+			if_block2.c();
+			t3 = space();
 			create_component(navbar.$$.fragment);
-			attr(h10, "class", "svelte-lqwgm1");
 			attr(div0, "class", "navigation--mobile__title-container svelte-lqwgm1");
 			attr(button, "class", "navigation--mobile__button svelte-lqwgm1");
 			attr(div1, "class", "navigation--mobile svelte-lqwgm1");
-			attr(h11, "class", "svelte-lqwgm1");
 			attr(div2, "class", "navigation__title-container svelte-lqwgm1");
 			attr(div3, "class", "navigation svelte-lqwgm1");
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
 			append(div1, div0);
-			mount_component(iconirocologo0, div0, null);
-			append(div0, t0);
-			append(div0, h10);
-			append(h10, t1);
-			append(div1, t2);
+			if_blocks[current_block_type_index].m(div0, null);
+			append(div1, t0);
 			append(div1, button);
 			mount_component(iconburger, button, null);
-			append(div1, t3);
-			if (if_block) if_block.m(div1, null);
-			insert(target, t4, anchor);
+			append(div1, t1);
+			if (if_block1) if_block1.m(div1, null);
+			insert(target, t2, anchor);
 			insert(target, div3, anchor);
 			append(div3, div2);
-			mount_component(iconirocologo1, div2, null);
-			append(div2, t5);
-			append(div2, h11);
-			append(h11, t6);
-			append(div3, t7);
+			if_blocks_1[current_block_type_index_1].m(div2, null);
+			append(div3, t3);
 			mount_component(navbar, div3, null);
 			current = true;
 
@@ -4605,32 +4862,81 @@ function create_fragment$5(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (!current || dirty & /*title*/ 4) set_data(t1, /*title*/ ctx[2]);
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type(ctx);
+
+			if (current_block_type_index === previous_block_index) {
+				if_blocks[current_block_type_index].p(ctx, dirty);
+			} else {
+				group_outros();
+
+				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+					if_blocks[previous_block_index] = null;
+				});
+
+				check_outros();
+				if_block0 = if_blocks[current_block_type_index];
+
+				if (!if_block0) {
+					if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+					if_block0.c();
+				} else {
+					if_block0.p(ctx, dirty);
+				}
+
+				transition_in(if_block0, 1);
+				if_block0.m(div0, null);
+			}
 
 			if (/*showMenu*/ ctx[3]) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
 
 					if (dirty & /*showMenu*/ 8) {
-						transition_in(if_block, 1);
+						transition_in(if_block1, 1);
 					}
 				} else {
-					if_block = create_if_block$1(ctx);
-					if_block.c();
-					transition_in(if_block, 1);
-					if_block.m(div1, null);
+					if_block1 = create_if_block_1(ctx);
+					if_block1.c();
+					transition_in(if_block1, 1);
+					if_block1.m(div1, null);
 				}
-			} else if (if_block) {
+			} else if (if_block1) {
 				group_outros();
 
-				transition_out(if_block, 1, 1, () => {
-					if_block = null;
+				transition_out(if_block1, 1, 1, () => {
+					if_block1 = null;
 				});
 
 				check_outros();
 			}
 
-			if (!current || dirty & /*title*/ 4) set_data(t6, /*title*/ ctx[2]);
+			let previous_block_index_1 = current_block_type_index_1;
+			current_block_type_index_1 = select_block_type_1(ctx);
+
+			if (current_block_type_index_1 === previous_block_index_1) {
+				if_blocks_1[current_block_type_index_1].p(ctx, dirty);
+			} else {
+				group_outros();
+
+				transition_out(if_blocks_1[previous_block_index_1], 1, 1, () => {
+					if_blocks_1[previous_block_index_1] = null;
+				});
+
+				check_outros();
+				if_block2 = if_blocks_1[current_block_type_index_1];
+
+				if (!if_block2) {
+					if_block2 = if_blocks_1[current_block_type_index_1] = if_block_creators_1[current_block_type_index_1](ctx);
+					if_block2.c();
+				} else {
+					if_block2.p(ctx, dirty);
+				}
+
+				transition_in(if_block2, 1);
+				if_block2.m(div2, null);
+			}
+
 			const navbar_changes = {};
 			if (dirty & /*navigationItems*/ 1) navbar_changes.navigationItems = /*navigationItems*/ ctx[0];
 			if (dirty & /*type*/ 2) navbar_changes.type = /*type*/ ctx[1];
@@ -4638,29 +4944,29 @@ function create_fragment$5(ctx) {
 		},
 		i(local) {
 			if (current) return;
-			transition_in(iconirocologo0.$$.fragment, local);
+			transition_in(if_block0);
 			transition_in(iconburger.$$.fragment, local);
-			transition_in(if_block);
-			transition_in(iconirocologo1.$$.fragment, local);
+			transition_in(if_block1);
+			transition_in(if_block2);
 			transition_in(navbar.$$.fragment, local);
 			current = true;
 		},
 		o(local) {
-			transition_out(iconirocologo0.$$.fragment, local);
+			transition_out(if_block0);
 			transition_out(iconburger.$$.fragment, local);
-			transition_out(if_block);
-			transition_out(iconirocologo1.$$.fragment, local);
+			transition_out(if_block1);
+			transition_out(if_block2);
 			transition_out(navbar.$$.fragment, local);
 			current = false;
 		},
 		d(detaching) {
 			if (detaching) detach(div1);
-			destroy_component(iconirocologo0);
+			if_blocks[current_block_type_index].d();
 			destroy_component(iconburger);
-			if (if_block) if_block.d();
-			if (detaching) detach(t4);
+			if (if_block1) if_block1.d();
+			if (detaching) detach(t2);
 			if (detaching) detach(div3);
-			destroy_component(iconirocologo1);
+			if_blocks_1[current_block_type_index_1].d();
 			destroy_component(navbar);
 			mounted = false;
 			dispose();
@@ -4672,7 +4978,7 @@ function instance$5($$self, $$props, $$invalidate) {
 	
 	let { navigationItems } = $$props;
 	let { type = "topbar" } = $$props;
-	let { title } = $$props;
+	let { title = null } = $$props;
 	let showMenu = false;
 	const click_handler = () => $$invalidate(3, showMenu = true);
 	const click_link_handler = () => $$invalidate(3, showMenu = false);
@@ -5431,4 +5737,19 @@ class Alert extends SvelteComponent {
 	}
 }
 
-export { Alert, Button, DataTable, Icon, IconFloppyDisk, IconInfo, IconIrocoLogo, IconMastodon, IconMoreSign as IconMore, IconTrashCan, Loader, NavBar, Navigation, NumberInput, RadioButton, TextInput };
+class NavigationItem {
+    constructor(name, hrefOrCallback) {
+        this.hrefOrCallback = hrefOrCallback;
+        this.name = name;
+    }
+    isButton() {
+        return typeof this.hrefOrCallback === 'function';
+    }
+}
+var ButtonKind;
+(function (ButtonKind) {
+    ButtonKind["REGULAR"] = "regular";
+    ButtonKind["DANGER"] = "danger";
+})(ButtonKind || (ButtonKind = {}));
+
+export { Alert, Button, ButtonKind, DataTable, Icon, IconFloppyDisk, IconInfo, IconIrocoLogo, IconMastodon, IconMoreSign as IconMore, IconTrashCan, IrocoLogo, Loader, NavBar, Navigation, NavigationItem, NumberInput, RadioButton, TextInput };