Add onscreenapp

Onscreenapp is a qt application for showing onscreens. Applications can show/hide onscreen by calling homescreen-service's showWindow/hideWindow verb. Applications also can customize onscreen's title,type, display contents and buttons. Some images about onscreen pattern had uploaded in JIRA SPEC-1967. Bug-AGL: SPEC-1967 Change-Id: I421193f7d089584a26db629be27414d050a74337 Signed-off-by: wang_zhiqiang <wang_zhiqiang@dl.cn.nexty-ele.com>
author: wang_zhiqiang <wang_zhiqiang@dl.cn.nexty-ele.com> 2019-02-13 18:10:20 +0800
committer: wang_zhiqiang <wang_zhiqiang@dl.cn.nexty-ele.com> 2019-02-15 10:56:06 +0800
commit: aee1b69e8e207081a3d8b2670980671a9fbc78b8 (patch)
tree: 86e71a4d08908c8c6711400a810bbbb00f19f803
parent: 483c21f9d648f2cd58e00f39fcbee7b5dcbe2bc5 (diff)
44 files changed, 3574 insertions, 0 deletions
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..31c692a
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,54 @@
+Apache License
+
+Version 2.0, January 2004
+
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files.
+
+"Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below).
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions:
+
+    You must give any other recipients of the Work or Derivative Works a copy of this License; and
+    You must cause any modified files to carry prominent notices stating that You changed the files; and
+    You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and
+    If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
diff --git a/app/Onscreen.qml b/app/Onscreen.qml
new file mode 100644
index 0000000..cfad090
--- /dev/null
+++ b/app/Onscreen.qml
@@ -0,0 +1,156 @@
+import QtQuick 2.0
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+
+Rectangle {
+    id: mainform
+    height: 300
+    width: 1000
+    radius:2
+
+    gradient: Gradient {
+        GradientStop { position: 0.0; color: "#12262E" }
+        GradientStop { position: 1.0; color: "#18899B" }
+    }
+
+    ColumnLayout {
+        anchors {
+          topMargin: 10; bottomMargin:10
+          leftMargin: 20; rightMargin: 20
+          fill: parent
+        }
+        spacing: 2
+
+        ColumnLayout {
+            id: title_part
+            anchors {
+                top: parent.top
+                left: parent.left
+                    topMargin: 10
+            }
+
+            Label {
+                id: title
+                text: dsp_title
+                color: "white"
+                font.pixelSize: 32
+                font.bold: true
+                maximumLineCount: 1
+                wrapMode: Text.Wrap
+                elide: Text.ElideRight
+                horizontalAlignment: Label.AlignHCenter
+                verticalAlignment: Label.AlignVCenter
+                Layout.preferredWidth:  960
+                Layout.preferredHeight:  40
+            }
+
+            Image {
+                source: '../images/DividingLine.svg'
+                anchors.left: title.left
+                anchors.top: title.bottom
+            }
+        }
+
+        RowLayout {
+            id: contents_part
+            anchors {
+              left: parent.left; leftMargin: 20
+              right: parent.right; rightMargin: 20
+            }
+            Layout.preferredWidth: 920
+            Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter
+            spacing: 10
+            Image {
+                id: dsp_mark
+                source: dsp_icon
+                Layout.maximumHeight: 120
+                Layout.maximumWidth:  120
+            }
+            Label {
+                text: dsp_contents
+                color: "white"
+                font.pixelSize: 24
+                wrapMode: Text.Wrap
+                maximumLineCount: btn_area.visible ? 4 : 5
+                elide: Text.ElideRight
+                horizontalAlignment: Label.AlignLeft
+                verticalAlignment: Label.AlignVCenter
+                Layout.preferredWidth: 780
+                Layout.preferredHeight: 160
+            }
+        }
+
+        RowLayout {
+            id: btn_area
+            spacing: 60
+            visible: btnNum > 0 ? true : false
+            anchors {
+              horizontalCenter: parent.horizontalCenter
+            }
+            Layout.preferredWidth: parent.width*0.75
+            Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+
+            Button {
+                id: btn1
+                visible: btn1Name == "" ? false : true
+                text: btn1Name
+                onReleased: {
+                    btn1.highlighted = false
+                    eventHandler.onScreenReply(btn1.text)
+                }
+                onPressed: {
+                    btn1.highlighted = true
+                }
+                onCanceled: {
+                    btn1.highlighted = false
+                }
+                Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+            }
+
+            Button {
+                id: btn2
+                visible: btn2Name == "" ? false : true
+                text: btn2Name
+                onReleased: {
+                    btn2.highlighted = false
+                    eventHandler.onScreenReply(btn2.text)
+                }
+                onPressed: {
+                    btn2.highlighted = true
+                }
+                onCanceled: {
+                    btn2.highlighted = false
+                }
+                Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+            }
+
+            Button {
+                id: btn3
+                visible: btn3Name == "" ? false : true
+                text: btn3Name
+                onReleased: {
+                    btn3.highlighted = false
+                    eventHandler.onScreenReply(btn3.text)
+                }
+                onPressed: {
+                    btn3.highlighted = true
+                }
+                onCanceled: {
+                    btn3.highlighted = false
+                }
+                Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+            }
+        }
+
+        Rectangle {
+            id: footer
+            opacity: 0
+            width: parent.width
+            height: 5
+            anchors {
+                bottom: parent.bottom
+            }
+        }
+    }
+
+}
diff --git a/app/app.pro b/app/app.pro
new file mode 100644
index 0000000..0cc31aa
--- /dev/null
+++ b/app/app.pro
@@ -0,0 +1,36 @@
+#
+# Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+TEMPLATE = app
+TARGET = onscreenapp
+QT += quickcontrols2 quick qml
+CONFIG += c++11 link_pkgconfig
+DESTDIR = $${OUT_PWD}/../package/root/bin
+PKGCONFIG += qlibwindowmanager libhomescreen
+
+HEADERS += \
+    eventhandler.h \
+    onscreenmodel.h
+
+SOURCES += \
+    eventhandler.cpp \
+    main.cpp \
+    onscreenmodel.cpp
+
+RESOURCES += \
+	qml.qrc \
+    images/images.qrc
+
+LIBS += -ljson-c
diff --git a/app/eventhandler.cpp b/app/eventhandler.cpp
new file mode 100644
index 0000000..c33022a
--- /dev/null
+++ b/app/eventhandler.cpp
@@ -0,0 +1,191 @@
+/*
+ * Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include <functional>
+#include <QUrl>
+#include <QDebug>
+#include <QJsonDocument>
+#include <QJsonObject>
+#include <QQmlContext>
+#include <QtQml/QQmlApplicationEngine>
+#include <cstring>
+#include <QFileInfo>
+
+#include "eventhandler.h"
+
+const char _myrole[] = "on_screen";
+const char _parameter[] = "parameter";
+const char _replyto[] = "replyto";
+const char _button_name[] = "buttonName";
+const char _drawing_name[] = "drawing_name";
+const char _application_id[] = "application_id";
+
+
+void* EventHandler::myThis = 0;
+
+EventHandler::EventHandler(QObject *parent) :
+    QObject(parent),
+    mp_hs(nullptr),
+    mp_wm(nullptr),
+    m_dsp_sts(false)
+{
+}
+
+EventHandler::~EventHandler()
+{
+    if (mp_hs != nullptr) {
+        delete mp_hs;
+    }
+    if (mp_wm != nullptr) {
+        delete mp_wm;
+    }
+}
+
+void EventHandler::init(int port, const char *token)
+{
+    myThis = this;
+    mp_wm = new QLibWindowmanager();
+    mp_wm->init(port, token);
+
+    mp_hs = new LibHomeScreen();
+    mp_hs->init(port, token);
+
+    mp_hs->registerCallback(nullptr, EventHandler::onRep_static);
+    mp_hs->set_event_handler(LibHomeScreen::Event_ShowWindow, [this](json_object *object){
+        /*
+        {
+            "application_id": "onscreenapp",
+            "parameter": {
+                "title": "onscreen title",
+                "type": "critical,exclamation,question,information",
+                "contents": "message contents",
+                "buttons": ["button_name1", "button_name2", "button_name3"],
+                "replyto":"caller application id"
+            }
+        } */
+        HMI_DEBUG(APP_ID, "recived json message is[%s]", json_object_get_string(object));
+
+        struct json_object *param;
+        if(!json_object_object_get_ex(object, _parameter, &param)
+        || json_object_get_type(param) != json_type_object) {
+            HMI_DEBUG(APP_ID, "parameter error!");
+            return;
+        }
+
+        struct json_object *replyid;
+        const char *replyto = nullptr;
+        if(json_object_object_get_ex(param, _replyto, &replyid))
+            replyto = json_object_get_string(replyid);
+        if(replyto == nullptr) {
+            HMI_DEBUG(APP_ID, "received replyto is null!");
+            return;
+        }
+        m_req = qMakePair(QString(replyto), QString(json_object_to_json_string(param)));
+
+        if (this->getDisplayStatus() == HIDING) {
+            this->activateWindow(_myrole, "on_screen");
+        }
+        else if(this->getDisplayStatus() == SHOWING) {
+            this->setDisplayStatus(SWAPPING);
+            emit this->hideOnScreen();
+        }
+        else {
+            HMI_DEBUG(APP_ID, "onscreen swapping!");
+        }
+        HMI_DEBUG(APP_ID, "received showWindow event, end!, line=%d", __LINE__);
+    });
+
+    mp_hs->set_event_handler(LibHomeScreen::Event_HideWindow, [this](json_object *object){
+        emit this->hideOnScreen();
+        HMI_DEBUG(APP_ID, "hideWindow json_object=%s", json_object_get_string(object));
+    });
+
+    if (mp_wm->requestSurface(_myrole) != 0) {
+        HMI_DEBUG(APP_ID, "!!!!LayoutHandler requestSurface Failed!!!!!");
+        exit(EXIT_FAILURE);
+    }
+
+    mp_wm->set_event_handler(QLibWindowmanager::Event_SyncDraw, [this](json_object *object) {
+        HMI_DEBUG(APP_ID, "Surface %s got syncDraw!", _myrole);
+        this->mp_wm->endDraw(QString(_myrole));
+    });
+
+    mp_wm->set_event_handler(QLibWindowmanager::Event_Visible, [this](json_object *object) {
+        struct json_object *value;
+        json_object_object_get_ex(object, _drawing_name, &value);
+        const char *name = json_object_get_string(value);
+        if(!strcasecmp(_myrole, name)){
+            this->setDisplayStatus(SHOWING);
+            this->m_dsp = this->m_req;
+            this->updateModel(QVariant(this->m_dsp.second));
+            emit this->showOnScreen();
+        }
+
+        HMI_DEBUG(APP_ID, "Event_Visible kKeyDrawingName = %s", name);
+    });
+
+    mp_wm->set_event_handler(QLibWindowmanager::Event_Invisible, [this](json_object *object) {
+        struct json_object *value;
+        json_object_object_get_ex(object, _drawing_name, &value);
+        const char *name = json_object_get_string(value);
+
+        HMI_DEBUG(APP_ID, "Event_Invisible kKeyDrawingName = %s", name);
+    });
+
+    HMI_DEBUG(APP_ID, "LayoutHander::init() finished.");
+}
+
+void EventHandler::onRep_static(struct json_object* reply_contents)
+{
+    static_cast<EventHandler*>(EventHandler::myThis)->onRep(reply_contents);
+}
+
+void EventHandler::onRep(struct json_object* reply_contents)
+{
+    const char* str = json_object_to_json_string(reply_contents);
+    HMI_DEBUG(APP_ID, "EventHandler::onReply %s", str);
+}
+
+void EventHandler::activateWindow(const char *role, const char *area)
+{
+    HMI_DEBUG(APP_ID, "EventHandler::activateWindow()");
+    mp_wm->activateWindow(role, area);
+}
+
+void EventHandler::deactivateWindow()
+{
+    HMI_DEBUG(APP_ID, "EventHandler::deactivateWindow()");
+    if(getDisplayStatus() == SWAPPING) {
+        setDisplayStatus(SHOWING);
+        m_dsp = m_req;
+        updateModel(QVariant(this->m_dsp.second));
+        emit showOnScreen();
+    }
+    else {
+        this->setDisplayStatus(HIDING);
+        mp_wm->deactivateWindow(_myrole);
+    }
+}
+
+void EventHandler::onScreenReply(const QString &btn_name)
+{
+    HMI_DEBUG(APP_ID, "EventHandler::onScreenReply(),btn_name=%s", btn_name.toStdString().c_str());
+    emit this->hideOnScreen();
+
+    struct json_object* j_param = json_object_new_object();
+    json_object_object_add(j_param, _button_name, json_object_new_string(btn_name.toStdString().c_str()));
+    mp_hs->replyShowWindow(m_dsp.first.toStdString().c_str(), j_param);
+}
diff --git a/app/eventhandler.h b/app/eventhandler.h
new file mode 100644
index 0000000..567c8a9
--- /dev/null
+++ b/app/eventhandler.h
@@ -0,0 +1,71 @@
+/*
+ * Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef HOMESCREENHANDLER_H
+#define HOMESCREENHANDLER_H
+
+#include <QObject>
+#include <string>
+#include <QVariant>
+#include <QPair>
+#include <libhomescreen.hpp>
+#include <qlibwindowmanager.h>
+#include "hmi-debug.h"
+
+#define APP_ID "onscreenapp"
+
+class QQmlApplicationEngine;
+
+class EventHandler : public QObject
+{
+    Q_OBJECT
+public:
+    explicit EventHandler(QObject *parent = 0);
+    ~EventHandler();
+    EventHandler(const EventHandler&) = delete;
+    EventHandler& operator=(const EventHandler&) = delete;
+
+    void init(int port, const char* token);
+    void onRep(struct json_object* reply_contents);
+
+    static void* myThis;
+    static void onRep_static(struct json_object* reply_contents);
+
+    Q_INVOKABLE void deactivateWindow();
+    Q_INVOKABLE void onScreenReply(const QString &btn_name);
+
+signals:
+    void updateModel(QVariant data);
+    void showOnScreen();
+    void hideOnScreen();
+
+private:
+    enum {
+        HIDING = 0,
+        SHOWING,
+        SWAPPING
+    };
+
+    int getDisplayStatus() {return m_dsp_sts;}
+    void setDisplayStatus(int sts) {m_dsp_sts = sts;}
+    void activateWindow(const char *role, const char *area = "normal.full");
+
+    LibHomeScreen *mp_hs;
+    QLibWindowmanager* mp_wm;
+    QPair<QString, QString> m_req, m_dsp;
+    int m_dsp_sts = HIDING;
+};
+#endif // HOMESCREENHANDLER_H
diff --git a/app/hmi-debug.h b/app/hmi-debug.h
new file mode 100644
index 0000000..5178aa5
--- /dev/null
+++ b/app/hmi-debug.h
@@ -0,0 +1,77 @@
+/*
+ * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef __HMI_DEBUG_H__
+#define __HMI_DEBUG_H__
+
+#ifdef __cplusplus
+extern "C" {
+#endif
+
+#include <time.h>
+#include <stdio.h>
+#include <stdarg.h>
+#include <string.h>
+#include <stdlib.h>
+
+enum LOG_LEVEL{
+    LOG_LEVEL_NONE = 0,
+    LOG_LEVEL_ERROR,
+    LOG_LEVEL_WARNING,
+    LOG_LEVEL_NOTICE,
+    LOG_LEVEL_INFO,
+    LOG_LEVEL_DEBUG,
+    LOG_LEVEL_MAX = LOG_LEVEL_DEBUG
+};
+
+#define __FILENAME__ (strrchr(__FILE__, '/') ? strrchr(__FILE__, '/') + 1 : __FILE__)
+
+#define HMI_ERROR(prefix, args,...) _HMI_LOG(LOG_LEVEL_ERROR, __FILENAME__, __FUNCTION__, __LINE__, prefix, args, ##__VA_ARGS__)
+#define HMI_WARNING(prefix, args,...) _HMI_LOG(LOG_LEVEL_WARNING, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+#define HMI_NOTICE(prefix, args,...) _HMI_LOG(LOG_LEVEL_NOTICE, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+#define HMI_INFO(prefix, args,...)  _HMI_LOG(LOG_LEVEL_INFO, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+#define HMI_DEBUG(prefix, args,...) _HMI_LOG(LOG_LEVEL_DEBUG, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+
+static char ERROR_FLAG[6][20] = {"NONE", "ERROR", "WARNING", "NOTICE", "INFO", "DEBUG"};
+
+static void _HMI_LOG(enum LOG_LEVEL level, const char* file, const char* func, const int line, const char* prefix, const char* log, ...)
+{
+    const int log_level = (getenv("USE_HMI_DEBUG") == NULL)?LOG_LEVEL_ERROR:atoi(getenv("USE_HMI_DEBUG"));
+    if(log_level < level)
+    {
+        return;
+    }
+
+    char *message;
+    struct timespec tp;
+    unsigned int time;
+
+    clock_gettime(CLOCK_REALTIME, &tp);
+	time = (tp.tv_sec * 1000000L) + (tp.tv_nsec / 1000);
+
+	va_list args;
+	va_start(args, log);
+	if (log == NULL || vasprintf(&message, log, args) < 0)
+        message = NULL;
+    fprintf(stderr,  "[%10.3f] [%s %s] [%s, %s(), Line:%d] >>> %s \n", time / 1000.0, prefix, ERROR_FLAG[level], file, func, line, message);
+    va_end(args);
+	free(message);
+}
+
+#ifdef __cplusplus
+}
+#endif
+#endif  //__HMI_DEBUG_H__
diff --git a/app/images/DividingLine.svg b/app/images/DividingLine.svg
new file mode 100644
index 0000000..788256c
--- /dev/null
+++ b/app/images/DividingLine.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg12699"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   width="960"
+   height="1"
+   viewBox="0 0 960 1"
+   sodipodi:docname="DividingLine-960.svg">
+  <metadata
+     id="metadata12705">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12703" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1615"
+     inkscape:window-height="917"
+     id="namedview12701"
+     showgrid="false"
+     inkscape:zoom="1"
+     inkscape:cx="403.34338"
+     inkscape:cy="-3.7733099"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12699" />
+  <image
+     width="960"
+     height="1"
+     preserveAspectRatio="none"
+     xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvoAAAABCAIAAAAgt51xAAAAAXNSR0IArs4c6QAAAARnQU1BAACx jwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAbSURBVEhLY1g2CkbBKBgFo2AUjIJRMIzBsmUA zyfKoJIKS6oAAAAASUVORK5CYII= "
+     id="image12707"
+     x="0"
+     y="1.3877788e-17" />
+</svg>
diff --git a/app/images/critical.svg b/app/images/critical.svg
new file mode 100644
index 0000000..e2df6fc
--- /dev/null
+++ b/app/images/critical.svg
@@ -0,0 +1,146 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="320"
+   height="320"
+   viewBox="0 0 320 320.00001"
+   id="svg5033"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="critical.svg">
+  <defs
+     id="defs5035">
+    <linearGradient
+       gradientTransform="matrix(1.0123741,0,0,1.0052855,226.82647,753.70831)"
+       inkscape:collect="always"
+       xlink:href="#SVGID_36_"
+       id="linearGradient5005"
+       x1="-125.27629"
+       y1="217.50423"
+       x2="-4.2735882"
+       y2="57.848095"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="SVGID_36_"
+       gradientUnits="userSpaceOnUse"
+       x1="4.0481"
+       y1="287.94919"
+       x2="320.4859"
+       y2="-15.4029"
+       gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.0192,-3.0212)">
+      <stop
+         offset="0"
+         style="stop-color:#54d187;stop-opacity:0.90588236"
+         id="stop300" />
+      <stop
+         id="stop9348"
+         style="stop-color:#12c1bb;stop-opacity:0.65882355"
+         offset="0.51862437" />
+      <stop
+         offset="1"
+         style="stop-color:#055658;stop-opacity:0.38431373"
+         id="stop302" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffa4ff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.7480469"
+     inkscape:cx="10.563348"
+     inkscape:cy="199.74517"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1615"
+     inkscape:window-height="1026"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       position="160,377.00001"
+       orientation="1,0"
+       id="guide5666" />
+    <sodipodi:guide
+       position="60,448.00001"
+       orientation="1,0"
+       id="guide5668" />
+    <sodipodi:guide
+       position="260,414.00001"
+       orientation="1,0"
+       id="guide5670" />
+    <sodipodi:guide
+       position="-44.5,265.00001"
+       orientation="0,1"
+       id="guide10700" />
+    <sodipodi:guide
+       position="-36.5,60.000002"
+       orientation="0,1"
+       id="guide10702" />
+    <sodipodi:guide
+       position="-133.64318,165.46299"
+       orientation="0,1"
+       id="guide10704" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5038">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-732.36216)">
+    <path
+       style="fill:#00ffbd;fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 160.42857,785.99962 A 104.88141,105.22039 0 0 0 55.54771,891.21837 104.88141,105.22039 0 0 0 160.42857,996.43908 104.88141,105.22039 0 0 0 265.30943,891.21837 104.88141,105.22039 0 0 0 160.42857,785.99962 Z m -0.33984,3.38867 A 101.83055,101.66108 0 0 1 261.92076,891.0504 101.83055,101.66108 0 0 1 160.08873,992.71056 101.83055,101.66108 0 0 1 58.25865,891.0504 101.83055,101.66108 0 0 1 160.08873,789.38829 Z"
+       id="path4374"
+       inkscape:connector-curvature="0" />
+    <ellipse
+       style="opacity:0.77;fill:url(#linearGradient5005);fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;fill-rule:nonzero"
+       id="path4417"
+       cx="160.24997"
+       cy="891.04053"
+       rx="102.26696"
+       ry="101.89165" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect4394"
+       width="166.1017"
+       height="18.983051"
+       x="-600.41077"
+       y="733.77344"
+       transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect4394-6"
+       width="166.1017"
+       height="18.983051"
+       x="659.83057"
+       y="508.15701"
+       transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,0,0)" />
+  </g>
+</svg>
diff --git a/app/images/exclamation.svg b/app/images/exclamation.svg
new file mode 100644
index 0000000..c43ebdd
--- /dev/null
+++ b/app/images/exclamation.svg
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="320"
+   height="320"
+   viewBox="0 0 320 320.00001"
+   id="svg5033"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="exclamation.svg">
+  <defs
+     id="defs5035">
+    <linearGradient
+       gradientTransform="matrix(1.0123741,0,0,1.0052855,226.82647,753.70831)"
+       inkscape:collect="always"
+       xlink:href="#SVGID_36_"
+       id="linearGradient5005"
+       x1="-125.27629"
+       y1="217.50423"
+       x2="-4.2735882"
+       y2="57.848095"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="SVGID_36_"
+       gradientUnits="userSpaceOnUse"
+       x1="4.0481"
+       y1="287.94919"
+       x2="320.4859"
+       y2="-15.4029"
+       gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.0192,-3.0212)">
+      <stop
+         offset="0"
+         style="stop-color:#54d187;stop-opacity:0.90588236"
+         id="stop300" />
+      <stop
+         id="stop9348"
+         style="stop-color:#12c1bb;stop-opacity:0.65882355"
+         offset="0.51862437" />
+      <stop
+         offset="1"
+         style="stop-color:#055658;stop-opacity:0.38431373"
+         id="stop302" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffa4ff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.6505829"
+     inkscape:cx="210.27412"
+     inkscape:cy="19.42679"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1615"
+     inkscape:window-height="1026"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       position="160,377.00001"
+       orientation="1,0"
+       id="guide5666" />
+    <sodipodi:guide
+       position="60,448.00001"
+       orientation="1,0"
+       id="guide5668" />
+    <sodipodi:guide
+       position="260,414.00001"
+       orientation="1,0"
+       id="guide5670" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5038">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-732.36216)">
+    <path
+       style="fill:#00ffbd;fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 160.42857,785.99962 A 104.88141,105.22039 0 0 0 55.54771,891.21837 104.88141,105.22039 0 0 0 160.42857,996.43908 104.88141,105.22039 0 0 0 265.30943,891.21837 104.88141,105.22039 0 0 0 160.42857,785.99962 Z m -0.33984,3.38867 A 101.83055,101.66108 0 0 1 261.92076,891.0504 101.83055,101.66108 0 0 1 160.08873,992.71056 101.83055,101.66108 0 0 1 58.25865,891.0504 101.83055,101.66108 0 0 1 160.08873,789.38829 Z"
+       id="path4374"
+       inkscape:connector-curvature="0" />
+    <ellipse
+       style="opacity:0.77;fill:url(#linearGradient5005);fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;fill-rule:nonzero"
+       id="path4417"
+       cx="160.24997"
+       cy="891.04053"
+       rx="102.26696"
+       ry="101.89165" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:196.94758606px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="112.91733"
+       y="1033.4916"
+       id="text5620"
+       sodipodi:linespacing="125%"
+       transform="scale(1.0772696,0.92827274)"><tspan
+         sodipodi:role="line"
+         id="tspan5622"
+         x="112.91733"
+         y="1033.4916">!</tspan></text>
+  </g>
+</svg>
diff --git a/app/images/images.qrc b/app/images/images.qrc
new file mode 100644
index 0000000..842a9fb
--- /dev/null
+++ b/app/images/images.qrc
@@ -0,0 +1,10 @@
+<RCC>
+    <qresource prefix="/images">
+        <file>DividingLine.svg</file>
+		<file>critical.svg</file>
+		<file>exclamation.svg</file>
+		<file>information.svg</file>
+		<file>question.svg</file>
+    </qresource>
+    <qresource prefix="/"/>
+</RCC>
diff --git a/app/images/information.svg b/app/images/information.svg
new file mode 100644
index 0000000..44b0ef8
--- /dev/null
+++ b/app/images/information.svg
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="320"
+   height="320"
+   viewBox="0 0 320 320.00001"
+   id="svg5033"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="information.svg">
+  <defs
+     id="defs5035">
+    <linearGradient
+       gradientTransform="matrix(1.0123741,0,0,1.0052855,226.82647,753.70831)"
+       inkscape:collect="always"
+       xlink:href="#SVGID_36_"
+       id="linearGradient5005"
+       x1="-125.27629"
+       y1="217.50423"
+       x2="-4.2735882"
+       y2="57.848095"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="SVGID_36_"
+       gradientUnits="userSpaceOnUse"
+       x1="4.0481"
+       y1="287.94919"
+       x2="320.4859"
+       y2="-15.4029"
+       gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.0192,-3.0212)">
+      <stop
+         offset="0"
+         style="stop-color:#54d187;stop-opacity:0.90588236"
+         id="stop300" />
+      <stop
+         id="stop9348"
+         style="stop-color:#12c1bb;stop-opacity:0.65882355"
+         offset="0.51862437" />
+      <stop
+         offset="1"
+         style="stop-color:#055658;stop-opacity:0.38431373"
+         id="stop302" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffa4ff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.1606835"
+     inkscape:cx="150.68658"
+     inkscape:cy="151.76859"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1615"
+     inkscape:window-height="1026"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       position="160,377.00001"
+       orientation="1,0"
+       id="guide5666" />
+    <sodipodi:guide
+       position="59.494972,568.63465"
+       orientation="1,0"
+       id="guide5668" />
+    <sodipodi:guide
+       position="259.71844,528.58996"
+       orientation="1,0"
+       id="guide5670" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5038">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-732.36216)">
+    <path
+       style="fill:#00ffbd;fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 160.42857,785.99962 A 104.88141,105.22039 0 0 0 55.54771,891.21837 104.88141,105.22039 0 0 0 160.42857,996.43908 104.88141,105.22039 0 0 0 265.30943,891.21837 104.88141,105.22039 0 0 0 160.42857,785.99962 Z m -0.33984,3.38867 A 101.83055,101.66108 0 0 1 261.92076,891.0504 101.83055,101.66108 0 0 1 160.08873,992.71056 101.83055,101.66108 0 0 1 58.25865,891.0504 101.83055,101.66108 0 0 1 160.08873,789.38829 Z"
+       id="path4374"
+       inkscape:connector-curvature="0" />
+    <ellipse
+       style="opacity:0.77;fill:url(#linearGradient5005);fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;fill-rule:nonzero"
+       id="path4417"
+       cx="160.24997"
+       cy="891.04053"
+       rx="102.26696"
+       ry="101.89165" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:196.94758606px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="122.20006"
+       y="1033.4916"
+       id="text5620"
+       sodipodi:linespacing="125%"
+       transform="scale(1.0772696,0.92827274)"><tspan
+         sodipodi:role="line"
+         id="tspan5622"
+         x="122.20006"
+         y="1033.4916">i</tspan></text>
+  </g>
+</svg>
diff --git a/app/images/question.svg b/app/images/question.svg
new file mode 100644
index 0000000..7d55a46
--- /dev/null
+++ b/app/images/question.svg
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="320"
+   height="320"
+   viewBox="0 0 320 320.00001"
+   id="svg5033"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="question.svg">
+  <defs
+     id="defs5035">
+    <linearGradient
+       gradientTransform="matrix(1.0123741,0,0,1.0052855,226.82647,753.70831)"
+       inkscape:collect="always"
+       xlink:href="#SVGID_36_"
+       id="linearGradient5005"
+       x1="-125.27629"
+       y1="217.50423"
+       x2="-4.2735882"
+       y2="57.848095"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="SVGID_36_"
+       gradientUnits="userSpaceOnUse"
+       x1="4.0481"
+       y1="287.94919"
+       x2="320.4859"
+       y2="-15.4029"
+       gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.0192,-3.0212)">
+      <stop
+         offset="0"
+         style="stop-color:#54d187;stop-opacity:0.90588236"
+         id="stop300" />
+      <stop
+         id="stop9348"
+         style="stop-color:#12c1bb;stop-opacity:0.65882355"
+         offset="0.51862437" />
+      <stop
+         offset="1"
+         style="stop-color:#055658;stop-opacity:0.38431373"
+         id="stop302" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffa4ff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.2360558"
+     inkscape:cx="192.682"
+     inkscape:cy="132.16195"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1615"
+     inkscape:window-height="1026"
+     inkscape:window-x="65"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       position="160,377.00001"
+       orientation="1,0"
+       id="guide5666" />
+    <sodipodi:guide
+       position="60,448.00001"
+       orientation="1,0"
+       id="guide5668" />
+    <sodipodi:guide
+       position="260,414.00001"
+       orientation="1,0"
+       id="guide5670" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5038">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-732.36216)">
+    <path
+       style="fill:#00ffbd;fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 160.42857,785.99962 A 104.88141,105.22039 0 0 0 55.54771,891.21837 104.88141,105.22039 0 0 0 160.42857,996.43908 104.88141,105.22039 0 0 0 265.30943,891.21837 104.88141,105.22039 0 0 0 160.42857,785.99962 Z m -0.33984,3.38867 A 101.83055,101.66108 0 0 1 261.92076,891.0504 101.83055,101.66108 0 0 1 160.08873,992.71056 101.83055,101.66108 0 0 1 58.25865,891.0504 101.83055,101.66108 0 0 1 160.08873,789.38829 Z"
+       id="path4374"
+       inkscape:connector-curvature="0" />
+    <ellipse
+       style="opacity:0.77;fill:url(#linearGradient5005);fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;fill-rule:nonzero"
+       id="path4417"
+       cx="160.24997"
+       cy="891.04053"
+       rx="102.26696"
+       ry="101.89165" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:196.94758606px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="101.77805"
+       y="1033.4916"
+       id="text5620"
+       sodipodi:linespacing="125%"
+       transform="scale(1.0772696,0.92827274)"><tspan
+         sodipodi:role="line"
+         id="tspan5622"
+         x="101.77805"
+         y="1033.4916">?</tspan></text>
+  </g>
+</svg>
diff --git a/app/main.cpp b/app/main.cpp
new file mode 100644
index 0000000..007711c
--- /dev/null
+++ b/app/main.cpp
@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include <QGuiApplication>
+#include <QCommandLineParser>
+#include <QtGui/QGuiApplication>
+#include <QtQml/QQmlApplicationEngine>
+#include <QtQml/QQmlContext>
+#include <QtQml/qqml.h>
+#include <QQuickWindow>
+#include <QtQuickControls2/QQuickStyle>
+
+#include "eventhandler.h"
+#include "onscreenmodel.h"
+
+
+int main(int argc, char *argv[])
+{
+    QGuiApplication app(argc, argv);
+
+    QCoreApplication::setOrganizationDomain("LinuxFoundation");
+    QCoreApplication::setOrganizationName("AutomotiveGradeLinux");
+    QCoreApplication::setApplicationName("Onscreenapp");
+    QCoreApplication::setApplicationVersion("0.1.0");
+
+    QQuickStyle::setStyle("AGL");
+
+    QCommandLineParser parser;
+    parser.addPositionalArgument("port", app.translate("main", "port for binding"));
+    parser.addPositionalArgument("secret", app.translate("main", "secret for binding"));
+    parser.addHelpOption();
+    parser.addVersionOption();
+    parser.process(app);
+    QStringList positionalArguments = parser.positionalArguments();
+
+    int port = 1700;
+    QString token = "wm";
+
+    if (positionalArguments.length() == 2) {
+        port = positionalArguments.takeFirst().toInt();
+        token = positionalArguments.takeFirst();
+    }
+
+    HMI_DEBUG(APP_ID, "port = %d, token = %s", port, token.toStdString().c_str());
+
+    QQmlApplicationEngine engine;
+    EventHandler *eventHandler = new EventHandler();
+    eventHandler->init(port, token.toStdString().c_str());
+    engine.rootContext()->setContextProperty("eventHandler", eventHandler);
+    qmlRegisterType<OnScreenModel>("OnScreenModel", 1, 0, "OnScreenModel");
+    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
+    if (engine.rootObjects().isEmpty()) {
+        HMI_DEBUG(APP_ID, "Fatal Error, rootObject is empty!");
+        return -1;
+    }
+
+    QObject *root = engine.rootObjects().first();
+    QQuickWindow *window = qobject_cast<QQuickWindow *>(root);
+    QObject::connect(eventHandler, SIGNAL(updateModel(QVariant)), window, SLOT(setOnScreenModel(QVariant)));
+    QObject::connect(eventHandler, SIGNAL(showOnScreen()), window, SLOT(showOnScreen()));
+    QObject::connect(eventHandler, SIGNAL(hideOnScreen()), window, SLOT(hideOnScreen()));
+
+    HMI_DEBUG(APP_ID, "onscreenapp started!");
+    return app.exec();
+}
+
diff --git a/app/main.qml b/app/main.qml
new file mode 100644
index 0000000..99d50f8
--- /dev/null
+++ b/app/main.qml
@@ -0,0 +1,125 @@
+/*
+ * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import QtQuick 2.6
+import QtQuick.Window 2.2
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+import AGL.Demo.Controls 1.0
+import OnScreenModel 1.0
+
+Window {
+    id: root
+    flags: Qt.FramelessWindowHint
+    visible: true
+    x: 0
+    y: 	218
+    width: 1080
+    height: 1488
+    color: '#00000000'
+
+    Onscreen {
+        id: ons
+        anchors.centerIn: parent
+        visible: true
+        scale: 0
+
+        property string dsp_sts: "hide"
+        property string dsp_title: ""
+        property string dsp_icon: ""
+        property string dsp_contents: ""
+        property int btnNum: 0
+        property string btn1Name: ""
+        property string btn2Name: ""
+        property string btn3Name: ""
+
+        states: [
+            State {
+                name: 'active'
+                when: ons.dsp_sts == "show"
+                PropertyChanges {
+                    target: ons
+                    scale: 1
+                    z: 1
+                }
+            },
+            State {
+                name: 'inactive'
+                when: ons.dsp_sts == "hide"
+                PropertyChanges {
+                    target: ons
+                    scale: 0
+                    z: -1
+                }
+            }
+        ]
+        transitions: Transition {
+            NumberAnimation {
+                properties: 'scale';
+                duration: 300;
+                easing.type: Easing.Linear
+                alwaysRunToEnd: true
+            }
+        }
+    }
+
+    OnScreenModel {
+        id: onscreenModel
+    }
+
+    Timer {
+        id: ons_timer
+        interval: 3000
+        onTriggered: {
+            hideOnScreen();
+            clearOnScreenModel();
+        }
+    }
+
+    Connections {
+        target: ons
+        onScaleChanged : {
+            if(ons.scale == 0) {
+                console.log(qsTr('hide animation finished'));
+                eventHandler.deactivateWindow();
+            }
+        }
+    }
+
+    function showOnScreen() {
+        console.log(qsTr('show onscreenapp'));
+        ons.dsp_title = onscreenModel.getTitle()
+        ons.dsp_icon = "../images/" + onscreenModel.getType() + ".svg"
+        ons.dsp_contents = onscreenModel.getContents()
+        ons.btnNum = onscreenModel.buttonNum()
+        ons.btn1Name = onscreenModel.buttonName(0)
+        ons.btn2Name = onscreenModel.buttonName(1)
+        ons.btn3Name = onscreenModel.buttonName(2)
+        ons_timer.running =  ons.btnNum > 0 ? false : true
+        ons.dsp_sts = "show"
+    }
+
+    function hideOnScreen() {
+        console.log(qsTr('hide onscreenapp'));
+        ons.dsp_sts = "hide"
+        ons_timer.running = false
+    }
+
+    function setOnScreenModel(data) {
+        console.log(qsTr('onscreenapp >>> setModel status: ' + data));
+        onscreenModel.setModel(data)
+    }
+}
diff --git a/app/onscreenmodel.cpp b/app/onscreenmodel.cpp
new file mode 100644
index 0000000..184d1a6
--- /dev/null
+++ b/app/onscreenmodel.cpp
@@ -0,0 +1,90 @@
+/*
+ * Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "onscreenmodel.h"
+#include "hmi-debug.h"
+#include <json-c/json.h>
+
+const char _modelName[] = "OnScreenModel";
+const char _title[] = "title";
+const char _type[] = "type";
+const char _contents[] = "contents";
+const char _buttons[] = "buttons";
+
+
+void OnScreenModel::setModel(QVariant data)
+{
+    HMI_DEBUG(_modelName, "setModel start!");
+    clearModel();
+    struct json_object *j_title = nullptr, *j_type = nullptr, *j_contents = nullptr, *j_buttons = nullptr;
+    struct json_object *j_param = json_tokener_parse(data.toString().toStdString().c_str());
+    if(json_object_object_get_ex(j_param, _title, &j_title)) {
+        m_title = json_object_get_string(j_title);
+    }
+    else {
+        HMI_DEBUG(_modelName, "title input is null");
+    }
+
+    if(json_object_object_get_ex(j_param, _type, &j_type)) {
+        m_type = json_object_get_string(j_type);
+    }
+    else {
+        HMI_DEBUG(_modelName, "type input is null");
+    }
+
+    if(json_object_object_get_ex(j_param, _contents, &j_contents)) {
+        m_contents = json_object_get_string(j_contents);
+    }
+    else {
+        HMI_DEBUG(_modelName, "contents input is null");
+    }
+
+    if(json_object_object_get_ex(j_param, _buttons, &j_buttons)) {
+        if(json_object_get_type(j_buttons) != json_type_array) {
+            HMI_DEBUG(_modelName, "buttons josn type isn't array!");
+        }
+        else {
+            m_buttons.clear();
+            int len = json_object_array_length(j_buttons);
+            struct json_object *json_tmp = nullptr;
+            for (int i = 0; i < len; i++) {
+                json_tmp = json_object_array_get_idx(j_buttons, i);
+                m_buttons << QString(json_object_get_string(json_tmp));
+            }
+        }
+    }
+    else {
+        HMI_DEBUG("OnScreenModel", "buttons input is null");
+    }
+    HMI_DEBUG(_modelName, "setModel end!titile=%s,type=%s,contents=%s,btnNum=%d",
+              m_title.toStdString().c_str(), m_type.toStdString().c_str(), m_contents.toStdString().c_str(), m_buttons.size());
+}
+
+QString OnScreenModel::buttonName(int index) const
+{
+    if(index >= m_buttons.size())
+        return QString("");
+    else
+        return m_buttons[index];
+}
+
+void OnScreenModel::clearModel(void)
+{
+    m_title = "";
+    m_type = "";
+    m_contents = "";
+    m_buttons.clear();
+}
diff --git a/app/onscreenmodel.h b/app/onscreenmodel.h
new file mode 100644
index 0000000..e12b269
--- /dev/null
+++ b/app/onscreenmodel.h
@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef ONSCREENMODEL_H
+#define ONSCREENMODEL_H
+
+#include <QObject>
+#include <QVariant>
+#include <QStringList>
+
+
+class OnScreenModel : public QObject
+{
+    Q_OBJECT
+public:
+    explicit OnScreenModel(QObject *parent = nullptr){}
+    ~OnScreenModel() = default;
+
+    Q_INVOKABLE QString getTitle(void) const {return m_title;}
+    Q_INVOKABLE QString getType(void) const {return m_type;}
+    Q_INVOKABLE QString getContents(void) const {return m_contents;}
+    Q_INVOKABLE int buttonNum(void) const {return m_buttons.size();}
+    Q_INVOKABLE QString buttonName(int index) const;
+    Q_INVOKABLE void setModel(QVariant data);
+
+private:
+    void clearModel(void);
+
+    QString m_title;
+    QString m_type;
+    QString m_contents;
+    QStringList m_buttons;
+};
+
+#endif // ONSCREENMODEL_H
diff --git a/app/qml.qrc b/app/qml.qrc
new file mode 100644
index 0000000..bad4ade
--- /dev/null
+++ b/app/qml.qrc
@@ -0,0 +1,6 @@
+<RCC>
+    <qresource prefix="/">
+        <file>main.qml</file>
+        <file>Onscreen.qml</file>
+    </qresource>
+</RCC>
diff --git a/doc/parts/showOnscreen.svg b/doc/parts/showOnscreen.svg
new file mode 100644
index 0000000..6f4d3ea
--- /dev/null
+++ b/doc/parts/showOnscreen.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="1362px" preserveAspectRatio="none" style="width:808px;height:1362px;" version="1.1" viewBox="0 0 808 1362" width="808px" zoomAndPan="magnify"><defs><filter height="300%" id="flevyh72bfgyv" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.0" dy="4.0" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="190" x="304.75" y="24.5332">show/hide onscreen phase</text><rect fill="#FFFFFF" filter="url(#flevyh72bfgyv)" height="178.5938" style="stroke: #000000; stroke-width: 2.0;" width="397.5" x="389" y="704.0078"/><rect fill="#FFFFFF" height="56.1875" style="stroke: none; stroke-width: 1.0;" width="397.5" x="389" y="826.4141"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="41" x2="41" y1="119.2188" y2="1274.1719"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="135" x2="135" y1="119.2188" y2="1274.1719"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="331" x2="331" y1="119.2188" y2="1274.1719"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="445.5" x2="445.5" y1="119.2188" y2="1274.1719"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 5.0,5.0;" x1="722.5" x2="722.5" y1="119.2188" y2="1274.1719"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="28" x="24" y="116.1426">user</text><ellipse cx="41" cy="44.6094" fill="#FEFECE" filter="url(#flevyh72bfgyv)" rx="8" ry="8" style="stroke: #A80036; stroke-width: 2.0;"/><path d="M41,52.6094 L41,79.6094 M28,60.6094 L54,60.6094 M41,79.6094 L28,94.6094 M41,79.6094 L54,94.6094 " fill="none" filter="url(#flevyh72bfgyv)" style="stroke: #A80036; stroke-width: 2.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="28" x="24" y="1287.7051">user</text><ellipse cx="41" cy="1300.7813" fill="#FEFECE" filter="url(#flevyh72bfgyv)" rx="8" ry="8" style="stroke: #A80036; stroke-width: 2.0;"/><path d="M41,1308.7813 L41,1335.7813 M28,1316.7813 L54,1316.7813 M41,1335.7813 L28,1350.7813 M41,1335.7813 L54,1350.7813 " fill="none" filter="url(#flevyh72bfgyv)" style="stroke: #A80036; stroke-width: 2.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="128" x="68" y="116.1426">homescreen-service</text><ellipse cx="135" cy="85.6094" fill="#FEFECE" filter="url(#flevyh72bfgyv)" rx="12" ry="12" style="stroke: #A80036; stroke-width: 2.0;"/><line style="stroke: #A80036; stroke-width: 2.0;" x1="123" x2="147" y1="99.6094" y2="99.6094"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="128" x="68" y="1287.7051">homescreen-service</text><ellipse cx="135" cy="1306.7813" fill="#FEFECE" filter="url(#flevyh72bfgyv)" rx="12" ry="12" style="stroke: #A80036; stroke-width: 2.0;"/><line style="stroke: #A80036; stroke-width: 2.0;" x1="123" x2="147" y1="1320.7813" y2="1320.7813"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="25" x="315.5" y="116.1426">App</text><ellipse cx="331" cy="85.6094" fill="#FEFECE" filter="url(#flevyh72bfgyv)" rx="12" ry="12" style="stroke: #A80036; stroke-width: 2.0;"/><line style="stroke: #A80036; stroke-width: 2.0;" x1="319" x2="343" y1="99.6094" y2="99.6094"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="25" x="315.5" y="1287.7051">App</text><ellipse cx="331" cy="1306.7813" fill="#FEFECE" filter="url(#flevyh72bfgyv)" rx="12" ry="12" style="stroke: #A80036; stroke-width: 2.0;"/><line style="stroke: #A80036; stroke-width: 2.0;" x1="319" x2="343" y1="1320.7813" y2="1320.7813"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="83" x="401.5" y="116.1426">onscreenapp</text><ellipse cx="446" cy="85.6094" fill="#FEFECE" filter="url(#flevyh72bfgyv)" rx="12" ry="12" style="stroke: #A80036; stroke-width: 2.0;"/><line style="stroke: #A80036; stroke-width: 2.0;" x1="434" x2="458" y1="99.6094" y2="99.6094"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="83" x="401.5" y="1287.7051">onscreenapp</text><ellipse cx="446" cy="1306.7813" fill="#FEFECE" filter="url(#flevyh72bfgyv)" rx="12" ry="12" style="stroke: #A80036; stroke-width: 2.0;"/><line style="stroke: #A80036; stroke-width: 2.0;" x1="434" x2="458" y1="1320.7813" y2="1320.7813"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="101" x="669.5" y="116.1426">windowmanager</text><ellipse cx="723" cy="85.6094" fill="#FEFECE" filter="url(#flevyh72bfgyv)" rx="12" ry="12" style="stroke: #A80036; stroke-width: 2.0;"/><line style="stroke: #A80036; stroke-width: 2.0;" x1="711" x2="735" y1="99.6094" y2="99.6094"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="101" x="669.5" y="1287.7051">windowmanager</text><ellipse cx="723" cy="1306.7813" fill="#FEFECE" filter="url(#flevyh72bfgyv)" rx="12" ry="12" style="stroke: #A80036; stroke-width: 2.0;"/><line style="stroke: #A80036; stroke-width: 2.0;" x1="711" x2="735" y1="1320.7813" y2="1320.7813"/><rect fill="#EEEEEE" filter="url(#flevyh72bfgyv)" height="3" style="stroke: #EEEEEE; stroke-width: 1.0;" width="793.5" x="3" y="150.3945"/><line style="stroke: #000000; stroke-width: 1.0;" x1="3" x2="796.5" y1="150.3945" y2="150.3945"/><line style="stroke: #000000; stroke-width: 1.0;" x1="3" x2="796.5" y1="153.3945" y2="153.3945"/><rect fill="#EEEEEE" filter="url(#flevyh72bfgyv)" height="24.3516" style="stroke: #000000; stroke-width: 2.0;" width="113" x="343.25" y="139.2188"/><text fill="#000000" font-family="sans-serif" font-size="13" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="95" x="349.25" y="156.7139">show onscreen</text><polygon fill="#A80036" points="319,191.5703,329,195.5703,319,199.5703,323,195.5703" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="41" x2="325" y1="195.5703" y2="195.5703"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="179" x="48" y="191.0654">the operation request onscreen</text><polygon fill="#A80036" points="146,221.9219,136,225.9219,146,229.9219,142,225.9219" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="140" x2="330" y1="225.9219" y2="225.9219"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="84" x="152" y="221.417">showWindow()</text><path d="M8,239.2734 L8,396.2734 L454,396.2734 L454,249.2734 L444,239.2734 L8,239.2734 " fill="#FBFB77" filter="url(#flevyh72bfgyv)" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M444,239.2734 L444,249.2734 L454,249.2734 L444,239.2734 " fill="#FBFB77" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="4" x="14" y="257.7686">{</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="185" x="46" y="274.1201">"application_id": "onscreenapp",</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="80" x="46" y="290.4717">"parameter": {</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="131" x="78" y="306.8232">"title": "onscreen title",</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="289" x="78" y="323.1748">"type": "critical,exclamation,question,information",</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="189" x="78" y="339.5264">"contents": "message contents",</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="361" x="78" y="355.8779">"buttons": ["button_name1", "button_name2", "button_name3"]</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="4" x="46" y="372.2295">}</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="4" x="14" y="388.5811">}</text><polygon fill="#A80036" points="434,423.4375,444,427.4375,434,431.4375,438,427.4375" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="135" x2="440" y1="427.4375" y2="427.4375"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="142" x="142" y="422.9326">push showWindow event</text><path d="M63,440.7891 L63,613.7891 L513,613.7891 L513,450.7891 L503,440.7891 L63,440.7891 " fill="#FBFB77" filter="url(#flevyh72bfgyv)" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M503,440.7891 L503,450.7891 L513,450.7891 L503,440.7891 " fill="#FBFB77" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="4" x="69" y="459.2842">{</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="185" x="101" y="475.6357">"application_id": "onscreenapp",</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="80" x="101" y="491.9873">"parameter": {</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="131" x="133" y="508.3389">"title": "onscreen title",</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="289" x="133" y="524.6904">"type": "critical,exclamation,question,information",</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="189" x="133" y="541.042">"contents": "message contents",</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="365" x="133" y="557.3936">"buttons": ["button_name1", "button_name2", "button_name3"],</text><text fill="#FF0000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="174" x="133" y="573.7451">"replyto":"caller application id"</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="4" x="101" y="590.0967">}</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="4" x="69" y="606.4482">}</text><line style="stroke: #A80036; stroke-width: 1.0;" x1="446" x2="488" y1="645.6563" y2="645.6563"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="488" x2="488" y1="645.6563" y2="658.6563"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="447" x2="488" y1="658.6563" y2="658.6563"/><polygon fill="#A80036" points="457,654.6563,447,658.6563,457,662.6563,453,658.6563" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="135" x="453" y="640.7998">get and save parameter</text><polygon fill="#A80036" points="711,684.6563,721,688.6563,711,692.6563,715,688.6563" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="446" x2="717" y1="688.6563" y2="688.6563"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="253" x="453" y="684.1514">activateWindow("onscreeapp", "on_screen")</text><path d="M389,704.0078 L450,704.0078 L450,712.0078 L440,722.0078 L389,722.0078 L389,704.0078 " fill="#EEEEEE" style="stroke: #000000; stroke-width: 1.0;"/><rect fill="none" height="178.5938" style="stroke: #000000; stroke-width: 2.0;" width="397.5" x="389" y="704.0078"/><text fill="#000000" font-family="sans-serif" font-size="13" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="16" x="404" y="718.5029">alt</text><text fill="#000000" font-family="sans-serif" font-size="11" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="61" x="465" y="717.4268">[can show]</text><polygon fill="#A80036" points="457,740.3594,447,744.3594,457,748.3594,453,744.3594" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="451" x2="722" y1="744.3594" y2="744.3594"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="123" x="463" y="739.8545">push syncDraw event</text><polygon fill="#A80036" points="711,770.7109,721,774.7109,711,778.7109,715,774.7109" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="446" x2="717" y1="774.7109" y2="774.7109"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="135" x="453" y="770.2061">endDraw("onscreeapp")</text><line style="stroke: #A80036; stroke-width: 1.0;" x1="446" x2="488" y1="805.4141" y2="805.4141"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="488" x2="488" y1="805.4141" y2="818.4141"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="447" x2="488" y1="818.4141" y2="818.4141"/><polygon fill="#A80036" points="457,814.4141,447,818.4141,457,822.4141,453,818.4141" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="196" x="453" y="800.5576">show onscreen as request pattern</text><line style="stroke: #000000; stroke-width: 1.0; stroke-dasharray: 2.0,2.0;" x1="389" x2="786.5" y1="827.4141" y2="827.4141"/><text fill="#000000" font-family="sans-serif" font-size="11" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="68" x="394" y="838.833">[can't show]</text><path d="M399,847.25 L399,873.25 L769,873.25 L769,857.25 L759,847.25 L399,847.25 " fill="#FBFB77" filter="url(#flevyh72bfgyv)" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M759,847.25 L759,857.25 L769,857.25 L759,847.25 " fill="#FBFB77" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="60" x="547.5" y="865.7451">do nothing</text><rect fill="#EEEEEE" filter="url(#flevyh72bfgyv)" height="3" style="stroke: #EEEEEE; stroke-width: 1.0;" width="793.5" x="3" y="910.7773"/><line style="stroke: #000000; stroke-width: 1.0;" x1="3" x2="796.5" y1="910.7773" y2="910.7773"/><line style="stroke: #000000; stroke-width: 1.0;" x1="3" x2="796.5" y1="913.7773" y2="913.7773"/><rect fill="#EEEEEE" filter="url(#flevyh72bfgyv)" height="24.3516" style="stroke: #000000; stroke-width: 2.0;" width="108" x="345.75" y="899.6016"/><text fill="#000000" font-family="sans-serif" font-size="13" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="90" x="351.75" y="917.0967">hide onscreen</text><polygon fill="#A80036" points="434,951.9531,444,955.9531,434,959.9531,438,955.9531" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="41" x2="440" y1="955.9531" y2="955.9531"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="124" x="48" y="951.4482">tap onscreen's button</text><polygon fill="#A80036" points="711,982.3047,721,986.3047,711,990.3047,715,986.3047" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="446" x2="717" y1="986.3047" y2="986.3047"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="200" x="453" y="981.7998">deactivateWindow("onscreenapp");</text><line style="stroke: #A80036; stroke-width: 1.0;" x1="446" x2="488" y1="1017.0078" y2="1017.0078"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="488" x2="488" y1="1017.0078" y2="1030.0078"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="447" x2="488" y1="1030.0078" y2="1030.0078"/><polygon fill="#A80036" points="457,1026.0078,447,1030.0078,457,1034.0078,453,1030.0078" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="70" x="453" y="1012.1514">hide window</text><polygon fill="#A80036" points="146,1056.0078,136,1060.0078,146,1064.0078,142,1060.0078" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="140" x2="445" y1="1060.0078" y2="1060.0078"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="114" x="152" y="1055.5029">replyShowWindow()</text><path d="M81,1073.3594 L81,1181.3594 L498,1181.3594 L498,1083.3594 L488,1073.3594 L81,1073.3594 " fill="#FBFB77" filter="url(#flevyh72bfgyv)" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M488,1073.3594 L488,1083.3594 L498,1083.3594 L488,1073.3594 " fill="#FBFB77" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="4" x="98.25" y="1091.8545">{</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="334" x="130.25" y="1108.2061">"application_id":"the application who called onscreenapp",</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="80" x="130.25" y="1124.5576">"parameter": {</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="178" x="162.25" y="1140.9092">"buttonName": "VOLUME_UP"</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="4" x="130.25" y="1157.2607">}</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="4" x="98.25" y="1173.6123">}</text><polygon fill="#A80036" points="319,1208.4688,329,1212.4688,319,1216.4688,323,1212.4688" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="135" x2="325" y1="1212.4688" y2="1212.4688"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="172" x="142" y="1207.9639">push replyShowWindow event</text><line style="stroke: #A80036; stroke-width: 1.0;" x1="331" x2="373" y1="1243.1719" y2="1243.1719"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="373" x2="373" y1="1243.1719" y2="1256.1719"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="332" x2="373" y1="1256.1719" y2="1256.1719"/><polygon fill="#A80036" points="342,1252.1719,332,1256.1719,342,1260.1719,338,1256.1719" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="101" x="338" y="1238.3154">call reply function</text><!--
+@startuml
+
+title show/hide onscreen phase
+
+actor user
+entity "homescreen-service" as hss
+entity App
+entity onscreenapp
+entity windowmanager as wm
+
+== show onscreen ==
+user->App: the operation request onscreen
+App->hss: showWindow()
+note over App,hss
+{
+	"application_id": "onscreenapp",
+	"parameter": {
+		"title": "onscreen title",
+		"type": "critical,exclamation,question,information",
+		"contents": "message contents",
+		"buttons": ["button_name1", "button_name2", "button_name3"]
+	}
+}
+end note
+
+hss->onscreenapp: push showWindow event
+note over hss,onscreenapp
+{
+	"application_id": "onscreenapp",
+	"parameter": {
+		"title": "onscreen title",
+		"type": "critical,exclamation,question,information",
+		"contents": "message contents",
+		"buttons": ["button_name1", "button_name2", "button_name3"],
+		<font color=red >"replyto":"caller application id"
+	}
+}
+end note
+
+onscreenapp->onscreenapp: get and save parameter
+onscreenapp->wm: activateWindow("onscreeapp", "on_screen")
+alt can show
+wm- ->onscreenapp: push syncDraw event
+onscreenapp->wm: endDraw("onscreeapp")
+onscreenapp->onscreenapp: show onscreen as request pattern
+
+else can't show
+note over onscreenapp,wm
+do nothing
+end note
+end
+
+== hide onscreen ==
+
+user->onscreenapp: tap onscreen's button
+onscreenapp->wm: deactivateWindow("onscreenapp");
+onscreenapp->onscreenapp: hide window
+
+onscreenapp->hss: replyShowWindow()
+note over onscreenapp,hss
+{
+	"application_id":"the application who called onscreenapp", 
+	"parameter": {
+		"buttonName": "VOLUME_UP"
+	}
+}
+end note
+hss->App: push replyShowWindow event
+App->App: call reply function
+
+@enduml
+
+PlantUML version 1.2018.01(Mon Jan 29 02:08:22 CST 2018)
+(GPL source distribution)
+Java Runtime: Java(TM) SE Runtime Environment
+JVM: Java HotSpot(TM) 64-Bit Server VM
+Java Version: 1.8.0_45-b15
+Operating System: Windows 7
+OS Version: 6.1
+Default Encoding: MS932
+Language: ja
+Country: JP
+--></g></svg>
+\ No newline at end of file
diff --git a/doc/readme.md b/doc/readme.md
new file mode 100644
index 0000000..f9da853
--- /dev/null
+++ b/doc/readme.md
@@ -0,0 +1,32 @@
+
+usage of onscreenapp
+===
+
+## dependence
+
+- Onscreenapp depend on libhomescreen add agl-service-homescreen as below:
+	- libhomescreen must have 'showWindow/hideWindow/replyShowWindow' event 
+		and 'showWindow/hideWindow/replyShowWindow' interface.
+	- agl-service-homescreen must have 'showWindow/hideWindow/replyShowWindow' verbs.
+
+## sequence
+
+show/hide onscreen sequence.
+- ![showOnscreen.svg](parts/showOnscreen.svg)
+
+## about sample 'onstestapp'
+onstestapp is a sample to use onscreenapp.
+
+### compile & install
+- compile
+	- when onscreenapp is compiled, this app's wgt file will exist at "onscreenapp/sample/package" which called onstestapp.wgt.
+
+- install
+		`afm-util install onstestapp.wgt;sync`
+
+### onstestapp usage
+- start onstestapp in launcher
+- select onscreen type in groupbox
+- press "Post" button
+
+After clicked onscreen's button,you will see reply information at top area of onstestapp.
diff --git a/onscreenapp.pro b/onscreenapp.pro
new file mode 100644
index 0000000..73540cf
--- /dev/null
+++ b/onscreenapp.pro
@@ -0,0 +1,25 @@
+#
+# Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+TEMPLATE = subdirs
+
+load(configure)
+
+SUBDIRS += \
+    package \
+    app \
+    sample
+
+package.depends += app
diff --git a/package/config.xml b/package/config.xml
new file mode 100644
index 0000000..7b151a3
--- /dev/null
+++ b/package/config.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<widget xmlns="http://www.w3.org/ns/widgets" id="onscreenapp" version="0.1">
+  <name>OnScreenApp</name>
+  <icon src="icon.svg"/>
+  <content src="bin/onscreenapp" type="application/vnd.agl.native"/>
+  <description>This is a demo OnScreen application</description>
+  <author>TOYOTA</author>
+  <license>APL 2.0</license>
+  <feature name="urn:AGL:widget:required-api">
+    <param name="homescreen" value="ws" />
+    <param name="windowmanager" value="ws" />
+  </feature>
+  <feature name="urn:AGL:widget:required-permission">
+    <param name="urn:AGL:permission::public:no-htdocs" value="required" />
+    <param name="urn:AGL:permission::system:run-by-default" value="required"/>
+  </feature>
+</widget>
diff --git a/package/icon.svg b/package/icon.svg
new file mode 100644
index 0000000..91661a7
--- /dev/null
+++ b/package/icon.svg
@@ -0,0 +1,279 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 320 320"
+   style="enable-background:new 0 0 320 320;"
+   xml:space="preserve"
+   id="svg2"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="icon.svg"><metadata
+     id="metadata1292"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs1290" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1464"
+     id="namedview1288"
+     showgrid="false"
+     inkscape:zoom="0.7375"
+     inkscape:cx="-572.20339"
+     inkscape:cy="160"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" /><style
+     type="text/css"
+     id="style4">
+	.st0{display:none;}
+	.st1{display:inline;}
+	.st2{opacity:0.4;fill:url(#SVGID_1_);}
+	.st3{fill:url(#SVGID_2_);}
+	.st4{fill:#FFFFFF;}
+	.st5{font-family:'Roboto-Regular';}
+	.st6{font-size:25px;}
+	.st7{letter-spacing:6;}
+	.st8{fill:url(#SVGID_3_);}
+	.st9{fill:url(#SVGID_4_);}
+	.st10{fill:url(#SVGID_5_);}
+	.st11{fill:url(#SVGID_6_);}
+	.st12{fill:url(#SVGID_7_);}
+	.st13{fill:url(#SVGID_8_);}
+	.st14{fill:url(#SVGID_9_);}
+	.st15{fill:url(#SVGID_10_);}
+	.st16{fill:url(#SVGID_11_);}
+	.st17{fill:url(#SVGID_12_);}
+	.st18{fill:url(#SVGID_13_);}
+	.st19{fill:url(#SVGID_14_);}
+	.st20{fill:url(#SVGID_15_);}
+	.st21{fill:url(#SVGID_16_);}
+	.st22{fill:url(#SVGID_17_);}
+	.st23{fill:url(#SVGID_18_);}
+	.st24{opacity:0.29;}
+	.st25{fill:url(#SVGID_19_);}
+	.st26{fill:url(#SVGID_20_);}
+	.st27{fill:url(#SVGID_21_);}
+	.st28{fill:url(#SVGID_22_);}
+	.st29{fill:url(#SVGID_23_);}
+	.st30{fill:url(#SVGID_24_);}
+	.st31{fill:url(#SVGID_25_);}
+	.st32{fill:url(#SVGID_26_);}
+	.st33{fill:url(#SVGID_27_);}
+	.st34{fill:url(#SVGID_28_);}
+	.st35{fill:url(#SVGID_29_);}
+	.st36{fill:url(#SVGID_30_);}
+	.st37{fill:url(#SVGID_31_);}
+	.st38{fill:url(#SVGID_32_);}
+	.st39{fill:url(#SVGID_33_);}
+	.st40{fill:url(#SVGID_34_);}
+	.st41{fill:url(#SVGID_35_);}
+	.st42{fill:url(#SVGID_36_);}
+	.st43{opacity:0.4;fill:url(#SVGID_37_);}
+	.st44{fill:url(#SVGID_38_);}
+	.st45{fill:url(#SVGID_39_);}
+	.st46{fill:url(#SVGID_40_);}
+	.st47{fill:url(#SVGID_41_);}
+	.st48{fill:url(#SVGID_42_);}
+	.st49{fill:url(#SVGID_43_);}
+	.st50{fill:url(#SVGID_44_);}
+	.st51{display:inline;opacity:0.29;}
+	.st52{display:inline;fill:url(#SVGID_45_);}
+	.st53{display:inline;fill:url(#SVGID_46_);}
+	.st54{display:inline;fill:#FFFFFF;}
+	.st55{display:inline;fill:url(#SVGID_47_);}
+	.st56{display:inline;fill:url(#SVGID_48_);}
+	.st57{display:inline;fill:url(#SVGID_49_);}
+	.st58{display:inline;fill:url(#SVGID_50_);}
+	.st59{display:inline;fill:url(#SVGID_51_);}
+	.st60{display:inline;fill:url(#SVGID_52_);}
+	.st61{opacity:0.4;fill:url(#SVGID_53_);}
+	.st62{fill:url(#SVGID_54_);}
+	.st63{fill:url(#SVGID_55_);}
+	.st64{fill:url(#SVGID_56_);}
+	.st65{fill:url(#SVGID_57_);}
+	.st66{fill:url(#SVGID_58_);}
+	.st67{opacity:0.4;fill:url(#SVGID_59_);}
+	.st68{fill:url(#SVGID_60_);}
+	.st69{fill:url(#SVGID_61_);}
+	.st70{fill:url(#SVGID_62_);}
+	.st71{fill:url(#SVGID_63_);}
+	.st72{fill:url(#SVGID_64_);}
+	.st73{fill:url(#SVGID_65_);}
+	.st74{fill:url(#SVGID_66_);}
+	.st75{fill:url(#SVGID_67_);}
+	.st76{fill:url(#SVGID_68_);}
+	.st77{fill:url(#SVGID_69_);}
+	.st78{fill:url(#SVGID_70_);}
+	.st79{fill:url(#SVGID_71_);}
+	.st80{fill:url(#SVGID_72_);}
+	.st81{fill:url(#SVGID_73_);}
+	.st82{fill:url(#SVGID_74_);}
+	.st83{fill:url(#SVGID_75_);}
+	.st84{fill:url(#SVGID_76_);}
+	.st85{fill:url(#SVGID_77_);}
+	.st86{fill:url(#SVGID_78_);}
+	.st87{fill:url(#SVGID_79_);}
+	.st88{fill:url(#SVGID_80_);}
+	.st89{fill:url(#SVGID_81_);}
+	.st90{fill:url(#SVGID_82_);}
+	.st91{fill:url(#SVGID_83_);}
+	.st92{fill:url(#SVGID_84_);}
+	.st93{fill:url(#SVGID_85_);}
+	.st94{fill:url(#SVGID_86_);}
+	.st95{opacity:0.4;fill:url(#SVGID_87_);}
+	.st96{fill:url(#SVGID_88_);}
+	.st97{fill:url(#SVGID_89_);}
+	.st98{fill:url(#SVGID_90_);}
+	.st99{fill:url(#SVGID_91_);}
+	.st100{fill:url(#SVGID_92_);}
+	.st101{fill:url(#SVGID_93_);}
+	.st102{fill:url(#SVGID_94_);}
+	.st103{opacity:0.4;fill:url(#SVGID_95_);}
+	.st104{fill:url(#SVGID_96_);}
+	.st105{fill:url(#SVGID_97_);}
+	.st106{fill:url(#SVGID_98_);}
+	.st107{fill:url(#SVGID_99_);}
+	.st108{fill:url(#SVGID_100_);}
+	.st109{fill:url(#SVGID_101_);}
+	.st110{display:inline;fill:url(#SVGID_102_);}
+	.st111{display:inline;fill:url(#SVGID_103_);}
+	.st112{fill:url(#SVGID_104_);}
+	.st113{fill:url(#SVGID_105_);}
+	.st114{fill:url(#SVGID_106_);}
+	.st115{fill:url(#SVGID_107_);}
+	.st116{fill:url(#SVGID_108_);}
+	.st117{opacity:0.4;fill:url(#SVGID_109_);}
+	.st118{fill:url(#SVGID_110_);}
+	.st119{fill:url(#SVGID_111_);}
+	.st120{fill:url(#SVGID_112_);}
+	.st121{fill:url(#SVGID_113_);}
+	.st122{fill:url(#SVGID_114_);}
+	.st123{opacity:0.4;fill:url(#SVGID_115_);}
+	.st124{fill:url(#SVGID_116_);}
+	.st125{fill:url(#SVGID_117_);}
+	.st126{fill:url(#SVGID_118_);}
+	.st127{display:inline;fill:url(#SVGID_119_);}
+	.st128{display:inline;fill:url(#SVGID_120_);}
+	.st129{fill:url(#SVGID_121_);}
+	.st130{fill:url(#SVGID_122_);}
+</style><switch
+     id="switch6"><g
+       i:extraneous="self"
+       id="g8"><g
+         id="Multimedia_Inactive_copy"><circle
+           class="st24"
+           cx="159.7"
+           cy="133.4"
+           r="101.9"
+           id="circle884" /><linearGradient
+           id="SVGID_91_"
+           gradientUnits="userSpaceOnUse"
+           x1="115.9317"
+           y1="254.1836"
+           x2="256.3852"
+           y2="-133.5267"><stop
+             offset="0"
+             style="stop-color:#8BC53F"
+             id="stop887" /><stop
+             offset="2.015080e-02"
+             style="stop-color:#7CCB56;stop-opacity:0.9678"
+             id="stop889" /><stop
+             offset="6.089833e-02"
+             style="stop-color:#62D67D;stop-opacity:0.9028"
+             id="stop891" /><stop
+             offset="0.1057"
+             style="stop-color:#4BDFA0;stop-opacity:0.8312"
+             id="stop893" /><stop
+             offset="0.1543"
+             style="stop-color:#38E7BE;stop-opacity:0.7537"
+             id="stop895" /><stop
+             offset="0.2077"
+             style="stop-color:#28EED6;stop-opacity:0.6684"
+             id="stop897" /><stop
+             offset="0.2681"
+             style="stop-color:#1CF3E8;stop-opacity:0.572"
+             id="stop899" /><stop
+             offset="0.3394"
+             style="stop-color:#13F6F5;stop-opacity:0.4581"
+             id="stop901" /><stop
+             offset="0.4323"
+             style="stop-color:#0EF8FD;stop-opacity:0.3098"
+             id="stop903" /><stop
+             offset="0.6264"
+             style="stop-color:#0DF9FF;stop-opacity:0"
+             id="stop905" /></linearGradient><circle
+           class="st99"
+           cx="159.7"
+           cy="133.4"
+           r="101.9"
+           id="circle907" /><linearGradient
+           id="SVGID_92_"
+           gradientUnits="userSpaceOnUse"
+           x1="4.0481"
+           y1="287.9492"
+           x2="320.4859"
+           y2="-15.4029"
+           gradientTransform="matrix(1 5.464556e-03 -5.464556e-03 1 -2.0192 -3.0212)"><stop
+             offset="0"
+             style="stop-color:#59FF7F"
+             id="stop910" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop912" /></linearGradient><path
+           class="st100"
+           d="M160,238.8c-0.2,0-0.4,0-0.6,0c-58-0.3-104.9-47.7-104.6-105.7C55.2,75.3,102.3,28.5,160,28.5     c0.2,0,0.4,0,0.6,0c58,0.3,104.9,47.7,104.6,105.7l0,0C264.8,192,217.7,238.8,160,238.8z M160,32.2     c-55.7,0-101.2,45.2-101.5,100.9c-0.3,55.9,45,101.7,100.9,102c0.2,0,0.4,0,0.6,0c55.7,0,101.2-45.2,101.5-100.9     c0.3-55.9-45-101.7-100.9-102C160.4,32.2,160.2,32.2,160,32.2z"
+           id="path914" /><g
+           id="g916"><text
+             transform="matrix(1 0 0 1 53.5841 284.7119)"
+             class="st4 st5 st6 st7"
+             id="text918">MULTIMEDIA</text>
+<linearGradient
+             id="SVGID_93_"
+             gradientUnits="userSpaceOnUse"
+             x1="140.5445"
+             y1="202.2363"
+             x2="186.8444"
+             y2="68.7049"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop921" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop923" /></linearGradient><path
+             class="st101"
+             d="M114.5,190.9c-6.4,0-12-2.6-14.8-7.5c-2.9-4.9-5.4-14.5,9.6-23.2c4.8-2.8,17.1-3.9,20.8-4l0.1,3.6      c-4.6,0.1-15.5,1.4-19.1,3.5c-9.4,5.4-12.1,11.5-8.3,18.3c3.8,6.6,14.6,7.6,24,2.2c6.6-3.8,10.6-10.5,10.7-17.9l-0.1-0.7V95.4      l71.9-14.2l0.1,71.3c0,6.7-3.3,16.4-12.5,21.8c-11.1,6.4-24.1,4.8-28.9-3.5c-2.9-4.9-5.4-14.5,9.6-23.2      c4.4-2.5,14.4-3.8,18.8-3.9l0.1,3.6c-4.2,0.1-13.5,1.4-17.1,3.5c-6.4,3.7-13.1,9.9-8.3,18.3c3.8,6.6,14.6,7.6,24,2.2      c7.9-4.5,10.7-12.8,10.7-18.5l-0.1-0.8V85.6l-64.7,12.7v66.8l0.1,0.7c0,8.7-4.7,16.6-12.5,21.1      C123.9,189.6,119,190.9,114.5,190.9z"
+             id="path925" /><linearGradient
+             id="SVGID_94_"
+             gradientUnits="userSpaceOnUse"
+             x1="145.3286"
+             y1="203.8951"
+             x2="191.6285"
+             y2="70.3637"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop928" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop930" /></linearGradient><polygon
+             class="st102"
+             points="155.6,123.3 154.8,119.8 195.5,110.2 196.3,113.7     "
+             id="polygon932" /></g></g></g></switch></svg>
+\ No newline at end of file
diff --git a/package/package.pro b/package/package.pro
new file mode 100644
index 0000000..bb32c26
--- /dev/null
+++ b/package/package.pro
@@ -0,0 +1,18 @@
+DISTFILES = icon.svg config.xml
+
+copy_icon.target = $$OUT_PWD/root/icon.svg
+copy_icon.depends = $$_PRO_FILE_PWD_/icon.svg
+copy_icon.commands = $(COPY_FILE) \"$$replace(copy_icon.depends, /, $$QMAKE_DIR_SEP)\" \"$$replace(copy_icon.target, /, $$QMAKE_DIR_SEP)\"
+QMAKE_EXTRA_TARGETS += copy_icon
+PRE_TARGETDEPS += $$copy_icon.target
+
+copy_config.target = $$OUT_PWD/root/config.xml
+copy_config.depends = $$_PRO_FILE_PWD_/config.xml
+copy_config.commands = $(COPY_FILE) \"$$replace(copy_config.depends, /, $$QMAKE_DIR_SEP)\" \"$$replace(copy_config.target, /, $$QMAKE_DIR_SEP)\"
+QMAKE_EXTRA_TARGETS += copy_config
+PRE_TARGETDEPS += $$copy_config.target
+
+wgt.target = package
+wgt.commands = wgtpkg-pack -f -o onscreenapp.wgt root
+
+QMAKE_EXTRA_TARGETS += wgt
diff --git a/sample/app/app.pro b/sample/app/app.pro
new file mode 100644
index 0000000..c72fd28
--- /dev/null
+++ b/sample/app/app.pro
@@ -0,0 +1,33 @@
+#
+# Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+TARGET = onstestapp
+QT = quick quickcontrols2 qml
+
+CONFIG += c++11 link_pkgconfig
+PKGCONFIG += qlibwindowmanager qlibhomescreen
+DESTDIR = $${OUT_PWD}/../package/root/bin
+
+SOURCES = main.cpp \
+    eventhandler.cpp
+
+RESOURCES += \
+    qml.qrc
+
+HEADERS += \
+    eventhandler.h
+
+LIBS += -ljson-c
+
diff --git a/sample/app/eventhandler.cpp b/sample/app/eventhandler.cpp
new file mode 100644
index 0000000..4e55619
--- /dev/null
+++ b/sample/app/eventhandler.cpp
@@ -0,0 +1,117 @@
+/*
+ * Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include <functional>
+#include <QUrl>
+#include <QJsonDocument>
+#include <QJsonObject>
+#include <QQuickWindow>
+//#include <QtQml/QQmlContext>
+#include <QQmlContext>
+#include <QtQml/QQmlApplicationEngine>
+#include "eventhandler.h"
+
+void* EventHandler::myThis = 0;
+
+const char _drawing_name[] = "drawing_name";
+
+EventHandler::EventHandler(QObject *parent) :
+    QObject(parent),
+    mp_hs(NULL),
+    mp_wm(NULL),
+    mp_qw(NULL)
+{
+
+}
+
+EventHandler::~EventHandler()
+{
+    if (mp_hs != NULL) {
+        delete mp_hs;
+    }
+    if (mp_wm != NULL) {
+        delete mp_wm;
+    }
+}
+
+void EventHandler::init(int port, const char *token)
+{
+    myThis = this;
+    mp_wm = new QLibWindowmanager();
+    mp_wm->init(port, token);
+
+    mp_hs = new QLibHomeScreen();
+    mp_hs->init(port, token);
+
+    mp_hs->set_event_handler(QLibHomeScreen::Event_ShowWindow, [this](json_object *object){
+        this->mp_wm->activateWindow(ROLE_NAME, "normal");
+        HMI_DEBUG(APP_ID, "received showWindow event, end!, line=%d", __LINE__);
+    });
+
+    mp_hs->set_event_handler(QLibHomeScreen::Event_ReplyShowWindow, [this](json_object *object){
+        HMI_DEBUG(APP_ID, "got Event_ReplyShowWindow!\n");
+        const char* msg = json_object_to_json_string(object);
+        emit this->signalOnReplyShowWindow(msg);
+    });
+
+    if (mp_wm->requestSurface(ROLE_NAME) != 0) {
+        HMI_DEBUG(APP_ID, "!!!!LayoutHandler requestSurface Failed!!!!!");
+        exit(EXIT_FAILURE);
+    }
+
+    // Create an event callback against an event type. Here a lambda is called when SyncDraw event occurs
+    mp_wm->set_event_handler(QLibWindowmanager::Event_SyncDraw, [this](json_object *object) {
+        HMI_DEBUG(APP_ID, "Surface got syncDraw!");
+        this->mp_wm->endDraw(ROLE_NAME);
+    });
+
+    mp_wm->set_event_handler(QLibWindowmanager::Event_Visible, [this](json_object *object) {
+        struct json_object *value;
+        json_object_object_get_ex(object, _drawing_name, &value);
+        const char *name = json_object_get_string(value);
+
+        HMI_DEBUG(APP_ID, "Event_Active kKeyDrawingName = %s", name);
+    });
+
+    mp_wm->set_event_handler(QLibWindowmanager::Event_Invisible, [this](json_object *object) {
+        struct json_object *value;
+        json_object_object_get_ex(object, _drawing_name, &value);
+        const char *name = json_object_get_string(value);
+
+        HMI_DEBUG(APP_ID, "Event_Inactive kKeyDrawingName = %s", name);
+    });
+
+    HMI_DEBUG(APP_ID, "LayoutHander::init() finished.");
+}
+
+void EventHandler::setQuickWindow(QQuickWindow *qw)
+{
+    mp_qw = qw;
+    QObject::connect(mp_qw, SIGNAL(frameSwapped()), mp_wm, SLOT(slotActivateSurface()));
+}
+
+void EventHandler::showWindow(QString id, QString json)
+{
+    if(json.isNull())
+        mp_hs->tapShortcut(id);
+    else
+        mp_hs->showWindow(id.toStdString().c_str(), json_tokener_parse(json.toStdString().c_str()));
+}
+
+void EventHandler::hideWindow(QString id)
+{
+    mp_hs->hideWindow(id.toStdString().c_str());
+}
diff --git a/sample/app/eventhandler.h b/sample/app/eventhandler.h
new file mode 100644
index 0000000..af66644
--- /dev/null
+++ b/sample/app/eventhandler.h
@@ -0,0 +1,59 @@
+/*
+ * Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef EVENTHANDLER_H
+#define EVENTHANDLER_H
+
+#include <QObject>
+#include <string>
+#include <QVariant>
+
+#include <qlibhomescreen.h>
+#include <qlibwindowmanager.h>
+#include "hmi-debug.h"
+
+#define ROLE_NAME "onstestapp"
+#define APP_ID "onstestapp"
+
+using namespace std;
+
+class QQuickWindow;
+class QQmlApplicationEngine;
+
+class EventHandler : public QObject
+{
+    Q_OBJECT
+public:
+    explicit EventHandler(QObject *parent = 0);
+    ~EventHandler();
+
+    void init(int port, const char* token);
+    void setQuickWindow(QQuickWindow *qw);
+    static void* myThis;
+
+    Q_INVOKABLE void showWindow(QString id, QString json);
+    Q_INVOKABLE void hideWindow(QString id);
+
+signals:
+    void signalOnReplyShowWindow(QVariant val);
+
+private:
+    QLibHomeScreen *mp_hs;
+    QLibWindowmanager* mp_wm;
+    QQuickWindow *mp_qw;
+};
+
+#endif // EVENTHANDLER_H
diff --git a/sample/app/hmi-debug.h b/sample/app/hmi-debug.h
new file mode 100644
index 0000000..5178aa5
--- /dev/null
+++ b/sample/app/hmi-debug.h
@@ -0,0 +1,77 @@
+/*
+ * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef __HMI_DEBUG_H__
+#define __HMI_DEBUG_H__
+
+#ifdef __cplusplus
+extern "C" {
+#endif
+
+#include <time.h>
+#include <stdio.h>
+#include <stdarg.h>
+#include <string.h>
+#include <stdlib.h>
+
+enum LOG_LEVEL{
+    LOG_LEVEL_NONE = 0,
+    LOG_LEVEL_ERROR,
+    LOG_LEVEL_WARNING,
+    LOG_LEVEL_NOTICE,
+    LOG_LEVEL_INFO,
+    LOG_LEVEL_DEBUG,
+    LOG_LEVEL_MAX = LOG_LEVEL_DEBUG
+};
+
+#define __FILENAME__ (strrchr(__FILE__, '/') ? strrchr(__FILE__, '/') + 1 : __FILE__)
+
+#define HMI_ERROR(prefix, args,...) _HMI_LOG(LOG_LEVEL_ERROR, __FILENAME__, __FUNCTION__, __LINE__, prefix, args, ##__VA_ARGS__)
+#define HMI_WARNING(prefix, args,...) _HMI_LOG(LOG_LEVEL_WARNING, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+#define HMI_NOTICE(prefix, args,...) _HMI_LOG(LOG_LEVEL_NOTICE, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+#define HMI_INFO(prefix, args,...)  _HMI_LOG(LOG_LEVEL_INFO, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+#define HMI_DEBUG(prefix, args,...) _HMI_LOG(LOG_LEVEL_DEBUG, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+
+static char ERROR_FLAG[6][20] = {"NONE", "ERROR", "WARNING", "NOTICE", "INFO", "DEBUG"};
+
+static void _HMI_LOG(enum LOG_LEVEL level, const char* file, const char* func, const int line, const char* prefix, const char* log, ...)
+{
+    const int log_level = (getenv("USE_HMI_DEBUG") == NULL)?LOG_LEVEL_ERROR:atoi(getenv("USE_HMI_DEBUG"));
+    if(log_level < level)
+    {
+        return;
+    }
+
+    char *message;
+    struct timespec tp;
+    unsigned int time;
+
+    clock_gettime(CLOCK_REALTIME, &tp);
+	time = (tp.tv_sec * 1000000L) + (tp.tv_nsec / 1000);
+
+	va_list args;
+	va_start(args, log);
+	if (log == NULL || vasprintf(&message, log, args) < 0)
+        message = NULL;
+    fprintf(stderr,  "[%10.3f] [%s %s] [%s, %s(), Line:%d] >>> %s \n", time / 1000.0, prefix, ERROR_FLAG[level], file, func, line, message);
+    va_end(args);
+	free(message);
+}
+
+#ifdef __cplusplus
+}
+#endif
+#endif  //__HMI_DEBUG_H__
diff --git a/sample/app/main.cpp b/sample/app/main.cpp
new file mode 100644
index 0000000..c47c869
--- /dev/null
+++ b/sample/app/main.cpp
@@ -0,0 +1,70 @@
+/*
+ * Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include <QQmlContext>
+#include <QtCore/QCommandLineParser>
+#include <QtGui/QGuiApplication>
+#include <QtQml/QQmlContext>
+#include <QtQml/QQmlApplicationEngine>
+#include <QtQuickControls2/QQuickStyle>
+#include <QtQuick/QQuickWindow>
+
+#include "eventhandler.h"
+
+
+int main(int argc, char *argv[])
+{
+    QGuiApplication app(argc, argv);
+    app.setApplicationName("onstestapp");
+    app.setApplicationVersion(QStringLiteral("3.99.3"));
+    app.setOrganizationDomain(QStringLiteral("automotivelinux.org"));
+    app.setOrganizationName(QStringLiteral("AutomotiveGradeLinux"));
+
+    QQuickStyle::setStyle("AGL");
+
+    QCommandLineParser parser;
+    parser.addPositionalArgument("port", app.translate("main", "port for binding"));
+    parser.addPositionalArgument("secret", app.translate("main", "secret for binding"));
+    parser.addHelpOption();
+    parser.addVersionOption();
+    parser.process(app);
+    QStringList positionalArguments = parser.positionalArguments();
+
+    QQmlApplicationEngine engine;
+    int port = 0;
+    QString secret;
+    if (positionalArguments.length() == 2) {
+        port = positionalArguments.takeFirst().toInt();
+        secret = positionalArguments.takeFirst();
+    }
+
+    EventHandler *eventHandler = new EventHandler();
+    eventHandler->init(port, secret.toStdString().c_str());
+    engine.rootContext()->setContextProperty("eventHandler", eventHandler);
+
+    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
+    if (engine.rootObjects().isEmpty()) {
+        HMI_DEBUG(APP_ID, "Fatal Error, rootObject is empty!");
+        return -1;
+    }
+
+    QObject *root = engine.rootObjects().first();
+    QQuickWindow *window = qobject_cast<QQuickWindow *>(root);
+    QObject::connect(eventHandler, SIGNAL(signalOnReplyShowWindow(QVariant)), window, SLOT(qmlOnReplyShowWindow(QVariant)));
+    eventHandler->setQuickWindow(window);
+
+    return app.exec();
+}
diff --git a/sample/app/main.qml b/sample/app/main.qml
new file mode 100644
index 0000000..b9f415b
--- /dev/null
+++ b/sample/app/main.qml
@@ -0,0 +1,349 @@
+import QtQuick 2.7
+import QtQuick.Window 2.2
+import QtQuick.Controls 2.0
+import QtQuick.Layouts 1.0
+import AGL.Demo.Controls 1.0
+
+ApplicationWindow {
+    id: root
+    visible: true
+    width: 1080
+    height: 1487
+
+    property string onsId: qsTr("onscreenapp")
+    property string onsTitle: qsTr("One Button title")
+    property string onsType: "critical"
+    property string onsContents: qsTr("An operating system is a program that manages a computer’s hardware.")
+    property string onsButton1: qsTr("Yes")
+    property string onsButton2: qsTr("")
+    property string onsButton3: qsTr("")
+    property string postmsg: qsTr("")
+    property string btndata: qsTr("")
+
+    Label {
+        id: title
+        width: parent.width
+        height: 40
+        text: "OnScreen Test App"
+        font.pixelSize: 40
+        font.bold: true
+        color: "white"
+    }
+
+    ColumnLayout {
+        spacing: 20
+        anchors.top: title.bottom
+        anchors.topMargin: 40
+        anchors.horizontalCenter: title.horizontalCenter
+
+        // show received reply information area
+        Flickable {
+             id: flickable
+             width: 800
+             height: 320
+             Layout.alignment: Qt.AlignCenter
+             flickableDirection: Flickable.VerticalFlick
+             boundsBehavior: Flickable.StopAtBounds
+
+             TextArea.flickable: TextArea {
+                 id: output
+                 text: "show received reply information area\n...\n...\n...\n...\n"
+                 font.pixelSize: 24
+                 wrapMode: TextArea.Wrap
+                 color: '#00ADDC'
+             }
+
+             ScrollBar.vertical: ScrollBar { }
+         }
+
+        // select onscreen type area
+        GroupBox {
+            label: Label {
+                text: qsTr("Please select send OnScreen Message")
+                font.pixelSize: 32
+                font.bold: true
+                color: "white"
+            }
+
+            width: 800
+            height: 100
+            Layout.alignment: Qt.AlignLeft
+
+            RowLayout {
+                anchors.fill: parent
+                RadioButton {
+                    text: qsTr("One Button")
+                    font.pixelSize: 20
+                    checked: true
+                    onClicked: {
+                        selectOneButton();
+                    }
+                }
+                RadioButton {
+                    text: qsTr("Two Buttons")
+                    font.pixelSize: 20
+                    onClicked: {
+                        selectTwoButtons();
+                    }
+                }
+                RadioButton {
+                    text: qsTr("Three Buttons")
+                    font.pixelSize: 20
+                    onClicked: {
+                        selectThreeButtons();
+                    }
+                }
+                RadioButton {
+                    text: qsTr("No Button")
+                    font.pixelSize: 20
+                    onClicked: {
+                        selectNoButton();
+                    }
+                }
+            }
+        }
+
+        // edit post message area
+        GroupBox {
+            label: Label {
+                text: qsTr("Post Infomations")
+                font.pixelSize: 32
+                font.bold: true
+                color: "white"
+            }
+            width: 800
+            height: 400
+            Layout.alignment: Qt.AlignLeft
+            Layout.maximumWidth: 800
+            Layout.maximumHeight: 400
+
+            ColumnLayout {
+                spacing:  20
+                RowLayout {
+                    spacing: 20
+                    Label {
+                        id: ons_title
+                        anchors.left: parent.left
+                        anchors.leftMargin: 30
+                        text: qsTr("ons_title:")
+                        font.pixelSize: 20
+                        font.italic: true
+                        color: '#00ADDC'
+                    }
+
+                    Label {
+                        id: ons_title_data
+                        text: onsTitle
+                        font.pixelSize: 20
+                        font.italic: true
+                        anchors.left: ons_title.right
+                        anchors.leftMargin: 20
+                        color: '#00ADDC'
+                        Layout.maximumWidth: 600
+                        Layout.maximumHeight: 40
+                        maximumLineCount: 1
+                        wrapMode: Text.Wrap
+                        elide: Text.ElideRight
+                        horizontalAlignment: Label.AlignHCenter
+                        verticalAlignment: Label.AlignVCenter
+                    }
+                }
+                RowLayout {
+                    spacing: 20
+                    Label {
+                        id: ons_type
+                        anchors.left: parent.left
+                        anchors.leftMargin: 30
+                        text: qsTr("type:")
+                        font.pixelSize: 20
+                        font.italic: true
+                        color: '#00ADDC'
+                    }
+
+                    Label {
+                        id: ons_type_data
+                        text: onsType
+                        font.pixelSize: 20
+                        font.italic: true
+                        anchors.left: ons_type.right
+                        anchors.leftMargin: 20
+                        color: '#00ADDC'
+                    }
+                }
+                RowLayout {
+                    spacing: 20
+                    Label {
+                        id: ons_contents
+                        anchors.left: parent.left
+                        anchors.leftMargin: 30
+                        text: qsTr("contents:")
+                        font.pixelSize: 20
+                        font.italic: true
+                        color: '#00ADDC'
+                    }
+                    Label {
+                        id: ons_contents_data
+                        text: onsContents
+                        font.pixelSize: 20
+                        font.italic: true
+                        anchors.left: ons_contents.right
+                        anchors.leftMargin: 20
+                        color: '#00ADDC'
+                        Layout.maximumWidth: 600
+                        Layout.maximumHeight: 200
+                        maximumLineCount: 4
+                        wrapMode: Text.Wrap
+                        elide: Text.ElideRight
+                        horizontalAlignment: Label.AlignLeft
+                        verticalAlignment: Label.AlignVCenter
+                    }
+                }
+                RowLayout {
+                    spacing: 20
+                    Label {
+                        id: btn1
+                        anchors.left: parent.left
+                        anchors.leftMargin: 30
+                        text: qsTr("Button1")
+                        font.pixelSize: 20
+                        font.italic: true
+                        color: '#00ADDC'
+                    }
+
+                    Label {
+                        id: btn1_data
+                        text: onsButton1
+                        font.pixelSize: 20
+                        font.italic: true
+                        anchors.left: btn1.right
+                        anchors.leftMargin: 20
+                        color: '#00ADDC'
+                    }
+                }
+                RowLayout {
+                    spacing: 20
+                    Label {
+                        id: btn2
+                        anchors.left: parent.left
+                        anchors.leftMargin: 30
+                        text: qsTr("Button2")
+                        font.pixelSize: 20
+                        font.italic: true
+                        color: '#00ADDC'
+                    }
+                    Label {
+                        id: btn2_data
+                        text: onsButton2
+                        font.pixelSize: 20
+                        font.italic: true
+                        anchors.left: btn2.right
+                        anchors.leftMargin: 20
+                        color: '#00ADDC'
+                    }
+                }
+                RowLayout {
+                    spacing: 20
+                    Label {
+                        id: btn3
+                        anchors.left: parent.left
+                        anchors.leftMargin: 30
+                        text: qsTr("Button3")
+                        font.pixelSize: 20
+                        font.italic: true
+                        color: '#00ADDC'
+                    }
+                    Label {
+                        id: btn3_data
+                        text: onsButton3
+                        font.pixelSize: 20
+                        font.italic: true
+                        anchors.left: btn3.right
+                        anchors.leftMargin: 20
+                        color: '#00ADDC'
+                    }
+                }
+            }
+        }
+
+        // post button
+        Button {
+            id: poster
+            text: "Post"
+            Layout.alignment: Qt.AlignCenter
+            onClicked: {
+                postMessage();
+            }
+        }
+    }
+
+    function selectOneButton() {
+        console.log("select one button!")
+        onsTitle = qsTr("One Button title")
+        onsType = qsTr("critical")
+        onsContents = qsTr("An operating system is a program that manages a computer’s hardware.")
+        onsButton1 = qsTr("Yes")
+        onsButton2 = qsTr("")
+        onsButton3 = qsTr("")
+    }
+
+    function selectTwoButtons() {
+        console.log("select two buttons!")
+        onsTitle = qsTr("Two Buttons title")
+        onsType = qsTr("exclamation")
+        onsContents = qsTr("Beforewe can explore the details of computer system operation, we need to know something about system structure. We thus discuss the basic functions of system startup, I/O, and storage early in this chapter. We also describe the basic computer architecture that makes it possible to write a functional operating system.")
+        onsButton1 = qsTr("Yes")
+        onsButton2 = qsTr("No")
+        onsButton3 = qsTr("")
+    }
+
+    function selectThreeButtons() {
+        console.log("select three buttons!")
+        onsTitle = qsTr("Three Buttons title")
+        onsType = qsTr("information")
+        onsContents = qsTr("We can also view a computer system as consisting of hardware, software,and data. The operating system provides the means for proper use of these resources in the operation of the computer system.")
+        onsButton1 = qsTr("Yes")
+        onsButton2 = qsTr("Abort")
+        onsButton3 = qsTr("No")
+    }
+
+    function selectNoButton() {
+        console.log("select no button!")
+        onsTitle = qsTr("No Button title,very long title beyond screen wide which will show ellipsis at the end")
+        onsType = qsTr("question")
+        onsContents = qsTr("Recently, many varieties of mobile computers, such as smartphones and tablets, have come into fashion. Most mobile computers are standalone units for individual users. Quite often, they are connected to networks through cellular or other wireless technologies. Increasingly, these mobile devices are replacing desktop and laptop computers for people who are primarily interested in using computers for e-mail and web browsing. The user interface for mobile computers generally features a touch screen, where the user interacts with the system by pressing and swiping fingers across the screen rather than using a physical keyboard and mouse.")
+        onsButton1 = qsTr("")
+        onsButton2 = qsTr("")
+        onsButton3 = qsTr("")
+    }
+
+    function postMessage() {
+        console.log("poster pressed")
+        btndata = ""
+        postmsg = "{\"title\": \"" + onsTitle + "\"," + "\"type\": \"" + onsType + "\"," + "\"contents\": \"" + onsContents + "\"";
+        if (onsButton1 != "") {
+            btndata = "\"" + onsButton1 + "\"";
+        }
+        if (onsButton2 != "") {
+            if (btndata != "")
+                btndata += ",";
+            btndata += "\"" + onsButton2 + "\"";
+        }
+        if (onsButton3 != "") {
+            if (btndata != "")
+                btndata += ",";
+            btndata += "\"" + onsButton3 + "\"";
+        }
+
+        if(btndata != "")
+            postmsg += ",\"buttons\":[" + btndata + "]}"
+        else
+            postmsg += "}"
+
+        eventHandler.showWindow(onsId, postmsg);
+    }
+
+    function qmlOnReplyShowWindow(text) {
+        console.log("onstestapp received:",text);
+        output.text = text;
+    }
+}
diff --git a/sample/app/qml.qrc b/sample/app/qml.qrc
new file mode 100644
index 0000000..5f6483a
--- /dev/null
+++ b/sample/app/qml.qrc
@@ -0,0 +1,5 @@
+<RCC>
+    <qresource prefix="/">
+        <file>main.qml</file>
+    </qresource>
+</RCC>
diff --git a/sample/package/config.xml b/sample/package/config.xml
new file mode 100644
index 0000000..2d9a5a1
--- /dev/null
+++ b/sample/package/config.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<widget xmlns="http://www.w3.org/ns/widgets" id="onstestapp" version="0.1">
+  <name>onstestapp</name>
+  <icon src="icon.svg"/>
+  <content src="bin/onstestapp" type="application/vnd.agl.native"/>
+  <description>This is a demo onstestapp application</description>
+  <author>Qt</author>
+  <license>APL 2.0</license>
+  <feature name="urn:AGL:widget:required-api">
+    <param name="windowmanager" value="ws"/>
+    <param name="homescreen" value="ws"/>
+  </feature>
+  <feature name="urn:AGL:widget:required-permission">
+    <param name="urn:AGL:permission::public:no-htdocs" value="required"/>
+  </feature>
+</widget>
+
+
diff --git a/sample/package/icon.svg b/sample/package/icon.svg
new file mode 100644
index 0000000..411d130
--- /dev/null
+++ b/sample/package/icon.svg
@@ -0,0 +1,489 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 320 320"
+   style="enable-background:new 0 0 320 320;"
+   xml:space="preserve"
+   id="svg2"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="HMI_AppLauncher_HVAC_Active-01.svg"><metadata
+     id="metadata1292"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs1290" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1464"
+     id="namedview1288"
+     showgrid="false"
+     inkscape:zoom="0.7375"
+     inkscape:cx="-540.33898"
+     inkscape:cy="160"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" /><style
+     type="text/css"
+     id="style4">
+	.st0{display:none;}
+	.st1{display:inline;}
+	.st2{opacity:0.4;fill:url(#SVGID_1_);}
+	.st3{fill:url(#SVGID_2_);}
+	.st4{fill:#FFFFFF;}
+	.st5{font-family:'Roboto-Regular';}
+	.st6{font-size:25px;}
+	.st7{letter-spacing:6;}
+	.st8{fill:url(#SVGID_3_);}
+	.st9{fill:url(#SVGID_4_);}
+	.st10{fill:url(#SVGID_5_);}
+	.st11{fill:url(#SVGID_6_);}
+	.st12{fill:url(#SVGID_7_);}
+	.st13{fill:url(#SVGID_8_);}
+	.st14{fill:url(#SVGID_9_);}
+	.st15{fill:url(#SVGID_10_);}
+	.st16{fill:url(#SVGID_11_);}
+	.st17{fill:url(#SVGID_12_);}
+	.st18{fill:url(#SVGID_13_);}
+	.st19{fill:url(#SVGID_14_);}
+	.st20{fill:url(#SVGID_15_);}
+	.st21{fill:url(#SVGID_16_);}
+	.st22{fill:url(#SVGID_17_);}
+	.st23{fill:url(#SVGID_18_);}
+	.st24{opacity:0.29;}
+	.st25{fill:url(#SVGID_19_);}
+	.st26{fill:url(#SVGID_20_);}
+	.st27{fill:url(#SVGID_21_);}
+	.st28{fill:url(#SVGID_22_);}
+	.st29{fill:url(#SVGID_23_);}
+	.st30{fill:url(#SVGID_24_);}
+	.st31{fill:url(#SVGID_25_);}
+	.st32{fill:url(#SVGID_26_);}
+	.st33{fill:url(#SVGID_27_);}
+	.st34{fill:url(#SVGID_28_);}
+	.st35{fill:url(#SVGID_29_);}
+	.st36{fill:url(#SVGID_30_);}
+	.st37{fill:url(#SVGID_31_);}
+	.st38{fill:url(#SVGID_32_);}
+	.st39{fill:url(#SVGID_33_);}
+	.st40{fill:url(#SVGID_34_);}
+	.st41{fill:url(#SVGID_35_);}
+	.st42{fill:url(#SVGID_36_);}
+	.st43{opacity:0.4;fill:url(#SVGID_37_);}
+	.st44{fill:url(#SVGID_38_);}
+	.st45{fill:url(#SVGID_39_);}
+	.st46{fill:url(#SVGID_40_);}
+	.st47{fill:url(#SVGID_41_);}
+	.st48{fill:url(#SVGID_42_);}
+	.st49{fill:url(#SVGID_43_);}
+	.st50{fill:url(#SVGID_44_);}
+	.st51{display:inline;opacity:0.29;}
+	.st52{display:inline;fill:url(#SVGID_45_);}
+	.st53{display:inline;fill:url(#SVGID_46_);}
+	.st54{display:inline;fill:#FFFFFF;}
+	.st55{display:inline;fill:url(#SVGID_47_);}
+	.st56{display:inline;fill:url(#SVGID_48_);}
+	.st57{display:inline;fill:url(#SVGID_49_);}
+	.st58{display:inline;fill:url(#SVGID_50_);}
+	.st59{display:inline;fill:url(#SVGID_51_);}
+	.st60{display:inline;fill:url(#SVGID_52_);}
+	.st61{opacity:0.4;fill:url(#SVGID_53_);}
+	.st62{fill:url(#SVGID_54_);}
+	.st63{fill:url(#SVGID_55_);}
+	.st64{fill:url(#SVGID_56_);}
+	.st65{fill:url(#SVGID_57_);}
+	.st66{fill:url(#SVGID_58_);}
+	.st67{opacity:0.4;fill:url(#SVGID_59_);}
+	.st68{fill:url(#SVGID_60_);}
+	.st69{fill:url(#SVGID_61_);}
+	.st70{fill:url(#SVGID_62_);}
+	.st71{fill:url(#SVGID_63_);}
+	.st72{fill:url(#SVGID_64_);}
+	.st73{fill:url(#SVGID_65_);}
+	.st74{fill:url(#SVGID_66_);}
+	.st75{fill:url(#SVGID_67_);}
+	.st76{fill:url(#SVGID_68_);}
+	.st77{fill:url(#SVGID_69_);}
+	.st78{fill:url(#SVGID_70_);}
+	.st79{fill:url(#SVGID_71_);}
+	.st80{fill:url(#SVGID_72_);}
+	.st81{fill:url(#SVGID_73_);}
+	.st82{fill:url(#SVGID_74_);}
+	.st83{fill:url(#SVGID_75_);}
+	.st84{fill:url(#SVGID_76_);}
+	.st85{fill:url(#SVGID_77_);}
+	.st86{fill:url(#SVGID_78_);}
+	.st87{fill:url(#SVGID_79_);}
+	.st88{fill:url(#SVGID_80_);}
+	.st89{fill:url(#SVGID_81_);}
+	.st90{fill:url(#SVGID_82_);}
+	.st91{fill:url(#SVGID_83_);}
+	.st92{fill:url(#SVGID_84_);}
+	.st93{fill:url(#SVGID_85_);}
+	.st94{fill:url(#SVGID_86_);}
+	.st95{opacity:0.4;fill:url(#SVGID_87_);}
+	.st96{fill:url(#SVGID_88_);}
+	.st97{fill:url(#SVGID_89_);}
+	.st98{fill:url(#SVGID_90_);}
+	.st99{display:inline;fill:url(#SVGID_91_);}
+	.st100{display:inline;fill:url(#SVGID_92_);}
+	.st101{fill:url(#SVGID_93_);}
+	.st102{fill:url(#SVGID_94_);}
+	.st103{opacity:0.4;fill:url(#SVGID_95_);}
+	.st104{fill:url(#SVGID_96_);}
+	.st105{fill:url(#SVGID_97_);}
+	.st106{fill:url(#SVGID_98_);}
+	.st107{fill:url(#SVGID_99_);}
+	.st108{fill:url(#SVGID_100_);}
+	.st109{fill:url(#SVGID_101_);}
+	.st110{display:inline;fill:url(#SVGID_102_);}
+	.st111{display:inline;fill:url(#SVGID_103_);}
+	.st112{fill:url(#SVGID_104_);}
+	.st113{fill:url(#SVGID_105_);}
+	.st114{fill:url(#SVGID_106_);}
+	.st115{fill:url(#SVGID_107_);}
+	.st116{fill:url(#SVGID_108_);}
+	.st117{opacity:0.4;fill:url(#SVGID_109_);}
+	.st118{fill:url(#SVGID_110_);}
+	.st119{fill:url(#SVGID_111_);}
+	.st120{fill:url(#SVGID_112_);}
+	.st121{fill:url(#SVGID_113_);}
+	.st122{fill:url(#SVGID_114_);}
+	.st123{opacity:0.4;fill:url(#SVGID_115_);}
+	.st124{fill:url(#SVGID_116_);}
+	.st125{fill:url(#SVGID_117_);}
+	.st126{fill:url(#SVGID_118_);}
+	.st127{display:inline;fill:url(#SVGID_119_);}
+	.st128{display:inline;fill:url(#SVGID_120_);}
+	.st129{fill:url(#SVGID_121_);}
+	.st130{fill:url(#SVGID_122_);}
+</style><switch
+     id="switch6"><g
+       i:extraneous="self"
+       id="g8"><g
+         id="HVAC_Active"><g
+           id="g158"><circle
+             class="st24"
+             cx="159.7"
+             cy="133.4"
+             r="101.9"
+             id="circle160" /><linearGradient
+             id="SVGID_19_"
+             gradientUnits="userSpaceOnUse"
+             x1="115.9317"
+             y1="254.1836"
+             x2="256.3852"
+             y2="-133.5267"><stop
+               offset="0"
+               style="stop-color:#8BC53F"
+               id="stop163" /><stop
+               offset="2.015080e-02"
+               style="stop-color:#7CCB56;stop-opacity:0.9678"
+               id="stop165" /><stop
+               offset="6.089833e-02"
+               style="stop-color:#62D67D;stop-opacity:0.9028"
+               id="stop167" /><stop
+               offset="0.1057"
+               style="stop-color:#4BDFA0;stop-opacity:0.8312"
+               id="stop169" /><stop
+               offset="0.1543"
+               style="stop-color:#38E7BE;stop-opacity:0.7537"
+               id="stop171" /><stop
+               offset="0.2077"
+               style="stop-color:#28EED6;stop-opacity:0.6684"
+               id="stop173" /><stop
+               offset="0.2681"
+               style="stop-color:#1CF3E8;stop-opacity:0.572"
+               id="stop175" /><stop
+               offset="0.3394"
+               style="stop-color:#13F6F5;stop-opacity:0.4581"
+               id="stop177" /><stop
+               offset="0.4323"
+               style="stop-color:#0EF8FD;stop-opacity:0.3098"
+               id="stop179" /><stop
+               offset="0.6264"
+               style="stop-color:#0DF9FF;stop-opacity:0"
+               id="stop181" /></linearGradient><circle
+             class="st25"
+             cx="159.7"
+             cy="133.4"
+             r="101.9"
+             id="circle183" /><text
+             transform="matrix(1 0 0 1 114.8792 284.712)"
+             class="st4 st5 st6 st7"
+             id="text185">HVAC</text>
+<linearGradient
+             id="SVGID_20_"
+             gradientUnits="userSpaceOnUse"
+             x1="159.9991"
+             y1="272.1867"
+             x2="159.9991"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop188" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop190" /></linearGradient><path
+             class="st26"
+             d="M179.7,151.6V78.8c0-11-8.8-20-19.7-20c-10.9,0-19.7,9-19.7,20v2.6h4.9v-2.6c0-8.3,6.6-15.1,14.8-15.1      c8.2,0,14.8,6.8,14.8,15.1v75.4l1.1,0.7c8.6,5.5,13.8,14.8,13.8,25c0,16.4-13.2,29.7-29.5,29.7c-16.4,0-29.8-13.3-29.8-29.7      c0-10.5,5.1-19.9,13.7-25.2l1.2-0.7V94.6h-4.9v56.7c-9.3,6.3-14.8,16.9-14.8,28.6c0,19.1,15.6,34.6,34.8,34.6      c19,0,34.5-15.5,34.5-34.6C194.6,168.6,189.1,158,179.7,151.6z"
+             id="path192" /><linearGradient
+             id="SVGID_21_"
+             gradientUnits="userSpaceOnUse"
+             x1="159.9991"
+             y1="272.1867"
+             x2="159.9991"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop195" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop197" /></linearGradient><path
+             class="st27"
+             d="M160.2,118.1c-9,0-10,5.5-10,7.9v31L147,159c-7.3,4.6-11.7,12.4-11.7,21c0,13.6,11.1,24.7,24.7,24.7      c4.6,0,9.1-1.3,13.1-3.7l-2.6-4.2c-3.1,2-6.7,3-10.4,3c-10.9,0-19.8-8.9-19.8-19.8c0-6.9,3.5-13.1,9.3-16.8l5.6-3.4V126      c0-1,0-3,5-3c4.8,0,4.8,1.4,4.8,2.7v33.9l5.7,3.6c5.7,3.7,9.1,9.9,9.1,16.6h4.9c0-8.4-4.3-16.2-11.4-20.8l-3.4-2.2v-31.2      C169.9,122.3,168.2,118.1,160.2,118.1z"
+             id="path199" /><linearGradient
+             id="SVGID_22_"
+             gradientUnits="userSpaceOnUse"
+             x1="126.625"
+             y1="272.1867"
+             x2="126.625"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop202" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop204" /></linearGradient><polygon
+             class="st28"
+             points="120.6,76.1 120.6,76.1 120.7,76.1 120.8,76.1 120.8,76.1 120.9,76.1 121,76.1 121,76.1       121.1,76.1 121.2,76.1 121.2,76.1 121.3,76.1 121.3,76.1 121.4,76.1 121.5,76.1 121.5,76.1 121.6,76.1 121.7,76.1 121.7,76.1       121.8,76.1 121.9,76.1 121.9,76.1 122,76.1 122.1,76.1 122.1,76.1 122.2,76.1 122.2,76.1 122.3,76.1 122.4,76.1 122.4,76.1       122.5,76.1 122.6,76.1 122.6,76.1 122.7,76.1 122.8,76.1 122.8,76.1 122.9,76.1 123,76.1 123,76.1 123.1,76.1 123.1,76.1       123.2,76.1 123.3,76.1 123.3,76.1 123.4,76.1 123.5,76.1 123.5,76.1 123.6,76.1 123.7,76.1 123.7,76.1 123.8,76.1 123.9,76.1       123.9,76.1 124,76.1 124,76.1 124.1,76.1 124.2,76.1 124.2,76.1 124.3,76.1 124.4,76.1 124.4,76.1 124.5,76.1 124.6,76.1       124.6,76.1 124.7,76.1 124.8,76.1 124.8,76.1 124.9,76.1 125,76.1 125,76.1 125.1,76.1 125.1,76.1 125.2,76.1 125.3,76.1       125.3,76.1 125.4,76.1 125.5,76.1 125.5,76.1 125.6,76.1 125.7,76.1 125.7,76.1 125.8,76.1 125.9,76.1 125.9,76.1 126,76.1       126,76.1 126.1,76.1 126.2,76.1 126.2,76.1 126.3,76.1 126.4,76.1 126.4,76.1 126.5,76.1 126.6,76.1 126.6,76.1 126.7,76.1       126.8,76.1 126.8,76.1 126.9,76.1 126.9,76.1 127,76.1 127.1,76.1 127.1,76.1 127.2,76.1 127.3,76.1 127.3,76.1 127.4,76.1       127.5,76.1 127.5,76.1 127.6,76.1 127.7,76.1 127.7,76.1 127.8,76.1 127.8,76.1 127.9,76.1 128,76.1 128,76.1 128.1,76.1       128.2,76.1 128.2,76.1 128.3,76.1 128.4,76.1 128.4,76.1 128.5,76.1 128.6,76.1 128.6,76.1 128.7,76.1 128.7,76.1 128.8,76.1       128.9,76.1 128.9,76.1 129,76.1 129.1,76.1 129.1,76.1 129.2,76.1 129.3,76.1 129.3,76.1 129.4,76.1 129.5,76.1 129.5,76.1       129.6,76.1 129.7,76.1 129.7,76.1 129.8,76.1 129.8,76.1 129.9,76.1 130,76.1 130,76.1 130.1,76.1 130.2,76.1 130.2,76.1       130.3,76.1 130.4,76.1 130.4,76.1 130.5,76.1 130.6,76.1 130.6,76.1 130.7,76.1 130.7,76.1 130.8,76.1 130.9,76.1 130.9,76.1       131,76.1 131.1,76.1 131.1,76.1 131.2,76.1 131.3,76.1 131.3,76.1 131.4,76.1 131.5,76.1 131.5,76.1 131.6,76.1 131.6,76.1       131.7,76.1 131.8,76.1 131.8,76.1 131.9,76.1 132,76.1 132,76.1 132.1,76.1 132.2,76.1 132.2,76.1 132.3,76.1 132.4,76.1       132.4,76.1 132.5,76.1 132.5,76.1 132.6,76.1 132.7,76.1 132.7,76.1 132.8,76.1 132.8,71.4 132.7,71.4 132.7,71.4 132.6,71.4       132.5,71.4 132.5,71.4 132.4,71.4 132.4,71.4 132.3,71.4 132.2,71.4 132.2,71.4 132.1,71.4 132,71.4 132,71.4 131.9,71.4       131.8,71.4 131.8,71.4 131.7,71.4 131.6,71.4 131.6,71.4 131.5,71.4 131.5,71.4 131.4,71.4 131.3,71.4 131.3,71.4 131.2,71.4       131.1,71.4 131.1,71.4 131,71.4 130.9,71.4 130.9,71.4 130.8,71.4 130.7,71.4 130.7,71.4 130.6,71.4 130.6,71.4 130.5,71.4       130.4,71.4 130.4,71.4 130.3,71.4 130.2,71.4 130.2,71.4 130.1,71.4 130,71.4 130,71.4 129.9,71.4 129.8,71.4 129.8,71.4       129.7,71.4 129.7,71.4 129.6,71.4 129.5,71.4 129.5,71.4 129.4,71.4 129.3,71.4 129.3,71.4 129.2,71.4 129.1,71.4 129.1,71.4       129,71.4 128.9,71.4 128.9,71.4 128.8,71.4 128.7,71.4 128.7,71.4 128.6,71.4 128.6,71.4 128.5,71.4 128.4,71.4 128.4,71.4       128.3,71.4 128.2,71.4 128.2,71.4 128.1,71.4 128,71.4 128,71.4 127.9,71.4 127.8,71.4 127.8,71.4 127.7,71.4 127.7,71.4       127.6,71.4 127.5,71.4 127.5,71.4 127.4,71.4 127.3,71.4 127.3,71.4 127.2,71.4 127.1,71.4 127.1,71.4 127,71.4 126.9,71.4       126.9,71.4 126.8,71.4 126.8,71.4 126.7,71.4 126.6,71.4 126.6,71.4 126.5,71.4 126.4,71.4 126.4,71.4 126.3,71.4 126.2,71.4       126.2,71.4 126.1,71.4 126,71.4 126,71.4 125.9,71.4 125.9,71.4 125.8,71.4 125.7,71.4 125.7,71.4 125.6,71.4 125.5,71.4       125.5,71.4 125.4,71.4 125.3,71.4 125.3,71.4 125.2,71.4 125.1,71.4 125.1,71.4 125,71.4 125,71.4 124.9,71.4 124.8,71.4       124.8,71.4 124.7,71.4 124.6,71.4 124.6,71.4 124.5,71.4 124.4,71.4 124.4,71.4 124.3,71.4 124.2,71.4 124.2,71.4 124.1,71.4       124,71.4 124,71.4 123.9,71.4 123.9,71.4 123.8,71.4 123.7,71.4 123.7,71.4 123.6,71.4 123.5,71.4 123.5,71.4 123.4,71.4       123.3,71.4 123.3,71.4 123.2,71.4 123.1,71.4 123.1,71.4 123,71.4 123,71.4 122.9,71.4 122.8,71.4 122.8,71.4 122.7,71.4       122.6,71.4 122.6,71.4 122.5,71.4 122.4,71.4 122.4,71.4 122.3,71.4 122.2,71.4 122.2,71.4 122.1,71.4 122.1,71.4 122,71.4       121.9,71.4 121.9,71.4 121.8,71.4 121.7,71.4 121.7,71.4 121.6,71.4 121.5,71.4 121.5,71.4 121.4,71.4 121.3,71.4 121.3,71.4       121.2,71.4 121.2,71.4 121.1,71.4 121,71.4 121,71.4 120.9,71.4 120.8,71.4 120.8,71.4 120.7,71.4 120.6,71.4 120.6,71.4       120.5,71.4 120.4,71.4 120.4,76.1 120.5,76.1     "
+             id="polygon206" /><linearGradient
+             id="SVGID_23_"
+             gradientUnits="userSpaceOnUse"
+             x1="129.0972"
+             y1="272.1867"
+             x2="129.0972"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop209" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop211" /></linearGradient><polygon
+             class="st29"
+             points="132.7,83.7 132.7,83.7 132.6,83.7 132.6,83.7 132.5,83.7 132.5,83.7 132.5,83.7 132.4,83.7       132.4,83.7 132.3,83.7 132.3,83.7 132.3,83.7 132.2,83.7 132.2,83.7 132.1,83.7 132.1,83.7 132.1,83.7 132,83.7 132,83.7       132,83.7 131.9,83.7 131.9,83.7 131.8,83.7 131.8,83.7 131.8,83.7 131.7,83.7 131.7,83.7 131.6,83.7 131.6,83.7 131.6,83.7       131.5,83.7 131.5,83.7 131.5,83.7 131.4,83.7 131.4,83.7 131.3,83.7 131.3,83.7 131.3,83.7 131.2,83.7 131.2,83.7 131.1,83.7       131.1,83.7 131.1,83.7 131,83.7 131,83.7 131,83.7 130.9,83.7 130.9,83.7 130.8,83.7 130.8,83.7 130.8,83.7 130.7,83.7       130.7,83.7 130.6,83.7 130.6,83.7 130.6,83.7 130.5,83.7 130.5,83.7 130.4,83.7 130.4,83.7 130.4,83.7 130.3,83.7 130.3,83.7       130.3,83.7 130.2,83.7 130.2,83.7 130.1,83.7 130.1,83.7 130.1,83.7 130,83.7 130,83.7 129.9,83.7 129.9,83.7 129.9,83.7       129.8,83.7 129.8,83.7 129.8,83.7 129.7,83.7 129.7,83.7 129.6,83.7 129.6,83.7 129.6,83.7 129.5,83.7 129.5,83.7 129.4,83.7       129.4,83.7 129.4,83.7 129.3,83.7 129.3,83.7 129.3,83.7 129.2,83.7 129.2,83.7 129.1,83.7 129.1,83.7 129.1,83.7 129,83.7       129,83.7 128.9,83.7 128.9,83.7 128.9,83.7 128.8,83.7 128.8,83.7 128.7,83.7 128.7,83.7 128.7,83.7 128.6,83.7 128.6,83.7       128.6,83.7 128.5,83.7 128.5,83.7 128.4,83.7 128.4,83.7 128.4,83.7 128.3,83.7 128.3,83.7 128.2,83.7 128.2,83.7 128.2,83.7       128.1,83.7 128.1,83.7 128.1,83.7 128,83.7 128,83.7 127.9,83.7 127.9,83.7 127.9,83.7 127.8,83.7 127.8,83.7 127.7,83.7       127.7,83.7 127.7,83.7 127.6,83.7 127.6,83.7 127.6,83.7 127.5,83.7 127.5,83.7 127.4,83.7 127.4,83.7 127.4,83.7 127.3,83.7       127.3,83.7 127.2,83.7 127.2,83.7 127.2,83.7 127.1,83.7 127.1,83.7 127,83.7 127,83.7 127,83.7 126.9,83.7 126.9,83.7       126.9,83.7 126.8,83.7 126.8,83.7 126.7,83.7 126.7,83.7 126.7,83.7 126.6,83.7 126.6,83.7 126.5,83.7 126.5,83.7 126.5,83.7       126.4,83.7 126.4,83.7 126.4,83.7 126.3,83.7 126.3,83.7 126.2,83.7 126.2,83.7 126.2,83.7 126.1,83.7 126.1,83.7 126,83.7       126,83.7 126,83.7 125.9,83.7 125.9,83.7 125.9,83.7 125.8,83.7 125.8,83.7 125.7,83.7 125.7,83.7 125.7,83.7 125.6,83.7       125.6,83.7 125.5,83.7 125.5,83.7 125.5,83.7 125.4,83.7 125.4,83.7 125.4,88.5 125.4,88.5 125.5,88.5 125.5,88.5 125.5,88.5       125.6,88.5 125.6,88.5 125.7,88.5 125.7,88.5 125.7,88.5 125.8,88.5 125.8,88.5 125.9,88.5 125.9,88.5 125.9,88.5 126,88.5       126,88.5 126,88.5 126.1,88.5 126.1,88.5 126.2,88.5 126.2,88.5 126.2,88.5 126.3,88.5 126.3,88.5 126.4,88.5 126.4,88.5       126.4,88.5 126.5,88.5 126.5,88.5 126.5,88.5 126.6,88.5 126.6,88.5 126.7,88.5 126.7,88.5 126.7,88.5 126.8,88.5 126.8,88.5       126.9,88.5 126.9,88.5 126.9,88.5 127,88.5 127,88.5 127,88.5 127.1,88.5 127.1,88.5 127.2,88.5 127.2,88.5 127.2,88.5       127.3,88.5 127.3,88.5 127.4,88.5 127.4,88.5 127.4,88.5 127.5,88.5 127.5,88.5 127.6,88.5 127.6,88.5 127.6,88.5 127.7,88.5       127.7,88.5 127.7,88.5 127.8,88.5 127.8,88.5 127.9,88.5 127.9,88.5 127.9,88.5 128,88.5 128,88.5 128.1,88.5 128.1,88.5       128.1,88.5 128.2,88.5 128.2,88.5 128.2,88.5 128.3,88.5 128.3,88.5 128.4,88.5 128.4,88.5 128.4,88.5 128.5,88.5 128.5,88.5       128.6,88.5 128.6,88.5 128.6,88.5 128.7,88.5 128.7,88.5 128.7,88.5 128.8,88.5 128.8,88.5 128.9,88.5 128.9,88.5 128.9,88.5       129,88.5 129,88.5 129.1,88.5 129.1,88.5 129.1,88.5 129.2,88.5 129.2,88.5 129.3,88.5 129.3,88.5 129.3,88.5 129.4,88.5       129.4,88.5 129.4,88.5 129.5,88.5 129.5,88.5 129.6,88.5 129.6,88.5 129.6,88.5 129.7,88.5 129.7,88.5 129.8,88.5 129.8,88.5       129.8,88.5 129.9,88.5 129.9,88.5 129.9,88.5 130,88.5 130,88.5 130.1,88.5 130.1,88.5 130.1,88.5 130.2,88.5 130.2,88.5       130.3,88.5 130.3,88.5 130.3,88.5 130.4,88.5 130.4,88.5 130.4,88.5 130.5,88.5 130.5,88.5 130.6,88.5 130.6,88.5 130.6,88.5       130.7,88.5 130.7,88.5 130.8,88.5 130.8,88.5 130.8,88.5 130.9,88.5 130.9,88.5 131,88.5 131,88.5 131,88.5 131.1,88.5       131.1,88.5 131.1,88.5 131.2,88.5 131.2,88.5 131.3,88.5 131.3,88.5 131.3,88.5 131.4,88.5 131.4,88.5 131.5,88.5 131.5,88.5       131.5,88.5 131.6,88.5 131.6,88.5 131.6,88.5 131.7,88.5 131.7,88.5 131.8,88.5 131.8,88.5 131.8,88.5 131.9,88.5 131.9,88.5       132,88.5 132,88.5 132,88.5 132.1,88.5 132.1,88.5 132.1,88.5 132.2,88.5 132.2,88.5 132.3,88.5 132.3,88.5 132.3,88.5       132.4,88.5 132.4,88.5 132.5,88.5 132.5,88.5 132.5,88.5 132.6,88.5 132.6,88.5 132.7,88.5 132.7,88.5 132.7,88.5 132.8,88.5       132.8,88.5 132.8,83.7 132.8,83.7 132.7,83.7     "
+             id="polygon213" /><linearGradient
+             id="SVGID_24_"
+             gradientUnits="userSpaceOnUse"
+             x1="126.625"
+             y1="272.1867"
+             x2="126.625"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop216" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop218" /></linearGradient><polygon
+             class="st30"
+             points="120.6,100.8 120.6,100.8 120.7,100.8 120.8,100.8 120.8,100.8 120.9,100.8 121,100.8 121,100.8       121.1,100.8 121.2,100.8 121.2,100.8 121.3,100.8 121.3,100.8 121.4,100.8 121.5,100.8 121.5,100.8 121.6,100.8 121.7,100.8       121.7,100.8 121.8,100.8 121.9,100.8 121.9,100.8 122,100.8 122.1,100.8 122.1,100.8 122.2,100.8 122.2,100.8 122.3,100.8       122.4,100.8 122.4,100.8 122.5,100.8 122.6,100.8 122.6,100.8 122.7,100.8 122.8,100.8 122.8,100.8 122.9,100.8 123,100.8       123,100.8 123.1,100.8 123.1,100.8 123.2,100.8 123.3,100.8 123.3,100.8 123.4,100.8 123.5,100.8 123.5,100.8 123.6,100.8       123.7,100.8 123.7,100.8 123.8,100.8 123.9,100.8 123.9,100.8 124,100.8 124,100.8 124.1,100.8 124.2,100.8 124.2,100.8       124.3,100.8 124.4,100.8 124.4,100.8 124.5,100.8 124.6,100.8 124.6,100.8 124.7,100.8 124.8,100.8 124.8,100.8 124.9,100.8       125,100.8 125,100.8 125.1,100.8 125.1,100.8 125.2,100.8 125.3,100.8 125.3,100.8 125.4,100.8 125.5,100.8 125.5,100.8       125.6,100.8 125.7,100.8 125.7,100.8 125.8,100.8 125.9,100.8 125.9,100.8 126,100.8 126,100.8 126.1,100.8 126.2,100.8       126.2,100.8 126.3,100.8 126.4,100.8 126.4,100.8 126.5,100.8 126.6,100.8 126.6,100.8 126.7,100.8 126.8,100.8 126.8,100.8       126.9,100.8 126.9,100.8 127,100.8 127.1,100.8 127.1,100.8 127.2,100.8 127.3,100.8 127.3,100.8 127.4,100.8 127.5,100.8       127.5,100.8 127.6,100.8 127.7,100.8 127.7,100.8 127.8,100.8 127.8,100.8 127.9,100.8 128,100.8 128,100.8 128.1,100.8       128.2,100.8 128.2,100.8 128.3,100.8 128.4,100.8 128.4,100.8 128.5,100.8 128.6,100.8 128.6,100.8 128.7,100.8 128.7,100.8       128.8,100.8 128.9,100.8 128.9,100.8 129,100.8 129.1,100.8 129.1,100.8 129.2,100.8 129.3,100.8 129.3,100.8 129.4,100.8       129.5,100.8 129.5,100.8 129.6,100.8 129.7,100.8 129.7,100.8 129.8,100.8 129.8,100.8 129.9,100.8 130,100.8 130,100.8       130.1,100.8 130.2,100.8 130.2,100.8 130.3,100.8 130.4,100.8 130.4,100.8 130.5,100.8 130.6,100.8 130.6,100.8 130.7,100.8       130.7,100.8 130.8,100.8 130.9,100.8 130.9,100.8 131,100.8 131.1,100.8 131.1,100.8 131.2,100.8 131.3,100.8 131.3,100.8       131.4,100.8 131.5,100.8 131.5,100.8 131.6,100.8 131.6,100.8 131.7,100.8 131.8,100.8 131.8,100.8 131.9,100.8 132,100.8       132,100.8 132.1,100.8 132.2,100.8 132.2,100.8 132.3,100.8 132.4,100.8 132.4,100.8 132.5,100.8 132.5,100.8 132.6,100.8       132.7,100.8 132.7,100.8 132.8,100.8 132.8,96.1 132.7,96.1 132.7,96.1 132.6,96.1 132.5,96.1 132.5,96.1 132.4,96.1       132.4,96.1 132.3,96.1 132.2,96.1 132.2,96.1 132.1,96.1 132,96.1 132,96.1 131.9,96.1 131.8,96.1 131.8,96.1 131.7,96.1       131.6,96.1 131.6,96.1 131.5,96.1 131.5,96.1 131.4,96.1 131.3,96.1 131.3,96.1 131.2,96.1 131.1,96.1 131.1,96.1 131,96.1       130.9,96.1 130.9,96.1 130.8,96.1 130.7,96.1 130.7,96.1 130.6,96.1 130.6,96.1 130.5,96.1 130.4,96.1 130.4,96.1 130.3,96.1       130.2,96.1 130.2,96.1 130.1,96.1 130,96.1 130,96.1 129.9,96.1 129.8,96.1 129.8,96.1 129.7,96.1 129.7,96.1 129.6,96.1       129.5,96.1 129.5,96.1 129.4,96.1 129.3,96.1 129.3,96.1 129.2,96.1 129.1,96.1 129.1,96.1 129,96.1 128.9,96.1 128.9,96.1       128.8,96.1 128.7,96.1 128.7,96.1 128.6,96.1 128.6,96.1 128.5,96.1 128.4,96.1 128.4,96.1 128.3,96.1 128.2,96.1 128.2,96.1       128.1,96.1 128,96.1 128,96.1 127.9,96.1 127.8,96.1 127.8,96.1 127.7,96.1 127.7,96.1 127.6,96.1 127.5,96.1 127.5,96.1       127.4,96.1 127.3,96.1 127.3,96.1 127.2,96.1 127.1,96.1 127.1,96.1 127,96.1 126.9,96.1 126.9,96.1 126.8,96.1 126.8,96.1       126.7,96.1 126.6,96.1 126.6,96.1 126.5,96.1 126.4,96.1 126.4,96.1 126.3,96.1 126.2,96.1 126.2,96.1 126.1,96.1 126,96.1       126,96.1 125.9,96.1 125.9,96.1 125.8,96.1 125.7,96.1 125.7,96.1 125.6,96.1 125.5,96.1 125.5,96.1 125.4,96.1 125.3,96.1       125.3,96.1 125.2,96.1 125.1,96.1 125.1,96.1 125,96.1 125,96.1 124.9,96.1 124.8,96.1 124.8,96.1 124.7,96.1 124.6,96.1       124.6,96.1 124.5,96.1 124.4,96.1 124.4,96.1 124.3,96.1 124.2,96.1 124.2,96.1 124.1,96.1 124,96.1 124,96.1 123.9,96.1       123.9,96.1 123.8,96.1 123.7,96.1 123.7,96.1 123.6,96.1 123.5,96.1 123.5,96.1 123.4,96.1 123.3,96.1 123.3,96.1 123.2,96.1       123.1,96.1 123.1,96.1 123,96.1 123,96.1 122.9,96.1 122.8,96.1 122.8,96.1 122.7,96.1 122.6,96.1 122.6,96.1 122.5,96.1       122.4,96.1 122.4,96.1 122.3,96.1 122.2,96.1 122.2,96.1 122.1,96.1 122.1,96.1 122,96.1 121.9,96.1 121.9,96.1 121.8,96.1       121.7,96.1 121.7,96.1 121.6,96.1 121.5,96.1 121.5,96.1 121.4,96.1 121.3,96.1 121.3,96.1 121.2,96.1 121.2,96.1 121.1,96.1       121,96.1 121,96.1 120.9,96.1 120.8,96.1 120.8,96.1 120.7,96.1 120.6,96.1 120.6,96.1 120.5,96.1 120.4,96.1 120.4,100.8       120.5,100.8     "
+             id="polygon220" /><linearGradient
+             id="SVGID_25_"
+             gradientUnits="userSpaceOnUse"
+             x1="129.0972"
+             y1="272.1867"
+             x2="129.0972"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop223" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop225" /></linearGradient><polygon
+             class="st31"
+             points="132.7,108.4 132.7,108.4 132.6,108.4 132.6,108.4 132.5,108.4 132.5,108.4 132.5,108.4       132.4,108.4 132.4,108.4 132.3,108.4 132.3,108.4 132.3,108.4 132.2,108.4 132.2,108.4 132.1,108.4 132.1,108.4 132.1,108.4       132,108.4 132,108.4 132,108.4 131.9,108.4 131.9,108.4 131.8,108.4 131.8,108.4 131.8,108.4 131.7,108.4 131.7,108.4       131.6,108.4 131.6,108.4 131.6,108.4 131.5,108.4 131.5,108.4 131.5,108.4 131.4,108.4 131.4,108.4 131.3,108.4 131.3,108.4       131.3,108.4 131.2,108.4 131.2,108.4 131.1,108.4 131.1,108.4 131.1,108.4 131,108.4 131,108.4 131,108.4 130.9,108.4       130.9,108.4 130.8,108.4 130.8,108.4 130.8,108.4 130.7,108.4 130.7,108.4 130.6,108.4 130.6,108.4 130.6,108.4 130.5,108.4       130.5,108.4 130.4,108.4 130.4,108.4 130.4,108.4 130.3,108.4 130.3,108.4 130.3,108.4 130.2,108.4 130.2,108.4 130.1,108.4       130.1,108.4 130.1,108.4 130,108.4 130,108.4 129.9,108.4 129.9,108.4 129.9,108.4 129.8,108.4 129.8,108.4 129.8,108.4       129.7,108.4 129.7,108.4 129.6,108.4 129.6,108.4 129.6,108.4 129.5,108.4 129.5,108.4 129.4,108.4 129.4,108.4 129.4,108.4       129.3,108.4 129.3,108.4 129.3,108.4 129.2,108.4 129.2,108.4 129.1,108.4 129.1,108.4 129.1,108.4 129,108.4 129,108.4       128.9,108.4 128.9,108.4 128.9,108.4 128.8,108.4 128.8,108.4 128.7,108.4 128.7,108.4 128.7,108.4 128.6,108.4 128.6,108.4       128.6,108.4 128.5,108.4 128.5,108.4 128.4,108.4 128.4,108.4 128.4,108.4 128.3,108.4 128.3,108.4 128.2,108.4 128.2,108.4       128.2,108.4 128.1,108.4 128.1,108.4 128.1,108.4 128,108.4 128,108.4 127.9,108.4 127.9,108.4 127.9,108.4 127.8,108.4       127.8,108.4 127.7,108.4 127.7,108.4 127.7,108.4 127.6,108.4 127.6,108.4 127.6,108.4 127.5,108.4 127.5,108.4 127.4,108.4       127.4,108.4 127.4,108.4 127.3,108.4 127.3,108.4 127.2,108.4 127.2,108.4 127.2,108.4 127.1,108.4 127.1,108.4 127,108.4       127,108.4 127,108.4 126.9,108.4 126.9,108.4 126.9,108.4 126.8,108.4 126.8,108.4 126.7,108.4 126.7,108.4 126.7,108.4       126.6,108.4 126.6,108.4 126.5,108.4 126.5,108.4 126.5,108.4 126.4,108.4 126.4,108.4 126.4,108.4 126.3,108.4 126.3,108.4       126.2,108.4 126.2,108.4 126.2,108.4 126.1,108.4 126.1,108.4 126,108.4 126,108.4 126,108.4 125.9,108.4 125.9,108.4       125.9,108.4 125.8,108.4 125.8,108.4 125.7,108.4 125.7,108.4 125.7,108.4 125.6,108.4 125.6,108.4 125.5,108.4 125.5,108.4       125.5,108.4 125.4,108.4 125.4,108.4 125.4,113.2 125.4,113.2 125.5,113.2 125.5,113.2 125.5,113.2 125.6,113.2 125.6,113.2       125.7,113.2 125.7,113.2 125.7,113.2 125.8,113.2 125.8,113.2 125.9,113.2 125.9,113.2 125.9,113.2 126,113.2 126,113.2       126,113.2 126.1,113.2 126.1,113.2 126.2,113.2 126.2,113.2 126.2,113.2 126.3,113.2 126.3,113.2 126.4,113.2 126.4,113.2       126.4,113.2 126.5,113.2 126.5,113.2 126.5,113.2 126.6,113.2 126.6,113.2 126.7,113.2 126.7,113.2 126.7,113.2 126.8,113.2       126.8,113.2 126.9,113.2 126.9,113.2 126.9,113.2 127,113.2 127,113.2 127,113.2 127.1,113.2 127.1,113.2 127.2,113.2       127.2,113.2 127.2,113.2 127.3,113.2 127.3,113.2 127.4,113.2 127.4,113.2 127.4,113.2 127.5,113.2 127.5,113.2 127.6,113.2       127.6,113.2 127.6,113.2 127.7,113.2 127.7,113.2 127.7,113.2 127.8,113.2 127.8,113.2 127.9,113.2 127.9,113.2 127.9,113.2       128,113.2 128,113.2 128.1,113.2 128.1,113.2 128.1,113.2 128.2,113.2 128.2,113.2 128.2,113.2 128.3,113.2 128.3,113.2       128.4,113.2 128.4,113.2 128.4,113.2 128.5,113.2 128.5,113.2 128.6,113.2 128.6,113.2 128.6,113.2 128.7,113.2 128.7,113.2       128.7,113.2 128.8,113.2 128.8,113.2 128.9,113.2 128.9,113.2 128.9,113.2 129,113.2 129,113.2 129.1,113.2 129.1,113.2       129.1,113.2 129.2,113.2 129.2,113.2 129.3,113.2 129.3,113.2 129.3,113.2 129.4,113.2 129.4,113.2 129.4,113.2 129.5,113.2       129.5,113.2 129.6,113.2 129.6,113.2 129.6,113.2 129.7,113.2 129.7,113.2 129.8,113.2 129.8,113.2 129.8,113.2 129.9,113.2       129.9,113.2 129.9,113.2 130,113.2 130,113.2 130.1,113.2 130.1,113.2 130.1,113.2 130.2,113.2 130.2,113.2 130.3,113.2       130.3,113.2 130.3,113.2 130.4,113.2 130.4,113.2 130.4,113.2 130.5,113.2 130.5,113.2 130.6,113.2 130.6,113.2 130.6,113.2       130.7,113.2 130.7,113.2 130.8,113.2 130.8,113.2 130.8,113.2 130.9,113.2 130.9,113.2 131,113.2 131,113.2 131,113.2       131.1,113.2 131.1,113.2 131.1,113.2 131.2,113.2 131.2,113.2 131.3,113.2 131.3,113.2 131.3,113.2 131.4,113.2 131.4,113.2       131.5,113.2 131.5,113.2 131.5,113.2 131.6,113.2 131.6,113.2 131.6,113.2 131.7,113.2 131.7,113.2 131.8,113.2 131.8,113.2       131.8,113.2 131.9,113.2 131.9,113.2 132,113.2 132,113.2 132,113.2 132.1,113.2 132.1,113.2 132.1,113.2 132.2,113.2       132.2,113.2 132.3,113.2 132.3,113.2 132.3,113.2 132.4,113.2 132.4,113.2 132.5,113.2 132.5,113.2 132.5,113.2 132.6,113.2       132.6,113.2 132.7,113.2 132.7,113.2 132.7,113.2 132.8,113.2 132.8,113.2 132.8,108.4 132.8,108.4 132.7,108.4     "
+             id="polygon227" /><linearGradient
+             id="SVGID_26_"
+             gradientUnits="userSpaceOnUse"
+             x1="126.625"
+             y1="272.1867"
+             x2="126.625"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop230" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop232" /></linearGradient><polygon
+             class="st32"
+             points="120.6,125.5 120.6,125.5 120.7,125.5 120.8,125.5 120.8,125.5 120.9,125.5 121,125.5 121,125.5       121.1,125.5 121.2,125.5 121.2,125.5 121.3,125.5 121.3,125.5 121.4,125.5 121.5,125.5 121.5,125.5 121.6,125.5 121.7,125.5       121.7,125.5 121.8,125.5 121.9,125.5 121.9,125.5 122,125.5 122.1,125.5 122.1,125.5 122.2,125.5 122.2,125.5 122.3,125.5       122.4,125.5 122.4,125.5 122.5,125.5 122.6,125.5 122.6,125.5 122.7,125.5 122.8,125.5 122.8,125.5 122.9,125.5 123,125.5       123,125.5 123.1,125.5 123.1,125.5 123.2,125.5 123.3,125.5 123.3,125.5 123.4,125.5 123.5,125.5 123.5,125.5 123.6,125.5       123.7,125.5 123.7,125.5 123.8,125.5 123.9,125.5 123.9,125.5 124,125.5 124,125.5 124.1,125.5 124.2,125.5 124.2,125.5       124.3,125.5 124.4,125.5 124.4,125.5 124.5,125.5 124.6,125.5 124.6,125.5 124.7,125.5 124.8,125.5 124.8,125.5 124.9,125.5       125,125.5 125,125.5 125.1,125.5 125.1,125.5 125.2,125.5 125.3,125.5 125.3,125.5 125.4,125.5 125.5,125.5 125.5,125.5       125.6,125.5 125.7,125.5 125.7,125.5 125.8,125.5 125.9,125.5 125.9,125.5 126,125.5 126,125.5 126.1,125.5 126.2,125.5       126.2,125.5 126.3,125.5 126.4,125.5 126.4,125.5 126.5,125.5 126.6,125.5 126.6,125.5 126.7,125.5 126.8,125.5 126.8,125.5       126.9,125.5 126.9,125.5 127,125.5 127.1,125.5 127.1,125.5 127.2,125.5 127.3,125.5 127.3,125.5 127.4,125.5 127.5,125.5       127.5,125.5 127.6,125.5 127.7,125.5 127.7,125.5 127.8,125.5 127.8,125.5 127.9,125.5 128,125.5 128,125.5 128.1,125.5       128.2,125.5 128.2,125.5 128.3,125.5 128.4,125.5 128.4,125.5 128.5,125.5 128.6,125.5 128.6,125.5 128.7,125.5 128.7,125.5       128.8,125.5 128.9,125.5 128.9,125.5 129,125.5 129.1,125.5 129.1,125.5 129.2,125.5 129.3,125.5 129.3,125.5 129.4,125.5       129.5,125.5 129.5,125.5 129.6,125.5 129.7,125.5 129.7,125.5 129.8,125.5 129.8,125.5 129.9,125.5 130,125.5 130,125.5       130.1,125.5 130.2,125.5 130.2,125.5 130.3,125.5 130.4,125.5 130.4,125.5 130.5,125.5 130.6,125.5 130.6,125.5 130.7,125.5       130.7,125.5 130.8,125.5 130.9,125.5 130.9,125.5 131,125.5 131.1,125.5 131.1,125.5 131.2,125.5 131.3,125.5 131.3,125.5       131.4,125.5 131.5,125.5 131.5,125.5 131.6,125.5 131.6,125.5 131.7,125.5 131.8,125.5 131.8,125.5 131.9,125.5 132,125.5       132,125.5 132.1,125.5 132.2,125.5 132.2,125.5 132.3,125.5 132.4,125.5 132.4,125.5 132.5,125.5 132.5,125.5 132.6,125.5       132.7,125.5 132.7,125.5 132.8,125.5 132.8,120.8 132.7,120.8 132.7,120.8 132.6,120.8 132.5,120.8 132.5,120.8 132.4,120.8       132.4,120.8 132.3,120.8 132.2,120.8 132.2,120.8 132.1,120.8 132,120.8 132,120.8 131.9,120.8 131.8,120.8 131.8,120.8       131.7,120.8 131.6,120.8 131.6,120.8 131.5,120.8 131.5,120.8 131.4,120.8 131.3,120.8 131.3,120.8 131.2,120.8 131.1,120.8       131.1,120.8 131,120.8 130.9,120.8 130.9,120.8 130.8,120.8 130.7,120.8 130.7,120.8 130.6,120.8 130.6,120.8 130.5,120.8       130.4,120.8 130.4,120.8 130.3,120.8 130.2,120.8 130.2,120.8 130.1,120.8 130,120.8 130,120.8 129.9,120.8 129.8,120.8       129.8,120.8 129.7,120.8 129.7,120.8 129.6,120.8 129.5,120.8 129.5,120.8 129.4,120.8 129.3,120.8 129.3,120.8 129.2,120.8       129.1,120.8 129.1,120.8 129,120.8 128.9,120.8 128.9,120.8 128.8,120.8 128.7,120.8 128.7,120.8 128.6,120.8 128.6,120.8       128.5,120.8 128.4,120.8 128.4,120.8 128.3,120.8 128.2,120.8 128.2,120.8 128.1,120.8 128,120.8 128,120.8 127.9,120.8       127.8,120.8 127.8,120.8 127.7,120.8 127.7,120.8 127.6,120.8 127.5,120.8 127.5,120.8 127.4,120.8 127.3,120.8 127.3,120.8       127.2,120.8 127.1,120.8 127.1,120.8 127,120.8 126.9,120.8 126.9,120.8 126.8,120.8 126.8,120.8 126.7,120.8 126.6,120.8       126.6,120.8 126.5,120.8 126.4,120.8 126.4,120.8 126.3,120.8 126.2,120.8 126.2,120.8 126.1,120.8 126,120.8 126,120.8       125.9,120.8 125.9,120.8 125.8,120.8 125.7,120.8 125.7,120.8 125.6,120.8 125.5,120.8 125.5,120.8 125.4,120.8 125.3,120.8       125.3,120.8 125.2,120.8 125.1,120.8 125.1,120.8 125,120.8 125,120.8 124.9,120.8 124.8,120.8 124.8,120.8 124.7,120.8       124.6,120.8 124.6,120.8 124.5,120.8 124.4,120.8 124.4,120.8 124.3,120.8 124.2,120.8 124.2,120.8 124.1,120.8 124,120.8       124,120.8 123.9,120.8 123.9,120.8 123.8,120.8 123.7,120.8 123.7,120.8 123.6,120.8 123.5,120.8 123.5,120.8 123.4,120.8       123.3,120.8 123.3,120.8 123.2,120.8 123.1,120.8 123.1,120.8 123,120.8 123,120.8 122.9,120.8 122.8,120.8 122.8,120.8       122.7,120.8 122.6,120.8 122.6,120.8 122.5,120.8 122.4,120.8 122.4,120.8 122.3,120.8 122.2,120.8 122.2,120.8 122.1,120.8       122.1,120.8 122,120.8 121.9,120.8 121.9,120.8 121.8,120.8 121.7,120.8 121.7,120.8 121.6,120.8 121.5,120.8 121.5,120.8       121.4,120.8 121.3,120.8 121.3,120.8 121.2,120.8 121.2,120.8 121.1,120.8 121,120.8 121,120.8 120.9,120.8 120.8,120.8       120.8,120.8 120.7,120.8 120.6,120.8 120.6,120.8 120.5,120.8 120.4,120.8 120.4,125.5 120.5,125.5     "
+             id="polygon234" /><linearGradient
+             id="SVGID_27_"
+             gradientUnits="userSpaceOnUse"
+             x1="129.0972"
+             y1="272.1867"
+             x2="129.0972"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop237" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop239" /></linearGradient><polygon
+             class="st33"
+             points="132.7,133.2 132.7,133.2 132.6,133.2 132.6,133.2 132.5,133.2 132.5,133.2 132.5,133.2       132.4,133.2 132.4,133.2 132.3,133.2 132.3,133.2 132.3,133.2 132.2,133.2 132.2,133.2 132.1,133.2 132.1,133.2 132.1,133.2       132,133.2 132,133.2 132,133.2 131.9,133.2 131.9,133.2 131.8,133.2 131.8,133.2 131.8,133.2 131.7,133.2 131.7,133.2       131.6,133.2 131.6,133.2 131.6,133.2 131.5,133.2 131.5,133.2 131.5,133.2 131.4,133.2 131.4,133.2 131.3,133.2 131.3,133.2       131.3,133.2 131.2,133.2 131.2,133.2 131.1,133.2 131.1,133.2 131.1,133.2 131,133.2 131,133.2 131,133.2 130.9,133.2       130.9,133.2 130.8,133.2 130.8,133.2 130.8,133.2 130.7,133.2 130.7,133.2 130.6,133.2 130.6,133.2 130.6,133.2 130.5,133.2       130.5,133.2 130.4,133.2 130.4,133.2 130.4,133.2 130.3,133.2 130.3,133.2 130.3,133.2 130.2,133.2 130.2,133.2 130.1,133.2       130.1,133.2 130.1,133.2 130,133.2 130,133.2 129.9,133.2 129.9,133.2 129.9,133.2 129.8,133.2 129.8,133.2 129.8,133.2       129.7,133.2 129.7,133.2 129.6,133.2 129.6,133.2 129.6,133.2 129.5,133.2 129.5,133.2 129.4,133.2 129.4,133.2 129.4,133.2       129.3,133.2 129.3,133.2 129.3,133.2 129.2,133.2 129.2,133.2 129.1,133.2 129.1,133.2 129.1,133.2 129,133.2 129,133.2       128.9,133.2 128.9,133.2 128.9,133.2 128.8,133.2 128.8,133.2 128.7,133.2 128.7,133.2 128.7,133.2 128.6,133.2 128.6,133.2       128.6,133.2 128.5,133.2 128.5,133.2 128.4,133.2 128.4,133.2 128.4,133.2 128.3,133.2 128.3,133.2 128.2,133.2 128.2,133.2       128.2,133.2 128.1,133.2 128.1,133.2 128.1,133.2 128,133.2 128,133.2 127.9,133.2 127.9,133.2 127.9,133.2 127.8,133.2       127.8,133.2 127.7,133.2 127.7,133.2 127.7,133.2 127.6,133.2 127.6,133.2 127.6,133.2 127.5,133.2 127.5,133.2 127.4,133.2       127.4,133.2 127.4,133.2 127.3,133.2 127.3,133.2 127.2,133.2 127.2,133.2 127.2,133.2 127.1,133.2 127.1,133.2 127,133.2       127,133.2 127,133.2 126.9,133.2 126.9,133.2 126.9,133.2 126.8,133.2 126.8,133.2 126.7,133.2 126.7,133.2 126.7,133.2       126.6,133.2 126.6,133.2 126.5,133.2 126.5,133.2 126.5,133.2 126.4,133.2 126.4,133.2 126.4,133.2 126.3,133.2 126.3,133.2       126.2,133.2 126.2,133.2 126.2,133.2 126.1,133.2 126.1,133.2 126,133.2 126,133.2 126,133.2 125.9,133.2 125.9,133.2       125.9,133.2 125.8,133.2 125.8,133.2 125.7,133.2 125.7,133.2 125.7,133.2 125.6,133.2 125.6,133.2 125.5,133.2 125.5,133.2       125.5,133.2 125.4,133.2 125.4,133.2 125.4,137.9 125.4,137.9 125.5,137.9 125.5,137.9 125.5,137.9 125.6,137.9 125.6,137.9       125.7,137.9 125.7,137.9 125.7,137.9 125.8,137.9 125.8,137.9 125.9,137.9 125.9,137.9 125.9,137.9 126,137.9 126,137.9       126,137.9 126.1,137.9 126.1,137.9 126.2,137.9 126.2,137.9 126.2,137.9 126.3,137.9 126.3,137.9 126.4,137.9 126.4,137.9       126.4,137.9 126.5,137.9 126.5,137.9 126.5,137.9 126.6,137.9 126.6,137.9 126.7,137.9 126.7,137.9 126.7,137.9 126.8,137.9       126.8,137.9 126.9,137.9 126.9,137.9 126.9,137.9 127,137.9 127,137.9 127,137.9 127.1,137.9 127.1,137.9 127.2,137.9       127.2,137.9 127.2,137.9 127.3,137.9 127.3,137.9 127.4,137.9 127.4,137.9 127.4,137.9 127.5,137.9 127.5,137.9 127.6,137.9       127.6,137.9 127.6,137.9 127.7,137.9 127.7,137.9 127.7,137.9 127.8,137.9 127.8,137.9 127.9,137.9 127.9,137.9 127.9,137.9       128,137.9 128,137.9 128.1,137.9 128.1,137.9 128.1,137.9 128.2,137.9 128.2,137.9 128.2,137.9 128.3,137.9 128.3,137.9       128.4,137.9 128.4,137.9 128.4,137.9 128.5,137.9 128.5,137.9 128.6,137.9 128.6,137.9 128.6,137.9 128.7,137.9 128.7,137.9       128.7,137.9 128.8,137.9 128.8,137.9 128.9,137.9 128.9,137.9 128.9,137.9 129,137.9 129,137.9 129.1,137.9 129.1,137.9       129.1,137.9 129.2,137.9 129.2,137.9 129.3,137.9 129.3,137.9 129.3,137.9 129.4,137.9 129.4,137.9 129.4,137.9 129.5,137.9       129.5,137.9 129.6,137.9 129.6,137.9 129.6,137.9 129.7,137.9 129.7,137.9 129.8,137.9 129.8,137.9 129.8,137.9 129.9,137.9       129.9,137.9 129.9,137.9 130,137.9 130,137.9 130.1,137.9 130.1,137.9 130.1,137.9 130.2,137.9 130.2,137.9 130.3,137.9       130.3,137.9 130.3,137.9 130.4,137.9 130.4,137.9 130.4,137.9 130.5,137.9 130.5,137.9 130.6,137.9 130.6,137.9 130.6,137.9       130.7,137.9 130.7,137.9 130.8,137.9 130.8,137.9 130.8,137.9 130.9,137.9 130.9,137.9 131,137.9 131,137.9 131,137.9       131.1,137.9 131.1,137.9 131.1,137.9 131.2,137.9 131.2,137.9 131.3,137.9 131.3,137.9 131.3,137.9 131.4,137.9 131.4,137.9       131.5,137.9 131.5,137.9 131.5,137.9 131.6,137.9 131.6,137.9 131.6,137.9 131.7,137.9 131.7,137.9 131.8,137.9 131.8,137.9       131.8,137.9 131.9,137.9 131.9,137.9 132,137.9 132,137.9 132,137.9 132.1,137.9 132.1,137.9 132.1,137.9 132.2,137.9       132.2,137.9 132.3,137.9 132.3,137.9 132.3,137.9 132.4,137.9 132.4,137.9 132.5,137.9 132.5,137.9 132.5,137.9 132.6,137.9       132.6,137.9 132.7,137.9 132.7,137.9 132.7,137.9 132.8,137.9 132.8,137.9 132.8,133.2 132.8,133.2 132.7,133.2     "
+             id="polygon241" /><linearGradient
+             id="SVGID_28_"
+             gradientUnits="userSpaceOnUse"
+             x1="126.625"
+             y1="272.1867"
+             x2="126.625"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop244" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop246" /></linearGradient><polygon
+             class="st34"
+             points="125.5,150.3 125.5,150.3 125.6,150.3 125.7,150.3 125.7,150.3 125.8,150.3 125.9,150.3       125.9,150.3 126,150.3 126,150.3 126.1,150.3 126.2,150.3 126.2,150.3 126.3,150.3 126.4,150.3 126.4,150.3 126.5,150.3       126.6,150.3 126.6,150.3 126.7,150.3 126.8,150.3 126.8,150.3 126.9,150.3 126.9,150.3 127,150.3 127.1,150.3 127.1,150.3       127.2,150.3 127.3,150.3 127.3,150.3 127.4,150.3 127.5,150.3 127.5,150.3 127.6,150.3 127.7,150.3 127.7,150.3 127.8,150.3       127.8,150.3 127.9,150.3 128,150.3 128,150.3 128.1,150.3 128.2,150.3 128.2,150.3 128.3,150.3 128.4,150.3 128.4,150.3       128.5,150.3 128.6,150.3 128.6,150.3 128.7,150.3 128.7,150.3 128.8,150.3 128.9,150.3 128.9,150.3 129,150.3 129.1,150.3       129.1,150.3 129.2,150.3 129.3,150.3 129.3,150.3 129.4,150.3 129.5,150.3 129.5,150.3 129.6,150.3 129.7,150.3 129.7,150.3       129.8,150.3 129.8,150.3 129.9,150.3 130,150.3 130,150.3 130.1,150.3 130.2,150.3 130.2,150.3 130.3,150.3 130.4,150.3       130.4,150.3 130.5,150.3 130.6,150.3 130.6,150.3 130.7,150.3 130.7,150.3 130.8,150.3 130.9,150.3 130.9,150.3 131,150.3       131.1,150.3 131.1,150.3 131.2,150.3 131.3,150.3 131.3,150.3 131.4,150.3 131.5,150.3 131.5,150.3 131.6,150.3 131.6,150.3       131.7,150.3 131.8,150.3 131.8,150.3 131.9,150.3 132,150.3 132,150.3 132.1,150.3 132.2,150.3 132.2,150.3 132.3,150.3       132.4,150.3 132.4,150.3 132.5,150.3 132.5,150.3 132.6,150.3 132.7,150.3 132.7,150.3 132.8,150.3 132.8,145.5 132.7,145.5       132.7,145.5 132.6,145.5 132.5,145.5 132.5,145.5 132.4,145.5 132.4,145.5 132.3,145.5 132.2,145.5 132.2,145.5 132.1,145.5       132,145.5 132,145.5 131.9,145.5 131.8,145.5 131.8,145.5 131.7,145.5 131.6,145.5 131.6,145.5 131.5,145.5 131.5,145.5       131.4,145.5 131.3,145.5 131.3,145.5 131.2,145.5 131.1,145.5 131.1,145.5 131,145.5 130.9,145.5 130.9,145.5 130.8,145.5       130.7,145.5 130.7,145.5 130.6,145.5 130.6,145.5 130.5,145.5 130.4,145.5 130.4,145.5 130.3,145.5 130.2,145.5 130.2,145.5       130.1,145.5 130,145.5 130,145.5 129.9,145.5 129.8,145.5 129.8,145.5 129.7,145.5 129.7,145.5 129.6,145.5 129.5,145.5       129.5,145.5 129.4,145.5 129.3,145.5 129.3,145.5 129.2,145.5 129.1,145.5 129.1,145.5 129,145.5 128.9,145.5 128.9,145.5       128.8,145.5 128.7,145.5 128.7,145.5 128.6,145.5 128.6,145.5 128.5,145.5 128.4,145.5 128.4,145.5 128.3,145.5 128.2,145.5       128.2,145.5 128.1,145.5 128,145.5 128,145.5 127.9,145.5 127.8,145.5 127.8,145.5 127.7,145.5 127.7,145.5 127.6,145.5       127.5,145.5 127.5,145.5 127.4,145.5 127.3,145.5 127.3,145.5 127.2,145.5 127.1,145.5 127.1,145.5 127,145.5 126.9,145.5       126.9,145.5 126.8,145.5 126.8,145.5 126.7,145.5 126.6,145.5 126.6,145.5 126.5,145.5 126.4,145.5 126.4,145.5 126.3,145.5       126.2,145.5 126.2,145.5 126.1,145.5 126,145.5 126,145.5 125.9,145.5 125.9,145.5 125.8,145.5 125.7,145.5 125.7,145.5       125.6,145.5 125.5,145.5 125.5,145.5 125.4,145.5 125.3,145.5 125.3,145.5 125.2,145.5 125.1,145.5 125.1,145.5 125,145.5       125,145.5 124.9,145.5 124.8,145.5 124.8,145.5 124.7,145.5 124.6,145.5 124.6,145.5 124.5,145.5 124.4,145.5 124.4,145.5       124.3,145.5 124.2,145.5 124.2,145.5 124.1,145.5 124,145.5 124,145.5 123.9,145.5 123.9,145.5 123.8,145.5 123.7,145.5       123.7,145.5 123.6,145.5 123.5,145.5 123.5,145.5 123.4,145.5 123.3,145.5 123.3,145.5 123.2,145.5 123.1,145.5 123.1,145.5       123,145.5 123,145.5 122.9,145.5 122.8,145.5 122.8,145.5 122.7,145.5 122.6,145.5 122.6,145.5 122.5,145.5 122.4,145.5       122.4,145.5 122.3,145.5 122.2,145.5 122.2,145.5 122.1,145.5 122.1,145.5 122,145.5 121.9,145.5 121.9,145.5 121.8,145.5       121.7,145.5 121.7,145.5 121.6,145.5 121.5,145.5 121.5,145.5 121.4,145.5 121.3,145.5 121.3,145.5 121.2,145.5 121.2,145.5       121.1,145.5 121,145.5 121,145.5 120.9,145.5 120.8,145.5 120.8,145.5 120.7,145.5 120.6,145.5 120.6,145.5 120.5,145.5       120.4,145.5 120.4,150.3 120.5,150.3 120.6,150.3 120.6,150.3 120.7,150.3 120.8,150.3 120.8,150.3 120.9,150.3 121,150.3       121,150.3 121.1,150.3 121.2,150.3 121.2,150.3 121.3,150.3 121.3,150.3 121.4,150.3 121.5,150.3 121.5,150.3 121.6,150.3       121.7,150.3 121.7,150.3 121.8,150.3 121.9,150.3 121.9,150.3 122,150.3 122.1,150.3 122.1,150.3 122.2,150.3 122.2,150.3       122.3,150.3 122.4,150.3 122.4,150.3 122.5,150.3 122.6,150.3 122.6,150.3 122.7,150.3 122.8,150.3 122.8,150.3 122.9,150.3       123,150.3 123,150.3 123.1,150.3 123.1,150.3 123.2,150.3 123.3,150.3 123.3,150.3 123.4,150.3 123.5,150.3 123.5,150.3       123.6,150.3 123.7,150.3 123.7,150.3 123.8,150.3 123.9,150.3 123.9,150.3 124,150.3 124,150.3 124.1,150.3 124.2,150.3       124.2,150.3 124.3,150.3 124.4,150.3 124.4,150.3 124.5,150.3 124.6,150.3 124.6,150.3 124.7,150.3 124.8,150.3 124.8,150.3       124.9,150.3 125,150.3 125,150.3 125.1,150.3 125.1,150.3 125.2,150.3 125.3,150.3 125.3,150.3 125.4,150.3     "
+             id="polygon248" /><linearGradient
+             id="SVGID_29_"
+             gradientUnits="userSpaceOnUse"
+             x1="193.375"
+             y1="272.1867"
+             x2="193.375"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop251" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop253" /></linearGradient><polygon
+             class="st35"
+             points="199.5,71.4 199.4,71.4 199.4,71.4 199.3,71.4 199.2,71.4 199.2,71.4 199.1,71.4 199,71.4       199,71.4 198.9,71.4 198.8,71.4 198.8,71.4 198.7,71.4 198.7,71.4 198.6,71.4 198.5,71.4 198.5,71.4 198.4,71.4 198.3,71.4       198.3,71.4 198.2,71.4 198.1,71.4 198.1,71.4 198,71.4 197.9,71.4 197.9,71.4 197.8,71.4 197.8,71.4 197.7,71.4 197.6,71.4       197.6,71.4 197.5,71.4 197.4,71.4 197.4,71.4 197.3,71.4 197.2,71.4 197.2,71.4 197.1,71.4 197,71.4 197,71.4 196.9,71.4       196.9,71.4 196.8,71.4 196.7,71.4 196.7,71.4 196.6,71.4 196.5,71.4 196.5,71.4 196.4,71.4 196.3,71.4 196.3,71.4 196.2,71.4       196.1,71.4 196.1,71.4 196,71.4 196,71.4 195.9,71.4 195.8,71.4 195.8,71.4 195.7,71.4 195.6,71.4 195.6,71.4 195.5,71.4       195.4,71.4 195.4,71.4 195.3,71.4 195.2,71.4 195.2,71.4 195.1,71.4 195,71.4 195,71.4 194.9,71.4 194.9,71.4 194.8,71.4       194.7,71.4 194.7,71.4 194.6,71.4 194.5,71.4 194.5,71.4 194.4,71.4 194.3,71.4 194.3,71.4 194.2,71.4 194.1,71.4 194.1,71.4       194,71.4 194,71.4 193.9,71.4 193.8,71.4 193.8,71.4 193.7,71.4 193.6,71.4 193.6,71.4 193.5,71.4 193.4,71.4 193.4,71.4       193.3,71.4 193.2,71.4 193.2,71.4 193.1,71.4 193.1,71.4 193,71.4 192.9,71.4 192.9,71.4 192.8,71.4 192.7,71.4 192.7,71.4       192.6,71.4 192.5,71.4 192.5,71.4 192.4,71.4 192.3,71.4 192.3,71.4 192.2,71.4 192.2,71.4 192.1,71.4 192,71.4 192,71.4       191.9,71.4 191.8,71.4 191.8,71.4 191.7,71.4 191.6,71.4 191.6,71.4 191.5,71.4 191.4,71.4 191.4,71.4 191.3,71.4 191.3,71.4       191.2,71.4 191.1,71.4 191.1,71.4 191,71.4 190.9,71.4 190.9,71.4 190.8,71.4 190.7,71.4 190.7,71.4 190.6,71.4 190.5,71.4       190.5,71.4 190.4,71.4 190.3,71.4 190.3,71.4 190.2,71.4 190.2,71.4 190.1,71.4 190,71.4 190,71.4 189.9,71.4 189.8,71.4       189.8,71.4 189.7,71.4 189.6,71.4 189.6,71.4 189.5,71.4 189.4,71.4 189.4,71.4 189.3,71.4 189.3,71.4 189.2,71.4 189.1,71.4       189.1,71.4 189,71.4 188.9,71.4 188.9,71.4 188.8,71.4 188.7,71.4 188.7,71.4 188.6,71.4 188.5,71.4 188.5,71.4 188.4,71.4       188.4,71.4 188.3,71.4 188.2,71.4 188.2,71.4 188.1,71.4 188,71.4 188,71.4 187.9,71.4 187.8,71.4 187.8,71.4 187.7,71.4       187.6,71.4 187.6,71.4 187.5,71.4 187.5,71.4 187.4,71.4 187.3,71.4 187.3,71.4 187.2,71.4 187.2,76.1 187.3,76.1 187.3,76.1       187.4,76.1 187.5,76.1 187.5,76.1 187.6,76.1 187.6,76.1 187.7,76.1 187.8,76.1 187.8,76.1 187.9,76.1 188,76.1 188,76.1       188.1,76.1 188.2,76.1 188.2,76.1 188.3,76.1 188.4,76.1 188.4,76.1 188.5,76.1 188.5,76.1 188.6,76.1 188.7,76.1 188.7,76.1       188.8,76.1 188.9,76.1 188.9,76.1 189,76.1 189.1,76.1 189.1,76.1 189.2,76.1 189.3,76.1 189.3,76.1 189.4,76.1 189.4,76.1       189.5,76.1 189.6,76.1 189.6,76.1 189.7,76.1 189.8,76.1 189.8,76.1 189.9,76.1 190,76.1 190,76.1 190.1,76.1 190.2,76.1       190.2,76.1 190.3,76.1 190.3,76.1 190.4,76.1 190.5,76.1 190.5,76.1 190.6,76.1 190.7,76.1 190.7,76.1 190.8,76.1 190.9,76.1       190.9,76.1 191,76.1 191.1,76.1 191.1,76.1 191.2,76.1 191.3,76.1 191.3,76.1 191.4,76.1 191.4,76.1 191.5,76.1 191.6,76.1       191.6,76.1 191.7,76.1 191.8,76.1 191.8,76.1 191.9,76.1 192,76.1 192,76.1 192.1,76.1 192.2,76.1 192.2,76.1 192.3,76.1       192.3,76.1 192.4,76.1 192.5,76.1 192.5,76.1 192.6,76.1 192.7,76.1 192.7,76.1 192.8,76.1 192.9,76.1 192.9,76.1 193,76.1       193.1,76.1 193.1,76.1 193.2,76.1 193.2,76.1 193.3,76.1 193.4,76.1 193.4,76.1 193.5,76.1 193.6,76.1 193.6,76.1 193.7,76.1       193.8,76.1 193.8,76.1 193.9,76.1 194,76.1 194,76.1 194.1,76.1 194.1,76.1 194.2,76.1 194.3,76.1 194.3,76.1 194.4,76.1       194.5,76.1 194.5,76.1 194.6,76.1 194.7,76.1 194.7,76.1 194.8,76.1 194.9,76.1 194.9,76.1 195,76.1 195,76.1 195.1,76.1       195.2,76.1 195.2,76.1 195.3,76.1 195.4,76.1 195.4,76.1 195.5,76.1 195.6,76.1 195.6,76.1 195.7,76.1 195.8,76.1 195.8,76.1       195.9,76.1 196,76.1 196,76.1 196.1,76.1 196.1,76.1 196.2,76.1 196.3,76.1 196.3,76.1 196.4,76.1 196.5,76.1 196.5,76.1       196.6,76.1 196.7,76.1 196.7,76.1 196.8,76.1 196.9,76.1 196.9,76.1 197,76.1 197,76.1 197.1,76.1 197.2,76.1 197.2,76.1       197.3,76.1 197.4,76.1 197.4,76.1 197.5,76.1 197.6,76.1 197.6,76.1 197.7,76.1 197.8,76.1 197.8,76.1 197.9,76.1 197.9,76.1       198,76.1 198.1,76.1 198.1,76.1 198.2,76.1 198.3,76.1 198.3,76.1 198.4,76.1 198.5,76.1 198.5,76.1 198.6,76.1 198.7,76.1       198.7,76.1 198.8,76.1 198.8,76.1 198.9,76.1 199,76.1 199,76.1 199.1,76.1 199.2,76.1 199.2,76.1 199.3,76.1 199.4,76.1       199.4,76.1 199.5,76.1 199.6,76.1 199.6,71.4     "
+             id="polygon255" /><linearGradient
+             id="SVGID_30_"
+             gradientUnits="userSpaceOnUse"
+             x1="190.9028"
+             y1="272.1867"
+             x2="190.9028"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop258" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop260" /></linearGradient><polygon
+             class="st36"
+             points="187.3,88.5 187.3,88.5 187.3,88.5 187.4,88.5 187.4,88.5 187.5,88.5 187.5,88.5 187.5,88.5       187.6,88.5 187.6,88.5 187.7,88.5 187.7,88.5 187.7,88.5 187.8,88.5 187.8,88.5 187.9,88.5 187.9,88.5 187.9,88.5 188,88.5       188,88.5 188,88.5 188.1,88.5 188.1,88.5 188.2,88.5 188.2,88.5 188.2,88.5 188.3,88.5 188.3,88.5 188.4,88.5 188.4,88.5       188.4,88.5 188.5,88.5 188.5,88.5 188.5,88.5 188.6,88.5 188.6,88.5 188.7,88.5 188.7,88.5 188.7,88.5 188.8,88.5 188.8,88.5       188.9,88.5 188.9,88.5 188.9,88.5 189,88.5 189,88.5 189,88.5 189.1,88.5 189.1,88.5 189.2,88.5 189.2,88.5 189.2,88.5       189.3,88.5 189.3,88.5 189.4,88.5 189.4,88.5 189.4,88.5 189.5,88.5 189.5,88.5 189.6,88.5 189.6,88.5 189.6,88.5 189.7,88.5       189.7,88.5 189.7,88.5 189.8,88.5 189.8,88.5 189.9,88.5 189.9,88.5 189.9,88.5 190,88.5 190,88.5 190.1,88.5 190.1,88.5       190.1,88.5 190.2,88.5 190.2,88.5 190.2,88.5 190.3,88.5 190.3,88.5 190.4,88.5 190.4,88.5 190.4,88.5 190.5,88.5 190.5,88.5       190.6,88.5 190.6,88.5 190.6,88.5 190.7,88.5 190.7,88.5 190.7,88.5 190.8,88.5 190.8,88.5 190.9,88.5 190.9,88.5 190.9,88.5       191,88.5 191,88.5 191.1,88.5 191.1,88.5 191.1,88.5 191.2,88.5 191.2,88.5 191.3,88.5 191.3,88.5 191.3,88.5 191.4,88.5       191.4,88.5 191.4,88.5 191.5,88.5 191.5,88.5 191.6,88.5 191.6,88.5 191.6,88.5 191.7,88.5 191.7,88.5 191.8,88.5 191.8,88.5       191.8,88.5 191.9,88.5 191.9,88.5 191.9,88.5 192,88.5 192,88.5 192.1,88.5 192.1,88.5 192.1,88.5 192.2,88.5 192.2,88.5       192.3,88.5 192.3,88.5 192.3,88.5 192.4,88.5 192.4,88.5 192.4,88.5 192.5,88.5 192.5,88.5 192.6,88.5 192.6,88.5 192.6,88.5       192.7,88.5 192.7,88.5 192.8,88.5 192.8,88.5 192.8,88.5 192.9,88.5 192.9,88.5 193,88.5 193,88.5 193,88.5 193.1,88.5       193.1,88.5 193.1,88.5 193.2,88.5 193.2,88.5 193.3,88.5 193.3,88.5 193.3,88.5 193.4,88.5 193.4,88.5 193.5,88.5 193.5,88.5       193.5,88.5 193.6,88.5 193.6,88.5 193.6,88.5 193.7,88.5 193.7,88.5 193.8,88.5 193.8,88.5 193.8,88.5 193.9,88.5 193.9,88.5       194,88.5 194,88.5 194,88.5 194.1,88.5 194.1,88.5 194.1,88.5 194.2,88.5 194.2,88.5 194.3,88.5 194.3,88.5 194.3,88.5       194.4,88.5 194.4,88.5 194.5,88.5 194.5,88.5 194.5,88.5 194.6,88.5 194.6,88.5 194.6,83.7 194.6,83.7 194.5,83.7 194.5,83.7       194.5,83.7 194.4,83.7 194.4,83.7 194.3,83.7 194.3,83.7 194.3,83.7 194.2,83.7 194.2,83.7 194.1,83.7 194.1,83.7 194.1,83.7       194,83.7 194,83.7 194,83.7 193.9,83.7 193.9,83.7 193.8,83.7 193.8,83.7 193.8,83.7 193.7,83.7 193.7,83.7 193.6,83.7       193.6,83.7 193.6,83.7 193.5,83.7 193.5,83.7 193.5,83.7 193.4,83.7 193.4,83.7 193.3,83.7 193.3,83.7 193.3,83.7 193.2,83.7       193.2,83.7 193.1,83.7 193.1,83.7 193.1,83.7 193,83.7 193,83.7 193,83.7 192.9,83.7 192.9,83.7 192.8,83.7 192.8,83.7       192.8,83.7 192.7,83.7 192.7,83.7 192.6,83.7 192.6,83.7 192.6,83.7 192.5,83.7 192.5,83.7 192.4,83.7 192.4,83.7 192.4,83.7       192.3,83.7 192.3,83.7 192.3,83.7 192.2,83.7 192.2,83.7 192.1,83.7 192.1,83.7 192.1,83.7 192,83.7 192,83.7 191.9,83.7       191.9,83.7 191.9,83.7 191.8,83.7 191.8,83.7 191.8,83.7 191.7,83.7 191.7,83.7 191.6,83.7 191.6,83.7 191.6,83.7 191.5,83.7       191.5,83.7 191.4,83.7 191.4,83.7 191.4,83.7 191.3,83.7 191.3,83.7 191.3,83.7 191.2,83.7 191.2,83.7 191.1,83.7 191.1,83.7       191.1,83.7 191,83.7 191,83.7 190.9,83.7 190.9,83.7 190.9,83.7 190.8,83.7 190.8,83.7 190.7,83.7 190.7,83.7 190.7,83.7       190.6,83.7 190.6,83.7 190.6,83.7 190.5,83.7 190.5,83.7 190.4,83.7 190.4,83.7 190.4,83.7 190.3,83.7 190.3,83.7 190.2,83.7       190.2,83.7 190.2,83.7 190.1,83.7 190.1,83.7 190.1,83.7 190,83.7 190,83.7 189.9,83.7 189.9,83.7 189.9,83.7 189.8,83.7       189.8,83.7 189.7,83.7 189.7,83.7 189.7,83.7 189.6,83.7 189.6,83.7 189.6,83.7 189.5,83.7 189.5,83.7 189.4,83.7 189.4,83.7       189.4,83.7 189.3,83.7 189.3,83.7 189.2,83.7 189.2,83.7 189.2,83.7 189.1,83.7 189.1,83.7 189,83.7 189,83.7 189,83.7       188.9,83.7 188.9,83.7 188.9,83.7 188.8,83.7 188.8,83.7 188.7,83.7 188.7,83.7 188.7,83.7 188.6,83.7 188.6,83.7 188.5,83.7       188.5,83.7 188.5,83.7 188.4,83.7 188.4,83.7 188.4,83.7 188.3,83.7 188.3,83.7 188.2,83.7 188.2,83.7 188.2,83.7 188.1,83.7       188.1,83.7 188,83.7 188,83.7 188,83.7 187.9,83.7 187.9,83.7 187.9,83.7 187.8,83.7 187.8,83.7 187.7,83.7 187.7,83.7       187.7,83.7 187.6,83.7 187.6,83.7 187.5,83.7 187.5,83.7 187.5,83.7 187.4,83.7 187.4,83.7 187.3,83.7 187.3,83.7 187.3,83.7       187.2,83.7 187.2,83.7 187.2,88.5 187.2,88.5     "
+             id="polygon262" /><linearGradient
+             id="SVGID_31_"
+             gradientUnits="userSpaceOnUse"
+             x1="193.375"
+             y1="272.1867"
+             x2="193.375"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop265" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop267" /></linearGradient><polygon
+             class="st37"
+             points="199.4,96.1 199.4,96.1 199.3,96.1 199.2,96.1 199.2,96.1 199.1,96.1 199,96.1 199,96.1       198.9,96.1 198.8,96.1 198.8,96.1 198.7,96.1 198.7,96.1 198.6,96.1 198.5,96.1 198.5,96.1 198.4,96.1 198.3,96.1 198.3,96.1       198.2,96.1 198.1,96.1 198.1,96.1 198,96.1 197.9,96.1 197.9,96.1 197.8,96.1 197.8,96.1 197.7,96.1 197.6,96.1 197.6,96.1       197.5,96.1 197.4,96.1 197.4,96.1 197.3,96.1 197.2,96.1 197.2,96.1 197.1,96.1 197,96.1 197,96.1 196.9,96.1 196.9,96.1       196.8,96.1 196.7,96.1 196.7,96.1 196.6,96.1 196.5,96.1 196.5,96.1 196.4,96.1 196.3,96.1 196.3,96.1 196.2,96.1 196.1,96.1       196.1,96.1 196,96.1 196,96.1 195.9,96.1 195.8,96.1 195.8,96.1 195.7,96.1 195.6,96.1 195.6,96.1 195.5,96.1 195.4,96.1       195.4,96.1 195.3,96.1 195.2,96.1 195.2,96.1 195.1,96.1 195,96.1 195,96.1 194.9,96.1 194.9,96.1 194.8,96.1 194.7,96.1       194.7,96.1 194.6,96.1 194.5,96.1 194.5,96.1 194.4,96.1 194.3,96.1 194.3,96.1 194.2,96.1 194.1,96.1 194.1,96.1 194,96.1       194,96.1 193.9,96.1 193.8,96.1 193.8,96.1 193.7,96.1 193.6,96.1 193.6,96.1 193.5,96.1 193.4,96.1 193.4,96.1 193.3,96.1       193.2,96.1 193.2,96.1 193.1,96.1 193.1,96.1 193,96.1 192.9,96.1 192.9,96.1 192.8,96.1 192.7,96.1 192.7,96.1 192.6,96.1       192.5,96.1 192.5,96.1 192.4,96.1 192.3,96.1 192.3,96.1 192.2,96.1 192.2,96.1 192.1,96.1 192,96.1 192,96.1 191.9,96.1       191.8,96.1 191.8,96.1 191.7,96.1 191.6,96.1 191.6,96.1 191.5,96.1 191.4,96.1 191.4,96.1 191.3,96.1 191.3,96.1 191.2,96.1       191.1,96.1 191.1,96.1 191,96.1 190.9,96.1 190.9,96.1 190.8,96.1 190.7,96.1 190.7,96.1 190.6,96.1 190.5,96.1 190.5,96.1       190.4,96.1 190.3,96.1 190.3,96.1 190.2,96.1 190.2,96.1 190.1,96.1 190,96.1 190,96.1 189.9,96.1 189.8,96.1 189.8,96.1       189.7,96.1 189.6,96.1 189.6,96.1 189.5,96.1 189.4,96.1 189.4,96.1 189.3,96.1 189.3,96.1 189.2,96.1 189.1,96.1 189.1,96.1       189,96.1 188.9,96.1 188.9,96.1 188.8,96.1 188.7,96.1 188.7,96.1 188.6,96.1 188.5,96.1 188.5,96.1 188.4,96.1 188.4,96.1       188.3,96.1 188.2,96.1 188.2,96.1 188.1,96.1 188,96.1 188,96.1 187.9,96.1 187.8,96.1 187.8,96.1 187.7,96.1 187.6,96.1       187.6,96.1 187.5,96.1 187.5,96.1 187.4,96.1 187.3,96.1 187.3,96.1 187.2,96.1 187.2,100.8 187.3,100.8 187.3,100.8       187.4,100.8 187.5,100.8 187.5,100.8 187.6,100.8 187.6,100.8 187.7,100.8 187.8,100.8 187.8,100.8 187.9,100.8 188,100.8       188,100.8 188.1,100.8 188.2,100.8 188.2,100.8 188.3,100.8 188.4,100.8 188.4,100.8 188.5,100.8 188.5,100.8 188.6,100.8       188.7,100.8 188.7,100.8 188.8,100.8 188.9,100.8 188.9,100.8 189,100.8 189.1,100.8 189.1,100.8 189.2,100.8 189.3,100.8       189.3,100.8 189.4,100.8 189.4,100.8 189.5,100.8 189.6,100.8 189.6,100.8 189.7,100.8 189.8,100.8 189.8,100.8 189.9,100.8       190,100.8 190,100.8 190.1,100.8 190.2,100.8 190.2,100.8 190.3,100.8 190.3,100.8 190.4,100.8 190.5,100.8 190.5,100.8       190.6,100.8 190.7,100.8 190.7,100.8 190.8,100.8 190.9,100.8 190.9,100.8 191,100.8 191.1,100.8 191.1,100.8 191.2,100.8       191.3,100.8 191.3,100.8 191.4,100.8 191.4,100.8 191.5,100.8 191.6,100.8 191.6,100.8 191.7,100.8 191.8,100.8 191.8,100.8       191.9,100.8 192,100.8 192,100.8 192.1,100.8 192.2,100.8 192.2,100.8 192.3,100.8 192.3,100.8 192.4,100.8 192.5,100.8       192.5,100.8 192.6,100.8 192.7,100.8 192.7,100.8 192.8,100.8 192.9,100.8 192.9,100.8 193,100.8 193.1,100.8 193.1,100.8       193.2,100.8 193.2,100.8 193.3,100.8 193.4,100.8 193.4,100.8 193.5,100.8 193.6,100.8 193.6,100.8 193.7,100.8 193.8,100.8       193.8,100.8 193.9,100.8 194,100.8 194,100.8 194.1,100.8 194.1,100.8 194.2,100.8 194.3,100.8 194.3,100.8 194.4,100.8       194.5,100.8 194.5,100.8 194.6,100.8 194.7,100.8 194.7,100.8 194.8,100.8 194.9,100.8 194.9,100.8 195,100.8 195,100.8       195.1,100.8 195.2,100.8 195.2,100.8 195.3,100.8 195.4,100.8 195.4,100.8 195.5,100.8 195.6,100.8 195.6,100.8 195.7,100.8       195.8,100.8 195.8,100.8 195.9,100.8 196,100.8 196,100.8 196.1,100.8 196.1,100.8 196.2,100.8 196.3,100.8 196.3,100.8       196.4,100.8 196.5,100.8 196.5,100.8 196.6,100.8 196.7,100.8 196.7,100.8 196.8,100.8 196.9,100.8 196.9,100.8 197,100.8       197,100.8 197.1,100.8 197.2,100.8 197.2,100.8 197.3,100.8 197.4,100.8 197.4,100.8 197.5,100.8 197.6,100.8 197.6,100.8       197.7,100.8 197.8,100.8 197.8,100.8 197.9,100.8 197.9,100.8 198,100.8 198.1,100.8 198.1,100.8 198.2,100.8 198.3,100.8       198.3,100.8 198.4,100.8 198.5,100.8 198.5,100.8 198.6,100.8 198.7,100.8 198.7,100.8 198.8,100.8 198.8,100.8 198.9,100.8       199,100.8 199,100.8 199.1,100.8 199.2,100.8 199.2,100.8 199.3,100.8 199.4,100.8 199.4,100.8 199.5,100.8 199.6,100.8       199.6,96.1 199.5,96.1     "
+             id="polygon269" /><linearGradient
+             id="SVGID_32_"
+             gradientUnits="userSpaceOnUse"
+             x1="190.9028"
+             y1="272.1867"
+             x2="190.9028"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop272" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop274" /></linearGradient><polygon
+             class="st38"
+             points="187.3,113.2 187.3,113.2 187.3,113.2 187.4,113.2 187.4,113.2 187.5,113.2 187.5,113.2       187.5,113.2 187.6,113.2 187.6,113.2 187.7,113.2 187.7,113.2 187.7,113.2 187.8,113.2 187.8,113.2 187.9,113.2 187.9,113.2       187.9,113.2 188,113.2 188,113.2 188,113.2 188.1,113.2 188.1,113.2 188.2,113.2 188.2,113.2 188.2,113.2 188.3,113.2       188.3,113.2 188.4,113.2 188.4,113.2 188.4,113.2 188.5,113.2 188.5,113.2 188.5,113.2 188.6,113.2 188.6,113.2 188.7,113.2       188.7,113.2 188.7,113.2 188.8,113.2 188.8,113.2 188.9,113.2 188.9,113.2 188.9,113.2 189,113.2 189,113.2 189,113.2       189.1,113.2 189.1,113.2 189.2,113.2 189.2,113.2 189.2,113.2 189.3,113.2 189.3,113.2 189.4,113.2 189.4,113.2 189.4,113.2       189.5,113.2 189.5,113.2 189.6,113.2 189.6,113.2 189.6,113.2 189.7,113.2 189.7,113.2 189.7,113.2 189.8,113.2 189.8,113.2       189.9,113.2 189.9,113.2 189.9,113.2 190,113.2 190,113.2 190.1,113.2 190.1,113.2 190.1,113.2 190.2,113.2 190.2,113.2       190.2,113.2 190.3,113.2 190.3,113.2 190.4,113.2 190.4,113.2 190.4,113.2 190.5,113.2 190.5,113.2 190.6,113.2 190.6,113.2       190.6,113.2 190.7,113.2 190.7,113.2 190.7,113.2 190.8,113.2 190.8,113.2 190.9,113.2 190.9,113.2 190.9,113.2 191,113.2       191,113.2 191.1,113.2 191.1,113.2 191.1,113.2 191.2,113.2 191.2,113.2 191.3,113.2 191.3,113.2 191.3,113.2 191.4,113.2       191.4,113.2 191.4,113.2 191.5,113.2 191.5,113.2 191.6,113.2 191.6,113.2 191.6,113.2 191.7,113.2 191.7,113.2 191.8,113.2       191.8,113.2 191.8,113.2 191.9,113.2 191.9,113.2 191.9,113.2 192,113.2 192,113.2 192.1,113.2 192.1,113.2 192.1,113.2       192.2,113.2 192.2,113.2 192.3,113.2 192.3,113.2 192.3,113.2 192.4,113.2 192.4,113.2 192.4,113.2 192.5,113.2 192.5,113.2       192.6,113.2 192.6,113.2 192.6,113.2 192.7,113.2 192.7,113.2 192.8,113.2 192.8,113.2 192.8,113.2 192.9,113.2 192.9,113.2       193,113.2 193,113.2 193,113.2 193.1,113.2 193.1,113.2 193.1,113.2 193.2,113.2 193.2,113.2 193.3,113.2 193.3,113.2       193.3,113.2 193.4,113.2 193.4,113.2 193.5,113.2 193.5,113.2 193.5,113.2 193.6,113.2 193.6,113.2 193.6,113.2 193.7,113.2       193.7,113.2 193.8,113.2 193.8,113.2 193.8,113.2 193.9,113.2 193.9,113.2 194,113.2 194,113.2 194,113.2 194.1,113.2       194.1,113.2 194.1,113.2 194.2,113.2 194.2,113.2 194.3,113.2 194.3,113.2 194.3,113.2 194.4,113.2 194.4,113.2 194.5,113.2       194.5,113.2 194.5,113.2 194.6,113.2 194.6,113.2 194.6,108.4 194.6,108.4 194.5,108.4 194.5,108.4 194.5,108.4 194.4,108.4       194.4,108.4 194.3,108.4 194.3,108.4 194.3,108.4 194.2,108.4 194.2,108.4 194.1,108.4 194.1,108.4 194.1,108.4 194,108.4       194,108.4 194,108.4 193.9,108.4 193.9,108.4 193.8,108.4 193.8,108.4 193.8,108.4 193.7,108.4 193.7,108.4 193.6,108.4       193.6,108.4 193.6,108.4 193.5,108.4 193.5,108.4 193.5,108.4 193.4,108.4 193.4,108.4 193.3,108.4 193.3,108.4 193.3,108.4       193.2,108.4 193.2,108.4 193.1,108.4 193.1,108.4 193.1,108.4 193,108.4 193,108.4 193,108.4 192.9,108.4 192.9,108.4       192.8,108.4 192.8,108.4 192.8,108.4 192.7,108.4 192.7,108.4 192.6,108.4 192.6,108.4 192.6,108.4 192.5,108.4 192.5,108.4       192.4,108.4 192.4,108.4 192.4,108.4 192.3,108.4 192.3,108.4 192.3,108.4 192.2,108.4 192.2,108.4 192.1,108.4 192.1,108.4       192.1,108.4 192,108.4 192,108.4 191.9,108.4 191.9,108.4 191.9,108.4 191.8,108.4 191.8,108.4 191.8,108.4 191.7,108.4       191.7,108.4 191.6,108.4 191.6,108.4 191.6,108.4 191.5,108.4 191.5,108.4 191.4,108.4 191.4,108.4 191.4,108.4 191.3,108.4       191.3,108.4 191.3,108.4 191.2,108.4 191.2,108.4 191.1,108.4 191.1,108.4 191.1,108.4 191,108.4 191,108.4 190.9,108.4       190.9,108.4 190.9,108.4 190.8,108.4 190.8,108.4 190.7,108.4 190.7,108.4 190.7,108.4 190.6,108.4 190.6,108.4 190.6,108.4       190.5,108.4 190.5,108.4 190.4,108.4 190.4,108.4 190.4,108.4 190.3,108.4 190.3,108.4 190.2,108.4 190.2,108.4 190.2,108.4       190.1,108.4 190.1,108.4 190.1,108.4 190,108.4 190,108.4 189.9,108.4 189.9,108.4 189.9,108.4 189.8,108.4 189.8,108.4       189.7,108.4 189.7,108.4 189.7,108.4 189.6,108.4 189.6,108.4 189.6,108.4 189.5,108.4 189.5,108.4 189.4,108.4 189.4,108.4       189.4,108.4 189.3,108.4 189.3,108.4 189.2,108.4 189.2,108.4 189.2,108.4 189.1,108.4 189.1,108.4 189,108.4 189,108.4       189,108.4 188.9,108.4 188.9,108.4 188.9,108.4 188.8,108.4 188.8,108.4 188.7,108.4 188.7,108.4 188.7,108.4 188.6,108.4       188.6,108.4 188.5,108.4 188.5,108.4 188.5,108.4 188.4,108.4 188.4,108.4 188.4,108.4 188.3,108.4 188.3,108.4 188.2,108.4       188.2,108.4 188.2,108.4 188.1,108.4 188.1,108.4 188,108.4 188,108.4 188,108.4 187.9,108.4 187.9,108.4 187.9,108.4       187.8,108.4 187.8,108.4 187.7,108.4 187.7,108.4 187.7,108.4 187.6,108.4 187.6,108.4 187.5,108.4 187.5,108.4 187.5,108.4       187.4,108.4 187.4,108.4 187.3,108.4 187.3,108.4 187.3,108.4 187.2,108.4 187.2,108.4 187.2,113.2 187.2,113.2     "
+             id="polygon276" /><linearGradient
+             id="SVGID_33_"
+             gradientUnits="userSpaceOnUse"
+             x1="193.375"
+             y1="272.1867"
+             x2="193.375"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop279" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop281" /></linearGradient><polygon
+             class="st39"
+             points="199.4,120.8 199.4,120.8 199.3,120.8 199.2,120.8 199.2,120.8 199.1,120.8 199,120.8 199,120.8       198.9,120.8 198.8,120.8 198.8,120.8 198.7,120.8 198.7,120.8 198.6,120.8 198.5,120.8 198.5,120.8 198.4,120.8 198.3,120.8       198.3,120.8 198.2,120.8 198.1,120.8 198.1,120.8 198,120.8 197.9,120.8 197.9,120.8 197.8,120.8 197.8,120.8 197.7,120.8       197.6,120.8 197.6,120.8 197.5,120.8 197.4,120.8 197.4,120.8 197.3,120.8 197.2,120.8 197.2,120.8 197.1,120.8 197,120.8       197,120.8 196.9,120.8 196.9,120.8 196.8,120.8 196.7,120.8 196.7,120.8 196.6,120.8 196.5,120.8 196.5,120.8 196.4,120.8       196.3,120.8 196.3,120.8 196.2,120.8 196.1,120.8 196.1,120.8 196,120.8 196,120.8 195.9,120.8 195.8,120.8 195.8,120.8       195.7,120.8 195.6,120.8 195.6,120.8 195.5,120.8 195.4,120.8 195.4,120.8 195.3,120.8 195.2,120.8 195.2,120.8 195.1,120.8       195,120.8 195,120.8 194.9,120.8 194.9,120.8 194.8,120.8 194.7,120.8 194.7,120.8 194.6,120.8 194.5,120.8 194.5,120.8       194.4,120.8 194.3,120.8 194.3,120.8 194.2,120.8 194.1,120.8 194.1,120.8 194,120.8 194,120.8 193.9,120.8 193.8,120.8       193.8,120.8 193.7,120.8 193.6,120.8 193.6,120.8 193.5,120.8 193.4,120.8 193.4,120.8 193.3,120.8 193.2,120.8 193.2,120.8       193.1,120.8 193.1,120.8 193,120.8 192.9,120.8 192.9,120.8 192.8,120.8 192.7,120.8 192.7,120.8 192.6,120.8 192.5,120.8       192.5,120.8 192.4,120.8 192.3,120.8 192.3,120.8 192.2,120.8 192.2,120.8 192.1,120.8 192,120.8 192,120.8 191.9,120.8       191.8,120.8 191.8,120.8 191.7,120.8 191.6,120.8 191.6,120.8 191.5,120.8 191.4,120.8 191.4,120.8 191.3,120.8 191.3,120.8       191.2,120.8 191.1,120.8 191.1,120.8 191,120.8 190.9,120.8 190.9,120.8 190.8,120.8 190.7,120.8 190.7,120.8 190.6,120.8       190.5,120.8 190.5,120.8 190.4,120.8 190.3,120.8 190.3,120.8 190.2,120.8 190.2,120.8 190.1,120.8 190,120.8 190,120.8       189.9,120.8 189.8,120.8 189.8,120.8 189.7,120.8 189.6,120.8 189.6,120.8 189.5,120.8 189.4,120.8 189.4,120.8 189.3,120.8       189.3,120.8 189.2,120.8 189.1,120.8 189.1,120.8 189,120.8 188.9,120.8 188.9,120.8 188.8,120.8 188.7,120.8 188.7,120.8       188.6,120.8 188.5,120.8 188.5,120.8 188.4,120.8 188.4,120.8 188.3,120.8 188.2,120.8 188.2,120.8 188.1,120.8 188,120.8       188,120.8 187.9,120.8 187.8,120.8 187.8,120.8 187.7,120.8 187.6,120.8 187.6,120.8 187.5,120.8 187.5,120.8 187.4,120.8       187.3,120.8 187.3,120.8 187.2,120.8 187.2,125.5 187.3,125.5 187.3,125.5 187.4,125.5 187.5,125.5 187.5,125.5 187.6,125.5       187.6,125.5 187.7,125.5 187.8,125.5 187.8,125.5 187.9,125.5 188,125.5 188,125.5 188.1,125.5 188.2,125.5 188.2,125.5       188.3,125.5 188.4,125.5 188.4,125.5 188.5,125.5 188.5,125.5 188.6,125.5 188.7,125.5 188.7,125.5 188.8,125.5 188.9,125.5       188.9,125.5 189,125.5 189.1,125.5 189.1,125.5 189.2,125.5 189.3,125.5 189.3,125.5 189.4,125.5 189.4,125.5 189.5,125.5       189.6,125.5 189.6,125.5 189.7,125.5 189.8,125.5 189.8,125.5 189.9,125.5 190,125.5 190,125.5 190.1,125.5 190.2,125.5       190.2,125.5 190.3,125.5 190.3,125.5 190.4,125.5 190.5,125.5 190.5,125.5 190.6,125.5 190.7,125.5 190.7,125.5 190.8,125.5       190.9,125.5 190.9,125.5 191,125.5 191.1,125.5 191.1,125.5 191.2,125.5 191.3,125.5 191.3,125.5 191.4,125.5 191.4,125.5       191.5,125.5 191.6,125.5 191.6,125.5 191.7,125.5 191.8,125.5 191.8,125.5 191.9,125.5 192,125.5 192,125.5 192.1,125.5       192.2,125.5 192.2,125.5 192.3,125.5 192.3,125.5 192.4,125.5 192.5,125.5 192.5,125.5 192.6,125.5 192.7,125.5 192.7,125.5       192.8,125.5 192.9,125.5 192.9,125.5 193,125.5 193.1,125.5 193.1,125.5 193.2,125.5 193.2,125.5 193.3,125.5 193.4,125.5       193.4,125.5 193.5,125.5 193.6,125.5 193.6,125.5 193.7,125.5 193.8,125.5 193.8,125.5 193.9,125.5 194,125.5 194,125.5       194.1,125.5 194.1,125.5 194.2,125.5 194.3,125.5 194.3,125.5 194.4,125.5 194.5,125.5 194.5,125.5 194.6,125.5 194.7,125.5       194.7,125.5 194.8,125.5 194.9,125.5 194.9,125.5 195,125.5 195,125.5 195.1,125.5 195.2,125.5 195.2,125.5 195.3,125.5       195.4,125.5 195.4,125.5 195.5,125.5 195.6,125.5 195.6,125.5 195.7,125.5 195.8,125.5 195.8,125.5 195.9,125.5 196,125.5       196,125.5 196.1,125.5 196.1,125.5 196.2,125.5 196.3,125.5 196.3,125.5 196.4,125.5 196.5,125.5 196.5,125.5 196.6,125.5       196.7,125.5 196.7,125.5 196.8,125.5 196.9,125.5 196.9,125.5 197,125.5 197,125.5 197.1,125.5 197.2,125.5 197.2,125.5       197.3,125.5 197.4,125.5 197.4,125.5 197.5,125.5 197.6,125.5 197.6,125.5 197.7,125.5 197.8,125.5 197.8,125.5 197.9,125.5       197.9,125.5 198,125.5 198.1,125.5 198.1,125.5 198.2,125.5 198.3,125.5 198.3,125.5 198.4,125.5 198.5,125.5 198.5,125.5       198.6,125.5 198.7,125.5 198.7,125.5 198.8,125.5 198.8,125.5 198.9,125.5 199,125.5 199,125.5 199.1,125.5 199.2,125.5       199.2,125.5 199.3,125.5 199.4,125.5 199.4,125.5 199.5,125.5 199.6,125.5 199.6,120.8 199.5,120.8     "
+             id="polygon283" /><linearGradient
+             id="SVGID_34_"
+             gradientUnits="userSpaceOnUse"
+             x1="190.9028"
+             y1="272.1867"
+             x2="190.9028"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop286" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop288" /></linearGradient><polygon
+             class="st40"
+             points="187.3,137.9 187.3,137.9 187.3,137.9 187.4,137.9 187.4,137.9 187.5,137.9 187.5,137.9       187.5,137.9 187.6,137.9 187.6,137.9 187.7,137.9 187.7,137.9 187.7,137.9 187.8,137.9 187.8,137.9 187.9,137.9 187.9,137.9       187.9,137.9 188,137.9 188,137.9 188,137.9 188.1,137.9 188.1,137.9 188.2,137.9 188.2,137.9 188.2,137.9 188.3,137.9       188.3,137.9 188.4,137.9 188.4,137.9 188.4,137.9 188.5,137.9 188.5,137.9 188.5,137.9 188.6,137.9 188.6,137.9 188.7,137.9       188.7,137.9 188.7,137.9 188.8,137.9 188.8,137.9 188.9,137.9 188.9,137.9 188.9,137.9 189,137.9 189,137.9 189,137.9       189.1,137.9 189.1,137.9 189.2,137.9 189.2,137.9 189.2,137.9 189.3,137.9 189.3,137.9 189.4,137.9 189.4,137.9 189.4,137.9       189.5,137.9 189.5,137.9 189.6,137.9 189.6,137.9 189.6,137.9 189.7,137.9 189.7,137.9 189.7,137.9 189.8,137.9 189.8,137.9       189.9,137.9 189.9,137.9 189.9,137.9 190,137.9 190,137.9 190.1,137.9 190.1,137.9 190.1,137.9 190.2,137.9 190.2,137.9       190.2,137.9 190.3,137.9 190.3,137.9 190.4,137.9 190.4,137.9 190.4,137.9 190.5,137.9 190.5,137.9 190.6,137.9 190.6,137.9       190.6,137.9 190.7,137.9 190.7,137.9 190.7,137.9 190.8,137.9 190.8,137.9 190.9,137.9 190.9,137.9 190.9,137.9 191,137.9       191,137.9 191.1,137.9 191.1,137.9 191.1,137.9 191.2,137.9 191.2,137.9 191.3,137.9 191.3,137.9 191.3,137.9 191.4,137.9       191.4,137.9 191.4,137.9 191.5,137.9 191.5,137.9 191.6,137.9 191.6,137.9 191.6,137.9 191.7,137.9 191.7,137.9 191.8,137.9       191.8,137.9 191.8,137.9 191.9,137.9 191.9,137.9 191.9,137.9 192,137.9 192,137.9 192.1,137.9 192.1,137.9 192.1,137.9       192.2,137.9 192.2,137.9 192.3,137.9 192.3,137.9 192.3,137.9 192.4,137.9 192.4,137.9 192.4,137.9 192.5,137.9 192.5,137.9       192.6,137.9 192.6,137.9 192.6,137.9 192.7,137.9 192.7,137.9 192.8,137.9 192.8,137.9 192.8,137.9 192.9,137.9 192.9,137.9       193,137.9 193,137.9 193,137.9 193.1,137.9 193.1,137.9 193.1,137.9 193.2,137.9 193.2,137.9 193.3,137.9 193.3,137.9       193.3,137.9 193.4,137.9 193.4,137.9 193.5,137.9 193.5,137.9 193.5,137.9 193.6,137.9 193.6,137.9 193.6,137.9 193.7,137.9       193.7,137.9 193.8,137.9 193.8,137.9 193.8,137.9 193.9,137.9 193.9,137.9 194,137.9 194,137.9 194,137.9 194.1,137.9       194.1,137.9 194.1,137.9 194.2,137.9 194.2,137.9 194.3,137.9 194.3,137.9 194.3,137.9 194.4,137.9 194.4,137.9 194.5,137.9       194.5,137.9 194.5,137.9 194.6,137.9 194.6,137.9 194.6,133.2 194.6,133.2 194.5,133.2 194.5,133.2 194.5,133.2 194.4,133.2       194.4,133.2 194.3,133.2 194.3,133.2 194.3,133.2 194.2,133.2 194.2,133.2 194.1,133.2 194.1,133.2 194.1,133.2 194,133.2       194,133.2 194,133.2 193.9,133.2 193.9,133.2 193.8,133.2 193.8,133.2 193.8,133.2 193.7,133.2 193.7,133.2 193.6,133.2       193.6,133.2 193.6,133.2 193.5,133.2 193.5,133.2 193.5,133.2 193.4,133.2 193.4,133.2 193.3,133.2 193.3,133.2 193.3,133.2       193.2,133.2 193.2,133.2 193.1,133.2 193.1,133.2 193.1,133.2 193,133.2 193,133.2 193,133.2 192.9,133.2 192.9,133.2       192.8,133.2 192.8,133.2 192.8,133.2 192.7,133.2 192.7,133.2 192.6,133.2 192.6,133.2 192.6,133.2 192.5,133.2 192.5,133.2       192.4,133.2 192.4,133.2 192.4,133.2 192.3,133.2 192.3,133.2 192.3,133.2 192.2,133.2 192.2,133.2 192.1,133.2 192.1,133.2       192.1,133.2 192,133.2 192,133.2 191.9,133.2 191.9,133.2 191.9,133.2 191.8,133.2 191.8,133.2 191.8,133.2 191.7,133.2       191.7,133.2 191.6,133.2 191.6,133.2 191.6,133.2 191.5,133.2 191.5,133.2 191.4,133.2 191.4,133.2 191.4,133.2 191.3,133.2       191.3,133.2 191.3,133.2 191.2,133.2 191.2,133.2 191.1,133.2 191.1,133.2 191.1,133.2 191,133.2 191,133.2 190.9,133.2       190.9,133.2 190.9,133.2 190.8,133.2 190.8,133.2 190.7,133.2 190.7,133.2 190.7,133.2 190.6,133.2 190.6,133.2 190.6,133.2       190.5,133.2 190.5,133.2 190.4,133.2 190.4,133.2 190.4,133.2 190.3,133.2 190.3,133.2 190.2,133.2 190.2,133.2 190.2,133.2       190.1,133.2 190.1,133.2 190.1,133.2 190,133.2 190,133.2 189.9,133.2 189.9,133.2 189.9,133.2 189.8,133.2 189.8,133.2       189.7,133.2 189.7,133.2 189.7,133.2 189.6,133.2 189.6,133.2 189.6,133.2 189.5,133.2 189.5,133.2 189.4,133.2 189.4,133.2       189.4,133.2 189.3,133.2 189.3,133.2 189.2,133.2 189.2,133.2 189.2,133.2 189.1,133.2 189.1,133.2 189,133.2 189,133.2       189,133.2 188.9,133.2 188.9,133.2 188.9,133.2 188.8,133.2 188.8,133.2 188.7,133.2 188.7,133.2 188.7,133.2 188.6,133.2       188.6,133.2 188.5,133.2 188.5,133.2 188.5,133.2 188.4,133.2 188.4,133.2 188.4,133.2 188.3,133.2 188.3,133.2 188.2,133.2       188.2,133.2 188.2,133.2 188.1,133.2 188.1,133.2 188,133.2 188,133.2 188,133.2 187.9,133.2 187.9,133.2 187.9,133.2       187.8,133.2 187.8,133.2 187.7,133.2 187.7,133.2 187.7,133.2 187.6,133.2 187.6,133.2 187.5,133.2 187.5,133.2 187.5,133.2       187.4,133.2 187.4,133.2 187.3,133.2 187.3,133.2 187.3,133.2 187.2,133.2 187.2,133.2 187.2,137.9 187.2,137.9     "
+             id="polygon290" /><linearGradient
+             id="SVGID_35_"
+             gradientUnits="userSpaceOnUse"
+             x1="193.375"
+             y1="272.1867"
+             x2="193.375"
+             y2="-13.8589"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop293" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop295" /></linearGradient><polygon
+             class="st41"
+             points="199.4,145.5 199.4,145.5 199.3,145.5 199.2,145.5 199.2,145.5 199.1,145.5 199,145.5 199,145.5       198.9,145.5 198.8,145.5 198.8,145.5 198.7,145.5 198.7,145.5 198.6,145.5 198.5,145.5 198.5,145.5 198.4,145.5 198.3,145.5       198.3,145.5 198.2,145.5 198.1,145.5 198.1,145.5 198,145.5 197.9,145.5 197.9,145.5 197.8,145.5 197.8,145.5 197.7,145.5       197.6,145.5 197.6,145.5 197.5,145.5 197.4,145.5 197.4,145.5 197.3,145.5 197.2,145.5 197.2,145.5 197.1,145.5 197,145.5       197,145.5 196.9,145.5 196.9,145.5 196.8,145.5 196.7,145.5 196.7,145.5 196.6,145.5 196.5,145.5 196.5,145.5 196.4,145.5       196.3,145.5 196.3,145.5 196.2,145.5 196.1,145.5 196.1,145.5 196,145.5 196,145.5 195.9,145.5 195.8,145.5 195.8,145.5       195.7,145.5 195.6,145.5 195.6,145.5 195.5,145.5 195.4,145.5 195.4,145.5 195.3,145.5 195.2,145.5 195.2,145.5 195.1,145.5       195,145.5 195,145.5 194.9,145.5 194.9,145.5 194.8,145.5 194.7,145.5 194.7,145.5 194.6,145.5 194.5,145.5 194.5,145.5       194.4,145.5 194.3,145.5 194.3,145.5 194.2,145.5 194.1,145.5 194.1,145.5 194,145.5 194,145.5 193.9,145.5 193.8,145.5       193.8,145.5 193.7,145.5 193.6,145.5 193.6,145.5 193.5,145.5 193.4,145.5 193.4,145.5 193.3,145.5 193.2,145.5 193.2,145.5       193.1,145.5 193.1,145.5 193,145.5 192.9,145.5 192.9,145.5 192.8,145.5 192.7,145.5 192.7,145.5 192.6,145.5 192.5,145.5       192.5,145.5 192.4,145.5 192.3,145.5 192.3,145.5 192.2,145.5 192.2,145.5 192.1,145.5 192,145.5 192,145.5 191.9,145.5       191.8,145.5 191.8,145.5 191.7,145.5 191.6,145.5 191.6,145.5 191.5,145.5 191.4,145.5 191.4,145.5 191.3,145.5 191.3,145.5       191.2,145.5 191.1,145.5 191.1,145.5 191,145.5 190.9,145.5 190.9,145.5 190.8,145.5 190.7,145.5 190.7,145.5 190.6,145.5       190.5,145.5 190.5,145.5 190.4,145.5 190.3,145.5 190.3,145.5 190.2,145.5 190.2,145.5 190.1,145.5 190,145.5 190,145.5       189.9,145.5 189.8,145.5 189.8,145.5 189.7,145.5 189.6,145.5 189.6,145.5 189.5,145.5 189.4,145.5 189.4,145.5 189.3,145.5       189.3,145.5 189.2,145.5 189.1,145.5 189.1,145.5 189,145.5 188.9,145.5 188.9,145.5 188.8,145.5 188.7,145.5 188.7,145.5       188.6,145.5 188.5,145.5 188.5,145.5 188.4,145.5 188.4,145.5 188.3,145.5 188.2,145.5 188.2,145.5 188.1,145.5 188,145.5       188,145.5 187.9,145.5 187.8,145.5 187.8,145.5 187.7,145.5 187.6,145.5 187.6,145.5 187.5,145.5 187.5,145.5 187.4,145.5       187.3,145.5 187.3,145.5 187.2,145.5 187.2,150.3 187.3,150.3 187.3,150.3 187.4,150.3 187.5,150.3 187.5,150.3 187.6,150.3       187.6,150.3 187.7,150.3 187.8,150.3 187.8,150.3 187.9,150.3 188,150.3 188,150.3 188.1,150.3 188.2,150.3 188.2,150.3       188.3,150.3 188.4,150.3 188.4,150.3 188.5,150.3 188.5,150.3 188.6,150.3 188.7,150.3 188.7,150.3 188.8,150.3 188.9,150.3       188.9,150.3 189,150.3 189.1,150.3 189.1,150.3 189.2,150.3 189.3,150.3 189.3,150.3 189.4,150.3 189.4,150.3 189.5,150.3       189.6,150.3 189.6,150.3 189.7,150.3 189.8,150.3 189.8,150.3 189.9,150.3 190,150.3 190,150.3 190.1,150.3 190.2,150.3       190.2,150.3 190.3,150.3 190.3,150.3 190.4,150.3 190.5,150.3 190.5,150.3 190.6,150.3 190.7,150.3 190.7,150.3 190.8,150.3       190.9,150.3 190.9,150.3 191,150.3 191.1,150.3 191.1,150.3 191.2,150.3 191.3,150.3 191.3,150.3 191.4,150.3 191.4,150.3       191.5,150.3 191.6,150.3 191.6,150.3 191.7,150.3 191.8,150.3 191.8,150.3 191.9,150.3 192,150.3 192,150.3 192.1,150.3       192.2,150.3 192.2,150.3 192.3,150.3 192.3,150.3 192.4,150.3 192.5,150.3 192.5,150.3 192.6,150.3 192.7,150.3 192.7,150.3       192.8,150.3 192.9,150.3 192.9,150.3 193,150.3 193.1,150.3 193.1,150.3 193.2,150.3 193.2,150.3 193.3,150.3 193.4,150.3       193.4,150.3 193.5,150.3 193.6,150.3 193.6,150.3 193.7,150.3 193.8,150.3 193.8,150.3 193.9,150.3 194,150.3 194,150.3       194.1,150.3 194.1,150.3 194.2,150.3 194.3,150.3 194.3,150.3 194.4,150.3 194.5,150.3 194.5,150.3 194.6,150.3 194.7,150.3       194.7,150.3 194.8,150.3 194.9,150.3 194.9,150.3 195,150.3 195,150.3 195.1,150.3 195.2,150.3 195.2,150.3 195.3,150.3       195.4,150.3 195.4,150.3 195.5,150.3 195.6,150.3 195.6,150.3 195.7,150.3 195.8,150.3 195.8,150.3 195.9,150.3 196,150.3       196,150.3 196.1,150.3 196.1,150.3 196.2,150.3 196.3,150.3 196.3,150.3 196.4,150.3 196.5,150.3 196.5,150.3 196.6,150.3       196.7,150.3 196.7,150.3 196.8,150.3 196.9,150.3 196.9,150.3 197,150.3 197,150.3 197.1,150.3 197.2,150.3 197.2,150.3       197.3,150.3 197.4,150.3 197.4,150.3 197.5,150.3 197.6,150.3 197.6,150.3 197.7,150.3 197.8,150.3 197.8,150.3 197.9,150.3       197.9,150.3 198,150.3 198.1,150.3 198.1,150.3 198.2,150.3 198.3,150.3 198.3,150.3 198.4,150.3 198.5,150.3 198.5,150.3       198.6,150.3 198.7,150.3 198.7,150.3 198.8,150.3 198.8,150.3 198.9,150.3 199,150.3 199,150.3 199.1,150.3 199.2,150.3       199.2,150.3 199.3,150.3 199.4,150.3 199.4,150.3 199.5,150.3 199.6,150.3 199.6,145.5 199.5,145.5     "
+             id="polygon297" /><linearGradient
+             id="SVGID_36_"
+             gradientUnits="userSpaceOnUse"
+             x1="4.0481"
+             y1="287.9492"
+             x2="320.4859"
+             y2="-15.4029"
+             gradientTransform="matrix(1 5.464556e-03 -5.464556e-03 1 -2.0192 -3.0212)"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop300" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop302" /></linearGradient><path
+             class="st42"
+             d="M160,238.8c-0.2,0-0.4,0-0.6,0c-58-0.3-104.9-47.7-104.6-105.7C55.2,75.3,102.3,28.5,160,28.5      c0.2,0,0.4,0,0.6,0c58,0.3,104.9,47.7,104.6,105.7l0,0C264.8,192,217.7,238.8,160,238.8z M160,32.2      c-55.7,0-101.2,45.2-101.5,100.9c-0.3,55.9,45,101.7,100.9,102c0.2,0,0.4,0,0.6,0c55.7,0,101.2-45.2,101.5-100.9      c0.3-55.9-45-101.7-100.9-102C160.4,32.2,160.2,32.2,160,32.2z"
+             id="path304" /></g></g></g></switch></svg>
+\ No newline at end of file
diff --git a/sample/package/package.pro b/sample/package/package.pro
new file mode 100644
index 0000000..faf285c
--- /dev/null
+++ b/sample/package/package.pro
@@ -0,0 +1,19 @@
+
+DISTFILES = icon.svg config.xml
+
+copy_icon.target = $$OUT_PWD/root/icon.svg
+copy_icon.depends = $$_PRO_FILE_PWD_/icon.svg
+copy_icon.commands = $(COPY_FILE) \"$$replace(copy_icon.depends, /, $$QMAKE_DIR_SEP)\" \"$$replace(copy_icon.target, /, $$QMAKE_DIR_SEP)\"
+QMAKE_EXTRA_TARGETS += copy_icon
+PRE_TARGETDEPS += $$copy_icon.target
+
+copy_config.target = $$OUT_PWD/root/config.xml
+copy_config.depends = $$_PRO_FILE_PWD_/config.xml
+copy_config.commands = $(COPY_FILE) \"$$replace(copy_config.depends, /, $$QMAKE_DIR_SEP)\" \"$$replace(copy_config.target, /, $$QMAKE_DIR_SEP)\"
+QMAKE_EXTRA_TARGETS += copy_config
+PRE_TARGETDEPS += $$copy_config.target
+
+wgt.target = package
+wgt.commands = wgtpkg-pack -f -o onstestapp.wgt root
+
+QMAKE_EXTRA_TARGETS += wgt
diff --git a/sample/qml/images/answer.png b/sample/qml/images/answer.png
new file mode 100644
index 0000000..4707a23
--- /dev/null
+++ b/sample/qml/images/answer.png
diff --git a/sample/qml/images/disable.png b/sample/qml/images/disable.png
new file mode 100644
index 0000000..8c08c03
--- /dev/null
+++ b/sample/qml/images/disable.png
diff --git a/sample/qml/images/heart_1079x400.png b/sample/qml/images/heart_1079x400.png
new file mode 100644
index 0000000..e1fe683
--- /dev/null
+++ b/sample/qml/images/heart_1079x400.png
diff --git a/sample/qml/images/images.qrc b/sample/qml/images/images.qrc
new file mode 100644
index 0000000..b75641f
--- /dev/null
+++ b/sample/qml/images/images.qrc
@@ -0,0 +1,9 @@
+<RCC>
+    <qresource prefix="/images">
+    	<file>oval_1079x400.png</file>
+        <file>heart_1079x400.png</file>
+        <file>answer.png</file>
+        <file>reject.png</file>
+        <file>disable.png</file>
+    </qresource>
+</RCC>
diff --git a/sample/qml/images/oval_1079x400.png b/sample/qml/images/oval_1079x400.png
new file mode 100644
index 0000000..fb850df
--- /dev/null
+++ b/sample/qml/images/oval_1079x400.png
diff --git a/sample/qml/images/reject.png b/sample/qml/images/reject.png
new file mode 100644
index 0000000..d6586e1
--- /dev/null
+++ b/sample/qml/images/reject.png
diff --git a/sample/qml/msg.qml b/sample/qml/msg.qml
new file mode 100644
index 0000000..f89ffa0
--- /dev/null
+++ b/sample/qml/msg.qml
@@ -0,0 +1,91 @@
+import QtQuick 2.6
+import QtQuick.Window 2.2
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+import AGL.Demo.Controls 1.0
+
+Item {
+    id: onScreenMsg
+    visible: true
+    width: 1079
+    height: 400
+    scale: screenInfo.scale_factor()
+
+    function qmlOnScreenParameter(message) {
+        console.log(qsTr('OnScreenVICS:QML:System >>> qmlOnScreenMessage.'), message);
+        var message_json = JSON.parse (message);
+        data1.text = message_json.data1;
+        data2.text = message_json.data2;
+        data3.text = message_json.data3;
+    }
+
+    RowLayout {
+        id: line1
+        x: 40
+        y: 72
+        width: 1000
+        height: 200
+        spacing: 20
+        Label {
+            id: data1
+            color: "#eeeeec"
+            text: "show data1"
+            font.pixelSize: 20
+            textFormat: Text.AutoText
+            font.wordSpacing: 0
+            verticalAlignment: Text.AlignVCenter
+            horizontalAlignment: Text.AlignHCenter
+        }
+
+        Label {
+            id: data2
+            color: "#eeeeec"
+            text: "show data2"
+            font.pixelSize: 20
+            textFormat: Text.AutoText
+            font.wordSpacing: 0
+            verticalAlignment: Text.AlignVCenter
+            horizontalAlignment: Text.AlignHCenter
+        }
+
+        Label {
+            id: data3
+            color: "#eeeeec"
+            text: "show data3"
+            font.pixelSize: 20
+            textFormat: Text.AutoText
+            font.wordSpacing: 0
+            verticalAlignment: Text.AlignVCenter
+            horizontalAlignment: Text.AlignHCenter
+        }
+
+    }
+
+    RowLayout {
+        anchors.top: line1.bottom
+        anchors.topMargin: 60
+        anchors.horizontalCenter: parent.horizontalCenter
+        Button {
+            id: button1
+            text: qsTr("Button1")
+            onClicked: {
+                eventHandler.onScreenReply("Button1");
+            }
+        }
+        Button {
+            id: button2
+            text: qsTr("Button2")
+            onClicked: {
+                eventHandler.onScreenReply("Button2");
+            }
+        }
+        Button {
+            id: button3
+            text: qsTr("Button3")
+            onClicked: {
+                eventHandler.onScreenReply("Button3");
+            }
+        }
+    }
+
+}
diff --git a/sample/qml/phone.qml b/sample/qml/phone.qml
new file mode 100644
index 0000000..1b25ed3
--- /dev/null
+++ b/sample/qml/phone.qml
@@ -0,0 +1,118 @@
+import QtQuick 2.6
+import QtQuick.Window 2.2
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+import AGL.Demo.Controls 1.0
+
+Item {
+    id: onScreenPhone
+    visible: true
+    width: 1079
+    height: 400
+    scale: screenInfo.scale_factor()
+    property string messageText: "Incoming Call"
+
+    function qmlOnScreenParameter(message) {
+        console.log(qsTr('OnScreenApp:QML:Phone >>> qmlOnScreenParameter.'), message);
+        var message_json = JSON.parse (message);
+        var text = message_json.status
+
+        if(text === "incoming call")
+        {
+            messageText = "Incoming Call";
+            answerButton.active = true;
+            answerButton.checked = false;
+        }
+        else if(text === "call answered")
+        {
+            messageText = "Call Answered";
+            answerButton.active = false;
+            answerButton.checked = true;
+        }
+        else if(text === "call rejected")
+        {
+            messageText = "Call Rejected";
+            answerButton.active = false;
+            answerButton.checked = true;
+        }
+        else {
+            messageText = text;
+        }
+    }
+
+    Image {
+        id : background_image
+        anchors.fill: parent
+        anchors.topMargin: 0
+        anchors.bottomMargin: 0
+        source: "images/heart_1079x400.png"
+    }
+
+   ToggleButton {
+       id: answerButton
+       x: 53
+       y: 147
+       width: 228
+       height: 230
+       onImage: 'images/disable.png'
+       offImage: 'images/answer.png'
+       property bool active: true
+
+       onCheckedChanged: {
+           if(!checked && !active) {
+               checked = true;
+           }
+           if(active && checked)
+           {
+               messageText = "Call Answer"
+               eventHandler.onScreenReply("call answer");
+               active = false;
+           }
+       }
+   }
+
+   ImageButton {
+       id: rejectButton
+       x: 804
+       y: 142
+       width: 228
+       height: 230
+       offImage: 'images/reject.png'
+
+       onClicked: {
+           messageText = "Call Reject"
+           eventHandler.onScreenReply("call reject");
+       }
+   }
+
+    Label {
+        x: 400
+        y: 115
+        width: 280
+        height: 100
+        color: "#000000"
+        text: messageText
+        textFormat: Text.AutoText
+        wrapMode: Text.WordWrap
+        verticalAlignment: Text.AlignVCenter
+        horizontalAlignment: Text.AlignHCenter
+        font.pixelSize: 50
+        font.weight: Font.ExtraBold
+    }
+
+    Label {
+        x: 395
+        y: 112
+        width: 280
+        height: 100
+        color: "#6BFBFF"
+        text: messageText
+        textFormat: Text.AutoText
+        wrapMode: Text.WordWrap
+        verticalAlignment: Text.AlignVCenter
+        horizontalAlignment: Text.AlignHCenter
+        font.pixelSize: 50
+        font.weight: Font.DemiBold
+    }
+
+}
diff --git a/sample/qml/system.qml b/sample/qml/system.qml
new file mode 100644
index 0000000..d42eeb7
--- /dev/null
+++ b/sample/qml/system.qml
@@ -0,0 +1,59 @@
+import QtQuick 2.6
+import QtQuick.Window 2.2
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+import AGL.Demo.Controls 1.0
+
+Item {
+    id: onScreenSystem
+    visible: true
+    width: 1079
+    height: 400
+    scale: screenInfo.scale_factor()
+
+    function qmlOnScreenParameter(message) {
+        console.log(qsTr('OnScreenSys:QML:System >>> qmlOnScreenMessage.'), message);
+        var message_json = JSON.parse (message);
+        var text = message_json.text
+        label.text = text;
+    }
+
+    Image {
+        id : background_image
+        anchors.fill: parent
+        anchors.topMargin: 0
+        anchors.bottomMargin: 0
+        source: "images/oval_1079x400.png"
+    }
+
+    Label {
+        id: label
+        x: 40
+        y: 72
+        width: 1000
+        height: 100
+        color: "#eeeeec"
+        text: "system alert"
+        font.pixelSize: 50
+        textFormat: Text.AutoText
+        font.wordSpacing: 0
+        verticalAlignment: Text.AlignVCenter
+        horizontalAlignment: Text.AlignHCenter
+    }
+
+    Button {
+        id: button
+//        x: 490
+//        y: 250
+        anchors.top: label.bottom
+        anchors.topMargin: 100
+        anchors.horizontalCenter: parent.horizontalCenter
+        text: qsTr("OK")
+
+        onClicked: {
+//            label.text = "system reject"
+            eventHandler.onScreenReply("OK");
+        }
+    }
+
+}
diff --git a/sample/qml/vics.qml b/sample/qml/vics.qml
new file mode 100644
index 0000000..2848fbc
--- /dev/null
+++ b/sample/qml/vics.qml
@@ -0,0 +1,47 @@
+import QtQuick 2.6
+import QtQuick.Window 2.2
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+import AGL.Demo.Controls 1.0
+
+Item {
+    id: onScreenVICS
+    visible: true
+    width: 1079
+    height: 400
+    scale: screenInfo.scale_factor()
+
+    function qmlOnScreenParameter(message) {
+        console.log(qsTr('OnScreenVICS:QML:System >>> qmlOnScreenMessage.'), message);
+        var message_json = JSON.parse (message);
+        vics_info.text = message_json.info;
+    }
+
+    Label {
+        id: vics_info
+        x: 40
+        y: 72
+        width: 1000
+        height: 200
+        color: "#eeeeec"
+        text: "show vics inofo"
+        font.pixelSize: 50
+        textFormat: Text.AutoText
+        font.wordSpacing: 0
+        verticalAlignment: Text.AlignVCenter
+        horizontalAlignment: Text.AlignHCenter
+    }
+
+    Button {
+        id: button
+        anchors.top: vics_info.bottom
+        anchors.topMargin: 100
+        anchors.horizontalCenter: parent.horizontalCenter
+        text: qsTr("OK")
+
+        onClicked: {
+            eventHandler.onScreenReply("OK");
+        }
+    }
+
+}
diff --git a/sample/sample.pro b/sample/sample.pro
new file mode 100644
index 0000000..f49af69
--- /dev/null
+++ b/sample/sample.pro
@@ -0,0 +1,18 @@
+#
+# Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+TEMPLATE = subdirs
+SUBDIRS = app package
+package.depends += app
author	wang_zhiqiang <wang_zhiqiang@dl.cn.nexty-ele.com>	2019-02-13 18:10:20 +0800
committer	wang_zhiqiang <wang_zhiqiang@dl.cn.nexty-ele.com>	2019-02-15 10:56:06 +0800
commit	aee1b69e8e207081a3d8b2670980671a9fbc78b8 (patch)
tree	86e71a4d08908c8c6711400a810bbbb00f19f803
parent	483c21f9d648f2cd58e00f39fcbee7b5dcbe2bc5 (diff)