add support for closable interfaces

mea/mea.pro

@@ -52,5 +52,9 @@ BR=$$BRANDING
     win32:RCC_ICONS += ../packaging/windows/packages/io.guh.mea/meta/logo.ico
 }
 
+withavahi: {
+    LIBS += -lavahi-client -lavahi-common
+}
+
 target.path = /usr/bin
 INSTALLS += target

mea/resources.qrc

@@ -167,5 +167,23 @@
         <file>ui/images/network-secure.svg</file>
         <file>ui/images/lock-broken.svg</file>
         <file>ui/AboutPage.qml</file>
+        <file>ui/images/sort-listitem.svg</file>
+        <file>ui/devicepages/ShutterDevicePage.qml</file>
+        <file>ui/images/shutter-1.svg</file>
+        <file>ui/images/shutter-2.svg</file>
+        <file>ui/images/shutter-3.svg</file>
+        <file>ui/images/shutter-4.svg</file>
+        <file>ui/images/shutter-5.svg</file>
+        <file>ui/images/shutter-6.svg</file>
+        <file>ui/images/shutter-7.svg</file>
+        <file>ui/images/shutter-8.svg</file>
+        <file>ui/images/shutter-9.svg</file>
+        <file>ui/images/shutter-10.svg</file>
+        <file>ui/images/down.svg</file>
+        <file>ui/images/up.svg</file>
+        <file>ui/devicepages/GarageGateDevicePage.qml</file>
+        <file>ui/images/remove.svg</file>
+        <file>ui/images/shutter-0.svg</file>
+        <file>ui/components/ShutterControls.qml</file>
     </qresource>
 </RCC>

mea/ui/DevicesPage.qml

@@ -105,6 +105,9 @@ Item {
 
                         case "light":
                         case "media":
+                        case "garagegate":
+                        case "shutter":
+                        case "blind":
                             return buttonComponent
                         }
                     }
@@ -163,6 +166,16 @@ Item {
                             print("executing", device, device.id, actionTypeId, actionName, deviceClass.actionTypes)
 
                             Engine.deviceManager.executeAction(device.id, actionTypeId)
+                        case "garagegate":
+                        case "shutter":
+                        case "blind":
+                            for (var i = 0; i < devicesProxy.count; i++) {
+                                var device = devicesProxy.get(i);
+                                var deviceClass = Engine.deviceManager.deviceClasses.getDeviceClass(device.deviceClassId);
+                                var actionType = deviceClass.actionTypes.findByName("close");
+                                Engine.deviceManager.executeAction(device.id, actionType.id)
+                            }
+
                         }
                     }
 
@@ -187,7 +200,19 @@ Item {
                                         }
                                     }
                                     return count === 0 ? qsTr("All off") : qsTr("%1 on").arg(count)
+                                case "garagegate":
+                                    var count = 0;
+                                    for (var i = 0; i < devicesProxy.count; i++) {
+                                        var device = devicesProxy.get(i);
+                                        var deviceClass = Engine.deviceManager.deviceClasses.getDeviceClass(device.deviceClassId);
+                                        var stateType = deviceClass.stateTypes.findByName("state");
+                                        if (device.states.getState(stateType.id).value !== "closed") {
+                                            count++;
+                                        }
+                                    }
+                                    return count === 0 ? qsTr("All closed") : qsTr("%1 open").arg(count)
                                 }
+                                console.warn("Unhandled interface", model.name)
                             }
                             font.pixelSize: app.smallFont
                             elide: Text.ElideRight
@@ -210,6 +235,10 @@ Item {
                                                                                                   ""
                                 case "light":
                                     return "../images/system-shutdown.svg"
+                                case "garagegate":
+                                case "shutter":
+                                case "blind":
+                                    return "../images/down.svg"
                                 }
                             }
                         }

mea/ui/MainPage.qml

@@ -72,7 +72,7 @@ Page {
     InterfacesModel {
         id: page1Model
         devices: Engine.deviceManager.devices
-        shownInterfaces: ["light", "weather", "sensor", "media", "garagegate"]
+        shownInterfaces: ["light", "weather", "sensor", "media", "garagegate", "shutter", "garagegate"]
         property var view: null
         onCountChanged: buildView()
     }

mea/ui/Mea.qml

@@ -159,6 +159,12 @@ ApplicationWindow {
             return qsTr("Incoming Events");
         case "outputtrigger":
             return qsTr("Events");
+        case "shutter":
+            return qsTr("Shutters");
+        case "blind":
+            return qsTr("Blinds");
+        case "garagegate":
+            return qsTr("Garage gates");
         }
     }
 
@@ -206,6 +212,11 @@ ApplicationWindow {
             return Qt.resolvedUrl("images/mail-mark-important.svg")
         case "outputtrigger":
             return Qt.resolvedUrl("images/send.svg")
+        case "shutter":
+        case "blind":
+            return Qt.resolvedUrl("images/sort-listitem.svg")
+        case "garagegate":
+            return Qt.resolvedUrl("images/shutter-10.svg")
         }
         return "";
     }

mea/ui/components/ShutterControls.qml

@@ -0,0 +1,65 @@
+import QtQuick 2.9
+import QtQuick.Controls 2.2
+import QtQuick.Controls.Material 2.2
+import QtQuick.Layouts 1.3
+import Mea 1.0
+
+RowLayout {
+    id: root
+    spacing: (parent.width - app.iconSize*2*children.length) / 4
+
+    property var device: null
+    readonly property var deviceClass: device ? Engine.deviceManager.deviceClasses.getDeviceClass(device.deviceClassId) : null
+    readonly property var openState: device ? device.states.getState(deviceClass.stateTypes.findByName("state").id) : null
+
+    Rectangle {
+        Layout.preferredWidth: app.iconSize * 2
+        Layout.preferredHeight: width
+        color: root.openState && root.openState.value === "opening" ? Material.accent : Material.foreground
+        radius: height / 2
+
+        ColorIcon {
+            anchors.fill: parent
+            anchors.margins: app.margins
+            name: "../images/up.svg"
+        }
+        MouseArea {
+            anchors.fill: parent
+            onClicked: Engine.deviceManager.executeAction(root.device.id, root.deviceClass.actionTypes.findByName("open").id)
+        }
+    }
+
+    Rectangle {
+        Layout.preferredWidth: app.iconSize * 2
+        Layout.preferredHeight: width
+        color: Material.foreground
+        radius: height / 2
+
+        ColorIcon {
+            anchors.fill: parent
+            anchors.margins: app.margins
+            name: "../images/remove.svg"
+        }
+        MouseArea {
+            anchors.fill: parent
+            onClicked: Engine.deviceManager.executeAction(root.device.id, root.deviceClass.actionTypes.findByName("stop").id)
+        }
+    }
+
+    Rectangle {
+        Layout.preferredWidth: app.iconSize * 2
+        Layout.preferredHeight: width
+        color: root.openState && root.openState.value === "closing" ? Material.accent : Material.foreground
+        radius: height / 2
+
+        ColorIcon {
+            anchors.fill: parent
+            anchors.margins: app.margins
+            name: "../images/down.svg"
+        }
+        MouseArea {
+            anchors.fill: parent
+            onClicked: Engine.deviceManager.executeAction(root.device.id, root.deviceClass.actionTypes.findByName("close").id)
+        }
+    }
+}

mea/ui/devicelistpages/GenericDeviceListPage.qml

@@ -42,6 +42,10 @@ Page {
             page = "SensorDevicePage.qml";
         } else if (deviceClass.interfaces.indexOf("inputtrigger") >= 0) {
             page = "InputTriggerDevicePage.qml";
+        } else if (deviceClass.interfaces.indexOf("shutter") >= 0 ) {
+            page = "ShutterDevicePage.qml";
+        } else if (deviceClass.interfaces.indexOf("garagegate") >= 0 ) {
+            page = "GarageGateDevicePage.qml";
         } else {
             page = "GenericDevicePage.qml";
         }

mea/ui/devicepages/GarageGateDevicePage.qml

