import { openBlock, createElementBlock, resolveComponent, createBaseVNode, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, QBtn, createBlock, Fragment, QIcon, pushScopeId, popScopeId } from './__federation_expose_Modules-a9c6a6fc.js';
import { QBreadcrumbs, QBreadcrumbsEl } from './QBreadcrumbs-d508f268.js';
import { QSpace } from './QSpace-afce9c3e.js';
import { QChip } from './QChip-a1a7c82e.js';
import { QBtnDropdown } from './QBtnDropdown-795fbd07.js';
import { QInput } from './QInput-a81d9a9f.js';
import { QScrollArea, QSpinnerHourglass } from './tryoutServingAPI.vue_vue_type_style_index_0_scoped_bc29889c_lang-73c6a91e.js';
import { _export_sfc } from './_plugin-vue_export-helper-e9a2c33e.js';

const monitor$1 = false;
const input$1 = [
	{
		date: "2021-11-01 00:00:00+0900",
		power: 225.36
	},
	{
		date: "2021-11-01 00:15:00+0900",
		power: 228.42
	},
	{
		date: "2021-11-01 00:30:00+0900",
		power: 228.78
	},
	{
		date: "2021-11-01 00:45:00+0900",
		power: 259.47
	},
	{
		date: "2021-11-01 01:00:00+0900",
		power: 264.42
	},
	{
		date: "2021-11-01 01:15:00+0900",
		power: 274.5
	},
	{
		date: "2021-11-01 01:30:00+0900",
		power: 242.82
	},
	{
		date: "2021-11-01 01:45:00+0900",
		power: 239.04
	},
	{
		date: "2021-11-01 02:00:00+0900",
		power: 259.29
	},
	{
		date: "2021-11-01 02:15:00+0900",
		power: 263.79
	},
	{
		date: "2021-11-01 02:30:00+0900",
		power: 267.39
	},
	{
		date: "2021-11-01 02:45:00+0900",
		power: 229.5
	},
	{
		date: "2021-11-01 03:00:00+0900",
		power: 203.76
	},
	{
		date: "2021-11-01 03:15:00+0900",
		power: 210.87
	},
	{
		date: "2021-11-01 03:30:00+0900",
		power: 208.53
	},
	{
		date: "2021-11-01 03:45:00+0900",
		power: 233.28
	},
	{
		date: "2021-11-01 04:00:00+0900",
		power: 222.66
	},
	{
		date: "2021-11-01 04:15:00+0900",
		power: 225.54
	},
	{
		date: "2021-11-01 04:30:00+0900",
		power: 231.3
	},
	{
		date: "2021-11-01 04:45:00+0900",
		power: 224.19
	},
	{
		date: "2021-11-01 05:00:00+0900",
		power: 251.64
	},
	{
		date: "2021-11-01 05:15:00+0900",
		power: 246.87
	},
	{
		date: "2021-11-01 05:30:00+0900",
		power: 244.44
	},
	{
		date: "2021-11-01 05:45:00+0900",
		power: 234.27
	},
	{
		date: "2021-11-01 06:00:00+0900",
		power: 216.54
	},
	{
		date: "2021-11-01 06:15:00+0900",
		power: 242.91
	},
	{
		date: "2021-11-01 06:30:00+0900",
		power: 248.31
	},
	{
		date: "2021-11-01 06:45:00+0900",
		power: 249.93
	},
	{
		date: "2021-11-01 07:00:00+0900",
		power: 252.63
	},
	{
		date: "2021-11-01 07:15:00+0900",
		power: 257.85
	},
	{
		date: "2021-11-01 07:30:00+0900",
		power: 214.38
	},
	{
		date: "2021-11-01 07:45:00+0900",
		power: 201.6
	},
	{
		date: "2021-11-01 08:00:00+0900",
		power: 202.14
	},
	{
		date: "2021-11-01 08:15:00+0900",
		power: 201.96
	},
	{
		date: "2021-11-01 08:30:00+0900",
		power: 207.9
	},
	{
		date: "2021-11-01 08:45:00+0900",
		power: 219.24
	},
	{
		date: "2021-11-01 09:00:00+0900",
		power: 210.06
	},
	{
		date: "2021-11-01 09:15:00+0900",
		power: 209.34
	},
	{
		date: "2021-11-01 09:30:00+0900",
		power: 205.02
	},
	{
		date: "2021-11-01 09:45:00+0900",
		power: 184.86
	},
	{
		date: "2021-11-01 10:00:00+0900",
		power: 189
	},
	{
		date: "2021-11-01 10:15:00+0900",
		power: 199.8
	},
	{
		date: "2021-11-01 10:30:00+0900",
		power: 241.47
	},
	{
		date: "2021-11-01 10:45:00+0900",
		power: 248.85
	},
	{
		date: "2021-11-01 11:00:00+0900",
		power: 251.01
	},
	{
		date: "2021-11-01 11:15:00+0900",
		power: 260.82
	},
	{
		date: "2021-11-01 11:30:00+0900",
		power: 246.6
	},
	{
		date: "2021-11-01 11:45:00+0900",
		power: 266.94
	},
	{
		date: "2021-11-01 12:00:00+0900",
		power: 263.25
	},
	{
		date: "2021-11-01 12:15:00+0900",
		power: 256.95
	},
	{
		date: "2021-11-01 12:30:00+0900",
		power: 266.4
	},
	{
		date: "2021-11-01 12:45:00+0900",
		power: 227.61
	},
	{
		date: "2021-11-01 13:00:00+0900",
		power: 123.66
	},
	{
		date: "2021-11-01 13:15:00+0900",
		power: 125.73
	},
	{
		date: "2021-11-01 13:30:00+0900",
		power: 126.36
	},
	{
		date: "2021-11-01 13:45:00+0900",
		power: 214.47
	},
	{
		date: "2021-11-01 14:00:00+0900",
		power: 260.37
	},
	{
		date: "2021-11-01 14:15:00+0900",
		power: 265.95
	},
	{
		date: "2021-11-01 14:30:00+0900",
		power: 255.33
	},
	{
		date: "2021-11-01 14:45:00+0900",
		power: 305.01
	},
	{
		date: "2021-11-01 15:00:00+0900",
		power: 265.77
	},
	{
		date: "2021-11-01 15:15:00+0900",
		power: 251.46
	},
	{
		date: "2021-11-01 15:30:00+0900",
		power: 256.14
	},
	{
		date: "2021-11-01 15:45:00+0900",
		power: 246.24
	},
	{
		date: "2021-11-01 16:00:00+0900",
		power: 257.58
	},
	{
		date: "2021-11-01 16:15:00+0900",
		power: 296.28
	},
	{
		date: "2021-11-01 16:30:00+0900",
		power: 274.14
	},
	{
		date: "2021-11-01 16:45:00+0900",
		power: 287.1
	},
	{
		date: "2021-11-01 17:00:00+0900",
		power: 277.2
	},
	{
		date: "2021-11-01 17:15:00+0900",
		power: 274.32
	},
	{
		date: "2021-11-01 17:30:00+0900",
		power: 277.83
	},
	{
		date: "2021-11-01 17:45:00+0900",
		power: 253.35
	},
	{
		date: "2021-11-01 18:00:00+0900",
		power: 129.06
	},
	{
		date: "2021-11-01 18:15:00+0900",
		power: 127.26
	},
	{
		date: "2021-11-01 18:30:00+0900",
		power: 124.65
	},
	{
		date: "2021-11-01 18:45:00+0900",
		power: 128.43
	},
	{
		date: "2021-11-01 19:00:00+0900",
		power: 222.57
	},
	{
		date: "2021-11-01 19:15:00+0900",
		power: 270.99
	},
	{
		date: "2021-11-01 19:30:00+0900",
		power: 274.5
	},
	{
		date: "2021-11-01 19:45:00+0900",
		power: 266.85
	},
	{
		date: "2021-11-01 20:00:00+0900",
		power: 268.83
	},
	{
		date: "2021-11-01 20:15:00+0900",
		power: 265.95
	},
	{
		date: "2021-11-01 20:30:00+0900",
		power: 260.01
	},
	{
		date: "2021-11-01 20:45:00+0900",
		power: 277.47
	},
	{
		date: "2021-11-01 21:00:00+0900",
		power: 264.69
	},
	{
		date: "2021-11-01 21:15:00+0900",
		power: 244.98
	},
	{
		date: "2021-11-01 21:30:00+0900",
		power: 247.86
	},
	{
		date: "2021-11-01 21:45:00+0900",
		power: 250.2
	},
	{
		date: "2021-11-01 22:00:00+0900",
		power: 266.67
	},
	{
		date: "2021-11-01 22:15:00+0900",
		power: 276.03
	},
	{
		date: "2021-11-01 22:30:00+0900",
		power: 274.14
	},
	{
		date: "2021-11-01 22:45:00+0900",
		power: 254.43
	},
	{
		date: "2021-11-01 23:00:00+0900",
		power: 253.89
	},
	{
		date: "2021-11-01 23:15:00+0900",
		power: 268.65
	},
	{
		date: "2021-11-01 23:30:00+0900",
		power: 266.13
	},
	{
		date: "2021-11-01 23:45:00+0900",
		power: 265.41
	}
];
const demandInputdata = {
	monitor: monitor$1,
	input: input$1
};

