(Scripting) Added a music library & contacts example

Change-Id: I251f6752e7eddd590e2e692adc629f97e5d3803e

diff --git a/demo/images/contacts-add.png b/demo/images/contacts-add.png
new file mode 100644 (file)
index 0000000..8bd30f3
Binary files /dev/null and b/demo/images/contacts-add.png differ

diff --git a/demo/images/contacts-background.png b/demo/images/contacts-background.png
new file mode 100644 (file)
index 0000000..f17835b
Binary files /dev/null and b/demo/images/contacts-background.png differ

diff --git a/demo/images/contacts-circle.png b/demo/images/contacts-circle.png
new file mode 100644 (file)
index 0000000..f3a9dbb
Binary files /dev/null and b/demo/images/contacts-circle.png differ

diff --git a/demo/images/contacts-email.png b/demo/images/contacts-email.png
new file mode 100644 (file)
index 0000000..4744267
Binary files /dev/null and b/demo/images/contacts-email.png differ

diff --git a/demo/images/contacts-home.png b/demo/images/contacts-home.png
new file mode 100644 (file)
index 0000000..abb9fcf
Binary files /dev/null and b/demo/images/contacts-home.png differ

diff --git a/demo/images/contacts-image.png b/demo/images/contacts-image.png
new file mode 100644 (file)
index 0000000..7ce7af5
Binary files /dev/null and b/demo/images/contacts-image.png differ

diff --git a/demo/images/contacts-main.png b/demo/images/contacts-main.png
new file mode 100644 (file)
index 0000000..da2915e
Binary files /dev/null and b/demo/images/contacts-main.png differ

diff --git a/demo/images/contacts-messenger.png b/demo/images/contacts-messenger.png
new file mode 100644 (file)
index 0000000..b82d14f
Binary files /dev/null and b/demo/images/contacts-messenger.png differ

diff --git a/demo/images/contacts-mobile.png b/demo/images/contacts-mobile.png
new file mode 100644 (file)
index 0000000..9e6cfaa
Binary files /dev/null and b/demo/images/contacts-mobile.png differ

diff --git a/demo/images/contacts-plain.png b/demo/images/contacts-plain.png
new file mode 100644 (file)
index 0000000..ef5b139
Binary files /dev/null and b/demo/images/contacts-plain.png differ

diff --git a/demo/images/contacts-text.png b/demo/images/contacts-text.png
new file mode 100644 (file)
index 0000000..43c41f7
Binary files /dev/null and b/demo/images/contacts-text.png differ

diff --git a/demo/images/music-libray-arrow.png b/demo/images/music-libray-arrow.png
new file mode 100644 (file)
index 0000000..3eede6c
Binary files /dev/null and b/demo/images/music-libray-arrow.png differ

diff --git a/demo/images/music-libray-circle.png b/demo/images/music-libray-circle.png
new file mode 100644 (file)
index 0000000..150f841
Binary files /dev/null and b/demo/images/music-libray-circle.png differ

diff --git a/demo/images/music-libray-foxtrot-oscar.png b/demo/images/music-libray-foxtrot-oscar.png
new file mode 100644 (file)
index 0000000..b097361
Binary files /dev/null and b/demo/images/music-libray-foxtrot-oscar.png differ

diff --git a/demo/images/music-libray-main-screen.png b/demo/images/music-libray-main-screen.png
new file mode 100644 (file)
index 0000000..db66fdc
Binary files /dev/null and b/demo/images/music-libray-main-screen.png differ

diff --git a/demo/images/music-libray-menu.png b/demo/images/music-libray-menu.png
new file mode 100644 (file)
index 0000000..cdfc862
Binary files /dev/null and b/demo/images/music-libray-menu.png differ

diff --git a/demo/images/music-libray-pause.png b/demo/images/music-libray-pause.png
new file mode 100644 (file)
index 0000000..bcb61b9
Binary files /dev/null and b/demo/images/music-libray-pause.png differ

diff --git a/demo/images/music-libray-record-cover.png b/demo/images/music-libray-record-cover.png
new file mode 100644 (file)
index 0000000..7074b25
Binary files /dev/null and b/demo/images/music-libray-record-cover.png differ

