@operato/scene-restful 0.1.2

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+### [0.1.2](https://github.com/things-scene/operato-scene/compare/v0.1.1...v0.1.2) (2022-01-13)
+
+**Note:** Version bump only for package @operato/scene-restful

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Hearty, Oh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,13 @@
+## build
+
+`$ yarn build`
+
+| type | filename                   | for            | tested |
+| ---- | -------------------------- | -------------- | ------ |
+| UMD  | things-scene-restful.js    | modern browser | O      |
+| UMD  | things-scene-restful-ie.js | ie 11          | O      |
+| ESM  | things-scene-restful.mjs   | modern browser | O      |
+
+## publish
+
+`$ yarn publish`

package/boards/boards.json

@@ -0,0 +1,12 @@
+{
+  "SAMPLE": {
+    "name": "SAMPLE",
+    "description": "",
+    "width": 1920,
+    "height": 1080,
+    "updatedAt": 1524117648813,
+    "createdAt": 1524110268095,
+    "group": "DEFAULT-GROUP",
+    "thumbnail": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAADhCAYAAADmtuMcAAARIklEQVR4Xu3dbZCV5XkH8Os8uyiyy7KCWqqiVihirVA0MYzVRsmL1peQEF/itH7yJW2d6NhOtdRMRzqZdKJVnIk2mjGfbILRKio0VUuwppmYVjSjQpgoajA6JYq47LLI2zmnc7YBlUEXnt1z7r23v53xg+65n+vi93/kP885K1bCFwECBAgQKCFQKXHGEQIECBAgEArETUCAAAECpQQUSCk2hwgQIEBAgbgHCBAgQKCUgAIpxeYQAQIECCgQ9wABAgQIlBJQIKXYHCJAgAABBeIeIECAAIFSAgqkFJtDBAgQIKBA3AMECBAgUEpAgZRic4gAAQIEFIh7gAABAgRKCSiQUmwOESBAgIACcQ8QIECAQCkBBVKKzSECBAgQUCDuAQIECBAoJaBASrE5RIAAAQIKxD1AgAABAqUEFEgpNocIECBAQIG4BwgQIECglIACKcXmEAECBAgoEPcAAQIECJQSUCCl2BwiQIAAAQXiHiBAgACBUgIKpBSbQwQIECCgQNwDBAgQIFBKQIGUYnOIAAECBBSIe4AAAQIESgkokFJsDhEgQICAAnEPECBAgEApAQVSis0hAgQIEFAg7gECBAgQKCWgQEqxOUSAAAECCsQ9QIAAAQKlBBRIKTaHCBAgQECBuAcIECBAoJSAAinF5hABAgQIKBD3AAECBAiUElAgpdgcIkCAAAEF4h4gQIAAgVICCqQUm0MECBAgoEDcAwQIECBQSkCBlGJziAABAgQUiHuAAAECBEoJKJBSbA4RIECAgAJxDxAgQIBAKQEFUorNIQIECBBQIO4BAgQIECgloEBKsTlEgAABAgrEPUCAAAECpQQUSCk2hwgQIEBAgbgHCBAgQKCUgAIpxeYQAQIECCgQ9wABAgQIlBJQIKXYHCIw4gWKiGj85StPgXpEVEf66gpkpCdkPwIlBBYuXPjlWbNmzS5x1JERILBu3bpfXXPNNTdFxI4RsM6HrqBARnI6diNQUuD+++//9gUXXHBFyeOOJRZ46qmnVpx66qnnRcS7iVf5yPEKZCSnYzcCJQUUSEm4EXJMgYyQIKwxNIHnzjy5LyqVzg9epf69WSue+ZOhXdnpZgookGbqNv/aCqT5xiY0UeC5uR9rfIg32OPrL2auWDljsNf5fusFFEjrzYdzogIZTk3XapnAypNPHjdmQqV/fwbOWrHSW6H7A9aC1yqQFiA3cYQCaSKuSzdPYF+ePPY2XYk0L5MyV1YgZdRGzhkFMnKysMk+CpQtj8bli3r9b0984pl/2MdRXtZkgdFQIO+8807U6/Xo6uqK7du3R19fX4wZM2ZAbseOHTFhwoQYO3ZsbNmyJbZu3RqVSiUOPvjgJsu25vIKpDXOpgyTwHNzT5obUfxwKJfzFDIUveE9OxoKZPny5XHvvffGXXfdFf39/bFo0aK4+uqr46yzzopbbrklnnzyyTjllFPitNNOizPOOCPuvvvumDlz5vBCJrqaAkkEb2w5gfc/fdT6N0fRsccPXn3IZT/w2nr107Oe+NmQSqjc9k7tKTAaCmTNmjXx6KOPxrXXXjvwJPLYY4/F2WefHZdffnncfvvtsWrVqli6dGksXLhw4J/dfPPNnkBa/K+CDz9bDD5Sx+0qkBMf/2m88Nk5+7xm28GTYufbb0Wl+L8/NcNTyD7TNfWFo6FAVq9eHcuWLYvrr7/+AwVy1VVXDbxtNX78+Lj11lujra0trrjiirjpppti4sSJTXVt1cU9gbRK2pwhC/zsjD/oLor2dxoXOvHf/yte+MwnouuPPh3jfu/3Y/2dt8XhX7kuqpt74637vxvdZ54VY485dmDm6//499E+cVJU+/oUyJBTGN4LjIYCWbt2bTzwwAO7C2TJkiUxf/78uPLKKweeOi6++OK47777YvLkyQNPII23tRqfi2zYsCE6OjrioIMOGl7UFl5NgbQQ26ihCTx35uxPRaVteeMqM3/4dDz/qY/HtDv/Odb+2Z/GAYdPiQOPOjr6fvrjeP/TyRF/+dV449avRe3dd6Otc3zUqzs9gQwthmE9PRoKpPG21YIFCwY+5+jt7Y05c+bEYYcdFueee27ccccdA8Vx+umnD7y1demllw681dUojsbbXrfddtvAk0muXwok1+T+H+79wic/9plaWzy+Z4G8sejrsWXNquiac1r0PvWfEUXReItqoGB2F8i2bdEx86R49xerFcgIundGQ4Hs4mz8NFbjaaLxE1d7+6pWqwNl0fhJrUbpHHjggSMoiXKrKJBybk4lEHj29NmHto1pe/P9b2H97ne+Hy9ddnF0n31+HPXXf7d7qzcfvDfW33FLHHn9jfH6N26MoqPDW1gJMhts5GgqkMF+raPx+wpkNKY6in9Nuz9E/81nIPv6Sy3Gd0V1U4/PQPYVrEWvUyAtgm7SGAXSJFiXbY7ArgKp79wZk87/Ymz8t4f3adDE874QG5ct+c1r638xa8Uz39qng17UVAEF0lTepl9cgTSd2IDhFHjuzI8viEr960O5ph/hHYre8J5VIMPr2eqrKZBWi5s3ZIGh/FEmUa99f9YTz35pyEu4wLAIKJBhYUx2EQWSjN7goQiULRFPH0NRH/6zCmT4TVt5RQXSSm2zhk3g2bmzj26Ltl/uzwWVx/5otea199xzz93z5s27rDXTTBlugZUrV/7H3Llzz/G/tB1uWddricC+PIlUIt6euWLlIS1ZyJD9ErjhhhtOPfLII6fu1yEvHjECPT09by1YsKDx32bVRsxSe1nEn4U1ktNJvNvP584+esfen0ZembVipd+cEudjPIHUAgokdQLmEyBAIFMBBZJpcNYmQIBAagEFkjoB8wkQIJCpgALJNDhrEyBAILWAAkmdgPkECBDIVECBZBqctQkQIJBaQIGkTsB8AgQIZCqgQDINztoECBBILaBAUidgPgECBDIVUCCZBmdtAgQIpBZQIKkTMJ8AAQKZCiiQTIOzNgECBFILKJDUCZhPgACBTAUUSKbBWZsAAQKpBRRI6gTMJ0CAQKYCCiTT4KxNgACB1AIKJHUC5hMgQCBTAQWSaXDWJkCAQGoBBZI6AfMJECCQqYACyTQ4axMgQCC1gAJJnYD5BAgQyFRAgWQanLUJECCQWkCBpE7AfAIECGQqoEAyDc7aBAgQSC2gQFInYD4BAgQyFVAgmQZnbQIECKQWUCCpEzCfAAECmQookEyDszYBAgRSCyiQ1AmYT4AAgUwFFEimwVmbAAECqQUUSOoEzCdAgECmAgok0+CsTYAAgdQCCiR1AuYTIEAgUwEFkmlw1iZAgEBqAQWSOgHzCRAgkKmAAsk0OGsTIEAgtYACSZ2A+QQIEMhUQIFkGpy1CRAgkFpAgaROwHwCBAhkKqBAMg3O2gQIEEgtoEBSJ2A+AQIEMhVQIJkGZ20CBAikFlAgqRMwnwABApkKKJBMg7M2AQIEUgsokNQJmE+AAIFMBRRIpsFZmwABAqkFFEjqBMwnQIBApgIKJNPgrE2AAIHUAgokdQLmEyBAIFMBBZJpcNYmQIBAagEFkjoB8wkQIJCpgALJNDhrEyBAILWAAkmdgPkECBDIVECBZBqctQkQIJBaQIGkTsB8AgQIZCqgQDINztoECBBILaBAUidgPgECBDIVUCCZBmdtAgQIpBZQIKkTMJ8AAQKZCiiQTIOzNgECBFILKJDUCZhPgACBTAUUSKbBWZsAAQKpBRRI6gTMJ0CAQKYCCiTT4KxNgACB1AIKJHUC5hMgQCBTAQWSaXDWJkCAQGoBBZI6AfMJECCQqYACyTQ4axMgQCC1gAJJnYD5BAgQyFRAgWQanLUJECCQWkCBpE7AfAIECGQqoEAyDc7aBAgQSC2gQFInYD4BAgQyFVAgmQZnbQIECKQWUCCpEzCfAAECmQookEyDszYBAgRSCyiQ1AmYT4AAgUwFFEimwVmbAAECqQUUSOoEzCdAgECmAgok0+CsTYAAgdQCCiR1AuYTIEAgUwEFkmlw1iZAgEBqAQWSOgHzCRAgkKmAAsk0OGsTIEAgtYACSZ2A+QQIEMhUQIFkGpy1CRAgkFpAgaROwHwCBAhkKqBAMg3O2gQIEEgtoEBSJ2A+AQIEMhVQIJkGZ20CBAikFlAgqRMwnwABApkKKJBMg7M2AQIEUgsokNQJmE+AAIFMBRRIpsFZmwABAqkFFEjqBMwnQIBApgIKJNPgrE2AAIHUAgokdQLmEyBAIFMBBZJpcNYmQIBAagEFkjoB8wkQIJCpgALJNDhrEyBAILWAAkmdgPkECBDIVECBZBqctQkQIJBaQIGkTsB8AgQIZCqgQDINztoECBBILaBAUidgPgECBDIVUCCZBmdtAgQIpBZQIKkTMJ8AAQKZCiiQTIOzNgECBFILKJDUCZhPgACBTAUUSKbBWZsAAQKpBRRI6gTMJ0CAQKYCCiTT4KxNgACB1AIKJHUC5hMgQCBTAQWSaXDWJkCAQGoBBZI6AfMJECCQqYACyTQ4axMgQCC1gAJJnYD5BAgQyFRAgWQanLUJECCQWkCBpE7AfAIECGQqoEAyDc7aBAgQSC2gQFInYD4BAgQyFVAgmQZnbQIECKQWUCCpEzCfAAECmQookEyDszYBAgRSCyiQ1AmYT4AAgUwFFEimwVmbAAECqQUUSOoEzCdAgECmAgok0+CsTYAAgdQCCiR1AuYTIEAgUwEFkmlw1iZAgEBqAQWSOgHzCRAgkKmAAsk0OGsTIEAgtYACSZ2A+QQIEBhE4JGjpl0a23b8+HO/Xvfqh7208Zq2HdUfnfs/r65rFagCaZW0OQQIECgh8NCUqRcv73v7+O6iPb62ccONe7vEI0ccM+fx/p6zf7v9gLhhw5t7fc0e54qIqH3YOku6j+n+Qs8vewZbV4EMJuT7BAgQSCjw8NFTvxr1Snt757jomjEjNq589gPb1Gq16JoxPXpffDGKKGLea2sHCmTChAl/vmnTpm91dnZ+MiLWbN68ua+zs/OUoiheaHy/t7e3p6Oj47D+/v71Dx5x7PT5b7zy4g8mTzu0Wmzpr7YfeE5tW/Gj+b9++c2P+qUrkIQ3htEECBAYTKBRILVqvf28l1bH8391fbz5k5/E9o3vPRyc9/KaeOXbd9c7p0+v/PdlX95dIF3d3dfWdu58LCIOrRXFuPai+ETUav/a29v7dFdX11X1SqWjb9OmmyNi3INHHHtEo0CWTJn22aISp9ajuurzr736Lw8fNfW6ea+9fNOH7ahABkvP9wkQIJBQYNcTyOfWvRS17dvjB8edUK/VYvfv3Y1/vvaf7oztPT2x9q7vvFcgXV1f6e3t/WbnhAlzi3r9D6Mo2urV6jcrlcofR8TESqWyPiJ+Z9OmTd94aMrUGyqVSi0q9faoV9qiEi9F1A+PHbVH6m2Vcz7/q1cW7Y1AgSS8MYwmQIDAYAK7CmTn9q0RtV0fWzQ+wmh81d77JKOIaB87bneBDHbd4fi+AhkORdcgQIBAkwQenjL1S2c8vmxGz/M/r3fNmFYZe8gh9a09PZX2sWPjgK7uOOCQibG9tzciilh23PHxxfWvD3wGctFFF51ZrxfjKpVaX0TbofV6vTsi1lerxaq2tvitoqhOKori6cWLF2+48MILJxdFMbvx97Va7aharX1HRG1CUdS2FUUxbvHixU96AmlSwC5LgACBZgo8OvPkk477m+tO7D7hhBjTPT6q/VtrbWPHVA7o6qqMmTSpWu3vj9rWHW0PHT/9gYveemvz/uxyySWXnLB48eLVe545//xLDlm6dPGGj7qWJ5D9kfZaAgQIENgtoEDcDAQIECBQSkCBlGJziAABAgQUiHuAAAECBEoJKJBSbA4RIECAgAJxDxAgQIBAKYH/Bc5VOg+wNnUeAAAAAElFTkSuQmCC"
+  }
+}