const monitor = false;
const input = [
	{
		date: "2016-12-31 00:00:00+0900",
		temperature: 44,
		humidity: 92,
		wind_degree: 278.07,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 00:15:00+0900",
		temperature: 44,
		humidity: 89,
		wind_degree: 267.82,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 00:30:00+0900",
		temperature: 43,
		humidity: 90,
		wind_degree: 247.94,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 00:45:00+0900",
		temperature: 42,
		humidity: 90,
		wind_degree: 238.59,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 01:00:00+0900",
		temperature: 44,
		humidity: 83,
		wind_degree: 233.05,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 01:15:00+0900",
		temperature: 44,
		humidity: 77,
		wind_degree: 233.18,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 01:30:00+0900",
		temperature: 45,
		humidity: 78,
		wind_degree: 159.5,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 01:45:00+0900",
		temperature: 45,
		humidity: 83,
		wind_degree: 144.27,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 02:00:00+0900",
		temperature: 43,
		humidity: 87,
		wind_degree: 192.45,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 02:15:00+0900",
		temperature: 43,
		humidity: 89,
		wind_degree: 192.41,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.23
	},
	{
		date: "2016-12-31 02:30:00+0900",
		temperature: 42,
		humidity: 89,
		wind_degree: 192.38,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 02:45:00+0900",
		temperature: 42,
		humidity: 89,
		wind_degree: 192.87,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 03:00:00+0900",
		temperature: 41,
		humidity: 90,
		wind_degree: 197.35,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 03:15:00+0900",
		temperature: 41,
		humidity: 90,
		wind_degree: 204.42,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 03:30:00+0900",
		temperature: 42,
		humidity: 88,
		wind_degree: 202.44,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.2
	},
	{
		date: "2016-12-31 03:45:00+0900",
		temperature: 43,
		humidity: 84,
		wind_degree: 203.06,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.2
	},
	{
		date: "2016-12-31 04:00:00+0900",
		temperature: 42,
		humidity: 86,
		wind_degree: 203.45,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 04:15:00+0900",
		temperature: 41,
		humidity: 88,
		wind_degree: 211.19,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.2
	},
	{
		date: "2016-12-31 04:30:00+0900",
		temperature: 42,
		humidity: 87,
		wind_degree: 218.3,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.19
	},
	{
		date: "2016-12-31 04:45:00+0900",
		temperature: 43,
		humidity: 83,
		wind_degree: 255.42,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.19
	},
	{
		date: "2016-12-31 05:00:00+0900",
		temperature: 42,
		humidity: 84,
		wind_degree: 224.43,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 05:15:00+0900",
		temperature: 42,
		humidity: 76,
		wind_degree: 256.76,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.24
	},
	{
		date: "2016-12-31 05:30:00+0900",
		temperature: 43,
		humidity: 82,
		wind_degree: 193.12,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.23
	},
	{
		date: "2016-12-31 05:45:00+0900",
		temperature: 43,
		humidity: 79,
		wind_degree: 278.56,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.2
	},
	{
		date: "2016-12-31 06:00:00+0900",
		temperature: 44,
		humidity: 77,
		wind_degree: 222.33,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 06:15:00+0900",
		temperature: 43,
		humidity: 77,
		wind_degree: 222.55,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.18
	},
	{
		date: "2016-12-31 06:30:00+0900",
		temperature: 43,
		humidity: 78,
		wind_degree: 215.86,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 06:45:00+0900",
		temperature: 42,
		humidity: 79,
		wind_degree: 222.51,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 07:00:00+0900",
		temperature: 42,
		humidity: 80,
		wind_degree: 219.97,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 3.55
	},
	{
		date: "2016-12-31 07:15:00+0900",
		temperature: 42,
		humidity: 78,
		wind_degree: 276.02,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 18.32
	},
	{
		date: "2016-12-31 07:30:00+0900",
		temperature: 43,
		humidity: 80,
		wind_degree: 279.69,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 25.24
	},
	{
		date: "2016-12-31 07:45:00+0900",
		temperature: 42,
		humidity: 84,
		wind_degree: 240.48,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 52.87
	},
	{
		date: "2016-12-31 08:00:00+0900",
		temperature: 43,
		humidity: 86,
		wind_degree: 258.85,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 44.3
	},
	{
		date: "2016-12-31 08:15:00+0900",
		temperature: 44,
		humidity: 86,
		wind_degree: 274.08,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 163.52
	},
	{
		date: "2016-12-31 08:30:00+0900",
		temperature: 45,
		humidity: 84,
		wind_degree: 282.56,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 181.73
	},
	{
		date: "2016-12-31 08:45:00+0900",
		temperature: 45,
		humidity: 84,
		wind_degree: 292.08,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 132.99
	},
	{
		date: "2016-12-31 09:00:00+0900",
		temperature: 46,
		humidity: 84,
		wind_degree: 259.61,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 466.49
	},
	{
		date: "2016-12-31 09:15:00+0900",
		temperature: 48,
		humidity: 86,
		wind_degree: 299.83,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 562.05
	},
	{
		date: "2016-12-31 09:30:00+0900",
		temperature: 48,
		humidity: 87,
		wind_degree: 280.1,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 621.48
	},
	{
		date: "2016-12-31 09:45:00+0900",
		temperature: 50,
		humidity: 84,
		wind_degree: 293.26,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 411.52
	},
	{
		date: "2016-12-31 10:00:00+0900",
		temperature: 50,
		humidity: 83,
		wind_degree: 281.24,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 368.6
	},
	{
		date: "2016-12-31 10:15:00+0900",
		temperature: 50,
		humidity: 82,
		wind_degree: 299.08,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 340.05
	},
	{
		date: "2016-12-31 10:30:00+0900",
		temperature: 50,
		humidity: 80,
		wind_degree: 318.59,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 614.07
	},
	{
		date: "2016-12-31 10:45:00+0900",
		temperature: 51,
		humidity: 80,
		wind_degree: 331.54,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 258.96
	},
	{
		date: "2016-12-31 11:00:00+0900",
		temperature: 51,
		humidity: 78,
		wind_degree: 294.86,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 540.71
	},
	{
		date: "2016-12-31 11:15:00+0900",
		temperature: 52,
		humidity: 74,
		wind_degree: 309.71,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 392.47
	},
	{
		date: "2016-12-31 11:30:00+0900",
		temperature: 52,
		humidity: 69,
		wind_degree: 322.88,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 365.6
	},
	{
		date: "2016-12-31 11:45:00+0900",
		temperature: 52,
		humidity: 68,
		wind_degree: 343.71,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 615.75
	},
	{
		date: "2016-12-31 12:00:00+0900",
		temperature: 53,
		humidity: 67,
		wind_degree: 301.76,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 364.1
	},
	{
		date: "2016-12-31 12:15:00+0900",
		temperature: 53,
		humidity: 68,
		wind_degree: 326.66,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 595.61
	},
	{
		date: "2016-12-31 12:30:00+0900",
		temperature: 53,
		humidity: 70,
		wind_degree: 336.34,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 461.31
	},
	{
		date: "2016-12-31 12:45:00+0900",
		temperature: 53,
		humidity: 73,
		wind_degree: 333.86,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 532.51
	},
	{
		date: "2016-12-31 13:00:00+0900",
		temperature: 53,
		humidity: 75,
		wind_degree: 309.47,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 827.4
	},
	{
		date: "2016-12-31 13:15:00+0900",
		temperature: 53,
		humidity: 74,
		wind_degree: 328.55,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 229.02
	},
	{
		date: "2016-12-31 13:30:00+0900",
		temperature: 53,
		humidity: 74,
		wind_degree: 317.29,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 199.27
	},
	{
		date: "2016-12-31 13:45:00+0900",
		temperature: 53,
		humidity: 75,
		wind_degree: 345.68,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 279.42
	},
	{
		date: "2016-12-31 14:00:00+0900",
		temperature: 53,
		humidity: 79,
		wind_degree: 337.33,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 448.57
	},
	{
		date: "2016-12-31 14:15:00+0900",
		temperature: 53,
		humidity: 81,
		wind_degree: 332.56,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 325.07
	},
	{
		date: "2016-12-31 14:30:00+0900",
		temperature: 53,
		humidity: 83,
		wind_degree: 318.76,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 261.18
	},
	{
		date: "2016-12-31 14:45:00+0900",
		temperature: 52,
		humidity: 86,
		wind_degree: 316.74,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 637.19
	},
	{
		date: "2016-12-31 15:00:00+0900",
		temperature: 52,
		humidity: 85,
		wind_degree: 318.62,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 280.55
	},
	{
		date: "2016-12-31 15:15:00+0900",
		temperature: 52,
		humidity: 84,
		wind_degree: 297.87,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 246.8
	},
	{
		date: "2016-12-31 15:30:00+0900",
		temperature: 53,
		humidity: 82,
		wind_degree: 307.34,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 215.98
	},
	{
		date: "2016-12-31 15:45:00+0900",
		temperature: 53,
		humidity: 80,
		wind_degree: 308.14,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 392.78
	},
	{
		date: "2016-12-31 16:00:00+0900",
		temperature: 54,
		humidity: 77,
		wind_degree: 328.53,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 552.33
	},
	{
		date: "2016-12-31 16:15:00+0900",
		temperature: 52,
		humidity: 79,
		wind_degree: 313.42,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 82.4
	},
	{
		date: "2016-12-31 16:30:00+0900",
		temperature: 51,
		humidity: 84,
		wind_degree: 321.22,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 84.62
	},
	{
		date: "2016-12-31 16:45:00+0900",
		temperature: 50,
		humidity: 88,
		wind_degree: 325.93,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 134.44
	},
	{
		date: "2016-12-31 17:00:00+0900",
		temperature: 50,
		humidity: 88,
		wind_degree: 321.08,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 65.73
	},
	{
		date: "2016-12-31 17:15:00+0900",
		temperature: 49,
		humidity: 90,
		wind_degree: 314.27,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 49.94
	},
	{
		date: "2016-12-31 17:30:00+0900",
		temperature: 49,
		humidity: 91,
		wind_degree: 300.56,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 18.98
	},
	{
		date: "2016-12-31 17:45:00+0900",
		temperature: 49,
		humidity: 92,
		wind_degree: 291.63,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 9.33
	},
	{
		date: "2016-12-31 18:00:00+0900",
		temperature: 48,
		humidity: 95,
		wind_degree: 328.44,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 3.2
	},
	{
		date: "2016-12-31 18:15:00+0900",
		temperature: 48,
		humidity: 96,
		wind_degree: 334.78,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 18:30:00+0900",
		temperature: 47,
		humidity: 97,
		wind_degree: 320.19,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 18:45:00+0900",
		temperature: 47,
		humidity: 98,
		wind_degree: 320.95,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.2
	},
	{
		date: "2016-12-31 19:00:00+0900",
		temperature: 47,
		humidity: 99,
		wind_degree: 284.13,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.24
	},
	{
		date: "2016-12-31 19:15:00+0900",
		temperature: 46,
		humidity: 97,
		wind_degree: 279.34,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.18
	},
	{
		date: "2016-12-31 19:30:00+0900",
		temperature: 46,
		humidity: 94,
		wind_degree: 288.56,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.23
	},
	{
		date: "2016-12-31 19:45:00+0900",
		temperature: 46,
		humidity: 89,
		wind_degree: 282.75,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 20:00:00+0900",
		temperature: 46,
		humidity: 87,
		wind_degree: 261.6,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 20:15:00+0900",
		temperature: 45,
		humidity: 86,
		wind_degree: 248.66,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.24
	},
	{
		date: "2016-12-31 20:30:00+0900",
		temperature: 44,
		humidity: 87,
		wind_degree: 212.7,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.23
	},
	{
		date: "2016-12-31 20:45:00+0900",
		temperature: 43,
		humidity: 88,
		wind_degree: 208.55,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.18
	},
	{
		date: "2016-12-31 21:00:00+0900",
		temperature: 43,
		humidity: 88,
		wind_degree: 209.02,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.23
	},
	{
		date: "2016-12-31 21:15:00+0900",
		temperature: 42,
		humidity: 83,
		wind_degree: 210.68,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 21:30:00+0900",
		temperature: 42,
		humidity: 81,
		wind_degree: 224.93,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	},
	{
		date: "2016-12-31 21:45:00+0900",
		temperature: 41,
		humidity: 83,
		wind_degree: 218.79,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 22:00:00+0900",
		temperature: 41,
		humidity: 81,
		wind_degree: 208.34,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.22
	},
	{
		date: "2016-12-31 22:15:00+0900",
		temperature: 41,
		humidity: 79,
		wind_degree: 208.06,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.2
	},
	{
		date: "2016-12-31 22:30:00+0900",
		temperature: 41,
		humidity: 79,
		wind_degree: 214.12,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.23
	},
	{
		date: "2016-12-31 22:45:00+0900",
		temperature: 41,
		humidity: 81,
		wind_degree: 218.78,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.2
	},
	{
		date: "2016-12-31 23:00:00+0900",
		temperature: 40,
		humidity: 82,
		wind_degree: 225.89,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.2
	},
	{
		date: "2016-12-31 23:15:00+0900",
		temperature: 40,
		humidity: 82,
		wind_degree: 228.08,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.18
	},
	{
		date: "2016-12-31 23:30:00+0900",
		temperature: 40,
		humidity: 83,
		wind_degree: 236.93,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.2
	},
	{
		date: "2016-12-31 23:45:00+0900",
		temperature: 42,
		humidity: 81,
		wind_degree: 218.28,
		time_sun_rise: "6:57:00",
		time_sun_set: "17:54:00",
		radiation: 1.21
	}
];
const solarPowerInputData = {
	monitor: monitor,
	input: input
};

