npm - @flexem/fc-gui - Versions diffs - 3.0.0-alpha.90 → 3.0.0-alpha.91 - Mend

@flexem/fc-gui 3.0.0-alpha.90 → 3.0.0-alpha.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1251) hide show

package/demo/src/gui/default-config-store.ts ADDED Viewed

@@ -0,0 +1,225 @@
+import { ConfigStore, Graph, GraphExtendedStyle, GraphResult, GraphStore, GraphType, HistoryDataStore, ImageStore, ViewModel, ViewStore, VariableStore } from '@flexem/fc-gui';
+import { Observable, of } from 'rxjs';
+import { DefaultHistoryDataStore } from './default-history-data.store';
+export class DefaultGraphStore implements GraphStore {
+    getGraph(graphId: string | number, stateId: number, extendedStyle?: GraphExtendedStyle): Observable<GraphResult> {
+        if (graphId === 'indicatorLight2') {
+            if (stateId >= 2) { return of(GraphResult.failed()); }
+            return of(GraphResult.success(new Graph(GraphType.Image, `/assets/gallery/indicatorLight2/state${stateId}.png`)));
+        } else if (graphId === 'indicatorLight') {
+            if (stateId > 6) { return of(GraphResult.failed()); }
+            return of(GraphResult.success(new Graph(GraphType.SVG, `/assets/gallery/indicatorLight/state${stateId}.svg`)));
+        } else if (graphId === 'character01') {
+            return of(GraphResult.success(new Graph(GraphType.SVG, `/assets/gallery/character01/state0.svg`)));
+        }
+    }
+}
+export class DefaultConfigStore implements ConfigStore {
+    imageStore: ImageStore = new DefaultImageStore();
+    viewStore: ViewStore = new DefaultViewStore();
+    graphStore: GraphStore = new DefaultGraphStore();
+    historyDataStore: HistoryDataStore = new DefaultHistoryDataStore();
+    variableStore: VariableStore = new DefaultVariableStore();
+}
+export class DefaultVariableStore implements VariableStore {
+    getVariableName(arc: any): string {
+        return arc.name;
+    }
+}
+export class DefaultImageStore implements ImageStore {
+    getImageUrl(imageId: string): string {
+        return 'assets/e8nZC.gif';
+    }
+}
+export class DefaultViewStore implements ViewStore {
+    getMainViewConfig(): Observable<ViewModel> {
+        return of<ViewModel>(new ViewModel(SVG));
+    }
+    getViewConfig(viewId: number): Observable<ViewModel> {
+        return of<ViewModel>(new ViewModel(SVG));
+    }
+    getViewConfigByConfigureViewId(viewId: number): Observable<ViewModel> {
+        return of<ViewModel>(new ViewModel(SVG));
+    }
+    getViewConfigByConfigureViewCode(viewId: string): Observable<ViewModel> {
+        return of<ViewModel>(new ViewModel(SVG));
+    }
+}
+// tslint:disable:max-line-length
+const SVG = `<svg width="802px" height="482px" RL="0 0 802 482" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-model="{&quot;background&quot;:{&quot;fillType&quot;:0,&quot;solidColor&quot;:&quot;#ffff00&quot;}}">
+<g transform="matrix(1, 0, 0, 1, 0, 0)" clip-path="url(#mainClip2447)">
+  <g transform="matrix(1, 0, 0, 1, 1, 1)">
+  <g transform="matrix(1, 0, 0, 1, 289, 322)" data-model="{&quot;category&quot;:&quot;Pipe&quot;,&quot;version&quot;:3,&quot;isPipeWall&quot;:true,&quot;isFlowBlock&quot;:true,&quot;isFlow&quot;:false,&quot;pipeDiameter&quot;:14,&quot;pipeWallSize&quot;:1,&quot;pipeWallColor&quot;:&quot;#333&quot;,&quot;blockColor&quot;:&quot;#0081ff&quot;,&quot;blockWidth&quot;:6,&quot;blockLength&quot;:12,&quot;blockMargin&quot;:6,&quot;backGroundColor&quot;:&quot;#ffffff&quot;,&quot;flowDirection&quot;:0,&quot;isControl&quot;:false}"><path d="M 0,0 L 300,0" fill="none" stroke="#60768c" stroke-width="14" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 7, 7)" /><path d="M 0,0 L 300,0" fill="none" stroke="#ffffff" stroke-width="12" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 7, 7)" /><path fill="none" stroke="#0081ff" stroke-width="6" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 7, 7)" /></g>
+    <g transform="matrix(1, 0, 0, 1, 490, 167.7439208984375)" data-model="{&quot;id&quot;:-2,&quot;category&quot;:&quot;NumericalDisplay&quot;,&quot;variableName&quot;:&quot;v1&quot;,&quot;dataType&quot;:1,&quot;fractionDigits&quot;:0}">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)">
+        <text x="20" y="15.241992187500001" style="font: 16px Microsoft YaHei" text-anchor="middle" fill="#333" stroke="none" transform="matrix(1, 0, 0, 1, 9, 9)"/>
+      </g>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, 0, 0)" data-model="{&quot;id&quot;:-3,&quot;category&quot;:&quot;Image&quot;,&quot;imageId&quot;:&quot;125d0ccc-c7cc-5a61-a5ec-39dec0f02f8c&quot;,&quot;imageType&quot;:&quot;image/png&quot;}">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)">
+        <image x="0" y="0" width="200" height="100" preserveAspectRatio="none" transform="matrix(1, 0, 0, 1, 0, 0) scale(0.6, 0.9)"/>
+      </g>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, 420, 167.7439208984375)" data-model="{&quot;id&quot;:-4,&quot;category&quot;:&quot;Text&quot;}">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)">
+        <text x="24" y="15.241992187500001" style="font: 16px Microsoft YaHei" text-anchor="middle" fill="#333" stroke="none" transform="matrix(1, 0, 0, 1, 10, 10)">温度：</text>
+      </g>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, 287.234375, 320)" data-model="{&quot;id&quot;:-5,&quot;category&quot;:&quot;NumericalDisplay&quot;,&quot;variableName&quot;:&quot;UInt16&quot;,&quot;dataType&quot;:5,&quot;fractionDigits&quot;:0,&quot;accessPermission&quot;:6}">
+      <path d="M 0,0 L 0,38.32265625 L 52.199999999999996,38.32265625 L 58,30.658125000000002 L 58,0 L 0,0 z" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <path d="M 58,38.32265625 L 58,30.658125000000002 L 52.199999999999996,38.32265625 z" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <path d="M 58,38.32265625 L 58,30.658125000000002 L 52.199999999999996,38.32265625 z" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)">
+        <text x="20" y="15.241992187500001" style="font: 16px Microsoft YaHei" text-anchor="middle" fill="#333" stroke="none" transform="matrix(1, 0, 0, 1, 9, 9)"/>
+      </g>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, 200, 320)" data-model="{&quot;id&quot;:-6,&quot;category&quot;:&quot;Text&quot;}">
+      <g transform="matrix(1, 0, 0, 1, 0, 0)">
+        <text x="33.6171875" y="15.241992187500001" style="font: 16px Microsoft YaHei" text-anchor="middle" fill="#333" stroke="none" transform="matrix(1, 0, 0, 1, 10, 10)">UInt16：</text>
+      </g>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, 390, 130)" data-model="{&quot;id&quot;:-2,&quot;category&quot;:&quot;NumericalDisplay&quot;,&quot;variableName&quot;:&quot;16位有&quot;,&quot;dataType&quot;:2,&quot;integerDigits&quot;:4,&quot;fractionDigits&quot;:1,&quot;accessPermission&quot;:6,&quot;useSecurity&quot;:true}">
+      <path d="M 0,0 L 0,38.32265625 L 52.199999999999996,38.32265625 L 58,30.658125000000002 L 58,0 L 0,0 z" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <path d="M 58,38.32265625 L 58,30.658125000000002 L 52.199999999999996,38.32265625 z" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <path d="M 58,38.32265625 L 58,30.658125000000002 L 52.199999999999996,38.32265625 z" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)">
+        <g transform="matrix(1, 0, 0, 1, 0, 0)">
+          <text x="20" y="15.241992187500001" style="font: 16px Microsoft YaHei" text-anchor="middle" fill="#333" stroke="none" transform="matrix(1, 0, 0, 1, 9.25, 9.25)"/>
+        </g>
+      </g>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, 570, 200)" data-model="{&quot;id&quot;:-2,&quot;category&quot;:&quot;NumericalDisplay&quot;,&quot;variableName&quot;:&quot;16位有&quot;,&quot;dataType&quot;:1,&quot;integerDigits&quot;:3,&quot;fractionDigits&quot;:3,&quot;accessPermission&quot;:6}">
+      <path d="M 0,0 L 0,38.32265625 L 52.199999999999996,38.32265625 L 58,30.658125000000002 L 58,0 L 0,0 z" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <path d="M 58,38.32265625 L 58,30.658125000000002 L 52.199999999999996,38.32265625 z" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <path d="M 58,38.32265625 L 58,30.658125000000002 L 52.199999999999996,38.32265625 z" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)">
+        <g transform="matrix(1, 0, 0, 1, 0, 0)">
+          <text x="20" y="15.241992187500001" style="font: 16px Microsoft YaHei" text-anchor="middle" fill="#333" stroke="none" transform="matrix(1, 0, 0, 1, 9.25, 9.25)"/>
+        </g>
+      </g>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, 490, 330)" data-model="{&quot;id&quot;:-2,&quot;category&quot;:&quot;NumericalDisplay&quot;,&quot;variableName&quot;:&quot;32位16&quot;,&quot;dataType&quot;:14,&quot;accessPermission&quot;:6,&quot;integerDigits&quot;:7,&quot;fractionDigits&quot;:2}">
+      <path d="M 0,0 L 0,38.32265625 L 52.199999999999996,38.32265625 L 58,30.658125000000002 L 58,0 L 0,0 z" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <path d="M 58,38.32265625 L 58,30.658125000000002 L 52.199999999999996,38.32265625 z" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <path d="M 58,38.32265625 L 58,30.658125000000002 L 52.199999999999996,38.32265625 z" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"/>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)">
+        <g transform="matrix(1, 0, 0, 1, 0, 0)">
+          <text x="20" y="15.241992187500001" style="font: 16px Microsoft YaHei" text-anchor="middle" fill="#333" stroke="none" transform="matrix(1, 0, 0, 1, 9.25, 9.25)"/>
+        </g>
+      </g>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, 60, 60)" data-model="{&quot;id&quot;:-4,&quot;category&quot;:&quot;Meter&quot;,&quot;variableName&quot;:&quot;UInt16&quot;,&quot;min&quot;:0,&quot;max&quot;:60}">
+      <path d="M 175,0 C 271.6498312203889,0 350,78.35016877961112 350,175 C 350,271.6498312203889 271.6498312203889,350 175,350 C 78.35016877961112,350 0,271.6498312203889 0,175 C 0,78.35016877961112 78.35016877961112,0 175,0 z" fill="transparent" stroke="none" transform="matrix(1, 0, 0, 1, 1, 1)"/>
+      <path d="M 175,0 C 271.6498312203889,0 350,78.35016877961112 350,175 C 350,271.6498312203889 271.6498312203889,350 175,350 C 78.35016877961112,350 0,271.6498312203889 0,175 C 0,78.35016877961112 78.35016877961112,0 175,0 z" fill="none" stroke="transparent" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 1, 1)"/>
+      <g transform="matrix(1, 0, 0, 1, 0, 0)">
+        <g transform="matrix(1, 0, 0, 1, 0, 0)" clip-path="url(#CLIP5373)">
+          <path d="M 51.25631329235418,298.7436867076458 L 51.25631329235419,298.7436867076458 A 175,175 270 1,1 298.74368670764585,298.7436867076458 M 175,350" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 1, 1)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.5923308088049003, -0.8056948634194788, 0.8056948634194788, -0.5923308088049003, 34.979603525279536, 278.44913011116097)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.42099055842640287, -0.9070650195635511, 0.9070650195635511, -0.42099055842640287, 20.568587596347847, 255.21823785872843)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.3301637340511433, -0.9439236773793769, 0.9439236773793769, -0.3301637340511433, 10.154136604358852, 229.87465367999113)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.14282527191820135, -0.9897479182607518, 0.9897479182607518, -0.14282527191820135, 3.822336079995618, 203.28163717455058)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.1428252719182001, -0.989747918260752, 0.989747918260752, 0.1428252719182001, 3.8223360799956025, 148.71836282544947)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.33016373405114213, -0.9439236773793773, 0.9439236773793773, 0.33016373405114213, 10.15413660435883, 122.12534632000892)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.42099055842640176, -0.9070650195635517, 0.9070650195635517, 0.42099055842640176, 20.568587596347797, 96.78176214127163)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.5923308088049001, -0.805694863419479, 0.805694863419479, 0.5923308088049001, 34.97960352527947, 73.55086988883902)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.8056948634194783, -0.5923308088049011, 0.5923308088049011, 0.8056948634194783, 73.55086988883885, 34.97960352527959)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9070650195635511, -0.4209905584264029, 0.4209905584264029, 0.9070650195635511, 96.78176214127149, 20.568587596347868)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9439236773793771, -0.3301637340511425, 0.3301637340511425, 0.9439236773793771, 122.12534632000873, 10.154136604358891)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9897479182607519, -0.14282527191820055, 0.14282527191820055, 0.9897479182607519, 148.71836282544928, 3.8223360799956314)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9897479182607519, 0.14282527191820066, -0.14282527191820066, 0.9897479182607519, 203.2816371745504, 3.8223360799955954)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9439236773793773, 0.330163734051142, -0.330163734051142, 0.9439236773793773, 229.87465367999098, 10.15413660435881)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9070650195635512, 0.4209905584264026, -0.4209905584264026, 0.9070650195635512, 255.21823785872823, 20.568587596347744)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.8056948634194792, 0.5923308088049, -0.5923308088049, 0.8056948634194792, 278.4491301111608, 34.979603525279366)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.5923308088049006, 0.8056948634194786, -0.8056948634194786, 0.5923308088049006, 317.02039647472037, 73.5508698888388)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.42099055842640176, 0.9070650195635517, -0.9070650195635517, 0.42099055842640176, 331.43141240365213, 96.78176214127143)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.3301637340511436, 0.9439236773793768, -0.9439236773793768, 0.3301637340511436, 341.8458633956411, 122.12534632000879)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.14282527191820168, 0.9897479182607518, -0.9897479182607518, 0.14282527191820168, 348.1776639200044, 148.71836282544933)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.14282527191820155, 0.9897479182607518, -0.9897479182607518, -0.14282527191820155, 348.1776639200044, 203.28163717455047)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.33016373405114324, 0.9439236773793769, -0.9439236773793769, -0.33016373405114324, 341.8458633956412, 229.87465367999098)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.42099055842640265, 0.9070650195635512, -0.9070650195635512, -0.42099055842640265, 331.4314124036522, 255.2182378587284)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.5923308088048997, 0.8056948634194793, -0.8056948634194793, -0.5923308088048997, 317.0203964747205, 278.44913011116097)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.6705466226192047, -0.7418673917176694, 0.7418673917176694, -0.6705466226192047, 52.99818068407185, 299.0731400850266)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 2.0000000000000133, 176.00000000000006)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.7071067811865474, -0.7071067811865477, 0.7071067811865477, 0.7071067811865474, 52.96342007354064, 52.9634200735408)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 175.9999999999998, 2.0000000000000187)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.7071067811865478, 0.7071067811865472, -0.7071067811865472, 0.7071067811865478, 299.03657992645907, 52.963420073540526)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 350, 175.9999999999998)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.6705466226192042, 0.7418673917176698, -0.7418673917176698, -0.6705466226192042, 299.0018193159282, 299.0731400850266)"/>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 69.04098342034911, 267.776640293474)">0</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 20.0572967529297, 164.14935226440434)">10</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 62.52681348088021, 61.618868992354976)">20</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 165.0572967529295, 19.149352264404314)">30</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 267.5877800249789, 61.618868992354706)">40</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 310.0572967529297, 164.1493522644041)">50</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 266.5449617090454, 267.776640293474)">60</text>
+        </g>
+        <path d="M 169,6 L 175,0 L 350,6 L 175,12 z" fill="red" stroke="none" transform="matrix(-0.8660254037844387, 0.49999999999999994, -0.49999999999999994, -0.8660254037844387, 330.5544456622768, 93.69615242270665)"/>
+      </g>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, 470, 80)" data-model="{&quot;id&quot;:-2,&quot;category&quot;:&quot;Meter&quot;,&quot;variableName&quot;:&quot;UInt16&quot;,&quot;min&quot;:0,&quot;max&quot;:60}">
+      <path d="M 114.99999999999999,0 C 178.51274623054124,0 229.99999999999997,51.48725376945873 229.99999999999997,114.99999999999999 C 229.99999999999997,178.51274623054124 178.51274623054124,229.99999999999997 114.99999999999999,229.99999999999997 C 51.48725376945873,229.99999999999997 0,178.51274623054124 0,114.99999999999999 C 0,51.48725376945873 51.48725376945873,0 114.99999999999999,0 z" fill="transparent" stroke="none" transform="matrix(1, 0, 0, 1, 1, 1)"/>
+      <path d="M 114.99999999999999,0 C 178.51274623054124,0 229.99999999999997,51.48725376945873 229.99999999999997,114.99999999999999 C 229.99999999999997,178.51274623054124 178.51274623054124,229.99999999999997 114.99999999999999,229.99999999999997 C 51.48725376945873,229.99999999999997 0,178.51274623054124 0,114.99999999999999 C 0,51.48725376945873 51.48725376945873,0 114.99999999999999,0 z" fill="none" stroke="transparent" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 1, 1)"/>
+      <g transform="matrix(1, 0, 0, 1, 2.842170943040401e-14, 0)">
+        <g transform="matrix(1, 0, 0, 1, 0, 0)" clip-path="url(#CLIP5374)">
+          <path d="M 33.68272016354702,196.31727983645294 L 33.68272016354703,196.31727983645294 A 115,115 270 1,1 196.31727983645297,196.31727983645294 M 114.99999999999999,230" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 1, 1)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.5923308088049003, -0.8056948634194788, 0.8056948634194788, -0.5923308088049003, 23.46757286462701, 183.22217164868212)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.42099055842640287, -0.9070650195635511, 0.9070650195635511, -0.42099055842640287, 14.014854423810888, 167.98552935429126)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.3301637340511433, -0.9439236773793769, 0.9439236773793769, -0.3301637340511433, 7.17739097041513, 151.34674434958538)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.14282527191820135, -0.9897479182607518, 0.9897479182607518, -0.14282527191820135, 3.024349067127524, 133.9034486680901)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.1428252719182001, -0.989747918260752, 0.989747918260752, 0.1428252719182001, 3.0243490671275213, 98.09655133190988)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.33016373405114213, -0.9439236773793773, 0.9439236773793773, 0.33016373405114213, 7.17739097041513, 80.65325565041458)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.42099055842640176, -0.9070650195635517, 0.9070650195635517, 0.42099055842640176, 14.014854423810885, 64.01447064570868)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.5923308088049001, -0.805694863419479, 0.805694863419479, 0.5923308088049001, 23.467572864627023, 48.77782835131785)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.8056948634194783, -0.5923308088049011, 0.5923308088049011, 0.8056948634194783, 48.77782835131783, 23.467572864627037)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9070650195635511, -0.4209905584264029, 0.4209905584264029, 0.9070650195635511, 64.01447064570866, 14.014854423810897)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9439236773793771, -0.3301637340511425, 0.3301637340511425, 0.9439236773793771, 80.65325565041455, 7.177390970415141)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9897479182607519, -0.14282527191820055, 0.14282527191820055, 0.9897479182607519, 98.09655133190985, 3.0243490671275275)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9897479182607519, 0.1428252719182007, -0.1428252719182007, 0.9897479182607519, 133.9034486680901, 3.0243490671275226)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9439236773793771, 0.3301637340511424, -0.3301637340511424, 0.9439236773793771, 151.3467443495854, 7.17739097041513)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.9070650195635512, 0.4209905584264026, -0.4209905584264026, 0.9070650195635512, 167.98552935429126, 14.014854423810876)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.8056948634194785, 0.5923308088049007, -0.5923308088049007, 0.8056948634194785, 183.2221716486821, 23.467572864626987)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.5923308088049022, 0.8056948634194775, -0.8056948634194775, 0.5923308088049022, 208.5324271353729, 48.77782835131778)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.42099055842640054, 0.9070650195635522, -0.9070650195635522, 0.42099055842640054, 217.98514557618904, 64.01447064570857)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.33016373405114063, 0.9439236773793778, -0.9439236773793778, 0.33016373405114063, 224.8226090295848, 80.65325565041452)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.14282527191820213, 0.9897479182607517, -0.9897479182607517, 0.14282527191820213, 228.9756509328724, 98.09655133190984)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.142825271918202, 0.9897479182607517, -0.9897479182607517, -0.142825271918202, 228.9756509328724, 133.90344866809002)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.3301637340511431, 0.9439236773793769, -0.9439236773793769, -0.3301637340511431, 224.82260902958487, 151.34674434958532)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.42099055842640104, 0.907065019563552, -0.907065019563552, -0.42099055842640104, 217.98514557618913, 167.9855293542912)"/>
+          <path d="M 0,0 L 0,8" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.5923308088049023, 0.8056948634194774, -0.8056948634194774, -0.5923308088049023, 208.532427135373, 183.22217164868198)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.6705466226192057, -0.7418673917176685, 0.7418673917176685, -0.6705466226192057, 35.42458755526469, 196.64673321383373)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 1.9999999999999984, 115.99999999999999)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.7071067811865474, -0.7071067811865477, 0.7071067811865477, 0.7071067811865474, 35.38982694473356, 35.38982694473357)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 115.99999999999996, 2.000000000000001)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0.7071067811865472, 0.7071067811865477, -0.7071067811865477, 0.7071067811865472, 196.61017305526636, 35.38982694473353)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 229.99999999999994, 115.99999999999993)"/>
+          <path d="M 0,0 L 0,16" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(-0.6705466226192015, 0.7418673917176722, -0.7418673917176722, -0.6705466226192015, 196.57541244473526, 196.64673321383378)"/>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 51.46739029154192, 165.35023342228106)">0</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 20.057296752929688, 104.14935226440429)">10</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 44.95322035207313, 44.045275863547744)">20</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 105.05729675292964, 19.149352264404296)">30</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 165.16137315378617, 44.045275863547694)">40</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 190.05729675292963, 104.14935226440423)">50</text>
+          <text x="0" y="17.775971603393558" style="font: 14pt sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 164.11855483785246, 165.35023342228124)">60</text>
+        </g>
+        <path d="M 109,6 L 115,0 L 230,6 L 115,12 z" fill="red" stroke="none" transform="matrix(-0.8660254037844387, 0.49999999999999994, -0.49999999999999994, -0.8660254037844387, 218.59292143521043, 63.69615242270664)"/>
+      </g>
+    </g>
+    <g transform="matrix(1, 0, 0, 1, 1, 1)"><g transform="matrix(1, 0, 0, 1, 700, 260)" data-model="{&quot;id&quot;:-7,&quot;category&quot;:&quot;BarGraph&quot;,&quot;variableName&quot;:&quot;32位有&quot;,&quot;direction&quot;:0,&quot;min&quot;:0,&quot;max&quot;:100,&quot;useAlarmLimit&quot;:true,&quot;masterDivisionNumber&quot;:100,&quot;subDivisionNumber&quot;:100}"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="matrix(1, 0, 0, 1, 0, 0)" clip-path="url(#CLIP1512)"><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 8.2099609375, 200)">0</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 180)">10</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 160)">20</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 140)">30</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 120)">40</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 100)">50</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 80)">60</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 60)">70</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 40)">80</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 20)">90</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 0, 0)">100</text><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 36.81494140625, 198.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 36.81494140625, 178.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 36.81494140625, 158.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 36.81494140625, 138.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 36.81494140625, 118.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 36.81494140625, 98.89116210937499)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 36.81494140625, 78.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 36.81494140625, 58.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 36.81494140625, 38.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 36.81494140625, 18.891162109375003)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 31.31494140625, 208.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 31.31494140625, 188.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 31.31494140625, 168.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 31.31494140625, 148.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 31.31494140625, 128.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 31.31494140625, 108.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 31.31494140625, 88.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 31.31494140625, 68.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 31.31494140625, 48.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 31.31494140625, 28.891162109375003)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, -1, 1, 0, 31.31494140625, 8.891162109375001)"></path></g><g transform="matrix(1, 0, 0, 1, 42.31494140625, 8.391162109375017)"><path d="M 0,0 L 50,0 L 50,200 L 0,200 z" fill="transparent" stroke="none" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"></path><path d="M 0,0 L 50,0 L 50,200 L 0,200 z" fill="none" stroke="gray" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"></path><rect xmlns="http://www.w3.org/1999/xhtml" fill="#6fd149" height="4.4" width="50.5" transform="translate(0,195.6)"></rect></g></g></g><g transform="matrix(0, 1, -1, 0, 680, 420)" data-model="{&quot;id&quot;:-2,&quot;category&quot;:&quot;BarGraph&quot;,&quot;variableName&quot;:&quot;32位有&quot;,&quot;direction&quot;:2,&quot;min&quot;:0,&quot;max&quot;:100,&quot;useAlarmLimit&quot;:true,&quot;masterDivisionNumber&quot;:100,&quot;subDivisionNumber&quot;:100}"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="matrix(1, 0, 0, 1, 0, 0)"><path d="M 0,0 L 50,0 L 50,200 L 0,200 z" fill="transparent" stroke="none" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"></path><path d="M 0,0 L 50,0 L 50,200 L 0,200 z" fill="none" stroke="gray" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"></path><rect xmlns="http://www.w3.org/1999/xhtml" fill="#6fd149" height="4.4" width="50.5" transform="translate(0,195.6)"></rect></g></g></g><g transform="matrix(0, 1, -1, 0, 540, 0)" data-model="{&quot;id&quot;:-3,&quot;category&quot;:&quot;BarGraph&quot;,&quot;variableName&quot;:&quot;32位有&quot;,&quot;direction&quot;:3,&quot;min&quot;:0,&quot;max&quot;:100,&quot;useAlarmLimit&quot;:true,&quot;masterDivisionNumber&quot;:100,&quot;subDivisionNumber&quot;:100}"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="matrix(1, 0, 0, 1, 0, 0)" clip-path="url(#CLIP1513)"><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 8.2099609375, 0)">0</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 20)">10</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 40)">20</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 60)">30</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 80)">40</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 100)">50</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 120)">60</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 140)">70</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 160)">80</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 4.10498046875, 180)">90</text><text x="0" y="13.3367431640625" style="font: 14px sans-serif" text-anchor="start" fill="black" stroke="none" transform="matrix(1, 0, 0, 1, 0, 200)">100</text><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.81494140625, 18.891162109375003)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.81494140625, 38.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.81494140625, 58.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.81494140625, 78.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.81494140625, 98.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.81494140625, 118.89116210937502)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.81494140625, 138.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.81494140625, 158.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.81494140625, 178.891162109375)"></path><path d="M 0,0 L 0,5" fill="none" stroke="black" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.81494140625, 198.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.31494140625, 8.891162109375001)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.31494140625, 28.891162109375003)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.31494140625, 48.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.31494140625, 68.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.31494140625, 88.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.31494140625, 108.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.31494140625, 128.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.31494140625, 148.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.31494140625, 168.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.31494140625, 188.891162109375)"></path><path d="M 0,0 L 0,10" fill="none" stroke="black" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(0, 1, -1, 0, 41.31494140625, 208.891162109375)"></path></g><g transform="matrix(1, 0, 0, 1, 42.31494140625, 8.391162109375003)"><path d="M 0,0 L 50,0 L 50,200 L 0,200 z" fill="transparent" stroke="none" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"></path><path d="M 0,0 L 50,0 L 50,200 L 0,200 z" fill="none" stroke="gray" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"></path><rect xmlns="http://www.w3.org/1999/xhtml" fill="#6fd149" height="4.4110000000000005" width="50.5" transform="translate(0,0)"></rect></g></g></g><g transform="matrix(1, 0, 0, 1, 10, 10)" data-model="{&quot;id&quot;:-4,&quot;category&quot;:&quot;BarGraph&quot;,&quot;variableName&quot;:&quot;32位有&quot;,&quot;direction&quot;:1,&quot;min&quot;:0,&quot;max&quot;:100,&quot;useAlarmLimit&quot;:false}"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="matrix(1, 0, 0, 1, 0, 0)"><path d="M 0,0 L 50,0 L 50,200 L 0,200 z" fill="transparent" stroke="none" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"></path><path d="M 0,0 L 50,0 L 50,200 L 0,200 z" fill="none" stroke="gray" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" transform="matrix(1, 0, 0, 1, 0.5, 0.5)"></path><rect xmlns="http://www.w3.org/1999/xhtml" fill="#6fd149" height="4.4110000000000005" width="50.5" transform="translate(0,0)"></rect></g></g></g></g>
+  </g>
+</g>
+<clipPath id="mainClip2447">
+  <rect x="0" y="0" width="802" height="482"/>
+</clipPath>
+</svg>`;

