@things-factory/operato-ecs 7.0.16 → 7.0.17

package/assets/javascript/wellstek-gantt.js

@@ -350,6 +350,12 @@
 		text.data = /** @type {string} */ (data);
 	}
 
+	/**
+	 * @returns {void} */
+	function set_input_value(input, value) {
+		input.value = value == null ? '' : value;
+	}
+
 	/**
 	 * @returns {void} */
 	function set_style(node, key, value, important) {
@@ -359,6 +365,26 @@
 			node.style.setProperty(key, value, important ? 'important' : '');
 		}
 	}
+
+	/**
+	 * @returns {void} */
+	function select_option(select, value, mounting) {
+		for (let i = 0; i < select.options.length; i += 1) {
+			const option = select.options[i];
+			if (option.__value === value) {
+				option.selected = true;
+				return;
+			}
+		}
+		if (!mounting || value !== undefined) {
+			select.selectedIndex = -1; // no option should be selected
+		}
+	}
+
+	function select_value(select) {
+		const selected_option = select.querySelector(':checked');
+		return selected_option && selected_option.__value;
+	}
 	// unfortunately this can't be a constant as that wouldn't be tree-shakeable
 	// so we cache the result instead
 
@@ -10433,17 +10459,17 @@
 	/* src/entities/Task.svelte generated by Svelte v4.2.17 */
 
 	function add_css$e(target) {
-		append_styles(target, "svelte-7nbnwc", ".sg-label-bottom.svelte-7nbnwc.svelte-7nbnwc{position:absolute;top:calc(100% + 10px);color:#888}.debug.svelte-7nbnwc.svelte-7nbnwc{position:absolute;top:-10px;right:0;font-size:8px;color:black}.sg-task.svelte-7nbnwc.svelte-7nbnwc{position:absolute;border-radius:2px;white-space:nowrap;transition:background-color 0.2s,\n              opacity 0.2s;pointer-events:all;touch-action:none}.sg-task-background.svelte-7nbnwc.svelte-7nbnwc{position:absolute;height:100%;top:0}.sg-task-content.svelte-7nbnwc.svelte-7nbnwc{position:absolute;height:100%;top:0;padding-left:14px;font-size:14px;display:flex;align-items:center;justify-content:flex-start;user-select:none}.sg-task.animating.svelte-7nbnwc.svelte-7nbnwc:not(.moving){transition:left 0.2s,\n              top 0.2s,\n              transform 0.2s,\n              background-color 0.2s,\n              width 0.2s,\n              height 0.2s}.sg-task--sticky.svelte-7nbnwc.svelte-7nbnwc:not(.moving){transition:left 0.2s,\n              top 0.2s,\n              transform 0.2s,\n              background-color 0.2s,\n              width 0.2s,\n              height 0.2s}.sg-task--sticky.svelte-7nbnwc>.sg-task-content.svelte-7nbnwc{position:sticky;left:0;max-width:100px}.sg-task.moving.svelte-7nbnwc.svelte-7nbnwc{z-index:10000;opacity:0.5}.sg-task.resize-enabled.svelte-7nbnwc.svelte-7nbnwc:hover::before{content:'';width:4px;height:50%;top:25%;position:absolute;border-style:solid;border-color:rgba(255, 255, 255, 0.5);cursor:ew-resize;margin-left:3px;left:0;border-width:0 1px;z-index:1}.sg-task.resize-enabled.svelte-7nbnwc.svelte-7nbnwc:hover::after{content:'';width:4px;height:50%;top:25%;position:absolute;border-style:solid;border-color:rgba(255, 255, 255, 0.5);cursor:ew-resize;margin-right:3px;right:0;border-width:0 1px;z-index:1}.sg-task-reflected.svelte-7nbnwc.svelte-7nbnwc{opacity:0.5}.sg-task-instant.svelte-7nbnwc.svelte-7nbnwc{width:2px !important;margin-left:-1px}.sg-task-background.svelte-7nbnwc.svelte-7nbnwc{background:rgba(0, 0, 0, 0.2)}.sg-task{color:white;background:rgb(116, 191, 255)}.sg-task:hover{background:rgb(98, 161, 216)}.sg-task.selected{background:rgb(69, 112, 150)}.sg-milestone.svelte-7nbnwc.svelte-7nbnwc{width:20px !important;min-width:40px;margin-left:-20px}.sg-task.sg-milestone.svelte-7nbnwc.svelte-7nbnwc{background:transparent}.sg-milestone.svelte-7nbnwc .sg-milestone__diamond.svelte-7nbnwc{position:relative}.sg-milestone.svelte-7nbnwc .sg-milestone__diamond.svelte-7nbnwc:before{position:absolute;top:0;left:50%;content:' ';height:28px;width:28px;transform-origin:0 0;transform:rotate(45deg)}.sg-milestone__diamond:before{background:rgb(116, 191, 255)}.sg-task-error.svelte-7nbnwc.svelte-7nbnwc{background:#e57373 !important}.svooltip{z-index:9999999 !important}");
+		append_styles(target, "svelte-1ofg5dl", ".sg-label-bottom.svelte-1ofg5dl.svelte-1ofg5dl{position:absolute;top:calc(100% + 10px);color:#888}.debug.svelte-1ofg5dl.svelte-1ofg5dl{position:absolute;top:-10px;right:0;font-size:8px;color:black}.sg-task.svelte-1ofg5dl.svelte-1ofg5dl{position:absolute;border-radius:2px;white-space:nowrap;overflow:hidden;transition:background-color 0.2s,\n              opacity 0.2s;pointer-events:all;touch-action:none}.sg-task-background.svelte-1ofg5dl.svelte-1ofg5dl{position:absolute;height:100%;top:0}.sg-task-content.svelte-1ofg5dl.svelte-1ofg5dl{position:absolute;height:100%;top:0;padding-left:14px;font-size:14px;display:flex;align-items:center;justify-content:flex-start;user-select:none}.sg-task.animating.svelte-1ofg5dl.svelte-1ofg5dl:not(.moving){transition:left 0.2s,\n              top 0.2s,\n              transform 0.2s,\n              background-color 0.2s,\n              width 0.2s,\n              height 0.2s}.sg-task--sticky.svelte-1ofg5dl.svelte-1ofg5dl:not(.moving){transition:left 0.2s,\n              top 0.2s,\n              transform 0.2s,\n              background-color 0.2s,\n              width 0.2s,\n              height 0.2s}.sg-task--sticky.svelte-1ofg5dl>.sg-task-content.svelte-1ofg5dl{position:sticky;left:0;max-width:100px}.sg-task.moving.svelte-1ofg5dl.svelte-1ofg5dl{z-index:10000;opacity:0.5}.sg-task.resize-enabled.svelte-1ofg5dl.svelte-1ofg5dl:hover::before{content:'';width:4px;height:50%;top:25%;position:absolute;border-style:solid;border-color:rgba(255, 255, 255, 0.5);cursor:ew-resize;margin-left:3px;left:0;border-width:0 1px;z-index:1}.sg-task.resize-enabled.svelte-1ofg5dl.svelte-1ofg5dl:hover::after{content:'';width:4px;height:50%;top:25%;position:absolute;border-style:solid;border-color:rgba(255, 255, 255, 0.5);cursor:ew-resize;margin-right:3px;right:0;border-width:0 1px;z-index:1}.sg-task-reflected.svelte-1ofg5dl.svelte-1ofg5dl{opacity:0.5}.sg-task-instant.svelte-1ofg5dl.svelte-1ofg5dl{width:2px !important;margin-left:-1px}.sg-task-background.svelte-1ofg5dl.svelte-1ofg5dl{background:rgba(0, 0, 0, 0.2)}.sg-task{color:white;background:rgb(116, 191, 255)}.sg-task:hover{background:rgb(98, 161, 216)}.sg-task.selected{background:rgb(69, 112, 150)}.sg-milestone.svelte-1ofg5dl.svelte-1ofg5dl{width:20px !important;min-width:40px;margin-left:-20px}.sg-task.sg-milestone.svelte-1ofg5dl.svelte-1ofg5dl{background:transparent}.sg-milestone.svelte-1ofg5dl .sg-milestone__diamond.svelte-1ofg5dl{position:relative}.sg-milestone.svelte-1ofg5dl .sg-milestone__diamond.svelte-1ofg5dl:before{position:absolute;top:0;left:50%;content:' ';height:28px;width:28px;transform-origin:0 0;transform:rotate(45deg)}.sg-milestone__diamond:before{background:rgb(116, 191, 255)}.sg-task-error.svelte-1ofg5dl.svelte-1ofg5dl{background:#e57373 !important}.svooltip{z-index:9999999 !important}");
 	}
 