diff --git a/demo/images/music-libray-rectangle.png b/demo/images/music-libray-rectangle.png
new file mode 100644 (file)
index 0000000..a4fc999
Binary files /dev/null and b/demo/images/music-libray-rectangle.png differ

diff --git a/demo/images/music-libray-star.png b/demo/images/music-libray-star.png
new file mode 100644 (file)
index 0000000..aafda15
Binary files /dev/null and b/demo/images/music-libray-star.png differ

diff --git a/demo/images/music-libray-the-solars.png b/demo/images/music-libray-the-solars.png
new file mode 100644 (file)
index 0000000..9cb7528
Binary files /dev/null and b/demo/images/music-libray-the-solars.png differ

diff --git a/demo/images/music-libray-triangle.png b/demo/images/music-libray-triangle.png
new file mode 100644 (file)
index 0000000..400fb17
Binary files /dev/null and b/demo/images/music-libray-triangle.png differ

diff --git a/demo/scripts/contacts.json b/demo/scripts/contacts.json
new file mode 100644 (file)
index 0000000..f73705b
--- /dev/null
+++ b/demo/scripts/contacts.json
@@ -0,0 +1,824 @@
+{
+  "stage": [
+    {
+      "type": "Control",
+      "background-color": [ 1, 1, 1, 1 ],
+      "parent-origin": "TOP_LEFT",
+      "anchor-point": "TOP_LEFT",
+      "draw-mode": "STENCIL",
+      "size": [ 360, 630, 0 ]
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Image 1",
+      "position": [
+        181,
+        317,
+        -1
+      ],
+      "inherit-position": true,
+      "size": [
+        360,
+        640,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}contacts-main.png",
+        "width": 361,
+        "height": 640,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      },
+      "signals": [
+        {
+          "name": "touched",
+          "action": "play",
+          "animation": "Animation_1"
+        }
+      ]
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Image 2",
+      "position": [
+        541,
+        139,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        360,
+        282,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}contacts-background.png",
+        "width": 360,
+        "height": 282,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "Control",
+      "actors": [],
+      "name": "Container 1",
+      "position": [
+        179.51602487416508,
+        824.0520479877184,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        393.04,
+        378.08,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "background-color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "color": [
+        1,
+        1,
+        1,
+        0.815
+      ]
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Image 7",
+      "position": [
+        43.50213893798224,
+        402.004657366638,
+        1
+      ],
+      "inherit-position": true,
+      "size": [
+        53,
+        52,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}contacts-image.png",
+        "width": 53,
+        "height": 52,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Textinput 1",
+      "position": [
+        151,
+        405,
+        1
+      ],
+      "inherit-position": true,
+      "size": [
+        152.89,
+        24.33,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "markup-enabled": true,
+      "color": [
+        0.2,
+        0.2,
+        0.2,
+        1
+      ],
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}contacts-text.png"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Image 11",
+      "position": [
+        328.0154985718759,
+        611.5127067356418,
+        1
+      ],
+      "inherit-position": true,
+      "size": [
+        80,
+        71,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}contacts-add.png",
+        "width": 80,
+        "height": 71,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Image 3",
+      "position": [
+        181.00193136172533,
+        677.5051724136168,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        360,
+        77,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}contacts-messenger.png",
+        "width": 360,
+        "height": 77,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Image 4",
+      "position": [
+        181.01420620981605,
+        704.5075140543304,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        360,
+        79,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}contacts-email.png",
+        "width": 360,
+        "height": 79,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Image 5",
+      "position": [
+        181.00407437387986,
+        727.0088875903122,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        360,
+        80,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}contacts-mobile.png",
+        "width": 360,
+        "height": 80,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Image 6",
+      "position": [
+        181.00990662214662,
+        749.5101801844454,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        360,
+        75,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}contacts-home.png",
+        "width": 360,
+        "height": 75,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Image 9",
+      "position": [
+        -15.508874240447994,
+        50.289953613295076,
+        1
+      ],
+      "inherit-position": true,
+      "size": [
+        25,
+        20.55,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}contacts-circle.png",
+        "width": 100,
+        "height": 100,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Image 10",
+      "position": [
+        179.99998576619936,
+        817.499887599389,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        360,
+        77,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}contacts-plain.png",
+        "width": 360,
+        "height": 77,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "Control",
+      "actors": [],
+      "name": "Container 2",
+      "position": [
+        -346.36,
+        401.485,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        693.96,
+        84.97,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "background-color": [
+        0.788235294117647,
+        0.7647058823529411,
+        0.7647058823529411,
+        1
+      ],
+      "color": [
+        0.788235294117647,
+        0.7647058823529411,
+        0.7647058823529411,
+        0.293
+      ]
+    }
+  ],
+  "animations": {
+    "Animation_1": {
+      "properties": [
+        {
+          "actor": "Image 11",
+          "property": "position",
+          "value": [
+            518.01,
+            609.5059654033565,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.503,
+            "duration": 0.005
+          },
+          "timelineColor": "#c09183"
+        },
+        {
+          "actor": "Image 11",
+          "property": "size",
+          "value": [
+            20,
+            20,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.071,
+            "duration": 0.005
+          },
+          "timelineColor": "#c09183"
+        },
+        {
+          "actor": "Image 11",
+          "property": "size",
+          "value": [
+            80,
+            71,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.498,
+            "duration": 0.3
+          },
+          "timelineColor": "#c09183"
+        },
+        {
+          "actor": "Image 11",
+          "property": "position",
+          "value": [
+            328.0132503804675,
+            611.5150431968526,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.498,
+            "duration": 0.005
+          },
+          "timelineColor": "#c09183"
+        },
+        {
+          "actor": "Image 7",
+          "property": "position",
+          "value": [
+            47.5,
+            239.01,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 1.22,
+            "duration": 0.396
+          },
+          "timelineColor": "#9d96bc"
+        },
+        {
+          "actor": "Image 7",
+          "property": "position",
+          "value": [
+            43.5,
+            402,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.437,
+            "duration": 0.396
+          },
+          "timelineColor": "#9d96bc"
+        },
+        {
+          "actor": "Textinput 1",
+          "property": "position",
+          "value": [
+            170,
+            242,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 1.22,
+            "duration": 0.395
+          },
+          "timelineColor": "#ae85bf"
+        },
+        {
+          "actor": "Textinput 1",
+          "property": "color",
+          "value": [
+            1,
+            1,
+            1,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 1.22,
+            "duration": 0.395
+          },
+          "timelineColor": "#ae85ba"
+        },
+        {
+          "actor": "Textinput 1",
+          "property": "size",
+          "value": [
+            200.89,
+            35.33,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 1.22,
+            "duration": 0.395
+          },
+          "timelineColor": "#ae85ba"
+        },
+        {
+          "actor": "Textinput 1",
+          "property": "position",
+          "value": [
+            151,
+            405,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.435,
+            "duration": 0.395
+          },
+          "timelineColor": "#ae85bf"
+        },
+        {
+          "actor": "Textinput 1",
+          "property": "color",
+          "value": [
+            0.2,
+            0.2,
+            0.2,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.435,
+            "duration": 0.395
+          },
+          "timelineColor": "#ae85ba"
+        },
+        {
+          "actor": "Textinput 1",
+          "property": "size",
+          "value": [
+            152.89,
+            24.33,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.435,
+            "duration": 0.395
+          },
+          "timelineColor": "#ae85aa"
+        },
+        {
+          "actor": "Image 2",
+          "property": "position",
+          "value": [
+            181.01,
+            138.98,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 1.222,
+            "duration": 0.391
+          },
+          "timelineColor": "#b5b5ab"
+        },
+        {
+          "actor": "Image 2",
+          "property": "position",
+          "value": [
+            581.01,
+            138.98,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.435,
+            "duration": 0.391
+          },
+          "timelineColor": "#b5b5ab"
+        },
+        {
+          "actor": "Image 3",
+          "property": "position",
+          "value": [
+            181.0109534868741,
+            320.50795521899136,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 1.346,
+            "duration": 0.372
+          },
+          "timelineColor": "#94cea8"
+        },
+        {
+          "actor": "Image 3",
+          "property": "position",
+          "value": [
+            181.0109534868741,
+            677.51,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.34,
+            "duration": 0.372
+          },
+          "timelineColor": "#94cea8"
+        },
+        {
+          "actor": "Image 4",
+          "property": "position",
+          "value": [
+            181,
+            395.5,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 1.432,
+            "duration": 0.39
+          },
+          "timelineColor": "#fccbed"
+        },
+        {
+          "actor": "Image 4",
+          "property": "position",
+          "value": [
+            181,
+            704.5,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.218,
+            "duration": 0.39
+          },
+          "timelineColor": "#fccbed"
+        },
+        {
+          "actor": "Image 5",
+          "property": "position",
+          "value": [
+            181,
+            470.01,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 1.543,
+            "duration": 0.385
+          },
+          "timelineColor": "#c09ece"
+        },
+        {
+          "actor": "Image 5",
+          "property": "position",
+          "value": [
+            181,
+            727.01,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.11,
+            "duration": 0.385
+          },
+          "timelineColor": "#c09ece"
+        },
+        {
+          "actor": "Image 6",
+          "property": "position",
+          "value": [
+            181,
+            541.5,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 1.635,
+            "duration": 0.406
+          },
+          "timelineColor": "#cfacc6"
+        },
+        {
+          "actor": "Image 6",
+          "property": "position",
+          "value": [
+            181,
+            749.5,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 3.993,
+            "duration": 0.406
+          },
+          "timelineColor": "#cfacc6"
+        },
+        {
+          "actor": "Image 10",
+          "property": "position",
+          "value": [
+            179.99303595684773,
+            608.5139116202711,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 1.726,
+            "duration": 0.435
+          },
+          "timelineColor": "#84d89f"
+        },
+        {
+          "actor": "Image 10",
+          "property": "position",
+          "value": [
+            179.99303595684773,
+            817.51,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 3.865,
+            "duration": 0.435
+          },
+          "timelineColor": "#84d89f"
+        },
+        {
+          "actor": "Image 9",
+          "property": "position",
+          "value": [
+            25,
+            48.280475138643396,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 2.66,
+            "duration": 0.005
+          },
+          "timelineColor": "#c79ccd"
+        },
+        {
+          "actor": "Image 9",
+          "property": "position",
+          "value": [
+            -41.5,
+            48.280475138643396,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 2.851,
+            "duration": 0.008
+          },
+          "timelineColor": "#c79ccd"
+        },
+        {
+          "actor": "Image 9",
+          "property": "size",
+          "value": [
+            80,
+            80,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 2.665,
+            "duration": 1.187
+          },
+          "timelineColor": "#c79ccd"
+        },
+        {
+          "actor": "Container 1",
+          "property": "position",
+          "value": [
+            181.52411554172681,
+            470.05397482417106,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 1.031,
+            "duration": 0.561
+          },
+          "timelineColor": "#9fb2e5"
+        },
+        {
+          "actor": "Container 1",
+          "property": "position",
+          "value": [
+            585.5409448696578,
+            467.042499801712,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 4.342,
+            "duration": 0.005
+          },
+          "timelineColor": "#9fb2e5"
+        },
+        {
+          "actor": "Container 2",
+          "property": "position",
+          "value": [
+            770.32,
+            402.425,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.904
+          },
+          "timelineColor": "#d9c087"
+        }
+      ],
+      "page": ""
+    }
+  },
+  "connections": {
+    "Named_conn_1": {
+      "id": "_191ssaipk029",
+      "name": "Named_conn_1",
+      "target": {
+        "type": "animation",
+        "name": "Animation_1",
+        "action": "play"
+      },
+      "sources": [
+        "Image 1"
+      ],
+      "signal": "click"
+    }
+  },
+  "constants": {},
+  "styles": {},
+  "deviceHeight": 630,
+  "deviceWidth": 360,
+  "deviceOrientation": "portrait",
+  "version": "781"
+}