package/demo/src/gui/default-gui-context.ts ADDED Viewed

@@ -0,0 +1,46 @@
+import { GuiContext, ConfigStore, VariableCommunicator, PermissionChecker, OperationRecordService, VideoService, SecurityChecker, WeatherService } from '@flexem/fc-gui';
+import { DefaultConfigStore } from './default-config-store';
+import { DefaultVariableCommunicator } from './default-variable-communicator';
+import { DefaultPermissionChecker } from './default-permission-checker';
+import { DefaultOperationRecordService } from './default-operation-record.service';
+export class DefaultGuiContext implements GuiContext {
+    permissionChecker: PermissionChecker;
+    configStore: ConfigStore;
+    variableCommunicator: VariableCommunicator;
+    operationRecordService: OperationRecordService;
+    videoService: VideoService;
+    securityChecker: SecurityChecker;
+    weatherService: WeatherService;
+    constructor(configStore?: ConfigStore,
+        variableCommunicator?: VariableCommunicator, permissionChecker?: PermissionChecker, operationRecordService?: OperationRecordService) {
+        if (null != configStore) {
+            this.configStore = configStore;
+        } else {
+            this.configStore = new DefaultConfigStore();
+        }
+        if (null != variableCommunicator) {
+            this.variableCommunicator = variableCommunicator;
+        } else {
+            this.variableCommunicator = new DefaultVariableCommunicator();
+        }
+        if (null != permissionChecker) {
+            this.permissionChecker = permissionChecker;
+        } else {
+            this.permissionChecker = new DefaultPermissionChecker(['0', '1']);
+        }
+        if (null != operationRecordService) {
+            this.operationRecordService = operationRecordService;
+        } else {
+            this.operationRecordService = new DefaultOperationRecordService();
+        }
+    }
+    dispose(): any {
+        if (this.variableCommunicator) {
+            this.variableCommunicator.dispose();
+        }
+    }
+}