package/boards/groups.json

@@ -0,0 +1,7 @@
+{
+  "DEFAULT-GROUP": {
+    "name": "DEFAULT-GROUP",
+    "description": "",
+    "type": "group"
+  }
+}

package/boards/models/SAMPLE.json

@@ -0,0 +1,70 @@
+{
+  "width": 1920,
+  "height": 1080,
+  "type": "model-layer",
+  "translate": {
+    "x": 0,
+    "y": 264.53125
+  },
+  "scale": {
+    "x": 0.37864583333333335,
+    "y": 0.37864583333333335
+  },
+  "event": {
+    "hover": {},
+    "tap": {
+      "value": ""
+    }
+  },
+  "components": [
+    {
+      "type": "restful",
+      "xx": 0,
+      "left": 615.5295735900962,
+      "top": 281.36176066024746,
+      "width": 100,
+      "height": 100,
+      "hidden": false,
+      "dataFormat": "json",
+      "rotation": 0,
+      "url": "http://services.groupkt.com/country/get/iso2code/IN",
+      "withCredentials": true,
+      "period": 10,
+      "id": "rest"
+    },
+    {
+      "type": "rect",
+      "xx": 0,
+      "left": 1183.1636863823933,
+      "top": 270.79779917469045,
+      "width": 538.5832187070155,
+      "height": 100,
+      "fillStyle": "#fff",
+      "strokeStyle": "#000",
+      "alpha": 1,
+      "hidden": false,
+      "lineWidth": 1,
+      "lineDash": "solid",
+      "lineCap": "butt",
+      "rotation": 0,
+      "text": "URL",
+      "fontSize": 36,
+      "data": "https://httpbin.org/get",
+      "mappings": [
+        {
+          "rule": "value",
+          "target": "#rest",
+          "property": "value"
+        }
+      ],
+      "id": "url",
+      "event": {
+        "hover": {},
+        "tap": {
+          "target": "$url",
+          "value": "https://httpbin.org/get"
+        }
+      }
+    }
+  ]
+}