-	// (301:2) {#if model.type === 'milestone'}
-	function create_if_block_5$2(ctx) {
+	// (321:2) {#if model.type === 'milestone'}
+	function create_if_block_5$1(ctx) {
 		let div;
 
 		return {
 			c() {
 				div = element("div");
-				attr(div, "class", "sg-milestone__diamond svelte-7nbnwc");
+				attr(div, "class", "sg-milestone__diamond svelte-1ofg5dl");
 			},
 			m(target, anchor) {
 				insert(target, div, anchor);
@@ -10456,14 +10482,14 @@
 		};
 	}
 
-	// (304:2) {#if model.amountDone}
-	function create_if_block_4$2(ctx) {
+	// (324:2) {#if model.amountDone}
+	function create_if_block_4$1(ctx) {
 		let div;
 
 		return {
 			c() {
 				div = element("div");
-				attr(div, "class", "sg-task-background svelte-7nbnwc");
+				attr(div, "class", "sg-task-background svelte-1ofg5dl");
 				set_style(div, "width", /*model*/ ctx[0].amountDone + "%");
 			},
 			m(target, anchor) {
@@ -10482,8 +10508,8 @@
 		};
 	}
 
-	// (312:4) {:else}
-	function create_else_block$4(ctx) {
+	// (332:4) {:else}
+	function create_else_block$5(ctx) {
 		let t_value = /*model*/ ctx[0].label + "";
 		let t;
 
@@ -10505,8 +10531,8 @@
 		};
 	}
 
-	// (310:26) 
-	function create_if_block_3$2(ctx) {
+	// (330:26) 
+	function create_if_block_3$1(ctx) {
 		let html_tag;
 		let raw_value = /*taskContent*/ ctx[14](/*model*/ ctx[0]) + "";
 		let html_anchor;
@@ -10533,8 +10559,8 @@
 		};
 	}
 
-	// (308:4) {#if model.html}
-	function create_if_block_2$3(ctx) {
+	// (328:4) {#if model.html}
+	function create_if_block_2$2(ctx) {
 		let html_tag;
 		let raw_value = /*model*/ ctx[0].html + "";
 		let html_anchor;
@@ -10561,7 +10587,7 @@
 		};
 	}
 
-	// (315:4) {#if model.showButton}
+	// (335:4) {#if model.showButton}
 	function create_if_block_1$4(ctx) {
 		let span;
 		let raw_value = /*model*/ ctx[0].buttonHtml + "";
@@ -10572,7 +10598,7 @@
 		return {
 			c() {
 				span = element("span");
-				attr(span, "class", span_class_value = "sg-task-button " + /*model*/ ctx[0].buttonClasses + " svelte-7nbnwc");
+				attr(span, "class", span_class_value = "sg-task-button " + /*model*/ ctx[0].buttonClasses + " svelte-1ofg5dl");
 				attr(span, "role", "button");
 				attr(span, "tabindex", "0");
 			},
@@ -10587,7 +10613,7 @@
 			},
 			p(ctx, dirty) {
 				if (dirty[0] & /*model*/ 1 && raw_value !== (raw_value = /*model*/ ctx[0].buttonHtml + "")) span.innerHTML = raw_value;
-				if (dirty[0] & /*model*/ 1 && span_class_value !== (span_class_value = "sg-task-button " + /*model*/ ctx[0].buttonClasses + " svelte-7nbnwc")) {
+				if (dirty[0] & /*model*/ 1 && span_class_value !== (span_class_value = "sg-task-button " + /*model*/ ctx[0].buttonClasses + " svelte-1ofg5dl")) {
 					attr(span, "class", span_class_value);
 				}
 			},
@@ -10602,8 +10628,8 @@
 		};
 	}
 
-	// (328:2) {#if model.labelBottom}
-	function create_if_block$8(ctx) {
+	// (348:2) {#if model.labelBottom}
+	function create_if_block$9(ctx) {
 		let span;
 		let t_value = /*model*/ ctx[0].labelBottom + "";
 		let t;
@@ -10612,7 +10638,7 @@
 			c() {
 				span = element("span");
 				t = text(t_value);
-				attr(span, "class", "sg-label-bottom svelte-7nbnwc");
+				attr(span, "class", "sg-label-bottom svelte-1ofg5dl");
 			},
 			m(target, anchor) {
 				insert(target, span, anchor);
@@ -10641,19 +10667,19 @@
 		let taskElement_action;
 		let mounted;
 		let dispose;
-		let if_block0 = /*model*/ ctx[0].type === 'milestone' && create_if_block_5$2();
-		let if_block1 = /*model*/ ctx[0].amountDone && create_if_block_4$2(ctx);
+		let if_block0 = /*model*/ ctx[0].type === 'milestone' && create_if_block_5$1();
+		let if_block1 = /*model*/ ctx[0].amountDone && create_if_block_4$1(ctx);
 
 		function select_block_type(ctx, dirty) {
-			if (/*model*/ ctx[0].html) return create_if_block_2$3;
-			if (/*taskContent*/ ctx[14]) return create_if_block_3$2;
-			return create_else_block$4;
+			if (/*model*/ ctx[0].html) return create_if_block_2$2;
+			if (/*taskContent*/ ctx[14]) return create_if_block_3$1;
+			return create_else_block$5;
 		}
 
 		let current_block_type = select_block_type(ctx);
 		let if_block2 = current_block_type(ctx);
 		let if_block3 = /*model*/ ctx[0].showButton && create_if_block_1$4(ctx);
-		let if_block4 = /*model*/ ctx[0].labelBottom && create_if_block$8(ctx);
+		let if_block4 = /*model*/ ctx[0].labelBottom && create_if_block$9(ctx);
 
 		return {
 			c() {
@@ -10668,9 +10694,9 @@
 				if (if_block3) if_block3.c();
 				t3 = space();
 				if (if_block4) if_block4.c();
-				attr(div0, "class", "sg-task-content svelte-7nbnwc");
+				attr(div0, "class", "sg-task-content svelte-1ofg5dl");
 				attr(div1, "data-task-id", div1_data_task_id_value = /*model*/ ctx[0].id);
-				attr(div1, "class", div1_class_value = "sg-task " + /*classes*/ ctx[5] + " " + (/*model*/ ctx[0].isError && 'sg-task-error') + " svelte-7nbnwc");
+				attr(div1, "class", div1_class_value = "sg-task " + /*classes*/ ctx[5] + " " + (/*model*/ ctx[0].isError && 'sg-task-error') + " svelte-1ofg5dl");
 				set_style(div1, "width", /*_position*/ ctx[2].width + "px");
 				set_style(div1, "height", /*_height*/ ctx[7] + "px");
 				set_style(div1, "left", /*_position*/ ctx[2].x + "px");
@@ -10718,7 +10744,7 @@
 			p(ctx, dirty) {
 				if (/*model*/ ctx[0].type === 'milestone') {
 					if (if_block0) ; else {
-						if_block0 = create_if_block_5$2();
+						if_block0 = create_if_block_5$1();
 						if_block0.c();
 						if_block0.m(div1, t0);
 					}
@@ -10731,7 +10757,7 @@
 					if (if_block1) {
 						if_block1.p(ctx, dirty);
 					} else {
-						if_block1 = create_if_block_4$2(ctx);
+						if_block1 = create_if_block_4$1(ctx);
 						if_block1.c();
 						if_block1.m(div1, t1);
 					}
@@ -10769,7 +10795,7 @@
 					if (if_block4) {
 						if_block4.p(ctx, dirty);
 					} else {
-						if_block4 = create_if_block$8(ctx);
+						if_block4 = create_if_block$9(ctx);
 						if_block4.c();
 						if_block4.m(div1, null);
 					}
@@ -10782,7 +10808,7 @@
 					attr(div1, "data-task-id", div1_data_task_id_value);
 				}
 
-				if (dirty[0] & /*classes, model*/ 33 && div1_class_value !== (div1_class_value = "sg-task " + /*classes*/ ctx[5] + " " + (/*model*/ ctx[0].isError && 'sg-task-error') + " svelte-7nbnwc")) {
+				if (dirty[0] & /*classes, model*/ 33 && div1_class_value !== (div1_class_value = "sg-task " + /*classes*/ ctx[5] + " " + (/*model*/ ctx[0].isError && 'sg-task-error') + " svelte-1ofg5dl")) {
 					attr(div1, "class", div1_class_value);
 				}
 
@@ -11126,9 +11152,29 @@
 
 			return `
       <div>${model.data.U_PROJNAME}</div>
-      <div>${model.data.U_ZONE}</div>
+      <div>${model.data.U_ZONE1} ${model.data.U_ZONE2}</div>
       <div>${model.data.DocEntry}</div>
       <div>${model.data.EQUIPMENT_CODE}</div>
+      <div>${model.data.PRODUCT_CODE}</div>
+
+      <table class="sg-tooltip-table" border="0" cellspacing="0" cellpadding="0">
+        <tr>
+          <td>가로 : </td>
+          <td style="padding-left: 5px;">${model.data.U_WIDTH}</td>
+        </tr>
+        <tr>
+          <td>세로 : </td>
+          <td style="padding-left: 5px;">${model.data.U_HEIGHT}</td>
+        </tr>
+        <tr>
+          <td>두께 : </td>
+          <td style="padding-left: 5px;">${model.data.U_THICK}</td>
+        </tr>
+        <tr>
+          <td>무게 : </td>
+          <td style="padding-left: 5px;">${model.data.U_WEIGHT}</td>
+        </tr>
+      </table>
     `;
 		}
 
@@ -11338,7 +11384,7 @@
 	}
 
 	// (14:2) {#if row.model.contentHtml}
-	function create_if_block$7(ctx) {
+	function create_if_block$8(ctx) {
 		let html_tag;
 		let raw_value = /*row*/ ctx[0].model.contentHtml + "";
 		let html_anchor;
@@ -11369,7 +11415,7 @@
 		let div;
 		let div_class_value;
 		let div_data_row_id_value;
-		let if_block = /*row*/ ctx[0].model.contentHtml && create_if_block$7(ctx);
+		let if_block = /*row*/ ctx[0].model.contentHtml && create_if_block$8(ctx);
 
 		return {
 			c() {
@@ -11390,7 +11436,7 @@
 					if (if_block) {
 						if_block.p(ctx, dirty);
 					} else {
-						if_block = create_if_block$7(ctx);
+						if_block = create_if_block$8(ctx);
 						if_block.c();
 						if_block.m(div, null);
 					}
@@ -11474,7 +11520,7 @@
 	}
 
 	// (25:2) {#if model.label}
-	function create_if_block$6(ctx) {
+	function create_if_block$7(ctx) {
 		let div;
 		let t_value = /*model*/ ctx[0].label + "";
 		let t;
@@ -11503,7 +11549,7 @@
 	function create_fragment$d(ctx) {
 		let div;
 		let div_class_value;
-		let if_block = /*model*/ ctx[0].label && create_if_block$6(ctx);
+		let if_block = /*model*/ ctx[0].label && create_if_block$7(ctx);
 
 		return {
 			c() {
@@ -11523,7 +11569,7 @@
 					if (if_block) {
 						if_block.p(ctx, dirty);
 					} else {
-						if_block = create_if_block$6(ctx);
+						if_block = create_if_block$7(ctx);
 						if_block.c();
 						if_block.m(div, null);
 					}
@@ -12145,22 +12191,28 @@
 
 	function get_each_context$6(ctx, list, i) {
 		const child_ctx = ctx.slice();
-		child_ctx[13] = list[i];
+		child_ctx[14] = list[i];
 		return child_ctx;
 	}
 
-	// (40:2) {#each header.columns as _header}
+	// (41:2) {#each header.columns as _header}
 	function create_each_block$6(ctx) {
 		let div1;
 		let div0;
-		let t0_value = (/*_header*/ ctx[13].label || 'N/A') + "";
+
+		let t0_value = (!/*isNoLabel*/ ctx[1]
+		? /*header*/ ctx[0].unit === 'hour'
+			? /*_header*/ ctx[14].label.replace(':00', '') + 'h'
+			: /*_header*/ ctx[14].label
+		: '') + "";
+
 		let t0;
 		let t1;
 		let mounted;
 		let dispose;
 
 		function click_handler() {
-			return /*click_handler*/ ctx[10](/*_header*/ ctx[13]);
+			return /*click_handler*/ ctx[11](/*_header*/ ctx[14]);
 		}
 
 		return {
@@ -12173,8 +12225,8 @@
 				attr(div1, "class", "column-header-cell svelte-vfarxf");
 				attr(div1, "role", "button");
 				attr(div1, "tabindex", "0");
-				set_style(div1, "left", /*_header*/ ctx[13].left + "px");
-				set_style(div1, "width", /*_header*/ ctx[13].width + "px");
+				set_style(div1, "left", /*_header*/ ctx[14].left + "px");
+				set_style(div1, "width", /*_header*/ ctx[14].width + "px");
 				toggle_class(div1, "sticky", /*header*/ ctx[0].sticky);
 			},
 			m(target, anchor) {
@@ -12190,14 +12242,19 @@
 			},
 			p(new_ctx, dirty) {
 				ctx = new_ctx;
-				if (dirty & /*header*/ 1 && t0_value !== (t0_value = (/*_header*/ ctx[13].label || 'N/A') + "")) set_data(t0, t0_value);
+
+				if (dirty & /*isNoLabel, header*/ 3 && t0_value !== (t0_value = (!/*isNoLabel*/ ctx[1]
+				? /*header*/ ctx[0].unit === 'hour'
+					? /*_header*/ ctx[14].label.replace(':00', '') + 'h'
+					: /*_header*/ ctx[14].label
+				: '') + "")) set_data(t0, t0_value);
 
 				if (dirty & /*header*/ 1) {
-					set_style(div1, "left", /*_header*/ ctx[13].left + "px");
+					set_style(div1, "left", /*_header*/ ctx[14].left + "px");
 				}
 
 				if (dirty & /*header*/ 1) {
-					set_style(div1, "width", /*_header*/ ctx[13].width + "px");
+					set_style(div1, "width", /*_header*/ ctx[14].width + "px");
 				}
 
 				if (dirty & /*header*/ 1) {
@@ -12244,7 +12301,7 @@
 				}
 			},
 			p(ctx, [dirty]) {
-				if (dirty & /*header, onHeaderClick*/ 17) {
+				if (dirty & /*header, onHeaderClick, isNoLabel*/ 35) {
 					each_value = ensure_array_like(/*header*/ ctx[0].columns);
 					let i;
 
@@ -12285,13 +12342,14 @@
 		let $from;
 		const dispatch = createEventDispatcher();
 		const { from, to, width } = getContext('dimensions');
-		component_subscribe($$self, from, value => $$invalidate(9, $from = value));
-		component_subscribe($$self, to, value => $$invalidate(8, $to = value));
-		component_subscribe($$self, width, value => $$invalidate(7, $width = value));
+		component_subscribe($$self, from, value => $$invalidate(10, $from = value));
+		component_subscribe($$self, to, value => $$invalidate(9, $to = value));
+		component_subscribe($$self, width, value => $$invalidate(8, $width = value));
 		const { dateAdapter } = getContext('options');
 		let { header } = $$props;
 		let { ganttBodyColumns } = $$props;
 		let { ganttBodyUnit } = $$props;
+		let { isNoLabel } = $$props;
 
 		function onHeaderClick(_header) {
 			dispatch('dateSelected', {
@@ -12305,12 +12363,13 @@
 
 		$$self.$$set = $$props => {
 			if ('header' in $$props) $$invalidate(0, header = $$props.header);
-			if ('ganttBodyColumns' in $$props) $$invalidate(5, ganttBodyColumns = $$props.ganttBodyColumns);
-			if ('ganttBodyUnit' in $$props) $$invalidate(6, ganttBodyUnit = $$props.ganttBodyUnit);
+			if ('ganttBodyColumns' in $$props) $$invalidate(6, ganttBodyColumns = $$props.ganttBodyColumns);
+			if ('ganttBodyUnit' in $$props) $$invalidate(7, ganttBodyUnit = $$props.ganttBodyUnit);
+			if ('isNoLabel' in $$props) $$invalidate(1, isNoLabel = $$props.isNoLabel);
 		};
 
 		$$self.$$.update = () => {
-			if ($$self.$$.dirty & /*header, ganttBodyUnit, ganttBodyColumns, $from, $to, $width*/ 993) {
+			if ($$self.$$.dirty & /*header, ganttBodyUnit, ganttBodyColumns, $from, $to, $width*/ 1985) {
 				{
 					if (header.unit === ganttBodyUnit) {
 						$$invalidate(
@@ -12349,6 +12408,7 @@
 
 		return [
 			header,
+			isNoLabel,
 			from,
 			to,
 			width,
@@ -12374,8 +12434,9 @@
 				safe_not_equal,
 				{
 					header: 0,
-					ganttBodyColumns: 5,
-					ganttBodyUnit: 6
+					ganttBodyColumns: 6,
+					ganttBodyUnit: 7,
+					isNoLabel: 1
 				},
 				add_css$9
 			);
@@ -12391,7 +12452,7 @@
 		}
 
 		get ganttBodyColumns() {
-			return this.$$.ctx[5];
+			return this.$$.ctx[6];
 		}
 
 		set ganttBodyColumns(ganttBodyColumns) {
@@ -12400,71 +12461,131 @@
 		}
 
 		get ganttBodyUnit() {
-			return this.$$.ctx[6];
+			return this.$$.ctx[7];
 		}
 
 		set ganttBodyUnit(ganttBodyUnit) {
 			this.$$set({ ganttBodyUnit });
 			flush();
 		}
+
+		get isNoLabel() {
+			return this.$$.ctx[1];
+		}
+
+		set isNoLabel(isNoLabel) {
+			this.$$set({ isNoLabel });
+			flush();
+		}
 	}
 
-	create_custom_element(ColumnHeaderRow, {"header":{},"ganttBodyColumns":{},"ganttBodyUnit":{}}, [], [], true);
+	create_custom_element(ColumnHeaderRow, {"header":{},"ganttBodyColumns":{},"ganttBodyUnit":{},"isNoLabel":{}}, [], [], true);
 
 	/* src/column/ColumnHeader.svelte generated by Svelte v4.2.17 */
 
+	function get_each_context_1$2(ctx, list, i) {
+		const child_ctx = ctx.slice();
+		child_ctx[7] = list[i];
+		return child_ctx;
+	}
+
 	function get_each_context$5(ctx, list, i) {
 		const child_ctx = ctx.slice();
-		child_ctx[4] = list[i];
+		child_ctx[7] = list[i];
 		return child_ctx;
 	}
 
-	// (7:0) {#each headers as header}
-	function create_each_block$5(ctx) {
-		let columnheaderrow;
+	// (11:0) {:else}
+	function create_else_block$4(ctx) {
+		let each_1_anchor;
 		let current;
+		let each_value_1 = ensure_array_like(/*headers*/ ctx[0].filter(func));
+		let each_blocks = [];
 
-		columnheaderrow = new ColumnHeaderRow({
-				props: {
-					header: /*header*/ ctx[4],
-					ganttBodyColumns: /*ganttBodyColumns*/ ctx[1],
-					ganttBodyUnit: /*ganttBodyUnit*/ ctx[2]
-				}
-			});
+		for (let i = 0; i < each_value_1.length; i += 1) {
+			each_blocks[i] = create_each_block_1$2(get_each_context_1$2(ctx, each_value_1, i));
+		}
 
-		columnheaderrow.$on("dateSelected", /*dateSelected_handler*/ ctx[3]);
+		const out = i => transition_out(each_blocks[i], 1, 1, () => {
+			each_blocks[i] = null;
+		});
 
 		return {
 			c() {
-				create_component(columnheaderrow.$$.fragment);
+				for (let i = 0; i < each_blocks.length; i += 1) {
+					each_blocks[i].c();
+				}
+
+				each_1_anchor = empty();
 			},
 			m(target, anchor) {
-				mount_component(columnheaderrow, target, anchor);
+				for (let i = 0; i < each_blocks.length; i += 1) {
+					if (each_blocks[i]) {
+						each_blocks[i].m(target, anchor);
+					}
+				}
+
+				insert(target, each_1_anchor, anchor);
 				current = true;
 			},
 			p(ctx, dirty) {
-				const columnheaderrow_changes = {};
-				if (dirty & /*headers*/ 1) columnheaderrow_changes.header = /*header*/ ctx[4];
-				if (dirty & /*ganttBodyColumns*/ 2) columnheaderrow_changes.ganttBodyColumns = /*ganttBodyColumns*/ ctx[1];
-				if (dirty & /*ganttBodyUnit*/ 4) columnheaderrow_changes.ganttBodyUnit = /*ganttBodyUnit*/ ctx[2];
-				columnheaderrow.$set(columnheaderrow_changes);
+				if (dirty & /*headers, ganttBodyColumns, ganttBodyUnit*/ 7) {
+					each_value_1 = ensure_array_like(/*headers*/ ctx[0].filter(func));
+					let i;
+
+					for (i = 0; i < each_value_1.length; i += 1) {
+						const child_ctx = get_each_context_1$2(ctx, each_value_1, i);
+
+						if (each_blocks[i]) {
+							each_blocks[i].p(child_ctx, dirty);
+							transition_in(each_blocks[i], 1);
+						} else {
+							each_blocks[i] = create_each_block_1$2(child_ctx);
+							each_blocks[i].c();
+							transition_in(each_blocks[i], 1);
+							each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
+						}
+					}
+
+					group_outros();
+
+					for (i = each_value_1.length; i < each_blocks.length; i += 1) {
+						out(i);
+					}
+
+					check_outros();
+				}
 			},
 			i(local) {
 				if (current) return;
-				transition_in(columnheaderrow.$$.fragment, local);
+
+				for (let i = 0; i < each_value_1.length; i += 1) {
+					transition_in(each_blocks[i]);
+				}
+
 				current = true;
 			},
 			o(local) {
-				transition_out(columnheaderrow.$$.fragment, local);
+				each_blocks = each_blocks.filter(Boolean);
+
+				for (let i = 0; i < each_blocks.length; i += 1) {
+					transition_out(each_blocks[i]);
+				}
+
 				current = false;
 			},
 			d(detaching) {
-				destroy_component(columnheaderrow, detaching);
+				if (detaching) {
+					detach(each_1_anchor);
+				}
+
+				destroy_each(each_blocks, detaching);
 			}
 		};
 	}
 
-	function create_fragment$9(ctx) {
+	// (7:0) {#if isDateSelected}
+	function create_if_block$6(ctx) {
 		let each_1_anchor;
 		let current;
 		let each_value = ensure_array_like(/*headers*/ ctx[0]);
@@ -12496,7 +12617,7 @@
 				insert(target, each_1_anchor, anchor);
 				current = true;
 			},
-			p(ctx, [dirty]) {
+			p(ctx, dirty) {
 				if (dirty & /*headers, ganttBodyColumns, ganttBodyUnit*/ 7) {
 					each_value = ensure_array_like(/*headers*/ ctx[0]);
 					let i;
@@ -12552,64 +12673,287 @@
 		};
 	}
 
-	function instance$9($$self, $$props, $$invalidate) {
-		let { headers } = $$props;
-		let { ganttBodyColumns } = $$props;
-		let { ganttBodyUnit } = $$props;
+	// (12:0) {#each headers.filter(item => item.unit === 'day') as header}
+	function create_each_block_1$2(ctx) {
+		let columnheaderrow0;
+		let t;
+		let columnheaderrow1;
+		let current;
 
-		function dateSelected_handler(event) {
-			bubble.call(this, $$self, event);
-		}
+		columnheaderrow0 = new ColumnHeaderRow({
+				props: {
+					header: /*header*/ ctx[7],
+					ganttBodyColumns: /*ganttBodyColumns*/ ctx[1],
+					ganttBodyUnit: /*ganttBodyUnit*/ ctx[2],
+					isNoLabel: false
+				}
+			});
 
-		$$self.$$set = $$props => {
-			if ('headers' in $$props) $$invalidate(0, headers = $$props.headers);
-			if ('ganttBodyColumns' in $$props) $$invalidate(1, ganttBodyColumns = $$props.ganttBodyColumns);
-			if ('ganttBodyUnit' in $$props) $$invalidate(2, ganttBodyUnit = $$props.ganttBodyUnit);
-		};
+		columnheaderrow0.$on("dateSelected", /*dateSelected_handler_1*/ ctx[5]);
+
+		columnheaderrow1 = new ColumnHeaderRow({
+				props: {
+					header: /*header*/ ctx[7],
+					ganttBodyColumns: /*ganttBodyColumns*/ ctx[1],
+					ganttBodyUnit: /*ganttBodyUnit*/ ctx[2],
+					isNoLabel: true
+				}
+			});
+
+		columnheaderrow1.$on("dateSelected", /*dateSelected_handler_2*/ ctx[6]);
+
+		return {
+			c() {
+				create_component(columnheaderrow0.$$.fragment);
+				t = space();
+				create_component(columnheaderrow1.$$.fragment);
+			},
+			m(target, anchor) {
+				mount_component(columnheaderrow0, target, anchor);
+				insert(target, t, anchor);
+				mount_component(columnheaderrow1, target, anchor);
+				current = true;
+			},
+			p(ctx, dirty) {
+				const columnheaderrow0_changes = {};
+				if (dirty & /*headers*/ 1) columnheaderrow0_changes.header = /*header*/ ctx[7];
+				if (dirty & /*ganttBodyColumns*/ 2) columnheaderrow0_changes.ganttBodyColumns = /*ganttBodyColumns*/ ctx[1];
+				if (dirty & /*ganttBodyUnit*/ 4) columnheaderrow0_changes.ganttBodyUnit = /*ganttBodyUnit*/ ctx[2];
+				columnheaderrow0.$set(columnheaderrow0_changes);
+				const columnheaderrow1_changes = {};
+				if (dirty & /*headers*/ 1) columnheaderrow1_changes.header = /*header*/ ctx[7];
+				if (dirty & /*ganttBodyColumns*/ 2) columnheaderrow1_changes.ganttBodyColumns = /*ganttBodyColumns*/ ctx[1];
+				if (dirty & /*ganttBodyUnit*/ 4) columnheaderrow1_changes.ganttBodyUnit = /*ganttBodyUnit*/ ctx[2];
+				columnheaderrow1.$set(columnheaderrow1_changes);
+			},
+			i(local) {
+				if (current) return;
+				transition_in(columnheaderrow0.$$.fragment, local);
+				transition_in(columnheaderrow1.$$.fragment, local);
+				current = true;
+			},
+			o(local) {
+				transition_out(columnheaderrow0.$$.fragment, local);
+				transition_out(columnheaderrow1.$$.fragment, local);
+				current = false;
+			},
+			d(detaching) {
+				if (detaching) {
+					detach(t);
+				}
 
-		return [headers, ganttBodyColumns, ganttBodyUnit, dateSelected_handler];
+				destroy_component(columnheaderrow0, detaching);
+				destroy_component(columnheaderrow1, detaching);
+			}
+		};
 	}
 
-	class ColumnHeader extends SvelteComponent {
-		constructor(options) {
-			super();
+	// (8:0) {#each headers as header}
+	function create_each_block$5(ctx) {
+		let columnheaderrow;
+		let current;
 
-			init(this, options, instance$9, create_fragment$9, safe_not_equal, {
-				headers: 0,
-				ganttBodyColumns: 1,
-				ganttBodyUnit: 2
+		columnheaderrow = new ColumnHeaderRow({
+				props: {
+					header: /*header*/ ctx[7],
+					ganttBodyColumns: /*ganttBodyColumns*/ ctx[1],
+					ganttBodyUnit: /*ganttBodyUnit*/ ctx[2],
+					isNoLabel: false
+				}
 			});
-		}
 
-		get headers() {
-			return this.$$.ctx[0];
-		}
+		columnheaderrow.$on("dateSelected", /*dateSelected_handler*/ ctx[4]);
 
-		set headers(headers) {
-			this.$$set({ headers });
-			flush();
-		}
+		return {
+			c() {
+				create_component(columnheaderrow.$$.fragment);
+			},
+			m(target, anchor) {
+				mount_component(columnheaderrow, target, anchor);
+				current = true;
+			},
+			p(ctx, dirty) {
+				const columnheaderrow_changes = {};
+				if (dirty & /*headers*/ 1) columnheaderrow_changes.header = /*header*/ ctx[7];
+				if (dirty & /*ganttBodyColumns*/ 2) columnheaderrow_changes.ganttBodyColumns = /*ganttBodyColumns*/ ctx[1];
+				if (dirty & /*ganttBodyUnit*/ 4) columnheaderrow_changes.ganttBodyUnit = /*ganttBodyUnit*/ ctx[2];
+				columnheaderrow.$set(columnheaderrow_changes);
+			},
+			i(local) {
+				if (current) return;
+				transition_in(columnheaderrow.$$.fragment, local);
+				current = true;
+			},
+			o(local) {
+				transition_out(columnheaderrow.$$.fragment, local);
+				current = false;
+			},
+			d(detaching) {
+				destroy_component(columnheaderrow, detaching);
+			}
+		};
+	}
 
-		get ganttBodyColumns() {
-			return this.$$.ctx[1];
-		}
+	function create_fragment$9(ctx) {
+		let current_block_type_index;
+		let if_block;
+		let if_block_anchor;
+		let current;
+		const if_block_creators = [create_if_block$6, create_else_block$4];
+		const if_blocks = [];
 
-		set ganttBodyColumns(ganttBodyColumns) {
-			this.$$set({ ganttBodyColumns });
-			flush();
+		function select_block_type(ctx, dirty) {
+			if (/*isDateSelected*/ ctx[3]) return 0;
+			return 1;
 		}
 
-		get ganttBodyUnit() {
-			return this.$$.ctx[2];
-		}
+		current_block_type_index = select_block_type(ctx);
+		if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
 
-		set ganttBodyUnit(ganttBodyUnit) {
-			this.$$set({ ganttBodyUnit });
-			flush();
-		}
-	}
+		return {
+			c() {
+				if_block.c();
+				if_block_anchor = empty();
+			},
+			m(target, anchor) {
+				if_blocks[current_block_type_index].m(target, anchor);
+				insert(target, if_block_anchor, anchor);
+				current = true;
+			},
+			p(ctx, [dirty]) {
+				let previous_block_index = current_block_type_index;
+				current_block_type_index = select_block_type(ctx);
 
-	create_custom_element(ColumnHeader, {"headers":{},"ganttBodyColumns":{},"ganttBodyUnit":{}}, [], [], true);
+				if (current_block_type_index === previous_block_index) {
+					if_blocks[current_block_type_index].p(ctx, dirty);
+				} else {
+					group_outros();
+
+					transition_out(if_blocks[previous_block_index], 1, 1, () => {
+						if_blocks[previous_block_index] = null;
+					});
+
+					check_outros();
+					if_block = if_blocks[current_block_type_index];
+
+					if (!if_block) {
+						if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+						if_block.c();
+					} else {
+						if_block.p(ctx, dirty);
+					}
+
+					transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			},
+			i(local) {
+				if (current) return;
+				transition_in(if_block);
+				current = true;
+			},
+			o(local) {
+				transition_out(if_block);
+				current = false;
+			},
+			d(detaching) {
+				if (detaching) {
+					detach(if_block_anchor);
+				}
+
+				if_blocks[current_block_type_index].d(detaching);
+			}
+		};
+	}
+
+	const func = item => item.unit === 'day';
+
+	function instance$9($$self, $$props, $$invalidate) {
+		let { headers } = $$props;
+		let { ganttBodyColumns } = $$props;
+		let { ganttBodyUnit } = $$props;
+		let { isDateSelected } = $$props;
+
+		function dateSelected_handler(event) {
+			bubble.call(this, $$self, event);
+		}
+
+		function dateSelected_handler_1(event) {
+			bubble.call(this, $$self, event);
+		}
+
+		function dateSelected_handler_2(event) {
+			bubble.call(this, $$self, event);
+		}
+
+		$$self.$$set = $$props => {
+			if ('headers' in $$props) $$invalidate(0, headers = $$props.headers);
+			if ('ganttBodyColumns' in $$props) $$invalidate(1, ganttBodyColumns = $$props.ganttBodyColumns);
+			if ('ganttBodyUnit' in $$props) $$invalidate(2, ganttBodyUnit = $$props.ganttBodyUnit);
+			if ('isDateSelected' in $$props) $$invalidate(3, isDateSelected = $$props.isDateSelected);
+		};
+
+		return [
+			headers,
+			ganttBodyColumns,
+			ganttBodyUnit,
+			isDateSelected,
+			dateSelected_handler,
+			dateSelected_handler_1,
+			dateSelected_handler_2
+		];
+	}
+
+	class ColumnHeader extends SvelteComponent {
+		constructor(options) {
+			super();
+
+			init(this, options, instance$9, create_fragment$9, safe_not_equal, {
+				headers: 0,
+				ganttBodyColumns: 1,
+				ganttBodyUnit: 2,
+				isDateSelected: 3
+			});
+		}
+
+		get headers() {
+			return this.$$.ctx[0];
+		}
+
+		set headers(headers) {
+			this.$$set({ headers });
+			flush();
+		}
+
+		get ganttBodyColumns() {
+			return this.$$.ctx[1];
+		}
+
+		set ganttBodyColumns(ganttBodyColumns) {
+			this.$$set({ ganttBodyColumns });
+			flush();
+		}
+
+		get ganttBodyUnit() {
+			return this.$$.ctx[2];
+		}
+
+		set ganttBodyUnit(ganttBodyUnit) {
+			this.$$set({ ganttBodyUnit });
+			flush();
+		}
+
+		get isDateSelected() {
+			return this.$$.ctx[3];
+		}
+
+		set isDateSelected(isDateSelected) {
+			this.$$set({ isDateSelected });
+			flush();
+		}
+	}
+
+	create_custom_element(ColumnHeader, {"headers":{},"ganttBodyColumns":{},"ganttBodyUnit":{},"isDateSelected":{}}, [], [], true);
 
 	function createBackground(columns, opts) {
 	    try {
@@ -13943,8 +14287,8 @@
 		let if_block0 = /*row*/ ctx[1].model.iconClass && create_if_block_7(ctx);
 
 		function select_block_type_2(ctx, dirty) {
-			if (/*row*/ ctx[1].model.headerHtml) return create_if_block_4$1;
-			if (/*header*/ ctx[0].renderer) return create_if_block_5$1;
+			if (/*row*/ ctx[1].model.headerHtml) return create_if_block_4;
+			if (/*header*/ ctx[0].renderer) return create_if_block_5;
 			if (/*header*/ ctx[0].type === 'resourceInfo') return create_if_block_6;
 			return create_else_block_2;
 		}
@@ -14151,7 +14495,7 @@
 	}
 
 	// (53:32) 
-	function create_if_block_5$1(ctx) {
+	function create_if_block_5(ctx) {
 		let html_tag;
 		let raw_value = /*header*/ ctx[0].renderer(/*row*/ ctx[1]) + "";
 		let html_anchor;
@@ -14179,7 +14523,7 @@
 	}
 
 	// (51:6) {#if row.model.headerHtml}
-	function create_if_block_4$1(ctx) {
+	function create_if_block_4(ctx) {
 		let html_tag;
 		let raw_value = /*row*/ ctx[1].model.headerHtml + "";
 		let html_anchor;
@@ -14207,7 +14551,7 @@
 	}
 
 	// (30:8) {#if row.model.iconClass}
-	function create_if_block_3$1(ctx) {
+	function create_if_block_3(ctx) {
 		let div;
 		let i;
 		let i_class_value;
@@ -14260,7 +14604,7 @@
 	}
 
 	// (38:34) 
-	function create_if_block_2$2(ctx) {
+	function create_if_block_2$1(ctx) {
 		let html_tag;
 		let raw_value = /*header*/ ctx[0].renderer(/*row*/ ctx[1]) + "";
 		let html_anchor;
@@ -14319,11 +14663,11 @@
 	function create_default_slot$1(ctx) {
 		let t;
 		let if_block1_anchor;
-		let if_block0 = /*row*/ ctx[1].model.iconClass && create_if_block_3$1(ctx);
+		let if_block0 = /*row*/ ctx[1].model.iconClass && create_if_block_3(ctx);
 
 		function select_block_type_1(ctx, dirty) {
 			if (/*row*/ ctx[1].model.headerHtml) return create_if_block_1$2;
-			if (/*header*/ ctx[0].renderer) return create_if_block_2$2;
+			if (/*header*/ ctx[0].renderer) return create_if_block_2$1;
 			return create_else_block$1;
 		}
 
@@ -14348,7 +14692,7 @@
 					if (if_block0) {
 						if_block0.p(ctx, dirty);
 					} else {
-						if_block0 = create_if_block_3$1(ctx);
+						if_block0 = create_if_block_3(ctx);
 						if_block0.c();
 						if_block0.m(t.parentNode, t);
 					}
@@ -14577,33 +14921,27 @@
 	/* src/modules/table/Table.svelte generated by Svelte v4.2.17 */
 
 	function add_css$3(target) {
-		append_styles(target, "svelte-1202h8i", ".sg-table.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i{overflow-x:auto;display:flex;flex-direction:column}.sg-table-scroller.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i{width:100%;border-bottom:1px solid #efefef;overflow-y:hidden}.sg-table-header.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i{display:flex;align-items:stretch;overflow:hidden;border-bottom:#efefef 1px solid;background-color:#fbfbfb;flex-direction:column}.sg-table-body.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i{display:flex;flex:1 1 0;width:100%;overflow-y:hidden}.sg-table-header-cell.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i{font-size:14px;font-weight:400;position:relative;width:100%}.sg-select.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i{justify-content:space-between;cursor:pointer}.sg-select.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i:active{opacity:0.3}.sg-select-arrow.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i{color:rgba(0, 0, 0, 0.5);position:absolute;right:10px}.sg-select-items.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i{display:none;position:absolute;left:0;top:0;z-index:9999;background-color:#fff;padding-top:7px;max-height:300px;width:100%;overflow:auto;border-bottom:1px solid #efefef}.sg-select-items.open.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i{display:block}.sg-select-items.svelte-1202h8i>label.svelte-1202h8i.svelte-1202h8i.svelte-1202h8i{display:flex;position:relative;padding-left:40px;cursor:pointer;font-size:14px;height:30px;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #efefef}.sg-select-items.svelte-1202h8i>label.svelte-1202h8i>input.svelte-1202h8i.svelte-1202h8i{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.sg-select-items.svelte-1202h8i>label.svelte-1202h8i>.checkmark.svelte-1202h8i.svelte-1202h8i{position:absolute;top:4px;left:10px;height:20px;width:20px;background-color:#eee;border-radius:3px}.sg-select-items.svelte-1202h8i>label.svelte-1202h8i>input.svelte-1202h8i~.checkmark.svelte-1202h8i{background-color:#ccc}.sg-select-items.svelte-1202h8i>label.svelte-1202h8i>input.svelte-1202h8i:checked~.checkmark.svelte-1202h8i{background-color:#333}.sg-select-items.svelte-1202h8i>label.svelte-1202h8i>.checkmark.svelte-1202h8i.svelte-1202h8i:after{content:\"\";position:absolute;display:none}.sg-select-items.svelte-1202h8i>label.svelte-1202h8i>input.svelte-1202h8i:checked~.checkmark.svelte-1202h8i:after{display:block}.sg-select-items.svelte-1202h8i>label.svelte-1202h8i>.checkmark.svelte-1202h8i.svelte-1202h8i:after{left:6px;top:2px;width:5px;height:10px;border:solid #eee;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sg-table-cell{white-space:nowrap;overflow:hidden;display:flex;align-items:center;flex-shrink:0;padding:0 0.5em;height:100%}.sg-table-cell:last-child{flex-grow:1}");
+		append_styles(target, "svelte-5z38yf", ".sg-table.svelte-5z38yf{overflow-x:auto;display:flex;flex-direction:column}.sg-table-scroller.svelte-5z38yf{width:100%;border-bottom:1px solid #efefef;overflow-y:hidden}.sg-table-header.svelte-5z38yf{display:flex;align-items:stretch;overflow:hidden;border-bottom:#efefef 1px solid;background-color:#fbfbfb;flex-direction:column}.sg-table-body.svelte-5z38yf{display:flex;flex:1 1 0;width:100%;overflow-y:hidden}.sg-table-header-cell.svelte-5z38yf{font-size:14px;font-weight:400;position:relative;width:100%}.sg-table-cell{white-space:nowrap;overflow:hidden;display:flex;align-items:center;flex-shrink:0;padding:0 0.5em;height:100%}.sg-table-cell:last-child{flex-grow:1}.sg-creator-select.svelte-5z38yf{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;padding:.6em 1.4em .5em .8em;margin:0;min-width:100%;border:1px solid #aaa;border-radius:.5em;box-shadow:0 1px 0 1px rgba(0,0,0,.04)}");
 	}
 
 	function get_each_context$2(ctx, list, i) {
 		const child_ctx = ctx.slice();
-		child_ctx[37] = list[i];
+		child_ctx[35] = list[i];
 		return child_ctx;
 	}
 
 	function get_each_context_1$1(ctx, list, i) {
 		const child_ctx = ctx.slice();
-		child_ctx[37] = list[i];
-		return child_ctx;
-	}
-
-	function get_each_context_2$1(ctx, list, i) {
-		const child_ctx = ctx.slice();
-		child_ctx[37] = list[i];
+		child_ctx[35] = list[i];
 		return child_ctx;
 	}
 
-	// (98:4) {#if tableHeader}
+	// (95:4) {#if tableHeader}
 	function create_if_block$2(ctx) {
 		let if_block_anchor;
 
 		function select_block_type(ctx, dirty) {
-			if (/*tableHeader*/ ctx[5].isFilter) return create_if_block_1$1;
+			if (/*tableHeader*/ ctx[6].isFilter) return create_if_block_1$1;
 			return create_else_block;
 		}
 
@@ -14642,24 +14980,24 @@
 		};
 	}
 
-	// (152:6) {:else}
+	// (108:6) {:else}
 	function create_else_block(ctx) {
 		let div;
-		let t_value = /*tableHeader*/ ctx[5].title + "";
+		let t_value = /*tableHeader*/ ctx[6].title + "";
 		let t;
 
 		return {
 			c() {
 				div = element("div");
 				t = text(t_value);
-				attr(div, "class", "sg-table-header-cell sg-table-cell svelte-1202h8i");
+				attr(div, "class", "sg-table-header-cell sg-table-cell svelte-5z38yf");
 			},
 			m(target, anchor) {
 				insert(target, div, anchor);
 				append(div, t);
 			},
 			p(ctx, dirty) {
-				if (dirty[0] & /*tableHeader*/ 32 && t_value !== (t_value = /*tableHeader*/ ctx[5].title + "")) set_data(t, t_value);
+				if (dirty[0] & /*tableHeader*/ 64 && t_value !== (t_value = /*tableHeader*/ ctx[6].title + "")) set_data(t, t_value);
 			},
 			d(detaching) {
 				if (detaching) {
@@ -14669,174 +15007,74 @@
 		};
 	}
 
-	// (99:6) {#if tableHeader.isFilter}
+	// (96:6) {#if tableHeader.isFilter}
 	function create_if_block_1$1(ctx) {
-		let div0;
-		let span0;
-		let t0_value = /*tableHeader*/ ctx[5].title + "";
-		let t0;
-		let t1;
-		let span1;
-		let t2;
-		let div1;
-		let show_if_1 = Object.entries(/*prodMap01*/ ctx[6]).length > 0;
-		let t3;
-		let show_if = Object.entries(/*prodMap02*/ ctx[7]).length > 0;
+		let div;
+		let select;
+		let option;
 		let mounted;
 		let dispose;
-		let if_block0 = show_if_1 && create_if_block_4(ctx);
-		let if_block1 = show_if && create_if_block_2$1(ctx);
-
-		return {
-			c() {
-				div0 = element("div");
-				span0 = element("span");
-				t0 = text(t0_value);
-				t1 = space();
-				span1 = element("span");
-				span1.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path></svg>`;
-				t2 = space();
-				div1 = element("div");
-				if (if_block0) if_block0.c();
-				t3 = space();
-				if (if_block1) if_block1.c();
-				attr(span1, "class", "sg-select-arrow svelte-1202h8i");
-				attr(div0, "role", "presentation");
-				attr(div0, "class", "sg-table-header-cell sg-table-cell sg-select svelte-1202h8i");
-				attr(div1, "class", "sg-select-items svelte-1202h8i");
-				set_style(div1, "top", /*$headerHeight*/ ctx[10] + "px");
-				set_style(div1, "width", /*tableWidth*/ ctx[0] + 100 + "px");
-				set_style(div1, "overflow-x", "hidden");
-				toggle_class(div1, "open", /*isSelectOpen*/ ctx[9]);
-			},
-			m(target, anchor) {
-				insert(target, div0, anchor);
-				append(div0, span0);
-				append(span0, t0);
-				append(div0, t1);
-				append(div0, span1);
-				insert(target, t2, anchor);
-				insert(target, div1, anchor);
-				if (if_block0) if_block0.m(div1, null);
-				append(div1, t3);
-				if (if_block1) if_block1.m(div1, null);
-
-				if (!mounted) {
-					dispose = listen(div0, "click", /*onSelectToggle*/ ctx[19]);
-					mounted = true;
-				}
-			},
-			p(ctx, dirty) {
-				if (dirty[0] & /*tableHeader*/ 32 && t0_value !== (t0_value = /*tableHeader*/ ctx[5].title + "")) set_data(t0, t0_value);
-				if (dirty[0] & /*prodMap01*/ 64) show_if_1 = Object.entries(/*prodMap01*/ ctx[6]).length > 0;
-
-				if (show_if_1) {
-					if (if_block0) {
-						if_block0.p(ctx, dirty);
-					} else {
-						if_block0 = create_if_block_4(ctx);
-						if_block0.c();
-						if_block0.m(div1, t3);
-					}
-				} else if (if_block0) {
-					if_block0.d(1);
-					if_block0 = null;
-				}
-
-				if (dirty[0] & /*prodMap02*/ 128) show_if = Object.entries(/*prodMap02*/ ctx[7]).length > 0;
-
-				if (show_if) {
-					if (if_block1) {
-						if_block1.p(ctx, dirty);
-					} else {
-						if_block1 = create_if_block_2$1(ctx);
-						if_block1.c();
-						if_block1.m(div1, null);
-					}
-				} else if (if_block1) {
-					if_block1.d(1);
-					if_block1 = null;
-				}
-
-				if (dirty[0] & /*$headerHeight*/ 1024) {
-					set_style(div1, "top", /*$headerHeight*/ ctx[10] + "px");
-				}
-
-				if (dirty[0] & /*tableWidth*/ 1) {
-					set_style(div1, "width", /*tableWidth*/ ctx[0] + 100 + "px");
-				}
-
-				if (dirty[0] & /*isSelectOpen*/ 512) {
-					toggle_class(div1, "open", /*isSelectOpen*/ ctx[9]);
-				}
-			},
-			d(detaching) {
-				if (detaching) {
-					detach(div0);
-					detach(t2);
-					detach(div1);
-				}
-
-				if (if_block0) if_block0.d();
-				if (if_block1) if_block1.d();
-				mounted = false;
-				dispose();
-			}
-		};
-	}
-
-	// (112:8) {#if Object.entries(prodMap01).length > 0}
-	function create_if_block_4(ctx) {
-		let label;
-		let t1;
-		let each_1_anchor;
-		let each_value_2 = ensure_array_like(Object.values(/*prodMap01*/ ctx[6]));
+		let each_value_1 = ensure_array_like(/*allCreators*/ ctx[7]);
 		let each_blocks = [];
 
-		for (let i = 0; i < each_value_2.length; i += 1) {
-			each_blocks[i] = create_each_block_2$1(get_each_context_2$1(ctx, each_value_2, i));
+		for (let i = 0; i < each_value_1.length; i += 1) {
+			each_blocks[i] = create_each_block_1$1(get_each_context_1$1(ctx, each_value_1, i));
 		}
 
 		return {
 			c() {
-				label = element("label");
-				label.textContent = "1 공장";
-				t1 = space();
+				div = element("div");
+				select = element("select");
+				option = element("option");
+				option.textContent = "전체";
 
 				for (let i = 0; i < each_blocks.length; i += 1) {
 					each_blocks[i].c();
 				}
 
-				each_1_anchor = empty();
-				set_style(label, "padding-left", "25px");
-				attr(label, "class", "svelte-1202h8i");
+				option.__value = "all";
+				set_input_value(option, option.__value);
+				attr(select, "class", "sg-creator-select svelte-5z38yf");
+				if (/*selectedCreator*/ ctx[0] === void 0) add_render_callback(() => /*select_change_handler*/ ctx[21].call(select));
+				attr(div, "role", "presentation");
+				attr(div, "class", "sg-table-header-cell sg-table-cell svelte-5z38yf");
 			},
 			m(target, anchor) {
-				insert(target, label, anchor);
-				insert(target, t1, anchor);
+				insert(target, div, anchor);
+				append(div, select);
+				append(select, option);
 
 				for (let i = 0; i < each_blocks.length; i += 1) {
 					if (each_blocks[i]) {
-						each_blocks[i].m(target, anchor);
+						each_blocks[i].m(select, null);
 					}
 				}
 
-				insert(target, each_1_anchor, anchor);
+				select_option(select, /*selectedCreator*/ ctx[0], true);
+
+				if (!mounted) {
+					dispose = [
+						listen(select, "change", /*select_change_handler*/ ctx[21]),
+						listen(select, "change", /*onCheckBoxChange*/ ctx[18])
+					];
+
+					mounted = true;
+				}
 			},
 			p(ctx, dirty) {
-				if (dirty[0] & /*prodMap01, onCheckBoxChange*/ 1048640) {
-					each_value_2 = ensure_array_like(Object.values(/*prodMap01*/ ctx[6]));
+				if (dirty[0] & /*allCreators*/ 128) {
+					each_value_1 = ensure_array_like(/*allCreators*/ ctx[7]);
 					let i;
 
-					for (i = 0; i < each_value_2.length; i += 1) {
-						const child_ctx = get_each_context_2$1(ctx, each_value_2, i);
+					for (i = 0; i < each_value_1.length; i += 1) {
+						const child_ctx = get_each_context_1$1(ctx, each_value_1, i);
 
 						if (each_blocks[i]) {
 							each_blocks[i].p(child_ctx, dirty);
 						} else {
-							each_blocks[i] = create_each_block_2$1(child_ctx);
+							each_blocks[i] = create_each_block_1$1(child_ctx);
 							each_blocks[i].c();
-							each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
+							each_blocks[i].m(select, null);
 						}
 					}
 
@@ -14844,321 +15082,73 @@
 						each_blocks[i].d(1);
 					}
 
-					each_blocks.length = each_value_2.length;
+					each_blocks.length = each_value_1.length;
+				}
+
+				if (dirty[0] & /*selectedCreator, allCreators*/ 129) {
+					select_option(select, /*selectedCreator*/ ctx[0]);
 				}
 			},
 			d(detaching) {
 				if (detaching) {
-					detach(label);
-					detach(t1);
-					detach(each_1_anchor);
+					detach(div);
 				}
 
 				destroy_each(each_blocks, detaching);
+				mounted = false;
+				run_all(dispose);
 			}
 		};
 	}
 
-	// (115:10) {#if !row.hidden}
-	function create_if_block_5(ctx) {
-		let label;
-		let input;
-		let input_checked_value;
-		let t0;
-		let t1_value = /*row*/ ctx[37].PRODUCT_NAME + "";
-		let t1;
-		let t2;
-		let span;
-		let t3;
-		let mounted;
-		let dispose;
-
-		function change_handler(...args) {
-			return /*change_handler*/ ctx[22](/*row*/ ctx[37], ...args);
-		}
+	// (103:10) {#each allCreators as row}
+	function create_each_block_1$1(ctx) {
+		let option;
+		let t_value = /*row*/ ctx[35] + "";
+		let t;
+		let option_value_value;
 
 		return {
 			c() {
-				label = element("label");
-				input = element("input");
-				t0 = space();
-				t1 = text(t1_value);
-				t2 = space();
-				span = element("span");
-				t3 = space();
-				attr(input, "type", "checkbox");
-				input.checked = input_checked_value = !/*row*/ ctx[37].hidden;
-				attr(input, "class", "svelte-1202h8i");
-				attr(span, "class", "checkmark svelte-1202h8i");
-				set_style(label, "left", "1em");
-				attr(label, "class", "svelte-1202h8i");
+				option = element("option");
+				t = text(t_value);
+				option.__value = option_value_value = /*row*/ ctx[35];
+				set_input_value(option, option.__value);
 			},
 			m(target, anchor) {
-				insert(target, label, anchor);
-				append(label, input);
-				append(label, t0);
-				append(label, t1);
-				append(label, t2);
-				append(label, span);
-				append(label, t3);
-
-				if (!mounted) {
-					dispose = listen(input, "change", change_handler);
-					mounted = true;
-				}
+				insert(target, option, anchor);
+				append(option, t);
 			},
-			p(new_ctx, dirty) {
-				ctx = new_ctx;
+			p(ctx, dirty) {
+				if (dirty[0] & /*allCreators*/ 128 && t_value !== (t_value = /*row*/ ctx[35] + "")) set_data(t, t_value);
 
-				if (dirty[0] & /*prodMap01*/ 64 && input_checked_value !== (input_checked_value = !/*row*/ ctx[37].hidden)) {
-					input.checked = input_checked_value;
+				if (dirty[0] & /*allCreators*/ 128 && option_value_value !== (option_value_value = /*row*/ ctx[35])) {
+					option.__value = option_value_value;
+					set_input_value(option, option.__value);
 				}
-
-				if (dirty[0] & /*prodMap01*/ 64 && t1_value !== (t1_value = /*row*/ ctx[37].PRODUCT_NAME + "")) set_data(t1, t1_value);
 			},
 			d(detaching) {
 				if (detaching) {
-					detach(label);
+					detach(option);
 				}
-
-				mounted = false;
-				dispose();
 			}
 		};
 	}
 
-	// (114:10) {#each Object.values(prodMap01) as row}
-	function create_each_block_2$1(ctx) {
-		let if_block_anchor;
-		let if_block = !/*row*/ ctx[37].hidden && create_if_block_5(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 (!/*row*/ ctx[37].hidden) {
-					if (if_block) {
-						if_block.p(ctx, dirty);
-					} else {
-						if_block = create_if_block_5(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 (detaching) {
-					detach(if_block_anchor);
-				}
-
-				if (if_block) if_block.d(detaching);
-			}
-		};
-	}
-
-	// (132:8) {#if Object.entries(prodMap02).length > 0}
-	function create_if_block_2$1(ctx) {
-		let label;
-		let t1;
-		let each_1_anchor;
-		let each_value_1 = ensure_array_like(Object.values(/*prodMap02*/ ctx[7]));
-		let each_blocks = [];
-
-		for (let i = 0; i < each_value_1.length; i += 1) {
-			each_blocks[i] = create_each_block_1$1(get_each_context_1$1(ctx, each_value_1, i));
-		}
-
-		return {
-			c() {
-				label = element("label");
-				label.textContent = "2 공장";
-				t1 = space();
-
-				for (let i = 0; i < each_blocks.length; i += 1) {
-					each_blocks[i].c();
-				}
-
-				each_1_anchor = empty();
-				set_style(label, "padding-left", "25px");
-				attr(label, "class", "svelte-1202h8i");
-			},
-			m(target, anchor) {
-				insert(target, label, anchor);
-				insert(target, t1, anchor);
-
-				for (let i = 0; i < each_blocks.length; i += 1) {
-					if (each_blocks[i]) {
-						each_blocks[i].m(target, anchor);
-					}
-				}
-
-				insert(target, each_1_anchor, anchor);
-			},
-			p(ctx, dirty) {
-				if (dirty[0] & /*prodMap02, onCheckBoxChange*/ 1048704) {
-					each_value_1 = ensure_array_like(Object.values(/*prodMap02*/ ctx[7]));
-					let i;
-
-					for (i = 0; i < each_value_1.length; i += 1) {
-						const child_ctx = get_each_context_1$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$1(child_ctx);
-							each_blocks[i].c();
-							each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
-						}
-					}
-
-					for (; i < each_blocks.length; i += 1) {
-						each_blocks[i].d(1);
-					}
-
-					each_blocks.length = each_value_1.length;
-				}
-			},
-			d(detaching) {
-				if (detaching) {
-					detach(label);
-					detach(t1);
-					detach(each_1_anchor);
-				}
-
-				destroy_each(each_blocks, detaching);
-			}
-		};
-	}
-
-	// (135:10) {#if !row.hidden}
-	function create_if_block_3(ctx) {
-		let label;
-		let input;
-		let input_checked_value;
-		let t0;
-		let t1_value = /*row*/ ctx[37].PRODUCT_NAME + "";
-		let t1;
-		let t2;
-		let span;
-		let t3;
-		let mounted;
-		let dispose;
-
-		function change_handler_1(...args) {
-			return /*change_handler_1*/ ctx[23](/*row*/ ctx[37], ...args);
-		}
-
-		return {
-			c() {
-				label = element("label");
-				input = element("input");
-				t0 = space();
-				t1 = text(t1_value);
-				t2 = space();
-				span = element("span");
-				t3 = space();
-				attr(input, "type", "checkbox");
-				input.checked = input_checked_value = !/*row*/ ctx[37].hidden;
-				attr(input, "class", "svelte-1202h8i");
-				attr(span, "class", "checkmark svelte-1202h8i");
-				set_style(label, "left", "1em");
-				attr(label, "class", "svelte-1202h8i");
-			},
-			m(target, anchor) {
-				insert(target, label, anchor);
-				append(label, input);
-				append(label, t0);
-				append(label, t1);
-				append(label, t2);
-				append(label, span);
-				append(label, t3);
-
-				if (!mounted) {
-					dispose = listen(input, "change", change_handler_1);
-					mounted = true;
-				}
-			},
-			p(new_ctx, dirty) {
-				ctx = new_ctx;
-
-				if (dirty[0] & /*prodMap02*/ 128 && input_checked_value !== (input_checked_value = !/*row*/ ctx[37].hidden)) {
-					input.checked = input_checked_value;
-				}
-
-				if (dirty[0] & /*prodMap02*/ 128 && t1_value !== (t1_value = /*row*/ ctx[37].PRODUCT_NAME + "")) set_data(t1, t1_value);
-			},
-			d(detaching) {
-				if (detaching) {
-					detach(label);
-				}
-
-				mounted = false;
-				dispose();
-			}
-		};
-	}
-
-	// (134:10) {#each Object.values(prodMap02) as row}
-	function create_each_block_1$1(ctx) {
-		let if_block_anchor;
-		let if_block = !/*row*/ ctx[37].hidden && 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 (!/*row*/ ctx[37].hidden) {
-					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 (detaching) {
-					detach(if_block_anchor);
-				}
-
-				if (if_block) if_block.d(detaching);
-			}
-		};
-	}
-
-	// (166:8) {#each visibleRows as row}
+	// (122:8) {#each visibleRows as row}
 	function create_each_block$2(ctx) {
 		let tablerow;
 		let current;
 
 		tablerow = new TableRow({
 				props: {
-					row: /*row*/ ctx[37],
-					header: /*tableHeader*/ ctx[5]
+					row: /*row*/ ctx[35],
+					header: /*tableHeader*/ ctx[6]
 				}
 			});
 
-		tablerow.$on("rowExpanded", /*onRowExpanded*/ ctx[17]);
-		tablerow.$on("rowCollapsed", /*onRowCollapsed*/ ctx[18]);
+		tablerow.$on("rowExpanded", /*onRowExpanded*/ ctx[16]);
+		tablerow.$on("rowCollapsed", /*onRowCollapsed*/ ctx[17]);
 
 		return {
 			c() {
@@ -15170,8 +15160,8 @@
 			},
 			p(ctx, dirty) {
 				const tablerow_changes = {};
-				if (dirty[0] & /*visibleRows*/ 16) tablerow_changes.row = /*row*/ ctx[37];
-				if (dirty[0] & /*tableHeader*/ 32) tablerow_changes.header = /*tableHeader*/ ctx[5];
+				if (dirty[0] & /*visibleRows*/ 32) tablerow_changes.row = /*row*/ ctx[35];
+				if (dirty[0] & /*tableHeader*/ 64) tablerow_changes.header = /*tableHeader*/ ctx[6];
 				tablerow.$set(tablerow_changes);
 			},
 			i(local) {
@@ -15199,8 +15189,8 @@
 		let current;
 		let mounted;
 		let dispose;
-		let if_block = /*tableHeader*/ ctx[5] && create_if_block$2(ctx);
-		let each_value = ensure_array_like(/*visibleRows*/ ctx[4]);
+		let if_block = /*tableHeader*/ ctx[6] && create_if_block$2(ctx);
+		let each_value = ensure_array_like(/*visibleRows*/ ctx[5]);
 		let each_blocks = [];
 
 		for (let i = 0; i < each_value.length; i += 1) {
@@ -15225,22 +15215,22 @@
 					each_blocks[i].c();
 				}
 
-				attr(div0, "class", "sg-table-header svelte-1202h8i");
-				set_style(div0, "height", /*$headerHeight*/ ctx[10] + "px");
-				attr(div1, "class", "sg-table-rows svelte-1202h8i");
-				set_style(div1, "padding-top", /*paddingTop*/ ctx[1] + "px");
-				set_style(div1, "padding-bottom", /*paddingBottom*/ ctx[2] + "px");
-				set_style(div1, "height", /*rowContainerHeight*/ ctx[3] + "px");
-				attr(div2, "class", "sg-table-scroller svelte-1202h8i");
-				attr(div3, "class", "sg-table-body svelte-1202h8i");
-				attr(div4, "class", "sg-table sg-view svelte-1202h8i");
-				set_style(div4, "width", /*tableWidth*/ ctx[0] + "px");
+				attr(div0, "class", "sg-table-header svelte-5z38yf");
+				set_style(div0, "height", /*$headerHeight*/ ctx[9] + "px");
+				attr(div1, "class", "sg-table-rows svelte-5z38yf");
+				set_style(div1, "padding-top", /*paddingTop*/ ctx[2] + "px");
+				set_style(div1, "padding-bottom", /*paddingBottom*/ ctx[3] + "px");
+				set_style(div1, "height", /*rowContainerHeight*/ ctx[4] + "px");
+				attr(div2, "class", "sg-table-scroller svelte-5z38yf");
+				attr(div3, "class", "sg-table-body svelte-5z38yf");
+				attr(div4, "class", "sg-table sg-view svelte-5z38yf");
+				set_style(div4, "width", /*tableWidth*/ ctx[1] + "px");
 			},
 			m(target, anchor) {
 				insert(target, div4, anchor);
 				append(div4, div0);
 				if (if_block) if_block.m(div0, null);
-				/*div0_binding*/ ctx[24](div0);
+				/*div0_binding*/ ctx[22](div0);
 				append(div4, t);
 				append(div4, div3);
 				append(div3, div2);
@@ -15255,12 +15245,12 @@
 				current = true;
 
 				if (!mounted) {
-					dispose = action_destroyer(/*scrollListener*/ ctx[16].call(null, div2));
+					dispose = action_destroyer(/*scrollListener*/ ctx[15].call(null, div2));
 					mounted = true;
 				}
 			},
 			p(ctx, dirty) {
-				if (/*tableHeader*/ ctx[5]) {
+				if (/*tableHeader*/ ctx[6]) {
 					if (if_block) {
 						if_block.p(ctx, dirty);
 					} else {
@@ -15273,12 +15263,12 @@
 					if_block = null;
 				}
 
-				if (!current || dirty[0] & /*$headerHeight*/ 1024) {
-					set_style(div0, "height", /*$headerHeight*/ ctx[10] + "px");
+				if (!current || dirty[0] & /*$headerHeight*/ 512) {
+					set_style(div0, "height", /*$headerHeight*/ ctx[9] + "px");
 				}
 
-				if (dirty[0] & /*visibleRows, tableHeader, onRowExpanded, onRowCollapsed*/ 393264) {
-					each_value = ensure_array_like(/*visibleRows*/ ctx[4]);
+				if (dirty[0] & /*visibleRows, tableHeader, onRowExpanded, onRowCollapsed*/ 196704) {
+					each_value = ensure_array_like(/*visibleRows*/ ctx[5]);
 					let i;
 
 					for (i = 0; i < each_value.length; i += 1) {
@@ -15304,20 +15294,20 @@
 					check_outros();
 				}
 
-				if (!current || dirty[0] & /*paddingTop*/ 2) {
-					set_style(div1, "padding-top", /*paddingTop*/ ctx[1] + "px");
+				if (!current || dirty[0] & /*paddingTop*/ 4) {
+					set_style(div1, "padding-top", /*paddingTop*/ ctx[2] + "px");
 				}
 
-				if (!current || dirty[0] & /*paddingBottom*/ 4) {
-					set_style(div1, "padding-bottom", /*paddingBottom*/ ctx[2] + "px");
+				if (!current || dirty[0] & /*paddingBottom*/ 8) {
+					set_style(div1, "padding-bottom", /*paddingBottom*/ ctx[3] + "px");
 				}
 
-				if (!current || dirty[0] & /*rowContainerHeight*/ 8) {
-					set_style(div1, "height", /*rowContainerHeight*/ ctx[3] + "px");
+				if (!current || dirty[0] & /*rowContainerHeight*/ 16) {
+					set_style(div1, "height", /*rowContainerHeight*/ ctx[4] + "px");
 				}
 
-				if (!current || dirty[0] & /*tableWidth*/ 1) {
-					set_style(div4, "width", /*tableWidth*/ ctx[0] + "px");
+				if (!current || dirty[0] & /*tableWidth*/ 2) {
+					set_style(div4, "width", /*tableWidth*/ ctx[1] + "px");
 				}
 			},
 			i(local) {
@@ -15344,7 +15334,7 @@
 				}
 
 				if (if_block) if_block.d();
-				/*div0_binding*/ ctx[24](null);
+				/*div0_binding*/ ctx[22](null);
 				destroy_each(each_blocks, detaching);
 				mounted = false;
 				dispose();
@@ -15385,17 +15375,18 @@
 		let { rowContainerHeight } = $$props;
 		let { visibleRows } = $$props;
 		let { tableHeader } = $$props;
-		let { prodMap01 = {} } = $$props;
-		let { prodMap02 = {} } = $$props;
 		let { rand } = $$props;
+		let { selectedCreator } = $$props;
+		let { setSelectedCreator } = $$props;
+		let { allCreators } = $$props;
 		const { from, to, width, visibleWidth, headerHeight } = getContext('dimensions');
-		component_subscribe($$self, headerHeight, value => $$invalidate(10, $headerHeight = value));
+		component_subscribe($$self, headerHeight, value => $$invalidate(9, $headerHeight = value));
 		const { rowPadding, rowHeight } = getContext('options');
-		component_subscribe($$self, rowPadding, value => $$invalidate(25, $rowPadding = value));
-		component_subscribe($$self, rowHeight, value => $$invalidate(28, $rowHeight = value));
+		component_subscribe($$self, rowPadding, value => $$invalidate(23, $rowPadding = value));
+		component_subscribe($$self, rowHeight, value => $$invalidate(26, $rowHeight = value));
 		const { rowStore, taskStore, allRows } = getContext('dataStore');
-		component_subscribe($$self, rowStore, value => $$invalidate(27, $rowStore = value));
-		component_subscribe($$self, taskStore, value => $$invalidate(26, $taskStore = value));
+		component_subscribe($$self, rowStore, value => $$invalidate(25, $rowStore = value));
+		component_subscribe($$self, taskStore, value => $$invalidate(24, $taskStore = value));
 		const { scrollables } = getContext('gantt');
 
 		onMount(() => {
@@ -15464,24 +15455,16 @@
 			});
 		}
 
-		let isSelectOpen = false;
-
-		function onSelectToggle() {
-			$$invalidate(9, isSelectOpen = !isSelectOpen);
-		}
-
-		function onCheckBoxChange(row, checked) {
-			row.hidden = !checked;
+		function onCheckBoxChange(evt) {
+			setSelectedCreator(evt.target.value);
 			rand();
 		}
 
-		const change_handler = (row, event) => {
-			onCheckBoxChange(row, event.target.checked);
-		};
-
-		const change_handler_1 = (row, event) => {
-			onCheckBoxChange(row, event.target.checked);
-		};
+		function select_change_handler() {
+			selectedCreator = select_value(this);
+			$$invalidate(0, selectedCreator);
+			$$invalidate(7, allCreators);
+		}
 
 		function div0_binding($$value) {
 			binding_callbacks[$$value ? 'unshift' : 'push'](() => {
@@ -15491,28 +15474,28 @@
 		}
 
 		$$self.$$set = $$props => {
-			if ('tableWidth' in $$props) $$invalidate(0, tableWidth = $$props.tableWidth);
-			if ('paddingTop' in $$props) $$invalidate(1, paddingTop = $$props.paddingTop);
-			if ('paddingBottom' in $$props) $$invalidate(2, paddingBottom = $$props.paddingBottom);
-			if ('rowContainerHeight' in $$props) $$invalidate(3, rowContainerHeight = $$props.rowContainerHeight);
-			if ('visibleRows' in $$props) $$invalidate(4, visibleRows = $$props.visibleRows);
-			if ('tableHeader' in $$props) $$invalidate(5, tableHeader = $$props.tableHeader);
-			if ('prodMap01' in $$props) $$invalidate(6, prodMap01 = $$props.prodMap01);
-			if ('prodMap02' in $$props) $$invalidate(7, prodMap02 = $$props.prodMap02);
-			if ('rand' in $$props) $$invalidate(21, rand = $$props.rand);
+			if ('tableWidth' in $$props) $$invalidate(1, tableWidth = $$props.tableWidth);
+			if ('paddingTop' in $$props) $$invalidate(2, paddingTop = $$props.paddingTop);
+			if ('paddingBottom' in $$props) $$invalidate(3, paddingBottom = $$props.paddingBottom);
+			if ('rowContainerHeight' in $$props) $$invalidate(4, rowContainerHeight = $$props.rowContainerHeight);
+			if ('visibleRows' in $$props) $$invalidate(5, visibleRows = $$props.visibleRows);
+			if ('tableHeader' in $$props) $$invalidate(6, tableHeader = $$props.tableHeader);
+			if ('rand' in $$props) $$invalidate(19, rand = $$props.rand);
+			if ('selectedCreator' in $$props) $$invalidate(0, selectedCreator = $$props.selectedCreator);
+			if ('setSelectedCreator' in $$props) $$invalidate(20, setSelectedCreator = $$props.setSelectedCreator);
+			if ('allCreators' in $$props) $$invalidate(7, allCreators = $$props.allCreators);
 		};
 
 		return [
+			selectedCreator,
 			tableWidth,
 			paddingTop,
 			paddingBottom,
 			rowContainerHeight,
 			visibleRows,
 			tableHeader,
-			prodMap01,
-			prodMap02,
+			allCreators,
 			headerContainer,
-			isSelectOpen,
 			$headerHeight,
 			headerHeight,
 			rowPadding,
@@ -15522,11 +15505,10 @@
 			scrollListener,
 			onRowExpanded,
 			onRowCollapsed,
-			onSelectToggle,
 			onCheckBoxChange,
 			rand,
-			change_handler,
-			change_handler_1,
+			setSelectedCreator,
+			select_change_handler,
 			div0_binding
 		];
 	}
@@ -15542,15 +15524,16 @@
 				create_fragment$3,
 				safe_not_equal,
 				{
-					tableWidth: 0,
-					paddingTop: 1,
-					paddingBottom: 2,
-					rowContainerHeight: 3,
-					visibleRows: 4,
-					tableHeader: 5,
-					prodMap01: 6,
-					prodMap02: 7,
-					rand: 21
+					tableWidth: 1,
+					paddingTop: 2,
+					paddingBottom: 3,
+					rowContainerHeight: 4,
+					visibleRows: 5,
+					tableHeader: 6,
+					rand: 19,
+					selectedCreator: 0,
+					setSelectedCreator: 20,
+					allCreators: 7
 				},
 				add_css$3,
 				[-1, -1]
@@ -15558,7 +15541,7 @@
 		}
 
 		get tableWidth() {
-			return this.$$.ctx[0];
+			return this.$$.ctx[1];
 		}
 
 		set tableWidth(tableWidth) {
@@ -15567,7 +15550,7 @@
 		}
 
 		get paddingTop() {
-			return this.$$.ctx[1];
+			return this.$$.ctx[2];
 		}
 
 		set paddingTop(paddingTop) {
@@ -15576,7 +15559,7 @@
 		}
 
 		get paddingBottom() {
-			return this.$$.ctx[2];
+			return this.$$.ctx[3];
 		}
 
 		set paddingBottom(paddingBottom) {
@@ -15585,7 +15568,7 @@
 		}
 
 		get rowContainerHeight() {
-			return this.$$.ctx[3];
+			return this.$$.ctx[4];
 		}
 
 		set rowContainerHeight(rowContainerHeight) {
@@ -15594,7 +15577,7 @@
 		}
 
 		get visibleRows() {
-			return this.$$.ctx[4];
+			return this.$$.ctx[5];
 		}
 
 		set visibleRows(visibleRows) {
@@ -15603,7 +15586,7 @@
 		}
 
 		get tableHeader() {
-			return this.$$.ctx[5];
+			return this.$$.ctx[6];
 		}
 
 		set tableHeader(tableHeader) {
@@ -15611,35 +15594,44 @@
 			flush();
 		}
 
-		get prodMap01() {
-			return this.$$.ctx[6];
+		get rand() {
+			return this.$$.ctx[19];
+		}
+
+		set rand(rand) {
+			this.$$set({ rand });
+			flush();
+		}
+
+		get selectedCreator() {
+			return this.$$.ctx[0];
 		}
 
-		set prodMap01(prodMap01) {
-			this.$$set({ prodMap01 });
+		set selectedCreator(selectedCreator) {
+			this.$$set({ selectedCreator });
 			flush();
 		}
 
-		get prodMap02() {
-			return this.$$.ctx[7];
+		get setSelectedCreator() {
+			return this.$$.ctx[20];
 		}
 
-		set prodMap02(prodMap02) {
-			this.$$set({ prodMap02 });
+		set setSelectedCreator(setSelectedCreator) {
+			this.$$set({ setSelectedCreator });
 			flush();
 		}
 
-		get rand() {
-			return this.$$.ctx[21];
+		get allCreators() {
+			return this.$$.ctx[7];
 		}
 
-		set rand(rand) {
-			this.$$set({ rand });
+		set allCreators(allCreators) {
+			this.$$set({ allCreators });
 			flush();
 		}
 	}
 
-	create_custom_element(Table, {"tableWidth":{},"paddingTop":{},"paddingBottom":{},"rowContainerHeight":{},"visibleRows":{},"tableHeader":{},"prodMap01":{},"prodMap02":{},"rand":{}}, [], [], true);
+	create_custom_element(Table, {"tableWidth":{},"paddingTop":{},"paddingBottom":{},"rowContainerHeight":{},"visibleRows":{},"tableHeader":{},"rand":{},"selectedCreator":{},"setSelectedCreator":{},"allCreators":{}}, [], [], true);
 
 	const WellstekGanttTable = Table;
 
@@ -16213,46 +16205,46 @@
 	/* src/WellstekGantt.svelte generated by Svelte v4.2.17 */
 
 	function add_css(target) {
-		append_styles(target, "svelte-17nunwk", ".sg-disable-transition.svelte-17nunwk .sg-task,.sg-disable-transition.svelte-17nunwk .sg-milestone{transition:transform 0s,\n      background-color 0.2s,\n      width 0s !important}.sg-view:not(:first-child){margin-left:5px}.right-scrollbar-visible{padding-right:17px}.sg-timeline.svelte-17nunwk{flex:1 1 0%;display:flex;flex-direction:column;overflow-x:auto}.sg-gantt.svelte-17nunwk{display:flex;width:100%;height:calc(100% - 70px);position:relative;border-top:1px solid #efefef}.sg-foreground.svelte-17nunwk{box-sizing:border-box;overflow:hidden;top:0;left:0;position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.sg-rows.svelte-17nunwk{width:100%;box-sizing:border-box;overflow:hidden}.sg-timeline-body.svelte-17nunwk{overflow:auto;flex:1 1 auto}.sg-header-scroller.svelte-17nunwk{border-right:1px solid #efefef;overflow:hidden;position:relative}.content.svelte-17nunwk{position:relative}*{box-sizing:border-box}.sg-control-layer.svelte-17nunwk{margin:10px;padding:10px;border:1px solid #c9c9c9;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between}.sg-control-layer-left.svelte-17nunwk{display:flex;flex-direction:row;gap:10px}");
+		append_styles(target, "svelte-1yr6t3v", ".sg-disable-transition.svelte-1yr6t3v .sg-task,.sg-disable-transition.svelte-1yr6t3v .sg-milestone{transition:transform 0s,\n      background-color 0.2s,\n      width 0s !important}.sg-view:not(:first-child){margin-left:5px}.right-scrollbar-visible{padding-right:17px}.sg-timeline.svelte-1yr6t3v{flex:1 1 0%;display:flex;flex-direction:column;overflow-x:auto}.sg-gantt.svelte-1yr6t3v{display:flex;width:100%;height:calc(100% - 70px);position:relative;border-top:1px solid #efefef}.sg-foreground.svelte-1yr6t3v{box-sizing:border-box;overflow:hidden;top:0;left:0;position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.sg-rows.svelte-1yr6t3v{width:100%;box-sizing:border-box;overflow:hidden}.sg-timeline-body.svelte-1yr6t3v{overflow:auto;flex:1 1 auto}.sg-header-scroller.svelte-1yr6t3v{border-right:1px solid #efefef;overflow:hidden;position:relative}.content.svelte-1yr6t3v{position:relative}*{box-sizing:border-box}.sg-control-layer.svelte-1yr6t3v{margin:10px;padding:10px;border:1px solid #c9c9c9;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between}.sg-control-layer-left.svelte-1yr6t3v{display:flex;flex-direction:row;gap:10px;align-items:center}.sg-factory-select.svelte-1yr6t3v{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;padding:.6em 1.4em .5em .8em;margin:0;min-width:100px;border:1px solid #aaa;border-radius:.5em;box-shadow:0 1px 0 1px rgba(0,0,0,.04)}");
 	}
 
 	function get_each_context(ctx, list, i) {
 		const child_ctx = ctx.slice();
-		child_ctx[164] = list[i];
+		child_ctx[168] = list[i];
 		return child_ctx;
 	}
 
 	function get_each_context_1(ctx, list, i) {
 		const child_ctx = ctx.slice();
-		child_ctx[167] = list[i];
+		child_ctx[171] = list[i];
 		return child_ctx;
 	}
 
 	function get_each_context_2(ctx, list, i) {
 		const child_ctx = ctx.slice();
-		child_ctx[170] = list[i];
+		child_ctx[174] = list[i];
 		return child_ctx;
 	}
 
 	function get_each_context_3(ctx, list, i) {
 		const child_ctx = ctx.slice();
-		child_ctx[173] = list[i];
+		child_ctx[177] = list[i];
 		return child_ctx;
 	}
 
 	function get_each_context_4(ctx, list, i) {
 		const child_ctx = ctx.slice();
-		child_ctx[170] = list[i];
+		child_ctx[174] = list[i];
 		return child_ctx;
 	}
 
 	function get_each_context_5(ctx, list, i) {
 		const child_ctx = ctx.slice();
-		child_ctx[164] = list[i];
+		child_ctx[168] = list[i];
 		return child_ctx;
 	}
 
-	// (1106:4) {#each ganttTableModules as module}
+	// (1004:4) {#each ganttTableModules as module}
 	function create_each_block_5(ctx) {
 		let switch_instance;
 		let t;
@@ -16261,21 +16253,26 @@
 
 		const switch_instance_spread_levels = [
 			{
-				rowContainerHeight: /*rowContainerHeight*/ ctx[12]
-			},
-			{ paddingTop: /*paddingTop*/ ctx[26] },
-			{ paddingBottom: /*paddingBottom*/ ctx[27] },
-			{ tableWidth: /*tableWidth*/ ctx[2] },
-			/*$$restProps*/ ctx[65],
-			{ visibleRows: /*visibleRows*/ ctx[13] },
-			{ allRows: /*allRows*/ ctx[48] },
-			{ tableHeader: /*tableHeader*/ ctx[6] },
-			{ prodMap01: /*prodMap01*/ ctx[20] },
-			{ prodMap02: /*prodMap02*/ ctx[21] },
-			{ rand: /*rand*/ ctx[35] }
+				rowContainerHeight: /*rowContainerHeight*/ ctx[15]
+			},
+			{ paddingTop: /*paddingTop*/ ctx[27] },
+			{ paddingBottom: /*paddingBottom*/ ctx[28] },
+			{ tableWidth: /*tableWidth*/ ctx[5] },
+			/*$$restProps*/ ctx[68],
+			{ visibleRows: /*visibleRows*/ ctx[16] },
+			{ allRows: /*allRows*/ ctx[50] },
+			{ tableHeader: /*tableHeader*/ ctx[9] },
+			{ rand: /*rand*/ ctx[37] },
+			{ allCreators: /*allCreators*/ ctx[2] },
+			{
+				selectedCreator: /*selectedCreator*/ ctx[0]
+			},
+			{
+				setSelectedCreator: /*setSelectedCreator*/ ctx[36]
+			}
 		];
 
-		var switch_value = /*module*/ ctx[164];
+		var switch_value = /*module*/ ctx[168];
 
 		function switch_props(ctx, dirty) {
 			let switch_instance_props = {};
@@ -16284,21 +16281,26 @@
 				switch_instance_props = assign(switch_instance_props, switch_instance_spread_levels[i]);
 			}
 
-			if (dirty !== undefined && dirty[0] & /*rowContainerHeight, paddingTop, paddingBottom, tableWidth, visibleRows, tableHeader, prodMap01, prodMap02*/ 204484676 | dirty[1] & /*allRows, rand*/ 131088 | dirty[2] & /*$$restProps*/ 8) {
+			if (dirty !== undefined && dirty[0] & /*rowContainerHeight, paddingTop, paddingBottom, tableWidth, visibleRows, tableHeader, allCreators, selectedCreator*/ 402752037 | dirty[1] & /*allRows, rand, setSelectedCreator*/ 524384 | dirty[2] & /*$$restProps*/ 64) {
 				switch_instance_props = assign(switch_instance_props, get_spread_update(switch_instance_spread_levels, [
-					dirty[0] & /*rowContainerHeight*/ 4096 && {
-						rowContainerHeight: /*rowContainerHeight*/ ctx[12]
+					dirty[0] & /*rowContainerHeight*/ 32768 && {
+						rowContainerHeight: /*rowContainerHeight*/ ctx[15]
+					},
+					dirty[0] & /*paddingTop*/ 134217728 && { paddingTop: /*paddingTop*/ ctx[27] },
+					dirty[0] & /*paddingBottom*/ 268435456 && { paddingBottom: /*paddingBottom*/ ctx[28] },
+					dirty[0] & /*tableWidth*/ 32 && { tableWidth: /*tableWidth*/ ctx[5] },
+					dirty[2] & /*$$restProps*/ 64 && get_spread_object(/*$$restProps*/ ctx[68]),
+					dirty[0] & /*visibleRows*/ 65536 && { visibleRows: /*visibleRows*/ ctx[16] },
+					dirty[1] & /*allRows*/ 524288 && { allRows: /*allRows*/ ctx[50] },
+					dirty[0] & /*tableHeader*/ 512 && { tableHeader: /*tableHeader*/ ctx[9] },
+					dirty[1] & /*rand*/ 64 && { rand: /*rand*/ ctx[37] },
+					dirty[0] & /*allCreators*/ 4 && { allCreators: /*allCreators*/ ctx[2] },
+					dirty[0] & /*selectedCreator*/ 1 && {
+						selectedCreator: /*selectedCreator*/ ctx[0]
 					},
-					dirty[0] & /*paddingTop*/ 67108864 && { paddingTop: /*paddingTop*/ ctx[26] },
-					dirty[0] & /*paddingBottom*/ 134217728 && { paddingBottom: /*paddingBottom*/ ctx[27] },
-					dirty[0] & /*tableWidth*/ 4 && { tableWidth: /*tableWidth*/ ctx[2] },
-					dirty[2] & /*$$restProps*/ 8 && get_spread_object(/*$$restProps*/ ctx[65]),
-					dirty[0] & /*visibleRows*/ 8192 && { visibleRows: /*visibleRows*/ ctx[13] },
-					dirty[1] & /*allRows*/ 131072 && { allRows: /*allRows*/ ctx[48] },
-					dirty[0] & /*tableHeader*/ 64 && { tableHeader: /*tableHeader*/ ctx[6] },
-					dirty[0] & /*prodMap01*/ 1048576 && { prodMap01: /*prodMap01*/ ctx[20] },
-					dirty[0] & /*prodMap02*/ 2097152 && { prodMap02: /*prodMap02*/ ctx[21] },
-					dirty[1] & /*rand*/ 16 && { rand: /*rand*/ ctx[35] }
+					dirty[1] & /*setSelectedCreator*/ 32 && {
+						setSelectedCreator: /*setSelectedCreator*/ ctx[36]
+					}
 				]));
 			}
 
@@ -16312,12 +16314,12 @@
 
 		resizer = new Resizer({
 				props: {
-					x: /*tableWidth*/ ctx[2],
-					container: /*ganttElement*/ ctx[16]
+					x: /*tableWidth*/ ctx[5],
+					container: /*ganttElement*/ ctx[19]
 				}
 			});
 
-		resizer.$on("resize", /*onResize*/ ctx[57]);
+		resizer.$on("resize", /*onResize*/ ctx[59]);
 
 		return {
 			c() {
@@ -16332,7 +16334,7 @@
 				current = true;
 			},
 			p(ctx, dirty) {
-				if (dirty[0] & /*ganttTableModules*/ 16 && switch_value !== (switch_value = /*module*/ ctx[164])) {
+				if (dirty[0] & /*ganttTableModules*/ 128 && switch_value !== (switch_value = /*module*/ ctx[168])) {
 					if (switch_instance) {
 						group_outros();
 						const old_component = switch_instance;
@@ -16354,21 +16356,26 @@
 						switch_instance = null;
 					}
 				} else if (switch_value) {
-					const switch_instance_changes = (dirty[0] & /*rowContainerHeight, paddingTop, paddingBottom, tableWidth, visibleRows, tableHeader, prodMap01, prodMap02*/ 204484676 | dirty[1] & /*allRows, rand*/ 131088 | dirty[2] & /*$$restProps*/ 8)
+					const switch_instance_changes = (dirty[0] & /*rowContainerHeight, paddingTop, paddingBottom, tableWidth, visibleRows, tableHeader, allCreators, selectedCreator*/ 402752037 | dirty[1] & /*allRows, rand, setSelectedCreator*/ 524384 | dirty[2] & /*$$restProps*/ 64)
 					? get_spread_update(switch_instance_spread_levels, [
-							dirty[0] & /*rowContainerHeight*/ 4096 && {
-								rowContainerHeight: /*rowContainerHeight*/ ctx[12]
+							dirty[0] & /*rowContainerHeight*/ 32768 && {
+								rowContainerHeight: /*rowContainerHeight*/ ctx[15]
+							},
+							dirty[0] & /*paddingTop*/ 134217728 && { paddingTop: /*paddingTop*/ ctx[27] },
+							dirty[0] & /*paddingBottom*/ 268435456 && { paddingBottom: /*paddingBottom*/ ctx[28] },
+							dirty[0] & /*tableWidth*/ 32 && { tableWidth: /*tableWidth*/ ctx[5] },
+							dirty[2] & /*$$restProps*/ 64 && get_spread_object(/*$$restProps*/ ctx[68]),
+							dirty[0] & /*visibleRows*/ 65536 && { visibleRows: /*visibleRows*/ ctx[16] },
+							dirty[1] & /*allRows*/ 524288 && { allRows: /*allRows*/ ctx[50] },
+							dirty[0] & /*tableHeader*/ 512 && { tableHeader: /*tableHeader*/ ctx[9] },
+							dirty[1] & /*rand*/ 64 && { rand: /*rand*/ ctx[37] },
+							dirty[0] & /*allCreators*/ 4 && { allCreators: /*allCreators*/ ctx[2] },
+							dirty[0] & /*selectedCreator*/ 1 && {
+								selectedCreator: /*selectedCreator*/ ctx[0]
 							},
-							dirty[0] & /*paddingTop*/ 67108864 && { paddingTop: /*paddingTop*/ ctx[26] },
-							dirty[0] & /*paddingBottom*/ 134217728 && { paddingBottom: /*paddingBottom*/ ctx[27] },
-							dirty[0] & /*tableWidth*/ 4 && { tableWidth: /*tableWidth*/ ctx[2] },
-							dirty[2] & /*$$restProps*/ 8 && get_spread_object(/*$$restProps*/ ctx[65]),
-							dirty[0] & /*visibleRows*/ 8192 && { visibleRows: /*visibleRows*/ ctx[13] },
-							dirty[1] & /*allRows*/ 131072 && { allRows: /*allRows*/ ctx[48] },
-							dirty[0] & /*tableHeader*/ 64 && { tableHeader: /*tableHeader*/ ctx[6] },
-							dirty[0] & /*prodMap01*/ 1048576 && { prodMap01: /*prodMap01*/ ctx[20] },
-							dirty[0] & /*prodMap02*/ 2097152 && { prodMap02: /*prodMap02*/ ctx[21] },
-							dirty[1] & /*rand*/ 16 && { rand: /*rand*/ ctx[35] }
+							dirty[1] & /*setSelectedCreator*/ 32 && {
+								setSelectedCreator: /*setSelectedCreator*/ ctx[36]
+							}
 						])
 					: {};
 
@@ -16376,8 +16383,8 @@
 				}
 
 				const resizer_changes = {};
-				if (dirty[0] & /*tableWidth*/ 4) resizer_changes.x = /*tableWidth*/ ctx[2];
-				if (dirty[0] & /*ganttElement*/ 65536) resizer_changes.container = /*ganttElement*/ ctx[16];
+				if (dirty[0] & /*tableWidth*/ 32) resizer_changes.x = /*tableWidth*/ ctx[5];
+				if (dirty[0] & /*ganttElement*/ 524288) resizer_changes.container = /*ganttElement*/ ctx[19];
 				resizer.$set(resizer_changes);
 			},
 			i(local) {
@@ -16402,12 +16409,12 @@
 		};
 	}
 
-	// (1136:12) {#each $allTimeRanges as timeRange (timeRange.model.id)}
+	// (1036:12) {#each $allTimeRanges as timeRange (timeRange.model.id)}
 	function create_each_block_4(key_1, ctx) {
 		let first;
 		let timerangeheader;
 		let current;
-		const timerangeheader_spread_levels = [/*timeRange*/ ctx[170]];
+		const timerangeheader_spread_levels = [/*timeRange*/ ctx[174]];
 		let timerangeheader_props = {};
 
 		for (let i = 0; i < timerangeheader_spread_levels.length; i += 1) {
@@ -16432,8 +16439,8 @@
 			p(new_ctx, dirty) {
 				ctx = new_ctx;
 
-				const timerangeheader_changes = (dirty[1] & /*$allTimeRanges*/ 1)
-				? get_spread_update(timerangeheader_spread_levels, [get_spread_object(/*timeRange*/ ctx[170])])
+				const timerangeheader_changes = (dirty[1] & /*$allTimeRanges*/ 2)
+				? get_spread_update(timerangeheader_spread_levels, [get_spread_object(/*timeRange*/ ctx[174])])
 				: {};
 
 				timerangeheader.$set(timerangeheader_changes);
@@ -16457,12 +16464,12 @@
 		};
 	}
 
-	// (1162:14) {#each visibleRows as row (row.model.id)}
+	// (1062:14) {#each visibleRows as row (row.model.id)}
 	function create_each_block_3(key_1, ctx) {
 		let first;
 		let row_1;
 		let current;
-		row_1 = new Row({ props: { row: /*row*/ ctx[173] } });
+		row_1 = new Row({ props: { row: /*row*/ ctx[177] } });
 
 		return {
 			key: key_1,
@@ -16480,7 +16487,7 @@
 			p(new_ctx, dirty) {
 				ctx = new_ctx;
 				const row_1_changes = {};
-				if (dirty[0] & /*visibleRows*/ 8192) row_1_changes.row = /*row*/ ctx[173];
+				if (dirty[0] & /*visibleRows*/ 65536) row_1_changes.row = /*row*/ ctx[177];
 				row_1.$set(row_1_changes);
 			},
 			i(local) {
@@ -16502,12 +16509,12 @@
 		};
 	}
 
-	// (1169:12) {#each $allTimeRanges as timeRange (timeRange.model.id)}
+	// (1069:12) {#each $allTimeRanges as timeRange (timeRange.model.id)}
 	function create_each_block_2(key_1, ctx) {
 		let first;
 		let timerange;
 		let current;
-		const timerange_spread_levels = [/*timeRange*/ ctx[170]];
+		const timerange_spread_levels = [/*timeRange*/ ctx[174]];
 		let timerange_props = {};
 
 		for (let i = 0; i < timerange_spread_levels.length; i += 1) {
@@ -16532,8 +16539,8 @@
 			p(new_ctx, dirty) {
 				ctx = new_ctx;
 
-				const timerange_changes = (dirty[1] & /*$allTimeRanges*/ 1)
-				? get_spread_update(timerange_spread_levels, [get_spread_object(/*timeRange*/ ctx[170])])
+				const timerange_changes = (dirty[1] & /*$allTimeRanges*/ 2)
+				? get_spread_update(timerange_spread_levels, [get_spread_object(/*timeRange*/ ctx[174])])
 				: {};
 
 				timerange.$set(timerange_changes);
@@ -16557,11 +16564,11 @@
 		};
 	}
 
-	// (1172:12) {#if visibleTasks}
+	// (1072:12) {#if visibleTasks}
 	function create_if_block(ctx) {
 		let if_block_anchor;
 		let current;
-		let if_block = /*visibleTasks*/ ctx[28].length && create_if_block_1(ctx);
+		let if_block = /*visibleTasks*/ ctx[29].length && create_if_block_1(ctx);
 
 		return {
 			c() {
@@ -16574,11 +16581,11 @@
 				current = true;
 			},
 			p(ctx, dirty) {
-				if (/*visibleTasks*/ ctx[28].length) {
+				if (/*visibleTasks*/ ctx[29].length) {
 					if (if_block) {
 						if_block.p(ctx, dirty);
 
-						if (dirty[0] & /*visibleTasks*/ 268435456) {
+						if (dirty[0] & /*visibleTasks*/ 536870912) {
 							transition_in(if_block, 1);
 						}
 					} else {
@@ -16616,13 +16623,13 @@
 		};
 	}
 
-	// (1173:14) {#if visibleTasks.length}
+	// (1073:14) {#if visibleTasks.length}
 	function create_if_block_1(ctx) {
 		let each_blocks = [];
 		let each_1_lookup = new Map();
 		let each_1_anchor;
 		let current;
-		let each_value_1 = ensure_array_like(/*visibleTasks*/ ctx[28]);
+		let each_value_1 = ensure_array_like(/*visibleTasks*/ ctx[29]);
 		const get_key = ctx => uuidv4();
 
 		for (let i = 0; i < each_value_1.length; i += 1) {
@@ -16650,8 +16657,8 @@
 				current = true;
 			},
 			p(ctx, dirty) {
-				if (dirty[0] & /*visibleTasks*/ 268435456) {
-					each_value_1 = ensure_array_like(/*visibleTasks*/ ctx[28]);
+				if (dirty[0] & /*visibleTasks*/ 536870912) {
+					each_value_1 = ensure_array_like(/*visibleTasks*/ ctx[29]);
 					group_outros();
 					each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value_1, each_1_lookup, each_1_anchor.parentNode, outro_and_destroy_block, create_each_block_1, each_1_anchor, get_each_context_1);
 					check_outros();
@@ -16685,18 +16692,18 @@
 		};
 	}
 
-	// (1175:18) {#if task}
+	// (1075:18) {#if task}
 	function create_if_block_2(ctx) {
 		let task_1;
 		let current;
 
 		const task_1_spread_levels = [
-			{ model: /*task*/ ctx[167].model },
-			{ left: /*task*/ ctx[167].left },
-			{ width: /*task*/ ctx[167].width },
-			{ height: /*task*/ ctx[167].height },
-			{ top: /*task*/ ctx[167].top },
-			/*task*/ ctx[167]
+			{ model: /*task*/ ctx[171].model },
+			{ left: /*task*/ ctx[171].left },
+			{ width: /*task*/ ctx[171].width },
+			{ height: /*task*/ ctx[171].height },
+			{ top: /*task*/ ctx[171].top },
+			/*task*/ ctx[171]
 		];
 
 		let task_1_props = {};
@@ -16716,14 +16723,14 @@
 				current = true;
 			},
 			p(ctx, dirty) {
-				const task_1_changes = (dirty[0] & /*visibleTasks*/ 268435456)
+				const task_1_changes = (dirty[0] & /*visibleTasks*/ 536870912)
 				? get_spread_update(task_1_spread_levels, [
-						{ model: /*task*/ ctx[167].model },
-						{ left: /*task*/ ctx[167].left },
-						{ width: /*task*/ ctx[167].width },
-						{ height: /*task*/ ctx[167].height },
-						{ top: /*task*/ ctx[167].top },
-						get_spread_object(/*task*/ ctx[167])
+						{ model: /*task*/ ctx[171].model },
+						{ left: /*task*/ ctx[171].left },
+						{ width: /*task*/ ctx[171].width },
+						{ height: /*task*/ ctx[171].height },
+						{ top: /*task*/ ctx[171].top },
+						get_spread_object(/*task*/ ctx[171])
 					])
 				: {};
 
@@ -16744,12 +16751,12 @@
 		};
 	}
 
-	// (1174:16) {#each visibleTasks as task (uuidv4())}
+	// (1074:16) {#each visibleTasks as task (uuidv4())}
 	function create_each_block_1(key_1, ctx) {
 		let first;
 		let if_block_anchor;
 		let current;
-		let if_block = /*task*/ ctx[167] && create_if_block_2(ctx);
+		let if_block = /*task*/ ctx[171] && create_if_block_2(ctx);
 
 		return {
 			key: key_1,
@@ -16769,11 +16776,11 @@
 			p(new_ctx, dirty) {
 				ctx = new_ctx;
 
-				if (/*task*/ ctx[167]) {
+				if (/*task*/ ctx[171]) {
 					if (if_block) {
 						if_block.p(ctx, dirty);
 
-						if (dirty[0] & /*visibleTasks*/ 268435456) {
+						if (dirty[0] & /*visibleTasks*/ 536870912) {
 							transition_in(if_block, 1);
 						}
 					} else {
@@ -16812,20 +16819,20 @@
 		};
 	}
 
-	// (1189:10) {#each ganttBodyModules as module}
+	// (1089:10) {#each ganttBodyModules as module}
 	function create_each_block(ctx) {
 		let switch_instance;
 		let switch_instance_anchor;
 		let current;
 
 		const switch_instance_spread_levels = [
-			{ paddingTop: /*paddingTop*/ ctx[26] },
-			{ paddingBottom: /*paddingBottom*/ ctx[27] },
-			{ visibleRows: /*visibleRows*/ ctx[13] },
-			/*$$restProps*/ ctx[65]
+			{ paddingTop: /*paddingTop*/ ctx[27] },
+			{ paddingBottom: /*paddingBottom*/ ctx[28] },
+			{ visibleRows: /*visibleRows*/ ctx[16] },
+			/*$$restProps*/ ctx[68]
 		];
 
-		var switch_value = /*module*/ ctx[164];
+		var switch_value = /*module*/ ctx[168];
 
 		function switch_props(ctx, dirty) {
 			let switch_instance_props = {};
@@ -16834,12 +16841,12 @@
 				switch_instance_props = assign(switch_instance_props, switch_instance_spread_levels[i]);
 			}
 
-			if (dirty !== undefined && dirty[0] & /*paddingTop, paddingBottom, visibleRows*/ 201334784 | dirty[2] & /*$$restProps*/ 8) {
+			if (dirty !== undefined && dirty[0] & /*paddingTop, paddingBottom, visibleRows*/ 402718720 | dirty[2] & /*$$restProps*/ 64) {
 				switch_instance_props = assign(switch_instance_props, get_spread_update(switch_instance_spread_levels, [
-					dirty[0] & /*paddingTop*/ 67108864 && { paddingTop: /*paddingTop*/ ctx[26] },
-					dirty[0] & /*paddingBottom*/ 134217728 && { paddingBottom: /*paddingBottom*/ ctx[27] },
-					dirty[0] & /*visibleRows*/ 8192 && { visibleRows: /*visibleRows*/ ctx[13] },
-					dirty[2] & /*$$restProps*/ 8 && get_spread_object(/*$$restProps*/ ctx[65])
+					dirty[0] & /*paddingTop*/ 134217728 && { paddingTop: /*paddingTop*/ ctx[27] },
+					dirty[0] & /*paddingBottom*/ 268435456 && { paddingBottom: /*paddingBottom*/ ctx[28] },
+					dirty[0] & /*visibleRows*/ 65536 && { visibleRows: /*visibleRows*/ ctx[16] },
+					dirty[2] & /*$$restProps*/ 64 && get_spread_object(/*$$restProps*/ ctx[68])
 				]));
 			}
 
@@ -16862,7 +16869,7 @@
 				current = true;
 			},
 			p(ctx, dirty) {
-				if (dirty[0] & /*ganttBodyModules*/ 32 && switch_value !== (switch_value = /*module*/ ctx[164])) {
+				if (dirty[0] & /*ganttBodyModules*/ 256 && switch_value !== (switch_value = /*module*/ ctx[168])) {
 					if (switch_instance) {
 						group_outros();
 						const old_component = switch_instance;
@@ -16884,12 +16891,12 @@
 						switch_instance = null;
 					}
 				} else if (switch_value) {
-					const switch_instance_changes = (dirty[0] & /*paddingTop, paddingBottom, visibleRows*/ 201334784 | dirty[2] & /*$$restProps*/ 8)
+					const switch_instance_changes = (dirty[0] & /*paddingTop, paddingBottom, visibleRows*/ 402718720 | dirty[2] & /*$$restProps*/ 64)
 					? get_spread_update(switch_instance_spread_levels, [
-							dirty[0] & /*paddingTop*/ 67108864 && { paddingTop: /*paddingTop*/ ctx[26] },
-							dirty[0] & /*paddingBottom*/ 134217728 && { paddingBottom: /*paddingBottom*/ ctx[27] },
-							dirty[0] & /*visibleRows*/ 8192 && { visibleRows: /*visibleRows*/ ctx[13] },
-							dirty[2] & /*$$restProps*/ 8 && get_spread_object(/*$$restProps*/ ctx[65])
+							dirty[0] & /*paddingTop*/ 134217728 && { paddingTop: /*paddingTop*/ ctx[27] },
+							dirty[0] & /*paddingBottom*/ 268435456 && { paddingBottom: /*paddingBottom*/ ctx[28] },
+							dirty[0] & /*visibleRows*/ 65536 && { visibleRows: /*visibleRows*/ ctx[16] },
+							dirty[2] & /*$$restProps*/ 64 && get_spread_object(/*$$restProps*/ ctx[68])
 						])
 					: {};
 
@@ -16915,58 +16922,63 @@
 		};
 	}
 
-	// (1063:0) <DragContextProvider bind:this={draggingContext}>
+	// (955:0) <DragContextProvider bind:this={draggingContext}>
 	function create_default_slot(ctx) {
-		let div4;
-		let div2;
+		let div5;
+		let div3;
 		let div0;
+		let select;
+		let option0;
+		let option1;
+		let t2;
+		let div1;
 		let input0;
 		let input0_checked_value;
-		let t0;
+		let t3;
 		let label0;
-		let t2;
-		let div1;
+		let t5;
+		let div2;
 		let input1;
 		let input1_checked_value;
-		let t3;
+		let t6;
 		let label1;
-		let t5;
-		let div3;
+		let t8;
+		let div4;
 		let button;
-		let t7;
+		let t10;
+		let div15;
+		let t11;
 		let div14;
-		let t8;
-		let div13;
+		let div8;
 		let div7;
 		let div6;
-		let div5;
 		let columnheader;
-		let t9;
+		let t12;
 		let each_blocks_3 = [];
 		let each1_lookup = new Map();
-		let div7_resize_listener;
-		let t10;
+		let div8_resize_listener;
+		let t13;
+		let div13;
 		let div12;
-		let div11;
 		let columns_1;
-		let t11;
+		let t14;
+		let div10;
 		let div9;
-		let div8;
 		let each_blocks_2 = [];
 		let each2_lookup = new Map();
-		let t12;
-		let div10;
+		let t15;
+		let div11;
 		let each_blocks_1 = [];
 		let each3_lookup = new Map();
-		let t13;
-		let t14;
-		let div12_resize_listener;
+		let t16;
+		let t17;
+		let div13_resize_listener;
 		let createTasks_action;
-		let div14_class_value;
+		let div15_class_value;
 		let current;
 		let mounted;
 		let dispose;
-		let each_value_5 = ensure_array_like(/*ganttTableModules*/ ctx[4]);
+		let each_value_5 = ensure_array_like(/*ganttTableModules*/ ctx[7]);
 		let each_blocks_4 = [];
 
 		for (let i = 0; i < each_value_5.length; i += 1) {
@@ -16979,15 +16991,16 @@
 
 		columnheader = new ColumnHeader({
 				props: {
-					headers: /*headers*/ ctx[1],
-					ganttBodyColumns: /*columns*/ ctx[23],
-					ganttBodyUnit: /*columnUnit*/ ctx[0]
+					headers: /*headers*/ ctx[4],
+					ganttBodyColumns: /*columns*/ ctx[24],
+					ganttBodyUnit: /*columnUnit*/ ctx[1],
+					isDateSelected: /*isDateSelected*/ ctx[3]
 				}
 			});
 
-		columnheader.$on("dateSelected", /*onDateSelected*/ ctx[59]);
-		let each_value_4 = ensure_array_like(/*$allTimeRanges*/ ctx[31]);
-		const get_key = ctx => /*timeRange*/ ctx[170].model.id;
+		columnheader.$on("dateSelected", /*onDateSelected*/ ctx[61]);
+		let each_value_4 = ensure_array_like(/*$allTimeRanges*/ ctx[32]);
+		const get_key = ctx => /*timeRange*/ ctx[174].model.id;
 
 		for (let i = 0; i < each_value_4.length; i += 1) {
 			let child_ctx = get_each_context_4(ctx, each_value_4, i);
@@ -16997,15 +17010,15 @@
 
 		columns_1 = new Columns({
 				props: {
-					columns: /*columns*/ ctx[23],
-					columnStrokeColor: /*columnStrokeColor*/ ctx[8],
-					columnStrokeWidth: /*columnStrokeWidth*/ ctx[9],
-					useCanvasColumns: /*useCanvasColumns*/ ctx[7]
+					columns: /*columns*/ ctx[24],
+					columnStrokeColor: /*columnStrokeColor*/ ctx[11],
+					columnStrokeWidth: /*columnStrokeWidth*/ ctx[12],
+					useCanvasColumns: /*useCanvasColumns*/ ctx[10]
 				}
 			});
 
-		let each_value_3 = ensure_array_like(/*visibleRows*/ ctx[13]);
-		const get_key_1 = ctx => /*row*/ ctx[173].model.id;
+		let each_value_3 = ensure_array_like(/*visibleRows*/ ctx[16]);
+		const get_key_1 = ctx => /*row*/ ctx[177].model.id;
 
 		for (let i = 0; i < each_value_3.length; i += 1) {
 			let child_ctx = get_each_context_3(ctx, each_value_3, i);
@@ -17013,8 +17026,8 @@
 			each2_lookup.set(key, each_blocks_2[i] = create_each_block_3(key, child_ctx));
 		}
 
-		let each_value_2 = ensure_array_like(/*$allTimeRanges*/ ctx[31]);
-		const get_key_2 = ctx => /*timeRange*/ ctx[170].model.id;
+		let each_value_2 = ensure_array_like(/*$allTimeRanges*/ ctx[32]);
+		const get_key_2 = ctx => /*timeRange*/ ctx[174].model.id;
 
 		for (let i = 0; i < each_value_2.length; i += 1) {
 			let child_ctx = get_each_context_2(ctx, each_value_2, i);
@@ -17022,8 +17035,8 @@
 			each3_lookup.set(key, each_blocks_1[i] = create_each_block_2(key, child_ctx));
 		}
 
-		let if_block = /*visibleTasks*/ ctx[28] && create_if_block(ctx);
-		let each_value = ensure_array_like(/*ganttBodyModules*/ ctx[5]);
+		let if_block = /*visibleTasks*/ ctx[29] && create_if_block(ctx);
+		let each_value = ensure_array_like(/*ganttBodyModules*/ ctx[8]);
 		let each_blocks = [];
 
 		for (let i = 0; i < each_value.length; i += 1) {
@@ -17036,217 +17049,235 @@
 
 		return {
 			c() {
-				div4 = element("div");
-				div2 = element("div");
+				div5 = element("div");
+				div3 = element("div");
 				div0 = element("div");
+				select = element("select");
+				option0 = element("option");
+				option0.textContent = "1공장";
+				option1 = element("option");
+				option1.textContent = "2공장";
+				t2 = space();
+				div1 = element("div");
 				input0 = element("input");
-				t0 = space();
+				t3 = space();
 				label0 = element("label");
 				label0.textContent = "설비기준으로 보기";
-				t2 = space();
-				div1 = element("div");
+				t5 = space();
+				div2 = element("div");
 				input1 = element("input");
-				t3 = space();
+				t6 = space();
 				label1 = element("label");
 				label1.textContent = "생산의뢰기준으로 보기";
-				t5 = space();
-				div3 = element("div");
+				t8 = space();
+				div4 = element("div");
 				button = element("button");
 				button.textContent = "전체보기";
-				t7 = space();
-				div14 = element("div");
+				t10 = space();
+				div15 = element("div");
 
 				for (let i = 0; i < each_blocks_4.length; i += 1) {
 					each_blocks_4[i].c();
 				}
 
-				t8 = space();
-				div13 = element("div");
+				t11 = space();
+				div14 = element("div");
+				div8 = element("div");
 				div7 = element("div");
 				div6 = element("div");
-				div5 = element("div");
 				create_component(columnheader.$$.fragment);
-				t9 = space();
+				t12 = space();
 
 				for (let i = 0; i < each_blocks_3.length; i += 1) {
 					each_blocks_3[i].c();
 				}
 
-				t10 = space();
+				t13 = space();
+				div13 = element("div");
 				div12 = element("div");
-				div11 = element("div");
 				create_component(columns_1.$$.fragment);
-				t11 = space();
+				t14 = space();
+				div10 = element("div");
 				div9 = element("div");
-				div8 = element("div");
 
 				for (let i = 0; i < each_blocks_2.length; i += 1) {
 					each_blocks_2[i].c();
 				}
 
-				t12 = space();
-				div10 = element("div");
+				t15 = space();
+				div11 = element("div");
 
 				for (let i = 0; i < each_blocks_1.length; i += 1) {
 					each_blocks_1[i].c();
 				}
 
-				t13 = space();
+				t16 = space();
 				if (if_block) if_block.c();
-				t14 = space();
+				t17 = space();
 
 				for (let i = 0; i < each_blocks.length; i += 1) {
 					each_blocks[i].c();
 				}
 
+				option0.__value = "1";
+				set_input_value(option0, option0.__value);
+				option1.__value = "2";
+				set_input_value(option1, option1.__value);
+				attr(select, "class", "sg-factory-select svelte-1yr6t3v");
 				attr(input0, "name", "wellstek-gantt-radio");
 				attr(input0, "id", "wellstek-gantt-radio1");
 				attr(input0, "type", "radio");
 				input0.value = "equipment";
-				input0.checked = input0_checked_value = !!(/*dataType*/ ctx[11] === 'equipment');
+				input0.checked = input0_checked_value = !!(/*dataType*/ ctx[14] === 'equipment');
 				attr(label0, "for", "wellstek-gantt-radio1");
 				attr(input1, "name", "wellstek-gantt-radio");
 				attr(input1, "id", "wellstek-gantt-radio2");
 				attr(input1, "type", "radio");
 				input1.value = "product";
-				input1.checked = input1_checked_value = !!(/*dataType*/ ctx[11] === 'product');
+				input1.checked = input1_checked_value = !!(/*dataType*/ ctx[14] === 'product');
 				attr(label1, "for", "wellstek-gantt-radio2");
-				attr(div2, "class", "sg-control-layer-left svelte-17nunwk");
+				attr(div3, "class", "sg-control-layer-left svelte-1yr6t3v");
 				attr(button, "class", "sg-task-all-button");
-				attr(div4, "class", "sg-control-layer svelte-17nunwk");
-				attr(div5, "class", "header-container");
-				set_style(div5, "width", /*$_width*/ ctx[15] + "px");
-				attr(div6, "class", "sg-header-scroller svelte-17nunwk");
-				attr(div7, "class", "sg-header");
-				add_render_callback(() => /*div7_elementresize_handler*/ ctx[133].call(div7));
-				toggle_class(div7, "right-scrollbar-visible", /*rightScrollbarVisible*/ ctx[25]);
-				set_style(div8, "transform", "translateY(" + /*paddingTop*/ ctx[26] + "px)");
-				attr(div9, "class", "sg-rows svelte-17nunwk");
-				set_style(div9, "height", /*rowContainerHeight*/ ctx[12] + "px");
-				attr(div10, "class", "sg-foreground svelte-17nunwk");
-				attr(div11, "class", "content svelte-17nunwk");
-				set_style(div11, "width", /*$_width*/ ctx[15] + "px");
-				attr(div12, "class", "sg-timeline-body svelte-17nunwk");
-				add_render_callback(() => /*div12_elementresize_handler*/ ctx[136].call(div12));
-				toggle_class(div12, "zooming", /*zooming*/ ctx[24]);
-				attr(div13, "class", "sg-timeline sg-view svelte-17nunwk");
-				attr(div14, "class", div14_class_value = "sg-gantt " + /*classes*/ ctx[3] + " svelte-17nunwk");
-				toggle_class(div14, "sg-disable-transition", /*disableTransition*/ ctx[22]);
+				attr(div5, "class", "sg-control-layer svelte-1yr6t3v");
+				attr(div6, "class", "header-container");
+				set_style(div6, "width", /*$_width*/ ctx[18] + "px");
+				attr(div7, "class", "sg-header-scroller svelte-1yr6t3v");
+				attr(div8, "class", "sg-header");
+				add_render_callback(() => /*div8_elementresize_handler*/ ctx[137].call(div8));
+				toggle_class(div8, "right-scrollbar-visible", /*rightScrollbarVisible*/ ctx[26]);
+				set_style(div9, "transform", "translateY(" + /*paddingTop*/ ctx[27] + "px)");
+				attr(div10, "class", "sg-rows svelte-1yr6t3v");
+				set_style(div10, "height", /*rowContainerHeight*/ ctx[15] + "px");
+				attr(div11, "class", "sg-foreground svelte-1yr6t3v");
+				attr(div12, "class", "content svelte-1yr6t3v");
+				set_style(div12, "width", /*$_width*/ ctx[18] + "px");
+				attr(div13, "class", "sg-timeline-body svelte-1yr6t3v");
+				add_render_callback(() => /*div13_elementresize_handler*/ ctx[140].call(div13));
+				toggle_class(div13, "zooming", /*zooming*/ ctx[25]);
+				attr(div14, "class", "sg-timeline sg-view svelte-1yr6t3v");
+				attr(div15, "class", div15_class_value = "sg-gantt " + /*classes*/ ctx[6] + " svelte-1yr6t3v");
+				toggle_class(div15, "sg-disable-transition", /*disableTransition*/ ctx[23]);
 			},
 			m(target, anchor) {
-				insert(target, div4, anchor);
-				append(div4, div2);
-				append(div2, div0);
-				append(div0, input0);
-				append(div0, t0);
-				append(div0, label0);
-				append(div2, t2);
-				append(div2, div1);
-				append(div1, input1);
+				insert(target, div5, anchor);
+				append(div5, div3);
+				append(div3, div0);
+				append(div0, select);
+				append(select, option0);
+				append(select, option1);
+				append(div3, t2);
+				append(div3, div1);
+				append(div1, input0);
 				append(div1, t3);
-				append(div1, label1);
-				append(div4, t5);
-				append(div4, div3);
-				append(div3, button);
-				insert(target, t7, anchor);
-				insert(target, div14, anchor);
+				append(div1, label0);
+				append(div3, t5);
+				append(div3, div2);
+				append(div2, input1);
+				append(div2, t6);
+				append(div2, label1);
+				append(div5, t8);
+				append(div5, div4);
+				append(div4, button);
+				insert(target, t10, anchor);
+				insert(target, div15, anchor);
 
 				for (let i = 0; i < each_blocks_4.length; i += 1) {
 					if (each_blocks_4[i]) {
-						each_blocks_4[i].m(div14, null);
+						each_blocks_4[i].m(div15, null);
 					}
 				}
 
-				append(div14, t8);
-				append(div14, div13);
-				append(div13, div7);
+				append(div15, t11);
+				append(div15, div14);
+				append(div14, div8);
+				append(div8, div7);
 				append(div7, div6);
-				append(div6, div5);
-				mount_component(columnheader, div5, null);
-				append(div5, t9);
+				mount_component(columnheader, div6, null);
+				append(div6, t12);
 
 				for (let i = 0; i < each_blocks_3.length; i += 1) {
 					if (each_blocks_3[i]) {
-						each_blocks_3[i].m(div5, null);
+						each_blocks_3[i].m(div6, null);
 					}
 				}
 
-				/*div7_binding*/ ctx[132](div7);
-				div7_resize_listener = add_iframe_resize_listener(div7, /*div7_elementresize_handler*/ ctx[133].bind(div7));
-				append(div13, t10);
+				/*div8_binding*/ ctx[136](div8);
+				div8_resize_listener = add_iframe_resize_listener(div8, /*div8_elementresize_handler*/ ctx[137].bind(div8));
+				append(div14, t13);
+				append(div14, div13);
 				append(div13, div12);
-				append(div12, div11);
-				mount_component(columns_1, div11, null);
-				append(div11, t11);
-				append(div11, div9);
-				append(div9, div8);
+				mount_component(columns_1, div12, null);
+				append(div12, t14);
+				append(div12, div10);
+				append(div10, div9);
 
 				for (let i = 0; i < each_blocks_2.length; i += 1) {
 					if (each_blocks_2[i]) {
-						each_blocks_2[i].m(div8, null);
+						each_blocks_2[i].m(div9, null);
 					}
 				}
 
-				/*div9_binding*/ ctx[134](div9);
-				append(div11, t12);
-				append(div11, div10);
+				/*div10_binding*/ ctx[138](div10);
+				append(div12, t15);
+				append(div12, div11);
 
 				for (let i = 0; i < each_blocks_1.length; i += 1) {
 					if (each_blocks_1[i]) {
-						each_blocks_1[i].m(div10, null);
+						each_blocks_1[i].m(div11, null);
 					}
 				}
 
-				append(div10, t13);
-				if (if_block) if_block.m(div10, null);
-				append(div11, t14);
+				append(div11, t16);
+				if (if_block) if_block.m(div11, null);
+				append(div12, t17);
 
 				for (let i = 0; i < each_blocks.length; i += 1) {
 					if (each_blocks[i]) {
-						each_blocks[i].m(div11, null);
+						each_blocks[i].m(div12, null);
 					}
 				}
 
-				/*div12_binding*/ ctx[135](div12);
-				div12_resize_listener = add_iframe_resize_listener(div12, /*div12_elementresize_handler*/ ctx[136].bind(div12));
-				/*div14_binding*/ ctx[137](div14);
+				/*div13_binding*/ ctx[139](div13);
+				div13_resize_listener = add_iframe_resize_listener(div13, /*div13_elementresize_handler*/ ctx[140].bind(div13));
+				/*div15_binding*/ ctx[141](div15);
 				current = true;
 
 				if (!mounted) {
 					dispose = [
-						listen(input0, "change", /*onDataTypeChange*/ ctx[64]),
-						listen(input1, "change", /*onDataTypeChange*/ ctx[64]),
-						listen(button, "click", /*onClickAll*/ ctx[63]),
-						action_destroyer(/*horizontalScrollListener*/ ctx[56].call(null, div6)),
-						action_destroyer(/*scrollable*/ ctx[55].call(null, div12)),
-						listen(div12, "wheel", /*onwheel*/ ctx[58]),
-						action_destroyer(createTasks_action = /*createTasks*/ ctx[62].call(null, div12, {
-							container: /*rowContainer*/ ctx[19],
-							enabled: /*enableCreateTask*/ ctx[10],
-							onMove: /*onCreateTaskMove*/ ctx[60],
-							onEnd: /*onCreateTaskEnd*/ ctx[61]
+						listen(select, "change", /*onFactoryChange*/ ctx[67]),
+						listen(input0, "change", /*onDataTypeChange*/ ctx[66]),
+						listen(input1, "change", /*onDataTypeChange*/ ctx[66]),
+						listen(button, "click", /*onClickAll*/ ctx[65]),
+						action_destroyer(/*horizontalScrollListener*/ ctx[58].call(null, div7)),
+						action_destroyer(/*scrollable*/ ctx[57].call(null, div13)),
+						listen(div13, "wheel", /*onwheel*/ ctx[60]),
+						action_destroyer(createTasks_action = /*createTasks*/ ctx[64].call(null, div13, {
+							container: /*rowContainer*/ ctx[22],
+							enabled: /*enableCreateTask*/ ctx[13],
+							onMove: /*onCreateTaskMove*/ ctx[62],
+							onEnd: /*onCreateTaskEnd*/ ctx[63]
 						})),
-						listen(div14, "pointerdown", stop_propagation(/*onEvent*/ ctx[54])),
-						listen(div14, "click", stop_propagation(/*onEvent*/ ctx[54])),
-						listen(div14, "dblclick", /*onEvent*/ ctx[54]),
-						listen(div14, "pointerover", /*onEvent*/ ctx[54]),
-						listen(div14, "pointerleave", /*onEvent*/ ctx[54])
+						listen(div15, "pointerdown", stop_propagation(/*onEvent*/ ctx[56])),
+						listen(div15, "click", stop_propagation(/*onEvent*/ ctx[56])),
+						listen(div15, "dblclick", /*onEvent*/ ctx[56]),
+						listen(div15, "pointerover", /*onEvent*/ ctx[56]),
+						listen(div15, "pointerleave", /*onEvent*/ ctx[56])
 					];
 
 					mounted = true;
 				}
 			},
 			p(ctx, dirty) {
-				if (!current || dirty[0] & /*dataType*/ 2048 && input0_checked_value !== (input0_checked_value = !!(/*dataType*/ ctx[11] === 'equipment'))) {
+				if (!current || dirty[0] & /*dataType*/ 16384 && input0_checked_value !== (input0_checked_value = !!(/*dataType*/ ctx[14] === 'equipment'))) {
 					input0.checked = input0_checked_value;
 				}
 
-				if (!current || dirty[0] & /*dataType*/ 2048 && input1_checked_value !== (input1_checked_value = !!(/*dataType*/ ctx[11] === 'product'))) {
+				if (!current || dirty[0] & /*dataType*/ 16384 && input1_checked_value !== (input1_checked_value = !!(/*dataType*/ ctx[14] === 'product'))) {
 					input1.checked = input1_checked_value;
 				}
 
-				if (dirty[0] & /*tableWidth, ganttElement, ganttTableModules, rowContainerHeight, paddingTop, paddingBottom, visibleRows, tableHeader, prodMap01, prodMap02*/ 204550228 | dirty[1] & /*onResize, allRows, rand*/ 67239952 | dirty[2] & /*$$restProps*/ 8) {
-					each_value_5 = ensure_array_like(/*ganttTableModules*/ ctx[4]);
+				if (dirty[0] & /*tableWidth, ganttElement, ganttTableModules, rowContainerHeight, paddingTop, paddingBottom, visibleRows, tableHeader, allCreators, selectedCreator*/ 403276453 | dirty[1] & /*onResize, allRows, rand, setSelectedCreator*/ 268959840 | dirty[2] & /*$$restProps*/ 64) {
+					each_value_5 = ensure_array_like(/*ganttTableModules*/ ctx[7]);
 					let i;
 
 					for (i = 0; i < each_value_5.length; i += 1) {
@@ -17259,7 +17290,7 @@
 							each_blocks_4[i] = create_each_block_5(child_ctx);
 							each_blocks_4[i].c();
 							transition_in(each_blocks_4[i], 1);
-							each_blocks_4[i].m(div14, t8);
+							each_blocks_4[i].m(div15, t11);
 						}
 					}
 
@@ -17273,67 +17304,68 @@
 				}
 
 				const columnheader_changes = {};
-				if (dirty[0] & /*headers*/ 2) columnheader_changes.headers = /*headers*/ ctx[1];
-				if (dirty[0] & /*columns*/ 8388608) columnheader_changes.ganttBodyColumns = /*columns*/ ctx[23];
-				if (dirty[0] & /*columnUnit*/ 1) columnheader_changes.ganttBodyUnit = /*columnUnit*/ ctx[0];
+				if (dirty[0] & /*headers*/ 16) columnheader_changes.headers = /*headers*/ ctx[4];
+				if (dirty[0] & /*columns*/ 16777216) columnheader_changes.ganttBodyColumns = /*columns*/ ctx[24];
+				if (dirty[0] & /*columnUnit*/ 2) columnheader_changes.ganttBodyUnit = /*columnUnit*/ ctx[1];
+				if (dirty[0] & /*isDateSelected*/ 8) columnheader_changes.isDateSelected = /*isDateSelected*/ ctx[3];
 				columnheader.$set(columnheader_changes);
 
-				if (dirty[1] & /*$allTimeRanges*/ 1) {
-					each_value_4 = ensure_array_like(/*$allTimeRanges*/ ctx[31]);
+				if (dirty[1] & /*$allTimeRanges*/ 2) {
+					each_value_4 = ensure_array_like(/*$allTimeRanges*/ ctx[32]);
 					group_outros();
-					each_blocks_3 = update_keyed_each(each_blocks_3, dirty, get_key, 1, ctx, each_value_4, each1_lookup, div5, outro_and_destroy_block, create_each_block_4, null, get_each_context_4);
+					each_blocks_3 = update_keyed_each(each_blocks_3, dirty, get_key, 1, ctx, each_value_4, each1_lookup, div6, outro_and_destroy_block, create_each_block_4, null, get_each_context_4);
 					check_outros();
 				}
 
-				if (!current || dirty[0] & /*$_width*/ 32768) {
-					set_style(div5, "width", /*$_width*/ ctx[15] + "px");
+				if (!current || dirty[0] & /*$_width*/ 262144) {
+					set_style(div6, "width", /*$_width*/ ctx[18] + "px");
 				}
 
-				if (!current || dirty[0] & /*rightScrollbarVisible*/ 33554432) {
-					toggle_class(div7, "right-scrollbar-visible", /*rightScrollbarVisible*/ ctx[25]);
+				if (!current || dirty[0] & /*rightScrollbarVisible*/ 67108864) {
+					toggle_class(div8, "right-scrollbar-visible", /*rightScrollbarVisible*/ ctx[26]);
 				}
 
 				const columns_1_changes = {};
-				if (dirty[0] & /*columns*/ 8388608) columns_1_changes.columns = /*columns*/ ctx[23];
-				if (dirty[0] & /*columnStrokeColor*/ 256) columns_1_changes.columnStrokeColor = /*columnStrokeColor*/ ctx[8];
-				if (dirty[0] & /*columnStrokeWidth*/ 512) columns_1_changes.columnStrokeWidth = /*columnStrokeWidth*/ ctx[9];
-				if (dirty[0] & /*useCanvasColumns*/ 128) columns_1_changes.useCanvasColumns = /*useCanvasColumns*/ ctx[7];
+				if (dirty[0] & /*columns*/ 16777216) columns_1_changes.columns = /*columns*/ ctx[24];
+				if (dirty[0] & /*columnStrokeColor*/ 2048) columns_1_changes.columnStrokeColor = /*columnStrokeColor*/ ctx[11];
+				if (dirty[0] & /*columnStrokeWidth*/ 4096) columns_1_changes.columnStrokeWidth = /*columnStrokeWidth*/ ctx[12];
+				if (dirty[0] & /*useCanvasColumns*/ 1024) columns_1_changes.useCanvasColumns = /*useCanvasColumns*/ ctx[10];
 				columns_1.$set(columns_1_changes);
 
-				if (dirty[0] & /*visibleRows*/ 8192) {
-					each_value_3 = ensure_array_like(/*visibleRows*/ ctx[13]);
+				if (dirty[0] & /*visibleRows*/ 65536) {
+					each_value_3 = ensure_array_like(/*visibleRows*/ ctx[16]);
 					group_outros();
-					each_blocks_2 = update_keyed_each(each_blocks_2, dirty, get_key_1, 1, ctx, each_value_3, each2_lookup, div8, outro_and_destroy_block, create_each_block_3, null, get_each_context_3);
+					each_blocks_2 = update_keyed_each(each_blocks_2, dirty, get_key_1, 1, ctx, each_value_3, each2_lookup, div9, outro_and_destroy_block, create_each_block_3, null, get_each_context_3);
 					check_outros();
 				}
 
-				if (!current || dirty[0] & /*paddingTop*/ 67108864) {
-					set_style(div8, "transform", "translateY(" + /*paddingTop*/ ctx[26] + "px)");
+				if (!current || dirty[0] & /*paddingTop*/ 134217728) {
+					set_style(div9, "transform", "translateY(" + /*paddingTop*/ ctx[27] + "px)");
 				}
 
-				if (!current || dirty[0] & /*rowContainerHeight*/ 4096) {
-					set_style(div9, "height", /*rowContainerHeight*/ ctx[12] + "px");
+				if (!current || dirty[0] & /*rowContainerHeight*/ 32768) {
+					set_style(div10, "height", /*rowContainerHeight*/ ctx[15] + "px");
 				}
 
-				if (dirty[1] & /*$allTimeRanges*/ 1) {
-					each_value_2 = ensure_array_like(/*$allTimeRanges*/ ctx[31]);
+				if (dirty[1] & /*$allTimeRanges*/ 2) {
+					each_value_2 = ensure_array_like(/*$allTimeRanges*/ ctx[32]);
 					group_outros();
-					each_blocks_1 = update_keyed_each(each_blocks_1, dirty, get_key_2, 1, ctx, each_value_2, each3_lookup, div10, outro_and_destroy_block, create_each_block_2, t13, get_each_context_2);
+					each_blocks_1 = update_keyed_each(each_blocks_1, dirty, get_key_2, 1, ctx, each_value_2, each3_lookup, div11, outro_and_destroy_block, create_each_block_2, t16, get_each_context_2);
 					check_outros();
 				}
 
-				if (/*visibleTasks*/ ctx[28]) {
+				if (/*visibleTasks*/ ctx[29]) {
 					if (if_block) {
 						if_block.p(ctx, dirty);
 
-						if (dirty[0] & /*visibleTasks*/ 268435456) {
+						if (dirty[0] & /*visibleTasks*/ 536870912) {
 							transition_in(if_block, 1);
 						}
 					} else {
 						if_block = create_if_block(ctx);
 						if_block.c();
 						transition_in(if_block, 1);
-						if_block.m(div10, null);
+						if_block.m(div11, null);
 					}
 				} else if (if_block) {
 					group_outros();
@@ -17345,8 +17377,8 @@
 					check_outros();
 				}
 
-				if (dirty[0] & /*ganttBodyModules, paddingTop, paddingBottom, visibleRows*/ 201334816 | dirty[2] & /*$$restProps*/ 8) {
-					each_value = ensure_array_like(/*ganttBodyModules*/ ctx[5]);
+				if (dirty[0] & /*ganttBodyModules, paddingTop, paddingBottom, visibleRows*/ 402718976 | dirty[2] & /*$$restProps*/ 64) {
+					each_value = ensure_array_like(/*ganttBodyModules*/ ctx[8]);
 					let i;
 
 					for (i = 0; i < each_value.length; i += 1) {
@@ -17359,7 +17391,7 @@
 							each_blocks[i] = create_each_block(child_ctx);
 							each_blocks[i].c();
 							transition_in(each_blocks[i], 1);
-							each_blocks[i].m(div11, null);
+							each_blocks[i].m(div12, null);
 						}
 					}
 
@@ -17372,27 +17404,27 @@
 					check_outros();
 				}
 
-				if (!current || dirty[0] & /*$_width*/ 32768) {
-					set_style(div11, "width", /*$_width*/ ctx[15] + "px");
+				if (!current || dirty[0] & /*$_width*/ 262144) {
+					set_style(div12, "width", /*$_width*/ ctx[18] + "px");
 				}
 
-				if (createTasks_action && is_function(createTasks_action.update) && dirty[0] & /*rowContainer, enableCreateTask*/ 525312) createTasks_action.update.call(null, {
-					container: /*rowContainer*/ ctx[19],
-					enabled: /*enableCreateTask*/ ctx[10],
-					onMove: /*onCreateTaskMove*/ ctx[60],
-					onEnd: /*onCreateTaskEnd*/ ctx[61]
+				if (createTasks_action && is_function(createTasks_action.update) && dirty[0] & /*rowContainer, enableCreateTask*/ 4202496) createTasks_action.update.call(null, {
+					container: /*rowContainer*/ ctx[22],
+					enabled: /*enableCreateTask*/ ctx[13],
+					onMove: /*onCreateTaskMove*/ ctx[62],
+					onEnd: /*onCreateTaskEnd*/ ctx[63]
 				});
 
-				if (!current || dirty[0] & /*zooming*/ 16777216) {
-					toggle_class(div12, "zooming", /*zooming*/ ctx[24]);
+				if (!current || dirty[0] & /*zooming*/ 33554432) {
+					toggle_class(div13, "zooming", /*zooming*/ ctx[25]);
 				}
 
-				if (!current || dirty[0] & /*classes*/ 8 && div14_class_value !== (div14_class_value = "sg-gantt " + /*classes*/ ctx[3] + " svelte-17nunwk")) {
-					attr(div14, "class", div14_class_value);
+				if (!current || dirty[0] & /*classes*/ 64 && div15_class_value !== (div15_class_value = "sg-gantt " + /*classes*/ ctx[6] + " svelte-1yr6t3v")) {
+					attr(div15, "class", div15_class_value);
 				}
 
-				if (!current || dirty[0] & /*classes, disableTransition*/ 4194312) {
-					toggle_class(div14, "sg-disable-transition", /*disableTransition*/ ctx[22]);
+				if (!current || dirty[0] & /*classes, disableTransition*/ 8388672) {
+					toggle_class(div15, "sg-disable-transition", /*disableTransition*/ ctx[23]);
 				}
 			},
 			i(local) {
@@ -17460,9 +17492,9 @@
 			},
 			d(detaching) {
 				if (detaching) {
-					detach(div4);
-					detach(t7);
-					detach(div14);
+					detach(div5);
+					detach(t10);
+					detach(div15);
 				}
 
 				destroy_each(each_blocks_4, detaching);
@@ -17472,15 +17504,15 @@
 					each_blocks_3[i].d();
 				}
 
-				/*div7_binding*/ ctx[132](null);
-				div7_resize_listener();
+				/*div8_binding*/ ctx[136](null);
+				div8_resize_listener();
 				destroy_component(columns_1);
 
 				for (let i = 0; i < each_blocks_2.length; i += 1) {
 					each_blocks_2[i].d();
 				}
 
-				/*div9_binding*/ ctx[134](null);
+				/*div10_binding*/ ctx[138](null);
 
 				for (let i = 0; i < each_blocks_1.length; i += 1) {
 					each_blocks_1[i].d();
@@ -17488,9 +17520,9 @@
 
 				if (if_block) if_block.d();
 				destroy_each(each_blocks, detaching);
-				/*div12_binding*/ ctx[135](null);
-				div12_resize_listener();
-				/*div14_binding*/ ctx[137](null);
+				/*div13_binding*/ ctx[139](null);
+				div13_resize_listener();
+				/*div15_binding*/ ctx[141](null);
 				mounted = false;
 				run_all(dispose);
 			}
@@ -17507,7 +17539,7 @@
 		};
 
 		dragcontextprovider = new DragContextProvider({ props: dragcontextprovider_props });
-		/*dragcontextprovider_binding*/ ctx[138](dragcontextprovider);
+		/*dragcontextprovider_binding*/ ctx[142](dragcontextprovider);
 
 		return {
 			c() {
@@ -17520,7 +17552,7 @@
 			p(ctx, dirty) {
 				const dragcontextprovider_changes = {};
 
-				if (dirty[0] & /*classes, ganttElement, disableTransition, mainContainer, $visibleHeight, rowContainer, enableCreateTask, zooming, $_width, ganttBodyModules, paddingTop, paddingBottom, visibleRows, visibleTasks, rowContainerHeight, columns, columnStrokeColor, columnStrokeWidth, useCanvasColumns, mainHeaderContainer, $headerHeight, rightScrollbarVisible, headers, columnUnit, ganttTableModules, tableWidth, tableHeader, prodMap01, prodMap02, dataType*/ 1610612735 | dirty[1] & /*$visibleWidth, $allTimeRanges*/ 3 | dirty[2] & /*$$restProps*/ 8 | dirty[5] & /*$$scope*/ 33554432) {
+				if (dirty[0] & /*classes, ganttElement, disableTransition, mainContainer, $visibleHeight, rowContainer, enableCreateTask, zooming, $_width, ganttBodyModules, paddingTop, paddingBottom, visibleRows, visibleTasks, rowContainerHeight, columns, columnStrokeColor, columnStrokeWidth, useCanvasColumns, mainHeaderContainer, rightScrollbarVisible, headers, columnUnit, isDateSelected, ganttTableModules, tableWidth, tableHeader, allCreators, selectedCreator, dataType*/ 1073741823 | dirty[1] & /*$visibleWidth, $allTimeRanges, $headerHeight*/ 7 | dirty[2] & /*$$restProps*/ 64 | dirty[5] & /*$$scope*/ 536870912) {
 					dragcontextprovider_changes.$$scope = { dirty, ctx };
 				}
 
@@ -17536,7 +17568,7 @@
 				current = false;
 			},
 			d(detaching) {
-				/*dragcontextprovider_binding*/ ctx[138](null);
+				/*dragcontextprovider_binding*/ ctx[142](null);
 				destroy_component(dragcontextprovider, detaching);
 			}
 		};
@@ -17564,7 +17596,7 @@
 
 	function instance($$self, $$props, $$invalidate) {
 		const omit_props_names = [
-			"rows","tasks","timeRanges","data","from","to","rowPadding","rowHeight","minWidth","fitWidth","classes","headers","zoomLevels","taskContent","tableWidth","resizeHandleWidth","onTaskButtonClick","dateAdapter","magnetUnit","magnetOffset","columnUnit","columnOffset","ganttTableModules","ganttBodyModules","reflectOnParentRows","reflectOnChildRows","tableHeader","useCanvasColumns","columnStrokeColor","columnStrokeWidth","highlightedDurations","highlightColor","taskElementHook","layout","columnService","api","taskFactory","rowFactory","dndManager","timeRangeFactory","utils","refreshTimeRanges","refreshTasks","getRowContainer","selectTask","unselectTasks","scrollToRow","scrollToTask","updateTask","updateTasks","removeTask","removeTasks","updateRow","updateRows","getRow","getTask","getTasks","enableCreateTask","onCreateTask","onCreatedTask"
+			"rows","tasks","timeRanges","data","from","to","selectedCreator","allCreators","isDateSelected","rowPadding","rowHeight","minWidth","fitWidth","classes","headers","zoomLevels","taskContent","tableWidth","resizeHandleWidth","onTaskButtonClick","dateAdapter","magnetUnit","magnetOffset","columnUnit","columnOffset","ganttTableModules","ganttBodyModules","reflectOnParentRows","reflectOnChildRows","tableHeader","useCanvasColumns","columnStrokeColor","columnStrokeWidth","highlightedDurations","highlightColor","taskElementHook","layout","columnService","api","taskFactory","rowFactory","dndManager","timeRangeFactory","utils","refreshTimeRanges","refreshTasks","getRowContainer","selectTask","unselectTasks","scrollToRow","scrollToTask","updateTask","updateTasks","removeTask","removeTasks","updateRow","updateRows","getRow","getTask","getTasks","enableCreateTask","onCreateTask","onCreatedTask"
 		];
 
 		let $$restProps = compute_rest_props($$props, omit_props_names);
@@ -17601,77 +17633,44 @@
 		let { from = Date.now() } = $$props;
 		let { to = Date.now() } = $$props;
 		let dataType = 'equipment';
-		let prodMap01 = {};
-		let prodMap02 = {};
+		let selectedFactory = '1';
+		let { selectedCreator = 'all' } = $$props;
+		let { allCreators = [] } = $$props;
+		let { isDateSelected = false } = $$props;
 		assertSet({ from, to });
 		const _from = writable(toDateNum(from));
-		component_subscribe($$self, _from, value => $$invalidate(128, $_from = value));
+		component_subscribe($$self, _from, value => $$invalidate(132, $_from = value));
 		const _to = writable(toDateNum(to));
-		component_subscribe($$self, _to, value => $$invalidate(130, $_to = value));
+		component_subscribe($$self, _to, value => $$invalidate(134, $_to = value));
 
 		function generate() {
-			if (!data) {
-				return;
-			}
-
 			const _rows1 = [];
 			const _tasks1 = [];
-			const _rows2 = [];
-			const _tasks2 = [];
 			let fromDate = moment();
 			let toDate = moment();
 
-			data.Final_Sample_Production_Data.forEach(schedule => {
-				if (schedule.LINE_CODE.toString().at(0) !== '1') {
-					return;
-				}
+			data.scheduleData.forEach(schedule => {
+				const doc = data.productionData.find(doc => doc.DocEntry === schedule.DocEntry);
 
-				if (!prodMap01[schedule.PRODUCT_CODE]) {
-					$$invalidate(
-						20,
-						prodMap01[schedule.PRODUCT_CODE] = {
-							...data.V_PRODUCT_MST.find(prod => prod.PRODUCT_CODE === schedule.PRODUCT_CODE)
-						},
-						prodMap01
-					);
-
-					$$invalidate(20, prodMap01[schedule.PRODUCT_CODE].hidden = false, prodMap01);
-				}
-			});
-
-			data.Final_Sample_Production_Data.forEach(schedule => {
-				if (schedule.LINE_CODE.toString().at(0) !== '2') {
+				if (selectedCreator !== 'all' && selectedCreator !== doc.Creator) {
 					return;
 				}
 
-				if (!prodMap02[schedule.PRODUCT_CODE]) {
-					$$invalidate(
-						21,
-						prodMap02[schedule.PRODUCT_CODE] = {
-							...data.V_PRODUCT_MST.find(prod => prod.PRODUCT_CODE === schedule.PRODUCT_CODE)
-						},
-						prodMap02
-					);
-
-					$$invalidate(21, prodMap02[schedule.PRODUCT_CODE].hidden = false, prodMap02);
-				}
-			});
-
-			data.Final_Sample_Production_Data.forEach(schedule => {
-				if (schedule.LINE_CODE.toString().at(0) !== '1') {
+				if (schedule.LINE_CODE.toString().at(0) !== selectedFactory) {
 					return;
 				}
 
 				const row = _rows1.find(row => row.id === schedule.LINE_CODE);
-				const dueDate = stringToDate(data.V_ZPP101H.find(doc => doc.DocEntry === schedule.DocEntry).U_DUEDATE);
+				const dueDate = moment(doc.U_DUEDATE);
 				const _to = stringToDate(schedule.RUN_END_DT);
 				const isError = dueDate.valueOf() < _to.valueOf();
 
 				if (dataType === 'equipment') {
 					const child = {
 						id: `row_${schedule.LINE_CODE}_${schedule.EQUIPMENT_CODE}`,
-						label: schedule.EQUIPMENT_CODE,
-						isError
+						label: data.equipData.find(equip => schedule.EQUIPMENT_CODE === equip.EQUIPMENT_CODE).EQUIPMENT_NAME,
+						isError,
+						docEntry: doc.DocEntry
 					};
 
 					if (row) {
@@ -17687,139 +17686,49 @@
 					} else {
 						_rows1.push({
 							id: schedule.LINE_CODE,
-							label: data.V_LINE_MST.find(line => line.LINE_CODE === schedule.LINE_CODE).LINE_NAME,
+							label: data.lineData.find(line => line.LINE_CODE === schedule.LINE_CODE).LINE_NAME,
 							expanded: true,
 							children: [child]
 						});
 					}
 				} else {
-					const doc = data.V_ZPP101H.find(doc => doc.DocEntry === schedule.DocEntry);
-					const _child = _rows1.find(_child => _child.id === `row_1_${schedule.DocEntry}`);
+					const _child = _rows1.find(_child => _child.id === doc.Creator);
 
 					if (!_child) {
 						const child = {
-							id: `row_1_${schedule.DocEntry}`,
-							label: `${doc.U_PROJNAME} (${doc.U_ZONE}) (${doc.DocEntry})`,
-							isError
+							id: `row_${schedule.LINE_CODE}_${schedule.DocEntry}_${doc.Creator}`,
+							label: `${doc.U_PROJNAME} (${doc.U_ZONE1}) (${doc.DocEntry})`,
+							isError,
+							docEntry: doc.DocEntry
 						};
 
-						_rows1.push(child);
-					} else {
-						if (isError) {
-							_child.isError = isError;
-						}
-					}
-				}
-			});
-
-			data.Final_Sample_Production_Data.forEach(schedule => {
-				if (schedule.LINE_CODE.toString().at(0) !== '1') {
-					return;
-				}
-
-				const _from = stringToDate(schedule.RUN_START_DT);
-				const _to = stringToDate(schedule.RUN_END_DT);
-
-				if (_from.toDate().getTime() <= fromDate.toDate().getTime()) {
-					fromDate = _from;
-				}
-
-				if (_to.toDate().getTime() >= toDate.toDate().getTime()) {
-					toDate = _to;
-				}
-
-				if (prodMap01[schedule.PRODUCT_CODE].hidden) {
-					return;
-				}
-
-				const dueDate = stringToDate(data.V_ZPP101H.find(doc => doc.DocEntry === schedule.DocEntry).U_DUEDATE);
-				const isError = dueDate.valueOf() < _to.valueOf();
-				const doc = data.V_ZPP101H.find(doc => doc.DocEntry === schedule.DocEntry);
-
-				if (dataType === 'equipment') {
-					_tasks1.push({
-						id: `task_${schedule.LINE_CODE}_${schedule.SCHEDULE_SEQ}_${schedule.EQUIPMENT_CODE}`,
-						resourceId: `row_${schedule.LINE_CODE}_${schedule.EQUIPMENT_CODE}`,
-						label: `${doc.U_PROJNAME} (${doc.U_ZONE}) (${doc.DocEntry})`,
-						from: _from.valueOf(),
-						to: _to.valueOf(),
-						enableDragging: false,
-						enableResize: false,
-						isError,
-						data: { ...schedule, ...doc }
-					});
-				} else {
-					_tasks1.push({
-						id: `task_${schedule.LINE_CODE}_${schedule.SCHEDULE_SEQ}_${schedule.DocEntry}`,
-						resourceId: `row_1_${schedule.DocEntry}`,
-						label: schedule.EQUIPMENT_CODE,
-						from: _from.valueOf(),
-						to: _to.valueOf(),
-						enableDragging: false,
-						enableResize: false,
-						isError,
-						data: { ...schedule, ...doc }
-					});
-				}
-			});
-
-			data.Final_Sample_Production_Data.forEach(schedule => {
-				if (schedule.LINE_CODE.toString().at(0) !== '2') {
-					return;
-				}
-
-				const row = _rows2.find(row => row.id === schedule.LINE_CODE);
-				const dueDate = stringToDate(data.V_ZPP101H.find(doc => doc.DocEntry === schedule.DocEntry).U_DUEDATE);
-				const _to = stringToDate(schedule.RUN_END_DT);
-				const isError = dueDate.valueOf() < _to.valueOf();
-
-				if (dataType === 'equipment') {
-					const child = {
-						id: `row_${schedule.LINE_CODE}_${schedule.EQUIPMENT_CODE}`,
-						label: schedule.EQUIPMENT_CODE,
-						isError
-					};
-
-					if (row) {
-						const _child = row.children.find(_child => _child.id === child.id);
-
-						if (!_child) {
-							row.children.push(child);
-						} else {
-							if (isError) {
-								_child.isError = isError;
-							}
-						}
-					} else {
-						_rows2.push({
-							id: schedule.LINE_CODE,
-							label: data.V_LINE_MST.find(line => line.LINE_CODE === schedule.LINE_CODE).LINE_NAME,
+						_rows1.push({
+							id: doc.Creator,
+							label: doc.Creator,
 							expanded: true,
 							children: [child]
 						});
-					}
-				} else {
-					const doc = data.V_ZPP101H.find(doc => doc.DocEntry === schedule.DocEntry);
-					const _child = _rows2.find(_child => _child.id === `row_2_${schedule.DocEntry}`);
-
-					if (!_child) {
+					} else {
 						const child = {
-							id: `row_2_${schedule.DocEntry}`,
-							label: `${doc.U_PROJNAME} (${doc.U_ZONE}) (${doc.DocEntry})`,
-							isError
+							id: `row_${schedule.LINE_CODE}_${schedule.DocEntry}_${doc.Creator}`,
+							label: `${doc.U_PROJNAME} (${doc.U_ZONE1}) (${doc.DocEntry})`,
+							isError,
+							docEntry: doc.DocEntry
 						};
 
-						_rows2.push(child);
-					} else {
-						if (isError) {
-							_child.isError = isError;
-						}
+						_child.children.push(child);
 					}
 				}
 			});
 
-			data.Final_Sample_Production_Data.forEach(schedule => {
-				if (schedule.LINE_CODE.toString().at(0) !== '2') {
+			data.scheduleData.forEach(schedule => {
+				const doc = data.productionData.find(doc => doc.DocEntry === schedule.DocEntry);
+
+				if (selectedCreator !== 'all' && selectedCreator !== doc.Creator) {
+					return;
+				}
+
+				if (schedule.LINE_CODE.toString().at(0) !== selectedFactory) {
 					return;
 				}
 
@@ -17834,21 +17743,14 @@
 					toDate = _to;
 				}
 
-				if (prodMap02[schedule.PRODUCT_CODE].hidden) {
-					return;
-				}
-
-				const dueDate = stringToDate(data.V_ZPP101H.find(doc => doc.DocEntry === schedule.DocEntry).U_DUEDATE);
+				const dueDate = moment(doc.U_DUEDATE);
 				const isError = dueDate.valueOf() < _to.valueOf();
-				const doc = data.V_ZPP101H.find(doc => doc.DocEntry === schedule.DocEntry);
 
 				if (dataType === 'equipment') {
-					const doc = data.V_ZPP101H.find(doc => doc.DocEntry === schedule.DocEntry);
-
-					_tasks2.push({
+					_tasks1.push({
 						id: `task_${schedule.LINE_CODE}_${schedule.SCHEDULE_SEQ}_${schedule.EQUIPMENT_CODE}`,
 						resourceId: `row_${schedule.LINE_CODE}_${schedule.EQUIPMENT_CODE}`,
-						label: `${doc.U_PROJNAME} (${doc.U_ZONE}) (${doc.DocEntry})`,
+						label: `${doc.U_PROJNAME} (${doc.U_ZONE1}) (${doc.DocEntry})`,
 						from: _from.valueOf(),
 						to: _to.valueOf(),
 						enableDragging: false,
@@ -17857,10 +17759,10 @@
 						data: { ...schedule, ...doc }
 					});
 				} else {
-					_tasks2.push({
+					_tasks1.push({
 						id: `task_${schedule.LINE_CODE}_${schedule.SCHEDULE_SEQ}_${schedule.DocEntry}`,
-						resourceId: `row_2_${schedule.DocEntry}`,
-						label: schedule.EQUIPMENT_CODE,
+						resourceId: `row_${schedule.LINE_CODE}_${schedule.DocEntry}_${doc.Creator}`,
+						label: data.equipData.find(equip => schedule.EQUIPMENT_CODE === equip.EQUIPMENT_CODE).EQUIPMENT_NAME,
 						from: _from.valueOf(),
 						to: _to.valueOf(),
 						enableDragging: false,
@@ -17874,44 +17776,26 @@
 			fromDate.hours(0).minutes(0).milliseconds(0);
 			toDate.hours(23).minutes(59).milliseconds(59);
 
-			if (dataType !== 'equipment') {
-				_rows1.sort((a, b) => {
-					if (a.isError === true) return -1;
-					if (b.isError === true) return 1;
-					return 0;
-				});
-
-				_rows2.sort((a, b) => {
-					if (a.isError === true) return -1;
-					if (b.isError === true) return 1;
-					return 0;
-				});
-			}
-
-			let rows1 = [];
-			let rows2 = [];
-
-			if (_rows1.length > 0) {
-				rows1.push({
-					id: 'factory_1',
-					label: '1공장',
-					expanded: true,
-					children: _rows1
-				});
-			}
+			_rows1.forEach(r => {
+				r.children.sort((a, b) => {
+					const doc1 = data.productionData.find(doc => doc.DocEntry === a.docEntry);
+					const dueDate1 = moment(doc1.U_DUEDATE);
+					const doc2 = data.productionData.find(doc => doc.DocEntry === b.docEntry);
+					const dueDate2 = moment(doc2.U_DUEDATE);
+
+					if (dueDate1.valueOf() > dueDate2.valueOf()) {
+						return 1;
+					} else if (dueDate1.valueOf() > dueDate2.valueOf()) {
+						return 0;
+					}
 
-			if (_rows2.length > 0) {
-				rows2.push({
-					id: 'factory_2',
-					label: '2공장',
-					expanded: true,
-					children: _rows2
+					return -1;
 				});
-			}
+			});
 
 			return {
-				rows: [...rows1, ...rows2],
-				tasks: [..._tasks1, ..._tasks2],
+				rows: [..._rows1],
+				tasks: [..._tasks1],
 				fromDate,
 				toDate
 			};
@@ -17930,20 +17814,24 @@
 
 		assertSet({ rows });
 
+		let setSelectedCreator = value => {
+			$$invalidate(0, selectedCreator = value);
+		};
+
 		let rand = () => {
 			if (rowStore && taskStore) {
-				$$invalidate(13, visibleRows = []);
-				$$invalidate(28, visibleTasks = []);
+				$$invalidate(16, visibleRows = []);
+				$$invalidate(29, visibleTasks = []);
 				rowStore.deleteAll(rows.map(item => item.id));
 				taskStore.deleteAll(tasks.map(item => item.id));
 				const ganttData = generate();
-				$$invalidate(66, rows = ganttData.rows);
-				$$invalidate(67, tasks = ganttData.tasks);
-				$$invalidate(68, from = ganttData.fromDate.valueOf());
-				$$invalidate(69, to = ganttData.toDate.valueOf());
+				$$invalidate(69, rows = ganttData.rows);
+				$$invalidate(70, tasks = ganttData.tasks);
+				$$invalidate(71, from = ganttData.fromDate.valueOf());
+				$$invalidate(72, to = ganttData.toDate.valueOf());
 				set_store_value(_from, $_from = from, $_from);
 				set_store_value(_to, $_to = to, $_to);
-				$$invalidate(70, columnOffset = originalColumnOffset);
+				$$invalidate(73, columnOffset = originalColumnOffset);
 				initRows(ganttData.rows);
 				initTasks(ganttData.tasks);
 			}
@@ -17952,15 +17840,15 @@
 		let { rowPadding = 6 } = $$props;
 		let { rowHeight = 52 } = $$props;
 		const _rowHeight = writable(rowHeight);
-		component_subscribe($$self, _rowHeight, value => $$invalidate(147, $_rowHeight = value));
+		component_subscribe($$self, _rowHeight, value => $$invalidate(151, $_rowHeight = value));
 		const _rowPadding = writable(rowPadding);
-		component_subscribe($$self, _rowPadding, value => $$invalidate(131, $_rowPadding = value));
+		component_subscribe($$self, _rowPadding, value => $$invalidate(135, $_rowPadding = value));
 		let { minWidth = 800 } = $$props;
 		let { fitWidth = false } = $$props;
 		const _minWidth = writable(minWidth);
-		component_subscribe($$self, _minWidth, value => $$invalidate(143, $_minWidth = value));
+		component_subscribe($$self, _minWidth, value => $$invalidate(147, $_minWidth = value));
 		const _fitWidth = writable(fitWidth);
-		component_subscribe($$self, _fitWidth, value => $$invalidate(142, $_fitWidth = value));
+		component_subscribe($$self, _fitWidth, value => $$invalidate(146, $_fitWidth = value));
 		let { classes = [] } = $$props;
 		let { headers = [{ unit: 'day', format: 'MMMM Do' }, { unit: 'hour', format: 'H:mm' }] } = $$props;
 
@@ -17992,7 +17880,7 @@
 
 		function setMagnetDuration(unit, offset) {
 			if (unit && offset) {
-				$$invalidate(116, magnetDuration = getDuration(unit, offset));
+				$$invalidate(120, magnetDuration = getDuration(unit, offset));
 			}
 		}
 
@@ -18014,29 +17902,29 @@
 		let { taskElementHook = null } = $$props;
 		let { layout: layout$1 = 'overlap' } = $$props;
 		const _layout = writable(layout$1);
-		component_subscribe($$self, _layout, value => $$invalidate(146, $_layout = value));
+		component_subscribe($$self, _layout, value => $$invalidate(150, $_layout = value));
 		const visibleWidth = writable(null);
-		component_subscribe($$self, visibleWidth, value => $$invalidate(32, $visibleWidth = value));
+		component_subscribe($$self, visibleWidth, value => $$invalidate(33, $visibleWidth = value));
 		const visibleHeight = writable(null);
-		component_subscribe($$self, visibleHeight, value => $$invalidate(14, $visibleHeight = value));
+		component_subscribe($$self, visibleHeight, value => $$invalidate(17, $visibleHeight = value));
 		const headerHeight = writable(null);
-		component_subscribe($$self, headerHeight, value => $$invalidate(30, $headerHeight = value));
+		component_subscribe($$self, headerHeight, value => $$invalidate(31, $headerHeight = value));
 
 		const _width = derived([visibleWidth, _minWidth, _fitWidth], ([visible, min, stretch]) => {
 			return stretch && visible > min ? visible : min;
 		});
 
-		component_subscribe($$self, _width, value => $$invalidate(15, $_width = value));
+		component_subscribe($$self, _width, value => $$invalidate(18, $_width = value));
 		const dataStore = createDataStore();
 		setContext('dataStore', dataStore);
 		const { rowStore, taskStore, timeRangeStore, allTasks, allRows, allTimeRanges, rowTaskCache, draggingTaskCache } = dataStore;
-		component_subscribe($$self, rowStore, value => $$invalidate(127, $rowStore = value));
-		component_subscribe($$self, taskStore, value => $$invalidate(125, $taskStore = value));
-		component_subscribe($$self, allTasks, value => $$invalidate(129, $allTasks = value));
-		component_subscribe($$self, allRows, value => $$invalidate(124, $allRows = value));
-		component_subscribe($$self, allTimeRanges, value => $$invalidate(31, $allTimeRanges = value));
-		component_subscribe($$self, rowTaskCache, value => $$invalidate(126, $rowTaskCache = value));
-		component_subscribe($$self, draggingTaskCache, value => $$invalidate(123, $draggingTaskCache = value));
+		component_subscribe($$self, rowStore, value => $$invalidate(131, $rowStore = value));
+		component_subscribe($$self, taskStore, value => $$invalidate(129, $taskStore = value));
+		component_subscribe($$self, allTasks, value => $$invalidate(133, $allTasks = value));
+		component_subscribe($$self, allRows, value => $$invalidate(128, $allRows = value));
+		component_subscribe($$self, allTimeRanges, value => $$invalidate(32, $allTimeRanges = value));
+		component_subscribe($$self, rowTaskCache, value => $$invalidate(130, $rowTaskCache = value));
+		component_subscribe($$self, draggingTaskCache, value => $$invalidate(127, $draggingTaskCache = value));
 
 		const columnService = {
 			getColumnByDate(date) {
@@ -18070,10 +17958,10 @@
 		let disableTransition = false;
 
 		async function tickWithoutCSSTransition() {
-			$$invalidate(22, disableTransition = true);
+			$$invalidate(23, disableTransition = true);
 			await tick();
 			ganttElement.offsetHeight;
-			$$invalidate(22, disableTransition = false);
+			$$invalidate(23, disableTransition = false);
 		}
 
 		let columns;
@@ -18127,9 +18015,9 @@
 		});
 
 		const hoveredRow = writable(null);
-		component_subscribe($$self, hoveredRow, value => $$invalidate(144, $hoveredRow = value));
+		component_subscribe($$self, hoveredRow, value => $$invalidate(148, $hoveredRow = value));
 		const selectedRow = writable(null);
-		component_subscribe($$self, selectedRow, value => $$invalidate(145, $selectedRow = value));
+		component_subscribe($$self, selectedRow, value => $$invalidate(149, $selectedRow = value));
 		const ganttContext = { scrollables, hoveredRow, selectedRow };
 		setContext('gantt', ganttContext);
 
@@ -18152,7 +18040,7 @@
 			api.registerEvent('timeranges', 'clicked');
 			api.registerEvent('timeranges', 'resized');
 			api.registerEvent('timeranges', 'changed');
-			$$invalidate(115, mounted = true);
+			$$invalidate(118, mounted = true);
 		});
 
 		const { onDelegatedEvent, offDelegatedEvent, onEvent } = createDelegatedEventDispatcher();
@@ -18217,7 +18105,7 @@
 					}
 				});
 
-				$$invalidate(117, __scrollTop = scrollTop);
+				$$invalidate(121, __scrollTop = scrollTop);
 			};
 
 			node.addEventListener('scroll', onscroll);
@@ -18234,7 +18122,7 @@
 		}
 
 		function onResize(event) {
-			$$invalidate(2, tableWidth = event.detail.left);
+			$$invalidate(5, tableWidth = event.detail.left);
 		}
 
 		let zoomLevel = 0;
@@ -18265,29 +18153,30 @@
 					const before = node.scrollLeft + mousepos.x;
 					const after = before * scale;
 					const scrollLeft = after - mousepos.x + node.clientWidth / 2;
-					$$invalidate(0, columnUnit = options.columnUnit);
-					$$invalidate(70, columnOffset = options.columnOffset);
+					$$invalidate(1, columnUnit = options.columnUnit);
+					$$invalidate(73, columnOffset = options.columnOffset);
 					set_store_value(_minWidth, $_minWidth = options.minWidth, $_minWidth);
-					if (options.headers) $$invalidate(1, headers = options.headers);
+					if (options.headers) $$invalidate(4, headers = options.headers);
 					if (options.fitWidth) set_store_value(_fitWidth, $_fitWidth = options.fitWidth, $_fitWidth);
 					api['gantt'].raise.viewChanged();
-					$$invalidate(24, zooming = true);
+					$$invalidate(25, zooming = true);
 					await tick();
 					node.scrollLeft = scrollLeft;
-					$$invalidate(24, zooming = false);
+					$$invalidate(25, zooming = false);
 				}
 			}
 		}
 
 		function onDateSelected(event) {
+			$$invalidate(3, isDateSelected = event.type ? true : false);
 			set_store_value(_from, $_from = event.detail.from, $_from);
 			set_store_value(_to, $_to = event.detail.to, $_to);
 			const unit = event.detail.unit;
 
 			if (unit === 'day') {
-				$$invalidate(70, columnOffset = 1);
+				$$invalidate(73, columnOffset = 1);
 			} else {
-				$$invalidate(70, columnOffset = originalColumnOffset);
+				$$invalidate(73, columnOffset = originalColumnOffset);
 			}
 
 			api['gantt'].raise.dateSelected({ from: $_from, to: $_to });
@@ -18299,7 +18188,7 @@
 		}
 
 		async function initTasks(taskData) {
-			$$invalidate(71, taskFactory.rowEntities = $rowStore.entities, taskFactory);
+			$$invalidate(74, taskFactory.rowEntities = $rowStore.entities, taskFactory);
 			const tasks = [];
 			const draggingTasks = {};
 
@@ -18537,175 +18426,201 @@
 
 		function onDataTypeChange(event) {
 			const value = event.currentTarget.value;
-			$$invalidate(11, dataType = value);
+			$$invalidate(14, dataType = value);
+			$$invalidate(3, isDateSelected = false);
+		}
+
+		function onFactoryChange(evt) {
+			$$invalidate(119, selectedFactory = evt.target.value);
 		}
 
-		function div7_binding($$value) {
+		function div8_binding($$value) {
 			binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 				mainHeaderContainer = $$value;
-				$$invalidate(17, mainHeaderContainer);
+				$$invalidate(20, mainHeaderContainer);
 			});
 		}
 
-		function div7_elementresize_handler() {
+		function div8_elementresize_handler() {
 			$headerHeight = this.clientHeight;
 			headerHeight.set($headerHeight);
 		}
 
-		function div9_binding($$value) {
+		function div10_binding($$value) {
 			binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 				rowContainer = $$value;
-				$$invalidate(19, rowContainer);
+				$$invalidate(22, rowContainer);
 			});
 		}
 
-		function div12_binding($$value) {
+		function div13_binding($$value) {
 			binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 				mainContainer = $$value;
-				$$invalidate(18, mainContainer);
+				$$invalidate(21, mainContainer);
 			});
 		}
 
-		function div12_elementresize_handler() {
+		function div13_elementresize_handler() {
 			$visibleHeight = this.clientHeight;
 			visibleHeight.set($visibleHeight);
 			$visibleWidth = this.clientWidth;
 			visibleWidth.set($visibleWidth);
 		}
 
-		function div14_binding($$value) {
+		function div15_binding($$value) {
 			binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 				ganttElement = $$value;
-				$$invalidate(16, ganttElement);
+				$$invalidate(19, ganttElement);
 			});
 		}
 
 		function dragcontextprovider_binding($$value) {
 			binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 				draggingContext = $$value;
-				$$invalidate(29, draggingContext);
+				$$invalidate(30, draggingContext);
 			});
 		}
 
 		$$self.$$set = $$new_props => {
 			$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
-			$$invalidate(65, $$restProps = compute_rest_props($$props, omit_props_names));
-			if ('rows' in $$new_props) $$invalidate(66, rows = $$new_props.rows);
-			if ('tasks' in $$new_props) $$invalidate(67, tasks = $$new_props.tasks);
-			if ('timeRanges' in $$new_props) $$invalidate(74, timeRanges = $$new_props.timeRanges);
-			if ('data' in $$new_props) $$invalidate(75, data = $$new_props.data);
-			if ('from' in $$new_props) $$invalidate(68, from = $$new_props.from);
-			if ('to' in $$new_props) $$invalidate(69, to = $$new_props.to);
-			if ('rowPadding' in $$new_props) $$invalidate(76, rowPadding = $$new_props.rowPadding);
-			if ('rowHeight' in $$new_props) $$invalidate(77, rowHeight = $$new_props.rowHeight);
-			if ('minWidth' in $$new_props) $$invalidate(78, minWidth = $$new_props.minWidth);
-			if ('fitWidth' in $$new_props) $$invalidate(79, fitWidth = $$new_props.fitWidth);
-			if ('classes' in $$new_props) $$invalidate(3, classes = $$new_props.classes);
-			if ('headers' in $$new_props) $$invalidate(1, headers = $$new_props.headers);
-			if ('zoomLevels' in $$new_props) $$invalidate(80, zoomLevels = $$new_props.zoomLevels);
-			if ('taskContent' in $$new_props) $$invalidate(81, taskContent = $$new_props.taskContent);
-			if ('tableWidth' in $$new_props) $$invalidate(2, tableWidth = $$new_props.tableWidth);
-			if ('resizeHandleWidth' in $$new_props) $$invalidate(82, resizeHandleWidth = $$new_props.resizeHandleWidth);
-			if ('onTaskButtonClick' in $$new_props) $$invalidate(83, onTaskButtonClick = $$new_props.onTaskButtonClick);
-			if ('dateAdapter' in $$new_props) $$invalidate(84, dateAdapter = $$new_props.dateAdapter);
-			if ('magnetUnit' in $$new_props) $$invalidate(85, magnetUnit = $$new_props.magnetUnit);
-			if ('magnetOffset' in $$new_props) $$invalidate(86, magnetOffset = $$new_props.magnetOffset);
-			if ('columnUnit' in $$new_props) $$invalidate(0, columnUnit = $$new_props.columnUnit);
-			if ('columnOffset' in $$new_props) $$invalidate(70, columnOffset = $$new_props.columnOffset);
-			if ('ganttTableModules' in $$new_props) $$invalidate(4, ganttTableModules = $$new_props.ganttTableModules);
-			if ('ganttBodyModules' in $$new_props) $$invalidate(5, ganttBodyModules = $$new_props.ganttBodyModules);
-			if ('reflectOnParentRows' in $$new_props) $$invalidate(87, reflectOnParentRows = $$new_props.reflectOnParentRows);
-			if ('reflectOnChildRows' in $$new_props) $$invalidate(88, reflectOnChildRows = $$new_props.reflectOnChildRows);
-			if ('tableHeader' in $$new_props) $$invalidate(6, tableHeader = $$new_props.tableHeader);
-			if ('useCanvasColumns' in $$new_props) $$invalidate(7, useCanvasColumns = $$new_props.useCanvasColumns);
-			if ('columnStrokeColor' in $$new_props) $$invalidate(8, columnStrokeColor = $$new_props.columnStrokeColor);
-			if ('columnStrokeWidth' in $$new_props) $$invalidate(9, columnStrokeWidth = $$new_props.columnStrokeWidth);
-			if ('highlightedDurations' in $$new_props) $$invalidate(89, highlightedDurations = $$new_props.highlightedDurations);
-			if ('highlightColor' in $$new_props) $$invalidate(90, highlightColor = $$new_props.highlightColor);
-			if ('taskElementHook' in $$new_props) $$invalidate(91, taskElementHook = $$new_props.taskElementHook);
-			if ('layout' in $$new_props) $$invalidate(92, layout$1 = $$new_props.layout);
-			if ('enableCreateTask' in $$new_props) $$invalidate(10, enableCreateTask = $$new_props.enableCreateTask);
-			if ('onCreateTask' in $$new_props) $$invalidate(113, onCreateTask = $$new_props.onCreateTask);
-			if ('onCreatedTask' in $$new_props) $$invalidate(114, onCreatedTask = $$new_props.onCreatedTask);
+			$$invalidate(68, $$restProps = compute_rest_props($$props, omit_props_names));
+			if ('rows' in $$new_props) $$invalidate(69, rows = $$new_props.rows);
+			if ('tasks' in $$new_props) $$invalidate(70, tasks = $$new_props.tasks);
+			if ('timeRanges' in $$new_props) $$invalidate(77, timeRanges = $$new_props.timeRanges);
+			if ('data' in $$new_props) $$invalidate(78, data = $$new_props.data);
+			if ('from' in $$new_props) $$invalidate(71, from = $$new_props.from);
+			if ('to' in $$new_props) $$invalidate(72, to = $$new_props.to);
+			if ('selectedCreator' in $$new_props) $$invalidate(0, selectedCreator = $$new_props.selectedCreator);
+			if ('allCreators' in $$new_props) $$invalidate(2, allCreators = $$new_props.allCreators);
+			if ('isDateSelected' in $$new_props) $$invalidate(3, isDateSelected = $$new_props.isDateSelected);
+			if ('rowPadding' in $$new_props) $$invalidate(79, rowPadding = $$new_props.rowPadding);
+			if ('rowHeight' in $$new_props) $$invalidate(80, rowHeight = $$new_props.rowHeight);
+			if ('minWidth' in $$new_props) $$invalidate(81, minWidth = $$new_props.minWidth);
+			if ('fitWidth' in $$new_props) $$invalidate(82, fitWidth = $$new_props.fitWidth);
+			if ('classes' in $$new_props) $$invalidate(6, classes = $$new_props.classes);
+			if ('headers' in $$new_props) $$invalidate(4, headers = $$new_props.headers);
+			if ('zoomLevels' in $$new_props) $$invalidate(83, zoomLevels = $$new_props.zoomLevels);
+			if ('taskContent' in $$new_props) $$invalidate(84, taskContent = $$new_props.taskContent);
+			if ('tableWidth' in $$new_props) $$invalidate(5, tableWidth = $$new_props.tableWidth);
+			if ('resizeHandleWidth' in $$new_props) $$invalidate(85, resizeHandleWidth = $$new_props.resizeHandleWidth);
+			if ('onTaskButtonClick' in $$new_props) $$invalidate(86, onTaskButtonClick = $$new_props.onTaskButtonClick);
+			if ('dateAdapter' in $$new_props) $$invalidate(87, dateAdapter = $$new_props.dateAdapter);
+			if ('magnetUnit' in $$new_props) $$invalidate(88, magnetUnit = $$new_props.magnetUnit);
+			if ('magnetOffset' in $$new_props) $$invalidate(89, magnetOffset = $$new_props.magnetOffset);
+			if ('columnUnit' in $$new_props) $$invalidate(1, columnUnit = $$new_props.columnUnit);
+			if ('columnOffset' in $$new_props) $$invalidate(73, columnOffset = $$new_props.columnOffset);
+			if ('ganttTableModules' in $$new_props) $$invalidate(7, ganttTableModules = $$new_props.ganttTableModules);
+			if ('ganttBodyModules' in $$new_props) $$invalidate(8, ganttBodyModules = $$new_props.ganttBodyModules);
+			if ('reflectOnParentRows' in $$new_props) $$invalidate(90, reflectOnParentRows = $$new_props.reflectOnParentRows);
+			if ('reflectOnChildRows' in $$new_props) $$invalidate(91, reflectOnChildRows = $$new_props.reflectOnChildRows);
+			if ('tableHeader' in $$new_props) $$invalidate(9, tableHeader = $$new_props.tableHeader);
+			if ('useCanvasColumns' in $$new_props) $$invalidate(10, useCanvasColumns = $$new_props.useCanvasColumns);
+			if ('columnStrokeColor' in $$new_props) $$invalidate(11, columnStrokeColor = $$new_props.columnStrokeColor);
+			if ('columnStrokeWidth' in $$new_props) $$invalidate(12, columnStrokeWidth = $$new_props.columnStrokeWidth);
+			if ('highlightedDurations' in $$new_props) $$invalidate(92, highlightedDurations = $$new_props.highlightedDurations);
+			if ('highlightColor' in $$new_props) $$invalidate(93, highlightColor = $$new_props.highlightColor);
+			if ('taskElementHook' in $$new_props) $$invalidate(94, taskElementHook = $$new_props.taskElementHook);
+			if ('layout' in $$new_props) $$invalidate(95, layout$1 = $$new_props.layout);
+			if ('enableCreateTask' in $$new_props) $$invalidate(13, enableCreateTask = $$new_props.enableCreateTask);
+			if ('onCreateTask' in $$new_props) $$invalidate(116, onCreateTask = $$new_props.onCreateTask);
+			if ('onCreatedTask' in $$new_props) $$invalidate(117, onCreatedTask = $$new_props.onCreatedTask);
 		};
 
 		$$self.$$.update = () => {
-			if ($$self.$$.dirty[0] & /*dataType*/ 2048 | $$self.$$.dirty[2] & /*data, rows, tasks, from, to*/ 8432 | $$self.$$.dirty[3] & /*mounted*/ 4194304) {
-				if (data && dataType && mounted && rand) {
+			if ($$self.$$.dirty[2] & /*data*/ 65536 | $$self.$$.dirty[3] & /*selectedFactory*/ 67108864) {
+				if (data && selectedFactory) {
+					$$invalidate(0, selectedCreator = 'all');
+					const _selectedCreators = [];
+
+					data.scheduleData.forEach(schedule => {
+						if (schedule.LINE_CODE.toString().at(0) !== selectedFactory) {
+							return;
+						}
+
+						const doc = data.productionData.find(doc => doc.DocEntry === schedule.DocEntry);
+						_selectedCreators.push(doc.Creator);
+					});
+
+					$$invalidate(2, allCreators = [...new Set(_selectedCreators)]);
+				}
+			}
+
+			if ($$self.$$.dirty[0] & /*dataType, selectedCreator*/ 16385 | $$self.$$.dirty[2] & /*data, rows, tasks, from, to*/ 67456 | $$self.$$.dirty[3] & /*mounted, selectedFactory*/ 100663296) {
+				if (data && dataType && mounted && rand && selectedFactory && selectedCreator) {
 					if (rowStore && taskStore) {
-						$$invalidate(13, visibleRows = []);
-						$$invalidate(28, visibleTasks = []);
+						$$invalidate(16, visibleRows = []);
+						$$invalidate(29, visibleTasks = []);
 						rowStore.deleteAll(rows.map(item => item.id));
 						taskStore.deleteAll(tasks.map(item => item.id));
 						const ganttData = generate();
-						$$invalidate(66, rows = ganttData.rows);
-						$$invalidate(67, tasks = ganttData.tasks);
-						$$invalidate(68, from = ganttData.fromDate.valueOf());
-						$$invalidate(69, to = ganttData.toDate.valueOf());
+						$$invalidate(69, rows = ganttData.rows);
+						$$invalidate(70, tasks = ganttData.tasks);
+						$$invalidate(71, from = ganttData.fromDate.valueOf());
+						$$invalidate(72, to = ganttData.toDate.valueOf());
 						set_store_value(_from, $_from = from, $_from);
 						set_store_value(_to, $_to = to, $_to);
-						$$invalidate(70, columnOffset = originalColumnOffset);
+						$$invalidate(73, columnOffset = originalColumnOffset);
 						initRows(ganttData.rows);
 						initTasks(ganttData.tasks);
 					}
 				}
 			}
 
-			if ($$self.$$.dirty[2] & /*from*/ 64) {
+			if ($$self.$$.dirty[2] & /*from*/ 512) {
 				set_store_value(_from, $_from = toDateNum(from), $_from);
 			}
 
-			if ($$self.$$.dirty[2] & /*to*/ 128) {
+			if ($$self.$$.dirty[2] & /*to*/ 1024) {
 				set_store_value(_to, $_to = toDateNum(to), $_to);
 			}
 
-			if ($$self.$$.dirty[2] & /*rows*/ 16 | $$self.$$.dirty[3] & /*mounted*/ 4194304) {
+			if ($$self.$$.dirty[2] & /*rows*/ 128 | $$self.$$.dirty[3] & /*mounted*/ 33554432) {
 				if (mounted) initRows(rows);
 			}
 
-			if ($$self.$$.dirty[2] & /*tasks*/ 32 | $$self.$$.dirty[3] & /*mounted*/ 4194304) {
+			if ($$self.$$.dirty[2] & /*tasks*/ 256 | $$self.$$.dirty[3] & /*mounted*/ 33554432) {
 				if (mounted) initTasks(tasks);
 			}
 
-			if ($$self.$$.dirty[2] & /*timeRanges*/ 4096 | $$self.$$.dirty[3] & /*mounted*/ 4194304) {
+			if ($$self.$$.dirty[2] & /*timeRanges*/ 32768 | $$self.$$.dirty[3] & /*mounted*/ 33554432) {
 				if (mounted) initTimeRanges(timeRanges);
 			}
 
-			if ($$self.$$.dirty[2] & /*rowHeight*/ 32768) {
+			if ($$self.$$.dirty[2] & /*rowHeight*/ 262144) {
 				set_store_value(_rowHeight, $_rowHeight = rowHeight, $_rowHeight);
 			}
 
-			if ($$self.$$.dirty[2] & /*rowPadding*/ 16384) {
+			if ($$self.$$.dirty[2] & /*rowPadding*/ 131072) {
 				set_store_value(_rowPadding, $_rowPadding = rowPadding, $_rowPadding);
 			}
 
-			if ($$self.$$.dirty[2] & /*minWidth, fitWidth*/ 196608) {
+			if ($$self.$$.dirty[2] & /*minWidth, fitWidth*/ 1572864) {
 				{
 					set_store_value(_minWidth, $_minWidth = minWidth, $_minWidth);
 					set_store_value(_fitWidth, $_fitWidth = fitWidth, $_fitWidth);
 				}
 			}
 
-			if ($$self.$$.dirty[2] & /*magnetUnit, magnetOffset*/ 25165824) {
+			if ($$self.$$.dirty[2] & /*magnetUnit, magnetOffset*/ 201326592) {
 				setMagnetDuration(magnetUnit, magnetOffset);
 			}
 
-			if ($$self.$$.dirty[2] & /*layout*/ 1073741824) {
+			if ($$self.$$.dirty[3] & /*layout*/ 4) {
 				set_store_value(_layout, $_layout = layout$1, $_layout);
 			}
 
-			if ($$self.$$.dirty[0] & /*columnUnit, $_width*/ 32769 | $$self.$$.dirty[2] & /*columnOffset*/ 256 | $$self.$$.dirty[4] & /*$_from, $_to*/ 80) {
+			if ($$self.$$.dirty[0] & /*columnUnit, $_width*/ 262146 | $$self.$$.dirty[2] & /*columnOffset*/ 2048 | $$self.$$.dirty[4] & /*$_from, $_to*/ 1280) {
 				{
-					$$invalidate(23, columns = getColumnsV2($_from, $_to, columnUnit, columnOffset));
+					$$invalidate(24, columns = getColumnsV2($_from, $_to, columnUnit, columnOffset));
 					tickWithoutCSSTransition();
 					refreshTimeRanges();
 					refreshTasks();
 				}
 			}
 
-			if ($$self.$$.dirty[2] & /*reflectOnChildRows, reflectOnParentRows*/ 100663296 | $$self.$$.dirty[3] & /*_reflectedTasksCache*/ 33554432 | $$self.$$.dirty[4] & /*$_rowPadding, $allTasks, $rowStore*/ 168) {
+			if ($$self.$$.dirty[2] & /*reflectOnChildRows, reflectOnParentRows*/ 805306368 | $$self.$$.dirty[3] & /*_reflectedTasksCache*/ 536870912 | $$self.$$.dirty[4] & /*$_rowPadding, $allTasks, $rowStore*/ 2688) {
 				{
-					$$invalidate(118, _reflectedTasksCache = {});
+					$$invalidate(122, _reflectedTasksCache = {});
 					const opts = { rowPadding: $_rowPadding };
 
 					for (const task of $allTasks) {
@@ -18720,7 +18635,7 @@
 								const reflectedTask = reflectTask(task, r, opts);
 
 								if (!_reflectedTasksCache[r.model.id]) {
-									$$invalidate(118, _reflectedTasksCache[r.model.id] = [], _reflectedTasksCache);
+									$$invalidate(122, _reflectedTasksCache[r.model.id] = [], _reflectedTasksCache);
 								}
 
 								_reflectedTasksCache[r.model.id].push(reflectedTask);
@@ -18732,7 +18647,7 @@
 								const reflectedTask = reflectTask(task, r, opts);
 
 								if (!_reflectedTasksCache[r.model.id]) {
-									$$invalidate(118, _reflectedTasksCache[r.model.id] = [], _reflectedTasksCache);
+									$$invalidate(122, _reflectedTasksCache[r.model.id] = [], _reflectedTasksCache);
 								}
 
 								_reflectedTasksCache[r.model.id].push(reflectedTask);
@@ -18742,66 +18657,66 @@
 				}
 			}
 
-			if ($$self.$$.dirty[4] & /*$_rowPadding, $rowStore*/ 136) {
+			if ($$self.$$.dirty[4] & /*$_rowPadding, $rowStore*/ 2176) {
 				{
-					$$invalidate(71, taskFactory.rowPadding = $_rowPadding, taskFactory);
-					$$invalidate(71, taskFactory.rowEntities = $rowStore.entities, taskFactory);
+					$$invalidate(74, taskFactory.rowPadding = $_rowPadding, taskFactory);
+					$$invalidate(74, taskFactory.rowEntities = $rowStore.entities, taskFactory);
 				}
 			}
 
-			if ($$self.$$.dirty[2] & /*rowHeight*/ 32768) {
-				$$invalidate(72, rowFactory.rowHeight = rowHeight, rowFactory);
+			if ($$self.$$.dirty[2] & /*rowHeight*/ 262144) {
+				$$invalidate(75, rowFactory.rowHeight = rowHeight, rowFactory);
 			}
 
-			if ($$self.$$.dirty[0] & /*$_width*/ 32768 | $$self.$$.dirty[2] & /*magnetOffset, magnetUnit, dateAdapter*/ 29360128 | $$self.$$.dirty[3] & /*magnetDuration*/ 8388608 | $$self.$$.dirty[4] & /*$_from, $_to*/ 80) {
+			if ($$self.$$.dirty[0] & /*$_width*/ 262144 | $$self.$$.dirty[2] & /*magnetOffset, magnetUnit, dateAdapter*/ 234881024 | $$self.$$.dirty[3] & /*magnetDuration*/ 134217728 | $$self.$$.dirty[4] & /*$_from, $_to*/ 1280) {
 				{
-					$$invalidate(73, utils.from = $_from, utils);
-					$$invalidate(73, utils.to = $_to, utils);
-					$$invalidate(73, utils.width = $_width, utils);
-					$$invalidate(73, utils.magnetOffset = magnetOffset, utils);
-					$$invalidate(73, utils.magnetUnit = magnetUnit, utils);
-					$$invalidate(73, utils.magnetDuration = magnetDuration, utils);
-					$$invalidate(73, utils.dateAdapter = dateAdapter, utils);
+					$$invalidate(76, utils.from = $_from, utils);
+					$$invalidate(76, utils.to = $_to, utils);
+					$$invalidate(76, utils.width = $_width, utils);
+					$$invalidate(76, utils.magnetOffset = magnetOffset, utils);
+					$$invalidate(76, utils.magnetUnit = magnetUnit, utils);
+					$$invalidate(76, utils.magnetDuration = magnetDuration, utils);
+					$$invalidate(76, utils.dateAdapter = dateAdapter, utils);
 				}
 			}
 
-			if ($$self.$$.dirty[4] & /*$allRows*/ 1) {
+			if ($$self.$$.dirty[4] & /*$allRows*/ 16) {
 				{
-					$$invalidate(119, filteredRows = $allRows.filter(row => {
+					$$invalidate(123, filteredRows = $allRows.filter(row => {
 						return !row.hidden;
 					}));
 				}
 			}
 
-			if ($$self.$$.dirty[2] & /*rowHeight*/ 32768 | $$self.$$.dirty[3] & /*filteredRows*/ 67108864) {
-				$$invalidate(12, rowContainerHeight = filteredRows.length * rowHeight);
+			if ($$self.$$.dirty[2] & /*rowHeight*/ 262144 | $$self.$$.dirty[3] & /*filteredRows*/ 1073741824) {
+				$$invalidate(15, rowContainerHeight = filteredRows.length * rowHeight);
 			}
 
-			if ($$self.$$.dirty[0] & /*rowContainerHeight, $visibleHeight*/ 20480) {
-				$$invalidate(25, rightScrollbarVisible = rowContainerHeight > $visibleHeight);
+			if ($$self.$$.dirty[0] & /*rowContainerHeight, $visibleHeight*/ 163840) {
+				$$invalidate(26, rightScrollbarVisible = rowContainerHeight > $visibleHeight);
 			}
 
-			if ($$self.$$.dirty[2] & /*rowHeight*/ 32768 | $$self.$$.dirty[3] & /*__scrollTop*/ 16777216) {
-				$$invalidate(120, startIndex = Math.floor(__scrollTop / rowHeight));
+			if ($$self.$$.dirty[2] & /*rowHeight*/ 262144 | $$self.$$.dirty[3] & /*__scrollTop*/ 268435456) {
+				$$invalidate(124, startIndex = Math.floor(__scrollTop / rowHeight));
 			}
 
-			if ($$self.$$.dirty[0] & /*$visibleHeight*/ 16384 | $$self.$$.dirty[2] & /*rowHeight*/ 32768 | $$self.$$.dirty[3] & /*startIndex, filteredRows*/ 201326592) {
-				$$invalidate(121, endIndex = Math.min(startIndex + Math.ceil($visibleHeight / rowHeight), filteredRows.length - 1));
+			if ($$self.$$.dirty[0] & /*$visibleHeight*/ 131072 | $$self.$$.dirty[2] & /*rowHeight*/ 262144 | $$self.$$.dirty[3] & /*filteredRows*/ 1073741824 | $$self.$$.dirty[4] & /*startIndex*/ 1) {
+				$$invalidate(125, endIndex = Math.min(startIndex + Math.ceil($visibleHeight / rowHeight), filteredRows.length - 1));
 			}
 
-			if ($$self.$$.dirty[2] & /*rowHeight*/ 32768 | $$self.$$.dirty[3] & /*startIndex*/ 134217728) {
-				$$invalidate(26, paddingTop = startIndex * rowHeight);
+			if ($$self.$$.dirty[2] & /*rowHeight*/ 262144 | $$self.$$.dirty[4] & /*startIndex*/ 1) {
+				$$invalidate(27, paddingTop = startIndex * rowHeight);
 			}
 
-			if ($$self.$$.dirty[2] & /*rowHeight*/ 32768 | $$self.$$.dirty[3] & /*filteredRows, endIndex*/ 335544320) {
-				$$invalidate(27, paddingBottom = (filteredRows.length - endIndex - 1) * rowHeight);
+			if ($$self.$$.dirty[2] & /*rowHeight*/ 262144 | $$self.$$.dirty[3] & /*filteredRows*/ 1073741824 | $$self.$$.dirty[4] & /*endIndex*/ 2) {
+				$$invalidate(28, paddingBottom = (filteredRows.length - endIndex - 1) * rowHeight);
 			}
 
-			if ($$self.$$.dirty[3] & /*filteredRows, startIndex, endIndex*/ 469762048) {
-				$$invalidate(13, visibleRows = filteredRows.slice(startIndex, endIndex + 1));
+			if ($$self.$$.dirty[3] & /*filteredRows*/ 1073741824 | $$self.$$.dirty[4] & /*startIndex, endIndex*/ 3) {
+				$$invalidate(16, visibleRows = filteredRows.slice(startIndex, endIndex + 1));
 			}
 
-			if ($$self.$$.dirty[0] & /*visibleRows*/ 8192 | $$self.$$.dirty[3] & /*previousOrder, _reflectedTasksCache, $draggingTaskCache*/ 1644167168 | $$self.$$.dirty[4] & /*$rowTaskCache, $taskStore, $_from, $allRows*/ 23) {
+			if ($$self.$$.dirty[0] & /*visibleRows*/ 65536 | $$self.$$.dirty[3] & /*_reflectedTasksCache*/ 536870912 | $$self.$$.dirty[4] & /*previousOrder, $rowTaskCache, $taskStore, $_from, $allRows, $draggingTaskCache*/ 380) {
 				{
 					const tasks = [];
 					const rendered = {};
@@ -18888,12 +18803,12 @@
 						ordered = false;
 					}
 
-					$$invalidate(122, previousOrder = order);
-					$$invalidate(28, visibleTasks = ordered ? tasksOrdered : tasks);
+					$$invalidate(126, previousOrder = order);
+					$$invalidate(29, visibleTasks = ordered ? tasksOrdered : tasks);
 				}
 			}
 
-			if ($$self.$$.dirty[2] & /*layout, rowHeight, rowPadding*/ 1073790976 | $$self.$$.dirty[4] & /*$rowStore, $rowTaskCache, $taskStore*/ 14) {
+			if ($$self.$$.dirty[2] & /*rowHeight, rowPadding*/ 393216 | $$self.$$.dirty[3] & /*layout*/ 4 | $$self.$$.dirty[4] & /*$rowStore, $rowTaskCache, $taskStore*/ 224) {
 				{
 					if (layout$1 === 'pack') {
 						for (const rowId of $rowStore.ids) {
@@ -18912,10 +18827,15 @@
 			}
 		};
 
-		$$invalidate(11, dataType = 'equipment');
+		$$invalidate(14, dataType = 'equipment');
+		$$invalidate(119, selectedFactory = '1');
+		$$invalidate(3, isDateSelected = false);
 
 		return [
+			selectedCreator,
 			columnUnit,
+			allCreators,
+			isDateSelected,
 			headers,
 			tableWidth,
 			classes,
@@ -18935,8 +18855,6 @@
 			mainHeaderContainer,
 			mainContainer,
 			rowContainer,
-			prodMap01,
-			prodMap02,
 			disableTransition,
 			columns,
 			zooming,
@@ -18950,6 +18868,7 @@
 			$visibleWidth,
 			_from,
 			_to,
+			setSelectedCreator,
 			rand,
 			_rowHeight,
 			_rowPadding,
@@ -18980,6 +18899,7 @@
 			createTasks,
 			onClickAll,
 			onDataTypeChange,
+			onFactoryChange,
 			$$restProps,
 			rows,
 			tasks,
@@ -19031,6 +18951,7 @@
 			onCreateTask,
 			onCreatedTask,
 			mounted,
+			selectedFactory,
 			magnetDuration,
 			__scrollTop,
 			_reflectedTasksCache,
@@ -19047,12 +18968,12 @@
 			$allTasks,
 			$_to,
 			$_rowPadding,
-			div7_binding,
-			div7_elementresize_handler,
-			div9_binding,
-			div12_binding,
-			div12_elementresize_handler,
-			div14_binding,
+			div8_binding,
+			div8_elementresize_handler,
+			div10_binding,
+			div13_binding,
+			div13_elementresize_handler,
+			div15_binding,
 			dragcontextprovider_binding
 		];
 	}
@@ -19068,66 +18989,69 @@
 				create_fragment,
 				safe_not_equal,
 				{
-					rows: 66,
-					tasks: 67,
-					timeRanges: 74,
-					data: 75,
-					from: 68,
-					to: 69,
-					rowPadding: 76,
-					rowHeight: 77,
-					minWidth: 78,
-					fitWidth: 79,
-					classes: 3,
-					headers: 1,
-					zoomLevels: 80,
-					taskContent: 81,
-					tableWidth: 2,
-					resizeHandleWidth: 82,
-					onTaskButtonClick: 83,
-					dateAdapter: 84,
-					magnetUnit: 85,
-					magnetOffset: 86,
-					columnUnit: 0,
-					columnOffset: 70,
-					ganttTableModules: 4,
-					ganttBodyModules: 5,
-					reflectOnParentRows: 87,
-					reflectOnChildRows: 88,
-					tableHeader: 6,
-					useCanvasColumns: 7,
-					columnStrokeColor: 8,
-					columnStrokeWidth: 9,
-					highlightedDurations: 89,
-					highlightColor: 90,
-					taskElementHook: 91,
-					layout: 92,
-					columnService: 93,
-					api: 94,
-					taskFactory: 71,
-					rowFactory: 72,
-					dndManager: 95,
-					timeRangeFactory: 96,
-					utils: 73,
-					refreshTimeRanges: 97,
-					refreshTasks: 98,
-					getRowContainer: 99,
-					selectTask: 100,
-					unselectTasks: 101,
-					scrollToRow: 102,
-					scrollToTask: 103,
-					updateTask: 104,
-					updateTasks: 105,
-					removeTask: 106,
-					removeTasks: 107,
-					updateRow: 108,
-					updateRows: 109,
-					getRow: 110,
-					getTask: 111,
-					getTasks: 112,
-					enableCreateTask: 10,
-					onCreateTask: 113,
-					onCreatedTask: 114
+					rows: 69,
+					tasks: 70,
+					timeRanges: 77,
+					data: 78,
+					from: 71,
+					to: 72,
+					selectedCreator: 0,
+					allCreators: 2,
+					isDateSelected: 3,
+					rowPadding: 79,
+					rowHeight: 80,
+					minWidth: 81,
+					fitWidth: 82,
+					classes: 6,
+					headers: 4,
+					zoomLevels: 83,
+					taskContent: 84,
+					tableWidth: 5,
+					resizeHandleWidth: 85,
+					onTaskButtonClick: 86,
+					dateAdapter: 87,
+					magnetUnit: 88,
+					magnetOffset: 89,
+					columnUnit: 1,
+					columnOffset: 73,
+					ganttTableModules: 7,
+					ganttBodyModules: 8,
+					reflectOnParentRows: 90,
+					reflectOnChildRows: 91,
+					tableHeader: 9,
+					useCanvasColumns: 10,
+					columnStrokeColor: 11,
+					columnStrokeWidth: 12,
+					highlightedDurations: 92,
+					highlightColor: 93,
+					taskElementHook: 94,
+					layout: 95,
+					columnService: 96,
+					api: 97,
+					taskFactory: 74,
+					rowFactory: 75,
+					dndManager: 98,
+					timeRangeFactory: 99,
+					utils: 76,
+					refreshTimeRanges: 100,
+					refreshTasks: 101,
+					getRowContainer: 102,
+					selectTask: 103,
+					unselectTasks: 104,
+					scrollToRow: 105,
+					scrollToTask: 106,
+					updateTask: 107,
+					updateTasks: 108,
+					removeTask: 109,
+					removeTasks: 110,
+					updateRow: 111,
+					updateRows: 112,
+					getRow: 113,
+					getTask: 114,
+					getTasks: 115,
+					enableCreateTask: 13,
+					onCreateTask: 116,
+					onCreatedTask: 117
 				},
 				add_css,
 				[-1, -1, -1, -1, -1, -1]
@@ -19135,7 +19059,7 @@
 		}
 
 		get rows() {
-			return this.$$.ctx[66];
+			return this.$$.ctx[69];
 		}
 
 		set rows(rows) {
@@ -19144,7 +19068,7 @@
 		}
 
 		get tasks() {
-			return this.$$.ctx[67];
+			return this.$$.ctx[70];
 		}
 
 		set tasks(tasks) {
@@ -19153,7 +19077,7 @@
 		}
 
 		get timeRanges() {
-			return this.$$.ctx[74];
+			return this.$$.ctx[77];
 		}
 
 		set timeRanges(timeRanges) {
@@ -19162,7 +19086,7 @@
 		}
 
 		get data() {
-			return this.$$.ctx[75];
+			return this.$$.ctx[78];
 		}
 
 		set data(data) {
@@ -19171,7 +19095,7 @@
 		}
 
 		get from() {
-			return this.$$.ctx[68];
+			return this.$$.ctx[71];
 		}
 
 		set from(from) {
@@ -19180,7 +19104,7 @@
 		}
 
 		get to() {
-			return this.$$.ctx[69];
+			return this.$$.ctx[72];
 		}
 
 		set to(to) {
@@ -19188,8 +19112,35 @@
 			flush();
 		}
 
+		get selectedCreator() {
+			return this.$$.ctx[0];
+		}
+
+		set selectedCreator(selectedCreator) {
+			this.$$set({ selectedCreator });
+			flush();
+		}
+
+		get allCreators() {
+			return this.$$.ctx[2];
+		}
+
+		set allCreators(allCreators) {
+			this.$$set({ allCreators });
+			flush();
+		}
+
+		get isDateSelected() {
+			return this.$$.ctx[3];
+		}
+
+		set isDateSelected(isDateSelected) {
+			this.$$set({ isDateSelected });
+			flush();
+		}
+
 		get rowPadding() {
-			return this.$$.ctx[76];
+			return this.$$.ctx[79];
 		}
 
 		set rowPadding(rowPadding) {
@@ -19198,7 +19149,7 @@
 		}
 
 		get rowHeight() {
-			return this.$$.ctx[77];
+			return this.$$.ctx[80];
 		}
 
 		set rowHeight(rowHeight) {
@@ -19207,7 +19158,7 @@
 		}
 
 		get minWidth() {
-			return this.$$.ctx[78];
+			return this.$$.ctx[81];
 		}
 
 		set minWidth(minWidth) {
@@ -19216,7 +19167,7 @@
 		}
 
 		get fitWidth() {
-			return this.$$.ctx[79];
+			return this.$$.ctx[82];
 		}
 
 		set fitWidth(fitWidth) {
@@ -19225,7 +19176,7 @@
 		}
 
 		get classes() {
-			return this.$$.ctx[3];
+			return this.$$.ctx[6];
 		}
 
 		set classes(classes) {
@@ -19234,7 +19185,7 @@
 		}
 
 		get headers() {
-			return this.$$.ctx[1];
+			return this.$$.ctx[4];
 		}
 
 		set headers(headers) {
@@ -19243,7 +19194,7 @@
 		}
 
 		get zoomLevels() {
-			return this.$$.ctx[80];
+			return this.$$.ctx[83];
 		}
 
 		set zoomLevels(zoomLevels) {
@@ -19252,7 +19203,7 @@
 		}
 
 		get taskContent() {
-			return this.$$.ctx[81];
+			return this.$$.ctx[84];
 		}
 
 		set taskContent(taskContent) {
@@ -19261,7 +19212,7 @@
 		}
 
 		get tableWidth() {
-			return this.$$.ctx[2];
+			return this.$$.ctx[5];
 		}
 
 		set tableWidth(tableWidth) {
@@ -19270,7 +19221,7 @@
 		}
 
 		get resizeHandleWidth() {
-			return this.$$.ctx[82];
+			return this.$$.ctx[85];
 		}
 
 		set resizeHandleWidth(resizeHandleWidth) {
@@ -19279,7 +19230,7 @@
 		}
 
 		get onTaskButtonClick() {
-			return this.$$.ctx[83];
+			return this.$$.ctx[86];
 		}
 
 		set onTaskButtonClick(onTaskButtonClick) {
@@ -19288,7 +19239,7 @@
 		}
 
 		get dateAdapter() {
-			return this.$$.ctx[84];
+			return this.$$.ctx[87];
 		}
 
 		set dateAdapter(dateAdapter) {
@@ -19297,7 +19248,7 @@
 		}
 
 		get magnetUnit() {
-			return this.$$.ctx[85];
+			return this.$$.ctx[88];
 		}
 
 		set magnetUnit(magnetUnit) {
@@ -19306,7 +19257,7 @@
 		}
 
 		get magnetOffset() {
-			return this.$$.ctx[86];
+			return this.$$.ctx[89];
 		}
 
 		set magnetOffset(magnetOffset) {
@@ -19315,7 +19266,7 @@
 		}
 
 		get columnUnit() {
-			return this.$$.ctx[0];
+			return this.$$.ctx[1];
 		}
 
 		set columnUnit(columnUnit) {
@@ -19324,7 +19275,7 @@
 		}
 
 		get columnOffset() {
-			return this.$$.ctx[70];
+			return this.$$.ctx[73];
 		}
 
 		set columnOffset(columnOffset) {
@@ -19333,7 +19284,7 @@
 		}
 
 		get ganttTableModules() {
-			return this.$$.ctx[4];
+			return this.$$.ctx[7];
 		}
 
 		set ganttTableModules(ganttTableModules) {
@@ -19342,7 +19293,7 @@
 		}
 
 		get ganttBodyModules() {
-			return this.$$.ctx[5];
+			return this.$$.ctx[8];
 		}
 
 		set ganttBodyModules(ganttBodyModules) {
@@ -19351,7 +19302,7 @@
 		}
 
 		get reflectOnParentRows() {
-			return this.$$.ctx[87];
+			return this.$$.ctx[90];
 		}
 
 		set reflectOnParentRows(reflectOnParentRows) {
@@ -19360,7 +19311,7 @@
 		}
 
 		get reflectOnChildRows() {
-			return this.$$.ctx[88];
+			return this.$$.ctx[91];
 		}
 
 		set reflectOnChildRows(reflectOnChildRows) {
@@ -19369,7 +19320,7 @@
 		}
 
 		get tableHeader() {
-			return this.$$.ctx[6];
+			return this.$$.ctx[9];
 		}
 
 		set tableHeader(tableHeader) {
@@ -19378,7 +19329,7 @@
 		}
 
 		get useCanvasColumns() {
-			return this.$$.ctx[7];
+			return this.$$.ctx[10];
 		}
 
 		set useCanvasColumns(useCanvasColumns) {
@@ -19387,7 +19338,7 @@
 		}
 
 		get columnStrokeColor() {
-			return this.$$.ctx[8];
+			return this.$$.ctx[11];
 		}
 
 		set columnStrokeColor(columnStrokeColor) {
@@ -19396,7 +19347,7 @@
 		}
 
 		get columnStrokeWidth() {
-			return this.$$.ctx[9];
+			return this.$$.ctx[12];
 		}
 
 		set columnStrokeWidth(columnStrokeWidth) {
@@ -19405,7 +19356,7 @@
 		}
 
 		get highlightedDurations() {
-			return this.$$.ctx[89];
+			return this.$$.ctx[92];
 		}
 
 		set highlightedDurations(highlightedDurations) {
@@ -19414,7 +19365,7 @@
 		}
 
 		get highlightColor() {
-			return this.$$.ctx[90];
+			return this.$$.ctx[93];
 		}
 
 		set highlightColor(highlightColor) {
@@ -19423,7 +19374,7 @@
 		}
 
 		get taskElementHook() {
-			return this.$$.ctx[91];
+			return this.$$.ctx[94];
 		}
 
 		set taskElementHook(taskElementHook) {
@@ -19432,7 +19383,7 @@
 		}
 
 		get layout() {
-			return this.$$.ctx[92];
+			return this.$$.ctx[95];
 		}
 
 		set layout(layout) {
@@ -19441,99 +19392,99 @@
 		}
 
 		get columnService() {
-			return this.$$.ctx[93];
+			return this.$$.ctx[96];
 		}
 
 		get api() {
-			return this.$$.ctx[94];
+			return this.$$.ctx[97];
 		}
 
 		get taskFactory() {
-			return this.$$.ctx[71];
+			return this.$$.ctx[74];
 		}
 
 		get rowFactory() {
-			return this.$$.ctx[72];
+			return this.$$.ctx[75];
 		}
 
 		get dndManager() {
-			return this.$$.ctx[95];
+			return this.$$.ctx[98];
 		}
 
 		get timeRangeFactory() {
-			return this.$$.ctx[96];
+			return this.$$.ctx[99];
 		}
 
 		get utils() {
-			return this.$$.ctx[73];
+			return this.$$.ctx[76];
 		}
 
 		get refreshTimeRanges() {
-			return this.$$.ctx[97];
+			return this.$$.ctx[100];
 		}
 
 		get refreshTasks() {
-			return this.$$.ctx[98];
+			return this.$$.ctx[101];
 		}
 
 		get getRowContainer() {
-			return this.$$.ctx[99];
+			return this.$$.ctx[102];
 		}
 
 		get selectTask() {
-			return this.$$.ctx[100];
+			return this.$$.ctx[103];
 		}
 
 		get unselectTasks() {
-			return this.$$.ctx[101];
+			return this.$$.ctx[104];
 		}
 
 		get scrollToRow() {
-			return this.$$.ctx[102];
+			return this.$$.ctx[105];
 		}
 
 		get scrollToTask() {
-			return this.$$.ctx[103];
+			return this.$$.ctx[106];
 		}
 
 		get updateTask() {
-			return this.$$.ctx[104];
+			return this.$$.ctx[107];
 		}
 
 		get updateTasks() {
-			return this.$$.ctx[105];
+			return this.$$.ctx[108];
 		}
 
 		get removeTask() {
-			return this.$$.ctx[106];
+			return this.$$.ctx[109];
 		}
 
 		get removeTasks() {
-			return this.$$.ctx[107];
+			return this.$$.ctx[110];
 		}
 
 		get updateRow() {
-			return this.$$.ctx[108];
+			return this.$$.ctx[111];
 		}
 
 		get updateRows() {
-			return this.$$.ctx[109];
+			return this.$$.ctx[112];
 		}
 
 		get getRow() {
-			return this.$$.ctx[110];
+			return this.$$.ctx[113];
 		}
 
 		get getTask() {
-			return this.$$.ctx[111];
+			return this.$$.ctx[114];
 		}
 
 		get getTasks() {
-			return this.$$.ctx[112];
+			return this.$$.ctx[115];
 		}
 
 		get enableCreateTask() {
-			return this.$$.ctx[10];
+			return this.$$.ctx[13];
 		}
 
 		set enableCreateTask(enableCreateTask) {
@@ -19542,7 +19493,7 @@
 		}
 
 		get onCreateTask() {
-			return this.$$.ctx[113];
+			return this.$$.ctx[116];
 		}
 
 		set onCreateTask(onCreateTask) {
@@ -19551,7 +19502,7 @@
 		}
 
 		get onCreatedTask() {
-			return this.$$.ctx[114];
+			return this.$$.ctx[117];
 		}
 
 		set onCreatedTask(onCreatedTask) {
@@ -19562,7 +19513,7 @@
 
 	customElements.define("wellstek-gantt", create_custom_element(
 		WellstekGantt$1,
-		{"rows":{},"tasks":{},"timeRanges":{},"data":{},"from":{},"to":{},"rowPadding":{},"rowHeight":{},"minWidth":{},"fitWidth":{"type":"Boolean"},"classes":{},"headers":{},"zoomLevels":{},"taskContent":{},"tableWidth":{},"resizeHandleWidth":{},"onTaskButtonClick":{},"dateAdapter":{},"magnetUnit":{},"magnetOffset":{},"columnUnit":{},"columnOffset":{},"ganttTableModules":{},"ganttBodyModules":{},"reflectOnParentRows":{"type":"Boolean"},"reflectOnChildRows":{"type":"Boolean"},"tableHeader":{},"useCanvasColumns":{"type":"Boolean"},"columnStrokeColor":{},"columnStrokeWidth":{},"highlightedDurations":{},"highlightColor":{},"taskElementHook":{},"layout":{},"enableCreateTask":{"type":"Boolean"},"onCreateTask":{},"onCreatedTask":{}},
+		{"rows":{},"tasks":{},"timeRanges":{},"data":{},"from":{},"to":{},"selectedCreator":{},"allCreators":{},"isDateSelected":{"type":"Boolean"},"rowPadding":{},"rowHeight":{},"minWidth":{},"fitWidth":{"type":"Boolean"},"classes":{},"headers":{},"zoomLevels":{},"taskContent":{},"tableWidth":{},"resizeHandleWidth":{},"onTaskButtonClick":{},"dateAdapter":{},"magnetUnit":{},"magnetOffset":{},"columnUnit":{},"columnOffset":{},"ganttTableModules":{},"ganttBodyModules":{},"reflectOnParentRows":{"type":"Boolean"},"reflectOnChildRows":{"type":"Boolean"},"tableHeader":{},"useCanvasColumns":{"type":"Boolean"},"columnStrokeColor":{},"columnStrokeWidth":{},"highlightedDurations":{},"highlightColor":{},"taskElementHook":{},"layout":{},"enableCreateTask":{"type":"Boolean"},"onCreateTask":{},"onCreatedTask":{}},
 		[],
 		[
 			"columnService","api","taskFactory","rowFactory","dndManager","timeRangeFactory","utils","refreshTimeRanges","refreshTasks","getRowContainer","selectTask","unselectTasks","scrollToRow","scrollToTask","updateTask","updateTasks","removeTask","removeTasks","updateRow","updateRows","getRow","getTask","getTasks"