package/demo/src/gui/default-history-data.store.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { GetHistoryDataArgs, HistoryDataModel, HistoryDataStore } from '@flexem/fc-gui';
+import { Observable, of } from 'rxjs';
+export class DefaultHistoryDataStore implements HistoryDataStore {
+    getHistoryData(input: GetHistoryDataArgs): Observable<HistoryDataModel> {
+        // tslint:disable-next-line:max-line-length
+        const result = JSON.parse('[{"time":"2018-06-04T16:00:48.528Z","values":[596,619]},{"time":"2018-06-04T16:01:48.64Z","values":[524,547]},{"time":"2018-06-04T16:02:48.784Z","values":[556,579]},{"time":"2018-06-04T16:03:48.912Z","values":[585,608]},{"time":"2018-06-04T16:04:49.056Z","values":[513,536]},{"time":"2018-06-04T16:05:49.2Z","values":[545,568]},{"time":"2018-06-04T16:06:49.376Z","values":[577,600]},{"time":"2018-06-04T16:07:49.52Z","values":[512,535]},{"time":"2018-06-04T16:08:49.632Z","values":[544,567]},{"time":"2018-06-04T16:09:49.76Z","values":[576,599]},{"time":"2018-06-04T16:10:49.888Z","values":[504,527]},{"time":"2018-06-04T16:11:50.016Z","values":[533,556]},{"time":"2018-06-04T16:12:50.16Z","values":[565,588]},{"time":"2018-06-04T16:13:50.304Z","values":[597,620]},{"time":"2018-06-04T16:14:50.432Z","values":[525,548]},{"time":"2018-06-04T16:15:50.592Z","values":[564,587]},{"time":"2018-06-04T16:16:50.752Z","values":[596,619]},{"time":"2018-06-04T16:17:50.896Z","values":[524,547]},{"time":"2018-06-04T16:18:51.04Z","values":[553,576]},{"time":"2018-06-04T16:19:51.168Z","values":[585,608]},{"time":"2018-06-04T16:20:51.328Z","values":[513,536]},{"time":"2018-06-04T16:21:51.456Z","values":[545,568]},{"time":"2018-06-04T16:22:51.584Z","values":[584,607]},{"time":"2018-06-04T16:23:51.728Z","values":[512,535]},{"time":"2018-06-04T16:24:51.872Z","values":[544,567]},{"time":"2018-06-04T16:25:52.016Z","values":[573,596]},{"time":"2018-06-04T16:26:52.144Z","values":[501,524]},{"time":"2018-06-04T16:27:52.256Z","values":[533,556]},{"time":"2018-06-04T16:28:52.384Z","values":[565,588]},{"time":"2018-06-04T16:29:52.56Z","values":[500,523]},{"time":"2018-06-04T16:30:52.672Z","values":[532,555]},{"time":"2018-06-04T16:31:52.784Z","values":[564,587]},{"time":"2018-06-04T16:32:52.912Z","values":[596,619]},{"time":"2018-06-04T16:33:53.04Z","values":[524,547]},{"time":"2018-06-04T16:34:53.408Z","values":[553,576]},{"time":"2018-06-04T16:35:53.568Z","values":[585,608]},{"time":"2018-06-04T16:36:53.696Z","values":[513,536]},{"time":"2018-06-04T16:37:53.856Z","values":[552,575]},{"time":"2018-06-04T16:38:53.984Z","values":[584,607]},{"time":"2018-06-04T16:39:54.112Z","values":[512,535]},{"time":"2018-06-04T16:40:54.256Z","values":[544,567]},{"time":"2018-06-04T16:41:54.384Z","values":[573,596]},{"time":"2018-06-04T16:42:54.528Z","values":[501,524]},{"time":"2018-06-04T16:43:54.656Z","values":[533,556]},{"time":"2018-06-04T16:44:54.784Z","values":[565,588]},{"time":"2018-06-04T16:45:54.944Z","values":[500,523]},{"time":"2018-06-04T16:46:55.072Z","values":[532,555]},{"time":"2018-06-04T16:47:55.232Z","values":[564,587]},{"time":"2018-06-04T16:48:55.328Z","values":[596,619]},{"time":"2018-06-04T16:49:55.488Z","values":[521,544]},{"time":"2018-06-04T16:50:55.632Z","values":[553,576]},{"time":"2018-06-04T16:51:55.744Z","values":[585,608]},{"time":"2018-06-04T16:52:55.888Z","values":[513,536]},{"time":"2018-06-04T16:53:56.016Z","values":[552,575]},{"time":"2018-06-04T16:54:56.16Z","values":[584,607]},{"time":"2018-06-04T16:55:56.288Z","values":[512,535]},{"time":"2018-06-04T16:56:56.432Z","values":[544,567]},{"time":"2018-06-04T16:57:56.608Z","values":[573,596]},{"time":"2018-06-04T16:58:56.736Z","values":[501,524]},{"time":"2018-06-04T16:59:56.88Z","values":[533,556]},{"time":"2018-06-04T17:00:57.04Z","values":[572,595]},{"time":"2018-06-04T17:01:57.168Z","values":[500,523]},{"time":"2018-06-04T17:02:57.312Z","values":[532,555]},{"time":"2018-06-04T17:03:57.456Z","values":[564,587]},{"time":"2018-06-04T17:04:57.584Z","values":[593,616]},{"time":"2018-06-04T17:05:57.712Z","values":[521,544]},{"time":"2018-06-04T17:06:57.856Z","values":[553,576]},{"time":"2018-06-04T17:07:58Z","values":[585,608]},{"time":"2018-06-04T17:08:58.144Z","values":[520,543]},{"time":"2018-06-04T17:09:58.288Z","values":[552,575]},{"time":"2018-06-04T17:10:58.432Z","values":[584,607]},{"time":"2018-06-04T17:11:58.544Z","values":[512,535]},{"time":"2018-06-04T17:12:58.688Z","values":[541,564]},{"time":"2018-06-04T17:13:58.816Z","values":[573,596]},{"time":"2018-06-04T17:14:58.96Z","values":[501,524]},{"time":"2018-06-04T17:15:59.12Z","values":[540,563]},{"time":"2018-06-04T17:16:59.472Z","values":[572,595]},{"time":"2018-06-04T17:17:59.616Z","values":[500,523]},{"time":"2018-06-04T17:18:59.744Z","values":[532,555]},{"time":"2018-06-04T17:19:59.872Z","values":[561,584]},{"time":"2018-06-04T17:21:00.016Z","values":[593,616]},{"time":"2018-06-04T17:22:00.16Z","values":[521,544]},{"time":"2018-06-04T17:23:00.288Z","values":[553,576]},{"time":"2018-06-04T17:24:00.416Z","values":[592,615]},{"time":"2018-06-04T17:25:00.56Z","values":[520,543]},{"time":"2018-06-04T17:26:00.72Z","values":[552,575]},{"time":"2018-06-04T17:27:00.88Z","values":[581,604]},{"time":"2018-06-04T17:28:01.04Z","values":[509,532]},{"time":"2018-06-04T17:29:01.28Z","values":[541,564]},{"time":"2018-06-04T17:30:01.36Z","values":[580,603]},{"time":"2018-06-04T17:31:01.44Z","values":[508,531]},{"time":"2018-06-04T17:32:01.536Z","values":[540,563]},{"time":"2018-06-04T17:33:01.504Z","values":[572,595]},{"time":"2018-06-04T17:34:01.584Z","values":[500,523]},{"time":"2018-06-04T17:35:01.664Z","values":[532,555]},{"time":"2018-06-04T17:36:01.744Z","values":[564,587]},{"time":"2018-06-04T17:37:01.808Z","values":[596,619]},{"time":"2018-06-04T17:38:01.888Z","values":[524,547]},{"time":"2018-06-04T17:39:01.952Z","values":[553,576]},{"time":"2018-06-04T17:40:02.128Z","values":[585,608]},{"time":"2018-06-04T17:41:02.208Z","values":[513,536]},{"time":"2018-06-04T17:42:02.272Z","values":[545,568]},{"time":"2018-06-04T17:43:02.352Z","values":[577,600]},{"time":"2018-06-04T17:44:02.432Z","values":[505,528]},{"time":"2018-06-04T17:45:02.4Z","values":[537,560]},{"time":"2018-06-04T17:46:02.48Z","values":[569,592]},{"time":"2018-06-04T17:47:02.56Z","values":[504,527]},{"time":"2018-06-04T17:48:02.64Z","values":[536,559]},{"time":"2018-06-04T17:49:02.72Z","values":[568,591]},{"time":"2018-06-04T17:50:02.8Z","values":[600,623]},{"time":"2018-06-04T17:51:02.88Z","values":[528,551]},{"time":"2018-06-04T17:52:02.96Z","values":[560,583]},{"time":"2018-06-04T17:53:03.136Z","values":[589,612]},{"time":"2018-06-04T17:54:03.2Z","values":[517,540]},{"time":"2018-06-04T17:55:03.28Z","values":[549,572]},{"time":"2018-06-04T17:56:03.36Z","values":[581,604]},{"time":"2018-06-04T17:57:03.424Z","values":[509,532]},{"time":"2018-06-04T17:58:03.408Z","values":[541,564]},{"time":"2018-06-04T17:59:03.696Z","values":[573,596]},{"time":"2018-06-04T18:00:03.776Z","values":[501,524]},{"time":"2018-06-04T18:01:03.856Z","values":[540,563]},{"time":"2018-06-04T18:02:03.92Z","values":[572,595]},{"time":"2018-06-04T18:03:04Z","values":[500,523]},{"time":"2018-06-04T18:04:04.08Z","values":[532,555]},{"time":"2018-06-04T18:05:04.256Z","values":[564,587]},{"time":"2018-06-04T18:06:04.352Z","values":[596,619]},{"time":"2018-06-04T18:07:04.416Z","values":[521,544]},{"time":"2018-06-04T18:08:04.496Z","values":[553,576]},{"time":"2018-06-04T18:09:04.56Z","values":[585,608]},{"time":"2018-06-04T18:10:04.64Z","values":[513,536]},{"time":"2018-06-04T18:11:04.72Z","values":[545,568]},{"time":"2018-06-04T18:12:04.688Z","values":[577,600]},{"time":"2018-06-04T18:13:04.768Z","values":[505,528]},{"time":"2018-06-04T18:14:04.848Z","values":[537,560]},{"time":"2018-06-04T18:15:04.928Z","values":[576,599]},{"time":"2018-06-04T18:16:05.008Z","values":[504,527]},{"time":"2018-06-04T18:17:05.072Z","values":[536,559]},{"time":"2018-06-04T18:18:05.248Z","values":[568,591]},{"time":"2018-06-04T18:19:05.328Z","values":[600,623]},{"time":"2018-06-04T18:20:05.408Z","values":[528,551]},{"time":"2018-06-04T18:21:05.488Z","values":[557,580]},{"time":"2018-06-04T18:22:05.552Z","values":[589,612]},{"time":"2018-06-04T18:23:05.552Z","values":[517,540]},{"time":"2018-06-04T18:24:05.616Z","values":[549,572]},{"time":"2018-06-04T18:25:05.696Z","values":[581,604]},{"time":"2018-06-04T18:26:05.776Z","values":[509,532]},{"time":"2018-06-04T18:27:05.84Z","values":[541,564]},{"time":"2018-06-04T18:28:05.92Z","values":[573,596]},{"time":"2018-06-04T18:29:05.984Z","values":[508,531]},{"time":"2018-06-04T18:30:06.176Z","values":[540,563]},{"time":"2018-06-04T18:31:06.256Z","values":[572,595]},{"time":"2018-06-04T18:32:06.32Z","values":[500,523]},{"time":"2018-06-04T18:33:06.4Z","values":[532,555]},{"time":"2018-06-04T18:34:06.48Z","values":[564,587]},{"time":"2018-06-04T18:35:06.56Z","values":[593,616]},{"time":"2018-06-04T18:36:06.544Z","values":[524,547]},{"time":"2018-06-04T18:37:06.608Z","values":[553,576]},{"time":"2018-06-04T18:38:06.688Z","values":[585,608]},{"time":"2018-06-04T18:39:06.752Z","values":[513,536]},{"time":"2018-06-04T18:40:06.848Z","values":[545,568]},{"time":"2018-06-04T18:41:07.136Z","values":[577,600]},{"time":"2018-06-04T18:42:07.216Z","values":[505,528]},{"time":"2018-06-04T18:43:07.296Z","values":[544,567]},{"time":"2018-06-04T18:44:07.456Z","values":[576,599]},{"time":"2018-06-04T18:45:07.536Z","values":[504,527]},{"time":"2018-06-04T18:46:07.616Z","values":[536,559]},{"time":"2018-06-04T18:47:07.68Z","values":[568,591]},{"time":"2018-06-04T18:48:07.76Z","values":[600,623]},{"time":"2018-06-04T18:49:07.728Z","values":[528,551]},{"time":"2018-06-04T18:50:07.808Z","values":[560,583]},{"time":"2018-06-04T18:51:07.888Z","values":[589,612]},{"time":"2018-06-04T18:52:07.968Z","values":[517,540]},{"time":"2018-06-04T18:53:08.048Z","values":[549,572]},{"time":"2018-06-04T18:54:08.112Z","values":[581,604]},{"time":"2018-06-04T18:55:08.192Z","values":[509,532]},{"time":"2018-06-04T18:56:08.368Z","values":[541,564]},{"time":"2018-06-04T18:57:08.464Z","values":[580,603]},{"time":"2018-06-04T18:58:08.544Z","values":[508,531]},{"time":"2018-06-04T18:59:08.608Z","values":[540,563]},{"time":"2018-06-04T19:00:08.688Z","values":[572,595]},{"time":"2018-06-04T19:01:08.768Z","values":[500,523]},{"time":"2018-06-04T19:02:08.752Z","values":[532,555]},{"time":"2018-06-04T19:03:08.832Z","values":[564,587]},{"time":"2018-06-04T19:04:08.896Z","values":[596,619]},{"time":"2018-06-04T19:05:08.976Z","values":[521,544]},{"time":"2018-06-04T19:06:09.056Z","values":[553,576]},{"time":"2018-06-04T19:07:09.12Z","values":[585,608]},{"time":"2018-06-04T19:08:09.2Z","values":[513,536]},{"time":"2018-06-04T19:09:09.36Z","values":[545,568]},{"time":"2018-06-04T19:10:09.44Z","values":[577,600]},{"time":"2018-06-04T19:11:09.52Z","values":[512,535]},{"time":"2018-06-04T19:12:09.6Z","values":[544,567]},{"time":"2018-06-04T19:13:09.664Z","values":[576,599]},{"time":"2018-06-04T19:14:09.76Z","values":[504,527]},{"time":"2018-06-04T19:15:09.744Z","values":[536,559]},{"time":"2018-06-04T19:16:09.824Z","values":[568,591]},{"time":"2018-06-04T19:17:09.888Z","values":[600,623]},{"time":"2018-06-04T19:18:09.968Z","values":[528,551]},{"time":"2018-06-04T19:19:10.032Z","values":[557,580]},{"time":"2018-06-04T19:20:10.112Z","values":[589,612]},{"time":"2018-06-04T19:21:10.192Z","values":[517,540]},{"time":"2018-06-04T19:22:10.368Z","values":[549,572]},{"time":"2018-06-04T19:23:10.656Z","values":[581,604]},{"time":"2018-06-04T19:24:10.72Z","values":[509,532]},{"time":"2018-06-04T19:25:10.8Z","values":[548,571]},{"time":"2018-06-04T19:26:10.88Z","values":[580,603]},{"time":"2018-06-04T19:27:10.848Z","values":[508,531]},{"time":"2018-06-04T19:28:10.928Z","values":[540,563]},{"time":"2018-06-04T19:29:11.008Z","values":[572,595]},{"time":"2018-06-04T19:30:11.088Z","values":[500,523]},{"time":"2018-06-04T19:31:11.184Z","values":[532,555]},{"time":"2018-06-04T19:32:11.248Z","values":[564,587]},{"time":"2018-06-04T19:33:11.328Z","values":[596,619]},{"time":"2018-06-04T19:34:11.408Z","values":[521,544]},{"time":"2018-06-04T19:35:11.488Z","values":[553,576]},{"time":"2018-06-04T19:36:11.664Z","values":[585,608]},{"time":"2018-06-04T19:37:11.728Z","values":[513,536]},{"time":"2018-06-04T19:38:11.808Z","values":[545,568]},{"time":"2018-06-04T19:39:11.888Z","values":[577,600]},{"time":"2018-06-04T19:40:11.968Z","values":[512,535]},{"time":"2018-06-04T19:41:12.048Z","values":[544,567]},{"time":"2018-06-04T19:42:12.016Z","values":[576,599]},{"time":"2018-06-04T19:43:12.096Z","values":[504,527]},{"time":"2018-06-04T19:44:12.16Z","values":[536,559]},{"time":"2018-06-04T19:45:12.24Z","values":[568,591]},{"time":"2018-06-04T19:46:12.32Z","values":[600,623]},{"time":"2018-06-04T19:47:12.384Z","values":[528,551]},{"time":"2018-06-04T19:48:12.48Z","values":[557,580]},{"time":"2018-06-04T19:49:12.656Z","values":[589,612]},{"time":"2018-06-04T19:50:12.736Z","values":[517,540]},{"time":"2018-06-04T19:51:12.816Z","values":[549,572]},{"time":"2018-06-04T19:52:12.88Z","values":[581,604]},{"time":"2018-06-04T19:53:12.96Z","values":[509,532]},{"time":"2018-06-04T19:54:12.928Z","values":[541,564]},{"time":"2018-06-04T19:55:13.008Z","values":[573,596]},{"time":"2018-06-04T19:56:13.088Z","values":[508,531]},{"time":"2018-06-04T19:57:13.152Z","values":[540,563]},{"time":"2018-06-04T19:58:13.232Z","values":[572,595]},{"time":"2018-06-04T19:59:13.296Z","values":[500,523]},{"time":"2018-06-04T20:00:13.488Z","values":[532,555]},{"time":"2018-06-04T20:01:13.568Z","values":[564,587]},{"time":"2018-06-04T20:02:13.632Z","values":[593,616]},{"time":"2018-06-04T20:03:13.712Z","values":[521,544]},{"time":"2018-06-04T20:04:13.776Z","values":[553,576]},{"time":"2018-06-04T20:05:14.096Z","values":[585,608]},{"time":"2018-06-04T20:06:14.176Z","values":[513,536]},{"time":"2018-06-04T20:07:14.144Z","values":[545,568]},{"time":"2018-06-04T20:08:14.224Z","values":[577,600]},{"time":"2018-06-04T20:09:14.288Z","values":[505,528]},{"time":"2018-06-04T20:10:14.368Z","values":[544,567]},{"time":"2018-06-04T20:11:14.448Z","values":[576,599]},{"time":"2018-06-04T20:12:14.512Z","values":[504,527]},{"time":"2018-06-04T20:13:14.592Z","values":[536,559]},{"time":"2018-06-04T20:14:14.752Z","values":[568,591]},{"time":"2018-06-04T20:15:14.832Z","values":[600,623]},{"time":"2018-06-04T20:16:14.912Z","values":[525,548]},{"time":"2018-06-04T20:17:14.992Z","values":[557,580]},{"time":"2018-06-04T20:18:15.072Z","values":[589,612]},{"time":"2018-06-04T20:19:15.04Z","values":[517,540]},{"time":"2018-06-04T20:20:15.12Z","values":[549,572]},{"time":"2018-06-04T20:21:15.2Z","values":[581,604]},{"time":"2018-06-04T20:22:15.28Z","values":[509,532]},{"time":"2018-06-04T20:23:15.36Z","values":[541,564]},{"time":"2018-06-04T20:24:15.424Z","values":[580,603]},{"time":"2018-06-04T20:25:15.504Z","values":[508,531]},{"time":"2018-06-04T20:26:15.584Z","values":[540,563]},{"time":"2018-06-04T20:27:15.76Z","values":[572,595]},{"time":"2018-06-04T20:28:15.84Z","values":[500,523]},{"time":"2018-06-04T20:29:15.92Z","values":[532,555]},{"time":"2018-06-04T20:30:16Z","values":[561,584]},{"time":"2018-06-04T20:31:16.08Z","values":[593,616]},{"time":"2018-06-04T20:32:16.048Z","values":[521,544]},{"time":"2018-06-04T20:33:16.112Z","values":[553,576]},{"time":"2018-06-04T20:34:16.192Z","values":[585,608]},{"time":"2018-06-04T20:35:16.272Z","values":[513,536]},{"time":"2018-06-04T20:36:16.352Z","values":[545,568]},{"time":"2018-06-04T20:37:16.416Z","values":[577,600]},{"time":"2018-06-04T20:38:16.496Z","values":[512,535]},{"time":"2018-06-04T20:39:16.688Z","values":[544,567]},{"time":"2018-06-04T20:40:16.768Z","values":[576,599]},{"time":"2018-06-04T20:41:16.848Z","values":[504,527]},{"time":"2018-06-04T20:42:16.912Z","values":[536,559]},{"time":"2018-06-04T20:43:16.992Z","values":[568,591]},{"time":"2018-06-04T20:44:16.96Z","values":[600,623]},{"time":"2018-06-04T20:45:17.04Z","values":[528,551]},{"time":"2018-06-04T20:46:17.12Z","values":[557,580]},{"time":"2018-06-04T20:47:17.2Z","values":[589,612]},{"time":"2018-06-04T20:48:17.488Z","values":[517,540]},{"time":"2018-06-04T20:49:17.552Z","values":[549,572]},{"time":"2018-06-04T20:50:17.632Z","values":[581,604]},{"time":"2018-06-04T20:51:17.712Z","values":[509,532]},{"time":"2018-06-04T20:52:17.888Z","values":[548,571]},{"time":"2018-06-04T20:53:17.952Z","values":[580,603]},{"time":"2018-06-04T20:54:18.032Z","values":[508,531]},{"time":"2018-06-04T20:55:18.112Z","values":[540,563]},{"time":"2018-06-04T20:56:18.208Z","values":[572,595]},{"time":"2018-06-04T20:57:18.272Z","values":[500,523]},{"time":"2018-06-04T20:58:18.256Z","values":[532,555]},{"time":"2018-06-04T20:59:18.32Z","values":[564,587]},{"time":"2018-06-04T21:00:18.4Z","values":[593,616]},{"time":"2018-06-04T21:01:18.48Z","values":[521,544]},{"time":"2018-06-04T21:02:18.544Z","values":[553,576]},{"time":"2018-06-04T21:03:18.624Z","values":[585,608]},{"time":"2018-06-04T21:04:18.8Z","values":[513,536]},{"time":"2018-06-04T21:05:18.88Z","values":[545,568]},{"time":"2018-06-04T21:06:18.96Z","values":[584,607]},{"time":"2018-06-04T21:07:19.024Z","values":[512,535]},{"time":"2018-06-04T21:08:19.104Z","values":[544,567]},{"time":"2018-06-04T21:09:19.072Z","values":[576,599]},{"time":"2018-06-04T21:10:19.152Z","values":[504,527]},{"time":"2018-06-04T21:11:19.232Z","values":[536,559]},{"time":"2018-06-04T21:12:19.312Z","values":[568,591]},{"time":"2018-06-04T21:13:19.408Z","values":[600,623]},{"time":"2018-06-04T21:14:19.472Z","values":[525,548]},{"time":"2018-06-04T21:15:19.552Z","values":[557,580]},{"time":"2018-06-04T21:16:19.632Z","values":[589,612]},{"time":"2018-06-04T21:17:19.808Z","values":[517,540]},{"time":"2018-06-04T21:18:19.888Z","values":[549,572]},{"time":"2018-06-04T21:19:19.952Z","values":[581,604]},{"time":"2018-06-04T21:20:20.032Z","values":[516,539]},{"time":"2018-06-04T21:21:20.112Z","values":[548,571]},{"time":"2018-06-04T21:22:20.08Z","values":[580,603]},{"time":"2018-06-04T21:23:20.16Z","values":[508,531]},{"time":"2018-06-04T21:24:20.224Z","values":[540,563]},{"time":"2018-06-04T21:25:20.304Z","values":[572,595]},{"time":"2018-06-04T21:26:20.384Z","values":[500,523]},{"time":"2018-06-04T21:27:20.448Z","values":[532,555]},{"time":"2018-06-04T21:28:20.64Z","values":[561,584]},{"time":"2018-06-04T21:29:20.704Z","values":[593,616]},{"time":"2018-06-04T21:30:21.024Z","values":[521,544]},{"time":"2018-06-04T21:31:21.104Z","values":[553,576]},{"time":"2018-06-04T21:32:21.168Z","values":[585,608]},{"time":"2018-06-04T21:33:21.248Z","values":[513,536]},{"time":"2018-06-04T21:34:21.312Z","values":[552,575]},{"time":"2018-06-04T21:35:21.296Z","values":[577,600]},{"time":"2018-06-04T21:36:21.376Z","values":[512,535]},{"time":"2018-06-04T21:37:21.44Z","values":[544,567]},{"time":"2018-06-04T21:38:21.52Z","values":[576,599]},{"time":"2018-06-04T21:39:21.584Z","values":[504,527]},{"time":"2018-06-04T21:40:21.76Z","values":[536,559]},{"time":"2018-06-04T21:41:21.856Z","values":[568,591]},{"time":"2018-06-04T21:42:21.92Z","values":[597,620]},{"time":"2018-06-04T21:43:22Z","values":[525,548]},{"time":"2018-06-04T21:44:22.064Z","values":[557,null]},{"time":"2018-06-04T21:45:22.144Z","values":[null,612]},{"time":"2018-06-04T21:46:22.224Z","values":[517,540]},{"time":"2018-06-04T21:47:22.32Z","values":[549,572]},{"time":"2018-06-04T21:48:22.304Z","values":[581,604]},{"time":"2018-06-04T21:49:22.368Z","values":[509,532]},{"time":"2018-06-04T21:50:22.448Z","values":[548,571]},{"time":"2018-06-04T21:51:22.528Z","values":[580,603]},{"time":"2018-06-04T21:52:22.592Z","values":[508,531]},{"time":"2018-06-04T21:53:22.672Z","values":[540,563]},{"time":"2018-06-04T21:54:22.848Z","values":[572,595]},{"time":"2018-06-04T21:55:22.928Z","values":[500,523]},{"time":"2018-06-04T21:56:23.008Z","values":[529,552]},{"time":"2018-06-04T21:57:23.072Z","values":[561,584]},{"time":"2018-06-04T21:58:23.152Z","values":[593,616]},{"time":"2018-06-04T21:59:23.12Z","values":[521,544]},{"time":"2018-06-04T22:00:23.2Z","values":[553,576]},{"time":"2018-06-04T22:01:23.28Z","values":[585,608]},{"time":"2018-06-04T22:02:23.344Z","values":[513,536]},{"time":"2018-06-04T22:03:23.424Z","values":[545,568]},{"time":"2018-06-04T22:04:23.52Z","values":[584,607]},{"time":"2018-06-04T22:05:23.584Z","values":[512,535]},{"time":"2018-06-04T22:06:23.664Z","values":[544,567]},{"time":"2018-06-04T22:07:23.84Z","values":[576,599]},{"time":"2018-06-04T22:08:23.92Z","values":[504,527]},{"time":"2018-06-04T22:09:23.984Z","values":[536,559]},{"time":"2018-06-04T22:10:24.064Z","values":[565,588]},{"time":"2018-06-04T22:11:24.144Z","values":[597,620]},{"time":"2018-06-04T22:12:24.336Z","values":[525,548]},{"time":"2018-06-04T22:13:24.4Z","values":[557,580]},{"time":"2018-06-04T22:14:24.48Z","values":[589,612]},{"time":"2018-06-04T22:15:24.56Z","values":[517,540]},{"time":"2018-06-04T22:16:24.64Z","values":[549,572]},{"time":"2018-06-04T22:17:24.704Z","values":[581,604]},{"time":"2018-06-04T22:18:24.784Z","values":[509,532]},{"time":"2018-06-04T22:19:24.96Z","values":[548,571]},{"time":"2018-06-04T22:20:25.04Z","values":[580,603]},{"time":"2018-06-04T22:21:25.136Z","values":[508,531]},{"time":"2018-06-04T22:22:25.2Z","values":[540,563]},{"time":"2018-06-04T22:23:25.28Z","values":[572,595]},{"time":"2018-06-04T22:24:25.36Z","values":[500,523]},{"time":"2018-06-04T22:25:25.44Z","values":[529,552]},{"time":"2018-06-04T22:26:25.408Z","values":[564,587]},{"time":"2018-06-04T22:27:25.488Z","values":[593,616]},{"time":"2018-06-04T22:28:25.568Z","values":[521,544]},{"time":"2018-06-04T22:29:25.632Z","values":[553,576]},{"time":"2018-06-04T22:30:25.712Z","values":[585,608]},{"time":"2018-06-04T22:31:25.792Z","values":[513,536]},{"time":"2018-06-04T22:32:25.968Z","values":[545,568]},{"time":"2018-06-04T22:33:26.032Z","values":[584,607]},{"time":"2018-06-04T22:34:26.112Z","values":[512,535]},{"time":"2018-06-04T22:35:26.192Z","values":[544,567]},{"time":"2018-06-04T22:36:26.272Z","values":[576,599]},{"time":"2018-06-04T22:37:26.24Z","values":[504,527]},{"time":"2018-06-04T22:38:26.432Z","values":[536,559]},{"time":"2018-06-04T22:39:26.4Z","values":[568,591]},{"time":"2018-06-04T22:40:26.48Z","values":[600,623]},{"time":"2018-06-04T22:41:26.56Z","values":[525,548]},{"time":"2018-06-04T22:42:26.64Z","values":[557,580]},{"time":"2018-06-04T22:43:26.704Z","values":[589,612]},{"time":"2018-06-04T22:44:26.784Z","values":[517,540]},{"time":"2018-06-04T22:45:26.96Z","values":[549,572]},{"time":"2018-06-04T22:46:27.04Z","values":[581,604]},{"time":"2018-06-04T22:47:27.104Z","values":[516,539]},{"time":"2018-06-04T22:48:27.184Z","values":[548,571]},{"time":"2018-06-04T22:49:27.264Z","values":[580,603]},{"time":"2018-06-04T22:50:27.232Z","values":[508,531]},{"time":"2018-06-04T22:51:27.312Z","values":[540,563]},{"time":"2018-06-04T22:52:27.376Z","values":[572,595]},{"time":"2018-06-04T22:53:27.456Z","values":[500,523]},{"time":"2018-06-04T22:54:27.744Z","values":[532,555]},{"time":"2018-06-04T22:55:27.84Z","values":[561,584]},{"time":"2018-06-04T22:56:27.92Z","values":[593,616]},{"time":"2018-06-04T22:57:27.984Z","values":[521,544]},{"time":"2018-06-04T22:58:28.064Z","values":[553,576]},{"time":"2018-06-04T22:59:28.24Z","values":[585,608]},{"time":"2018-06-04T23:00:28.32Z","values":[513,536]},{"time":"2018-06-04T23:01:28.4Z","values":[552,575]},{"time":"2018-06-04T23:02:28.48Z","values":[584,607]},{"time":"2018-06-04T23:03:28.544Z","values":[512,535]},{"time":"2018-06-04T23:04:28.512Z","values":[544,567]},{"time":"2018-06-04T23:05:28.592Z","values":[576,599]},{"time":"2018-06-04T23:06:28.672Z","values":[504,527]},{"time":"2018-06-04T23:07:28.752Z","values":[536,559]},{"time":"2018-06-04T23:08:28.816Z","values":[568,591]},{"time":"2018-06-04T23:09:28.896Z","values":[597,620]},{"time":"2018-06-04T23:10:28.976Z","values":[525,548]},{"time":"2018-06-04T23:11:29.056Z","values":[557,580]},{"time":"2018-06-04T23:12:29.248Z","values":[589,612]},{"time":"2018-06-04T23:13:29.328Z","values":[517,540]},{"time":"2018-06-04T23:14:29.392Z","values":[549,572]},{"time":"2018-06-04T23:15:29.472Z","values":[588,611]},{"time":"2018-06-04T23:16:29.552Z","values":[516,539]},{"time":"2018-06-04T23:17:29.52Z","values":[548,571]},{"time":"2018-06-04T23:18:29.6Z","values":[580,603]},{"time":"2018-06-04T23:19:29.664Z","values":[508,531]},{"time":"2018-06-04T23:20:29.744Z","values":[540,563]},{"time":"2018-06-04T23:21:29.824Z","values":[572,595]},{"time":"2018-06-04T23:22:29.904Z","values":[500,523]},{"time":"2018-06-04T23:23:29.984Z","values":[529,552]},{"time":"2018-06-04T23:24:30.144Z","values":[561,584]},{"time":"2018-06-04T23:25:30.224Z","values":[593,616]},{"time":"2018-06-04T23:26:30.304Z","values":[521,544]},{"time":"2018-06-04T23:27:30.384Z","values":[553,576]},{"time":"2018-06-04T23:28:30.464Z","values":[585,608]},{"time":"2018-06-04T23:29:30.544Z","values":[520,543]},{"time":"2018-06-04T23:30:30.624Z","values":[552,575]},{"time":"2018-06-04T23:31:30.608Z","values":[584,607]},{"time":"2018-06-04T23:32:30.672Z","values":[512,535]},{"time":"2018-06-04T23:33:30.752Z","values":[544,567]},{"time":"2018-06-04T23:34:30.832Z","values":[576,599]},{"time":"2018-06-04T23:35:30.912Z","values":[504,527]},{"time":"2018-06-04T23:36:31.2Z","values":[536,559]},{"time":"2018-06-04T23:37:31.28Z","values":[568,591]},{"time":"2018-06-04T23:38:31.376Z","values":[597,620]},{"time":"2018-06-04T23:39:31.472Z","values":[525,548]},{"time":"2018-06-04T23:40:31.584Z","values":[557,580]},{"time":"2018-06-04T23:41:31.68Z","values":[589,612]},{"time":"2018-06-04T23:42:31.776Z","values":[517,540]},{"time":"2018-06-04T23:43:31.888Z","values":[556,579]},{"time":"2018-06-04T23:44:31.968Z","values":[588,611]},{"time":"2018-06-04T23:45:32.064Z","values":[516,539]},{"time":"2018-06-04T23:46:32.192Z","values":[548,571]},{"time":"2018-06-04T23:47:32.272Z","values":[580,603]},{"time":"2018-06-04T23:48:32.368Z","values":[508,531]},{"time":"2018-06-04T23:49:32.448Z","values":[537,560]},{"time":"2018-06-04T23:50:32.544Z","values":[569,592]},{"time":"2018-06-04T23:51:32.656Z","values":[497,520]},{"time":"2018-06-04T23:52:32.752Z","values":[529,552]},{"time":"2018-06-04T23:53:32.848Z","values":[561,584]},{"time":"2018-06-04T23:54:32.928Z","values":[600,623]},{"time":"2018-06-04T23:55:33.04Z","values":[528,551]},{"time":"2018-06-04T23:56:33.136Z","values":[560,583]},{"time":"2018-06-04T23:57:33.216Z","values":[592,615]},{"time":"2018-06-04T23:58:33.312Z","values":[520,543]},{"time":"2018-06-04T23:59:33.408Z","values":[552,575]},{"time":"2018-06-05T00:00:33.504Z","values":[581,604]},{"time":"2018-06-05T00:01:33.616Z","values":[509,532]},{"time":"2018-06-05T00:02:33.696Z","values":[541,564]},{"time":"2018-06-05T00:03:33.824Z","values":[573,596]},{"time":"2018-06-05T00:04:33.904Z","values":[501,524]},{"time":"2018-06-05T00:05:34Z","values":[533,556]},{"time":"2018-06-05T00:06:34.112Z","values":[572,595]},{"time":"2018-06-05T00:07:34.192Z","values":[500,523]},{"time":"2018-06-05T00:08:34.304Z","values":[532,555]},{"time":"2018-06-05T00:09:34.384Z","values":[564,587]},{"time":"2018-06-05T00:10:34.48Z","values":[596,619]},{"time":"2018-06-05T00:11:34.576Z","values":[521,544]},{"time":"2018-06-05T00:12:34.672Z","values":[553,576]},{"time":"2018-06-05T00:13:34.768Z","values":[585,608]},{"time":"2018-06-05T00:14:34.848Z","values":[513,536]},{"time":"2018-06-05T00:15:34.944Z","values":[545,568]},{"time":"2018-06-05T00:16:35.056Z","values":[577,600]},{"time":"2018-06-05T00:17:35.136Z","values":[512,535]},{"time":"2018-06-05T00:18:35.472Z","values":[544,567]},{"time":"2018-06-05T00:19:35.568Z","values":[576,599]},{"time":"2018-06-05T00:20:35.68Z","values":[504,527]}]');
+        return of({ error: null, isUnbind: false, values: result });
+    }
+}

