{
	"name": "form/nc/nc-stock/packet-location.json",
	"component": "nc-row",
	"attribute": {
		"id": "packet-location"
	},
	"element": [
		{
			"component": "nc-col",
			"attribute": {
				"id": "multiplier-amount",
				"class": ["nc-align-top", "nc-margin-top", "nc-animate-width"],
				":width": "containerWidth"
			},
			"element": [
				{
					"component": "transition-group",
					"attribute": {
						"name": "nc-animate-width"
					},
					"element": [
						{
							"component": "nc-col",
							"attribute": {
								"key": "stock-1",
								":width": "stockUnit1Width"
							},
							"element": [
								{
									"component": "nc-row",
									"attribute": {
										"id": "stock-1-row-1",
										"class": ["normal-row-height"],
										":height": "rec.column.header_height"
									},
									"element": [
										{
											"component": "nc-col",
											"attribute": {
												":width": "rec.column.label"
											},
											"element": [
												{
													"component": "nc-checkbox",
													"text": "Multiplier",
													"attribute": {
														"model": "rec.column.show_multiplier",
														"hdr": "hdr.stock.show_multiplier",
														"v-on:change": "setWidth()"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												":width": "rec.column.amount",
												"style": "padding-left: 1.1em;"
											},
											"element": [
												{
													"component": "nc-label",
													"text": "Amount",
													"attribute": {
														"hdr": "hdr.stock.header_amount"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-label",
													"text": "Unit 1",
													"attribute": {
														"hdr": "hdr.stock.header_unit1"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "stock-1-row-2",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "nc-col",
											"attribute": {
												":width": "rec.column.label_input"
											},
											"element": [
												{
													"component": "nc-label-input",
													"text": "Total amount",
													"attribute": {
														"model": "rec.packet.stock_amount_1",
														":disabled": "!packetEnabled()",
														":label-style": "{'width': rec.column.left_label}",
														":decimals": "2",
														"v-on:blur": "updatePacket('total_amount')"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.stock_unit_1",
														":readonly": "true"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "stock-1-row-3",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "nc-col",
											"attribute": {
												":width": "rec.column.label_input"
											},
											"element": [
												{
													"component": "nc-label-input",
													"text": "Full packet size",
													"attribute": {
														"model": "rec.packet.stock_amount_full_packet_1",
														":disabled": "!packetEnabled()",
														":label-style": "{'width': rec.column.left_label}",
														":decimals": "2",
														"v-on:blur": "updatePacket('full_packet_size')"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.stock_unit_1",
														":readonly": "true"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "stock-1-row-4",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "nc-col",
											"attribute": {
												":width": "rec.column.label_input"
											},
											"element": [
												{
													"component": "nc-label-input",
													"text": "Last packet size",
													"attribute": {
														"model": "rec.packet.stock_amount_last_packet_1",
														":disabled": "!packetEnabled()",
														":label-style": "{'width': rec.column.left_label}",
														":decimals": "2",
														"v-on:blur": "updatePacket('last_packet_size')",
														":input-style": "rec.packet.stock_amount_last_packet_1 > rec.packet.stock_amount_full_packet_1 ? 'color: red; font-weight: bold' : ''"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.stock_unit_1",
														":readonly": "true"
													}
												}
											]
										}
									]
								}
							]
						},
						{
							"component": "nc-col",
							"attribute": {
								"key": "stock-2",
								"v-show": "showStockUnit2Column",
								":width": "stockUnit2Width"
							},
							"element": [
								{
									"component": "nc-row",
									"attribute": {
										"id": "stock-2-row-1",
										"class": ["normal-row-height"],
										":height": "rec.column.header_height"
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "stock-2-row-1-multiplier"
													},
													"element": [
														{
															"component": "nc-label",
															"text": "Multiplier",
															"attribute": {
																"hdr": "hdr.stock.header_multiplier"
															}
														}
													]
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "stock-2-row-1-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-label",
													"text": "Amount 2",
													"attribute": {
														"hdr": "hdr.stock.header_amount2"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "stock-2-row-1-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-label",
													"text": "Unit 2",
													"attribute": {
														"hdr": "hdr.stock.header_unit2"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "stock-2-row-2",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "stock-2-row-2-multiplier"
													},
													"element": [
														{
															"component": "nc-input",
															"attribute": {
																"model": "rec.packet.stock_unit_1_multiplier",
																":readonly": "true",
																":decimals": "2",
																"prefix": "/\u00A0",
																"suffix": "\u00A0 →"
															}
														}
													]
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "stock-2-row-2-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.stock_amount_2",
														":disabled": "!packetEnabled()",
														":decimals": "2",
														"v-on:blur": "updatePacket('total_amount_2')"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "stock-2-row-2-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.stock_unit_2",
														":readonly": "true"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "stock-2-row-3",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "stock-2-row-3-multiplier"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "stock-2-row-3-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.stock_amount_full_packet_2",
														":disabled": "!packetEnabled()",
														":decimals": "2",
														"v-on:blur": "updatePacket('full_packet_size_2')"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "stock-2-row-3-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.stock_unit_2",
														":readonly": "true"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "stock-2-row-4",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "stock-2-row-4-multiplier"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "stock-2-row-4-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.stock_amount_last_packet_2",
														":disabled": "!packetEnabled()",
														":decimals": "2",
														"v-on:blur": "updatePacket('last_packet_size_2')"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "stock-2-row-4-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.stock_unit_2",
														":readonly": "true"
													}
												}
											]
										}
									]
								}
							]
						},
						{
							"component": "nc-col",
							"attribute": {
								"key": "design-1",
								"v-show": "showDesignUnit1Column",
								":width": "designUnit1Width"
							},
							"element": [
								{
									"component": "nc-row",
									"attribute": {
										"id": "design-1-row-1",
										"class": ["normal-row-height"],
										":height": "rec.column.header_height"
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "design-1-row-1-multiplier"
													},
													"element": [
														{
															"component": "nc-label",
															"text": "Stock/design mult.",
															"attribute": {
																"hdr": "hdr.stock.header_stock_design_multiplier"
															}
														}
													]
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-1-row-1-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-label",
													"text": "Design amount",
													"attribute": {
														"hdr": "hdr.stock.header_design_amount"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-1-row-1-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-label",
													"text": "Design unit 1",
													"attribute": {
														"hdr": "hdr.stock.header_design_unit_1"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "design-1-row-2",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "design-1-row-2-multiplier"
													},
													"element": [
														{
															"component": "nc-input",
															"attribute": {
																"model": "rec.packet.row.pr.json_data.unit_design_unit_multiplier",
																":readonly": "true",
																":decimals": "2",
																"prefix": "/\u00A0",
																"suffix": "\u00A0 →"
															}
														}
													]
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-1-row-2-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_amount_1",
														":disabled": "!packetEnabled()",
														":decimals": "2",
														"v-on:blur": "updatePacket('design_amount_1')"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-1-row-2-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_unit_1",
														":readonly": "true"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "design-1-row-3",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "design-1-row-3-multiplier"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-1-row-3-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_amount_full_packet_1",
														":disabled": "!packetEnabled()",
														":decimals": "2",
														"v-on:blur": "updatePacket('design_amount_full_packet_1')"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-1-row-3-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_unit_full_packet_1",
														":readonly": "true"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "design-1-row-4",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "design-1-row-4-multiplier"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-1-row-4-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_amount_last_packet_1",
														":disabled": "!packetEnabled()",
														":decimals": "2",
														"v-on:blur": "updatePacket('design_amount_last_packet_1')"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-1-row-4-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_unit_last_packet_1",
														":readonly": "true"
													}
												}
											]
										}
									]
								}
							]
						},
						{
							"component": "nc-col",
							"attribute": {
								"key": "design-2",
								"v-show": "showDesignUnit2Column",
								":width": "designUnit2Width"
							},
							"element": [
								{
									"component": "nc-row",
									"attribute": {
										"id": "design-2-row-1",
										"class": ["normal-row-height"],
										":height": "rec.column.header_height"
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "design-2-row-1-multiplier"
													},
													"element": [
														{
															"component": "nc-label",
															"text": "Design mult.",
															"attribute": {
																"hdr": "hdr.stock.header_design_multiplier"
															}
														}
													]
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-2-row-1-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-label",
													"text": "Design amount 2",
													"attribute": {
														"hdr": "hdr.stock.header_design_amount_2"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-2-row-1-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-label",
													"text": "Design unit 2",
													"attribute": {
														"hdr": "hdr.stock.header_design_unit_2"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "design-2-row-2",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "design-2-row-2-multiplier"
													},
													"element": [
														{
															"component": "nc-input",
															"attribute": {
																"model": "rec.packet.design_unit_1_to_2_multiplier",
																":readonly": "true",
																":decimals": "2",
																"prefix": "/\u00A0",
																"suffix": "\u00A0 →"
															}
														}
													]
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-2-row-2-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_amount_2",
														":disabled": "!packetEnabled()",
														":decimals": "2",
														"v-on:blur": "updatePacket('design_amount_2')"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-2-row-2-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_unit_2",
														":readonly": "true"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "design-2-row-3",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "design-2-row-3-multiplier"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-2-row-3-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_amount_full_packet_2",
														":disabled": "!packetEnabled()",
														":decimals": "2",
														"v-on:blur": "updatePacket('design_amount_full_packet_2')"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-2-row-3-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_unit_full_packet_2",
														":readonly": "true"
													}
												}
											]
										}
									]
								},
								{
									"component": "nc-row",
									"attribute": {
										"id": "design-2-row-4",
										"class": ["normal-row-height"]
									},
									"element": [
										{
											"component": "transition",
											"attribute": {
												"name": "nc-fade-fast"
											},
											"element": [
												{
													"component": "nc-col",
													"attribute": {
														":width": "rec.column.multiplier",
														"v-show": "showMultiplierColumn",
														"key": "design-2-row-4-multiplier"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-2-row-4-amount",
												":width": "rec.column.amount"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_amount_last_packet_2",
														":disabled": "!packetEnabled()",
														":decimals": "2",
														"v-on:blur": "updatePacket('design_amount_last_packet_2')"
													}
												}
											]
										},
										{
											"component": "nc-col",
											"attribute": {
												"key": "design-2-row-4-unit",
												":width": "rec.column.unit"
											},
											"element": [
												{
													"component": "nc-input",
													"attribute": {
														"model": "rec.packet.design_unit_last_packet_2",
														":readonly": "true"
													}
												}
											]
										}
									]
								}
							]
						}
					]
				},
				{
					"component": "nc-row",
					"attribute": {
						"v-if": "false",
						"height": "0.5em"
					},
					"element": [
						{
							"component": "nc-line"
						}
					]
				},
				{
					"component": "nc-row",
					"attribute": {
						"class": ["normal-row-height"]
					},
					"element": [
						{
							"component": "nc-col",
							"attribute": {
								":width": "rec.column.label_input"
							},
							"element": [
								{
									"component": "nc-label-input",
									"text": "Packet count",
									"attribute": {
										"model": "rec.packet.packet_count",
										":disabled": "!packetEnabled()",
										":label-style": "{'width': rec.column.left_label}",
										"v-on:blur": "updatePacket('packet_count')"
									}
								}
							]
						},
						{
							"component": "nc-col",
							"attribute": {
								":width": "rec.column.unit"
							},
							"element": [
								{
									"component": "nc-input",
									"attribute": {
										"model": "rec.packet.packet_count_unit",
										":readonly": "true"
									}
								}
							]
						},
						{
							"component": "nc-col",
							"attribute": {
								":width": "rec.column.button_width"
							},
							"element": [
								{
									"component": "nc-button",
									"text": "Create row",
									"attribute": {
										"model": "hdr.stock.create_row",
										"primary": "primary",
										"icon": "plus",
										"v-on:click": "createRow()"
									}
								}
							]
						}
					]
				},
				{
					"component": "nc-row",
					"element": [
						{
							"component": "nc-col",
							"attribute": {
								"v-if": "false",
								"width": "auto"
							},
							"element": [
								{
									"component": "nc-label",
									"text": "Product info",
									"attribute": {
										"hdr": "rec.product_info"
									}
								}
							]
						}
					]
				}
			]
		},
		{
			"component": "nc-col",
			"attribute": {
				"id": "packet-location-grid",
				"class": ["nc-align-top", "nc-margin-top", "nc-margin-right"],
				"width": "auto"
			},
			"element": [
				{
					"component": "nc-row",
					"element": [
						{
							"component": "nc-header",
							"attribute": {
								"size": "small",
								"hdr": "hdr.stock.packet_location"
							}
						}
					]
				},
				{
					"component": "nc-row",
					"element": [
						{
							"component": "nc-grid",
							"attribute": {
								"id": "stock_location",
								"height": "calc(20vh - 1em)",
								"model": "grid.stock_location",
								"v-on:grid-row-clicked": "gridRowClicked",
								":doesExternalFilterPass": "doesExternalFilterPass",
								":isExternalFilterPresent": "isExternalFilterPresent"
							}
						}
					]
				}
			]
		},
		{
			"component": "nc-col",
			"attribute": {
				"id": "stock-map-column",
				"width": "30em",
				"class": ["nc-align-top", "nc-margin-right"]
			},
			"element": [
				{
					"component": "nc-label-dropdown",
					"text": "Location",
					"attribute": {
						"hdr": "hdr.location",
						"label-style": "width: 4em;",
						"model": "rec.location_id",
						"v-on:change": "gridRowClicked('work', null, null, true)",
						":doesExternalFilterPass": "doesExternalFilterPass",
						":isExternalFilterPresent": "isExternalFilterPresent"
					}
				},
				{
					"component": "nc-rect",
					"attribute": {
						"style": ["margin: 1px; overflow: hidden;"]
					},
					"element": [
						{
							"component": "nc-svg-map",
							"attribute": {
								":highlight": "mapSelected",
								"style": "height: 18vh; margin-top: 0;",
								"svg": "img/stock-map.svg",
								"v-model:hover": "mapHover",
								"v-on:click": "stockMapToggleSelected($event)",
								"v-on:dblclick": "stockMapDoubleClick($event)"
							}
						}
					]
				}
			]
		}
	]
}