const _sfc_main$2 = {
  name: "showPredictionPlot",
  props: ['inputData', 'predictData', 'servingModel'],
  data() {
    return {
      variable: null,
      unit: null,
      dateData: [],
      numbericInputData: [],
      numbericPredictData: []
    };
  },
  methods: {
    drawCharts() {
      Highcharts.chart('plot', {
        chart: {
          type: 'spline'
        },
        title: {
          text: 'Forecasting visualization'
        },
        tooltip: {
          formatter: function () {
            const heading = this.series.name;
            const content = 'on ' + this.point.date + ' is';
            const value = this.point.y + ' (' + this.point.unit + ')';
            return heading + '</br>' + content + '</br>' + value;
          }
        },
        yAxis: {
          title: {
            text: this.variable
          },
          labels: {
            format: '{value} ' + this.unit
          },
          lineWidth: 1
        },
        xAxis: {
          title: {
            text: 'Steps'
          }
        },
        series: [{
          data: this.numbericInputData,
          name: 'Input',
          lineWidth: 3
        }, {
          data: this.numbericPredictData,
          name: 'Forecasting',
          lineWidth: 3,
          dashStyle: 'DashDot',
          color: 'red'
        }],
        credits: false
      });
    }
  },
  mounted() {
    this.numbericInputData = [];
    var inputStep = this.servingModel.model_hyperparameters.window;
    var predictionStep = this.servingModel.training_parameters.horizon;
    if (this.servingModel.pipeline_id == 1) {
      this.unit = 'kW';
      this.inputData.forEach(data => {
        this.dateData.push(data.date);
        this.numbericInputData.push({
          "y": data.power,
          "date": data.date,
          "unit": this.unit
        });
      });
    } else if (this.servingModel.pipeline_id == 2) {
      this.unit = 'kWh/m2';
      this.inputData.forEach(data => {
        this.dateData.push(data.date);
        this.numbericInputData.push({
          "y": data.radiation,
          "date": data.date,
          "unit": this.unit
        });
      });
    }
    this.numbericInputData.splice(0, 96 - this.servingModel.model_hyperparameters.window);
    while (predictionStep > 0) {
      this.numbericInputData.push(null);
      predictionStep = predictionStep - 1;
    }
    while (inputStep > 0) {
      this.numbericPredictData.push(null);
      inputStep = inputStep - 1;
    }
    if (this.servingModel.pipeline_id == 1) {
      this.variable = 'Power';
      this.unit = 'kW';
      this.predictData.forEach(data => {
        this.dateData.push(data.date);
        this.numbericPredictData.push({
          "y": data.power,
          "date": data.date,
          "unit": this.unit
        });
      });
    } else if (this.servingModel.pipeline_id == 2) {
      this.variable = 'Radiation';
      this.unit = 'kWh/m2';
      this.predictData.forEach(data => {
        this.dateData.push(data.date);
        this.numbericPredictData.push({
          "y": data.radiation,
          "date": data.date,
          "unit": this.unit
        });
      });
    }
    this.drawCharts(this.numbericPredictData, this.numbericInputData);
  }
};
const _hoisted_1$2 = {
  id: "plot"
};
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
  return openBlock(), createElementBlock("div", _hoisted_1$2);
}
const showPredictionPlot = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render', _sfc_render$2]]);