diff --git a/demo/scripts/music-library.json b/demo/scripts/music-library.json
new file mode 100644 (file)
index 0000000..f0a8e4f
--- /dev/null
+++ b/demo/scripts/music-library.json
@@ -0,0 +1,816 @@
+{
+  "stage": [
+    {
+      "type": "Control",
+      "background-color": [ 1, 1, 1, 1 ],
+      "parent-origin": "TOP_LEFT",
+      "anchor-point": "TOP_LEFT",
+      "draw-mode": "STENCIL",
+      "size": [ 400, 720, 0 ]
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Screen",
+      "position": [
+        200,
+        355,
+        -1
+      ],
+      "inherit-position": true,
+      "size": [
+        400,
+        630,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}music-libray-main-screen.png",
+        "width": 545,
+        "height": 860,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "Control",
+      "actors": [
+        {
+          "type": "ImageActor",
+          "actors": [],
+          "name": "Circle",
+          "position": [
+            200,
+            25,
+            1
+          ],
+          "inherit-position": true,
+          "size": [
+            30,
+            30,
+            1
+          ],
+          "sizeAspectRatio": true,
+          "image": {
+            "filename": "{DALI_IMAGE_DIR}music-libray-circle.png",
+            "width": 128,
+            "height": 128,
+            "load-policy": "IMMEDIATE",
+            "release-policy": "NEVER"
+          }
+        },
+        {
+          "type": "ImageActor",
+          "actors": [],
+          "name": "Triangle",
+          "position": [
+            100,
+            25,
+            1
+          ],
+          "inherit-position": true,
+          "size": [
+            28.030303030303028,
+            30,
+            1
+          ],
+          "sizeAspectRatio": true,
+          "image": {
+            "filename": "{DALI_IMAGE_DIR}music-libray-triangle.png",
+            "width": 185,
+            "height": 198,
+            "load-policy": "IMMEDIATE",
+            "release-policy": "NEVER"
+          }
+        },
+        {
+          "type": "ImageActor",
+          "actors": [],
+          "name": "Rectangle",
+          "position": [
+            300,
+            25,
+            1
+          ],
+          "inherit-position": true,
+          "size": [
+            30,
+            30,
+            1
+          ],
+          "sizeAspectRatio": true,
+          "image": {
+            "filename": "{DALI_IMAGE_DIR}music-libray-rectangle.png",
+            "width": 128,
+            "height": 128,
+            "load-policy": "IMMEDIATE",
+            "release-policy": "NEVER"
+          }
+        }
+      ],
+      "name": "Toolbar",
+      "position": [
+        200,
+        695,
+        1
+      ],
+      "inherit-position": true,
+      "size": [
+        400,
+        50,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "background-color": [
+        0,
+        0,
+        0,
+        1
+      ]
+    },
+    {
+      "type": "Control",
+      "actors": [
+        {
+          "type": "TextView",
+          "actors": [],
+          "name": "Time",
+          "position": [
+            345,
+            20,
+            0
+          ],
+          "inherit-position": true,
+          "size": [
+            50,
+            20,
+            1
+          ],
+          "sizeAspectRatio": false,
+          "markup-enabled": true,
+          "text": "<font size=10px color=#ffffff><b>12:30</b></font>"
+        }
+      ],
+      "name": "Indicators",
+      "position": [
+        200,
+        20,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        400,
+        40,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "background-color": [
+            0.33725490196078434,
+            0.7568627450980392,
+            0.6509803921568628,
+            1
+      ],
+      "color": [
+            0.33725490196078434,
+            0.7568627450980392,
+            0.6509803921568628,
+            0
+      ]
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Foxtrot Oscar",
+      "position": [
+        100,
+        288,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        200,
+        35,
+        1
+      ],
+      "color":[0,0,0,0],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}music-libray-foxtrot-oscar.png",
+        "width": 545,
+        "height": 95,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "Control",
+      "actors": [],
+      "name": "Foxtrot Oscar container",
+      "position": [
+        100,
+        288,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        200,
+        35,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "background-color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ]
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Record text",
+      "position": [
+        100,
+        266,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        200,
+        80,
+        1
+      ],
+      "color" : [
+        0,0,0,0
+      ],
+      "sizeAspectRatio": true,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}music-libray-the-solars.png",
+        "width": 545,
+        "height": 218,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "Control",
+      "actors": [],
+      "name": "Record container",
+      "position": [
+        100,
+        266,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        200,
+        80,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "background-color": [
+        0.18823529411764706,
+        0.3411764705882353,
+        0.403921568627451,
+        1
+      ]
+    },
+    {
+      "type": "ImageActor",
+      "actors": [
+        {
+          "type": "Control",
+          "name": "Tapped Record",
+          "actors": [],
+          "position-inheritance":"USE_PARENT_POSITION",
+          "signals": [
+            {
+              "name": "tapped",
+              "action": "play",
+              "animation": "Animation_1"
+            }
+          ],
+          "size": [
+            200,
+            200,
+            1
+          ]
+        }
+      ],
+      "name": "Record image",
+      "position": [
+        100,
+        206,
+        0
+      ],
+      "inherit-position": true,
+      "size": [
+        200,
+        200,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}music-libray-record-cover.png",
+        "width": 545,
+        "height": 502,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Arrow",
+      "position": [
+        -16,
+        70,
+        2
+      ],
+      "inherit-position": true,
+      "size": [
+        30,
+        30,
+        1
+      ],
+      "sizeAspectRatio": true,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}music-libray-arrow.png",
+        "width": 128,
+        "height": 128,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Star",
+      "position": [
+        415,
+        70,
+        2
+      ],
+      "inherit-position": true,
+      "size": [
+        30,
+        30,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}music-libray-star.png",
+        "width": 121,
+        "height": 128,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Pause",
+      "position": [
+        425,
+        440,
+        3
+      ],
+      "inherit-position": true,
+      "size": [
+        50,
+        50,
+        1
+      ],
+      "sizeAspectRatio": true,
+      "scale": [
+        0.1,
+        0.1,
+        1
+      ],
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}music-libray-pause.png",
+        "width": 128,
+        "height": 128,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    },
+    {
+      "type": "ImageActor",
+      "actors": [],
+      "name": "Menu",
+      "position": [
+        465,
+        70,
+        2
+      ],
+      "inherit-position": true,
+      "size": [
+        30,
+        30,
+        1
+      ],
+      "sizeAspectRatio": true,
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}music-libray-menu.png",
+        "width": 32,
+        "height": 32,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      }
+    }
+  ],
+  "animations": {
+    "Animation_1": {
+      "properties": [
+        {
+          "actor": "Tapped Record",
+          "property": "color-alpha",
+          "value": 0,
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.1
+          },
+          "timelineColor": "#e7dbba"
+        },
+        {
+          "actor": "Record image",
+          "property": "position",
+          "value": [
+            200,
+            240,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.3
+          },
+          "timelineColor": "#e7dbbf"
+        },
+        {
+          "actor": "Record image",
+          "property": "scale",
+          "value": [
+            2,
+            2,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.3
+          },
+          "timelineColor": "#e7dbbf"
+        },
+        {
+          "actor": "Indicators",
+          "property": "color",
+          "value": [
+            0.33725490196078434,
+            0.7568627450980392,
+            0.6509803921568628,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.3,
+            "duration": 0.2
+          },
+          "timelineColor": "#97a0e7"
+        },
+        {
+          "actor": "Record text",
+          "property": "position",
+          "value": [
+            200,
+            360,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.3
+          },
+          "timelineColor": "#90c2ca"
+        },
+        {
+          "actor": "Record text",
+          "property": "position",
+          "value": [
+            200,
+            520,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.3,
+            "duration": 0.2
+          },
+          "timelineColor": "#90c2ca"
+        },
+        {
+          "actor": "Record text",
+          "property": "scale",
+          "value": [
+            2,
+            2,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.3
+          },
+          "timelineColor": "#90c2ca"
+        },
+        {
+          "actor": "Record container",
+          "property": "position",
+          "value": [
+            200,
+            360,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.3
+          },
+          "timelineColor": "#eba6ba"
+        },
+        {
+          "actor": "Record container",
+          "property": "position",
+          "value": [
+            200,
+            520,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.3,
+            "duration": 0.2
+          },
+          "timelineColor": "#eba6ba"
+        },
+        {
+          "actor": "Record container",
+          "property": "scale",
+          "value": [
+            2,
+            2,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.3
+          },
+          "timelineColor": "#eba6ba"
+        },
+        {
+          "actor": "Record text",
+          "property": "color",
+          "value": [
+            1,
+            1,
+            1,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.5,
+            "duration": 0.2
+          },
+          "timelineColor": "#eba6ba"
+        },
+        {
+          "actor": "Foxtrot Oscar",
+          "property": "position",
+          "value": [
+            200,
+            288,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.3
+          },
+          "timelineColor": "#e1d2d6"
+        },
+        {
+          "actor": "Foxtrot Oscar",
+          "property": "position",
+          "value": [
+            200,
+            635,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.3,
+            "duration": 0.2
+          },
+          "timelineColor": "#e1d2d6"
+        },
+        {
+          "actor": "Foxtrot Oscar",
+          "property": "scale",
+          "value": [
+            2,
+            2,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.3
+          },
+          "timelineColor": "#e1d2d6"
+        },
+        {
+          "actor": "Foxtrot Oscar container",
+          "property": "position",
+          "value": [
+            200,
+            288,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.3
+          },
+          "timelineColor": "#fbda85"
+        },
+        {
+          "actor": "Foxtrot Oscar container",
+          "property": "position",
+          "value": [
+            200,
+            635,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.3,
+            "duration": 0.2
+          },
+          "timelineColor": "#fbda85"
+        },
+        {
+          "actor": "Foxtrot Oscar container",
+          "property": "scale",
+          "value": [
+            2,
+            2,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.3
+          },
+          "timelineColor": "#fbda85"
+        },
+        {
+          "actor": "Foxtrot Oscar",
+          "property": "color",
+          "value": [
+            1,
+            1,
+            1,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.5,
+            "duration": 0.2
+          },
+          "timelineColor": "#fbda85"
+        },
+        {
+          "actor": "Arrow",
+          "property": "position",
+          "value": [
+            30,
+            70,
+            2
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.3,
+            "duration": 0.2
+          },
+          "timelineColor": "#8a9098"
+        },
+        {
+          "actor": "Star",
+          "property": "position",
+          "value": [
+            320,
+            70,
+            2
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.299,
+            "duration": 0.2
+          },
+          "timelineColor": "#9ae2c6"
+        },
+        {
+          "actor": "Menu",
+          "property": "position",
+          "value": [
+            370,
+            70,
+            2
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.3,
+            "duration": 0.2
+          },
+          "timelineColor": "#cf7feb"
+        },
+        {
+          "actor": "Pause",
+          "property": "position",
+          "value": [
+            360,
+            440,
+            3
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.599,
+            "duration": 0.1
+          },
+          "timelineColor": "#d3eaa7"
+        },
+        {
+          "actor": "Pause",
+          "property": "scale",
+          "value": [
+            0.1,
+            0.1,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.6,
+            "duration": 0.1
+          },
+          "timelineColor": "#d3eaa7"
+        },
+        {
+          "actor": "Pause",
+          "property": "scale",
+          "value": [
+            1,
+            1,
+            1
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0.7,
+            "duration": 0.3
+          },
+          "timelineColor": "#d3eaa7"
+        }
+      ],
+      "page": ""
+    }
+  },
+  "connections": {
+    "Named_conn_1": {
+      "id": "_191ss6ct70d1",
+      "name": "Named_conn_1",
+      "target": {
+        "type": "animation",
+        "name": "Animation_1",
+        "action": "play"
+      },
+      "sources": [
+        "Record image"
+      ],
+      "signal": "click"
+    }
+  },
+  "constants": {},
+  "styles": {},
+  "deviceHeight": 720,
+  "deviceWidth": 400,
+  "deviceOrientation": "portrait",
+  "version": "781"
+}