package/demo/index.html

@@ -0,0 +1,116 @@
+<!--
+@license
+Copyright © HatioLab Inc. All rights reserved.
+-->
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
+    <title>restful Demo</title>
+    <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
+
+    <link rel="import" href="../../things-scene-viewer/things-scene-viewer.html">
+    <link rel="import" href="../../things-scene-viewer/things-scene-layer.html">
+    <link rel="import" href="../../things-scene-viewer/things-scene-handler.html">
+
+    <link rel="import" href="../../things-designer-elements/things-editor-properties.html">
+
+    <link rel="import" href="./things-scene-restful.html">
+
+    <link rel="import" href="./things-theme.html">
+
+    <style is="custom-style" include="things-theme">
+    things-scene-viewer {
+      display: block;
+      width: 640px;
+      height: 480px;
+    }
+    </style>
+  </head>
+  <body unresolved>
+
+    <template is="dom-bind" id="app">
+      <p>An example of <code>&lt;restful&gt;</code>:</p>
+
+      <things-scene-viewer id='scene'
+                           scene='{{scene}}'
+                           selected='{{selected}}'
+                           model='[[model]]'
+                           mode="0">
+        <things-scene-layer type="selection-layer"></things-scene-layer>
+        <things-scene-layer type="modeling-layer"></things-scene-layer>
+        <things-scene-handler type="text-editor"></things-scene-handler>
+        <things-scene-handler type="move-handler"></things-scene-handler>
+      </things-scene-viewer>
+
+      <p>Properties</p>
+      <things-editor-properties id='props' target="{{props}}" props="[[selected.0.nature.properties]]">
+      </things-editor-properties>
+
+    </template>
+
+    <script>
+      window.addEventListener('WebComponentsReady', function(e) {
+        var app = document.querySelector('#app')
+
+        app.props = {}
+
+        setTimeout(function() {
+          app.scene.on('selected', function(after) {
+            var target = after[0]
+            var props = {}
+            if(target) {
+              target.nature.properties.forEach(function(prop) {
+                var property = prop.property
+                props[property] = target.model[property]
+              })
+            }
+            app.props = props
+          });
+        });
+
+        app.$.props.addEventListener('change', function() {
+          app.selected[0].set(app.props)
+        });
+
+        app.model = {
+          width: 640,
+          height: 480,
+          components: [{
+            type: 'restful',
+            top: 100,
+            left: 100,
+            width:200,
+            height: 70,
+            fontSize: 40,
+            fillStyle: '#00ff00',
+            fontColor: '#FF0000',
+            strokeStyle: '#000',
+            lineWidth: 5,
+            value: 40,
+            text: '#{value}',
+            lineCap: 'round',
+            url: 'http://factory.hatiolab.com/rest/publishers/initData?subject=/elidom/stomp/topic/hatiolab-hq/smart/SCENE-22',
+            period: 60
+          }, {
+            type: 'rect',
+            id: 'ss3Text',
+            top: 100,
+            left: 100,
+            width:200,
+            height: 70,
+            fontSize: 40,
+            fillStyle: '#00ff00',
+            fontColor: '#FF0000',
+            strokeStyle: '#000',
+            lineWidth: 5,
+            value: 40,
+            text: '#{data}',
+            lineCap: 'round'
+          }]
+        }
+      });
+    </script>
+  </body>
+</html>