const serverRequestExampleText = `curl -X POST
-H "accept: application/json"
-H "X-XSRF-TOKEN: 9a6dab82-5dd5-4405-81f9-34fa6504f44d"
"https://d2.eipgrid.com/rest/v1/serving?
resource_id=xxx&model_id=bs32_nl3_hu32_oAdam”
`;

const _sfc_main$1 = {
  name: "tryoutServingAPI",
  props: ['servingModel', 'primary'],
  components: {
    showPredictionPlot
  },
  data() {
    return {
      rules: [this.checkFileExtension],
      serverRequestExample: serverRequestExampleText,
      serverResponseExampleText: '{"status": "Success", "took": 1.21, "data" : []}',
      serverResponseText: null,
      servingResponse: null,
      inputData: null,
      predictData: null,
      displayData: null,
      isButtonDisabledFlag: true,
      servingStatus: 0,
      showDetails: false,
      SERVING_ENPOINT_PREFIX: window.location.origin
    };
  },
  watch: {
    inputData: function (newVal, oldVal) {
      if (newVal) {
        if (this.inputData == null) {
          this.isButtonDisabledFlag = true;
        }
      }
    }
  },
  methods: {
    clearInputData() {
      this.inputData = null;
      this.isButtonDisabledFlag = true;
    },
    onClickedShowFigure() {
      this.$refs.showPlotPredict.show();
    },
    onClickedServing() {
      this.servingStatus = 1;
      if (this.primary) {
        window.$http.post('/rest/v1/serving/' + this.servingModel.training_id, this.inputData).then(res => {
          this.predictData = JSON.parse(res.data.predict_data);
          this.isButtonDisabledFlag = false;
          this.serverResponseText = '{"status" : "' + res.data.status + '", "took" : ' + res.data.total_time + ', "data" : ' + res.data.predict_data + '}';
          this.servingStatus = 2;
        }).catch(error => {
          console.log("model_serving_primary", error);
        });
      } else {
        window.$http.post('/rest/v1/serving/' + this.servingModel.training_id + '/' + this.servingModel.model_id + '-' + this.servingModel.id_string, this.inputData, {
          headers: this.headers
        }).then(res => {
          this.predictData = JSON.parse(res.data.predict_data);
          this.plot = res.data.prediction_plot;
          this.isButtonDisabledFlag = false;
          this.serverResponseText = '{"status" : "' + res.data.status + '", "took" : ' + res.data.total_time + ', "data" : ' + res.data.predict_data + '}';
          this.servingStatus = 2;
        }).catch(error => {
          console.log("model_serving_primary", error);
        });
      }
    }
  },
  computed: {
    exampleRequest() {
      if (this.primary) {
        return `curl -X POST
-H "accept: application/json"
-H "X-XSRF-TOKEN: 9a6dab82-5dd5-4405-81f9-34fa6504f44d"
` + this.SERVING_ENPOINT_PREFIX + '/rest/v1/serving/' + this.servingModel.training_id;
      } else {
        return `curl -X POST
-H "accept: application/json"
-H "X-XSRF-TOKEN: 9a6dab82-5dd5-4405-81f9-34fa6504f44d"
` + this.SERVING_ENPOINT_PREFIX + "/rest/v1/serving/" + this.servingModel.training_id + "/" + this.servingModel.model_id + "/" + this.servingModel.id_string;
      }
    },
    exampleResponse() {
      return JSON.stringify(JSON.parse(this.serverResponseExampleText), null, 2);
    },
    serverResponse() {
      return JSON.stringify(JSON.parse(this.serverResponseText), null, 2);
    }
  },
  created() {
    if (this.servingModel.pipeline_id == 1) {
      this.inputData = JSON.parse(JSON.stringify(demandInputdata));
    } else if (this.servingModel.pipeline_id == 2) {
      this.inputData = JSON.parse(JSON.stringify(solarPowerInputData));
    }
    this.displayData = JSON.stringify(this.inputData.input);
  }
};
const _withScopeId$1 = n => (pushScopeId("data-v-bc29889c"), n = n(), popScopeId(), n);
const _hoisted_1$1 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  class: "row section-title"
}, " Try it out ", -1));
const _hoisted_2$1 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  class: "row section-subtitle",
  style: {
    "margin-bottom": "5px"
  }
}, " APIs ", -1));
const _hoisted_3$1 = {
  class: "row section-content"
};
const _hoisted_4$1 = {
  class: "col"
};
const _hoisted_5$1 = {
  class: "row items-baseline"
};
const _hoisted_6$1 = {
  style: {
    "margin-left": "10px",
    "color": "#2050cb",
    "text-decoration": "underline"
  }
};
const _hoisted_7$1 = {
  key: 0
};
const _hoisted_8$1 = {
  key: 1
};
const _hoisted_9$1 = {
  style: {
    "align-items": "baseline"
  }
};
const _hoisted_10$1 = {
  key: 0
};
const _hoisted_11$1 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  class: "row",
  style: {
    "margin-bottom": "20px",
    "margin-top": "25px",
    "font-size": "15",
    "font-weight": "500"
  }
}, [/*#__PURE__*/createBaseVNode("span", null, "API information and testing")], -1));
const _hoisted_12$1 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  class: "row API-param"
}, [/*#__PURE__*/createBaseVNode("span", null, "Headers")], -1));
const _hoisted_13$1 = {
  class: "row sub-section-content-box"
};
const _hoisted_14$1 = {
  class: "col"
};
const _hoisted_15$1 = {
  class: "row items-baseline"
};
const _hoisted_16 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  style: {
    "margin": "0px 12px",
    "color": "#6c757d"
  }
}, " string ", -1));
const _hoisted_17 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  style: {
    "color": "#dc3545"
  }
}, " Required ", -1));
const _hoisted_18 = {
  class: "row items-baseline"
};
const _hoisted_19 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  class: "row API-param"
}, [/*#__PURE__*/createBaseVNode("span", null, "Query parameters")], -1));
const _hoisted_20 = {
  class: "row sub-section-content-box"
};
const _hoisted_21 = {
  class: "col"
};
const _hoisted_22 = {
  class: "row items-baseline"
};
const _hoisted_23 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  style: {
    "margin": "0px 12px",
    "color": "#6c757d"
  }
}, " string ", -1));
const _hoisted_24 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  style: {
    "color": "#dc3545"
  }
}, " Required ", -1));
const _hoisted_25 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  class: "row"
}, " The id of the training job. ", -1));
const _hoisted_26 = {
  class: "row",
  style: {
    "margin-top": "-30px",
    "padding": "12px 0px 12px 10px",
    "border-style": "solid",
    "border-color": "rgba(0, 0, 0, 0.12)",
    "border-width": "0px 0px 1px 0px"
  }
};
const _hoisted_27 = {
  class: "col"
};
const _hoisted_28 = {
  class: "row items-baseline"
};
const _hoisted_29 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  style: {
    "margin": "0px 12px",
    "color": "#6c757d"
  }
}, " string ", -1));
const _hoisted_30 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  style: {
    "color": "#dc3545"
  }
}, " Required ", -1));
const _hoisted_31 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  class: "row"
}, " The id of the serving model. ", -1));
const _hoisted_32 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  class: "row API-param",
  style: {
    "margin-top": "31px"
  }
}, [/*#__PURE__*/createBaseVNode("span", null, "Response Example")], -1));
const _hoisted_33 = {
  class: "row",
  style: {
    "margin": "-15px 0px 0px 15px"
  }
};
const _hoisted_34 = {
  class: "col"
};
const _hoisted_35 = {
  class: "row",
  style: {
    "margin": "36px 15px 24px 15px"
  }
};
const _hoisted_36 = {
  class: "col"
};
const _hoisted_37 = {
  class: "col",
  style: {
    "margin": "0px 15px 18px 15px"
  }
};
const _hoisted_38 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  style: {
    "margin-bottom": "8px",
    "color": "rgba(0, 0, 0, 0.65)",
    "font-weight": "700",
    "font-size": "13px"
  }
}, " JSON data ", -1));
const _hoisted_39 = {
  class: "row sub-section",
  style: {
    "margin": "0px 15px 36px 15px"
  }
};
const _hoisted_40 = {
  class: "col"
};
const _hoisted_41 = {
  key: 0
};
const _hoisted_42 = {
  class: "row",
  style: {
    "margin": "0px 15px 30px 15px"
  }
};
const _hoisted_43 = {
  class: "col"
};
const _hoisted_44 = /*#__PURE__*/_withScopeId$1(() => /*#__PURE__*/createBaseVNode("div", {
  class: "row",
  style: {
    "margin": "0px 0px 14px 15px"
  }
}, [/*#__PURE__*/createBaseVNode("span", {
  style: {
    "font-size": "15px",
    "font-weight": "500"
  }
}, "Server response")], -1));
const _hoisted_45 = {
  class: "row",
  style: {
    "margin": "0px 15px 24px 15px",
    "height": "250px",
    "overflow-y": "scroll"
  }
};
const _hoisted_46 = {
  class: "col"
};
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_highlightjs = resolveComponent("highlightjs");
  const _component_showPredictionPlot = resolveComponent("showPredictionPlot");
  return openBlock(), createElementBlock(Fragment, null, [_hoisted_1$1, _hoisted_2$1, createBaseVNode("div", _hoisted_3$1, [createBaseVNode("div", _hoisted_4$1, [createBaseVNode("div", _hoisted_5$1, [createVNode(QChip, {
    dense: "",
    class: "POST"
  }, {
    default: withCtx(() => [createTextVNode("POST")]),
    _: 1
  }), createBaseVNode("div", _hoisted_6$1, [$props.primary ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString($data.SERVING_ENPOINT_PREFIX) + "/rest/v1/serving/" + toDisplayString($props.servingModel.training_id), 1)) : (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString($data.SERVING_ENPOINT_PREFIX) + "/rest/v1/serving/" + toDisplayString($props.servingModel.training_id) + "/" + toDisplayString($props.servingModel.model_id) + "-" + toDisplayString($props.servingModel.id_string), 1))]), createVNode(QSpace), createBaseVNode("div", _hoisted_9$1, [createVNode(QBtnDropdown, {
    style: {
      "color": "black",
      "text-align": "center"
    },
    "no-caps": "",
    flat: "",
    label: "Details",
    onClick: _cache[0] || (_cache[0] = $event => {
      $data.showDetails = !$data.showDetails;
    })
  })])]), $data.showDetails ? (openBlock(), createElementBlock("div", _hoisted_10$1, [_hoisted_11$1, _hoisted_12$1, createBaseVNode("div", _hoisted_13$1, [createBaseVNode("div", _hoisted_14$1, [createBaseVNode("div", _hoisted_15$1, [createVNode(QChip, {
    dense: "",
    style: {
      "font-family": "consolas",
      "font-size": "14px",
      "font-weight": "bold",
      "color": "rgba(0, 0, 0, 0.65)"
    },
    label: "Content-Type"
  }), _hoisted_16, _hoisted_17]), createBaseVNode("div", _hoisted_18, [createTextVNode(" MIME format. Setting to "), createVNode(QChip, {
    dense: "",
    style: {
      "font-family": "consolas",
      "font-size": "14px",
      "font-weight": "bold",
      "color": "rgba(0, 0, 0, 0.65)"
    },
    label: "application/json"
  }), createTextVNode(" is recommended. ")])])]), _hoisted_19, createBaseVNode("div", _hoisted_20, [createBaseVNode("div", _hoisted_21, [createBaseVNode("div", _hoisted_22, [createVNode(QChip, {
    dense: "",
    style: {
      "font-family": "consolas",
      "font-size": "14px",
      "font-weight": "bold",
      "color": "rgba(0, 0, 0, 0.65)"
    },
    label: "training_id"
  }), _hoisted_23, _hoisted_24]), _hoisted_25])]), createBaseVNode("div", _hoisted_26, [createBaseVNode("div", _hoisted_27, [createBaseVNode("div", _hoisted_28, [createVNode(QChip, {
    dense: "",
    style: {
      "font-family": "consolas",
      "font-size": "14px",
      "font-weight": "bold",
      "color": "rgba(0, 0, 0, 0.65)"
    },
    label: "model_id"
  }), _hoisted_29, _hoisted_30]), _hoisted_31])]), _hoisted_32, createBaseVNode("div", _hoisted_33, [createBaseVNode("div", _hoisted_34, [createVNode(_component_highlightjs, {
    language: "json",
    code: $options.exampleResponse
  }, null, 8, ["code"])])])])) : createCommentVNode("", true)])]), createBaseVNode("div", _hoisted_35, [createBaseVNode("div", _hoisted_36, [createVNode(_component_highlightjs, {
    language: "json",
    code: $options.exampleRequest
  }, null, 8, ["code"])])]), createBaseVNode("div", _hoisted_37, [_hoisted_38, createVNode(QScrollArea, {
    style: {
      "height": "150px",
      "border-style": "solid",
      "border-color": "rgba(0,0,0,0.12)",
      "border-radius": "7px",
      "border-width": "1px",
      "padding-left": "15px"
    }
  }, {
    default: withCtx(() => [createVNode(QInput, {
      autogrow: "",
      type: "textarea",
      dense: "",
      flat: "",
      modelValue: $data.displayData,
      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => $data.displayData = $event),
      "onClick:clear": _cache[2] || (_cache[2] = $event => $options.clearInputData())
    }, null, 8, ["modelValue"])]),
    _: 1
  })]), createBaseVNode("div", _hoisted_39, [createBaseVNode("div", _hoisted_40, [createVNode(QBtn, {
    "no-caps": "",
    flat: "",
    style: {
      "background-color": "#192e65",
      "color": "#FFF",
      "margin-right": "10px"
    },
    onClick: _cache[3] || (_cache[3] = $event => $options.onClickedServing()),
    label: "Execute"
  }), $data.servingStatus == 1 ? (openBlock(), createBlock(QSpinnerHourglass, {
    key: 0,
    color: "primary",
    size: "2em"
  })) : createCommentVNode("", true), $data.servingStatus == 2 ? (openBlock(), createBlock(QIcon, {
    key: 1,
    style: {
      "color": "#198754"
    },
    size: "md",
    name: "fas fa-circle-check"
  })) : createCommentVNode("", true)])]), $data.predictData ? (openBlock(), createElementBlock("div", _hoisted_41, [createBaseVNode("div", _hoisted_42, [createBaseVNode("div", _hoisted_43, [createVNode(_component_showPredictionPlot, {
    inputData: $data.inputData.input,
    predictData: $data.predictData,
    servingModel: $props.servingModel
  }, null, 8, ["inputData", "predictData", "servingModel"])])]), _hoisted_44, createBaseVNode("div", _hoisted_45, [createBaseVNode("div", _hoisted_46, [createVNode(_component_highlightjs, {
    language: "json",
    code: $options.serverResponse
  }, null, 8, ["code"])])])])) : createCommentVNode("", true)], 64);
}
const tryoutServingAPI = /*#__PURE__*/_export_sfc(_sfc_main$1, [['render', _sfc_render$1], ['__scopeId', "data-v-bc29889c"]]);