@@ -0,0 +1,113 @@
+import QtQuick 2.5
+import QtQuick.Controls 2.1
+import QtQuick.Controls.Material 2.2
+import QtQuick.Layouts 1.1
+import Mea 1.0
+import "../components"
+import "../customviews"
+
+DevicePageBase {
+    id: root
+
+    readonly property bool landscape: width > height
+    readonly property var openState: device.states.getState(deviceClass.stateTypes.findByName("state").id)
+    readonly property var intermediatePositionState: device.states.getState(deviceClass.stateTypes.findByName("intermediatePosition").id)
+    readonly property var lightStateType: deviceClass.stateTypes.findByName("power")
+    readonly property var lightState: lightStateType ? device.states.getState(lightStateType.id) : null
+
+    GridLayout {
+        anchors.fill: parent
+        columns: root.landscape ? 2 : 1
+
+        ColorIcon {
+            id: shutterImage
+            Layout.preferredWidth: root.landscape ? height : parent.width
+            Layout.preferredHeight: root.landscape ? parent.height : width
+            property int currentImage: 0
+            name: "../images/shutter-" + currentImage + ".svg"
+            Component.onCompleted: update()
+
+            function update() {
+                switch (root.openState.value) {
+                case "open":
+                    if (root.intermediatePositionState.value === true) {
+                        shutterImage.currentImage = 5;
+                    } else {
+                        shutterImage.currentImage = 0;
+                    }
+                    break;
+                case "closed":
+                    if (root.intermediatePositionState.value === true) {
+                        shutterImage.currentImage = 5;
+                    } else {
+                        shutterImage.currentImage = 10;
+                    }
+                }
+                print("shutter is now:", shutterImage.currentImage, root.intermediatePositionState.value)
+            }
+
+            Connections {
+                target: root.openState
+                onValueChanged: shutterImage.update();
+            }
+            Connections {
+                target: root.intermediatePositionState
+                onValueChanged: shutterImage.update();
+            }
+
+            Timer {
+                running: root.openState.value === "closing" || root.openState.value === "opening"
+                interval: 500
+                repeat: true
+                onTriggered: {
+                    var value = shutterImage.currentImage;
+                    if (root.openState.value === "opening") {
+                        value--;
+                    } else if (root.openState.value === "closing") {
+                        value++;
+                    }
+                    if (value > 10) value = 0;
+                    if (value < 0) value = 10;
+                    shutterImage.currentImage = value;
+                }
+            }
+        }
+
+        Item {
+            Layout.preferredWidth: root.landscape ? parent.width / 2 : parent.width
+            Layout.fillHeight: true
+            Layout.minimumHeight: app.iconSize * 2.5
+
+            ShutterControls {
+                device: root.device
+                anchors.centerIn: parent
+
+                Rectangle {
+                    Layout.preferredWidth: app.iconSize * 2
+                    Layout.preferredHeight: width
+                    color: root.lightState && root.lightState.value === true ? Material.accent : Material.foreground
+                    radius: height / 2
+                    visible: root.lightStateType !== null
+
+                    ColorIcon {
+                        anchors.fill: parent
+                        anchors.margins: app.margins
+                        name: "../images/torch-" + (root.lightState && root.lightState.value === true ? "on" : "off") + ".svg"
+                    }
+                    MouseArea {
+                        anchors.fill: parent
+                        onClicked: {
+                            print("blabla", root.lightState, root.lightState.value, root.lightStateType.name, root.lightState.stateTypeId, root.lightStateType.id)
+                            var params = [];
+                            var param = {};
+                            param["paramTypeId"] = root.lightStateType.id;
+                            param["value"] = !root.lightState.value;
+                            params.push(param)
+                            Engine.deviceManager.executeAction(root.device.id, root.lightStateType.id, params)
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

mea/ui/devicepages/ShutterDevicePage.qml

@@ -0,0 +1,20 @@
+import QtQuick 2.5
+import QtQuick.Controls 2.1
+import QtQuick.Layouts 1.1
+import Mea 1.0
+import "../components"
+import "../customviews"
+
+DevicePageBase {
+    id: root
+
+
+    ShutterControls {
+        anchors {
+            top: parent.top
+            topMargin: app.iconSize
+            horizontalCenter: parent.horizontalCenter
+        }
+        device: root.device
+    }
+}

mea/ui/images/down.svg

@@ -0,0 +1,178 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96"
+   height="96"
+   id="svg4874"
+   version="1.1"
+   inkscape:version="0.91+devel r"
+   viewBox="0 0 96 96.000001"
+   sodipodi:docname="go-down.svg">
+  <defs
+     id="defs4876">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath16">
+      <path
+         d="m 0,595.28 841.89,0 L 841.89,0 0,0 0,595.28 Z"
+         id="path18"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.5111573"
+     inkscape:cx="-151.39141"
+     inkscape:cy="28.091447"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     showborder="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:snap-midpoints="true"
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-center="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5451"
+       empspacing="8" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="8,-8.0000001"
+       id="guide4063" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="4,-8.0000001"
+       id="guide4065" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,88.000001"
+       id="guide4067" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,92.000001"
+       id="guide4069" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="104,4"
+       id="guide4071" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-5,8.0000001"
+       id="guide4073" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="88,-8.0000001"
+       id="guide4077" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,84.000001"
+       id="guide4074" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="12,-8.0000001"
+       id="guide4076" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="84,-8.0000001"
+       id="guide4080" />
+    <sodipodi:guide
+       position="48,-8.0000001"
+       orientation="1,0"
+       id="guide4170" />
+    <sodipodi:guide
+       position="-8,48"
+       orientation="0,1"
+       id="guide4172" />
+    <sodipodi:guide
+       position="92,-8.0000001"
+       orientation="1,0"
+       id="guide4760" />
+    <sodipodi:guide
+       position="104,12"
+       orientation="0,1"
+       id="guide4207" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4879">
+    <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>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(67.857146,-78.50504)">
+    <g
+       transform="matrix(0,-1,-1,0,106.64791,106.6479)"
+       id="g5743"
+       inkscape:label="Layer 1">
+      <g
+         style="display:inline"
+         id="g5745"
+         transform="matrix(0,-1,-1,0,373.50506,516.50504)">
+        <g
+           inkscape:label="Layer 1"
+           id="g5747"
+           transform="matrix(-0.9996045,0,0,1,575.94296,-611.00001)"
+           inkscape:export-filename="next01.png"
+           inkscape:export-xdpi="90"
+           inkscape:export-ydpi="90">
+          <g
+             style="display:inline"
+             id="g5749"
+             transform="matrix(-1,0,0,1,575.99999,611)">
+            <path
+               inkscape:connector-curvature="0"
+               id="path5751"
+               d="m 437.00209,379.49587 c -5.24691,4.1449 -10.54573,8.128 -15.94494,11.7914 -6.00476,4.0757 -11.8322,7.7257 -17.4773,10.9536 -5.20923,2.9783 -9.64507,5.2206 -13.59532,7.0003 -3.95086,-1.7798 -8.3889,-4.0213 -13.59947,-7.0003 -5.64495,-3.2278 -11.47152,-6.8778 -17.47731,-10.9536 -5.39821,-3.6627 -10.69595,-7.6466 -15.94285,-11.7914 l 7.93911,0 c 3.15098,2.4002 6.38063,4.7681 9.75501,7.0752 4.26477,2.9172 8.6291,5.6557 13.09079,8.2194 4.52823,2.6011 10.75085,5.7064 15.00884,7.7151 l 0.002,0 1.22173,0.5752 1.22172,-0.5752 0.002,0 c 4.25899,-2.0087 10.48126,-5.1138 15.00884,-7.7151 4.46175,-2.5637 8.82538,-5.3023 13.09078,-8.2194 3.37342,-2.307 6.60393,-4.6749 9.75502,-7.0752 l 7.9412,0 z"
+               style="display:inline;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1" />
+            <rect
+               transform="scale(-1,1)"
+               y="345.36221"
+               x="-438.00244"
+               height="96"
+               width="96.037987"
+               id="rect5753"
+               style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:4;marker:none;enable-background:accumulate" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

mea/ui/images/magic.svg.2018_05_29_14_21_27.0.svg

@@ -0,0 +1,301 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96"
+   height="96"
+   id="svg4874"
+   version="1.1"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   viewBox="0 0 96 96.000001"
+   sodipodi:docname="magic.svg">
+  <defs
+     id="defs4876" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8284272"
+     inkscape:cx="72.011163"
+     inkscape:cy="30.205758"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4780"
+     showgrid="false"
+     showborder="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:snap-midpoints="true"
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-center="true"
+     showguides="false"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5451"
+       empspacing="8"
+       snapvisiblegridlinesonly="true"
+       enabled="true" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="8,-8.0000001"
+       id="guide4063"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="4,-8.0000001"
+       id="guide4065"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,88.000001"
+       id="guide4067"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,92.000001"
+       id="guide4069"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="104,4"
+       id="guide4071"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-5,8.0000001"
+       id="guide4073"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="92,-8.0000001"
+       id="guide4075"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="88,-8.0000001"
+       id="guide4077"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,84.000001"
+       id="guide4074"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="12,-8.0000001"
+       id="guide4076"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-5,12"
+       id="guide4078"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="84,-9.0000001"
+       id="guide4080"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="48,-8.0000001"
+       orientation="1,0"
+       id="guide4170"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-8,48"
+       orientation="0,1"
+       id="guide4172"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4879">
+    <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(67.857146,-78.50504)">
+    <g
+       transform="matrix(0,-1,-1,0,373.50506,516.50504)"
+       id="g4845"
+       style="display:inline">
+      <g
+         inkscape:export-ydpi="90"
+         inkscape:export-xdpi="90"
+         inkscape:export-filename="next01.png"
+         transform="matrix(-0.9996045,0,0,1,575.94296,-611.00001)"
+         id="g4778"
+         inkscape:label="Layer 1">
+        <g
+           transform="matrix(-1,0,0,1,575.99999,611)"
+           id="g4780"
+           style="display:inline">
+          <rect
+             style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:4;marker:none;enable-background:accumulate"
+             id="rect4782"
+             width="96.037987"
+             height="96"
+             x="-438.00244"
+             y="345.36221"
+             transform="scale(-1,1)" />
+          <g
+             id="g1894"
+             transform="matrix(0.8660254,0.49980225,-0.50019783,0.8660254,249.00681,-142.21407)">
+            <path
+               style="fill:none;fill-opacity:1;stroke:#808080;stroke-width:3.00094485;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               d="M 30.308594 7.9980469 C 29.732649 7.9577855 29.137407 8.0829062 28.597656 8.3945312 L 23.402344 11.394531 C 21.96301 12.225531 21.473687 14.052853 22.304688 15.492188 L 40.070312 46.263672 C 42.564163 45.825188 45.083421 45.27706 47.589844 44.605469 C 49.160416 44.184634 50.68081 43.717115 52.173828 43.230469 L 32.695312 9.4921875 C 32.175937 8.5926036 31.268502 8.0651491 30.308594 7.9980469 z M 52.939453 44.556641 C 51.325707 45.088407 49.681399 45.5984 47.978516 46.054688 C 45.608831 46.68964 43.228725 47.217784 40.869141 47.648438 L 42.587891 50.625 C 45.343918 50.105213 48.154312 49.47698 51.005859 48.712891 C 52.265992 48.375244 53.496223 48.01012 54.71875 47.638672 L 52.939453 44.556641 z M 55.492188 48.976562 C 54.146813 49.389444 52.784982 49.789545 51.394531 50.162109 C 48.681709 50.88902 46.00943 51.484656 43.378906 51.994141 L 63.304688 86.507812 C 64.135688 87.947147 65.96301 88.436469 67.402344 87.605469 L 72.597656 84.605469 C 74.03699 83.774469 74.526313 81.947147 73.695312 80.507812 L 55.492188 48.976562 z "
+               transform="matrix(-0.50019783,-0.8660254,-0.86636805,0.5,455.57862,410.93144)"
+               id="rect1888" />
+            <path
+               style="fill:#808080;fill-opacity:1;stroke:none;stroke-width:3.00094485;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               d="m 38.195312,19.019531 -10.390624,6 12.265624,21.244141 c 2.493851,-0.438484 5.013109,-0.986612 7.519532,-1.658203 1.570572,-0.420835 3.090966,-0.888354 4.583984,-1.375 z m 17.296876,29.957031 c -1.345375,0.412882 -2.707206,0.812983 -4.097657,1.185547 -2.712822,0.726911 -5.385101,1.322547 -8.015625,1.832032 l 14.425782,24.986328 10.390624,-6 z"
+               id="rect1890"
+               transform="matrix(-0.50019783,-0.8660254,-0.86636805,0.5,455.57862,410.93144)"
+               inkscape:connector-curvature="0"
+               sodipodi:nodetypes="cccccccccccc" />
+          </g>
+          <path
+             sodipodi:type="star"
+             style="fill:#808080;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="path1903"
+             sodipodi:sides="5"
+             sodipodi:cx="12"
+             sodipodi:cy="63.807842"
+             sodipodi:r1="11.632512"
+             sodipodi:r2="5.8162556"
+             sodipodi:arg1="1.3326172"
+             sodipodi:arg2="1.9609357"
+             inkscape:flatsided="false"
+             inkscape:rounded="0"
+             inkscape:randomized="0"
+             d="m 14.7445,75.111959 -4.9565227,-5.924918 -7.6907342,0.72414 4.1032818,-6.544833 -3.0652651,-7.090552 7.4924902,1.879988 5.796296,-5.106341 0.527332,7.70673 6.647573,3.934659 -7.166581,2.883033 z"
+             transform="matrix(0,-1,-1.0003957,0,433.33151,433.80227)"
+             inkscape:transform-center-x="-0.84809303"
+             inkscape:transform-center-y="0.27286362" />
+          <path
+             sodipodi:type="star"
+             style="fill:#808080;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="path1905"
+             sodipodi:sides="5"
+             sodipodi:cx="14.86737"
+             sodipodi:cy="34.318844"
+             sodipodi:r1="6.986371"
+             sodipodi:r2="3.4931855"
+             sodipodi:arg1="0.97303794"
+             sodipodi:arg2="1.6013565"
+             inkscape:flatsided="false"
+             inkscape:rounded="0"
+             inkscape:randomized="0"
+             d="m 18.799236,40.093773 -4.038602,-2.283375 -4.170535,2.032424 0.923622,-4.54654 -3.2217163,-3.338361 4.6094313,-0.526542 2.179405,-4.095644 1.925164,4.22112 4.568662,0.807113 -3.419615,3.135337 z"
+             transform="matrix(0,-1,-1.0003957,0,435.29822,435.88751)"
+             inkscape:transform-center-x="-0.065962241"
+             inkscape:transform-center-y="-0.6040865" />
+          <path
+             sodipodi:type="star"
+             style="fill:#808080;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="path1907"
+             sodipodi:sides="5"
+             sodipodi:cx="69.667763"
+             sodipodi:cy="48"
+             sodipodi:r1="7.9908891"
+             sodipodi:r2="3.9954443"
+             sodipodi:arg1="0.86871607"
+             sodipodi:arg2="1.4970346"
+             inkscape:flatsided="false"
+             inkscape:rounded="0"
+             inkscape:randomized="0"
+             d="m 74.828338,54.101047 -4.866132,-2.116467 -4.502178,2.808746 0.509162,-5.28199 -4.062526,-3.413877 5.180811,-1.147982 1.9914,-4.918638 2.692755,4.572498 5.293279,0.373992 -3.516597,3.973941 z"
+             transform="matrix(0,-1,-1.0003957,0,423.1292,432.66883)"
+             inkscape:transform-center-x="0.18198021"
+             inkscape:transform-center-y="-0.58791341" />
+          <path
+             sodipodi:type="star"
+             style="fill:#808080;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="path1909"
+             sodipodi:sides="5"
+             sodipodi:cx="8"
+             sodipodi:cy="11.999999"
+             sodipodi:r1="7.0902119"
+             sodipodi:r2="3.5451059"
+             sodipodi:arg1="0.97138318"
+             sodipodi:arg2="1.5997017"
+             inkscape:flatsided="false"
+             inkscape:rounded="0"
+             inkscape:randomized="0"
+             d="M 12,17.854152 7.8975417,15.543624 3.6684378,17.613258 4.598151,12.997596 1.3229474,9.6150309 6,9.0729227 8.2049168,4.912749 l 1.9608642,4.2806207 4.637917,0.8114363 -3.465172,3.187677 z"
+             transform="matrix(0,-1,-1.0003957,0,435.19471,439.528)"
+             inkscape:transform-center-x="-0.06331877"
+             inkscape:transform-center-y="-0.61654618" />
+          <path
+             style="fill:#808080;fill-opacity:1;stroke:none;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             d="M 67.513672 10.917969 C 64.985843 10.916324 62.314284 11.045287 59.537109 11.310547 C 56.933931 11.559183 54.230913 11.939606 51.466797 12.429688 L 54.220703 15.048828 L 54.150391 14.304688 C 58.555851 13.883874 62.636049 13.890175 66.193359 14.306641 C 69.750679 14.723066 72.787297 15.544697 75.117188 16.794922 C 77.447077 18.045147 79.094458 19.763523 79.673828 21.923828 C 80.253028 24.084403 79.685229 26.394797 78.292969 28.642578 C 76.900689 30.890369 74.681094 33.122225 71.808594 35.261719 C 66.063594 39.540696 57.688946 43.452777 47.978516 46.054688 C 38.262796 48.657997 28.345412 49.532279 20.576172 48.769531 C 16.691562 48.388152 13.343288 47.602974 10.798828 46.375 C 8.2543681 45.147036 6.4596556 43.424899 5.9785156 41.189453 C 5.5911256 39.389645 6.2567856 37.391465 7.3847656 35.351562 C 8.5127356 33.31166 10.146742 31.211204 11.919922 29.259766 C 13.049542 28.016587 14.196023 27.034758 15.345703 25.978516 C 14.198123 26.64999 13.202239 27.096549 11.849609 28.130859 C 8.3114594 30.836369 5.6074594 33.583556 3.9746094 36.195312 C 2.3417594 38.807069 1.78282 41.231781 2.375 43.441406 C 2.96752 45.653121 4.6644394 47.502934 7.3808594 48.960938 C 10.097289 50.418941 13.808222 51.447488 18.226562 51.964844 C 27.063252 52.999564 38.717849 52.005538 51.005859 48.712891 C 63.293889 45.420373 73.884061 40.453139 81.019531 35.138672 C 84.587271 32.481433 87.286616 29.736177 88.910156 27.115234 C 90.533686 24.494281 91.079048 22.043686 90.486328 19.832031 C 89.893818 17.620326 88.196889 15.770503 85.480469 14.3125 C 82.764049 12.854487 79.053106 11.827912 74.634766 11.310547 C 72.425596 11.051864 70.041501 10.919613 67.513672 10.917969 z "
+             id="path1945"
+             transform="matrix(0,-1,-1.0003957,0,438.00245,441.36222)" />
+          <path
+             sodipodi:type="star"
+             style="fill:#808080;fill-opacity:1;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="path1970"
+             sodipodi:sides="5"
+             sodipodi:cx="46.3125"
+             sodipodi:cy="5.5"
+             sodipodi:r1="13.101168"
+             sodipodi:r2="6.5505843"
+             sodipodi:arg1="0.51914607"
+             sodipodi:arg2="1.1474646"
+             inkscape:flatsided="false"
+             inkscape:rounded="0"
+             inkscape:randomized="0"
+             d="m 57.687499,11.999999 -8.684017,-0.527665 -5.35778,6.854543 -2.18167,-8.4220481 -8.174703,-2.9773817 7.335671,-4.6774469 0.305536,-8.6946667 6.715363,5.53122727 8.363535,-2.39621797 -3.185348,8.0959334 z"
+             transform="matrix(0,-1,-1.0003957,0,430.32036,431.20152)"
+             inkscape:transform-center-x="0.82409001"
+             inkscape:transform-center-y="0.44110773" />
+          <path
+             style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff3dff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.50029671;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+             d="m 416.48828,349.14453 c -2.09199,-0.0241 -4.26,0.70397 -6.40039,2.0293 -2.85386,1.76711 -5.7029,4.5987 -8.43945,8.27148 -5.47311,7.34556 -10.49257,18.07774 -13.82813,30.52149 -3.33566,12.44372 -4.35859,24.24678 -3.29297,33.34375 0.53281,4.54848 1.58618,8.42211 3.17383,11.3789 1.58765,2.9568 3.75008,5.02172 6.45508,5.7461 2.70697,0.72518 5.5914,-0.002 8.43164,-1.77735 2.84024,-1.77499 5.68531,-4.60085 8.46484,-8.23437 3.85709,-5.04215 5.06812,-9.08101 5.65235,-10.48633 h -0.002 c 5.9e-4,-0.001 0.003,-0.004 0.004,-0.006 l -1.38867,-0.56836 c -5e-4,0.001 -0.001,0.005 -0.002,0.006 -2.1e-4,5e-4 -0.002,0.001 -0.002,0.002 -0.25972,0.64229 -1.2251,2.1002 -2.58203,3.73438 -1.35774,1.63516 -3.11592,3.50639 -5.00976,5.22656 -1.89385,1.72018 -3.92855,3.2907 -5.8125,4.33203 -1.88396,1.04133 -3.599,1.50968 -4.79688,1.25196 -1.6406,-0.35298 -3.0406,-1.70314 -4.15234,-4.00586 -1.11175,-2.30272 -1.88397,-5.50482 -2.25391,-9.27149 -0.73988,-7.53333 0.11212,-17.31777 2.67188,-26.86719 2.5612,-9.55471 6.42665,-17.78736 10.55078,-23.32226 2.06206,-2.76745 4.19024,-4.85677 6.20703,-6.10547 2.01678,-1.2487 3.87589,-1.65428 5.54492,-1.20703 1.66882,0.44738 3.07556,1.72879 4.19727,3.81836 1.1217,2.08956 1.91896,4.96147 2.32031,8.38867 0.40135,3.42719 0.41248,7.40815 0,11.72461 l 1.49219,0.14258 c 0.42098,-4.40546 0.41463,-8.48566 -0.002,-12.04297 -0.41659,-3.55732 -1.23756,-6.59394 -2.48828,-8.92383 -1.25072,-2.32989 -2.9697,-3.97727 -5.13086,-4.55664 -2.16143,-0.5792 -4.47398,-0.0114 -6.72265,1.38086 -2.24868,1.39228 -4.48076,3.61187 -6.6211,6.48437 -4.28067,5.745 -8.19393,14.11965 -10.79687,23.83008 -2.60434,9.71572 -3.47985,19.63311 -2.7168,27.40235 0.38153,3.88461 1.16803,7.23288 2.39649,9.77734 1.22845,2.54446 2.95117,4.33917 5.1875,4.82031 1.80052,0.38739 3.79913,-0.27827 5.83984,-1.40625 2.04071,-1.12797 4.14154,-2.76197 6.09375,-4.53515 1.24367,-1.12962 2.22654,-2.27611 3.2832,-3.42579 -0.67174,1.14758 -1.11762,2.14347 -2.15234,3.4961 -2.70658,3.53815 -5.45557,6.24215 -8.06836,7.875 -2.61279,1.63285 -5.0395,2.19179 -7.25,1.59961 -2.21259,-0.59252 -4.06291,-2.28944 -5.52149,-5.00586 -1.45858,-2.71643 -2.48634,-6.42736 -3.0039,-10.8457 -1.03513,-8.83669 -0.042,-20.49129 3.25195,-32.7793 3.29382,-12.28803 8.26351,-22.8782 13.58008,-30.01367 2.65829,-3.56774 5.40536,-6.26709 8.02734,-7.89063 2.62199,-1.62353 5.07263,-2.16889 7.28516,-1.57617 2.21258,0.59251 4.0629,2.28944 5.52148,5.00586 1.45859,2.71642 2.48634,6.42736 3.00391,10.8457 0.51757,4.41834 0.53073,9.54331 0,15.09766 -0.26536,2.77718 -0.66654,5.66077 -1.20703,8.61914 l 1.47656,0.26953 c 0.54791,-2.99895 0.95499,-5.92441 1.22461,-8.74609 0.53923,-5.64335 0.52891,-10.86754 -0.004,-15.41602 -0.53281,-4.54849 -1.58422,-8.42406 -3.17187,-11.38086 -1.58765,-2.95679 -3.75007,-5.01976 -6.45508,-5.74414 -0.67623,-0.18116 -1.36517,-0.2732 -2.0625,-0.28125 z"
+             id="path943"
+             inkscape:connector-curvature="0" />
+          <path
+             inkscape:connector-curvature="0"
+             id="path958"
+             d="m 416.48828,349.14453 c -2.09199,-0.0241 -4.26,0.70397 -6.40039,2.0293 -2.85386,1.76711 -5.7029,4.5987 -8.43945,8.27148 -5.47311,7.34556 -10.49257,18.07774 -13.82813,30.52149 -3.33566,12.44372 -4.35859,24.24678 -3.29297,33.34375 0.53281,4.54848 1.58618,8.42211 3.17383,11.3789 1.58765,2.9568 3.75008,5.02172 6.45508,5.7461 2.70697,0.72518 5.5914,-0.002 8.43164,-1.77735 2.84024,-1.77499 5.68531,-4.60085 8.46484,-8.23437 3.85709,-5.04215 5.06812,-9.08101 5.65235,-10.48633 h -0.002 c 5.9e-4,-0.001 0.003,-0.004 0.004,-0.006 l -1.38867,-0.56836 c -5e-4,0.001 -0.001,0.005 -0.002,0.006 -2.1e-4,5e-4 -0.002,0.001 -0.002,0.002 -0.25972,0.64229 -1.2251,2.1002 -2.58203,3.73438 -1.35774,1.63516 -3.11592,3.50639 -5.00976,5.22656 -1.89385,1.72018 -3.92855,3.2907 -5.8125,4.33203 -1.88396,1.04133 -3.599,1.50968 -4.79688,1.25196 -1.6406,-0.35298 -3.0406,-1.70314 -4.15234,-4.00586 -1.11175,-2.30272 -1.88397,-5.50482 -2.25391,-9.27149 -0.73988,-7.53333 0.11212,-17.31777 2.67188,-26.86719 2.5612,-9.55471 6.42665,-17.78736 10.55078,-23.32226 2.06206,-2.76745 4.19024,-4.85677 6.20703,-6.10547 2.01678,-1.2487 3.87589,-1.65428 5.54492,-1.20703 1.66882,0.44738 3.07556,1.72879 4.19727,3.81836 1.1217,2.08956 1.91896,4.96147 2.32031,8.38867 0.40135,3.42719 0.41248,7.40815 0,11.72461 l 1.49219,0.14258 c 0.42098,-4.40546 0.41463,-8.48566 -0.002,-12.04297 -0.41659,-3.55732 -1.23756,-6.59394 -2.48828,-8.92383 -1.25072,-2.32989 -2.9697,-3.97727 -5.13086,-4.55664 -2.16143,-0.5792 -4.47398,-0.0114 -6.72265,1.38086 -2.24868,1.39228 -4.48076,3.61187 -6.6211,6.48437 -4.28067,5.745 -8.19393,14.11965 -10.79687,23.83008 -2.60434,9.71572 -3.47985,19.63311 -2.7168,27.40235 0.38153,3.88461 1.16803,7.23288 2.39649,9.77734 1.22845,2.54446 2.95117,4.33917 5.1875,4.82031 1.80052,0.38739 3.79913,-0.27827 5.83984,-1.40625 2.04071,-1.12797 4.14154,-2.76197 6.09375,-4.53515 1.24367,-1.12962 2.22654,-2.27611 3.2832,-3.42579 -0.67174,1.14758 -1.11762,2.14347 -2.15234,3.4961 -2.70658,3.53815 -5.45557,6.24215 -8.06836,7.875 -2.61279,1.63285 -5.0395,2.19179 -7.25,1.59961 -2.21259,-0.59252 -4.06291,-2.28944 -5.52149,-5.00586 -1.45858,-2.71643 -2.48634,-6.42736 -3.0039,-10.8457 -1.03513,-8.83669 -0.042,-20.49129 3.25195,-32.7793 3.29382,-12.28803 8.26351,-22.8782 13.58008,-30.01367 2.65829,-3.56774 5.40536,-6.26709 8.02734,-7.89063 2.62199,-1.62353 5.07263,-2.16889 7.28516,-1.57617 2.21258,0.59251 4.0629,2.28944 5.52148,5.00586 1.45859,2.71642 2.48634,6.42736 3.00391,10.8457 0.51757,4.41834 0.53073,9.54331 0,15.09766 -0.26536,2.77718 -0.66654,5.66077 -1.20703,8.61914 l 1.47656,0.26953 c 0.54791,-2.99895 0.95499,-5.92441 1.22461,-8.74609 0.53923,-5.64335 0.52891,-10.86754 -0.004,-15.41602 -0.53281,-4.54849 -1.58422,-8.42406 -3.17187,-11.38086 -1.58765,-2.95679 -3.75007,-5.01976 -6.45508,-5.74414 -0.67623,-0.18116 -1.36517,-0.2732 -2.0625,-0.28125 z"
+             style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#003dff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.50029671;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

mea/ui/images/remove.svg

@@ -0,0 +1,167 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96"
+   height="96"
+   id="svg4874"
+   version="1.1"
+   inkscape:version="0.91+devel r"
+   viewBox="0 0 96 96.000001"
+   sodipodi:docname="remove.svg">
+  <defs
+     id="defs4876" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8.7812489"
+     inkscape:cx="12.919571"
+     inkscape:cy="49.787892"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4780"
+     showgrid="true"
+     showborder="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:snap-midpoints="true"
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-center="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5451"
+       empspacing="8" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="8,-8.0000001"
+       id="guide4063" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="4,-8.0000001"
+       id="guide4065" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,88.000001"
+       id="guide4067" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,92.000001"
+       id="guide4069" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="104,4"
+       id="guide4071" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-5,8.0000001"
+       id="guide4073" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="92,-8.0000001"
+       id="guide4075" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="88,-8.0000001"
+       id="guide4077" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,84.000001"
+       id="guide4074" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="12,-8.0000001"
+       id="guide4076" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-5,12"
+       id="guide4078" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="84,-9.0000001"
+       id="guide4080" />
+    <sodipodi:guide
+       position="48,-8.0000001"
+       orientation="1,0"
+       id="guide4170" />
+    <sodipodi:guide
+       position="-8,48"
+       orientation="0,1"
+       id="guide4172" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4879">
+    <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>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(67.857146,-78.50504)">
+    <g
+       transform="matrix(0,-1,-1,0,373.50506,516.50504)"
+       id="g4845"
+       style="display:inline">
+      <g
+         inkscape:export-ydpi="90"
+         inkscape:export-xdpi="90"
+         inkscape:export-filename="next01.png"
+         transform="matrix(-0.9996045,0,0,1,575.94296,-611.00001)"
+         id="g4778"
+         inkscape:label="Layer 1">
+        <g
+           transform="matrix(-1,0,0,1,575.99999,611)"
+           id="g4780"
+           style="display:inline">
+          <rect
+             style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:4;marker:none;enable-background:accumulate"
+             id="rect4782"
+             width="96.037987"
+             height="96"
+             x="-438.00244"
+             y="345.36221"
+             transform="scale(-1,1)" />
+          <rect
+             transform="scale(-1,1)"
+             y="353.36221"
+             x="-391.98425"
+             height="80.000038"
+             width="4.0015335"
+             id="rect1714"
+             style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.5;marker:none;enable-background:accumulate" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

mea/ui/images/shutter-0.svg

@@ -0,0 +1,66 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4874"
+   height="96"
+   viewBox="0 0 96 96.000001"
+   width="96"
+   version="1.1"
+   sodipodi:docname="shutter-0.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <defs
+     id="defs875" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="14.010417"
+     inkscape:cx="43.457057"
+     inkscape:cy="38.114711"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4874" />
+  <metadata
+     id="metadata4879">
+    <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>
+  <rect
+     x="-2.7465819e-06"
+     y="-96"
+     width="96"
+     height="96"
+     transform="rotate(90)"
+     style="color:#000000;fill:none"
+     id="rect4782" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 19.976,12.001 C 14.9432,12.05918 11.2624,11.88072 8.251,13.542 6.7455,14.37264 5.5542,15.7776 4.8955,17.5322 4.23684,19.2869 3.99902,21.3705 3.99902,24.001 v 52 c 0,2.6304 0.23782,4.7121 0.89648,6.4668 0.65866,1.7546 1.85,3.1596 3.3555,3.9902 3.011,1.6613 6.6918,1.4848 11.725,1.543 h 0.01172 56.023 0.01172 c 5.0328,-0.0582 8.7136,0.11832 11.725,-1.543 1.5055,-0.83064 2.6968,-2.2356 3.3555,-3.9902 0.65866,-1.7547 0.89648,-3.8364 0.89648,-6.4668 v -52 c 0,-2.6304 -0.23782,-4.7141 -0.89648,-6.4688 -0.66,-1.759 -1.851,-3.163 -3.356,-3.994 -3.011,-1.661 -6.692,-1.483 -11.725,-1.541 h -0.01172 -56.023 -0.01172 z m 0.02344,4 h 56 c 5.0383,0.05877 8.3519,0.23688 9.8164,1.0449 0.73364,0.40478 1.1527,0.85295 1.543,1.8926 0.39025,1.0396 0.64062,2.6929 0.64062,5.0625 v 52 c 0,2.3696 -0.25037,4.0229 -0.64062,5.0625 -0.39025,1.0396 -0.80933,1.4878 -1.543,1.8926 -1.4645,0.80804 -4.7782,0.98616 -9.8164,1.0449 H 20.02244 19.999 C 14.9607,83.9422 11.6471,83.76412 10.1826,82.9561 9.44896,82.55132 9.0318,82.10314 8.6416,81.0635 8.25135,80.0239 7.99902,78.3706 7.99902,76.001 v -52 c 0,-2.3696 0.25232,-4.0229 0.64258,-5.0625 0.39025,-1.0396 0.80738,-1.4878 1.541,-1.8926 1.4645,-0.80804 4.7782,-0.98616 9.8164,-1.0449 z"
+     style="color:#000000;font-variant-ligatures:none;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000000;fill:#808080;color-rendering:auto;image-rendering:auto;shape-rendering:auto"
+     id="path4179" />
+</svg>

mea/ui/images/shutter-1.svg

@@ -0,0 +1,72 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4874"
+   height="96"
+   viewBox="0 0 96 96.000001"
+   width="96"
+   version="1.1"
+   sodipodi:docname="shutter-1.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <defs
+     id="defs875" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="14.010417"
+     inkscape:cx="43.457057"
+     inkscape:cy="38.114711"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4874" />
+  <metadata
+     id="metadata4879">
+    <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>
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,20 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="rect4199"
+     sodipodi:nodetypes="ccccc" />
+  <rect
+     x="-2.7465819e-06"
+     y="-96"
+     width="96"
+     height="96"
+     transform="rotate(90)"
+     style="color:#000000;fill:none"
+     id="rect4782" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 19.976,12.001 C 14.9432,12.05918 11.2624,11.88072 8.251,13.542 6.7455,14.37264 5.5542,15.7776 4.8955,17.5322 4.23684,19.2869 3.99902,21.3705 3.99902,24.001 v 52 c 0,2.6304 0.23782,4.7121 0.89648,6.4668 0.65866,1.7546 1.85,3.1596 3.3555,3.9902 3.011,1.6613 6.6918,1.4848 11.725,1.543 h 0.01172 56.023 0.01172 c 5.0328,-0.0582 8.7136,0.11832 11.725,-1.543 1.5055,-0.83064 2.6968,-2.2356 3.3555,-3.9902 0.65866,-1.7547 0.89648,-3.8364 0.89648,-6.4668 v -52 c 0,-2.6304 -0.23782,-4.7141 -0.89648,-6.4688 -0.66,-1.759 -1.851,-3.163 -3.356,-3.994 -3.011,-1.661 -6.692,-1.483 -11.725,-1.541 h -0.01172 -56.023 -0.01172 z m 0.02344,4 h 56 c 5.0383,0.05877 8.3519,0.23688 9.8164,1.0449 0.73364,0.40478 1.1527,0.85295 1.543,1.8926 0.39025,1.0396 0.64062,2.6929 0.64062,5.0625 v 52 c 0,2.3696 -0.25037,4.0229 -0.64062,5.0625 -0.39025,1.0396 -0.80933,1.4878 -1.543,1.8926 -1.4645,0.80804 -4.7782,0.98616 -9.8164,1.0449 H 20.02244 19.999 C 14.9607,83.9422 11.6471,83.76412 10.1826,82.9561 9.44896,82.55132 9.0318,82.10314 8.6416,81.0635 8.25135,80.0239 7.99902,78.3706 7.99902,76.001 v -52 c 0,-2.3696 0.25232,-4.0229 0.64258,-5.0625 0.39025,-1.0396 0.80738,-1.4878 1.541,-1.8926 1.4645,-0.80804 4.7782,-0.98616 9.8164,-1.0449 z"
+     style="color:#000000;font-variant-ligatures:none;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000000;fill:#808080;color-rendering:auto;image-rendering:auto;shape-rendering:auto"
+     id="path4179" />
+</svg>

mea/ui/images/shutter-10.svg

@@ -0,0 +1,126 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4874"
+   height="96"
+   viewBox="0 0 96 96.000001"
+   width="96"
+   version="1.1"
+   sodipodi:docname="shutter-10.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <defs
+     id="defs875" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="14.010417"
+     inkscape:cx="43.457057"
+     inkscape:cy="38.114711"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4874" />
+  <metadata
+     id="metadata4879">
+    <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>
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,20 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="rect4199"
+     sodipodi:nodetypes="ccccc" />
+  <rect
+     x="-2.7465819e-06"
+     y="-96"
+     width="96"
+     height="96"
+     transform="rotate(90)"
+     style="color:#000000;fill:none"
+     id="rect4782" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 19.976,12.001 C 14.9432,12.05918 11.2624,11.88072 8.251,13.542 6.7455,14.37264 5.5542,15.7776 4.8955,17.5322 4.23684,19.2869 3.99902,21.3705 3.99902,24.001 v 52 c 0,2.6304 0.23782,4.7121 0.89648,6.4668 0.65866,1.7546 1.85,3.1596 3.3555,3.9902 3.011,1.6613 6.6918,1.4848 11.725,1.543 h 0.01172 56.023 0.01172 c 5.0328,-0.0582 8.7136,0.11832 11.725,-1.543 1.5055,-0.83064 2.6968,-2.2356 3.3555,-3.9902 0.65866,-1.7547 0.89648,-3.8364 0.89648,-6.4668 v -52 c 0,-2.6304 -0.23782,-4.7141 -0.89648,-6.4688 -0.66,-1.759 -1.851,-3.163 -3.356,-3.994 -3.011,-1.661 -6.692,-1.483 -11.725,-1.541 h -0.01172 -56.023 -0.01172 z m 0.02344,4 h 56 c 5.0383,0.05877 8.3519,0.23688 9.8164,1.0449 0.73364,0.40478 1.1527,0.85295 1.543,1.8926 0.39025,1.0396 0.64062,2.6929 0.64062,5.0625 v 52 c 0,2.3696 -0.25037,4.0229 -0.64062,5.0625 -0.39025,1.0396 -0.80933,1.4878 -1.543,1.8926 -1.4645,0.80804 -4.7782,0.98616 -9.8164,1.0449 H 20.02244 19.999 C 14.9607,83.9422 11.6471,83.76412 10.1826,82.9561 9.44896,82.55132 9.0318,82.10314 8.6416,81.0635 8.25135,80.0239 7.99902,78.3706 7.99902,76.001 v -52 c 0,-2.3696 0.25232,-4.0229 0.64258,-5.0625 0.39025,-1.0396 0.80738,-1.4878 1.541,-1.8926 1.4645,-0.80804 4.7782,-0.98616 9.8164,-1.0449 z"
+     style="color:#000000;font-variant-ligatures:none;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000000;fill:#808080;color-rendering:auto;image-rendering:auto;shape-rendering:auto"
+     id="path4179" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path888"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,26.222221 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,32.444443 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path890"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path892"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,38.666664 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,44.888889 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path894"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path896"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,51.111111 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,57.333332 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path898"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path900"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,63.555557 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,69.777779 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path904"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path906"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,76 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+</svg>

mea/ui/images/shutter-2.svg

@@ -0,0 +1,78 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4874"
+   height="96"
+   viewBox="0 0 96 96.000001"
+   width="96"
+   version="1.1"
+   sodipodi:docname="shutter-2.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <defs
+     id="defs875" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="14.010417"
+     inkscape:cx="43.457057"
+     inkscape:cy="38.114711"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4874" />
+  <metadata
+     id="metadata4879">
+    <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>
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,20 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="rect4199"
+     sodipodi:nodetypes="ccccc" />
+  <rect
+     x="-2.7465819e-06"
+     y="-96"
+     width="96"
+     height="96"
+     transform="rotate(90)"
+     style="color:#000000;fill:none"
+     id="rect4782" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 19.976,12.001 C 14.9432,12.05918 11.2624,11.88072 8.251,13.542 6.7455,14.37264 5.5542,15.7776 4.8955,17.5322 4.23684,19.2869 3.99902,21.3705 3.99902,24.001 v 52 c 0,2.6304 0.23782,4.7121 0.89648,6.4668 0.65866,1.7546 1.85,3.1596 3.3555,3.9902 3.011,1.6613 6.6918,1.4848 11.725,1.543 h 0.01172 56.023 0.01172 c 5.0328,-0.0582 8.7136,0.11832 11.725,-1.543 1.5055,-0.83064 2.6968,-2.2356 3.3555,-3.9902 0.65866,-1.7547 0.89648,-3.8364 0.89648,-6.4668 v -52 c 0,-2.6304 -0.23782,-4.7141 -0.89648,-6.4688 -0.66,-1.759 -1.851,-3.163 -3.356,-3.994 -3.011,-1.661 -6.692,-1.483 -11.725,-1.541 h -0.01172 -56.023 -0.01172 z m 0.02344,4 h 56 c 5.0383,0.05877 8.3519,0.23688 9.8164,1.0449 0.73364,0.40478 1.1527,0.85295 1.543,1.8926 0.39025,1.0396 0.64062,2.6929 0.64062,5.0625 v 52 c 0,2.3696 -0.25037,4.0229 -0.64062,5.0625 -0.39025,1.0396 -0.80933,1.4878 -1.543,1.8926 -1.4645,0.80804 -4.7782,0.98616 -9.8164,1.0449 H 20.02244 19.999 C 14.9607,83.9422 11.6471,83.76412 10.1826,82.9561 9.44896,82.55132 9.0318,82.10314 8.6416,81.0635 8.25135,80.0239 7.99902,78.3706 7.99902,76.001 v -52 c 0,-2.3696 0.25232,-4.0229 0.64258,-5.0625 0.39025,-1.0396 0.80738,-1.4878 1.541,-1.8926 1.4645,-0.80804 4.7782,-0.98616 9.8164,-1.0449 z"
+     style="color:#000000;font-variant-ligatures:none;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000000;fill:#808080;color-rendering:auto;image-rendering:auto;shape-rendering:auto"
+     id="path4179" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path888"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,26.222221 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+</svg>

mea/ui/images/shutter-3.svg

@@ -0,0 +1,84 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4874"
+   height="96"
+   viewBox="0 0 96 96.000001"
+   width="96"
+   version="1.1"
+   sodipodi:docname="shutter-3.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <defs
+     id="defs875" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="14.010417"
+     inkscape:cx="43.457057"
+     inkscape:cy="38.114711"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4874" />
+  <metadata
+     id="metadata4879">
+    <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>
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,20 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="rect4199"
+     sodipodi:nodetypes="ccccc" />
+  <rect
+     x="-2.7465819e-06"
+     y="-96"
+     width="96"
+     height="96"
+     transform="rotate(90)"
+     style="color:#000000;fill:none"
+     id="rect4782" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 19.976,12.001 C 14.9432,12.05918 11.2624,11.88072 8.251,13.542 6.7455,14.37264 5.5542,15.7776 4.8955,17.5322 4.23684,19.2869 3.99902,21.3705 3.99902,24.001 v 52 c 0,2.6304 0.23782,4.7121 0.89648,6.4668 0.65866,1.7546 1.85,3.1596 3.3555,3.9902 3.011,1.6613 6.6918,1.4848 11.725,1.543 h 0.01172 56.023 0.01172 c 5.0328,-0.0582 8.7136,0.11832 11.725,-1.543 1.5055,-0.83064 2.6968,-2.2356 3.3555,-3.9902 0.65866,-1.7547 0.89648,-3.8364 0.89648,-6.4668 v -52 c 0,-2.6304 -0.23782,-4.7141 -0.89648,-6.4688 -0.66,-1.759 -1.851,-3.163 -3.356,-3.994 -3.011,-1.661 -6.692,-1.483 -11.725,-1.541 h -0.01172 -56.023 -0.01172 z m 0.02344,4 h 56 c 5.0383,0.05877 8.3519,0.23688 9.8164,1.0449 0.73364,0.40478 1.1527,0.85295 1.543,1.8926 0.39025,1.0396 0.64062,2.6929 0.64062,5.0625 v 52 c 0,2.3696 -0.25037,4.0229 -0.64062,5.0625 -0.39025,1.0396 -0.80933,1.4878 -1.543,1.8926 -1.4645,0.80804 -4.7782,0.98616 -9.8164,1.0449 H 20.02244 19.999 C 14.9607,83.9422 11.6471,83.76412 10.1826,82.9561 9.44896,82.55132 9.0318,82.10314 8.6416,81.0635 8.25135,80.0239 7.99902,78.3706 7.99902,76.001 v -52 c 0,-2.3696 0.25232,-4.0229 0.64258,-5.0625 0.39025,-1.0396 0.80738,-1.4878 1.541,-1.8926 1.4645,-0.80804 4.7782,-0.98616 9.8164,-1.0449 z"
+     style="color:#000000;font-variant-ligatures:none;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000000;fill:#808080;color-rendering:auto;image-rendering:auto;shape-rendering:auto"
+     id="path4179" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path888"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,26.222221 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,32.444443 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path890"
+     sodipodi:nodetypes="ccccc" />
+</svg>

mea/ui/images/shutter-4.svg

@@ -0,0 +1,90 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4874"
+   height="96"
+   viewBox="0 0 96 96.000001"
+   width="96"
+   version="1.1"
+   sodipodi:docname="shutter-4.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <defs
+     id="defs875" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="14.010417"
+     inkscape:cx="43.457057"
+     inkscape:cy="38.114711"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4874" />
+  <metadata
+     id="metadata4879">
+    <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>
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,20 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="rect4199"
+     sodipodi:nodetypes="ccccc" />
+  <rect
+     x="-2.7465819e-06"
+     y="-96"
+     width="96"
+     height="96"
+     transform="rotate(90)"
+     style="color:#000000;fill:none"
+     id="rect4782" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 19.976,12.001 C 14.9432,12.05918 11.2624,11.88072 8.251,13.542 6.7455,14.37264 5.5542,15.7776 4.8955,17.5322 4.23684,19.2869 3.99902,21.3705 3.99902,24.001 v 52 c 0,2.6304 0.23782,4.7121 0.89648,6.4668 0.65866,1.7546 1.85,3.1596 3.3555,3.9902 3.011,1.6613 6.6918,1.4848 11.725,1.543 h 0.01172 56.023 0.01172 c 5.0328,-0.0582 8.7136,0.11832 11.725,-1.543 1.5055,-0.83064 2.6968,-2.2356 3.3555,-3.9902 0.65866,-1.7547 0.89648,-3.8364 0.89648,-6.4668 v -52 c 0,-2.6304 -0.23782,-4.7141 -0.89648,-6.4688 -0.66,-1.759 -1.851,-3.163 -3.356,-3.994 -3.011,-1.661 -6.692,-1.483 -11.725,-1.541 h -0.01172 -56.023 -0.01172 z m 0.02344,4 h 56 c 5.0383,0.05877 8.3519,0.23688 9.8164,1.0449 0.73364,0.40478 1.1527,0.85295 1.543,1.8926 0.39025,1.0396 0.64062,2.6929 0.64062,5.0625 v 52 c 0,2.3696 -0.25037,4.0229 -0.64062,5.0625 -0.39025,1.0396 -0.80933,1.4878 -1.543,1.8926 -1.4645,0.80804 -4.7782,0.98616 -9.8164,1.0449 H 20.02244 19.999 C 14.9607,83.9422 11.6471,83.76412 10.1826,82.9561 9.44896,82.55132 9.0318,82.10314 8.6416,81.0635 8.25135,80.0239 7.99902,78.3706 7.99902,76.001 v -52 c 0,-2.3696 0.25232,-4.0229 0.64258,-5.0625 0.39025,-1.0396 0.80738,-1.4878 1.541,-1.8926 1.4645,-0.80804 4.7782,-0.98616 9.8164,-1.0449 z"
+     style="color:#000000;font-variant-ligatures:none;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000000;fill:#808080;color-rendering:auto;image-rendering:auto;shape-rendering:auto"
+     id="path4179" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path888"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,26.222221 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,32.444443 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path890"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path892"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,38.666664 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+</svg>

mea/ui/images/shutter-5.svg

@@ -0,0 +1,96 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4874"
+   height="96"
+   viewBox="0 0 96 96.000001"
+   width="96"
+   version="1.1"
+   sodipodi:docname="shutter-5.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <defs
+     id="defs875" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="14.010417"
+     inkscape:cx="43.457057"
+     inkscape:cy="38.114711"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4874" />
+  <metadata
+     id="metadata4879">
+    <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>
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,20 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="rect4199"
+     sodipodi:nodetypes="ccccc" />
+  <rect
+     x="-2.7465819e-06"
+     y="-96"
+     width="96"
+     height="96"
+     transform="rotate(90)"
+     style="color:#000000;fill:none"
+     id="rect4782" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 19.976,12.001 C 14.9432,12.05918 11.2624,11.88072 8.251,13.542 6.7455,14.37264 5.5542,15.7776 4.8955,17.5322 4.23684,19.2869 3.99902,21.3705 3.99902,24.001 v 52 c 0,2.6304 0.23782,4.7121 0.89648,6.4668 0.65866,1.7546 1.85,3.1596 3.3555,3.9902 3.011,1.6613 6.6918,1.4848 11.725,1.543 h 0.01172 56.023 0.01172 c 5.0328,-0.0582 8.7136,0.11832 11.725,-1.543 1.5055,-0.83064 2.6968,-2.2356 3.3555,-3.9902 0.65866,-1.7547 0.89648,-3.8364 0.89648,-6.4668 v -52 c 0,-2.6304 -0.23782,-4.7141 -0.89648,-6.4688 -0.66,-1.759 -1.851,-3.163 -3.356,-3.994 -3.011,-1.661 -6.692,-1.483 -11.725,-1.541 h -0.01172 -56.023 -0.01172 z m 0.02344,4 h 56 c 5.0383,0.05877 8.3519,0.23688 9.8164,1.0449 0.73364,0.40478 1.1527,0.85295 1.543,1.8926 0.39025,1.0396 0.64062,2.6929 0.64062,5.0625 v 52 c 0,2.3696 -0.25037,4.0229 -0.64062,5.0625 -0.39025,1.0396 -0.80933,1.4878 -1.543,1.8926 -1.4645,0.80804 -4.7782,0.98616 -9.8164,1.0449 H 20.02244 19.999 C 14.9607,83.9422 11.6471,83.76412 10.1826,82.9561 9.44896,82.55132 9.0318,82.10314 8.6416,81.0635 8.25135,80.0239 7.99902,78.3706 7.99902,76.001 v -52 c 0,-2.3696 0.25232,-4.0229 0.64258,-5.0625 0.39025,-1.0396 0.80738,-1.4878 1.541,-1.8926 1.4645,-0.80804 4.7782,-0.98616 9.8164,-1.0449 z"
+     style="color:#000000;font-variant-ligatures:none;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000000;fill:#808080;color-rendering:auto;image-rendering:auto;shape-rendering:auto"
+     id="path4179" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path888"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,26.222221 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,32.444443 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path890"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path892"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,38.666664 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,44.888889 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path894"
+     sodipodi:nodetypes="ccccc" />
+</svg>

mea/ui/images/shutter-6.svg

@@ -0,0 +1,102 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4874"
+   height="96"
+   viewBox="0 0 96 96.000001"
+   width="96"
+   version="1.1"
+   sodipodi:docname="shutter-6.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <defs
+     id="defs875" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="14.010417"
+     inkscape:cx="43.457057"
+     inkscape:cy="38.114711"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4874" />
+  <metadata
+     id="metadata4879">
+    <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>
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,20 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="rect4199"
+     sodipodi:nodetypes="ccccc" />
+  <rect
+     x="-2.7465819e-06"
+     y="-96"
+     width="96"
+     height="96"
+     transform="rotate(90)"
+     style="color:#000000;fill:none"
+     id="rect4782" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 19.976,12.001 C 14.9432,12.05918 11.2624,11.88072 8.251,13.542 6.7455,14.37264 5.5542,15.7776 4.8955,17.5322 4.23684,19.2869 3.99902,21.3705 3.99902,24.001 v 52 c 0,2.6304 0.23782,4.7121 0.89648,6.4668 0.65866,1.7546 1.85,3.1596 3.3555,3.9902 3.011,1.6613 6.6918,1.4848 11.725,1.543 h 0.01172 56.023 0.01172 c 5.0328,-0.0582 8.7136,0.11832 11.725,-1.543 1.5055,-0.83064 2.6968,-2.2356 3.3555,-3.9902 0.65866,-1.7547 0.89648,-3.8364 0.89648,-6.4668 v -52 c 0,-2.6304 -0.23782,-4.7141 -0.89648,-6.4688 -0.66,-1.759 -1.851,-3.163 -3.356,-3.994 -3.011,-1.661 -6.692,-1.483 -11.725,-1.541 h -0.01172 -56.023 -0.01172 z m 0.02344,4 h 56 c 5.0383,0.05877 8.3519,0.23688 9.8164,1.0449 0.73364,0.40478 1.1527,0.85295 1.543,1.8926 0.39025,1.0396 0.64062,2.6929 0.64062,5.0625 v 52 c 0,2.3696 -0.25037,4.0229 -0.64062,5.0625 -0.39025,1.0396 -0.80933,1.4878 -1.543,1.8926 -1.4645,0.80804 -4.7782,0.98616 -9.8164,1.0449 H 20.02244 19.999 C 14.9607,83.9422 11.6471,83.76412 10.1826,82.9561 9.44896,82.55132 9.0318,82.10314 8.6416,81.0635 8.25135,80.0239 7.99902,78.3706 7.99902,76.001 v -52 c 0,-2.3696 0.25232,-4.0229 0.64258,-5.0625 0.39025,-1.0396 0.80738,-1.4878 1.541,-1.8926 1.4645,-0.80804 4.7782,-0.98616 9.8164,-1.0449 z"
+     style="color:#000000;font-variant-ligatures:none;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000000;fill:#808080;color-rendering:auto;image-rendering:auto;shape-rendering:auto"
+     id="path4179" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path888"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,26.222221 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,32.444443 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path890"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path892"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,38.666664 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,44.888889 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path894"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path896"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,51.111111 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+</svg>

mea/ui/images/shutter-7.svg

@@ -0,0 +1,108 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4874"
+   height="96"
+   viewBox="0 0 96 96.000001"
+   width="96"
+   version="1.1"
+   sodipodi:docname="shutter-7.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <defs
+     id="defs875" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="14.010417"
+     inkscape:cx="43.457057"
+     inkscape:cy="38.114711"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4874" />
+  <metadata
+     id="metadata4879">
+    <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>
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,20 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="rect4199"
+     sodipodi:nodetypes="ccccc" />
+  <rect
+     x="-2.7465819e-06"
+     y="-96"
+     width="96"
+     height="96"
+     transform="rotate(90)"
+     style="color:#000000;fill:none"
+     id="rect4782" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 19.976,12.001 C 14.9432,12.05918 11.2624,11.88072 8.251,13.542 6.7455,14.37264 5.5542,15.7776 4.8955,17.5322 4.23684,19.2869 3.99902,21.3705 3.99902,24.001 v 52 c 0,2.6304 0.23782,4.7121 0.89648,6.4668 0.65866,1.7546 1.85,3.1596 3.3555,3.9902 3.011,1.6613 6.6918,1.4848 11.725,1.543 h 0.01172 56.023 0.01172 c 5.0328,-0.0582 8.7136,0.11832 11.725,-1.543 1.5055,-0.83064 2.6968,-2.2356 3.3555,-3.9902 0.65866,-1.7547 0.89648,-3.8364 0.89648,-6.4668 v -52 c 0,-2.6304 -0.23782,-4.7141 -0.89648,-6.4688 -0.66,-1.759 -1.851,-3.163 -3.356,-3.994 -3.011,-1.661 -6.692,-1.483 -11.725,-1.541 h -0.01172 -56.023 -0.01172 z m 0.02344,4 h 56 c 5.0383,0.05877 8.3519,0.23688 9.8164,1.0449 0.73364,0.40478 1.1527,0.85295 1.543,1.8926 0.39025,1.0396 0.64062,2.6929 0.64062,5.0625 v 52 c 0,2.3696 -0.25037,4.0229 -0.64062,5.0625 -0.39025,1.0396 -0.80933,1.4878 -1.543,1.8926 -1.4645,0.80804 -4.7782,0.98616 -9.8164,1.0449 H 20.02244 19.999 C 14.9607,83.9422 11.6471,83.76412 10.1826,82.9561 9.44896,82.55132 9.0318,82.10314 8.6416,81.0635 8.25135,80.0239 7.99902,78.3706 7.99902,76.001 v -52 c 0,-2.3696 0.25232,-4.0229 0.64258,-5.0625 0.39025,-1.0396 0.80738,-1.4878 1.541,-1.8926 1.4645,-0.80804 4.7782,-0.98616 9.8164,-1.0449 z"
+     style="color:#000000;font-variant-ligatures:none;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000000;fill:#808080;color-rendering:auto;image-rendering:auto;shape-rendering:auto"
+     id="path4179" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path888"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,26.222221 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,32.444443 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path890"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path892"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,38.666664 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,44.888889 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path894"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path896"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,51.111111 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,57.333332 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path898"
+     sodipodi:nodetypes="ccccc" />
+</svg>

mea/ui/images/shutter-8.svg

@@ -0,0 +1,114 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4874"
+   height="96"
+   viewBox="0 0 96 96.000001"
+   width="96"
+   version="1.1"
+   sodipodi:docname="shutter-8.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <defs
+     id="defs875" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="14.010417"
+     inkscape:cx="43.457057"
+     inkscape:cy="38.114711"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4874" />
+  <metadata
+     id="metadata4879">
+    <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>
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,20 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="rect4199"
+     sodipodi:nodetypes="ccccc" />
+  <rect
+     x="-2.7465819e-06"
+     y="-96"
+     width="96"
+     height="96"
+     transform="rotate(90)"
+     style="color:#000000;fill:none"
+     id="rect4782" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 19.976,12.001 C 14.9432,12.05918 11.2624,11.88072 8.251,13.542 6.7455,14.37264 5.5542,15.7776 4.8955,17.5322 4.23684,19.2869 3.99902,21.3705 3.99902,24.001 v 52 c 0,2.6304 0.23782,4.7121 0.89648,6.4668 0.65866,1.7546 1.85,3.1596 3.3555,3.9902 3.011,1.6613 6.6918,1.4848 11.725,1.543 h 0.01172 56.023 0.01172 c 5.0328,-0.0582 8.7136,0.11832 11.725,-1.543 1.5055,-0.83064 2.6968,-2.2356 3.3555,-3.9902 0.65866,-1.7547 0.89648,-3.8364 0.89648,-6.4668 v -52 c 0,-2.6304 -0.23782,-4.7141 -0.89648,-6.4688 -0.66,-1.759 -1.851,-3.163 -3.356,-3.994 -3.011,-1.661 -6.692,-1.483 -11.725,-1.541 h -0.01172 -56.023 -0.01172 z m 0.02344,4 h 56 c 5.0383,0.05877 8.3519,0.23688 9.8164,1.0449 0.73364,0.40478 1.1527,0.85295 1.543,1.8926 0.39025,1.0396 0.64062,2.6929 0.64062,5.0625 v 52 c 0,2.3696 -0.25037,4.0229 -0.64062,5.0625 -0.39025,1.0396 -0.80933,1.4878 -1.543,1.8926 -1.4645,0.80804 -4.7782,0.98616 -9.8164,1.0449 H 20.02244 19.999 C 14.9607,83.9422 11.6471,83.76412 10.1826,82.9561 9.44896,82.55132 9.0318,82.10314 8.6416,81.0635 8.25135,80.0239 7.99902,78.3706 7.99902,76.001 v -52 c 0,-2.3696 0.25232,-4.0229 0.64258,-5.0625 0.39025,-1.0396 0.80738,-1.4878 1.541,-1.8926 1.4645,-0.80804 4.7782,-0.98616 9.8164,-1.0449 z"
+     style="color:#000000;font-variant-ligatures:none;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000000;fill:#808080;color-rendering:auto;image-rendering:auto;shape-rendering:auto"
+     id="path4179" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path888"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,26.222221 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,32.444443 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path890"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path892"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,38.666664 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,44.888889 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path894"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path896"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,51.111111 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,57.333332 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path898"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path900"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,63.555557 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+</svg>

mea/ui/images/shutter-9.svg

@@ -0,0 +1,120 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4874"
+   height="96"
+   viewBox="0 0 96 96.000001"
+   width="96"
+   version="1.1"
+   sodipodi:docname="shutter-9.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <defs
+     id="defs875" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2880"
+     inkscape:window-height="1698"
+     id="namedview873"
+     showgrid="false"
+     inkscape:zoom="14.010417"
+     inkscape:cx="43.457057"
+     inkscape:cy="38.114711"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4874" />
+  <metadata
+     id="metadata4879">
+    <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>
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,20 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="rect4199"
+     sodipodi:nodetypes="ccccc" />
+  <rect
+     x="-2.7465819e-06"
+     y="-96"
+     width="96"
+     height="96"
+     transform="rotate(90)"
+     style="color:#000000;fill:none"
+     id="rect4782" />
+  <path
+     inkscape:connector-curvature="0"
+     d="M 19.976,12.001 C 14.9432,12.05918 11.2624,11.88072 8.251,13.542 6.7455,14.37264 5.5542,15.7776 4.8955,17.5322 4.23684,19.2869 3.99902,21.3705 3.99902,24.001 v 52 c 0,2.6304 0.23782,4.7121 0.89648,6.4668 0.65866,1.7546 1.85,3.1596 3.3555,3.9902 3.011,1.6613 6.6918,1.4848 11.725,1.543 h 0.01172 56.023 0.01172 c 5.0328,-0.0582 8.7136,0.11832 11.725,-1.543 1.5055,-0.83064 2.6968,-2.2356 3.3555,-3.9902 0.65866,-1.7547 0.89648,-3.8364 0.89648,-6.4668 v -52 c 0,-2.6304 -0.23782,-4.7141 -0.89648,-6.4688 -0.66,-1.759 -1.851,-3.163 -3.356,-3.994 -3.011,-1.661 -6.692,-1.483 -11.725,-1.541 h -0.01172 -56.023 -0.01172 z m 0.02344,4 h 56 c 5.0383,0.05877 8.3519,0.23688 9.8164,1.0449 0.73364,0.40478 1.1527,0.85295 1.543,1.8926 0.39025,1.0396 0.64062,2.6929 0.64062,5.0625 v 52 c 0,2.3696 -0.25037,4.0229 -0.64062,5.0625 -0.39025,1.0396 -0.80933,1.4878 -1.543,1.8926 -1.4645,0.80804 -4.7782,0.98616 -9.8164,1.0449 H 20.02244 19.999 C 14.9607,83.9422 11.6471,83.76412 10.1826,82.9561 9.44896,82.55132 9.0318,82.10314 8.6416,81.0635 8.25135,80.0239 7.99902,78.3706 7.99902,76.001 v -52 c 0,-2.3696 0.25232,-4.0229 0.64258,-5.0625 0.39025,-1.0396 0.80738,-1.4878 1.541,-1.8926 1.4645,-0.80804 4.7782,-0.98616 9.8164,-1.0449 z"
+     style="color:#000000;font-variant-ligatures:none;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000000;fill:#808080;color-rendering:auto;image-rendering:auto;shape-rendering:auto"
+     id="path4179" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path888"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,26.222221 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,32.444443 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path890"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path892"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,38.666664 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,44.888889 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path894"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path896"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,51.111111 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,57.333332 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path898"
+     sodipodi:nodetypes="ccccc" />
+  <path
+     sodipodi:nodetypes="ccccc"
+     id="path900"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     d="m 12,63.555557 v 4 h 71.9999 v -4 z"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     d="m 12,69.777779 v 4 h 71.9999 v -4 z"
+     style="color:#000000;fill:#808080;stroke-width:2.99999785"
+     id="path904"
+     sodipodi:nodetypes="ccccc" />
+</svg>

mea/ui/images/sort-listitem.svg

@@ -0,0 +1,187 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96"
+   height="96"
+   id="svg4874"
+   version="1.1"
+   inkscape:version="0.91+devel r"
+   viewBox="0 0 96 96.000001"
+   sodipodi:docname="sort-listitem03a.svg">
+  <defs
+     id="defs4876">
+    <clipPath
+       id="clipPath16"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         inkscape:connector-curvature="0"
+         id="path18"
+         d="m 0,595.28 841.89,0 L 841.89,0 0,0 0,595.28 Z" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.2057594"
+     inkscape:cx="79.211024"
+     inkscape:cy="71.001013"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4780"
+     showgrid="true"
+     showborder="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:snap-midpoints="true"
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-center="true"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5451"
+       empspacing="8" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="8,-8.0000001"
+       id="guide4063" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="4,-8.0000001"
+       id="guide4065" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,88.000001"
+       id="guide4067" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,92.000001"
+       id="guide4069" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="104,4"
+       id="guide4071" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-5,8.0000001"
+       id="guide4073" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="92,-8.0000001"
+       id="guide4075" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="88,-8.0000001"
+       id="guide4077" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,84.000001"
+       id="guide4074" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="12,-8.0000001"
+       id="guide4076" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-5,12"
+       id="guide4078" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="84,-9.0000001"
+       id="guide4080" />
+    <sodipodi:guide
+       position="48,-8.0000001"
+       orientation="1,0"
+       id="guide4170" />
+    <sodipodi:guide
+       position="-8,48"
+       orientation="0,1"
+       id="guide4172" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4879">
+    <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>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(67.857146,-78.50504)">
+    <g
+       transform="matrix(0,-1,-1,0,373.50506,516.50504)"
+       id="g4845"
+       style="display:inline">
+      <g
+         inkscape:export-ydpi="90"
+         inkscape:export-xdpi="90"
+         inkscape:export-filename="next01.png"
+         transform="matrix(-0.9996045,0,0,1,575.94296,-611.00001)"
+         id="g4778"
+         inkscape:label="Layer 1">
+        <g
+           transform="matrix(-1,0,0,1,575.99999,611)"
+           id="g4780"
+           style="display:inline">
+          <rect
+             style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:4;marker:none;enable-background:accumulate"
+             id="rect4782"
+             width="96.037987"
+             height="96"
+             x="-438.00244"
+             y="345.36221"
+             transform="scale(-1,1)" />
+          <path
+             inkscape:connector-curvature="0"
+             id="path4225"
+             d="m 381.98021,433.36221 v -80"
+             style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#808080;stroke-width:4.00079107;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+          <path
+             style="display:inline;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999988"
+             d="m 429.99874,393.36619 -0.18503,0.41182 c -0.66598,1.46989 -1.50147,3.11592 -2.60689,5.03834 -1.19645,2.0804 -2.54815,4.22409 -4.05415,6.4305 -1.36027,1.9933 -2.83398,3.9407 -4.36191,5.8638 l -1.79717,2.26134 v -6.11344 l 0.20885,-0.26786 h -0.002 c 0.87152,-1.13758 1.72636,-2.30012 2.55925,-3.51136 1.05357,-1.53141 2.0436,-3.09704 2.96963,-4.69942 0.92293,-1.59751 2.05054,-3.84298 2.77725,-5.37363 l 0.004,-0.009 0.011,-0.02 0.004,-0.009 -0.009,-0.02 0.0348,0.0601 c -0.0419,-0.0625 -0.0284,-0.0296 -0.0586,-0.11662 l 0.0201,0.0474 c -0.72653,-1.53107 -1.85811,-3.78441 -2.78276,-5.38457 -0.92602,-1.60235 -1.91602,-3.1695 -2.96962,-4.70124 -0.83267,-1.2106 -1.68805,-2.37236 -2.55926,-3.50953 l -0.20701,-0.26969 v -3.23073 -2.88088 l 1.79715,2.25951 c 1.52786,1.92297 3.00168,3.87243 4.36192,5.86562 v 0.002 l 0.0806,0.11662 v 0.0109 c 1.46987,2.15951 2.80105,4.26225 3.97363,6.30114 1.10507,1.92178 1.94085,3.56666 2.6069,5.03653 l 0.0989,0.22048 z"
+             id="path5751"
+             inkscape:connector-curvature="0" />
+          <path
+             style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#808080;stroke-width:4.00079107;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+             d="m 397.98657,433.36221 v -80"
+             id="path4324"
+             inkscape:connector-curvature="0" />
+          <path
+             inkscape:connector-curvature="0"
+             id="path4226"
+             d="m 349.96763,393.36619 0.18503,0.41182 c 0.66598,1.46989 1.50147,3.11592 2.60689,5.03834 1.19645,2.0804 2.54815,4.22409 4.05415,6.4305 1.36027,1.9933 2.83398,3.9407 4.36191,5.8638 l 1.79717,2.26134 v -6.11344 l -0.20885,-0.26786 h 0.002 c -0.87152,-1.13758 -1.72636,-2.30012 -2.55925,-3.51136 -1.05357,-1.53141 -2.0436,-3.09704 -2.96963,-4.69942 -0.92293,-1.59751 -2.05054,-3.84298 -2.77725,-5.37363 l -0.004,-0.009 -0.011,-0.02 -0.004,-0.009 0.009,-0.02 -0.0348,0.0601 c 0.0419,-0.0625 0.0284,-0.0296 0.0586,-0.11662 l -0.0201,0.0474 c 0.72653,-1.53107 1.85811,-3.78441 2.78276,-5.38457 0.92602,-1.60235 1.91602,-3.1695 2.96962,-4.70124 0.83267,-1.2106 1.68805,-2.37236 2.55926,-3.50953 l 0.20701,-0.26969 v -3.23073 -2.88088 l -1.79715,2.25951 c -1.52786,1.92297 -3.00168,3.87243 -4.36192,5.86562 v 0.002 l -0.0806,0.11662 v 0.0109 c -1.46987,2.15951 -2.80105,4.26225 -3.97363,6.30114 -1.10507,1.92178 -1.94085,3.56666 -2.6069,5.03653 l -0.0989,0.22048 z"
+             style="display:inline;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999988" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

mea/ui/images/up.svg

@@ -0,0 +1,178 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="96"
+   height="96"
+   id="svg4874"
+   version="1.1"
+   inkscape:version="0.91+devel r"
+   viewBox="0 0 96 96.000001"
+   sodipodi:docname="go-up.svg">
+  <defs
+     id="defs4876">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath16">
+      <path
+         d="m 0,595.28 841.89,0 L 841.89,0 0,0 0,595.28 Z"
+         id="path18"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.5111573"
+     inkscape:cx="-151.39141"
+     inkscape:cy="28.091447"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     showborder="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:snap-midpoints="true"
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-center="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5451"
+       empspacing="8" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="8,-8.0000001"
+       id="guide4063" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="4,-8.0000001"
+       id="guide4065" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,88.000001"
+       id="guide4067" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,92.000001"
+       id="guide4069" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="104,4"
+       id="guide4071" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-5,8.0000001"
+       id="guide4073" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="88,-8.0000001"
+       id="guide4077" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="-8,84.000001"
+       id="guide4074" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="12,-8.0000001"
+       id="guide4076" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="84,-8.0000001"
+       id="guide4080" />
+    <sodipodi:guide
+       position="48,-8.0000001"
+       orientation="1,0"
+       id="guide4170" />
+    <sodipodi:guide
+       position="-8,48"
+       orientation="0,1"
+       id="guide4172" />
+    <sodipodi:guide
+       position="92,-8.0000001"
+       orientation="1,0"
+       id="guide4760" />
+    <sodipodi:guide
+       position="104,12"
+       orientation="0,1"
+       id="guide4207" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4879">
+    <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>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(67.857146,-78.50504)">
+    <g
+       transform="rotate(90,-19.857136,126.50505)"
+       id="g5743"
+       inkscape:label="Layer 1">
+      <g
+         style="display:inline"
+         id="g5745"
+         transform="matrix(0,-1,-1,0,373.50506,516.50504)">
+        <g
+           inkscape:label="Layer 1"
+           id="g5747"
+           transform="matrix(-0.9996045,0,0,1,575.94296,-611.00001)"
+           inkscape:export-filename="next01.png"
+           inkscape:export-xdpi="90"
+           inkscape:export-ydpi="90">
+          <g
+             style="display:inline"
+             id="g5749"
+             transform="matrix(-1,0,0,1,575.99999,611)">
+            <path
+               inkscape:connector-curvature="0"
+               id="path5751"
+               d="m 437.00209,379.49587 c -5.24691,4.1449 -10.54573,8.128 -15.94494,11.7914 -6.00476,4.0757 -11.8322,7.7257 -17.4773,10.9536 -5.20923,2.9783 -9.64507,5.2206 -13.59532,7.0003 -3.95086,-1.7798 -8.3889,-4.0213 -13.59947,-7.0003 -5.64495,-3.2278 -11.47152,-6.8778 -17.47731,-10.9536 -5.39821,-3.6627 -10.69595,-7.6466 -15.94285,-11.7914 l 7.93911,0 c 3.15098,2.4002 6.38063,4.7681 9.75501,7.0752 4.26477,2.9172 8.6291,5.6557 13.09079,8.2194 4.52823,2.6011 10.75085,5.7064 15.00884,7.7151 l 0.002,0 1.22173,0.5752 1.22172,-0.5752 0.002,0 c 4.25899,-2.0087 10.48126,-5.1138 15.00884,-7.7151 4.46175,-2.5637 8.82538,-5.3023 13.09078,-8.2194 3.37342,-2.307 6.60393,-4.6749 9.75502,-7.0752 l 7.9412,0 z"
+               style="display:inline;fill:#808080;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1" />
+            <rect
+               transform="scale(-1,1)"
+               y="345.36221"
+               x="-438.00244"
+               height="96"
+               width="96.037987"
+               id="rect5753"
+               style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:4;marker:none;enable-background:accumulate" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>