package/demo/things-scene-restful.html

@@ -0,0 +1,5 @@
+<!--
+@license
+Copyright © HatioLab Inc. All rights reserved.
+-->
+<script src="../things-scene-restful.js"></script>

package/demo/things-theme.html

@@ -0,0 +1,178 @@
+<!--
+@license
+Copyright © HatioLab Inc. All rights reserved.
+-->
+<dom-module id="things-theme">
+  <template>
+    <style>
+      :root {
+        /* element reset style */
+        --paper-badge-background: rgba(0, 0, 0, 0.2);
+        --paper-badge-margin-left: -25px;
+        --paper-fab-background: var(--things-secondary-color);
+        --paper-fab-background: tomato;
+        --paper-input-container-focus-color: var(--things-secondary-color);
+        --paper-toolbar-background: transparent;
+
+        /* common style */
+        --border-radius-clear: {
+          -webkit-border-radius: 0px;
+          -moz-border-radius: 0px;
+          border-radius: 0px;
+        }
+        --things-default-padding: {
+          padding: 15px;
+        }
+        --things-tight-padding: {
+          padding: 7px;
+        }
+        --things-loose-padding: {
+          padding: 30px;
+        }
+        --things-table-padding: {
+          padding: 15px 15px 0 15px;
+        }
+        --things-padding-clear: {
+          padding: 0;
+        }
+        --things-default-margin: {
+          margin: 15px;
+        }
+        --things-margin-clear: {
+          margin: 0;
+        }
+
+        /* color style */
+        --things-primary-color: #826960;
+        --things-secondary-color: #aa866a;
+        --things-focus-background-color: #867f7c;
+        --things-primary-background-color: #826960;
+        --things-secondary-background-color: #aa866a;
+        --things-lightgrey-background-color: rgba(0, 0, 0, 0.15);
+        --things-white-color: #fff;
+        --things-error-color: var(--paper-deep-orange-700);
+        --things-primary-text-color: #726765;
+        --things-green-text-color: var(--paper-green-600);
+        --things-dark-text-color: #585858;
+
+        /* properties panel style */
+        --things-properties-panel: {
+          display: block;
+          width: 270px;
+          min-width: 270px;
+          background-color: var(--paper-blue-grey-50);
+        }
+
+        /* form style */
+        --things-label: {
+          position: relative;
+          top: -3px;
+          width: 25%;
+          min-height: 20px;
+          display: inline-block;
+          margin-bottom: 10px;
+          color: var(--things-primary-text-color);
+          font-size: 12px;
+          text-align: right;
+          font-weight: 100;
+          line-height: 1.6;
+        }
+        --things-input: {
+          width: 65%;
+          margin-bottom: 10px;
+          padding: 3px 5px 2px 5px;
+          -webkit-border-radius: 4px;
+          -moz-border-radius: 4px;
+          border-radius: 4px;
+          border: 1px solid rgba(0, 0, 0, 0.15);
+          font-size: 15px;
+          font-weight: 300;
+        }
+        --things-input-readonly-important: {
+          background-color: transparent;
+          padding: 0 0 0 3px;
+          position: relative;
+          top: -2px;
+          border-color: transparent;
+          font-weight: 600;
+          color: var(--things-primary-text-color);
+        }
+        --things-textarea-label-width: 12.25%;
+        --things-textarea-width: 94.5%;
+        --things-textarea: {
+          -webkit-border-radius: 4px;
+          -moz-border-radius: 4px;
+          border-radius: 4px;
+          border: 1px solid rgba(0, 0, 0, 0.2);
+          color: var(--things-primary-text-color);
+          font-size: 13px;
+          width: 100%;
+          height: 84%;
+          padding: 1%;
+        }
+        --things-fieldset: {
+          border: none;
+          margin: 0;
+          padding: 9px 0 0 0;
+          border-bottom: 1px solid #cfd8dc;
+          color: var(--things-primary-text-color);
+          font-size: 12px;
+        }
+        --things-fieldset-legend: {
+          padding: 9px 0 0 7px;
+          font-size: 11px;
+          color: #e46c2e;
+          font-weight: bold;
+          text-transform: capitalize;
+        }
+        --things-select: {
+          max-width: 69%;
+          min-width: 50%;
+          margin-bottom: 10px;
+          padding: 3px 20px 2px 5px;
+          -webkit-border-radius: 4px;
+          -moz-border-radius: 4px;
+          border-radius: 4px;
+          border: 1px solid rgba(0, 0, 0, 0.15);
+          font-size: 15px;
+          font-weight: 300;
+          -webkit-appearance: none;
+        }
+        --things-input-color: {
+          position: relative;
+          margin-left: -30px;
+          width: 25px;
+          height: 21px;
+          border: none;
+          padding: 0;
+        }
+        --things-properties-icon-only-label: {
+          width: 30px;
+          height: 24px;
+          margin-top: 2px;
+          margin-bottom: 5px;
+        }
+        --things-editor-colorbar: {
+          border: 1px solid #ccc;
+        }
+        --things-editor-color-input-text: {
+          @apply (--things-input);
+        }
+        --things-editor-color-input-color: {
+          border: none;
+          background-color: transparent;
+          margin-left: -27px;
+          position: relative;
+          width: 20px;
+        }
+        --things-dropdown-item: {
+          min-height: 30px;
+          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+          padding: 0 10px;
+          font-size: 13px;
+          color: var(--things-primary-text-color);
+        }
+      }
+    </style>
+  </template>
+</dom-module>

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default as Restful } from './restful';