const showServingDetails_vue_vue_type_style_index_0_scoped_a3e5cd3d_lang = '';

const _sfc_main = {
  components: {
    tryoutServingAPI
  },
  name: "ServingDetatils",
  data() {
    return {
      headers: {
        "Authorization": "Bearer " + window.$cookies.get('token')
      },
      servingModel: null,
      primary: false,
      SERVING_ENPOINT_PREFIX: window.location.host
    };
  },
  methods: {
    getServingModelbyId() {
      const param = this.$route.params.id.split('-');
      if (param.length == 1) {
        window.$http.get("/rest/v1/serving/serving-details?model_id=" + param, {
          headers: this.headers
        }).then(res => {
          console.log("serving", res.data.serving_model);
          this.servingModel = res.data.serving_model;
        }).catch(error => {
          console.log("get_resources", error);
        });
      } else {
        this.primary = true;
        window.$http.get("/rest/v1/serving/serving-details?training_id=" + param[1], {
          headers: this.headers
        }).then(res => {
          console.log("serving", res.data.serving_model);
          this.servingModel = res.data.serving_model;
        }).catch(error => {
          console.log("get_resources", error);
        });
      }
    }
  },
  created() {
    this.getServingModelbyId();
  }
};
const _withScopeId = n => (pushScopeId("data-v-a3e5cd3d"), n = n(), popScopeId(), n);
const _hoisted_1 = {
  key: 0
};
const _hoisted_2 = {
  class: "row nav-text"
};
const _hoisted_3 = {
  class: "col"
};
const _hoisted_4 = {
  key: 0
};
const _hoisted_5 = {
  key: 1
};
const _hoisted_6 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createBaseVNode("div", {
  class: "row sub-section"
}, [/*#__PURE__*/createBaseVNode("span", null, "Serving Details")], -1));
const _hoisted_7 = {
  class: "row",
  style: {
    "margin": "0px 20px 0px 15px",
    "background-color": "rgba(217, 217, 217, 0.2)"
  }
};
const _hoisted_8 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createBaseVNode("div", {
  class: "card-title"
}, [/*#__PURE__*/createBaseVNode("span", null, "Serving model")], -1));
const _hoisted_9 = {
  class: "card-content"
};
const _hoisted_10 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createBaseVNode("div", {
  class: "card-title"
}, [/*#__PURE__*/createBaseVNode("span", null, "Last served")], -1));
const _hoisted_11 = {
  class: "card-content"
};
const _hoisted_12 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createBaseVNode("div", {
  class: "card-title"
}, [/*#__PURE__*/createBaseVNode("span", null, "Status")], -1));
const _hoisted_13 = {
  class: "card-content-status"
};
const _hoisted_14 = {
  key: 0
};
const _hoisted_15 = {
  class: "text-right card-btn"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_router_link = resolveComponent("router-link");
  const _component_tryoutServingAPI = resolveComponent("tryoutServingAPI");
  return $data.servingModel ? (openBlock(), createElementBlock("div", _hoisted_1, [createBaseVNode("div", _hoisted_2, [createBaseVNode("div", _hoisted_3, [createVNode(QBreadcrumbs, null, {
    separator: withCtx(() => [createVNode(QIcon, {
      size: "0.8em",
      name: "fas fa-chevron-right",
      color: "black"
    })]),
    default: withCtx(() => [createVNode(QBreadcrumbsEl, {
      icon: "fas fa-arrow-left",
      label: "Prediction Serving",
      to: "/model-serving"
    }), createVNode(QBreadcrumbsEl, null, {
      default: withCtx(() => [$data.primary ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString($data.SERVING_ENPOINT_PREFIX) + "/rest/v1/serving/" + toDisplayString($data.servingModel.training_id), 1)) : (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString($data.SERVING_ENPOINT_PREFIX) + "/rest/v1/serving/" + toDisplayString($data.servingModel.training_id) + "/" + toDisplayString($data.servingModel.model_id) + "-" + toDisplayString($data.servingModel.id_string), 1))]),
      _: 1
    })]),
    _: 1
  })])]), _hoisted_6, createBaseVNode("div", _hoisted_7, [_hoisted_8, createBaseVNode("div", _hoisted_9, [createVNode(_component_router_link, {
    to: '/model-training/training-details/' + $data.servingModel.exp_name
  }, {
    default: withCtx(() => [createBaseVNode("span", null, toDisplayString($data.servingModel.training_name) + "-" + toDisplayString($data.servingModel.training_id) + "_" + toDisplayString($data.servingModel.id_string), 1)]),
    _: 1
  }, 8, ["to"])]), createVNode(QSpace), _hoisted_10, createBaseVNode("div", _hoisted_11, [createBaseVNode("span", null, toDisplayString($data.servingModel.lastserved_date), 1)]), _hoisted_12, createBaseVNode("div", _hoisted_13, [$data.servingModel.is_serving ? (openBlock(), createElementBlock("span", _hoisted_14, "Serving")) : createCommentVNode("", true)]), createBaseVNode("div", _hoisted_15, [createVNode(QIcon, {
    style: {
      "color": "#198754"
    },
    size: "xs",
    name: "fas fa-circle-check"
  })])]), createVNode(_component_tryoutServingAPI, {
    servingModel: $data.servingModel,
    primary: $data.primary
  }, null, 8, ["servingModel", "primary"])])) : createCommentVNode("", true);
}
const showServingDetails = /*#__PURE__*/_export_sfc(_sfc_main, [['render', _sfc_render], ['__scopeId', "data-v-a3e5cd3d"]]);

export { showServingDetails as default };