package/demo/src/gui/default-operation-record.service.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { OperationRecordService, CreateOperationRecordArgs } from '@flexem/fc-gui';
+export class DefaultOperationRecordService implements OperationRecordService {
+    constructor() {
+    }
+    record(args: CreateOperationRecordArgs): void {
+    }
+}

package/demo/src/gui/default-permission-checker.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import { PermissionChecker } from '@flexem/fc-gui';
+export class DefaultPermissionChecker implements PermissionChecker {
+    constructor(private readonly ownedPermissions: string[]) {
+    }
+    isGranted(permissions: string[]): boolean {
+        if (this.ownedPermissions == null || permissions == null) {
+            return false;
+        }
+        for (let i = 0; i < this.ownedPermissions.length; i++) {
+            if (permissions.indexOf(this.ownedPermissions[i]) !== -1) {
+                return true;
+            }
+        }
+        return false;
+    }
+}

package/demo/src/gui/default-variable-communicator.ts ADDED Viewed

@@ -0,0 +1,68 @@
+import { VariableCommunicator, VariableDefinition, VariableValue, VariableState } from '@flexem/fc-gui';
+import * as _ from 'lodash';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+export class DefaultVariableCommunicator implements VariableCommunicator {
+    openVariables(variableNames: Array<string>): Observable<Array<VariableValue>> {
+        return new Observable<VariableValue[]>(observer => {
+            const timerId = setInterval(() => {
+                observer.next(this.getRandomVariableValues(variableNames));
+            }, 1000);
+            observer.next(this.getRandomVariableValues(variableNames));
+            return () => clearInterval(timerId);
+        });
+    }
+    openVariable(variableName: string): Observable<VariableValue> {
+        return this.openVariables([variableName]).pipe(map<VariableValue[], VariableValue>(values => values[0]));
+    }
+    write(variableName: string, value: any): Observable<VariableValue> {
+        return new Observable<VariableValue>(observer => {
+            setTimeout(() => {
+                const variableValue = new VariableValue(variableName, value);
+                observer.next(variableValue);
+            }, 300);
+        });
+    }
+    writeWordByBit(variable: string, index: number, value: any): Observable<VariableValue> {
+        return new Observable<VariableValue>(observer => {
+            setTimeout(() => {
+                const variableValue = new VariableValue(variable, value);
+                observer.next(variableValue);
+            }, 300);
+        });
+    }
+    subscribeVariableState(variableName: string): Observable<VariableState> {
+        return this.subscribeVariableStates([variableName]).pipe(map<VariableValue[], VariableValue>(values => values[0]));
+    }
+    subscribeVariableStates(variableNames: Array<string>): Observable<Array<VariableState>> {
+        return new Observable<VariableValue[]>(observer => {
+            const timerId = setInterval(() => {
+                observer.next(this.getRandomVariableStates(variableNames));
+            }, 1000);
+            observer.next(this.getRandomVariableStates(variableNames));
+            return () => clearInterval(timerId);
+        });
+    }
+    private getRandomVariableValues(variables: Array<string>): VariableValue[] {
+        return _.map(variables, t => {
+            return new VariableValue(t, 9, Math.floor(Math.random() * 1000));
+        });
+    }
+    private getRandomVariableStates(variables: Array<string>): VariableState[] {
+        return _.map(variables, t => {
+            return new VariableState(t, 0);
+        });
+    }
+    dispose() {
+    }
+}

package/demo/src/index.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Gui</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+  <app-root>Loading...</app-root>
+</body>
+</html>

package/demo/src/main.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+if (environment.production) {
+    enableProdMode();
+}
+platformBrowserDynamic().bootstrapModule(AppModule);