package/dist/index.js

@@ -0,0 +1,5 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+export { default as Restful } from './restful';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport { default as Restful } from './restful'\n"]}

package/dist/jsonp.d.ts

@@ -0,0 +1,19 @@
+/**
+ * JSONP handler
+ *
+ * Options:
+ *  - param {String} qs parameter (`callback`)
+ *  - prefix {String} qs parameter (`__jp`)
+ *  - name {String} qs parameter (`prefix` + incr)
+ *  - timeout {Number} how long after a timeout error is emitted (`60000`)
+ *
+ * @param {String} url
+ * @param {Object|Function} optional options / callback
+ * @param {Function} optional callback
+ */
+export default function jsonp(url: string, opts: {
+    prefix?: string;
+    name?: string;
+    param?: string;
+    timeout?: number;
+}, fn: (self: any, data?: any) => void): () => void;

package/dist/jsonp.js

@@ -0,0 +1,73 @@
+import { debug } from '@hatiolab/things-scene';
+var count = 0;
+function noop() { }
+/**
+ * JSONP handler
+ *
+ * Options:
+ *  - param {String} qs parameter (`callback`)
+ *  - prefix {String} qs parameter (`__jp`)
+ *  - name {String} qs parameter (`prefix` + incr)
+ *  - timeout {Number} how long after a timeout error is emitted (`60000`)
+ *
+ * @param {String} url
+ * @param {Object|Function} optional options / callback
+ * @param {Function} optional callback
+ */
+export default function jsonp(url, opts, fn) {
+    var _a;
+    if ('function' == typeof opts) {
+        fn = opts;
+        opts = {};
+    }
+    if (!opts)
+        opts = {};
+    var prefix = opts.prefix || '__jp';
+    // use the callback name that was passed if one was provided.
+    // otherwise generate a unique name by incrementing our counter.
+    var id = opts.name || prefix + count++;
+    var param = opts.param || 'callback';
+    var timeout = null != opts.timeout ? opts.timeout : 60000;
+    var enc = encodeURIComponent;
+    var target = document.getElementsByTagName('script')[0] || document.head;
+    var script;
+    var timer;
+    if (timeout) {
+        timer = setTimeout(function () {
+            cleanup();
+            if (fn)
+                fn(new Error('Timeout'));
+        }, timeout);
+    }
+    function cleanup() {
+        if (script.parentNode)
+            script.parentNode.removeChild(script);
+        //@ts-ignore
+        window[id] = noop;
+        if (timer)
+            clearTimeout(timer);
+    }
+    function cancel() {
+        // @ts-ignore
+        if (window[id]) {
+            cleanup();
+        }
+    }
+    //@ts-ignore
+    window[id] = function (data) {
+        debug('jsonp got', data);
+        cleanup();
+        if (fn)
+            fn(null, data);
+    };
+    // add qs component
+    url += (~url.indexOf('?') ? '&' : '?') + param + '=' + enc(id);
+    url = url.replace('?&', '?');
+    debug('jsonp req "%s"', url);
+    // create script
+    script = document.createElement('script');
+    script.src = url;
+    (_a = target.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(script, target);
+    return cancel;
+}
+//# sourceMappingURL=jsonp.js.map

package/dist/jsonp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsonp.js","sourceRoot":"","sources":["../src/jsonp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE9C,IAAI,KAAK,GAAG,CAAC,CAAA;AAEb,SAAS,IAAI,KAAI,CAAC;AAElB;;;;;;;;;;;;GAYG;AAEH,MAAM,CAAC,OAAO,UAAU,KAAK,CAC3B,GAAW,EACX,IAA0E,EAC1E,EAAmC;;IAEnC,IAAI,UAAU,IAAI,OAAO,IAAI,EAAE;QAC7B,EAAE,GAAG,IAAI,CAAA;QACT,IAAI,GAAG,EAAE,CAAA;KACV;IACD,IAAI,CAAC,IAAI;QAAE,IAAI,GAAG,EAAE,CAAA;IAEpB,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,MAAM,CAAA;IAElC,6DAA6D;IAC7D,gEAAgE;IAChE,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,KAAK,EAAE,CAAA;IAEtC,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,UAAU,CAAA;IACpC,IAAI,OAAO,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAA;IACzD,IAAI,GAAG,GAAG,kBAAkB,CAAA;IAC5B,IAAI,MAAM,GAAG,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAA;IACxE,IAAI,MAAW,CAAA;IACf,IAAI,KAAU,CAAA;IAEd,IAAI,OAAO,EAAE;QACX,KAAK,GAAG,UAAU,CAAC;YACjB,OAAO,EAAE,CAAA;YACT,IAAI,EAAE;gBAAE,EAAE,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;QAClC,CAAC,EAAE,OAAO,CAAC,CAAA;KACZ;IAED,SAAS,OAAO;QACd,IAAI,MAAM,CAAC,UAAU;YAAE,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QAC5D,YAAY;QACZ,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;QACjB,IAAI,KAAK;YAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IAChC,CAAC;IAED,SAAS,MAAM;QACb,aAAa;QACb,IAAI,MAAM,CAAC,EAAE,CAAC,EAAE;YACd,OAAO,EAAE,CAAA;SACV;IACH,CAAC;IAED,YAAY;IACZ,MAAM,CAAC,EAAE,CAAC,GAAG,UAAU,IAAI;QACzB,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;QACxB,OAAO,EAAE,CAAA;QACT,IAAI,EAAE;YAAE,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,mBAAmB;IACnB,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,CAAA;IAC9D,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAE5B,KAAK,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAA;IAE5B,gBAAgB;IAChB,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACzC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA;IAChB,MAAA,MAAM,CAAC,UAAU,0CAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAE/C,OAAO,MAAM,CAAA;AACf,CAAC","sourcesContent":["import { debug } from '@hatiolab/things-scene'\n\nvar count = 0\n\nfunction noop() {}\n\n/**\n * JSONP handler\n *\n * Options:\n *  - param {String} qs parameter (`callback`)\n *  - prefix {String} qs parameter (`__jp`)\n *  - name {String} qs parameter (`prefix` + incr)\n *  - timeout {Number} how long after a timeout error is emitted (`60000`)\n *\n * @param {String} url\n * @param {Object|Function} optional options / callback\n * @param {Function} optional callback\n */\n\nexport default function jsonp(\n  url: string,\n  opts: { prefix?: string; name?: string; param?: string; timeout?: number },\n  fn: (self: any, data?: any) => void\n) {\n  if ('function' == typeof opts) {\n    fn = opts\n    opts = {}\n  }\n  if (!opts) opts = {}\n\n  var prefix = opts.prefix || '__jp'\n\n  // use the callback name that was passed if one was provided.\n  // otherwise generate a unique name by incrementing our counter.\n  var id = opts.name || prefix + count++\n\n  var param = opts.param || 'callback'\n  var timeout = null != opts.timeout ? opts.timeout : 60000\n  var enc = encodeURIComponent\n  var target = document.getElementsByTagName('script')[0] || document.head\n  var script: any\n  var timer: any\n\n  if (timeout) {\n    timer = setTimeout(function () {\n      cleanup()\n      if (fn) fn(new Error('Timeout'))\n    }, timeout)\n  }\n\n  function cleanup() {\n    if (script.parentNode) script.parentNode.removeChild(script)\n    //@ts-ignore\n    window[id] = noop\n    if (timer) clearTimeout(timer)\n  }\n\n  function cancel() {\n    // @ts-ignore\n    if (window[id]) {\n      cleanup()\n    }\n  }\n\n  //@ts-ignore\n  window[id] = function (data) {\n    debug('jsonp got', data)\n    cleanup()\n    if (fn) fn(null, data)\n  }\n\n  // add qs component\n  url += (~url.indexOf('?') ? '&' : '?') + param + '=' + enc(id)\n  url = url.replace('?&', '?')\n\n  debug('jsonp req \"%s\"', url)\n\n  // create script\n  script = document.createElement('script')\n  script.src = url\n  target.parentNode?.insertBefore(script, target)\n\n  return cancel\n}\n"]}

package/dist/restful.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="node" />
+import { Shape } from '@hatiolab/things-scene';
+declare const Restful_base: (new (...args: any[]) => {
+    isDataSource(): boolean;
+}) & typeof Shape;
+export default class Restful extends Restful_base {
+    static _image: HTMLImageElement;
+    static get image(): HTMLImageElement;
+    get url(): any;
+    set url(url: any);
+    get period(): number;
+    set period(period: number);
+    get withCredentials(): boolean;
+    set withCredentials(withCredentials: boolean);
+    _repeatTimer: NodeJS.Timeout;
+    _httpRequest?: any;
+    _isStarted: boolean;
+    _convertDataFormat?: any;
+    get repeatTimer(): NodeJS.Timeout;
+    set repeatTimer(repeatTimer: NodeJS.Timeout);
+    get httpRequest(): any;
+    set httpRequest(httpRequest: any);
+    ready(): void;
+    _initRestful(): void;
+    dispose(): void;
+    _startRepeater(): void;
+    _stopRepeater(): void;
+    _makeRequest(url: string): boolean;
+    _makeRequestJsonp(url: string): void;
+    _abortRequest(): void;
+    onDataReceived(): void;
+    callAjax(): void;
+    _draw(context: CanvasRenderingContext2D): void;
+    ondblclick(e: Event): void;
+    get controls(): never[];
+    get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: ({
+            type: string;
+            label: string;
+            name: string;
+            placeholder?: undefined;
+            property?: undefined;
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            placeholder: string;
+            property?: undefined;
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                options: {
+                    display: string;
+                    value: string;
+                }[];
+            };
+            placeholder?: undefined;
+        })[];
+        'value-property': string;
+        help: string;
+    };
+}
+export {};