// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: MIT

export enum WidgetType { lamp, appliance, overhead, info, graph, control, music, hvac, camera, dishwasher, microwave, alarm, weatherInfo, timeInfo, powerInfo }

struct Widget {
    id: string,
    type: WidgetType,
    visible: bool,
}

export struct ComponentData {
    id: string,
    x: int,
    y: int,
    width: int,
    height: int,
    visible: bool,
    background: brush,
    position: int,
}

export struct DataGroup {
    id: string,
    components: [ComponentData]
}

import "../fonts/Poppins-Bold.ttf";
import "../fonts/Poppins-Light.ttf";
import "../fonts/Poppins-Medium.ttf";
import "../fonts/Poppins-Regular.ttf";
import "../fonts/Poppins-Thin.ttf";

export enum Orientation {
    portrait,
    landscape
}

export global AppState {
    in-out property <bool> first-run: true;
    in-out property <bool> kiosk-mode: false;
    in property <bool> disable-kiosk-mode: false;
    callback end-kiosk-mode();
    end-kiosk-mode => {
        kiosk-mode = false;
    }
    in-out property <int> current-page: 0; // Don't use this directly. Use target-page instead.
    in-out property <int> target-page: 0;
    out property <DataGroup> current-layout-data: orientation == Orientation.landscape ? pageDataLandscape[current-page] : pageDataPortrait[current-page];
    in property <length> window-width: 960px;
    in property <length> window-height: 540px;
    out property <Orientation> orientation: window-width > window-height ? landscape : portrait;
    in property <bool> graphics-accelerator-available: true;

    out property <float> x-scale: orientation == Orientation.landscape ? window-width / 1920px : window-width / 1080px;
    out property <float> y-scale: orientation == Orientation.landscape ? window-height / 1080px : window-height / 1920px;

    in-out property <bool> showing-full-screen: false;
    out property <int> full-screen-index: -1;
    in-out property <int> last-selected-index: -1;
    callback showFullScreen(int);
    showFullScreen(index)=> {
       full-screen-index = index;

        if full-screen-index != -1 {
            last-selected-index = index;
            showing-full-screen = true;
       }
    }
    out property <string> default-font-family: "Poppins";



    // Portrait values
    property <float> margin: 36;
    property <float> mini-width: ((1080 - (4 * margin)) / 3).floor();
    property <float> big-width: ((1080 - (3 * margin)) / 2).floor();
    property <float> mini-col2-x: (2 * margin) + mini-width;
    property <float> mini-col3-x: (3 * margin) + mini-width * 2;
    property <float> big-col2-x: (2 * margin) + big-width;
    // page 1 layout
    property <float> row1-y: 190;
    property <float> row2-y: row1-y + mini-height + margin;
    property <float> row3-y: row2-y + mini-height + margin;
    property <float> row4-y: row3-y + big-height + margin;

    // page 2 layout
    property <float> row2-y2: row1-y + mega-height + margin;
    property <float> row3-y2: row2-y2 + mini-height + margin;
    property <float> row4-y2: row3-y2 + mini-height + margin;

    // page 3 layout
    property <float> row2-y3: row1-y + big-height + margin;
    property <float> row3-y3: row2-y3 + mini-height + margin;
    property <float> row4-y3: row3-y3 + mini-height + margin;

    property <float> mini-height: 300;
    property <float> big-height: 420;
    property <float> mega-height: 500;

    out property <[{id: string, name: string, type: WidgetType }]> component-details: [
       { id: "lamp1", name: "His\nNightstand", type: WidgetType.lamp },
       { id: "lamp2", name: "Her\nNightstand", type: WidgetType.lamp },
       { id: "lamp3", name: "Stove", type: WidgetType.lamp },
       { id: "lamp4", name: "Front Entry", type: WidgetType.lamp },
       { id: "lamp5", name: "Back Porch", type: WidgetType.lamp },
       { id: "lamp6", name: "Yard", type: WidgetType.lamp },
       { id: "lamp7", name: "Hall Lights", type: WidgetType.lamp },
       { id: "appliance1",name: "Dishwasher", type: WidgetType.dishwasher },
       { id: "appliance2",name: "Microwave", type: WidgetType.microwave },
       { id: "overhead1", name: "Dining Area", type: WidgetType.overhead, },
       { id: "overhead2", name: "Kitchen Island", type: WidgetType.overhead, },
       { id: "overhead3", name: "Stove", type: WidgetType.overhead, },
       { id: "overhead4", name: "Walk-In Closet", type: WidgetType.overhead, },
       { id: "overhead5",name: "En-Suite Bathroom", type: WidgetType.overhead, },
       { id: "overhead6",name: "Master Bedroom 1", type: WidgetType.overhead, },
       { id: "overhead7",name: "Master Bedroom 2", type: WidgetType.overhead, },
       { id: "overhead8",name: "Master Bedroom 3", type: WidgetType.overhead, },
       { id: "overhead9",name: "Master Bedroom 4", type: WidgetType.overhead, },
       { id: "overhead10",name: "Office", type: WidgetType.overhead, },
       { id: "overhead11",name: "Basement", type: WidgetType.overhead, },
       { id: "info2", name:"Weather",type: WidgetType.weatherInfo },
       { id: "info3", name:"Power Usage",type: WidgetType.powerInfo },
       { id: "graph1", name:"Humidity",type: WidgetType.graph },
       { id: "graph2", name:"Pressure",type: WidgetType.graph },
       { id: "control1", name:"Music",type: WidgetType.music },
       { id: "control2", name:"Front Camera",type: WidgetType.camera },
       { id: "control3", name:"Alarm",type: WidgetType.alarm },
       { id: "control4", name:"Heating / Air Conditioning",type: WidgetType.hvac },
    ];


    out property <[DataGroup]> pageDataLandscape: [
        {
            id: "house",
            components: [
               { id: "lamp1", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp2", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp3", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp4", x: 36.41, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: true, position: 0 },
                { id: "lamp5", x: 507.41, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: true, position: 1 },
                { id: "lamp6", x: 978.41, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: true, position: 2 },
                { id: "lamp7", x: 915, y: 645.893, width: 89, height: 90, background: #ffbe00, visible: false },
                { id: "appliance1", x: 890, y: 620, width: 140, height: 140, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 890, y: 620, width: 140, height: 140, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead2", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead3", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead4", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead5", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead6", x: 839.284, y: 645, width: 242.252, height: 89, background: #fff291, visible: false },
                { id: "overhead7", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead8", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead9", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead10", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead11", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "info2", x: 1449.41, y: 507, width: 435.0, height: 471.0, background: #00acff, visible: true, position: 3 },
                { id: "info3", x: 1449.41, y: 540, width: 435.0, height: 121.0, background: #00acff, visible: false },
                { id: "graph1", x: 890, y: 620, width: 140, height: 140, background: #ba00ff, visible: false },
                { id: "graph2", x: 864.674, y: 620, width: 191.473, height: 140, background: #ba00ff, visible: false },
                { id: "control1", x: 1449.41, y: 157, width: 435.0, height: 314.0, background: #00bf1d, visible: true },
                { id: "control2", x: 36.41, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: true },
                { id: "control3", x: 507.41, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: true },
                { id: "control4", x: 978.41, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: true },
                { id: "filter", x: 36.41, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.41, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "kitchen",
            components: [
                { id: "lamp1", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp2", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp3", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp4", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp5", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp6", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp7", x: 452, y: 420, width: 77, height: 77.412, background: #ffbe00, visible: false },
                { id: "appliance1", x: 507, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
                { id: "appliance2", x: 36, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
                { id: "overhead1", x: 36, y: 664, width: 278.0, height: 314.0, background: #fff291, visible: true },
                { id: "overhead2", x: 350, y: 664, width: 278.0, height: 314.0, background: #fff291, visible: true },
                { id: "overhead3", x: 664, y: 664, width: 278.0, height: 314.0, background: #fff291, visible: true },
                { id: "overhead4", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead5", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead6", x: 386, y: 420, width: 208.343, height: 77, background: #fff291, visible: false },
                { id: "overhead7", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead8", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead9", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead10", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead11", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "info2", x: 978, y: 664, width: 435.0, height: 314.0, background: #00acff, visible: true },
                { id: "info3", x: 430, y: 442.217, width: 121.0, height: 33.657, background: #00acff, visible: false },
                { id: "graph1", x: 978, y: 157, width: 435.0, height: 507.0, background: #ba00ff, visible: true },
                { id: "graph2", x: 408, y: 398, width: 164.671, height: 121.0, background: #ba00ff, visible: false },
                { id: "control1", x: 1449.64, y: 157, width: 435.0, height: 820.0, background: #00bf1d, visible: true },
                { id: "control2", x: 430, y: 420, width: 121.0, height: 77, background: #00bf1d, visible: false },
                { id: "control3", x: 430, y: 420, width: 121.0, height: 77, background: #00bf1d, visible: false },
                { id: "control4", x: 1259.29, y: 628, width: 121.0, height: 121.0, background: #00ac0f, visible: false },
                { id: "filter", x: 36, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "bedroom1",
            components: [
                 { id: "lamp1", x: 36.86, y: 543, width: 435.0, height: 435.0, background: #ffbe00, visible: true },
                { id: "lamp2", x: 978.86, y: 543, width: 435.0, height: 435.0, background: #ffbe00, visible: true },
                { id: "lamp3", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp4", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp5", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp6", x: 892.968, y: 685.715, width: 65.233, height: 64.659, background: #ffbe00, visible: false },
                { id: "lamp7", x: 891.162, y: 691, width: 64.824, height: 64.426, background: #ffbe00, visible: false },
                { id: "appliance1", x: 852, y: 687, width: 105, height: 105, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 852, y: 687, width: 105, height: 105, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 477.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead2", x: 791.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead3", x: 1105.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead4", x: 1135.86, y: 354, width: 277, height: 152, background: #fff291, visible: true },
                { id: "overhead5", x: 822, y: 354, width: 277, height: 152, background: #fff291, visible: true },
                { id: "overhead6", x: 507.86, y: 354, width: 277, height: 152, background: #fff291, visible: true },
                { id: "overhead7", x: 507.86, y: 157, width: 278.0, height: 152, background: #fff291, visible: true },
                { id: "overhead8", x: 1135.86, y: 157, width: 277, height: 152, background: #fff291, visible: true },
                { id: "overhead9", x: 821.86, y: 157, width: 275, height: 152, background: #fff291, visible: true },
                { id: "overhead10", x: 871.882, y: 706.356, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead11", x: 871.882, y: 706.356, width: 67, height: 67, background: #fff291, visible: false },
                { id: "info2", x: 880, y: 733, width: 49.0, height: 13.63, background: #00acff, visible: false },
                { id: "info3", x: 852, y: 725.318, width: 105, height: 29.227, background: #00acff, visible: false },
                { id: "graph1", x: 773.46, y: 507, width: 435.0, height: 435.0, background: #ba00ff, visible: false },
                { id: "graph2", x: 833.96, y: 687, width: 142.994, height: 105, background: #ba00ff, visible: false },
                { id: "control1", x: 1449.86, y: 157, width: 435.0, height: 820.0, background: #00bf1d, visible: true },
                { id: "control2", x: 36.86, y: 157, width: 435.0, height: 350.3, background: #00bf1d, visible: true },
                { id: "control3", x: 852, y: 706.356, width: 105, height: 67, background: #00bf1d, visible: false },
                { id: "control4", x: 852, y: 687, width: 105, height: 105, background: #00ac0f, visible: false },
                { id: "filter", x: 36.86, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.86, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "office",
            components: [
                { id: "lamp1", x: 181, y: 362, width: 435.0, height: 435.0, background: #ffbe00, visible: false },
                { id: "lamp2", x: 1123.59, y: 362, width: 435.0, height: 435.0, background: #ffbe00, visible: false },
                { id: "lamp3", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp4", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp5", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp6", x: 904.902, y: 540.515, width: 65.233, height: 64.659, background: #ffbe00, visible: false },
                { id: "lamp7", x: 36.678, y: 157, width: 278.016, height: 278.0, background: #ffbe00, visible: true },
                { id: "appliance1", x: 864, y: 542, width: 105, height: 105, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 864, y: 542, width: 105, height: 105, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 489, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead2", x: 803, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead3", x: 1117.69, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead4", x: 1111.78, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
                { id: "overhead5", x: 798.062, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
                { id: "overhead6", x: 483, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
                { id: "overhead7", x: 483, y: 441, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead8", x: 1111.78, y: 441, width: 277, height: 121.0, background: #fff291, visible: false },
                { id: "overhead9", x: 797, y: 441, width: 275, height: 121.0, background: #fff291, visible: false },
                { id: "overhead10", x: 350, y: 157, width: 278.0, height: 278.0, background: #fff291, visible: true },
                { id: "overhead11", x: 883, y: 561.156, width: 67, height: 67, background: #fff291, visible: false },
                { id: "info2", x: 660.558, y: 157, width: 753, height: 278.0, background: #00acff, visible: true },
                { id: "info3", x: 660.558, y: 157, width: 753, height: 121.0, background: #00acff, visible: false },
                { id: "graph1", x: 652, y: 362, width: 435.0, height: 435.0, background: #ba00ff, visible: false },
                { id: "graph2", x: 845.894, y: 542, width: 142.994, height: 105, background: #ba00ff, visible: false },
                { id: "control1", x: 1449.86, y: 157, width: 435.0, height: 820.0, background: #00bf1d, visible: true },
                { id: "control2", x: 36.678, y: 471, width: 435.0, height: 504.0, background: #00bf1d, visible: true },
                { id: "control3", x: 507, y: 471, width: 435.0, height: 504.0, background: #00bf1d, visible: true },
                { id: "control4", x: 978, y: 471, width: 435.0, height: 504.0, background: #00ac0f, visible: true },
                { id: "filter", x: 36, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "controls",
            components: [
                { id: "lamp1", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp2", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp3", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp4", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp5", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp6", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp7", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "appliance1", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead2", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead3", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead4", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead5", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead6", x: 779.442, y: 752, width: 181.354, height: 67, background: #fff291, visible: false },
                { id: "overhead7", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead8", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead9", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead10", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead11", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "info2", x: 817.457, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
                { id: "info3", x: 817.457, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
                { id: "graph1", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #ba00ff, visible: false },
                { id: "graph2", x: 798.45, y: 733.082, width: 143.34, height: 105.326, background: #ba00ff, visible: false },
                { id: "control1", x: 36.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
                { id: "control2", x: 507.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
                { id: "control3", x: 978.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
                { id: "control4", x: 1449.72, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
                { id: "filter", x: 36.719, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.719, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "lamps",
            components: [
                { id: "lamp1", x: 36.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
                { id: "lamp2", x: 350.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
                { id: "lamp3", x: 664.147, y: 157, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
                { id: "lamp4", x: 978.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
                { id: "lamp5", x: 1292.15, y: 157, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
                { id: "lamp6", x: 1606.15, y: 156.844, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
                { id: "lamp7", x: 36.147, y: 471, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
                { id: "appliance1", x: 931.21, y: 642.871, width: 70, height: 70, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 931.21, y: 642.871, width: 70, height: 70, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead2", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead3", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead4", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead5", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead6", x: 905.847, y: 655.553, width: 121.0, height: 44, background: #fff291, visible: false },
                { id: "overhead7", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead8", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead9", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead10", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead11", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "info2", x: 931.21, y: 668.234, width: 70, height: 19.547, background: #00acff, visible: false },
                { id: "info3", x: 931.21, y: 668.234, width: 70, height: 19.547, background: #00acff, visible: false },
                { id: "graph1", x: 931.21, y: 642.871, width: 70, height: 70, background: #ba00ff, visible: false },
                { id: "graph2", x: 918.529, y: 642.871, width: 95.637, height: 70, background: #ba00ff, visible: false },
                { id: "control1", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
                { id: "control2", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
                { id: "control3", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
                { id: "control4", x: 931.21, y: 642.871, width: 70, height: 70, background: #00ac0f, visible: false },
                { id: "filter", x: 36.147, y: 1002.95, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.147, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "overhead",
            components: [
                { id: "lamp1", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp2", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp3", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp4", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp5", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp6", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp7", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "appliance1", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 36.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead2", x: 507.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead3", x: 978.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead4", x: 1449.21, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead5", x: 36.991, y: 350, width: 434.223, height: 157.0, background: #fff291, visible: true },
                { id: "overhead6", x: 507.215, y: 350, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead7", x: 978.215, y: 350, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead8", x: 1449.21, y: 347.795, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead9", x: 36.991, y: 543, width: 434.223, height: 157.0, background: #fff291, visible: true },
                { id: "overhead10", x: 507.215, y: 543, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead11", x: 978.215, y: 543, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "info2", x: 816.952, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
                { id: "info3", x: 816.952, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
                { id: "graph1", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #ba00ff, visible: false },
                { id: "graph2", x: 797.945, y: 733.082, width: 143.34, height: 105.326, background: #ba00ff, visible: false },
                { id: "control1", x: 24.115, y: 567.945, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
                { id: "control2", x: 491, y: 166.5, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
                { id: "control3", x: 1437.12, y: 531.945, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
                { id: "control4", x: 1449.21, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
                { id: "filter", x: 36.215, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.215, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "appliances",
            components: [
                { id: "lamp1", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp2", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp3", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp4", x: 36, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp5", x: 507, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp6", x: 978, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp7", x: 915.736, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
                { id: "appliance1", x: 36, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
                { id: "appliance2", x: 507, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
                { id: "overhead1", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead2", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead3", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead4", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead5", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead6", x: 839.568, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
                { id: "overhead7", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead8", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead9", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead10", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead11", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "info2", x: 664, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
                { id: "info3", x: 1292.69, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
                { id: "graph1", x: 890.347, y: 620.851, width: 140, height: 140, background: #ba00ff, visible: false },
                { id: "graph2", x: 864.957, y: 620.851, width: 191.473, height: 140, background: #ba00ff, visible: false },
                { id: "control1", x: 1449.69, y: 36, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control2", x: 36, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control3", x: 507, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control4", x: 978, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "filter", x: 36, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "info",
            components: [
                { id: "lamp1", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp2", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp3", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp4", x: 36.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp5", x: 507.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp6", x: 978.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp7", x: 915.899, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
                { id: "appliance1", x: 890.509, y: 620.851, width: 140, height: 140, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 890.509, y: 620.851, width: 140, height: 140, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead2", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead3", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead4", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead5", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead6", x: 839.73, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
                { id: "overhead7", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead8", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead9", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead10", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead11", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "info2", x: 36.856, y: 314, width: 592.0, height: 121.0, background: #00acff, visible: true },
                { id: "info3", x: 36.856, y: 471, width: 592.0, height: 121.0, background: #00acff, visible: true },
                { id: "graph1", x: 890.509, y: 620.851, width: 140, height: 140, background: #ba00ff, visible: false },
                { id: "graph2", x: 865.12, y: 620.851, width: 191.473, height: 140, background: #ba00ff, visible: false },
                { id: "control1", x: 495.756, y: 423.345, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control2", x: 36.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control3", x: 507.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control4", x: 978.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "filter", x: 36.856, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.856, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "graphs",
            components: [
                { id: "lamp1", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp2", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp3", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp4", x: 36.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp5", x: 507.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp6", x: 978.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp7", x: 915.074, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
                { id: "appliance1", x: 36.031, y: 157, width: 278.0, height: 314.0, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 350.031, y: 157, width: 275.747, height: 314.0, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead2", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead3", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead4", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead5", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead6", x: 838.906, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
                { id: "overhead7", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead8", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead9", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead10", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead11", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "info2", x: 664.031, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
                { id: "info3", x: 1292.03, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
                { id: "graph1", x: 36.031, y: 157, width: 435.0, height: 471.0, background: #ba00ff, visible: true },
                { id: "graph2", x: 507.031, y: 157, width: 435.0, height: 471.0, background: #ba00ff, visible: true },
                { id: "control1", x: 1449.03, y: 36, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control2", x: 36.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control3", x: 507.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control4", x: 978.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "filter", x: 36.031, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.031, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
    ];



    out property <[DataGroup]> pageDataPortrait: [
        {
            id: "house",
            components: [
               { id: "lamp1", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp2", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp3", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp4", x: margin, y: row1-y, width: big-width, height: mini-height, background: #ffbe00, visible: true, position: 0 },
                { id: "lamp5", x: big-col2-x, y: row1-y, width: big-width, height: mini-height, background: #ffbe00, visible: true, position: 1 },
                { id: "lamp6", x: margin, y: row2-y, width: big-width, height: mini-height, background: #ffbe00, visible: true, position: 2 },
                { id: "lamp7", x: 915, y: 645.893, width: 89, height: 90, background: #ffbe00, visible: false },
                { id: "appliance1", x: 890, y: 620, width: 140, height: 140, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 890, y: 620, width: 140, height: 140, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead2", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead3", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead4", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead5", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead6", x: 839.284, y: 645, width: 242.252, height: 89, background: #fff291, visible: false },
                { id: "overhead7", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead8", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead9", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead10", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead11", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
                { id: "info2", x: big-col2-x, y: row4-y, width: big-width, height: big-height, background: #00acff, visible: true, position: 7 },
                { id: "info3", x: 1449.41, y: 540, width: 435.0, height: 121.0, background: #00acff, visible: false },
                { id: "graph1", x: 890, y: 620, width: 140, height: 140, background: #ba00ff, visible: false },
                { id: "graph2", x: 864.674, y: 620, width: 191.473, height: 140, background: #ba00ff, visible: false },
                { id: "control1", x: big-col2-x, y: row2-y, width: big-width, height: mini-height, background: #00bf1d, visible: true, position: 3 },
                { id: "control2", x: margin, y: row3-y, width: big-width, height: big-height, background: #00bf1d, visible: true, position: 4 },
                { id: "control3", x: big-col2-x, y: row3-y, width: big-width, height: big-height, background: #00bf1d, visible: true, position: 5 },
                { id: "control4", x: margin, y: row4-y, width: big-width, height: big-height, background: #00bf1d, visible: true, position: 6 },
                { id: "filter", x: 36.41, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.41, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "kitchen",
            components: [
                { id: "lamp1", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp2", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp3", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp4", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp5", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp6", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
                { id: "lamp7", x: 452, y: 420, width: 77, height: 77.412, background: #ffbe00, visible: false },
                { id: "appliance1", x: margin, y: row1-y, width: big-width, height: mega-height, background: #b5b5b5, visible: true, position: 0 },
                { id: "appliance2", x: big-col2-x, y: row1-y, width: big-width, height: mega-height, background: #b5b5b5, visible: true, position: 1 },
                { id: "overhead1", x: margin, y: row2-y2, width: big-width, height: mini-height, background: #fff291, visible: true, position: 2 },
                { id: "overhead2",  x: big-col2-x, y: row2-y2, width: big-width, height: mini-height, background: #fff291, visible: true, position: 3 },
                { id: "overhead3",  x: margin, y: row3-y2, width: big-width, height: mini-height, background: #fff291, visible: true, position: 4 },
                { id: "overhead4", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead5", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead6", x: 386, y: 420, width: 208.343, height: 77, background: #fff291, visible: false },
                { id: "overhead7", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead8", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead9", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead10", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "overhead11", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
                { id: "info2", x: margin, y: row4-y2, width: big-width, height: mini-height, background: #00acff, visible: true, position: 6 },
                { id: "info3", x: 430, y: 442.217, width: 121.0, height: 33.657, background: #00acff, visible: false },
                { id: "graph1", x: 978, y: 157, width: 435.0, height: 507.0, background: #ba00ff, visible: false },
                { id: "graph2", x: 408, y: 398, width: 164.671, height: 121.0, background: #ba00ff, visible: false },
                { id: "control1", x: big-col2-x, y: row3-y2, width: big-width, height: (mini-height * 2) + margin, background: #00bf1d, visible: true, position: 5 },
                { id: "control2", x: 430, y: 420, width: 121.0, height: 77, background: #00bf1d, visible: false },
                { id: "control3", x: 430, y: 420, width: 121.0, height: 77, background: #00bf1d, visible: false },
                { id: "control4", x: 1259.29, y: 628, width: 121.0, height: 121.0, background: #00ac0f, visible: false },
                { id: "filter", x: 36, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "bedroom1",
            components: [
                 { id: "lamp1", x: margin, y: row4-y3, width: big-width, height: big-height, background: #ffbe00, visible: true, position: 8 },
                { id: "lamp2", x: big-col2-x, y: row4-y3, width: big-width, height: big-height, background: #ffbe00, visible: true, position: 9 },
                { id: "lamp3", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp4", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp5", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp6", x: 892.968, y: 685.715, width: 65.233, height: 64.659, background: #ffbe00, visible: false },
                { id: "lamp7", x: 891.162, y: 691, width: 64.824, height: 64.426, background: #ffbe00, visible: false },
                { id: "appliance1", x: 852, y: 687, width: 105, height: 105, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 852, y: 687, width: 105, height: 105, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 477.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead2", x: 791.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead3", x: 1105.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead4", x: margin, y: row2-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 2 },
                { id: "overhead5", x: mini-col2-x, y: row2-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 3 },
                { id: "overhead6", x: mini-col3-x, y: row2-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 4 },
                { id: "overhead7", x: margin, y: row3-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 5 },
                { id: "overhead8", x: mini-col2-x, y: row3-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 6 },
                { id: "overhead9", x: mini-col3-x, y: row3-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 7 },
                { id: "overhead10", x: 871.882, y: 706.356, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead11", x: 871.882, y: 706.356, width: 67, height: 67, background: #fff291, visible: false },
                { id: "info2", x: 880, y: 733, width: 49.0, height: 13.63, background: #00acff, visible: false },
                { id: "info3", x: 852, y: 725.318, width: 105, height: 29.227, background: #00acff, visible: false },
                { id: "graph1", x: 773.46, y: 507, width: 435.0, height: 435.0, background: #ba00ff, visible: false },
                { id: "graph2", x: 833.96, y: 687, width: 142.994, height: 105, background: #ba00ff, visible: false },
                { id: "control1", x: big-col2-x, y: row1-y, width: big-width, height: big-height, background: #00bf1d, visible: true, position: 1 },
                { id: "control2", x: margin, y: row1-y, width: big-width, height: big-height, background: #00bf1d, visible: true, position: 0 },
                { id: "control3", x: 852, y: 706.356, width: 105, height: 67, background: #00bf1d, visible: false },
                { id: "control4", x: 852, y: 687, width: 105, height: 105, background: #00ac0f, visible: false },
                { id: "filter", x: 36.86, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.86, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "office",
            components: [
                { id: "lamp1", x: 181, y: 362, width: 435.0, height: 435.0, background: #ffbe00, visible: false },
                { id: "lamp2", x: 1123.59, y: 362, width: 435.0, height: 435.0, background: #ffbe00, visible: false },
                { id: "lamp3", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp4", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp5", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
                { id: "lamp6", x: 904.902, y: 540.515, width: 65.233, height: 64.659, background: #ffbe00, visible: false },
                { id: "lamp7", x: 36.678, y: 157, width: 278.016, height: 278.0, background: #ffbe00, visible: true },
                { id: "appliance1", x: 864, y: 542, width: 105, height: 105, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 864, y: 542, width: 105, height: 105, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 489, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead2", x: 803, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead3", x: 1117.69, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead4", x: 1111.78, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
                { id: "overhead5", x: 798.062, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
                { id: "overhead6", x: 483, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
                { id: "overhead7", x: 483, y: 441, width: 278.0, height: 121.0, background: #fff291, visible: false },
                { id: "overhead8", x: 1111.78, y: 441, width: 277, height: 121.0, background: #fff291, visible: false },
                { id: "overhead9", x: 797, y: 441, width: 275, height: 121.0, background: #fff291, visible: false },
                { id: "overhead10", x: 350, y: 157, width: 278.0, height: 278.0, background: #fff291, visible: true },
                { id: "overhead11", x: 883, y: 561.156, width: 67, height: 67, background: #fff291, visible: false },
                { id: "info2", x: 660.558, y: 314, width: 753, height: 121.0, background: #00acff, visible: true },
                { id: "info3", x: 660.558, y: 157, width: 753, height: 121.0, background: #00acff, visible: true },
                { id: "graph1", x: 652, y: 362, width: 435.0, height: 435.0, background: #ba00ff, visible: false },
                { id: "graph2", x: 845.894, y: 542, width: 142.994, height: 105, background: #ba00ff, visible: false },
                { id: "control1", x: 1449.86, y: 157, width: 435.0, height: 820.0, background: #00bf1d, visible: true },
                { id: "control2", x: 36.678, y: 471, width: 435.0, height: 504.0, background: #00bf1d, visible: true },
                { id: "control3", x: 507, y: 471, width: 435.0, height: 504.0, background: #00bf1d, visible: true },
                { id: "control4", x: 978, y: 471, width: 435.0, height: 504.0, background: #00ac0f, visible: true },
                { id: "filter", x: 36, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "controls",
            components: [
                { id: "lamp1", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp2", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp3", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp4", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp5", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp6", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp7", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "appliance1", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead2", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead3", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead4", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead5", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead6", x: 779.442, y: 752, width: 181.354, height: 67, background: #fff291, visible: false },
                { id: "overhead7", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead8", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead9", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead10", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "overhead11", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
                { id: "info2", x: 817.457, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
                { id: "info3", x: 817.457, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
                { id: "graph1", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #ba00ff, visible: false },
                { id: "graph2", x: 798.45, y: 733.082, width: 143.34, height: 105.326, background: #ba00ff, visible: false },
                { id: "control1", x: 36.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
                { id: "control2", x: 507.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
                { id: "control3", x: 978.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
                { id: "control4", x: 1449.72, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
                { id: "filter", x: 36.719, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.719, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "lamps",
            components: [
                { id: "lamp1", x: 36.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
                { id: "lamp2", x: 350.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
                { id: "lamp3", x: 664.147, y: 157, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
                { id: "lamp4", x: 978.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
                { id: "lamp5", x: 1292.15, y: 157, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
                { id: "lamp6", x: 1606.15, y: 156.844, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
                { id: "lamp7", x: 36.147, y: 471, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
                { id: "appliance1", x: 931.21, y: 642.871, width: 70, height: 70, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 931.21, y: 642.871, width: 70, height: 70, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead2", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead3", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead4", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead5", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead6", x: 905.847, y: 655.553, width: 121.0, height: 44, background: #fff291, visible: false },
                { id: "overhead7", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead8", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead9", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead10", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "overhead11", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
                { id: "info2", x: 931.21, y: 668.234, width: 70, height: 19.547, background: #00acff, visible: false },
                { id: "info3", x: 931.21, y: 668.234, width: 70, height: 19.547, background: #00acff, visible: false },
                { id: "graph1", x: 931.21, y: 642.871, width: 70, height: 70, background: #ba00ff, visible: false },
                { id: "graph2", x: 918.529, y: 642.871, width: 95.637, height: 70, background: #ba00ff, visible: false },
                { id: "control1", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
                { id: "control2", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
                { id: "control3", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
                { id: "control4", x: 931.21, y: 642.871, width: 70, height: 70, background: #00ac0f, visible: false },
                { id: "filter", x: 36.147, y: 1002.95, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.147, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "overhead",
            components: [
                { id: "lamp1", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp2", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp3", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp4", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
                { id: "lamp5", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp6", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "lamp7", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
                { id: "appliance1", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 36.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead2", x: 507.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead3", x: 978.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead4", x: 1449.21, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead5", x: 36.991, y: 350, width: 434.223, height: 157.0, background: #fff291, visible: true },
                { id: "overhead6", x: 507.215, y: 350, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead7", x: 978.215, y: 350, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead8", x: 1449.21, y: 347.795, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead9", x: 36.991, y: 543, width: 434.223, height: 157.0, background: #fff291, visible: true },
                { id: "overhead10", x: 507.215, y: 543, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "overhead11", x: 978.215, y: 543, width: 435.0, height: 157.0, background: #fff291, visible: true },
                { id: "info2", x: 816.952, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
                { id: "info3", x: 816.952, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
                { id: "graph1", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #ba00ff, visible: false },
                { id: "graph2", x: 797.945, y: 733.082, width: 143.34, height: 105.326, background: #ba00ff, visible: false },
                { id: "control1", x: 24.115, y: 567.945, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
                { id: "control2", x: 491, y: 166.5, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
                { id: "control3", x: 1437.12, y: 531.945, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
                { id: "control4", x: 1449.21, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
                { id: "filter", x: 36.215, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.215, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "appliances",
            components: [
                { id: "lamp1", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp2", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp3", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp4", x: 36, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp5", x: 507, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp6", x: 978, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp7", x: 915.736, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
                { id: "appliance1", x: 36, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
                { id: "appliance2", x: 507, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
                { id: "overhead1", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead2", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead3", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead4", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead5", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead6", x: 839.568, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
                { id: "overhead7", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead8", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead9", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead10", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead11", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "info2", x: 664, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
                { id: "info3", x: 1292.69, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
                { id: "graph1", x: 890.347, y: 620.851, width: 140, height: 140, background: #ba00ff, visible: false },
                { id: "graph2", x: 864.957, y: 620.851, width: 191.473, height: 140, background: #ba00ff, visible: false },
                { id: "control1", x: 1449.69, y: 36, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control2", x: 36, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control3", x: 507, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control4", x: 978, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "filter", x: 36, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "info",
            components: [
                { id: "lamp1", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp2", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp3", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp4", x: 36.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp5", x: 507.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp6", x: 978.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp7", x: 915.899, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
                { id: "appliance1", x: 890.509, y: 620.851, width: 140, height: 140, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 890.509, y: 620.851, width: 140, height: 140, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead2", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead3", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead4", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead5", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead6", x: 839.73, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
                { id: "overhead7", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead8", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead9", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead10", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead11", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "info2", x: 36.856, y: 314, width: 592.0, height: 121.0, background: #00acff, visible: true },
                { id: "info3", x: 36.856, y: 471, width: 592.0, height: 121.0, background: #00acff, visible: true },
                { id: "graph1", x: 890.509, y: 620.851, width: 140, height: 140, background: #ba00ff, visible: false },
                { id: "graph2", x: 865.12, y: 620.851, width: 191.473, height: 140, background: #ba00ff, visible: false },
                { id: "control1", x: 495.756, y: 423.345, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control2", x: 36.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control3", x: 507.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control4", x: 978.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "filter", x: 36.856, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.856, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
            {
            id: "graphs",
            components: [
                { id: "lamp1", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp2", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp3", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
                { id: "lamp4", x: 36.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp5", x: 507.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp6", x: 978.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
                { id: "lamp7", x: 915.074, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
                { id: "appliance1", x: 36.031, y: 157, width: 278.0, height: 314.0, background: #b5b5b5, visible: false },
                { id: "appliance2", x: 350.031, y: 157, width: 275.747, height: 314.0, background: #b5b5b5, visible: false },
                { id: "overhead1", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead2", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead3", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead4", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead5", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead6", x: 838.906, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
                { id: "overhead7", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead8", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead9", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead10", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "overhead11", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
                { id: "info2", x: 664.031, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
                { id: "info3", x: 1292.03, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
                { id: "graph1", x: 36.031, y: 157, width: 435.0, height: 471.0, background: #ba00ff, visible: true },
                { id: "graph2", x: 507.031, y: 157, width: 435.0, height: 471.0, background: #ba00ff, visible: true },
                { id: "control1", x: 1449.03, y: 36, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control2", x: 36.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control3", x: 507.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "control4", x: 978.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
                { id: "filter", x: 36.031, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
                { id: "nav", x: 36.031, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
            ]
            },
    ];
}